a,b,body,canvas,dd,div,dl,dt,em,form,h1,h2,h3,h4,h5,h6,html,img,input,label,li,ol,p,q,span,ul{margin:0;padding:0;border:0;outline:0;font-size-adjust:none;-webkit-text-size-adjust:100%!important;-webkit-touch-callout:none;}
*{-webkit-tap-highlight-color:transparent;}
body,html{background:#ffffff;padding:0;margin:0; font-family:"Microsoft YaHei",微软雅黑,STHeiti,simsun,Helvetica-Light,arial,sans-serif,'Droid Sans Fallback'; -webkit-touch-callout:none;-webkit-user-select:none ; overflow: hidden;}
article,aside,dialog,header,section,footer,nav,figure,menu{display:block}
input{-webkit-user-select:auto;-webkit-appearance:none;appearance:none;outline:0;}
::-webkit-input-placeholder{color:#999;}
li,ul{list-style:none;}
a{text-decoration:none; color: inherit;}
a:hover{text-decoration:none;}
em{font-style:normal;}
i{ font-style: normal;}

.df{display: flex;}
.flex1{-ms-flex: 1;flex: 1;}
.fdc{flex-direction: column;}
.tar{text-align: right!important;}
.tac{text-align: center!important;}
.tal{text-align: left!important;}
.vam{vertical-align: middle!important;}
.p0{padding: 0!important;}
.m0{margin: 0!important;}
.mt0{margin-top: 0!important;}
.h100p{height: 100%;}
.bdn{border: none!important;}
.show{display: block!important;}
.hide{display: none!important;}
.pdf_footer_hide{display: none!important;}
.o0{opacity: 0;}
.ovh{overflow: hidden;}
.clearfix:after{content:""; display:block; clear:both}
.clearFix{ zoom: 1; }
.fl{float: left;}
.fr{float: right;}
.dt{display: table; width: 100%; table-layout: fixed;}
.vh{visibility: hidden;}
.z20{z-index: 20;}
.b0{bottom: 0!important;}
.noborder{border: none!important;}
.hidetext{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

.pl04r{padding-left: .4rem;}


.popmask{position: absolute; left: 0; top: 0; height: 100%; width:100%; background: rgba(0,0,0,0.2); z-index: 10; display: none;}
.popmask.fixed{position: fixed; z-index: 4;}
.popmask.cover{position: fixed; z-index: 6;}
.popiframe iframe{position: absolute; left: 0; top: 0; transform-origin: center center; border: none; transform-origin: 0 0; transform: rotate(90deg) translate(40px,-100%);}
.popiframePdf iframe{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transform-origin: center center; border: none; transform:translateY(20px);}
.popiframeVideo iframe{position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%;}
.popiframeVideo #videoobj{position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%;}
.popfilter{pointer-events: none;}
[data-dpr=1] .popfilter, [data-dpr=2] .popfilter, [data-dpr=3] .popfilter{filter: blur(.1rem); pointer-events: none;}
/* .popalert{position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: .3rem; margin: auto; width: 6.533333rem; padding: 0 .4rem; height: 1.466667rem; background: #fff; vertical-align: middle; color: #6e8ef2; font-size: .4rem; text-align: center; display: table;}
.popalert p{height: 100%; display: table-cell; vertical-align: middle; line-height: 1.5;} */
.popalert{position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: .3rem; margin: auto; width: 6.533333rem; padding: 0 .4rem; height: 1.466667rem; background: #fff; color: #6e8ef2; font-size: .4rem; display: flex; justify-content: center; align-items: center;}
.popalert p{ line-height: 1.5;}
.popwarning{position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: .3rem; margin: auto; width: 7.2rem; height: 4.04rem; background: #fff; vertical-align: middle; font-size: .4rem; text-align: center;}
.popwarning_title{height: 1.6rem; line-height: 1.6rem; font-size: .426rem;}
.popwarning_title1 { font-size: .426rem; padding: 0.52rem 0; }
.popwarning_content{height: 1.24rem; font-size: .4rem; padding: 0 .266rem;}
.popwarning_btn{display: table; width: 100%; table-layout: fixed; border-top: 1px solid #eee;}
.popwarning_btn li{display: table-cell; vertical-align: middle; text-align: center; height: 1.2rem; color: #6e8ef2;}
.popwarning_btn li + li{border-left: 0.0133rem solid #eee; color: #6e8ef2;}
.poploading{position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: .3rem; margin: auto; width: 3.84rem; height: 3.84rem; background: rgba(0,0,0,.4); vertical-align: middle; font-size: .4rem; text-align: center;}
.poploadingbox{position: absolute; width: 1.266rem; height: 1.266rem; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.poploading li{position: absolute; background: #fff; width: .266rem; height: .266rem; border-radius: 50%; animation: loading 1s infinite; -webkit-animation: loading 1s infinite; transform: scale(0);}
.poploading li:nth-child(1){top: 0; left: .5rem;}
.poploading li:nth-child(2){top: .143rem; left: .857rem; animation-delay: .125s; -webkit-animation-delay: .125s;}
.poploading li:nth-child(3){top: .5rem; left: 1rem; animation-delay: .25s; -webkit-animation-delay: .25s;}
.poploading li:nth-child(4){top: .857rem; left: .857rem; animation-delay: .375s; -webkit-animation-delay: .375s;}
.poploading li:nth-child(5){top: 1rem; left: .5rem; animation-delay: .5s; -webkit-animation-delay: .5s;}
.poploading li:nth-child(6){top: .857rem; left: .143rem; animation-delay: .625s; -webkit-animation-delay: .625s;}
.poploading li:nth-child(7){top: .5rem; left: 0; animation-delay: .75s; -webkit-animation-delay: .75s;}
.poploading li:nth-child(8){top: .143rem; left: .143rem; animation-delay: .875s; -webkit-animation-delay: .875s;}
.popbuy{position: absolute; bottom: 0; width: 100%; height: 6.8rem; left: 0; background: #fff; z-index: 4;}
.popbuy.directory{display: none;}
.popbuy_close{position: absolute; right: .16rem; top: .16rem; width: .32rem; height: .32rem; padding: .2rem; background: url(/img/book_close.png) no-repeat center center; background-size: .32rem .32rem;}
.popbuy_tips{position: absolute; top: .15rem; left: 0; width: 8.3rem; height: .9rem; padding-left: 1.16rem; box-sizing: border-box; line-height: .9rem; background: #ff4f42 url(/img/border_right.jpg) no-repeat center right; background-size: auto .9rem; border-radius: .05rem; color: #fff; font-size: .36rem;}
.popbuy_tips:after{content: ''; position: absolute; width: .373rem; height: .346rem; top: 0; bottom: 0; left: .6rem; margin: auto 0; background: url(/img/icon_star.png) center center; background-size: .373rem;}
.popbuy ul{display: -webkit-flex; display: flex; width: 8.85rem; margin: 1.6267rem auto 0;}
.popbuy ul + ul{margin-top: .4rem;}
.popbuy li{-webkit-flex: 1; flex: 1; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; padding: .38rem .24rem; border: 1px solid #999; border-radius: .1rem; font-size: .35rem; color: #333;}
.popbuy .active{border-color: #1a98ff; background: #e6f1ff;}
.popbuy li + li{margin-left: .2666rem;}
.popbuy em{-webkit-flex: 1; flex: 1;}
.popbuy span{position: relative; color: #ff4f42; text-align: right; font-weight: bold; }
.popbuy.ios span:after{content: ''; position: absolute; top: 0; left: -.6rem; width: .56rem; height: .528rem; background: url(/img/bean.png) no-repeat; background-size: .56rem;}
.popbuy .popbuy_btn{position: absolute; bottom: .4rem; left: 0; right: 0; height: .6rem; padding: .3rem 0; width: 8.85rem; margin: 0 auto; border-radius: .1rem; background: #1a98ff; color: #fff; text-align: center; font-size: .4rem;}
.popupdate{position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 8.173rem; margin: 0 auto; display: -webkit-flex; display: flex; flex-direction: column; -webkit-flex-direction: column;}
.popupdate_bg{-webkit-flex: 1; flex: 1; background: url(/img/update_bg.png) no-repeat center bottom; background-size: 100% auto;}
.popupdate_container{-webkit-flex: 1.5; flex: 1.5; overflow: hidden;}
.popupdate_content{position: relative; background:#fff url(/img/update_pattern.png) no-repeat -1.2rem 0; background-size: auto .8rem; border-radius: .2rem; padding: 1.3rem .4rem .5333rem; margin: 0 .4133rem;}
.popupdate_content h2{color: #333; font-weight: normal; margin-bottom: .3rem; font-size: .4rem;}
.popupdate_content li{position: relative; padding: .1rem .05rem; color: #999; font-size: .36rem; line-height: 1.5;}
.popupdate_content li:after{position: absolute; left: 0; top: .31rem; width: .15rem; height: .15rem; background: #999; border-radius: 50%;}
.popupdate_content p{padding: .15rem 0; margin: .333rem auto 0; background: #4798f7; font-size: .4rem; text-align: center; color: #fff; border-radius: .1rem;}
.popupdate_content span{display: block; width: 50%; margin: .2rem auto 0; text-align: center; color: #333; font-size: .4rem; }
.popshare{position: absolute; bottom: 0; width: 100%; height: 4.06rem; left: 0; background: #fff;}
.popshare ul{width: 100%; height: 100%; display: -webkit-flex; display: flex; align-items: center; -webkit-align-items: center; padding: .2rem .2rem 0; box-sizing: border-box;}
.popshare li{flex: 1; -webkit-flex: 1; text-align: center; color: #606060; font-size: .3rem;}
.popshare p{width: 1.6rem; height: 1.6rem; border-radius: .3rem; margin: 0 auto .2666rem; background: #efefef; display: -webkit-flex; display: flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center;}
.popshare img{height: .8rem;}
@keyframes loading{0%{transform:scale(0);}
50%{transform:scale(1);}
100%{transform:scale(0);}
}
@-webkit-keyframes loading{0%{transform:scale(0);}
50%{transform:scale(1);}
100%{transform:scale(0);}
}

.popAdtMask {display: flex; align-items: center; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.2); z-index: 10;}
.popAdtWarning {background: #fff; font-size: .4rem; text-align: center; border-radius: .3rem; margin: auto; width: 7.2rem;}
#alert_con {padding-bottom: .666667rem;}
.popTextMask {display: flex; align-items: center; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.2); z-index: 10;}
.popTextWarning {background: #fff; font-size: .4rem; text-align: center; border-radius: .3rem; margin: auto; width: 7.2rem;}
#alert_con {padding-bottom: .666667rem;}
.popTextMask .btn_share.disable {color: #999;}
#textAlert {display: none;}

/*个人中心*/
.per_omit{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.per_bg1{ background: #fff;}
.per_bg2{ background: #333;}
.per_bg3{ background: #f2f8ff;}
.personal_container{position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; margin: auto;  overflow: hidden; background: #ecf3fc;}
.personal_container.index_container{background: #f7f7f9;}
.personal_mask{position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; transition: background-color .5s; z-index: 3; pointer-events: none;}
.personal_container.open .personal_mask{background: rgba(0,0,0,.5); pointer-events: initial;}
.personal_container #wrapper{position: relative; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; margin: auto;  overflow: hidden; transition: transform .5s;}
.personal_container.open #wrapper{transform: translateX(7.733rem);}
.personal_wrapper{position: absolute; top:1.7066666666666668rem;bottom: 0; width: 100%; margin:auto 0; overflow-y: auto; overflow-x: hidden; }
.personal_header{ position: relative; z-index: 4; overflow: hidden; padding: 0.5333333333333333rem 0.8rem 0 0.8rem; height: 1.1866666666666668rem; line-height:1.1866666666666668rem; background: #4798f7; font-size:0.45rem; color: #ffffff;  text-align: center; border-bottom: 1px solid #cccccc;}
.personal_back{ position: absolute; bottom: 0; left: 0; height: 1.1733333333333333rem; width: 1.066667rem; display: block; background: url(/img/personal_back2.png) no-repeat .4rem center; background-size: 0.266667rem auto; z-index: 1;}
.personal_info_list{ border-top: 0.0133rem solid #eae8ea; margin-bottom: 0.4rem;}
.personal_info_list li{ background: #fff; border-bottom: 1px solid #eae8ea; padding: 0.4rem; position: relative;}
.personal_info_list li.personal_arrow{ padding-right: 0.9rem; background: #fff;}
.personal_info_list li.personal_arrow::after,.index_l_head a::after,.index_l_menu li::after{ content: ''; position: absolute; top: 50%; right: 0.4rem; width: .2rem; height: .2rem; border-width: 1px; border-style: solid; border-color: #cccccc #cccccc transparent transparent; transform: translateY(-50%) rotate(45deg);}
.personal_info_list li.personal_arrow.task_result_cell {display: none;}
.personal_info_list li.personal_li_height{ height: 2rem; line-height: 2rem; padding: 0 0.9rem 0 0.4rem;}
.personal_info_list li.cur{ background: #F0F0F0;}
.personal_info_list li span{ display: block; font-size: 0.37333333333333335rem;}
.personal_info_list li span.per_sl{ float:left; width: 30%;}
.personal_info_list li span.per_sr{ float:right; width: 70%; height: 100%; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.personal_info_list li span.per_color1{ color: #999999;}
.personal_info_list li span.per_cv{ float: right; padding: 0.15rem 0.4rem; background: #007AFF; color: #ffffff; border-radius: 0.1rem; }
.personal_info_list li span.sign1{ position: absolute; top: 0.455rem; left: 2.333333rem; color: #999999; font-size: 0.293333rem;}
.personal_info_list li span.sign2{ color: #1fb993; font-size: 0.293333rem;}
.per_table_cell a.per_bound{ font-size: 0.37333333333333335rem; color: #1A98FF; text-decoration: underline; position: relative; padding-right: 0.2rem;}
.per_table_cell a.per_bound::after{content: '\25CF'; position: absolute; font-size: 0.28rem; color: #ff401a; top: -0.2rem ; right: 0;}
.personal_info_list li label{ position: absolute;width: 70%; height: 1.2rem; top: 0.4rem; right: 0.9rem; overflow: hidden; }
.personal_info_list li label span{ float:right;width: 1.2rem; height: 1.2rem;overflow: hidden; border-radius: 0.6rem;}
.personal_info_list li label img{ width: 100%; height: 100%;}
.personal_table{display: table; width:100%;vertical-align: middle;}
.per_table_cell{ display: table-cell; font-size: 0.38rem; vertical-align: middle;}
.personal_table .per_sl {position: relative; width: 30%;}
.personal_table .per_sl i {position: relative; top: -0.06667rem; left: .133333rem; display: none; padding: 0 .106667rem; line-height: .373333rem; font-size: .226667rem; background-color: #ff4f42; color: #fff; border-radius: .186667rem;}
.personal_table .per_sl.has_news:after{content: '';width: 0.1333rem; height: 0.1333rem;position: absolute;top: 0.45rem;left: 2rem;background: #ff4f42;border-radius: 0.066666rem;}
.personal_table .per_sr{ width: 70%; text-align: right;}
.personal_quit{ height: 1.3333333333333333rem; line-height: 1.3333333333333333rem; text-align: center; background: #fff; font-size: 0.37333333333333335rem; color: #ff401a;}
.per_upload{ position: absolute; top: 0; right: 0; height: 2rem; width: 100%; font-size: 1rem; z-index: 3; opacity: 0;}
.personal_info_list li span.per_upload_error{display:none;float: right; font-size: 0.28rem; color: #f17474; padding-right: 1.5rem;}
.personal_notify_list{ overflow: hidden; padding-bottom: 1rem;}
.personal_n_time{ text-align: center; height: 1.1333333333333333rem; line-height: 1.1333333333333333rem; font-size: 0.32rem; color: #999999;}
.personal_n_content{ margin: 0 0.4rem; overflow: hidden; height: 5.333333333333333rem; position: relative; box-shadow: 0 0 0.2rem #ebebeb;}
.personal_n_content img{ width: 100%; height: 100%;}
.personal_n_content span{ position: absolute; left: 0; right: 0; bottom: 0; padding: 0 0.3rem; height: 1rem; line-height: 1rem; color: #fff; font-size: 0.37333333333333335rem; background: url(/img/personal_bg3.png) repeat top left;}
.personal_about{ padding: 0.9333333333333333rem 0; text-align: center }
.personal_about span{ display: block; text-align: center; font-size: 0.37333333333333335rem; padding-top: 0.1rem;}
.personal_about img.img1{ width: 4.253333rem}
.personal_about img.img2{ width: 2.56rem;}
.personal_about p{font-size: 0.533333rem; color: #154a97; padding-top:0.2rem;}
.personal_ab_t{ text-align: center; font-size: 0.26rem; color: #999999;}
.personal_ab_t span{ display: block;}
.personal_ab_t a{ color: #1a98ff; font-size: 0.3rem; text-align: center; padding-top: 0.5rem;}

.personal_help{ overflow: hidden;}
.personal_help li.per_h_li{ position: relative;}
.personal_help li.per_h_li::after{content: ''; position: absolute; top: 0.65rem; right: 0.4rem; width: .32rem; height: .18rem; background: url(/img/personal_help1.png) no-repeat; background-size: 0.32rem 0.16rem; }
.personal_help li.per_h_cur::after{ background: url(/img/personal_help2.png) no-repeat; background-size: 0.32rem 0.16rem;}
.personal_h_title{ display: block; height: 1.5rem; line-height: 1.5rem; font-size: .42rem; padding: 0 0.4rem; border-bottom: 0.0133rem solid #eae8ea;}
.personal_h_info{ display: none; background: #fcfcf8; padding: 0 0.4rem; border-bottom: 0.0133rem solid #eae8ea;}
.personal_h_info li{ border-bottom: 0.0133rem solid #eae8ea; padding-bottom: 0.4rem;}
.personal_h_info li:last-child{ border: none;}
.personal_h_info span{ display: block;}
.personal_h_info span.s1{ font-size: 0.4rem; color: #6c789e; padding: 0.4rem 0 0 0;}
.personal_h_info span.s2{ font-size: 0.38rem; color: #96a0bf;}
.personal_h_info span.s3{ padding-bottom: 0.26rem;}

.headimg_wrapper{padding: .26666rem; box-sizing: border-box;}
.headimg_wrapper .headimg_top{position: relative; width: 100%; height: 3.38666rem; background: url(/img/headimg_top.png) no-repeat; background-size: cover;}
.head_img{position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 3.09333rem; height: 3.09333rem; overflow: hidden; border-radius: 50%;}
.head_img .avatar_wrap{position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; width: 2.32rem; height: 2.32rem; border-radius: 50%; overflow: hidden;}
.head_img .avatar_wrap img{display: block; width: 100%; height: 100%;}
.headimg_container{display: flex; justify-content: space-between; flex-wrap: wrap; background: #fff;}
.headimg_container li{position: relative; width: 3.09333rem; height: 3.09333rem;}
.headimg_container li .head_imgwrap{position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; width: 2.32rem; height: 2.32rem; border-radius: 50%; overflow: hidden;}
.headimg_container li .head_imgwrap img{display: block; width: 100%; height: 100%;}
.headimg_selected{background: #edf1f1;}
/*.head_img_last{margin-left: -3rem;}*/

.per_in_warp{ position: absolute; top: 0; right: 0; left: 0; bottom: 1.28rem;}
.per_in_key{ height: 1.266666rem; text-align: right; padding-right: 0.2rem;}
.per_in_key span{ display: block; float: right; padding: 0.4rem 0rem; width: 0.413333rem; height: 0.453333rem; position: relative;  background: url(/img/key.png) no-repeat center center; background-size: 0.413333rem 0.453333rem;}
.per_in_key span.index_key::after{ content: ''; display: block; width: 0.1333rem; height: 0.1333rem; position: absolute; top: 0.45rem; right: 0.3rem; background: #ff4f42; border-radius: 0.066666rem;}
.per_in_msg{ height: 1.266666rem; text-align: right; padding-right: 0.2rem;}
.per_in_msg span{ display: block; float: right; padding: 0.4rem 0.3rem; width: 0.413333rem; height: 0.453333rem; position: relative;  background: url(/img/index_icon15.png) no-repeat center center; background-size: 0.413333rem 0.453333rem;}
.per_in_msg span.index_tips::after{ content: ''; display: block; width: 0.1333rem; height: 0.1333rem; position: absolute; top: 0.45rem; right: 0.3rem; background: #ff4f42; border-radius: 0.066666rem;}
.per_in_score{ position: absolute; width: 3rem; left: -3rem; top: 0.8rem; padding-top: 0.426666rem; background: url(/img/personal_score.png) no-repeat top center; background-size: 0.426666rem 0.4rem;}
.per_in_score span{ display: block; color: #ffffff; font-size: 0.266666rem; text-align: center;}
.per_in_score span.score{ font-size: 0.426666rem; padding: 0.1rem 0;}
.per_in_user{position: absolute; width: 3rem; right: -3rem; top: 1.2rem; padding-top: 0.52rem; text-align: center; color: #ffffff; font-size: 0.32rem; background: url(/img/personal_icon1.png) no-repeat top center; background-size: 0.453333rem 0.4rem;}
.per_in_phone{ padding:0.1rem 0; text-align: center; color: #fff; font-size: 0.48rem;}
.per_in_stu{ padding: 0.05rem 0; text-align: center; color: #cde4ff; font-size: 0.32rem;}
.personal_info_list li.per_mgb{ margin-bottom: 0.266666rem; border: none;}
.per_in_bound{ font-size: 0.4rem; padding-right: 0.333333rem; background: url(/img/personal_back3.png) no-repeat right center;}

.msg_bg{ background: #4798f7; color: #ffffff;}
.msg_bg a.personal_back{ background: url(/img/personal_back2.png) no-repeat center center; background-size: 0.28rem 0.533333rem;}
.personal_message{ position: relative; width: 100%; height: 100%; overflow: hidden;}
.msg_tab{ display: table; table-layout: fixed; width: 100%; border-bottom: 1px solid #e5e5e5; background: #ffffff;}
.msg_cell{ position: relative; display: table-cell; text-align: center; height: 1.066666rem; line-height: 1.066666rem;}
.msg_cell span{ font-size: 0.373333rem; position: relative;}
.msg_cell span.tips::after{ content: ''; position: absolute; display: block; top: 0; right: -0.233rem; width: 0.186666rem; height: 0.186666rem; background: #ff4f42; border-radius: 0.093333rem;}
.msg_cell span.ntcNum i,.msg_cell span.meNum i{ position: absolute; top: -0.08rem; left: 0.75rem; padding: 0 0.133333rem; background: #FF4F42; color: #fff; font-size: 0.293333rem; line-height: 0.373333rem; border-radius: 0.186666rem;}
.msg_tab .msg_cell:first-of-type.active::after{ position: absolute; content: ''; bottom: -0.013333rem; left: 0.4rem; right: 0; border-bottom: 0.066666rem solid #4798f7;}
.msg_tab .msg_cell:last-of-type.active::after{ position: absolute; content: ''; bottom: -0.013333rem; right: 0.4rem; left: 0; border-bottom: 0.066666rem solid #4798f7;}
.msg_conter{ position: absolute; top: 1.066666rem; left: 0; right: 0; bottom: 0;}
.msg_empty{ text-align: center; margin-top: 30%; display: none;}
.msg_empty img{ width: 2.813333rem; height: 3.92rem;}
.msg_empty span{ font-size: 0.373333rem; color: #666666; display: block;}
.personal_msg_list{ display: none; padding-bottom: 0.4rem; height: 100%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.massageList li{ background: #ffffff; padding-left: 0.4rem; margin-top: 0.266666rem; overflow: hidden;}
.per_msg_con{position: relative; padding: 0.2rem 0; width: 123%; float: left; -webkit-transition: all 0.3s linear;}
.per_select{ -webkit-transform: translate(-18%,0); -webkit-transition: all 0.3s linear;}
.per_msg_del{ float: left; width: 1.666666rem; height: 100%; position: absolute; top:0; right: 0; z-index: 3;}
.per_msg_del span{ display: table-cell; vertical-align: middle; font-size: 0.4rem; color: #ffffff;}
.per_msg_d{ text-align: center; display: table; width: 100%; height: 100%; background: #ff4f42;}
.personal_msg_box{display: flex; align-items: center; flex-wrap: wrap; float: left; padding: 0.2rem 0 0.2rem 2rem; margin-right: 1rem; width: 7.4rem; position: relative; min-height: 1.4rem;}
.personal_msg_box p {flex: 0 0 7.4rem; width: 7.4rem; letter-spacing: 1px;}
.personal_msg_box .msg_con {margin-bottom: 4px; font-size: 0.373333rem; line-height: 0.586667rem;}
.personal_msg_box .msg_tip {font-size: 0.32rem; line-height: 0.52rem; color: #999;}
.personal_msg_box .msg_tip .strong {color: #1a98ff; text-decoration: underline;}
.personal_msg_avatar{ position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1.5rem; height: 1.5rem; border: 0.05333333333333334rem solid #fff; border-radius: 50%; overflow: hidden; box-shadow: 0 0.1rem 0.3rem 0 #f7f6f6;}
.personal_msg_avatar img{ width: 100%; height: 100%; border-radius: 50%}
.personal_msg_name{ padding-right: 2rem; padding-top: 0.1rem; position: relative;}
.personal_msg_name span{font-size: .4rem; font-weight: 800;}
.personal_msg_name em{ position: absolute; top: 0.05rem; right: 0; font-size: 0.26rem ; color: #999999;}
.personal_msg_info{ color: #999999; font-size: 0.32rem; padding-top: 0.15rem;}
.per_read_1 .personal_msg_name span{ color:#999}
.noticeList li{ background: #ffffff; padding: 0.4rem 0.4rem 0; overflow: hidden; margin-top: 0.266666rem;}
.noticeList li img{ width: 100%; height: auto;}
.noticeList li span{ display: block; height: 1.026666rem; line-height: 1.026666rem; color: #666666; font-size: 0.32rem;}
.noticeList li span.s1{ border-bottom: 1px solid #e5e5e5;}
.noticeList li span.s2{ background: url(/img/book_cover.png) no-repeat right center; background-size: 0.146666rem 0.306666rem; }
.noticeList li span.s3{ height: 4.266666rem; overflow: hidden; border-radius: 0.133333rem; }
.personal_ntf_main{ padding: 0 0.4rem; height: 100%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.personal_ntf_title{ font-size: 0.613333rem; margin-top: 0.533333rem;}
.personal_ntf_info{ margin-top: 0.3rem; color: #888888; font-size: 0.426666rem; }
.personal_ntf_content{ overflow: hidden; padding: 0.4rem 0.266666rem;}
.personal_ntf_content img{ display: block; margin: 0.266666rem auto; max-width: 100%; height: auto; }
.personal_ntf_content p{ padding: 0.3rem 0.4rem; font-size: 0.373333rem; line-height: 1.5;}

.personal_pwd_list{ padding: 0 0.4rem; overflow: hidden; padding-bottom: 2rem;}
.personal_pwd_list li{ padding-top: 0.7333333333333333rem; border-bottom: 0.0133rem solid #c1c1c1;}
.personal_pwd_list li.image_code_wrap{position: relative; padding-top: 0; height: 1.96rem;}
.personal_pwd_tit{ font-size: 0.32rem; color: #777777;}
.personal_pwd_info{ font-size: 0.32rem; height: 0.8rem; line-height: 0.8rem ; padding-right: 2.8rem; position: relative;}
.personal_pwd_info input{ width: 75%; height: 0.7rem; color:#333; font-size: 0.32rem;}
.personal_pwd_info input::-webkit-input-placeholder,.personal_sug textarea::-webkit-input-placeholder,.personal_sug input::-webkit-input-placeholder{ color: #c1c1c1;}
.personal_pwd_info span{ position: absolute; right: 0.2rem; top: 0; font-size: 0.32rem; color: #1a98ff;}
.personal_pwd_info span.scur{ color: #999;}
.personal_pwd_info i{ display: none; z-index: 2; position: absolute; top: 0.1rem; right: 0; width: 0.8rem; height: 0.5333333333333333rem; background: url(/img/personal_bg4.png) no-repeat center center; background-size: 0.4rem 0.4rem;}
.personal_pwd_info span.getImageCode{width: 3.12rem; height: 1.56rem; top: .2rem;}
.personal_pwd_info #image_code{position: absolute; top: .2rem; height: 1.5rem;}
.personal_pwd_box{ width: 100%; padding: 0;}
.personal_btn{ margin: 0 0.4rem; background: #1a98ff; color: #fff; font-size: 0.4rem;border-radius: 0.13333333333333333rem; text-align: center; height: 1.16rem; line-height: 1.16rem;}
.personal_btnc_c{ margin: 0 0.4rem; background: #cccccc; color: #fff; font-size: 0.4rem;border-radius: 0.13333333333333333rem; text-align: center; height: 1.16rem; line-height: 1.16rem;}
.personal_sug{ padding-bottom: 1.5rem; overflow: hidden}
.personal_sug p{ padding:0.3rem 0.4rem 0 0.4rem; font-size: 0.36rem;}
.personal_sub_info{ margin: 0 0.4rem; margin-top: .28rem; background: #fff; border: 0.0133rem solid #cccccc; padding: 0.3rem 0.4rem; overflow: hidden;}
.personal_sub_info span{ float: right;}
.personal_sug textarea,.personal_sug input{ background: none; font-size: 0.36rem; color: #333; border: none;width: 100%;  }
.personal_sug textarea{ resize: none;height: 2.04rem; font-family: "\5FAE\8F6F\96C5\9ED1"; outline: none;}
.personal_sug_i{ margin: 4rem 2.8rem 0; border: .013333rem solid #999999; padding: 0.1rem 0;}
.personal_sug_i span{ display: block; font-size: 0.3rem; color: #999; text-align: center; padding: 0.06rem 0;}
.personal_sug_i span em{ color: #1a98ff;}
.per_photo{ min-width: 100%;}

.personal_protocol{ padding: 0.4rem;-webkit-overflow-scrolling: touch;}
.personal_protocol p{ font-size: 0.38rem; line-height: 1.6;}
.personal_protocol p.p_title{ font-size: 0.42rem; color: #333333; padding-bottom: 0.2rem;}
.personal_protocol p.p2{padding-top: 0.8rem; padding-bottom: 0.2rem;}
.personal_protocol p.p3{ font-size:0.36rem;color: #2f2f2f;}



.footer{ position: absolute; bottom: 0; left: 0; right: 0; height: 1.28rem; border-top: 1px solid #e5e5e5; background: #ffffff;}
.t_footer_type{ clear:both; overflow:hidden;  width: 100%; display: -webkit-box; display: -ms-flexbox; display: -moz-box; display: box;}
.t_footer_cell{ height:100%; text-align: center;-webkit-box-flex: 1; -ms-flex: 1 0 auto; -moz-box-flex: 1; box-flex: 1;}
.t_footer_cell a{ display:block; padding-top:0.1rem;}
.t_footer_cell a i {position: relative; display:block; width:0.586666rem; height:0.52rem; margin:0.1rem auto 0.05rem; }
.t_footer_cell.has_news a i::after{content: '';width: 0.1333rem; height: 0.1333rem;border-radius: 0.066666rem;background: #ff4f42;display: block;position: relative;top: 0;left: 0.5rem;}
.t_footer_cell a i.icon1{background:url(/img/index_icon17.png) no-repeat center center; background-size:0.586666rem 0.493333rem;}
.t_footer_cell a i.icon2{background:url(/img/index_icon22.png) no-repeat center center; background-size:0.506666rem 0.506666rem;}
.t_footer_cell a i.icon2 em {display: none; position: absolute; top: -0.133333rem; left: .36rem; padding: 0 .16rem; height: .4rem; background-color: #ff4e40; border-radius: .2rem; color: #fff; font-size: .226667rem; line-height: .4rem;}
.t_footer_cell a i.icon3{background:url(/img/index_icon19.png) no-repeat center center; background-size:0.44rem 0.48rem;}
.t_footer_cell a.active i.icon1{background:url(/img/index_icon17a.png) no-repeat center center; background-size:0.586666rem 0.493333rem;}
.t_footer_cell a.active i.icon2{background:url(/img/index_icon22a.png) no-repeat center center; background-size:0.506666rem 0.506666rem;}
.t_footer_cell a.active i.icon3{background:url(/img/index_icon19a.png) no-repeat center center; background-size:0.44rem 0.48rem;}
.t_footer_cell a span{ font-size: 0.266666rem; color: #999999;}
.t_footer_cell a.active span{ color: #4798f7;}


/*首页*/
.index_top_header{ position: relative; z-index: 2; background: #fff;}
.index_top_content{ padding-top: 0.5333333333333333rem; height: 1.1733333333333333rem; position: relative; border-bottom: 1px solid #d2e0ed;}
.index_top_avatar{ position: absolute; top: 0.73rem; left: 0.4rem; z-index: 1;}
.index_avatar{ display: block; position: relative; padding-left: 0.9rem;}
.index_avatar img{ position: absolute; left: 0; right: 0; width: 0.8rem; height: 0.8rem; box-shadow: 0 0 0.2rem #ebebeb; border-radius: 50%; overflow: hidden;}
.index_top_avatar em{ display: block; color: #4798f7; padding-top: 0.15rem; font-size: 0.346666rem; }
.index_more{float: right; height: 1.1733333333333333rem; line-height: 1.1733333333333333rem; margin-right: .4rem; color: #4798f7; font-size: .36rem;}
.index_sel{ height: 0.8rem; position: relative; }
.index_sel span{ display: block; float: left; width: 50%; height: 0.7866666666666666rem; border-bottom: 0.0133rem solid #d2e0ed;overflow: hidden; background: #f0f8ff;}
.index_sel span a{ display: block; font-size: 0.32rem; color: #79b5f9; border-right: 0.0133rem solid #d2e0ed; height: 0.8rem; line-height: 0.8rem; text-align: center; padding-right: 0.7rem; position: relative;}
.index_sel span a::after{content: ''; position: absolute; top: 42%; right: 0.4rem; width: .2rem; height: .2rem; border-width: 0.0133rem; border-style: solid; border-color: #7eb7f9 #7eb7f9 transparent transparent; transform: translateY(-50%) rotate(135deg);}
.index_sel span:last-child a{border-right: none;}
.index_sel span.cur{  border-bottom: 0.0133rem solid #e7f3ff;background: #e7f3ff;}
.index_sel span.cur a{ color: #4798f7; border-right: 0.0133rem solid #d2e0ed;}
.index_sel span.cur a::after{border-color: #4798f7 #4798f7 transparent transparent; transform: translateY(30%) rotate(-45deg);}
.index_sel ul{display:none;position: absolute; top: 0.79rem; right: 0; left: 0; background: #e7f3ff; border-bottom: 0.0133rem solid #d2e0ed; z-index: 1;}
.index_sel ul li{ text-align: center; font-size: 0.32rem; color: #333; padding: 0.2rem 0; }
.index_sel ul li.cur{ background: #c7e1fd;}
.index_wrapper{position: absolute; top:2.52rem;bottom: 0; width: 100%; margin:auto 0; overflow-y: auto; overflow-x: hidden; background: #fafafa;}
.index_wrapper.nobook{z-index: 2; position: absolute; top: 1.973297rem; bottom: .266667rem; left: .3333rem; right: .3333rem; background: #fff; border: 0.0133rem solid #d8dce4; width: initial;}
.index_main{clear: both; background: #fff;}
.index_book_list{ overflow: hidden; padding-bottom: 0.5rem;}
.index_book_list li.index_book_li{ float: left; margin:0.4rem 4%; margin-bottom: 0; width: 2.2666666666666666rem; position: relative;}
.index_book_list li.index_book_li:nth-child(3n-1){margin:0.4rem 8%; margin-bottom: 0;}
.index_book_list li.index_more_li{padding:0.4rem 0.4rem 0.4rem 0; margin-left: 0.4rem; border-bottom: 0.0133rem solid #e6e5e6;}
.index_book_list li.index_more_li:last-child{border: none;}
.index_book_img{ height: 3.2rem; overflow: hidden; border:0.0133rem solid #f0f0f0;box-shadow: 0 0 0.2rem #ebebeb;}
.index_book_img img,.index_l_avatar img,.index_more_img img{ width: 100%; height: 100%;}
.index_press{ font-size: 0.24rem; text-align: center; padding-top: 0.2rem;}
.index_volumes{ font-size: 0.22rem; text-align: center; color: #777777;}
.index_icon{ position: absolute; width: 1.12rem; height: 0.48rem; top: 0.2rem; left: -0.06rem; padding-left: 0.12rem; font-size: 0.25rem; color: #fff; display: block; background: url(/img/index_icon10.png)no-repeat; background-size: 1.12rem 0.48rem; }
.index_book_list li.index_default{ margin: 0; float: none; width: 100%;}
.index_default_content{ text-align: center; padding-top: 2.4rem;}
.index_default_content img{width: 4.3rem; padding-bottom: 0.4rem;}
.index_default_content span{ display: block; text-align: center; font-size: 0.4rem; color: #999999;}
.index_more_content{position: relative; height: 2.13rem; padding: 0 1.6rem;}
.index_more_img{ width: 1.6rem; height: 2.13rem; position: absolute; top: 0; left: 0; overflow: hidden;border:0.0133rem solid #f0f0f0;box-shadow: 0 0 0.2rem #ebebeb;}
.index_more_info{ padding-top: 0.4rem; padding-left: 0.3rem;}
.index_more_info span{ display: block; padding-top: 0.1rem; font-size: 0.3rem; color: #999999;}
.index_more_info span.title{ font-size: 0.38rem; color: #333333;}
.index_more_down{ display: block; position: absolute; right: 0; top: .6rem; padding: 0.2rem 0.3rem; font-size: 0.36rem; color: #ffffff; background: #4798f7; border-radius: .12rem; z-index: 3;}
.index_pop_bg{ display: none; background: #333; opacity: 0.3; position: absolute; top: 2.52rem; bottom: 0; width: 100%; z-index: 1; overflow: hidden;}
.index_loading{ background: url(/img/loading2_1.gif) no-repeat center center;}

/*首页左侧*/
#menu{ background: #fff;}
.slideout-menu{ position: absolute; top: 0; bottom: 0; width: 7.7333rem; z-index: 4;min-height: 100vh; overflow-y: hidden; -webkit-overflow-scrolling: touch; transform: translateX(-7.733rem);}
.slideout-menu-left { left: 0;}
.slideout-menu-right { right: 0;}
.slideout-panel { position: relative; z-index: 1; will-change: transform; background-color: #FFF;min-height: 100vh;}
.slideout-open,.slideout-open body,.slideout-open .slideout-panel { overflow: hidden;}
.slideout-open .slideout-menu { display: block;}


.index_left{ position: relative; width: 100%; height: 100%;}
.index_l_head{ min-height: 1.44rem; position: relative; padding: 1.067rem 0;}
.index_l_head a{ position: absolute; width: 100%; height: 1.44rem; top: 1.4rem; left: 0; display: block;}
.index_l_avatar{ position: absolute; top: 0.4rem; left: 0.4rem; width: 1.4133333333333333rem; height: 1.4133333333333333rem; border: 0.04rem solid #fff; border-radius: 50%; overflow: hidden;box-shadow: 0 0 0.2rem #ebebeb;}
.index_scan{ position: absolute;padding: 0.453333rem; right:0; bottom: 0rem; z-index: 2; width: 0.4rem; height: 0.4rem; background: url(/img/scan_icon.png) no-repeat center center; background-size: 0.4rem 0.4rem;}
.index_key{ position: absolute;padding: 0.453333rem; right:0; bottom: 0rem; z-index: 2; width: 0.4rem; height: 0.4rem; background: url(/img/key.png) no-repeat center center; background-size: 0.4rem 0.4rem;}
.index_l_name{ padding-top:0.5rem; font-size: 0.36rem; height: 0.5rem;}
.index_l_score{ padding-top: 0.2rem;}
.index_l_score span{border: 0.0133rem solid #1a98ff; padding: 0.05333333333333334rem; background: #e5f3ff; border-radius: .6rem;}
.index_l_score span em{ padding:0.05rem 0.1rem 0.05rem 0.46rem; font-size: 0.3rem; color: #1a98ff; background: url(/img/index_icon1_c.png) no-repeat left center; background-size: 0.4rem 0.4rem; }
.index_l_menu{ overflow: hidden;}
.index_l_menu li{ padding-left: 0.4rem; position: relative;}
.index_l_menu li a{ font-size: 0.34rem; padding:.4rem 0.7rem; display: block;}
.index_l_menu li a.s1{ background: url(/img/index_icon2.png) no-repeat left center; background-size: 0.4533333333333333rem 0.49333333333333335rem;}
.index_l_menu li a.s2{ background: url(/img/index_icon3.png) no-repeat left center; background-size: 0.4533333333333333rem 0.36rem;}
.index_l_menu li a.s3{ background: url(/img/index_icon4.png) no-repeat left center; background-size: 0.4533333333333333rem 0.4533333333333333rem;}
.index_l_menu li a.s4{ background: url(/img/index_icon5.png) no-repeat left center; background-size: 0.4533333333333333rem 0.5333333333333333rem;}
.index_l_menu li a.s5{ background: url(/img/index_icon6.png) no-repeat left center; background-size: 0.4533333333333333rem 0.42rem;}
.index_l_menu li a.s6{ background: url(/img/index_icon7.png) no-repeat left center; background-size: 0.4533333333333333rem 0.47rem;}
.index_l_menu li a.s7{ background: url(/img/index_icon8.png) no-repeat left center; background-size: 0.4533333333333333rem 0.4533333333333333rem;}
.index_l_menu li i{ position: absolute; z-index: 2; top: 0.3rem; right: 0.3rem; padding: 0.1rem 0.4rem; font-size: 0.32rem; color: #fff; background: #1a98ff; border-radius: 0.35rem;}
.index_l_menu li i.cur{ background: #cccccc}
.index_l_menu li.cur{ background: #F0F0F0;}
.index_l_about{ padding: 0.2rem 0 0.2rem 0.8rem; width: 6rem; position: absolute; left: 0.4rem; bottom: 1rem; font-size: 0.34rem; background: url(/img/index_icon9.png) no-repeat left center; background-size: 0.4533333333333333rem 0.4533333333333333rem;}
.index_info{ height: 2.2rem; padding-left: 2.2rem; position: relative; overflow: hidden; background: #ffffff;}
.index_info_cur{ background: #f0f0f0;}

.index_catalog{z-index: 2; position: absolute; top: 1.973297rem; bottom: .266667rem; left: .3333rem; right: .3333rem; background: #fff; border: 0.0133rem solid #d8dce4;}
.index_catalog div{text-align: center; margin-top: 1.24rem;}
.index_catalog img{width: 5.733rem; border: 0.0133rem solid #d8dce4; border-radius: .1rem;}
.index_catalog h1{color: #333; font-size: .48rem; font-weight: normal; text-align: center; margin: .64rem 0 .2667rem;}
.index_catalog h2{color: #828387; font-size: .346rem; font-weight: normal; text-align: center;}
.index_catalog > a{position: absolute; bottom: .6rem; left: 0; right: 0; margin: 0 auto; text-align: center; color: #1a98ff; font-size: .346rem;}
.index_more_book{ position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: #f2f8ff; z-index: 5; display: none;}
.index_more_container{ position: relative; width: 100%; height: 100%; overflow: hidden;}
.index_m_header{ position: relative; height: 1.1766rem; line-height: 1.1766rem; padding-top: 0.533333rem; background: #4798f7; text-align: center; font-size: 0.453333rem; color: #ffffff;}
.index_m_header span{ position: absolute; bottom: 0; left: 0; height: 1.1733333333333333rem; width: 1.066667rem; display: block; background: url(/img/personal_back2.png) no-repeat .4rem center; background-size: 0.266667rem auto; z-index: 1;}
.index_m_main{ position: absolute; top: 1.706666rem; left: 0; right: 0; bottom: 0; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;}

/*签到*/
.personal_s_bg{ background: #1a98ff; color: #fff; border: none;}


.personal_sign{ position: relative; background: url(/img/personal_sign.png) no-repeat top left; background-size: 100% 1.89rem; margin-bottom: 1.2rem;}
.personal_sign i,.task_cld i{ display: block; width: 0.2rem; height: 0.5733333333333334rem; border: 0.0133rem solid #cccccc; background: #fff; position: absolute; top: 1.6rem; border-radius: 0.1rem; z-index: 1;}
.personal_sign i.i1,.task_cld i.i1{ left: 12%;}
.personal_sign i.i2,.task_cld i.i2{ right: 12%;}
.personal_sign_info{ position: absolute; top: 2.5rem; left: 0; right: 0; text-align: center;}
.personal_sign_info span{ background: #ddf0ff; padding: 0.15rem 0.6rem; font-size: 0.34rem; color: #1a98ff; border-radius: 0.8rem;}
.personal_sign_btn{ position: absolute; bottom: -0.5866666666666667rem; left: 3.28rem; right: 3.28rem; line-height: 1.1733333333333333rem; font-size: 0.4533333333333333rem; text-align: center; color: #fff; background: #1a98ff; border-radius: 0.6rem;}
.personal_sign_btn2{ background: #cccccc;}
.personal_sign_detail{ margin: 0.4rem;}
.personal_sign_detail span{ display: block; color: #777777; font-size: 0.32rem; line-height: 0.56rem; }
.personal_sign_detail span.cur{ font-size: 0.4rem; padding-bottom: 0.2rem;}
.singer_r_img{display:block;width:114px;height:52px;line-height:45px;vertical-align:middle;*margin-bottom:-10px;text-decoration:none;}
.singer_r_img:hover{background-position:right -53px;text-decoration:none;}
.singer_r_img span{margin-left:14px;font-size:16px;color:#165379;}
.singer_r_img.current{border:0;text-decoration:none;}
.sign{ padding: 1.6133333333333333rem 0.2rem 0.4rem 0.2rem; background: #fff; margin: 0 0.4rem; border-bottom-left-radius: 0.2rem; border-bottom-right-radius: 0.2rem; }
.sign table{border-collapse: collapse;border-spacing: 0;width:100%;}
.sign th,.sign td {text-align: center; padding: 0.2rem 0;}
.sign th {font-size: 0.4rem; font-weight: normal; padding-bottom: 0.3rem; }
.sign td {color: #999999;vertical-align: middle; font-size: 0.4533333333333333rem;}
.sign .cur {background: url(/img/personal_sign1.png) no-repeat center center; background-size: 0.8rem 0.8rem; color: #fff}
.sign .on {background: url(/img/personal_sign2.png) no-repeat center center; background-size: 0.8rem 0.8rem; color:#fff;}
.sign .on.cur{background: url(/img/personal_sign2.png) no-repeat center center; background-size: 0.8rem 0.8rem;}
.calendar_month_span {display: inline;line-height: 1.90666667rem;font-size: 0.4rem;color: #fff;letter-spacing: 2px;}
.calendar_month_next,.calendar_month_prev{ position: relative;width: 1.2rem;height: 1.2rem; margin-top: 0.34rem;}
.calendar_month_next { float: right; margin-right: 18%;}
.calendar_month_prev { float: left; margin-left: 18%;}
.calendar_month_next::before,.calendar_month_prev::before{ content: '';position: absolute; top: 0.63rem;  width: .2rem; height: .2rem; border-width: 2px; border-style: solid; border-color: #fff #fff transparent transparent; }
.calendar_month_next::before{ transform: translateY(-50%) rotate(45deg); right: 0.5rem;}
.calendar_month_prev::before{ transform: translateY(-50%) rotate(225deg); right: 0.4rem;}
.sign_succ_calendar_title {text-align: center; margin: 0 0.4rem; height: 1.89rem;  position: relative;}



.home_checkbox{position: relative; float: right; width: 1.46rem; text-align: right; margin-left: .53rem;}
.home_checkbox:before{content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; border-radius: 50%; background: #fff; border: 0.0133rem solid #6e8ef2; width: .506rem; height: .506rem;}
.home_checkbox.checked:before{ border: none; box-shadow: 0 .133rem .133rem rgba(198, 212, 255, .35);}
.home_btn{position: absolute; bottom: .533rem; margin: 0 .4rem; border-radius: .58665rem; background: linear-gradient(0deg, #6e8ef2, #6ea6f2); height: 1.1733rem; line-height: 1.1733rem; left: 0; right: 0; font-size: .4533rem; color: #fff; text-align: center; box-shadow: 0 .133rem .2rem #b9caff, 0 -.0133rem .04rem #5e7dca inset;}
.home_btn.logout{background: linear-gradient(0deg, #fc785f, #ff9076); box-shadow: 0 .133rem .1rem #e7bbbe, 0 -.0133rem .04rem #ff9076 inset;}
.home_menu{position: absolute; top: 1.2rem; bottom: 0; left: 0; right: 0; margin: auto; overflow: auto; background: #fff; -webkit-overflow-scrolling: touch;}
.home_submenu p{display: none; background: #f4f7fa; height: .8rem; line-height: .8rem; font-size: .267rem; padding: 0 .4rem; color: #808080;}
.home_submenu ul{background: #fff; padding: 0 .4rem;}
.home_submenu li{height: 1.12rem; line-height: 1.12rem; font-size: .4rem;}
.home_submenu li + li{border-top: 0.0133rem solid #eee;}
.home_submenu span{ display: block; font-size: 0.4rem; color: #333; padding-top: 1rem; text-align: center;}
.home_search{position: absolute; top: 1.733rem; width: 100%; height: 1.1733rem; padding: .2rem .4rem; background: #fff; box-sizing: border-box;}
.home_search p{border: 0.0133rem solid #6e8ef2; border-radius: .7733rem; height: 100%;}
.home_search input{width: 100%; height: .7733rem; line-height: .7733rem; border-radius: .7733rem; padding: 0 0.4rem; box-sizing: border-box; color: #acafc1; font-size: .346rem;}
.home_search p:after{content: ''; position: absolute; left: .666rem; width: .36rem; height: .36rem; top: 0; bottom: 0; margin: auto 0; z-index:2;}
.home_school{top: 2.9rem;}
.home_inside{position: absolute;z-index: 3; top: 0; bottom: 0; width: 100%; transform: translateX(100%); transition: .5s;}
.home_inside.active{transform: translate(0%);}


/*book电子书*/
.container{ position: absolute; left: 0; right: 0; top: 0rem; bottom: 0; overflow: hidden; }
.container.invite_friend{ background: #ffdf48; }
.content{position: relative; text-align: center; }
.content span{ display: none; box-sizing: border-box; position: absolute; cursor: pointer; background: rgba(219,238,253,.3); border: 0.026667rem solid #1a98ff; z-index: 4; }
.content span:after{ position: absolute; top: 0; bottom: 0; right: -0.633333rem; margin: auto 0; width: 0.52rem; height: 0.52rem; background: url(/img/repeat-start.png) no-repeat;}
.content span.active{ background: rgba(255,237,217,.3); border-color: #fe8f01; z-index: 5; }
.content img{width: 100%;}
.content .mask{ position: absolute; width: 100%; height: 100%; background: rgba(255,255,255,0); left: 0; top: 0; z-index: 2; }
.container .book_header{ position: relative; height: 1.173333rem; margin-top: 0.5333rem;}
.container .book_back{ width: 1.066667rem; height: 100%; background: url(/img/book_back.png) no-repeat center center;background-size: 30% auto; position: absolute; left: 0; top: 0; }
.container .book_cata{ margin-top: 0.026667rem; position: absolute; right: 0; top: 0; width: 1.466667rem; height: 100%; }
.container .book_cata i{ position: absolute; left: 0; right: 0; margin: 0 auto; top: 0; width: 0.8rem; height: 0.8rem; background: url(/img/top_icon.png) no-repeat -4.0rem 0; background-size: 4.8rem 1.6rem; }
.container .book_cata em{ position: absolute; left: 0; bottom: 0.04rem; width: 100%; text-align: center; font-size: 0.266667rem; }
.container .book_cata.active i{ background: url(/img/top_icon.png) no-repeat -4.0rem -0.8rem; background-size: 4.8rem 1.6rem; }
.container .book_cata.active em{ color: #71a3ff; }

.container .function{ display: flex; display: -webkit-flex; justify-content: flex-end; -webkit-justify-content: flex-end; position: absolute; top: 0; right: 1.466667rem; left: 1.066667rem; z-index: 4; margin-top: 0.026667rem; height: 100%; }
.container .function li{ position: relative; width: 20%; }
.container .function li:last-child{ margin-right: 0; }
.container .function li:nth-child(1).active i{  background: url(/img/top_icon.png) no-repeat 0 -0.8rem; background-size: 4.8rem 1.6rem; }
.container .function li:nth-child(2).active i{  background: url(/img/top_icon.png) no-repeat -0.8rem -0.8rem; background-size: 4.8rem 1.6rem;}
.container .function li:nth-child(3).active i{  background: url(/img/top_icon.png) no-repeat -1.6rem -0.8rem; background-size: 4.8rem 1.6rem;}
.container .function li:nth-child(4).active i{  background: url(/img/top_icon.png) no-repeat -3.2rem -0.8rem; background-size: 4.8rem 1.6rem;}
.container .function li:nth-child(5).active i{  background: url(/img/top_icon.png) no-repeat -3.2rem -0.8rem; background-size: 4.8rem 1.6rem;}
.container .function i{ position: absolute; left: 0; right: 0; margin: 0 auto; top: 0; width: 0.8rem; height: 0.8rem; background: url(/img/top_icon.png) no-repeat 0 0; background-size: 4.8rem 1.6rem;}
.container .function .repeat i{ background: url(/img/top_icon.png) no-repeat -0.8rem 0; background-size: 4.8rem 1.6rem; }
.container .function .oral i{ background: url(/img/top_icon.png) no-repeat -1.6rem 0; background-size: 4.8rem 1.6rem; }
.container .function .recite i{ background: url(/img/top_icon.png) no-repeat -2.4rem 0; background-size: 4.8rem 1.6rem; }
.container .function .book_setting i{ background: url(/img/top_icon.png) no-repeat -3.2rem 0; background-size: 4.8rem 1.6rem; }
.container .function .book_share i{ background: url(/img/book_share.png) no-repeat center center; background-size: 90% 90%; }
.container .function .arithmetic i{ background: url(/img/arithmetic.png) no-repeat center center;background-size: 90% 90%; }
.container .function .words i{ background: url(/img/top_icon.png) no-repeat -2.4rem 0; background-size: 4.8rem 1.6rem; }
.container .function li em{ position: absolute; left: 0; bottom: 0.04rem; width: 100%; text-align: center; font-size: 0.266667rem; }
.container .function li:nth-child(1).active em{ color: #fea532; }
.container .function li:nth-child(2).active em{ color: #73cb57;}
.container .function li:nth-child(3).active em{ color: #59c78a;}
.container .function li:nth-child(4).active em{ color: #9b85d3;}
.container .function li:nth-child(5).active em{ color: #c677cf;}
.container .tips{ border-top: 0.013333rem solid #1a98ff; border-bottom: 0.013333rem solid #1a98ff; color: #333; position: absolute; left: 0; bottom: 11.4vh; width: 100%; height: 1.333333rem; background: rgba(26,152,255,.2); display: flex; z-index: 3; }
.container .tips li{ line-height: 1.333333rem; font-size: 0.346667rem; }
.container .tips .cancel{ position: absolute; right: 0; top: 0; line-height: 1.333333rem; width: 1.466667rem; height: 100%; text-align: center; background: #1a98ff; color: #fff; }
.container .tips li:first-child{ flex: 1; text-align: center; font-size: 0.346667rem; }
#stopAudio{ width: 1.173333rem; height: 1.173333rem; border-radius: 50%; position: absolute; left: 3.28rem; bottom: 2rem; background: url(/img/book_stop.png) no-repeat; cursor: pointer; display: none; z-index: 8; background-size: cover; }
#pauseAudio{ width: 1.173333rem; height: 1.173333rem; border-radius: 50%; position: absolute; right: 3.28rem;  cursor: pointer; bottom: 2rem; display: none; z-index: 8; }
.playPause{  background: url(/img/book_pause.png) no-repeat; background-size: cover; }
.playStart{  background: url(/img/book_play.png) no-repeat; background-size: cover; }

.content span.starting:after{ content: ''; background: url(/img/repeat-start.png) no-repeat; background-size: cover;}
.content span.ending:after{ content: ''; background: url(/img/repeat-end.png) no-repeat; background-size: cover;}

.book_surface,.book_catapop{ z-index: 99; display: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.5); }
.catalog{ z-index: 99; position: absolute; top: 0; bottom: 0; left: -10.0rem; width: 8.0rem; background: #fff; padding-left: 0.533333rem; }
.cataTittle{ height: 4.906667rem; position: relative; width: 100%; background: white; }
.cataTittle h2{ text-align: center; font-size: 0.4rem; padding-top: 0.933333rem; line-height: 100%; font-weight: normal; color: #666; }
.cataTittle .cataContent{ border-bottom: 1px solid #dbe5f0; padding-top: 0.4rem; height: 2.026667rem; }
.cataTittle .cataContent>div{ width: calc(100% - 1.8rem); }
.cataTittle .cataContent img{ width: 1.106667rem; height: 1.6rem; border: 1px solid #dde6f1; margin: 0 0.4rem 0 0; }
.cataTittle .cataContent span{ display: block; padding-top: 0.16rem; font-size: 0.453333rem; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.cataTittle .cataContent span:nth-child(2){ padding-top: 0.133333rem; color: #828387; font-size: 0.373333rem; }
.cataTittle .bookCover{border-bottom: 0.013333rem solid #dbe5f0; box-sizing: border-box; position: relative; color: #333; font-size: 0.426667rem; height: 1.6rem; width: 8.0rem; line-height: 1.6rem; }
.cataTittle .bookCover i{ position: absolute; right: 0.44rem; top: 0; bottom: 0; margin: auto 0; width: 0.68rem; background: url(/img/book_cover.png) no-repeat center center; background-size: 0.28rem auto; }
.cataTittle .book_close{ display: none; position: absolute; right: 0; top: 0.48rem; width: 1.333333rem; height: 1.333333rem; background: url(/img/book_close.png) no-repeat center center; background-size: 30% auto; }

#jrollCata{-webkit-overflow-scrolling:touch; position: absolute; top: 5.36rem; bottom: 0; left: 0; overflow: auto; width: 100%; padding-left: 0.533333rem; box-sizing: border-box; }
.chapter{ /*float: left; */ }
.section ul{ font-size: 0.453333rem; }
.section li:after{ content: ''; display: block; clear: both; }
.section li.lock:after{content: ''; position: absolute; right: 0.48rem; top: 0; bottom: 0; margin: auto 0; width: 0.68rem; background: url(/img/lock.png) no-repeat center center; background-size: 0.44rem auto;}
.section h3.lock:before{content: ''; position: absolute; right: 0.48rem; top: 0; bottom: 0; margin: auto 0; width: .68rem; background: url(/img/lock.png) no-repeat center center; background-size: 0.44rem auto;}
.section li{ display: table; position: relative; width: 100%; height: 1.6rem; border-bottom: 0.013333rem solid #dbe5f0; color: #666; }
@font-face {
	font-family: 'times';
	src: url('/times.ttf') format('truetype');
}
.section li span{ font-family: "times"!important; height: 1.6rem; width: 6.4rem; display: block; line-height: 1.6rem; font-size: 0.453333rem; color: #666; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.section .free_read{ position: absolute; right: 0.506667rem; top: 0; bottom: 0; margin: auto; width: 0; height: 100%; }
.section .free_read:after{ content: ''; position: absolute; width: 0.733333rem; height: 100%; right: 0; top: 0; background: url(/img/free_clock.png) no-repeat center center; background-size: 0.6rem auto; }
.section .free_read .free_content{ display: none; }
.section li.active span{ color: #1a98ff; }
.section li.fake span{ color: #1a98ff; }
.section h3{ position: relative; border-bottom: 0.013333rem solid #dbe5f0; }
.section h3 span{ display: block; width: 100%; position: relative; color: #25292c; font-size: 0.453333rem; height: 1.6rem; line-height: 1.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.section h3.lock span{ width: 6.666667rem; }
.section h3.active span{ color: #1a98ff; }

.book_popup{ display: none; width: 8.0rem; position: absolute; left: 0; right: 0; margin: 0 auto; top: 5.8rem; background: #fff; border-radius: 0.106667rem; }
.popupClose{ display: none; width: 1.173333rem; height: 1.173333rem; background: url(/img/popup_close.png) no-repeat; background-size: cover; position: absolute; bottom: -1.973333rem; left: 0; right: 0; margin: 0 auto; }
.book_popup h3{ height: 1.333333rem; line-height: 1.333333rem; text-align: center; font-size: 0.426667rem; border-bottom: 0.013333rem solid #ccc; font-weight: normal; color: #333333; }
.book_popup ul{ padding-left: 0.4rem; }
.book_popup li{ position: relative; font-size: 0.346667rem; color: #777; height: 1.2rem; border-bottom: 0.013333rem solid #ccc; line-height: 1.2rem; }
.book_popup li:last-child{ border: none; }
.book_popup .popupControl{ display: flex; position: absolute; right: 0.266667rem; top: 0; bottom: 0; margin: auto; height: 0.666667rem; }
.book_popup .popupControl i{ font-style: normal; font-size: 0.32rem; width: 1.306667rem; height: 0.64rem; border: 0.013333rem solid #999; text-align: center; line-height: 0.64rem; border-radius: 0.533333rem; margin-right: 0.266667rem; }
.book_popup .popupControl i.active{ border-color: #1a98ff; color: #fff; background-color: #1a98ff; }
.book_popup .controlButton .bookBar{margin-top: 0.266667rem; width: 0.933333rem; height: 0.133333rem; border-radius: 0.053333rem; background-color: #ccc; }
.book_popup .controlButton .bookBar.active{ background-color: #5fb7ff; }
.book_popup .controlButton{ position: absolute; right: 0.2rem; top: 0.266667rem; width: 1.333333rem; height: 0.666667rem; }
.book_popup .controlButton .bookButton{ width: 0.44rem; height: 0.44rem; border-radius: 50%; background-color: #999; position: absolute; left: 0; top: 0.106667rem; }
.book_popup .controlButton .bookButton.active{ background-color: #5fb7ff; left: 0.586667rem; }
.thumbnails{ z-index: 6; position: absolute; left: 0; bottom: 0; width: 100%; transform: translateY(2.666667rem); display: none;}
.thumbnails .thumbWrap{padding-top: 0.066667rem; height: 2.6rem; background-color: #fff; width: 100%; overflow: hidden; position: relative; }
.thumbnails .thumb{ z-index: 3; width: 1.413333rem; height: 1.066667rem; background: url(/img/thumb_open.png) no-repeat; background-size: cover; position: absolute; left: 0.32rem; top: -1.066667rem; }
.thumbnails .thumb.thumbClose{ background: url(/img/thumb_close.png) no-repeat; background-size: cover; }

.thumbnails .itemsWrap li{ width: 1.773333rem; height: 2.6rem; background: #fff; position: relative; }
.thumbnails .itemsWrap{ width: 17.733333rem; height: 100%; position: relative; left: 0; }
.thumbnails .itemsWrap li img{ width: 1.613333rem; height: auto; }
.thumbnails .itemsWrap li .bookBorder{ width: 1.613333rem; height: 2.106667rem; border: 0.013333rem solid #ccc; overflow: hidden; position: absolute; left: 0; right: 0; margin: 0 auto; top: 0.066667rem; }
.thumbnails .itemsWrap li span{ width: 100%; position: absolute; left: 0; bottom: 0; text-align: center; font-size: 0.266667rem; color: #999; }
.thumbnails .itemsWrap li.active{ background: #1a98ff; }
.thumbnails .itemsWrap li.active span{ color: #fff; }
.content i.video{ display: none; width: 4.44%; height: 3.1144%; cursor: pointer; background: url(/img/video_play.png) no-repeat; background-size: contain; position: absolute; z-index: 3; }
.content i.audio{ display: none; width: 4.44%; height: 3.1144%; cursor: pointer; background: url(/img/audio.png) no-repeat; background-size: contain; position: absolute; z-index: 3; }
.content i.ppt{ display: none; width: 4.44%; height: 3.1144%; cursor: pointer; background: url(/img/ppt.png) no-repeat; background-size: contain; position: absolute; z-index: 3; }
/* .content i.images{ display: none; width: 4.44%; height: 3.1144%; cursor: pointer; background: url(../img/image.png) no-repeat; background-size: contain; position: absolute; z-index: 3; } */
.content i.pdf{ display: none; width: 4.44%; height: 3.1144%; cursor: pointer; background: url(/img/pdf.png) no-repeat; background-size: contain; position: absolute; z-index: 3; }
video.bookVideo{ width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; }
#audio{ display: none; z-index: 13; width: 100%; height: 1.7rem; position: absolute; left: 0; top: 1.173333rem;  background: rgba(0,0,0,.6); }
#audio audio{ width: 8.24rem; height: 1.35rem;  margin-left: 0.413333rem; float: left; }
#audio audio.ad{ height: 1.52rem; }
#audioClose{ cursor: pointer; position: absolute; right: 0.4rem; top: 0; bottom: 0; margin: auto 0;  width: 0.4rem; height: 0.4rem; background: url(/img/audioClose.png) no-repeat; background-size: cover; }
/*.audioClose:after{ content: ''; display: block; position: absolute; right: 0.16rem; top: 0.16rem; width: 0.32rem; height: 0.32rem; background: url(../img/book_close.png) no-repeat center center; }*/
/*.container .bookPrev{ padding-left: 0.08rem; width: 1.013333rem; height: 0.8rem; position: absolute; left: 0; bottom: 1.6rem; line-height: 0.8rem; background: rgba(26,152,255,.2); border-radius: 0 0.8rem 0.8rem 0; font-size: 0.266667rem; color: #1a98ff; z-index: 3; }*/
/*.container .bookNext{ text-align: right; padding-right: 0.08rem; width: 1.013333rem; height: 0.8rem; position: absolute; right: 0; bottom: 1.6rem; background: rgba(26,152,255,.2); border-radius: 0.8rem 0 0 0.8rem; line-height: 0.8rem; font-size: 0.266667rem; color: #1a98ff; z-index: 3; }*/
.container .bookPrev{ display: table; padding-left: 0.08rem; width: 1.013333rem; height: 0.8rem; position: absolute; left: 0; top: 14.6rem; background: rgba(26,152,255,.2); border-radius: 0 0.8rem 0.8rem 0; font-size: 0.266667rem; color: #1a98ff; z-index: 2; display: none; }
.container .prevContent{ display: table-cell; vertical-align: middle; }
.container .bookNext{ vertical-align: middle; display: table; text-align: right; padding-right: 0.08rem; width: 1.013333rem; height: 0.8rem; position: absolute; right: 0; top: 14.6rem; background: rgba(26,152,255,.2); border-radius: 0.8rem 0 0 0.8rem; font-size: 0.266667rem; color: #1a98ff; z-index: 2; display: none; }
.container .nextContent{ display: table-cell; vertical-align: middle; }
.container .translation{ z-index: 4; position: absolute; left: 0; top: 1.173333rem; width: 100%; background: rgba(0,0,0,.5); text-align: center; line-height: 0.64rem; color: #fff; display: none; font-size: 0.373333rem; }
.img_bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100% ; }
.img_close{ width: 1.173333rem; height: 1.173333rem; background: url(/img/popup_close.png) no-repeat; background-size: cover; position: absolute; right: 0.4rem; top: 0.4rem; }
.ppt_close{ width: 1.173333rem; height: 1.173333rem; background: url(/img/popup_close.png) no-repeat; background-size: cover; position: absolute; right: 0.4rem; top: 15.68rem; }
.pdf_close{ width: 1.173333rem; height: 1.173333rem; background: url(/img/popup_close.png) no-repeat; background-size: cover; position: absolute; right: 0.4rem; top: 0.8rem; }
.video_close{ width: 1rem; height: 1rem; background: url(/img/popup_close.png) no-repeat; background-size: cover; position: absolute; right: 0.4rem; top: 0.4rem; }
.image_mask{ background: rgba(0,0,0,.8); }
.swiperPop{ position: absolute; left: 0; right: 0; /*top: 0.533333rem;*/ top: 0; bottom: 0; z-index: 99; }
.swiperNext{ width: 2.866667rem; height: 1.466667rem; position: absolute; left: 0; right: 0; margin: auto; bottom: 2.053333rem; background: url(/img/swiper_next.png) no-repeat; background-size: cover; }
.swiperEnd{ width: 2.866667rem; height: 1.466667rem; position: absolute; left: 0; right: 0; margin: auto; bottom: 2.053333rem; background: url(/img/swiper_end.png) no-repeat; background-size: cover; }
#order_book .swiperNext, #order_book .swiperEnd{left: initial; right: .42rem; bottom: 2.353333rem;}
.swiperPrev{ width: 0.76rem; height: 1.013333rem; position: absolute; left: 0.8rem; bottom: 2.08rem; background: url(/img/swiper_prev.png) no-repeat; background-size: cover; }
.swiperContinue{ width: 0.92rem; height: 0.386667rem; position: absolute;  right: 0.533333rem; bottom: 0.8rem; background: url(/img/swiper_continue.png) no-repeat; background-size: cover; }
.swiperPop img{ width: 100%; height: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
#order_book img{height: 100%;}
.buy_mask .popbuy{ min-height: 5.573333rem; z-index: 2; }
.buy_mask .popbuy ul{ margin-top: 0.4rem; }
.close_area{ position: absolute; width: 100%; height: 100%; right: 0; top: 0; z-index: 3; }
.thumb_area{ position: absolute; width: 100%; height: 1.066667rem; top: -1.066667rem; left: 0; z-index: 2; }
.book_surface_bg{ width: 100%; height: 100%; }
/*primary_spell*/
.primary_header{ color: #fff; position: relative; height: 1.173333rem; text-align: center; line-height: 1.173333rem; font-size: 0.453333rem; padding-top: 0.5333rem; background: #4798f7; }
.book_exit{ position: absolute; bottom: 0; left: 0; height: 1.1733333333333333rem; width: 1.066667rem; display: block; background: url(/img/personal_back2.png) no-repeat .4rem center; background-size: 0.266667rem auto; z-index: 1;}
.math_exit{ position: absolute; bottom: 0; right: 0; height: 1.17rem; width: 1.17rem; padding-left: 0.2rem; background: url(/img/spell_close.png) no-repeat center center; background-size: 0.48rem 0.48rem; }
.linkUp_content{ position: absolute; left: 0; right: 0; top: 1.68rem; bottom: 0; background-color: #f8f8f8; }
.linkUp_main{ border-radius: 0.08rem; position: absolute; left: 0.266667rem; right: 0.266667rem; top: 0.266667rem; bottom: 0.266667rem; background: url(/img/linkUp_bg.png) no-repeat bottom left; background-size: cover; }
.recite_original{ padding-left: 0.253333rem; padding-top: 0.566667rem; }
.recite_translation{ padding-right: 0.253333rem; padding-top: 0.566667rem; }
.linkUp_list li{ position: relative; text-align: center; width: 4.466667rem; height: 1.813333rem; background: url(/img/recite_initial.png) no-repeat; background-size: cover; }
.linkUp_list li.right{ background: url(/img/recite_original.png) no-repeat; background-size: cover; }
.linkUp_list li.error{ background: url(/img/recite_translation.png) no-repeat; background-size: cover; }
.linkUp_main li span{ font-family: arial; font-size: 0.4rem; position: absolute; left: 0; top: 0; line-height: 0.506667rem; margin: auto; }
.linkUp_list{ height: 100%; overflow: hidden; display: none; }
.link_result_title{ text-align: center; width: 5.146667rem; line-height: 0.666667rem; position: absolute; left: 0; right: 0; top: 2.333333rem; margin: 0 auto; font-size: 0.533333rem; color: #333; }
.link_result_content{ width: 6.933333rem; position: absolute; left: 0; right: 0; margin: 0 auto; top: 5.733333rem; text-align: center; font-size: 0.506667rem; }
.link_result_content div{ position: relative; margin-top: 0.666667rem; }
.link_result_content div i{ position: absolute; left: 0; top: 0; background: url(/img/link_result_star.png) no-repeat; background-size: cover; width: 1.773333rem; height: 1.706667rem; }
.link_result_content div i:nth-child(2){ left: 2.653333rem; }
.link_result_content div i:nth-child(3){ left: 5.32rem; }
.link_result_content div .link_star1{ background-image: url(/img/link_result_star1.png); }
.linkUp_content .link_result_button{ position: absolute; top: 12.613333rem; left: 0.6rem; width: 4.0rem; height: 1.2rem; background: #1fb993; border-radius: 1.2rem; text-align: center; line-height: 1.2rem; font-size: 0.426667rem; color: #fff; }
.spell_link_content{ bottom: 1.76rem;}
.spell_main{ overflow: hidden; position: absolute; left: 0.28rem; right: 0.28rem; top: 0.266666rem; bottom: 0.2rem; background: url(/img/spell_bg.png) no-repeat; background-size: cover; border-radius: 0.133333rem; box-shadow: 0 0.05rem 0.3rem 0.1rem #ebebeb; }
.spell_main .spell_complete{ text-align: right; position: relative; margin-right: 1.2rem; }
.spell_main .spell_complete span{ display:inline-block; width: 1.2rem; height: 1.2rem; background: #1a98ff; color: #fff; text-align: center; line-height: 1.2rem; font-size: 0.4rem; border-radius: 50%; }
.spell_main .spell_complete:after{ content: ''; display: block; width: 1.2rem; height: 0.973333rem; background: url(/img/spell_complete.png) no-repeat; background-size: cover; position: absolute; right: -1.2rem; top: 0; }
.spell_main .spell_play{ width: 2.093333rem; height: 2.093333rem; background: url(/img/spell_play.png) no-repeat; background-size: cover; position: absolute; left: 0; right: 0; margin: 0 auto; top: 10rem; }
.spell_main .spell_pause{ width: 2.093333rem; height: 2.093333rem; background: url(/img/spell_pause.png) no-repeat; background-size: cover; position: absolute; left: 0; right: 0; margin: 0 auto; top: 10rem; }
.spell_main .spell_right{ display: none; width: 3.293333rem; height: 1.866667rem; background: url(/img/spell_fair.png) no-repeat; background-size: 100%; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 4.2rem; }
.spell_main .spell_error{ display: none; width: 3.293333rem; height: 1.866667rem; background: url(/img/spell_weak.png) no-repeat; background-size: 100%; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 4.2rem; }
.spell_main .spell_input{ padding: 2rem 0.3rem 0.4rem; overflow: hidden; }
.spell_main .spell_input .spell_out{ border: none; }
.spell_main .hide{display: none;}
.spell_main .show{display: block;}
.spell_list{ height: 100%; overflow: hidden; display: none; }
.spell_word{ padding: 0.2rem 0.25rem 0; height: 1.3rem;}
.spell_word span{ display: inline-block;margin: 0 0.05rem;  width: 0.5rem; height: 1.2rem; clear: both;}
.spell_word span.empty{ border-bottom: 1px solid #1A98FF;}
.spell_word span input,.spell_word_bor input{ outline: none; background-color: transparent; width: 100%; height: 100%; text-align: center; font-size: 0.6rem; color: #000;}
.spell_bottom{ padding-top: 10px;}
.spell_word_bor{margin: 0 0.266666rem .5rem; height: inherit; padding: 0.266666rem; border: 1px solid #1a98ff; }
.spell_text{width: 100%; height: 1.8rem;  text-align: center; font-size: 0.8rem; color: #000; background: inherit; resize: none; outline: none; border: none;}
.spell_result{display: none; position: absolute; top: 1.9rem; right: 0.28rem; bottom: 0.28rem; left: 0.28rem; margin: auto; background: url(/img/spell_bg.png) no-repeat; background-size: cover; box-shadow: 0 0.05rem 0.3rem 0.1rem #ebebeb; border-radius: 0.133333rem; overflow: hidden; z-index: 3;}
.spell_result h2{margin-top: 4rem; text-align: center; font-size: .5rem; font-weight: normal; color: #333;}
.spell_result h3{margin-top: 2rem; text-align: center; font-size: .5rem; font-weight: normal; color: #333;}
.spell_result p{position: absolute; bottom: 1.56rem; right: .5233rem; left: .5233rem;}
.spell_result span{float: left; width: 4rem; height: 1.16rem; line-height: 1.16rem; border-radius: .58rem; background: #1fb993; color: #fff; text-align: center; font-size: .36rem;}
.spell_result span + span{float: right; background-color: #1a98ff;}
/*.spell_word span input.empty{  border-bottom: 0.0133rem solid #1a98ff; width: 0.6rem; overflow: hidden;}
*/
.spell_list audio{ width: 2rem; height: 2rem; overflow: hidden; }
.spell_control{ position: absolute; left: 0; right: 0; bottom: 0; padding: 0 0.4rem; height: 1.76rem; background: #f8f8f8; }
.spell_control .spell_prev{ display: none; position: absolute; top: 0; left: 0; height: 100%; width: 2rem; background: url(/img/spell_prev.png) no-repeat 0.8rem center; background-size: 0.4rem auto;  }
.spell_control .spell_next{ display: none; position: absolute; top: 0; right: 0; height: 100%; width: 2rem; background: url(/img/spell_next.png) no-repeat 0.8rem center; background-size: 0.4rem auto; }
.spell_control .spell_process{ height: 0.08rem; background: #d6dde3; border-radius: 0.08rem; position: relative; }
.spell_control .spell_percent{ width: 0; height: 0.08rem; background: #1a98ff; border-radius: 0.08rem; position: absolute; left: 0; top: 0; }
.spell_control .spell_topic{ text-align: center; font-size: 0.533333rem; color: #c2c9cf; margin-bottom: 0.32rem; }
.spell_control .spell_topic em{ color: #25292c; }
.spell_page{ position: relative; padding: 0 2.96rem;height: 100%;}
/*math*/
.arithmetic_header{ position: relative; height: 1.173333rem; line-height: 1.173333rem; font-size: 0.426667rem; color: #25292c; padding-left: 0.386667rem; margin-top: 0.5333rem; }
.math_result_content{ z-index: 1; position: absolute; left: 0; right: 0; top: 1.70rem; bottom: 0; background: url(/img/math_result_bg.png) no-repeat bottom center; background-size: cover; overflow: hidden; }
.math_result{ padding-left: 15.86667vw; }
.math_result h3{ font-weight: normal; font-size: 3.46667vw; }
.math_result h3 span{ font-size: 4vw; }
.math_result h3 .math_result_first{ margin-right: 4vw; }
.math_result h3 .math_result_second{ margin-right: 2vw ; margin-left: 1.33333vw; }
.math_result h3 .math_result_third{ margin-right: 2vw ; margin-left: 1.33333vw; }
.math_result ul{ width: 266.66667vw; height: 35vh; overflow: auto; }
.math_result li{ width: 100%; margin-top: 4.66667vw; font-size: 3.46667vw; }
.math_result li .math_error{ float: left; margin-right: 5.6vw; width: 4.4vw; height: 4.4vw; background: url(/img/math_error.png) no-repeat; background-size: 100%; }
.math_result li .math_correct{ float: left; margin-right: 5.6vw; width: 4.4vw; height: 4.4vw; background: url(/img/math_correct.png) no-repeat; background-size: 100%; }
.math_result li span{ float: left; line-height: 4.4vw; height: 4.4vw; width: 10.13333vw; }
.math_result li span.math_str{ width: 37.86667vw; }
.math_result li span.math_underline{ float: none; text-decoration: underline; }
.math_result li em{ float: left; line-height: 4.4vw; height: 4.4vw; }
.math_result_content .math_continue{ position: absolute; left: 12.26667vw; bottom: 10.66667vw; width: 35.73333vw; height: 13.06667vw; background: url(/img/math_continue.png) no-repeat; background-size: cover; text-align: center; line-height: 13.06667vw; font-size: 4.26667vw; color: #fff; }
.math_result_content .math_again{ position: absolute; right: 12.26667vw; bottom: 10.66667vw; width: 35.73333vw; height: 13.06667vw; background: url(/img/math_again.png) no-repeat; background-size: cover; text-align: center; line-height: 13.06667vw; font-size: 4.26667vw; color: #fff; }
.math_result_content .math_success{ width: 57.73333vw; padding: 3.93333vh 20.13333vw 2.7vh 22.13333vw; text-align: center; }
.math_result_content .math_fail{ display: none; width: 57.73333vw; padding: .693333rem 20.13333vw 1.8vh 22.13333vw; text-align: center; }
.math_result_content .math_fail img{ width: 38.66667vw; }
.math_result_content .math_star{ height: 18.13333vw; position: relative; margin-bottom: 3.63333vh; }
.math_result_content .math_star i{ width: 14.26667vw; height: 13.33333vw; background: url(/img/math_star.png) no-repeat; background-size: cover; position: absolute; }
.math_result_content .math_star i.math_star1{ width: 14.26667vw; height: 13.33333vw; background: url(/img/math_star1.png) no-repeat; background-size: cover; position: absolute; }
.math_result_content .math_star i:nth-child(1){ left: 0; top: 4vw; }
.math_result_content .math_star i:nth-child(2){ left: 21.33333vw; top: 0; }
.math_result_content .math_star i:nth-child(3){ right: 0; top: 4vw; }
.math_result_content .math_success span{ font-size: 4.93333vw; color: #1a98ff; }
.math_result_content .math_fail span{ display: block; font-size: 4.93333vw; color: #777; }
.math_top{ width: 7.813333rem; height: 1.693333rem; position: absolute; left: 0; right: 0; top: 0; margin: 0 auto; }
.math_top .math_time{ position: absolute; right: 0; bottom: 0; color: #1a98ff; font-size: 0.326667rem; }
.math_top .math_process{ position: absolute; left: 0; bottom: 0.12rem; width: 6.666667rem; height: 0.133333rem; border-radius: 0.133333rem; background-color: #e2e2e2; }
.math_top .math_process .math_percent{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #1a98ff; border-radius: 0.133333rem; }
.math_top .math_topic{ z-index: 2; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; width: 1.6rem; height: 1.066667rem; }
.math_top .math_topic i{ position: absolute; left: 0; right: 0; margin: 0 auto; top: 0; width: 0.026667rem; height: 0.4rem; background-color: #1a98ff; }
.math_top .math_topic span{ position: absolute; left: 0; bottom: 0; width: 1.6rem; height: 0.666667rem; border-radius: 0.666667rem; background-color: #1a98ff; line-height: 0.666667rem; text-align: center; color: #fff; font-size: 0.426667rem; }
.math_result_content .math_exercise{ position: absolute; left: 0; right: 0; width: 100%; text-align: center; margin: 0 auto; top: 4.493333rem; height: 1.333333rem; line-height: 1.333333rem; font-size: 0.533333rem; }
.math_result_content .math_exercise input{ text-align: center; font-size: 0.533333rem; border-radius: 0.08rem; height: 1.306667rem; border: 0.013333rem solid #a3c7bf; width: 1.84rem; vertical-align: top; }
.math_arithmetic_content{ overflow: auto; position: absolute; left: 0; right: 0; top: 1.70rem; bottom: 0; background-color: #f8f8f8; padding: 0 0.4rem 0 0.28rem; }
.math_arithmetic_content .math_arithmetic1{ overflow: hidden; position: relative; width: 100%; height: 5.333333rem; /*margin: 0.4rem 0.4rem 0 0.28rem;*/ margin-top: 0.4rem; background: url(/img/arithmetic_bg1.png) no-repeat; background-size: cover; }
.math_arithmetic_content .math_arithmetic2{ overflow: hidden; position: relative; /*width: 9.32rem;*/ width: 100%; height: 5.333333rem; /*margin: 0.4rem 0.4rem 0 0.28rem;*/ margin-top: 0.4rem; background: url(/img/arithmetic_bg2.png) no-repeat; background-size: cover; }
.math_arithmetic_content .math_arithmetic3{ overflow: hidden; position: relative; /*width: 9.32rem;*/ width: 100%; height: 5.333333rem; /*margin: 0.4rem 0.4rem 0 0.28rem;*/ margin-top: 0.4rem; background: url(/img/arithmetic_bg3.png) no-repeat; background-size: cover; }
.math_arithmetic_content .arithmetic_tittle1{ width: 28.26667vw; height: 28.26667vw; background: url(/img/arithmetic_title1.png) no-repeat; background-size: cover; margin: 13.86667vw 0 0 6.93333vw; text-align: center; font-size: 5.33333vw; color: #fff; line-height: 25vw; }
.math_arithmetic_content .arithmetic_tittle2{ width: 28.26667vw; height: 28.26667vw; background: url(/img/arithmetic_title2.png) no-repeat; background-size: cover; margin: 13.86667vw 0 0 6.93333vw; text-align: center; font-size: 5.33333vw; color: #fff; line-height: 25vw; }
.math_arithmetic_content .arithmetic_tittle3{ width: 28.26667vw; height: 28.26667vw; background: url(/img/arithmetic_title3.png) no-repeat; background-size: cover; margin: 13.86667vw 0 0 6.93333vw; text-align: center; font-size: 5.33333vw; color: #fff; line-height: 25vw; }
.math_arithmetic_content .arithmetic_process{ position: absolute; left: 9.6vw; top: 35.33333vw; width: 22.13333vw; height: 8.53333vw; background: url(/img/arithmetic_process.png) no-repeat; background-size: 100% 8.53333vw; text-align: center; color:#1a98ff; line-height: 7.53333vw; font-size: 4vw; }
.math_arithmetic_content .math_arithmetic2 .arithmetic_process{ color: #54a042; }
.math_arithmetic_content .math_arithmetic3 .arithmetic_process{ color: #cc96ff; }
.math_arithmetic_content .arithmetic_scroll{ width: 52.9%; /*margin-top: 0.56rem;*/ overflow: auto; height: 100%; }
.math_arithmetic_content ul{ width: 100%; margin-top: 6vw; }
.math_arithmetic_content ul li{ width: 11vw; height: 12.5vw; text-align: center; /*margin-right: 0.493333rem; margin-bottom: 0.226667rem;*/ margin-right: 5vw; margin-bottom: 2.2vw; color: #fff; font-size: 0.4rem; position: relative; }
.math_arithmetic_content ul li i{ width: 2vw; height: 2vw; position: absolute; top: 66%; background: url(/img/arithmetic_star1.png) no-repeat; background-size: 100% 100%; }
.math_arithmetic_content ul li i:nth-child(2){ left: 21%; }
.math_arithmetic_content ul li i:nth-child(3){ left: 39%; }
.math_arithmetic_content ul li i:nth-child(4){ left: 58%; }
.math_arithmetic_content ul li i.arithmetic_star{ background: url(/img/arithmetic_star.png) no-repeat; background-size: 100% 100%; }
.math_arithmetic_content ul li span{ position: absolute; font-size: 3.4vw; top: 3vw; left: 0; width: 100%; text-align: center; line-height: 100%; }
.math_arithmetic_content .math_arithmetic1 .arithmetic_unlocked{ background: url(/img/arithmetic_section1.png) no-repeat top center; background-size: 95%; }
.math_arithmetic_content .math_arithmetic1 .arithmetic_locked{ background: url(/img/arithmetic_section1_locked.png) no-repeat top center; background-size: 95%; }
.math_arithmetic_content .math_arithmetic2 .arithmetic_unlocked{ background: url(/img/arithmetic_section2.png) no-repeat top center; background-size: 95%; }
.math_arithmetic_content .math_arithmetic2 .arithmetic_locked{ background: url(/img/arithmetic_section2_locked.png) no-repeat top center; background-size: cover; }
.math_arithmetic_content .math_arithmetic3 .arithmetic_unlocked{ background: url(/img/arithmetic_section3.png) no-repeat top center; background-size: 95%; }
.math_arithmetic_content .math_arithmetic3 .arithmetic_locked{ background: url(/img/arithmetic_section3_locked.png) no-repeat top center; background-size: cover; }
.math_arithmetic_content .arithmetic_name{ z-index: 3; position: absolute; left: -1.2vw; top: 2.66667vw; height: 5.33333vw; line-height: 5.33333vw; background-color: #1a98ff;  color: #fff; font-size: 2.66667vw; padding: 0 3.6vw 0 2vw; border-radius: 0 5.33333vw 5.33333vw 0; }
.math_arithmetic_content .arithmetic_center{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.math_arithmetic_content .arithmetic_center .arithmetic_process{ left: 2.8vw; top: 21.46667vw; }
.math_arithmetic_content .arithmetic_title_locked { position: absolute; left: 9.6vw; top: 35.33333vw; width: 22.13333vw; height: 8.53333vw; background: url(/img/arithmetic_title_locked.png) no-repeat; background-size: 100% 8.53333vw; }
.math_arithmetic_content .arithmetic_center .arithmetic_title_locked{ left: 2.8vw; top: 21.46667vw; }
.arithmetic_popup{ z-index: 10; display: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(255,255,255,.9); }
.arithmetic_popup_close{ position: absolute; right: 0.4rem; top: 0.32rem; width: 0.506667rem; height: 0.533333rem; background: url(/img/arithmetic_pop_close.png) no-repeat; background-size: cover; }
.arithmetic_popup_content{ height: 5.493333rem; width: 4.24rem; position: absolute; left: 0; right: 0; top: 5.6rem; margin: 0 auto; }
.arithmetic_popup_content .arithmetic_popup_circle{text-align: center; line-height: 3.68rem; font-size: 0.533333rem; width: 3.68rem; height: 3.68rem; position: absolute; left: 0; right: 0; top: 0; margin: 0 auto; background: url(/img/arithmetic_pop.png) no-repeat; background-size: cover; }
.arithmetic_popup_content span{ position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; font-size: 0.426667rem; color: #333; }
.arithmetic_popup_content span:nth-child(2){ bottom: 0.806667rem; position: absolute; left: 0; width: 100%; text-align: center; font-size: 0.426667rem; color: #333; }
.arithmetic_keyboard{ width: 100%; position: absolute; left: 0; bottom: 0; height: 6.413333rem; background-color: #a9c8d1; }
.arithmetic_key{ width: 7.893333rem; height: 100%; }
.arithmetic_key span{ float: left; width: 1.84rem; height: 1.4rem; text-align: center; line-height: 1.4rem; background: url(/img/arithmetic_keyboard.png) no-repeat; background-size: cover; margin-left: 0.133333rem; margin-top: 0.146667rem; font-size: 0.613333rem; color: #749da4; }
.arithmetic_key span.operator{ background: url(/img/arithmetic_keyboard1.png) no-repeat; background-size: cover; color: #9395af; }
.arithmetic_next{ width: 2.106667rem; height: 100%; }
.arithmetic_del{ display: block; width: 1.84rem; height: 1.4rem; background: url(/img/arithmetic_delete.png) no-repeat; background-size: cover; margin-left: 0.133333rem; margin-top: 0.146667rem; }
.math_next{ display: block; width: 1.84rem; height: 4.466667rem; background: url(/img/arithmetic_keyboard2.png) no-repeat; background-size: cover; margin-left: 0.133333rem; margin-top: 0.146667rem; line-height: 4.466667rem; text-align: center; color: #fff; font-size: 0.4rem; }
.arithmetic_input{ text-indent: 9999em; width: 1.84rem; height: 1.306667rem; border: 0.013333rem solid #a3c7bf; border-radius: 0.106667rem; text-align: center; line-height: 1.306667rem; color: #fff; font-size: 0.533333rem; display: inline-block; background-color: #fff; }
.arithmetic_key span.active{ background: url(/img/arithmetic_keyboard3.png) no-repeat; background-size: cover; color: #fff; }
.arithmetic_del.active{ background: url(/img/arithmetic_keyboard4.png) no-repeat; background-size: cover; }
.math_next.active{ background: url(/img/arithmetic_keyboard5.png) no-repeat; background-size: cover; color: #fff; }
/*我的订单*/
.order_container{background: #f4f5f7;}
.order_header{ position: relative; overflow: hidden; padding: 0 0.8rem; padding-top: 0.5333rem; height: 1.1866666666666668rem; line-height:1.1866666666666668rem; background: #1a98ff; font-size:0.45rem; color: #ffffff;  text-align: center; border-bottom: 1px solid #cccccc;}
.order_header a{ position: absolute; bottom: 0; left: 0; height: 1.1733333333333333rem; width: 1.066667rem; display: block; background: url(/img/personal_back2.png) no-repeat .4rem center; background-size: 0.266667rem auto; z-index: 1;}
.order_header .order_share,.personal_header .order_share{position: absolute; bottom: 0; right: 0; height: 1.1733333333333333rem; width: 1.066667rem; display: block; background: url(/img/share.png) no-repeat 0.24rem center; background-size: 0.426667rem auto; z-index: 1;}
.order_book_container{overflow: auto; -webkit-overflow-scrolling: touch;}
.order_book_container .order_header{position: fixed; top: 0; width: 100%; padding: .5333rem 0 0; z-index: 1;}
.order_book_container .order_header a{bottom: 0rem;}
.order_success{background: #fcfcfd; top: 0; overflow: auto; -webkit-overflow-scrolling: touch;}
.order_success header{position: fixed; padding: 0.533333rem 0 0; width: 100%;}
.order_success .order_score{margin-top: 1.72rem;}
.order_switch{display: table; table-layout: fixed; width: 100%; border-bottom: 1px solid #cccccc; font-size: .32rem;}
.order_switch div{position: relative; display: table-cell; text-align: center; vertical-align: middle; height: .8rem;}
.order_switch .active{color: #1a98ff;}
.order_switch .active:after{content: ''; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; width: 1.76rem; height: .04rem; background: #1a98ff;}
.order_switch div + div{border-left: 1px solid #ccc;}
.order_list{position: absolute; top: 2.5333rem; bottom: 0; left: 0; right: 0; margin: auto; overflow: hidden;}
.order_slide{position: absolute; top: 0.80645rem; bottom: 0; margin: auto 0; width: 100%; overflow: auto; -webkit-overflow-scrolling: touch;}
.order_slide.active{transform: translate(-100vw);}
.order_li{padding: 0 0 .4rem .4rem; border-bottom: 1px solid #ccc;}
.order_li p{position: relative; padding-left: .2667rem; height: 1rem; line-height: 1rem; color: #777; font-size: .32rem;}
.order_li p span{float: right; width: 1.33rem; height: .533rem; line-height: .533rem; margin-top: .2335rem; background: #ffa60b; color: #fff; text-align: center;}
.order_li p span.ios{text-align: left; box-sizing: border-box; padding-left: .5rem; background: url(/img/bean.png) no-repeat left center; background-size: .4rem; color: #333;}
.order_li p:after{content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; background: #1a98ff; width: .133rem; height: .133rem; border-radius: 50%;}
.order_detail{display: table; table-layout: fixed; width: 100%; box-sizing: border-box;}
.order_pay{position: relative; padding: .4rem; background: url(/img/order_bg.png) repeat;}
.order_pay p{margin-top: .4rem; color: #ff4f42; font-size: .45rem;}
.order_cover{position: relative; display: table-cell; width: 2.24rem; font-size: 0;}
.order_cover span{position: absolute; display: inline-block; bottom: 0; left: 0; width: 100%; padding: .2rem 0; background: rgba(0,0,0,.5); color: #fff; font-size: .28rem; text-align: center;}
.order_detail img{width: 100%;}
.order_bean img{width: .6rem; vertical-align: middle;}
.order_detail ul{position: relative; display: table-cell; vertical-align: top; padding-left: .24rem;}
.order_detail li{height: .5rem; line-height: .5rem; color: #777; font-size: .3467rem;}
.order_detail li span{position: relative; color: #333; padding-right: .05rem;}
.order_detail li span.before{color: #777;}
.order_detail li span.before:after{content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 100%; height: .0266rem; background: #777;}
.order_detail li span.now{color: #ff5b4f; font-size: .4rem; margin-right: .1rem;}
.order_detail .order_valid{position: absolute; bottom: 0; left: .24rem; width: 100%; height: .8rem; line-height: .8rem;}
.order_detail .order_valid span{background: #f7f7f7; color: #666; padding: .2rem; font-size: .28rem;}
.order_detail h2{font-weight: normal; color: #333; height: .667rem; line-height: .573rem; font-size: .373rem;}
.order_detail input{display: inline-block; margin-top: .2rem; width: 1.84rem; height: .8rem; background: #999; color: #fff; font-size: .4rem; border-radius: .08rem}
.order_detail input.active{background: #1a98ff;}
.order_detail input.waiting{background: #ccc;}
.order_done{left: 100vw;}
.order_done p span{background: none; width: initial; color: #333; margin-right: .4rem;}
.order_none{position: absolute; top: 2.467rem; bottom: 0; right: 0; left: 0; margin: 0 auto; width: 4rem; height: 4rem; text-align: center;}
.order_none img{width: 1.293rem;}
.order_none p{color: #a0a0a0; font-size: .32rem; margin-top: .3rem;}
.order_none a{color: #1a98ff;}
.order_paylist{position: relative; background: #f4f5f7; padding-top: .4rem; border-bottom: 0.0133rem solid #f0eff0;}
.order_paylist:after{content: ''; position: absolute; width: 100%; height: .08rem; top: 0; left: 0; background: url(/img/order_border.png) repeat; background-size: auto .08rem;}
.order_payway{position: relative; height: 1.6rem; background: #fff; border-top: 0.0133rem solid #f0eff0; padding: .32rem 1rem 0 1.36rem; box-sizing: border-box; color: #828387; font-size: .3rem;}
.order_payway:after{content: ''; position: absolute; right: .4rem; top: 0; bottom: 0; margin: auto 0; width: .56rem; height: .56rem; border-radius: 50%; border: 0.0133rem solid #c7cdd3;}
.order_payway.active:after{border: none; background: #1a98ff url(/img/check.png) no-repeat center center; background-size: .33rem;}
.order_payway img{position: absolute; top: 0; bottom: 0; left: .4rem; margin: auto 0; width: .56rem;}
.order_payway#IAP img{left: .24rem; width: .8rem;}
.order_payway h3{font-weight: normal; color: #25292c; margin-bottom: .133rem; font-size: .32rem;}
.order_payway#IAP h3{font-weight: normal; color: #25292c; margin-top: .266rem; font-size: .32rem;}
.order_footer{position: absolute; bottom: 0; width: 100%; height: 1.333rem; line-height: 1.333rem; background: #1a98ff; color: #fff; text-align: center; font-size: .4rem;}
.order_score{height: 4rem; line-height: 4rem; background: #fff; text-align: center; border-bottom: 0.0133rem solid #cccccc; color: #25292c; font-size: .38rem;}
.order_score span{color: #fe3350;}
.order_score img{width: .56rem; margin-right: .44rem; vertical-align: -.133rem;}
.order_btn{height: 2.73rem; background: #f4f5f7; padding: .667rem .4rem 0;}
.order_btn a{float: left; background: #1fb993; width: 40%; height: 1.173rem; line-height: 1.173rem; text-align: center; color: #fff; border-radius: .133rem; font-size: .38rem;}
.order_btn .order_btn_right{float: right; background: #1a98ff;}
.order_recommend{background: #f4f5f7; height: .8rem; line-height: .8rem; color: #c2c9cf; font-size: .32rem; padding-left: .4rem;}
.order_recommend_list{padding: 0 .4rem; background: #fff;}
.order_recommend_li{position: relative; padding: .4rem 0; display: table; width: 100%; table-layout: fixed; box-sizing: border-box;}
.order_recommend_img{display: table-cell; width: 2rem;}
.order_recommend_img img{width: 100%;}
.order_recommend_li + .order_recommend_li{border-top: 0.0133rem solid #eae8ea;}
.order_recommend_li ul{display: table-cell; vertical-align: top; padding-left: .4rem;}
.order_recommend_li ul:after{content: ''; position: absolute; top: 0; bottom: 0; right: .4rem; margin: auto 0; width: .146rem; height: .306rem; background: url(/img/book_cover.png) no-repeat center center; background-size: .146rem;}
.order_recommend_li h2{margin-bottom: .4rem; font-size: .38rem; color: #25292c;}
.order_recommend_li li{ color: #828387; font-size: .32rem;}
.order_book{position: relative; padding: .4rem; background: #fff; margin-top: 1.72rem; box-shadow: 0 0 0.4rem rgba(25,83,151,.2);}
.order_book li{height: .4rem; line-height: .4rem;}
.order_book_footer{position: fixed; bottom: 0; width: 100%; height: 1.333rem; line-height: 1.333rem; box-sizing: border-box; background: #fff; border-top: 0.0133rem solid #d8d8d8; color: #1a98ff; font-size: .4rem; z-index: 2;}
.order_book_footer div, .order_book_footer a{float: left; width: 50%; background: #1a98ff; box-sizing: border-box; text-align: center; color: #fff;}
.order_book_footer a + div{background: #ff4f42; border-left: 0.0133rem solid #fff;}
.order_book_img img{width: 100%;}
.order_book_footer + .order_book_img{padding-bottom: 1.33rem;}
.order_book h3{font-size: .4rem; color: #25292c;}
.order_book p{font-size: .3467rem; color: #ffa200; padding-bottom: .4rem;}
.order_book li + li{margin-top: .266rem;}
.order_book_box{position: absolute; top: 1.986626rem; right: .2666rem; left: .26666rem; margin: auto; border: .013333rem solid #dbe5f0; line-height: 0; border-radius: .1rem; overflow: hidden;}
.order_pop{position: absolute; bottom: 0; width: 100%; height: 9.466667rem; background: #fff; box-sizing: border-box;}
.order_pop p{ font-size: .38rem; color: #828387; margin-top: 0.62rem; }
.order_pop .before{color: #999; position: relative;text-align: center;height: 1.72rem; line-height: 1.72rem; font-size: 0.346667rem;}
.order_pop .before:after{content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 100%; height: .0266rem; background: #999;}
.order_pop .now{color: #ff4f42; text-align: right; width: 5.36rem; height: 1.72rem; line-height: 1.72rem; font-size: 0.426667rem; margin-right: 0.4rem; }
.order_pop_title{ height: 2.96rem; font-size: .4rem; color: #595959; padding-top: 1.333333rem; }
.order_pop_title h3{ color: #333; font-size: 0.453333rem; margin-bottom: 0.08rem; }
.order_pop_title span{ font-size: 0.373333rem; color: #333; line-height: 100%; }
.order_pop_title .valid_days span{ color: #333; margin-left: 0.32rem; }
.order_pop_cover{position: absolute; top: -.64rem; left: .4rem; width: 3.16rem; height: 3.16rem; background: #fff; border: 0.0133rem solid #e6e6e6; border-radius: .266rem;}
.order_pop_top img{ position: relative; z-index: 3; width: 1.84rem; height: 2.64rem; border: 1px solid #e4e5e6; margin-top: 1.066667rem; margin-left: 0.56rem; margin-right: 0.4rem; }
.order_pop_price{width:100%; height: 1.72rem; border-top: 0.013333rem solid #e6e6e6; border-bottom: 0.013333rem solid #e6e6e6; }
.order_pop_top{ height: 3.626667rem; }
.order_pop_btn{ z-index: 3; position: absolute; bottom: .4rem; left: 0; right:0; margin: 0 auto; width: 8.85rem; height: 1.1733rem; line-height: 1.1733rem; background: #ccc; color: #fff; border-radius: .1rem; font-size: .4rem; text-align: center;}
.order_pop_btn.usable{ background: #1a98ff; }
.order_pop_close{position: absolute; right: .4rem; top: .4rem; width: .9rem; height: .9rem; background: url(/img/book_close.png) no-repeat right top; background-size: .32rem;}
.order_more{height: 1rem; line-height: 1rem; font-size: .36rem; color: #666; text-align: center;}
.order_token{position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; background: rgba(0,0,0,0.3); z-index: 10;}
.order_token .wrapper{position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: #fff;}
.order_token .decoration{position: absolute; top: .3rem; bottom: .3rem; right: .3rem; left: .3rem; margin: auto; overflow: hidden;}
.order_token .decoration:before{content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; border: .0133rem solid #d8d8d8;}
.order_token .decoration li:before{content: ''; position: absolute; top: -.3rem; left: -.3rem; width: .6rem; height: .6rem; border: .0133rem solid #d8d8d8; border-radius: 50%; background: #fff; z-index: 2;}
.order_token .decoration li:after{content: ''; position: absolute; top: -.3rem; right: -.3rem; width: .6rem; height: .6rem; border: .0133rem solid #d8d8d8; border-radius: 50%; background: #fff; z-index: 2;}
.order_token .decoration li:last-child:before{top: initial; bottom: -.3rem;}
.order_token .decoration li:last-child:after{top: initial; bottom: -.3rem;}
.order_token .select{position: relative; width: 100%; height: 100%; padding-top: 1rem; box-sizing: border-box; text-align: center;}
.order_token .content{position: relative; width: 100%; height: 16.08rem; box-sizing: border-box; text-align: center;}
.order_token .select h3{position: relative; height: 1.33rem; line-height: 1.33rem; padding-left: 1rem; background: url(/img/bean.png) no-repeat 2.4rem center; background-size: .8rem; font-size: .667rem;}
.order_token .content h3{position: relative; height: 1.733333rem; line-height: 1.733333rem; padding-left: 0.4rem; font-size: 0.373333rem; text-align: left; border-bottom: 0.013333rem solid #dbe5f0; font-weight: normal; }
.content h3 em{ font-size: 0.506667rem; position: absolute; display: block; right: 0.8rem; top: 0; bottom: 0; margin: auto 0; background: none; border: none; }
.content h3 em:after{ content: ''; width: 0.506667rem; height: 0.48rem; position: absolute; left: -0.773333rem; top: 0; bottom: 0; margin: auto; background: url(/img/bean.png) no-repeat; background-size: cover; }
.order_token .content p{ border-bottom: .01333rem solid #dbe5f0;}
.order_token .select p{color: #999; background: #f2f2f2; margin: .2rem auto 0; width: 2rem; height: .8rem; line-height: .8rem; font-size: .36rem;}
.order_token input{position: absolute; display: block; bottom: 0.4rem; left: 0; right: 0; width: 9.2rem; height: 1.173333rem; margin: 0 auto; background: #1a98ff; color: #fff; font-size: 0.426667rem; border-radius: 0.16rem;}
.order_token .close{ position: absolute; bottom: 0; left: 0; height: 1.1733333333333333rem; width: 0.8rem; display: block; background: url(/img/personal_back2.png) no-repeat center center; background-size: 100% auto; z-index: 1;}
.order_token .order_current{font-size: 0.373333rem; padding: .5rem 0;}
.order_buy_pop{position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 11.186667rem; width: 7.32rem; margin: auto; padding: 6.453333rem 0 0; box-sizing: border-box; border-radius: .2rem; background: linear-gradient(transparent 3.12rem, #c6b397 3.12rem, #c6b397 3.92rem, #fff 3.92rem);}
.order_buy_pop:after{content: ''; position: absolute; top: 0; left: 0; width: 7.32rem; height: 5.64rem; background: url(/img/popbut_bg.png) no-repeat top center; background-size: 7.32rem;}
.order_buy_pop p{text-align: center; font-size: .46rem; font-weight: bold; color: #333;}
.order_buy_pop p + p{margin-top: .2rem;}
.order_buy_pop .order_buy_close{ display: none; position: absolute; right: 0; bottom: -1.52rem; left: 0; margin: 0 auto; width: 1.067rem; height: 1.067rem; background: #fff url(/img/book_close.png) no-repeat center center; background-size: .3rem; border-radius: 50%}
.order_buy_pop input{display: block; margin: 0.533333rem auto 0; width: 3.92rem; padding: .2rem 0; border-radius: .1rem; background: #4798f7; color: #fff; font-size: .36rem;}
.order_buy_pop span{ display: block; margin: 0.933333rem auto 0; text-align: center; text-decoration: underline; color: #666; font-size: 0.346667rem; }
.order_buy_pop a input{margin-top: .4rem; background: none; color: #333; border: 1px solid #afafaf;}
#popchoice{ background: rgba(0,0,0,.6); }
.book_footer{position: fixed; bottom: 0; width: 100%; height: 7.4vh; box-sizing: border-box; border-top: .01333rem solid #e5e5e5; background: #fff; color: #999; font-size: .34rem; z-index: 2;}
.book_footer ul{width: 100%; height: 100%; display: -webkit-flex; display: flex; align-items: flex-end; -webkit-align-items: flex-end; box-sizing: border-box;}
.book_footer li{flex: 1; -webkit-flex: 1; text-align: center; color: #606060; font-size: 0;}
.book_footer .active{color: #1a98ff;}
.book_footer img{width: .6rem;}
.book_footer p{font-size: .3rem; padding-top: .05rem;}

.share_w{position: fixed; bottom: 0; left: 0; width: 100%; height: 2.13rem; background: #efefef; display: -webkit-flex; display: flex; align-items: center;}
.share_logo{margin: 0 .4rem; width: 1.33rem; height: 1.33rem; background: #fff url(/img/prompt_logo.png) no-repeat center center; background-size: 1.33rem 1.33rem; border-radius: .2rem;}
.share_c{flex: 1; -webkit-flex: 1;}
.share_c h2{color: #333; font-size: .42rem;}
.share_c p{color: #a6a6a6; font-size: .3rem; margin-top: .1rem;}
.share_btn{background: #1fb993; padding: .266rem .6rem; border-radius: .1rem; margin-right: .4rem; color: #fff; font-size: .36rem;}

.order_dy{line-height: 0.8rem; overflow: hidden; font-size: .32rem;}
.order_dy b{color: #F2222C; padding-left: .2rem;}

.jroll_refresh{position: absolute; top: -2rem; left: 0; height: 2rem; width: 100%; background: #fafafa; text-align: center;}
.jroll_refresh img{padding-top: .2rem; height: 1.6rem;}

.login{margin-top: .5333rem; text-align: center;}
.login img{margin-top: 3.933rem; width: .8667rem;}
.login p{margin-top: .8rem; text-align: center; color: #333; font-size: .42rem;}
.login div{margin: 6.467rem auto 0; width: 5.28rem; height: 1.2rem; line-height: 1.2rem; text-align: center; font-size: .42rem; color: #1a98ff; border: 0.0133rem solid #1a98ff; border-radius: .133rem;}

/*popwin style*/
#popwin_Blank{position:absolute;z-index:2000;left:0;top:0;width:100%;height:0;background:black;}
.popwin_out{padding:0px;background:none;position:absolute;z-index:2000;left:-9999px;}
.popwin_in{border:none;background:none;}
.popwin_bar{background:#f0f0f0; border:3px #CCC solid; border-bottom:0;-moz-border-radius:3px 3px 0 0 ;border-radius:3px 3px 0 0 ;-moz-user-select: none;-webkit-user-select: none;}
.popwin_title{line-height:33px;padding-left:18px; font-weight:bold; color:#747474 }
.popwin_close{position:relative;}
.popwin_close a{width:21px;height:21px; text-decoration:none;cursor:pointer;position:absolute;right:6px;top:-27px;}
.popwin_close a:hover{ background-position:0 0;}
.popwin_body{ background:none;}
.popwin_subbtn{display:inline-block; width:57px; height:23px;  margin:0 10px; border:none; color:#ffffff; cursor:pointer;}
.popwin_cancelbtn{display:inline-block; width:57px; height:23px;  margin:0 10px; border:none; color:#ffffff; cursor:pointer;}
.popwin_success{ padding:0 0 0 37px; color:#3f3f3f; width:70px; height:20px; line-height:20px; font-size:14px;}
.popwin_warning{ padding:3px 0 0 37px; color:#3f3f3f; line-height:1.5; width:237px; min-height:20px;_height:20px}
.popwin_success2{padding:3px 0 0 37px; color:#3f3f3f; width:237px; min-height:20px;_height:20px;}
.popwin_remind{ position: relative; padding:20px 18px; color:#3f3f3f; -moz-border-radius:3px;border-radius:3px; width: 9.2rem; height: 6.666667rem; }
.popwin_remind1{ position: relative; padding:20px 18px; color:#3f3f3f; -moz-border-radius:3px;border-radius:3px; width: 9.2rem; height: 1.066667rem; }
.popwin_pbn{ text-align:center; padding-top:20px; clear:both;}
.popwin_con{ background:#fff; padding:10px;border:3px #d0d0d0 solid;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;}
.popwin_remindb{border-top:none!important;-moz-border-radius:0 0 3px 3px!important;border-radius:0 0 3px 3px!important;}
.popwin_wares{ clear:both; padding:14px 0 0 0}
.popwin_wares p{ display:block; clear:both; color:#787878; line-height:18px;padding-left: 8px;}
.popwin_ask{padding:3px 0 0 37px; color:#3f3f3f; width:237px; min-height:20px;_height:20px}
.popwin_error{padding:3px 0 0 37px; color:#3f3f3f; width:237px; min-height:20px;_height:20px}
.popwin_selfborder{border: 5px solid #ba8a51;border-radius: 5px;}
.popwin_selfclose{ background: url(/img/pop_close.png) no-repeat; height: 0.533333rem;position: absolute;right: 0.4rem;top: -2.72rem;width: 0.506667rem; cursor: pointer; z-index: 99;}
.playTittle{ font-size: 0.426667rem; color: #fff; position: absolute; left: 0; top:-1.6rem;  /*height: 0.773333rem;*/ line-height: 0.773333rem; }

/*好学卡*/
.card_all{ height: 100%;}
.card_wrap{ position: relative ; width: 100%; overflow: hidden; -webkit-overflow-scrolling: touch;}
.card_con{ position: absolute; top: 0; left: 0; right: 0; bottom: 1.333333rem; overflow-x: hidden; overflow-y: scroll;}
.card_bottom{ position: absolute; z-index: 3; bottom: 0; left: 0; right: 0; height: 1.32rem; overflow: hidden; border-top: 1px solid #d8d8d8; background: #ffffff;}
.card_footer{ display: table; width: 100%; height: 100%;}
.card_footer_cell{ display: table-cell; text-align: center; vertical-align: middle;}
.card_footer_cell span{ display: block; font-size: 0.4rem; color: #333333;}
.card_footer_cell:last-child{ background: #2ca0ff;}
.card_footer_cell:last-child span{ color: #ffffff;}
.card_tips{ margin: 0.533333rem 2.066666rem 0; background: url(/img/card_icon1.png) no-repeat bottom left; background-size: 100% 0.04rem; text-align: center; padding: 0.333333rem; border-radius: 0.133333rem 0.133333rem 0 0; overflow: hidden;box-shadow: 0 0 0.2rem #ebebeb;}
.card_tips span{ display: block; font-size: 0.4rem; padding: 0.066666rem; }
.card_tips2{ width:100%; height: 2rem; padding-top: 0.626666rem; background: url(/img/card_icon3.png) no-repeat; background-size: cover; }
.card_tips2 span{ display: block; text-align: center; padding-bottom: 0.133333rem; font-size: 0.4rem;}
.card_main{ overflow: hidden; }
.card_list{ padding: 0.066666rem 0;}
.card_li{ padding:  0.4rem; border-bottom: 1px solid #f0f0f0;}
.card_li:last-child{ border: none;}
.card_validity{ color: #1a98ff; font-size: 0.346666rem; }
.card_li_m{ position: relative; padding-left: 2.506666rem; min-height: 3.2rem; margin-top: 0.4rem;}
.card_li_img{ position: absolute; top: 0; left: 0; width: 2.226666rem; height: 3.173333rem; border: 1px solid #cccccc; overflow: hidden; box-shadow: 0 0 0.2rem #ebebeb;}
.card_li_img img{ width: 100%; height: 100%;}
.card_li_info{ padding-top: 0.7rem;}
.card_li_info span{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.346666rem; color: #777777; padding-bottom: 0.066666rem;}
.card_li_info span.span1{ font-size: 0.373333rem; color: #333333;}
.card_error{ text-align: center; padding: 1.666666rem 0.5rem 0; font-size: 0.4rem; color: #999999;}
.card_error img{ display: block; margin: 0 auto;  margin-bottom: 0.5rem;}
.card_error img.img1{width: 3.52rem; height: 3.253333rem;}
.card_error img.img2{width: 2.96rem; height: 4.213333rem;}
.personal_card{ overflow-x: hidden; overflow-y: scroll;}
.personal_card_t{ display: none;}
.card_know{ display: none; position: absolute; bottom: 50px; left: 89px; right: 89px; height: 80px; line-height: 79px; font-size: 36px; color: #ffffff; background: #0098ff; border-radius: 40px; text-align: center;}

.promptBg{ background: #ffffff;}
.prompt_tips{ padding-top: 1.666666rem; position: relative; width: 100%; text-align: center;}
.prompt_tips i{ position: absolute; top: 0.7rem; right: 1.2rem; width: 0.933333rem; height: 0.933333rem; background: url(/img/prompt.jpg) no-repeat; background-size: 0.933333rem 0.933333rem;}
.prompt_tips span{ display: block; text-align: center; font-size: 0.48rem; padding-bottom: 0.06rem;}
.prompt_tips span em{ color: #d13434;}
.prompt_info{ padding: 0.8rem 1.96rem; text-align: center;}
.prompt_info img,.prompt_main i img{ width: 2.066666rem; height: auto;}
.prompt_info span{ display: block; text-align: center;}
.prompt_info span.s1{ padding-top: 0.533333rem; font-size: 0.48rem;}
.prompt_info span.hr{ margin: 0.706666rem 0; border-bottom: 1px solid #c6c6c6;}
.prompt_info span.s2{ color: #999999;}
.prompt_main{ padding: 0.8rem 3.333333rem; position: relative; border-bottom: 1px solid #c6c6c6; min-height: 2.053333rem;}
.prompt_main i{position: absolute; top: 0.6rem; left: 0.8rem; width: 2.066666rem; height: 2.053333rem;}
.prompt_main span{ display: block;}
.prompt_main span.s1{ font-size: 0.48rem; padding: 0.133333rem 0;}
.prompt_main a{ position: absolute;  top: 1.266666rem; right: 0.52rem;  display: block; width: 2.106666rem; height: 0.9rem; background: url(/img/prompt_btn.png) no-repeat; background-size: 2.106666rem 0.8rem;}
.prompt_img{ width: 100%;}
.prompt_img img{ width: 100%;}

.yqx_qrcode{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 2rem; height: 2rem;}

/* 发现 */
#discovery_scroll{ overflow: hidden; width: 100%; background: #ecf3fc; position: absolute; top: 3.573333rem; bottom: 1.28rem; left: 0; }
.discovery_init{ padding-top: 0.32rem; }
.discovery_init li:not(.day_task){ width: 100%; box-sizing: border-box; display: table; background: #fff; padding: 0 0.4rem; margin-bottom: 0.266667rem; overflow: hidden; height: 2.0rem; }
.discovery_init li:first-of-type{ background: none; margin-bottom: 0; padding: 0.333333rem 0.4rem; color: #333;  }
.discovery_init li:first-of-type h2{ font-size: 0.413333rem; }
.discovery_init li:last-of-type{ margin-bottom: 0; }
.discovery_icon{ display: table-cell; position: relative; vertical-align: middle; width: 1.666667rem; }
.discovery_icon:before{ content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 1.333333rem; height: 1.333333rem; }
.discovery_sign_icon:before{ background: url(/img/discovery_sign.png) no-repeat left center; background-size: cover; }
.discovery_share_icon:before{ background: url(/img/discovery_share.png) no-repeat left center; background-size: cover; }
.discovery_learn_icon:before{ background: url(/img/discovery_learn.png) no-repeat left center; background-size: cover; }
.discovery_try_icon:before{ background: url(/img/discovery_try.png) no-repeat left center; background-size: cover; }
.discovery_school_icon:before{ background: url(/img/discovery_school.png) no-repeat left center; background-size: cover; }
.discovery_p{ display: table-cell; vertical-align: middle; width: 5.786667rem; font-size: 0.373333rem; color: #333; line-height: 1; }
.discovery_p p:last-of-type{ color: #999; font-size: 0.293333rem; margin-top: 0.266667rem; }
.discovery_init li a{ display: table-cell; vertical-align: middle; text-align: right; }
.discovery_button{ width: 1.733333rem; border-radius: 0.106667rem; font-size: 0.346667rem;  padding: 0.226667rem 0; background: #1fb993; color: #fff; text-align: center; display: inline-block; }
.discovery_button.complete{ background: #bec4cb; }
.discovery_header{ position: relative; font-size: 0.453333rem; height: 1.173333rem; padding-top: 0.533333rem; text-align: center; color: #fff; background: #1a98ff; line-height: 1.173333rem; }
.footer{ position: absolute; bottom: 0; left: 0; right: 0; height: 1.28rem; border-top: 1px solid #e5e5e5; background: #ffffff;}
.t_footer_type{ clear:both; overflow:hidden;  width: 100%; display:table;}
.t_footer_cell{ height:100%; text-align: center; display: table-cell;}
.t_footer_cell a{ display:block; padding-top:0.1rem;}
.t_footer_cell a i{ display:block; width:0.586666rem; height:0.52rem; margin:0.1rem auto 0.05rem; }
.t_footer_cell a i.icon1{background:url(/img/index_icon17.png) no-repeat center center; background-size:0.586666rem 0.493333rem;}
.t_footer_cell a i.icon2{background:url(/img/index_icon22.png) no-repeat center center; background-size:0.506666rem 0.506666rem;}
.t_footer_cell a i.icon3{background:url(/img/index_icon19.png) no-repeat center center; background-size:0.44rem 0.48rem;}
.t_footer_cell a i.icon4{background:url(/img/index_icon21.png) no-repeat center center; background-size:0.533333rem 0.48rem;}
.t_footer_cell a.active i.icon1{background:url(/img/index_icon17a.png) no-repeat center center; background-size:0.586666rem 0.493333rem;}
.t_footer_cell a.active i.icon2{background:url(/img/index_icon22a.png) no-repeat center center; background-size:0.506666rem 0.506666rem;}
.t_footer_cell a.active i.icon3{background:url(/img/index_icon19a.png) no-repeat center center; background-size:0.44rem 0.48rem;}
.t_footer_cell a.active i.icon4{background:url(/img/index_icon21a.png) no-repeat center center; background-size:0.533333rem 0.48rem;}
.t_footer_cell a span{ font-size: 0.266666rem; color: #999999;}
.t_footer_cell a.active span{ color: #4798f7;}


[data-dpr="1"] .personal_header{ padding-top:0.133rem;}
[data-dpr="1"] .personal_wrapper{ top:1.33rem;}
[data-dpr="1"] .order_list{ top: 2.566rem;}
[data-dpr="1"] .order_book{ margin-top: 1.22rem;}
[data-dpr="1"] .book_header, [data-dpr="1"] .arithmetic_header{ margin: 0;}
[data-dpr="1"] .linkUp_content, [data-dpr="1"] .math_result_content, [data-dpr="1"] .math_arithmetic_content, [data-dpr="1"] #invite_scroll{ top: 1.17rem;}
[data-dpr="1"] .spell_result, [data-dpr="1"] .student_container.student{top: 1.186667rem;}
[data-dpr="1"] .student_container{top: 1.446667rem;}
[data-dpr="1"] .task_calendar{ top: 1.68rem;}
[data-dpr="1"] .index_m_header{ padding-top: 0.17rem;}
[data-dpr="1"] .adaptive_box{ top: 1.34rem; }
[data-dpr="1"] .order_book_box{top: 1.453326rem;}

.find_swiper img{ width: 100%; height: auto; }
.invite_header{ position: relative; background: #ffdf48; color: #302f32; }
.invite_share{ position: absolute; bottom: 0; right: 0.133333rem; height: 1.1733333333333333rem; width: 0.8rem; display: block; background: url(/img/invite_share.png) no-repeat center center; background-size: 0.42666666666666666rem auto; z-index: 1; }
.invite_header a{ position: absolute; bottom: 0; left: 0; height: 1.1733333333333333rem; width: 0.8rem; display: block; background: url(/img/invite_back.png) no-repeat 0.3333333333333333rem 0.3333333333333333rem; background-size: 0.26666666666666666rem auto; z-index: 1; }
#invite_scroll{ position: absolute; top: 1.706667rem; overflow: hidden; bottom: 0; left: 0; background: url(/img/invite_bg.png) no-repeat; background-color: #4d549c; background-size: 100% auto; width: 100%; }
#invite_scroll.invite_top0{ top: 0!important; }
.invite_details{ position: absolute; right: -0.04rem; top: 0.293333rem; width: 1.786667rem; text-align: right; border: 0.04rem solid #353233; border-radius: 0.373333rem 0 0 0.373333rem; background: #f52e31; color: #fff; font-size: 0.346667rem; padding: 0.16rem 0.24rem 0.16rem 0; }
.invite_info{ margin: 0.96rem auto 0; width: 8.173333rem; height: auto; display: block; }
.invite_share_button{ flex: 1; text-align: center; background: #1fb993; color: #fff; padding: 0.453333rem 0; box-sizing: border-box; }
.get_book_button{ background: #6e74ec; text-align: center; width: 3.066667rem; padding: 0.453333rem 0; color: #fff; }
.invite_button{ border-top: 0.08rem solid #404495; position: absolute; width: 100%; left: 0; bottom: 0; display: flex; line-height: 1; font-size: 0.4rem; }
.get_book_button.nouse{ background: #7e8091; }
.invite_body{ width: 7.866667rem; margin: 0 auto; padding-top: 0.666667rem; }
.invite_body li{ position: relative; float: left; width: 3.746667rem; height: 2.84rem; background: url(/img/invite_li_bg.png) no-repeat; background-size: cover; margin-right: 0.36rem; margin-bottom: 0.533333rem; }
.invite_body li:before{ content: ''; position: absolute; left: 0; top: 0; }
.invite_body li:nth-of-type(1):before{ background: url(/img/invite_icon1.png) no-repeat; background-size: cover; width: 1.0rem; height: 1.0rem; left: -0.173333rem; top: -0.173333rem; }
.invite_body li:nth-of-type(2):before{ background: url(/img/invite_icon2.png) no-repeat; background-size: cover; width: 0.906667rem; height: 0.866667rem; left: -0.026667rem; top: -0.066667rem; }
.invite_body li:nth-of-type(3):before{ background: url(/img/invite_icon3.png) no-repeat; background-size: cover; width: 0.76rem; height: 0.72rem; top: -0.053333rem; left: -0.013333rem; }
.invite_body li:nth-of-type(4):before{ background: url(/img/invite_icon4.png) no-repeat; background-size: cover; width: 0.866667rem; height: 0.733333rem; top: -0.053333rem; left: -0.053333rem;  }
.invite_body li:nth-of-type(2n+0){ margin-right: 0; }
.invite_body li span{ display: block; text-align: center; }
.invite_body li span:nth-of-type(1){ font-size: 0.346667rem; color: #fff; margin-top: 0.626667rem; }
.invite_body li span:nth-of-type(2){ font-size: 0.32rem; color: #ffd820; }
.invite_body li em{ font-size: 0.8rem; }
.invite_activity{ text-align: center; color: #fff; font-size: 0.346667rem; }
.friend_count{ font-size: 0.533333rem; color: #f0c80d; }
.day_count{ font-size: 0.533333rem; color: #f0c80d; }


.limited_receive{ display: none; position: absolute; left: 0; width: 100%; top: 0; height: 100%; background: rgba(0,0,0,.6); z-index: 9; }
.limited_congradulation{ overflow: hidden; width: 100%; height: 100%; ; }
.limited_step2{ display: none; position: absolute; width: 7.333333rem; height: 8.653333rem; border-radius: 0.106667rem; left: 0; right: 0; bottom: 0; top: 0; margin: auto; background: #fff; }
.limited_step1{ position: absolute; width: 7.333333rem; height: 8.933333rem; border-radius: 0.106667rem; left: 0; right: 0; bottom: 0; top: 0; margin: auto; background: #fff; }
.limited_step1.limited_step3{height: 7.4666rem;}
.index_character{ width: 5.84rem; position: absolute; height: auto; left: 0; right: 0; top: -1.106667rem; margin: 0 auto; }
.index_cloud{ width: 100%; }
.limited_step2_bottom{ padding: 0 0.4rem; margin-top: 1.066667rem; }
.limited_step1_bottom{ padding: 0 0.4rem; margin-top: 1.066667rem;}
.limited_title{ padding-left: 0.4rem; font-size: 0.32rem; color: #666; line-height: 0.506667rem; display: block; position: relative; }
.limited_title:before{ width: 0.186667rem; height: 0.186667rem; border-radius: 50%; background: #e5e5e5; left: 0; top: 0.146667rem; content: ''; position: absolute; }
.receive_list{ overflow-y: auto; overflow-x: hidden; height: 4.533333rem; margin-top: 0.173333rem; }
.receive_list li{ float: left; margin-right: 0.533333rem; text-align: center; width: 1.813333rem; margin-top: 0.4rem; }
.receive_list li:nth-child(3n+0){ margin-right: 0; }
.receive_list li img{ box-sizing: border-box; width: 1.746667rem; height: 2.506667rem; border: 0.013333rem solid #ccc; display: block; margin-bottom: 0.333333rem; }
.receive_list li input{ width: 1.6rem; text-align: center; font-size: 0.346667rem; color: #fff; background: #1fb993; padding: 0.186667rem 0; border-radius: 0.106667rem; }
.limited_step1 .index_character{ top: -1.866667rem; width: 4.386667rem; }
.select_choose{ position: relative; }
.select_grade{ margin-top: 0.573333rem; position: relative; }
.select_choose input{ width: 6.24rem; height: 1.173333rem; border: 0.013333rem solid #999; border-radius: 0.08rem; padding-left: 0.266667rem; color: #333; font-size: 0.346667rem; }
.limited_line{ width: 0.013333rem; height: 0.88rem; position: absolute; right: 1.2rem; top: 0; bottom: 0; margin: auto; background: linear-gradient(#fff 0%,#999 60%,#fff 100%); }
.select_narrow{ transition: .5s; -webkit-transition: .5s; width: 0; height: 0; border-color: #1a98ff transparent transparent transparent; border-width: 0.133333rem; border-style: solid; position: absolute; right: 0.466667rem; top: 0.506667rem; }
.select_narrow.active{ transform: scaleY(-1) translateY(0.133333rem); -webkit-transform: scaleY(-1) translateY(0.133333rem); }
.limited_confirm{width: 100%; text-align: center; color: #fff; background: #1fb993; font-size: 0.426667rem; padding: 0.386667rem 0; border-radius: 0.106667rem; margin-top: 0.666667rem; }
.limited_btn{display: -webkit-flex; display: flex; margin-top: 0.666667rem;}
.limited_btn li{-webkit-flex: 1; flex: 1; background: #1fb993; border-radius: 0.106667rem; padding: 0.386667rem 0; font-size: 0.426667rem; text-align: center; color: #fff;}
.limited_btn li + li{margin-left: .4rem; background-color: #1a98ff;}
.select_content{ display: none; position: absolute; left: 0; top: 1.186667rem; width: 6.506667rem; height: 5.253333rem; padding: 0.093333rem 0; border-radius: 0.106667rem; border: 0.013333rem solid #999; background: #fff; overflow: auto; }
.select_content li{ font-size: 0.346667rem; padding: 0.186667rem 0 0.186667rem 0.266667rem; color: #333; }
.select_content li.active{ background: #1a98ff; color: #fff; margin: 0.133333rem 0; }
.select_area{ position: absolute; width: 1.2rem; height: 1.173333rem; top: 0.013333rem; right: 0.013333rem; }
.back_step1{ width: 4.933333rem; position: absolute; left: 0; bottom: -2.373333rem; right: 0; margin: 0 auto; background: #1a98ff; border-radius: 0.093333rem; font-size: 0.4rem; color: #fff; text-align: center; padding: 0.266667rem 0; }
.invite_close_area{ width: 100%; height: 100%; }
.invited_info{ padding: 0.933333rem 0.933333rem 0 0.933333rem; margin-bottom: 0.533333rem; }
.invited_info h2{ font-size: 0.56rem; margin-bottom: 0.64rem; }
.invited_info p{ font-size: 0.373333rem; margin-bottom: 0.346667rem; }
.invited_phone{ font-weight: bold; }
.invited_bottom{ width: 8.933333rem; margin: 0 auto; }
.invited_bottom input{ width: 100%; box-sizing: border-box; border-radius: 0.133333rem; box-shadow: 0.16rem 0.16rem #404495; }
#phoneNumber{ font-size: 0.373333rem; padding: 0.466667rem 0 0.466667rem 0.333333rem; margin-bottom: 0.24rem; color: #333; line-height: 1; }
#phoneComfirm{ font-size: 0.373333rem; padding: 0.466667rem 0; text-align: center; color: #fff; background: #1fb993; line-height: 1; }
.invited_prompt{ font-size: 0.373333rem; color: #fff; line-height: 0.64rem; padding: 0 0.746667rem; position: relative; }
.invited_prompt:before{ content: ''; position: absolute; left: 0.226667rem; top: 0.12rem; width: 0.4rem; height: 0.4rem; background: url(/img/invited_prompt.png) no-repeat; background-size: cover; }
.new_promt{ width: 100%; height: 100%; background: url(/img/wx_prompt.png) no-repeat top center; background-color: #ecf3fc; background-size: 8.48rem auto; }
.rule_bg{ width: 100%; height: 100%; }
.rule_content{ position: relative; width: 6.366667rem; padding: 0.853333rem 0.413333rem 0 0.613333rem; overflow: hidden; position: absolute; height: 8.666667rem; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: #fff; border-radius: 0.08rem; }
.rule_content:before{ content: ''; position: absolute; left: 0; top: 0; width: 7.333333rem; height: 0.133333rem; background: url(/img/invite_rule.png) no-repeat; background-size: cover; }
.rule_content h2{ font-size: 0.426667rem; }
.rule_content ul{ padding-left: 0.41rem; padding-top: 0.4rem; }
.rule_content li{ position: relative; line-height: 0.586667rem; font-size: 0.346667rem; color: #666; margin-bottom: 0.6rem; }
.rule_content li:before{ content: ''; position: absolute; left: -0.453333rem; top: 0.193333rem; width: 0.213333rem; height: 0.213333rem; background-color: #ff6b43; border-radius: 50%; }
.rule_content li:nth-of-type(2):before{ background-color: #fbba0c; }
.rule_content li:nth-of-type(3):before{ background-color: #4bbdff; }
.rule_content li:nth-of-type(4):before{ background-color: #cf6fd8; }
.rule_confirm{ line-height: 1; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 0.466667rem; width: 3.333333rem; padding: 0.266667rem 0; font-size: 0.4rem; background-color: #1fb993; text-align: center; color: #fff; border-radius: 0.133333rem; }
.discovery_header a{ position: absolute; bottom: 0; left: 0; height: 1.1733333333333333rem; width: 1.066667rem; display: block; background: url(/img/personal_back2.png) no-repeat .4rem center; background-size: 0.266667rem auto; z-index: 1;}
.discovery_header .invite_share{position: absolute; bottom: 0; right: 0; height: 1.1733333333333333rem; width: 1.066667rem; display: block; background: url(/img/share.png) no-repeat 0.24rem center; background-size: 0.426667rem auto; z-index: 1;}
.study_content{ position: absolute; top: 0; bottom: 0; width: 100%; background: #e8f0fa; padding: 0.4rem 0 0.4rem 0.373333rem; box-sizing: border-box; }
.study_list{ height: 100%; transition: .5s all ease; }
.study_box{ position: relative; border-radius: 0.106667rem; float: left; width: 9.2rem; height: 100%; background-color: #fff;box-shadow: 0 0 0.4rem rgba(25,83,151,.2); margin-right: 0.133333rem; }
.study_data_content{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.study_list_container{ position: relative; overflow: hidden; width: 100%; height: 100%; border-radius: 0.106667rem 0 0 0.106667rem; box-shadow: 0 0 0.4rem rgba(25,83,151,.2); }
.book_info{ width: 100%; box-sizing: border-box; padding: 0.586667rem 0 0.533333rem 0.533333rem; border-bottom: 0.013333rem solid #ebf1f7;}
.book_info img{ float: left; width: 2.226667rem; height: 3.186667rem; border: 0.013333rem solid #ccc; }
.study_book_details{ float: left; height: 100%; padding-left: 0.533333rem; padding-top: 0.213333rem; }
.study_book_details h2{ font-size: 0.4rem; color: #333; line-height: 1; }
.study_book_details p{ font-size: 0.346667rem; line-height: 1; }
.study_book_details p:nth-of-type(1){ color: #333; margin-top: 0.24rem; margin-bottom: 0.533333rem; }
.study_book_details p:nth-of-type(2){ color: #999; position: relative; padding-left: 0.586667rem; margin-bottom: 0.426667rem; }
.study_book_details p:nth-of-type(2):before{ content: ''; position: absolute; left: 0; top: 0; width: 0.373333rem; height: 0.4rem; background: url(/img/study_clock.png) no-repeat; background-size: cover; }
.study_book_details p:nth-of-type(3){ color: #ff4f42; display: none; }
.study_book_details em{ font-size: 0.533333rem; font-weight: bold; }
.study_time1{ height: 9.613333rem; overflow: hidden; width: 100%; }
.study_time1 li{ box-sizing: border-box; float: left; width: 33.33%; height: 4.8rem; border-right: 0.013333rem solid #d2e0ed; border-bottom: 0.013333rem solid #d2e0ed; }
.study_time1 li img{ display: block; margin: 1.093333rem auto 0.48rem; width: 1.146667rem; height: auto; }
.study_time1 li p{ display: block; text-align: center; font-size: 0.293333rem; color: #fe8f01; margin-bottom: 0.2rem; line-height: 1; }
.study_time1 li span{ display: block; text-align: center; font-size: 0.293333rem; color: #999; line-height: 1; }
.study_time1 li em{ font-size: 0.4rem; font-weight: bold; }
.study_time1 li:nth-of-type(3n+0){ margin-right: 0; border-right: none; }
.study_scroll{ position: absolute; top: 4.346667rem; bottom: 0; width: 100%; overflow-y: auto; overflow-x: hidden; -wekit-overflow-scrolling: touch; }
.study_section{ width: 100%; padding: 0 0.533333rem; box-sizing: border-box; color: #333; }
.study_chapter{ overflow: hidden; font-size: 0.4rem; padding: 0.64rem 0 0.506667rem 0; border-bottom: 0.013333rem solid #d2e0ed; line-height: 1;  }
.study_lesson{ padding: 0.533333rem 0; font-size: 0.346667rem; border-bottom: 0.013333rem solid #d2e0ed; line-height: 1; }
.study_lesson span{ float: left; }
.study_lesson em, .study_chapter em{ float: right; color: #999; font-size: 0.346667rem; font-weight: normal; }
.study_share_info{ line-height: 0.8rem; color: #000; font-weight: bold; padding-top: 1.6rem; margin-bottom: 1.066667rem; }
.walkman_container{ background: #ecf3fc; z-index: 2; }
.walkman_scroll{ margin: auto ; position: absolute; left: .266667rem; right: 0.266667rem; top: 0.266667rem; bottom: 1.84rem; overflow: hidden; border: 0.013333rem solid #dbe5f0; border-radius: 0.106667rem; background-color: #fff; }
.walkman_content{ position: relative; box-sizing: border-box; width: 100%; padding-left: 0.506667rem; padding-bottom: 1.6rem; }
.walkman_chapter{ position: relative; font-size: 0.506667rem; padding: 0.4667rem 0; border-bottom: 1px solid #dbe5f0; color: #333; }
.walkman_lesson{ position: relative; font-size: 0.453333rem; padding: 0.5rem  0; border-bottom: 1px solid #dbe5f0; color: #333; }
.walkman_icon{ position: absolute; width: 0.8rem; height: 0.8rem; background: url(/img/walkman_play_audio.png) no-repeat; background-size: cover; right: 0.4rem; top: 0; bottom: 0; margin: auto 0; }
.walkman_lesson span{ width: 6.32rem; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; display: block; }
.walkman_chapter span{ width: 6.32rem; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; display: block; }
.walkman_section i{ display: none; position: absolute; width: 0.666667rem; background: url(/img/walkman_playing.png) no-repeat center center; background-size: .506667rem auto; right: 1.52rem; top: 0; bottom: 0; margin: auto 0; }
.walkman_chapter.active i{ display: block; }
.walkman_lesson.active i{ display: block; }
.walkman_notBuy{ width: 0.8rem; height: 0.8rem; background: url(/img/walkman_lock.png) no-repeat center center; background-size: auto .533333rem; position: absolute; right: 0.4rem; top: 0; bottom: 0; margin: auto 0; }
.walkman_bar{ width: 100%; position: absolute; left: 0; bottom: 7.4vh; display: flex; background: #1a98ff; color: #fff; font-size: 0.453333rem; box-shadow: 0 -0.066667rem 0.066667rem rgba(0,0,0,.15); }
.walkman_bar_button{ width: 1.706667rem; background: url(/img/walkman_bar_pause.png) no-repeat center center; background-size: 0.373333rem auto;  }
.walkman_bar_max{ width: 1.333333rem; background: url(/img/walkman_max.png) no-repeat center center; background-size: 0.453333rem auto; }
.walkman_bar_name{ flex: 1; padding: 0.44rem 0 0.44rem 0.4rem; line-height: 1; border-right: 0.013333rem solid #1888e3; border-left: 0.013333rem solid #1888e3; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.walkman_pop{ transform: translateY(18rem); position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; background: #ecf3fc; width: 100%; height: 100%; }
.walkman_pop_container{ padding: 0 0.653333rem; border: 0.013333rem solid #dbe5f0; background: #fff; top: 0.826667rem; position: absolute; left: .266667rem; bottom: 1.573333rem; right: .266667rem; margin: 0 auto; border-radius: 0.106667rem; }
.walkman_min{ position: absolute; right: 0; top: 0; width: 0.853333rem; height: 0.853333rem; background: url(/img/walkman_min.png) no-repeat center center; background-size: 0.453333rem auto; }
.walkman_pop_bar{ display: flex; display: -webkit-flex; overflow: hidden; position: absolute; left: 0; bottom: 1.093333rem; padding: 0 1.90rem; width: 100%; box-sizing: border-box; height: 1.466667rem; }
.walkman_pop_bar span{ float: left; width: 1.466667rem; height: 100%; flex: 1; -webkit-flex: 1; }
#walkman_prev{ background: url(/img/walkman_prev.png) no-repeat center center; background-size: 0.56rem auto; }
#walkman_next{ background: url(/img/walkman_next.png) no-repeat center center; background-size: 0.56rem auto; }
.walkman_pop_button{ background: url(/img/walkman_button_pause.png) no-repeat center center; background-size: contain; margin: 0 0.613333rem; border-radius: 50%; box-sizing: border-box; }
.walk_loop{ position: absolute; right: 0.266667rem; top: 0; bottom: 0; margin: auto 0; background: url(/img/walkman_loop1.png) no-repeat center center; background-size: 0.64rem auto; }
.walkman_pop_header{ padding: 1.466667rem 0.493333rem 0; border-bottom: 0.013333rem solid #dbe5f0; text-align: center; line-height: 0.586667rem; color: #333; margin-bottom: 0.8rem; }
.walkman_pop_header h2{ font-size: 0.586667rem; margin-bottom: 0.266667rem; }
.walkman_pop_header p{ font-size: 0.506667rem; margin-bottom: 0.586667rem; }
#walkman_pop_scroll{ padding: 0 0.493333rem; overflow: hidden; width: 100%; box-sizing: border-box; color: #666; text-align: center; line-height: 0.96rem; font-size: 0.453333rem; position: absolute; top: 4.3rem; bottom: 3.333333rem; left: 0; }
#walkman_pop_scroll p.active{ color: #1a98ff; }
.walkman_pop_content{ padding-top: 3.106667rem; position: relative; }
.walk_loop.active{ background: url(/img/walkman_loop.png) no-repeat center center; background-size: 0.64rem  auto; }
.walkman_bar_play{ background: url(/img/walkman_button_play.png) no-repeat center center; background-size: contain; }
.pause_audio{ background-image: url(/img/walkman_pause_audio.png); }
.walkman_click{ position: absolute; right: 0; top: 0; width: 1.33333rem; height: 100%; background-color: #333; }
.link_cata{ height: 1.173333rem; right: 0; bottom: 0; width: 1.466667rem; position: absolute; color: #fff; }
.link_cata i{ display: block; margin: 0 auto; width: 0.8rem; height: 0.8rem; background: url(/img/link_cata.png) no-repeat center center; background-size: 0.666667rem auto; }
.link_cata em{ text-align: center; position: absolute; left: 0; bottom: 0.04rem; height: 0.346667rem; width: 100%; font-size: 0.266667rem; line-height: 1; }
.link_next{ position: absolute; top: 12.613333rem; right: 0.6rem; width: 4.0rem; height: 1.2rem; background: #1a98ff; border-radius: 1.2rem; text-align: center; line-height: 1.2rem; font-size: 0.426667rem; color: #fff; }
.adaptive_box{ position: absolute; top: 1.706667rem; bottom: 0; left: 0; width: 100%; }
.adaptive_box.color{ background: #ecf3fc }
/*作业*/
.line{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.line2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.line3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.index_assign{ height: 1.066666rem; margin: 0.4rem 0.666666rem; line-height: 1.1rem; background: #1a98ff; z-index: 4; border-radius: 0.533333rem;}
.index_assign a{ display: block; font-size: 0.42rem; color: #ffffff; text-align: center; }
.task_date{ position: absolute; left: 0.2rem; bottom: 0.1rem;  z-index: 3; padding: 0.2rem;}
.task_date span{display: block; width: 0.413333rem; height: 0.293333rem; text-align: center; color: #ffffff; font-size: 0.24rem; line-height: 0.306666rem; padding-top: 0.133333rem; background: url(/img/dateIcon.png) no-repeat; background-size: 0.413333rem 0.413333rem;}
.task_btm{ bottom: 1.35rem;}
.task_main{ clear: both; position: absolute; top: 1.86rem; left: 0; right: 0; bottom: 0; overflow: auto;}
.ovfl{ overflow: hidden;}
.task_time{ text-align: center; color: #999999; font-size: 0.346666rem; padding-bottom: 0.133333rem;}
.task_list{ position: relative; overflow: hidden; /*height: 2.986666rem;*/ padding: 0 .266667rem; border: 1px solid #dbe5f0; background: #ffffff; border-radius: 0.1rem; margin:0 0.4rem 0.266666rem;}
.task_list span{ display: block;}
.task_list span.title{ font-size: .426667rem; padding: .16rem 0; font-weight: 600;}
.task_list.student span.title {width: 100%;}
.task_list span.time{ font-size: 0.373333rem; padding: 0.08rem 0;}
.task_list a.task_jump{position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; z-index: 3;}
.task_num{ padding: 0.266666rem 0; overflow: hidden;}
.task_num span{color: #999999; font-size: 0.373333rem;}
.task_num span.endtime{color: #333;}
.task_num span.endtime.disable{color: #999;}
.task_info span{display: inline-block;}
.task_info span.num{float: right;}
.task_info span.num>em{color: #1fb993; font-size: .453333rem;}
.task_list span.title>em.english,
.task_list span.title>em.math,
.task_list span.title>em.exercise,
.task_list span.title>em.exam,
.task_list span.title>em.read{
	font-weight: 500;
	border: 1px solid #ccc;
	margin-left: 0.266667rem;
	line-height: 0.4rem;
	border-radius: 0.666667rem;
	padding: 0 0.133333rem;
	font-size: 0.32rem;
}
.task_list span.title>em.english{border-color: #f19149;color: #f19149;}
.task_list span.title>em.math{border-color: #4a77d5;color: #4a77d5;}
.task_list span.title>em.exercise{border-color: #0ba675;color: #0ba675;}
.task_list span.title>em.exam{border-color: #279ec8;color: #279ec8;}
.task_list span.title>em.read{border-color: #ea68a2;color: #ea68a2;}
.task_list.student .task_num{ padding: .48rem 0; overflow: hidden;}
.task_list.student .task_num span{ float: left; color: #999999; font-size: 0.373333rem;}
.task_jd{ position: relative; float: right; margin-top: 0.2rem; margin-right: 1.266666rem; width: 1.333333rem; height: 0.133333rem; border-radius: 0.066666rem; background: #e8f4fb;}
.task_jd i{ position: absolute; height: 0.133333rem; border-radius: 0.066666rem; top: 0; left: 0; background:-moz-linear-gradient(left,#cbf2f5,#25e9d3);background:-webkit-gradient(linear,0 50%,100% 50%,from(#cbf2f5),to(#25e9d3));background:-webkit-linear-gradient(left,#cbf2f5,#25e9d3);background:-o-linear-gradient(left,#cbf2f5,#25e9d3); }
.task_jd span.num{position: absolute; right: -1.266666rem; bottom: -0.15rem;}
.task_jd span.num em{ color: #09e7cd;}
.task_calendar{ display: none; position: absolute; top: 2.106666rem; left: 0; right: 0; bottom:1.28rem;z-index: 4;}
.task_cld_bg{ position: absolute; top: 0; left: 0;right: 0; bottom: 0; z-index: 5;}
.task_cld{ position: relative; z-index: 6; margin: 0 0.266666rem; background: #FFFFFF;box-shadow: 0rem 0.2rem 0.5rem #cecece; border-radius: 0.133333rem;}
.task_cld .sign_succ_calendar_title{ background: #3da8ff; border-radius: 0.133333rem 0.133333rem 0 0; margin: 0;}
.task_cld .sign{ padding-top: 0.4rem;}
.task_cld .sign .cur{ background: none; color: #999999;}
.task_cld .sign .on{ background: url(/img/personal_sign1.png) no-repeat center center; background-size: 0.8rem 0.8rem; color: #c1ebff;}
.task_select{
	background: rgba(0,0,0,.3);
}
.task_jc{position: absolute;left: 0;bottom: 0;right: 0; background: #ffffff; border: 1px solid #dbe5f0; overflow: hidden;}
.task_jc li{ text-align: center; font-size: 0.426666rem; color: #333333; height: 1.2rem; line-height: 1.25rem; border-bottom: 1px solid #DBE5F0;}
.task_jc li:last-child{ border: none;}
.task_jc li.cur{background: #f6faff; color: #1a98ff;}
.task_lx{ display: none; margin-top: 0.266666rem; padding: 0.4rem 0.4rem 0.4rem 2.026666rem; min-height: 1.333333rem; position: relative; background: #ffffff;}
.task_lx i{ position: absolute; top: 0.4rem; left: 0.4rem; display: block; width: 1.333333rem; height: 1.333333rem;}
.task_lx i.i1{ background: url(/img/task_icon1.png) no-repeat; background-size:1.333333rem 1.333333rem ;}
.task_lx i.i2{ background: url(/img/task_icon2.png) no-repeat; background-size:1.333333rem 1.333333rem ;}
.task_lx i.i3{ background: url(/img/task_icon6.png) no-repeat; background-size:1.333333rem 1.333333rem ;}
.task_lx span{ display: block; font-size: 0.373333rem; color: #999999;}
.task_lx span.title{ color: #333333; font-size: 0.453333rem; padding-bottom: 0.08rem;}
.task_n{ text-align: center; overflow: hidden; padding-top: 20%; font-size: 0.373333rem; color: #999999;}
.task_n img{ display: block; width: 1.786666rem; height: auto; padding-bottom: 0.4rem; margin: 0 auto;}
.task_lists{ padding-bottom: 0.4rem;}
/* .task_stu_title{ font-size: 0.4rem; color: #ffffff; padding: 0.666666rem 0.4rem 0 0.4rem;} */
.task_stu_info{ position: relative; padding: 0.42rem 4rem 0 0.4rem;}
.task_stu_info span{ display: block; color: #ade5ff; font-size: 0.373333rem; padding-bottom: 0.1rem;}
.task_stu_info span.accuracy{ position: absolute; right: 0.8rem; top: 0; text-align: center;}
.task_stu_info span.accuracy em{ display: block; color: #ffffff; font-size: 1.066666rem;}
.task_stu_top{ display: none; position: absolute; top: 0; left: 0 ; right: 0; height: 1.533333rem; border-bottom: 1px dashed #dbe5f0; padding-left: 30px; }
.task_stu_jd{ float: none; margin-top: 0.733333rem; position: relative;}
.task_stu_jd span.num{ font-size: 0.48rem; position: absolute; top: -0.25rem; right: -2.8rem; color: #999999; }
.task_stu_jd span b{ font-size: 0.266666rem; color: #999999;}
.task_stu_list{ min-height: 101%;}
.task_stu_ul{ overflow: hidden;}
.task_stu_ul li{ position: relative; padding:0 0 0 1.466666rem;}
.task_stu_ul li img{ position: absolute; top: 0.4rem; left: 0.4rem; width: 0.8rem; height: 0.8rem; border-radius: 50%; }
.task_stu_ul li a{ display: block; height: 0.8rem; line-height: 0.83rem; padding: 0.4rem 0.68rem 0.4rem 0; border-bottom: 1px solid #DBE5F0;}
.task_stu_ul li a:after{content: ''; position: absolute; top: 50%;right: 0.4rem;width: .2rem;height: .2rem; border-width: 1px;border-style: solid;border-color: #dae5ee #dae5ee transparent transparent;transform: translateY(-50%) rotate(45deg);}
.task_stu_ul li a span{ display: block; float: left;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.task_stu_ul li a span.stu_name{ font-size: 0.426666rem; color: #333333; width: 30%;}
.task_stu_ul li a span.stu_time{ font-size: 0.373333rem; color: #999999; width: 38%;}
.task_stu_ul li a span.stu_result{ font-size: 0.373333rem; color: #09e7cd; width: 32%; text-align:right;}
.task_mr{ margin: 0.266666rem; padding: 0 0.4rem; background: #ffffff; border: 1px solid #dbe5f0; border-radius: 0.1rem;}
.task_tips{ position: relative; line-height: 0.5rem; color: #333; font-size: .4rem; padding: 0.493333rem 0 0.453333rem 1.4rem; border-bottom: 1px dashed #e9aeb5;}
.task_tips::before {content: ''; position: absolute; left: -0.426667rem; width: 1.493333rem; height: .666667rem; background: url(/img/task_twostap.png) no-repeat left center / 100% 100%;}
.task_sbj{ padding: .466667rem 0; overflow: hidden;}
.task_sbj.subject {padding-left: .653333rem; font-size: .426667rem; color: #666; background: url(/img/task_icon3.png) no-repeat left center / 0.426666rem 0.533333rem; border-bottom: 1px solid #dbe5f0;}
.task_sbj .s1 {float: right; color: #97a6b2; font-size: .426667rem;}
/* .task_sbj span.s1{ font-size: 0.453333rem; color: #333333;} */
.task_btn{ float: right; display: block; width: 2.533333rem; height: 0.8rem; background: url(/img/task_icon7.png) no-repeat; background-size: 2.533333rem 0.8rem; }
.task_btn em{ display: block; color: #ffffff; font-size: 0.373333rem; padding-left: 0.533333rem; background: url(/img/task_icon4.png) no-repeat left center; background-size: 0.346666rem 0.346666rem;}
.task_sel{ overflow:hidden; line-height: 0.5rem; color: #666; font-size: .426667rem; padding: 0.493333rem 0 0.453333rem .653333rem; background: url(/img/task_icon5.png) no-repeat left center / 0.426666rem 0.533333rem;}
.task_sel span{ display: block; float: left;}
.task_sel span.subject{ float: right; color: #1a98ff; padding-right: 0.506666rem; background: url(/img/task_en_list_bg.png) no-repeat right center; background-size: 0.24rem 0.48rem;}
.task_type{ z-index: 6;}
.task_share_btn{ width: 2.506666rem; height: 0.746666rem; line-height: 0.7546rem; text-align: center; font-size: 0.373333rem; color: #ffffff; border-radius:0.5rem; border: 1px solid #ffffff; margin-top: 0.55rem; margin-left: 0.4rem; background: #45c1ff;}
/* .task_tips.task_class_select{
	background-image: url(../img/homework_class_select_icon.png);
	background-size: 0.533333rem;
} */

.task_class_select::before {background-image: url(/img/task_onestap.png);}

.task_button_bottom{
    position: fixed;
    bottom: 0.4rem;
    left: 0.266666rem;
    right: 0.266666rem;
    height: 1.2rem;
    line-height: 1.25rem;
    background: #1a98ff;
    z-index: 3;
    border-radius: 0.133333rem;
}
.task_button_bottom.cantap{
	background: #1a98ff;
}
.task_button_bottom>div{
    font-size: 0.453333rem;
    color: #ffffff;
    text-align: center;
}
.task_sbj .task_class_name{
	display: flex;
	align-items: center;
	float: left;
	border: 0.026667rem solid #1a98ff;
	/* width: 1.866667rem; */
	width: 1.933333rem;
	height: 0.8rem;
	vertical-align: middle;
	border-radius: 0.533333rem;
	text-align: center;
	font-size: 0.346667rem;
	white-space: nowrap;
	box-sizing: border-box;
	/* padding: 0 .133333rem; */
	overflow: hidden;
	margin: 0.28rem 0.266667rem 0.28rem 0;
}
.task_sbj .task_class_name p {
	width: 100%;
}
.task_sbj .task_class_name:nth-child(4n){
	margin-right: 0;
}
.task_blank{
	height: 2.786667rem;
}
.task_sbj .task_class_name.selected{
	background: #1a98ff;
	color: #fff;
}
.task_sbj .task_class_name.disable{
	color: #97a6b2;
	border-color: #97a6b2;
}



/*.math_scroll{ height: 13.946667rem; }*/
.math_amount_scroll{
	overflow-y: scroll;
}
.math_time_content{ padding-left: 0.266667rem; }
.math_time_area{ padding-left: 0.266667rem; }
.math_time_chapter, .math_time_lesson, .math_amount_chapter, .math_amount_lesson,.math_preview_chapter{ position: relative; display: flex; width: 100%; color: #333; font-size: 0.48rem; border-bottom: 0.013333rem solid #dbe5f0; }
.math_time_chapter i,.math_time_lesson i{ width: 0.48rem; position: relative; margin-right: 0.266667rem; }
.math_time_chapter i:after,.math_time_lesson i:after{ content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 0.453333rem; height: 0.453333rem; border: 0.013333rem solid #999; border-radius: 50%; background: #f8f8f8; }
.math_time_chapter.active i:after,.math_time_lesson.active i:after{ border: none; border-radius: 0; background: url(/img/math_time_select.png) no-repeat; background-size: cover; }
.math_time_chapter span,.math_time_lesson span{ padding: 0.626667rem 0; line-height: 1; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 8.293333rem; }
.math_amount_chapter span,.math_preview_chapter span { padding: 0.626667rem 0; line-height: 1; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 8.106667rem; }
.math_preview_chapter span{ width: 7.546667rem; }
.math_preview_chapter em{ position: absolute; right: 0.4rem; top: 0; color: #e1752f; font-size: 0.346667rem; padding: 0.693333rem 0; line-height: 1; width: 1.493333rem; text-align: center; }
.math_preview_lesson{ font-size: 0.453333rem; padding: 0.573333rem 0; line-height: 1; }
.math_time_area .math_time_lesson span{ font-size: 0.426667rem; padding: 0.52rem 0; width: 7.84rem; }
.math_time_area .math_amount_lesson span{ font-size: 0.426667rem; padding: 0.52rem 0; width: 7.84rem; }
.math_time_confirm{/* width: 9.466667rem;*/ height: 1.173333rem; background: #1a98ff; color: #fff; border-radius: 0.133333rem; margin: auto ; font-size: 0.426667rem; display: block; position: absolute; left: .266667rem; right: .266667rem; bottom: 0.4rem; }
.homework_title{ padding: 0.626667rem 0 0.626667rem 0.72rem; font-size: 0.48rem; border-bottom: 0.013333rem solid #dbe5f0; line-height: 1; position: relative; }
.homework_title:after{ content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; background: url(/img/homework_title.png) no-repeat; width: 0.546667rem; height: 0.506667rem; background-size: cover; }
.homework_content{ padding-left: 0.266667rem; padding-top: 0.2rem; box-sizing: border-box; font-size: 0.373333rem; color: #333; border-bottom: 0.013333rem solid #dbe5f0; }
.homework_content p{ padding: 0.386667rem 0; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 1; font-size: 0.426667rem; }
.homework_content p>span{
	float:right;
	margin-right: 0.533333rem;
}
.homework_time{ overflow: hidden; border-bottom: 0.013333rem solid #dbe5f0; font-size: 0.426667rem; height: 1.733333rem }
.homework_time em{ float: left; font-size: 0.48rem; padding-left: 0.72rem; font-weight: bold; position: relative; line-height: 1.733333rem; height: 100%; }
.homework_time span{ float: right; padding-right: 0.906667rem; position: relative; line-height: 1.733333rem; height: 100%; }
.homework_time span:after{ content: ''; position: absolute; right: 0.4rem; top: 0; bottom: 0; margin: auto 0; width: 0.24rem; height: 0.48rem; background: url(/img/task_en_list_bg.png) no-repeat; background-size: cover; }
.homework_time em:after{ content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 0.573333rem; height: 0.533333rem; background: url(/img/homework_clock.png) no-repeat; background-size: cover;  }
.homework_prompt{ margin-top: 0.4rem;margin-bottom: 0.4rem; margin-right: 0.266667rem; box-sizing: border-box; border: 0.013333rem solid #ecebca; background: #fffee5; padding-top: 0.293333rem; padding-left: 1.906667rem; line-height: 0.613333rem; color: #e1752f; font-size: 0.36rem; position: relative;  }
.homework_prompt:after{ content: ''; position: absolute; left: 0.16rem; top: 0; bottom: 0; margin: auto 0; background: url(/img/homework_prompt.png) no-repeat; background-size: cover; width: 1.56rem; height: 1.653333rem; }
.math_box{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; }
.homework_complete_content{ height: 13.573333rem; box-sizing: border-box; padding: 7.253333rem 1.92rem 0; position: relative;  }
.homework_complete_content p{ line-height: 0.653333rem; color: #666; font-size: 0.346667rem; position: relative; text-align: center; }
.homework_complete_content:after{ content: ''; position: absolute; top: 3.133333rem; left: 0; right: 0; margin: 0 auto; width: 3.72rem; height: 3.626667rem; background: url(/img/homework_character.png) no-repeat; background-size: cover; }
.homework_know{ display: block; text-align: center; text-decoration: underline; color: #1a98ff; font-size: 0.346667rem;margin-top: 0.8rem; }
#homework_share{ background: #1fb993; margin-top: 0.533333rem; }
#homework_complete{ background: #fff; }
.math_amount_lesson.active span{ color: #1fb993; width: 6.48rem; }
.math_amount_chapter.active span{ color: #1fb993; width: 6.746667rem; }
.amount_reduce{ display: none; width: 0.56rem; height: 1.6rem; position: relative; position: absolute; right: 1.75rem; top: 0; }
.amount_reduce:after{ width: 0.56rem; height: 0.56rem; position: absolute; content: ''; top: 0; bottom: 0; margin: auto 0; left: 0; background: url(/img/math_reduce.png) no-repeat; background-size: cover; }
.amount_add{ width: 0.56rem; height: 1.6rem; position: relative; position: absolute; right: 0.4rem; top: 0; }
.amount_add:after{ width: 0.56rem; height: 0.56rem; position: absolute; content: ''; top: 0; bottom: 0; margin: auto 0; left: 0; background: url(/img/math_add.png) no-repeat; background-size: cover; }
.subject_amount{ display: none; line-height: 1.6rem; color: #333; width: 0.8rem; text-align: center; font-weight: bold; position: absolute; right: 0.96rem; top: 0; }
.math_amount_button{ width: 48.6%; margin: 0; float: right; position: static; }
.preview_button{ width: 48.6%; height: 1.173333rem; background: #1fb993; border-radius: 0.133333rem; float: left; }
.preview_bottom{ margin: auto; overflow: hidden;  position: absolute; left: .266667rem; right: .266667rem; bottom: 0.4rem; }
.preview_button em{ display: block; text-align: center; color: #fff; font-size: 0.4rem; margin-top: 0.133333rem; }
.preview_button span{ display: block; text-align: center; color: #fff; font-size: 0.24rem; }
.subject_change{ position: absolute; bottom: 0; right: 0.4rem; height: 1.1733333333333333rem; padding-left: 0.64rem;  }
.subject_change:after{ content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; background: url(/img/question_change.png) no-repeat; background-size: cover; width: 0.48rem; height: 0.48rem; }
.accept_success{ width: 7.04rem; height: 7.146667rem; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; text-align: center; }
.accept_success img, .accept_step1 img{ width: 2.973333rem; height: auto; }
.accept_success span, .accept_step1 span{ padding-left: 0.76rem; position: relative; font-size: 0.48rem; }
.accept_success span:after, .accept_step1 span:after{ content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; background: url(/img/accept_success.png) no-repeat; background-size: cover; width: 0.52rem; height: 0.506667rem; }
.accept_success_title{ margin: 0.4rem 0; }
.accept_success p{ color: #666; font-size: 0.346667rem; line-height: 0.666667rem; }
.accept_success em{ color: #e1752f; }
.not_accept{ width: 10.0rem; height: 27.173333rem; margin: 0 auto; background: url(/img/homework_share_bg.png) no-repeat; background-size: cover; }
.homework_share_container{ overflow: auto; -webkit-overflow-scrolling: touch; }
.homework_share_content{ padding: 5.973333rem 0.666667rem 0; }
.not_accept_title{ text-align: center; font-size: 0.586667rem; border-bottom: 0.013333rem solid #d3d9e1; }
.not_accept_title h2{ text-align: center; font-size: 0.506667rem; padding: 0 0.08rem; }
.not_accept_title p{ padding: 0 1.693333rem; font-size: 0.453333rem; line-height: 0.693333rem; margin: 0.48rem 0; }
.not_accept_title em{ color: #e1752f; }
.accept_step1,.accept_step2,.accept_step3{ padding-top: 0.64rem; }
.accept_step1 h2,.accept_step2 h2,.accept_step3 h2{ font-weight: normal; font-size: 0.373333rem; }
.accept_step2 p,.accept_step3 p{ text-align: center; }
.accept_step2 img{ width: 3.746667rem; height: auto; margin: 0.826667rem auto 0.533333rem; display: block; }
.accept_step3 p{ padding: 0.4rem; line-height: 0.613333rem; background: #fffee5; border: 0.013333rem solid #ecebca; color: #e1752f; margin-top: 0.533333rem; }
.accept_step1_success{ text-align: center; }

.homework_share_container input[type = number], #imgCodeInp{ display: block; font-size: 0.373333rem; width: 8.133333rem; height: 1.306667rem; border: 0.013333rem solid #999; box-sizing: border-box; padding-left: 0.32rem; border-radius: 0.16rem; margin: 0.4rem auto 0; }
#imgCodeInp{width: 4.74666rem; margin-left: 0; margin-top: 0;}
.homework_share_container input[type = button]{ display: block; font-size: 0.453333rem; color: #fff; width: 8.133333rem; height: 1.306667rem; background-color: #1fb993; border-radius: 0.16rem; box-sizing: border-box; margin: 0 auto; }
#code{ flex: 1; margin-top: 0; border-radius: 0.16rem; }
#get_code.nouse{color: #999;}
#get_code{ position: absolute; right: 0; top: 0; width: 2.533333rem; border: 0.013333rem solid #999; height: 100%; border-radius: 0 0.16rem 0.16rem 0; font-size: 0.373333rem; color: #333; background: #f9f9f9; }
.register_content,.img_code_content{ display: flex; position: relative; width: 8.133333rem; margin: 0.266667rem auto 0.533333rem; }
.img_code_content{justify-content: space-between;}
.img_wrap{width: 3.10666rem; height: 1.306667rem;}
.homework_share_fail{ display: none; height: 1.2rem; line-height: 1.2rem; position: absolute; left: 0; top: 0; width: 100%; text-align: center; background: #ffe1df; border-bottom: 0.013333rem solid #ff4f42; color: #333; font-size: 0.4rem; }
.homework_share_fail span{ padding-left: 0.76rem; position: relative; }
.homework_share_fail span:after{ content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; background: url(/img/homework_share_fail.png) no-repeat; background-size: cover; width: 0.506667rem; height: 0.506667rem; }
.student_container{position: absolute; top: 1.846667rem; right: 0.28rem; bottom: 0.28rem; left: 0.28rem; margin: auto; border-radius: .1333rem; overflow: hidden;}

.student_head {background: url(/img/task_info_top_bg.png) no-repeat center center / 100% auto;}

.student_head .stu_detail_top_wrap {display: flex; justify-content: center; height: 2.933333rem; border-bottom: 1px solid #fff;}
.stu_detail_top_wrap .item {flex: 1; display: flex; flex-wrap: wrap; align-content: center; text-align: center;}
.stu_detail_top_wrap .item p {flex: 0 0 100%; color: #fff; line-height: .533333rem; font-size: .266667rem; letter-spacing: 1px;}
.stu_detail_top_wrap .item .num {font-size: .533333rem; font-weight: 700;}
.stu_detail_top_wrap .item .stu_name {line-height: .613333rem; font-size: .373333rem;}
.stu_detail_top_wrap img {margin: 0 auto; width: 1.866667rem; height: 1.866667rem; border-radius: 50%;}

.student_head .stu_detail_bottom_wrap {display: flex; height: .853333rem;}
.stu_detail_bottom_wrap div {position: relative; flex: 1; text-align: center; line-height: .853333rem; font-size: .306667rem; color: #fff;}
.stu_detail_bottom_wrap div::before {content: ''; display: block; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 2px; height: .28rem; background-color: rgba(255, 255, 255, 0.5);}
.stu_detail_bottom_wrap div:last-of-type::before {width: 0;}
/* .higher .student_head{height: 4.4rem;} */
/* .student_title{padding: .7733rem 0 .15rem .4rem; color: rgba(255,255,255,.9); font-size: .4rem; font-weight: normal;} */
/* .student_check{margin-bottom: .4rem; padding:0 .4rem 0; height: .4rem; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; color: rgba(255,255,255,.6); font-size: .32rem;} */
/* .student_detail{padding:0 0 .15rem .4rem; color: rgba(255,255,255,.6); font-size: .32rem;} */
/* .student_accuracy{position: absolute; left: 6.2rem; top: 1.52rem; width: 2.6rem; height: 1.4267rem; color: rgba(255,255,255,.6); font-size: .32rem; text-align: center;} */
/* .higher .student_accuracy{top: 2.02rem;} */
/* .student_accuracy p{color: #fff; font-size: .7rem;} */
.student_content{position: absolute; top: 3.573333rem; bottom: 0; left: 0; right: 0;}
.student_content:after{content: ''; position: absolute; top: -.18rem; left: 1.333rem; width: 0; height: 0; border-style: solid; border-width: .2rem; border-color: transparent transparent #fff;}
/* .higher .student_content{top: 4.2rem;} */
.student_photo{margin: 0 auto; padding: .3rem 0 0; width: 1.28rem; height: 1.28rem;}
.student_photo img{width: 100%; height: 100%; border-radius: 50%;}
.student_name{margin: 0 .694rem; padding: .25rem 0; text-align: center; color: #fff; font-size: .38rem; border-bottom: .01333rem solid #fff}
.student_left{float: left; padding-top: .2666rem; margin-left: 1.2916rem; color: rgba(255,255,255,.6); font-size: .32rem;}
.student_right{float: right; padding-top: .2666rem;  margin-right: 1.2916rem; color: rgba(255,255,255,.6); font-size: .32rem;}

.question_list{position: absolute; top: .2rem; bottom: 0; left: 0; right: 0; margin: auto; overflow-y: auto; -webkit-overflow-scrolling: touch; background-color: #fff;}

.question_li {position: relative; box-sizing: border-box; padding: .36rem 0; margin: 0 .266667rem; height: 2.266667rem; border-bottom: 1px solid #dbe5f0;}
/* .question_li li{position: relative; -webkit-flex: 1; flex: 1; text-align: center;} */
/* .question_li li:first-child{-webkit-flex: 2; flex: 2;} */
.question_li .question {line-height: .8rem; font-size: .426667rem; color: #333;}
.question_li .question span {text-decoration: underline;}
.question_li .answer {line-height: .733333rem; font-size: .373333rem; color: #666;}
.question_li .answer span {color: #333;}
.question_li .wrong span {color: #fe3737;}
.question_li .time {padding-left: .506667rem; position: absolute; right: .266667rem; bottom: .533333rem; line-height: .373333rem;}
.question_li .time i {display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: .426667rem; height: .426667rem; background: url(/img/icon_clock.png) no-repeat center / 100%;}

.student_container.student {right: 0; bottom: 0; left: 0; border-radius: 0;}
.student .student_head {position: relative; height: 4.48rem; text-align: center; background-color: #fff; background: url(/img/wave_bg.png) no-repeat center bottom / 100% auto;}
.student .student_head .task_title {margin: .426667rem auto 0; width: 90%; line-height: .533333rem; font-size: .533333rem; color: #fff; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.student .header_data_wrap {position: absolute; top: 0; left: 0; right: 0; bottom: 0.9rem; background-color: #1a98ff;}
.student .stu_detail_wrap {display: flex; align-content: center; height: 3rem;}
.student .stu_detail_item {flex: 1; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; color: #fff;}
.student .stu_detail_item:nth-of-type(2) {flex: 0.45;}
.student .stu_detail_item p.num {position: relative; line-height: .733333rem; font-size: .733333rem; font-weight: 700;}
.student .stu_detail_item p.txt {flex: 0 0 100%; margin-top: .133333rem; line-height: .613333rem; font-size: .346667rem;}
.student .stu_detail_item .sup_tip {display: none; position: absolute; top: 0; right: -0.753333rem; padding-left: .373333rem; height: .453333rem; line-height: .36rem; font-size: .28rem; background: url(/img/icon_task_tip.png) no-repeat left center / auto 100%;}
.student .student_content {top: 4.48rem; background-color: #fff;}
.student .student_content::after {border: 0;}
.student .question_list {top: 0;}
.student .question_li {margin: 0; padding: .36rem .266667rem;}


.task_overview .student_head {position: relative; height: unset; background-image: none; border-radius: .133333rem; border: 1px solid #dbe5f0; background-color: #fff;}
.task_overview .student_head .task_head_top {border: 1px solid #dbe5f0; border-radius: .133333rem .133333rem 0 0; background: url(/img/stu_head_top_bg.jpg) no-repeat center / 100%; color: #fff;}
.task_overview .student_head .task_stu_title {margin: .333333rem .4rem 0; line-height: .746667rem; font-size: .373333rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; letter-spacing: 1px;}

.task_overview .exam .task_head_top {height: 2.466667rem; background-image: url(/img/stu_head_top_bg.jpg);}
.task_overview .exam .answer_time {margin: .2rem .4rem 0; line-height: .32rem; font-size: .306667rem;}

.task_overview .exercise .task_head_top {height: 3.933333rem; background-image: url(/img/exercise_head_top_bg.jpg); border-bottom: none;}
.task_overview .exercise .answer_result {display: flex; justify-content: center; height: 2.533333rem;}
.task_overview .exercise .stu_detail_item {flex: 1; display: flex; align-content: center; flex-wrap: wrap; justify-content: center; text-align: center; color: #fff;}
.task_overview .exercise .detail_num {font-size: .8rem; line-height: .8rem; font-weight: 700;}
.task_overview .exercise .detail_num i {font-size: .506667rem;}
.task_overview .exercise .detail_txt {width: 100%; line-height: .906667rem; font-size: .306667rem; letter-spacing: 2px;}

.task_overview .student_head .task_head_bottom {display: flex; flex-wrap: wrap; align-content: stretch; height: 2.4rem;}
.task_overview .student_head li {position: relative; display: flex; align-items: center; width: 100%; margin: 0 .053333rem 0 .4rem;}
.task_overview .student_head span {display: inline-block; padding-right: .4rem; line-height: .4rem; font-size: .4rem; border-right: 2px solid #b3c1d1;}
.task_overview .student_head .num {margin-left: .266667rem; border: none;}
.task_overview li strong {position: relative; top: -2px;}
.task_overview li.finished {border-bottom: 1px solid #dbe5f0;}
.task_overview li.finished strong {color: #58c4a8;}
.task_overview li.no_finished strong {color: #ef8080;}
.task_overview li .arrow {position: absolute; right: .4rem; top: 50%; transform: translateY(-50%); width: .24rem; height: .48rem; background: url(/img/task_en_list_bg.png) no-repeat center center / contain;}
.task_overview .task_pt {border-radius: .133333rem; overflow: hidden;}
.task_overview .task_pt.exercise {top: 6.666667rem;}
.task_tab_list {display: flex;}
.task_tab_list .task_tab {flex: 1; line-height: 1.066667rem; font-size: .426667rem; color: #333; text-align: center; background-color: #d6ecff;}
.task_tab_list .task_tab.active {background-color: #1a98ff; color: #fff;}
.task_overview .task_tab_con {
	position: absolute;
	top: 1.066667rem;
	left: 0; right: 0; bottom: 0;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	border: 1px solid #dbe5f0;
	border-top: none;
	background: #fff;
}
.task_overview .task_tab_con .scroll_wrap {
	min-height: 101%;
}
.task_overview .task_tab_con .canvas_wrap{
	width: 8.933333rem;
	margin: 0 auto;
	border: 1px solid #c9d4df;
}
.task_overview .task_tab_con .scroll_wrap>h6{
	padding: 0 0.266667rem;
	color: #999999;
	line-height: 0.986667rem;
	font-size: 0.32rem;
	font-weight: 300;
}
.task_overview .task_tab_con .charts_content{
	font-size: 0.373333rem;
	line-height: 0.573333rem;
	font-weight: 600;
	padding-bottom: 0.4rem;
	background: #fff;
}
.task_overview .task_tab_con .charts_content>h6{
	width: 8.933333rem;
	margin: 0 auto;
	font-weight: 300;
	font-size: 0.426667rem;
	line-height: 1.133333rem;
}
.task_overview .task_tab_con .charts_content>p{
	width: 8.933333rem;
	margin: 0 auto;
}
.task_overview .task_tab_con .charts_content>h6>em{
	font-weight: 600;
}
.task_overview .task_tab_con .charts_content>h6>em.red{
	color: #df5326;
}
.task_overview .task_tab_con .charts_content>h6>em.blue1{
	color: #706fd0;
}
.task_overview .task_tab_con .charts_content>h6>em.blue2{
	color: #2996d4;
}
.task_overview .task_tab_con .charts_content>h6>i{
	font-weight: 600;
}
.task_overview .task_tab_con .charts_content .charts_content_list>li{
	border-top: 1px solid #dbe5f0;
}
.task_overview .task_tab_con .charts_content .charts_content_list .ques_title{
	color: #666;
	font-size: 0.373333rem;
	font-weight: 300;
	line-height: 0.906667rem;
	background: #fff;
	padding: 0 0.266667rem;
}
.task_overview .task_tab_con .charts_content .charts_content_list>li:nth-child(odd) .ques_title{
	background: #e9f5f9;
}
.task_overview .task_tab_con .charts_content .charts_content_list .ques_head{
	color: #666;
	font-size: 0.373333rem;
	font-weight: 300;
	line-height: 0.906667rem;
	background: #e9f5f9;
	padding: 0 0.266667rem;
}
.task_overview .task_tab_con .charts_content .charts_content_list .ques_content{
	border-top: 1px solid #dbe5f0;
	padding: 0.133333rem 0.266667rem;
}
.task_overview .task_tab_con .charts_content .charts_content_list .ques_content>h6{
	font-size: 0.373333rem;
	line-height: 0.746667rem;
}
.task_overview .task_tab_con .charts_content .charts_content_list .ques_content>p{
	font-weight: 600;
	line-height: 0.746667rem;
}

.task_overview .task_tab_con .img_t_con_wrap {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0;}

.table_head {display: flex; padding: 0 .266667rem; border-bottom: 1px dashed #afc5de; box-shadow: 0px 6px 20px 5px #ebeff3;}
.table_head .table_c {line-height: 1.173333rem; height: 1.173333rem; font-size: .346667rem; color: #666;}
.table_list_wrap {position: absolute; top: 1.173333rem; bottom: 0; left: 0; right: 0; overflow-y: scroll; -webkit-overflow-scrolling : touch; overflow-scrolling : touch;}
.table_c {display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: center; flex: 1; width: 1.333333rem; text-align: center; height: 2.133333rem; font-size: .4rem;}
.table_c:last-of-type {flex: 2;}
.table_r {display: flex; margin: 0 .266667rem; border-bottom: 1px solid #dbe5f0;}
.table_c .img {display: inline-block; width: 1.333333rem; height: 1.333333rem; border-radius: 50%;}
.table_c .name {width: 100%; line-height: .586667rem; font-size: .32rem; color: #666;}
.table_c i {font-size: .28rem; font-weight: 500;}
.accuracy_5 span {color: #df5326; font-weight: 700;}
.accuracy_6 span {color: #f79200; font-weight: 700;}
.accuracy_7 span {color: #fec305; font-weight: 700;}
.accuracy_8 span {color: #25b766; font-weight: 700;}
.accuracy_9 span {color: #2996d4; font-weight: 700;}
.accuracy_10 span {color: #706fd0; font-weight: 700;}


/* 已交作业学生排行start */
.homework_stu_list .class_con_wrap {padding: .266667rem; overflow: hidden;}
.homework_stu_list .stu_list {position: relative; height: 100%; background-color: #fff; border-radius: .133333rem; border: 2px solid #dbe5f0; overflow: hidden;}
/* 已交作业学生排行end */

.english_homework_scroll{ bottom: 0.266667rem; }
.english_homework_chapter{ border-bottom: 0.013333rem solid #dbe5f0; color: #333; font-size: 0.453333rem; position: relative; padding: 0.626667rem 0 0.626667rem 0.4rem; font-weight: bold; line-height: 1; }
.english_homework_chapter:after{ content: ''; position: absolute; right: 0.4rem; top: 0; bottom: 0; margin: auto 0; width: 0.24rem; height: 0.48rem; background: url(/img/task_en_list_bg.png) no-repeat; background-size: cover; }
.english_content_chapter span{ width: 2.933333rem; margin-right: 3.026667rem; }
.english_content_chapter em{ font-size: 0.346667rem; color: #e1752f;  font-weight: normal; padding: 0.626667rem 0; position: absolute; right: 0.4rem; top: 0; }
.text_homework_content{ height: initial; padding-bottom: 0.2rem; }
.word_homework_content{ box-sizing: content-box; height: initial; overflow: hidden; padding-left: 0.266667rem; padding-right: 0.266667rem; padding-top: 0.213333rem; padding-bottom: 0.44rem; }
.english_content{ padding-bottom: 0.453333rem; padding-left: 0.4rem; padding-right: 0.4rem; }
.english_content_lesson em{ margin-right: 0.333333rem; }
.word_homework_content span{ float: left; height: 1.066667rem; line-height: 1.066667rem; font-size: 0.453333rem; position: relative; padding: 0 0.373333rem; text-align: center; }
.word_homework_content span:before{ content: ""; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 0.026667rem; height: 0.346667rem; background-color: #999; }
.word_homework_content span:after{ content: ""; position: absolute; right: -0.026667rem; top: 0; bottom: 0; margin: auto 0; width: 0.026667rem; height: 0.346667rem; background-color: #999; }
.text_homework_content p{ padding-left: 0.293333rem; }
.text_homework_content h2{ font-size: 0.453333rem; padding: 0.293333rem 0; }
.text_homework_title:after{ background: url(/img/word_read_icon.png) no-repeat; width: 0.426667rem; height: 0.533333rem; background-size: cover; }
.word_homework_title:after{ background: url(/img/text_read_icon.png) no-repeat; width: 0.426667rem; height: 0.533333rem; background-size: cover; }
.english_time em:after{ background: url(/img/read_time_icon.png) no-repeat; width: 0.493333rem; height: 0.52rem; background-size: cover; }
.english_read_time{ float: right; height: 100%; line-height: 1.733333rem; }
.english_read_time i{ float: left; font-size: 0.453333rem; height: 100%; position: relative; left: initial; top: initial; right: initial; }
.read_time{ width: 0.8rem; text-align: center;}

.homework_endtime{
    overflow: hidden;
    border-bottom: 0.013333rem solid #dbe5f0;
    font-size: 0.426667rem;
    height: 1.733333rem;
}
.homework_endtime>em{
    float: left;
    font-size: 0.48rem;
    padding-left: 0.72rem;
    font-weight: bold;
    position: relative;
    line-height: 1.733333rem;
    height: 100%;
}
.homework_endtime>em:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 0.48rem;
    height: 0.586667rem;
    background: url(/img/end_time_icon.png) no-repeat;
    background-size: contain;
}
.homework_endtime .endtime{
    float: right;
    padding-right: 0.906667rem;
    position: relative;
    line-height: 1.733333rem;
    height: 100%;
}
.homework_endtime .endtime:after{
	content: '';
    position: absolute;
    right: 0.4rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 0.24rem;
    height: 0.48rem;
    background: url(/img/task_en_list_bg.png) no-repeat;
    background-size: contain;
}
/* .question_li .right:after, .question_li .wrong:after{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: .8267rem; height: .6267rem; background: url(../img/right.png); background-size: .8267rem;} */
/* .question_li .wrong:after{width: .72rem; height: .72rem; background: url(../img/wrong.png); background-size: .72rem;} */
.task_main.student{top: .4rem;}
.task_list h2{font-size: 0.426666rem; font-weight: normal; padding: 0.26666rem 0 .3rem;}
.task_list .tag{display: inline-block; margin: .16rem .186667rem 0 0; border: 1px solid currentcolor; padding: .05rem .1rem; border-radius: .4rem;}
.task_list .tag.math{color: #30d1a9;}
.task_list .tag.english{color: #f19247;}
.task_list .tag.test{color: #ffaf25;}
.task_list .tag.exercise{color: #91d115;}
.task_list .tag.read{color: #eb68a3;}
.task_list .limit{color: #999999; font-size: .37333rem;}
.task_list a.math, .task_list a.english, .task_list .task_result{display: flex; align-items: center; position: absolute; right: .266667rem; bottom: .266667rem; padding: .213333rem .4rem; background: #1fb993; color: #fff; font-size: .346667rem; border-radius: .1333rem; text-align: center; vertical-align: middle;}
.task_list a.math p, .task_list a.english p, .task_list .task_result p {
	width: 100%;
}
.task_list a.disable {background-color: #bfc5cc;}
/* .task_list .finish{position: absolute; background: #d1eaff; top: 0; right: 0; width: 2.4rem; height: 100%; box-sizing: border-box; padding: .2666rem 0;}
.task_list .finish p{display: table; width: 100%; height: 50%;}
.task_list .finish p span{display: table-cell; vertical-align: middle; text-align: center; font-size: .34rem;} */
.task_list .task_result {background-color: #fff; color: #1fb993; border: 1px solid #1fb993;}
.task_list .sdate{display: inline-block; margin: .16rem .266667rem 0 0; color: #000; }
.task_list .sdate.dead {color: #999;}

/*游戏选择*/
.game_container{position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; margin: auto;  overflow: hidden;}
.game_mathBg{background: url(/img/game_bg.png) no-repeat; background-size: cover;}
.game_enBg{ background: url(/img/game_bg2.png) no-repeat; background-size: cover;}
.game_et_main{ position: relative; height: 100%; width: 100%; overflow: hidden;}
.game_et_math{ display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding-bottom: 2.2rem; padding-top: 0.5rem;}
.game_et_wrap{ position: relative; padding: 3.8rem 1.6rem 0 1.6rem;}
.game_et_wrap:before{ content: ''; position: absolute; top: 0; left: 0; right: 0; width: 8.826666rem; height: 3.8rem; margin: 0 auto; display: block; background: url(/img/game_icon1.png) no-repeat; background-size: 8.826666rem 3.8rem;}
.game_et_math_list{ overflow: hidden; width: 6.666666rem; margin: 0 auto;}
.game_et_math_list li{ height: 2.386666rem; margin: 0.5rem 0; position: relative;}
/*.game_et_math_list li{ height: 2.386666rem; width: 3.333333rem; margin: 0.5rem 0; padding-right: 3.333333rem; position: relative;}
*/.game_et_math_list li.icon_0{ background: url(/img/game_icon2.png) no-repeat; background-size: 100%;}
.game_et_math_list li.icon_1{ background: url(/img/game_icon3.png) no-repeat; background-size: 100%;}
.game_et_math_list li.icon_2{ background: url(/img/game_icon4.png) no-repeat; background-size: 100%;}
.game_et_math_list li a{ display: table; width: 100%; height: 100%; padding-bottom: 0.1rem;}
.game_et_math_list li i{display: none; position: absolute; top: 38%; right: 0.733333rem; font-size: 0.32rem; color: #ffffff; width: 2.466666rem; height:0.546666rem; line-height: 0.58rem; text-align: center;}
.game_et_math_list li.icon_0 i{ background: url(/img/game_icon5.png) no-repeat; background-size: 100% 100%;}
.game_et_math_list li.icon_1 i{ background: url(/img/game_icon6.png) no-repeat; background-size: 100% 100%;}
.game_et_math_list li.icon_2 i{ background: url(/img/game_icon7.png) no-repeat; background-size: 100% 100%;}
.game_et_math_list li span{ display: table-cell; text-align: center; vertical-align: middle; font-size: 0.666666rem; font-weight: 800; }
/*.game_et_math_list li span{ display: table-cell; text-align: center; vertical-align: middle; padding-left: 0.7rem; font-size: 0.666666rem; font-weight: 800; }
*/.game_et_math_list li.icon_0 span{text-outline: 1px 1px #df9b71; background: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#fdf4a3)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.game_et_math_list li.icon_1 span{text-outline: 1px 1px #df9b71; background: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#c0de93)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.game_et_math_list li.icon_2 span{text-outline: 1px 1px #df9b71; background: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#aaf2fd)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.game_math_back{ position: absolute; display: block; bottom: 0.333333rem; left: 0.4rem; width: 1.693333rem; height: 1.68rem; background: url(/img/game_icon8.png) no-repeat; background-size: 100% 100%; z-index: 3;}
.game_et_en{ display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 0.933333rem 0.426666rem 2.2rem 0.426666rem;}
.game_et_box{ position: relative; width: 100%; height: 100%; }
.game_et_box:before{ content:''; position: absolute; display: block; width: 9.12rem; height: 2.533333rem; background: url(/img/game_icon10.png) no-repeat; background-size: 100%; top: 0; left: 0; right: 0; margin: 0 auto; z-index: 3;}
.game_et_content{ position: absolute; top: 1.266666rem; left: 0; right: 0; bottom: 0; padding-top: 1.2rem; padding-bottom: 0.4rem; background: url(/img/game_icon12.png) no-repeat; background-size: 100% 100%;}
.game_et_en_c{ height: 100%;overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.game_et_en_list{width: 7.146666rem; margin: 0 auto;}
.game_et_en_list li{ height: 2.213333rem; margin-bottom: 0.266666rem; position: relative;background: url(/img/game_icon11.png) no-repeat; background-size: 100% 100%;}
/*.game_et_en_list li{ height: 2.213333rem; width: 3.573333rem; margin-bottom: 0.266666rem; padding-right: 3.573333rem; position: relative;background: url(../img/game_icon11.png) no-repeat; background-size: 100% 100%;}
*/.game_et_en_list li a{ display: table; width: 100%; height: 100%; padding-bottom: 0.1rem;}
.game_et_en_list li span{ display: table-cell; text-align: center; vertical-align: middle; font-size: 0.666666rem; font-weight: 800; text-outline: 1px 1px #df9b71; background: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#fdf4a3)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
/*.game_et_en_list li span{ display: table-cell; text-align: center; vertical-align: middle; padding-left: 0.7rem; font-size: 0.666666rem; font-weight: 800; text-outline: 1px 1px #df9b71; background: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#fdf4a3)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
*/.game_et_en_list li i{display: none; position: absolute; top: 38%; right: 0.9rem; font-size: 0.32rem; color: #ffffff; width: 2.466666rem; height:0.546666rem; line-height: 0.58rem; text-align: center;background: url(/img/game_icon5.png) no-repeat; background-size: 100% 100%;}
.game_en_back{ position: absolute; display: block; width: 1.213333rem; height: 1.333333rem; background: url(/img/game_icon9.png) no-repeat; background-size: 100%; right: -0.1rem; top: -0.4rem; z-index: 3;}

/**我的奖品*/
.prize_li{padding: 0.4rem 0.466666rem;border-bottom: 1px solid #dbe5f0;}
.prize_detail{display: table;table-layout: fixed;width: 100%;box-sizing: border-box;}
.prize_cover{position: relative;display: table-cell;width: 1.733333rem;font-size: 0;}
.prize_cover img{width: 100%;}
.prize_li ul{position: relative;display: table-cell;vertical-align: top;padding-left: 0.333333rem;font-size: 0;}
.prize_detail h2{font-weight: normal;color: #333333;padding-top: 0.266666rem;line-height: 0.666666rem;font-size: 0.426666rem;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.prize_detail li{height: 0.6rem;line-height: 0.6rem;color: #999999;font-size: 0.373333rem;}
.prize_btn{position: relative;display: table-cell;width: 2rem;font-size: 0;vertical-align: top;padding-top: 0.4rem;}
.prize_receive{width: 100%;height: 0.933333rem;outline: 0;background: #1fb993;color: white;border: none;border-radius: 0.133333rem;font-size: 0.4rem;line-height: 0.946666rem;}
.prize_receive.nouse{background: #bec4cb;}
.prize_btn.nouse{padding: 0;height: 1.893333rem;}
.prize_btn.nouse i{display: block;width: 1.906666rem;height: 1.906666rem;background: url(/img/prize_time_over.png) no-repeat;background-size: 100% 100%;}
.prize_pop{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.8);display: none;}
.prize_pop_content1{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 8.4rem;height: 10rem;margin: auto;}
.prize_pop_content1:after{content: '';width: 7.5rem;height: 7.5rem;background: url(/img/prize_bg1.png) no-repeat;background-size: 100%;animation: spin 5000ms infinite linear;display: block;margin: 0 auto;position: absolute;top: 0.56rem;left: 0;right: 0;}
.prize_pop_content1:before{content: '';display: block;width: 8rem;height: 5.266666rem;background: url(/img/prize_gif.gif) no-repeat;background-size: 100%;position: absolute;top: 0.04rem;z-index: 2;margin-left: 0.2rem;}
.prize_pop_content{width: 7.333333rem;height: 8.2rem;margin: 1.733333rem auto 0;position: absolute;border-radius: 0.133333rem;text-align: center;background: url(/img/prize_pop_bg.png) no-repeat;background-size: 100% 100%;background-position: bottom;bottom: 0;left: 0;right: 0;z-index: 1;}
.prize_pop_content img{width: 2.533333rem;padding-top: 1rem;}
.prize_pop_content1 i{position: absolute;top: 2rem;right: 1.54rem;width: 0.266666rem;height: 0.266666rem;background: url(/img/book_close.png) no-repeat;background-size: 100% 100%;z-index: 3;}
.prize_pop_content p{text-align: center;font-size: 0.426666rem;color: white;padding-top: 0.75rem;}
.prize_pop_content h2{text-align: center;color: #fee71d;font-weight: normal;padding-top: 0.4rem;padding-bottom: 0.25rem;}
.prize_pop_btn{outline: 0;border: none;width: 2.533333rem;height: 0.933333rem;color: #ff523f;background: #fee71d;font-size: 0.453333rem;border-radius: 0.133333rem;}
.prize_wrap{-webkit-overflow-scrolling: touch;}
@-webkit-keyframes spin{
	from{transform: rotate(0deg);}
	to{transform: rotate(360deg);}
}
@keyframes spin{
	from{transform: rotate(0deg);}
	to{transform: rotate(360deg);}
}
.card_error img.img3{width: 3.053333rem;height: 3.693333rem;}
.prize_pop_content2{height: 7.266666rem;background: url(/img/prize_prop_bg1.png) no-repeat;background-size: 100% 100%;background-position: bottom;}
.prize_pop_content3{height: 9.333333rem;}
.prize_pop_content3 i{top: 2.2rem;}


/* 班级 start */
.class_header {position: relative; z-index: 4; overflow: hidden; padding: 0.5333333333333333rem 0.8rem 0 0.8rem; height: 1.1866666666666668rem; line-height: 1.1866666666666668rem; background: #4798f7; color: #ffffff; text-align: center; border-bottom: 1px solid #cccccc;}
.class_header .title {font-size: 0.45rem;}
.class_header .btn_wrap {position: absolute; bottom: 0; width: 30%; height: 1.2rem;}
.class_header .btn_wrap_l {left: 0;}
.class_header .btn_wrap_r {right: 0;}
.class_header .btn_wrap .btn {width: 1.066667rem; height: 100%; background: no-repeat center center;}
.class_header .btn_wrap_l .btn {float: left; margin-left: .12rem;}
.class_header .btn_wrap_r .btn {float: right; margin-right: .12rem;}
.class_header .btn_wrap .btn_back {background-image: url(/img/personal_back2.png); background-size: 25%;}
.class_header .btn_wrap .btn_class_info {display: none; background-image: url(/img/btn_class_info.png); background-size: 45%;}
.class_header .btn_wrap .btn_class_share {display: none; background-image: url(/img/share_class.png); background-size: 40%;}


.class_con_wrap {position: absolute; top: 1.733333rem; left: 0; right: 0; bottom: 1.32rem; background-color: #ecf3fc; overflow-y: auto;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;}
.teacher_list_wrap {height: 3.866667rem; border-bottom: 1px solid #dbe5f0; background-color: #fff; overflow-x: auto;}
.teacher_list {display: flex; flex-wrap: nowrap; height: 100%;}
.teacher_list .teacher_item {position: relative; float: left; box-sizing: border-box; flex: 0 0 2.533333rem; width: 2.533333rem; height: 100%; padding: 2.4rem .173333rem .266667rem; margin-right: .16rem;}
.teacher_list .teacher_item:last-child {margin-right: 0;}

.teacher_item .t_img_wrap {position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1.733333rem; height: 2.4rem;}
.t_img_wrap .img {box-sizing: border-box; display: block; margin-top: .453333rem; width: 1.733333rem; height: 1.733333rem; border-radius: 50%;}
.admin .img {border: 2px solid #f9b208;}
.t_img_wrap .t_tip {box-sizing: border-box; position: absolute; left: 50%; bottom: .066667rem; transform: translateX(-50%); padding: .093333rem .173333rem 0; width: 1.466667rem; height: 0.4rem; border-radius: 0.2rem; background-color: #f9b208; font-size: 0; background: url(/img/class_manager.png) no-repeat center center/100% 100%;}
.t_img_wrap .tip_img {position: relative; top: -1px; float: left; width: .266667rem; height: .266667rem; background: url(/img/t_tip_star.png) no-repeat center center / contain; vertical-align: top;}
.t_img_wrap .tip_con {float: right; height: .266667rem; line-height: .266667rem; font-size: .266667rem; color: #fff; vertical-align: top;}
.teacher_item .t_info_wrap {text-align: center;}
.t_info_wrap .t_name {line-height: .653333rem; font-size: .44rem; font-weight: 600;}
.t_info_wrap .t_subject {line-height: .533333rem; font-size: .32rem; color: #666;}

.class_column_wrap {margin: .266667rem 0; border: 1px solid #dbe5f0; border-left: none; border-right: none;}
.column_item {position: relative; box-sizing: border-box; padding: .426667rem .4rem; height: 1.48rem; background-color: #fff; border-bottom: 1px solid #dbe5f0; font-size: 0;}
.column_item:last-child {border: none;}
.column_item .column_icon {display: inline-block; width: .6rem; height: .6rem; vertical-align: bottom; background: no-repeat center center / auto 100%;}
.column_item .stu_icon {background-image: url(/img/class_column_icon1.png);}
.column_item .check_icon {background-image: url(/img/class_column_icon2.png);}
.column_item .pie_icon {background-image: url(/img/pie_icon.png);}
.column_item span {display: inline-block; margin-left: .24rem; height: .506667rem; line-height: .506667rem; vertical-align: bottom; font-size: .426667rem; letter-spacing: 2px;}
.column_item .column_line {position: relative; bottom: .093333rem; width: 2px; height: .346667rem; background-color: #999; vertical-align: -webkit-baseline-middle;}
.column_item .check_num {display: none; box-sizing: border-box; padding: .08rem .24rem; border-radius: .226667rem; height: .453333rem; line-height: .293333rem; font-size: .293333rem; background-color: #ff4f42; color: #fff;}
.column_item .column_arrow {position: absolute; right: .4rem; top: 50%; transform: translateY(-50%); width: .24rem; height: .48rem; background: url(/img/task_en_list_bg.png) no-repeat center center / contain;}

.inform_wrap {position: absolute; top: 5.92rem; bottom: 0; width: 100%; border-top: 1px solid #dbe5f0; border-bottom: 1px solid #dbe5f0; overflow: hidden;}
.inform_wrap .tab_list {display: flex; align-items: center; justify-content: center; height: 1.84rem; border-bottom: 1px solid #dbe5f0; background-color: #fff;}
.inform_wrap .tab {box-sizing: border-box; width: 4.733333rem; height: 1.04rem; line-height: 1.04rem; border: 2px solid #dbe5f0; text-align: center; font-size: .426667rem;}
.inform_wrap .tab.active {color: #1a98ff;}
.inform_wrap .homework_tab {border-radius: .52rem 0 0 .52rem; border-right-width: 1px;}
.inform_wrap .news_tab {border-radius: 0 .52rem .52rem 0; border-left-width: 1px;}
.inform_wrap .img_t_con_wrap {display: none; align-items: center; background-color: #fff; position: absolute; top: 0; bottom: .266667rem; left: 0; right: 0;}
.inform_wrap .img_t_wrap {width: 100%;}
.inform_wrap .task_list a.math {right: .4rem; bottom: .266667rem;}
.inform_wrap .task_num {padding: .48rem 0;}

/* 班级页作业、新鲜事列表 */
.inform_wrap .list_wrap {position: absolute; top: 1.866667rem; bottom: 0; width: 100%; overflow-y: auto; -webkit-overflow-scrolling: touth;}
.inform_wrap .list_wrap .scroll_wrap {position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.inform_wrap .list_wrap ul {position: absolute; top: 0; left: 0; margin-bottom: .266667rem; width: 10rem; overflow: hidden;}
.inform_wrap .class_task_list {}
.inform_wrap .task_list {border: none; margin: 0; padding: 0 .533333rem; border-bottom: 1px solid #dbe5f0;}
.inform_wrap .task_list .title {/*font-family: "SimHei";*/}
.inform_wrap .class_news_list {}
.inform_wrap .news_item {position: relative; /*padding: .52rem;*/ width: 11.68rem; /*height: 2.8rem;*/ background-color: #fff; color: #666; border-bottom: 1px solid #dbe5f0;}
.inform_wrap .news_item.trans {transform: translateX(-1.68rem);}
.inform_wrap .news_item .con {margin-right: 1.68rem; padding: .52rem; background-color: #fff;}
.inform_wrap .news_item .txt {line-height: .533333rem; font-size: .36rem;}
.inform_wrap .news_item .txt .strong {color: #e1752f;}
.inform_wrap .news_item .time {margin-top: .306667rem; font-size: .36rem;}
.inform_wrap .news_item .btn_del {display: flex; justify-content: center; align-items: center; position: absolute; right: 0; top: 0; width: 1.68rem; height: 100%; background-color: #ff4f42;}
.inform_wrap .news_item .btn_del span {color: #fff; font-size: .4rem;}

/* 教师端通知列表 */
.inform_wrap.teacher_inform_wrap {display: none;}
.teacher_inform_wrap .list_wrap {top: 0;}
.inform_wrap .teacher_msg_list {}
.teacher_msg_list .news_item .con {display: flex; align-items: center; padding-left: 2.066667rem;}
.teacher_msg_list .news_item .msg_icon {display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; width: 2.066667rem; height: 100%;}
.teacher_msg_list .news_item img {display: inline-block; width: 1.333333rem; height: 1.333333rem; border-radius: .666667rem;}
.teacher_msg_list .news_item .txt {font-size: .333333rem; line-height: .52rem;}

.class_m_cell {position: relative; margin: .253333rem; box-sizing: border-box; border: 1px solid #dbe5f0; border-radius: 6px; background-color: #fff; text-align: center; font-family: "SimHei";}
.class_noapply .class_intro {padding: .533333rem 0 .773333rem;}
.class_noapply .push_header_img {padding: .533333rem 0 .466667rem;}
.class_noapply .push_stu_name {padding: .333333rem;}
.class_intro .class_icon {display: inline-block; margin-bottom: .266667rem; width: 2rem; height: 2rem; border-radius: 1rem; background-color: #daecf3;}
.class_m_cell .tip_w {font-size: .426667rem; line-height: .72rem;}
.class_m_cell .tip_l {font-size: .346667rem; line-height: .64rem; color: #666;}
.class_m_cell .tip_t {font-size:  .426667rem; line-height: .693333rem; margin-bottom: .253333rem; padding-left: .666667rem; text-align: left;}
.class_m_cell .class_id .strong {margin-left: .2rem; color: #e1752f;}
.class_m_cell .teacher .strong {margin-left: .2rem; font-size: .426667rem; color: #000; vertical-align: baseline;}
.class_m_cell .inp_f_wrap {position: relative; display: inline-block; margin-bottom: .24rem; width: 2rem; height: 2rem; border-radius: 1rem; background-color: #daecf3; overflow: hidden;}
.inp_f_wrap .img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%;}
.inp_f_wrap .inp_f {position: absolute; top: 0; left: 0; opacity: 0; width: 100%; height: 100%;}
.class_m_cell .stu_name {padding: 0 .2rem; box-sizing: border-box; width: 100%; height: 1.28rem; line-height: 1.28rem; border: 1px solid #999; border-radius: 8px; font-size: .426667rem;}

.class_noapply .btn_apply {margin: .253333rem; height: 1.173333rem; line-height: 1.173333rem; background-color: #1fb993; color: #fff; font-size: .426667rem; text-align: center; border-radius: 8px;}
.class_noapply .btn_apply.disable {background-color: #bfc5cc;}

.class_applying .class_m_cell{padding: 0 .4rem 0 2.133333rem;}
.apply_intro {text-align: left; font-size: 0;}
.apply_intro .class_icon {position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 2.133333rem; height: 1.333333rem; text-align: center;}
.apply_intro .class_icon img {display: inline-block; width: 1.333333rem; height: 1.333333rem; background-color: #1fb993; border-radius: .666667rem;}
.apply_intro span {display: inline-block;}
.apply_intro .t_wrap {margin-top: .4rem;}
.apply_intro .t_wrap span {margin-right: .24rem; line-height: .8rem; font-size: .426667rem; letter-spacing: 1px;}
.apply_intro .b_wrap {margin: .2rem 0 .506667rem;}
.apply_intro .b_wrap span {line-height: .52rem; font-size: .333333rem; color: #999;}
.apply_intro .line {position: relative; top: 2px; width: 2px; height: .346667rem; background-color: #999; vertical-align: baseline;}
.apply_intro .btn_cancel {float: right; padding: 0 .32rem; height: .8rem; line-height: .8rem; color: #fff; font-size: .346667rem; background-color: #999; border-radius: 8px;}
.apply_intro .class_id {float: right; margin-right: .106667rem;}
.apply_intro .class_id .strong {color: #1fb993; font-weight: 600;}


.class_id_import {text-align: center; background-color: #fff; /*border-bottom: 1px solid #dbe5f0; */overflow: hidden;}
.class_id_import .img_t_wrap {margin: 2.666667rem auto 0;}
.img_t_wrap {padding: 0 1.333333rem; box-sizing: border-box; text-align: center;}
.img_t_wrap img {margin-bottom: .333333rem; height: 2.933333rem;}
.img_t_wrap .img_t_con {font-size: .36rem; line-height: .653333rem; color: #666;}
.img_t_wrap .img_t_id {margin-bottom: .373333rem; font-size: .453333rem; line-height: .453333rem;}
.img_t_wrap .img_t_id .strong {color: #e2762b;}

.class_id_import .class_id_inp {margin: .933333rem auto .4rem; padding: 0 .266667rem; box-sizing: border-box; width: 8.106667rem; height: 1.28rem; border: 1px solid #9a9a9a; border-radius: 8px; font-size: .346667rem;}
.class_id_import .next_btn {display: inline-block; width: 8.133333rem; height: 1.173333rem; line-height: 1.173333rem; border-radius: 8px; background-color: #19ba94; text-align: center; font-size: .426667rem; color: #fff;}
.class_id_import .next_btn.disable {background-color: #bfc5cc;}
/* 班级 end */

/* 班级信息start */
.info_con_wrap {position: absolute; top: 1.733333rem; left: 0; right: 0; bottom: 0; background-color: #ecf3fc; overflow-y: auto;}
.info_column_wrap {margin: .266667rem; border: 1px solid #dbe5f0; border-radius: 6px; overflow: hidden;}
.info_column {position: relative; height: 1.733333rem; padding: 0 .4rem; background-color: #fff; border-bottom: 1px solid #dbe5f0;}
.info_column:last-child {border: none;}
.info_column .column_title {float: left; height: 100%; line-height: 1.733333rem; font-size: .4rem;}
.info_column .column_img {position: absolute; top: 50%; right: .4rem; transform: translateY(-50%); width: 1.333333rem; height: 1.333333rem; border-radius: .666667rem;}
#class_heaerimg .column_img {right: 1rem;}
.info_column .column_txt {float: right; height: 100%; line-height: 1.733333rem; font-size: .4rem;}
.class_quit_btn {position: absolute; bottom: .266667rem; left: .266667rem; right: .266667rem; height: 1.173333rem; line-height: 1.173333rem; font-size: .426667rem; border-radius: 10px; background-color: #ff4f42; text-align: center; color: #fff;}
.class_quit_btn.disable {background-color: #999;}

#out_class_text {resize: none; box-sizing: border-box; padding: .24rem .133333rem; margin-bottom: .48rem; width: 85%; height: 1.6rem; font-size: .373333rem;}
/* 班级信息end */

/* 学生列表start */
.stu_con_wrap {bottom: 0; background-color: #fff;}
.stu_con_wrap .class_stu_list {display: flex; flex-wrap: wrap; margin-top: .533333rem;}
.class_stu_list .stu_item {margin: 0 .6rem; width: 2.133333rem; height: 3.28rem; text-align: center;}
.class_stu_list .stu_img {display: inline-block; margin: .266667rem 0; width: 2.133333rem; height: 2.133333rem; border-radius: 1.066667rem;}
.class_stu_list .stu_name {font-size: .333333rem; line-height: .333333rem;}

/* 催促按键 */
.press_btn {display: none; position: fixed; bottom: .4rem; left: 50%; transform: translateX(-50%); width: 9.466667rem; line-height: 1.173333rem; height: 1.173333rem; border-radius: 8px; background-color: #1a98ff; font-size: .44rem; text-align: center; color: #fff;}
.press_btn.disable {background-color: #bec4cb;}
/* 学生列表end */

/* 学情报告start */
.class_con_wrap .task_result_switch {display: flex;}
.task_result_switch .item {position: relative; line-height: 1.066667rem; flex: 1; font-size: .373333rem; text-align: center; background-color: #fff;}
.task_result_switch .item.active::before {content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); height: .066667rem; width: 80%; background-color: #1a98ff; }
.task_result_switch .item .sup {display: none; position: absolute; right: 1rem; top: .2rem; padding: 0 .173333rem; line-height: .373333rem; background-color: #ff4f42; border-radius: .186667rem; font-size: .24rem; color: #fff;}

.task_search_wrap {display: none; margin-top: .266667rem;}
.task_search_wrap .task_sel_wrap {display: flex; flex: 1; height: 1.4rem; background-color: #fff; border: 1px solid #dbe5f0;}
.task_search_wrap .sel_wrap {flex: 1; position: relative;}
.task_search_wrap .sel {width: 100%; line-height: 1.4rem; text-align: center; font-size: 0;}
.task_search_wrap .sel span {display: inline-block; min-width: 1.266667rem; font-size: .36rem; color: #666;}
.task_search_wrap .sel i {position: relative; top: -0.106667rem; display: inline-block; margin-left: .133333rem; width: .266667rem; height: .133333rem; background: url(/img/personal_help1.png) no-repeat center/100%;}
.task_search_wrap .sel::after {content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: .24rem; width: 1px; background-color: #afc5de;}
.task_search_wrap .sel_wrap:last-of-type .sel::after {width: 0;}
.task_search_wrap .sel_con {display: none; position: absolute; top: 1.2rem; left: 50%; transform: translateX(-50%); z-index: 100; width: 80%; border: 1px solid #dbe5f0; background-color: #fff;}
.task_search_wrap .sel_con li {margin-left: .066667rem; box-sizing: border-box; line-height: .906667rem; border-bottom: 1px solid #dbe5f0; text-align: center; background-color: #fff;}
.task_search_wrap .sel_con li:last-of-type {border: none;}
.task_search_wrap .search_btn {flex: 0 0 1.84rem; background: url(/img/icon_search.png) no-repeat center / .72rem auto; background-color: #1a98ff;}

.class_task_result .class_con_wrap.class_task_wrap {bottom: 0;}
.class_task_result .inform_wrap.noborder {border: none;}
.class_task_result .news_item .con {display: flex; align-content: center; flex-wrap: wrap; padding-left: 2.053333rem;}
.class_task_result .news_item .msg_icon {display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; width: 2.053333rem; height: 100%;}
.class_task_result .news_item img {display: inline-block; width: 1.333333rem; height: 1.333333rem; border-radius: .666667rem;}
.class_task_result .news_item .sub_tip {display: flex; align-items: center; box-sizing: border-box; padding: 0 .133333rem; font-size: .306667rem; border-radius: .226667rem;}
.class_task_result .news_item .math_tip {border: 1px solid #5c8bec; color: #5c8bec;}
.class_task_result .news_item .en_tip {border: 1px solid #f19149; color: #f19149;}
.class_task_result .news_item .result_name {flex: 0 0 100%; margin-top: .226667rem; font-size: .36rem; line-height: .36rem;}
.class_task_result .news_item .result_name.read {color: #999;};

.class_task_result .inform_wrap.nodata {border: none;}
.class_task_result .search_content_wrap .img_t_con_wrap {margin-top: 4rem; background-color: transparent;}
.class_task_result .search_content_wrap .img_t_wrap {margin-top: 25%;}

.class_task_result .inform_wrap .list_wrap {bottom: unset;}
.class_task_result .inform_wrap .list_wrap ul {position: unset;}
/* 学情报告end */

/*教师班级列表start*/
.class_list_main>ul{
	margin-top: 0.266667rem;
	padding: 0 0.266667rem;
	overflow-y: scroll;
	-webkit-overflow-scrolling : touch;
	overflow-scrolling : touch;
}
.class_list_main>ul li{
	border: 1px solid #dbe5f0;
	background: #fff;
	border-radius: 0.053333rem;
	margin-bottom: 0.266667rem;
	padding: 0.466667rem 0.48rem;
}
.class_list_main .class_header_img{
	width: 1.333333rem;
	height: 1.333333rem;
	float: left;
	margin-right: 0.426667rem;
	background: url(/img/0002.jpg) no-repeat center center / contain;
	border-radius: 50%;
}
.class_list_main>ul li>h6{
	line-height: 0.8rem;
	font-size: 0.453333rem;
}
.class_list_main>ul li>h6>span{
	margin-bottom: -0.093333rem;
	margin-left: 0.266667rem;
	height: 0.613333rem;
	width: 1.293333rem;
	display: inline-block;
	background: url(/img/wait_num_icon.png) no-repeat center center / contain;
	font-weight: 300;
	position: relative;
}
.class_list_main>ul li>h6>span>em{
	font-size: 0.32rem;
	display: inline-block;
	text-align:center;
	width: 0.56rem;
	line-height: 0.453333rem;
	color: #fff;
	position: absolute;
	right: 0.1rem;
	top: 0.12rem;

}
.class_list_main>ul li>p{
	font-size: 0.373333rem;
	line-height: 0.56rem;
	color: #999999;
}
.class_list_main>ul li>p>span:last-child{
	float: right;
}
.class_list_main>ul li>p em{
	color: #1fb993;
}
/*教师班级列表end*/

/*教师班级详情start*/
.class_camera_select .container .swiper-pagination-bullet{ width: 0.186666rem; height: 0.186666rem; background: #fff; opacity: 1; }
.class_camera_select .container .swiper-pagination-bullet-active{ opacity: 1; background: #007aff; }
.class_camera_select .container .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{ margin: 0 0.133333rem; }
.info_column.canedit{
	background: #fff url(/img/task_en_list_bg.png) no-repeat right 0.4rem center / 0.24rem 0.48rem;
}
.info_column.canedit .column_img{
	right: 0.88rem;
}
.class_heaerimg_pop{
	position: fixed;
	height: 100vh;
	width: 100vw;
	left: 0;
	top: 0;
	z-index: 5;
	display: none;
}
.class_heaerimg_pop>.mask{
	background: rgba(0,0,0,.7);
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.class_heaerimg_pop>ul{
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
}
.class_heaerimg_pop>ul li{
	font-size: 0.453333rem;
	text-align: center;
	line-height: 1.306667rem;
	width: 100%;
	background: #fff;
	border-top: 1px solid #a5aab0;
	position: relative;
}
.class_heaerimg_pop>ul li>label{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.class_heaerimg_pop>ul li:last-child{
	margin-top: 0.16rem;
}
.class_file{
	display: none;
}
.class_camera_select{
	position: fixed;
	height: 100vh;
	width: 100vw;
	left: 0;
	top: 0;
	z-index: 5;
	display: none;
	background: #000;
}
.class_camera_select .cropper-view-box{
	border-radius: 50%;
	outline: none;
}
/*教师班级详情end*/

/*教师班级管理start*/
.class_search_box{
	padding: 0.266667rem 0.4rem;
	background: #fff;
	position: relative;
	z-index: 9;
}
.class_search_box .autocomplete-input,
.class_search_box .autocomplete-button{
	font-size: 0.426667rem;
	line-height: 0.933333rem;
}
.class_search_box .autocomplete-input{
	width: 7.12rem;
	padding: 0 0.16rem;
	border-radius: 0.08rem;
	border: 1px solid #1a98ff;
}
.class_search_box .autocomplete-button{
	float: right;
	width: 1.493333rem;
	background: #1a98ff;
	color: #fff;
	border-radius: 0.08rem;
}
.class_search_box .proposal-box{
	top: 0.933333rem;
	width: 7.466667rem;
}
.class_search_box .proposal-box .proposal{
	line-height: 0.933333rem;
	padding: 0 0.16rem;
	font-size: 0.426667rem;

}
.class_search_box .proposal-list{
	max-height: 8.0rem;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}



.class_search_list{
	position: absolute;
	top: 1.733333rem;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0 0.4rem;
	background: #fff;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
.class_search_list>li{
	padding: 0.266667rem 0;
	border-bottom: 1px solid #dbe5f0;
}
.class_search_list>li>img{
	height: 1.6rem;
	width: 1.6rem;
	border-radius: 50%;
	line-height: 1.6rem;
	float: left;
}
.class_search_list>li>span{
	font-size: 0.426667rem;
	margin-left: 0.4rem;
	display: inline-block;
	height: 1.6rem;
	line-height: 1.6rem;
	float: left;
}
.class_search_list>li>i{
	float: right;
	display: inline-block;
	height: 1.6rem;
	width: 0.613333rem;
	background: url(/img/class_stu_clear.png) no-repeat right center / 0.613333rem 0.613333rem;
	padding-left: 0.6rem;
}
/* .img_t_wrap .class_num {
	font-size: 0.48rem;
	line-height: 1.066667rem;
	color: #666;
	font-weight: 600;
}
.img_t_wrap .class_num>span{
	color: #e1752f;
}
.class_check_main .order_slide{
	background: #ecf3fc;
}*/

.class_check_main{
	background: #ecf3fc;
}
/*教师班级管理end*/

/*教师班级审核start*/
.class_check_box,.class_check_btn{
	width: 100%;
}
.class_check_switch{
	width: 100%;
	border-bottom: 1px solid #dbe5f0;
	font-size: .32rem;
	background: #fff;
}
.class_check_switch .item_parent{
	height: 100%;
	width: 100%;
	display: table;
	table-layout: fixed;
	flex: 1;
	display: table;
}
.class_check_switch .item{
	position: relative;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height: .8rem;
}
.class_check_switch .active{
	color: #1a98ff;
}
.class_check_switch .item:last-of-type.active:after{
	content: '';
    position: absolute;
    right: 0.4rem;
    left: 0;
    bottom: 0;
    margin: 0 auto;
    height: .04rem;
    background: #1a98ff;
}
.class_check_switch .item:first-of-type.active:after{
	content: '';
    position: absolute;
    left: 0.4rem;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    height: .04rem;
    background: #1a98ff;
}
.order_slide .no_data{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: none;
}
.order_slide .no_data img{
	display: block;
	margin: 0 auto;
	height: 2.933333rem;
}
.order_slide .no_data p{
	color: #666666;
	font-size: 0.373333rem;
	padding-top: 0.3333333rem;
	text-align: center;
}
.class_check_btn{
	position: absolute;
	left: 0;
	bottom: 1.2rem;
	padding: 0 0.266667rem;
	width: 9.52rem;
	display: none;
}
.class_check_btn>button{
	width: 4.613333rem;
	height: 1.173333rem;
	background: #ecf3fc;
	color: #1a98ff;
	border: 1px solid #1a98ff;
	border-radius: 0.666667rem;
	font-size: 0.453333rem;
}
.class_check_btn>button.confirm{
	float: right;
	background: #1a98ff;
	color: #fff;
}
.class_check_name{
	font-size: 0.613333rem;
	margin-top: 0.4rem;
	line-height: 0.973333rem;
}
.class_check_box .stack__item{
	padding-bottom: 0.4rem;
}
.class_check_reason{
	font-size: 0.373333rem;
	color: #666;
}
/*教师班级审核end*/

/*英语作业*/
.task_en_back{ position: absolute; bottom: 0; left: 0; height: 1.1733333333333333rem; width: 1.066667rem; display: block; background: url(/img/personal_back2.png) no-repeat .4rem center; background-size: 0.266667rem auto; z-index: 1;}
.task_en_wrap{
	margin: .266667rem;
	border-radius: 0.1rem;
	position: absolute;
	top: 1.73333333333333rem;
	left: 0;
	right: 0;
	bottom: 0;
}
[data-dpr="1"] .task_en_wrap{
	top: 1.199999999999997rem;
}
.task_en_listhead{
	height: 2.86666666666667rem;
	background: url(/img/task_en_list_top.png) no-repeat center center / cover;
	color: #fff;
	padding:0 0.4rem 0;
	border-radius: .1rem .1rem 0 0;
}
.task_en_listhead.task_en_listhead_list_wrap{
	height: 3.93333333333333rem;
}
.task_en_listhead h2{
	font-size: 0.37333333333333rem;
	width: 2.53333333333333rem;
	text-align: center;
	margin-top: 0.46666666666667rem;
	border-radius: 1.33333333333333rem;
	line-height: 0.74666666666667rem;
	border: 1px solid #fff;
	font-weight: 300;
	float: right;
	background: rgba(255,255,255,.1);
}
.task_en_listhead h5{
	font-weight: 400;
	padding-top: 0.48rem;
	font-size: 0.45333333333333rem;
	line-height: 0.88rem;
	width: 8.4rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.task_en_listhead h6{
	font-size: 0.37333333333333rem;
	font-weight: 300;
	line-height: 0.72rem;
	opacity: .7;
}
.task_en_listhead h3{
	font-size: 0.37333333333333rem;
	line-height: 0.93333333333333rem;
	font-weight: 300;
}
.task_en_listhead h3>span{
	float: right;
	padding-left: 0.53333333333333rem;
	background: url(/img/task_en_homework_time.png) no-repeat left center / 0.37333333333333rem;
}
.task_en_listhead h4{
	font-size: 0.85333333333333rem;
	font-weight: 300;
	text-align: center;
}
.task_en_content{
	background: #fff;
	border:1px solid #dbe5f0;
	border-radius: 0 0 0.1rem 0.1rem;
}
.task_en_tab_wrap{
	margin: 0.4rem 0.29333333333333rem 0.26666666666667rem;
}
.task_en_tab_wrap>li{
	float: left;
	width: 33.333333333%;
	line-height: 1.04rem;
	box-sizing: border-box;
	text-align: center;
	font-size: 0.4rem;
	border: 1px solid #dbe5f0;
	border-right: none;
}
.task_en_tab_wrap>li:first-child{
	border-radius: 0.66666666666667rem 0 0 0.66666666666667rem;
}
.task_en_tab_wrap>li:last-child{
	border-right: 1px solid #dbe5f0;
	border-radius: 0 0.66666666666667rem 0.66666666666667rem 0;
}
.task_en_tab_wrap>li.active{
	color: #1a98ff;
}
.task_en_content .homework_wrap .list_info{
	margin-left: 0.4rem;
	font-size: 0.45333333333333rem;
	line-height: 1.2rem;
	/*border-bottom: 1px solid #dbe5f0;*/
}
.task_en_content .homework_wrap .list_info>span{
	color: #1fb993;
}
.task_en_content .homework_wrap .list_wrap{
	margin-left: 0.4rem;
}
.task_en_content .wrap_scroll{
	position: absolute;
	top: 5.94666666666667rem;
	left: 0.26666666666667rem;
	right: 0.26666666666667rem;
	bottom: 0.26666666666667rem;
	overflow-y: scroll;
	border: 1px solid #dbe5f0;
	border-top: none;
}
.task_en_content .homework_wrap{
	background: #fff;
	border-radius: 0 0 .1rem .1rem;
}
.task_en_content .homework_wrap .list_wrap>li{
	border-top: 1px solid #dbe5f0;
	font-size: 0.45333333333333rem;
	line-height: 1.6rem;
	padding-right: 0.88rem;
	background: url(/img/task_en_list_bg.png) no-repeat right 0.4rem center / 0.24rem 0.48rem;
}
.task_en_content .homework_wrap .list_wrap>li .list_index{
	color: #999999;
}
.task_en_content .homework_wrap .list_wrap>li .user_img{
	display: inline-block;
	width: 0.93333333333333rem;
	height: 0.93333333333333rem;
	background: url(/img/limited_welfare.png) no-repeat center center / cover;
	margin:0 0.21333333333333rem -0.26666666666667rem;
	border-radius: 50%;
}
.task_en_content .homework_wrap .list_wrap>li .time{
	float: right;
	color: #999999;
}
.task_en_content .lession_wrap{
	background: #fff;
	border-radius: 0 0 0.1rem 0.1rem;
	padding: 0.26666666666667rem;
}
.task_en_content .lession_wrap>ul>li{
	border-top: 1px solid #dbe5f0;
}
.task_en_content .lession_wrap h5{
	font-size: 0.50666666666667rem;
	font-weight: 400;
	padding-top: 0.90666666666667rem;
}
.task_en_content .lession_wrap .lession_canvas{
	padding-bottom: 0.53333333333333rem;
	height: 5.33333333333333rem;
	width: 100%;
	background: #f9fafc;
}
.task_en_content .lession_wrap>h6{
	height: 1.86666666666667rem;
	background: #fffee5 url(/img/teask_en_tap.png) no-repeat left 0.16rem center /1.56rem 1.65333333333333rem;
	padding-left: 1.90666666666667rem;
	padding-top: 0.44rem;
	border: 1px solid #ecebca;
	font-size: 0.37333333333333rem;
	font-weight: 300;
	color: #e1752f;
	line-height: 0.64rem;
}
.task_en_content .lession_wrap .suggest{
	padding-bottom: 0.4rem;
}
.task_en_content .lession_wrap .suggest>h3{
	font-size: 0.45333333333333rem;
	line-height: 0.85333333333333rem;
}
.task_en_content .lession_wrap .suggest>p{
	font-size: 0.37333333333333rem;
	color: #999;
	line-height: 0.66666666666667rem;
}
.task_en_content .word_wrap{
	background: #fff;
	border-radius: 0 0 .1rem .1rem;
}
.task_en_content .word_wrap .task_en_none_person_wrap{
	margin-top: 0.26666666666667rem;
}
.task_en_content .word_wrap>h6{
	height: 1.86666666666667rem;
	background: #fffee5 url(/img/teask_en_tap.png) no-repeat left 0.16rem center /1.56rem 1.65333333333333rem;
	padding-left: 1.90666666666667rem;
	padding-top: 0.44rem;
	border: 1px solid #ecebca;
	font-size: 0.37333333333333rem;
	font-weight: 300;
	color: #e1752f;
	line-height: 0.64rem;
	margin: 0.26666666666667rem;
}
.task_en_content .word_wrap .word_detail_wrap{
	padding: 0 0.34666666666667rem 0 0.52rem;
}
.task_en_content .word_wrap .word_detail_wrap>li{
	line-height: 1.6rem;
	font-size: 0.45333333333333rem;
}
.task_en_content .word_wrap .word_detail_wrap>li .word_point{
	float: right;
	color: #999999;
}
.task_en_content .word_wrap .word_detail_wrap>li .word_point>i{
	color: #e1752f;
}
.task_en_none_wrap{
	background: #fff;
	padding: 0.4rem;
	border-radius: 0 0 0.1rem 0.1rem;
	position: absolute;
	top: 4.2rem;
	left: 0.26666666666667rem;
	right: 0.26666666666667rem;
	bottom: 0.26666666666667rem;
	text-align: center;
	display: none;
	border: 1px solid #dbe5f0;
	border-top: none;
}
.task_en_none_wrap>h5{
	text-align: left;
	margin-top: 0.34666666666667rem;
	font-size: 0.45333333333333rem;
	font-weight: 300;
}
.task_en_none_wrap>h5>i{
	color: #999;
}
.task_en_none_wrap>img{
	margin-top: 2.66666666666667rem;
	width: 1.78666666666667rem;
	height: 2.48rem;
}
.task_en_none_wrap>h6{
	font-size: 0.37333333333333rem;
	color: #999;
	line-height: 1.33333333333333rem;
	font-weight: 300;
}
.task_en_none_person_wrap{
	background: #fff;
	/*padding: 0.4rem;*/
	border-radius: 0 0 0.1rem 0.1rem;
/*	position: absolute;
	top: 4.66666666666667rem;
	left: 0.26666666666667rem;
	right: 0.26666666666667rem;
	bottom: 0.26666666666667rem;*/
	text-align: center;
}
.task_en_none_person_wrap>img{
	width: 2.05333333333333rem;
	height: 3.46666666666667rem;
	margin-top: 1.73333333333333rem;
}
.task_en_none_person_wrap>p{
	margin-top: 0.53333333333333rem;
	line-height: 0.72rem;
	font-size: 0.37333333333333rem;
	color: #999;
}
.task_en_homework_detail_list{
	border-radius: 0.1rem;
	position: absolute;
	top: 3.4rem;
	left: 0.26666666666667rem;
	right: 0.26666666666667rem;
	bottom: 0.26666666666667rem;
	border: 1px solid #dbe5f0;
	overflow-y: scroll;
}
.task_en_homework_detail_list .lession_wrap{
	padding: 0 0 0.4rem 0.4rem;
	background: #fff;
	margin-bottom: 0.2rem;
	border-radius: .1rem;
}
.task_en_homework_detail_list h6{
	font-size: 0.50666666666667rem;
	font-weight: 400;
	padding: .5rem 0 .5rem 0.58666666666667rem;
	background: url(/img/task_en_homework_title_icon.png) no-repeat left center / 0.42666666666667rem 0.53333333333333rem;
	border-bottom: 1px solid #dbe5f0;
}
.task_en_homework_detail_list .times>li{
	border-bottom: 1px solid #dbe5f0;
	line-height: 1.64rem;
	font-size: 0.45333333333333rem;
	padding-right: 0.37333333333333rem;
	font-weight: 300;
}
.task_en_homework_detail_list .times>li>em{
	font-weight: 600;
}
.task_en_homework_detail_list .times>li:last-child{
	border: none;
}
.task_en_homework_detail_list .times>li .time{
	float: right;
	color: #999;
}
.task_en_homework_detail_list .times>li .time i{
	display: inline-block;
	height: 0.8rem;
	width: 0.8rem;
	border-radius: 50%;
	background: #dae7f7 url(/img/walkman_play_audio.png) no-repeat center center / contain;
	float: right;
	margin-top: 0.41333333333333rem;
	margin-left: 0.26666666666667rem;
}
.task_en_homework_detail_list .times>li .time i.playing{
	background: #dae7f7 url(/img/walkman_pause_audio.png) no-repeat center center / contain;
}
[data-dpr="1"] .discovery_header{ padding-top: 0.17rem; }
/* .task_ov_head{ height: 4.96rem;} */
.task_pt{top: 5.12rem; background-color: #fff;}
.task_pt::after {border: none;}
[data-dpr="2"] .book_footer{height:98px;}
[data-dpr="4"] .book_footer{height:196px;}
[data-dpr="3"] .book_footer{height:147px;}
[data-dpr="2"] .book_footer img{width: 46px;}
[data-dpr="4"] .book_footer img{width: 92px;}
[data-dpr="3"] .book_footer img{width: 69px;}
[data-dpr="2"] .book_footer p{font-size: 23px;}
[data-dpr="4"] .book_footer p{font-size: 46px;}
[data-dpr="3"] .book_footer p{font-size: 34.5px;}

[data-dpr="2"] .footer{height:98px;}
[data-dpr="3"] .footer{height:147px;}
[data-dpr="4"] .footer{height:196px;}
[data-dpr="2"] .footer .t_footer_cell a i.icon1{background-size: 44px auto;}
[data-dpr="2"] .footer .t_footer_cell a i.icon2{background-size: 38px auto;}
[data-dpr="2"] .footer .t_footer_cell a i.icon3{background-size: 33px auto;}
[data-dpr="2"] .footer .t_footer_cell a i.icon4{background-size: 40px auto;}
[data-dpr="2"] .footer .t_footer_cell a span{ font-size: 20px; }
[data-dpr="3"] .footer .t_footer_cell a i.icon1{background-size: 66px auto;}
[data-dpr="3"] .footer .t_footer_cell a i.icon2{background-size: 57px auto;}
[data-dpr="3"] .footer .t_footer_cell a i.icon3{background-size: auto 54px;}
[data-dpr="3"] .footer .t_footer_cell a i.icon4{background-size: 60px auto;}
[data-dpr="3"] .footer .t_footer_cell a span{ font-size: 30px; }
[data-dpr="4"] .footer .t_footer_cell a i.icon1{background-size: 88px auto;}
[data-dpr="4"] .footer .t_footer_cell a i.icon2{background-size: 76px auto;}
[data-dpr="4"] .footer .t_footer_cell a i.icon3{background-size: 66px auto;}
[data-dpr="4"] .footer .t_footer_cell a i.icon4{background-size: 80px auto;}
[data-dpr="4"] .footer .t_footer_cell a span{ font-size: 40px; }
[data-dpr="2"] .discovery_header{ font-size: 34px; font-weight: bold; height: 88px; line-height: 88px; padding-top: 40px; }
[data-dpr="3"] .discovery_header{ font-size: 51px; font-weight: bold; height: 132px; line-height: 132px; padding-top: 60px; }
[data-dpr="4"] .discovery_header{ font-size: 68px; font-weight: bold; height: 176px; line-height: 176px; padding-top: 80px; }
[data-dpr="2"] .discovery_header a{ height: 88px; width: 80px; left: 0px; background-position: 32px center; background-size: 18px auto; }
[data-dpr="3"] .discovery_header a{ height: 132px; width: 120px; left: 0px; background-position: 60px center; background-size: 27px auto; }
[data-dpr="4"] .discovery_header a{ height: 176px; width: 160px; left: 0px; background-position: 80px center; background-size: 36px auto; }
[data-dpr="2"] .order_header{ font-size: 34px; font-weight: bold; height: 88px; line-height: 88px; padding-top: 40px; }
[data-dpr="3"] .order_header{ font-size: 51px; font-weight: bold; height: 132px; line-height: 132px; padding-top: 60px;}
[data-dpr="4"] .order_header{ font-size: 68px; font-weight: bold; height: 176px; line-height: 176px; padding-top: 80px; }
[data-dpr="2"] .order_header a{ height: 88px; width: 80px; left: 0px; background-position: 32px center; background-size: 18px auto; }
[data-dpr="3"] .order_header a{ height: 132px; width: 120px; left: 0px; background-position: 60px center; background-size: 27px auto; }
[data-dpr="4"] .order_header a{ height: 176px; width: 160px; left: 0px; background-position: 80px center; background-size: 36px auto; }
[data-dpr="2"] .order_header .order_share{ height: 88px; width: 80px; right: 0; background-position: 20px center; background-size: 28px auto;  }
[data-dpr="3"] .order_header .order_share{ height: 132px; width: 120px; right: 0; background-position: 28px center; background-size: 42px auto;  }
[data-dpr="4"] .order_header .order_share{ height: 176px; width: 160px; right: 0; background-position: 24px center; background-size: 56px auto;  }
[data-dpr="2"] .student_container {top: 166px;}
[data-dpr="3"] .student_container {top: 230px;}
[data-dpr="4"] .student_container {top: 294px;}
[data-dpr="2"] .student_container.student {top: 128px; border-radius: 0;}
[data-dpr="3"] .student_container.student {top: 192px; border-radius: 0;}
[data-dpr="4"] .student_container.student {top: 256px; border-radius: 0;}
[data-dpr="4"] .t_footer_cell a i{ margin: 0 auto 0; }
[data-dpr="2"] .adaptive_box{ top: 128px; }
[data-dpr="3"] .adaptive_box{ top: 192px; }
[data-dpr="4"] .adaptive_box{ top: 256px; }
[data-dpr="2"] .subject_change{ right: 32px;height: 88px; }
[data-dpr="3"] .subject_change{ right: 60px;height: 132px; }
[data-dpr="4"] .subject_change{ right: 80px;height: 176px; }
[data-dpr="2"] .discovery_header .invite_share{ height: 88px; width: 80px; right: 0; background-position: 20px center; background-size: 28px auto;  }
[data-dpr="3"] .discovery_header .invite_share{ height: 132px; width: 120px; right: 0; background-position: 28px center; background-size: 42px auto;  }
[data-dpr="4"] .discovery_header .invite_share{ height: 176px; width: 160px; right: 0; background-position: 24px center; background-size: 56px auto;  }
[data-dpr="2"] .personal_header{ font-size: 34px; font-weight: bold; height: 88px; line-height: 88px; padding-top: 40px; }
[data-dpr="3"] .personal_header{ font-size: 51px; font-weight: bold; height: 132px; line-height: 132px; padding-top: 60px;}
[data-dpr="4"] .personal_header{ font-size: 68px; font-weight: bold; height: 176px; line-height: 176px; padding-top: 80px; }
[data-dpr="2"] .personal_header .personal_back{ height: 88px; width: 80px; left: 0px; background-position: 32px center; background-size: 18px auto; }
[data-dpr="3"] .personal_header .personal_back{ height: 132px; width: 120px; left: 0px; background-position: 60px center; background-size: 27px auto; }
[data-dpr="4"] .personal_header .personal_back{ height: 176px; width: 160px; left: 0px; background-position: 80px center; background-size: 36px auto; }
[data-dpr="2"] .personal_header .back_level{ height: 88px; width: 80px; left: 0px; background-position: 32px center; background-size: 18px auto; }
[data-dpr="3"] .personal_header .back_level{ height: 132px; width: 120px; left: 0px; background-position: 60px center; background-size: 27px auto; }
[data-dpr="4"] .personal_header .back_level{ height: 176px; width: 160px; left: 0px; background-position: 80px center; background-size: 36px auto; }
[data-dpr="2"] .personal_wrapper{ top: 128px; }
[data-dpr="3"] .personal_wrapper{ top: 192px; }
[data-dpr="4"] .personal_wrapper{ top: 256px; }
[data-dpr="2"] .index_m_header{ font-size: 34px; font-weight: bold; height: 88px; line-height: 88px; padding-top: 40px; }
[data-dpr="3"] .index_m_header{ font-size: 51px; font-weight: bold; height: 132px; line-height: 132px; padding-top: 60px;}
[data-dpr="4"] .index_m_header{ font-size: 68px; font-weight: bold; height: 176px; line-height: 176px; padding-top: 80px; }
[data-dpr="2"] .index_m_header a{ height: 88px; width: 80px; left: 0px; background-position: 32px center; background-size: 18px auto; }
[data-dpr="3"] .index_m_header a{ height: 132px; width: 120px; left: 0px; background-position: 60px center; background-size: 27px auto; }
[data-dpr="4"] .index_m_header a{ height: 176px; width: 160px; left: 0px; background-position: 80px center; background-size: 36px auto; }
[data-dpr="2"] .index_m_header .back_level{ height: 88px; width: 80px; left: 0px; background-position: 32px center; background-size: 18px auto; }
[data-dpr="3"] .index_m_header .back_level{ height: 132px; width: 120px; left: 0px; background-position: 60px center; background-size: 27px auto; }
[data-dpr="4"] .index_m_header .back_level{ height: 176px; width: 160px; left: 0px; background-position: 80px center; background-size: 36px auto; }
[data-dpr="2"] .index_m_header .back_select{ height: 88px; width: 80px; left: 0px; background-position: 32px center; background-size: 18px auto; }
[data-dpr="3"] .index_m_header .back_select{ height: 132px; width: 120px; left: 0px; background-position: 60px center; background-size: 27px auto; }
[data-dpr="4"] .index_m_header .back_select{ height: 176px; width: 160px; left: 0px; background-position: 80px center; background-size: 36px auto; }
[data-dpr="2"] .index_m_main{ top: 128px; }
[data-dpr="3"] .index_m_main{ top: 192px; }
[data-dpr="4"] .index_m_main{ top: 256px; }
[data-dpr="2"] .task_en_wrap{ top: 128px; }
[data-dpr="3"] .task_en_wrap{ top: 192px; }
[data-dpr="4"] .task_en_wrap{ top: 256px; }
[data-dpr="2"] .task_en_back{ height: 88px; width: 80px; left: 0px; background-position: 32px center; background-size: 18px auto; }
[data-dpr="3"] .task_en_back{ height: 132px; width: 120px; left: 0px; background-position: 60px center; background-size: 27px auto; }
[data-dpr="4"] .task_en_back{ height: 176px; width: 160px; left: 0px; background-position: 80px center; background-size: 36px auto; }
[data-dpr="2"] .order_book_box{ top: 128px; padding-top: .26666rem; }
[data-dpr="3"] .order_book_box{ top: 192px; padding-top: .26666rem; }
[data-dpr="4"] .order_book_box{ top: 256px; padding-top: .26666rem; }
[data-dpr="2"] .discovery_header .close{ height: 88px; width: 80px; left: 0px; background-position: 32px center; background-size: 18px auto; }
[data-dpr="3"] .discovery_header .close{ height: 132px; width: 120px; left: 0px; background-position: 60px center; background-size: 27px auto; }
[data-dpr="4"] .discovery_header .close{ height: 176px; width: 160px; left: 0px; background-position: 80px center; background-size: 36px auto; }
[data-dpr="2"] .primary_header{ font-size: 34px; font-weight: bold; height: 88px; line-height: 88px; padding-top: 40px; }
[data-dpr="3"] .primary_header{ font-size: 51px; font-weight: bold; height: 132px; line-height: 132px; padding-top: 60px;}
[data-dpr="4"] .primary_header{ font-size: 68px; font-weight: bold; height: 176px; line-height: 176px; padding-top: 80px; }
[data-dpr="2"] .primary_header a{ height: 88px; width: 80px; left: 0px; background-position: 32px center; background-size: 18px auto; }
[data-dpr="3"] .primary_header a{ height: 132px; width: 120px; left: 0px; background-position: 60px center; background-size: 27px auto; }
[data-dpr="4"] .primary_header a{ height: 176px; width: 160px; left: 0px; background-position: 80px center; background-size: 36px auto; }
[data-dpr="2"] .linkUp_content{ top: 128px; }
[data-dpr="3"] .linkUp_content{ top: 192px; }
[data-dpr="4"] .linkUp_content{ top: 256px; }
[data-dpr="2"] .primary_header .link_cata{ height: 88px; }
[data-dpr="3"] .primary_header .link_cata{ height: 132px;}
[data-dpr="4"] .primary_header .link_cata{ height: 176px; }
[data-dpr="2"] .primary_header .link_cata i{ height: 50px; width: 50px; background-size: 100% auto; margin-top: 4.5px; }
[data-dpr="3"] .primary_header .link_cata i{ height: 75px; width: 75px; background-size: 100% auto; margin-top: 6.75px;}
[data-dpr="4"] .primary_header .link_cata i{ height: 100px; width: 100px; background-size: 100% auto; margin-top: 9px; }
[data-dpr="2"] .primary_header .link_cata em{ font-size: 20px; height: 20px; }
[data-dpr="3"] .primary_header .link_cata em{ font-size: 30px; height: 30px; }
[data-dpr="4"] .primary_header .link_cata em{ font-size: 40px; height: 40px; }
[data-dpr="1"] .class_header{ padding-top: 0.133rem; }
[data-dpr="2"] .class_header{ font-size: 34px; font-weight: bold; height: 88px; line-height: 88px; padding-top: 40px; }
[data-dpr="3"] .class_header{ font-size: 51px; font-weight: bold; height: 132px; line-height: 132px; padding-top: 60px;}
[data-dpr="4"] .class_header{ font-size: 68px; font-weight: bold; height: 176px; line-height: 176px; padding-top: 80px; }
[data-dpr="2"] .class_header .btn_wrap {height: 88px;}
[data-dpr="3"] .class_header .btn_wrap {height: 132px;}
[data-dpr="4"] .class_header .btn_wrap {height: 176px;}
[data-dpr="1"] .class_con_wrap{ top: 1.33rem;}
[data-dpr="2"] .class_con_wrap{ top: 128px; bottom: 98px;}
[data-dpr="3"] .class_con_wrap{ top: 192px; bottom: 147px;}
[data-dpr="4"] .class_con_wrap{ top: 256px; bottom: 196px;}
[data-dpr="1"] .info_con_wrap{ top: 1.33rem;}
[data-dpr="2"] .info_con_wrap{ top: 128px;}
[data-dpr="3"] .info_con_wrap{ top: 192px;}
[data-dpr="4"] .info_con_wrap{ top: 256px;}
[data-dpr="2"] .order_list.class_check_main{ top: 128px;}
[data-dpr="3"] .order_list.class_check_main{ top: 192px;}
[data-dpr="4"] .order_list.class_check_main{ top: 256px;}
[data-dpr="1"] .class_headimg_header { height: 52px; }
[data-dpr="1"] .order_list.class_check_main{ top: 1.33rem;}
[data-dpr="2"] .class_headimg_header { height: 128px; }
[data-dpr="3"] .class_headimg_header { height: 192px; }
[data-dpr="4"] .class_headimg_header { height: 256px; }
/*[data-dpr="2"] .class_headimg_header .headimg_top { top: 128px; height: 220px; }
[data-dpr="3"] .class_headimg_header .headimg_top { top: 192px; height: 330px; }
[data-dpr="4"] .class_headimg_header .headimg_top { top: 256px; height: 440px; }*/
[data-dpr="1"] .personal_wrapper.class_headimg_wrapper{ top: 52px; }
[data-dpr="2"] .personal_wrapper.class_headimg_wrapper{ top: 128px; }
[data-dpr="3"] .personal_wrapper.class_headimg_wrapper{ top: 192px; }
[data-dpr="4"] .personal_wrapper.class_headimg_wrapper{ top: 256px; }
.class_headimg_header{ position: absolute; top: 0; left: 0; width: 100%; background: #4798f7; }
.class_headimg_header .headimg_top{ position: absolute; width: 100%; }
.class_headimg_header .class_header{ background: rgba(0, 0, 0, 0); border: none; }
.class_headimg_p{ font-size: 0.346666rem; color: #fff; padding: 0.2rem 0 0 .4rem; }
.container .swiper-pagination-bullet{ width: 0.186666rem; height: 0.186666rem; background: #fff; opacity: 1; }
.container .swiper-pagination-bullet-active{ opacity: 1; background: #007aff; }
.container .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{ margin: 0 0.133333rem; }
.task_button_bottom.math_again{ background-color: #1fb993; }
#homework_fail .homework_complete_content:after{ background-image: url(/img/task_n_1.png); width: 2.36rem; height: 3.28rem; }
.class_check_causes{ text-align: left; padding-left: 1.933333rem; position: relative; height: 0.8rem; }
.class_check_causes:last-of-type{ margin-bottom: 0.5rem; }
.class_check_causes i{ position: absolute; width: 0.293333rem; height: 0.293333rem; background: #fff; border-radius: 50%; border: 0.026666rem solid #ced9e5; top: 0.246666rem; }
.class_check_causes i.active{ width: 0.133333rem; height: 0.133333rem; border: 0.106666rem solid #1a98ff; }
.class_check_causes span{ color: #333333; font-size: 0.373333rem; padding-left: 0.613333rem; line-height: 0.8rem; }
.class_check_causes:after{content: "";display: block;clear: both;}
.popwarning_content i{color: #e2762b;}
.class_info_pop.popmask.fixed { z-index: 15; background: rgba(0,0,0,0); }
.class_list_main .no_class{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: none; text-align: center;}
.class_list_main .no_class img{display: block;margin: 0 auto; width: 2.226667rem; height: 3.333333rem;}
.class_list_main .no_class p{color: #666666;font-size: 0.373333rem;padding-top: 0.3333333rem;}
.personal_msg_name p{font-size: 0.4rem; white-space: inherit;}
.per_read_1 .personal_msg_name p{color: #999;}
.personal_msg_box .msg_tip.go_class {color: #1a98ff; text-decoration: underline;}

.class_rankings_box{ top: 1.07311rem; }
.class_rankings_me{ position: absolute; bottom: 0; left: 0; right: 0; border: 1px solid #d2e0ed; height: 1.853333rem; background-color: #ffffff; display: flex; display: -webkit-flex; box-shadow: 0 0 0 #fff, 0 -0.2rem 0.6rem #cfeaff, 0 0 0 #fff, 0 0 0 #fff;}
.class_rankings_me>div{ flex: 1; height: 100%; position: relative; }
.class_ranking_username{ background-color: #f7fbff; border-right: 1px solid #d2e0ed; }
.class_rankings_img{ width: 1.866666rem; height: 1.866666rem; border-radius: 50%; background-color: #f7fbff; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 0 #fff, 0 -0.1rem 0.6rem #cfeaff, 0 0 0 #fff, 0 0 0 #fff; }
.class_rankings_img>img{ width: 1.64rem; height: 1.64rem;position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%;}
.class_rankings_name{ font-size: 0.426666rem; color: #333333; text-align: center; position: absolute; bottom: 0.266666rem; width: 100%; font-weight: 600; }
.class_ranking_information{ background: #ffffff; }
.class_ranking_information>span{ position: absolute; top: 0.333333rem; left: 0; right: 0; text-align: center; font-weight: 600; font-size: 0.533333rem; color: #333333; }
.class_ranking_information>span>i{ font-size: 0.373333rem; color: #333333; }
.class_ranking_information>p{ position: absolute; bottom: 0.293333rem; left: 0; right: 0; text-align: center; font-size: 0.373333rem; color: #333333; }
.class_rankings_box .info_column_wrap{ background-color: #ffffff; margin: 0; position: absolute; top: .266667rem; left: .266667rem; right: .266667rem; }
.class_ranking_li{ border-bottom: 1px solid #d2e0ed; padding: 0.4rem 0.533333rem 0.4rem 0.266666rem; }
.class_rankings_index{ float: left; font-size: 0.4rem; color: #333333; margin:  0.3866666rem 0; height: 0.626666rem; width: 0.533333rem; text-align: center; line-height: 0.626666rem; }
.class_ranking_li:nth-of-type(1) .class_rankings_index { content: ""; background: url(/img/gold_1.png) no-repeat center center/100% 100%; }
.class_ranking_li:nth-of-type(2) .class_rankings_index { content: ""; background: url(/img/silver_1.png) no-repeat center center/100% 100%; }
.class_ranking_li:nth-of-type(3) .class_rankings_index { content: ""; background: url(/img/bronze_1.png) no-repeat center center/100% 100%; }
.class_ranking_liImg{ float: left; width: 1.333333rem; height: 1.333333rem; margin-left: 0.186666rem; border-radius: 50%; }
.class_ranking_licontent{ float: left; margin-left: 0.32rem; width: 5.333333rem; }
.class_ranking_licontent p{ font-size: 0.426666rem; color: #333333; font-weight: 600; padding: 0.066666rem 0; }
.class_ranking_licontent span{ font-size: 0.373333rem; color: #333333; padding-right: 0.3rem; }
.class_ranking_licontent span:last-of-type{ padding-right: 0; }
.class_ranking_licontent .num{ font-size: 0.506666rem; color: #333333; }
.class_ranking_licontent .num.active{ color: #fe3737; }
.class_ranking_licontent .rate{ font-size: 0.506666rem; color: #333333; }
.class_ranking_licontent .rate:after{ content: '%'; font-size: 0.373333rem; color: #333333; }
.class_ranking_licontent .rate.active{ color: #fe3737; }
.class_ranking_licontent .rate.active:after{ color: #fe3737; }
.class_ranking_lipraise{ float: right; }
.class_ranking_lipraise p{ text-align: center; font-size: 0.373333rem; color: #333; padding-top: 0.16rem; }
.class_ranking_lipraise .praise{ display: block; width: 0.48rem; height: 0.426666rem; background: url(/img/praise_1.png) no-repeat center center/100% 100%; margin-top: 0.186666rem; }
.class_ranking_lipraise .praise.active{ background-image: url(/img/praise_2.png); }

.class_check_switch.class_rankings_switch .item{ height: 1.066666rem; font-size: 0.4rem; }
.class_ranking_li:after{ content: ''; display: block; clear: both; }
.class_rankings_box .class_check_box{ position: absolute; top: 0; left: 0; bottom: 1.866666rem; right: 0; overflow-y: auto; }
.class_report_content{
	background: #ecf3fc;
}
.class_report_content>.title{
	display: block;
	background: #fff;
	color: #333;
	font-size: 0.426667rem;
	line-height: 0.8rem;
	padding: 0.24rem 0.266667rem;
	box-shadow: 0 0 0.133333rem #dbe5f0;
}
.class_report_content>ul>li{
	border-top: 1px solid #dbe5f0;
	background: #fff;
	text-align: center;
	margin-top: 0.266667rem;
	padding-bottom: 0.56rem;
}
.class_report_content>ul>li>h6{
	font-size: 0.48rem;
	line-height: 1.56rem;
}
.class_report_content>ul>li .canvas_wrap{
	width: 9.48rem;
	margin: 0 auto;
	border: 1px solid #dbe5f0;
}
.class_report_content>ul>li.floor_2 .canvas_wrap{
	border: none;
	border-left: 1px solid #cbd4df;
	border-top: 1px solid #cbd4df;
	background: #f2fcff;
}
.class_report_content>ul>li.floor_2 .canvas_wrap>table{
	table-layout:fixed;
	word-break:break-all;
	word-wrap:break-all;
	width: 100%;
}
.class_report_content>ul>li.floor_2 .canvas_wrap>table th,
.class_report_content>ul>li.floor_2 .canvas_wrap>table td{
	border-right: 1px solid #cbd4df;
	border-bottom: 1px solid #cbd4df;
	line-height: 1.013333rem;
	font-weight: 300;
}
.class_report_content>ul>li.floor_2 .canvas_wrap>table th{
	line-height: 0.306667rem;
	padding: 0.2rem 0.16rem;
	color: #666;
}
.class_report_content>ul>li.floor_2 .canvas_wrap>table td:first-child{
	color: #666;
}
.class_report_content>ul>li.floor_5{

}
.class_report_content>ul>li.floor_5 .canvas_wrap,
.class_report_content>ul>li.floor_6 .canvas_wrap{
	width: 100%;
	border: none;
	text-align: left;
}
.class_report_content .report_f5_head{
	padding: 0 0.266667rem;
	position: relative;
}
.class_report_content .report_f5_head>h6{
	line-height: 0.8rem;
	width: 7.826667rem;
	font-size: 0.426667rem;
	font-weight: 300;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.class_report_content .report_f5_head>h6>i{
	font-weight: 600;
	font-size: 0.533333rem;
}
.class_report_content .report_f5_head>h6>i.green{
	color: #1cb993;
}
.class_report_content .report_f5_head>h6>i.red{
	color: #ff4f42;
}
.class_report_content .report_f5_head>h6>em{
	font-weight: 600;
}
.class_report_content .report_f5_info{
	font-size: 0.346667rem;
	line-height: 0.8rem;
}
.class_report_content .report_f5_info>span{
	border: 1px solid #41be7c;
	border-radius: 2.666667rem;
	padding: 0 0.16rem;
	color: #41be7c;
	font-size: 0.32rem;
}
.class_report_content .report_f5_content{
	font-size: 0.4rem;
	line-height: 0.773333rem;
	position: relative;
	display: none;
}
.class_report_content .report_f5_content>ul{
	padding: 0 0.266667rem;
}
.class_report_content .report_f5_content ul>li i{
	font-size: 0.533333rem;
	font-weight: 400;
}
.class_report_content .report_f5_content ul>li i.complete{
	color: #58c4a8;
}
.class_report_content .report_f5_content ul>li i.undone{
	color: #ef8080;
}
.class_report_content .report_f5_content .rate{
	position: absolute;
	right: 1.046667rem;
	top: 0.426667rem;
	text-align:center;
	width: 2.8rem;
	height: 1.626667rem;
	font-size: 0.32rem;
	color: #999;
	line-height: 0.533333rem;
}
.class_report_content .report_f5_content .rate>i{
	color: #0099ff;
	font-size: 0.933333rem;
}
.class_report_content .report_f5_footer{
	line-height: 0.666667rem;
	background: #f2fcff;
	border-top: 1px solid #dbe5f0;
	border-bottom: 1px solid #dbe5f0;
	padding: 0.266667rem 0.266667rem;
	font-size: 0.373333rem;
}
.class_report_content .report_f5_footer>i{
	color: #ef8080;
}
.class_report_content .report_f5_footer>em{
	color: #ff4f42;
}
.class_report_content .report_f5_btn{
	width: 0.4rem;
	height: 0.2rem;
	position: absolute;
	right: 0.133333rem;
	top: 0.266667rem;
	padding: 0.4rem;
}
.class_report_content .report_f5_btn.close{
	background: url(/img/report_toopen.png) no-repeat center center / 0.4rem 0.2rem;
}
.class_report_content .report_f5_btn.open{
	background: url(/img/report_toclose.png) no-repeat center center / 0.4rem 0.2rem;
}
.class_report_content>ul>li.floor_6,
.class_report_content>ul>li.floor_7{
	padding-bottom: 0;
}
.class_report_content .report_f6_head .report_f5_btn.close,
.class_report_content .report_f6_head .report_f5_btn.open{
	top: -0.1rem;
}
.class_report_content>ul>li.floor_7 ul li{
	padding-bottom: 0.56rem;
	border-bottom: 1px solid #dbe5f0;
}
.class_report_content>ul>li.floor_7 ul li h6{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: 0.426667rem;
	line-height: 1.066667rem;
	text-align: left;
	padding: 0 0.266667rem;
	font-weight: 300;
}
.class_stureport_content.class_con_wrap{
	background: #ecf3fc;
	bottom: 0;
/*	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;*/
}
.class_stureport_content .header{
	background: #4798f7 url(/img/class_report_linght.png) no-repeat center center / 11.253333rem 11.253333rem;
	height: 7.373333rem;
	padding-bottom: 1.16rem;
	position: relative;
}
.class_stureport_content .header.star{
	background-image: url(/img/class_report_star.png);
}
.class_stureport_content .img_line{
	position: absolute;
	width: 100vw;
	height: 1.16rem;
	left: 0;
	bottom: 0;
	background: url(/img/class_report_bottom.png) no-repeat bottom center / cover;
}
.class_stureport_content .header .title{
	font-size: 0.48rem;
	color: #fff;
	text-align: center;
	line-height: 1.6rem;
}
.class_stureport_content .header .ball_box{
	width: 3.306667rem;
	height: 3.306667rem;
	background: url(/img/class_report_ball.png) no-repeat center center / contain;
	border-radius: 50%;
	overflow: hidden;
	margin: 0.8rem auto 0;
	font-size: 0.373333rem;
	color: #fff;
	text-align: center;
	position: relative;
	border: 0.28rem solid rgba(255,255,255,.2);
	z-index: 1;
}
.class_stureport_content .header .ball_box>span{
	display: inline-block;
	margin-top: 0.56rem;
	font-size: 1.066667rem;
}
.class_stureport_content .header .ball_box>span>i{
	font-size: 0.453333rem;
}
.class_stureport_content .header .ball_box .water{
	position: absolute;
	left: 0;
	top: 10%;
	width: 100%;
	z-index: -1;
}
.class_stureport_content .info{
	color: #fff;
	font-size: 0.4rem;
	text-align: center;
	margin-top: 0.4rem;
}
.class_stureport_content .info li{
	display: inline-block;
}
.class_stureport_content .info li:first-child{
	margin-right: 1.36rem;
}
.class_stureport_content .info li>i{
	font-weight: 600;
	margin-left: 0.2rem;
	font-size: 0.586667rem;
}
.class_stureport_content .charts>h6,
.class_stureport_content .ques_content>h6
{
	text-align: center;
	font-size: 0.48rem;
	line-height: 1.6rem;
}
.class_stureport_content .charts,
.class_stureport_content .ques_content{
	background: #fff;
	padding: 0 0.266667rem;
}
.class_stureport_content .charts{
	padding-bottom: 0.533333rem;
}
.class_stureport_content .charts .canvas_wrap{
	border: 1px solid #dbe5f0;
}
.class_stureport_content .ques_content{
	margin-top: 0.32rem;
}
.class_stureport_content .ques_content li{
	position: relative;
	border-bottom: 1px solid #dbe5f0;
	padding: 0.4rem 0 0.666667rem;
}
.class_stureport_content .ques_content li>h5{
	font-size: 0.453333rem;
	font-weight: 300;
	line-height: 0.666667rem;
	width: 100%;
}
.class_stureport_content .ques_content li>h4,
.class_stureport_content .ques_content li>h3{
	padding-left: 0.746667rem;
	font-weight: 300;
	line-height: 0.8rem;
}
.class_stureport_content .ques_content li>h4{
	font-size: 0.373333rem;
	color: #999999;
}
.class_stureport_content .ques_content li>h4 span{
	color: #91d115;
	border: 1px solid #91d115;
	border-radius: 1.333333rem;
	padding: 0 0.16rem;
}
.class_stureport_content .ques_content li>h4 em{
	color: #e1752f;
}
.class_stureport_content .ques_content li>h3{
	font-size: 0.4rem;
}
.class_stureport_content .ques_content li>h3 span{
	font-weight: 600;
}
.class_stureport_content .ques_content li>h3 em{
	color: #999;
}
.class_stureport_content .ques_content .correct_rate{
	position: absolute;
    right: 0.266667rem;
	bottom: 0.4rem;
    text-align: center;
    width: 2.8rem;
    height: 1.626667rem;
    font-size: 0.32rem;
    color: #999;
    line-height: 0.533333rem;
}
.class_stureport_content .ques_content .correct_rate i{
	font-weight: 600;
    color: #0099ff;
    font-size: 0.933333rem;
}

/*激活码*/
.page-activationCode-html,
.page-activationCode-body {
	height: 100%;
}
.page-activationCode-body {
	display: flex;
	flex-direction: column;
}
.activation_container{
	padding: .2rem .4rem;
	background: #fff;
}
.activationCode .tips{
	word-break: break-all;
	text-align: justify;
	font-size: .36rem;
	line-height: 1.5;
	padding: .2rem 0;
	color: #999;
}
.activationCode .content {
	display: flex;
	margin-bottom: .2rem;
}
.activationCode .content .el-input {
	width: 0;
	flex-grow: 1;
	height: .8rem;
	line-height: .8rem;
	font-size: .32rem;
	padding: 0 .2rem 0 .15rem;
	border: 1px solid #9a9a9a;
	border-radius: .08rem;
}
.activationCode .content .activate-button {
	margin-left: .15rem;
	border-radius: .08rem;
	width: 5em;
	height: .8rem;
	line-height: .8rem;
	font-size: .32rem;
	color: #fff;
	background: #19A4FF;
	border: 1px solid #19A4FF;
	outline: none;
}
.activationCode h2 {
	font-size: .42rem;
	padding: .2rem .4rem;
}
.activationCode .pagination_wrap {
	margin-top: .2rem;
	text-align: center;
}
.history_list{
	height: 0;
	flex-grow: 1;
	font-size: .36rem;
	padding: .2rem .4rem;
	background: #fff;
}

.history_list .code_list .history_title{
	font-size: 0.36rem;
	padding:0 0.2rem;
	line-height: 2;
	border-bottom:solid #eee 1px;
	margin-bottom:0.2rem;
}
.history_list .history_title span{
	color: #19A4FF;
	padding-left:0.2rem;
	border-left:solid #19A4FF 2px;
	font-weight:bold;
	display:block;
}
.history_list .history_info{
		padding:0.1rem 0.2rem;
		padding-bottom: 0;
		overflow: hidden;
		transition: all .5s;
		height: 100px;
}
.history_list .history_info .history_item{
	font-size: 0.36rem;
	padding:0.1rem;
	line-height: 1.5;
}
.history_list .history_info .history_item span{
	width: 5.5em;
	display: inline-block;
}
.history_list .history_info .history_item em{
	font-style: normal;
	color: #999;
}
.history_list .show_all_info{
	height: 100%;
	margin-bottom:0.3rem;
}
.history_list .show_all{
	background: #F2FAFF;
	color:#19A4FF;
	height:0.36rem;
	line-height:1.5;
	text-align:center;
}
a,b,body,canvas,dd,div,dl,dt,em,form,h1,h2,h3,h4,h5,h6,html,img,input,label,li,ol,p,q,span,ul{margin:0;padding:0;border:0;outline:0;font-size-adjust:none;-webkit-text-size-adjust:100%!important;-webkit-touch-callout:none;}
*{-webkit-tap-highlight-color:transparent;}
body,html{background:#ffffff;padding:0;margin:0; font-family:"Microsoft YaHei",微软雅黑,STHeiti,simsun,Helvetica-Light,arial,sans-serif,'Droid Sans Fallback'; -webkit-touch-callout:none;-webkit-user-select:none ; overflow: hidden;}
article,aside,dialog,header,section,footer,nav,figure,menu{display:block}
input{-webkit-user-select:auto;-webkit-appearance:none;appearance:none;outline:0;}
::-webkit-input-placeholder{color:#999;}
li,ul{list-style:none;}
a{text-decoration:none; color: inherit;}
a:hover{text-decoration:none;}
em{font-style:normal;}
i{ font-style: normal;}

.df{display: flex;}
.flex1{-ms-flex: 1;flex: 1;}
.fdc{flex-direction: column;}
.tar{text-align: right!important;}
.tac{text-align: center!important;}
.tal{text-align: left!important;}
.vam{vertical-align: middle!important;}
.p0{padding: 0!important;}
.m0{margin: 0!important;}
.mt0{margin-top: 0!important;}
.h100p{height: 100%;}
.bdn{border: none!important;}
.show{display: block!important;}
.hide{display: none!important;}
.o0{opacity: 0;}
.ovh{overflow: hidden;}
.clearfix:after{content:""; display:block; clear:both}
.clearFix{ zoom: 1; }
.fl{float: left;}
.fr{float: right;}
.dt{display: table; width: 100%; table-layout: fixed;}
.vh{visibility: hidden;}
.z20{z-index: 20;}
.b0{bottom: 0!important;}
.noborder{border: none!important;}
.hidetext{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

.pl04r{padding-left: .4rem;}


.popmask{position: absolute; left: 0; top: 0; height: 100%; width:100%; background: rgba(0,0,0,0.2); z-index: 10; display: none;}
.popmask.fixed{position: fixed; z-index: 4;}
.popmask.cover{position: fixed; z-index: 6;}
.popiframe iframe{position: absolute; left: 0; top: 0; transform-origin: center center; border: none; transform-origin: 0 0; transform: rotate(90deg) translate(40px,-100%);}
.popiframePdf iframe{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transform-origin: center center; border: none; transform:translateY(20px);}
.popiframeVideo iframe{position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%;}
.popiframeVideo #videoobj{position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%;}
.popfilter{pointer-events: none;}
[data-dpr=1] .popfilter, [data-dpr=2] .popfilter, [data-dpr=3] .popfilter{filter: blur(.1rem); pointer-events: none;}
/* .popalert{position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: .3rem; margin: auto; width: 6.533333rem; padding: 0 .4rem; height: 1.466667rem; background: #fff; vertical-align: middle; color: #6e8ef2; font-size: .4rem; text-align: center; display: table;}
.popalert p{height: 100%; display: table-cell; vertical-align: middle; line-height: 1.5;} */
.popalert{position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: .3rem; margin: auto; width: 6.533333rem; padding: 0 .4rem; height: 1.466667rem; background: #fff; color: #6e8ef2; font-size: .4rem; display: flex; justify-content: center; align-items: center;}
.popalert p{ line-height: 1.5;}
.popwarning{position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: .3rem; margin: auto; width: 7.2rem; height: 4.04rem; background: #fff; vertical-align: middle; font-size: .4rem; text-align: center;}
.popwarning_title{height: 1.6rem; line-height: 1.6rem; font-size: .426rem;}
.popwarning_title1 { font-size: .426rem; padding: 0.52rem 0; }
.popwarning_content{height: 1.24rem; font-size: .4rem; padding: 0 .266rem;}
.popwarning_btn{display: table; width: 100%; table-layout: fixed; border-top: 1px solid #eee;}
.popwarning_btn li{display: table-cell; vertical-align: middle; text-align: center; height: 1.2rem; color: #6e8ef2;}
.popwarning_btn li + li{border-left: 0.0133rem solid #eee; color: #6e8ef2;}
.poploading{position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: .3rem; margin: auto; width: 3.84rem; height: 3.84rem; background: rgba(0,0,0,.4); vertical-align: middle; font-size: .4rem; text-align: center;}
.poploadingbox{position: absolute; width: 1.266rem; height: 1.266rem; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.poploading li{position: absolute; background: #fff; width: .266rem; height: .266rem; border-radius: 50%; animation: loading 1s infinite; -webkit-animation: loading 1s infinite; transform: scale(0);}
.poploading li:nth-child(1){top: 0; left: .5rem;}
.poploading li:nth-child(2){top: .143rem; left: .857rem; animation-delay: .125s; -webkit-animation-delay: .125s;}
.poploading li:nth-child(3){top: .5rem; left: 1rem; animation-delay: .25s; -webkit-animation-delay: .25s;}
.poploading li:nth-child(4){top: .857rem; left: .857rem; animation-delay: .375s; -webkit-animation-delay: .375s;}
.poploading li:nth-child(5){top: 1rem; left: .5rem; animation-delay: .5s; -webkit-animation-delay: .5s;}
.poploading li:nth-child(6){top: .857rem; left: .143rem; animation-delay: .625s; -webkit-animation-delay: .625s;}
.poploading li:nth-child(7){top: .5rem; left: 0; animation-delay: .75s; -webkit-animation-delay: .75s;}
.poploading li:nth-child(8){top: .143rem; left: .143rem; animation-delay: .875s; -webkit-animation-delay: .875s;}
.popbuy{position: absolute; bottom: 0; width: 100%; min-height: 6.8rem; height: auto;left: 0; background: #fff; z-index: 4;}
.popbuy_close{position: absolute; right: .16rem; top: .16rem; width: .32rem; height: .32rem; padding: .2rem; background: url(/img/book_close.png) no-repeat center center; background-size: .32rem .32rem;}
.popbuy_tips{position: absolute; top: .15rem; left: 0; width: 8.3rem; height: .9rem; padding-left: 1.16rem; box-sizing: border-box; line-height: .9rem; background: #ff4f42 url(/img/border_right.jpg) no-repeat center right; background-size: auto .9rem; border-radius: .05rem; color: #fff; font-size: .36rem;}
.popbuy_tips:after{content: ''; position: absolute; width: .373rem; height: .346rem; top: 0; bottom: 0; left: .6rem; margin: auto 0; background: url(/img/icon_star.png) center center; background-size: .373rem;}
.popbuy ul{display: -webkit-flex; display: flex; width: 8.85rem; margin: 1.6267rem auto 0;}
.popbuy ul + ul{margin-top: .4rem;}
.popbuy li{-webkit-flex: 1; flex: 1; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; padding: .38rem .24rem; border: 1px solid #999; border-radius: .1rem; font-size: .35rem; color: #333;}
.popbuy .active{border-color: #1a98ff; background: #e6f1ff;}
.popbuy li + li{margin-left: .2666rem;}
.popbuy em{-webkit-flex: 1; flex: 1;}
.popbuy span{position: relative; color: #ff4f42; text-align: right; font-weight: bold; }
.popbuy.ios span:after{content: ''; position: absolute; top: 0; left: -.6rem; width: .56rem; height: .528rem; background: url(/img/bean.png) no-repeat; background-size: .56rem;}
.popbuy .popbuy_btn{position: absolute; bottom: .4rem; left: 0; right: 0; height: .6rem; padding: .3rem 0; width: 8.85rem; margin: 0 auto; border-radius: .1rem; background: #1a98ff; color: #fff; text-align: center; font-size: .4rem;}
.popbuy .popbuy_btn1_box{margin-top: 1.5rem;margin-bottom: 0.25rem;}
.popbuy .popbuy_btn1{height: .6rem; width: 7.5rem; padding: .3rem 0; margin: 0.5rem auto 0; border-radius: .8rem; color: #fff; text-align: center; font-size: .4rem;}
.popbuy .popbuy_btn1_alipay{background: #0580fe;}
.popbuy .popbuy_btn1_wechat{background: #0cc45a;}
.popbuy .popbuy_btn1 svg{width: .5rem;height: .5rem; vertical-align: middle;}
.popbuy .popbuy_footnote {padding: .3rem .5rem; line-height: 1.5; color: #555555;}
.popupdate{position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 8.173rem; margin: 0 auto; display: -webkit-flex; display: flex; flex-direction: column; -webkit-flex-direction: column;}
.popupdate_bg{-webkit-flex: 1; flex: 1; background: url(/img/update_bg.png) no-repeat center bottom; background-size: 100% auto;}
.popupdate_container{-webkit-flex: 1.5; flex: 1.5; overflow: hidden;}
.popupdate_content{position: relative; background:#fff url(/img/update_pattern.png) no-repeat -1.2rem 0; background-size: auto .8rem; border-radius: .2rem; padding: 1.3rem .4rem .5333rem; margin: 0 .4133rem;}
.popupdate_content h2{color: #333; font-weight: normal; margin-bottom: .3rem; font-size: .4rem;}
.popupdate_content li{position: relative; padding: .1rem .05rem; color: #999; font-size: .36rem; line-height: 1.5;}
.popupdate_content li:after{position: absolute; left: 0; top: .31rem; width: .15rem; height: .15rem; background: #999; border-radius: 50%;}
.popupdate_content p{padding: .15rem 0; margin: .333rem auto 0; background: #4798f7; font-size: .4rem; text-align: center; color: #fff; border-radius: .1rem;}
.popupdate_content span{display: block; width: 50%; margin: .2rem auto 0; text-align: center; color: #333; font-size: .4rem; }
.popshare{position: absolute; bottom: 0; width: 100%; height: 4.06rem; left: 0; background: #fff;}
.popshare ul{width: 100%; height: 100%; display: -webkit-flex; display: flex; align-items: center; -webkit-align-items: center; padding: .2rem .2rem 0; box-sizing: border-box;}
.popshare li{flex: 1; -webkit-flex: 1; text-align: center; color: #606060; font-size: .3rem;}
.popshare p{width: 1.6rem; height: 1.6rem; border-radius: .3rem; margin: 0 auto .2666rem; background: #efefef; display: -webkit-flex; display: flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center;}
.popshare img{height: .8rem;}
@keyframes loading{0%{transform:scale(0);}
50%{transform:scale(1);}
100%{transform:scale(0);}
}
@-webkit-keyframes loading{0%{transform:scale(0);}
50%{transform:scale(1);}
100%{transform:scale(0);}
}

.popAdtMask {display: flex; align-items: center; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.2); z-index: 10;}
.popAdtWarning {background: #fff; font-size: .4rem; text-align: center; border-radius: .3rem; margin: auto; width: 7.2rem;}
#alert_con {padding-bottom: .666667rem;}
.popTextMask {display: flex; align-items: center; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.2); z-index: 10;}
.popTextWarning {background: #fff; font-size: .4rem; text-align: center; border-radius: .3rem; margin: auto; width: 7.2rem;}
#alert_con {padding-bottom: .666667rem;}
.popTextMask .btn_share.disable {color: #999;}
#textAlert {display: none;}

/*个人中心*/
.per_omit{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.per_bg1{ background: #fff;}
.per_bg2{ background: #333;}
.per_bg3{ background: #f2f8ff;}
.personal_container_new{ width: 100%; margin: auto;padding-bottom: 1.5rem;}
.personal_container_new.index_container{background: #f7f7f9;}
.personal_mask{position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; transition: background-color .5s; z-index: 3; pointer-events: none;}
.personal_container_new.open .personal_mask{background: rgba(0,0,0,.5); pointer-events: initial;}
.personal_container_new #wrapper{position: relative; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; margin: auto;  overflow: hidden; transition: transform .5s;}
.personal_container_new.open #wrapper{transform: translateX(7.733rem);}
.personal_wrapper{position: absolute; top:1.7066666666666668rem;bottom: 0; width: 100%; margin:auto 0; overflow-y: auto; overflow-x: hidden; }
.personal_header{ position: relative; z-index: 4; overflow: hidden; padding: 0.5333333333333333rem 0.8rem 0 0.8rem; height: 1.1866666666666668rem; line-height:1.1866666666666668rem; background: #4798f7; font-size:0.45rem; color: #ffffff;  text-align: center; border-bottom: 1px solid #cccccc;}
.personal_back{ position: absolute; bottom: 0; left: 0; height: 1.1733333333333333rem; width: 1.066667rem; display: block; background: url(/img/personal_back2.png) no-repeat .4rem center; background-size: 0.266667rem auto; z-index: 1;}
.personal_info_list{ width:90%; background-color: #fff; border-radius: 16px; margin: 0 auto; padding: 0.4rem 0;}
.personal_info_list li{ background: #fff; padding: 0.4rem; position: relative;}
.personal_info_list li.personal_arrow{ padding-right: 0.9rem; background: #fff;}
.personal_info_list li.personal_arrow::after,.index_l_head a::after,.index_l_menu li::after{ content: ''; position: absolute; top: 50%; right: 0.4rem; width: .2rem; height: .2rem; border-width: 1px; border-style: solid; border-color: #999999 #999999 transparent transparent; transform: translateY(-50%) rotate(45deg);}
.personal_info_list li.personal_arrow.task_result_cell {display: none;}
.personal_info_list li.personal_li_height{ height: 2rem; line-height: 2rem; padding: 0 0.9rem 0 0.4rem;}
.personal_info_list li.cur{ background: #F0F0F0;}
.personal_info_list li span{ display: block; font-size: 0.37333333333333335rem;}
.personal_info_list li span.per_sl{ float:left; width: 30%;}
.personal_info_list li span.per_sr{ float:right; width: 70%; height: 100%; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.personal_info_list li span.per_color1{ color: #999999;}
.personal_info_list li span.per_cv{ float: right; padding: 0.15rem 0.4rem; background: #007AFF; color: #ffffff; border-radius: 0.1rem; }
.personal_info_list li span.sign1{ position: absolute; top: 0.455rem; left: 2.333333rem; color: #999999; font-size: 0.293333rem;}
.personal_info_list li span.sign2{ color: #1fb993; font-size: 0.293333rem;}
.per_table_cell a.per_bound{ font-size: 0.37333333333333335rem; color: #1A98FF; text-decoration: underline; position: relative; padding-right: 0.2rem;}
.per_table_cell a.per_bound::after{content: '\25CF'; position: absolute; font-size: 0.28rem; color: #ff401a; top: -0.2rem ; right: 0;}
.personal_info_list li label{ position: absolute;width: 70%; height: 1.2rem; top: 0.4rem; right: 0.9rem; overflow: hidden; }
.personal_info_list li label span{ float:right;width: 1.2rem; height: 1.2rem;overflow: hidden; border-radius: 0.6rem;}
.personal_info_list li label img{ width: 100%; height: 100%;}
.personal_table_new{display: table; width:100%;vertical-align: middle;}
.per_table_cell{ display: flex; align-items: center; font-size: 0.41rem;}
.personal_table_new .per_sl .icon { margin-right: .45rem; width: 1rem; height: 1rem;}
.personal_table_new .per_sl { font-size: 0.43rem;}
.personal_table_new .per_sl i {position: relative; top: -0.06667rem; left: .133333rem; display: none; padding: 0 .106667rem; line-height: .373333rem; font-size: .226667rem; background-color: #ff4f42; color: #fff; border-radius: .186667rem;}
.personal_table_new .per_sl.has_news:after{content: '';width: 0.1333rem; height: 0.1333rem;position: absolute;top: 0.45rem;left: 2rem;background: #ff4f42;border-radius: 0.066666rem;}
.personal_table_new .per_sr{ width: 70%; text-align: right;}
.personal_quit{ height: 1.3333333333333333rem; line-height: 1.3333333333333333rem; text-align: center; background: #fff; font-size: 0.37333333333333335rem; color: #ff401a;}
.per_upload{ position: absolute; top: 0; right: 0; height: 2rem; width: 100%; font-size: 1rem; z-index: 3; opacity: 0;}
.personal_info_list li span.per_upload_error{display:none;float: right; font-size: 0.28rem; color: #f17474; padding-right: 1.5rem;}
.personal_notify_list{ overflow: hidden; padding-bottom: 1rem;}
.personal_n_time{ text-align: center; height: 1.1333333333333333rem; line-height: 1.1333333333333333rem; font-size: 0.32rem; color: #999999;}
.personal_n_content{ margin: 0 0.4rem; overflow: hidden; height: 5.333333333333333rem; position: relative; box-shadow: 0 0 0.2rem #ebebeb;}
.personal_n_content img{ width: 100%; height: 100%;}
.personal_n_content span{ position: absolute; left: 0; right: 0; bottom: 0; padding: 0 0.3rem; height: 1rem; line-height: 1rem; color: #fff; font-size: 0.37333333333333335rem; background: url(/img/personal_bg3.png) repeat top left;}
.personal_about{ padding: 0.9333333333333333rem 0; text-align: center }
.personal_about span{ display: block; text-align: center; font-size: 0.37333333333333335rem; padding-top: 0.1rem;}
.personal_about img.img1{ width: 4.253333rem}
.personal_about img.img2{ width: 2.56rem;}
.personal_about p{font-size: 0.533333rem; color: #154a97; padding-top:0.2rem;}
.personal_ab_t{ text-align: center; font-size: 0.26rem; color: #999999;}
.personal_ab_t span{ display: block;}
.personal_ab_t a{ color: #1a98ff; font-size: 0.3rem; text-align: center; padding-top: 0.5rem;}

.personal_help{ overflow: hidden;}
.personal_help li.per_h_li{ position: relative;}
.personal_help li.per_h_li::after{content: ''; position: absolute; top: 0.65rem; right: 0.4rem; width: .32rem; height: .18rem; background: url(/img/personal_help1.png) no-repeat; background-size: 0.32rem 0.16rem; }
.personal_help li.per_h_cur::after{ background: url(/img/personal_help2.png) no-repeat; background-size: 0.32rem 0.16rem;}
.personal_h_title{ display: block; height: 1.5rem; line-height: 1.5rem; font-size: .42rem; padding: 0 0.4rem; border-bottom: 0.0133rem solid #eae8ea;}
.personal_h_info{ display: none; background: #fcfcf8; padding: 0 0.4rem; border-bottom: 0.0133rem solid #eae8ea;}
.personal_h_info li{ border-bottom: 0.0133rem solid #eae8ea; padding-bottom: 0.4rem;}
.personal_h_info li:last-child{ border: none;}
.personal_h_info span{ display: block;}
.personal_h_info span.s1{ font-size: 0.4rem; color: #6c789e; padding: 0.4rem 0 0 0;}
.personal_h_info span.s2{ font-size: 0.38rem; color: #96a0bf;}
.personal_h_info span.s3{ padding-bottom: 0.26rem;}

.headimg_wrapper{padding: .26666rem; box-sizing: border-box;}
.headimg_wrapper .headimg_top{position: relative; width: 100%; height: 3.38666rem; background: url(/img/headimg_top.png) no-repeat; background-size: cover;}
.head_img{position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 3.09333rem; height: 3.09333rem; overflow: hidden; border-radius: 50%;}
.head_img .avatar_wrap{position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; width: 2.32rem; height: 2.32rem; border-radius: 50%; overflow: hidden;}
.head_img .avatar_wrap img{display: block; width: 100%; height: 100%;}
.headimg_container{display: flex; justify-content: space-between; flex-wrap: wrap; background: #fff;}
.headimg_container li{position: relative; width: 3.09333rem; height: 3.09333rem;}
.headimg_container li .head_imgwrap{position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; width: 2.32rem; height: 2.32rem; border-radius: 50%; overflow: hidden;}
.headimg_container li .head_imgwrap img{display: block; width: 100%; height: 100%;}
.headimg_selected{background: #edf1f1;}
/*.head_img_last{margin-left: -3rem;}*/

.login-out {
	width: 90%;
	height: 1.2rem;
	background: #fff;
	border-radius: 16px;
	margin: 0.5rem auto;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.43rem;
	color: #FF5656;
}

.per_bg {
  overflow-x: hidden;
  width: 100%;
  height: 4.8rem;
  position: absolute;
  left: 0;
  top: 0;
}

.per_in_warp { position: relative; }
.per_in_top{width: 100%; margin: 1.9rem auto 0.8rem; display: inline-block;}
.per_in_top .per_in_button{display: flex; justify-content: flex-end;}
.per_in_key{ height: 1.266666rem; text-align: right; padding-right: 0.2rem;}
.per_in_key span{ display: block; float: right; padding: 0.4rem 0rem; width: 0.413333rem; height: 0.453333rem; position: relative;  background: url(/img/key.png) no-repeat center center; background-size: 0.413333rem 0.453333rem;}
.per_in_key span.index_key::after{ content: ''; display: block; width: 0.1333rem; height: 0.1333rem; position: absolute; top: 0.45rem; right: 0.3rem; background: #ff4f42; border-radius: 0.066666rem;}
.per_in_msg{ height: 1.266666rem; text-align: right; padding-right: 0.2rem;}
.per_in_msg span{ display: block; float: right; padding: 0.4rem 0.3rem; width: 0.413333rem; height: 0.453333rem; position: relative;  background: url(/img/index_icon15.png) no-repeat center center; background-size: 0.413333rem 0.453333rem;}
.per_in_msg span.index_tips::after{ content: ''; display: block; width: 0.1333rem; height: 0.1333rem; position: absolute; top: 0.45rem; right: 0.3rem; background: #ff4f42; border-radius: 0.066666rem;}
.per_in_info{ display: flex; position: relative;}
.per_in_info a{ display: inline-block;}
.per_in_info img{ width: 1.2rem; height: 1.2rem; margin: 0 0.3rem; display: block; overflow: hidden; border-radius: 50%; border: 0.08rem solid #73c0f3;}
.per_in_score{ position: absolute; width: 3rem; left: -3rem; top: 0.8rem; padding-top: 0.426666rem; background: url(/img/personal_score.png) no-repeat top center; background-size: 0.426666rem 0.4rem;}
.per_in_score span{ display: block; color: #ffffff; font-size: 0.266666rem; text-align: center;}
.per_in_score span.score{ font-size: 0.426666rem; padding: 0.1rem 0;}
.per_in_user{color: #ffffff; font-size: 0.32rem;}
.per_in_phone{ padding: 0.1rem 0; color: #fff; font-size: 0.4rem;}
.per_in_stu{ padding: 0.05rem 0; text-align: center; color: #cde4ff; font-size: 0.32rem;}
.per_in_main{margin-top: 0.6rem; box-sizing: border-box;}
.personal_info_list li.per_mgb{ }
.per_in_bound{ font-size: 0.4rem; padding-right: 0.333333rem; background: url(/img/personal_back3.png) no-repeat right center;}

.msg_bg{ background: #4798f7; color: #ffffff;}
.msg_bg a.personal_back{ background: url(/img/personal_back2.png) no-repeat center center; background-size: 0.28rem 0.533333rem;}
.personal_message{ position: relative; width: 100%; height: 100%; overflow: hidden;}
.msg_tab{ display: table; table-layout: fixed; width: 100%; border-bottom: 1px solid #e5e5e5; background: #ffffff;}
.msg_cell{ position: relative; display: table-cell; text-align: center; height: 1.066666rem; line-height: 1.066666rem;}
.msg_cell span{ font-size: 0.373333rem; position: relative;}
.msg_cell span.tips::after{ content: ''; position: absolute; display: block; top: 0; right: -0.233rem; width: 0.186666rem; height: 0.186666rem; background: #ff4f42; border-radius: 0.093333rem;}
.msg_cell span.ntcNum i,.msg_cell span.meNum i{ position: absolute; top: -0.08rem; left: 0.75rem; padding: 0 0.133333rem; background: #FF4F42; color: #fff; font-size: 0.293333rem; line-height: 0.373333rem; border-radius: 0.186666rem;}
.msg_tab .msg_cell:first-of-type.active::after{ position: absolute; content: ''; bottom: -0.013333rem; left: 0.4rem; right: 0; border-bottom: 0.066666rem solid #4798f7;}
.msg_tab .msg_cell:last-of-type.active::after{ position: absolute; content: ''; bottom: -0.013333rem; right: 0.4rem; left: 0; border-bottom: 0.066666rem solid #4798f7;}
.msg_conter{ position: absolute; top: 1.066666rem; left: 0; right: 0; bottom: 0;}
.msg_empty{ text-align: center; margin-top: 30%; display: none;}
.msg_empty img{ width: 2.813333rem; height: 3.92rem;}
.msg_empty span{ font-size: 0.373333rem; color: #666666; display: block;}
.personal_msg_list{ display: none; padding-bottom: 0.4rem; height: 100%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.massageList li{ background: #ffffff; padding-left: 0.4rem; margin-top: 0.266666rem; overflow: hidden;}
.per_msg_con{position: relative; padding: 0.2rem 0; width: 123%; float: left; -webkit-transition: all 0.3s linear;}
.per_select{ -webkit-transform: translate(-18%,0); -webkit-transition: all 0.3s linear;}
.per_msg_del{ float: left; width: 1.666666rem; height: 100%; position: absolute; top:0; right: 0; z-index: 3;}
.per_msg_del span{ display: table-cell; vertical-align: middle; font-size: 0.4rem; color: #ffffff;}
.per_msg_d{ text-align: center; display: table; width: 100%; height: 100%; background: #ff4f42;}
.personal_msg_box{display: flex; align-items: center; flex-wrap: wrap; float: left; padding: 0.2rem 0 0.2rem 2rem; margin-right: 1rem; width: 7.4rem; position: relative; min-height: 1.4rem;}
.personal_msg_box p {flex: 0 0 7.4rem; width: 7.4rem; letter-spacing: 1px;}
.personal_msg_box .msg_con {margin-bottom: 4px; font-size: 0.373333rem; line-height: 0.586667rem;}
.personal_msg_box .msg_tip {font-size: 0.32rem; line-height: 0.52rem; color: #999;}
.personal_msg_box .msg_tip .strong {color: #1a98ff; text-decoration: underline;}
.personal_msg_avatar{ position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1.5rem; height: 1.5rem; border: 0.05333333333333334rem solid #fff; border-radius: 50%; overflow: hidden; box-shadow: 0 0.1rem 0.3rem 0 #f7f6f6;}
.personal_msg_avatar img{ width: 100%; height: 100%; border-radius: 50%}
.personal_msg_name{ padding-right: 2rem; padding-top: 0.1rem; position: relative;}
.personal_msg_name span{font-size: .4rem; font-weight: 800;}
.personal_msg_name em{ position: absolute; top: 0.05rem; right: 0; font-size: 0.26rem ; color: #999999;}
.personal_msg_info{ color: #999999; font-size: 0.32rem; padding-top: 0.15rem;}
.per_read_1 .personal_msg_name span{ color:#999}
.noticeList li{ background: #ffffff; padding: 0.4rem 0.4rem 0; overflow: hidden; margin-top: 0.266666rem;}
.noticeList li img{ width: 100%; height: auto;}
.noticeList li span{ display: block; height: 1.026666rem; line-height: 1.026666rem; color: #666666; font-size: 0.32rem;}
.noticeList li span.s1{ border-bottom: 1px solid #e5e5e5;}
.noticeList li span.s2{ background: url(/img/book_cover.png) no-repeat right center; background-size: 0.146666rem 0.306666rem; }
.noticeList li span.s3{ height: 4.266666rem; overflow: hidden; border-radius: 0.133333rem; }
.personal_ntf_main{ padding: 0 0.4rem; height: 100%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.personal_ntf_title{ font-size: 0.613333rem; margin-top: 0.533333rem;}
.personal_ntf_info{ margin-top: 0.3rem; color: #888888; font-size: 0.426666rem; }
.personal_ntf_content{ overflow: hidden; padding: 0.4rem 0.266666rem;}
.personal_ntf_content img{ display: block; margin: 0.266666rem auto; max-width: 100%; height: auto; }
.personal_ntf_content p{ padding: 0.3rem 0.4rem; font-size: 0.373333rem; line-height: 1.5;}

.personal_pwd_list{ padding: 0 0.4rem; overflow: hidden; padding-bottom: 2rem;}
.personal_pwd_list li{ padding-top: 0.7333333333333333rem; border-bottom: 0.0133rem solid #c1c1c1;}
.personal_pwd_list li.image_code_wrap{position: relative; padding-top: 0; height: 1.96rem;}
.personal_pwd_tit{ font-size: 0.32rem; color: #777777;}
.personal_pwd_info{ font-size: 0.32rem; height: 0.8rem; line-height: 0.8rem ; padding-right: 2.8rem; position: relative;}
.personal_pwd_info input{ width: 75%; height: 0.7rem; color:#333; font-size: 0.32rem;}
.personal_pwd_info input::-webkit-input-placeholder,.personal_sug textarea::-webkit-input-placeholder,.personal_sug input::-webkit-input-placeholder{ color: #c1c1c1;}
.personal_pwd_info span{ position: absolute; right: 0.2rem; top: 0; font-size: 0.32rem; color: #1a98ff;}
.personal_pwd_info span.scur{ color: #999;}
.personal_pwd_info i{ display: none; z-index: 2; position: absolute; top: 0.1rem; right: 0; width: 0.8rem; height: 0.5333333333333333rem; background: url(/img/personal_bg4.png) no-repeat center center; background-size: 0.4rem 0.4rem;}
.personal_pwd_info span.getImageCode{width: 3.12rem; height: 1.56rem; top: .2rem;}
.personal_pwd_info #image_code{position: absolute; top: .2rem; height: 1.5rem;}
.personal_pwd_box{ width: 100%; padding: 0;}
.personal_btn{ margin: 0 0.4rem; background: #1a98ff; color: #fff; font-size: 0.4rem;border-radius: 0.13333333333333333rem; text-align: center; height: 1.16rem; line-height: 1.16rem;}
.personal_btnc_c{ margin: 0 0.4rem; background: #cccccc; color: #fff; font-size: 0.4rem;border-radius: 0.13333333333333333rem; text-align: center; height: 1.16rem; line-height: 1.16rem;}
.personal_sug{ padding-bottom: 1.5rem; overflow: hidden}
.personal_sug p{ padding:0.3rem 0.4rem 0 0.4rem; font-size: 0.36rem;}
.personal_sub_info{ margin: 0 0.4rem; margin-top: .28rem; background: #fff; border: 0.0133rem solid #cccccc; padding: 0.3rem 0.4rem; overflow: hidden;}
.personal_sub_info span{ float: right;}
.personal_sug textarea,.personal_sug input{ background: none; font-size: 0.36rem; color: #333; border: none;width: 100%;  }
.personal_sug textarea{ resize: none;height: 2.04rem; font-family: "\5FAE\8F6F\96C5\9ED1"; outline: none;}
.personal_sug_i{ margin: 4rem 2.8rem 0; border: .013333rem solid #999999; padding: 0.1rem 0;}
.personal_sug_i span{ display: block; font-size: 0.3rem; color: #999; text-align: center; padding: 0.06rem 0;}
.personal_sug_i span em{ color: #1a98ff;}
.per_photo{ min-width: 100%;}

.personal_protocol{ padding: 0.4rem;-webkit-overflow-scrolling: touch;}
.personal_protocol p{ font-size: 0.38rem; line-height: 1.6;}
.personal_protocol p.p_title{ font-size: 0.42rem; color: #333333; padding-bottom: 0.2rem;}
.personal_protocol p.p2{padding-top: 0.8rem; padding-bottom: 0.2rem;}
.personal_protocol p.p3{ font-size:0.36rem;color: #2f2f2f;}


.footer{ border-top-right-radius: 20px; border-top-left-radius: 20px; position: absolute; bottom: 0; left: 0; right: 0; height: 1.28rem; border-top: 1px solid #e5e5e5; background: #ffffff;}
.t_footer_type{ clear:both; overflow:hidden;  width: 100%; display: -webkit-box; display: -ms-flexbox; display: -moz-box; display: box;}
.t_footer_cell{ height:100%; text-align: center;-webkit-box-flex: 1; -ms-flex: 1 0 auto; -moz-box-flex: 1; box-flex: 1;}
.t_footer_cell a{ display:block; padding-top:0.1rem;}
.t_footer_cell a i {position: relative; display:block; width:0.586666rem; height:0.52rem; margin:0.1rem auto 0.05rem; }
.t_footer_cell.has_news a i::after{content: '';width: 0.1333rem; height: 0.1333rem;border-radius: 0.066666rem;background: #ff4f42;display: block;position: relative;top: 0;left: 0.5rem;}
.t_footer_cell a i.icon1{background:url(/img/index_icon17.png) no-repeat center center; background-size:0.586666rem 0.493333rem;}
.t_footer_cell a i.icon2{background:url(/img/index_icon22.png) no-repeat center center; background-size:0.506666rem 0.506666rem;}
.t_footer_cell a i.icon2 em {display: none; position: absolute; top: -0.133333rem; left: .36rem; padding: 0 .16rem; height: .4rem; background-color: #ff4e40; border-radius: .2rem; color: #fff; font-size: .226667rem; line-height: .4rem;}
.t_footer_cell a i.icon3{background:url(/img/index_icon19.png) no-repeat center center; background-size:0.44rem 0.48rem;}
.t_footer_cell a.active i.icon1{background:url(/img/index_icon17a.png) no-repeat center center; background-size:0.586666rem 0.493333rem;}
.t_footer_cell a.active i.icon2{background:url(/img/index_icon22a.png) no-repeat center center; background-size:0.506666rem 0.506666rem;}
.t_footer_cell a.active i.icon3{background:url(/img/index_icon19a.png) no-repeat center center; background-size:0.44rem 0.48rem;}
.t_footer_cell a span{ font-size: 0.266666rem; color: #999999;}
.t_footer_cell a.active span{ color: #4798f7;}


/*首页*/
.index_top_header{ position: relative; z-index: 2; background: #fff;}
.index_top_content{ padding-top: 0.5333333333333333rem; height: 1.1733333333333333rem; position: relative; border-bottom: 1px solid #d2e0ed;}
.index_top_avatar{ position: absolute; top: 0.73rem; left: 0.4rem; z-index: 1;}
.index_avatar{ display: block; position: relative; padding-left: 0.9rem;}
.index_avatar img{ position: absolute; left: 0; right: 0; width: 0.8rem; height: 0.8rem; box-shadow: 0 0 0.2rem #ebebeb; border-radius: 50%; overflow: hidden;}
.index_top_avatar em{ display: block; color: #4798f7; padding-top: 0.15rem; font-size: 0.346666rem; }
.index_more{float: right; height: 1.1733333333333333rem; line-height: 1.1733333333333333rem; margin-right: .4rem; color: #4798f7; font-size: .36rem;}
.index_sel{ height: 0.8rem; position: relative; }
.index_sel span{ display: block; float: left; width: 50%; height: 0.7866666666666666rem; border-bottom: 0.0133rem solid #d2e0ed;overflow: hidden; background: #f0f8ff;}
.index_sel span a{ display: block; font-size: 0.32rem; color: #79b5f9; border-right: 0.0133rem solid #d2e0ed; height: 0.8rem; line-height: 0.8rem; text-align: center; padding-right: 0.7rem; position: relative;}
.index_sel span a::after{content: ''; position: absolute; top: 42%; right: 0.4rem; width: .2rem; height: .2rem; border-width: 0.0133rem; border-style: solid; border-color: #7eb7f9 #7eb7f9 transparent transparent; transform: translateY(-50%) rotate(135deg);}
.index_sel span:last-child a{border-right: none;}
.index_sel span.cur{  border-bottom: 0.0133rem solid #e7f3ff;background: #e7f3ff;}
.index_sel span.cur a{ color: #4798f7; border-right: 0.0133rem solid #d2e0ed;}
.index_sel span.cur a::after{border-color: #4798f7 #4798f7 transparent transparent; transform: translateY(30%) rotate(-45deg);}
.index_sel ul{display:none;position: absolute; top: 0.79rem; right: 0; left: 0; background: #e7f3ff; border-bottom: 0.0133rem solid #d2e0ed; z-index: 1;}
.index_sel ul li{ text-align: center; font-size: 0.32rem; color: #333; padding: 0.2rem 0; }
.index_sel ul li.cur{ background: #c7e1fd;}
.index_wrapper{position: absolute; top:2.52rem;bottom: 0; width: 100%; margin:auto 0; overflow-y: auto; overflow-x: hidden; background: #fafafa;}
.index_wrapper.nobook{z-index: 2; position: absolute; top: 1.973297rem; bottom: .266667rem; left: .3333rem; right: .3333rem; background: #fff; border: 0.0133rem solid #d8dce4; width: initial;}
.index_main{clear: both; background: #fff;}
.index_book_list{ overflow: hidden; padding-bottom: 0.5rem;}
.index_book_list li.index_book_li{ float: left; margin:0.4rem 4%; margin-bottom: 0; width: 2.2666666666666666rem; position: relative;}
.index_book_list li.index_book_li:nth-child(3n-1){margin:0.4rem 8%; margin-bottom: 0;}
.index_book_list li.index_more_li{padding:0.4rem 0.4rem 0.4rem 0; margin-left: 0.4rem; border-bottom: 0.0133rem solid #e6e5e6;}
.index_book_list li.index_more_li:last-child{border: none;}
.index_book_img{ height: 3.2rem; overflow: hidden; border:0.0133rem solid #f0f0f0;box-shadow: 0 0 0.2rem #ebebeb;}
.index_book_img img,.index_l_avatar img,.index_more_img img{ width: 100%; height: 100%;}
.index_press{ font-size: 0.24rem; text-align: center; padding-top: 0.2rem;}
.index_volumes{ font-size: 0.22rem; text-align: center; color: #777777;}
.index_icon{ position: absolute; width: 1.12rem; height: 0.48rem; top: 0.2rem; left: -0.06rem; padding-left: 0.12rem; font-size: 0.25rem; color: #fff; display: block; background: url(/img/index_icon10.png)no-repeat; background-size: 1.12rem 0.48rem; }
.index_book_list li.index_default{ margin: 0; float: none; width: 100%;}
.index_default_content{ text-align: center; padding-top: 2.4rem;}
.index_default_content img{width: 4.3rem; padding-bottom: 0.4rem;}
.index_default_content span{ display: block; text-align: center; font-size: 0.4rem; color: #999999;}
.index_more_content{position: relative; height: 2.13rem; padding: 0 1.6rem;}
.index_more_img{ width: 1.6rem; height: 2.13rem; position: absolute; top: 0; left: 0; overflow: hidden;border:0.0133rem solid #f0f0f0;box-shadow: 0 0 0.2rem #ebebeb;}
.index_more_info{ padding-top: 0.4rem; padding-left: 0.3rem;}
.index_more_info span{ display: block; padding-top: 0.1rem; font-size: 0.3rem; color: #999999;}
.index_more_info span.title{ font-size: 0.38rem; color: #333333;}
.index_more_down{ display: block; position: absolute; right: 0; top: .6rem; padding: 0.2rem 0.3rem; font-size: 0.36rem; color: #ffffff; background: #4798f7; border-radius: .12rem; z-index: 3;}
.index_pop_bg{ display: none; background: #333; opacity: 0.3; position: absolute; top: 2.52rem; bottom: 0; width: 100%; z-index: 1; overflow: hidden;}
.index_loading{ background: url(/img/loading2_1.gif) no-repeat center center;}

/*首页左侧*/
#menu{ background: #fff;}
.slideout-menu{ position: absolute; top: 0; bottom: 0; width: 7.7333rem; z-index: 4;min-height: 100vh; overflow-y: hidden; -webkit-overflow-scrolling: touch; transform: translateX(-7.733rem);}
.slideout-menu-left { left: 0;}
.slideout-menu-right { right: 0;}
.slideout-panel { position: relative; z-index: 1; will-change: transform; background-color: #FFF;min-height: 100vh;}
.slideout-open,.slideout-open body,.slideout-open .slideout-panel { overflow: hidden;}
.slideout-open .slideout-menu { display: block;}


.index_left{ position: relative; width: 100%; height: 100%;}
.index_l_head{ min-height: 1.44rem; position: relative; padding: 1.067rem 0;}
.index_l_head a{ position: absolute; width: 100%; height: 1.44rem; top: 1.4rem; left: 0; display: block;}
.index_l_avatar{ position: absolute; top: 0.4rem; left: 0.4rem; width: 1.4133333333333333rem; height: 1.4133333333333333rem; border: 0.04rem solid #fff; border-radius: 50%; overflow: hidden;box-shadow: 0 0 0.2rem #ebebeb;}
.index_scan{ position: absolute;padding: 0.453333rem; right:0; bottom: 0rem; z-index: 2; width: 0.4rem; height: 0.4rem; background: url(/img/scan_icon.png) no-repeat center center; background-size: 0.4rem 0.4rem;}
.index_key{ position: absolute;padding: 0.453333rem; right:0; bottom: 0rem; z-index: 2; width: 0.4rem; height: 0.4rem; background: url(/img/key.png) no-repeat center center; background-size: 0.4rem 0.4rem;}
.index_l_name{ padding-top:0.5rem; font-size: 0.36rem; height: 0.5rem;}
.index_l_score{ padding-top: 0.2rem;}
.index_l_score span{border: 0.0133rem solid #1a98ff; padding: 0.05333333333333334rem; background: #e5f3ff; border-radius: .6rem;}
.index_l_score span em{ padding:0.05rem 0.1rem 0.05rem 0.46rem; font-size: 0.3rem; color: #1a98ff; background: url(/img/index_icon1_c.png) no-repeat left center; background-size: 0.4rem 0.4rem; }
.index_l_menu{ overflow: hidden;}
.index_l_menu li{ padding-left: 0.4rem; position: relative;}
.index_l_menu li a{ font-size: 0.34rem; padding:.4rem 0.7rem; display: block;}
.index_l_menu li a.s1{ background: url(/img/index_icon2.png) no-repeat left center; background-size: 0.4533333333333333rem 0.49333333333333335rem;}
.index_l_menu li a.s2{ background: url(/img/index_icon3.png) no-repeat left center; background-size: 0.4533333333333333rem 0.36rem;}
.index_l_menu li a.s3{ background: url(/img/index_icon4.png) no-repeat left center; background-size: 0.4533333333333333rem 0.4533333333333333rem;}
.index_l_menu li a.s4{ background: url(/img/index_icon5.png) no-repeat left center; background-size: 0.4533333333333333rem 0.5333333333333333rem;}
.index_l_menu li a.s5{ background: url(/img/index_icon6.png) no-repeat left center; background-size: 0.4533333333333333rem 0.42rem;}
.index_l_menu li a.s6{ background: url(/img/index_icon7.png) no-repeat left center; background-size: 0.4533333333333333rem 0.47rem;}
.index_l_menu li a.s7{ background: url(/img/index_icon8.png) no-repeat left center; background-size: 0.4533333333333333rem 0.4533333333333333rem;}
.index_l_menu li i{ position: absolute; z-index: 2; top: 0.3rem; right: 0.3rem; padding: 0.1rem 0.4rem; font-size: 0.32rem; color: #fff; background: #1a98ff; border-radius: 0.35rem;}
.index_l_menu li i.cur{ background: #cccccc}
.index_l_menu li.cur{ background: #F0F0F0;}
.index_l_about{ padding: 0.2rem 0 0.2rem 0.8rem; width: 6rem; position: absolute; left: 0.4rem; bottom: 1rem; font-size: 0.34rem; background: url(/img/index_icon9.png) no-repeat left center; background-size: 0.4533333333333333rem 0.4533333333333333rem;}
.index_info{ height: 2.2rem; padding-left: 2.2rem; position: relative; overflow: hidden; background: #ffffff;}
.index_info_cur{ background: #f0f0f0;}

.index_catalog{z-index: 2; position: absolute; top: 1.973297rem; bottom: .266667rem; left: .3333rem; right: .3333rem; background: #fff; border: 0.0133rem solid #d8dce4;}
.index_catalog div{text-align: center; margin-top: 1.24rem;}
.index_catalog img{width: 5.733rem; border: 0.0133rem solid #d8dce4; border-radius: .1rem;}
.index_catalog h1{color: #333; font-size: .48rem; font-weight: normal; text-align: center; margin: .64rem 0 .2667rem;}
.index_catalog h2{color: #828387; font-size: .346rem; font-weight: normal; text-align: center;}
.index_catalog > a{position: absolute; bottom: .6rem; left: 0; right: 0; margin: 0 auto; text-align: center; color: #1a98ff; font-size: .346rem;}
.index_more_book{ position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: #f2f8ff; z-index: 5; display: none;}
.index_more_container{ position: relative; width: 100%; height: 100%; overflow: hidden;}
.index_m_header{ position: relative; height: 1.1766rem; line-height: 1.1766rem; padding-top: 0.533333rem; background: #4798f7; text-align: center; font-size: 0.453333rem; color: #ffffff;}
.index_m_header span{ position: absolute; bottom: 0; left: 0; height: 1.1733333333333333rem; width: 1.066667rem; display: block; background: url(/img/personal_back2.png) no-repeat .4rem center; background-size: 0.266667rem auto; z-index: 1;}
.index_m_main{ position: absolute; top: 1.706666rem; left: 0; right: 0; bottom: 0; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;}

/*签到*/
.personal_s_bg{ background: #1a98ff; color: #fff; border: none;}


.personal_sign{ position: relative; background: url(/img/personal_sign.png) no-repeat top left; background-size: 100% 1.89rem; margin-bottom: 1.2rem;}
.personal_sign i,.task_cld i{ display: block; width: 0.2rem; height: 0.5733333333333334rem; border: 0.0133rem solid #cccccc; background: #fff; position: absolute; top: 1.6rem; border-radius: 0.1rem; z-index: 1;}
.personal_sign i.i1,.task_cld i.i1{ left: 12%;}
.personal_sign i.i2,.task_cld i.i2{ right: 12%;}
.personal_sign_info{ position: absolute; top: 2.5rem; left: 0; right: 0; text-align: center;}
.personal_sign_info span{ background: #ddf0ff; padding: 0.15rem 0.6rem; font-size: 0.34rem; color: #1a98ff; border-radius: 0.8rem;}
.personal_sign_btn{ position: absolute; bottom: -0.5866666666666667rem; left: 3.28rem; right: 3.28rem; line-height: 1.1733333333333333rem; font-size: 0.4533333333333333rem; text-align: center; color: #fff; background: #1a98ff; border-radius: 0.6rem;}
.personal_sign_btn2{ background: #cccccc;}
.personal_sign_detail{ margin: 0.4rem;}
.personal_sign_detail span{ display: block; color: #777777; font-size: 0.32rem; line-height: 0.56rem; }
.personal_sign_detail span.cur{ font-size: 0.4rem; padding-bottom: 0.2rem;}
.singer_r_img{display:block;width:114px;height:52px;line-height:45px;vertical-align:middle;*margin-bottom:-10px;text-decoration:none;}
.singer_r_img:hover{background-position:right -53px;text-decoration:none;}
.singer_r_img span{margin-left:14px;font-size:16px;color:#165379;}
.singer_r_img.current{border:0;text-decoration:none;}
.sign{ padding: 1.6133333333333333rem 0.2rem 0.4rem 0.2rem; background: #fff; margin: 0 0.4rem; border-bottom-left-radius: 0.2rem; border-bottom-right-radius: 0.2rem; }
.sign table{border-collapse: collapse;border-spacing: 0;width:100%;}
.sign th,.sign td {text-align: center; padding: 0.2rem 0;}
.sign th {font-size: 0.4rem; font-weight: normal; padding-bottom: 0.3rem; }
.sign td {color: #999999;vertical-align: middle; font-size: 0.4533333333333333rem;}
.sign .cur {background: url(/img/personal_sign1.png) no-repeat center center; background-size: 0.8rem 0.8rem; color: #fff}
.sign .on {background: url(/img/personal_sign2.png) no-repeat center center; background-size: 0.8rem 0.8rem; color:#fff;}
.sign .on.cur{background: url(/img/personal_sign2.png) no-repeat center center; background-size: 0.8rem 0.8rem;}
.calendar_month_span {display: inline;line-height: 1.90666667rem;font-size: 0.4rem;color: #fff;letter-spacing: 2px;}
.calendar_month_next,.calendar_month_prev{ position: relative;width: 1.2rem;height: 1.2rem; margin-top: 0.34rem;}
.calendar_month_next { float: right; margin-right: 18%;}
.calendar_month_prev { float: left; margin-left: 18%;}
.calendar_month_next::before,.calendar_month_prev::before{ content: '';position: absolute; top: 0.63rem;  width: .2rem; height: .2rem; border-width: 2px; border-style: solid; border-color: #fff #fff transparent transparent; }
.calendar_month_next::before{ transform: translateY(-50%) rotate(45deg); right: 0.5rem;}
.calendar_month_prev::before{ transform: translateY(-50%) rotate(225deg); right: 0.4rem;}
.sign_succ_calendar_title {text-align: center; margin: 0 0.4rem; height: 1.89rem;  position: relative;}



.home_checkbox{position: relative; float: right; width: 1.46rem; text-align: right; margin-left: .53rem;}
.home_checkbox:before{content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; border-radius: 50%; background: #fff; border: 0.0133rem solid #6e8ef2; width: .506rem; height: .506rem;}
.home_checkbox.checked:before{ border: none; box-shadow: 0 .133rem .133rem rgba(198, 212, 255, .35);}
.home_btn{position: absolute; bottom: .533rem; margin: 0 .4rem; border-radius: .58665rem; background: linear-gradient(0deg, #6e8ef2, #6ea6f2); height: 1.1733rem; line-height: 1.1733rem; left: 0; right: 0; font-size: .4533rem; color: #fff; text-align: center; box-shadow: 0 .133rem .2rem #b9caff, 0 -.0133rem .04rem #5e7dca inset;}
.home_btn.logout{background: linear-gradient(0deg, #fc785f, #ff9076); box-shadow: 0 .133rem .1rem #e7bbbe, 0 -.0133rem .04rem #ff9076 inset;}
.home_menu{position: absolute; top: 1.2rem; bottom: 0; left: 0; right: 0; margin: auto; overflow: auto; background: #fff; -webkit-overflow-scrolling: touch;}
.home_submenu p{display: none; background: #f4f7fa; height: .8rem; line-height: .8rem; font-size: .267rem; padding: 0 .4rem; color: #808080;}
.home_submenu ul{background: #fff; padding: 0 .4rem;}
.home_submenu li{height: 1.12rem; line-height: 1.12rem; font-size: .4rem;}
.home_submenu li + li{border-top: 0.0133rem solid #eee;}
.home_submenu span{ display: block; font-size: 0.4rem; color: #333; padding-top: 1rem; text-align: center;}
.home_search{position: absolute; top: 1.733rem; width: 100%; height: 1.1733rem; padding: .2rem .4rem; background: #fff; box-sizing: border-box;}
.home_search p{border: 0.0133rem solid #6e8ef2; border-radius: .7733rem; height: 100%;}
.home_search input{width: 100%; height: .7733rem; line-height: .7733rem; border-radius: .7733rem; padding: 0 0.4rem; box-sizing: border-box; color: #acafc1; font-size: .346rem;}
.home_search p:after{content: ''; position: absolute; left: .666rem; width: .36rem; height: .36rem; top: 0; bottom: 0; margin: auto 0; z-index:2;}
.home_school{top: 2.9rem;}
.home_inside{position: absolute;z-index: 3; top: 0; bottom: 0; width: 100%; transform: translateX(100%); transition: .5s;}
.home_inside.active{transform: translate(0%);}


/*book电子书*/
.container{ position: absolute; left: 0; right: 0; top: 0rem; bottom: 0; overflow: hidden; }
.container.invite_friend{ background: #ffdf48; }
.content{position: relative; text-align: center; }
.content span{ display: none; box-sizing: border-box; position: absolute; cursor: pointer; background: rgba(219,238,253,.3); border: 0.026667rem solid #1a98ff; z-index: 4; }
.content span:after{ position: absolute; top: 0; bottom: 0; right: -0.633333rem; margin: auto 0; width: 0.52rem; height: 0.52rem; background: url(/img/repeat-start.png) no-repeat;}
.content span.active{ background: rgba(255,237,217,.3); border-color: #fe8f01; z-index: 5; }
.content img{width: 100%;}
.content .mask{ position: absolute; width: 100%; height: 100%; background: rgba(255,255,255,0); left: 0; top: 0; z-index: 2; }
.container .book_header{ position: relative; height: 1.173333rem; margin-top: 0.5333rem;}
.container .book_back{ width: 1.066667rem; height: 100%; background: url(/img/book_back.png) no-repeat center center;background-size: 30% auto; position: absolute; left: 0; top: 0; }
.container .book_cata{ margin-top: 0.026667rem; position: absolute; right: 0; top: 0; width: 1.466667rem; height: 100%; }
.container .book_cata i{ position: absolute; left: 0; right: 0; margin: 0 auto; top: 0; width: 0.8rem; height: 0.8rem; background: url(/img/top_icon.png) no-repeat -4.0rem 0; background-size: 4.8rem 1.6rem; }
.container .book_cata em{ position: absolute; left: 0; bottom: 0.04rem; width: 100%; text-align: center; font-size: 0.266667rem; }
.container .book_cata.active i{ background: url(/img/top_icon.png) no-repeat -4.0rem -0.8rem; background-size: 4.8rem 1.6rem; }
.container .book_cata.active em{ color: #71a3ff; }

.container .function{ display: flex; display: -webkit-flex; justify-content: flex-end; -webkit-justify-content: flex-end; position: absolute; top: 0; right: 1.466667rem; left: 1.066667rem; z-index: 4; margin-top: 0.026667rem; height: 100%; }
.container .function li{ position: relative; width: 20%; }
.container .function li:last-child{ margin-right: 0; }
.container .function li:nth-child(1).active i{  background: url(/img/top_icon.png) no-repeat 0 -0.8rem; background-size: 4.8rem 1.6rem; }
.container .function li:nth-child(2).active i{  background: url(/img/top_icon.png) no-repeat -0.8rem -0.8rem; background-size: 4.8rem 1.6rem;}
.container .function li:nth-child(3).active i{  background: url(/img/top_icon.png) no-repeat -1.6rem -0.8rem; background-size: 4.8rem 1.6rem;}
.container .function li:nth-child(4).active i{  background: url(/img/top_icon.png) no-repeat -3.2rem -0.8rem; background-size: 4.8rem 1.6rem;}
.container .function li:nth-child(5).active i{  background: url(/img/top_icon.png) no-repeat -3.2rem -0.8rem; background-size: 4.8rem 1.6rem;}
.container .function i{ position: absolute; left: 0; right: 0; margin: 0 auto; top: 0; width: 0.8rem; height: 0.8rem; background: url(/img/top_icon.png) no-repeat 0 0; background-size: 4.8rem 1.6rem;}
.container .function .repeat i{ background: url(/img/top_icon.png) no-repeat -0.8rem 0; background-size: 4.8rem 1.6rem; }
.container .function .oral i{ background: url(/img/top_icon.png) no-repeat -1.6rem 0; background-size: 4.8rem 1.6rem; }
.container .function .recite i{ background: url(/img/top_icon.png) no-repeat -2.4rem 0; background-size: 4.8rem 1.6rem; }
.container .function .book_setting i{ background: url(/img/top_icon.png) no-repeat -3.2rem 0; background-size: 4.8rem 1.6rem; }
.container .function .book_share i{ background: url(/img/book_share.png) no-repeat center center; background-size: 90% 90%; }
.container .function .arithmetic i{ background: url(/img/arithmetic.png) no-repeat center center;background-size: 90% 90%; }
.container .function .words i{ background: url(/img/top_icon.png) no-repeat -2.4rem 0; background-size: 4.8rem 1.6rem; }
.container .function li em{ position: absolute; left: 0; bottom: 0.04rem; width: 100%; text-align: center; font-size: 0.266667rem; }
.container .function li:nth-child(1).active em{ color: #fea532; }
.container .function li:nth-child(2).active em{ color: #73cb57;}
.container .function li:nth-child(3).active em{ color: #59c78a;}
.container .function li:nth-child(4).active em{ color: #9b85d3;}
.container .function li:nth-child(5).active em{ color: #c677cf;}
.container .tips{ border-top: 0.013333rem solid #1a98ff; border-bottom: 0.013333rem solid #1a98ff; color: #333; position: absolute; left: 0; bottom: 7.4vh; width: 100%; height: 1.333333rem; background: rgba(26,152,255,.2); display: flex; z-index: 3; }
.container .tips li{ line-height: 1.333333rem; font-size: 0.346667rem; }
.container .tips .cancel{ position: absolute; right: 0; top: 0; line-height: 1.333333rem; width: 1.466667rem; height: 100%; text-align: center; background: #1a98ff; color: #fff; }
.container .tips li:first-child{ flex: 1; text-align: center; font-size: 0.346667rem; }
#stopAudio{ width: 1.173333rem; height: 1.173333rem; border-radius: 50%; position: absolute; left: 3.28rem; bottom: 1.6rem; background: url(/img/book_stop.png) no-repeat; cursor: pointer; display: none; z-index: 8; background-size: cover; }
#pauseAudio{ width: 1.173333rem; height: 1.173333rem; border-radius: 50%; position: absolute; right: 3.28rem;  cursor: pointer; bottom: 1.6rem; display: none; z-index: 8; }
.playPause{  background: url(/img/book_pause.png) no-repeat; background-size: cover; }
.playStart{  background: url(/img/book_play.png) no-repeat; background-size: cover; }

.content span.starting:after{ content: ''; background: url(/img/repeat-start.png) no-repeat; background-size: cover;}
.content span.ending:after{ content: ''; background: url(/img/repeat-end.png) no-repeat; background-size: cover;}

.book_surface,.book_catapop{ z-index: 99; display: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.5); }
.catalog{ z-index: 99; position: absolute; top: 0; bottom: 0; left: -10.0rem; width: 8.0rem; background: #fff; padding-left: 0.533333rem; }
.cataTittle{ height: 4.906667rem; position: relative; width: 100%; background: white; }
.cataTittle h2{ text-align: center; font-size: 0.4rem; padding-top: 0.933333rem; line-height: 100%; font-weight: normal; color: #666; }
.cataTittle .cataContent{ border-bottom: 1px solid #dbe5f0; padding-top: 0.4rem; height: 2.026667rem; }
.cataTittle .cataContent>div{ width: calc(100% - 1.8rem); }
.cataTittle .cataContent img{ width: 1.106667rem; height: 1.6rem; border: 1px solid #dde6f1; margin: 0 0.4rem 0 0; }
.cataTittle .cataContent span{ display: block; padding-top: 0.16rem; font-size: 0.453333rem; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.cataTittle .cataContent span:nth-child(2){ padding-top: 0.133333rem; color: #828387; font-size: 0.373333rem; }
.cataTittle .bookCover{border-bottom: 0.013333rem solid #dbe5f0; box-sizing: border-box; position: relative; color: #333; font-size: 0.426667rem; height: 1.6rem; width: 8.0rem; line-height: 1.6rem; }
.cataTittle .bookCover i{ position: absolute; right: 0.44rem; top: 0; bottom: 0; margin: auto 0; width: 0.68rem; background: url(/img/book_cover.png) no-repeat center center; background-size: 0.28rem auto; }
.cataTittle .book_close{ display: none; position: absolute; right: 0; top: 0.48rem; width: 1.333333rem; height: 1.333333rem; background: url(/img/book_close.png) no-repeat center center; background-size: 30% auto; }

#jrollCata{-webkit-overflow-scrolling:touch; position: absolute; top: 5.36rem; bottom: 0; left: 0; overflow: auto; width: 100%; padding-left: 0.533333rem; box-sizing: border-box; }
.chapter{ /*float: left; */ }
.section ul{ font-size: 0.453333rem; }
.section li:after{ content: ''; display: block; clear: both; }
.section li.lock:after{content: ''; position: absolute; right: 0.48rem; top: 0; bottom: 0; margin: auto 0; width: 0.68rem; background: url(/img/lock.png) no-repeat center center; background-size: 0.44rem auto;}
.section h3.lock:before{content: ''; position: absolute; right: 0.48rem; top: 0; bottom: 0; margin: auto 0; width: .68rem; background: url(/img/lock.png) no-repeat center center; background-size: 0.44rem auto;}
.section li{ display: table; position: relative; width: 100%; height: 1.6rem; border-bottom: 0.013333rem solid #dbe5f0; color: #666; }
@font-face {
	font-family: 'times';
	src: url('/times.ttf') format('truetype');
}
.section li span{ font-family: "times"!important; height: 1.6rem; width: 6.4rem; display: block; line-height: 1.6rem; font-size: 0.453333rem; color: #666; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.section .free_read{ position: absolute; right: 0.506667rem; top: 0; bottom: 0; margin: auto; width: 0; height: 100%; }
.section .free_read:after{ content: ''; position: absolute; width: 0.733333rem; height: 100%; right: 0; top: 0; background: url(/img/free_clock.png) no-repeat center center; background-size: 0.6rem auto; }
.section .free_read .free_content{ display: none; }
.section li.active span{ color: #1a98ff; }
.section li.fake span{ color: #1a98ff; }
.section h3{ position: relative; border-bottom: 0.013333rem solid #dbe5f0; }
.section h3 span{ display: block; width: 100%; position: relative; color: #25292c; font-size: 0.453333rem; height: 1.6rem; line-height: 1.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.section h3.lock span{ width: 6.666667rem; }
.section h3.active span{ color: #1a98ff; }

.book_popup{ display: none; width: 8.0rem; position: absolute; left: 0; right: 0; margin: 0 auto; top: 5.8rem; background: #fff; border-radius: 0.106667rem; }
.popupClose{ display: none; width: 1.173333rem; height: 1.173333rem; background: url(/img/popup_close.png) no-repeat; background-size: cover; position: absolute; bottom: -1.973333rem; left: 0; right: 0; margin: 0 auto; }
.book_popup h3{ height: 1.333333rem; line-height: 1.333333rem; text-align: center; font-size: 0.426667rem; border-bottom: 0.013333rem solid #ccc; font-weight: normal; color: #333333; }
.book_popup ul{ padding-left: 0.4rem; }
.book_popup li{ position: relative; font-size: 0.346667rem; color: #777; height: 1.2rem; border-bottom: 0.013333rem solid #ccc; line-height: 1.2rem; }
.book_popup li:last-child{ border: none; }
.book_popup .popupControl{ display: flex; position: absolute; right: 0.266667rem; top: 0; bottom: 0; margin: auto; height: 0.666667rem; }
.book_popup .popupControl i{ font-style: normal; font-size: 0.32rem; width: 1.306667rem; height: 0.64rem; border: 0.013333rem solid #999; text-align: center; line-height: 0.64rem; border-radius: 0.533333rem; margin-right: 0.266667rem; }
.book_popup .popupControl i.active{ border-color: #1a98ff; color: #fff; background-color: #1a98ff; }
.book_popup .controlButton .bookBar{margin-top: 0.266667rem; width: 0.933333rem; height: 0.133333rem; border-radius: 0.053333rem; background-color: #ccc; }
.book_popup .controlButton .bookBar.active{ background-color: #5fb7ff; }
.book_popup .controlButton{ position: absolute; right: 0.2rem; top: 0.266667rem; width: 1.333333rem; height: 0.666667rem; }
.book_popup .controlButton .bookButton{ width: 0.44rem; height: 0.44rem; border-radius: 50%; background-color: #999; position: absolute; left: 0; top: 0.106667rem; }
.book_popup .controlButton .bookButton.active{ background-color: #5fb7ff; left: 0.586667rem; }
.thumbnails{ z-index: 6; position: absolute; left: 0; bottom: 0; width: 100%; transform: translateY(2.666667rem); display: none;}
.thumbnails .thumbWrap{padding-top: 0.066667rem; height: 2.6rem; background-color: #fff; width: 100%; overflow: hidden; position: relative; }
.thumbnails .thumb{ z-index: 3; width: 1.413333rem; height: 1.066667rem; background: url(/img/thumb_open.png) no-repeat; background-size: cover; position: absolute; left: 0.32rem; top: -1.066667rem; }
.thumbnails .thumb.thumbClose{ background: url(/img/thumb_close.png) no-repeat; background-size: cover; }

.thumbnails .itemsWrap li{ width: 1.773333rem; height: 2.6rem; background: #fff; position: relative; }
.thumbnails .itemsWrap{ width: 17.733333rem; height: 100%; position: relative; left: 0; }
.thumbnails .itemsWrap li img{ width: 1.613333rem; height: auto; }
.thumbnails .itemsWrap li .bookBorder{ width: 1.613333rem; height: 2.106667rem; border: 0.013333rem solid #ccc; overflow: hidden; position: absolute; left: 0; right: 0; margin: 0 auto; top: 0.066667rem; }
.thumbnails .itemsWrap li span{ width: 100%; position: absolute; left: 0; bottom: 0; text-align: center; font-size: 0.266667rem; color: #999; }
.thumbnails .itemsWrap li.active{ background: #1a98ff; }
.thumbnails .itemsWrap li.active span{ color: #fff; }
.content i.video{ display: none; width: 4.44%; height: 3.1144%; cursor: pointer; background: url(/img/video_play.png) no-repeat; background-size: contain; position: absolute; z-index: 3; }
.content i.resourcePackage{ display: none; width: 4.44%; height: 3.1144%; cursor: pointer; background: url(/img/resourcePackage.png) no-repeat; background-size: contain; position: absolute; z-index: 3; }
.content i.ppt{ display: none; width: 4.44%; height: 3.1144%; cursor: pointer; background: url(/img/ppt.png) no-repeat; background-size: contain; position: absolute; z-index: 3; }
.content i.pdf{ display: none; width: 4.44%; height: 3.1144%; cursor: pointer; background: url(/img/pdf.png) no-repeat; background-size: contain; position: absolute; z-index: 3; }
.content i.pdf{ display: none; width: 4.44%; height: 3.1144%; cursor: pointer; background: url(/img/pdf.png) no-repeat; background-size: contain; position: absolute; z-index: 3; }
video.bookVideo{ width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; }
#audio{ display: none; z-index: 13; width: 100%; height: 1.7rem; position: absolute; left: 0; top: 1.173333rem;  background: rgba(0,0,0,.6); }
#audio audio{ width: 8.24rem; height: 1.35rem;  margin-left: 0.413333rem; float: left; }
#audio audio.ad{ height: 1.52rem; }
#audioClose{ cursor: pointer; position: absolute; right: 0.4rem; top: 0; bottom: 0; margin: auto 0;  width: 0.4rem; height: 0.4rem; background: url(/img/audioClose.png) no-repeat; background-size: cover; }
/*.audioClose:after{ content: ''; display: block; position: absolute; right: 0.16rem; top: 0.16rem; width: 0.32rem; height: 0.32rem; background: url(../img/book_close.png) no-repeat center center; }*/
/*.container .bookPrev{ padding-left: 0.08rem; width: 1.013333rem; height: 0.8rem; position: absolute; left: 0; bottom: 1.6rem; line-height: 0.8rem; background: rgba(26,152,255,.2); border-radius: 0 0.8rem 0.8rem 0; font-size: 0.266667rem; color: #1a98ff; z-index: 3; }*/
/*.container .bookNext{ text-align: right; padding-right: 0.08rem; width: 1.013333rem; height: 0.8rem; position: absolute; right: 0; bottom: 1.6rem; background: rgba(26,152,255,.2); border-radius: 0.8rem 0 0 0.8rem; line-height: 0.8rem; font-size: 0.266667rem; color: #1a98ff; z-index: 3; }*/
.container .bookPrev{ display: table; padding-left: 0.08rem; width: 1.013333rem; height: 0.8rem; position: absolute; left: 0; top: 14.6rem; background: rgba(26,152,255,.2); border-radius: 0 0.8rem 0.8rem 0; font-size: 0.266667rem; color: #1a98ff; z-index: 2; display: none; }
.container .prevContent{ display: table-cell; vertical-align: middle; }
.container .bookNext{ vertical-align: middle; display: table; text-align: right; padding-right: 0.08rem; width: 1.013333rem; height: 0.8rem; position: absolute; right: 0; top: 14.6rem; background: rgba(26,152,255,.2); border-radius: 0.8rem 0 0 0.8rem; font-size: 0.266667rem; color: #1a98ff; z-index: 2; display: none; }
.container .nextContent{ display: table-cell; vertical-align: middle; }
.container .translation{ z-index: 4; position: absolute; left: 0; top: 1.173333rem; width: 100%; background: rgba(0,0,0,.5); text-align: center; line-height: 0.64rem; color: #fff; display: none; font-size: 0.373333rem; }
.img_bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100% ; }
.img_close{ width: 1.173333rem; height: 1.173333rem; background: url(/img/popup_close.png) no-repeat; background-size: cover; position: absolute; right: 0.4rem; top: 0.4rem; }
.ppt_close{ width: 1.173333rem; height: 1.173333rem; background: url(/img/popup_close.png) no-repeat; background-size: cover; position: absolute; right: 0.4rem; top: 15.68rem; }
.pdf_close{ width: 1.173333rem; height: 1.173333rem; background: url(/img/popup_close.png) no-repeat; background-size: cover; position: absolute; right: 0.4rem; top: 0.8rem; }
.video_close{ width: 1rem; height: 1rem; background: url(/img/popup_close.png) no-repeat; background-size: cover; position: absolute; right: 0.4rem; top: 0.4rem; }
.image_mask{ background: rgba(0,0,0,.8); }
.swiperPop{ position: absolute; left: 0; right: 0; /*top: 0.533333rem;*/ top: 0; bottom: 0; z-index: 99; }
.swiperNext{ width: 2.866667rem; height: 1.466667rem; position: absolute; left: 0; right: 0; margin: auto; bottom: 2.053333rem; background: url(/img/swiper_next.png) no-repeat; background-size: cover; }
.swiperEnd{ width: 2.866667rem; height: 1.466667rem; position: absolute; left: 0; right: 0; margin: auto; bottom: 2.053333rem; background: url(/img/swiper_end.png) no-repeat; background-size: cover; }
#order_book .swiperNext, #order_book .swiperEnd{left: initial; right: .42rem; bottom: 2.353333rem;}
.swiperPrev{ width: 0.76rem; height: 1.013333rem; position: absolute; left: 0.8rem; bottom: 2.08rem; background: url(/img/swiper_prev.png) no-repeat; background-size: cover; }
.swiperContinue{ width: 0.92rem; height: 0.386667rem; position: absolute;  right: 0.533333rem; bottom: 0.8rem; background: url(/img/swiper_continue.png) no-repeat; background-size: cover; }
.swiperPop img{ width: 100%; height: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
#order_book img{height: 100%;}
.buy_mask .popbuy{ min-height: 5.573333rem; z-index: 2; }
.buy_mask .popbuy ul{ margin-top: 0.4rem; }
.close_area{ position: absolute; width: 100%; height: 100%; right: 0; top: 0; z-index: 3; }
.thumb_area{ position: absolute; width: 100%; height: 1.066667rem; top: -1.066667rem; left: 0; z-index: 2; }
.book_surface_bg{ width: 100%; height: 100%; }
/*primary_spell*/
.primary_header{ color: #fff; position: relative; height: 1.173333rem; text-align: center; line-height: 1.173333rem; font-size: 0.453333rem; padding-top: 0.5333rem; background: #4798f7; }
.book_exit{ position: absolute; bottom: 0; left: 0; height: 1.1733333333333333rem; width: 1.066667rem; display: block; background: url(/img/personal_back2.png) no-repeat .4rem center; background-size: 0.266667rem auto; z-index: 1;}
.math_exit{ position: absolute; bottom: 0; right: 0; height: 1.17rem; width: 1.17rem; padding-left: 0.2rem; background: url(/img/spell_close.png) no-repeat center center; background-size: 0.48rem 0.48rem; }
.linkUp_content{ position: absolute; left: 0; right: 0; top: 1.68rem; bottom: 0; background-color: #f8f8f8; }
.linkUp_main{ border-radius: 0.08rem; position: absolute; left: 0.266667rem; right: 0.266667rem; top: 0.266667rem; bottom: 0.266667rem; background: url(/img/linkUp_bg.png) no-repeat bottom left; background-size: cover; }
.recite_original{ padding-left: 0.253333rem; padding-top: 0.566667rem; }
.recite_translation{ padding-right: 0.253333rem; padding-top: 0.566667rem; }
.linkUp_list li{ position: relative; text-align: center; width: 4.466667rem; height: 1.813333rem; background: url(/img/recite_initial.png) no-repeat; background-size: cover; }
.linkUp_list li.right{ background: url(/img/recite_original.png) no-repeat; background-size: cover; }
.linkUp_list li.error{ background: url(/img/recite_translation.png) no-repeat; background-size: cover; }
.linkUp_main li span{ font-family: arial; font-size: 0.4rem; position: absolute; left: 0; top: 0; line-height: 0.506667rem; margin: auto; }
.linkUp_list{ height: 100%; overflow: hidden; display: none; }
.link_result_title{ text-align: center; width: 5.146667rem; line-height: 0.666667rem; position: absolute; left: 0; right: 0; top: 2.333333rem; margin: 0 auto; font-size: 0.533333rem; color: #333; }
.link_result_content{ width: 6.933333rem; position: absolute; left: 0; right: 0; margin: 0 auto; top: 5.733333rem; text-align: center; font-size: 0.506667rem; }
.link_result_content div{ position: relative; margin-top: 0.666667rem; }
.link_result_content div i{ position: absolute; left: 0; top: 0; background: url(/img/link_result_star.png) no-repeat; background-size: cover; width: 1.773333rem; height: 1.706667rem; }
.link_result_content div i:nth-child(2){ left: 2.653333rem; }
.link_result_content div i:nth-child(3){ left: 5.32rem; }
.link_result_content div .link_star1{ background-image: url(/img/link_result_star1.png); }
.linkUp_content .link_result_button{ position: absolute; top: 12.613333rem; left: 0.6rem; width: 4.0rem; height: 1.2rem; background: #1fb993; border-radius: 1.2rem; text-align: center; line-height: 1.2rem; font-size: 0.426667rem; color: #fff; }
.spell_link_content{ bottom: 1.76rem;}
.spell_main{ overflow: hidden; position: absolute; left: 0.28rem; right: 0.28rem; top: 0.266666rem; bottom: 0.2rem; background: url(/img/spell_bg.png) no-repeat; background-size: cover; border-radius: 0.133333rem; box-shadow: 0 0.05rem 0.3rem 0.1rem #ebebeb; }
.spell_main .spell_complete{ text-align: right; position: relative; margin-right: 1.2rem; }
.spell_main .spell_complete span{ display:inline-block; width: 1.2rem; height: 1.2rem; background: #1a98ff; color: #fff; text-align: center; line-height: 1.2rem; font-size: 0.4rem; border-radius: 50%; }
.spell_main .spell_complete:after{ content: ''; display: block; width: 1.2rem; height: 0.973333rem; background: url(/img/spell_complete.png) no-repeat; background-size: cover; position: absolute; right: -1.2rem; top: 0; }
.spell_main .spell_play{ width: 2.093333rem; height: 2.093333rem; background: url(/img/spell_play.png) no-repeat; background-size: cover; position: absolute; left: 0; right: 0; margin: 0 auto; top: 10rem; }
.spell_main .spell_pause{ width: 2.093333rem; height: 2.093333rem; background: url(/img/spell_pause.png) no-repeat; background-size: cover; position: absolute; left: 0; right: 0; margin: 0 auto; top: 10rem; }
.spell_main .spell_right{ display: none; width: 3.293333rem; height: 1.866667rem; background: url(/img/spell_fair.png) no-repeat; background-size: 100%; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 4.2rem; }
.spell_main .spell_error{ display: none; width: 3.293333rem; height: 1.866667rem; background: url(/img/spell_weak.png) no-repeat; background-size: 100%; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 4.2rem; }
.spell_main .spell_input{ padding: 2rem 0.3rem 0.4rem; overflow: hidden; }
.spell_main .spell_input .spell_out{ border: none; }
.spell_main .hide{display: none;}
.spell_main .show{display: block;}
.spell_list{ height: 100%; overflow: hidden; display: none; }
.spell_word{ padding: 0.2rem 0.25rem 0; height: 1.3rem;}
.spell_word span{ display: inline-block;margin: 0 0.05rem;  width: 0.5rem; height: 1.2rem; clear: both;}
.spell_word span.empty{ border-bottom: 1px solid #1A98FF;}
.spell_word span input,.spell_word_bor input{ outline: none; background-color: transparent; width: 100%; height: 100%; text-align: center; font-size: 0.6rem; color: #000;}
.spell_bottom{ padding-top: 10px;}
.spell_word_bor{margin: 0 0.266666rem .5rem; height: inherit; padding: 0.266666rem; border: 1px solid #1a98ff; }
.spell_text{width: 100%; height: 1.8rem;  text-align: center; font-size: 0.8rem; color: #000; background: inherit; resize: none; outline: none; border: none;}
.spell_result{display: none; position: absolute; top: 1.9rem; right: 0.28rem; bottom: 0.28rem; left: 0.28rem; margin: auto; background: url(/img/spell_bg.png) no-repeat; background-size: cover; box-shadow: 0 0.05rem 0.3rem 0.1rem #ebebeb; border-radius: 0.133333rem; overflow: hidden; z-index: 3;}
.spell_result h2{margin-top: 4rem; text-align: center; font-size: .5rem; font-weight: normal; color: #333;}
.spell_result h3{margin-top: 2rem; text-align: center; font-size: .5rem; font-weight: normal; color: #333;}
.spell_result p{position: absolute; bottom: 1.56rem; right: .5233rem; left: .5233rem;}
.spell_result span{float: left; width: 4rem; height: 1.16rem; line-height: 1.16rem; border-radius: .58rem; background: #1fb993; color: #fff; text-align: center; font-size: .36rem;}
.spell_result span + span{float: right; background-color: #1a98ff;}
/*.spell_word span input.empty{  border-bottom: 0.0133rem solid #1a98ff; width: 0.6rem; overflow: hidden;}
*/
.spell_list audio{ width: 2rem; height: 2rem; overflow: hidden; }
.spell_control{ position: absolute; left: 0; right: 0; bottom: 0; padding: 0 0.4rem; height: 1.76rem; background: #f8f8f8; }
.spell_control .spell_prev{ display: none; position: absolute; top: 0; left: 0; height: 100%; width: 2rem; background: url(/img/spell_prev.png) no-repeat 0.8rem center; background-size: 0.4rem auto;  }
.spell_control .spell_next{ display: none; position: absolute; top: 0; right: 0; height: 100%; width: 2rem; background: url(/img/spell_next.png) no-repeat 0.8rem center; background-size: 0.4rem auto; }
.spell_control .spell_process{ height: 0.08rem; background: #d6dde3; border-radius: 0.08rem; position: relative; }
.spell_control .spell_percent{ width: 0; height: 0.08rem; background: #1a98ff; border-radius: 0.08rem; position: absolute; left: 0; top: 0; }
.spell_control .spell_topic{ text-align: center; font-size: 0.533333rem; color: #c2c9cf; margin-bottom: 0.32rem; }
.spell_control .spell_topic em{ color: #25292c; }
.spell_page{ position: relative; padding: 0 2.96rem;height: 100%;}
/*math*/
.arithmetic_header{ position: relative; height: 1.173333rem; line-height: 1.173333rem; font-size: 0.426667rem; color: #25292c; padding-left: 0.386667rem; margin-top: 0.5333rem; }
.math_result_content{ z-index: 1; position: absolute; left: 0; right: 0; top: 1.70rem; bottom: 0; background: url(/img/math_result_bg.png) no-repeat bottom center; background-size: cover; overflow: hidden; }
.math_result{ padding-left: 15.86667vw; }
.math_result h3{ font-weight: normal; font-size: 3.46667vw; }
.math_result h3 span{ font-size: 4vw; }
.math_result h3 .math_result_first{ margin-right: 4vw; }
.math_result h3 .math_result_second{ margin-right: 2vw ; margin-left: 1.33333vw; }
.math_result h3 .math_result_third{ margin-right: 2vw ; margin-left: 1.33333vw; }
.math_result ul{ width: 266.66667vw; height: 35vh; overflow: auto; }
.math_result li{ width: 100%; margin-top: 4.66667vw; font-size: 3.46667vw; }
.math_result li .math_error{ float: left; margin-right: 5.6vw; width: 4.4vw; height: 4.4vw; background: url(/img/math_error.png) no-repeat; background-size: 100%; }
.math_result li .math_correct{ float: left; margin-right: 5.6vw; width: 4.4vw; height: 4.4vw; background: url(/img/math_correct.png) no-repeat; background-size: 100%; }
.math_result li span{ float: left; line-height: 4.4vw; height: 4.4vw; width: 10.13333vw; }
.math_result li span.math_str{ width: 37.86667vw; }
.math_result li span.math_underline{ float: none; text-decoration: underline; }
.math_result li em{ float: left; line-height: 4.4vw; height: 4.4vw; }
.math_result_content .math_continue{ position: absolute; left: 12.26667vw; bottom: 10.66667vw; width: 35.73333vw; height: 13.06667vw; background: url(/img/math_continue.png) no-repeat; background-size: cover; text-align: center; line-height: 13.06667vw; font-size: 4.26667vw; color: #fff; }
.math_result_content .math_again{ position: absolute; right: 12.26667vw; bottom: 10.66667vw; width: 35.73333vw; height: 13.06667vw; background: url(/img/math_again.png) no-repeat; background-size: cover; text-align: center; line-height: 13.06667vw; font-size: 4.26667vw; color: #fff; }
.math_result_content .math_success{ width: 57.73333vw; padding: 3.93333vh 20.13333vw 2.7vh 22.13333vw; text-align: center; }
.math_result_content .math_fail{ display: none; width: 57.73333vw; padding: .693333rem 20.13333vw 1.8vh 22.13333vw; text-align: center; }
.math_result_content .math_fail img{ width: 38.66667vw; }
.math_result_content .math_star{ height: 18.13333vw; position: relative; margin-bottom: 3.63333vh; }
.math_result_content .math_star i{ width: 14.26667vw; height: 13.33333vw; background: url(/img/math_star.png) no-repeat; background-size: cover; position: absolute; }
.math_result_content .math_star i.math_star1{ width: 14.26667vw; height: 13.33333vw; background: url(/img/math_star1.png) no-repeat; background-size: cover; position: absolute; }
.math_result_content .math_star i:nth-child(1){ left: 0; top: 4vw; }
.math_result_content .math_star i:nth-child(2){ left: 21.33333vw; top: 0; }
.math_result_content .math_star i:nth-child(3){ right: 0; top: 4vw; }
.math_result_content .math_success span{ font-size: 4.93333vw; color: #1a98ff; }
.math_result_content .math_fail span{ display: block; font-size: 4.93333vw; color: #777; }
.math_top{ width: 7.813333rem; height: 1.693333rem; position: absolute; left: 0; right: 0; top: 0; margin: 0 auto; }
.math_top .math_time{ position: absolute; right: 0; bottom: 0; color: #1a98ff; font-size: 0.326667rem; }
.math_top .math_process{ position: absolute; left: 0; bottom: 0.12rem; width: 6.666667rem; height: 0.133333rem; border-radius: 0.133333rem; background-color: #e2e2e2; }
.math_top .math_process .math_percent{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #1a98ff; border-radius: 0.133333rem; }
.math_top .math_topic{ z-index: 2; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; width: 1.6rem; height: 1.066667rem; }
.math_top .math_topic i{ position: absolute; left: 0; right: 0; margin: 0 auto; top: 0; width: 0.026667rem; height: 0.4rem; background-color: #1a98ff; }
.math_top .math_topic span{ position: absolute; left: 0; bottom: 0; width: 1.6rem; height: 0.666667rem; border-radius: 0.666667rem; background-color: #1a98ff; line-height: 0.666667rem; text-align: center; color: #fff; font-size: 0.426667rem; }
.math_result_content .math_exercise{ position: absolute; left: 0; right: 0; width: 100%; text-align: center; margin: 0 auto; top: 4.493333rem; height: 1.333333rem; line-height: 1.333333rem; font-size: 0.533333rem; }
.math_result_content .math_exercise input{ text-align: center; font-size: 0.533333rem; border-radius: 0.08rem; height: 1.306667rem; border: 0.013333rem solid #a3c7bf; width: 1.84rem; vertical-align: top; }
.math_arithmetic_content{ overflow: auto; position: absolute; left: 0; right: 0; top: 1.70rem; bottom: 0; background-color: #f8f8f8; padding: 0 0.4rem 0 0.28rem; }
.math_arithmetic_content .math_arithmetic1{ overflow: hidden; position: relative; width: 100%; height: 5.333333rem; /*margin: 0.4rem 0.4rem 0 0.28rem;*/ margin-top: 0.4rem; background: url(/img/arithmetic_bg1.png) no-repeat; background-size: cover; }
.math_arithmetic_content .math_arithmetic2{ overflow: hidden; position: relative; /*width: 9.32rem;*/ width: 100%; height: 5.333333rem; /*margin: 0.4rem 0.4rem 0 0.28rem;*/ margin-top: 0.4rem; background: url(/img/arithmetic_bg2.png) no-repeat; background-size: cover; }
.math_arithmetic_content .math_arithmetic3{ overflow: hidden; position: relative; /*width: 9.32rem;*/ width: 100%; height: 5.333333rem; /*margin: 0.4rem 0.4rem 0 0.28rem;*/ margin-top: 0.4rem; background: url(/img/arithmetic_bg3.png) no-repeat; background-size: cover; }
.math_arithmetic_content .arithmetic_tittle1{ width: 28.26667vw; height: 28.26667vw; background: url(/img/arithmetic_title1.png) no-repeat; background-size: cover; margin: 13.86667vw 0 0 6.93333vw; text-align: center; font-size: 5.33333vw; color: #fff; line-height: 25vw; }
.math_arithmetic_content .arithmetic_tittle2{ width: 28.26667vw; height: 28.26667vw; background: url(/img/arithmetic_title2.png) no-repeat; background-size: cover; margin: 13.86667vw 0 0 6.93333vw; text-align: center; font-size: 5.33333vw; color: #fff; line-height: 25vw; }
.math_arithmetic_content .arithmetic_tittle3{ width: 28.26667vw; height: 28.26667vw; background: url(/img/arithmetic_title3.png) no-repeat; background-size: cover; margin: 13.86667vw 0 0 6.93333vw; text-align: center; font-size: 5.33333vw; color: #fff; line-height: 25vw; }
.math_arithmetic_content .arithmetic_process{ position: absolute; left: 9.6vw; top: 35.33333vw; width: 22.13333vw; height: 8.53333vw; background: url(/img/arithmetic_process.png) no-repeat; background-size: 100% 8.53333vw; text-align: center; color:#1a98ff; line-height: 7.53333vw; font-size: 4vw; }
.math_arithmetic_content .math_arithmetic2 .arithmetic_process{ color: #54a042; }
.math_arithmetic_content .math_arithmetic3 .arithmetic_process{ color: #cc96ff; }
.math_arithmetic_content .arithmetic_scroll{ width: 52.9%; /*margin-top: 0.56rem;*/ overflow: auto; height: 100%; }
.math_arithmetic_content ul{ width: 100%; margin-top: 6vw; }
.math_arithmetic_content ul li{ width: 11vw; height: 12.5vw; text-align: center; /*margin-right: 0.493333rem; margin-bottom: 0.226667rem;*/ margin-right: 5vw; margin-bottom: 2.2vw; color: #fff; font-size: 0.4rem; position: relative; }
.math_arithmetic_content ul li i{ width: 2vw; height: 2vw; position: absolute; top: 66%; background: url(/img/arithmetic_star1.png) no-repeat; background-size: 100% 100%; }
.math_arithmetic_content ul li i:nth-child(2){ left: 21%; }
.math_arithmetic_content ul li i:nth-child(3){ left: 39%; }
.math_arithmetic_content ul li i:nth-child(4){ left: 58%; }
.math_arithmetic_content ul li i.arithmetic_star{ background: url(/img/arithmetic_star.png) no-repeat; background-size: 100% 100%; }
.math_arithmetic_content ul li span{ position: absolute; font-size: 3.4vw; top: 3vw; left: 0; width: 100%; text-align: center; line-height: 100%; }
.math_arithmetic_content .math_arithmetic1 .arithmetic_unlocked{ background: url(/img/arithmetic_section1.png) no-repeat top center; background-size: 95%; }
.math_arithmetic_content .math_arithmetic1 .arithmetic_locked{ background: url(/img/arithmetic_section1_locked.png) no-repeat top center; background-size: 95%; }
.math_arithmetic_content .math_arithmetic2 .arithmetic_unlocked{ background: url(/img/arithmetic_section2.png) no-repeat top center; background-size: 95%; }
.math_arithmetic_content .math_arithmetic2 .arithmetic_locked{ background: url(/img/arithmetic_section2_locked.png) no-repeat top center; background-size: cover; }
.math_arithmetic_content .math_arithmetic3 .arithmetic_unlocked{ background: url(/img/arithmetic_section3.png) no-repeat top center; background-size: 95%; }
.math_arithmetic_content .math_arithmetic3 .arithmetic_locked{ background: url(/img/arithmetic_section3_locked.png) no-repeat top center; background-size: cover; }
.math_arithmetic_content .arithmetic_name{ z-index: 3; position: absolute; left: -1.2vw; top: 2.66667vw; height: 5.33333vw; line-height: 5.33333vw; background-color: #1a98ff;  color: #fff; font-size: 2.66667vw; padding: 0 3.6vw 0 2vw; border-radius: 0 5.33333vw 5.33333vw 0; }
.math_arithmetic_content .arithmetic_center{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.math_arithmetic_content .arithmetic_center .arithmetic_process{ left: 2.8vw; top: 21.46667vw; }
.math_arithmetic_content .arithmetic_title_locked { position: absolute; left: 9.6vw; top: 35.33333vw; width: 22.13333vw; height: 8.53333vw; background: url(/img/arithmetic_title_locked.png) no-repeat; background-size: 100% 8.53333vw; }
.math_arithmetic_content .arithmetic_center .arithmetic_title_locked{ left: 2.8vw; top: 21.46667vw; }
.arithmetic_popup{ z-index: 10; display: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(255,255,255,.9); }
.arithmetic_popup_close{ position: absolute; right: 0.4rem; top: 0.32rem; width: 0.506667rem; height: 0.533333rem; background: url(/img/arithmetic_pop_close.png) no-repeat; background-size: cover; }
.arithmetic_popup_content{ height: 5.493333rem; width: 4.24rem; position: absolute; left: 0; right: 0; top: 5.6rem; margin: 0 auto; }
.arithmetic_popup_content .arithmetic_popup_circle{text-align: center; line-height: 3.68rem; font-size: 0.533333rem; width: 3.68rem; height: 3.68rem; position: absolute; left: 0; right: 0; top: 0; margin: 0 auto; background: url(/img/arithmetic_pop.png) no-repeat; background-size: cover; }
.arithmetic_popup_content span{ position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; font-size: 0.426667rem; color: #333; }
.arithmetic_popup_content span:nth-child(2){ bottom: 0.806667rem; position: absolute; left: 0; width: 100%; text-align: center; font-size: 0.426667rem; color: #333; }
.arithmetic_keyboard{ width: 100%; position: absolute; left: 0; bottom: 0; height: 6.413333rem; background-color: #a9c8d1; }
.arithmetic_key{ width: 7.893333rem; height: 100%; }
.arithmetic_key span{ float: left; width: 1.84rem; height: 1.4rem; text-align: center; line-height: 1.4rem; background: url(/img/arithmetic_keyboard.png) no-repeat; background-size: cover; margin-left: 0.133333rem; margin-top: 0.146667rem; font-size: 0.613333rem; color: #749da4; }
.arithmetic_key span.operator{ background: url(/img/arithmetic_keyboard1.png) no-repeat; background-size: cover; color: #9395af; }
.arithmetic_next{ width: 2.106667rem; height: 100%; }
.arithmetic_del{ display: block; width: 1.84rem; height: 1.4rem; background: url(/img/arithmetic_delete.png) no-repeat; background-size: cover; margin-left: 0.133333rem; margin-top: 0.146667rem; }
.math_next{ display: block; width: 1.84rem; height: 4.466667rem; background: url(/img/arithmetic_keyboard2.png) no-repeat; background-size: cover; margin-left: 0.133333rem; margin-top: 0.146667rem; line-height: 4.466667rem; text-align: center; color: #fff; font-size: 0.4rem; }
.arithmetic_input{ text-indent: 9999em; width: 1.84rem; height: 1.306667rem; border: 0.013333rem solid #a3c7bf; border-radius: 0.106667rem; text-align: center; line-height: 1.306667rem; color: #fff; font-size: 0.533333rem; display: inline-block; background-color: #fff; }
.arithmetic_key span.active{ background: url(/img/arithmetic_keyboard3.png) no-repeat; background-size: cover; color: #fff; }
.arithmetic_del.active{ background: url(/img/arithmetic_keyboard4.png) no-repeat; background-size: cover; }
.math_next.active{ background: url(/img/arithmetic_keyboard5.png) no-repeat; background-size: cover; color: #fff; }
/*我的订单*/
.order_container{background: #f4f5f7;}
.order_header{ position: relative; overflow: hidden; padding: 0 0.8rem; padding-top: 0.5333rem; height: 1.1866666666666668rem; line-height:1.1866666666666668rem; background: #1a98ff; font-size:0.45rem; color: #ffffff;  text-align: center; border-bottom: 1px solid #cccccc;}
.order_header a{ position: absolute; bottom: 0; left: 0; height: 1.1733333333333333rem; width: 1.066667rem; display: block; background: url(/img/personal_back2.png) no-repeat .4rem center; background-size: 0.266667rem auto; z-index: 1;}
.order_header .order_share,.personal_header .order_share{position: absolute; bottom: 0; right: 0; height: 1.1733333333333333rem; width: 1.066667rem; display: block; background: url(/img/share.png) no-repeat 0.24rem center; background-size: 0.426667rem auto; z-index: 1;}
.order_book_container{overflow: auto; -webkit-overflow-scrolling: touch;}
.order_book_container .order_header{position: fixed; top: 0; width: 100%; padding: .5333rem 0 0; z-index: 1;}
.order_book_container .order_header a{bottom: 0rem;}
.order_success{background: #fcfcfd; top: 0; overflow: auto; -webkit-overflow-scrolling: touch;}
.order_success header{position: fixed; padding: 0.533333rem 0 0; width: 100%;}
.order_success .order_score{margin-top: 1.72rem;}
.order_switch{display: table; table-layout: fixed; width: 100%; border-bottom: 1px solid #cccccc; font-size: .32rem;}
.order_switch div{position: relative; display: table-cell; text-align: center; vertical-align: middle; height: .8rem;}
.order_switch .active{color: #1a98ff;}
.order_switch .active:after{content: ''; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; width: 1.76rem; height: .04rem; background: #1a98ff;}
.order_switch div + div{border-left: 1px solid #ccc;}
.order_list{position: absolute; top: 2.5333rem; bottom: 0; left: 0; right: 0; margin: auto; overflow: hidden;}
.order_slide{position: absolute; top: 0.80645rem; bottom: 0; margin: auto 0; width: 100%; overflow: auto; -webkit-overflow-scrolling: touch;}
.order_slide.active{transform: translate(-100vw);}
.order_li{padding: 0 0 .4rem .4rem; border-bottom: 1px solid #ccc;}
.order_li p{position: relative; padding-left: .2667rem; height: 1rem; line-height: 1rem; color: #777; font-size: .32rem;}
.order_li p span{float: right; width: 1.33rem; height: .533rem; line-height: .533rem; margin-top: .2335rem; background: #ffa60b; color: #fff; text-align: center;}
.order_li p span.ios{text-align: left; box-sizing: border-box; padding-left: .5rem; background: url(/img/bean.png) no-repeat left center; background-size: .4rem; color: #333;}
.order_li p:after{content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; background: #1a98ff; width: .133rem; height: .133rem; border-radius: 50%;}
.order_detail{display: table; table-layout: fixed; width: 100%; box-sizing: border-box;}
.order_pay{position: relative; padding: .4rem; background: url(/img/order_bg.png) repeat;}
.order_pay p{margin-top: .4rem; color: #ff4f42; font-size: .45rem;}
.order_cover{position: relative; display: table-cell; width: 2.24rem; font-size: 0;}
.order_cover span{position: absolute; display: inline-block; bottom: 0; left: 0; width: 100%; padding: .2rem 0; background: rgba(0,0,0,.5); color: #fff; font-size: .28rem; text-align: center;}
.order_detail img{width: 100%;}
.order_bean img{width: .6rem; vertical-align: middle;}
.order_detail ul{position: relative; display: table-cell; vertical-align: top; padding-left: .24rem;}
.order_detail li{height: .5rem; line-height: .5rem; color: #777; font-size: .3467rem;}
.order_detail li span{position: relative; color: #333; padding-right: .05rem;}
.order_detail li span.before{color: #777;}
.order_detail li span.before:after{content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 100%; height: .0266rem; background: #777;}
.order_detail li span.now{color: #ff5b4f; font-size: .4rem; margin-right: .1rem;}
.order_detail .order_valid{position: absolute; bottom: 0; left: .24rem; width: 100%; height: .8rem; line-height: .8rem;}
.order_detail .order_valid span{background: #f7f7f7; color: #666; padding: .2rem; font-size: .28rem;}
.order_detail h2{font-weight: normal; color: #333; height: .667rem; line-height: .573rem; font-size: .373rem;}
.order_detail input{display: inline-block; margin-top: .2rem; width: 1.84rem; height: .8rem; background: #999; color: #fff; font-size: .4rem; border-radius: .08rem}
.order_detail input.active{background: #1a98ff;}
.order_detail input.waiting{background: #ccc;}
.order_done{left: 100vw;}
.order_done p span{background: none; width: initial; color: #333; margin-right: .4rem;}
.order_none{position: absolute; top: 2.467rem; bottom: 0; right: 0; left: 0; margin: 0 auto; width: 4rem; height: 4rem; text-align: center;}
.order_none img{width: 1.293rem;}
.order_none p{color: #a0a0a0; font-size: .32rem; margin-top: .3rem;}
.order_none a{color: #1a98ff;}
.order_paylist{position: relative; background: #f4f5f7; padding-top: .4rem; border-bottom: 0.0133rem solid #f0eff0;}
.order_paylist:after{content: ''; position: absolute; width: 100%; height: .08rem; top: 0; left: 0; background: url(/img/order_border.png) repeat; background-size: auto .08rem;}
.order_payway{position: relative; height: 1.6rem; background: #fff; border-top: 0.0133rem solid #f0eff0; padding: .32rem 1rem 0 1.36rem; box-sizing: border-box; color: #828387; font-size: .3rem;}
.order_payway:after{content: ''; position: absolute; right: .4rem; top: 0; bottom: 0; margin: auto 0; width: .56rem; height: .56rem; border-radius: 50%; border: 0.0133rem solid #c7cdd3;}
.order_payway.active:after{border: none; background: #1a98ff url(/img/check.png) no-repeat center center; background-size: .33rem;}
.order_payway img{position: absolute; top: 0; bottom: 0; left: .4rem; margin: auto 0; width: .56rem;}
.order_payway#IAP img{left: .24rem; width: .8rem;}
.order_payway h3{font-weight: normal; color: #25292c; margin-bottom: .133rem; font-size: .32rem;}
.order_payway#IAP h3{font-weight: normal; color: #25292c; margin-top: .266rem; font-size: .32rem;}
.order_footer{position: absolute; bottom: 0; width: 100%; height: 1.333rem; line-height: 1.333rem; background: #1a98ff; color: #fff; text-align: center; font-size: .4rem;}
.order_score{height: 4rem; line-height: 4rem; background: #fff; text-align: center; border-bottom: 0.0133rem solid #cccccc; color: #25292c; font-size: .38rem;}
.order_score span{color: #fe3350;}
.order_score img{width: .56rem; margin-right: .44rem; vertical-align: -.133rem;}
.order_btn{height: 2.73rem; background: #f4f5f7; padding: .667rem .4rem 0;}
.order_btn a{float: left; background: #1fb993; width: 40%; height: 1.173rem; line-height: 1.173rem; text-align: center; color: #fff; border-radius: .133rem; font-size: .38rem;}
.order_btn .order_btn_right{float: right; background: #1a98ff;}
.order_recommend{background: #f4f5f7; height: .8rem; line-height: .8rem; color: #c2c9cf; font-size: .32rem; padding-left: .4rem;}
.order_recommend_list{padding: 0 .4rem; background: #fff;}
.order_recommend_li{position: relative; padding: .4rem 0; display: table; width: 100%; table-layout: fixed; box-sizing: border-box;}
.order_recommend_img{display: table-cell; width: 2rem;}
.order_recommend_img img{width: 100%;}
.order_recommend_li + .order_recommend_li{border-top: 0.0133rem solid #eae8ea;}
.order_recommend_li ul{display: table-cell; vertical-align: top; padding-left: .4rem;}
.order_recommend_li ul:after{content: ''; position: absolute; top: 0; bottom: 0; right: .4rem; margin: auto 0; width: .146rem; height: .306rem; background: url(/img/book_cover.png) no-repeat center center; background-size: .146rem;}
.order_recommend_li h2{margin-bottom: .4rem; font-size: .38rem; color: #25292c;}
.order_recommend_li li{ color: #828387; font-size: .32rem;}
.order_book{position: relative; padding: .4rem; background: #fff; margin-top: 1.72rem; box-shadow: 0 0 0.4rem rgba(25,83,151,.2);}
.order_book li{height: .4rem; line-height: .4rem;}
.order_book_footer{position: fixed; bottom: 0; width: 100%; height: 1.333rem; line-height: 1.333rem; box-sizing: border-box; background: #fff; border-top: 0.0133rem solid #d8d8d8; color: #1a98ff; font-size: .4rem; z-index: 2;}
.order_book_footer div, .order_book_footer a{float: left; width: 50%; background: #1a98ff; box-sizing: border-box; text-align: center; color: #fff;}
.order_book_footer a + div{background: #ff4f42; border-left: 0.0133rem solid #fff;}
.order_book_img img{width: 100%;}
.order_book_footer + .order_book_img{padding-bottom: 1.33rem;}
.order_book h3{font-size: .4rem; color: #25292c;}
.order_book p{font-size: .3467rem; color: #ffa200; padding-bottom: .4rem;}
.order_book li + li{margin-top: .266rem;}
.order_book_box{position: absolute; top: 1.986626rem; right: .2666rem; left: .26666rem; margin: auto; border: .013333rem solid #dbe5f0; line-height: 0; border-radius: .1rem; overflow: hidden;}
.order_pop{position: absolute; bottom: 0; width: 100%; height: 9.466667rem; background: #fff; box-sizing: border-box;}
.order_pop p{ font-size: .38rem; color: #828387; margin-top: 0.62rem; }
.order_pop .before{color: #999; position: relative;text-align: center;height: 1.72rem; line-height: 1.72rem; font-size: 0.346667rem;}
.order_pop .before:after{content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 100%; height: .0266rem; background: #999;}
.order_pop .now{color: #ff4f42; text-align: right; width: 5.36rem; height: 1.72rem; line-height: 1.72rem; font-size: 0.426667rem; margin-right: 0.4rem; }
.order_pop_title{ height: 2.96rem; font-size: .4rem; color: #595959; padding-top: 1.333333rem; }
.order_pop_title h3{ color: #333; font-size: 0.453333rem; margin-bottom: 0.08rem; }
.order_pop_title span{ font-size: 0.373333rem; color: #333; line-height: 100%; }
.order_pop_title .valid_days span{ color: #333; margin-left: 0.32rem; }
.order_pop_cover{position: absolute; top: -.64rem; left: .4rem; width: 3.16rem; height: 3.16rem; background: #fff; border: 0.0133rem solid #e6e6e6; border-radius: .266rem;}
.order_pop_top img{ position: relative; z-index: 3; width: 1.84rem; height: 2.64rem; border: 1px solid #e4e5e6; margin-top: 1.066667rem; margin-left: 0.56rem; margin-right: 0.4rem; }
.order_pop_price{width:100%; height: 1.72rem; border-top: 0.013333rem solid #e6e6e6; border-bottom: 0.013333rem solid #e6e6e6; }
.order_pop_top{ height: 3.626667rem; }
.order_pop_btn{ z-index: 3; position: absolute; bottom: .4rem; left: 0; right:0; margin: 0 auto; width: 8.85rem; height: 1.1733rem; line-height: 1.1733rem; background: #ccc; color: #fff; border-radius: .1rem; font-size: .4rem; text-align: center;}
.order_pop_btn.usable{ background: #1a98ff; }
.order_pop_close{position: absolute; right: .4rem; top: .4rem; width: .9rem; height: .9rem; background: url(/img/book_close.png) no-repeat right top; background-size: .32rem;}
.order_more{height: 1rem; line-height: 1rem; font-size: .36rem; color: #666; text-align: center;}
.order_token{position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; background: rgba(0,0,0,0.3); z-index: 10;}
.order_token .wrapper{position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: #fff;}
.order_token .decoration{position: absolute; top: .3rem; bottom: .3rem; right: .3rem; left: .3rem; margin: auto; overflow: hidden;}
.order_token .decoration:before{content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; border: .0133rem solid #d8d8d8;}
.order_token .decoration li:before{content: ''; position: absolute; top: -.3rem; left: -.3rem; width: .6rem; height: .6rem; border: .0133rem solid #d8d8d8; border-radius: 50%; background: #fff; z-index: 2;}
.order_token .decoration li:after{content: ''; position: absolute; top: -.3rem; right: -.3rem; width: .6rem; height: .6rem; border: .0133rem solid #d8d8d8; border-radius: 50%; background: #fff; z-index: 2;}
.order_token .decoration li:last-child:before{top: initial; bottom: -.3rem;}
.order_token .decoration li:last-child:after{top: initial; bottom: -.3rem;}
.order_token .select{position: relative; width: 100%; height: 100%; padding-top: 1rem; box-sizing: border-box; text-align: center;}
.order_token .content{position: relative; width: 100%; height: 16.08rem; box-sizing: border-box; text-align: center;}
.order_token .select h3{position: relative; height: 1.33rem; line-height: 1.33rem; padding-left: 1rem; background: url(/img/bean.png) no-repeat 2.4rem center; background-size: .8rem; font-size: .667rem;}
.order_token .content h3{position: relative; height: 1.733333rem; line-height: 1.733333rem; padding-left: 0.4rem; font-size: 0.373333rem; text-align: left; border-bottom: 0.013333rem solid #dbe5f0; font-weight: normal; }
.content h3 em{ font-size: 0.506667rem; position: absolute; display: block; right: 0.8rem; top: 0; bottom: 0; margin: auto 0; background: none; border: none; }
.content h3 em:after{ content: ''; width: 0.506667rem; height: 0.48rem; position: absolute; left: -0.773333rem; top: 0; bottom: 0; margin: auto; background: url(/img/bean.png) no-repeat; background-size: cover; }
.order_token .content p{ border-bottom: .01333rem solid #dbe5f0;}
.order_token .select p{color: #999; background: #f2f2f2; margin: .2rem auto 0; width: 2rem; height: .8rem; line-height: .8rem; font-size: .36rem;}
.order_token input{position: absolute; display: block; bottom: 0.4rem; left: 0; right: 0; width: 9.2rem; height: 1.173333rem; margin: 0 auto; background: #1a98ff; color: #fff; font-size: 0.426667rem; border-radius: 0.16rem;}
.order_token .close{ position: absolute; bottom: 0; left: 0; height: 1.1733333333333333rem; width: 0.8rem; display: block; background: url(/img/personal_back2.png) no-repeat center center; background-size: 100% auto; z-index: 1;}
.order_token .order_current{font-size: 0.373333rem; padding: .5rem 0;}
.order_buy_pop{position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 11.186667rem; width: 7.32rem; margin: auto; padding: 6.453333rem 0 0; box-sizing: border-box; border-radius: .2rem; background: linear-gradient(transparent 3.12rem, #c6b397 3.12rem, #c6b397 3.92rem, #fff 3.92rem);}
.order_buy_pop:after{content: ''; position: absolute; top: 0; left: 0; width: 7.32rem; height: 5.64rem; background: url(/img/popbut_bg.png) no-repeat top center; background-size: 7.32rem;}
.order_buy_pop p{text-align: center; font-size: .46rem; font-weight: bold; color: #333;}
.order_buy_pop p + p{margin-top: .2rem;}
.order_buy_pop .order_buy_close{ display: none; position: absolute; right: 0; bottom: -1.52rem; left: 0; margin: 0 auto; width: 1.067rem; height: 1.067rem; background: #fff url(/img/book_close.png) no-repeat center center; background-size: .3rem; border-radius: 50%}
.order_buy_pop input{display: block; margin: 0.533333rem auto 0; width: 3.92rem; padding: .2rem 0; border-radius: .1rem; background: #4798f7; color: #fff; font-size: .36rem;}
.order_buy_pop span{ display: block; margin: 0.933333rem auto 0; text-align: center; text-decoration: underline; color: #666; font-size: 0.346667rem; }
.order_buy_pop a input{margin-top: .4rem; background: none; color: #333; border: 1px solid #afafaf;}
#popchoice{ background: rgba(0,0,0,.6); }
.book_footer{position: fixed; bottom: 0; width: 100%; height: 7.4vh; box-sizing: border-box; border-top: .01333rem solid #e5e5e5; background: #fff; color: #999; font-size: .34rem; z-index: 2;}
.book_footer ul{width: 100%; height: 100%; display: -webkit-flex; display: flex; align-items: flex-end; -webkit-align-items: flex-end; box-sizing: border-box;}
.book_footer li{flex: 1; -webkit-flex: 1; text-align: center; color: #606060; font-size: 0;}
.book_footer .active{color: #1a98ff;}
.book_footer img{width: .6rem;}
.book_footer p{font-size: .3rem; padding-top: .05rem;}

.share_w{position: fixed; bottom: 0; left: 0; width: 100%; height: 2.13rem; background: #efefef; display: -webkit-flex; display: flex; align-items: center;}
.share_logo{margin: 0 .4rem; width: 1.33rem; height: 1.33rem; background: #fff url(/img/prompt_logo.png) no-repeat center center; background-size: 1.33rem 1.33rem; border-radius: .2rem;}
.share_c{flex: 1; -webkit-flex: 1;}
.share_c h2{color: #333; font-size: .42rem;}
.share_c p{color: #a6a6a6; font-size: .3rem; margin-top: .1rem;}
.share_btn{background: #1fb993; padding: .266rem .6rem; border-radius: .1rem; margin-right: .4rem; color: #fff; font-size: .36rem;}

.order_dy{line-height: 0.8rem; overflow: hidden; font-size: .32rem;}
.order_dy b{color: #F2222C; padding-left: .2rem;}

.jroll_refresh{position: absolute; top: -2rem; left: 0; height: 2rem; width: 100%; background: #fafafa; text-align: center;}
.jroll_refresh img{padding-top: .2rem; height: 1.6rem;}

.login{margin-top: .5333rem; text-align: center;}
.login img{margin-top: 3.933rem; width: .8667rem;}
.login p{margin-top: .8rem; text-align: center; color: #333; font-size: .42rem;}
.login div{margin: 6.467rem auto 0; width: 5.28rem; height: 1.2rem; line-height: 1.2rem; text-align: center; font-size: .42rem; color: #1a98ff; border: 0.0133rem solid #1a98ff; border-radius: .133rem;}

/*popwin style*/
#popwin_Blank{position:absolute;z-index:2000;left:0;top:0;width:100%;height:0;background:black;}
.popwin_out{padding:0px;background:none;position:absolute;z-index:2000;left:-9999px;}
.popwin_in{border:none;background:none;}
.popwin_bar{background:#f0f0f0; border:3px #CCC solid; border-bottom:0;-moz-border-radius:3px 3px 0 0 ;border-radius:3px 3px 0 0 ;-moz-user-select: none;-webkit-user-select: none;}
.popwin_title{line-height:33px;padding-left:18px; font-weight:bold; color:#747474 }
.popwin_close{position:relative;}
.popwin_close a{width:21px;height:21px; text-decoration:none;cursor:pointer;position:absolute;right:6px;top:-27px;}
.popwin_close a:hover{ background-position:0 0;}
.popwin_body{ background:none;}
.popwin_subbtn{display:inline-block; width:57px; height:23px;  margin:0 10px; border:none; color:#ffffff; cursor:pointer;}
.popwin_cancelbtn{display:inline-block; width:57px; height:23px;  margin:0 10px; border:none; color:#ffffff; cursor:pointer;}
.popwin_success{ padding:0 0 0 37px; color:#3f3f3f; width:70px; height:20px; line-height:20px; font-size:14px;}
.popwin_warning{ padding:3px 0 0 37px; color:#3f3f3f; line-height:1.5; width:237px; min-height:20px;_height:20px}
.popwin_success2{padding:3px 0 0 37px; color:#3f3f3f; width:237px; min-height:20px;_height:20px;}
.popwin_remind{ position: relative; padding:20px 18px; color:#3f3f3f; -moz-border-radius:3px;border-radius:3px; width: 9.2rem; height: 6.666667rem; }
.popwin_remind1{ position: relative; padding:20px 18px; color:#3f3f3f; -moz-border-radius:3px;border-radius:3px; width: 9.2rem; height: 1.066667rem; }
.popwin_pbn{ text-align:center; padding-top:20px; clear:both;}
.popwin_con{ background:#fff; padding:10px;border:3px #d0d0d0 solid;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;}
.popwin_remindb{border-top:none!important;-moz-border-radius:0 0 3px 3px!important;border-radius:0 0 3px 3px!important;}
.popwin_wares{ clear:both; padding:14px 0 0 0}
.popwin_wares p{ display:block; clear:both; color:#787878; line-height:18px;padding-left: 8px;}
.popwin_ask{padding:3px 0 0 37px; color:#3f3f3f; width:237px; min-height:20px;_height:20px}
.popwin_error{padding:3px 0 0 37px; color:#3f3f3f; width:237px; min-height:20px;_height:20px}
.popwin_selfborder{border: 5px solid #ba8a51;border-radius: 5px;}
.popwin_selfclose{ background: url(/img/pop_close.png) no-repeat; height: 0.533333rem;position: absolute;right: 0.4rem;top: -2.72rem;width: 0.506667rem; cursor: pointer; z-index: 99;}
.playTittle{ font-size: 0.426667rem; color: #fff; position: absolute; left: 0; top:-1.6rem;  /*height: 0.773333rem;*/ line-height: 0.773333rem; }

/*好学卡*/
.card_all{ height: 100%;}
.card_wrap{ position: relative ; width: 100%; overflow: hidden; -webkit-overflow-scrolling: touch;}
.card_con{ position: absolute; top: 0; left: 0; right: 0; bottom: 1.333333rem; overflow-x: hidden; overflow-y: scroll;}
.card_bottom{ position: absolute; z-index: 3; bottom: 0; left: 0; right: 0; height: 1.32rem; overflow: hidden; border-top: 1px solid #d8d8d8; background: #ffffff;}
.card_footer{ display: table; width: 100%; height: 100%;}
.card_footer_cell{ display: table-cell; text-align: center; vertical-align: middle;}
.card_footer_cell span{ display: block; font-size: 0.4rem; color: #333333;}
.card_footer_cell:last-child{ background: #2ca0ff;}
.card_footer_cell:last-child span{ color: #ffffff;}
.card_tips{ margin: 0.533333rem 2.066666rem 0; background: url(/img/card_icon1.png) no-repeat bottom left; background-size: 100% 0.04rem; text-align: center; padding: 0.333333rem; border-radius: 0.133333rem 0.133333rem 0 0; overflow: hidden;box-shadow: 0 0 0.2rem #ebebeb;}
.card_tips span{ display: block; font-size: 0.4rem; padding: 0.066666rem; }
.card_tips2{ width:100%; height: 2rem; padding-top: 0.626666rem; background: url(/img/card_icon3.png) no-repeat; background-size: cover; }
.card_tips2 span{ display: block; text-align: center; padding-bottom: 0.133333rem; font-size: 0.4rem;}
.card_main{ overflow: hidden; }
.card_list{ padding: 0.066666rem 0;}
.card_li{ padding:  0.4rem; border-bottom: 1px solid #f0f0f0;}
.card_li:last-child{ border: none;}
.card_validity{ color: #1a98ff; font-size: 0.346666rem; }
.card_li_m{ position: relative; padding-left: 2.506666rem; min-height: 3.2rem; margin-top: 0.4rem;}
.card_li_img{ position: absolute; top: 0; left: 0; width: 2.226666rem; height: 3.173333rem; border: 1px solid #cccccc; overflow: hidden; box-shadow: 0 0 0.2rem #ebebeb;}
.card_li_img img{ width: 100%; height: 100%;}
.card_li_info{ padding-top: 0.7rem;}
.card_li_info span{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.346666rem; color: #777777; padding-bottom: 0.066666rem;}
.card_li_info span.span1{ font-size: 0.373333rem; color: #333333;}
.card_error{ text-align: center; padding: 1.666666rem 0.5rem 0; font-size: 0.4rem; color: #999999;}
.card_error img{ display: block; margin: 0 auto;  margin-bottom: 0.5rem;}
.card_error img.img1{width: 3.52rem; height: 3.253333rem;}
.card_error img.img2{width: 2.96rem; height: 4.213333rem;}
.personal_card{ overflow-x: hidden; overflow-y: scroll;}
.personal_card_t{ display: none;}
.card_know{ display: none; position: absolute; bottom: 50px; left: 89px; right: 89px; height: 80px; line-height: 79px; font-size: 36px; color: #ffffff; background: #0098ff; border-radius: 40px; text-align: center;}

.promptBg{ background: #ffffff;}
.prompt_tips{ padding-top: 1.666666rem; position: relative; width: 100%; text-align: center;}
.prompt_tips i{ position: absolute; top: 0.7rem; right: 1.2rem; width: 0.933333rem; height: 0.933333rem; background: url(/img/prompt.jpg) no-repeat; background-size: 0.933333rem 0.933333rem;}
.prompt_tips span{ display: block; text-align: center; font-size: 0.48rem; padding-bottom: 0.06rem;}
.prompt_tips span em{ color: #d13434;}
.prompt_info{ padding: 0.8rem 1.96rem; text-align: center;}
.prompt_info img,.prompt_main i img{ width: 2.066666rem; height: auto;}
.prompt_info span{ display: block; text-align: center;}
.prompt_info span.s1{ padding-top: 0.533333rem; font-size: 0.48rem;}
.prompt_info span.hr{ margin: 0.706666rem 0; border-bottom: 1px solid #c6c6c6;}
.prompt_info span.s2{ color: #999999;}
.prompt_main{ padding: 0.8rem 3.333333rem; position: relative; border-bottom: 1px solid #c6c6c6; min-height: 2.053333rem;}
.prompt_main i{position: absolute; top: 0.6rem; left: 0.8rem; width: 2.066666rem; height: 2.053333rem;}
.prompt_main span{ display: block;}
.prompt_main span.s1{ font-size: 0.48rem; padding: 0.133333rem 0;}
.prompt_main a{ position: absolute;  top: 1.266666rem; right: 0.52rem;  display: block; width: 2.106666rem; height: 0.9rem; background: url(/img/prompt_btn.png) no-repeat; background-size: 2.106666rem 0.8rem;}
.prompt_img{ width: 100%;}
.prompt_img img{ width: 100%;}

.yqx_qrcode{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 2rem; height: 2rem;}

/* 发现 */
#discovery_scroll{ overflow: hidden; width: 100%; background: #ecf3fc; position: absolute; top: 3.573333rem; bottom: 1.28rem; left: 0; }
.discovery_init{ padding-top: 0.32rem; }
.discovery_init li:not(.day_task){ width: 100%; box-sizing: border-box; display: table; background: #fff; padding: 0 0.4rem; margin-bottom: 0.266667rem; overflow: hidden; height: 2.0rem; }
.discovery_init li:first-of-type{ background: none; margin-bottom: 0; padding: 0.333333rem 0.4rem; color: #333;  }
.discovery_init li:first-of-type h2{ font-size: 0.413333rem; }
.discovery_init li:last-of-type{ margin-bottom: 0; }
.discovery_icon{ display: table-cell; position: relative; vertical-align: middle; width: 1.666667rem; }
.discovery_icon:before{ content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 1.333333rem; height: 1.333333rem; }
.discovery_sign_icon:before{ background: url(/img/discovery_sign.png) no-repeat left center; background-size: cover; }
.discovery_share_icon:before{ background: url(/img/discovery_share.png) no-repeat left center; background-size: cover; }
.discovery_learn_icon:before{ background: url(/img/discovery_learn.png) no-repeat left center; background-size: cover; }
.discovery_try_icon:before{ background: url(/img/discovery_try.png) no-repeat left center; background-size: cover; }
.discovery_school_icon:before{ background: url(/img/discovery_school.png) no-repeat left center; background-size: cover; }
.discovery_p{ display: table-cell; vertical-align: middle; width: 5.786667rem; font-size: 0.373333rem; color: #333; line-height: 1; }
.discovery_p p:last-of-type{ color: #999; font-size: 0.293333rem; margin-top: 0.266667rem; }
.discovery_init li a{ display: table-cell; vertical-align: middle; text-align: right; }
.discovery_button{ width: 1.733333rem; border-radius: 0.106667rem; font-size: 0.346667rem;  padding: 0.226667rem 0; background: #1fb993; color: #fff; text-align: center; display: inline-block; }
.discovery_button.complete{ background: #bec4cb; }
.discovery_header{ position: relative; font-size: 0.453333rem; height: 1.173333rem; padding-top: 0.533333rem; text-align: center; color: #fff; background: #1a98ff; line-height: 1.173333rem; }
.footer{ position: fixed; bottom: 0; left: 0; right: 0; height: 1.28rem; border-top: 1px solid #e5e5e5; background: #ffffff;}
.t_footer_type{ clear:both; overflow:hidden;  width: 100%; display:table;}
.t_footer_cell{ height:100%; text-align: center; display: table-cell;}
.t_footer_cell a{ display:block; padding-top:0.1rem;}
.t_footer_cell a i{ display:block; width:0.586666rem; height:0.52rem; margin:0.1rem auto 0.05rem; }
.t_footer_cell a i.icon1{background:url(/img/index_icon17.png) no-repeat center center; background-size:0.586666rem 0.493333rem;}
.t_footer_cell a i.icon2{background:url(/img/index_icon22.png) no-repeat center center; background-size:0.506666rem 0.506666rem;}
.t_footer_cell a i.icon3{background:url(/img/index_icon19.png) no-repeat center center; background-size:0.44rem 0.48rem;}
.t_footer_cell a i.icon4{background:url(/img/index_icon21.png) no-repeat center center; background-size:0.533333rem 0.48rem;}
.t_footer_cell a.active i.icon1{background:url(/img/index_icon17a.png) no-repeat center center; background-size:0.586666rem 0.493333rem;}
.t_footer_cell a.active i.icon2{background:url(/img/index_icon22a.png) no-repeat center center; background-size:0.506666rem 0.506666rem;}
.t_footer_cell a.active i.icon3{background:url(/img/index_icon19a.png) no-repeat center center; background-size:0.44rem 0.48rem;}
.t_footer_cell a.active i.icon4{background:url(/img/index_icon21a.png) no-repeat center center; background-size:0.533333rem 0.48rem;}
.t_footer_cell a span{ font-size: 0.266666rem; color: #999999;}
.t_footer_cell a.active span{ color: #4798f7;}

[data-dpr="1"] .personal_header{ padding-top:0.133rem;}
[data-dpr="1"] .personal_wrapper{ top:1.33rem;}
[data-dpr="1"] .per_in_panel,[data-dpr="1"] .order_header,[data-dpr="1"] .discovery_header2,[data-dpr="1"] .primary_header,[data-dpr="1"] .discovery_header{ padding-top: 0;}
[data-dpr="1"] .per_in_main{top: 6.6rem;}
[data-dpr="1"] .order_list{ top: 2.566rem;}
[data-dpr="1"] .order_book{ margin-top: 1.22rem;}
[data-dpr="1"] .book_header, [data-dpr="1"] .arithmetic_header{ margin: 0;}
[data-dpr="1"] .linkUp_content, [data-dpr="1"] .math_result_content, [data-dpr="1"] .math_arithmetic_content, [data-dpr="1"] #invite_scroll{ top: 1.17rem;}
[data-dpr="1"] .spell_result, [data-dpr="1"] .student_container.student{top: 1.186667rem;}
[data-dpr="1"] .student_container{top: 1.446667rem;}
[data-dpr="1"] .per_in_main{ top: 8.0rem; }
[data-dpr="1"] .task_calendar{ top: 1.68rem;}
[data-dpr="1"] .index_m_header{ padding-top: 0.17rem;}
[data-dpr="1"] .adaptive_box{ top: 1.34rem; }
[data-dpr="1"] .order_book_box{top: 1.453326rem;}

.find_swiper img{ width: 100%; height: auto; }
.invite_header{ position: relative; background: #ffdf48; color: #302f32; }
.invite_share{ position: absolute; bottom: 0; right: 0.133333rem; height: 1.1733333333333333rem; width: 0.8rem; display: block; background: url(/img/invite_share.png) no-repeat center center; background-size: 0.42666666666666666rem auto; z-index: 1; }
.invite_header a{ position: absolute; bottom: 0; left: 0; height: 1.1733333333333333rem; width: 0.8rem; display: block; background: url(/img/invite_back.png) no-repeat 0.3333333333333333rem 0.3333333333333333rem; background-size: 0.26666666666666666rem auto; z-index: 1; }
#invite_scroll{ position: absolute; top: 1.706667rem; overflow: hidden; bottom: 0; left: 0; background: url(/img/invite_bg.png) no-repeat; background-color: #4d549c; background-size: 100% auto; width: 100%; }
#invite_scroll.invite_top0{ top: 0!important; }
.invite_details{ position: absolute; right: -0.04rem; top: 0.293333rem; width: 1.786667rem; text-align: right; border: 0.04rem solid #353233; border-radius: 0.373333rem 0 0 0.373333rem; background: #f52e31; color: #fff; font-size: 0.346667rem; padding: 0.16rem 0.24rem 0.16rem 0; }
.invite_info{ margin: 0.96rem auto 0; width: 8.173333rem; height: auto; display: block; }
.invite_share_button{ flex: 1; text-align: center; background: #1fb993; color: #fff; padding: 0.453333rem 0; box-sizing: border-box; }
.get_book_button{ background: #6e74ec; text-align: center; width: 3.066667rem; padding: 0.453333rem 0; color: #fff; }
.invite_button{ border-top: 0.08rem solid #404495; position: absolute; width: 100%; left: 0; bottom: 0; display: flex; line-height: 1; font-size: 0.4rem; }
.get_book_button.nouse{ background: #7e8091; }
.invite_body{ width: 7.866667rem; margin: 0 auto; padding-top: 0.666667rem; }
.invite_body li{ position: relative; float: left; width: 3.746667rem; height: 2.84rem; background: url(/img/invite_li_bg.png) no-repeat; background-size: cover; margin-right: 0.36rem; margin-bottom: 0.533333rem; }
.invite_body li:before{ content: ''; position: absolute; left: 0; top: 0; }
.invite_body li:nth-of-type(1):before{ background: url(/img/invite_icon1.png) no-repeat; background-size: cover; width: 1.0rem; height: 1.0rem; left: -0.173333rem; top: -0.173333rem; }
.invite_body li:nth-of-type(2):before{ background: url(/img/invite_icon2.png) no-repeat; background-size: cover; width: 0.906667rem; height: 0.866667rem; left: -0.026667rem; top: -0.066667rem; }
.invite_body li:nth-of-type(3):before{ background: url(/img/invite_icon3.png) no-repeat; background-size: cover; width: 0.76rem; height: 0.72rem; top: -0.053333rem; left: -0.013333rem; }
.invite_body li:nth-of-type(4):before{ background: url(/img/invite_icon4.png) no-repeat; background-size: cover; width: 0.866667rem; height: 0.733333rem; top: -0.053333rem; left: -0.053333rem;  }
.invite_body li:nth-of-type(2n+0){ margin-right: 0; }
.invite_body li span{ display: block; text-align: center; }
.invite_body li span:nth-of-type(1){ font-size: 0.346667rem; color: #fff; margin-top: 0.626667rem; }
.invite_body li span:nth-of-type(2){ font-size: 0.32rem; color: #ffd820; }
.invite_body li em{ font-size: 0.8rem; }
.invite_activity{ text-align: center; color: #fff; font-size: 0.346667rem; }
.friend_count{ font-size: 0.533333rem; color: #f0c80d; }
.day_count{ font-size: 0.533333rem; color: #f0c80d; }


.limited_receive{ display: none; position: absolute; left: 0; width: 100%; top: 0; height: 100%; background: rgba(0,0,0,.6); z-index: 9; }
.limited_congradulation{ overflow: hidden; width: 100%; height: 100%; ; }
.limited_step2{ display: none; position: absolute; width: 7.333333rem; height: 8.653333rem; border-radius: 0.106667rem; left: 0; right: 0; bottom: 0; top: 0; margin: auto; background: #fff; }
.limited_step1{ position: absolute; width: 7.333333rem; height: 8.933333rem; border-radius: 0.106667rem; left: 0; right: 0; bottom: 0; top: 0; margin: auto; background: #fff; }
.limited_step1.limited_step3{height: 7.4666rem;}
.index_character{ width: 5.84rem; position: absolute; height: auto; left: 0; right: 0; top: -1.106667rem; margin: 0 auto; }
.index_cloud{ width: 100%; }
.limited_step2_bottom{ padding: 0 0.4rem; margin-top: 1.066667rem; }
.limited_step1_bottom{ padding: 0 0.4rem; margin-top: 1.066667rem;}
.limited_title{ padding-left: 0.4rem; font-size: 0.32rem; color: #666; line-height: 0.506667rem; display: block; position: relative; }
.limited_title:before{ width: 0.186667rem; height: 0.186667rem; border-radius: 50%; background: #e5e5e5; left: 0; top: 0.146667rem; content: ''; position: absolute; }
.receive_list{ overflow-y: auto; overflow-x: hidden; height: 4.533333rem; margin-top: 0.173333rem; }
.receive_list li{ float: left; margin-right: 0.533333rem; text-align: center; width: 1.813333rem; margin-top: 0.4rem; }
.receive_list li:nth-child(3n+0){ margin-right: 0; }
.receive_list li img{ box-sizing: border-box; width: 1.746667rem; height: 2.506667rem; border: 0.013333rem solid #ccc; display: block; margin-bottom: 0.333333rem; }
.receive_list li input{ width: 1.6rem; text-align: center; font-size: 0.346667rem; color: #fff; background: #1fb993; padding: 0.186667rem 0; border-radius: 0.106667rem; }
.limited_step1 .index_character{ top: -1.866667rem; width: 4.386667rem; }
.select_choose{ position: relative; }
.select_grade{ margin-top: 0.573333rem; position: relative; }
.select_choose input{ width: 6.24rem; height: 1.173333rem; border: 0.013333rem solid #999; border-radius: 0.08rem; padding-left: 0.266667rem; color: #333; font-size: 0.346667rem; }
.limited_line{ width: 0.013333rem; height: 0.88rem; position: absolute; right: 1.2rem; top: 0; bottom: 0; margin: auto; background: linear-gradient(#fff 0%,#999 60%,#fff 100%); }
.select_narrow{ transition: .5s; -webkit-transition: .5s; width: 0; height: 0; border-color: #1a98ff transparent transparent transparent; border-width: 0.133333rem; border-style: solid; position: absolute; right: 0.466667rem; top: 0.506667rem; }
.select_narrow.active{ transform: scaleY(-1) translateY(0.133333rem); -webkit-transform: scaleY(-1) translateY(0.133333rem); }
.limited_confirm{width: 100%; text-align: center; color: #fff; background: #1fb993; font-size: 0.426667rem; padding: 0.386667rem 0; border-radius: 0.106667rem; margin-top: 0.666667rem; }
.limited_btn{display: -webkit-flex; display: flex; margin-top: 0.666667rem;}
.limited_btn li{-webkit-flex: 1; flex: 1; background: #1fb993; border-radius: 0.106667rem; padding: 0.386667rem 0; font-size: 0.426667rem; text-align: center; color: #fff;}
.limited_btn li + li{margin-left: .4rem; background-color: #1a98ff;}
.select_content{ display: none; position: absolute; left: 0; top: 1.186667rem; width: 6.506667rem; height: 5.253333rem; padding: 0.093333rem 0; border-radius: 0.106667rem; border: 0.013333rem solid #999; background: #fff; overflow: auto; }
.select_content li{ font-size: 0.346667rem; padding: 0.186667rem 0 0.186667rem 0.266667rem; color: #333; }
.select_content li.active{ background: #1a98ff; color: #fff; margin: 0.133333rem 0; }
.select_area{ position: absolute; width: 1.2rem; height: 1.173333rem; top: 0.013333rem; right: 0.013333rem; }
.back_step1{ width: 4.933333rem; position: absolute; left: 0; bottom: -2.373333rem; right: 0; margin: 0 auto; background: #1a98ff; border-radius: 0.093333rem; font-size: 0.4rem; color: #fff; text-align: center; padding: 0.266667rem 0; }
.invite_close_area{ width: 100%; height: 100%; }
.invited_info{ padding: 0.933333rem 0.933333rem 0 0.933333rem; margin-bottom: 0.533333rem; }
.invited_info h2{ font-size: 0.56rem; margin-bottom: 0.64rem; }
.invited_info p{ font-size: 0.373333rem; margin-bottom: 0.346667rem; }
.invited_phone{ font-weight: bold; }
.invited_bottom{ width: 8.933333rem; margin: 0 auto; }
.invited_bottom input{ width: 100%; box-sizing: border-box; border-radius: 0.133333rem; box-shadow: 0.16rem 0.16rem #404495; }
#phoneNumber{ font-size: 0.373333rem; padding: 0.466667rem 0 0.466667rem 0.333333rem; margin-bottom: 0.24rem; color: #333; line-height: 1; }
#phoneComfirm{ font-size: 0.373333rem; padding: 0.466667rem 0; text-align: center; color: #fff; background: #1fb993; line-height: 1; }
.invited_prompt{ font-size: 0.373333rem; color: #fff; line-height: 0.64rem; padding: 0 0.746667rem; position: relative; }
.invited_prompt:before{ content: ''; position: absolute; left: 0.226667rem; top: 0.12rem; width: 0.4rem; height: 0.4rem; background: url(/img/invited_prompt.png) no-repeat; background-size: cover; }
.new_promt{ width: 100%; height: 100%; background: url(/img/wx_prompt.png) no-repeat top center; background-color: #ecf3fc; background-size: 8.48rem auto; }
.rule_bg{ width: 100%; height: 100%; }
.rule_content{ position: relative; width: 6.366667rem; padding: 0.853333rem 0.413333rem 0 0.613333rem; overflow: hidden; position: absolute; height: 8.666667rem; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: #fff; border-radius: 0.08rem; }
.rule_content:before{ content: ''; position: absolute; left: 0; top: 0; width: 7.333333rem; height: 0.133333rem; background: url(/img/invite_rule.png) no-repeat; background-size: cover; }
.rule_content h2{ font-size: 0.426667rem; }
.rule_content ul{ padding-left: 0.41rem; padding-top: 0.4rem; }
.rule_content li{ position: relative; line-height: 0.586667rem; font-size: 0.346667rem; color: #666; margin-bottom: 0.6rem; }
.rule_content li:before{ content: ''; position: absolute; left: -0.453333rem; top: 0.193333rem; width: 0.213333rem; height: 0.213333rem; background-color: #ff6b43; border-radius: 50%; }
.rule_content li:nth-of-type(2):before{ background-color: #fbba0c; }
.rule_content li:nth-of-type(3):before{ background-color: #4bbdff; }
.rule_content li:nth-of-type(4):before{ background-color: #cf6fd8; }
.rule_confirm{ line-height: 1; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 0.466667rem; width: 3.333333rem; padding: 0.266667rem 0; font-size: 0.4rem; background-color: #1fb993; text-align: center; color: #fff; border-radius: 0.133333rem; }
.discovery_header a{ position: absolute; bottom: 0; left: 0; height: 1.1733333333333333rem; width: 1.066667rem; display: block; background: url(/img/personal_back2.png) no-repeat .4rem center; background-size: 0.266667rem auto; z-index: 1;}
.discovery_header .invite_share{position: absolute; bottom: 0; right: 0; height: 1.1733333333333333rem; width: 1.066667rem; display: block; background: url(/img/share.png) no-repeat 0.24rem center; background-size: 0.426667rem auto; z-index: 1;}
.study_content{ position: absolute; top: 0; bottom: 0; width: 100%; background: #e8f0fa; padding: 0.4rem 0 0.4rem 0.373333rem; box-sizing: border-box; }
.study_list{ height: 100%; transition: .5s all ease; }
.study_box{ position: relative; border-radius: 0.106667rem; float: left; width: 9.2rem; height: 100%; background-color: #fff;box-shadow: 0 0 0.4rem rgba(25,83,151,.2); margin-right: 0.133333rem; }
.study_data_content{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.study_list_container{ position: relative; overflow: hidden; width: 100%; height: 100%; border-radius: 0.106667rem 0 0 0.106667rem; box-shadow: 0 0 0.4rem rgba(25,83,151,.2); }
.book_info{ width: 100%; box-sizing: border-box; padding: 0.586667rem 0 0.533333rem 0.533333rem; border-bottom: 0.013333rem solid #ebf1f7;}
.book_info img{ float: left; width: 2.226667rem; height: 3.186667rem; border: 0.013333rem solid #ccc; }
.study_book_details{ float: left; height: 100%; padding-left: 0.533333rem; padding-top: 0.213333rem; }
.study_book_details h2{ font-size: 0.4rem; color: #333; line-height: 1; }
.study_book_details p{ font-size: 0.346667rem; line-height: 1; }
.study_book_details p:nth-of-type(1){ color: #333; margin-top: 0.24rem; margin-bottom: 0.533333rem; }
.study_book_details p:nth-of-type(2){ color: #999; position: relative; padding-left: 0.586667rem; margin-bottom: 0.426667rem; }
.study_book_details p:nth-of-type(2):before{ content: ''; position: absolute; left: 0; top: 0; width: 0.373333rem; height: 0.4rem; background: url(/img/study_clock.png) no-repeat; background-size: cover; }
.study_book_details p:nth-of-type(3){ color: #ff4f42; display: none; }
.study_book_details em{ font-size: 0.533333rem; font-weight: bold; }
.study_time1{ height: 9.613333rem; overflow: hidden; width: 100%; }
.study_time1 li{ box-sizing: border-box; float: left; width: 33.33%; height: 4.8rem; border-right: 0.013333rem solid #d2e0ed; border-bottom: 0.013333rem solid #d2e0ed; }
.study_time1 li img{ display: block; margin: 1.093333rem auto 0.48rem; width: 1.146667rem; height: auto; }
.study_time1 li p{ display: block; text-align: center; font-size: 0.293333rem; color: #fe8f01; margin-bottom: 0.2rem; line-height: 1; }
.study_time1 li span{ display: block; text-align: center; font-size: 0.293333rem; color: #999; line-height: 1; }
.study_time1 li em{ font-size: 0.4rem; font-weight: bold; }
.study_time1 li:nth-of-type(3n+0){ margin-right: 0; border-right: none; }
.study_scroll{ position: absolute; top: 4.346667rem; bottom: 0; width: 100%; overflow-y: auto; overflow-x: hidden; -wekit-overflow-scrolling: touch; }
.study_section{ width: 100%; padding: 0 0.533333rem; box-sizing: border-box; color: #333; }
.study_chapter{ overflow: hidden; font-size: 0.4rem; padding: 0.64rem 0 0.506667rem 0; border-bottom: 0.013333rem solid #d2e0ed; line-height: 1;  }
.study_lesson{ padding: 0.533333rem 0; font-size: 0.346667rem; border-bottom: 0.013333rem solid #d2e0ed; line-height: 1; }
.study_lesson span{ float: left; }
.study_lesson em, .study_chapter em{ float: right; color: #999; font-size: 0.346667rem; font-weight: normal; }
.study_share_info{ line-height: 0.8rem; color: #000; font-weight: bold; padding-top: 1.6rem; margin-bottom: 1.066667rem; }
.personal_learn_info{
	width: 90%;
	height: 2.5rem;
	background: #FFFFFF;
	border-radius: 20px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: 0 auto;
	position: relative;
	text-align: center;
}

.personal_learn_info >div span {
	text-align: center;
	font-size: .55rem;
	display: block;
	margin-bottom: .2rem;
}
.personal_learn_info >div >div {
	font-size: .35rem;
	color: #0080FF;
	background-color: #E3F0FF;
	border-radius: 0.37rem;
	padding: 0.08rem .25rem;
}
.personal_learn_info div:nth-of-type(1) span{
	color: #247EFF;
 }

 .personal_learn_info div:nth-of-type(2) >div {
	background-color: #FFF3D4;
	color: #FFB600;
 }
.personal_learn_info div:nth-of-type(2) span{
	color: #FFBA24;
}
.walkman_container{ background: #ecf3fc; z-index: 2; }
.walkman_scroll{ margin: auto ; position: absolute; left: .266667rem; right: 0.266667rem; top: 0.266667rem; bottom: 0.84rem; overflow: hidden; border: 0.013333rem solid #dbe5f0; border-radius: 0.106667rem; background-color: #fff; }
.walkman_content{ position: relative; box-sizing: border-box; width: 100%; padding-left: 0.506667rem; padding-bottom: 1.6rem; }
.walkman_chapter{ position: relative; font-size: 0.506667rem; padding: 0.4667rem 0; border-bottom: 1px solid #dbe5f0; color: #333; }
.walkman_lesson{ position: relative; font-size: 0.453333rem; padding: 0.5rem  0; border-bottom: 1px solid #dbe5f0; color: #333; }
.walkman_icon{ position: absolute; width: 0.8rem; height: 0.8rem; background: url(/img/walkman_play_audio.png) no-repeat; background-size: cover; right: 0.4rem; top: 0; bottom: 0; margin: auto 0; }
.walkman_lesson span{ width: 6.32rem; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; display: block; }
.walkman_chapter span{ width: 6.32rem; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; display: block; }
.walkman_section i{ display: none; position: absolute; width: 0.666667rem; background: url(/img/walkman_playing.png) no-repeat center center; background-size: .506667rem auto; right: 1.52rem; top: 0; bottom: 0; margin: auto 0; }
.walkman_chapter.active i{ display: block; }
.walkman_lesson.active i{ display: block; }
.walkman_notBuy{ width: 0.8rem; height: 0.8rem; background: url(/img/walkman_lock.png) no-repeat center center; background-size: auto .533333rem; position: absolute; right: 0.4rem; top: 0; bottom: 0; margin: auto 0; }
.walkman_bar{ width: 100%; position: absolute; left: 0; bottom: 7.4vh; display: flex; background: #1a98ff; color: #fff; font-size: 0.453333rem; box-shadow: 0 -0.066667rem 0.066667rem rgba(0,0,0,.15); }
.walkman_bar_button{ width: 1.706667rem; background: url(/img/walkman_bar_pause.png) no-repeat center center; background-size: 0.373333rem auto;  }
.walkman_bar_max{ width: 1.333333rem; background: url(/img/walkman_max.png) no-repeat center center; background-size: 0.453333rem auto; }
.walkman_bar_name{ flex: 1; padding: 0.44rem 0 0.44rem 0.4rem; line-height: 1; border-right: 0.013333rem solid #1888e3; border-left: 0.013333rem solid #1888e3; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.walkman_pop{ transform: translateY(18rem); position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; background: #ecf3fc; width: 100%; height: 100%; }
.walkman_pop_new{ background: #ecf3fc; width: 100%; height: 100%; }
.walkman_pop_container{ padding: 0 0.653333rem; border: 0.013333rem solid #dbe5f0; background: #fff; top: 0.826667rem; position: absolute; left: .266667rem; bottom: 1.573333rem; right: .266667rem; margin: 0 auto; border-radius: 0.106667rem; }
.walkman_pop_container_new{ padding: 0 0.653333rem; border: 0.013333rem solid #dbe5f0; background: #fff; margin: 0 auto; border-radius: 0.106667rem; }
.walkman_min{ position: absolute; right: 0; top: 0; width: 0.853333rem; height: 0.853333rem; background: url(/img/walkman_min.png) no-repeat center center; background-size: 0.453333rem auto; }
.walkman_pop_bar{ display: flex; display: -webkit-flex; overflow: hidden; position: absolute; left: 0; bottom: 1.093333rem; padding: 0 1.90rem; width: 100%; box-sizing: border-box; height: 1.466667rem; }
.walkman_pop_bar span{ float: left; width: 1.466667rem; height: 100%; flex: 1; -webkit-flex: 1; }
#walkman_prev{ background: url(/img/walkman_prev.png) no-repeat center center; background-size: 0.56rem auto; }
#walkman_next{ background: url(/img/walkman_next.png) no-repeat center center; background-size: 0.56rem auto; }
.walkman_pop_button{ background: url(/img/walkman_button_pause.png) no-repeat center center; background-size: contain; margin: 0 0.613333rem; border-radius: 50%; box-sizing: border-box; }
.walk_loop{ position: absolute; right: 0.266667rem; top: 0; bottom: 0; margin: auto 0; background: url(/img/walkman_loop1.png) no-repeat center center; background-size: 0.64rem auto; }
.walkman_pop_header{ padding: 1.466667rem 0.493333rem 0; border-bottom: 0.013333rem solid #dbe5f0; text-align: center; line-height: 0.586667rem; color: #333; margin-bottom: 0.8rem; }
.walkman_pop_header h2{ font-size: 0.586667rem; margin-bottom: 0.266667rem; }
.walkman_pop_header p{ font-size: 0.506667rem; margin-bottom: 0.586667rem; }
#walkman_pop_scroll{ padding: 0 0.493333rem; overflow: hidden; width: 100%; box-sizing: border-box; color: #666; text-align: center; line-height: 0.96rem; font-size: 0.453333rem; position: absolute; top: 4.3rem; bottom: 3.333333rem; left: 0; }
#walkman_pop_scroll p.active{ color: #1a98ff; }
.walkman_pop_content{ padding-top: 3.106667rem; position: relative; }
.walk_loop.active{ background: url(/img/walkman_loop.png) no-repeat center center; background-size: 0.64rem  auto; }
.walkman_bar_play{ background: url(/img/walkman_button_play.png) no-repeat center center; background-size: contain; }
.pause_audio{ background-image: url(/img/walkman_pause_audio.png); }
.walkman_click{ position: absolute; right: 0; top: 0; width: 1.33333rem; height: 100%; background-color: #333; }
.link_cata{ height: 1.173333rem; right: 0; bottom: 0; width: 1.466667rem; position: absolute; color: #fff; }
.link_cata i{ display: block; margin: 0 auto; width: 0.8rem; height: 0.8rem; background: url(/img/link_cata.png) no-repeat center center; background-size: 0.666667rem auto; }
.link_cata em{ text-align: center; position: absolute; left: 0; bottom: 0.04rem; height: 0.346667rem; width: 100%; font-size: 0.266667rem; line-height: 1; }
.link_next{ position: absolute; top: 12.613333rem; right: 0.6rem; width: 4.0rem; height: 1.2rem; background: #1a98ff; border-radius: 1.2rem; text-align: center; line-height: 1.2rem; font-size: 0.426667rem; color: #fff; }
.adaptive_box{ position: absolute; top: 1.706667rem; bottom: 0; left: 0; width: 100%; }
.adaptive_box.color{ background: #ecf3fc }
/*作业*/
.line{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.line2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.line3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.index_assign{ height: 1.066666rem; margin: 0.4rem 0.666666rem; line-height: 1.1rem; background: #1a98ff; z-index: 4; border-radius: 0.533333rem;}
.index_assign a{ display: block; font-size: 0.42rem; color: #ffffff; text-align: center; }
.task_date{ position: absolute; left: 0.2rem; bottom: 0.1rem;  z-index: 3; padding: 0.2rem;}
.task_date span{display: block; width: 0.413333rem; height: 0.293333rem; text-align: center; color: #ffffff; font-size: 0.24rem; line-height: 0.306666rem; padding-top: 0.133333rem; background: url(/img/dateIcon.png) no-repeat; background-size: 0.413333rem 0.413333rem;}
.task_btm{ bottom: 1.35rem;}
.task_main{ clear: both; position: absolute; top: 1.86rem; left: 0; right: 0; bottom: 0; overflow: auto;}
.ovfl{ overflow: hidden;}
.task_time{ text-align: center; color: #999999; font-size: 0.346666rem; padding-bottom: 0.133333rem;}
.task_list{ position: relative; overflow: hidden; /*height: 2.986666rem;*/ padding: 0 .266667rem; border: 1px solid #dbe5f0; background: #ffffff; border-radius: 0.1rem; margin:0 0.4rem 0.266666rem;}
.task_list span{ display: block;}
.task_list span.title{ font-size: .426667rem; padding: .16rem 0; font-weight: 600;}
.task_list.student span.title {width: 100%;}
.task_list span.time{ font-size: 0.373333rem; padding: 0.08rem 0;}
.task_list a.task_jump{position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; z-index: 3;}
.task_num{ padding: 0.266666rem 0; overflow: hidden;}
.task_num span{color: #999999; font-size: 0.373333rem;}
.task_num span.endtime{color: #333;}
.task_num span.endtime.disable{color: #999;}
.task_info span{display: inline-block;}
.task_info span.num{float: right;}
.task_info span.num>em{color: #1fb993; font-size: .453333rem;}
.task_list span.title>em.english,
.task_list span.title>em.math,
.task_list span.title>em.exercise,
.task_list span.title>em.exam,
.task_list span.title>em.read{
	font-weight: 500;
	border: 1px solid #ccc;
	margin-left: 0.266667rem;
	line-height: 0.4rem;
	border-radius: 0.666667rem;
	padding: 0 0.133333rem;
	font-size: 0.32rem;
}
.task_list span.title>em.english{border-color: #f19149;color: #f19149;}
.task_list span.title>em.math{border-color: #4a77d5;color: #4a77d5;}
.task_list span.title>em.exercise{border-color: #0ba675;color: #0ba675;}
.task_list span.title>em.exam{border-color: #279ec8;color: #279ec8;}
.task_list span.title>em.read{border-color: #ea68a2;color: #ea68a2;}
.task_list.student .task_num{ padding: .48rem 0; overflow: hidden;}
.task_list.student .task_num span{ float: left; color: #999999; font-size: 0.373333rem;}
.task_jd{ position: relative; float: right; margin-top: 0.2rem; margin-right: 1.266666rem; width: 1.333333rem; height: 0.133333rem; border-radius: 0.066666rem; background: #e8f4fb;}
.task_jd i{ position: absolute; height: 0.133333rem; border-radius: 0.066666rem; top: 0; left: 0; background:-moz-linear-gradient(left,#cbf2f5,#25e9d3);background:-webkit-gradient(linear,0 50%,100% 50%,from(#cbf2f5),to(#25e9d3));background:-webkit-linear-gradient(left,#cbf2f5,#25e9d3);background:-o-linear-gradient(left,#cbf2f5,#25e9d3); }
.task_jd span.num{position: absolute; right: -1.266666rem; bottom: -0.15rem;}
.task_jd span.num em{ color: #09e7cd;}
.task_calendar{ display: none; position: absolute; top: 2.106666rem; left: 0; right: 0; bottom:1.28rem;z-index: 4;}
.task_cld_bg{ position: absolute; top: 0; left: 0;right: 0; bottom: 0; z-index: 5;}
.task_cld{ position: relative; z-index: 6; margin: 0 0.266666rem; background: #FFFFFF;box-shadow: 0rem 0.2rem 0.5rem #cecece; border-radius: 0.133333rem;}
.task_cld .sign_succ_calendar_title{ background: #3da8ff; border-radius: 0.133333rem 0.133333rem 0 0; margin: 0;}
.task_cld .sign{ padding-top: 0.4rem;}
.task_cld .sign .cur{ background: none; color: #999999;}
.task_cld .sign .on{ background: url(/img/personal_sign1.png) no-repeat center center; background-size: 0.8rem 0.8rem; color: #c1ebff;}
.task_select{
	background: rgba(0,0,0,.3);
}
.task_jc{position: absolute;left: 0;bottom: 0;right: 0; background: #ffffff; border: 1px solid #dbe5f0; overflow: hidden;}
.task_jc li{ text-align: center; font-size: 0.426666rem; color: #333333; height: 1.2rem; line-height: 1.25rem; border-bottom: 1px solid #DBE5F0;}
.task_jc li:last-child{ border: none;}
.task_jc li.cur{background: #f6faff; color: #1a98ff;}
.task_lx{ display: none; margin-top: 0.266666rem; padding: 0.4rem 0.4rem 0.4rem 2.026666rem; min-height: 1.333333rem; position: relative; background: #ffffff;}
.task_lx i{ position: absolute; top: 0.4rem; left: 0.4rem; display: block; width: 1.333333rem; height: 1.333333rem;}
.task_lx i.i1{ background: url(/img/task_icon1.png) no-repeat; background-size:1.333333rem 1.333333rem ;}
.task_lx i.i2{ background: url(/img/task_icon2.png) no-repeat; background-size:1.333333rem 1.333333rem ;}
.task_lx i.i3{ background: url(/img/task_icon6.png) no-repeat; background-size:1.333333rem 1.333333rem ;}
.task_lx span{ display: block; font-size: 0.373333rem; color: #999999;}
.task_lx span.title{ color: #333333; font-size: 0.453333rem; padding-bottom: 0.08rem;}
.task_n{ text-align: center; overflow: hidden; padding-top: 20%; font-size: 0.373333rem; color: #999999;}
.task_n img{ display: block; width: 1.786666rem; height: auto; padding-bottom: 0.4rem; margin: 0 auto;}
.task_lists{ padding-bottom: 0.4rem;}
/* .task_stu_title{ font-size: 0.4rem; color: #ffffff; padding: 0.666666rem 0.4rem 0 0.4rem;} */
.task_stu_info{ position: relative; padding: 0.42rem 4rem 0 0.4rem;}
.task_stu_info span{ display: block; color: #ade5ff; font-size: 0.373333rem; padding-bottom: 0.1rem;}
.task_stu_info span.accuracy{ position: absolute; right: 0.8rem; top: 0; text-align: center;}
.task_stu_info span.accuracy em{ display: block; color: #ffffff; font-size: 1.066666rem;}
.task_stu_top{ display: none; position: absolute; top: 0; left: 0 ; right: 0; height: 1.533333rem; border-bottom: 1px dashed #dbe5f0; padding-left: 30px; }
.task_stu_jd{ float: none; margin-top: 0.733333rem; position: relative;}
.task_stu_jd span.num{ font-size: 0.48rem; position: absolute; top: -0.25rem; right: -2.8rem; color: #999999; }
.task_stu_jd span b{ font-size: 0.266666rem; color: #999999;}
.task_stu_list{ min-height: 101%;}
.task_stu_ul{ overflow: hidden;}
.task_stu_ul li{ position: relative; padding:0 0 0 1.466666rem;}
.task_stu_ul li img{ position: absolute; top: 0.4rem; left: 0.4rem; width: 0.8rem; height: 0.8rem; border-radius: 50%; }
.task_stu_ul li a{ display: block; height: 0.8rem; line-height: 0.83rem; padding: 0.4rem 0.68rem 0.4rem 0; border-bottom: 1px solid #DBE5F0;}
.task_stu_ul li a:after{content: ''; position: absolute; top: 50%;right: 0.4rem;width: .2rem;height: .2rem; border-width: 1px;border-style: solid;border-color: #dae5ee #dae5ee transparent transparent;transform: translateY(-50%) rotate(45deg);}
.task_stu_ul li a span{ display: block; float: left;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.task_stu_ul li a span.stu_name{ font-size: 0.426666rem; color: #333333; width: 30%;}
.task_stu_ul li a span.stu_time{ font-size: 0.373333rem; color: #999999; width: 38%;}
.task_stu_ul li a span.stu_result{ font-size: 0.373333rem; color: #09e7cd; width: 32%; text-align:right;}
.task_mr{ margin: 0.266666rem; padding: 0 0.4rem; background: #ffffff; border: 1px solid #dbe5f0; border-radius: 0.1rem;}
.task_tips{ position: relative; line-height: 0.5rem; color: #333; font-size: .4rem; padding: 0.493333rem 0 0.453333rem 1.4rem; border-bottom: 1px dashed #e9aeb5;}
.task_tips::before {content: ''; position: absolute; left: -0.426667rem; width: 1.493333rem; height: .666667rem; background: url(/img/task_twostap.png) no-repeat left center / 100% 100%;}
.task_sbj{ padding: .466667rem 0; overflow: hidden;}
.task_sbj.subject {padding-left: .653333rem; font-size: .426667rem; color: #666; background: url(/img/task_icon3.png) no-repeat left center / 0.426666rem 0.533333rem; border-bottom: 1px solid #dbe5f0;}
.task_sbj .s1 {float: right; color: #97a6b2; font-size: .426667rem;}
/* .task_sbj span.s1{ font-size: 0.453333rem; color: #333333;} */
.task_btn{ float: right; display: block; width: 2.533333rem; height: 0.8rem; background: url(/img/task_icon7.png) no-repeat; background-size: 2.533333rem 0.8rem; }
.task_btn em{ display: block; color: #ffffff; font-size: 0.373333rem; padding-left: 0.533333rem; background: url(/img/task_icon4.png) no-repeat left center; background-size: 0.346666rem 0.346666rem;}
.task_sel{ overflow:hidden; line-height: 0.5rem; color: #666; font-size: .426667rem; padding: 0.493333rem 0 0.453333rem .653333rem; background: url(/img/task_icon5.png) no-repeat left center / 0.426666rem 0.533333rem;}
.task_sel span{ display: block; float: left;}
.task_sel span.subject{ float: right; color: #1a98ff; padding-right: 0.506666rem; background: url(/img/task_en_list_bg.png) no-repeat right center; background-size: 0.24rem 0.48rem;}
.task_type{ z-index: 6;}
.task_share_btn{ width: 2.506666rem; height: 0.746666rem; line-height: 0.7546rem; text-align: center; font-size: 0.373333rem; color: #ffffff; border-radius:0.5rem; border: 1px solid #ffffff; margin-top: 0.55rem; margin-left: 0.4rem; background: #45c1ff;}
/* .task_tips.task_class_select{
	background-image: url(../img/homework_class_select_icon.png);
	background-size: 0.533333rem;
} */

.task_class_select::before {background-image: url(/img/task_onestap.png);}

.task_button_bottom{
    position: fixed;
    bottom: 0.4rem;
    left: 0.266666rem;
    right: 0.266666rem;
    height: 1.2rem;
    line-height: 1.25rem;
    background: #1a98ff;
    z-index: 3;
    border-radius: 0.133333rem;
}
.task_button_bottom.cantap{
	background: #1a98ff;
}
.task_button_bottom>div{
    font-size: 0.453333rem;
    color: #ffffff;
    text-align: center;
}
.task_sbj .task_class_name{
	display: flex;
	align-items: center;
	float: left;
	border: 0.026667rem solid #1a98ff;
	/* width: 1.866667rem; */
	width: 1.933333rem;
	height: 0.8rem;
	vertical-align: middle;
	border-radius: 0.533333rem;
	text-align: center;
	font-size: 0.346667rem;
	white-space: nowrap;
	box-sizing: border-box;
	/* padding: 0 .133333rem; */
	overflow: hidden;
	margin: 0.28rem 0.266667rem 0.28rem 0;
}
.task_sbj .task_class_name p {
	width: 100%;
}
.task_sbj .task_class_name:nth-child(4n){
	margin-right: 0;
}
.task_blank{
	height: 2.786667rem;
}
.task_sbj .task_class_name.selected{
	background: #1a98ff;
	color: #fff;
}
.task_sbj .task_class_name.disable{
	color: #97a6b2;
	border-color: #97a6b2;
}



/*.math_scroll{ height: 13.946667rem; }*/
.math_amount_scroll{
	overflow-y: scroll;
}
.math_time_content{ padding-left: 0.266667rem; }
.math_time_area{ padding-left: 0.266667rem; }
.math_time_chapter, .math_time_lesson, .math_amount_chapter, .math_amount_lesson,.math_preview_chapter{ position: relative; display: flex; width: 100%; color: #333; font-size: 0.48rem; border-bottom: 0.013333rem solid #dbe5f0; }
.math_time_chapter i,.math_time_lesson i{ width: 0.48rem; position: relative; margin-right: 0.266667rem; }
.math_time_chapter i:after,.math_time_lesson i:after{ content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 0.453333rem; height: 0.453333rem; border: 0.013333rem solid #999; border-radius: 50%; background: #f8f8f8; }
.math_time_chapter.active i:after,.math_time_lesson.active i:after{ border: none; border-radius: 0; background: url(/img/math_time_select.png) no-repeat; background-size: cover; }
.math_time_chapter span,.math_time_lesson span{ padding: 0.626667rem 0; line-height: 1; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 8.293333rem; }
.math_amount_chapter span,.math_preview_chapter span { padding: 0.626667rem 0; line-height: 1; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 8.106667rem; }
.math_preview_chapter span{ width: 7.546667rem; }
.math_preview_chapter em{ position: absolute; right: 0.4rem; top: 0; color: #e1752f; font-size: 0.346667rem; padding: 0.693333rem 0; line-height: 1; width: 1.493333rem; text-align: center; }
.math_preview_lesson{ font-size: 0.453333rem; padding: 0.573333rem 0; line-height: 1; }
.math_time_area .math_time_lesson span{ font-size: 0.426667rem; padding: 0.52rem 0; width: 7.84rem; }
.math_time_area .math_amount_lesson span{ font-size: 0.426667rem; padding: 0.52rem 0; width: 7.84rem; }
.math_time_confirm{/* width: 9.466667rem;*/ height: 1.173333rem; background: #1a98ff; color: #fff; border-radius: 0.133333rem; margin: auto ; font-size: 0.426667rem; display: block; position: absolute; left: .266667rem; right: .266667rem; bottom: 0.4rem; }
.homework_title{ padding: 0.626667rem 0 0.626667rem 0.72rem; font-size: 0.48rem; border-bottom: 0.013333rem solid #dbe5f0; line-height: 1; position: relative; }
.homework_title:after{ content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; background: url(/img/homework_title.png) no-repeat; width: 0.546667rem; height: 0.506667rem; background-size: cover; }
.homework_content{ padding-left: 0.266667rem; padding-top: 0.2rem; box-sizing: border-box; font-size: 0.373333rem; color: #333; border-bottom: 0.013333rem solid #dbe5f0; }
.homework_content p{ padding: 0.386667rem 0; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 1; font-size: 0.426667rem; }
.homework_content p>span{
	float:right;
	margin-right: 0.533333rem;
}
.homework_time{ overflow: hidden; border-bottom: 0.013333rem solid #dbe5f0; font-size: 0.426667rem; height: 1.733333rem }
.homework_time em{ float: left; font-size: 0.48rem; padding-left: 0.72rem; font-weight: bold; position: relative; line-height: 1.733333rem; height: 100%; }
.homework_time span{ float: right; padding-right: 0.906667rem; position: relative; line-height: 1.733333rem; height: 100%; }
.homework_time span:after{ content: ''; position: absolute; right: 0.4rem; top: 0; bottom: 0; margin: auto 0; width: 0.24rem; height: 0.48rem; background: url(/img/task_en_list_bg.png) no-repeat; background-size: cover; }
.homework_time em:after{ content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 0.573333rem; height: 0.533333rem; background: url(/img/homework_clock.png) no-repeat; background-size: cover;  }
.homework_prompt{ margin-top: 0.4rem;margin-bottom: 0.4rem; margin-right: 0.266667rem; box-sizing: border-box; border: 0.013333rem solid #ecebca; background: #fffee5; padding-top: 0.293333rem; padding-left: 1.906667rem; line-height: 0.613333rem; color: #e1752f; font-size: 0.36rem; position: relative;  }
.homework_prompt:after{ content: ''; position: absolute; left: 0.16rem; top: 0; bottom: 0; margin: auto 0; background: url(/img/homework_prompt.png) no-repeat; background-size: cover; width: 1.56rem; height: 1.653333rem; }
.math_box{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; }
.homework_complete_content{ height: 13.573333rem; box-sizing: border-box; padding: 7.253333rem 1.92rem 0; position: relative;  }
.homework_complete_content p{ line-height: 0.653333rem; color: #666; font-size: 0.346667rem; position: relative; text-align: center; }
.homework_complete_content:after{ content: ''; position: absolute; top: 3.133333rem; left: 0; right: 0; margin: 0 auto; width: 3.72rem; height: 3.626667rem; background: url(/img/homework_character.png) no-repeat; background-size: cover; }
.homework_know{ display: block; text-align: center; text-decoration: underline; color: #1a98ff; font-size: 0.346667rem;margin-top: 0.8rem; }
#homework_share{ background: #1fb993; margin-top: 0.533333rem; }
#homework_complete{ background: #fff; }
.math_amount_lesson.active span{ color: #1fb993; width: 6.48rem; }
.math_amount_chapter.active span{ color: #1fb993; width: 6.746667rem; }
.amount_reduce{ display: none; width: 0.56rem; height: 1.6rem; position: relative; position: absolute; right: 1.75rem; top: 0; }
.amount_reduce:after{ width: 0.56rem; height: 0.56rem; position: absolute; content: ''; top: 0; bottom: 0; margin: auto 0; left: 0; background: url(/img/math_reduce.png) no-repeat; background-size: cover; }
.amount_add{ width: 0.56rem; height: 1.6rem; position: relative; position: absolute; right: 0.4rem; top: 0; }
.amount_add:after{ width: 0.56rem; height: 0.56rem; position: absolute; content: ''; top: 0; bottom: 0; margin: auto 0; left: 0; background: url(/img/math_add.png) no-repeat; background-size: cover; }
.subject_amount{ display: none; line-height: 1.6rem; color: #333; width: 0.8rem; text-align: center; font-weight: bold; position: absolute; right: 0.96rem; top: 0; }
.math_amount_button{ width: 48.6%; margin: 0; float: right; position: static; }
.preview_button{ width: 48.6%; height: 1.173333rem; background: #1fb993; border-radius: 0.133333rem; float: left; }
.preview_bottom{ margin: auto; overflow: hidden;  position: absolute; left: .266667rem; right: .266667rem; bottom: 0.4rem; }
.preview_button em{ display: block; text-align: center; color: #fff; font-size: 0.4rem; margin-top: 0.133333rem; }
.preview_button span{ display: block; text-align: center; color: #fff; font-size: 0.24rem; }
.subject_change{ position: absolute; bottom: 0; right: 0.4rem; height: 1.1733333333333333rem; padding-left: 0.64rem;  }
.subject_change:after{ content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; background: url(/img/question_change.png) no-repeat; background-size: cover; width: 0.48rem; height: 0.48rem; }
.accept_success{ width: 7.04rem; height: 7.146667rem; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; text-align: center; }
.accept_success img, .accept_step1 img{ width: 2.973333rem; height: auto; }
.accept_success span, .accept_step1 span{ padding-left: 0.76rem; position: relative; font-size: 0.48rem; }
.accept_success span:after, .accept_step1 span:after{ content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; background: url(/img/accept_success.png) no-repeat; background-size: cover; width: 0.52rem; height: 0.506667rem; }
.accept_success_title{ margin: 0.4rem 0; }
.accept_success p{ color: #666; font-size: 0.346667rem; line-height: 0.666667rem; }
.accept_success em{ color: #e1752f; }
.not_accept{ width: 10.0rem; height: 27.173333rem; margin: 0 auto; background: url(/img/homework_share_bg.png) no-repeat; background-size: cover; }
.homework_share_container{ overflow: auto; -webkit-overflow-scrolling: touch; }
.homework_share_content{ padding: 5.973333rem 0.666667rem 0; }
.not_accept_title{ text-align: center; font-size: 0.586667rem; border-bottom: 0.013333rem solid #d3d9e1; }
.not_accept_title h2{ text-align: center; font-size: 0.506667rem; padding: 0 0.08rem; }
.not_accept_title p{ padding: 0 1.693333rem; font-size: 0.453333rem; line-height: 0.693333rem; margin: 0.48rem 0; }
.not_accept_title em{ color: #e1752f; }
.accept_step1,.accept_step2,.accept_step3{ padding-top: 0.64rem; }
.accept_step1 h2,.accept_step2 h2,.accept_step3 h2{ font-weight: normal; font-size: 0.373333rem; }
.accept_step2 p,.accept_step3 p{ text-align: center; }
.accept_step2 img{ width: 3.746667rem; height: auto; margin: 0.826667rem auto 0.533333rem; display: block; }
.accept_step3 p{ padding: 0.4rem; line-height: 0.613333rem; background: #fffee5; border: 0.013333rem solid #ecebca; color: #e1752f; margin-top: 0.533333rem; }
.accept_step1_success{ text-align: center; }

.homework_share_container input[type = number], #imgCodeInp{ display: block; font-size: 0.373333rem; width: 8.133333rem; height: 1.306667rem; border: 0.013333rem solid #999; box-sizing: border-box; padding-left: 0.32rem; border-radius: 0.16rem; margin: 0.4rem auto 0; }
#imgCodeInp{width: 4.74666rem; margin-left: 0; margin-top: 0;}
.homework_share_container input[type = button]{ display: block; font-size: 0.453333rem; color: #fff; width: 8.133333rem; height: 1.306667rem; background-color: #1fb993; border-radius: 0.16rem; box-sizing: border-box; margin: 0 auto; }
#code{ flex: 1; margin-top: 0; border-radius: 0.16rem; }
#get_code.nouse{color: #999;}
#get_code{ position: absolute; right: 0; top: 0; width: 2.533333rem; border: 0.013333rem solid #999; height: 100%; border-radius: 0 0.16rem 0.16rem 0; font-size: 0.373333rem; color: #333; background: #f9f9f9; }
.register_content,.img_code_content{ display: flex; position: relative; width: 8.133333rem; margin: 0.266667rem auto 0.533333rem; }
.img_code_content{justify-content: space-between;}
.img_wrap{width: 3.10666rem; height: 1.306667rem;}
.homework_share_fail{ display: none; height: 1.2rem; line-height: 1.2rem; position: absolute; left: 0; top: 0; width: 100%; text-align: center; background: #ffe1df; border-bottom: 0.013333rem solid #ff4f42; color: #333; font-size: 0.4rem; }
.homework_share_fail span{ padding-left: 0.76rem; position: relative; }
.homework_share_fail span:after{ content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; background: url(/img/homework_share_fail.png) no-repeat; background-size: cover; width: 0.506667rem; height: 0.506667rem; }
.student_container{position: absolute; top: 1.846667rem; right: 0.28rem; bottom: 0.28rem; left: 0.28rem; margin: auto; border-radius: .1333rem; overflow: hidden;}

.student_head {background: url(/img/task_info_top_bg.png) no-repeat center center / 100% auto;}

.student_head .stu_detail_top_wrap {display: flex; justify-content: center; height: 2.933333rem; border-bottom: 1px solid #fff;}
.stu_detail_top_wrap .item {flex: 1; display: flex; flex-wrap: wrap; align-content: center; text-align: center;}
.stu_detail_top_wrap .item p {flex: 0 0 100%; color: #fff; line-height: .533333rem; font-size: .266667rem; letter-spacing: 1px;}
.stu_detail_top_wrap .item .num {font-size: .533333rem; font-weight: 700;}
.stu_detail_top_wrap .item .stu_name {line-height: .613333rem; font-size: .373333rem;}
.stu_detail_top_wrap img {margin: 0 auto; width: 1.866667rem; height: 1.866667rem; border-radius: 50%;}

.student_head .stu_detail_bottom_wrap {display: flex; height: .853333rem;}
.stu_detail_bottom_wrap div {position: relative; flex: 1; text-align: center; line-height: .853333rem; font-size: .306667rem; color: #fff;}
.stu_detail_bottom_wrap div::before {content: ''; display: block; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 2px; height: .28rem; background-color: rgba(255, 255, 255, 0.5);}
.stu_detail_bottom_wrap div:last-of-type::before {width: 0;}
/* .higher .student_head{height: 4.4rem;} */
/* .student_title{padding: .7733rem 0 .15rem .4rem; color: rgba(255,255,255,.9); font-size: .4rem; font-weight: normal;} */
/* .student_check{margin-bottom: .4rem; padding:0 .4rem 0; height: .4rem; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; color: rgba(255,255,255,.6); font-size: .32rem;} */
/* .student_detail{padding:0 0 .15rem .4rem; color: rgba(255,255,255,.6); font-size: .32rem;} */
/* .student_accuracy{position: absolute; left: 6.2rem; top: 1.52rem; width: 2.6rem; height: 1.4267rem; color: rgba(255,255,255,.6); font-size: .32rem; text-align: center;} */
/* .higher .student_accuracy{top: 2.02rem;} */
/* .student_accuracy p{color: #fff; font-size: .7rem;} */
.student_content{position: absolute; top: 3.573333rem; bottom: 0; left: 0; right: 0;}
.student_content:after{content: ''; position: absolute; top: -.18rem; left: 1.333rem; width: 0; height: 0; border-style: solid; border-width: .2rem; border-color: transparent transparent #fff;}
/* .higher .student_content{top: 4.2rem;} */
.student_photo{margin: 0 auto; padding: .3rem 0 0; width: 1.28rem; height: 1.28rem;}
.student_photo img{width: 100%; height: 100%; border-radius: 50%;}
.student_name{margin: 0 .694rem; padding: .25rem 0; text-align: center; color: #fff; font-size: .38rem; border-bottom: .01333rem solid #fff}
.student_left{float: left; padding-top: .2666rem; margin-left: 1.2916rem; color: rgba(255,255,255,.6); font-size: .32rem;}
.student_right{float: right; padding-top: .2666rem;  margin-right: 1.2916rem; color: rgba(255,255,255,.6); font-size: .32rem;}

.question_list{position: absolute; top: .2rem; bottom: 0; left: 0; right: 0; margin: auto; overflow-y: auto; -webkit-overflow-scrolling: touch; background-color: #fff;}

.question_li {position: relative; box-sizing: border-box; padding: .36rem 0; margin: 0 .266667rem; height: 2.266667rem; border-bottom: 1px solid #dbe5f0;}
/* .question_li li{position: relative; -webkit-flex: 1; flex: 1; text-align: center;} */
/* .question_li li:first-child{-webkit-flex: 2; flex: 2;} */
.question_li .question {line-height: .8rem; font-size: .426667rem; color: #333;}
.question_li .question span {text-decoration: underline;}
.question_li .answer {line-height: .733333rem; font-size: .373333rem; color: #666;}
.question_li .answer span {color: #333;}
.question_li .wrong span {color: #fe3737;}
.question_li .time {padding-left: .506667rem; position: absolute; right: .266667rem; bottom: .533333rem; line-height: .373333rem;}
.question_li .time i {display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: .426667rem; height: .426667rem; background: url(/img/icon_clock.png) no-repeat center / 100%;}

.student_container.student {right: 0; bottom: 0; left: 0; border-radius: 0;}
.student .student_head {position: relative; height: 4.48rem; text-align: center; background-color: #fff; background: url(/img/wave_bg.png) no-repeat center bottom / 100% auto;}
.student .student_head .task_title {margin: .426667rem auto 0; width: 90%; line-height: .533333rem; font-size: .533333rem; color: #fff; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.student .header_data_wrap {position: absolute; top: 0; left: 0; right: 0; bottom: 0.9rem; background-color: #1a98ff;}
.student .stu_detail_wrap {display: flex; align-content: center; height: 3rem;}
.student .stu_detail_item {flex: 1; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; color: #fff;}
.student .stu_detail_item:nth-of-type(2) {flex: 0.45;}
.student .stu_detail_item p.num {position: relative; line-height: .733333rem; font-size: .733333rem; font-weight: 700;}
.student .stu_detail_item p.txt {flex: 0 0 100%; margin-top: .133333rem; line-height: .613333rem; font-size: .346667rem;}
.student .stu_detail_item .sup_tip {display: none; position: absolute; top: 0; right: -0.753333rem; padding-left: .373333rem; height: .453333rem; line-height: .36rem; font-size: .28rem; background: url(/img/icon_task_tip.png) no-repeat left center / auto 100%;}
.student .student_content {top: 4.48rem; background-color: #fff;}
.student .student_content::after {border: 0;}
.student .question_list {top: 0;}
.student .question_li {margin: 0; padding: .36rem .266667rem;}


.task_overview .student_head {position: relative; height: unset; background-image: none; border-radius: .133333rem; border: 1px solid #dbe5f0; background-color: #fff;}
.task_overview .student_head .task_head_top {border: 1px solid #dbe5f0; border-radius: .133333rem .133333rem 0 0; background: url(/img/stu_head_top_bg.jpg) no-repeat center / 100%; color: #fff;}
.task_overview .student_head .task_stu_title {margin: .333333rem .4rem 0; line-height: .746667rem; font-size: .373333rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; letter-spacing: 1px;}

.task_overview .exam .task_head_top {height: 2.466667rem; background-image: url(/img/stu_head_top_bg.jpg);}
.task_overview .exam .answer_time {margin: .2rem .4rem 0; line-height: .32rem; font-size: .306667rem;}

.task_overview .exercise .task_head_top {height: 3.933333rem; background-image: url(/img/exercise_head_top_bg.jpg); border-bottom: none;}
.task_overview .exercise .answer_result {display: flex; justify-content: center; height: 2.533333rem;}
.task_overview .exercise .stu_detail_item {flex: 1; display: flex; align-content: center; flex-wrap: wrap; justify-content: center; text-align: center; color: #fff;}
.task_overview .exercise .detail_num {font-size: .8rem; line-height: .8rem; font-weight: 700;}
.task_overview .exercise .detail_num i {font-size: .506667rem;}
.task_overview .exercise .detail_txt {width: 100%; line-height: .906667rem; font-size: .306667rem; letter-spacing: 2px;}

.task_overview .student_head .task_head_bottom {display: flex; flex-wrap: wrap; align-content: stretch; height: 2.4rem;}
.task_overview .student_head li {position: relative; display: flex; align-items: center; width: 100%; margin: 0 .053333rem 0 .4rem;}
.task_overview .student_head span {display: inline-block; padding-right: .4rem; line-height: .4rem; font-size: .4rem; border-right: 2px solid #b3c1d1;}
.task_overview .student_head .num {margin-left: .266667rem; border: none;}
.task_overview li strong {position: relative; top: -2px;}
.task_overview li.finished {border-bottom: 1px solid #dbe5f0;}
.task_overview li.finished strong {color: #58c4a8;}
.task_overview li.no_finished strong {color: #ef8080;}
.task_overview li .arrow {position: absolute; right: .4rem; top: 50%; transform: translateY(-50%); width: .24rem; height: .48rem; background: url(/img/task_en_list_bg.png) no-repeat center center / contain;}
.task_overview .task_pt {border-radius: .133333rem; overflow: hidden;}
.task_overview .task_pt.exercise {top: 6.666667rem;}
.task_tab_list {display: flex;}
.task_tab_list .task_tab {flex: 1; line-height: 1.066667rem; font-size: .426667rem; color: #333; text-align: center; background-color: #d6ecff;}
.task_tab_list .task_tab.active {background-color: #1a98ff; color: #fff;}
.task_overview .task_tab_con {
	position: absolute;
	top: 1.066667rem;
	left: 0; right: 0; bottom: 0;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	border: 1px solid #dbe5f0;
	border-top: none;
	background: #fff;
}
.task_overview .task_tab_con .scroll_wrap {
	min-height: 101%;
}
.task_overview .task_tab_con .canvas_wrap{
	width: 8.933333rem;
	margin: 0 auto;
	border: 1px solid #c9d4df;
}
.task_overview .task_tab_con .scroll_wrap>h6{
	padding: 0 0.266667rem;
	color: #999999;
	line-height: 0.986667rem;
	font-size: 0.32rem;
	font-weight: 300;
}
.task_overview .task_tab_con .charts_content{
	font-size: 0.373333rem;
	line-height: 0.573333rem;
	font-weight: 600;
	padding-bottom: 0.4rem;
	background: #fff;
}
.task_overview .task_tab_con .charts_content>h6{
	width: 8.933333rem;
	margin: 0 auto;
	font-weight: 300;
	font-size: 0.426667rem;
	line-height: 1.133333rem;
}
.task_overview .task_tab_con .charts_content>p{
	width: 8.933333rem;
	margin: 0 auto;
}
.task_overview .task_tab_con .charts_content>h6>em{
	font-weight: 600;
}
.task_overview .task_tab_con .charts_content>h6>em.red{
	color: #df5326;
}
.task_overview .task_tab_con .charts_content>h6>em.blue1{
	color: #706fd0;
}
.task_overview .task_tab_con .charts_content>h6>em.blue2{
	color: #2996d4;
}
.task_overview .task_tab_con .charts_content>h6>i{
	font-weight: 600;
}
.task_overview .task_tab_con .charts_content .charts_content_list>li{
	border-top: 1px solid #dbe5f0;
}
.task_overview .task_tab_con .charts_content .charts_content_list .ques_title{
	color: #666;
	font-size: 0.373333rem;
	font-weight: 300;
	line-height: 0.906667rem;
	background: #fff;
	padding: 0 0.266667rem;
}
.task_overview .task_tab_con .charts_content .charts_content_list>li:nth-child(odd) .ques_title{
	background: #e9f5f9;
}
.task_overview .task_tab_con .charts_content .charts_content_list .ques_head{
	color: #666;
	font-size: 0.373333rem;
	font-weight: 300;
	line-height: 0.906667rem;
	background: #e9f5f9;
	padding: 0 0.266667rem;
}
.task_overview .task_tab_con .charts_content .charts_content_list .ques_content{
	border-top: 1px solid #dbe5f0;
	padding: 0.133333rem 0.266667rem;
}
.task_overview .task_tab_con .charts_content .charts_content_list .ques_content>h6{
	font-size: 0.373333rem;
	line-height: 0.746667rem;
}
.task_overview .task_tab_con .charts_content .charts_content_list .ques_content>p{
	font-weight: 600;
	line-height: 0.746667rem;
}

.task_overview .task_tab_con .img_t_con_wrap {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0;}

.table_head {display: flex; padding: 0 .266667rem; border-bottom: 1px dashed #afc5de; box-shadow: 0px 6px 20px 5px #ebeff3;}
.table_head .table_c {line-height: 1.173333rem; height: 1.173333rem; font-size: .346667rem; color: #666;}
.table_list_wrap {position: absolute; top: 1.173333rem; bottom: 0; left: 0; right: 0; overflow-y: scroll; -webkit-overflow-scrolling : touch; overflow-scrolling : touch;}
.table_c {display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: center; flex: 1; width: 1.333333rem; text-align: center; height: 2.133333rem; font-size: .4rem;}
.table_c:last-of-type {flex: 2;}
.table_r {display: flex; margin: 0 .266667rem; border-bottom: 1px solid #dbe5f0;}
.table_c .img {display: inline-block; width: 1.333333rem; height: 1.333333rem; border-radius: 50%;}
.table_c .name {width: 100%; line-height: .586667rem; font-size: .32rem; color: #666;}
.table_c i {font-size: .28rem; font-weight: 500;}
.accuracy_5 span {color: #df5326; font-weight: 700;}
.accuracy_6 span {color: #f79200; font-weight: 700;}
.accuracy_7 span {color: #fec305; font-weight: 700;}
.accuracy_8 span {color: #25b766; font-weight: 700;}
.accuracy_9 span {color: #2996d4; font-weight: 700;}
.accuracy_10 span {color: #706fd0; font-weight: 700;}


/* 已交作业学生排行start */
.homework_stu_list .class_con_wrap {padding: .266667rem; overflow: hidden;}
.homework_stu_list .stu_list {position: relative; height: 100%; background-color: #fff; border-radius: .133333rem; border: 2px solid #dbe5f0; overflow: hidden;}
/* 已交作业学生排行end */

.english_homework_scroll{ bottom: 0.266667rem; }
.english_homework_chapter{ border-bottom: 0.013333rem solid #dbe5f0; color: #333; font-size: 0.453333rem; position: relative; padding: 0.626667rem 0 0.626667rem 0.4rem; font-weight: bold; line-height: 1; }
.english_homework_chapter:after{ content: ''; position: absolute; right: 0.4rem; top: 0; bottom: 0; margin: auto 0; width: 0.24rem; height: 0.48rem; background: url(/img/task_en_list_bg.png) no-repeat; background-size: cover; }
.english_content_chapter span{ width: 2.933333rem; margin-right: 3.026667rem; }
.english_content_chapter em{ font-size: 0.346667rem; color: #e1752f;  font-weight: normal; padding: 0.626667rem 0; position: absolute; right: 0.4rem; top: 0; }
.text_homework_content{ height: initial; padding-bottom: 0.2rem; }
.word_homework_content{ box-sizing: content-box; height: initial; overflow: hidden; padding-left: 0.266667rem; padding-right: 0.266667rem; padding-top: 0.213333rem; padding-bottom: 0.44rem; }
.english_content{ padding-bottom: 0.453333rem; padding-left: 0.4rem; padding-right: 0.4rem; }
.english_content_lesson em{ margin-right: 0.333333rem; }
.word_homework_content span{ float: left; height: 1.066667rem; line-height: 1.066667rem; font-size: 0.453333rem; position: relative; padding: 0 0.373333rem; text-align: center; }
.word_homework_content span:before{ content: ""; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 0.026667rem; height: 0.346667rem; background-color: #999; }
.word_homework_content span:after{ content: ""; position: absolute; right: -0.026667rem; top: 0; bottom: 0; margin: auto 0; width: 0.026667rem; height: 0.346667rem; background-color: #999; }
.text_homework_content p{ padding-left: 0.293333rem; }
.text_homework_content h2{ font-size: 0.453333rem; padding: 0.293333rem 0; }
.text_homework_title:after{ background: url(/img/word_read_icon.png) no-repeat; width: 0.426667rem; height: 0.533333rem; background-size: cover; }
.word_homework_title:after{ background: url(/img/text_read_icon.png) no-repeat; width: 0.426667rem; height: 0.533333rem; background-size: cover; }
.english_time em:after{ background: url(/img/read_time_icon.png) no-repeat; width: 0.493333rem; height: 0.52rem; background-size: cover; }
.english_read_time{ float: right; height: 100%; line-height: 1.733333rem; }
.english_read_time i{ float: left; font-size: 0.453333rem; height: 100%; position: relative; left: initial; top: initial; right: initial; }
.read_time{ width: 0.8rem; text-align: center;}

.homework_endtime{
    overflow: hidden;
    border-bottom: 0.013333rem solid #dbe5f0;
    font-size: 0.426667rem;
    height: 1.733333rem;
}
.homework_endtime>em{
    float: left;
    font-size: 0.48rem;
    padding-left: 0.72rem;
    font-weight: bold;
    position: relative;
    line-height: 1.733333rem;
    height: 100%;
}
.homework_endtime>em:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 0.48rem;
    height: 0.586667rem;
    background: url(/img/end_time_icon.png) no-repeat;
    background-size: contain;
}
.homework_endtime .endtime{
    float: right;
    padding-right: 0.906667rem;
    position: relative;
    line-height: 1.733333rem;
    height: 100%;
}
.homework_endtime .endtime:after{
	content: '';
    position: absolute;
    right: 0.4rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 0.24rem;
    height: 0.48rem;
    background: url(/img/task_en_list_bg.png) no-repeat;
    background-size: contain;
}
/* .question_li .right:after, .question_li .wrong:after{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: .8267rem; height: .6267rem; background: url(../img/right.png); background-size: .8267rem;} */
/* .question_li .wrong:after{width: .72rem; height: .72rem; background: url(../img/wrong.png); background-size: .72rem;} */
.task_main.student{top: .4rem;}
.task_list h2{font-size: 0.426666rem; font-weight: normal; padding: 0.26666rem 0 .3rem;}
.task_list .tag{display: inline-block; margin: .16rem .186667rem 0 0; border: 1px solid currentcolor; padding: .05rem .1rem; border-radius: .4rem;}
.task_list .tag.math{color: #30d1a9;}
.task_list .tag.english{color: #f19247;}
.task_list .tag.test{color: #ffaf25;}
.task_list .tag.exercise{color: #91d115;}
.task_list .tag.read{color: #eb68a3;}
.task_list .limit{color: #999999; font-size: .37333rem;}
.task_list a.math, .task_list a.english, .task_list .task_result{display: flex; align-items: center; position: absolute; right: .266667rem; bottom: .266667rem; padding: .213333rem .4rem; background: #1fb993; color: #fff; font-size: .346667rem; border-radius: .1333rem; text-align: center; vertical-align: middle;}
.task_list a.math p, .task_list a.english p, .task_list .task_result p {
	width: 100%;
}
.task_list a.disable {background-color: #bfc5cc;}
/* .task_list .finish{position: absolute; background: #d1eaff; top: 0; right: 0; width: 2.4rem; height: 100%; box-sizing: border-box; padding: .2666rem 0;}
.task_list .finish p{display: table; width: 100%; height: 50%;}
.task_list .finish p span{display: table-cell; vertical-align: middle; text-align: center; font-size: .34rem;} */
.task_list .task_result {background-color: #fff; color: #1fb993; border: 1px solid #1fb993;}
.task_list .sdate{display: inline-block; margin: .16rem .266667rem 0 0; color: #000; }
.task_list .sdate.dead {color: #999;}

/*游戏选择*/
.game_container{position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; margin: auto;  overflow: hidden;}
.game_mathBg{background: url(/img/game_bg.png) no-repeat; background-size: cover;}
.game_enBg{ background: url(/img/game_bg2.png) no-repeat; background-size: cover;}
.game_et_main{ position: relative; height: 100%; width: 100%; overflow: hidden;}
.game_et_math{ display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding-bottom: 2.2rem; padding-top: 0.5rem;}
.game_et_wrap{ position: relative; padding: 3.8rem 1.6rem 0 1.6rem;}
.game_et_wrap:before{ content: ''; position: absolute; top: 0; left: 0; right: 0; width: 8.826666rem; height: 3.8rem; margin: 0 auto; display: block; background: url(/img/game_icon1.png) no-repeat; background-size: 8.826666rem 3.8rem;}
.game_et_math_list{ overflow: hidden; width: 6.666666rem; margin: 0 auto;}
.game_et_math_list li{ height: 2.386666rem; margin: 0.5rem 0; position: relative;}
/*.game_et_math_list li{ height: 2.386666rem; width: 3.333333rem; margin: 0.5rem 0; padding-right: 3.333333rem; position: relative;}
*/.game_et_math_list li.icon_0{ background: url(/img/game_icon2.png) no-repeat; background-size: 100%;}
.game_et_math_list li.icon_1{ background: url(/img/game_icon3.png) no-repeat; background-size: 100%;}
.game_et_math_list li.icon_2{ background: url(/img/game_icon4.png) no-repeat; background-size: 100%;}
.game_et_math_list li a{ display: table; width: 100%; height: 100%; padding-bottom: 0.1rem;}
.game_et_math_list li i{display: none; position: absolute; top: 38%; right: 0.733333rem; font-size: 0.32rem; color: #ffffff; width: 2.466666rem; height:0.546666rem; line-height: 0.58rem; text-align: center;}
.game_et_math_list li.icon_0 i{ background: url(/img/game_icon5.png) no-repeat; background-size: 100% 100%;}
.game_et_math_list li.icon_1 i{ background: url(/img/game_icon6.png) no-repeat; background-size: 100% 100%;}
.game_et_math_list li.icon_2 i{ background: url(/img/game_icon7.png) no-repeat; background-size: 100% 100%;}
.game_et_math_list li span{ display: table-cell; text-align: center; vertical-align: middle; font-size: 0.666666rem; font-weight: 800; }
/*.game_et_math_list li span{ display: table-cell; text-align: center; vertical-align: middle; padding-left: 0.7rem; font-size: 0.666666rem; font-weight: 800; }
*/.game_et_math_list li.icon_0 span{text-outline: 1px 1px #df9b71; background: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#fdf4a3)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.game_et_math_list li.icon_1 span{text-outline: 1px 1px #df9b71; background: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#c0de93)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.game_et_math_list li.icon_2 span{text-outline: 1px 1px #df9b71; background: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#aaf2fd)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.game_math_back{ position: absolute; display: block; bottom: 0.333333rem; left: 0.4rem; width: 1.693333rem; height: 1.68rem; background: url(/img/game_icon8.png) no-repeat; background-size: 100% 100%; z-index: 3;}
.game_et_en{ display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 0.933333rem 0.426666rem 2.2rem 0.426666rem;}
.game_et_box{ position: relative; width: 100%; height: 100%; }
.game_et_box:before{ content:''; position: absolute; display: block; width: 9.12rem; height: 2.533333rem; background: url(/img/game_icon10.png) no-repeat; background-size: 100%; top: 0; left: 0; right: 0; margin: 0 auto; z-index: 3;}
.game_et_content{ position: absolute; top: 1.266666rem; left: 0; right: 0; bottom: 0; padding-top: 1.2rem; padding-bottom: 0.4rem; background: url(/img/game_icon12.png) no-repeat; background-size: 100% 100%;}
.game_et_en_c{ height: 100%;overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.game_et_en_list{width: 7.146666rem; margin: 0 auto;}
.game_et_en_list li{ height: 2.213333rem; margin-bottom: 0.266666rem; position: relative;background: url(/img/game_icon11.png) no-repeat; background-size: 100% 100%;}
/*.game_et_en_list li{ height: 2.213333rem; width: 3.573333rem; margin-bottom: 0.266666rem; padding-right: 3.573333rem; position: relative;background: url(../img/game_icon11.png) no-repeat; background-size: 100% 100%;}
*/.game_et_en_list li a{ display: table; width: 100%; height: 100%; padding-bottom: 0.1rem;}
.game_et_en_list li span{ display: table-cell; text-align: center; vertical-align: middle; font-size: 0.666666rem; font-weight: 800; text-outline: 1px 1px #df9b71; background: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#fdf4a3)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
/*.game_et_en_list li span{ display: table-cell; text-align: center; vertical-align: middle; padding-left: 0.7rem; font-size: 0.666666rem; font-weight: 800; text-outline: 1px 1px #df9b71; background: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#fdf4a3)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
*/.game_et_en_list li i{display: none; position: absolute; top: 38%; right: 0.9rem; font-size: 0.32rem; color: #ffffff; width: 2.466666rem; height:0.546666rem; line-height: 0.58rem; text-align: center;background: url(/img/game_icon5.png) no-repeat; background-size: 100% 100%;}
.game_en_back{ position: absolute; display: block; width: 1.213333rem; height: 1.333333rem; background: url(/img/game_icon9.png) no-repeat; background-size: 100%; right: -0.1rem; top: -0.4rem; z-index: 3;}

/**我的奖品*/
.prize_li{padding: 0.4rem 0.466666rem;border-bottom: 1px solid #dbe5f0;}
.prize_detail{display: table;table-layout: fixed;width: 100%;box-sizing: border-box;}
.prize_cover{position: relative;display: table-cell;width: 1.733333rem;font-size: 0;}
.prize_cover img{width: 100%;}
.prize_li ul{position: relative;display: table-cell;vertical-align: top;padding-left: 0.333333rem;font-size: 0;}
.prize_detail h2{font-weight: normal;color: #333333;padding-top: 0.266666rem;line-height: 0.666666rem;font-size: 0.426666rem;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.prize_detail li{height: 0.6rem;line-height: 0.6rem;color: #999999;font-size: 0.373333rem;}
.prize_btn{position: relative;display: table-cell;width: 2rem;font-size: 0;vertical-align: top;padding-top: 0.4rem;}
.prize_receive{width: 100%;height: 0.933333rem;outline: 0;background: #1fb993;color: white;border: none;border-radius: 0.133333rem;font-size: 0.4rem;line-height: 0.946666rem;}
.prize_receive.nouse{background: #bec4cb;}
.prize_btn.nouse{padding: 0;height: 1.893333rem;}
.prize_btn.nouse i{display: block;width: 1.906666rem;height: 1.906666rem;background: url(/img/prize_time_over.png) no-repeat;background-size: 100% 100%;}
.prize_pop{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.8);display: none;}
.prize_pop_content1{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 8.4rem;height: 10rem;margin: auto;}
.prize_pop_content1:after{content: '';width: 7.5rem;height: 7.5rem;background: url(/img/prize_bg1.png) no-repeat;background-size: 100%;animation: spin 5000ms infinite linear;display: block;margin: 0 auto;position: absolute;top: 0.56rem;left: 0;right: 0;}
.prize_pop_content1:before{content: '';display: block;width: 8rem;height: 5.266666rem;background: url(/img/prize_gif.gif) no-repeat;background-size: 100%;position: absolute;top: 0.04rem;z-index: 2;margin-left: 0.2rem;}
.prize_pop_content{width: 7.333333rem;height: 8.2rem;margin: 1.733333rem auto 0;position: absolute;border-radius: 0.133333rem;text-align: center;background: url(/img/prize_pop_bg.png) no-repeat;background-size: 100% 100%;background-position: bottom;bottom: 0;left: 0;right: 0;z-index: 1;}
.prize_pop_content img{width: 2.533333rem;padding-top: 1rem;}
.prize_pop_content1 i{position: absolute;top: 2rem;right: 1.54rem;width: 0.266666rem;height: 0.266666rem;background: url(/img/book_close.png) no-repeat;background-size: 100% 100%;z-index: 3;}
.prize_pop_content p{text-align: center;font-size: 0.426666rem;color: white;padding-top: 0.75rem;}
.prize_pop_content h2{text-align: center;color: #fee71d;font-weight: normal;padding-top: 0.4rem;padding-bottom: 0.25rem;}
.prize_pop_btn{outline: 0;border: none;width: 2.533333rem;height: 0.933333rem;color: #ff523f;background: #fee71d;font-size: 0.453333rem;border-radius: 0.133333rem;}
.prize_wrap{-webkit-overflow-scrolling: touch;}
@-webkit-keyframes spin{
	from{transform: rotate(0deg);}
	to{transform: rotate(360deg);}
}
@keyframes spin{
	from{transform: rotate(0deg);}
	to{transform: rotate(360deg);}
}
.card_error img.img3{width: 3.053333rem;height: 3.693333rem;}
.prize_pop_content2{height: 7.266666rem;background: url(/img/prize_prop_bg1.png) no-repeat;background-size: 100% 100%;background-position: bottom;}
.prize_pop_content3{height: 9.333333rem;}
.prize_pop_content3 i{top: 2.2rem;}


/* 班级 start */
.class_header {position: relative; z-index: 4; overflow: hidden; padding: 0.5333333333333333rem 0.8rem 0 0.8rem; height: 1.1866666666666668rem; line-height: 1.1866666666666668rem; background: #4798f7; color: #ffffff; text-align: center; border-bottom: 1px solid #cccccc;}
.class_header .title {font-size: 0.45rem;}
.class_header .btn_wrap {position: absolute; bottom: 0; width: 30%; height: 1.2rem;}
.class_header .btn_wrap_l {left: 0;}
.class_header .btn_wrap_r {right: 0;}
.class_header .btn_wrap .btn {width: 1.066667rem; height: 100%; background: no-repeat center center;}
.class_header .btn_wrap_l .btn {float: left; margin-left: .12rem;}
.class_header .btn_wrap_r .btn {float: right; margin-right: .12rem;}
.class_header .btn_wrap .btn_back {background-image: url(/img/personal_back2.png); background-size: 25%;}
.class_header .btn_wrap .btn_class_info {display: none; background-image: url(/img/btn_class_info.png); background-size: 45%;}
.class_header .btn_wrap .btn_class_share {display: none; background-image: url(/img/share_class.png); background-size: 40%;}


.class_con_wrap {position: absolute; top: 1.733333rem; left: 0; right: 0; bottom: 1.32rem; background-color: #ecf3fc; overflow-y: auto;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;}
.teacher_list_wrap {height: 3.866667rem; border-bottom: 1px solid #dbe5f0; background-color: #fff; overflow-x: auto;}
.teacher_list {display: flex; flex-wrap: nowrap; height: 100%;}
.teacher_list .teacher_item {position: relative; float: left; box-sizing: border-box; flex: 0 0 2.533333rem; width: 2.533333rem; height: 100%; padding: 2.4rem .173333rem .266667rem; margin-right: .16rem;}
.teacher_list .teacher_item:last-child {margin-right: 0;}

.teacher_item .t_img_wrap {position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1.733333rem; height: 2.4rem;}
.t_img_wrap .img {box-sizing: border-box; display: block; margin-top: .453333rem; width: 1.733333rem; height: 1.733333rem; border-radius: 50%;}
.admin .img {border: 2px solid #f9b208;}
.t_img_wrap .t_tip {box-sizing: border-box; position: absolute; left: 50%; bottom: .066667rem; transform: translateX(-50%); padding: .093333rem .173333rem 0; width: 1.466667rem; height: 0.4rem; border-radius: 0.2rem; background-color: #f9b208; font-size: 0; background: url(/img/class_manager.png) no-repeat center center/100% 100%;}
.t_img_wrap .tip_img {position: relative; top: -1px; float: left; width: .266667rem; height: .266667rem; background: url(/img/t_tip_star.png) no-repeat center center / contain; vertical-align: top;}
.t_img_wrap .tip_con {float: right; height: .266667rem; line-height: .266667rem; font-size: .266667rem; color: #fff; vertical-align: top;}
.teacher_item .t_info_wrap {text-align: center;}
.t_info_wrap .t_name {line-height: .653333rem; font-size: .44rem; font-weight: 600;}
.t_info_wrap .t_subject {line-height: .533333rem; font-size: .32rem; color: #666;}

.class_column_wrap {margin: .266667rem 0; border: 1px solid #dbe5f0; border-left: none; border-right: none;}
.column_item {position: relative; box-sizing: border-box; padding: .426667rem .4rem; height: 1.48rem; background-color: #fff; border-bottom: 1px solid #dbe5f0; font-size: 0;}
.column_item:last-child {border: none;}
.column_item .column_icon {display: inline-block; width: .6rem; height: .6rem; vertical-align: bottom; background: no-repeat center center / auto 100%;}
.column_item .stu_icon {background-image: url(/img/class_column_icon1.png);}
.column_item .check_icon {background-image: url(/img/class_column_icon2.png);}
.column_item .pie_icon {background-image: url(/img/pie_icon.png);}
.column_item span {display: inline-block; margin-left: .24rem; height: .506667rem; line-height: .506667rem; vertical-align: bottom; font-size: .426667rem; letter-spacing: 2px;}
.column_item .column_line {position: relative; bottom: .093333rem; width: 2px; height: .346667rem; background-color: #999; vertical-align: -webkit-baseline-middle;}
.column_item .check_num {display: none; box-sizing: border-box; padding: .08rem .24rem; border-radius: .226667rem; height: .453333rem; line-height: .293333rem; font-size: .293333rem; background-color: #ff4f42; color: #fff;}
.column_item .column_arrow {position: absolute; right: .4rem; top: 50%; transform: translateY(-50%); width: .24rem; height: .48rem; background: url(/img/task_en_list_bg.png) no-repeat center center / contain;}

.inform_wrap {position: absolute; top: 5.92rem; bottom: 0; width: 100%; border-top: 1px solid #dbe5f0; border-bottom: 1px solid #dbe5f0; overflow: hidden;}
.inform_wrap .tab_list {display: flex; align-items: center; justify-content: center; height: 1.84rem; border-bottom: 1px solid #dbe5f0; background-color: #fff;}
.inform_wrap .tab {box-sizing: border-box; width: 4.733333rem; height: 1.04rem; line-height: 1.04rem; border: 2px solid #dbe5f0; text-align: center; font-size: .426667rem;}
.inform_wrap .tab.active {color: #1a98ff;}
.inform_wrap .homework_tab {border-radius: .52rem 0 0 .52rem; border-right-width: 1px;}
.inform_wrap .news_tab {border-radius: 0 .52rem .52rem 0; border-left-width: 1px;}
.inform_wrap .img_t_con_wrap {display: none; align-items: center; background-color: #fff; position: absolute; top: 0; bottom: .266667rem; left: 0; right: 0;}
.inform_wrap .img_t_wrap {width: 100%;}
.inform_wrap .task_list a.math {right: .4rem; bottom: .266667rem;}
.inform_wrap .task_num {padding: .48rem 0;}

/* 班级页作业、新鲜事列表 */
.inform_wrap .list_wrap {position: absolute; top: 1.866667rem; bottom: 0; width: 100%; overflow-y: auto; -webkit-overflow-scrolling: touth;}
.inform_wrap .list_wrap .scroll_wrap {position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.inform_wrap .list_wrap ul {position: absolute; top: 0; left: 0; margin-bottom: .266667rem; width: 10rem; overflow: hidden;}
.inform_wrap .class_task_list {}
.inform_wrap .task_list {border: none; margin: 0; padding: 0 .533333rem; border-bottom: 1px solid #dbe5f0;}
.inform_wrap .task_list .title {/*font-family: "SimHei";*/}
.inform_wrap .class_news_list {}
.inform_wrap .news_item {position: relative; /*padding: .52rem;*/ width: 11.68rem; /*height: 2.8rem;*/ background-color: #fff; color: #666; border-bottom: 1px solid #dbe5f0;}
.inform_wrap .news_item.trans {transform: translateX(-1.68rem);}
.inform_wrap .news_item .con {margin-right: 1.68rem; padding: .52rem; background-color: #fff;}
.inform_wrap .news_item .txt {line-height: .533333rem; font-size: .36rem;}
.inform_wrap .news_item .txt .strong {color: #e1752f;}
.inform_wrap .news_item .time {margin-top: .306667rem; font-size: .36rem;}
.inform_wrap .news_item .btn_del {display: flex; justify-content: center; align-items: center; position: absolute; right: 0; top: 0; width: 1.68rem; height: 100%; background-color: #ff4f42;}
.inform_wrap .news_item .btn_del span {color: #fff; font-size: .4rem;}

/* 教师端通知列表 */
.inform_wrap.teacher_inform_wrap {display: none;}
.teacher_inform_wrap .list_wrap {top: 0;}
.inform_wrap .teacher_msg_list {}
.teacher_msg_list .news_item .con {display: flex; align-items: center; padding-left: 2.066667rem;}
.teacher_msg_list .news_item .msg_icon {display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; width: 2.066667rem; height: 100%;}
.teacher_msg_list .news_item img {display: inline-block; width: 1.333333rem; height: 1.333333rem; border-radius: .666667rem;}
.teacher_msg_list .news_item .txt {font-size: .333333rem; line-height: .52rem;}

.class_m_cell {position: relative; margin: .253333rem; box-sizing: border-box; border: 1px solid #dbe5f0; border-radius: 6px; background-color: #fff; text-align: center; font-family: "SimHei";}
.class_noapply .class_intro {padding: .533333rem 0 .773333rem;}
.class_noapply .push_header_img {padding: .533333rem 0 .466667rem;}
.class_noapply .push_stu_name {padding: .333333rem;}
.class_intro .class_icon {display: inline-block; margin-bottom: .266667rem; width: 2rem; height: 2rem; border-radius: 1rem; background-color: #daecf3;}
.class_m_cell .tip_w {font-size: .426667rem; line-height: .72rem;}
.class_m_cell .tip_l {font-size: .346667rem; line-height: .64rem; color: #666;}
.class_m_cell .tip_t {font-size:  .426667rem; line-height: .693333rem; margin-bottom: .253333rem; padding-left: .666667rem; text-align: left;}
.class_m_cell .class_id .strong {margin-left: .2rem; color: #e1752f;}
.class_m_cell .teacher .strong {margin-left: .2rem; font-size: .426667rem; color: #000; vertical-align: baseline;}
.class_m_cell .inp_f_wrap {position: relative; display: inline-block; margin-bottom: .24rem; width: 2rem; height: 2rem; border-radius: 1rem; background-color: #daecf3; overflow: hidden;}
.inp_f_wrap .img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%;}
.inp_f_wrap .inp_f {position: absolute; top: 0; left: 0; opacity: 0; width: 100%; height: 100%;}
.class_m_cell .stu_name {padding: 0 .2rem; box-sizing: border-box; width: 100%; height: 1.28rem; line-height: 1.28rem; border: 1px solid #999; border-radius: 8px; font-size: .426667rem;}

.class_noapply .btn_apply {margin: .253333rem; height: 1.173333rem; line-height: 1.173333rem; background-color: #1fb993; color: #fff; font-size: .426667rem; text-align: center; border-radius: 8px;}
.class_noapply .btn_apply.disable {background-color: #bfc5cc;}

.class_applying .class_m_cell{padding: 0 .4rem 0 2.133333rem;}
.apply_intro {text-align: left; font-size: 0;}
.apply_intro .class_icon {position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 2.133333rem; height: 1.333333rem; text-align: center;}
.apply_intro .class_icon img {display: inline-block; width: 1.333333rem; height: 1.333333rem; background-color: #1fb993; border-radius: .666667rem;}
.apply_intro span {display: inline-block;}
.apply_intro .t_wrap {margin-top: .4rem;}
.apply_intro .t_wrap span {margin-right: .24rem; line-height: .8rem; font-size: .426667rem; letter-spacing: 1px;}
.apply_intro .b_wrap {margin: .2rem 0 .506667rem;}
.apply_intro .b_wrap span {line-height: .52rem; font-size: .333333rem; color: #999;}
.apply_intro .line {position: relative; top: 2px; width: 2px; height: .346667rem; background-color: #999; vertical-align: baseline;}
.apply_intro .btn_cancel {float: right; padding: 0 .32rem; height: .8rem; line-height: .8rem; color: #fff; font-size: .346667rem; background-color: #999; border-radius: 8px;}
.apply_intro .class_id {float: right; margin-right: .106667rem;}
.apply_intro .class_id .strong {color: #1fb993; font-weight: 600;}


.class_id_import {text-align: center; background-color: #fff; /*border-bottom: 1px solid #dbe5f0; */overflow: hidden;}
.class_id_import .img_t_wrap {margin: 2.666667rem auto 0;}
.img_t_wrap {padding: 0 1.333333rem; box-sizing: border-box; text-align: center;}
.img_t_wrap img {margin-bottom: .333333rem; height: 2.933333rem;}
.img_t_wrap .img_t_con {font-size: .36rem; line-height: .653333rem; color: #666;}
.img_t_wrap .img_t_id {margin-bottom: .373333rem; font-size: .453333rem; line-height: .453333rem;}
.img_t_wrap .img_t_id .strong {color: #e2762b;}

.class_id_import .class_id_inp {margin: .933333rem auto .4rem; padding: 0 .266667rem; box-sizing: border-box; width: 8.106667rem; height: 1.28rem; border: 1px solid #9a9a9a; border-radius: 8px; font-size: .346667rem;}
.class_id_import .next_btn {display: inline-block; width: 8.133333rem; height: 1.173333rem; line-height: 1.173333rem; border-radius: 8px; background-color: #19ba94; text-align: center; font-size: .426667rem; color: #fff;}
.class_id_import .next_btn.disable {background-color: #bfc5cc;}
/* 班级 end */

/* 班级信息start */
.info_con_wrap {position: absolute; top: 1.733333rem; left: 0; right: 0; bottom: 0; background-color: #ecf3fc; overflow-y: auto;}
.info_column_wrap {margin: .266667rem; border: 1px solid #dbe5f0; border-radius: 6px; overflow: hidden;}
.info_column {position: relative; height: 1.733333rem; padding: 0 .4rem; background-color: #fff; border-bottom: 1px solid #dbe5f0;}
.info_column:last-child {border: none;}
.info_column .column_title {float: left; height: 100%; line-height: 1.733333rem; font-size: .4rem;}
.info_column .column_img {position: absolute; top: 50%; right: .4rem; transform: translateY(-50%); width: 1.333333rem; height: 1.333333rem; border-radius: .666667rem;}
#class_heaerimg .column_img {right: 1rem;}
.info_column .column_txt {float: right; height: 100%; line-height: 1.733333rem; font-size: .4rem;}
.class_quit_btn {position: absolute; bottom: .266667rem; left: .266667rem; right: .266667rem; height: 1.173333rem; line-height: 1.173333rem; font-size: .426667rem; border-radius: 10px; background-color: #ff4f42; text-align: center; color: #fff;}
.class_quit_btn.disable {background-color: #999;}

#out_class_text {resize: none; box-sizing: border-box; padding: .24rem .133333rem; margin-bottom: .48rem; width: 85%; height: 1.6rem; font-size: .373333rem;}
/* 班级信息end */

/* 学生列表start */
.stu_con_wrap {bottom: 0; background-color: #fff;}
.stu_con_wrap .class_stu_list {display: flex; flex-wrap: wrap; margin-top: .533333rem;}
.class_stu_list .stu_item {margin: 0 .6rem; width: 2.133333rem; height: 3.28rem; text-align: center;}
.class_stu_list .stu_img {display: inline-block; margin: .266667rem 0; width: 2.133333rem; height: 2.133333rem; border-radius: 1.066667rem;}
.class_stu_list .stu_name {font-size: .333333rem; line-height: .333333rem;}

/* 催促按键 */
.press_btn {display: none; position: fixed; bottom: .4rem; left: 50%; transform: translateX(-50%); width: 9.466667rem; line-height: 1.173333rem; height: 1.173333rem; border-radius: 8px; background-color: #1a98ff; font-size: .44rem; text-align: center; color: #fff;}
.press_btn.disable {background-color: #bec4cb;}
/* 学生列表end */

/* 学情报告start */
.class_con_wrap .task_result_switch {display: flex;}
.task_result_switch .item {position: relative; line-height: 1.066667rem; flex: 1; font-size: .373333rem; text-align: center; background-color: #fff;}
.task_result_switch .item.active::before {content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); height: .066667rem; width: 80%; background-color: #1a98ff; }
.task_result_switch .item .sup {display: none; position: absolute; right: 1rem; top: .2rem; padding: 0 .173333rem; line-height: .373333rem; background-color: #ff4f42; border-radius: .186667rem; font-size: .24rem; color: #fff;}

.task_search_wrap {display: none; margin-top: .266667rem;}
.task_search_wrap .task_sel_wrap {display: flex; flex: 1; height: 1.4rem; background-color: #fff; border: 1px solid #dbe5f0;}
.task_search_wrap .sel_wrap {flex: 1; position: relative;}
.task_search_wrap .sel {width: 100%; line-height: 1.4rem; text-align: center; font-size: 0;}
.task_search_wrap .sel span {display: inline-block; min-width: 1.266667rem; font-size: .36rem; color: #666;}
.task_search_wrap .sel i {position: relative; top: -0.106667rem; display: inline-block; margin-left: .133333rem; width: .266667rem; height: .133333rem; background: url(/img/personal_help1.png) no-repeat center/100%;}
.task_search_wrap .sel::after {content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: .24rem; width: 1px; background-color: #afc5de;}
.task_search_wrap .sel_wrap:last-of-type .sel::after {width: 0;}
.task_search_wrap .sel_con {display: none; position: absolute; top: 1.2rem; left: 50%; transform: translateX(-50%); z-index: 100; width: 80%; border: 1px solid #dbe5f0; background-color: #fff;}
.task_search_wrap .sel_con li {margin-left: .066667rem; box-sizing: border-box; line-height: .906667rem; border-bottom: 1px solid #dbe5f0; text-align: center; background-color: #fff;}
.task_search_wrap .sel_con li:last-of-type {border: none;}
.task_search_wrap .search_btn {flex: 0 0 1.84rem; background: url(/img/icon_search.png) no-repeat center / .72rem auto; background-color: #1a98ff;}

.class_task_result .class_con_wrap.class_task_wrap {bottom: 0;}
.class_task_result .inform_wrap.noborder {border: none;}
.class_task_result .news_item .con {display: flex; align-content: center; flex-wrap: wrap; padding-left: 2.053333rem;}
.class_task_result .news_item .msg_icon {display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; width: 2.053333rem; height: 100%;}
.class_task_result .news_item img {display: inline-block; width: 1.333333rem; height: 1.333333rem; border-radius: .666667rem;}
.class_task_result .news_item .sub_tip {display: flex; align-items: center; box-sizing: border-box; padding: 0 .133333rem; font-size: .306667rem; border-radius: .226667rem;}
.class_task_result .news_item .math_tip {border: 1px solid #5c8bec; color: #5c8bec;}
.class_task_result .news_item .en_tip {border: 1px solid #f19149; color: #f19149;}
.class_task_result .news_item .result_name {flex: 0 0 100%; margin-top: .226667rem; font-size: .36rem; line-height: .36rem;}
.class_task_result .news_item .result_name.read {color: #999;};

.class_task_result .inform_wrap.nodata {border: none;}
.class_task_result .search_content_wrap .img_t_con_wrap {margin-top: 4rem; background-color: transparent;}
.class_task_result .search_content_wrap .img_t_wrap {margin-top: 25%;}

.class_task_result .inform_wrap .list_wrap {bottom: unset;}
.class_task_result .inform_wrap .list_wrap ul {position: unset;}
/* 学情报告end */

/*教师班级列表start*/
.class_list_main>ul{
	margin-top: 0.266667rem;
	padding: 0 0.266667rem;
	overflow-y: scroll;
	-webkit-overflow-scrolling : touch;
	overflow-scrolling : touch;
}
.class_list_main>ul li{
	border: 1px solid #dbe5f0;
	background: #fff;
	border-radius: 0.053333rem;
	margin-bottom: 0.266667rem;
	padding: 0.466667rem 0.48rem;
}
.class_list_main .class_header_img{
	width: 1.333333rem;
	height: 1.333333rem;
	float: left;
	margin-right: 0.426667rem;
	background: url(/img/0002.jpg) no-repeat center center / contain;
	border-radius: 50%;
}
.class_list_main>ul li>h6{
	line-height: 0.8rem;
	font-size: 0.453333rem;
}
.class_list_main>ul li>h6>span{
	margin-bottom: -0.093333rem;
	margin-left: 0.266667rem;
	height: 0.613333rem;
	width: 1.293333rem;
	display: inline-block;
	background: url(/img/wait_num_icon.png) no-repeat center center / contain;
	font-weight: 300;
	position: relative;
}
.class_list_main>ul li>h6>span>em{
	font-size: 0.32rem;
	display: inline-block;
	text-align:center;
	width: 0.56rem;
	line-height: 0.453333rem;
	color: #fff;
	position: absolute;
	right: 0.1rem;
	top: 0.12rem;

}
.class_list_main>ul li>p{
	font-size: 0.373333rem;
	line-height: 0.56rem;
	color: #999999;
}
.class_list_main>ul li>p>span:last-child{
	float: right;
}
.class_list_main>ul li>p em{
	color: #1fb993;
}
/*教师班级列表end*/

/*教师班级详情start*/
.class_camera_select .container .swiper-pagination-bullet{ width: 0.186666rem; height: 0.186666rem; background: #fff; opacity: 1; }
.class_camera_select .container .swiper-pagination-bullet-active{ opacity: 1; background: #007aff; }
.class_camera_select .container .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{ margin: 0 0.133333rem; }
.info_column.canedit{
	background: #fff url(/img/task_en_list_bg.png) no-repeat right 0.4rem center / 0.24rem 0.48rem;
}
.info_column.canedit .column_img{
	right: 0.88rem;
}
.class_heaerimg_pop{
	position: fixed;
	height: 100vh;
	width: 100vw;
	left: 0;
	top: 0;
	z-index: 5;
	display: none;
}
.class_heaerimg_pop>.mask{
	background: rgba(0,0,0,.7);
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.class_heaerimg_pop>ul{
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
}
.class_heaerimg_pop>ul li{
	font-size: 0.453333rem;
	text-align: center;
	line-height: 1.306667rem;
	width: 100%;
	background: #fff;
	border-top: 1px solid #a5aab0;
	position: relative;
}
.class_heaerimg_pop>ul li>label{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.class_heaerimg_pop>ul li:last-child{
	margin-top: 0.16rem;
}
.class_file{
	display: none;
}
.class_camera_select{
	position: fixed;
	height: 100vh;
	width: 100vw;
	left: 0;
	top: 0;
	z-index: 5;
	display: none;
	background: #000;
}
.class_camera_select .cropper-view-box{
	border-radius: 50%;
	outline: none;
}
/*教师班级详情end*/

/*教师班级管理start*/
.class_search_box{
	padding: 0.266667rem 0.4rem;
	background: #fff;
	position: relative;
	z-index: 9;
}
.class_search_box .autocomplete-input,
.class_search_box .autocomplete-button{
	font-size: 0.426667rem;
	line-height: 0.933333rem;
}
.class_search_box .autocomplete-input{
	width: 7.12rem;
	padding: 0 0.16rem;
	border-radius: 0.08rem;
	border: 1px solid #1a98ff;
}
.class_search_box .autocomplete-button{
	float: right;
	width: 1.493333rem;
	background: #1a98ff;
	color: #fff;
	border-radius: 0.08rem;
}
.class_search_box .proposal-box{
	top: 0.933333rem;
	width: 7.466667rem;
}
.class_search_box .proposal-box .proposal{
	line-height: 0.933333rem;
	padding: 0 0.16rem;
	font-size: 0.426667rem;

}
.class_search_box .proposal-list{
	max-height: 8.0rem;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}



.class_search_list{
	position: absolute;
	top: 1.733333rem;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0 0.4rem;
	background: #fff;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
.class_search_list>li{
	padding: 0.266667rem 0;
	border-bottom: 1px solid #dbe5f0;
}
.class_search_list>li>img{
	height: 1.6rem;
	width: 1.6rem;
	border-radius: 50%;
	line-height: 1.6rem;
	float: left;
}
.class_search_list>li>span{
	font-size: 0.426667rem;
	margin-left: 0.4rem;
	display: inline-block;
	height: 1.6rem;
	line-height: 1.6rem;
	float: left;
}
.class_search_list>li>i{
	float: right;
	display: inline-block;
	height: 1.6rem;
	width: 0.613333rem;
	background: url(/img/class_stu_clear.png) no-repeat right center / 0.613333rem 0.613333rem;
	padding-left: 0.6rem;
}
/* .img_t_wrap .class_num {
	font-size: 0.48rem;
	line-height: 1.066667rem;
	color: #666;
	font-weight: 600;
}
.img_t_wrap .class_num>span{
	color: #e1752f;
}
.class_check_main .order_slide{
	background: #ecf3fc;
}*/

.class_check_main{
	background: #ecf3fc;
}
/*教师班级管理end*/

/*教师班级审核start*/
.class_check_box,.class_check_btn{
	width: 100%;
}
.class_check_switch{
	width: 100%;
	border-bottom: 1px solid #dbe5f0;
	font-size: .32rem;
	background: #fff;
}
.class_check_switch .item_parent{
	height: 100%;
	width: 100%;
	display: table;
	table-layout: fixed;
	flex: 1;
	display: table;
}
.class_check_switch .item{
	position: relative;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height: .8rem;
}
.class_check_switch .active{
	color: #1a98ff;
}
.class_check_switch .item:last-of-type.active:after{
	content: '';
    position: absolute;
    right: 0.4rem;
    left: 0;
    bottom: 0;
    margin: 0 auto;
    height: .04rem;
    background: #1a98ff;
}
.class_check_switch .item:first-of-type.active:after{
	content: '';
    position: absolute;
    left: 0.4rem;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    height: .04rem;
    background: #1a98ff;
}
.order_slide .no_data{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: none;
}
.order_slide .no_data img{
	display: block;
	margin: 0 auto;
	height: 2.933333rem;
}
.order_slide .no_data p{
	color: #666666;
	font-size: 0.373333rem;
	padding-top: 0.3333333rem;
	text-align: center;
}
.class_check_btn{
	position: absolute;
	left: 0;
	bottom: 1.2rem;
	padding: 0 0.266667rem;
	width: 9.52rem;
	display: none;
}
.class_check_btn>button{
	width: 4.613333rem;
	height: 1.173333rem;
	background: #ecf3fc;
	color: #1a98ff;
	border: 1px solid #1a98ff;
	border-radius: 0.666667rem;
	font-size: 0.453333rem;
}
.class_check_btn>button.confirm{
	float: right;
	background: #1a98ff;
	color: #fff;
}
.class_check_name{
	font-size: 0.613333rem;
	margin-top: 0.4rem;
	line-height: 0.973333rem;
}
.class_check_box .stack__item{
	padding-bottom: 0.4rem;
}
.class_check_reason{
	font-size: 0.373333rem;
	color: #666;
}
/*教师班级审核end*/

/*英语作业*/
.task_en_back{ position: absolute; bottom: 0; left: 0; height: 1.1733333333333333rem; width: 1.066667rem; display: block; background: url(/img/personal_back2.png) no-repeat .4rem center; background-size: 0.266667rem auto; z-index: 1;}
.task_en_wrap{
	margin: .266667rem;
	border-radius: 0.1rem;
	position: absolute;
	top: 1.73333333333333rem;
	left: 0;
	right: 0;
	bottom: 0;
}
[data-dpr="1"] .task_en_wrap{
	top: 1.199999999999997rem;
}
.task_en_listhead{
	height: 2.86666666666667rem;
	background: url(/img/task_en_list_top.png) no-repeat center center / cover;
	color: #fff;
	padding:0 0.4rem 0;
	border-radius: .1rem .1rem 0 0;
}
.task_en_listhead.task_en_listhead_list_wrap{
	height: 3.93333333333333rem;
}
.task_en_listhead h2{
	font-size: 0.37333333333333rem;
	width: 2.53333333333333rem;
	text-align: center;
	margin-top: 0.46666666666667rem;
	border-radius: 1.33333333333333rem;
	line-height: 0.74666666666667rem;
	border: 1px solid #fff;
	font-weight: 300;
	float: right;
	background: rgba(255,255,255,.1);
}
.task_en_listhead h5{
	font-weight: 400;
	padding-top: 0.48rem;
	font-size: 0.45333333333333rem;
	line-height: 0.88rem;
	width: 8.4rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.task_en_listhead h6{
	font-size: 0.37333333333333rem;
	font-weight: 300;
	line-height: 0.72rem;
	opacity: .7;
}
.task_en_listhead h3{
	font-size: 0.37333333333333rem;
	line-height: 0.93333333333333rem;
	font-weight: 300;
}
.task_en_listhead h3>span{
	float: right;
	padding-left: 0.53333333333333rem;
	background: url(/img/task_en_homework_time.png) no-repeat left center / 0.37333333333333rem;
}
.task_en_listhead h4{
	font-size: 0.85333333333333rem;
	font-weight: 300;
	text-align: center;
}
.task_en_content{
	background: #fff;
	border:1px solid #dbe5f0;
	border-radius: 0 0 0.1rem 0.1rem;
}
.task_en_tab_wrap{
	margin: 0.4rem 0.29333333333333rem 0.26666666666667rem;
}
.task_en_tab_wrap>li{
	float: left;
	width: 33.333333333%;
	line-height: 1.04rem;
	box-sizing: border-box;
	text-align: center;
	font-size: 0.4rem;
	border: 1px solid #dbe5f0;
	border-right: none;
}
.task_en_tab_wrap>li:first-child{
	border-radius: 0.66666666666667rem 0 0 0.66666666666667rem;
}
.task_en_tab_wrap>li:last-child{
	border-right: 1px solid #dbe5f0;
	border-radius: 0 0.66666666666667rem 0.66666666666667rem 0;
}
.task_en_tab_wrap>li.active{
	color: #1a98ff;
}
.task_en_content .homework_wrap .list_info{
	margin-left: 0.4rem;
	font-size: 0.45333333333333rem;
	line-height: 1.2rem;
	/*border-bottom: 1px solid #dbe5f0;*/
}
.task_en_content .homework_wrap .list_info>span{
	color: #1fb993;
}
.task_en_content .homework_wrap .list_wrap{
	margin-left: 0.4rem;
}
.task_en_content .wrap_scroll{
	position: absolute;
	top: 5.94666666666667rem;
	left: 0.26666666666667rem;
	right: 0.26666666666667rem;
	bottom: 0.26666666666667rem;
	overflow-y: scroll;
	border: 1px solid #dbe5f0;
	border-top: none;
}
.task_en_content .homework_wrap{
	background: #fff;
	border-radius: 0 0 .1rem .1rem;
}
.task_en_content .homework_wrap .list_wrap>li{
	border-top: 1px solid #dbe5f0;
	font-size: 0.45333333333333rem;
	line-height: 1.6rem;
	padding-right: 0.88rem;
	background: url(/img/task_en_list_bg.png) no-repeat right 0.4rem center / 0.24rem 0.48rem;
}
.task_en_content .homework_wrap .list_wrap>li .list_index{
	color: #999999;
}
.task_en_content .homework_wrap .list_wrap>li .user_img{
	display: inline-block;
	width: 0.93333333333333rem;
	height: 0.93333333333333rem;
	background: url(/img/limited_welfare.png) no-repeat center center / cover;
	margin:0 0.21333333333333rem -0.26666666666667rem;
	border-radius: 50%;
}
.task_en_content .homework_wrap .list_wrap>li .time{
	float: right;
	color: #999999;
}
.task_en_content .lession_wrap{
	background: #fff;
	border-radius: 0 0 0.1rem 0.1rem;
	padding: 0.26666666666667rem;
}
.task_en_content .lession_wrap>ul>li{
	border-top: 1px solid #dbe5f0;
}
.task_en_content .lession_wrap h5{
	font-size: 0.50666666666667rem;
	font-weight: 400;
	padding-top: 0.90666666666667rem;
}
.task_en_content .lession_wrap .lession_canvas{
	padding-bottom: 0.53333333333333rem;
	height: 5.33333333333333rem;
	width: 100%;
	background: #f9fafc;
}
.task_en_content .lession_wrap>h6{
	height: 1.86666666666667rem;
	background: #fffee5 url(/img/teask_en_tap.png) no-repeat left 0.16rem center /1.56rem 1.65333333333333rem;
	padding-left: 1.90666666666667rem;
	padding-top: 0.44rem;
	border: 1px solid #ecebca;
	font-size: 0.37333333333333rem;
	font-weight: 300;
	color: #e1752f;
	line-height: 0.64rem;
}
.task_en_content .lession_wrap .suggest{
	padding-bottom: 0.4rem;
}
.task_en_content .lession_wrap .suggest>h3{
	font-size: 0.45333333333333rem;
	line-height: 0.85333333333333rem;
}
.task_en_content .lession_wrap .suggest>p{
	font-size: 0.37333333333333rem;
	color: #999;
	line-height: 0.66666666666667rem;
}
.task_en_content .word_wrap{
	background: #fff;
	border-radius: 0 0 .1rem .1rem;
}
.task_en_content .word_wrap .task_en_none_person_wrap{
	margin-top: 0.26666666666667rem;
}
.task_en_content .word_wrap>h6{
	height: 1.86666666666667rem;
	background: #fffee5 url(/img/teask_en_tap.png) no-repeat left 0.16rem center /1.56rem 1.65333333333333rem;
	padding-left: 1.90666666666667rem;
	padding-top: 0.44rem;
	border: 1px solid #ecebca;
	font-size: 0.37333333333333rem;
	font-weight: 300;
	color: #e1752f;
	line-height: 0.64rem;
	margin: 0.26666666666667rem;
}
.task_en_content .word_wrap .word_detail_wrap{
	padding: 0 0.34666666666667rem 0 0.52rem;
}
.task_en_content .word_wrap .word_detail_wrap>li{
	line-height: 1.6rem;
	font-size: 0.45333333333333rem;
}
.task_en_content .word_wrap .word_detail_wrap>li .word_point{
	float: right;
	color: #999999;
}
.task_en_content .word_wrap .word_detail_wrap>li .word_point>i{
	color: #e1752f;
}
.task_en_none_wrap{
	background: #fff;
	padding: 0.4rem;
	border-radius: 0 0 0.1rem 0.1rem;
	position: absolute;
	top: 4.2rem;
	left: 0.26666666666667rem;
	right: 0.26666666666667rem;
	bottom: 0.26666666666667rem;
	text-align: center;
	display: none;
	border: 1px solid #dbe5f0;
	border-top: none;
}
.task_en_none_wrap>h5{
	text-align: left;
	margin-top: 0.34666666666667rem;
	font-size: 0.45333333333333rem;
	font-weight: 300;
}
.task_en_none_wrap>h5>i{
	color: #999;
}
.task_en_none_wrap>img{
	margin-top: 2.66666666666667rem;
	width: 1.78666666666667rem;
	height: 2.48rem;
}
.task_en_none_wrap>h6{
	font-size: 0.37333333333333rem;
	color: #999;
	line-height: 1.33333333333333rem;
	font-weight: 300;
}
.task_en_none_person_wrap{
	background: #fff;
	/*padding: 0.4rem;*/
	border-radius: 0 0 0.1rem 0.1rem;
/*	position: absolute;
	top: 4.66666666666667rem;
	left: 0.26666666666667rem;
	right: 0.26666666666667rem;
	bottom: 0.26666666666667rem;*/
	text-align: center;
}
.task_en_none_person_wrap>img{
	width: 2.05333333333333rem;
	height: 3.46666666666667rem;
	margin-top: 1.73333333333333rem;
}
.task_en_none_person_wrap>p{
	margin-top: 0.53333333333333rem;
	line-height: 0.72rem;
	font-size: 0.37333333333333rem;
	color: #999;
}
.task_en_homework_detail_list{
	border-radius: 0.1rem;
	position: absolute;
	top: 3.4rem;
	left: 0.26666666666667rem;
	right: 0.26666666666667rem;
	bottom: 0.26666666666667rem;
	border: 1px solid #dbe5f0;
	overflow-y: scroll;
}
.task_en_homework_detail_list .lession_wrap{
	padding: 0 0 0.4rem 0.4rem;
	background: #fff;
	margin-bottom: 0.2rem;
	border-radius: .1rem;
}
.task_en_homework_detail_list h6{
	font-size: 0.50666666666667rem;
	font-weight: 400;
	padding: .5rem 0 .5rem 0.58666666666667rem;
	background: url(/img/task_en_homework_title_icon.png) no-repeat left center / 0.42666666666667rem 0.53333333333333rem;
	border-bottom: 1px solid #dbe5f0;
}
.task_en_homework_detail_list .times>li{
	border-bottom: 1px solid #dbe5f0;
	line-height: 1.64rem;
	font-size: 0.45333333333333rem;
	padding-right: 0.37333333333333rem;
	font-weight: 300;
}
.task_en_homework_detail_list .times>li>em{
	font-weight: 600;
}
.task_en_homework_detail_list .times>li:last-child{
	border: none;
}
.task_en_homework_detail_list .times>li .time{
	float: right;
	color: #999;
}
.task_en_homework_detail_list .times>li .time i{
	display: inline-block;
	height: 0.8rem;
	width: 0.8rem;
	border-radius: 50%;
	background: #dae7f7 url(/img/walkman_play_audio.png) no-repeat center center / contain;
	float: right;
	margin-top: 0.41333333333333rem;
	margin-left: 0.26666666666667rem;
}
.task_en_homework_detail_list .times>li .time i.playing{
	background: #dae7f7 url(/img/walkman_pause_audio.png) no-repeat center center / contain;
}
[data-dpr="1"] .discovery_header{ padding-top: 0.17rem; }
/* .task_ov_head{ height: 4.96rem;} */
.task_pt{top: 5.12rem; background-color: #fff;}
.task_pt::after {border: none;}
[data-dpr="2"] .book_footer{height:98px;}
[data-dpr="4"] .book_footer{height:196px;}
[data-dpr="3"] .book_footer{height:147px;}
[data-dpr="2"] .book_footer img{width: 46px;}
[data-dpr="4"] .book_footer img{width: 92px;}
[data-dpr="3"] .book_footer img{width: 69px;}
[data-dpr="2"] .book_footer p{font-size: 23px;}
[data-dpr="4"] .book_footer p{font-size: 46px;}
[data-dpr="3"] .book_footer p{font-size: 34.5px;}

[data-dpr="2"] .footer{height:98px;}
[data-dpr="3"] .footer{height:147px;}
[data-dpr="4"] .footer{height:196px;}
[data-dpr="2"] .footer .t_footer_cell a i.icon1{background-size: 44px auto;}
[data-dpr="2"] .footer .t_footer_cell a i.icon2{background-size: 38px auto;}
[data-dpr="2"] .footer .t_footer_cell a i.icon3{background-size: 33px auto;}
[data-dpr="2"] .footer .t_footer_cell a i.icon4{background-size: 40px auto;}
[data-dpr="2"] .footer .t_footer_cell a span{ font-size: 20px; }
[data-dpr="3"] .footer .t_footer_cell a i.icon1{background-size: 66px auto;}
[data-dpr="3"] .footer .t_footer_cell a i.icon2{background-size: 57px auto;}
[data-dpr="3"] .footer .t_footer_cell a i.icon3{background-size: auto 54px;}
[data-dpr="3"] .footer .t_footer_cell a i.icon4{background-size: 60px auto;}
[data-dpr="3"] .footer .t_footer_cell a span{ font-size: 30px; }
[data-dpr="4"] .footer .t_footer_cell a i.icon1{background-size: 88px auto;}
[data-dpr="4"] .footer .t_footer_cell a i.icon2{background-size: 76px auto;}
[data-dpr="4"] .footer .t_footer_cell a i.icon3{background-size: 66px auto;}
[data-dpr="4"] .footer .t_footer_cell a i.icon4{background-size: 80px auto;}
[data-dpr="4"] .footer .t_footer_cell a span{ font-size: 40px; }
[data-dpr="2"] .discovery_header{ font-size: 34px; font-weight: bold; height: 88px; line-height: 88px; padding-top: 40px; }
[data-dpr="3"] .discovery_header{ font-size: 51px; font-weight: bold; height: 132px; line-height: 132px; padding-top: 60px; }
[data-dpr="4"] .discovery_header{ font-size: 68px; font-weight: bold; height: 176px; line-height: 176px; padding-top: 80px; }
[data-dpr="2"] .discovery_header a{ height: 88px; width: 80px; left: 0px; background-position: 32px center; background-size: 18px auto; }
[data-dpr="3"] .discovery_header a{ height: 132px; width: 120px; left: 0px; background-position: 60px center; background-size: 27px auto; }
[data-dpr="4"] .discovery_header a{ height: 176px; width: 160px; left: 0px; background-position: 80px center; background-size: 36px auto; }
[data-dpr="2"] .order_header{ font-size: 34px; font-weight: bold; height: 88px; line-height: 88px; padding-top: 40px; }
[data-dpr="3"] .order_header{ font-size: 51px; font-weight: bold; height: 132px; line-height: 132px; padding-top: 60px;}
[data-dpr="4"] .order_header{ font-size: 68px; font-weight: bold; height: 176px; line-height: 176px; padding-top: 80px; }
[data-dpr="2"] .order_header a{ height: 88px; width: 80px; left: 0px; background-position: 32px center; background-size: 18px auto; }
[data-dpr="3"] .order_header a{ height: 132px; width: 120px; left: 0px; background-position: 60px center; background-size: 27px auto; }
[data-dpr="4"] .order_header a{ height: 176px; width: 160px; left: 0px; background-position: 80px center; background-size: 36px auto; }
[data-dpr="2"] .order_header .order_share{ height: 88px; width: 80px; right: 0; background-position: 20px center; background-size: 28px auto;  }
[data-dpr="3"] .order_header .order_share{ height: 132px; width: 120px; right: 0; background-position: 28px center; background-size: 42px auto;  }
[data-dpr="4"] .order_header .order_share{ height: 176px; width: 160px; right: 0; background-position: 24px center; background-size: 56px auto;  }
[data-dpr="2"] .student_container {top: 166px;}
[data-dpr="3"] .student_container {top: 230px;}
[data-dpr="4"] .student_container {top: 294px;}
[data-dpr="2"] .student_container.student {top: 128px; border-radius: 0;}
[data-dpr="3"] .student_container.student {top: 192px; border-radius: 0;}
[data-dpr="4"] .student_container.student {top: 256px; border-radius: 0;}
[data-dpr="4"] .t_footer_cell a i{ margin: 0 auto 0; }
[data-dpr="2"] .adaptive_box{ top: 128px; }
[data-dpr="3"] .adaptive_box{ top: 192px; }
[data-dpr="4"] .adaptive_box{ top: 256px; }
[data-dpr="2"] .subject_change{ right: 32px;height: 88px; }
[data-dpr="3"] .subject_change{ right: 60px;height: 132px; }
[data-dpr="4"] .subject_change{ right: 80px;height: 176px; }
[data-dpr="2"] .discovery_header .invite_share{ height: 88px; width: 80px; right: 0; background-position: 20px center; background-size: 28px auto;  }
[data-dpr="3"] .discovery_header .invite_share{ height: 132px; width: 120px; right: 0; background-position: 28px center; background-size: 42px auto;  }
[data-dpr="4"] .discovery_header .invite_share{ height: 176px; width: 160px; right: 0; background-position: 24px center; background-size: 56px auto;  }
[data-dpr="2"] .personal_header{ font-size: 34px; font-weight: bold; height: 88px; line-height: 88px; padding-top: 40px; }
[data-dpr="3"] .personal_header{ font-size: 51px; font-weight: bold; height: 132px; line-height: 132px; padding-top: 60px;}
[data-dpr="4"] .personal_header{ font-size: 68px; font-weight: bold; height: 176px; line-height: 176px; padding-top: 80px; }
[data-dpr="2"] .personal_header .personal_back{ height: 88px; width: 80px; left: 0px; background-position: 32px center; background-size: 18px auto; }
[data-dpr="3"] .personal_header .personal_back{ height: 132px; width: 120px; left: 0px; background-position: 60px center; background-size: 27px auto; }
[data-dpr="4"] .personal_header .personal_back{ height: 176px; width: 160px; left: 0px; background-position: 80px center; background-size: 36px auto; }
[data-dpr="2"] .personal_header .back_level{ height: 88px; width: 80px; left: 0px; background-position: 32px center; background-size: 18px auto; }
[data-dpr="3"] .personal_header .back_level{ height: 132px; width: 120px; left: 0px; background-position: 60px center; background-size: 27px auto; }
[data-dpr="4"] .personal_header .back_level{ height: 176px; width: 160px; left: 0px; background-position: 80px center; background-size: 36px auto; }
[data-dpr="2"] .personal_wrapper{ top: 128px; }
[data-dpr="3"] .personal_wrapper{ top: 192px; }
[data-dpr="4"] .personal_wrapper{ top: 256px; }
[data-dpr="2"] .index_m_header{ font-size: 34px; font-weight: bold; height: 88px; line-height: 88px; padding-top: 40px; }
[data-dpr="3"] .index_m_header{ font-size: 51px; font-weight: bold; height: 132px; line-height: 132px; padding-top: 60px;}
[data-dpr="4"] .index_m_header{ font-size: 68px; font-weight: bold; height: 176px; line-height: 176px; padding-top: 80px; }
[data-dpr="2"] .index_m_header a{ height: 88px; width: 80px; left: 0px; background-position: 32px center; background-size: 18px auto; }
[data-dpr="3"] .index_m_header a{ height: 132px; width: 120px; left: 0px; background-position: 60px center; background-size: 27px auto; }
[data-dpr="4"] .index_m_header a{ height: 176px; width: 160px; left: 0px; background-position: 80px center; background-size: 36px auto; }
[data-dpr="2"] .index_m_header .back_level{ height: 88px; width: 80px; left: 0px; background-position: 32px center; background-size: 18px auto; }
[data-dpr="3"] .index_m_header .back_level{ height: 132px; width: 120px; left: 0px; background-position: 60px center; background-size: 27px auto; }
[data-dpr="4"] .index_m_header .back_level{ height: 176px; width: 160px; left: 0px; background-position: 80px center; background-size: 36px auto; }
[data-dpr="2"] .index_m_header .back_select{ height: 88px; width: 80px; left: 0px; background-position: 32px center; background-size: 18px auto; }
[data-dpr="3"] .index_m_header .back_select{ height: 132px; width: 120px; left: 0px; background-position: 60px center; background-size: 27px auto; }
[data-dpr="4"] .index_m_header .back_select{ height: 176px; width: 160px; left: 0px; background-position: 80px center; background-size: 36px auto; }
[data-dpr="2"] .index_m_main{ top: 128px; }
[data-dpr="3"] .index_m_main{ top: 192px; }
[data-dpr="4"] .index_m_main{ top: 256px; }
[data-dpr="2"] .task_en_wrap{ top: 128px; }
[data-dpr="3"] .task_en_wrap{ top: 192px; }
[data-dpr="4"] .task_en_wrap{ top: 256px; }
[data-dpr="2"] .task_en_back{ height: 88px; width: 80px; left: 0px; background-position: 32px center; background-size: 18px auto; }
[data-dpr="3"] .task_en_back{ height: 132px; width: 120px; left: 0px; background-position: 60px center; background-size: 27px auto; }
[data-dpr="4"] .task_en_back{ height: 176px; width: 160px; left: 0px; background-position: 80px center; background-size: 36px auto; }
[data-dpr="2"] .order_book_box{ top: 128px; padding-top: .26666rem; }
[data-dpr="3"] .order_book_box{ top: 192px; padding-top: .26666rem; }
[data-dpr="4"] .order_book_box{ top: 256px; padding-top: .26666rem; }
[data-dpr="2"] .discovery_header .close{ height: 88px; width: 80px; left: 0px; background-position: 32px center; background-size: 18px auto; }
[data-dpr="3"] .discovery_header .close{ height: 132px; width: 120px; left: 0px; background-position: 60px center; background-size: 27px auto; }
[data-dpr="4"] .discovery_header .close{ height: 176px; width: 160px; left: 0px; background-position: 80px center; background-size: 36px auto; }
[data-dpr="2"] .primary_header{ font-size: 34px; font-weight: bold; height: 88px; line-height: 88px; padding-top: 40px; }
[data-dpr="3"] .primary_header{ font-size: 51px; font-weight: bold; height: 132px; line-height: 132px; padding-top: 60px;}
[data-dpr="4"] .primary_header{ font-size: 68px; font-weight: bold; height: 176px; line-height: 176px; padding-top: 80px; }
[data-dpr="2"] .primary_header a{ height: 88px; width: 80px; left: 0px; background-position: 32px center; background-size: 18px auto; }
[data-dpr="3"] .primary_header a{ height: 132px; width: 120px; left: 0px; background-position: 60px center; background-size: 27px auto; }
[data-dpr="4"] .primary_header a{ height: 176px; width: 160px; left: 0px; background-position: 80px center; background-size: 36px auto; }
[data-dpr="2"] .linkUp_content{ top: 128px; }
[data-dpr="3"] .linkUp_content{ top: 192px; }
[data-dpr="4"] .linkUp_content{ top: 256px; }
[data-dpr="2"] .primary_header .link_cata{ height: 88px; }
[data-dpr="3"] .primary_header .link_cata{ height: 132px;}
[data-dpr="4"] .primary_header .link_cata{ height: 176px; }
[data-dpr="2"] .primary_header .link_cata i{ height: 50px; width: 50px; background-size: 100% auto; margin-top: 4.5px; }
[data-dpr="3"] .primary_header .link_cata i{ height: 75px; width: 75px; background-size: 100% auto; margin-top: 6.75px;}
[data-dpr="4"] .primary_header .link_cata i{ height: 100px; width: 100px; background-size: 100% auto; margin-top: 9px; }
[data-dpr="2"] .primary_header .link_cata em{ font-size: 20px; height: 20px; }
[data-dpr="3"] .primary_header .link_cata em{ font-size: 30px; height: 30px; }
[data-dpr="4"] .primary_header .link_cata em{ font-size: 40px; height: 40px; }
[data-dpr="1"] .class_header{ padding-top: 0.133rem; }
[data-dpr="2"] .class_header{ font-size: 34px; font-weight: bold; height: 88px; line-height: 88px; padding-top: 40px; }
[data-dpr="3"] .class_header{ font-size: 51px; font-weight: bold; height: 132px; line-height: 132px; padding-top: 60px;}
[data-dpr="4"] .class_header{ font-size: 68px; font-weight: bold; height: 176px; line-height: 176px; padding-top: 80px; }
[data-dpr="2"] .class_header .btn_wrap {height: 88px;}
[data-dpr="3"] .class_header .btn_wrap {height: 132px;}
[data-dpr="4"] .class_header .btn_wrap {height: 176px;}
[data-dpr="1"] .class_con_wrap{ top: 1.33rem;}
[data-dpr="2"] .class_con_wrap{ top: 128px; bottom: 98px;}
[data-dpr="3"] .class_con_wrap{ top: 192px; bottom: 147px;}
[data-dpr="4"] .class_con_wrap{ top: 256px; bottom: 196px;}
[data-dpr="1"] .info_con_wrap{ top: 1.33rem;}
[data-dpr="2"] .info_con_wrap{ top: 128px;}
[data-dpr="3"] .info_con_wrap{ top: 192px;}
[data-dpr="4"] .info_con_wrap{ top: 256px;}
[data-dpr="2"] .order_list.class_check_main{ top: 128px;}
[data-dpr="3"] .order_list.class_check_main{ top: 192px;}
[data-dpr="4"] .order_list.class_check_main{ top: 256px;}
[data-dpr="1"] .class_headimg_header { height: 52px; }
[data-dpr="1"] .order_list.class_check_main{ top: 1.33rem;}
[data-dpr="2"] .class_headimg_header { height: 128px; }
[data-dpr="3"] .class_headimg_header { height: 192px; }
[data-dpr="4"] .class_headimg_header { height: 256px; }
/*[data-dpr="2"] .class_headimg_header .headimg_top { top: 128px; height: 220px; }
[data-dpr="3"] .class_headimg_header .headimg_top { top: 192px; height: 330px; }
[data-dpr="4"] .class_headimg_header .headimg_top { top: 256px; height: 440px; }*/
[data-dpr="1"] .personal_wrapper.class_headimg_wrapper{ top: 52px; }
[data-dpr="2"] .personal_wrapper.class_headimg_wrapper{ top: 128px; }
[data-dpr="3"] .personal_wrapper.class_headimg_wrapper{ top: 192px; }
[data-dpr="4"] .personal_wrapper.class_headimg_wrapper{ top: 256px; }
.class_headimg_header{ position: absolute; top: 0; left: 0; width: 100%; background: #4798f7; }
.class_headimg_header .headimg_top{ position: absolute; width: 100%; }
.class_headimg_header .class_header{ background: rgba(0, 0, 0, 0); border: none; }
.class_headimg_p{ font-size: 0.346666rem; color: #fff; padding: 0.2rem 0 0 .4rem; }
.container .swiper-pagination-bullet{ width: 0.186666rem; height: 0.186666rem; background: #fff; opacity: 1; }
.container .swiper-pagination-bullet-active{ opacity: 1; background: #007aff; }
.container .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{ margin: 0 0.133333rem; }
.task_button_bottom.math_again{ background-color: #1fb993; }
#homework_fail .homework_complete_content:after{ background-image: url(/img/task_n_1.png); width: 2.36rem; height: 3.28rem; }
.class_check_causes{ text-align: left; padding-left: 1.933333rem; position: relative; height: 0.8rem; }
.class_check_causes:last-of-type{ margin-bottom: 0.5rem; }
.class_check_causes i{ position: absolute; width: 0.293333rem; height: 0.293333rem; background: #fff; border-radius: 50%; border: 0.026666rem solid #ced9e5; top: 0.246666rem; }
.class_check_causes i.active{ width: 0.133333rem; height: 0.133333rem; border: 0.106666rem solid #1a98ff; }
.class_check_causes span{ color: #333333; font-size: 0.373333rem; padding-left: 0.613333rem; line-height: 0.8rem; }
.class_check_causes:after{content: "";display: block;clear: both;}
.popwarning_content i{color: #e2762b;}
.class_info_pop.popmask.fixed { z-index: 15; background: rgba(0,0,0,0); }
.class_list_main .no_class{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: none; text-align: center;}
.class_list_main .no_class img{display: block;margin: 0 auto; width: 2.226667rem; height: 3.333333rem;}
.class_list_main .no_class p{color: #666666;font-size: 0.373333rem;padding-top: 0.3333333rem;}
.personal_msg_name p{font-size: 0.4rem; white-space: inherit;}
.per_read_1 .personal_msg_name p{color: #999;}
.personal_msg_box .msg_tip.go_class {color: #1a98ff; text-decoration: underline;}

.class_rankings_box{ top: 1.07311rem; }
.class_rankings_me{ position: absolute; bottom: 0; left: 0; right: 0; border: 1px solid #d2e0ed; height: 1.853333rem; background-color: #ffffff; display: flex; display: -webkit-flex; box-shadow: 0 0 0 #fff, 0 -0.2rem 0.6rem #cfeaff, 0 0 0 #fff, 0 0 0 #fff;}
.class_rankings_me>div{ flex: 1; height: 100%; position: relative; }
.class_ranking_username{ background-color: #f7fbff; border-right: 1px solid #d2e0ed; }
.class_rankings_img{ width: 1.866666rem; height: 1.866666rem; border-radius: 50%; background-color: #f7fbff; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 0 #fff, 0 -0.1rem 0.6rem #cfeaff, 0 0 0 #fff, 0 0 0 #fff; }
.class_rankings_img>img{ width: 1.64rem; height: 1.64rem;position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%;}
.class_rankings_name{ font-size: 0.426666rem; color: #333333; text-align: center; position: absolute; bottom: 0.266666rem; width: 100%; font-weight: 600; }
.class_ranking_information{ background: #ffffff; }
.class_ranking_information>span{ position: absolute; top: 0.333333rem; left: 0; right: 0; text-align: center; font-weight: 600; font-size: 0.533333rem; color: #333333; }
.class_ranking_information>span>i{ font-size: 0.373333rem; color: #333333; }
.class_ranking_information>p{ position: absolute; bottom: 0.293333rem; left: 0; right: 0; text-align: center; font-size: 0.373333rem; color: #333333; }
.class_rankings_box .info_column_wrap{ background-color: #ffffff; margin: 0; position: absolute; top: .266667rem; left: .266667rem; right: .266667rem; }
.class_ranking_li{ border-bottom: 1px solid #d2e0ed; padding: 0.4rem 0.533333rem 0.4rem 0.266666rem; }
.class_rankings_index{ float: left; font-size: 0.4rem; color: #333333; margin:  0.3866666rem 0; height: 0.626666rem; width: 0.533333rem; text-align: center; line-height: 0.626666rem; }
.class_ranking_li:nth-of-type(1) .class_rankings_index { content: ""; background: url(/img/gold_1.png) no-repeat center center/100% 100%; }
.class_ranking_li:nth-of-type(2) .class_rankings_index { content: ""; background: url(/img/silver_1.png) no-repeat center center/100% 100%; }
.class_ranking_li:nth-of-type(3) .class_rankings_index { content: ""; background: url(/img/bronze_1.png) no-repeat center center/100% 100%; }
.class_ranking_liImg{ float: left; width: 1.333333rem; height: 1.333333rem; margin-left: 0.186666rem; border-radius: 50%; }
.class_ranking_licontent{ float: left; margin-left: 0.32rem; width: 5.333333rem; }
.class_ranking_licontent p{ font-size: 0.426666rem; color: #333333; font-weight: 600; padding: 0.066666rem 0; }
.class_ranking_licontent span{ font-size: 0.373333rem; color: #333333; padding-right: 0.3rem; }
.class_ranking_licontent span:last-of-type{ padding-right: 0; }
.class_ranking_licontent .num{ font-size: 0.506666rem; color: #333333; }
.class_ranking_licontent .num.active{ color: #fe3737; }
.class_ranking_licontent .rate{ font-size: 0.506666rem; color: #333333; }
.class_ranking_licontent .rate:after{ content: '%'; font-size: 0.373333rem; color: #333333; }
.class_ranking_licontent .rate.active{ color: #fe3737; }
.class_ranking_licontent .rate.active:after{ color: #fe3737; }
.class_ranking_lipraise{ float: right; }
.class_ranking_lipraise p{ text-align: center; font-size: 0.373333rem; color: #333; padding-top: 0.16rem; }
.class_ranking_lipraise .praise{ display: block; width: 0.48rem; height: 0.426666rem; background: url(/img/praise_1.png) no-repeat center center/100% 100%; margin-top: 0.186666rem; }
.class_ranking_lipraise .praise.active{ background-image: url(/img/praise_2.png); }

.class_check_switch.class_rankings_switch .item{ height: 1.066666rem; font-size: 0.4rem; }
.class_ranking_li:after{ content: ''; display: block; clear: both; }
.class_rankings_box .class_check_box{ position: absolute; top: 0; left: 0; bottom: 1.866666rem; right: 0; overflow-y: auto; }
.class_report_content{
	background: #ecf3fc;
}
.class_report_content>.title{
	display: block;
	background: #fff;
	color: #333;
	font-size: 0.426667rem;
	line-height: 0.8rem;
	padding: 0.24rem 0.266667rem;
	box-shadow: 0 0 0.133333rem #dbe5f0;
}
.class_report_content>ul>li{
	border-top: 1px solid #dbe5f0;
	background: #fff;
	text-align: center;
	margin-top: 0.266667rem;
	padding-bottom: 0.56rem;
}
.class_report_content>ul>li>h6{
	font-size: 0.48rem;
	line-height: 1.56rem;
}
.class_report_content>ul>li .canvas_wrap{
	width: 9.48rem;
	margin: 0 auto;
	border: 1px solid #dbe5f0;
}
.class_report_content>ul>li.floor_2 .canvas_wrap{
	border: none;
	border-left: 1px solid #cbd4df;
	border-top: 1px solid #cbd4df;
	background: #f2fcff;
}
.class_report_content>ul>li.floor_2 .canvas_wrap>table{
	table-layout:fixed;
	word-break:break-all;
	word-wrap:break-all;
	width: 100%;
}
.class_report_content>ul>li.floor_2 .canvas_wrap>table th,
.class_report_content>ul>li.floor_2 .canvas_wrap>table td{
	border-right: 1px solid #cbd4df;
	border-bottom: 1px solid #cbd4df;
	line-height: 1.013333rem;
	font-weight: 300;
}
.class_report_content>ul>li.floor_2 .canvas_wrap>table th{
	line-height: 0.306667rem;
	padding: 0.2rem 0.16rem;
	color: #666;
}
.class_report_content>ul>li.floor_2 .canvas_wrap>table td:first-child{
	color: #666;
}
.class_report_content>ul>li.floor_5{

}
.class_report_content>ul>li.floor_5 .canvas_wrap,
.class_report_content>ul>li.floor_6 .canvas_wrap{
	width: 100%;
	border: none;
	text-align: left;
}
.class_report_content .report_f5_head{
	padding: 0 0.266667rem;
	position: relative;
}
.class_report_content .report_f5_head>h6{
	line-height: 0.8rem;
	width: 7.826667rem;
	font-size: 0.426667rem;
	font-weight: 300;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.class_report_content .report_f5_head>h6>i{
	font-weight: 600;
	font-size: 0.533333rem;
}
.class_report_content .report_f5_head>h6>i.green{
	color: #1cb993;
}
.class_report_content .report_f5_head>h6>i.red{
	color: #ff4f42;
}
.class_report_content .report_f5_head>h6>em{
	font-weight: 600;
}
.class_report_content .report_f5_info{
	font-size: 0.346667rem;
	line-height: 0.8rem;
}
.class_report_content .report_f5_info>span{
	border: 1px solid #41be7c;
	border-radius: 2.666667rem;
	padding: 0 0.16rem;
	color: #41be7c;
	font-size: 0.32rem;
}
.class_report_content .report_f5_content{
	font-size: 0.4rem;
	line-height: 0.773333rem;
	position: relative;
	display: none;
}
.class_report_content .report_f5_content>ul{
	padding: 0 0.266667rem;
}
.class_report_content .report_f5_content ul>li i{
	font-size: 0.533333rem;
	font-weight: 400;
}
.class_report_content .report_f5_content ul>li i.complete{
	color: #58c4a8;
}
.class_report_content .report_f5_content ul>li i.undone{
	color: #ef8080;
}
.class_report_content .report_f5_content .rate{
	position: absolute;
	right: 1.046667rem;
	top: 0.426667rem;
	text-align:center;
	width: 2.8rem;
	height: 1.626667rem;
	font-size: 0.32rem;
	color: #999;
	line-height: 0.533333rem;
}
.class_report_content .report_f5_content .rate>i{
	color: #0099ff;
	font-size: 0.933333rem;
}
.class_report_content .report_f5_footer{
	line-height: 0.666667rem;
	background: #f2fcff;
	border-top: 1px solid #dbe5f0;
	border-bottom: 1px solid #dbe5f0;
	padding: 0.266667rem 0.266667rem;
	font-size: 0.373333rem;
}
.class_report_content .report_f5_footer>i{
	color: #ef8080;
}
.class_report_content .report_f5_footer>em{
	color: #ff4f42;
}
.class_report_content .report_f5_btn{
	width: 0.4rem;
	height: 0.2rem;
	position: absolute;
	right: 0.133333rem;
	top: 0.266667rem;
	padding: 0.4rem;
}
.class_report_content .report_f5_btn.close{
	background: url(/img/report_toopen.png) no-repeat center center / 0.4rem 0.2rem;
}
.class_report_content .report_f5_btn.open{
	background: url(/img/report_toclose.png) no-repeat center center / 0.4rem 0.2rem;
}
.class_report_content>ul>li.floor_6,
.class_report_content>ul>li.floor_7{
	padding-bottom: 0;
}
.class_report_content .report_f6_head .report_f5_btn.close,
.class_report_content .report_f6_head .report_f5_btn.open{
	top: -0.1rem;
}
.class_report_content>ul>li.floor_7 ul li{
	padding-bottom: 0.56rem;
	border-bottom: 1px solid #dbe5f0;
}
.class_report_content>ul>li.floor_7 ul li h6{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: 0.426667rem;
	line-height: 1.066667rem;
	text-align: left;
	padding: 0 0.266667rem;
	font-weight: 300;
}
.class_stureport_content.class_con_wrap{
	background: #ecf3fc;
	bottom: 0;
/*	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;*/
}
.class_stureport_content .header{
	background: #4798f7 url(/img/class_report_linght.png) no-repeat center center / 11.253333rem 11.253333rem;
	height: 7.373333rem;
	padding-bottom: 1.16rem;
	position: relative;
}
.class_stureport_content .header.star{
	background-image: url(/img/class_report_star.png);
}
.class_stureport_content .img_line{
	position: absolute;
	width: 100vw;
	height: 1.16rem;
	left: 0;
	bottom: 0;
	background: url(/img/class_report_bottom.png) no-repeat bottom center / cover;
}
.class_stureport_content .header .title{
	font-size: 0.48rem;
	color: #fff;
	text-align: center;
	line-height: 1.6rem;
}
.class_stureport_content .header .ball_box{
	width: 3.306667rem;
	height: 3.306667rem;
	background: url(/img/class_report_ball.png) no-repeat center center / contain;
	border-radius: 50%;
	overflow: hidden;
	margin: 0.8rem auto 0;
	font-size: 0.373333rem;
	color: #fff;
	text-align: center;
	position: relative;
	border: 0.28rem solid rgba(255,255,255,.2);
	z-index: 1;
}
.class_stureport_content .header .ball_box>span{
	display: inline-block;
	margin-top: 0.56rem;
	font-size: 1.066667rem;
}
.class_stureport_content .header .ball_box>span>i{
	font-size: 0.453333rem;
}
.class_stureport_content .header .ball_box .water{
	position: absolute;
	left: 0;
	top: 10%;
	width: 100%;
	z-index: -1;
}
.class_stureport_content .info{
	color: #fff;
	font-size: 0.4rem;
	text-align: center;
	margin-top: 0.4rem;
}
.class_stureport_content .info li{
	display: inline-block;
}
.class_stureport_content .info li:first-child{
	margin-right: 1.36rem;
}
.class_stureport_content .info li>i{
	font-weight: 600;
	margin-left: 0.2rem;
	font-size: 0.586667rem;
}
.class_stureport_content .charts>h6,
.class_stureport_content .ques_content>h6
{
	text-align: center;
	font-size: 0.48rem;
	line-height: 1.6rem;
}
.class_stureport_content .charts,
.class_stureport_content .ques_content{
	background: #fff;
	padding: 0 0.266667rem;
}
.class_stureport_content .charts{
	padding-bottom: 0.533333rem;
}
.class_stureport_content .charts .canvas_wrap{
	border: 1px solid #dbe5f0;
}
.class_stureport_content .ques_content{
	margin-top: 0.32rem;
}
.class_stureport_content .ques_content li{
	position: relative;
	border-bottom: 1px solid #dbe5f0;
	padding: 0.4rem 0 0.666667rem;
}
.class_stureport_content .ques_content li>h5{
	font-size: 0.453333rem;
	font-weight: 300;
	line-height: 0.666667rem;
	width: 100%;
}
.class_stureport_content .ques_content li>h4,
.class_stureport_content .ques_content li>h3{
	padding-left: 0.746667rem;
	font-weight: 300;
	line-height: 0.8rem;
}
.class_stureport_content .ques_content li>h4{
	font-size: 0.373333rem;
	color: #999999;
}
.class_stureport_content .ques_content li>h4 span{
	color: #91d115;
	border: 1px solid #91d115;
	border-radius: 1.333333rem;
	padding: 0 0.16rem;
}
.class_stureport_content .ques_content li>h4 em{
	color: #e1752f;
}
.class_stureport_content .ques_content li>h3{
	font-size: 0.4rem;
}
.class_stureport_content .ques_content li>h3 span{
	font-weight: 600;
}
.class_stureport_content .ques_content li>h3 em{
	color: #999;
}
.class_stureport_content .ques_content .correct_rate{
	position: absolute;
    right: 0.266667rem;
	bottom: 0.4rem;
    text-align: center;
    width: 2.8rem;
    height: 1.626667rem;
    font-size: 0.32rem;
    color: #999;
    line-height: 0.533333rem;
}
.class_stureport_content .ques_content .correct_rate i{
	font-weight: 600;
    color: #0099ff;
    font-size: 0.933333rem;
}

/*激活码*/
.page-activationCode-html,
.page-activationCode-body {
	height: 100%;
}
.page-activationCode-body {
	display: flex;
	flex-direction: column;
}
.activation_container{
	padding: .2rem .4rem;
	background: #fff;
}
.activationCode .tips{
	word-break: break-all;
	text-align: justify;
	font-size: .36rem;
	line-height: 1.5;
	padding: .2rem 0;
	color: #999;
}
.activationCode .content {
	display: flex;
	margin-bottom: .2rem;
}
.activationCode .content .el-input {
	width: 0;
	flex-grow: 1;
	height: .8rem;
	line-height: .8rem;
	font-size: .32rem;
	padding: 0 .2rem 0 .15rem;
	border: 1px solid #9a9a9a;
	border-radius: .08rem;
}
.activationCode .content .activate-button {
	margin-left: .15rem;
	border-radius: .08rem;
	width: 5em;
	height: .8rem;
	line-height: .8rem;
	font-size: .32rem;
	color: #fff;
	background: #19A4FF;
	border: 1px solid #19A4FF;
	outline: none;
}
.activationCode h2 {
	font-size: .42rem;
	padding: .2rem .4rem;
}
.activationCode .pagination_wrap {
	margin-top: .2rem;
	text-align: center;
}
.history_list{
	height: 0;
	flex-grow: 1;
	font-size: .36rem;
	padding: .2rem .4rem;
	background: #fff;
}

.history_list .code_list .history_title{
	font-size: 0.36rem;
	padding:0 0.2rem;
	line-height: 2;
	border-bottom:solid #eee 1px;
	margin-bottom:0.2rem;
}
.history_list .history_title span{
	color: #19A4FF;
	padding-left:0.2rem;
	border-left:solid #19A4FF 2px;
	font-weight:bold;
	display:block;
}
.history_list .history_info{
		padding:0.1rem 0.2rem;
		padding-bottom: 0;
		overflow: hidden;
		transition: all .5s;
		height: 100px;
}
.history_list .history_info .history_item{
	font-size: 0.36rem;
	padding:0.1rem;
	line-height: 1.5;
}
.history_list .history_info .history_item span{
	width: 5.5em;
	display: inline-block;
}
.history_list .history_info .history_item em{
	font-style: normal;
	color: #999;
}
.history_list .show_all_info{
	height: 100%;
	margin-bottom:0.3rem;
}
.history_list .show_all{
	background: #F2FAFF;
	color:#19A4FF;
	height:0.36rem;
	line-height:1.5;
	text-align:center;
}
.listen_song_list >div {
  padding: .3rem;
}

.listen_song_cel_title1 {
  display: flex;
  position: relative;
}

.listen_song_cel_title1 p {
  font-family: PingFangSC, PingFang SC;
  font-weight: bold;
  font-size: 0.45rem;
  color: #333333;
  padding: 0 0.6rem;
}

.listen_song_cel_title2 {
  position: relative;
}

.listen_song_list .expand {
  position: absolute;
  right: 0.6rem;
  top: 50%;
  transform: translateY(-50%);
}

.listen_song_cel_title2 >p {
  font-family: PingFangSC, PingFang SC;
  font-size: 0.4rem;
  color: #333333;
  padding: 0.3rem 1.2rem;
  border-bottom: 0.01rem solid #E0E0E0;
}


.listen_song_tree_cel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.2rem 0 0.2rem 0.4rem;
}

.listen_song_list {
  background-color: #F9F9F9;
}

.listen_song_list .activeExpand::after {
  top: 50%;
  transform: translateY(-50%) rotate(315deg);
}

.listen_song_list .expand {
  color: #999999;
}

.listen_song_list .lock-icon {
  width: 0.5rem;
  height: 0.5rem;
}

.audioPlay_div {
  width: 100%;
  height: 1.5rem;
  background-color: #5C9FFF;
  position: fixed;
  left: 0;
  box-sizing: border-box;
  bottom: 0;
  display: flex;
  align-items: center;
  padding: 0 .6rem;
  justify-content: space-between;
}

.audioPlay_div p {
  font-size: .4rem;
  color: #fff;
}

.audioPlay_div img {
  font-size: .4rem;
  color: #fff;
  width: 0.5rem;
  height: 0.5rem;
}

.new_order_book {
  height: 100%;
}

.page {
  /* position: absolute; */
  margin-top: 1.73626rem;
  background-color: #F9F9F9;
  /* right: .2666rem;
  left: .26666rem;
  margin: auto;
  border: .013333rem solid #dbe5f0;
  line-height: 0;
  border-radius: .1rem;
  overflow: hidden; */
}

.page-header {
  display: flex;
  padding: 0.27rem .54rem;
  background-color: #fff;
}

.page-header img {
  margin-right: 0.4rem;
  width: 2.6rem;
  height: 3.82rem;
}

.page-header >div h2 {
  font-family: PingFangSC, PingFang SC;
  font-weight: bold;
  font-size: 0.45rem;
  color: #333333;
  margin-bottom: 0.25rem;
}
.page-header >div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 0.8rem;
}

.page-header >div p {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 0.38rem;
  color: #666666;
}

.page-header >div h2 img {
  width: 0.4rem;
  height: 0.4rem;
  margin-left: .2rem;
}

.page-header >div .btn {
  width: 1.88rem;
  height: 0.8rem;
  background: #5C9FFF;
  border-radius: .2rem;
  display: flex;
  color: #fff;
  align-items: center;
  justify-content: center;
}

.list {
  margin: 0.3rem auto;
  width: 90%;
}

.list .item {
  height: 1.58rem;
  background: #FFFFFF;
  margin: 0.3rem 0;
  display: flex;
  border-radius: 14px;
  align-items: center;
}

.list .item img {
  width: 0.8rem;
  height: 0.8rem;
  margin: 0 .5rem 0 .6rem;
}

.list .item p {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 0.4rem;
  color: #666666;
}

.card-list {
  width: 90%;
  margin: 1rem auto 0;
  border-radius: 14px;
  padding: 0.15rem 0;
  background: #fff;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.card-list img {
  padding: 0.15rem .4rem;
  width: 90%;
}

.expand {
  position: relative;
}

.expand::after {
  content: '';
  position: absolute;
  top: 34%;
  right: -0.30rem;
  width: .11rem;
  height: .11rem;
  border-width: 1px;
  border-style: solid;
  border-color: #999999 #999999 transparent transparent;
  transform: translateY(-50%) rotate(135deg);
}

.listen_song_resources >div {
  padding: .3rem;
  display: flex;
  align-items: center;
  border-bottom: 0.01rem solid #EEEEEE;
}

.listen_song_resources >div .video_cover {
  width: 2rem;
  height: 1.5rem;
  margin-right: 0.4rem;
}

.listen_song_resources >div .resources_cover {
  min-width: 1rem;
  max-width: 1rem;
  min-height: 1rem;
  max-height: 1rem;
  margin-right: 0.4rem;
}



.listen_song_resources >div:last-child {
  border: none;
}

.listen_song_resources >div img {
  min-width: 1rem;
  height: 1rem;
  margin-right: .2rem;
}

.listen_song_resources {
  background-color: #fff;
  border: 0.01rem solid #EEEEEE;
  border-radius: .2rem;
  margin: 0.45rem auto auto;
}

.listen_song_resources >div p {
  font-size: 0.4rem;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.listen_song_resources >div p span {
  color: #72CE24;
  font-size: 0.30rem;
  background-color: #E7FFD3;
  display: inline-block;
  padding: 0.1rem 0.2rem;
  margin-right: .2rem;
  border-radius: .1rem;
}

.popmask .popPic {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.popmask .popPic img {
  width: 100%;
  max-height: 100%;
  height: auto;
}/**
 * Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: March 10, 2017
 */
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.book_index_pdf_new_footer {
  display: flex;
  justify-content: center;
  position: fixed;
  left: 0;
  bottom: 0.5rem;
  width: 100%;
}

.book_index_pdf_new_footer >div {
  flex: 1;
  text-align: center;
}

.book_index_pdf_new_footer .active {
  color: #5C9FFF;
}

.book_index_pdf_new_footer .constant >div {
  width: 0.8rem;
  height: 0.8rem;
  background: url(/img/reading-icon.png) no-repeat center center; 
  margin: 0 auto;
  background-size: contain;
}

.book_index_pdf_new_footer .constant.active >div {
  width: 0.8rem;
  height: 0.8rem;
  background: url(/img/reading-icon-active.png) no-repeat center center;
  margin: 0 auto;
  background-size: contain;
}

.book_index_pdf_new_footer .repeat >div {
  width: 0.8rem;
  height: 0.8rem;
  background: url(/img/repeat-reading-icon.png) no-repeat center center;
  margin: 0 auto;
  background-size: contain;
}

.book_index_pdf_new_footer .repeat.active >div {
  width: 0.8rem;
  height: 0.8rem;
  background: url(/img/repeat-reading-icon-bg.png) no-repeat center center;
  margin: 0 auto;
  background-size: contain;
}

.book_index_pdf_new_footer .words >div {
  width: 0.8rem;
  height: 0.8rem;
  background: url(/img/vocabulary-icon.png) no-repeat center center;
  margin: 0 auto;
  background-size: contain;
}

.book_index_pdf_new_footer .words.active >div {
  width: 0.8rem;
  height: 0.8rem;
  background: url(/img/vocabulary-icon-bg.png) no-repeat center center;
  margin: 0 auto;
  background-size: contain;
}

.book_index_pdf_new_footer .book_setting >div {
  width: 0.8rem;
  height: 0.8rem;
  background: url(/img/setup-icon.png) no-repeat center center;
  margin: 0 auto;
  background-size: contain;
}

.book_index_pdf_new_footer .book_setting.active >div {
  width: 0.8rem;
  height: 0.8rem;
  background: url(/img/setup-icon-bg.png) no-repeat center center;
  margin: 0 auto;
  background-size: contain;
}

@CHARSET "UTF-8";

/********************************
A jQuery plugin for search hints

Author: Lorenzo Cioni 
https://github.com/lorecioni
********************************/

.autocomplete-container {
	position: relative;
	margin: 0 auto;
}

.autocomplete-input {
	padding: 9px;
	border-radius: 3px;
	font-family: inherit;
	font-size: 1em;
	border: 1px solid rgba(0, 0, 0, 0.19);
	margin: 0;
}

.autocomplete-button {
	font-family: inherit;
	border: none;
	/*background-color: #990101;*/
	color: white;
	float: left;
	cursor: pointer;
	border-radius: 0px 3px 3px 0px;
	transition: all 0.2s ease-out 0s;
	text-align: center;
}

.autocomplete-button:HOVER {
	/*background-color: #D11E1E;*/
}

.proposal-box {
	position: absolute;
	height: auto;
	border-left: 1px solid rgba(0, 0, 0, 0.11);
	border-right: 1px solid rgba(0, 0, 0, 0.11);
	left: 0px;
}

.proposal-list {
	list-style: none;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.44);
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0px;
	background-color: rgba(255, 255, 255, 0.95); 
}

.proposal-list li {
	text-align: left;
	font-family: inherit;
	border-bottom: 1px solid rgba(0, 0, 0, 0.16);
	cursor: pointer;
}

li.proposal.selected {
	/*background-color: rgba(175, 42, 0, 0.52);*/
	/*color: white;*/
}/**
 * Swiper 3.0.8
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/swiper/
 *
 * Copyright 2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under MIT
 *
 * Released on: June 14, 2015
 */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination{bottom:10px;left:0;width:100%}.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 5px}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px)}.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow{z-index:0}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}


.cropper-container{font-size:0;line-height:0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;direction:ltr;-ms-touch-action:none;touch-action:none}.cropper-container img{display:block;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important;width:100%;height:100%;image-orientation:0deg}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{position:absolute;top:0;right:0;bottom:0;left:0}.cropper-wrap-box{overflow:hidden}.cropper-drag-box{opacity:0;background-color:#fff}.cropper-modal{opacity:.5;background-color:#000}.cropper-view-box{border-radius: 50%;display:block;overflow:hidden;width:100%;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75);}.cropper-dashed{position:absolute;display:block;opacity:.5;border:0 dashed #eee}.cropper-dashed.dashed-h{top:33.33333%;left:0;width:100%;height:33.33333%;border-top-width:1px;border-bottom-width:1px}.cropper-dashed.dashed-v{top:0;left:33.33333%;width:33.33333%;height:100%;border-right-width:1px;border-left-width:1px}.cropper-center{position:absolute;top:50%;left:50%;display:block;width:0;height:0;opacity:.75}.cropper-center:after,.cropper-center:before{position:absolute;display:block;content:" ";background-color:#eee}.cropper-center:before{top:0;left:-3px;width:7px;height:1px}.cropper-center:after{top:-3px;left:0;width:1px;height:7px}.cropper-face,.cropper-line,.cropper-point{position:absolute;display:block;width:100%;height:100%;opacity:.1}.cropper-face{top:0;left:0;background-color:#fff}.cropper-line{background-color:#39f}.cropper-line.line-e{top:0;right:-3px;width:5px;cursor:e-resize}.cropper-line.line-n{top:-3px;left:0;height:5px;cursor:n-resize}.cropper-line.line-w{top:0;left:-3px;width:5px;cursor:w-resize}.cropper-line.line-s{bottom:-3px;left:0;height:5px;cursor:s-resize}.cropper-point{width:5px;height:5px;opacity:.75;background-color:#39f}.cropper-point.point-e{top:50%;right:-3px;margin-top:-3px;cursor:e-resize}.cropper-point.point-n{top:-3px;left:50%;margin-left:-3px;cursor:n-resize}.cropper-point.point-w{top:50%;left:-3px;margin-top:-3px;cursor:w-resize}.cropper-point.point-s{bottom:-3px;left:50%;margin-left:-3px;cursor:s-resize}.cropper-point.point-ne{top:-3px;right:-3px;cursor:ne-resize}.cropper-point.point-nw{top:-3px;left:-3px;cursor:nw-resize}.cropper-point.point-sw{bottom:-3px;left:-3px;cursor:sw-resize}.cropper-point.point-se{right:-3px;bottom:-3px;width:20px;height:20px;cursor:se-resize;opacity:1}@media (min-width:768px){.cropper-point.point-se{width:15px;height:15px}}@media (min-width:992px){.cropper-point.point-se{width:10px;height:10px}}@media (min-width:1200px){.cropper-point.point-se{width:5px;height:5px;opacity:.75}}.cropper-point.point-se:before{position:absolute;right:-50%;bottom:-50%;display:block;width:200%;height:200%;content:" ";opacity:0;background-color:#39f}.cropper-invisible{opacity:0}.cropper-bg{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")}.cropper-hide{position:absolute;display:block;width:0;height:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}