@charset "utf-8";
body {
    overflow-x: hidden;
    background-color: #f1efe9;
}

@media only screen and (min-width: 1025px) {
    .m-show,
    .m-flex {
        display: none;
    }
}
.gd-ul{
    width:100%;
    box-sizing: border-box;
    padding: 20px 15px;
}
.gd-ul li:first-child{
    border-top: 1px solid #ddd;
}
.gd-ul li{
    width:100%;
    height:50px;
    box-sizing: border-box;
    border-bottom:1px solid #ddd;
    padding:0 8px;
}
.gd-ul li .ava{
    width:36px;
    height:36px;
    border-radius:50%;
    margin-right:12px;
}
.gd-ul li .btn{
    padding:4px 10px;
    background: #0f7864;
    border-radius: 4px;
    font-size:13px;
    color:#fff;
    cursor: pointer;
}
/*头部开始*/
.pageHeader {
    height: 100px;
    background: #ff7e38;
    border-bottom: 5px solid #ffae81;
}

.pageHeader .header-left {
    width: 241px;
    height: 46px;
    background: url(../images/head_05.png);
    margin-top: 27px;
}

.pageHeader .header-logo {
    width: 149px;
    height: 150px;
    background: url(../images/logo.png);
    position: absolute;
    left: 50%;
    margin-left: -75px;
    top: 0px;
}

.pageHeader .header-right {
    width: 246px;
    height: 40px;
    background: url(../images/head_08.png);
    margin-top: 31px;
}

.pageHeader-mini {
    height: 30px;
    background: #fff;
}

.pageHeader-mini .header-left {
    width: 240px;
    height: 24px;
    background: url(../images/sqleft.png);
    margin-top: 4px;
}

.pageHeader-mini .header-right {
    width: 193px;
    height: 20px;
    background: url(../images/phmini.png);
    margin-top: 5px;
}

/*头部结束*/
/*首页开始*/
.sec-sel-wrap {
    margin: 83px 0 31px 0;
}

.sec-sel-wrap .container-b {
    background: #e4e1d8;
    border-radius: 3px;
    height: 87px;
    padding-top: 11px;
    padding-left: 270px;
}

.sec-sel-wrp {
    width: 536px;
    height: 67px;
    border: 4px solid #b2b2b2;
    border-radius: 3px;
    background: #fff;
    padding: 0 22px 0 26px;
    font-size: 20px;
    color: #b2b2b2;
    font-weight: bold;
    box-sizing: border-box;
    cursor: pointer;
}

.sec-sel-wrp .icon-sec {
    width: 28px;
    height: 16px;
    background: url(../images/sec_arrow.jpg);
}

.sec-sel-btn {
    width: 264px;
    height: 67px;
    line-height: 67px;
    text-align: center;
    font-weight: bold;
    box-sizing: border-box;
    background: #a7d74a;
    font-size: 29px;
    color: #fff;
    border-bottom: 5px solid #8ab33a;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
    margin-left: 16px;
}

.sec-sel-btn:before {
    content: "";
    display: block;
    width: 65px;
    height: 6px;
    position: absolute;
    left: 8px;
    top: 3px;
    background: url(../images/btn_03.jpg) no-repeat;
}

.index-nav-wrap {
    margin-bottom: 70px;
}

.index-nav-item {
    float: left;
    width: 260px;
    height: 478px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 8px;
    padding: 54px 20px 20px;
    margin-right: 14px;
    position: relative;
    transition: box-shadow .3s;
}

.index-nav-item:hover {
    box-shadow: 0px 10px 20px 2px #eae7d8;
}

.index-nav-item:before,
.index-nav-item:after {
    content: "";
    display: block;
    width: 81px;
    height: 21px;
    background: url(../images/nav_link.png);
    position: absolute;
    right: -48px;
    z-index: 9;
}

.index-nav-item:before {
    top: 32px;
}

.index-nav-item:after {
    bottom: 32px;
}

.index-nav-item:last-child {
    margin-right: 0px;
}

.index-nav-item:last-child:before,
.index-nav-item:last-child:after {
    display: none;
}

.index-nav-item .nav-tit {
    width: 100%;
    height: 25px;
    background-repeat: no-repeat;
    background-position: center top;
    margin-bottom: 32px;
}

.index-nav-item.item-1 .nav-tit {
    background-image: url(../images/nav_text_1.png);
}

.index-nav-item.item-2 .nav-tit {
    background-image: url(../images/nav_text_2.png);
}

.index-nav-item.item-3 .nav-tit {
    background-image: url(../images/nav_text_3.png);
}

.index-nav-item.item-4 .nav-tit {
    background-image: url(../images/nav_text_4.png);
}

.index-nav-item.item-5 .nav-tit {
    background-image: url(../images/nav_text_5.png);
}

.index-nav-item .nav-icon {
    width: 111px;
    height: 111px;
    border-radius: 50%;
    margin: 0 auto 32px;
    border: 2px solid #dddddd;
    background-repeat: no-repeat;
    background-position: center center;
}

.index-nav-item.item-1 .nav-icon {
    background-image: url(../images/nav_icon_1.png);
}

.index-nav-item.item-2 .nav-icon {
    background-image: url(../images/nav_icon_2.png);
}

.index-nav-item.item-3 .nav-icon {
    background-image: url(../images/nav_icon_3.png);
}

.index-nav-item.item-4 .nav-icon {
    background-image: url(../images/nav_icon_4.png);
}

.index-nav-item.item-5 .nav-icon {
    background-image: url(../images/nav_icon_5.png);
}

.index-nav-item .nav-desc {
    font-size: 13px;
    line-height: 19px;
    height: 95px;
    color: #797878;
    overflow: hidden;
    margin-bottom: 19px;
}

.index-nav-item .nav-btn {
    width: 178px;
    height: 47px;
    display: block;
    background: url(../images/nav_btn_05.png) no-repeat;
    margin: auto;
}

.index-nav-item .nav-btn:hover {
    box-shadow: 0px 6px 22px 2px #fce6e0;
    background-image: url(../images/nav_btn_03.png);
}

#section-modal {
    width: 677px;
    padding: 20px;
    box-sizing: border-box;
    display: none;
}

#section-modal .section-item {
    width: 148px;
    height: 40px;
    overflow: hidden;
    line-height: 20px;
    box-sizing: border-box;
    border-radius: 2px;
    background: #a7d74a;
    color: #fff;
    font-size: 14px;
    text-align: center;
    transition: all .2s;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    cursor: pointer;
}

#section-modal .section-item:nth-of-type(4n) {
    margin-right: 0;
}

#section-modal .section-item:hover {
    background: #a0d042;
}

/*首页结束*/
/*登录开始*/
.login-wrap {
    width: 100%;
    height: 888px;
    background: url(../images/regbg_02.jpg) no-repeat center center;
}

.login-wrap > .container {
    padding-top: 184px;
}

.login-wrp {
    width: 831px;
    height: 607px;
    background: url(../images/regformbg_03.png) no-repeat;
    margin: auto;
    box-sizing: border-box;
    padding-top: 250px;
    padding-left: 52px;
}

.form-login {
    width: 720px;
}

.form-wrp .form-main{
    width:400px;
    position: relative;
}
.form-wrp .form-main:after{
    content: "";
    display: block;
    width:1px;
    height:220px;
    position: absolute;
    right:-20px;
    top: 0px;
    background: #f5f5ef;
}
.form-wrp .form-gu{
    width:276px;
    font-size:13px;
}
.form-gu-wrp{
    margin-top:12px;
}
.form-gu-wrp input{
    width:194px;
    height:34px;
    line-height: 34px;
    text-indent: 8px;
    border:1px solid #ccc;
    border-radius: 4px;
    float:left;
    background: transparent;
}
.form-gu-wrp .btn{
    width:72px;
    height:36px;
    line-height: 36px;
    text-align: center;
    font-size:16px;
    background: #B7D491;
    color:#fff;
    border-radius: 4px;
    margin-left:8px;
    cursor: pointer;
    float:left;
}

.form-wrp .form-gu .tit{
    font-size:16px;
    color:#1a1a1a;
    margin-bottom: 6px;
}

.form-login .form-group {
    width: 100%;
    height: 56px;
    background: #f5f5ef;
    border-radius: 28px;
    overflow: hidden;
    margin-bottom: 24px;
}

.form-login .form-group label {
    width: 74px;
    height: 56px;
    float: left;
    background: url(../images/icon_pass.png) no-repeat 29px center;
}

.form-login .form-group:first-child label {
    background: url(../images/icon_user.png) no-repeat 27px center;
}

.form-login .form-group input {
    width: 308px;
    float: left;
    font-size: 18px;
    color: #666;
    background: transparent;
    height: 56px;
    line-height: 56px;
}

.form-login .btn-sub {
    width: 100%;
    height: 56px;
    line-height: 56px;
    text-align: center;
    color: #fff;
    font-size: 25px;
    box-shadow: 0px 5px 16px 0px #fcdcb8;
    background: #ffa94c;
    border-radius: 28px;
}

.form-login .editPass {
    font-size: 16px;
    color: #362323;
    text-align: center;
    margin: -4px 0 28px;
}

.form-login .editPass .icon-eraser {
    width: 18px;
    height: 18px;
    background: url(../images/icon_eraser.png) no-repeat;
    margin-right: 4px;
}

.form-editpass .form-group {
    margin-bottom: 18px;
}

/*登录结束*/
/*面包屑开始*/
.crumb-wrap {
    height: 50px;
    line-height: 1.3;
    padding: 0 3px;
    margin: 48px 0 28px 0;
}

.crumb-wrap > .container {
    height: 100%;
    border-bottom: 1px solid #8ab33a;
}

.crumb-wrap h2 {
    font-size: 29px;
    color: #8ab33a;
    float: left;
    font-weight: bold;
}

.crumb-wrp .icon-home {
    width: 35px;
    height: 34px;
    background: url(../images/icon_home.png);
    margin-right: 6px;
    margin-top: -6px;
}

.crumb-wrp .icon-return {
    width: 28px;
    height: 23px;
    background: url(../images/icon_return.png);
    margin-right: 9px;
    margin-top: -5px;
}

.crumb-wrp {
    color: #989898;
    font-size: 29px;
    font-weight: bold;
    float: right;
}

.crumb-wrp a {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    border: 2px solid;
}

.crumb-wrp a:hover {
    color: #666;
}

/*面包屑结束*/
/*记忆库开始*/
.memory-top {
    height: 78px;
    line-height: 78px;
    text-align: center;
    background: #8ab33a;
    box-shadow: 0px -5px 8px 0px #6b9f2b inset;
    font-size: 29px;
    color: #fff;
    font-weight: bold;
    border-radius: 4px 4px 0px 0px;
}

.memory-wrap {
    margin-bottom: 85px;
}

.memory-wrp {
    background: #fff;
    border-radius: 0px 0px 4px 4px;
    box-shadow: 0px 4px 7px 0px #e7e6da;
    padding: 14px 15px 52px;
}

.memory-wrp .words-wrp {
    position: relative;
    padding: 10px 0 18px 29px;
}

.memory-wrp .words-wrp:before {
    content: "";
    display: block;
    width: 4px;
    height: 100%;
    background: linear-gradient(#e50100, #8ab23a);
    position: absolute;
    left: 0;
    top: 0;
}

.memory-wrp .words-wrp a {
    color: #2d2d2d;
    position: relative;
}

.memory-wrp .words-wrp a.size-1 {
    font-size: 38px;
    font-weight: bold;
    margin-right: 32px;
}

.memory-wrp .words-wrp a.size-2 {
    font-size: 28px;
    font-weight: bold;
    margin-right: 23px;
}

.memory-wrp .words-wrp a.size-3 {
    font-size: 22px;
    font-weight: bold;
    margin-right: 19px;
}

.memory-wrp .words-wrp a.size-4 {
    font-size: 20px;
    margin-right: 16px;
}

.memory-wrp .words-wrp a.hover-red:hover {
    color: #e40201;
}

.memory-wrp .words-wrp a.hover-blue:hover {
    color: #83cacd;
}

.word-modal {
    position: absolute;
    z-index: 99;
    /*left:10px;
	top:57px;*/
    width: 307px;
    /*height:174px;*/
    box-sizing: border-box;
    border: 3px solid;
}

.word-modal .modal-top {
    padding: 0 6px 0 8px;
    color: #fff;
    font-size: 24px;
    height: 42px;
    line-height: 40px;
    font-weight: bold;
}

.word-modal .modal-top .fr {
    font-family: arial;
}

.word-modal .modal-con {
    padding: 8px 6px;
    background: #fff;
    font-size: 14px;
    color: #333;
}

.word-modal .modal-con .con-symb {
    font-weight: bold;
    line-height: 19px;
    min-height: 48px;
    padding: 0 8px;
}

.word-modal .modal-con .con-info {
    height: 29px;
    line-height: 29px;
    background: #f6f3f3;
    padding: 0 6px;
}

.word-modal .modal-con .con-info-1 {
    margin-bottom: 6px;
}

.word-modal:before {
    content: "";
    position: absolute;
    left: 50%;
    top: -11px;
    margin-left: -5.5px;
    width: 11px;
    height: 6px;
}

.word-modal.red:before {
    background: url(../images/toparr_03.png) no-repeat;
}

.word-modal.blue:before {
    background: url(../images/toparr_07.png) no-repeat;
}

.word-modal.red {
    border-color: #e40201;
}

.word-modal.red .modal-top {
    background: #e40201;
}

.word-modal.red .modal-con .con-info-1 span,
.word-modal.red .modal-con .con-info-2 {
    color: #e40201;
}

.word-modal.blue {
    border-color: #83cacd;
}

.word-modal.blue .modal-top {
    background: #83cacd;
}

.word-modal.blue .modal-con .con-info-1 span,
.word-modal.blue .modal-con .con-info-2 {
    color: #83cacd;
}

.memory-wrp .btn-wrp {
    margin-top: 83px;
    text-align: center;
}

.memory-wrp .btn-wrp a {
    display: inline-block;
    margin-right: 18px;
    width: 278px;
    height: 53px;
    line-height: 53px;
    background: #8ab33a;
    color: #fff;
    font-size: 20px;
    text-align: center;
    text-indent: -4px;
}

.memory-wrp .btn-wrp .icon {
    margin-right: 17px;
}

.memory-wrp .btn-wrp .icon-download {
    width: 36px;
    height: 29px;
    background-image: url(../images/icon_download.png);
}

.memory-wrp .btn-wrp .icon-print {
    width: 33px;
    height: 33px;
    background-image: url(../images/icon_print.png);
}

.memory-wrp .btn-wrp .icon-book {
    width: 25px;
    height: 29px;
    background-image: url(../images/icon_book.png);
}

.memory-tab {
    padding: 10px 0 20px;
    text-align: center;
}

.memory-tab a {
    display: inline-block;
    width: 120px;
    height: 35px;
    line-height: 35px;
    border-radius: 2px;
    background: #a7d74a;
    color: #fff;
    font-size: 14px;
    text-align: center;
    transition: all .2s;
    margin-right: 15px;
}

.memory-tab a.on {
    background: #ff7e38;
}

.memory-tab a:hover:not(.on) {
    background: #a0d042;
}

.memory-tab a:last-child {
    margin-right: 0;
}

/*记忆库结束*/
/*速记开始*/
.sys-word-wrap {
    background: #fff;
    border-radius: 4px;
    margin: 16px auto 40px;
    box-shadow: 0px 0px 7px 0px #e7e6da;
    padding: 24px 30px 29px 41px;
}

.sys-word-left {
    width: 290px;
}

.process-wrp {
    padding: 0 4px;
    padding-bottom: 14px;
}

.process-wrp > .maintit {
    font-size: 29px;
    color: #565656;
    font-weight: bold;
    line-height: 100%;
    margin-bottom: 20px;
}

.process-wrp .proc-item {
    margin-bottom: 12px;
    height: 18px;
}

.proc-item .proc-tit {
    font-size: 14px;
    color: #767676;
    float: left;
    height: 18px;
    line-height: 18px;
}

.proc-item .proc-bar {
    width: 208px;
    height: 18px;
    float: left;
    box-sizing: border-box;
    border: 1px solid #c2c0c0;
    border-radius: 9px;
    box-shadow: 2px 3px 6px 0px #ebebeb;
}

.proc-item .proc-bar .proc-inner {
    width: 50%;
    height: 16px;
    background: #a5d449;
    border-radius: 8px;
    position: relative;
}

.proc-item .proc-bar .proc-inner:after {
    content: "";
    display: block;
    width: 92%;
    height: 8px;
    background: linear-gradient(rgba(255, 255, 255, .2), rgba(255, 255, 255, .3), rgba(255, 255, 255, .1));
    border-radius: 3px;
    position: absolute;
    left: 4%;
    top: 1px;
}

.proc-item .proc-bar.bar-yellow .proc-inner {
    background: #f7db41;
}

.proc-item .proc-bar.bar-red .proc-inner {
    background: #f56437;
}

.sys-word-left .speed-wrp {
    padding: 12px 4px;
    line-height: 30px;
    font-size: 14px;
    color: #767676;
    border-top: 4px solid #f4f3ed;
    border-bottom: 4px solid #f4f3ed;
}

.sys-word-left .book-entry {
    padding-top: 9px;
}

.sys-word-right {
    width: 744px;
}

.sys-word-right .part-top {
    margin-bottom: 30px;
    width: 744px;
    height: 246px;
    background: url(../images/suji_03.jpg) no-repeat;
    box-sizing: border-box;
    padding: 37px 73px 0 318px;
}

.sys-word-right .part-top .tit {
    font-size: 29px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 10px;
    text-shadow: 0px 1px 3px #87a966;
}

.sys-word-right .part-top .desc {
    font-size: 13px;
    line-height: 19px;
    text-shadow: 0px 1px 3px #87a966;
    margin-bottom: 15px;
    color: #fff;
    font-weight: bold;
}

.word-part-btn {
   / width: 138px;
    /height: 41px;
    width:744px;
	height:246px;
	background: url(../images/suji_10.jpg);
	
}

.sys-word-right .part-item {
    float: left;
    margin-right: 27px;
    width: 230px;
    height: 245px;
    box-sizing: border-box;
    border: 4px solid #b2b2b2;
    border-radius: 4px;
    padding-top: 21px;
    color: #636363;
}

.sys-word-right .part-item:hover {
    color: #8ab33a;
    border-color: #8ab33a;
}

.sys-word-right .part-item:last-child {
    margin-right: 0;
}

.sys-word-right .part-item .icon-wrp {
    width: 73px;
    height: 73px;
    margin: 0 auto 20px;
    background-repeat: no-repeat;
    background-position: center center;
}

.sys-word-right .part-item:nth-child(1) .icon-wrp {
    background-image: url(../images/sj_icon_1.png);
}

.sys-word-right .part-item:nth-child(2) .icon-wrp {
    background-image: url(../images/sj_icon_2.png);
}

.sys-word-right .part-item:nth-child(3) .icon-wrp {
    background-image: url(../images/sj_icon_3.png);
}

.sys-word-right .part-item:nth-child(1):hover .icon-wrp {
    background-image: url(../images/sj_icon_1_2.png);
}

.sys-word-right .part-item:nth-child(2):hover .icon-wrp {
    background-image: url(../images/sj_icon_2_2.png);
}

.sys-word-right .part-item:nth-child(3):hover .icon-wrp {
    background-image: url(../images/sj_icon_3_2.png);
}

.sys-word-right .part-item .tit {
    font-size: 23px;
    font-weight: bold;
    text-align: center;
    line-height: 100%;
    margin-bottom: 5px;
}

.sys-word-right .part-item .tip {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 16px;
    text-align: center;
}

.sys-word-right .part-item .word-part-btn {
    background: url(../images/suji_12.jpg);
    margin: auto;
}

.sys-word-right .part-item:hover .word-part-btn {
    background: url(../images/suji_10.jpg);
}

.sys-book-wrap {
    box-shadow: 0px 0px 7px 0px #e7e6da;
    padding: 27px 21px 82px;
    background: #fff;
    border-radius: 4px;
    position: relative;
    margin-bottom: 80px;
}

.sys-book-wrap .book-head {
    margin-bottom: 25px;
    line-height: 1;
    font-size: 22px;
    color: #000;
    font-weight: bold;
}

.sys-book-wrap .book-head .part-1 {
    margin-right: 32px;
}

.sys-book-wrap .book-head .part-1 select {
    width: 158px;
    height: 33px;
    background: #61b249;
    color: #fff;
    font-size: 16px;
    text-indent: 6px;
    border-radius: 3px;
    box-sizing: border-box;
}

.sys-book-wrap .book-head .part-2 {
    margin-right: 12px;
}

.sys-book-wrap .book-head .part-2 .icon {
    width: 26px;
    height: 26px;
    background: url(../images/duigou.png) no-repeat;
    margin-right: 11px;
}

.book-head-left > div {
    float: left;
}

.book-head-proc {
    margin-top: 4px;
}

.book-head-proc.proc-item .proc-tit {
    font-size: 22px;
    color: #000;
    font-weight: bold;
}

.book-head-proc.proc-item .proc-bar {
    width: 236px;
    height: 20px;
}

.book-head-proc.proc-item .proc-tit {
    height: 22px;
    line-height: 22px;
}

.book-head-proc.proc-item .proc-bar .proc-inner {
    height: 18px;
}

.book-head-proc {
    width: 347px;
}

.sys-book-wrap .book-head .part-3 {
    margin-right: 10px;
}

.book-table {
    width: 100%;
    border: 1px solid #ddd;
    empty-cells: show;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}

.book-table th {
    height: 51px;
    background: #abcb88;
    font-size: 22px;
    color: #fff;
    font-weight: bold;
}

.book-table tr {
    height: 60px;
    font-size: 26px;
    color: #555;
    text-align: center;
}

.book-table td.td-no {
    font-size: 24px;
    color: #666;
    width: 35px;
}

.book-table td.td-symbol {
    font-size: 22px;
    color: #84ad58;
    line-height: 1.1;
    font-family: arial;
    width: 320px;
    cursor: pointer;
}

.book-table td.td-word {
    font-size: 24px;
    font-family: arial;
    width: 200px;
}

.book-table td.td-exp {
    font-size: 20px;
}

.td-symbol span:after {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(../images/laba.png) no-repeat center center;
    background-size: 100% 100%;
    vertical-align: middle;
    margin-left: 6px;
}

.iradio_minimal-green {
    margin-right: 10px !important;
}

.icheckbox_minimal-green {
    margin-right: 10px !important;
    margin-left: 20px !important;
}

.sys-memory-wrap {
    box-shadow: 0px 0px 7px 0px #e7e6da;
    position: relative;
    border-radius: 4px;
    background: #fff;
    padding: 15px 16px;
    margin-bottom: 115px;
}

.sys-memory-wrap:before,
.sys-book-wrap:before,
.sys-five-form:before {
    content: "";
    display: block;
    width: 1183px;
    height: 17px;
    background: url(../images/book_bot_03.jpg);
    position: absolute;
    left: 8.5px;
    bottom: -17px;
}

.has-bookbot {
    position: relative;
}

.has-bookbot:before {
    content: "";
    display: block;
    width: 1183px;
    height: 17px;
    background: url(../images/book_bot_03.jpg);
    position: absolute;
    left: 8.5px;
    bottom: -17px;
}

.sm-con-left {
    width: 50%;
    height: 423px;
    border-right: 1px solid #d5d3c7
}

.sm-con-right {
    width: 50%;
    height: 423px;
}

.sm-con-left, .sm-con-right {
    box-sizing: border-box;
    padding-bottom: 50px;
}

.word-show {
    font-size: 42px;
    color: #209864;
    font-weight: bold;
}

.word-show.text-grey,
.word-show.text-grey span {
    color: #a8a8a8 !important;
}

.word-show .text-green {
    color: #209864;
}

.word-show-position {
    font-size: 42px;
    line-height: 120%;
    color: #209864;
    font-weight: bold;
    position: absolute;
    left: 36px;
    top: 0px;
}

.word-det-show {
    color: #77807c;
    font-size: 30px;
}

.word-det-show .symbol-show {
    font-family: arial;
    margin-right: 22px;
}

.sj-btn {
    width: 196px;
    height: 92px;
    line-height: 68px;
    font-weight: bold;
    box-sizing: border-box;
    padding: 5px 15px 20px;
    color: #fff;
    text-align: center;
    font-size: 30px;
    color: #fff;
    cursor: pointer;
}

.sj-btn-green {
    background: url(../images/suji_btn_green.png) no-repeat;
}

.sj-btn-red {
    margin-left: 18px;
    background: url(../images/suji_btn_red.png) no-repeat;
}

.sm-tip {
    position: absolute;
    top: 15px;
    left: 16px;
    font-size: 20px;
    color: #404040;
    line-height: 100%;
}

.sm-tip2 {
    position: absolute;
    bottom: 75px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #666;
    line-height: 100%;
}

.sm-info {
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 28px;
}

.sm-repeat {
    position: absolute;
    bottom: 95px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #666;
    line-height: 100%;
}

.sm-info-part {
    display: inline-block;
    height: 37px;
    line-height: 37px;
    color: #404040;
    font-size: 20px;
    padding: 0 11px;
    border-radius: 2px;
    background: #eff6ec;
    margin-right: 8px;
}

.sm-write-wrp {
    padding-top: 52px;
    width: 828px;
    margin: auto;
    height: 488px;
    box-sizing: border-box;
}

.sm-write-wrp .write-top,
.sm-write-wrp .write-bot {
    font-size: 30px;
    color: #77807c;
    padding-left: 36px;
    padding-right: 31px;
    max-height: 135px;
    overflow: hidden;
}

.sm-write-wrp .write-top {
    min-height: 90px;
    margin-bottom: 5px;
}

.sm-write-wrp .write-bot {
    margin-top: 5px;
}

.sm-write-wrp .write-top .symbol-show {
    font-size: 49px;
    margin-right: 16px;
    margin-left: 12px;
}

.sm-write-wrp .write-top .word-show {
    line-height: 120%;
}

.sm-write-wrp .write-main {
    width: 828px;
    height: 102px;
    box-sizing: border-box;
    border: 3px solid #d0cdbc;
    border-radius: 51px;
    background: #faf9f1;
    padding-left: 36px;
    padding-right: 26px;
    position: relative;
}

.sm-write-wrp .write-input {
    width: 556px;
    height: 96px;
    line-height: 96px;
    font-size: 48px;
    color: #333;
    float: left;
    background: transparent;
}

.sm-write-wrp .sj-btn-enter {
    float: right;
    margin-top: 6px;
}

.sj-btn-voice {
    width: 77px;
    height: 83px;
    background: url(../images/suji_btn_voice.png);
    margin-right: 44px;
    position: relative;
    margin-top: 6px;
    float: left;
    cursor: pointer;
}

.sj-btn-voice:after {
    content: "";
    display: block;
    width: 1px;
    height: 54px;
    position: absolute;
    top: 15px;
    left: 95px;
    background: #d0cdbc;
}

.write-main.has-voice {
    padding-left: 15px;
}

.write-main.has-voice .write-input {
    width: 460px;
}

.word-show.red,
.write-input.red {
    color: #ff7777;
}

.sj-result {
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    right: 235px;
    top: 24px;
}

.sj-result.sj-success {
    background-image: url(../images/write_correct.png);
}

.sj-result.sj-wrong {
    background-image: url(../images/write_wrong.png);
}

.sys-five-wrap {
    margin-bottom: 80px;
}

.sys-five-wrap .five-top {
    margin-bottom: 10px;
    font-size: 22px;
    color: #7a7a7a;
}

.sys-five-wrap .five-top .sep {
    margin: 0 4px;
}

.sys-five-form {
    box-shadow: 0px 0px 7px 0px #e7e6da;
    background: #fff;
    border-radius: 3px;
    box-sizing: border-box;
    padding: 21px 23px 41px;
    position: relative;
}

.sys-five-form .test-group {
    margin-bottom: 13px;
}

.sys-five-form .test-group .group-tit {
    height: 51px;
    line-height: 51px;
    font-size: 22px;
    color: #fff;
    padding: 0 28px;
    background: #abcb88;
}

.sys-five-form .group-test-wrp .test-item {
    padding-top: 20px;
    float: left;
    width: 50%;
    box-sizing: border-box;
    position: relative;
}

.sys-five-form .group-test-wrp .test-item .test-tit {
    font-weight: bold;
    font-size: 22px;
    font-family: arial;
    color: #000;
    padding: 0 10px;
    height: 66px;
    overflow: hidden;
}

.test-tit-symbol {
    color: inherit;
    font-weight: bold;
    font-size: 20px;
    float: right;
}

.test-tit-symbol.correct {
    color: #1ab102;
}

.test-tit-symbol.wrong {
    color: #dd2727;
}

.sys-five-form .group-test-wrp .test-item .test-tit.correct {
    color: #1ab102;
}

.sys-five-form .group-test-wrp .test-item .test-tit.wrong {
    color: #dd2727;
}

.test-opt-item {
    position: relative;
}

.test-opt-item.correct {
    background: #dcfad9;
}

/*.test-opt-item.correct:before{*/
/*width: 12px;*/
/*height: 12px;*/
/*position: absolute;*/
/*content: '\2713';*/
/*display: inline-block;*/
/*font-size: 12px;*/
/*text-align: center;*/
/*line-height: 12px;*/
/*background: #1ab102;*/
/*}*/
/*.test-opt-item.wrong:before{*/
/*width: 12px;*/
/*height: 12px;*/
/*position: absolute;*/
/*content: '\2716';*/
/*display: inline-block;*/
/*font-size: 12px;*/
/*text-align: center;*/
/*line-height: 12px;*/
/*background: #dd2727;*/
/*}*/
.test-opt-item.wrong {
    background: #fadbdb;
}

.test-res-word {
    font-size: 20px;
    color: #666;
}

.test-res-word.correct {
    color: #1ab102;
}

.test-res-word.wrong {
    color: #dd2727;
}

.sys-five-form .group-test-wrp .test-item .test-options {
    line-height: 50px;
    font-size: 20px;
    color: #666;
    padding: 10px 20px 10px;
}

.sys-five-form .group-test-wrp .test-item .test-options label {
    margin-left: 5px;
    font-weight: normal;
    color: #333;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
}

.sys-five-form .group-test-wrp .test-item:nth-of-type(2n-1):before {
    content: '';
    display: block;
    width: 1px;
    height: 74%;
    position: absolute;
    background: #dddcd3;
    top: 13%;
    right: 1px;
}

.sys-five-form .group-test-wrp .test-item:nth-of-type(2n) {
    padding-left: 43px;
}

.sys-five-form .group-test-wrp .test-item:after {
    content: '';
    display: block;
    width: 501px;
    height: 1px;
    position: absolute;
    background: #dddcd3;
    left: 12px;
    bottom: 0;
}

.sys-five-form .group-test-wrp .test-item:nth-last-child(1):after,
.sys-five-form .group-test-wrp .test-item:nth-last-child(2):after {
    display: none;
}

.sys-five-form .group-test-wrp .test-item:nth-of-type(2n):after {
    left: 52px;
}

.sys-five-form .group-test-wrp .test-item .test-voice-btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    color: #333;
    background-color: #fff;
    border: 1px solid #ccc;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

.sys-five-form .group-test-wrp .test-item .test-voice-btn:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.test-listen-item {
    width: 50%;
    box-sizing: border-box;
    height: 39px;
    margin-bottom: 28px;
    float: left;
}

.test-listen-item:nth-of-type(2n) {
    padding-left: 42px;
}

.test-listen-item .num {
    font-weight: bold;
    font-size: 22px;
    font-family: arial;
    color: #000;
    margin: 4px 8px 0px 0px;
}

.test-listen-item .listen-wrp {
    width: 306px;
    height: 39px;
    line-height: 37px;
    text-indent: 5px;
    border: 1px solid #abcb88;
    border-radius: 2px;
}

.test-listen-item .listen-wrp .listen-icon {
    width: 25px;
    height: 25px;
    float: left;
    background: url(../images/laba2.png);
    margin: 6px;
    cursor: pointer;
}

.test-listen-item .listen-wrp input {
    width: 265px;
    height: 23px;
    line-height: 23px;
    font-size: 18px;
    margin-top: 7px;
    float: left;
    font-family: arial;
    text-indent: 6px;
    border-left: 1px solid #abcb88;
}

.sm-test-sw-input {
    width: 324px;
    height: 37px;
    line-height: 37px;
    display: block;
    font-size: 18px;
    text-indent: 8px;
    border: 1px solid #abcb88;
    border-radius: 2px;
}

.test-sw-item {
    width: 50%;
    font-weight: bold;
    font-size: 22px;
    font-family: arial;
    color: #000;
    padding: 0 10px;
    float: left;
    box-sizing: border-box;
}

.test-sw-item:nth-of-type(2n) {
    padding-left: 42px;
}

.test-sub-wrp {
    padding-top: 39px;
    margin-top: 80px;
    border-top: 2px dashed #dbd6d6;
}

.test-sub-wrp input {
    display: block;
    width: 239px;
    height: 67px;
    margin: auto;
    background: url(../images/test_sub_btn.png);
    color: #380000;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    box-sizing: border-box;
    padding-bottom: 4px;
    line-height: 63px;
}

/*速记结束*/
/*考试开始*/
.test-btn {
    cursor: pointer;
}

.sys-exam-wrap {
    margin-bottom: 85px;
}

.sys-exam-left {
    box-shadow: 0px 0px 7px 0px #e7e6da;
    position: relative;
    width: 387px;
    border-radius: 4px;
    padding: 93px 23px 0;
    height: 604px;
    box-sizing: border-box;
    background: #fff url(../images/exam_index_23.jpg) no-repeat center bottom;
}

.sys-exam-tit {
    width: 197px;
    height: 65px;
    background: url(../images/exam_tit_bg.png);
    color: #fff;
    text-indent: 37px;
    line-height: 60px;
    font-size: 28px;
    font-weight: bold;
}

.sys-exam-left .sys-exam-tit {
    position: absolute;
    left: -4px;
    top: 26px;
}

.exam-index-list-item {
    position: relative;
}

.sys-exam-left .left-list .exam-index-list-item {
    padding: 45px 0px;
}

.sys-exam-left .left-list .exam-index-list-item:nth-child(1):after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: url(../images/exam_index_12.jpg) repeat-x;
    position: absolute;
    bottom: 0;
    left: 0;
}

.exam-index-list-item .img-wrp {
    width: 123px;
}

.exam-index-list-item .con-wrp .tit {
    font-size: 24px;
    color: #151515;
}

.exam-index-list-item .con-wrp .desc {
    font-size: 13px;
    color: #555;
    line-height: 22px;
    max-height: 66px;
    overflow: hidden;
    margin-bottom: 5px;
}

.exam-index-list-item .con-wrp .btn {
    width: 105px;
    height: 32px;
    display: block;
    text-align: center;
    border-radius: 3px;
    font-size: 16px;
    color: #fff;
    line-height: 32px;
    position: relative;
    background: #8ab33a;
}

.exam-index-list-item .con-wrp .btn:before {
    content: "";
    display: block;
    width: 15px;
    height: 3px;
    background: url(../images/exam333_03.jpg);
    position: absolute;
    left: 4px;
    top: 2px;
}

.sys-exam-right {
    width: 794px;
}

.exam-index-banner {
    width: 100%;
    height: 300px;
    margin-bottom: 7px;
    position: relative;
    background: url(../images/exam_index_03.jpg) no-repeat;
}

.exam-index-banner .btn {
    height: 52px;
    line-height: 52px;
    border-radius: 4px;
    background: #fff;
    font-size: 25px;
    color: #56a946;
    font-weight: bold;
    text-align: center;
    box-shadow: 0px 5px 0px 0px #378d36;
    position: absolute;
}

.exam-index-banner .btn .icon {
    width: 17px;
    height: 16px;
    background: url(../images/arrow5.png);
    margin-left: 10px;
    margin-top: -3px;
}

.exam-index-banner .btn.btn-top {
    width: 390px;
    left: 28px;
    top: 131px;
}

.exam-index-banner .btn.btn-bot {
    width: 188px;
}

.exam-index-banner .btn.btn-bot.btn-2 {
    left: 28px;
    top: 201px;
}

.exam-index-banner .btn.btn-bot.btn-3 {
    left: 230px;
    top: 201px;
}

.sys-exam-right .right-bot .exam-index-list-item .sys-exam-tit {
    position: absolute;
    top: 27px;
    left: -5px;
    width: 177px;
    height: 65px;
    text-indent: 27px;
    background: url(../images/exam_tit_bg2.png);
}

.sys-exam-right .right-bot .exam-index-list-item {
    padding-top: 79px;
    height: 296px;
    box-sizing: border-box;
    background: #fff;
    width: 389px;
    box-shadow: 0px 0px 7px 0px #e7e6da;
    border-radius: 4px;
}

.sys-exam-right .right-bot .exam-index-list-item .con-wrp .desc {
    margin-bottom: 12px;
}

.sys-exam-right .right-bot .exam-index-list-item:before {
    content: "";
    display: block;
    width: 210px;
    height: 1px;
    background: url(../images/exam_index_12.jpg) repeat-x;
    position: absolute;
    top: 58px;
    right: 0px;
}

.sys-record-wrap {
    margin-bottom: 66px;
}

.record-tab-wrp {
    height: 45px;
    position: relative;
    z-index: 10;
}

.record-tab-wrp a {
    display: block;
    width: 183px;
    height: 45px;
    line-height: 45px;
    background: url(../images/ksjl_03.jpg) repeat-x;
    color: #fff;
    font-size: 24px;
    text-align: center;
    border-radius: 4px 4px 0px 0px;
    margin-right: 11px;
    float: left;
}

.record-tab-wrp a.on {
    color: #8ab33a;
    background: #fff;
}

.main-block {
    box-shadow: 0px 0px 7px 0px #e7e6da;
    background: #fff;
    border-radius: 4px;
    padding: 20px;
}

.record-con-wrp {
    box-shadow: 0px 0px 7px 0px #e7e6da;
    background: #fff;
    border-radius: 0 4px 4px 4px;
    padding: 18px;
    position: relative;
    z-index: 9;
}

.record-con-wrp .record-th li,
.record-con-wrp .record-tr li {
    width: 120px;
    text-align: center;
    float: left;
    margin-right: 4px;
}

.record-con-wrp .record-th {
    margin-bottom: 15px;
    height: 48px;
}

.record-con-wrp .record-th li {
    background: #3a4148;
    height: 48px;
    line-height: 48px;
    color: #fff;
    font-size: 18px;
}

.record-con-wrp .record-th li:nth-child(9),
.record-con-wrp .record-tr li:nth-child(9) {
    margin-right: 0;
}

.record-con-wrp .record-th li:first-child,
.record-con-wrp .record-tr li:first-child {
    width: 171px;
}

.record-con-wrp .record-tr {
    border-radius: 2px;
    height: 36px;
    margin-bottom: 14px;
    background: #edeeef;
}

.record-con-wrp .record-tr li {
    height: 36px;
    line-height: 36px;
    color: #362323;
    font-size: 16px;
    position: relative;
}

.record-con-wrp .record-tr li a {
    color: inherit;
    font-size: inherit;
}

.record-con-wrp .record-tr li a:hover {
    text-decoration: underline;
}

.record-con-wrp .record-tr li:after {
    content: "";
    display: block;
    width: 1px;
    height: 12px;
    background: #d2d7dc;
    position: absolute;
    right: -2px;
    top: 13px;
}

.record-con-wrp .record-tr li:nth-child(9):after {
    display: none;
}

.record-con-wrp .record-tr li:first-child span {
    display: block;
    width: 100%;
    height: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.record-wis-wrp {
    width: 1183px;
    margin: auto;
    box-sizing: border-box;
    padding: 15px 23px 12px;
    font-size: 18px;
    color: #362323;
    background: url(../images/ksjl_07.jpg) repeat;
    box-shadow: 0px 0px 7px 0px #e7e6da;
    border-radius: 1px 1px 4px 4px;
}

.record-wis-wrp .eng {
    margin-bottom: 5px;
}

.record-wis-wrp .from {
    font-size: 20px;
    color: #8ab33a;
    text-align: right;
}

.test-unit-select {
    width: 430px;
    box-sizing: border-box;
    padding: 16px 20px;
    -display: none;
}

.test-unit-select label {
    width: 118px;
    overflow: hidden;
    padding-right: 10px;
    font-size: 16px;
}

.test-unit-select label:nth-of-type(3n) {
    margin-right: 0;
}

.test-unit-select label input {
    margin-right: 4px;
}

.sys-favor-wrap {
    padding: 0 45px 22px;
    margin-bottom: 80px;
}

.sys-favor-wrap .favor-top {
    font-size: 24px;
    color: #484848;
    height: 99px;
    line-height: 92px;
    background: url(../images/col_line_03.jpg) repeat-x left bottom;
}

.sys-favor-wrap .favor-top a {
    font-size: 20px;
    color: inherit;
    padding: 0 15px;
    border: 1px solid transparent;
    border-radius: 2px;
}

.sys-favor-wrap .favor-top a:hover,
.sys-favor-wrap .favor-top a.on {
    background: #d9efc5;
    border: 1px solid #8ab33a;
}

.favor-item {
    margin-top: 35px;
}

.favor-item .item-head {
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 10px;
}

.favor-item .item-head .text-tab {
    padding: 0 8px;
    height: 32px;
    line-height: 30px;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    border: 1px solid #ffb400;
    background: #ffea75;
    font-size: 20px;
    text-align: center;
    border-radius: 2px;
    margin-top: -4px;
}

.favor-item .item-art {
    font-size: 18px;
    font-weight: bold;
    line-height: 38px;
    padding: 15px 24px;
}

.favor-item .item-opt {
    padding: 13px 27px;
    border-radius: 2px;
    background: #f0f8e9;
    margin-bottom: 15px;
}

.favor-item .item-opt .tit {
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 10px;
}

.favor-item .item-opt .opt {
    font-size: 20px;
    font-weight: bold;
    line-height: 50px;
    padding-bottom: 16px;
}

.favor-item .item-opt .ans {
    width: 100%;
    border: 1px solid #d9d7cb;
    border-collapse: separate;
    empty-cells: show;
    border-spacing: 0;
    font-size: 16px;
    border-bottom: 0;
    border-left: 0;
}

.favor-item .item-opt .ans th, .favor-item .item-opt .ans td {
    border-left: 1px solid #ddd;
}

.favor-item .item-opt .ans th, .favor-item .item-opt .ans td {
    border-bottom: 1px solid #ddd;
}

.favor-item .item-opt .ans td {
    padding-left: 22px;
    padding-right: 22px;
}

.favor-item .item-opt .ans .info td {
    background: #fdfcf5;
    height: 47px;
}

.favor-item .item-opt .ans .det td {
    background: #fff;
    padding: 18px 22px;
}

.sys-extract-wrap {
    padding: 62px 16px 32px;
    margin-bottom: 118px;
}

.sys-extract-wrap .ext-main {
    padding: 0 18px 88px;
}

.ext-bar {
    width: 100%;
    height: 10px;
    background: url(../images/ext_03.jpg) repeat-x;
    margin-bottom: 35px;
    position: relative;
    border-radius: 5px;
}

.ext-bar > span {
    position: absolute;
    top: -21px;
    display: block;
    width: 53px;
    height: 53px;
    border-radius: 50%;
    text-align: center;
    line-height: 53px;
    background: #faf9f1;
    color: #9b7254;
    font-size: 26px;
}

.ext-bar > span:nth-child(1) {
    left: 141px;
}

.ext-bar > span:nth-child(2) {
    left: 539px;
}

.ext-bar > span:nth-child(3) {
    left: 917px;
}

.ext-con-part {
    float: left;
}

.ext-input {
    width: 273px;
    height: 50px;
    line-height: 44px;
    font-size: 16px;
    color: #555;
    text-align: center;
    box-sizing: border-box;
    border-radius: 25px;
    border: 3px solid #d0cdbc;
    overflow: hidden;
}

.ext-con-part .tit {
    font-size: 20px;
    color: #555;
    text-align: center;
    margin-bottom: 6px;
}

.ext-con-part.part-1 .ext-input select {
    width: 235px;
    text-indent: 15px;
    text-align: left;
    height: 100%;
}

.ext-con-part.part-1 {
    margin-left: 30px;
    margin-right: 125px;
}

.ext-con-part.part-3 {
    float: right;
    margin-right: 37px;
}

.ext-con-part.part-3 .part3-item {
    margin-bottom: 9px;
}

.ext-con-part.part-3 .ext-input {
    width: 125px;
}

.sys-paper-wrap {
    margin-bottom: 108px;
}

.sys-paper-left {
    width: 203px;
    margin-left: 32px;
    padding-top: 15px;
}

.sys-paper-left .time-wrp {
    width: 203px;
    height: 77px;
    padding-left: 54px;
    box-sizing: border-box;
    line-height: 72px;
    color: #fff;
    font-size: 27px;
    margin-bottom: 21px;
    background: url(../images/timebg_03.jpg);
}

.sys-paper-left .num-wrp {
    padding: 0 4px;
}

.sys-paper-left .num-wrp li {
    float: left;
    width: 33px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    font-size: 16px;
    color: #82867a;
    border: 1px solid #c3c7bb;
    margin-right: 5px;
    margin-bottom: 5px;
    cursor: pointer;
}

.sys-paper-left .num-wrp li.red {
    background: #dd2727;
    color: #fff;
    border-color: #e0b4b4;
}

.sys-paper-left .num-wrp li.green {
    background: green;
    color: #fff;
    border-color: #e0b4b4;
}

.sys-paper-left .num-wrp:not(.four) li:nth-of-type(5n) {
    margin-right: 0;
}

.sys-paper-left .num-wrp li.on,
.sys-paper-left .num-wrp li:not(.red):hover {
    background: #f4f6ef;
}

.sys-paper-left .num-wrp.four li {
    width: 42px;
}

.sys-paper-left .num-wrp.four li:nth-of-type(4n) {
    margin-right: 0;
}

.sys-paper-right {
    width: 882px;
    font-weight: bold;
    font-size: 18px;
}

.paper-type-tit {
    width: 100%;
    height: 47px;
    line-height: 47px;
    border-radius: 3px;
    background: #f4f5f6;
    font-size: 25px;
    text-indent: 24px;
}

.paper-list {
    padding-top: 20px;
}

.paper-item {
    margin-bottom: 20px;
}

.paper-item .item-stem {
    margin-bottom: 20px;
    padding: 0 23px;
}

.paper-item .item-stem .tit {
    margin-bottom: 20px;
    font-size: 25px;
}

.paper-item .item-stem .opt {
    line-height: 64px;
    padding: 0 23px;
    font-size: 25px;
}

.paper-item .item-opt {
    border-radius: 3px;
    background: #f4f5f6;
    padding: 15px 21px;
}

.paper-item .item-opt .item-opt-sel {
    font-size: 25px;
}

.paper-item .item-opt .item-opt-sel label {
    vertical-align: middle;
    margin-right: 18px;
}

.paper-item .item-opt .item-opt-sel label input {
    margin-right: 3px;
}

.paper-btn-wrp {
    padding-top: 10px;
    padding-left: 35px;
}

.paper-btn-wrp a {
    display: block;
    float: left;
    width: 158px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    border-radius: 2px;
    font-size: 25px;
    color: #fff;
    background: #8ab33a;
    margin-right: 18px;
}

.paper-btn-wrp .paper-btn-handin {
    background: #ed4854;
}

.paper-btn-wrp .paper-btn-handin .icon {
    width: 21px;
    height: 25px;
    background-image: url(../images/icon_hand.png);
    margin-right: 12px;
}

.item-reading-opt {
    margin-bottom: 30px;
}

.item-reading-opt.transform {
    margin-top: -39px;
}

.item-reading-opt.transform .tit {
    transform: translateY(49px);
}

.paper-item .item-stem.stem-reading {
    line-height: 38px;
}

.item-reading-opt .tit {
    margin-bottom: 16px;
}

.item-reading-opt .opt {
    padding-left: 44px;
    line-height: 40px;
}

.paper-res-top {
    margin-bottom: 35px;
    font-weight: normal;
    height: 120px;
    line-height: 120px;
}

.paper-res-top .fl {
    font-size: 22px;
}

.grade {
    font-size: 120px;
    color: #d60d05;
    font-family: "MV Boli";
    vertical-align: middle;
}

.paper-exp-table {
    width: 100%;
    border: 1px solid #ddd;
    border-bottom: none;
    border-left: none;
    font-size: 16px;
    background: #fff;
    font-weight: normal;
    margin-top: 12px;
}

.paper-exp-table td {
    height: 46px;
    text-indent: 9px;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.paper-exp-table tr:first-child {
    background: #d9edf7;
    font-weight: bold;
    font-size: 15px;
}

.sys-gradeshow-wrap {
    padding: 62px 33px 68px 0;
    margin-bottom: 70px;
}

.sys-gradeshow-wrap .grade-wrp {
    width: 405px;
    height: 332px;
    font-size: 43px;
    color: #de2525;
    font-weight: bold;
    background: url(../images/gradebg_03.jpg);
    box-sizing: border-box;
    padding: 120px 0 0 163px;
}

.sys-gradeshow-wrap .det-wrp {
    width: 742px;
    padding-top: 30px;
    font-size: 14px;
}

.sys-gradeshow-wrap .det-wrp .tit {
    color: #31708f;
    margin-bottom: 8px;
    font-weight: bold;
}

.sys-gradeshow-wrap .det-wrp .info {
    margin-bottom: 10px;
}

.sys-gradeshow-wrap .det-wrp .grade-table th {
    background: #dff0d8;
}

.sys-gradeshow-wrap .det-wrp .grade-table td,
.sys-gradeshow-wrap .det-wrp .grade-table th {
    padding: 14px 8px;
}

.sys-gradeshow-wrap .det-wrp .btn-wrp {
    text-align: center;
    padding-top: 40px;
}

.sys-gradeshow-wrap .det-wrp .btn-wrp a {
    display: inline-block;
    width: 158px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    border-radius: 2px;
    color: #fff;
    font-size: 16px;
    background: #8ab33a;
}

.sys-gradeshow-wrap .det-wrp .btn-wrp a:nth-child(1) {
    margin-right: 16px;
}

/*考试结束*/
/*语音开始*/
.sys-voice-wrap {
    height: 577px;
    box-sizing: border-box;
    margin-bottom: 101px;
    padding: 0;
    overflow: hidden;
}

.sys-voice-nav {
    width: 267px;
    height: 100%;
    background: #9bd6d2 url(../images/voice_nav_bg.png) no-repeat center bottom;
    position: relative;
    padding-top: 10px;
    box-sizing: border-box;
}

.sys-voice-nav:before {
    content: "";
    display: block;
    width: 24px;
    height: 18px;
    background: url(../images/yy_index_sep_03.jpg);
    position: absolute;
    top: -7px;
    right: -10px;
}

.sys-voice-nav:after {
    content: "";
    display: block;
    width: 26px;
    height: 17px;
    background: url(../images/yy_index_sep_06.jpg);
    position: absolute;
    bottom: -6px;
    right: -9px;
}

.sys-voice-nav .line {
    width: 1px;
    height: 538px;
    background: url(../images/voice_nav_line_03.jpg) repeat-y;
    position: absolute;
    right: -1px;
    top: 19px;
}

.sys-voice-nav .nav-block {
    padding-top: 40px;
    position: relative;
}

.sys-voice-nav .nav-block:nth-child(1) {
    margin-bottom: 15px;
}

.sys-voice-nav .nav-block .nav-top {
    width: 100%;
    height: 45px;
    background: url(../images/voice_tit.png) no-repeat;
    position: absolute;
    left: 4px;
    top: 6px;
    font-size: 20px;
    color: #311900;
    font-weight: bold;
    box-sizing: border-box;
    padding: 0 98px 5px 25px;
    line-height: 41px;
}

.sys-voice-nav .nav-block .list-wrp {
    width: 235px;
    /*height:218px;*/
    box-sizing: border-box;
    margin-left: 12px;
    padding-top: 16px;
    padding-left: 60px;
    background: #f2f4f6;
    box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, .2);
}

.sys-voice-nav .nav-block .list-wrp li {
    font-size: 16px;
    color: #311900;
    height: 40px;
    line-height: 40px;
}

.sys-voice-nav .nav-block .list-wrp li.on,
.sys-voice-nav .nav-block .list-wrp li:hover {
    color: #ff7e38;
    font-weight: bold;
}

.sys-voice-right {
    width: 933px;
    height: 100%;
    box-sizing: border-box;
    padding: 48px 11px 58px 30px;
}

.sys-voice-list li {
    width: 199px;
    float: left;
    margin-right: 18px;
    margin-bottom: 49px;
}

.sys-voice-list li:nth-of-type(4n) {
    margin-right: 0;
}

.sys-read-list li:nth-of-type(4n) {
    margin-right: 18px;
}

.sys-read-list li:nth-of-type(5n) {
    margin-right: 0px;
}

.sys-voice-list {
    height: 100%;
    padding-top: 12px;
    box-sizing: border-box;
    overflow-y: scroll;
}

.sys-voice-list li .img-wrp {
    width: 100%;
    height: 157px;
    box-sizing: border-box;
    position: relative;
    background-color: #f2f4f6;
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #e1e2e3;
    border-radius: 2px 2px 0 0;
}

.sys-voice-list li.unlock .img-wrp {
    /* background-position-x: 37px; */
}

.sys-voice-list li .img-wrp .btn-wrp {
    position: absolute;
    width: 100%;
    height: 28px;
    left: 0px;
    bottom: 2px;
    text-align: center;
}

.sys-voice-list li .img-wrp .btn-wrp a {
    display: inline-block;
    width: 79px;
    height: 28px;
    box-sizing: border-box;
    border: 1px solid #759b2b;
    border-radius: 2px;
    color: #fff;
    line-height: 26px;
    text-align: center;
    background: #92bd3f;
    font-size: 16px;
}

.sys-voice-list li .img-wrp .btn-wrp a:first-child {
    margin-right: 12px;
}

.sys-voice-list li.first .img-wrp {
    background-image: url(../images/books.png) !important;
}

.sys-voice-list li.unlock .img-wrp {
    /* background-image: url(../images/unlock.png); */
	background-image: url(../images/books.png);
}

.sys-voice-list li.lock .img-wrp {
    background-image: url(../images/lock.png);
}

.sys-voice-list li .tit {
    width: 100%;
    height: 43px;
    line-height: 43px;
    overflow: hidden;
    text-align: center;
    color: #271d12;
    font-size: 16px;
    border-radius: 0 0 2px 2px;
    background: #ffd143;
}

.sys-voice-list li.first .tit,
.sys-voice-list li.unlock .tit {
    background: #ff7e38;
    color: #fff;
}

.sys-symbol-wrap {
    padding: 37px 16px 25px;
    margin-bottom: 60px;
}

.sys-symbol-wrap .symbol-tit {
    margin-bottom: 20px;
}

.sys-symbol-wrap .symbol-tit h3 {
    text-align: center;
    font-size: 29px;
    color: #000;
}

.sys-symbol-wrap .symbol-tit h4 {
    text-align: center;
    font-size: 22px;
    color: #000;
}

.sys-symbol-wrap .symbol-main .table-title {
    font-size: 29px;
    font-weight: bold;
    margin-bottom: 8px;
    padding-left: 6px;
}

.sys-symbol-wrap .symbol-main .symbol-table td {
    text-align: center;
    width: 176px;
}

.sys-symbol-wrap .symbol-main .symbol-table td.th {
    font-size: 26px;
}

.sym-table-item {
    margin-bottom: 30px;
}

.sys-symbol-wrap .symbol-main .symbol-table .text-word {
    font-weight: bold;
    color: #000;
    font-size: 20px;
}

.sys-symbol-wrap .symbol-main .symbol-table .text-symbol {
    color: #8e8e91;
    font-size: 14px;
    margin-bottom: 5px;
}

.sym-multi-table td {
    text-align: center;
    font-size: 18px;
    color: #000;
}

.sym-multi-table tr.bg,
.sym-multi-table td.bg {
    background: #fafafa;
}

.sym-alpha-table {
    font-size: 20px;
    color: #000;
    margin-bottom: 16px;
}

.sym-alpha-table td {
    text-align: center;
    background: #f0f0f0;
    padding: 14px 8px;
}

.sm-write-wrp .write-tit {
    font-size: 30px;
    color: #77807c;
    text-align: center;
    margin-bottom: 50px;
}

.yy-write-wrp {
    padding-top: 30px;
}

.yy-write-wrp .write-top {
    min-height: 45px;
}

.yy-write-wrp .write-top .word-show {
    font-size: 30px;
    height: 33px;
    min-height: 33px;
}

.yy-num-info {
    font-size: 48px;
    color: #209864;
    font-weight: bold;
    font-family: "微软雅黑";
}

.sys-break-wrap {
    margin-bottom: 118px;
    padding: 0;
    overflow: hidden;
}

.sys-break-wrap .break-top {
    height: 71px;
    background: url(../images/chuang_03.jpg) repeat;
}

.break-tit {
    font-size: 24px;
    color: #fff;
    height: 71px;
    line-height: 71px;
    text-indent: 30px;
}

.break-time {
    color: #ed4854;
    font-size: 28px;
    height: 51px;
    line-height: 51px;
    padding: 0 18px;
    margin-top: 9px;
    background: #f6f5ed;
    margin-right: 19px;
    border-radius: 2px;
}

.break-wrp {
    padding: 0 28px 40px;
}

.break-write {
    padding-top: 76px;
    font-size: 40px;
    color: #232323;
    margin-bottom: 140px;
}

.break-write-main {
    padding-left: 187px;
    margin-bottom: 40px;
}

.break-write-main > div {
    height: 54px;
    line-height: 54px;
    margin-top: 18px;
    box-sizing: border-box;
}

.break-write-main .break-voice {
    height: 83px;
    width: 77px;
    margin-top: 0;
    background: url(../images/suji_btn_voice.png) no-repeat;
    margin-right: 13px;
	cursor:pointer;
}
.break-wrp .sm-repeat{
	bottom:128px;
}

.break-write-main .break-word {
    margin-right: 46px;
}

.break-write-main .break-blank-item {
    margin-right: 21px;
    border-bottom: 1px solid #000;
    width: 51px;
    text-align: center;
    color: #8ab33a;
    cursor: pointer;
}

.break-write-main .break-tip {
    font-size: 34px;
    color: #727272;
    margin-left: 46px;
}

.break-write-opt {
    padding-left: 361px;
}

.break-write-opt span {
    margin-right: 80px;
    cursor: pointer;
}

.break-write-opt span:last-child {
    margin-right: 0;
}

.break-btn {
    padding-top: 17px;
    border-top: 1px dashed #333;
    text-align: center;
}

.break-btn a {
    display: inline-block;
    width: 158px;
    height: 46px;
    border-bottom: 4px solid #6f932a;
    text-align: center;
    line-height: 46px;
    border-radius: 2px;
    color: #fff;
    font-size: 25px;
    margin-right: 35px;
    font-weight: bold;
    position: relative;
    background: #8ab33a url(../images/btnmark.png) no-repeat center bottom;
}

.break-btn a:nth-child(2) {
    background-color: #ed4854;
    margin-right: 0;
    border-color: #ed4854;
}

.break-input {
    padding: 50px 10px 0;
}

.break-input-item {
    float: left;
    margin-right: 59px;
    margin-bottom: 50px;
}

.break-input-item:nth-of-type(3n) {
    margin-right: 0;
}

.break-input .num {
    font-size: 28px;
    font-weight: bold;
    margin-right: 5px;
}

.break-input input {
    width: 275px;
    height: 39px;
    text-indent: 8px;
    line-height: 39px;
    color: #333;
    font-size: 20px;
    border: 2px solid #bdbdbd;
    border-radius: 2px;
}

/*语音结束*/
/*阅读开始*/
.rd-bot {
    margin-bottom: 55px;
    background: #fff;
    padding: 23px 33px 19px;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 33px;
    color: #271d12;
    box-shadow: 0px 0px 7px 0px #e7e6da;
    border-radius: 4px;
    position: relative;
}

.rd-bot .from {
    color: #5fa751;
    text-align: right;
}

.rd-bot:before,
.rd-bot:after {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background: #f4f3ed;
    border-radius: 50%;
    position: absolute;
    top: 6px;
}

.rd-bot:before {
    left: 7px;
}

.rd-bot:after {
    right: 7px;
}

.sys-read-wrap {
    padding: 32px 19px 80px;
    margin-bottom: 46px;
}

.sys-read-wrap .toptit {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 14px;
}
.sys-read-wrap .toptit span,
.read-select .toptit span{
    font-size:18px;
    color:#666;
}

.read-article, .read-select {
    width: 567px;
}

.read-article .art-main {
    width: 100%;
    height: 520px;
    box-sizing: border-box;
    overflow: auto;
    border-radius: 3px;
    background: #f4f3ed;
    padding: 20px 15px;
    font-size: 18px;
    line-height: 38px;
    font-weight: bold;
    text-indent: 1em;
}

.read-sel-wrp {
    height: 520px;
    padding: 14px 0 22px;
    box-sizing: border-box;
    overflow: auto;
}

.read-sel-wrp .sel-item {
    margin-bottom: 33px;
    font-size: 18px;
    font-weight: bold
}

.read-sel-wrp .sel-item input[type=radio] {
    margin-right: 6px;
}

.read-sel-wrp .sel-item:last-child {
    margin-bottom: 0;
}

.read-sel-wrp .sel-item .tit {
    margin-bottom: 8px;
}

.read-sel-wrp .sel-item .tit img{
    width: 100% !important;
}

.read-sel-wrp .sel-item .opt-wrp {
    line-height: 34px;
    padding: 0 17px;
}

.read-btn-wrp {
    padding-top: 17px;
    border-top: 1px dashed #333;
}

.read-btn-wrp a {
    display: inline-block;
    width: 158px;
    height: 46px;
    border-bottom: 4px solid #6f932a;
    text-align: center;
    line-height: 46px;
    border-radius: 2px;
    color: #fff;
    font-size: 25px;
    margin-right: 35px;
    font-weight: bold;
    position: relative;
    background: #8ab33a url(../images/btnmark.png) no-repeat center bottom;
}

.read-btn-wrp a:nth-child(2) {
    background-color: #ed4854;
    border-color: #ed4854;
}

.read-sel-wrp .mCSB_scrollTools .mCSB_draggerRail,
.read-sel-wrp .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.read-sel-wrp .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: #ffc843;
}

.read-res-wrp {
    padding: 20px;
}

.read-res-item {
    height: 38px;
    line-height: 38px;
    color: #333;
    font-size: 18px;
    font-weight: bold;
}

.read-res-item .correct {
    color: #8ab33a;
    font-size: 18px;
}

.read-res-item .error {
    color: #ed4854;
    font-size: 18px;
}

/*阅读结束*/
/*底部开始*/
.pageFooter {
    background: #2d2d2d;
    color: #a1a1a1;
}

.footer-main {
    padding: 20px 0px;
    border-bottom: 1px solid #686868;
}

.footer-main .foot-list {
    font-size: 14px;
    width: 180px;
    margin-top: 7px;
}

.footer-main .foot-list li {
    width: 85px;
    height: 26px;
    line-height: 26px;
    margin-right: 5px;
    overflow: hidden;
    float: left;
}

.footer-main .foot-list li a {
    padding-left: 19px;
    position: relative;
}

.footer-main .foot-list li a:before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #a1a1a1;
    position: absolute;
    left: 7px;
    top: 5px;
}

.footer-main .foot-sq {
    margin-left: 277px;
}

.footer-main .foot-sq-bg {
    width: 251px;
    height: 59px;
    background: url(../images/foot_sq.png) no-repeat;
    margin: 0 auto 12px;
}

.footer-main .foot-sq-text {
    font-size: 18px;
    letter-spacing: 7px;
    text-align: center;
    line-height: 100%;
}

.footer-main .foot-ewm {
    padding-right: 10px;
}

.footer-main .foot-ewm-text {
    margin-right: 12px;
    margin-top: 29px;
    text-align: right;
}

.footer-bot {
    height: 32px;
    line-height: 32px;
    text-align: center;
}

/*底部结束*/
#btn-favor {
    line-height: 100%;
    padding: 5px 10px;
    border: 1px solid #888;
    border-radius: 2px;
    color: #333;
    font-size: 13px;
    float: right;
    margin-right: 20px;
    margin-top: 11px;
    text-indent: 0px;
}

#btn-favor:hover {
    background: #e4e9ef;
}

.playvoice {
    cursor: pointer;
}

.before-word.correct {
    border-color: green;
}

.before-word.wrong {
    border-color: #dd2727;
}

.result-show {
    font-size: 16px;
    padding-left: 53px;
    color: #666;
}

.result-show.wrong {
    color: #dd2727;
}

.result-show.correct {
    color: green;
}

.remPass {
    margin-right: 15px;
    font-weight: normal;
}

.test-sw-item .test-tit {
    height: 66px;
    overflow: hidden;
}

.form-editpass .form-group {
    margin-bottom: 13px;
    height: 46px;
}

.form-editpass .form-group label {
    height: 46px;
    line-height: 46px;
}

.form-editpass .form-group input {
    height: 46px;
    line-height: 46px;
}

.form-editpass .form-group:nth-child(2) label {
    background: url(../images/icon_user.png) no-repeat 27px center;
}

.exp-show {
    font-size: 24px;
}

.login-return {
    display: block;
    margin: 6px auto 0;
    text-align: center
}

.login-apply {
    width: 91px;
    padding: 5px 5px 9px 5px;
    border-radius: 5px;
    background: #ffa94c;
    position: absolute;
    right: 95px;
    top: 50%;
    margin-top: -45px;
}

.login-apply .tit {
    color: #fff;
    font-size: 13px;
    letter-spacing: 1px;
    text-align: center;
    text-shadow: 0px 0px 3px rgba(255, 132, 0, .75);
    line-height: 100%;
    margin-top: 7px;
}

.login-apply img {
    width: 91px;
    height: 91px;
}

.topbar {
    height: 29px;
    line-height: 29px;
    font-size: 14px;
    color: #fff;
    background: #ff7e38;
    border-bottom: 1px solid #ff955c;
}

.top-logout {
    width: 79px;
    height: 22px;
    border-radius: 11px;
    border: 1px solid #fff;
    line-height: 22px;
    text-align: center;
    margin-top: 2px;
}

.word-it {
    cursor: pointer;
    position: relative;
}

.word-it:after {
    content: "";
    display: block;
    width: 38px;
    height: 38px;
    background: url(../images/laba.png) no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    right: -58px;
    top: 15px;
}

.voice-listen {
    width: 249px;
    height: 48px;
    background: url("../images/tingli_06.jpg") no-repeat center center;
    background-size: 100% 100%;
    margin: 0px 0px 7px 5px;
}

.sys-voice-index {
    background: url("../images/tingli_03.jpg") no-repeat 34px 121px;
}

.reset-button{
	width:160px;
	height:43px;
	line-height: 43px;
	text-align:center;
	font-size:18px;
	color:#fff;
	background: #a7d74a;
	border-radius: 4px;
	position: absolute;
	left:50%;
	margin-left:-80px;
	bottom:-78px;
	cursor:pointer;
}

/*
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 */