
/* CSS Document */
* {box-sizing: border-box;font-family:"Microsoft Yahei","微软雅黑",verdana,sans-serif;}
html,body, dl, dd, h1, h2, h3, h4, h5, h6, p, form{margin:0;    word-break: break-all;}
html,body{ font-size:14px; font-family:"微软雅黑";width:100%; min-width: 1200px;  height:100%; color:#393939;}
ol,ul,iframe{margin:0; padding:0;}
li{ list-style:none;}
img,input,em{ border:none; vertical-align:middle;}
th,b{ font-weight:normal;}
a{  text-decoration:none; blr:expression(this.onFocus=this.blur()); outline:none; cursor:pointer;}
a:hover{ text-decoration:none;}
input::-ms-clear, input::-ms-reveal{display: none;}
input,button,select,textarea{
    outline:none;-webkit-apperance:normal;
}
input,input[type='checkbox']{ outline:none; border:none; }
textarea{font-family:"微软雅黑"; border:1px solid #dcdcdc;font-size: inherit;  }
select{ outline:none;font-family:"微软雅黑";color:inherit;border: solid 1px #e7e7e7; }
select option{font-family:"微软雅黑";color:inherit; font-size: inherit;}
select:focus{ border:1px solid #81d867!important;}
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner{ border:none;padding:0;}
em, i{ font-style:normal;}
table{ border-collapse:collapse; border-spacing:0; }
table{border:1px solid #eee; width: 100%;}
th{ padding:0 5px; background:#f4f4f4; height:30px; line-height:30px;  padding:0 5px; text-align:center; font-size: 14px;}
td{ border-bottom:1px solid #eee;  line-height:16px; font-size:14px; padding:20px 5px;}
table td.tRight,table th.tRight{ text-align:right; padding-right:10px;}
table td.tLeft,table th.tLeft{ text-align:left; padding-left:5px;}
table tr:nth-child(2n){ background-color: #fafafa;}
*::before, *::after {box-sizing: border-box;}
.dNone{ display:none;}
.fl{ float:left;}
.fr{ float:right;}
.f12{ font-size:0.75em;}
.f14{ font-size:0.875em;}
.martop15{ margin-top:15px;}
.martop20{ margin-top:20px;}
.marlt20{ margin-left:20px;}
.textleft{ text-align:left;}
.relative{ position:relative;}
.clearfloat:after{content:"";clear:both;display:block;height:0;visibility:hidden;}
.clear {clear:both;height:0;line-height:0; font-size:0; width:0;}
.redtxt{ color:#ff1232!important;}
.gretxt{ color: #38c85f!important;}
.graytxt{ color:#bbbbbb;}
.error{ color:#e84054; font-size:12px; margin-top:10px;}
.textright{ text-align:right;}
.ellipsis{text-overflow: ellipsis;overflow : hidden;  word-break: break-all;display: inline-block; white-space: nowrap; width: 100%; max-width: 450px;}
label{ cursor:pointer;position:relative;}
label input{ opacity: 0;filter:alpha(opacity=0);  margin-right: 8px; }
label.radio em{ position:absolute; left:2px; top:2px; width:16px; height:16px; display:inline-block; }
label.radio em{background:url('../image/danx_nor.png') no-repeat;}
label.radio.checked em{background:url('../image/danx_icon_hig.png') no-repeat;}
/*placeholder*/
.placeholder{ position:relative;}
/*[placeholder]{font-family:"微软雅黑";  color: #b1b1b1;}*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #b1b1b1;}
input:-moz-placeholder, textarea:-moz-placeholder {color:#b1b1b1;}
input::-moz-placeholder, textarea::-moz-placeholder {color:#b1b1b1;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#b1b1b1;}
.placeholder em{ position:absolute; left:50px; top:3px; color:#6a6a6a; font-size:14px;}
.import{ font-size:12px; color:#f65366;}
a:link,a:visited{ color:inherit;}
label.jcheckbox{ cursor:pointer; position: relative;}
label.jcheckbox em{background: url("../image/chekbok_normal(1).png") no-repeat center; display: inline-block; position: absolute;left: 0; top: 3px; height: 16px; width: 16px; vertical-align: middle; }
label.jcheckbox.checked em{background: url("../image/chekbok_highlight(1).png") no-repeat center;}
.combtn{height: 34px;line-height: 34px;border-radius: 4px;background-color: #38c85f; display: inline-block; padding: 0 15px; color: #fff;}
/*bgimage*/
/*主体布局*/
/*头部*/
.header{ width: 100%;  color: #393939; height: 65px; top: 0; background: #fff; border:  1px solid #ebebeb; z-index: 99; position: fixed; min-width: 1200px; margin: 0 auto;}/*box-shadow: 0 2px 4px 0 #ececec;*/
/*.inwrapper{ width: 1100px; margin: 0 auto;}*/
.lglogo,.lgtitle,.lglogan{ display: inline-block; height:65px; }
.lglogo{ background: url("../image/login_logo.png") no-repeat center; width: 125px;cursor: pointer;}
.lgtitle{background: url("../image/login_biaoti.png") no-repeat center; width: 85px;display: none;}
.lglogan{background: url("../image/login_slong.png") no-repeat center; width: 118px;}
.header_nav{ display: inline-block;  width: 73%; float: right; height: 63px;  position: relative;}
.header_nav > a,.ucenter,.serch_head{ display: block; cursor: pointer; height: 63px;  float:left;line-height: 63px;  margin-left: 17px; padding: 0 10px;}
.header_nav > a.cur{ border-bottom: 3px solid #38c85f; color: #38c85f;}
.header_nav  ul{  position: absolute; display: inline-block; top: 63px; right: 0; width: 163px;  padding: 10px 0; border-radius: 2px;background-color: #ffffff; box-shadow: 0 2px 6px 0 rgba(207, 206, 206, 0.5); z-index:6;}
.ucenter_list  li{ height: 35px; margin-bottom: 8px; line-height: 35px; text-align: center; background-position: 35px 11px; background-repeat: no-repeat;}
/*.ucenter_list  li:hover{   background-color: #38c85f; color: #fff;}*/
.ucenter_list  li a{ padding-left: 16px;}
.header_nav  ul.dNone{ display: none;}
.ucenter:hover ul{display: block;}
.perset{ background-image: url("../image/usercent_set_icon.png");}
.perstudy{ background-image: url("../image/usercent_danan_icon.png");}
.perorder{ background-image: url("../image/usercent_dindan_icon.png");}
.peraccout{ background-image: url("../image/usercent_zhanhu_icon.png");}
.perlgout{ background-image: url("../image/nav_meun_exit_normal.png");}
.perQuan{background-image: url("../image/usecent_youhuijun_nor_icon.png");}
.perQuan>a {padding-left: 12px !important;}
.header_nav ul.ucenter_list li.perset:hover{ background-image: url("../image/nav_meun_set_highlight.png");}
.header_nav ul.ucenter_list li.perstudy:hover{ background-image: url("../image/nav_meun_danan_highligth.png");}
.header_nav ul.ucenter_list li.perorder:hover{ background-image: url("../image/nav_meun_dindan_highligth.png");}
.header_nav ul.ucenter_list li.peraccout:hover { background-image: url("../image/nav_meun_zhanhu_highligth.png");}
.header_nav ul.ucenter_list li.perlgout:hover{ background-image: url("../image/nav_meun_exit_highligth.png");}
.header_nav ul.ucenter_list li.perQuan:hover{ background-image: url("../image/nav_list_youhuij_icon_hig.png");}
.ucenter{ padding-right: 0; }
.serch_head{ width: 191px; position: relative;}
.serch_head i{ display: inline-block; position: absolute; top: 26px; right:0px; background: url("../image/nav_shou_icon.png") no-repeat center; width: 14px; height: 14px;}
.lgre_ipwrapper{ position: relative; margin-left:50px;  }
.lgre_ipwrapper.inting input{border:1px solid #38c85f;}
.lgre_ipwrapper input{ width: 186px; height: 34px; line-height: 34px; z-index: 9; border:1px solid #e7e7e7;  border-radius: 4px; padding-left: 5px;  }
.lgre_ipwrapper .placeholder{  position: absolute; left: 18px;color: #b1b1b1; cursor: default; }
.ucenter.usercenter img{vertical-align: -18% ; width: 35px; height: 35px; border-radius: 50%; margin-left: 5px;}
.news{ position: relative;}
.news em{ border-radius: 50%; display: inline-block; letter-spacing: -1px;  background: #ff1232;   height: 14px; width: 14px; line-height: 14px; text-align: center; color: #fff; font-size: 12px; position: absolute; top: 20px; right: -3px;}
/*遮罩层 弹框*/
.layer{  display:none; z-index:999;}
.layer-bg{width:100%; height:100%; position:absolute;filter:alpha(opacity=70);opacity: 0.7; background:#000; top:0; left:0; z-index:999;}
.div-table{ background:#ffffff; width:420px; position:absolute; left:50%; top:50%; border-radius: 4px; color:#666;box-shadow: 0px 7px 50.7px 6.3px rgba(0, 0, 0, 0.1);z-index:999;}
.layer-main{  padding:20px; }
.cloesbtn,.caluclose,.alertCloesbtn{ float:right; display: inline-block; width: 14px; height: 14px; background: url("../image/alert_close_nor.png") no-repeat left center;margin-top: 12px;margin-right: 12px;}
.layertab{ height:40px; line-height:40px; width:100%;  padding-left:18px; color:#242424;  border-bottom: solid 1px #f7f7f7; font-size:16px;}
.common_tips{ width:320px; }
.tips-tab .layer-main p{ width:80%; margin:0 auto;}
.laylist{ padding:20px 10px;}
.laylist dt{ width:20%;  float:left; height:68px; line-height: 44px; font-size:14px;  color:#393939;}
.laylist dd{ width:80%;  float:left; height:68px; position:relative;}
.laylist input[type='text'],.laylist input[type='password']{width: 288px;height: 44px;border-radius: 4px;background-color: #ffffff;border: solid 1px #e7e7e7;padding:0 4px; /*color:#848484;*/}
.laylist .error{ text-align:left; margin-top:4px;}
.layer-main .laybtn { text-align:right;}
.secondbox,.return-tips,.logout{ width:380px;}
.tipsTxt{ margin-top:60px; margin-bottom:50px; text-align:center;}
.laybtn a{ display: inline-block;height: 34px; line-height: 34px; border-radius: 4px;text-align: center; padding: 0 20px;}
.laycancel{ background-color: #fbfbfb;border: solid 1px #ebebeb;  color: #686868;}
.laycomfirm,.laycomfirm1{ background-color: #38c85f; color: #fff !important; margin-left: 15px;}
.retipsbox{width: 240px;height: 44px; }
.retipsbox .layer-main{ position: relative;}
.rebg{width: 240px;height: 44px;  border-radius: 60px;filter:alpha(opacity=70);opacity: 0.7; background:#000; position: absolute; top:0px; left: 0; }
.reconet{width: 240px;height: 44px; line-height: 44px; color: #fff;position: absolute; top:0px; left: 0; z-index: 2;  padding-left: 20px;}
.reconet em{ display: inline-block; width: 28px; height: 28px;background: url("../image/ok_icon.png") no-repeat center; margin-right: 10px;}
.mainbox{background: #f4f4f4; width: 100%; padding-top: 65px; padding-bottom: 20px;}
.mainbox .inwrapper{ padding: 14px 0 54px; }
.mstep1 .laylist  dt, .mstep1 .laylist dd{ width: 80%; text-align: center; margin: 0 auto; float: none;}
.mstep1 .laylist  dt{ font-size: 16px; color: #393939;}
.edtpsword_box .laylist input{ width: 260px;}
.edtpsword_box .laylist dt{ width: 25%;}
.edtpsword_box .laylist dd{ width: 75%; position: relative;}
.pwd_icon{ display: inline-block; cursor: pointer;  position:absolute;width:26px; height: 16px;top: 14px; right: 18px; background: url("../image/yinchan_icon4.png") no-repeat center;}
.pwd_icon:hover{background: url("../image/yinchan_icon4_highlight.png") no-repeat center;}
.pwd_icon.open_pwd{background: url("../image/chakan_icon4.png") no-repeat center;}
.pwd_icon.open_pwd:hover{background: url("../image/chakan_icon4_highlight.png") no-repeat center;}
.order_detbox{ width: 500px;}
.order_detbox dt{ color: #a1a1a1;  text-align:right;line-height: initial;height: auto; margin-bottom: 20px;}
.order_detbox dd{color: #393939; height: auto; margin-bottom: 20px; padding-left: 20px;}
.news_detbox{width: 737px;}
.news_detbox .layertab{ height: 95px;}
.news_detbox .layertab h2{color: #242424;font-size: 20px;    padding-top: 20px;}
.news_detbox .layertab h2 a{ margin-top: 0;}
.news_detbox .layertab p{color: #b1b1b1;font-size: 12px;line-height: 14px;}
#news_scoll .content{ max-height: 360px;}
#news_scoll img{ max-width:100%;}
.contentHolder{ height:400px; overflow:hidden; position:relative;}
.pay_wait .layer-main{ padding-top:40px;  line-height: 1.6;  }
.tipsbox .layer-main，.se_tipsbox .layer-main{ padding-left: 60px;padding-top:50px; }
.pay_wait .laybtn,.tipsbox .laybtn,.se_tipsbox .laybtn{ margin-top: 60px;}
.vedio_explainbox{ width: 940px; height: 530px; background-color: #353535; }
.vedio_explainbox .cloesbtn{ position: absolute; top: 10px; right: 10px;}
.v_url{ width: 100%; height: 100%;}
.tan_tbox{width: 752px;}
 #tbox_scroll{ height: 370px; box-shadow: none; }
 .scrollbox{ width: 100%; margin-bottom: 40px;}
 .scrollbox img{ max-width: 100%;}
.tit_drabtn{ font-size: 12px; color: #38c85f; margin-left: 20px;}
.kj_clist{width: 479px;}
.kj_clist .contentHolder{ width: 450px; box-shadow: none; }
.kj_clist .content{height: 300px;}
.mulbox{ width: 450px; margin: 0 auto;}
.kj_clist .mulbox ul li{ padding-left: 24px; }
.kj_clist .mulbox li{position: relative;}
.clsturn{ position: absolute; top: 6px; left:10px;}
.kj_clist .mulbox li span{ width: 100%;display: inline-block; height: 100%; padding: 5px 30px 5px 36px;}
.kj_clist .mulbox li span:hover,.kj_clist .mulbox li span.cur{background-color: #f4f4f4;}
.suggust_tipbox{width: 500px;}
/*.suggust_tipbox dt{ margin-top: 20px;}*/
.suggust_tipbox dd{ margin-top: 6px; margin-bottom: 10px;}
.suggust_tipbox p{ text-align: right;}
.suggust_tipbox input,.suggust_tipbox textarea{ width: 100%; border-radius: 4px;padding-left: 10px;}
.suggust_tipbox input{border: 1px solid  #e7e7e7; height: 44px; line-height: 44px; }
.suggust_tipbox textarea{height: 120px; overflow: auto; }
.relax_box .layer-main{ padding-left:80px; padding-top: 60px;}
.relax_box p{ line-height: 1.8;}
.relax_box .laybtn{ margin-top: 50px;}
/*divtable2*/
.div-table1{width: 512px; }
.lay_togo{ display: block;width: 280px; font-size: 18px; height: 50px; line-height: 50px; text-align: center; border-radius: 100px; background-color: #38c85f;color: #fff!important; margin: 20px auto;}
.lay_togo:hover{ background-color: #32d85f;}
.txt_h2{ color: #232323;font-size: 22px; height: 40px; line-height: 40px; }
.txt_h2 span{ display: inline-block; width: 21px; height: 21px; vertical-align: middle; margin-right: 10px;}
.task_tnum{background: url("../image/shijfenx_icon.png") no-repeat;}
.task_time{background: url("../image/naozhong_icon.png") no-repeat;}
.task_goal{background: url("../image/lrenwuwanc_icon.png") no-repeat;}
.div-table1 .layertab{ height: 76px; position: relative; border-bottom: none; padding-left: 0;}
.div-table1 .cloesbtn{background: url(../image/guangbi_iocn9.png) no-repeat left center; width: 24px; height: 24px;}
.task_ltit{ display: inline-block;width: 150px;height: 38px; background: url("../image/renwbgt.png") no-repeat; line-height: 38px; margin-top: 24px; color: #fff; text-align: center;font-size: 18px;}
.div-table1 .layer-main{ padding: 15px 50px;color: #252525;}
.task_deslist{ margin: 20px auto 80px;}
.error_taskbox .layer-main p{color: #8f8f8f;}
.error_taskbox .lay_togo{width: 160px; display: inline-block;}
.ltask_deslist li{ margin-top: 10px; position: relative;}
.ltask_deslist .sp_shced{ width: 307px;background-color: #ececec;height: 4px; margin-top: 4px; margin-bottom: 20px;}
.ltask_deslist .sp_shced span{ height: 4px;}
.ltask_deslist li>span{ display: inline-block; position: absolute; right: 0; bottom: -6px;}
.error_tit{ padding-left: 28px; line-height: 24px;}
.reason_1{background: url("../image/buhui_icon.png") no-repeat left center;}
.reason_2{background: url("../image/buqinxi_icon.png") no-repeat left center;}
.reason_3{background: url("../image/weikanqintimu.png") no-repeat left center;}
.reason_4{background: url("../image/taijz_icon.png") no-repeat left center;}
.reason_5{background: url("../image/qita.png") no-repeat left center;}
.task_endbox{ width: 440px; }
.task_endbox .layer-main{text-align: center;background: url("../image/renwuzj_xueba_icon.png") no-repeat top center; padding-top: 140px;}
.task_deslist{ margin-top: 0px; margin-bottom: 30px;}
    /*个人中心*/
.perleftbox{width: 222px;  height: 448px;  border-radius: 4px;  background-color: #ffffff;  border: solid 1px #efefef; float: left; margin-right: 11px; position: relative;}
.perleftbox .perinfo{ text-align: center; padding: 60px 20px 30px;}
.perinfo img{ width: 80px; height: 80px; margin-bottom: 15px; border-radius: 40px;}
.perinfo div i{ background: url("../image/user_xulibi_icon.png") no-repeat; width: 19px; height: 19px; display: inline-block; vertical-align: middle;}
.perleftbox .ucenter_list li{ background-position: 71px 12px; border-left: 4px solid #fff; }
.perleftbox .ucenter_list li.cur,.perleftbox .ucenter_list li.cur:hover{ border-left: 4px solid #38c85f; color: #38c85f;}
.perleftbox .ucenter_list li:hover{ background-color:#f4f4f4; color: #393939;border-left: 4px solid #f4f4f4; }
.perset.cur{ background-image: url("../image/usercent_set_icon_higlight.png"); }
.perstudy.cur{ background-image: url("../image/usercent_danan_icon_highligth.png");}
.perorder.cur{ background-image: url("../image/usercent_dindan_highligth.png");}
.peraccout.cur{ background-image: url("../image/usercent_zhanhu_icon_highligth.png");}
.perQuan.cur{ background-image: url("../image/usecent_youhuijun_hig_icon.png");}
.lricon{ position: absolute; display: inline-block; width: 31px; height: 31px; background: url("../image/login_tudian_icon.png") no-repeat;
    top: 2px; left: 97px;}
.perrgtbox{ width: 867px; min-height: 554px; padding-bottom:60px; border-radius: 4px; background-color: #ffffff;  border: solid 1px #efefef;float: left;}
.pertit{ font-size: 16px; height: 42px;  line-height:42px; padding-left:14px;border-bottom: 1px solid #f1f1f1; margin: 0 3px;}
.danan{ margin-left:149px; margin-top: 76px;}
.danan select,.choinfo select{height: 40px;    border-radius: 4px;    background-color: #ffffff;    border: solid 1px #e7e7e7; padding: 0 10px;}
#city_1 select{ width: 150px;}


/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }

.danan dt{ margin-top: 28px; margin-bottom: 10px;}
.danan .lgre_ipwrapper{ margin-left: 0; line-height: 42px; width:310px;}
.danan .lgre_ipwrapper input,.kstype{ width:300px;}

/*分页*/
.pagenation{ margin-top:40px; margin-bottom: 40px;}
.pagenation div{ display:inline-block; float:right; margin-left:15px; font-size:14px; line-height: 30px;}
.pagenation input{ border:1px solid #e7e7e7; line-height:30px; height:30px; margin:0 10px; padding:0 5px; width: 60px;}
.pagenation select{ line-height:30px; height:30px; padding:0 15px; margin:0 15px; border: 1px solid #e7e7e7;}
.pagenation a{ display:inline-block; width:30px; background-color: #fbfbfb; line-height:30px; height:30px; border:1px solid #e7e7e7; text-align:center; margin:0 5px;  border-radius: 4px;}
.pagenation a.current,.pagenation a:hover{ color:#fff; background:#38c85f;border:1px solid #38c85f;}
.pagenation a.p_index,.pagenation a.p_end,.pagenation a.p_end:hover,.pagenation a.p_index:hover{ width:60px; }
.pagenation .pNum a{ padding:0; display:inline-block; vertical-align:middle;border:1px solid #38c85f;background:#38c85f;}

.accout{ padding: 1px 21px;}
.accinfo{ margin: 40px 20px; padding-bottom: 20px; border-bottom: 1px solid #f1f1f1;}
.accinfo dd{font-size: 22px;color: #2b2b2b; background: url("../image/umony.png") no-repeat left center; padding-left: 30px; margin-top: 20px;}
.choinfo{ margin: 15px 20px;}
.choinfo span{ height: 40px; line-height: 40px;}
.nodata,.no_prodata{ width: 125px; height: 100px; background-color: #f1f1f1; margin: 160px auto; padding-top: 110px; color: #e7e7e7; text-align: center;}
.accout .nodata{ background: url("../image/zhanhu_kong_icon.png") no-repeat center;}
.accout.ordering .nodata,.no_prodata{ background: url("../image/diandan_kong_icon.png") no-repeat center;}
.newslist .nodata{ background: url("../image/xiaoxi_kong_icon.png") no-repeat center;}
.choinfo select { margin-left: 15px; padding: 0 20px 0 10px;}
.uorder a{ margin-right: 20px;}
.uorder a em{width: 14px; height: 14px; background-color: #ff1232; font-size: 12px; display: inline-block;color: #fff; text-align: center; border-radius: 50%; line-height: 14px;}
.gt_studybtn:hover{ background-color: #38c860;}
.persetbox{ padding: 30px;}
.persetbox dt{ width: 10%;float: left; text-align: right; margin-bottom: 20px;}
.persetbox dd{ width: 88%; float: left; text-align: left;margin-bottom: 35px;}
.persetbox dd textarea{  width: 488px;  padding:5px;height: 97px; vertical-align:top;border-radius: 4px;background-color: #ffffff;  border: solid 1px #e7e7e7;}
.persetbox dd span{ display: inline-block; width: 200px;}
.persetbox dd a{ color: #b1b1b1; margin-left: 15px;}
.persetbox dd a:hover{ color: #38c85f;}
.edtsign,.svsign,.edtpsword,.edtmbl,.edtemail_btn,.addemail_btn,.addmbl{ display: inline-block; padding-left:18px; }
.edtsign,.svsign,.edtpsword,.edtmbl,.edtemail_btn,.addemail_btn,.addmbl{ display: inline-block; padding-left:18px; }
.edtsign,.edtpsword,.edtemail_btn,.addemail_btn{ background: url("../image/usercent_gerenset_nor.png") no-repeat left center;}
.svsign{ background: url("../image/usercent_save_nor.png") no-repeat left center;}
.edtmbl,.addmbl{ background: url("../image/usercent_phone_nor.png") no-repeat left center;}
.edtsign:hover,.edtpsword:hover,.edtemail_btn:hover,.addemail_btn:hover{ background: url("../image/usercent_gerenset_hig.png") no-repeat left center;}
.svsign:hover{ background: url("../image/usercent_save_hig.png") no-repeat left center;}
.edtmbl:hover,.addmbl:hover{ background: url("../image/usercent_phone_hig.png") no-repeat left center;}
.laylist .codebox input[type='text']{ width: 170px; float: left;}
.getcode,.stopget{width: 110px; height: 44px; border-radius: 4px;background-color: #38c85f; padding: 0; text-align: center; line-height: 44px; margin-left: 8px;}
.stopget{ background: #cdcdcd;}
.svsign.dNone,.stopget.dNone{ display: none;}
.odalbox{ position: relative;}
.odalbox  .oprt{ position:absolute; padding: 16px 0; top:20px; right:-4px;width: 140px; height: 114px; border-radius: 4px;background-color: #ffffff;box-shadow: 0 3px 5px 0 rgba(208, 208, 208, 0.5); z-index: 2;}
.odalbox  .oprt a{ display: block; width: 100%;height: 30px; line-height: 30px; padding-left: 16px;}
.odalbox  .oprt a:hover{ background-color: #38c85f; color:#fff;}
.newslist .inwrapper{ background: #fff; margin-top: 14px;}
.newslist .pertit{margin: 20px; font-size: 12px;}
.newslist .pertit a.fr{ color: #38c85f;}
.newstab{width: 68px;    height: 30px;   line-height: 30px; display: inline-block; text-align: center; }
.newstab.cur{  border-radius: 3px;    background-color: #38c85f;color: #fff !important;}
.nlist{padding: 0 20px;}
.news_table{ width: 100%;}
.news_table .ellipsis{ width: 627px; max-width: 627px; padding-left:30px;}
.oprbtn a{ margin: 0 15px;}
.ndetail,.readed{ color: #38c85f;}
.ndel{color: #ff1232;}
.unread{width: 8px;height: 8px;background-color: #ff1232; border-radius: 50%; position: absolute; left: 20px; top: 23px; display: inline-block;}
.readed.unable{ color: #cccccc;}
.prolist .inwrapper{ background: none;}
.prolist .pertit{width:100%; height: 52px; line-height: 52px; font-size: 14px; color: #252525; background-color: #ffffff;border: solid 1px #f1f1f1;}
.prolist .pertit a{ margin-right: 16px;}
.probox{ padding: 10px; background-color: #fff; margin: 0px 0 18px;}
.proimg{width: 100%;height: 202px; float: left;}
.proimg img{width: 251px;height: 202px; }
.prodescr{ width: 811px;height: 202px;float: left; padding-left: 28px; position: relative;}
.pbase{ margin-top: 12px;}
.ptit{font-size: 16px;font-weight: bold;color: #313131;}
.pprice{font-size: 24px;color: #ff5c22; float: right;}
.ldetai{ padding-right: 135px;  line-height: 1.7; color: #525252;}
.pltags{ margin-top:10px;}
.pltags span{ display:inline-block;height: 30px; line-height: 30px; border-radius: 100px;background-color: #f5f5f5; margin-right: 12px; color: #585858; font-size: 12px; text-align: center; padding:  0 10px;}
.ptime{ position: absolute; bottom: 10px; color:#38c85f; }
.probtn_new{position: absolute; right: 0px; bottom: 21px; display: block;width: 150px; height: 40px; border-radius: 2px;background-color: #ffaf38; color: #fff !important; line-height: 40px; text-align: center;}
.probtn_new:hover{ background-color: #fb9f17; color: #fff;}
.probtn{position: absolute; right: 0px; bottom: 10px; display: block;width: 150px; height: 40px; border-radius: 2px;background-color: #38c85f; color: #fff !important; line-height: 40px; text-align: center;}
.probtn:hover{ background-color: #32d85f; color: #fff;}
.pdetaibox .pprice{  font-size: 24px;color:  #d21b1b; float: none; margin-top: 5px; display: block;}
.sbcontent,.sbteacher{ float: left; background-color: #fff;}
.sbtit{ margin: 0px; height: 60px; line-height: 60px;border-bottom: solid 1px #efefef; font-size:16px;}
.sbtit a{ display: inline-block; padding: 0 10px; margin: 0px 20px 0 5px;}
.sbtit a.cur,.fixed_buybox a.cur{color: #38c85f; border-bottom: 2px solid #38c85f;  }
.sbcontent{width: 948px; border: solid 1px #f1f1f1;}
.sbteacher{width: 303px; border: solid 1px #efefef; margin-left: 28px;}
.pro_dcontent{ padding: 0 40px 20px 40px; line-height: 1.6;}
.pro_dcontent img{ max-width: 100%;margin-top: 5px;}
.sbteacher{ text-align: center;}
.sbteacher img{ }
.sbteacher dl{ padding: 24px 40px 44px;}
.sbteacher dd{ margin-top: 10px; padding-bottom: 20px;border-bottom: solid 1px #efefef; margin-bottom: 20px;}
.sbteacher dd.last{ border-bottom: none;}
.st_none{text-align: center; color: #b6b6b6; margin: 80px auto;}
.prolist_content ul{ padding: 20px;}
.prolist_content h4,.shoping_box h4{color: #343434;font-size: 16px; border-left: 4px solid #38c85f; padding-left: 20px; height: 24px; line-height: 24px;}
.prolist_content dl{ width: 821px;height: auto;background-color: #f5f5f5; padding: 15px 15px 45px 15px; margin-top: 12px; display: none;}
.prolist_content dt{ width: 10%; float: left;margin-bottom: 10px;}
.prolist_content dd{ width: 90%; float: left; margin-bottom: 10px;}
.b_time{ display:inline-block;width: 40px; height: 20px;border-radius: 2px;border: solid 1px #38c85f;text-align: center;color: #38c85f; font-size: 12px; margin-right: 10px;}
.ban_list li{ margin-bottom: 20px;}
.bk_btn{ float: right;}
.test_btn,.study_btn{ vertical-align: top; display: inline-block;width: 80px; height: 26px; line-height: 26px; border-radius: 100px;border: solid 1px #38c85f;color: #38c85f !important; padding-left: 17px; background: url("../image/faxian_shiyong_icon.png") no-repeat  52px center;}
.study_btn{ width: 100px;background: url("../image/faxian_shiyong_icon.png") no-repeat  75px center;}
.test_btn:hover,.study_btn:hover{ color: #fff!important; background: #38c85f url("../image/faxian_shiyong_icon_hig.png") no-repeat 52px center; }
.study_btn:hover{background: #38c85f url("../image/faxian_shiyong_icon_hig.png") no-repeat 75px center;}

.sb_detbtn{vertical-align: top;display: inline-block;height: 22px; line-height: 26px;  width:26px;background:  url("../image/zhedie2.png") no-repeat center center; margin-left: 20px;}
.sb_detbtn.slup{background:  url("../image/zhedie1.png") no-repeat center center;}
.fixed_buybox{ position: fixed;top: 0;  width: 100%; min-width: 1200px; height: 65px;  line-height:65px;background-color: #ffffff; box-shadow: 0 2px 3px 0 #ececec; border: solid 1px #ebebeb; z-index: 99;}
.fixed_buybox a{ display: inline-block; line-height: 61px; padding: 0 10px; margin-right: 35px;}
.fixed_buybox .probtn{ right: 0; margin-right: 0; line-height: 40px;}
.fixed_buybox .pprice{ margin-right: 175px; font-size: 22px;}
.shoping_box .plist,.shoping_box .pdbox_content{ background-color: #fff; padding: 12px 0 0;}
.shoping_box h4{ background-color: #fff; height: 24px; line-height: 24px; }
.shoping_box .probox{ margin-top: 0; padding-left: 20px;}
.shoping_box .pdbox_content{ padding-bottom: 76px;}
.pay_type{width: 1232px; margin: 14px auto; border-radius: 4px; background-color: #ffffff; border: solid 1px #efefef; padding: 22px 35px ;  }
.buybtn{ display: block; width: 188px; margin-top: 20px;  float:right;height: 40px; line-height: 40px; text-align: center; color: #fff !important; border-radius: 100px; background-color: #38c85f;}
.buybtn:hover{ background-color: #32d85f;}
.moneybox{ text-align: right; padding-right: 20px;}
.pay_type dt{color: #313131;font-size: 16px;font-weight: bold; padding-left: 24px; margin-bottom: 19px;}
.stybi{ background: url("../image/user_xulibi_icon.png") no-repeat center left;}
.cash{ background: url("../image/jieshuanye_xianjing_icon.png") no-repeat left 39px ; border-top: solid 1px #efefef; margin-top: 25px; padding-top: 35px; }
.stybi span{color: #a7a7a7; font-size: 14px;}
.pay_type input[type='text']{width: 114px;  height: 40px; line-height: 40px; border-radius: 4px;background-color: #ffffff;border: solid 1px #e7e7e7; margin: 0 10px;padding: 0 4px;}
.moneybox div{ font-size: 16px;color: #313131; margin-top: 20px;}
.moneybox div span{ font-size: 30px;color: #38c85f;}
.moneybox p{color: #a7a7a7; font-size: 12px;}
.shopped_box .inwrapper{ background: #fff; margin-top: 14px; padding: 174px 100px;}
.shopped_box span{ display: inline-block;}
.paytit{text-align: right;color: #a1a1a1;  width: 37%;}

.pay_succed{ text-align: center; background: url("../image/wanchen_icon.png") no-repeat center top; padding-top: 80px;}
.pay_failed{ text-align: center; background: url("../image/jieshuan_shibai_icon.png") no-repeat center top; padding-top: 70px;}
.paycnt{ width: 53%;  text-align: left; padding-left: 30px;}
.pay_succed div{ line-height: 36px;}
.pay_succed h2{font-size: 24px; margin-bottom: 30px; font-weight: normal;}
.pay_tolearn,.pay_toback{ display:block;width: 300px; margin: 30px auto;  height: 44px; line-height: 44px; text-align: center; color: #fff!important; border-radius: 100px; background-color: #38c85f;}
.pay_tolearn:hover,.pay_toback:hover{ color: #32d85f;}
.pay_failed p{color: #999999; line-height: 32px;}

.s_preinfo{ width: 100%; height: 265px; background: #38c85f url("../image/wenli_xuexi.png") no-repeat; color: #fff;}
.sp_img img{ width:100px; height: 100px; border-radius: 50%;  }
.studybox .pertit{ height: 52px; line-height: 52px; background: #fff; margin: 0 0 14px 0; font-size: 14px;}
.studybox .pertit a{ margin: 0 15px;}
.sp_img{ width: 60%; float: left; padding-left: 70px; padding-top: 80px;  word-wrap: break-word;}
.sp_study{ width: 40%;float: left;padding-top: 80px;}
.sp_img dt{ width: 100px;float: left;}
.sp_img dd{width:345px;float: left; padding-top: 20px; padding-left: 20px;}
.sp_name{ font-size: 18px;}
.sp_study .tit{font-size: 22px; font-weight: 500; line-height: 32px; }
.sp_ctnbtn{ display:block;border-radius: 100px; background-color: #ffffff; box-shadow: 0 2px 10px 0 #26c651; margin-top: 14px; height: 38px; line-height: 38px; width: 108px; text-align: center; color: #38c85f !important;}
.sp_shced{border-radius: 4px; background-color: #ffffff; height: 7px; width: 260px; margin-top: 8px; position: relative;}
.sp_shced span{ display: inline-block;background-color: #57e77e;border-radius: 4px; height: 7px; position: absolute; top: 0;left: 0; }
.sp_road{ width: 300px;}
.s_plist li{ background-color: #fff; padding: 10px; float: left; margin-right: 26px;margin-bottom: 20px;}
.s_plist li:nth-child(4n){ margin-right: 0; float: right;}
.s_plist .proimg{ width: 235px; height: 159px; position: relative; float: none;}
.pro_oprt,.pro_bg,.pro_btnbox{ position: absolute; top: 0; left: 0; width: 235px; height: 159px; }
.pro_oprt .pro_btnbox a{ display: block; width: 127px; height: 38px; line-height: 38px; text-align: center; border-radius: 100px; }
.pro_bg{filter:alpha(opacity=70);opacity: 0.7; background:#000; z-index: 4;}
.pro_btnbox{ z-index: 9;}
.s_plist .proimg img{width: 235px; height: 159px;}
.proinfo{ margin-top: 10px;}
.sp_buybtn{ background-color: #38c85f; color: #ffffff!important;margin: 33px auto 0;}
.sp_buybtn:hover{background-color: #32d85f; }
.sp_continue{ background-color: #fff; color: #38c85f; margin: 10px auto;}
.sp_continue:hover{background-color: #38c85f; color: #ffffff!important;}
.sp_test,.sp_otimed{ display: inline-block;  position: absolute;width: 49px;height: 22px; line-height: 22px; top: 4px; left: 0; z-index: 2; font-size: 12px; color: #fff; text-indent: 8px;}
.sp_otimed{ background: url("../image/xuexi_guoqi_icon.png") no-repeat center;}
.sp_test{ background: url("../image/xuexi_shiyong_icon.png") no-repeat center;}
.kc_num,.ck_valide{color: #878787; font-size: 12px; margin-right: 20px;}

.sp_price{color: #38c85f;  font-size: 16px;}
.proinfo .ellipsis{max-width: 235px;}
.tobuy:hover .pro_oprt{ display: block;}
.no_prodata{width: 205px; height: 200px;  background-position:  top center;padding-top: 80px; text-align: center;}
.no_prodata p{color: #dadada;  }
.no_prodata a{ display:inline-block;border-radius: 100px; background-color: #38c85f; margin-top: 20px; width: 120px;  height: 38px; line-height: 38px; color: #fff !important; text-align: center;}
.task_list{ padding-bottom: 20px;}
.task_list li{ position:relative;width: 220px;height: 220px; cursor: pointer; border-radius: 4px;background: #ffffff url("../image/xuexi_renwu_suo_icon.png") no-repeat center 155px;color: #c0c0c0; border: solid 1px #ececec; float: left; margin-right: 40px; margin-bottom: 40px; text-align: left; line-height: 1.6; padding: 58px 15px 30px;}
.task_list li:hover{box-shadow: 0 2px 26px 0 #f1f1f1;}
.task_list li.t_done{background: #ffffff url("../image/xuexi_renwu_wanch_icon.png") no-repeat center 140px; color: #252525;}
.task_list li.fr{ float: right;}
.sex label{ margin-left: 15px;}
.task_list li span{ display: inline-block; position: absolute; color: #fff; text-align: center;}
.j_num{background: url("../image/xuexi_renwu_xuhao_nor.png") no-repeat; top: 0;left: 12px; width: 25px; height: 33px; line-height: 30px;}
.m_icon{background: url("../image/xuexi_renwu_qiaobiao_mingfei.png") no-repeat ; right: 0; top: 0;width: 42px; height: 42px;}
.t_link,.up_link .t_link_1{ position: absolute; display: inline-block; width: 40px; height: 1px;background-color: #d7d7d7; top:110px; right:-41px;}
.task_list li.errorbox { background-image: none; color: #252525;}
.task_list li.errorbox .j_num{background: url("../image/xuexi_renwu_chuobiao_icon.png") no-repeat; }
.task_list li.up_link .t_link{ top: -40px; left: 50%; height: 40px; width: 1px;}
.t_done .j_num{background: url("../image/xuexi_renwu_xuhao_hig.png") no-repeat;}
.jd_prev,.jd_next{ display: block; width: 82px; height: 30px; line-height: 30px; z-index: 2;  text-align: center;color: #ffffff;border-radius: 2px;background-color: #38c85f; position: absolute;}
.jd_prev:hover,.jd_next:hover{ background-color: #32d85f;}
.jd_prev{ top: 20px; right: -40px;}
.jd_next{bottom: 20px; right: -40px;}
.task_header ul{height: 65px; }
.task_header .inwrapper>li{ float: left;height: 65px; line-height: 65px;  display: inline-block;}
.task_header select{ width: 300px; height: 40px;  border: 1px solid #e7e7e7; border-radius: 4px; vertical-align: middle; }
.task_header select option{line-height: 40px;}
a.gt_studybtn{ display: inline-block; width: 104px;height: 32px; border-radius: 4px;background-color: #38c860;line-height: 32px; margin-top: 8px; text-align: center; }
.cur_kctit{ margin-right: 40px; font-size: 16px;}
.kc_titbox,.bk_titbox{ width: 300px;}
.cur_kctit.yml_cur{ width: 450px;}
.kc_titbox{margin-right: 20px;}
.jd_infobtn{ display: inline-block; height: 28px; width: 28px; background: url("../image/xuexi_renwu_tongji_nor.png") no-repeat center; margin-top: 20px; margin-left: 20px;}
.jd_infobtn:hover{background: url("../image/xuexi_renwu_tongji_hig.png") no-repeat center;}
.mulu_list{ position: absolute; top: 0px; left: 0;height: 100%; z-index: 12;}
.mulu_list > a{ background: url("../image/xuexi_mulu_bg_nor.png") no-repeat; display: inline-block; width: 80px; top: 0; position: absolute; height: 34px; line-height: 34px; margin-top: 10px; text-align: center; color: #fff;}
.mulu_list ul{width: 320px;  max-height: 100%; background-color: #ffffff;}
.contentHolder{ height: 100%; background-color: #fff; /*float: left;*/box-shadow: 3px 0 6px 0 rgba(222, 222, 222, 0.5);}
.mulu_list li{color: #252525; width: 291px; margin: 0 auto;border-bottom: 1px solid #efefef; }
.mulu_list li dt,.cur_cktit{padding: 20px 0px;}
.mulu_list dl dd{ padding: 10px; margin: 10px 0; display: none;}
.mulu_list dl dd:hover{ background-color: #f8f8f8;}
.mulu_list li dt a,.mulu_list dl dd span,.clsturn{ display: inline-block; width: 17px; height: 17px; vertical-align: middle; margin-right: 5px;}
.mulu_list li dt a,.clsturn{ background: url("../image/renwuliebiao_shouqi_icon.png") no-repeat center;}
.mulu_list dl dd span{ background: url("../image/renwuliebiao_weizuo_icon.png") no-repeat center;}
.mulu_list dl dd span.done{ background: url("../image/renwuliebiao_wanchan_icon.png") no-repeat center;}
.mulu_list dl dd span.Incomplete{ background: url("../image/renwujinxin.png") no-repeat center;}
.mulu_list li dt a.kc_toggle,.clsturn.slider_up{background: url("../image/renwuliebiao_zhankai_icon.png") no-repeat center;}
.jd_baseinfo{ position: relative;}
.jd_expeciebox{ width: 596px; border-radius: 2px;background-color: #ffffff;  padding-bottom:50px;line-height: normal; box-shadow: 0 3px 3px 0 rgba(197, 197, 197, 0.5); position: absolute; right: -5px; top:60px;}
.jd_expeciebox span{ display: inline-block;}
.h_jd_num{background: url("../image/renwu_tongji_jieduan_icon.png") no-repeat center left; padding-left: 20px; margin-right: 40px;}
.h_jd_task{background: url("../image/renwu_icon.png") no-repeat center left;padding-left: 20px; margin-right: 40px;}
.h_jd_done{background: url("../image/renwuwanc_icon.png") no-repeat center left;padding-left: 20px;}
.jd_expeciebox .tit{border: solid 1px #efefef; height: 44px; line-height: 44px;font-size: 16px;color: #252525; padding: 0 22px;}
.jd_tit,.jd_tit_base{margin: 25px 22px 10px;}

.jd_expeciebox dd  div.sp_shced{  margin: 0 22px; height: 4px; background-color: #ececec; width: 546px;}
.jd_expeciebox dd  div.sp_shced span{  height: 4px; }
.jd_baseinfo:hover .jd_expeciebox{ display: block;}
.task_header .inwrapper>li.fr{float: right; line-height: normal;}
.tk_next,.tk_studyed{ display: inline-block;width: 100px;height: 30px; line-height:24px; margin-top:15px; text-align:center;border-radius: 4px;background-color: #ffffff; border: solid 2px #38c85f; color: #38c85f!important;}
.tk_studyed{ width: 82px;}
.tk_next:hover,.tk_studyed:hover{background-color: #38c85f; border: solid 2px #38c85f; color: #fff!important;}
.judgebox .inwrapper{width: 643px;box-shadow: 0 1px 3px 0 #e1e2eb; position: relative;  border-radius: 2px; background: #ffffff url("../image/jieguo_bianjiao.png") no-repeat bottom right; margin-top:40px;padding: 0;}
.inner_judgebox{ height: 100%; width: 100%; position: absolute;    border-right:1px  solid #ebebeb; border-bottom:1px  solid #ebebeb;  left: 4px;  top: 4px;}
.judgebox{padding-bottom: 40px;  }
.inner_content{ position: relative; z-index: 9;  padding-bottom: 30px;}
.juan_good .jd_cnt{background: url("../image/jieguo_renwuwc_icon9.png") no-repeat center top; padding-top: 130px; }
.juan_bad .jd_cnt{background: url("../image/jieguo_renwuweiwc_icon.png") no-repeat center -30px; padding-top: 100px; padding-bottom: 60px; }
.jd_cnt{text-align:center;}
.jd_tit{ height: 44px; background: url("../image/jieguo_tudian_icon.png") no-repeat center; margin: 0;}
.jd_expeciebox .jd_tit{background:none; height: auto; margin: 25px 22px 10px;}
.txt_h1{font-size: 64px; color: #38c85f;}
.jd_cnt .txt_h2{font-size: 30px; margin-bottom: 10px;}
.jd_bslist span{font-size: 17px; color: #38c85f; margin-right: 20px; padding-top: 15px;}
.to_explain,.to_repeat{ display:block;width: 320px; height: 54px; font-size: 16px; line-height: 54px; border-radius: 100px; margin: 10px auto;  cursor: pointer; }
.to_explain{background-color: #38c85f; color: #fff !important; margin-top: 25px;}
.to_explain:hover{ background-color: #32d85f;}
.to_repeat{background-color: #fff; color: #38c85f;border: solid 1px #f0f0f0;}
.to_repeat:hover{ background-color: #38c85f; color: #fff; border: 1px solid #38c85f;}
.jd_cnt p,.jd_share{color: #a8a8a8; margin-top: 59px; }
.jd_share{ margin: 20px auto 0;}
.jd_share a{ display: inline-block; width: 44px; height: 44px; vertical-align: middle;}
.q_zone{ background: url("../image/jieguo_qqkongj_nor.png") no-repeat center; margin: 0 20px; }
.q_zone:hover{ background: url("../image/jieguo_qqkongj_hig.png") no-repeat center; }
.qq_link{ background: url("../image/jieguo_qqhy_nor.png") no-repeat center; }
.qq_link:hover{ background: url("../image/jieguo_qqhy_hig.png") no-repeat center; }
.tvediobox .inwrapper,.exambox .inwrapper{ background-image: none;padding-top: 14px; padding-left: 0; background-color: #fff;}
.vedio_urlbox{ width: 940px;height: 530px;background-color: #353535; margin: 20px auto;}
.vtask_descr{ width: 940px;  margin: 20px auto;}
.vtask_descr dt{ color: #2c2c2c;font-size: 18px; line-height: 40px;}
.vtask_descr dd{ color: #404040; line-height: 2;}
.tk_studyed.done i{ display: inline-block; width: 16px; height: 16px;background: url("../image/renwuliebiao_wanchan_icon.png") no-repeat center; vertical-align: middle; margin-right: 5px;}
.ex_content{ margin: 20px 82px; line-height: 1.6; color: #242424; position: relative;}
.cho_list li{ margin-bottom: 13px; padding: 5px;}
.cho_list li *{ font-size:inherit !important;font-family:"微软雅黑" !important;}
.cho_list li:hover{ background-color: #f0f0f0;}
.ex_optmore{ margin-top: 10px;}
.cho_list{ border-bottom: 1px solid  #efefef; margin-top: 20px; }
.vedio_exbtn,.martial_exbtn{ display:inline-block;padding:0 12px;height: 30px;  margin-right:20px;border-radius: 4px;border: solid 1px #38c85f; color: #38c85f !important; line-height: 30px;}
.vedio_exbtn:hover,.martial_exbtn:hover{background-color: #38c85f; color: #fff !important;}
.exam_plainbox dt{ color: #38c85f;font-size: 16px;letter-spacing: -0.7px;}
.exam_plainbox dd{margin-bottom: 30px;}
.error_reason{ position:relative; cursor:pointer;height: 32px; font-size: 14px; display: inline-block; line-height:32px; margin-bottom:10px;border-radius: 100px; background-color: #f3fef6; text-indent: 20px; border: solid 1px #caf2d5; color: #38c85f; padding: 0 40px 0 20px; background-position:  10px center;}
.error_reason:hover{ background-color: #ddffe6;}
.del_error{ background: url("../image/datiye_jiexi_biaoq_close.png") no-repeat center; display: inline-block; width: 24px; height: 24px;  position: absolute; right: 10px; top: 3px;}
dd.studt_suggust{ border-bottom: 1px solid #efefef; padding-bottom: 30px;}
dt.studt_suggust{ border-top: 1px solid #efefef; padding-top: 30px; }
.task_header .inwrapper>li.exam_time,.task_header .inwrapper>li.exam_operat,.task_header .inwrapper>li.tit_cur{ float: right;}
.exam_time{background: url("../image/dati_nav_shij_icon.png") no-repeat center left; padding-left: 40px;font-family: arial;font-size: 16px;font-weight: bold;}
.timebtn{ background: url("../image/dati_nav_bf_nor.png") no-repeat  bottom center; display: inline-block; width: 8px; height: 15px; margin-left: 10px; vertical-align:  text-top; }
.timebtn:hover{background: url("../image/dati_nav_bf_hig.png") no-repeat  bottom center;}
.timebtn.pause{background: url("../image/dati_nav_zt_nor.png") no-repeat  bottom center; width: 12px; height: 14px;}
.exam_end{ background: url("../image/dati_nav_jiaojun_nor.png") no-repeat center; display: inline-block; width: 82px; height:30px; vertical-align:  middle; }
.exam_end:hover{background: url("../image/dati_nav_jiaojun_hig.png") no-repeat center;}
.error_only{ background: url("../image/datiye_jiexi_cuoti_nor.png") no-repeat center; display: inline-block; width: 82px; height:30px; vertical-align:  middle;}
.error_only:hover{background: url("../image/datiye_jiexi_cuoti_hig.png") no-repeat center; }
.error_only.tit_all{ background: url("../image/qunbu_button_nor.png") no-repeat center; display: inline-block; width: 82px; height:30px;vertical-align:  middle;}
.error_only.tit_all:hover{background: url("../image/qunbu_button_hig.png") no-repeat center; }


.computer{ background: url("../image/dati_nav_jishuanqi_nor.png") no-repeat  center; display: inline-block; width: 30px; height:30px; margin-left: 15px; vertical-align:  middle; }
.computer:hover{background: url("../image/dati_nav_jishuanqi_hig.png") no-repeat   center;}
.card_wrapper{ display: inline-block; width: 60px; height: 65px;  position: relative; }
.card_wrapper:hover .cardbox{ display:block;}
.card{ background: url("../image/dati_nav_datika_nor.png") no-repeat  center; display: inline-block; width:30px; height:30px; margin-left: 15px; vertical-align:  middle;}
.card:hover{background: url("../image/dati_nav_datika_hig.png") no-repeat  center;}
.exam_tprev{background: url("../image/left_button_nor.png") no-repeat center; display: inline-block; width:82px; height:30px; vertical-align:  middle; }
.exam_tprev:hover{background: url("../image/left_button_hig.png") no-repeat   center;}
.exam_tnext{background: url("../image/right_button_nor.png") no-repeat  center; display: inline-block; width:82px; height:30px;margin-left: 10px; margin-right: 20px; vertical-align:  middle; }
.exam_tnext:hover{background: url("../image/right_button_hig.png") no-repeat center; }
.add_errorbtn{ display: inline-block; width: 44px;height: 50px;background: url("../image/datiye_jncuoti_nor.png") no-repeat center; position: fixed;  left: 50%;margin-left:480px; top: 148px;}
.add_errorbtn:hover{background: url("../image/datiye_jncuoti_hig.png") no-repeat center;}
.exambox  .task_ltit{ margin-top: 6px;}
.error_addbox{ width: 479px;}
.error_addbox .error_tit{ display: inline-block; margin-left: 5px;}
.error_addbox li{ padding: 8px 50px;}
.ereason_input input{width: 307px; height: 44px;  padding-left:10px;line-height: 44px; border-radius: 4px; background-color: #fff; border: solid 1px #e7e7e7; margin-left:30px;}
.ereason_input input:read-only{background-color: #f2f2f2;}
.error_addbox p{color: #8f8f8f; padding: 10px 50px;}
.anwser_error,.anwser_right{ display: inline-block; position: absolute; width: 26px; height: 26px;top:0px; left: -50px;}
.anwser_error{background: url("../image/datiye_jiexi_cuo_icon.png") no-repeat center;}
.anwser_right{background: url("../image/datiye_jiexi_dui_icon.png") no-repeat center;}
.exam_operat{ position: relative;}
.cardbox{ position: absolute;box-shadow: 1px 2px 10px 0 #eeeeee;width: 300px;border-radius: 4px;background-color: #ffffff; border: solid 1px #ebebeb; bottom: 64px;    right: -82px;}
#card_scroll{ max-height: 500px; width: 100%;}
.card_scroll dd a{width: 36px;height: 36px;  margin-bottom: 10px; text-align:center;line-height: 36px;border: solid 1px #e5e5e5;background-color: #ffffff; margin-right: 19px; display: inline-block; border-radius: 2px; position: relative;}
.card_tit em{ display: inline-block; vertical-align: middle; width: 16px; height: 16px; border-radius: 3px; margin-left: 20px; margin-right: 10px;}
.cd_cur em,.card_scroll dd a.a_cur{border: solid 1px #2fb854;background-color: #38c860; color: #fff;}
.cd_done em,.card_scroll dd a.a_done{border: solid 1px #e8e8e8;background-color: #dddddd;}
.cd_todo em{border: solid 1px #e5e5e5;background-color: #ffffff;}
.card_tit{ height: 50px; line-height: 50px;}
.card_scroll dl{ padding-left: 20px; line-height: 40px; margin-top: 15px;}
.calu{ display:none; position: fixed; left: 50%; top: 50%; margin-left: 37px; margin-top: -140px;}
.caluclose { text-align: right; position: absolute; right: 14px; top:-2px;font-size: 14px;  color: #c9c9c9; text-indent: 9999px;}
.drabtn{ position: absolute; top: 8px; left: 24px; font-size: 14px; color: #38c85f; display: inline-block;  height: 30px;}
.drabtn input{ border: none; height: 5px; width: 20px; background: rgb(248, 248, 248)}
.exam_tit img{ max-width: 100%;}
.sub_tit{ border-top:1px solid #efefef; margin-top: 20px; padding-top: 20px; position: relative; }
.sub_tit .cho_list,.esptit dd.studt_suggust{ border-bottom: none;}
.left_border{ position: absolute; display: inline-block;width: 4px;height: 30px;background-color: #38c85f; left: -82px;top: 20px;}
.sub_tit .anwser_error, .sub_tit .anwser_right{top: 23px;}
.com_cho_list{ padding-bottom: 5px;}
.com_cho_list li{background-color: #f4f4f4; height: 65px; line-height: 65px; width: 902px; padding-left: 10px; margin-bottom: 15px; position: relative;}
.com_cho_list li input[type='text']{border: solid 1px #e7e7e7;border-radius: 4px;background-color: #ffffff;  width: 258px; height: 40px; line-height: 40px; padding-left: 10px; }
.cj_turn{ display: inline-block; width: 24px; height: 24px; margin-left: 10px; vertical-align:middle;background: url("../image/datiye_kjkemu_icon_nor.png") no-repeat center;}
.add_li{display: inline-block;  width: 24px; height: 24px;position: absolute;background: url("../image/datiye_zjtiaomu_icon_nor.png") no-repeat center; top: 10px; right: -32px;}
.reduce_li{display: inline-block;  width: 24px; height: 24px;position: absolute;background: url("../image/datiye_sctiaomu_icon_nor.png") no-repeat center; top: 36px; right: -32px;}

.cj_turn:hover{background: url("../image/datiye_kjkemu_icon_hig.png") no-repeat center; }
.add_li:hover{background: url("../image/datiye_zjtiaomu_icon_hig.png") no-repeat center;}
.reduce_li:hover{background: url("../image/datiye_sctiaomu_icon_hig.png") no-repeat center;}
.com_cho_list label{ margin-left: 10px;}
.com_cho_list li span{ margin-right: 20px;}
.selist{ margin-left: 15px;}
.vedio_play{ width: 100%;height: 100%;}
/*侧边栏*/
.slider_rbanner{ padding-top: 5px; position: fixed; width: 58px; height: 200px; background-color: #fff;box-shadow: 0 2px 6px 0 rgba(207, 206, 206, 0.5);border-radius: 4px; top:50%; margin-top: -110px; right: 20px; z-index: 5;}
.slider_rbanner li{ width: 100%; height: 62px; position: relative;}
.slider_rbanner li a{ display: inline-block; width: 100%; height: 100%; text-align: center; font-size: 12px; padding-top: 35px;letter-spacing: -1.6px;}
.slider_rbanner li:hover a{ color: #38c85f;}
.weixin a{ background: url("../image/right_nav_weixin_nor.png") no-repeat  center 15px;}
.weixin:hover a{ background: url("../image/right_nav_weixin_hig.png") no-repeat  center 15px;}
.kefu a{ background: url("../image/right_nav_kefu_nor.png") no-repeat  center 15px;}
.kefu:hover a{ background: url("../image/right_nav_kefu_hig.png") no-repeat center 15px ;}
.suggust a{ background: url("../image/right_nav_yijian_nor.png") no-repeat center  15px ;}
.suggust:hover a{ background: url("../image/right_nav_yijian_hig.png") no-repeat  center 15px;}
.top a{ background: url("../image/right_nav_top_nor.png") no-repeat  center 11px;}
.top:hover a{ background: url("../image/right_nav_top_hig.png") no-repeat  center 11px;}
.top:hover a{ background: url("../image/right_nav_top_hig.png") no-repeat  center 11px;}
.weixin div{ position: absolute; right:56px;width: 135px; top:-5px;height: 138px;border-radius: 4px;box-shadow: 0 1px 4px 0 rgba(207, 206, 206, 0.5);background-color: #ffffff; padding: 10px;}
.weixin div img{ width: 117px; height:117px; }
.weixin:hover div{ display: block;}
.static{margin-top: 14px;}
.static .inwrapper{ background: #fff; padding: 0 0 54px; }
.static_cnt{width:940px; margin: 10px auto;  line-height: 1.6;}
.static_cnt dt{ position: relative; font-weight: bold;font-size: 16px; color: #191919;  padding: 12px 0;}
.static_cnt dd{border-bottom: 1px solid #efefef; padding: 0px 0 12px;}
.static_cnt .left_border{ top:14px;}
.sumary{ padding: 47px 0 20px;border-bottom: 1px solid #efefef;}
.contactus{ width: 407px; margin: 40px auto; border-bottom: none; line-height: 1.8;}
.contactus img{ width: 100%; margin-top: 20px;}
.prolist .newstab{ width: auto; padding: 0 20px;}
.prolist .pertit{ height: auto !important; padding-bottom: 10px; padding-top: 10px; margin: 0; border:none;border-bottom: 1px solid #f1f1f1 }
/*.header_nav .lgre_ipwrapper input{  margin-top: 15px;}*/
.danan .lgre_ipwrapper input{ height: 40px; line-height: 40px;}
.prolist .pertit.all_serch{ height: 46px; line-height: 46px; padding: 0 14px;}
.newslist .pertit.suggtit{ font-size: 16px; margin-top: 0}
.suggstbl .ellipsis{ color: #38c85f;}
.sug_detbox dt{ width: 20%; float: left; }
.sug_detbox dd{ width: 80%; float: left; max-height: 180px; overflow: auto;margin-bottom: 10px;}
.edtemail_box .laylist dt{ width: 25%; text-align: right;}
.edtemail_box .laylist dd{ width: 75%; height: auto;}
.edtemail_box .laylist dd span{  display: inline-block; margin-top: 10px;}
.unyaned { margin-bottom: 20px;}
.unyaned p{  color: #ccc; margin-top: 10px;}
.task_fixed{ position: fixed;top: 0;}
.order_detbox dt,.order_detbox dd{ display: inline-block; height: auto;  line-height: normal;}
.banner{ width: 100%; height: 516px; background: url("../image/appdown_bg.png") no-repeat center; margin-top: 65px; }
.banner .inwrapper{padding-top: 84px; padding-left: 50px;}
.banner h1{width: 320px; height: 90px; line-height:90px;color: #ebfff1;  margin-bottom: 5px; padding-left: 20px; font-size: 72px; font-weight: 400;}
.banner h2{ width: 400px; height: 42px; line-height:42px;color: #e1ffe9;padding-left: 20px;font-size: 30px; font-weight: normal;}
.bleft{ width: 580px; padding-top: 25px;}
.bright{ width: 480px; padding-left:22px; padding-top: 25px;}
.bright  a{ margin-top: 15px;}
.bright img,.loadbox img{ width: 155px; height: 155px;    margin-left: 29px;}
.bright dt,.bright dd{ width: 50%;display: inline-block; float: left; }
.banner_bgimg{ position: absolute; right: 80px; top:50px;}
/*.banlist{ padding:0 50px;}*/
.txtbox,.limgbox{ width: 50%; ; height: 443px; padding-left: 50px;}
.imgbox img{ width: 414px;}
.txtbox h3{ position: relative; font-size: 36px; color: #333333; line-height: 70px;height: 70px; margin-top: 100px;}
.txtbox h3 span{ position: absolute; z-index: 2; }
.txtbox p{ font-size: 18px; color: #5c5c5c;}
.border_div{width: 342px; height: 13px; background-color: #38c85f; position: absolute; left: 0; bottom: 7px;}
.iosbtn,.andbtn{ display: block;  width: 200px; height: 50px;  line-height:50px;border-radius: 100px;background-color: #202020; color: #fff !important; font-size: 18px;   }
.iosbtn{ background: #202020 url("../image/iOS.png") no-repeat 25px center; padding-left: 50px;}
.andbtn{ background: #202020 url("../image/Android-up.png") no-repeat 25px center;  padding-left: 50px;}
.loadbox{ width: 1000px; margin: 40px auto 0; padding-top: 40px; border-top: 1px solid #efefef;  text-align: center;}
.loadbox a{ display: inline-block; margin-left: 48px; text-align: left;}
.nologin a{ margin-left: 15px;}
.ucenter span{ vertical-align: middle; display: inline-block; }
.ucenter > span > em{ display: inline-block; width: 114px; text-align: right; }
.sex label input{ margin-right: 5px;}
.serch_head input{  vertical-align: inherit;}
.banlist  .fr{ height: 450px;}
/*index*/
.pro_banner{ margin-top: 65px; height: 436px;}
.per_show{height: 436px;  width: 1100px; margin: 0 auto 60px;}
.per_show .swiper-slide img{ width: 70px; height: 70px; border-radius: 50%; float: left;}
.per_show li{ border:1px solid #f1f1f1; border-radius: 4px;margin-right: 24px; }
.indexbox{ background: #fff; padding-top: 25px;}
.indexbox .inwrapper{ padding-bottom: 0px;}
.clsbox li{ border:1px solid #f1f1f1; margin-right: 23px;border-radius: 4px;}
.feninfo{ margin-top:15px; margin-bottom: 15px;}
.feninfo span{ font-size:12px; margin-right: 6px; }
.feninfo span.last{ margin-right: 0;}
.feninfo em{   vertical-align: baseline;}
.persumary{ line-height: 1.7;}


.per_show li.last,.clsbox li.last{ margin-right: 0;}
.clstit{height: 28px; width: 100%;color: #242424;font-size: 20px; border-left: 4px solid #38c85f; padding-left: 15px; margin: 15px 0 10px;}
#perlist{ position: relative;}
.clstit a{ font-size: 16px;}
.taskbox{ position: relative;z-index: 9;}
.taskbox .task_list{ position: relative; z-index: 3;}
.taskbox .innerbg{ width: 1100px; height: 100%; border-right:1px solid  #e1e2eb;box-shadow: 0 1px 3px 0 #e1e2eb; border-bottom:1px solid  #e1e2eb;display:block; position: absolute; top: 5px; left: 3px; z-index: 0;}
.linkbg{ width: 6px;height: 100%;border-right:2px solid  #d4d4d4;position: absolute; top: 5px; right: -13px;}
.linkbg:before,.linkbg:after{ content: ""; display: block; width: 10px; height: 30px; background: #f4f4f4;  position: absolute; left: 0;}
.linkbg:before{top:0px;}
.linkbg:after{bottom: 0px;}
.buyed .imgbox{margin-right: 0;}
.ck_valide {  margin-right: 0;;margin-top:4px}
.clsbox ul{ margin-bottom: 30px;}
#courseType{ padding-left: 100px; position: relative;}
#courseType span{ position: absolute; left:20px; }
#courseType a{ padding: 0 4px;}
.task_list li.free{background-image: none; color: #252525;}
.mulu_list .contentHolder{ width:336px;}
.tan_tbox{ position: fixed; top:50% ;  margin-top: -225px; left: 50%; margin-left: -375px;  }
.news_detbox .contentHolder{box-shadow:none;}
.mulu_list dd.cur a{ color: #32d85f;}
.task_endbox1 .task_deslist{ text-align: left; line-height: 1.6;}
.task_endbox1 .to_repeat{ width: 280px; margin-bottom: 20px;}
.task_endbox.task_endbox1 .layer-main{    background: url(../image/jieguo_renwuwc_icon9.png) no-repeat top center;}
.tan_tbox  .scrollbox{ padding: 5px 15px;}
/*滑块*/
#slider {margin:30px auto 10px;  width: 306px; height: 40px; position: relative; background-color: #ececec; overflow: hidden; user-select: none; -moz-user-select: none; -webkit-user-select: none;  text-align: center; box-shadow: inset 0 0 1px 0 rgba(199, 199, 199, 0.5);    border-radius: 100px; color: #444444;}
#slider_bg { position: absolute; left: 0; top: 0; height: 100%;background-color: #2abc52; z-index: 1;}
#label {width: 40px; position: absolute; left: 0;top: 2px; height: 40px; background:  url("../image/yz_button.png") no-repeat center;  z-index: 3; cursor: move;  border-radius: 50%;}
#label.s_slider{background:  url("../image/yz_button_wc.png") no-repeat center;}
#labelTip { position: absolute;  left: 0; width: 100%; height: 100%; font-size: 14px; font-family: 'Microsoft Yahei', serif;  color: #787878; line-height: 38px;  text-align: center;  z-index: 2;}
#slider.color_slider{ background-color: #2abc52; }
.slider_box .layer-main p{ text-align: center; color: #bababa; margin-bottom: 50px;}
/*footer*/
.footer{ width: 100%; background: #272727; padding: 33px 0;  color:#fff; font-size: 12px; }
.task_header.task_footer{ bottom:0; top: inherit;}
.exambox{ padding-bottom: 85px; padding-top: 79px;}
.task_header .inwrapper>li.tit_cur{ float: left;}
.sbteacher dd a{ display: inline-block; width: 120px; text-align: center; line-height: 30px; height: 30px; border-radius: 20px; border: 1px solid #32d85f; color: #32d85f; margin-top: 10px; }
.pay_type  .marlt20{ margin-left: 10px;}
/*20170912 套餐删除 字体大小 答题卡对错*/
.prodel{ position: absolute; top: 10px; right:10px; display: block; width: 22px; height: 22px; background: url("../image/xuexi_del.png") no-repeat center; z-index: 10; }
.ex_content.f12 *{ font-size: 12px !important;}
.ex_content.f14 *{ font-size: 14px !important;}
.ex_content.f16 *{ font-size: 16px !important;}
.ex_content.f12 dt *,.ex_content.f12 dt{ font-size: 14px !important;}
.ex_content.f14 dt *,.ex_content.f14 dt{ font-size: 16px !important;}
.ex_content.f16 dt *,.ex_content.f16 dt{ font-size: 18px !important;}
.card_scroll dd a em{ display: inline-block; width: 8px; height: 8px; position: absolute; left: 3px; top:3px; }
.tiError{ background: url("../image/cuowu_icon.png") no-repeat center;}
.tiRitght{ background: url("../image/zhenque_cion.png") no-repeat center;}
.fontSize{ position: relative;background: url("../image/fontset_nor.png")no-repeat center;width:40px; height: 65px; display: inline-block; margin-left: 15px;vertical-align: middle;}
.fontSize:hover{background: url("../image/fontset_hig.png")no-repeat center;}
.fontSize div{  position: absolute; bottom: 65px; left: -60px; box-shadow:1px 1px 3px 1px #ddd; padding: 10px 20px; background: #fff; width: 160px;  }
.fontSize div a{ display: inline-block;  float:left;width: 30px; height: 30px; line-height: 30px; margin-right: 15px;}
.fontSize:hover div{ display: block;}
.fs12{ background: url("../image/fontset_xiao_nor.png")no-repeat center; }
.fs12:hover{ background: url("../image/fontset_xiao_hig.png")no-repeat center;}
.fs14{ background: url("../image/fontset_zhong_nor.png")no-repeat center;}
.fs14:hover{ background: url("../image/fontset_zhong_hig.png")no-repeat center;}
.fontSize div a.fs16{ background: url("../image/fontset_da_nor.png")no-repeat center;margin-right: 0;}
.fs16:hover{ background: url("../image/fontset_da_hig.png")no-repeat center;}
.cho_list{ position: relative;}
.cho_listed:before{ display: inline-block; position:absolute; width: 100%; height: 100%; content: " "; opacity: 0; top: 0; z-index: 2; background-color: #fff;}
.freebtn{position: absolute; right: 153px; bottom: 21px; display: block;width: 80px; height: 40px; background-color: #38c860; color: #ffffff; line-height: 40px; text-align: center;border: solid 2px #38c860;background-image: url("../image/shiyong-icon.png");background-repeat:no-repeat;background-position-y:13px;background-position-x:13px;}
.freebtn:hover{ background-color: #31d95f; color: #ffffff;border-color:#31d95f;}
.freebtn_old{position: absolute; right: 153px; bottom: 10px; display: block;width: 80px; height: 40px; background-color: #38c860; color: #ffffff; line-height: 40px; text-align: center;border: solid 2px #38c860;}
.freebtn_old1{position: absolute; right: 0px; bottom: 10px; display: block;width: 80px; height: 40px; background-color: #38c860; color: #ffffff; line-height: 40px; text-align: center;border: solid 2px #38c860;}
.freebtn_old:hover{ background-color: #31d95f; color: #ffffff;border-color:#31d95f;}
.freebtn_old1:hover{ background-color: #31d95f; color: #ffffff;border-color:#31d95f;}
.videobtn{position: absolute; right: 236px; bottom: 21px; display: block;width: 80px; height: 40px; background-color: #38c860; color: #ffffff; line-height: 40px; text-align: center;border: solid 2px #38c860;background-image: url("../image/shitian-icon.png");background-repeat:no-repeat;background-position-y:13px;background-position-x:13px;}
.videobtn:hover{ background-color: #31d95f; color: #ffffff;border-color:#31d95f;}
.my_newTy .combtn{ height: 28px; line-height: 28px;}
.sty_decu dd .combtn{ border-radius: 20px;}
.header_nav > a.app{ display: inline-block; padding-left:15px; background: url("../image/shouji.png") no-repeat left center;}
.bsinfo{height:23px;}
.slider_rbanner{height: auto; width: 70px;  padding: 0; }
.slider_rbanner li{ height: 70px;}
.slider_rbanner li:hover{ background-color: #26c651; }
.slider_rbanner li:hover a{color: #fff; border-bottom: 1px solid #26c651;}
.slider_rbanner li a{ padding-top: 46px;  border-bottom: 1px solid #f2f2f2; margin: 0 5px; width: 58px;}
.gongzhonghao a {background: url(../image/gongzhong.png) no-repeat center 10px;}
.slider_rbanner li.gongzhonghao:hover  a {background: url(../image/gongzhong0.png) no-repeat center 10px;}
.weixin a {background: url(../image/chengxu.png) no-repeat center 10px;}
.slider_rbanner li.weixin:hover  a {background: url(../image/chengxu0.png) no-repeat center 10px;}
.kefu a {background: url(../image/kefu.png) no-repeat center 10px;}
.slider_rbanner li.kefu:hover  a {background: url(../image/kefu0.png) no-repeat center 10px;}
.tel a {background: url(../image/dianhua.png) no-repeat center 15px;}
.slider_rbanner li.tel:hover  a { background: url(../image/dianhua0.png) no-repeat center 15px;}
.app a {background: url(../image/APP.png) no-repeat center 15px;}
.slider_rbanner li.app:hover a {background: url(../image/APP0.png) no-repeat center 15px;}
.top a {background: url(../image/backtop.png) no-repeat center 11px;}
.slider_rbanner li.top:hover  a {background: url(../image/backtop0.png) no-repeat center 11px;}
.slider_rbanner li:hover div{display: block; }
.slider_rbanner li div{ position: absolute;   padding: 10px; right: 73px; width: 146px; top: 0;box-shadow: 0px 0px 6px 0px rgba(0, 11, 19, 0.1);background-color: #ffffff;}
.slider_rbanner li div img{ width: 100%;}
.tel div{ padding: 10px 24px 15px 24px;}
.app div{   text-align: center;}
.weixin div{ text-align: center; height: auto;}
.gongzhonghao div{ width: 280px !important; text-align: center;}
.gongzhonghao div img{ width: 129px !important;}
.gongzhonghao div p{ border-top: 1px solid #f2f2f2; padding-top: 8px;}
.gongzhonghao div label{ display: inline-block; width: 50%; text-align: center; padding-bottom:8px;}
.ucenter.senavbox img{ margin-left:5px;}
.sbtit a:first-child{ margin-left:30px;}