@charset "utf-8";

@media only screen and (max-width: 1024px) {
body{overflow-x: visible;background-color: #f1efe9;}

.m-flex{ display: -webkit-flex; /* Safari */ display: flex;}
.m-flex-show{ display: -webkit-flex; /* Safari */ display: flex;}
.m-inline-flex{display: inline-flex;}

.m-flex-column{flex-direction: column; /* 从上到下 */}

.m-flex-wrap{flex-wrap:wrap; /* 换行 */}
.m-flex-nowrap{flex-wrap:nowrap; /* 不换行 */}

.m-flex-center{justify-content:center;align-items:center;}
.m-flex-around{justify-content:space-around;align-items:center;}
.m-flex-between{justify-content:space-between;align-items:center;}

.m-flex-horz-start{justify-content:flex-start;}
.m-flex-horz-end{justify-content:flex-end;}
.m-flex-horz-center{justify-content:center;}
.m-flex-horz-between{justify-content:space-between;}
.m-flex-horz-around{justify-content:space-around;}

.m-flex-vert-start{align-items:flex-start;}
.m-flex-vert-end{align-items:flex-end;}
.m-flex-vert-center{align-items:center;}
.m-flex-vert-baseline{align-items:baseline;}
.m-flex-vert-stretch{align-items:stretch;}

/* 多轴线垂直方式 */
.m-flex-align-content-start{align-content:flex-start;}
.m-flex-align-content-end{align-content:flex-end;}
.m-flex-align-content-center{align-content:center;}
.m-flex-align-content-around{align-content:space-around;}
.m-flex-align-content-between{align-content:space-between;}
.m-flex-align-content-stretch{align-content:stretch;}

/* 项目属性 */
/* 排列 小在前 */
.m-flex-order-1{order:1}
.m-flex-order-2{order:2}
.m-flex-order-3{order:3}
.m-flex-order-4{order:4}
.m-flex-order-5{order:5}
/* 放大 默认0存在剩余空间，也不放大*/
.m-flex-grow-0{flex-grow:0}
.m-flex-grow-1{flex-grow:1}
.m-flex-grow-2{flex-grow:2}
.m-flex-grow-3{flex-grow:3}
.m-flex-grow-4{flex-grow:4}
.m-flex-grow-5{flex-grow:5}
/* 缩小 默认1空间不足，该项目将缩小 0为不缩小 */
.m-flex-shrink-0{flex-shrink:0;}
.m-flex-shrink-1{flex-shrink:1;}
/*单独对齐方式*/
.m-flex-align-self-start{align-self:flex-start;}
.m-flex-align-self-end{align-self:flex-end;}
.m-flex-align-self-center{align-self:center;}
.m-flex-align-self-baseline{align-self:baseline;}
.m-flex-align-self-stretch{align-self:stretch;}

.wap-page-full,
.wap-page-full body{
	width:100%;
	height:100%;
}
.m-show{
	display: block;
}
.m-hidden{
	visibility:hidden;
}
.m-none,
.m-remove{
	display: none !important;
}
.container{
	width:96%;
	max-width: 1080px;
	margin:auto;
}
body.hasFooter{
	padding-bottom: 1.52rem;
}
/*头部开始*/
.pageHeader{
	height:1.65rem;
	background: #ff7e38;
	border-bottom: 5px solid #ffae81;
}
.pageHeader .header-left{
	width:5.07rem;
	height:1.46rem;
	background: url(../images/logo_m.png) no-repeat;
	background-size: auto 100%;
	margin-top:0.08rem;
}
.pageHeader .header-right{
	width:4.5rem;
	height:0.6rem;
	background: url(../images/head_08.png) no-repeat right center;
	background-size: auto 100%;
	margin-top:0.49rem;
}
/*头部结束*/
/*首页开始*/
.wap-index-wrap{
	padding:0.8rem 3%;
}
.wap-index-block{
	width:47%;
	height:5.72rem;
	box-sizing: border-box;
	flex-shrink: 0;
	margin-bottom: 0.6rem;
	border-radius: 2px;
	background: #fff;
}
.sec-sel-wrap{
	background: #e4e1d8;
	padding:1.12rem 0.35rem 0;
	font-size:0.4rem;
	color:#b2b2b2;
	font-weight: bold;
}
.sec-sel-wrp{
	width:100%;
	height:0.95rem;
	border:0.05rem solid #b2b2b2;
	border-radius: 0.04rem;
	background: #fff;
	padding:0 .15rem;
	font-size:0.35rem;
	color:#b2b2b2;
	font-weight: bold;
	box-sizing: border-box;
}
.sec-sel-tit{
	font-size:0.43rem;
	color:#362323;
	margin-bottom: 0.36rem;
}
.sec-sel-wrp .text-sec{
	line-height: 1.1;
}
.sec-sel-wrp .icon-sec{
	width:0.28rem;
	height:0.16rem;
	background: url(../images/sec_arrow.jpg) no-repeat;
	background-size: 100% 100%;
}
.sec-sel-btn{
	width:100%;
	height:0.94rem;
	line-height: 0.9rem;
	text-align: center;
	font-weight: bold;
	box-sizing: border-box;
	background: #a7d74a;
	font-size:0.41rem;
	color:#fff;
	border-bottom: 0.06rem solid #8ab33a;
	border-radius: 0.05rem;
	position: relative;
	cursor: pointer;
	margin-top:0.47rem;
}
.sec-sel-btn:before{
	content: "";
	display: block;
	width:0.95rem;
	height:0.11rem;
	position: absolute;
	left:0.09rem;
	top:0.05rem;
	background: url(../images/btn_03.jpg) no-repeat;
	background-size: 100% auto;
}
.index-nav-item{
	padding:0.38rem 0.2rem 0;
	position: relative;
	box-shadow: 2px 2px 5px 1px #edebdc;
}
.index-nav-item .nav-tit{
	width:100%;
	height:0.42rem;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 100%;
	margin-bottom: 0.32rem;
}
.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:1.88rem;
	height:1.88rem;
	border-radius: 50%;
	margin:0 auto 0.16rem;
	border:2px solid #dddddd;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 50%;
}
.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:0.33rem;
	line-height: 0.55rem;
	height:1.1rem;
	color:#797878;
	overflow: hidden;
	text-align: center;
	margin-bottom:0.28rem;
}
.index-nav-item .nav-btn{
	width:2.88rem;
	height:0.77rem;
	display: block;
	background: url(../images/nav_btn_05.png) no-repeat center center;
	background-size: auto 100%;
	margin:auto;
}
.index-nav-item .nav-btn:active{
	box-shadow: 0px 6px 22px 2px #fce6e0;
	background-image: url(../images/nav_btn_03.png);
}
#section-modal{
	width:320px;
	padding: 10px;
	box-sizing: border-box;
    display: none;
}
#section-modal .section-item{
	/width:67.5px;
	width:46%;
	height:28px;
	overflow: hidden;
	line-height: 13px;
	box-sizing: border-box;
	border-radius: 2px;
	background: #a7d74a;
	color:#fff;
	font-size:0.16rem;
	text-align: center;
	transition: all .2s;
	float:left;
	margin-right:10px;
	margin-bottom: 10px;
	cursor: pointer;
}
#section-modal .section-item:nth-of-type(4n) {
	margin-right:0;
}
#section-modal .section-item:active{
	background: #a0d042;
}
/*首页结束*/
/*底部开始*/
.wap-footer{
	width:100%;
	height:1.52rem;
	border-top:1px solid #dbdbdb;
	background: #fff;
	position: fixed;
	bottom:0;
	left:0;
	z-index: 9999;
}
.wap-foot-item{
	position: relative;
}
.wap-foot-item:after{
	content: "";
	display: block;
	width:1px;
	height:1.21rem;
	background: #e9e8e2;
	position: absolute;
	right:0px;
	top:0.14rem;
}
.wap-foot-item:last-child:after{
	display: none;
}
.wap-foot-item img{
	width:auto;
	height:0.75rem;
}
.wap-foot-item .tit{
	font-size:0.3rem;
	color:#757575;
	line-height: 100%;
	margin-top:0.18rem;
}
/*底部结束*/
/*登录开始*/
.login-wrap{
	width:100%;
	height:100%;
	background: url(../images/login_bg_m.jpg) no-repeat center top;
	background-size: cover;
	vertical-align: middle;
}
.login-wrap > .container{
	height:100%;
	display: flex;
	justify-content:center;
	align-items:center;
}
.login-wrp{
	width:10.4rem;
	height:12.13rem;
	background: url(../images/login_wrp_bg_m.png) no-repeat;
	background-size: 100% auto;
	box-sizing: border-box;
	padding-top:4.71rem;
	padding-left:0.54rem;
}
.form-login{
	width:8.7rem;
}
.form-login .form-group{
	width:100%;
	height:0.98rem;
	background: #fff;
	border-radius: 0.12rem;
	overflow: hidden;
	margin-bottom: 0.4rem;
}
.form-login .form-group label{
	width:1rem;
	height:0.98rem;;
	float:left;
	background: url(../images/icon_pass.png) no-repeat center center;
	background-size: 0.34rem auto;
}
.form-login .form-group:first-child label{
	background: url(../images/icon_user.png) no-repeat center center;
	background-size: 0.34rem auto;
}
.form-login .form-group input{
	width:7.7rem;
	float:left;
	font-size:0.33rem;
	color:#666;
	background: transparent;
	height:0.99rem;
	line-height: 0.99rem;
}
.form-login .btn-sub{
	width:100%;
	height:0.99rem;
	line-height: 0.99rem;
	text-align: center;
	color:#fff;
	font-size:0.45rem;
	box-shadow: 0px 5px 16px 0px #fcdcb8;
	background: #ffa94c;
	border-radius: 0.15rem;
}
.form-login .editPass{
	font-size:0.33rem;
	color:#362323;
	margin:-0.04rem 0 0.2rem;
}
.form-login .editPass .icon-eraser{
	width:0.28rem;
	height:0.28rem;
	background: url(../images/icon_eraser.png) no-repeat;
	background-size: 100% 100%;
	margin-right:0.04rem;
}
.form-editpass .form-group{
	margin-bottom: 0.4rem;
}
.editpass-wrp{
	padding-top:4.2rem !important;
}
.form-editpass .form-group{
    margin-bottom: 0.2rem;
    height:0.85rem;
}
.form-editpass .form-group label{
    height:0.85rem;
    line-height: 0.85rem;
}
.form-editpass .form-group input{
    height:0.85rem;
    line-height: 0.85rem;
}
.form-editpass .form-group:nth-child(2) label {
    background: url(../images/icon_user.png) no-repeat center center;
    background-size: 0.34rem auto;
}
.login-return{
	display: block;
	margin:0.06rem auto 0;
	text-align: center
}
.login-return a{
	font-size:0.24rem;
}
/*登录结束*/
/*面包屑开始*/
.crumb-wrap{
	height:0.7rem;
	line-height: 1.3;
	padding:0 0.06rem;
	margin:0.17rem 0 0.36rem 0;
}
.crumb-wrap > .container{
	height:100%;
	border-bottom: 1px solid #8ab33a;
}
.crumb-wrap h2{
	font-size:0.43rem;
	color:#8ab33a;
	float:left;
	font-weight: bold;
}
.crumb-wrp .icon-home{
	width:0.35rem;
	height:0.34rem;
	background: url(../images/icon_home.png) no-repeat center center;
	background-size: 100% 100%;
	margin-right:0.08rem;
	margin-top:-0.08rem;
}
.crumb-wrp .icon-return{
	width:0.28rem;
	height:0.23rem;
	background: url(../images/icon_return.png) no-repeat center center;
	background-size: 100% 100%;
	margin-right:0.08rem;
	margin-top:-0.06rem;
}
.crumb-wrp{
	color:#989898;
	font-size:0.29rem;
	font-weight: bold;
	float:right;
	margin-top:0.13rem;
}
.crumb-wrp a{
	color:inherit;
	font-size: inherit;
	font-weight: inherit;
}
.crumb-wrp a:hover{
	color:#666;
}
/*面包屑结束*/
/*记忆库开始*/
.memory-top{
	height:0.78rem;
	line-height: 0.78rem;
	text-align: center;
	background: #8ab33a;
	box-shadow: 0px -0.05rem 0.08rem 0px #6b9f2b inset;
	font-size:0.25rem;
	color:#fff;
	border-radius: 0.04rem 0.04rem 0px 0px;
}
.memory-wrap{
	margin-bottom: 1.15rem;
}
.memory-wrp{
	background: #fff;
	border-radius: 0px 0px 0.04rem 0.04rem;
	box-shadow: 0px 0.04rem 0.07rem 0px #e7e6da;
	padding:0.36rem 0.14rem;
}
.memory-wrp .words-wrp{
	position: relative;
	padding:0.15rem 0.14rem 0.2rem 0.2rem;
}
.memory-wrp .words-wrp:before{
	content: "";
	display: block;
	width:3px;
	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:0.55rem;
	font-weight: bold;
	margin-right:0.6rem;
}
.memory-wrp .words-wrp a.size-2{
	font-size:0.45rem;
	font-weight: bold;
	margin-right:0.5rem;
}
.memory-wrp .words-wrp a.size-3{
	font-size:0.38rem;
	font-weight: bold;
	margin-right:0.3rem;
}
.memory-wrp .words-wrp a.size-4{
	font-size:0.36rem;
	margin-right:0.28rem;
}
.memory-wrp .words-wrp a.hover-red:hover{
	color:#e40201;
}
.memory-wrp .words-wrp a.hover-blue:hover{
	color:#83cacd;
}
.word-modal{
	position: fixed;
	z-index: 99;
	left:50%;
	top:50%;
	margin-left:-4.7rem;
	margin-top:-3.38rem;
	width:9.4rem;
	box-sizing: border-box;
	border:0.04rem solid;
}
.word-modal .close{
	content: '';
	display: block;
	width:1.39rem;
	height:1.39rem;
	background: url(../images/close_m.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left:50%;
	bottom:-2.2rem;
	margin-left:-0.695rem;
}
.word-modal .modal-top{
	padding:0 0.22rem 0 0.22rem;
	color:#fff;
	font-size:0.65rem;
	height:1.28rem;
	line-height: 1.28rem;
	font-weight: bold;
}
.word-modal .modal-top .fr{
	font-family: arial;
}
.word-modal .modal-con{
	padding:0.15rem 0.22rem;
	background: #fff;
	font-size:0.42rem;
	color:#333;
}
.word-modal .modal-con .con-symb{
	font-weight: bold;
	line-height: 0.5825rem;
	padding:0 0.24rem 0.1rem;
}
.word-modal .modal-con .con-info{
	height:0.85rem;
	line-height: 0.85rem;
	background: #f6f3f3;
	padding:0 0.24rem;
}
.word-modal .modal-con .con-info-1{
	margin-bottom: 0.17rem;
}
.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:0.83rem;
	text-align: center;
}
.memory-wrp .btn-wrp a{
	display: inline-block;
	width:6.1rem;
	height:1.2rem;
	line-height: 1.2rem;
	background: #8ab33a;
	color:#fff;
	font-size:0.38rem;
	text-align: center;
	text-indent: -0.12rem;
}
.memory-wrp .btn-wrp .icon{
	margin-right:0.42rem;
}
.memory-wrp .btn-wrp .icon-book{
	width:0.54rem;
	height:0.6264rem;
	background: url(../images/icon_book.png) no-repeat center center;
	background-size: 100% 100%;;
}
.memory-tab{
    padding:0 0 0.25rem;
    text-align: center;
}
.memory-tab a{
    display: inline-block;
    width:1.85rem;
    height:0.64rem;
    line-height: 0.64rem;
    border-radius:0.05rem;
    background: #a7d74a;
    color: #fff;
    font-size: 0.3rem;
    text-align: center;
    transition: all .2s;
    margin-right: 0.3rem;
}
.memory-tab a.on{
    background: #ff7e38;
}
.memory-tab a:hover:not(.on){
    background: #a0d042;
}
.memory-tab a:last-child{
    margin-right:0;
}
.memory-mask{
	width:100%;
	height:100%;
	position: fixed;
	left:0;
	top:0;
	z-index: 98;
	background: rgba(0,0,0,.3);
	display: none;
}
/*记忆库结束*/
/*考试开始*/
.exam-wap-block{
	margin-bottom: 0.7rem;
}
.exam-index-list-item{
	padding:1.25rem 0 0.33rem;
	background: #fff;
	border-radius: 0.06rem;
	box-shadow: 0.02rem 0.02rem 0.04rem 1px #dcdad5;
	position: relative;
}
.sys-exam-tit{
	width:2.71rem;
	height:0.86rem;
	background: url(../images/exam_tit_bg.png) no-repeat;
	background-size: 100% 100%;
	color:#fff;
	text-indent: 0.35rem;
	line-height: 0.86rem;
	font-size:0.4rem;
	font-weight: bold;
	position: absolute;
	top:0.23rem;
	left:-0.05rem;
}
.left-list-item{
	padding:0.1rem 0.3rem 0.1rem 0;
}
.left-list-item:first-child{
	border-right:1px dashed #bebebe;
}
.left-list-item .img-wrp img{
	height:1.08rem;
}
.exam-index-list-item .con-wrp .tit{
	font-size:0.4rem;
	color:#151515;
}
.exam-index-list-item .con-wrp .desc{
	font-size:0.31rem;
	color:#555555;
	margin-bottom: 0.06rem;
}
.exam-btn{
	width:1.8rem;
	height:0.56rem;
	line-height: 0.56rem;
	display: block;
	text-align: center;
	border-radius: 0.04rem;
	font-size:0.24rem;
	color:#fff;
	position: relative;
	background: #8ab33a;
}
.exam-btn:before{
	content: "";
	display: block;
	width:0.28rem;
	height:0.06rem;
	background: url(../images/exam333_03.jpg) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left:0.07rem;
	top:0.03rem;
}
.exam-index-list-item .img-wrp{
	width:1.8rem;
	text-align: center;
}
.exam-index-list-item-bot:first-child{
	margin-right: 0.22rem;
}
.exam-index-list-item-bot .img-wrp img{
	height:1.02rem;
}
.exam-index-banner{
	width:100%;
	height:3.85rem;
	margin-bottom: 0.7rem;
	position: relative;
	background: url(../images/exam_index_03.jpg) no-repeat center center;
	background-size:100% 100%;
}
.exam-index-banner .btn{
	height:0.78rem;
	line-height: 0.78rem;
	border-radius: 0.04rem;
	background: #fff;
	font-size:0.375rem;
	color:#56a946;
	font-weight: bold;
	text-align: center;
	box-shadow: 0px 0.07rem 0px 0px #378d36;
	position: absolute;
}
.exam-index-banner .btn .icon{
	width:0.25rem;
	height:0.25rem;
	background: url(../images/arrow5.png) no-repeat;
	background-size: 100% 100%;
	margin-left:0.15rem;
	margin-top:-3px;
}
.exam-index-banner .btn.btn-top{
	width: 5.83rem;
	left:0.35rem;
	top:1.46rem;
}
.exam-index-banner .btn.btn-bot{
	width: 2.8rem;
}
.exam-index-banner .btn.btn-bot.btn-2{
	left:0.35rem;
	top:2.62rem;
}
.exam-index-banner .btn.btn-bot.btn-3{
	left:3.39rem;
	top:2.62rem;
}
.sys-exam-tit{
	width:2.71rem;
	height:0.87rem;
	background: url(../images/exam_tit_bg.png) no-repeat center center;
	background-size: 100% 100%;
	color:#fff;
	text-indent: 0.37rem;
	line-height: 0.83rem;
	font-size:0.43rem;
	font-weight: bold;
	position: absolute;
	left:-0.05rem;
	top:0.17rem;
}
.test-unit-select {
	width:320px;
	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;
}
.main-block{
	box-shadow: 0px 0px 0.07rem 0px #e7e6da;
	background: #fff;
	border-radius: 0.04rem;
	padding:0.18rem;
}
.sys-extract-wrap{
	padding:0.58rem 0 0.95rem;
}
.ext-con-part{
	padding:0.45rem 0.2rem;
	border-bottom: 0.02rem dashed #dbd6d6;
}
.ext-con-part .tit{
	font-size:0.36rem;
	color:#555555;
}
.ext-input{
	width:3.15rem;
	height:0.53rem;
	border-radius: 0.265rem;
	overflow: hidden;
	line-height: 0.53rem;
	padding:0 0.25rem;
	box-sizing: border-box;
	font-size:0.3rem;
	color:#555555;
	background: #faf9f1;
	border:0.02rem solid #d0cdbc;
	border-radius: ;
}
.ext-con-part.part-1 select{
	width:100%;
	height:100%;
	background: transparent;
}
.ext-con-part.part-3 .ext-input{
	width:1.45rem;
}
.ext-con-part.part-3 .part3-item{
	margin-bottom: 0.35rem;
}
.test-sub-wrp{
	padding-top:0.8rem;
}
.test-sub-wrp input{
	display: block;
	width:3.36rem;
	height:0.942rem;
	margin:auto;
	background: url(../images/test_sub_btn.png) no-repeat;
	background-size: 100% 100%;
	color:#380000;
	font-size:0.4rem;
	font-weight: bold;
	text-align: center;
	box-sizing: border-box;
	padding-bottom: 0.04rem;
	line-height: 0.942rem;
}
.ext-con-part.part-1 .tit,
.ext-con-part.part-2 .tit{
	margin-bottom: 0.1rem;
	text-indent: 0.1rem;
}
.record-tab-wrp{
	height:1.05rem;
	line-height: 1.05rem;
	position: relative;
	z-index: 10;
	margin-bottom: 0.52rem;
}
.record-tab-wrp a{
	display: block;
	background:#8ab33a;
	color:#fff;
	font-size:0.4rem;
	text-align: center;
	border-radius:0.04rem;
}
.record-tab-wrp a:first-child{
	margin-right:0.28rem;
}
.record-tab-wrp a.on{
	color:#8ab33a;
	background: #fff;
}
.record-con-wrp {
	position: relative;
	z-index: 9;
}
.record-con-wrp .record-th li,
.record-con-wrp .record-tr li{
	text-align: center;
	margin-right:0.07rem;
	flex-grow: 1;
	width:1rem;
}
.record-con-wrp .record-th{
	margin-bottom: 0.15rem;
	height:0.5rem;
	line-height: 0.5rem;
}
.record-con-wrp .record-th li{
	color:#fff;
	font-size: 0.33rem;
	background: #3a4148;
}
.record-con-wrp .record-th li:last-child,
.record-con-wrp .record-tr li:last-child{
	margin-right:0;
}
.record-con-wrp .record-th li:first-child,
.record-con-wrp .record-tr li:first-child{
	width:2.3rem;
}
.record-con-wrp .record-th li:nth-child(2),
.record-con-wrp .record-tr li:nth-child(2){
	width:1.7rem;
	flex-shrink: 0;
}
.record-con-wrp .record-tr{
	height:1.3rem;
	line-height: 1.3rem;
	border-bottom: 1px solid #ddd;
}
.record-con-wrp .record-tr li{
	color:#362323;
	font-size: 0.3rem;
	position: relative;
}
.record-con-wrp .record-tr li a{
	color: inherit;
	font-size: inherit;
}
.record-con-wrp .record-tr li:first-child span{
	display: block;
	width:100%;
	height:100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.btn-item-more{
	background: url(../images/item.png) no-repeat center center;
	background-size: 0.48rem auto;
}
.record-mask{
	width:100%;
	height:100%;
	position: fixed;
	background: rgba(0,0,0,.49);
	z-index: 99998;
	left:0;
	top:0;
	display: none;
}
.record-float{
	width:60%;
	height:7.38rem;
	box-sizing: border-box;
	padding:0.33rem 0.3rem;
	position: fixed;
	top:50%;
	left:20%;
	background: #fff;
	border-radius: 0.04rem;
	margin-top:-3.9rem;
	z-index: 99999;
	display: none;
}
.record-float a.btn{
	width:100%;
	height:0.9rem;
	line-height: 0.9rem;
	font-size: 0.33rem;
	color:#362323;
	text-align: center;
	border-radius: 0.04rem;
	background: #fffcc7;
}
#del-btn{
	background: #f86060;
	color:#fff;
}
.record-float .btn-close{
	width:1.4rem;
	height:1.4rem;
	background: url(../images/close_m.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	bottom:-1.99rem;
	left:50%;
	margin-left:-0.7rem;
}
.sys-favor-wrap{
	padding:0.2rem 0.17rem 0.5rem;
	margin-bottom: 0.68rem;
}
.sys-favor-wrap .favor-top{
	font-size:0.3rem;
	color:#484848;
	height:0.8rem;
	line-height: 0.6rem;
	background: url(../images/col_line_03.jpg) repeat-x left bottom;
	background-size:auto 0.06rem;
}
.sys-favor-wrap .favor-top a{
	font-size:0.3rem;
	color:inherit;
	padding:0 15px;
	border:1px solid transparent;
	border-radius: 0.03rem;
}
.sys-favor-wrap .favor-top a:active,
.sys-favor-wrap .favor-top a.on{
	background: #d9efc5;
	border:1px solid #8ab33a;
}
.favor-item{
	margin-top:0.35rem;
}
.favor-item .item-head{
	font-size:0.3rem;
	margin-bottom: 0.28rem;
}
.favor-item .item-head .text-tab{
    padding: 0 0.13rem;
	height:0.38rem;
	line-height: 0.38rem;
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	border:1px solid #ffb400;
	background: #ffea75;
	font-size:0.3rem;
	text-align: center;
	border-radius: 0.02rem;
	margin-top: -0.04rem;
}
.favor-item .item-art{
	font-size:0.28rem;
	line-height: 0.54rem;
	padding:0 0.22rem;
	margin-bottom: 0.22rem;
}
.favor-item .item-opt{
	padding:0.16rem;
	border-radius: 2px;
	background: #f0f8e9;
	margin-bottom: 0.18rem;
}
.favor-item .item-opt .tit{
	font-size:0.38rem;
	font-weight: bold;
	margin-bottom: 0.2rem;
}
.favor-item .item-opt .opt{
	font-size:0.3rem;
	line-height: 0.62rem;
	padding-bottom: 0.3rem;
}
.favor-item .item-opt .ans{
	width:100%;
	border:1px solid #d9d7cb;
	border-collapse: separate;
	empty-cells: show;
    border-spacing: 0;
    font-size:0.3rem;
    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:0.2rem;
	padding-right:0.2rem;
}
.favor-item .item-opt .ans .info td{
	background: #fdfcf5;
}
.favor-item .item-opt .ans .det td{
	background: #fff;
	padding:0.18rem 0.2rem;
}
.sys-paper-wrap{
	margin-bottom: 0.2rem;
	padding-top:0.3rem;
	padding-bottom: 0.5rem;
}
.sys-paper-wrap .time-wrp{
	width:100%;
	height:0.99rem;
	box-sizing: border-box;
	line-height: 0.9rem;
	color:#fff;
	font-size:0.47rem;
	margin-bottom: 0.42rem;
	text-align: center;
	text-indent: 0.65rem;
	background: url(../images/time_bg_m_03.jpg) no-repeat center center;
	background-size: 100% 100%;
}
.body-test{
	padding-bottom: 3.82rem;
}
.sys-time-wrap{
	padding-top:0.2rem;
	padding-bottom:0.2rem;
	width:100%;
	height:2.3rem;
	overflow-y: scroll;
	position: fixed;
	bottom: 1.52rem;
	left:0;
	box-sizing: border-box;
	z-index: 99;
}
.sys-time-wrap .num-wrp li{
	text-align: center;
	font-size:0.4rem;
	color:#82867a;
	line-height: 0.8rem;
	padding:0 0.25rem;
	border:1px solid #c3c7bb;
	margin:0.1rem;
}
.sys-time-wrap .num-wrp li.red{
    background: #dd2727;
    color:#fff;
    border-color: #e0b4b4;
}
.sys-time-wrap .num-wrp li.green{
    background: green;
    color:#fff;
    border-color: #e0b4b4;
}
.sys-time-wrap .num-wrp li.on,
.sys-time-wrap .num-wrp li:not(.red):active{
	background: #f4f6ef;
}
.paper-type-tit{
	width:100%;
	height:0.82rem;
	line-height: 0.82rem;
	border-radius: 0.06rem;
	background: #f4f5f6;
	font-size:0.42rem;
	text-indent: 0.25rem;
	font-weight: bold;
}
.paper-list{
	padding-top:0.4rem;
}
.paper-item{
	margin-bottom: 0.5rem;
}
.paper-item .item-stem{
	margin-bottom: 0.35rem;
	padding:0 0.24rem;
}
.paper-item .item-stem .tit{
	margin-bottom: 0.35rem;
    font-size:0.42rem;
}
.paper-item .item-stem .opt{
	line-height: 0.8rem;
	padding:0 0.24rem;
    font-size:0.38rem;
}
.paper-item .item-opt{
	border-radius: 0.04rem;
	background: #f4f5f6;
	padding:0.2rem 0.22rem;
}
.paper-item .item-opt .item-opt-sel{
	font-size:0.4rem;
	font-weight: bold;
}
.paper-item .item-opt .item-opt-sel label{
	vertical-align: middle;
	margin-right:0.28rem;
	margin-bottom: 0;
}
.paper-item .item-opt .item-opt-sel label input{
	margin-right:0.05rem;
}
.paper-btn-wrp a{
	height:0.72rem;
	line-height: 0.71rem;
	text-align: center;
	border-radius: 0.04rem;
	font-size:0.43rem;
	color:#fff;
	background: #8ab33a;
	margin-right:0.3rem;
}
.paper-btn-wrp a:last-child{
	margin-right:0;
}
.paper-btn-wrp .paper-btn-handin{
	background: #ed4854;
}
.paper-btn-wrp .paper-btn-handin .icon{
	width:0.34rem;
	height:0.41rem;
	background-image: url(../images/icon_hand.png);
	background-size: 100% 100%;
	margin-right:0.12rem;
}
.item-reading-opt {
	margin-bottom: 0.35rem;
	font-weight: bold;
}
.item-reading-opt.transform{
	margin-top:-0.39rem;
}
.item-reading-opt.transform .tit{
	transform: translateY(0.49rem);
}
.paper-item .item-stem .stem-reading{
	font-size:0.33rem;
	line-height: 0.6rem;
}
.item-reading-opt .tit{
	margin-bottom: 0.2rem;
	font-size:0.43rem;
}
.item-reading-opt .opt{
	line-height: 0.7rem;
	font-size:.38rem;
}
#btn-favor{
    line-height: 100%;
    padding: 0.06rem 0.11rem;
    border:1px solid #888;
    border-radius: 0.04rem;
    color:#333;
    font-size:0.24rem;
    font-weight: normal;
    float:right;
    margin-right:0.22rem;
    margin-top:0.17rem;
    text-indent: 0px;
}
#btn-favor:active{
    background: #e4e9ef;
}
.arr-wrp{
	width:0.3rem;
	height: 2.3rem;
	background: #ddd url(../images/arrow-left.png) no-repeat center center;
	background-size: 0.25rem auto;
	position: fixed;
	right:0;
	bottom:1.52rem;
}
.paper-exp-table{
	width:100%;
	border:1px solid #ddd;
	border-bottom: none;
	border-left: none;
	font-size:0.27rem;
	background: #fff;
	font-weight: normal;
	margin-top:0.3rem;
}
.paper-exp-table td{
	height:0.78rem;
	text-indent: 0.11rem;
	border-left:1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.paper-exp-table tr:first-child{
	background: #d9edf7;
	font-weight: bold;
	font-size:0.28rem;
}
.sys-gradeshow-wrap{
	padding:0.3rem 0.25rem 0.6rem;
	margin-bottom: 0.5rem;
}
.sys-gradeshow-wrap .grade-wrp{
	float:none;
	width:100%;
	height:6.4rem;
	font-size:0.8rem;
	color:#de2525;
	font-weight: bold;
	background: url(../images/gradebg_03.jpg) no-repeat center top;
	background-size: auto 100%;
	box-sizing: border-box;
	padding:2.4rem 0 0 3.97rem;
}
.sys-gradeshow-wrap .det-wrp{
	float:none;
	width:100%;
	font-size:0.36rem;
}
.sys-gradeshow-wrap .det-wrp .info{
	margin-bottom: 0.2rem;
}
.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:0.15rem 0.2rem;
}
.sys-gradeshow-wrap .det-wrp .btn-wrp {
	text-align: center;
	padding-top:0.5rem;
}
.sys-gradeshow-wrap .det-wrp .btn-wrp a{
	display: inline-block;
	padding:0 0.3rem;
	height:0.74rem;
	line-height: 0.74rem;
	text-align: center;
	border-radius: 0.04rem;
	color:#fff;
	font-size:0.38rem;
	background: #8ab33a;
}
.sys-gradeshow-wrap .det-wrp .btn-wrp a:nth-child(1) {
	margin-right:0.35rem;
}
/*考试结束*/
/*五维测试*/
.sys-five-form{
	box-shadow: 0px 0px 0.08rem 0px #e7e6da;
	background: #fff;
	border-radius: 0.05rem;
	box-sizing: border-box;
	padding:0.22rem 0.17rem 0.7rem;
	position: relative;
	margin-bottom: 0.5rem;
}
.sys-five-form .test-group{
	margin-bottom: 0.4rem;
}
.sys-five-form .test-group .group-tit{
	padding:0.16rem 0.2rem;
	line-height: 0.48rem;
	font-size:0.33rem;
	color:#fff;
	background: #abcb88;
}
.sys-five-form .group-test-wrp .test-item{
	padding-top:0.2rem;
	width:100%;
	box-sizing: border-box;
	position: relative;
}
.sys-five-form .group-test-wrp .test-item .test-tit{
	font-weight: bold;
	font-size:0.33rem;
	font-family: arial;
	color:#000;
	padding:0 0.1rem;
	line-height: 0.5rem;
	margin-bottom: 0.38rem;
}
.test-tit-symbol{
    color:inherit;
    font-weight:bold;
    font-size:0.3rem;
    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{
	height:0.68rem;
	line-height: 0.68rem;
    position: relative;
}
.test-opt-item label{
	margin-bottom: 0;
}
.test-opt-item.correct{
    background: #dcfad9;
}
.test-opt-item.wrong{
    background: #fadbdb;
}
.test-res-word{
    font-size:0.3rem;
    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: 0.65rem;
	font-size:0.3rem;
	color:#666;
	padding:0 0.16rem;
}
.sys-five-form .group-test-wrp .test-item .test-options label{
	margin-left:0.06rem;
	font-weight: normal;
	color:#333;
	height:0.65rem;
	line-height: 0.65rem;
	overflow: hidden;
}
.sys-five-form .group-test-wrp .test-item .test-voice-btn{
	padding: 0.02rem 0.06rem;
    font-size: 0.26rem;
    line-height: 1.5;
    border-radius: 0.05rem;
    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:100%;
	height:0.65rem;
	box-sizing: border-box;
	margin-bottom: 0.42rem;
}
.test-listen-item .num{
	font-weight: bold;
    font-size: 0.33rem;
    font-family: arial;
    color: #000;
    margin:0.08rem 0.18rem 0px 0px;
}
.test-listen-item .listen-wrp{
	width:5.5rem;
	height:0.63rem;
	line-height: 0.63rem;
	text-indent: 0.06rem;
	border:1px solid #abcb88;
	border-radius: 0.03rem;
}
.test-listen-item .listen-wrp .listen-icon{
	width:0.43rem;
	height:0.43rem;
	float:left;
	background: url(../images/laba2.png) no-repeat;
	background-size: 100% 100%;
	margin:0.08rem;
    cursor: pointer;
}
.test-listen-item .listen-wrp input{
	width:4.5rem;
	height:0.4rem;
	line-height: 0.4rem;
	margin-top:0.11rem;
	font-size:0.3rem;
	float:left;
	font-family: arial;
	text-indent: 0.06rem;
	border-left:1px solid #abcb88;
}
.sm-test-sw-input{
	width:6rem;
	height:0.63rem;
	line-height: 0.63rem;
	display: block;
	font-size:0.33rem;
	text-indent: 0.08rem;
	border:1px solid #abcb88;
	border-radius: 0.03rem;
}
.test-sw-item {
	width:100%;
	font-weight: bold;
    font-size: 0.33rem;
    font-family: arial;
    color: #000;
    padding: 0 0.1rem;
    float:left;
    box-sizing: border-box;
}
.test-sub-wrp{
	padding-top:0.53rem;
	margin-top:1rem;
}
.part3-tip{
    font-size: 0.25rem;
    color:#888;
    margin-top:0.25rem;
    line-height: 1.3;
}
.test-sub-wrp input{
	display: block;
	width:4.05rem;
	height:1.12rem;
	margin:auto;
	background: url(../images/test_sub_btn.png) no-repeat;
	background-size: 100% 100%;
	color:#380000;
	font-size:0.47rem;
	font-weight: bold;
	text-align: center;
	box-sizing: border-box;
	padding-bottom: 0.04rem;
	line-height: 1rem;
}
.sys-five-wrap .five-top{
	margin-bottom: 0.2rem;
	font-size:0.3rem;
	color:#7a7a7a;
}
/*五维测试*/
/*速记开始*/
.sys-book-wrap{
	box-shadow: 0px 0px 0.07rem 0px #e7e6da;
	padding:0.2rem 0.14rem;
	background: #fff;
	border-radius: 0.04rem;
	position: relative;
	margin-bottom: 0.5rem;
}
.book-table{
	width:100%;
	border: 1px solid #ddd;
    empty-cells: show;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}
.book-table th{
	height:0.51rem;
	background: #abcb88;
	font-size:0.33rem;
	color:#fff;
	font-weight: bold;
}
.book-table tr{
	height:0.72rem;
	font-size:0.28rem;
	color:#555;
	text-align: center;
}
.book-table td.td-no{
	font-size:0.26rem;
	color:#666;
	width:0.5rem;
}
.book-table td.td-symbol{
	font-size:0.26rem;
	color:#84ad58;
	line-height: 1.1;
	font-family: arial;
	width:3.2rem;
	cursor: pointer;
}
.book-table td.td-word{
	font-size:0.28rem;
	font-family: arial;
	width:2rem;
}
.book-table td.td-exp{
    font-size:0.24rem;
}
.td-symbol span:after{
	content: "";
	display: inline-block;
	width:0.24rem;
	height:0.24rem;
	background: url(../images/laba.png) no-repeat center center;
	background-size: 100% 100%;
	vertical-align: middle;
	margin-left:0.06rem;
}
.sys-word-wrap{
	background: #fff;
	border-radius: 0.04rem;
	box-shadow: 0px 0px 0.07rem 0px #e7e6da;
	padding:0.4rem 0.4rem 0.5rem;
	margin-bottom: 0.5rem;
}
.sys-word-top{
	padding-bottom: 0.4rem;
}
.process-wrp > .maintit{
	font-size:0.38rem;
	color:#565656;
	font-weight: bold;
	line-height: 100%;
	margin-bottom: 0.3rem;
}
.process-wrp .proc-item{
	height:0.32rem;
	margin-bottom: 0.22rem;
}
.proc-item .proc-tit{
	font-size:0.3rem;
	color:#767676;
	float:left;
	height:0.32rem;
	line-height: 0.32rem;
}
.proc-item .proc-bar{
	width:2.72rem;
	height:0.3rem;
	float:left;
	border:1px solid #c2c0c0;
	border-radius: 0.1rem;
	box-shadow: 0.02rem 0.03rem 0.06rem 0px #ebebeb;
}
.proc-item .proc-bar .proc-inner{
	width:50%;
	height:0.3rem;
	background: #a5d449;
	border-radius: 0.08rem;
	position: relative;
}
.proc-item .proc-bar .proc-inner:after{
	content: "";
	display: block;
	width:92%;
	height:0.08rem;
	background: linear-gradient(rgba(255,255,255,.2), rgba(255,255,255,.3), rgba(255,255,255,.1));
	border-radius: 0.03rem;
	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;
}
.speed-wrp{
	padding-top:0.68rem;
	line-height: 0.32rem;
	font-size:0.3rem;
	color:#767676;
}
.speed-wrp p{
	margin-bottom: 0.22rem;
}
.sys-word-mid{
	padding:0.51rem 0;
	border-top:0.05rem solid #f4f3ed;
	border-bottom:0.05rem solid #f4f3ed;
}
.sys-word-mid .mid-part{
	width:48%;
}
.sys-word-mid .mid-part img{
	width:100%;
}
.sys-word-bot{
	padding-top: 0.55rem;
}
.sys-word-bot .part-item{
	margin-right:0.2rem;
	width:230px;
	height:4.37rem;
	box-sizing: border-box;
	border:0.04rem solid #b2b2b2;
	border-radius: 0.04rem;
	padding-top:0.35rem;
	color:#636363;
}
.sys-word-bot .part-item:hover{
	color:#8ab33a;
	border-color: #8ab33a;
}
.sys-word-bot .part-item:last-child{
	margin-right:0;
}
.sys-word-bot .part-item .icon-wrp{
	width:1.03rem;
	height:1.03rem;
	margin:0 auto 0.35rem;
	background-repeat: no-repeat;
	background-position: center center;
}
.sys-word-bot .part-item:nth-child(1) .icon-wrp {
	background-image: url(../images/sj_icon_1.png);
	background-size: 1.03rem auto;
}
.sys-word-bot .part-item:nth-child(2) .icon-wrp {
	background-image: url(../images/sj_icon_2.png);
	background-size: 0.88rem auto;
}
.sys-word-bot .part-item:nth-child(3) .icon-wrp {
	background-image: url(../images/sj_icon_3.png);
	background-size: 0.92rem auto;
}
.sys-word-bot .part-item:nth-child(1):hover .icon-wrp {
	background-image: url(../images/sj_icon_1_2.png);
}
.sys-word-bot .part-item:nth-child(2):hover .icon-wrp {
	background-image: url(../images/sj_icon_2_2.png);
}
.sys-word-bot .part-item:nth-child(3):hover .icon-wrp {
	background-image: url(../images/sj_icon_3_2.png);
}
.sys-word-bot .part-item .tit{
	font-size:0.43rem;
	font-weight: bold;
	text-align: center;
	line-height: 100%;
	margin-bottom: 0.2rem;
}
.sys-word-bot .part-item .tip{
	font-size:0.3rem;
	font-weight: bold;
	margin-bottom: 0.32rem;
	text-align: center;
}
.sys-word-bot .part-item .word-part-btn{
	width:2.13rem;
	height:0.66rem;
	background: url(../images/suji_12.jpg) no-repeat center center;
	background-size: 100% 100%;
	margin:auto;
}
.sys-word-bot .part-item:hover .word-part-btn{
	background-image: url(../images/suji_10.jpg);
}


.sys-memory-wrap{
	box-shadow: 0px 0px 0.07rem 0px #e7e6da;
	position: relative;
	border-radius: 0.04rem;
	background: #fff;
	padding:1.1rem 0.2rem 0.5rem;
	margin-bottom: 1.1rem;
}
.word-show{
	font-size:0.89rem;
	color:#209864;
	font-weight: bold;
	line-height: 100%;
}
.word-it{
	text-align: center;
	margin-bottom: 0.3rem;
}
.word-it .word-show{
	font-size:1.2rem;
	position: relative;
}
.word-show-position{
    font-size:0.89rem;
    line-height: 100%;
    color:#209864;
    font-weight: bold;
    position: absolute;
    left:0.36rem;
    top:0px;
}
.word-it .word-show:after{
	content: "";
	display: block;
	width:0.48rem;
	height:0.48rem;
	background: url(../images/laba.png) no-repeat center center;
	background-size: 100% 100%;
	position: absolute;
	right:-1.0rem;
	top:0.58rem;
}
.word-show.text-grey,
.word-show.text-grey span{
    color:#a8a8a8 !important;
}
.word-show .text-green{
    color:#209864;
}
.word-det-show{
	color:#77807c;
	font-size:0.36rem;
}
.word-det-show .symbol-show{
	font-family: arial;
	margin-right:0.22rem;
	font-size:0.5rem;
}
.word-it-det{
	margin-bottom: 0.25rem;
	text-align: center;
}
.sj-btn{
	width:3.06rem;
	height:1.37rem;
	line-height: 1.1rem;
	font-weight: bold;
	box-sizing: border-box;
	padding:0.05rem 0.1rem 0.2rem;
	color:#fff;
	text-align: center;
	font-size: 0.52rem;
	cursor: pointer;
}
.sj-btn-green{
	background: url(../images/suji_btn_green.png) no-repeat;
	background-size: 100% 100%;
}
.sj-btn-red{
	margin-left:0.25rem;
	background: url(../images/suji_btn_red.png) no-repeat;
	background-size: 100% 100%;
}
.sm-tip{
	position: absolute;
	top:0.32rem;
	left:0.45rem;
	font-size:0.33rem;
	color:#404040;
	line-height: 100%;
}
.sm-repeat{
	position: absolute;
	bottom:-0.3rem;
	width:100%;
	text-align: center;
	font-size:0.3rem;
	color:#666;
	line-height: 100%;
}
.sm-info-part{
	color:#404040;
	font-size:0.38rem;
	padding:0 0.1rem;
}
.sm-info-time{
	margin-bottom: 0.4rem;
}
.sm-info-word .sm-info-part{
	margin-right:0.2rem;
}
.sm-write-wrp{
	width:100%;
	min-height:4.8rem;
	margin:auto;
	box-sizing: border-box;
}
.sm-write-wrp .write-top,
.sm-write-wrp .write-bot{
	font-size:0.36rem;
	color:#77807c;
	padding-left:0.36rem;
	padding-right:0.31rem;
}
.sm-write-wrp .write-top{
	min-height: 0.89rem;
	margin-bottom: 0.23rem;
}
.sm-write-wrp .write-bot{
	margin-top:0.2rem;
}
.sm-write-wrp .write-top .symbol-show{
	font-size:0.58rem;
	margin-right:0.26rem;
	margin-left:0.14rem;
}
.sm-write-wrp .write-top .word-show{
	line-height: 100%;
}
.sm-write-wrp .write-main{
	width:100%;
	height:1.16rem;
	box-sizing: border-box;
	border:0.03rem solid #d0cdbc;	
	border-radius: 0.58rem;
	background: #faf9f1;
	padding-left:0.38rem;
	padding-right:0.28rem;
	position: relative;
}
.sm-write-wrp .write-input{
	width:5.56rem;
	height:1.1rem;
	line-height: 1.1rem;
	font-size:0.57rem;
	color:#333;
	float:left;
	background: transparent;
}
.sm-write-wrp .sj-btn-enter{
	float:right;
	margin-top:0.09rem;
	width:2.21rem;
	height:0.98rem;
	font-size:0.35rem;
	line-height: 0.79rem;
}
.sj-btn-voice{
	width:0.87rem;
	height:0.94rem;
	background: url(../images/suji_btn_voice.png) no-repeat;
	background-size: 100% 100%;
	margin-right:0.21rem;
	position: relative;
	margin-top:0.07rem;
	float:left;
}
.sj-btn-voice:after{
	content: "";
	display: block;
	width:1px;
	height:0.64rem;
	position: absolute;
	top:0.16rem;
	left:1.08rem;
	background: #d0cdbc;
}
.write-main.has-voice{
	padding-left:0.16rem;
}
.write-main.has-voice .write-input{
	width:5.4rem;
	text-indent: 0.2rem;
}
.word-show.red,
.write-input.red{
	color:#ff7777;
}
.sj-result{
	width:0.48rem;
	height:0.48rem;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	position: absolute;
	right:2.7rem;
	top:0.31rem;
}
.sj-result.sj-success{
	background-image: url(../images/write_correct.png);
}
.sj-result.sj-wrong{
	background-image: url(../images/write_wrong.png);
}
/*速记结束*/
/*语音开始*/
.sys-voice-wrap{
	margin-bottom: 0.6rem;
}
.sys-voice-nav{
	width:100%;
	float:none;
	box-sizing: border-box;
	padding:0.43rem 0.28rem 0.3rem;
	/*border-bottom: 1px dashed #b2b2b2;*/
}
.sys-voice-nav .nav-block{
	box-sizing: border-box;
	padding:0.89rem 0.23rem 0.18rem;
	background: #f4f3ed;
	border-radius: 0.08rem;
	position: relative;
}
.sys-voice-nav .nav-block:first-child{
	margin-right:0.42rem;
}
.sys-voice-nav .nav-block .nav-top{
	width:2.15rem;
	height:0.58rem;
	background: url(../images/m_voice_tit_bg.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left:-3px;
	top:0.13rem;
	font-size:0.3rem;
	color:#311900;
	font-weight: bold;
	box-sizing: border-box;
	line-height: 0.58rem;
	text-indent: 0.28rem;
}
.sys-voice-nav .nav-block .list-wrp li{
	font-size:0.33rem;
	color:#311900;
	height:0.62rem;
	line-height:0.62rem;
}
.sys-voice-nav .nav-block .list-wrp li.on{
	color:#ff7e38;
	font-weight: bold;
}
.sys-voice-right{
	width:100%;
	float:none;
	box-sizing: border-box;
	padding:0.5rem 0.28rem;
}
.sys-voice-list li{
	width:32%;
	margin-right:2%;
	margin-bottom: 0.5rem;
}
.sys-voice-list li:nth-of-type(3n){
	margin-right:0;
}
.sys-voice-list li .img-wrp{
	width:100%;
	height:2.37rem;
	box-sizing: border-box;
	position: relative;
	background-color:#f2f4f6;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 1.4rem;
	border:1px solid #e1e2e3;
	border-radius: 2px 2px 0 0;
}
.sys-voice-list li.unlock .img-wrp{
	/* background-position-x: 0.37rem; */
}
.sys-voice-list li .img-wrp .btn-wrp{
	position: absolute;
	width:100%;
	height:0.65rem;
	left:0px;
	top:50%;
	margin-top:-0.325rem;
	text-align: center;
}
.sys-voice-list li .img-wrp .btn-wrp a{
	display: inline-block;
	width:46%;
	height:0.65rem;
	box-sizing: border-box;
	border:1px solid #759b2b;
	border-radius: 2px;
	color:#fff;
	line-height: 0.65rem;
	text-align: center;
	background: #92bd3f;
	font-size:0.3rem;
}
.sys-voice-list li.first .img-wrp{
	background-image: url(../images/books.png) !important;
	background-size: 1.75rem auto;
}
.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:0.65rem;
	line-height: 0.65rem;
	overflow: hidden;
	text-align: center;
	color:#271d12;
	font-size:0.33rem;
	border-radius: 0 0 2px 2px;
	background: #ffd143;
}
.sys-voice-list li.first .tit,
.sys-voice-list li.unlock .tit{
	background: #ff7e38;
	color:#fff;
}
.yy-write-wrp .write-top .word-show{
	font-size:0.55rem;
}
.yy-write-wrp .write-top{
	min-height: 0.6rem;
}
.sm-write-wrp .write-tit{
	font-size:0.43rem;
	color:#77807c;
	text-align: center;
	margin-bottom: 0.4rem;
}
.yy-num-info{
	font-size:0.48rem;
	color:#209864;
	font-weight: bold;
	font-family: "微软雅黑";
	text-align: center;
}
.sys-break-wrap{
	padding:0.5rem 0.28rem 0.5rem;
}
.break-btn{
	padding-top:0.32rem;
	border-top:1px dashed #333;
	text-align: center;
}
.break-btn a{
	display: inline-block;
	width:2rem;
	height:0.582rem;
	line-height: 0.58rem;
	border-bottom: 0.04rem solid #6f932a;
	text-align: center;
	border-radius: 0.03rem;
	color:#fff;
	font-size:0.35rem;
	margin-right:0.35rem;
	font-weight: bold;
	position: relative;
	background: #8ab33a url(../images/btnmark.png) no-repeat center bottom;
	background-size: 100% 100%;
}
.break-btn a:nth-child(2) {
	background-color: #ed4854;
	margin-right:0;
	border-color:#ed4854;
}
.break-input-item{
	width:47%;
	margin-bottom: 0.5rem;
}
.break-input .num{
	font-size:0.33rem;
	font-weight: bold;
	margin-right:0.05rem;
	float:none;
}
.break-input input{
	width:80%;
	height:0.8rem;
	text-indent: 0.08rem;
	line-height: 0.8rem;
	color:#333;
	font-size:0.3rem;
	border:0.02px solid #bdbdbd;
	border-radius: 0.02rem;
}
.before-word.correct{
    border-color: green;
}
.before-word.wrong{
    border-color: #dd2727;
}
.result-show{
    font-size:0.28rem;
    padding-left:0.06rem;
    color:#666;
}
.result-show.wrong{
    color: #dd2727;
}
.sys-break-wrap .break-top{
	text-align: center;
	margin-bottom: 0.4rem;
}
.sys-break-wrap .break-top .break-tit{
	font-size:0.33rem;
	margin-bottom: 0.13rem;
	float:none;
}
.sys-break-wrap .break-top .break-time{
	font-size:0.28rem;
	color:#ed4854;
	float:none;
}
.break-write{
	padding-top:0.5rem;
	font-size:0.6rem;
	color:#232323;
}
.break-write-main {
	padding-left:1.2rem;
}
.break-write-main > div{
	height:0.74rem;
	line-height: 0.74rem;
	margin-top:0.28rem;
	box-sizing: border-box;
}
.break-write-main .break-voice{
	height:1.29rem;
	width:1.25rem;
	margin-top:0;
	background: url(../images/suji_btn_voice.png) no-repeat;
	background-size: 100% 100%;
	margin-right:0.22rem;
}
.break-write-main .break-word{
	margin-right:0.5rem;
}
.break-write-main .break-blank-item{
	margin-right: 0.31rem;
	border-bottom: 1px solid #000;
	width:0.87rem;
	text-align: center;
	color:#8ab33a;
    cursor: pointer;
}
.break-wrp{
	padding-bottom: 0.68rem;
}
.break-tip{
	font-size:0.33rem;
	color:#727272;
	margin-bottom:0.9rem;
	padding-left:2.6rem;
}
.break-write-opt{
	padding-left:2.83rem;
}
.break-write-opt span{
	margin-right:1.33rem;
	cursor: pointer;
}
.break-write-opt span:last-child{
	margin-right:0;
}
.break-bot-btn {
	border:0;
	padding-top:0.56rem;
}
.break-bot-btn a{
	width:47%;
	height:1.11rem;
	line-height: 1.11rem;
	font-size:0.43rem;
}
.sys-symbol-wrap{
	padding:0.35rem 0.26rem 0.5rem;
	margin-bottom: 0.6rem;
}
.sys-symbol-wrap .symbol-tit {
	margin-bottom: 0.22rem;
}
.sys-symbol-wrap .symbol-tit h3{
	text-align: center;
	font-size:0.43rem;
	color:#000;
	margin-bottom: 0.08rem;
}
.sys-symbol-wrap .symbol-tit h4{
	text-align: center;
	font-size:0.33rem;
	color:#000;
}
.sym-multi-table td{
	text-align: center;
	font-size:0.3rem;
	color:#000;
	padding:0.15rem 0.06rem;
}
.sym-multi-table tr.bg,
.sym-multi-table td.bg{
	background: #fafafa;
	min-width: 0.55rem;
}
.sym-alpha-table{
	font-size:0.3rem;
	color:#000;
	margin-bottom: 0.2rem;
}
.sym-alpha-table td{
	text-align: center;
	background: #f0f0f0;
	padding:0.15rem 0.08rem;
}
.mt-tit{
	display: table-row;
	font-weight: bold;
}
.sys-symbol-wrap .symbol-main .table-title{
	font-size:0.33rem;
	font-weight: bold;
	margin-bottom: 0.16rem;
	padding-left:0.06rem;
}
.sys-symbol-wrap .symbol-main .symbol-table td{
	text-align: center;
	padding:0.12rem 0.05rem;
}
.sys-symbol-wrap .symbol-main .symbol-table td.th{
	font-size:0.28rem;
}
.sym-table-item{
	margin-bottom: 0.45rem;
}
.sys-symbol-wrap .symbol-main .symbol-table .text-word{
	font-weight: bold;
	color:#000;
	font-size:0.26rem;
}
.sys-symbol-wrap .symbol-main .symbol-table .text-symbol{
	color:#8e8e91;
	font-size:0.24rem;
}
.read-btn-wrp{
    padding-top:17px;
    border-top:1px dashed #333;
}
.read-btn-wrp a{
    display: inline-block;
    width:2.3rem;
    height:0.66rem;
    line-height: 0.66rem;
    border-bottom: 0.04rem solid #6f932a;
    text-align: center;
    border-radius: 0.02rem;
    color:#fff;
    font-size:0.3rem;
    margin-right:0.4rem;
    font-weight: bold;
    position: relative;
    background: #8ab33a url(../images/btnmark.png) no-repeat center bottom;
    background-size: 100% 100%;
}
.read-btn-wrp a:nth-child(2) {
    background-color: #ed4854;
    border-color:#ed4854;
}
.read-res-wrp{
    padding:0.2rem;
}
.read-res-item{
    height:0.4rem;
    line-height: 0.4rem;
    color:#333;
    font-size:0.28rem;
    font-weight: bold;
}
.read-res-item .correct{
    color:#8ab33a;
    font-size:0.32rem;
}
.read-res-item .error{
    color:#ed4854;
    font-size:0.32rem;
}
/*语音结束*/
/*阅读开始*/
.sys-read-wrap{
	padding:0.32rem 0.2rem 0.6rem;
	margin-bottom: 0.5rem;
}
.sys-read-wrap .toptit,
.read-select .toptit{
	font-size:0.43rem;
	font-weight: bold;
	margin-bottom: 0.12rem;
	padding-left:0.2rem;
}
.sys-read-wrap .toptit span,
.read-select .toptit span{
    font-size:0.28rem;
    color:#666;
}
.read-article, .read-select{
	width:100%;
	float:none
}
.read-article .art-main{
	width:100%;
	box-sizing: border-box;
	border-radius: 0.03rem;
	background: #f4f3ed;
	padding:0.22rem 0.2rem;
	font-size:0.33rem;
	line-height: 0.6rem;
	font-weight: bold;
	text-indent: 1em;
	margin-bottom: 0.4rem;
}
.read-sel-wrp{
	padding:0 0.28rem;
	box-sizing: border-box;
}
.read-sel-wrp .sel-item{
	margin-bottom: 0.48rem;
	font-size:0.33rem;
	font-weight: bold
}
.read-sel-wrp .sel-item input[type=radio]{
	margin-right: 0.06rem;
}
.read-sel-wrp .sel-item:last-child{
	margin-bottom: 0;
}
.read-sel-wrp .sel-item .tit{
	margin-bottom: 0.15rem;
}
.read-sel-wrp .sel-item .opt-wrp{
	line-height: 0.62rem;
	padding:0 0.17rem;
}
.book-head-left{
	width:100%;
}
.book-head-left .part-1{
	width:100%;
	margin-bottom: 0.15rem;
}
.sys-book-wrap .book-head .part-2 .icon {
   display: none;
}
.book-head-left .part-1,
.book-head-left .part-2,
.book-head-left .part-3,
.book-head-left .part-4{
	float:left;
	margin-right:0.12rem;
	margin-top:0 !important;
}
.sys-book-wrap .book-head .part-1 select {
    background: #61b249;
    color: #fff;
    border-radius: 3px;
    box-sizing: border-box;
}
.book-head-proc{
	margin-top:0.15rem;
	margin-bottom: 0.2rem;
	float:left !important;
	width:100%;
}
/*阅读结束*/
.reset-button{
	width: 2.8rem;
    height: 0.8rem;
	line-height: 0.8rem;
	text-align:center;
	font-size:0.36rem;
	color:#fff;
	background: #a7d74a;
	border-radius: 0.04rem;
	margin-top:0.35rem;
}
    .topbar{
        height:0.6rem;
        line-height: 0.65rem;
        font-size:0.25rem;
        color:#fff;
        background: #ff7e38;
        border-bottom: 1px solid #ff955c;
    }
    .top-logout{
        width:1.53rem;
        height:0.4rem;
        line-height: 0.4rem;
        border-radius: 0.11rem;
        border:1px solid #fff;
        text-align: center;
        margin-top:0.07rem;
    }
    .voice-listen{
        padding-bottom: 0.3rem;
        border-bottom:1px dashed #b2b2b2;
    }
    .voice-listen a{
        display: block;
        width:3.49rem;
        height:0.68rem;
        background: url("../images/tingliwap_03.jpg") no-repeat center center;
        background-size:100% 100%;
        margin:auto;
    }
    .sys-voice-index{
        background: url("../images/tingli_03.jpg") no-repeat center 0.44rem;
        background-size:94% auto;
        min-height: 5.5rem;
    }
    .login-apply{
        width:91px;
        padding:5px 5px 9px 5px;
        border-radius: 5px;
        background: #ffa94c;
        position: absolute;
        top:6.5rem;
        right:0;
        margin-left:-45.5px;
    }
    .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;
    }
    .form-gu-wrp{
        margin-bottom: 0.1rem;
    }
    .form-gu-wrp input{
        width:194px;
        height:24px;
        line-height: 24px;
        text-indent: 6px;
        border:1px solid #ccc;
        border-radius: 3px;
        float:left;
        background: transparent;
    }
    .form-gu, form-main{
        float:none;
    }
    .form-gu-wrp .btn{
        width:72px;
        height:26px;
        line-height: 26px;
        text-align: center;
        font-size:0.16rem;
        background: #B7D491;
        color:#fff;
        border-radius: 4px;
        margin-left:8px;
        cursor: pointer;
        float:left;
    }
    .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;
    }
}