body {font-family:Helvetica Neue,Tahoma,Arial,PingFangSC-Regular,Hiragino Sans GB,Microsoft Yahei,sans-serif; font-size: 15px;color: #333536;width: 100%;background: #e8edef;user-select:none;}
body,ul,li,h1,h2,h3,h4,h5,h6 {margin: 0;padding: 0;}
ul,li {list-style: none;}
a {text-decoration: none;}
img {border: none;}
input {border: none;background: none;}
input,textarea {font-family: Arial, "微软雅黑";outline: 0;font-size: 14px;}
.clear {clear: both;}
.fl {float: left;}
.fr {float: right;}
.ellipsis {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: block}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {*+height: 1%}
.hide {display: none !important;}
.center {text-align: center;}
.ease-in {-webkit-transition: all .3s ease-in;-moz-transition: all .3s ease-in;-ms-transition: all .3s ease-in;-o-transition: all .3s ease-in;transition: all .3s ease-in;}
.blue {color: #2d97df;}
.color_3 {color: #333536;}
.color_6 {color: #6c7073;}
.color_9 {color: #989da1;}
.red {color: #FF0000;}
.f12 {font-size: 12px;}
.f14 {font-size: 14px;}
.f16 {font-size: 16px;}
.f18 {font-size: 18px !important;}
.f20 {font-size: 20px;}
.green {color: #2eb337;}
.posre {position: relative;}
::-webkit-input-placeholder {color: #989da1;}
button{ outline: none;}
.element{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100px;height: 100px;background-color: red;animation: pulse 2s fadeIn;}
@keyframes pulse {
	0% {transform: scale(1);}
	50% {transform: scale(0.8);}
	100% {transform: scale(1);}
}

.header {height: 48px;background: #fff;line-height: 48px; position: relative; overflow: hidden;}
.logo {float: left;color: #333536; font-weight: bold; padding:10px 0 0 4%;}
.logo img{ cursor: pointer;}
.top_wrap{min-width: calc(100% - 135px); position: absolute; top: 8px; right: 4%;}
.search{min-width: calc(100% - 100px); padding-left: 20px; height:36px; line-height: 36px; background: #f1f1f1; border-radius: 18px; position: relative; }
.top_wrap .search{margin-right: 6px;}
.search i{ position: absolute; top: 0; right: 15px;}
.search_cn{ padding-left: 0; min-width: calc(100% - 70px); position: absolute; top: 6px; right:20px;}
.search_input{ height: 18px; padding:9px 0 9px 15px; border: none; line-height:18px; width: calc(100% - 75px);}
.search_cn i{ right: 0; width: 44px; padding-right:6px; height: 36px; text-align: center; background: #2d97df; border-radius: 0 18px 18px 0; color: #fff;}
.no_data{ width: 100%; margin-top: 49px; padding-top: 10px; min-height: calc(100vh - 59px); background: #fff; text-align: center;}
.no_data p{ margin: 8px 0;}
.gonglue_btn{ background: #fff; border: solid 1px #2d97df75; color:#2d97df; border-radius: 18px; width: 78px; font-size: 12px; text-align: center; height: 30px; line-height: 30px; cursor: pointer;}
.gonglue_con{ padding: 0 20px 20px 20px; max-height: calc(100vh - 64px); overflow-y: scroll; font-size: 16px;}

.list_wrap{margin: 15px 4% 5px 4%;padding: 0 0 0 0;}
@media (min-width:540px) {	
	.logo {padding: 3px 0 0 2%;}
	.list_wrap{margin: 15px 2% 0 2%;}
	.top_wrap{ right: 2%;}
}
.statistics{ padding:10px 20px; color: #989da1; margin-bottom: 10px; background: #fff; border-radius:6px;}
.statistics li{ float: left; width: 33.33%;float: left; text-align: center; line-height: 24px;}
.statistics li .color_3{}
.statistics li span{display: block;}
.Exercise_wrap{ margin-top: 63px;}

.topic_type { margin: 0 0 15px 0; background: #fff; padding:15px; border-radius:12px;}
/*.topic_type:active{ background: #f3f8fa;}*/
.topic_icon { margin-bottom: 10px;}
.topic_icon img {border-radius: 6px; width: 100%;}
.topic_text {}
.topic_bt {font-size: 15px;color: #333536;height: 34px; clear:left; font-weight: bold;}
.topic_state {color: #989da1;font-size: 14px;margin-bottom: 6px;}
.progress_bar { width: calc(100%); height: 3px; border-radius:4px; position: relative;background: #eee;}
.progress_value {height: 3px;position: absolute;top: 0;left: 0;background: #2eb337;border-radius: 2px;}
.gq_time{ margin: 12px 0 4px 0; color: #6c7073;}
.topic_btn{width:100%; float: none;padding-top: 12px; clear: both; display: flex; justify-content: center; display: none;}
.topic_btn a{display:block;width:47%;height: 40px;line-height: 40px;text-align: center;border-radius:20px;margin: 0 0 0 0;color: #0b9c56; background: #fff; position: relative;}
.topic_btn a:after{ content: " "; transform: scale(0.5); width:calc(200% - 2px);height: 78px;border: solid 1px #7abb9c;border-radius:40px; position: absolute; top:-50%; left: -50%;}
/*.topic_btn a{display: inline-block;width: 47%;height: 38px;line-height: 38px;text-align: center;border-radius:20px;margin: 0 0 0 0;color: #fff;border: solid 1px #2eb337; background: #2eb337;}*/
.topic_btn a:active {background: #2eb337;color: #fff;border-color: #2eb337;}
.topic_btn a.blue_btn {color: #333536; background: #fff; margin-left:3%;}
.topic_btn a.blue_btn:hover{background: #2a8fd3;border-color: #2a8fd3;color: #fff;}
.topic_btn a.blue_btn:active{background: #2084c7;}
.topic_btn a.blue_btn:after{ content: " "; transform: scale(0.5); width:calc(200% - 2px);height: 78px;border: solid 1px #ccc;border-radius:40px; position: absolute; top:-50%; left: -50%;}
.topic_btn a.blue_btn:active:after{border: solid 1px #2084c7;}

.m_search{ margin: 15px 4% 5px 4%;}
.m_search .search{ background: #fff; border-radius: 60px; height: 44px; line-height: 44px;}
@media (min-width:768px) {	
	.m_search{margin: 15px 2% 5px 2%;}
	.topic_type{ display: flex; justify-content: flex-start;}
	.topic_icon{ margin: 0 15px 0 0;}
	.topic_icon img{ width:240px;}
	.topic_text{ width:calc(100% - 260px);}
	.topic_bt{ height: 40px; font-size: 16px;}
	.logo {padding:9px 0 0 2%;}
}	

.foot_nav{width: 96%; padding:0 2%; height: 48px; background: #fff; position: fixed; z-index: 99; left: 0; bottom: 0;border-radius:8px 8px 0 0; box-shadow:0 -2px 8px rgb(4,30,24,.08);}
.foot_nav ul{ display: flex; justify-content: center;}
.foot_nav li{ width: 100%; text-align: center; position: relative;}
.foot_nav li a{color: #6c7073; display: block; height: 44px; line-height: 22px; padding-top: 4px; font-size: 12px;}
.foot_nav li a.hover,.foot_nav li a:active{color: #2d97df;}
.foot_nav li a.hover,.foot_nav li.hover a{position: absolute;top:0;left:0; width: 100%; animation: pulse .5s infinite; animation-iteration-count:1;}
.foot_nav li a:hover{}

.foot_nav li i{ display: block; font-size: 32px; overflow: hidden;}
.foot_block{ height: 48px;}
.foot_nav li i.refresh{ font-size: 28px; margin:1px 0 -2px 0;}
.foot_nav li a.an_yan i{ font-size: 22px; margin-bottom: -2px;}
.foot_nav li a.an_yan i:before{ display: inline-block; margin:2px 0 0 0;}

.foot_nav li a .icon-home{ display: none;}
.foot_nav li a .icon-study{ display: none;}
.foot_nav li a .icon-my{ display: none;}

.foot_nav li a.hover .icon-home{ display: block;}
.foot_nav li a.hover .icon-my{ display: block;}
.foot_nav li a.hover .icon-study{ display: block;}

.foot_nav li a.hover .icon-home2{ display: none;}
.foot_nav li a.hover .icon-study2{ display: none;}
.foot_nav li a.hover .icon-my2{ display: none;}



.nav_op{ width: 100%; height: 48px; overflow: hidden; background: #fff; position: fixed; top: 0;left: 0; z-index: 99; border-bottom: solid 1px #F1F1F1; }
.nav_op_text{ text-align: center; line-height: 48px; font-size: 16px; font-weight: bold;}
.nav_op_text .color_9{margin-left: 10px;}
.nav_op_bt{line-height: 48px; padding-left: 4%;}
.nav_arrow{ position: absolute; top: 0; left: 0;line-height: 48px; width: 48px;height: 48px; overflow: hidden; text-align: center; cursor: pointer;}
.nav_arrow:active{ background: #f1f1f1;}
.nav_arrow i{ font-size: 28px;}
.sub_more{ position: absolute; top: 0; right: 0;line-height: 48px; width: 48px;height: 48px; overflow: hidden; text-align: center; cursor: pointer;}
.sub_more i{ font-size: 28px;}

.qh_btn{ position: absolute; top: 0; right: 0; padding: 0 4%; color: #a5abaf; cursor: pointer;}
.qh_btn:active{ color: #2d97df;}
.qh_con{ width: 92%; background: #fff; position: fixed; top: 49px; left: 0; z-index: 100; padding: 20px 4% 5px 4%; box-shadow:0 3px 8px rgba(0,0,0,0.08);}
.qh_con a{ display: block; width: 100%; line-height: 44px; color: #333536; text-align: center; border: solid 1px #eee; border-radius: 50px; margin-bottom: 15px;}
.qh_con a.hover,.qh_con a:active{ color: #2d97df; border: solid 1px #bfdef3;}

.simulation_head{width: 100%; height: 32px; line-height: 28px; overflow: hidden; background: #fff; position: fixed; top: 48px;left: 0; z-index: 99;  box-shadow:1px 1px 1px rgba(0,0,0,0.06); }
.simulation_head .sim_num{ padding-left: 20px; font-size: 13px;}
.simulation_head .sim_num .swiper-pagination-current{ color: #2d97df;}
.simulation_head .sim_time{position: absolute; top: 0; right: 20px; font-size: 16px; color: #2d97df;}
.sear_fenlei{ color:#989DA1; position: absolute; top: 0; right:20px; font-size: 13px;}
.top_digit{}
.top_digit .swiper-pagination-fraction{ width: auto; right: 20px; bottom: 0; position: initial;}
.top_digit .swiper-pagination-current{ color: #2d97df;}

.nav_time{ position: absolute; top: 0; right: 20px;}
.nav_time .ome{ position: relative; display: inline-block;vertical-align: middle; width: 20px; height: 20px; border:solid 1px #989da1; color: #989da1; border-radius: 12px; transform:scale(0.8);}
.nav_time .iconfont{ font-size: 10px; position: absolute; top: -4px; left:5px;}
.nav_time .icon-bofang{left: 6px;}
.time_dme{ color: #989da1;}

/*刷题中心*/
.km_list{ background: #fff; border-radius: 8px; padding:25px 2% 13px 2%; margin-bottom: 15px;}
.km_list ul{ display: flex; justify-content: center; flex-wrap: wrap;}
.km_list li{ width: 100%; text-align: center; max-width: 25%; margin-bottom: 12px;}
.km_list li i{ font-size: 48px; display: flex; justify-content: center; justify-items: center;}
.km_list li .km_icon{ display: block;width: 48px; height: 48px; border-radius: 28px; background: #4099e4; margin: 0 auto 8px auto; color: #fff;}
.km_list li .km_icon.green{ background: #2ebe37; color: #fff !important;}
.km_list li .km_icon.orange{ background: #f5b126;}
.km_list li .km_icon.red{ background: #f26541;}
.km_list li a{ color: #333536;}

@media (max-width:340px) {	
	.km_list li .km_icon{width: 42px; height: 42px;}
	.km_list li i{ font-size: 40px;}
}
.km_statistics{ padding: 15px 2%;}
.km_statistics li .gray{color: #9ba0a3;}
.km_statistics li p{ margin:0.6em 0;}

.km_wrap{ background:none; padding:0;}
.km_wrap ul{ display: flex; justify-content:space-between;}
.km_wrap .km_icon{ display: block;}
.km_wrap li img{ width: 44px; margin-bottom: -3px;}
.km_wrap li{ background: #fff; width: 31%; border-radius: 8px; text-align: center;}
.km_wrap li a{ color: #333536; padding:7px 0 12px 0; display: block;}

@media (min-width:768px) {
	.km_list{padding:30px  2% 13px 2%;}
	.km_statistics{ padding: 30px 2%;}
	.km_wrap li{ width: 32%;}
	.km_wrap li a{ padding: 25px 0 30px 0;}
	.km_wrap li img{ width: 54px;}
}	

/*章节列表*/
.km_title{ width: 100%; background: #fff; line-height: 44px; padding-top: 54px; }/* position: 0;left: 0;top: 48px; z-index: 99;*/
.km_title::after{ content: " "; width:200%; height: 1px; background: #d8dbdd; position: absolute; bottom: 0; left:-50%; transform:scale(0.5);}
.km_title ul{display: flex; justify-content: flex-start;}
.km_title li{ width: 100%; text-align: center; cursor: pointer; color: #666869; font-size: 15px;}
.km_title li.hover{ color: #2d97df; position: relative;font-weight: bold;}
.km_title li.hover::before{ z-index: 120; content: " "; width:14%; height: 2px; background: #2d97df; position: absolute; bottom: 0; left: 50%; margin-left: -7%;}

.km_box{ margin-top: 0;min-height: calc(100vh - 102px); overflow: hidden; background: #e8edef;}
.km_content{ background: #e8edef;}
.class_list{}
.class_list .green{color:#2eb337 !important;}
.class_list:active{ background: #f3f6f8;}
.oneclass{ margin:10px 0; background: #fff; border-radius: 6px;}
.oneclass.hover .dir_icon{ color: #2eb337;}
.oneclass .class_list{  padding: 0 3px;}
.twoclass .class_list{ border-bottom: dotted 1px #e7ebed; cursor: pointer;}
.threeclass .class_list{ border-bottom: dotted 1px #e7ebed;}
.fourclass .class_list{ border-bottom: dotted 1px #e7ebed;}
.oneclass .dir1{ font-size: 15px; width: calc(100% - 110px); text-align: left; padding-left: 0; float: left; display: flex; align-items: center; padding: 10px 0; min-height: 44px;}
.oneclass .dir2{ float: left; justify-content: center;display: flex; align-items: center;padding: 10px 0;  height: 44px; color: #7c8184;}
.oneclass .dir3{ width: 80px; float: left; justify-content: center;display: flex; align-items: center;padding: 10px 0;  height: 44px; color: #9ba0a3;}
.oneclass .dir4{ width: 30px; float: left; justify-content: center;display: flex; align-items: center;padding: 10px 0;  height: 44px; color: #9ba0a3;}

.twoclass .dir1{ width: calc(100% - 135px);padding-left: 25px; position: relative;}
.twoclass .dir1:before{ content: " "; width:4px; height:10px; background: #56bf5c; position: absolute; top: 50%; margin-top: -4px; left: 10px;}
.threeclass .dir1{ width: calc(100% - 135px); padding-left:25px;}
.threeclass .dir1:before{ content: " "; width:5px; height:5px; background: #56bf5c;border-radius: 3px; position: absolute; top: 50%; margin-top: -2.5px; left: 10px;}
.fourclass .dir1{ width: calc(100% - 155px); padding-left: 45px;}
.fourclass .dir1:before{left: 30px;}

.oneclass .dir1.hover{ color: #2eb337;}
.dir_icon{ font-size: 34px !important; color: #989da1;}
.dir_icon.green{ font-size: 34px; color: #2eb337;}
.arrpw_op{ font-size: 22px; cursor: pointer; color: #9ba0a3;}
.arrpw_op.hover{ color: #989da1;}

@media (min-width:768px) {
	.oneclass .dir1{ width: calc(100% - 155px); padding-left: 15px;}
	.oneclass .dir3{ width: 90px;}
	.oneclass .dir4{ width: 40px;}
	.twoclass .dir1{ width: calc(100% - 180px); padding-left: 40px;}
	
	.twoclass .dir1:before{ left: 25px;}
	.fourclass .dir1{ width: calc(100% - 195px); padding-left: 55px;}
	.fourclass .dir1:before{left: 45px;}
}	

/*题目详情*/
.statistics_con {background: #fff;box-shadow:0 2px 5px rgb(4,30,24,.05);}
.statistics_list{padding:80px 0 48px 0;color:#333536; position: relative;}
.statistics_main{ background: #fff; padding:30px 20px 40px 20px; font-size: 15px;}
.statistics_main video{ width: 100%; height: auto;}
.subject_title {line-height: 26px; margin-bottom: 10px; word-break: break-word; font-size: 18px;}
.subject_title img{display: block; max-width:calc(100%); height:auto; background:url(/areas/m/lib/img/loading.gif) no-repeat center center; border-radius: 4px; margin-top: 10px;}
.subject_title .qbg{ background: #f2faff; border: solid 1px #e8f6ff; width: auto; padding: 30px; border-radius: 10px; font-size: 24px;margin: 12px 0;display: inline-block;}
.subject_title h1{ line-height: 1.5em; font-size:24px;}

.subject_option {line-height: 22px; word-break: break-all; font-size: 16px;}
.subject_option input {vertical-align: top;border-color: #2eb337;}
.subject_option label {display: block;cursor: pointer;color: #666;padding: 12px 0;}
.subject_option label:hover {}
.subject_option p {margin: 0;}

@media (max-width:1024px) {
	.statistics_con {min-height: calc(100vh - 49px);}
	.statistics_list{padding:80px 0 48px 0; height: calc(100vh - 128px); overflow-y: scroll;scrollbar-width:none;}
	.statistics_list::-webkit-scrollbar {width: 0px;height: 0px;}
	
	.statistics_list .record_no{ min-height: calc(100vh - 260px);}
	.statistics_main{ min-height: calc(100vh - 448px);}
}	

.subject_type{ width: 60px; height: 28px; line-height: 28px; font-size: 12px; padding-left: 10px; background: #e8f6ff; color: #358fd9; position: absolute; top: 80px; left: 0; border-radius: 0 0 6px 0; clip-path:polygon(0 0%,100% 0,85% 100%,0 100%);}
.subject_op_wrap{ position: relative; cursor: pointer; padding: 10px 0;}
.sub_op_sequence{display: inline-block; vertical-align: top; width: 24px; height: 24px; line-height: 24px;font-size: 14px; text-align: center; border-radius: 14px; border:solid 1px #ddd; margin:3px 6px 0 0;}
.sub_op_con{ display: inline-block; vertical-align: top; max-width: calc(100% - 44px); line-height: 24px; vertical-align: top;padding-top:4px;}
.subject_option .dui, .subject_option .cuo {display: inline-block; vertical-align: top; width: 24px;height: 24px;line-height: 24px;font-size: 14px;text-align: center; border-radius: 14px;border: solid 1px #ddd; margin:3px 6px 0 0; display: none;}

.subject_option .dui{ background: #2eb337; color: #fff; border-color: #2eb337; display: none;}
.subject_option .cuo{background: #fe0000; color: #fff; border-color: #fe0000; display: none;}
.subject_option .dui i,.topic_option .cuo i{ font-size: 16px;}
.subject_option .pd_doc{ position: relative;}
.subject_option .pd_doc:before{ content: " "; border-radius: 20px; position: absolute; top: 4px; left: 4px; width: 12px; height: 12px; background: #2eb337; border: solid 2px #fff; display: none;}
.subject_option .pandui .pd_doc:before{ display: block;}

.subject_option .dadui .dui,.subject_option .dacuo .cuo{ display:inline-block;}
.subject_op_wrap.dadui,.subject_option .pandui{color: #2eb337;}
.subject_op_wrap.dacuo{color: #fe0000;}
.subject_op_wrap.dadui .sub_op_sequence,.subject_op_wrap.dacuo .sub_op_sequence{ display: none;}
.subject_op_wrap:active{ color: #2d97df;}

.topic_opbtn{ width: 100%; margin-top: 20px;}
.topic_opbtn a{ display: inline-block; width: 104px; height: 40px; line-height: 40px; background: #2eb337; color: #fff; border-radius: 6px; border-color: #2eb337; text-align: center;}
.topic_opbtn a:active{ box-shadow: 2px 3px 3px rgba(0,0,0,0.1) inset;}
.tiankong_input{width: calc(100% - 30px); min-height: 80px; line-height: 24px; padding: 15px; border: solid 1px #ddd; border-radius: 6px;}
.tk_zuoda{ margin-top: 20px;}
.tk_zuoda .topic_option{ margin-bottom: 0;}

.sim_con .statistics_list{ padding: 84px 20px 48px 20px; height: calc(100vh - 148px);}
.answer_dui {width: 20px;height: 18px;padding-top: 2px;background: #2eb337;color: #fff;border-radius: 12px;display: inline-block;text-align: center;}
.answer_cuo {width: 20px;height: 18px;padding-top: 2px;background: #f34f4f;color: #fff;border-radius: 12px;display: inline-block;text-align: center;}
.subject_answer {border: solid 1px #eee;background: #fff; padding:15px 20px 8px 20px; border-radius: 6px;color: #666;}
.subject_answer p{ margin:0 0 12px 0;}
.subject_answer img{ max-width: 100%;}

.an_other{ margin-top: 0px; background: rgba(232,237,239,0.7); padding: 15px;}
.analysis_box{ background: #fff; padding: 20px; border-radius: 6px; line-height: 28px; font-size: 15px;}
.analysis{}
.analysis_title{ width: 80px; color: #989DA1; float: left;}
.analysis_con{ color: #333536; line-height: 20px; padding-top: 3px; float: left; word-break: break-all;}
.analysis_con img{ max-width: 100%;}

.biji_box{ margin-top: 15px; background: #fff; padding: 15px; border-radius: 6px;}
.biji_title{ margin-bottom: 15px; font-size: 15px;}
.biji_con{ margin-bottom: 15px;}
.biji_touxiang{ width: 48px;}
.biji_touxiang img{ width: 38px; height: 38px; border: solid 0.5px #bedef1; border-radius: 50%;}
.biji_list{ max-width: calc(100% - 50px); font-size: 15px;}
.biji_name{ line-height: 22px; margin-bottom: 3px;}
.biji_text{}
.nobj{ background: #fff; border-radius: 8px; text-align: center; display: flex;justify-content: first baseline;}
.nobj .img{ width:140px; }
.nobj .img img{ width:75px;}
.nobj .topic_opbtn{ text-align: right; padding-right: 15px; margin-top: 22px;}
.nobj .topic_opbtn a,.tjbj a{ width: 90px; height: 34px; line-height: 34px; font-size: 14px; color: #2d97df; background:none; border: solid 1px rgba(45,151,223,0.5);}
.tjbj{ padding:0 10px 0 48px;}
.tjbj a{ display: inline-block; text-align: center; border-radius: 6px; background: #fff;}

.sub_op{}
.sub_op li{ width: 25%;}
.sub_op li.hover a{ color: #299ce2;}
.sub_op .foot_nav_choice{ line-height: 48px; font-size:16px;}
.sub_op .foot_nav_choice bdo{ margin-left: 5px; font-size: 18px;}
.sub_op .foot_nav_choice bdo:before{ transform:rotate(0deg);position:absolute;}
.sub_op .foot_nav_choice bdo.icon-syarrow-3:before{ top: 2px;}

/*题库详情-安永使用指南*/
.raiders{ width:1200px; min-height:calc(100vh - 40px); background: #fff; position: fixed; top:20px; left: 50%; margin:0 0 0 -600px; border-radius: 6px; overflow: hidden;}
.raiders_title{ height:44px; line-height:44px; background: #f1f1f1; padding-left: 15px;}
.raiders_con{ max-height:calc(100vh - 124px);font-weight: normal;}
.raiders_close{ height: 30px; line-height: 30px; border-radius: 4px; background: #6c757d; display: inline-block; padding: 0 18px; color: #fff; position: absolute; right: 10px; top: 6px;}
a.raiders_close:hover{ background: #0072c1;}

.raiders_con table{ background: #ddd;}
.raiders_con table th{ background: #f1f1f1; padding: 8px 15px;}
.raiders_con table td{ background: #fff; padding: 8px 15px; text-align: center;}

/* 弹窗 */
.winbg{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 999;}
.winbg{z-index: 999;background: rgba(0, 0, 0, 0.5);filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ac000000', EndColorStr='#ac000000')}
:root .winbg {z-index: 999;background: rgba(0, 0, 0, 0.5);filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00000000', EndColorStr='#00000000')}
.prompt-win {width: 100%;height: 100%;position: absolute;top: 0;left: 0;margin: 0 0 0 0;background: #f5f5f5;overflow: hidden;}
.prompt-win .head {height: 44px;line-height: 44px;background: #222;color: #fff;font-size: 16px;}
.prompt-win .head .title {padding-left: 15px;}
.prompt-win .head .win-close {position: absolute;top: 0;right: 0;}
.prompt-win .head .win-close a.return {display: inline-block;padding: 0 18px;color: #fff;background: #555;border-left: solid 1px #444;}
.prompt-win .head .win-close a.return:hover {background: #f5cd40;color: #000;}
.prompt-win .kpmgcont {width: 100%;height: calc(100% - 64px);overflow-y: scroll;text-align: center;background: #fff;border-radius: 8px;}
.prompt-win .kpmgcont p {margin: 8px 0;}
.prompt-win .kpmgcont .question img {}
.prompt-win .kpmgcont .answer img {max-height: 100%;margin-bottom: 0;}
.prompt-win .kpmgcont .timu {display: inline-block;background: #6c757d;color: #fff;padding: 2px 10px;border-radius: 12px;}
.prompt-win .kpmgcont .daan {display: inline-block;background: #28a745;color: #fff;padding: 2px 10px;border-radius: 12px;}

/* 弹窗 */
.window{width: 100%; background: #fff;position: fixed;bottom: 0;left: 0; z-index:1000; overflow: hidden; border-radius: 8px 8px 0 0;}
.window_title{height: 44px;line-height: 44px;background: #fff;padding:0 20px; font-size: 16px;}
.window_con{padding:10px 20px;}
.window_close{width: 44px;height: 44px;text-align: center;line-height:44px;border-radius: 4px;display: inline-block;color: #666;position: absolute;right:0;top: 0;}
.window_close i{font-size: 22px;}
a.window_close:active{color: #2d97df;border-radius: 15px;}
.window_text{ width: calc(100% - 20px);border: solid 1px #ddd; max-height:calc(100vh - 240px); padding: 10px;line-height: 22px; border-radius: 6px;}
.window_btn{padding:0 20px 20px 20px; display: flex; justify-content:space-between;}
.window_btn button{ width: calc(50% - 20px); height: 44px; background: #fff;border: solid 1px #ccc;border-radius:24px;cursor: pointer; font-size: 14px;}
.window_btn button:active {background: #f1f1f1;}
.window_btn button.main_btn {background: #2d97df;border: solid 1px #2d97df;color: #fff; width: calc(50% - 0px);}
.window_btn button.main_btn:active {background: #258ed6; border-color:#258ed6;}

/* 选择题目 */
.win_option{ max-height:calc(100vh - 160px); overflow-y: scroll;}
.win_option a{ width: calc(50% - 15px); text-align: center; border-radius:22px; border: solid 1px #eee; display:inline-block; margin:0 10px 15px 0; height: 44px; line-height: 44px; color: #333536;}
.win_option a:active,.win_option a.hover{ background: #2d97df; color: #fff; border: solid 1px #2d97df;}
.type2 .win_option a{ width: calc(100% - 10px); margin-right: 0;}
.type3 .win_option a{ width: calc(100% - 26px); margin-right: 0; padding-left:20px; text-align: left;}

/* 答题卡 */
.answer_lx{ color: #6C7073; font-size: 13px; margin-bottom: 10px;}
.win_answer_card{max-height: calc(100vh - 320px); padding:0 5px 20px 20px; overflow-y: scroll;}
.win_answer_card li{ float: left; margin:0 10px 8px 0;}
.win_answer_card a{ width:40px; text-align: center; border-radius:22px; border: solid 1px #eee; display:inline-block; height: 40px; line-height: 40px; color: #333536;}
@media (max-width:330px) {
	.win_answer_card{overflow-y: scroll;}
}
.answer_tagging {color: #989da1;line-height: 20px;font-size: 12px;margin: 0 0 15px -10px;}
.doc {display: inline-block;width: 6px;height: 6px;border-radius: 7px;background: #eee;vertical-align: top;margin: 6px 0 0 12px;}
.answer_number {padding-left: 10px;margin-bottom: 10px;}
.answer_number a {display: inline-block;width: 28px;height: 28px;line-height: 30px;text-align: center;cursor: pointer;background: #fff;border-radius: 15px;margin: 0 5px 10px 0;color: #ccc; border: solid 1px #ddd;}
.win_answer_card a:hover {background: #2d97df; border:solid 1px #2d97df; color: #fff;}
.win_answer_card a.green,.win_answer_card a.green:hover,.an_green { border:solid 1px #2eb337; background-color: #2eb337; color: #fff;}
.win_answer_card a.red,.win_answer_card a.red:hover,.an_red { border:solid 1px #f14c4c; background-color: #f14c4c; color: #fff;}
.win_answer_card a.green2,.win_answer_card a.green2:hover,.an_green2 { border:solid 1px #2d97df; background-color: #2d97df; color: #fff;}
.win_answer_card a.blue,.win_answer_card a.blue:hover,.an_blue { border:solid 1px #2d97df; background-color: #2d97df; color: #fff;}

.win_answer_card a:active,.win_answer_card a.hover,.win_answer_card a.hover:hover{ background: #fff; color: #2d97df; border: solid 1px #2d97df;}
/* 分页 */
.page {padding-top: 18px;text-align: right;margin: 0 auto;}
.page a,.page span.pg_arrow {display: inline-block;padding: 3px 12px;line-height: 24px;border: solid 1px #ddd;border-radius: 4px;margin-right: 5px;cursor: pointer;}
.page a.hover,.page a:hover {background: #2eb337;color: #fff;border-color: #2eb337;}
.page a.pg_arrow,.page span.pg_arrow {font-family: "宋体";}

/* 题目详情 */
.swiper {width: 100%;}
.swiper-slide { font-size: 18px; background: #fff; /* Center slide text vertically */}
.swiper-slide img {}
.swiper-pagination-bullet {width: 20px;height: 20px;text-align: center;line-height: 20px;font-size: 12px;color: #000;opacity: 1;background: rgba(0, 0, 0, 0.2);}
.swiper-pagination-bullet-active {color: #fff; background: #007aff;}

/*练习记录*/
.Exercise_tit{ width: 100%; line-height: 48px; padding:0; display: flex;}
.Exercise_tit ul{ display: flex; width: 100%; text-align: center;justify-content:center;}
.Exercise_tit li{ width:50%; position: relative;}
.Exercise_tit li a{ color: #333536; display: block; font-weight: bold;}
.Exercise_tit li.hover a{ color: #2eb337;}
.Exercise_tit li.hover a:before{ content:""; width: 12px; height: 3px; border-radius: 4px; background: #2eb337; position: absolute; bottom: 0; left: 50%; margin-left: -6px;}

.Exercise_list{ background: #fff; border-radius: 6px; padding:22px 20px; margin-bottom: 10px;}
.Exercise_list .progress_bar{ height: 6px; border-radius: 6px;}
.Exercise_list .progress_value{ height: 6px; border-radius: 6px;}
.Exe_title{ margin-bottom: 12px;}
.Exe_text{ margin-bottom: 15px; font-size: 12px; color: #989da1;}
.record_no{min-height: calc(100vh - 152px);}
/*min-height: calc(100vh - 160px);*/
.record_info{ position: relative; background: #fff; padding:20px 0 10px 0; margin:60px 3% 78px 3%; border-radius:8px; overflow: hidden;}
.record_info .win_answer_card{ height: 500px; padding: 0 8px 0 8px;}
.record_info .win_answer_card li{ text-align: center;}
.record_count{ display: flex; margin-bottom: 20px;}
.count_list{ width: 100%; text-align: center; color: #989da1; position: relative;}
.count_list:after{content:""; height: 64px; width: 1px; background:#e5e5e5; display: block; position: absolute; top: -10px; right:0; transform: scale(0.5);}
.noline::after{ display: none;}
.record_count .color_3{ display: block; font-size: 18px; margin-top: 5px;}
.record_tit{ padding:0 20px; color: #333536; margin-bottom: 10px;}
.record_time{ padding:0 20px; color: #989da1; margin-bottom: 30px;}
.record_fot{ height: 54px; padding-top: 10px;}

/*用户中🆕*/
.user_wrap{ padding-bottom: 5px; border-radius: 6px; margin-bottom: 10px;}
.user_img{ width:60px; height: 60px;}
.user_img img{width: 54px; border-radius: 50%; border:solid 3px #e8edef;}
.user_text{max-width: calc(100% - 70px); margin-left: 10px;}
.user_name{ margin-bottom: 9px; padding-top: 4px; font-size: 16px;}
.time_remaining{ background: #fff; padding:25px 20px; border-radius: 6px; margin-bottom: 10px;}
.my_nav{ background: #fff; padding:10px 0; border-radius: 6px;}
.my_nav li{ }
.my_nav a{ padding: 0 20px; color: #333536; display: block; height: 48px; line-height: 48px; position: relative;}
.my_nav a:active{ background: rgba(232,237,239,0.5);}
.my_nav a i{ position: absolute; right: 15px; top: 50%; margin-top: -23px;}

.coll_nav ul{ display: flex;}
.coll_nav li{ width: 100%;}
.coll_content{min-height: calc(100vh - 48px); margin-top: 48px; padding:10px 20px; background: #fff; font-size: 16px; line-height: 24px;}
.feedback{ padding:0;}
.feed_select{ margin-bottom: 20px;}
.feed_select select{height: 44px;padding: 0 20px 0 10px;border: solid 1px #ddd;min-width: 100%; outline: none;}
.tip_right{ padding-left: 20px;}

/*默认弹窗*/
#winbg { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999 }
#winbg { z-index: 999; background: rgba(0,0,0,0.5); }		
#msg {min-width: 280px; max-width:280px; position: fixed;z-index: 999;top: 50%;margin-top: -90px;left: 50%;margin-left: -140px;background: #fff;box-shadow: 3px 5px 8px rgba(0,0,0,0.2);text-align: center;line-height: 2rem;display: inline-block;border-radius: 6px;}

#msg_cont {padding: 35px 20px;text-align: center; font-size: 18px; color: #000;}
#msg_top { border-top: solid 1px #eee; color:#333536; font-size: 16px;text-align: center; height: 48px;line-height: 48px; display: flex; justify-content: first baseline;}
#msg_top .msg_close{ width: 100%; cursor: pointer;}
#msg_clear { border-right: solid 1px #eee; color: #2d97df;}

/*zujuan*/
.wu_content{ background: #fff;}
.wu_content .swiper-container {width: 100%; min-height:calc(100vh - 94px);}
.wu_content .swiper-slide{ font-size: 14px; min-height:calc(100vh - 94px);}

.wu_tab{ padding-top: 48px; border-bottom: dotted 1px #eee;}
.wu_tab ul {width: 100%;overflow: hidden;position: relative;}
.wu_tab li.on {background-color: greenyellow;color: #fff;}
.wu_tab .more {background: transparent;height: 2px;position: absolute;left: 0;bottom: 0;width: 50%;transition: all .2s linear;}
.wu_tab .more span {background:#2d97df; height: 2px;position: absolute;left: 50%;bottom: 0;transform: translate(-50%, -50%);width: 22px;}
.wu_content{ padding-top:0px ;}
.km_title.wu_tab li.hover::before{ display: none;}

.zj_content{padding: 20px;min-height:calc(100vh - 134px);}
.zj_row{ display: flex; justify-content: flex-start; align-items: center; border-bottom: dotted 1px #ddd;}
.zj_row .zj_input{ width: calc(100% - 80px); line-height: 54px; background: #fff; border-radius: 8px; color: #000; }
.zj_row .form-control{ width: calc(100% - 80px); height: 54px; background: #fff; border-radius: 8px; color: #000; border: none;}
.zj_row .zj_name{ width:80px;}
.zj_text{ color: #989da1;}

.zj_tixing_box{ padding-top: 20px;}
.zj_row .zj_sel{ width: 80px; padding-left: 10px;}
.zj_row .zj_tixing{ width: calc(100% - 175px); margin-right: 10px;}

.zj_fraction{ padding:15px 0 15px 0; text-align: center; color: #2eb337;}
.zj_button{}
.zj_button button{ width: 100%; height:48px; background: #2eb337; color: #fff; border: none; border-radius: 25px;}
.zj_button button:active{ box-shadow: 1px 3px 5px rgba(0,0,0,.2) inset;}

.zj_record{ padding: 20px;}
.zj_record_list{ box-shadow: 0px 0px 8px rgba(30,30,30,.1); padding: 15px; border-radius: 6px; margin-bottom: 20px;}

.zj_record .record_box{}
.zj_record .pic{ display: none;}
.zj_record .title{ font-size: 16px; font-weight: bold; margin-bottom:8px;}
.zj_record .fen{ margin-bottom: 6px;}
.zj_record .time{ color: #989da1; margin-bottom: 10px;}
.zj_record .rec_button{ display: flex; justify-content:space-between; align-items: center; }
.zj_record .rec_button a{ display: block; width: 31%; height: 34px; line-height: 34px; padding-top: 1px; margin: 0px; border-radius: 6px; text-align: center; background: #f5f5f5; color: #333536;}
.zj_record .rec_button a.cursor{ background: #ecf5ed; color: #2eb337;}

.pcReturn{ display: none;}
@media (max-width:350px) {
	.zj_tixing_box .zj_row .zj_name{ width:60px;}
	.zj_row .zj_sel{ width: 80px; padding-left: 10px;}
	.zj_row .zj_tixing{ width: calc(100% - 155px); margin-right: 10px; }
}
@media (min-width:768px) {
	body{ font-size: 16px;}
	.zj_row .zj_input{line-height: 64px;}
	.zj_row .form-control{height: 64px;}
	.zj_fraction{ margin:10px 0;}	
	
	.zj_record_list{ display: flex; justify-content:flex-start; align-items: center;}
	.zj_record .pic{ display: block; width: 70px; background: #f8fcff; border: solid 1px #e1f0fa; height: 80px; border-radius: 6px;display: flex; justify-content:center; align-items: center; margin-right: 15px;}
	.zj_record .pic i{ font-size: 30px; color: #358fd9; }
	.zj_record .record_box{ width: calc(100% - 370px);}
	.zj_record .rec_button{ width: 280px;}
}
@media (min-width:1024px) {
	
	.km_list li i{ font-size: 64px;}
	.km_list li .km_icon{ width: 64px; height: 64px;border-radius:12px; font-size: 16px;}
	
	.foot_nav li a:active{ background: #f5f5f5;}
	.topic_type,.class_list,.zj_button button,.m_search .search{ cursor:pointer;}
	
	.win_option a{ width: calc(100% - 15px); line-height: 54px; height: 54px; border: none; border-bottom: solid 1px #eee; border-radius: 0; margin-bottom: 0px;}
	.win_option a:active,.win_option a.hover{ border: none; border-bottom: solid 1px #eee;}
	.tiankong_input{ width: auto; min-width: 800px;}
	.zj_button button:hover{ background: #1fad29;}
	.search_cn{ right: 20px;}
	.window_title{ line-height:54px;height:54px;}
	.window_close{ line-height:54px;height:54px; width: 54px;}
	.window_close i{ font-size: 25px;}
	
	.topic_type,.m_search .search{ border-radius: 6px;}
	.nav_op_bt{ padding-left: 2%;}
	.qh_btn{ padding:0 2%;}
}
@media (min-width:1024px) {.window_title{ height: 54px; line-height: 54px;}}
@media (max-width:1024px) {
	.header{display: none;}
	.header.home{ display: block;}
	.mno{display: none;}
	.swiper-button-next.Pc_next,.swiper-button-prev.Pc_prev,.onpclink{ display:none;}
	}
@media (min-width:1025px) {
	.w1200 {width: 1200px;margin: 0 auto; position: relative;}
	.header{ line-height: 54px; height: 54px;}
	.logo{ padding-left: 0; padding-top: 11px;}
	.logo img{ height: 33px;}
	.top_wrap{ right: 0; top: 9px;}
	.nav1200{ width: 900px; height: 54px; padding: 0; position: absolute; top: 0; left: 50%; transform: translate(-400px,0);box-shadow:none;}
	.nav1200 li{ width: 100px;}
	.nav1200 li i{ display: none;}
	.nav1200 li a{height: 54px; line-height: 54px; font-size: 18px; color: #333;}
	.nav1200 li a.hover, .foot_nav li.hover a{height: 54px;}
	.nav1200 li a.hover::before{ content: " "; width: 14px; height: 2px; background: #2d97df; transform: translate(-50%,0); position: absolute; left: 50%; bottom: 0;}
	.nav1200 ul{justify-content: right;}
	.km_list {padding: 40px 2% 35px 2%; }
	.km_wrap li a{ padding: 35px 0 40px 0;}
	.km_wrap li img{ width: 76px;}
	.km_statistics li{ font-size: 22px;}
	.km_statistics li .gray{ font-size: 18px;}
	.topic_type,.km_list,.km_wrap li,.user_wrap,.time_remaining,.my_nav{ border-radius:4px;}
	.km_wrap li {width: 33.33%;}
	
	.gonglue_btn{ height: 36px; line-height: 36px;}
	.m_search{ padding: 20px 0;}
	.m_search .search {border-radius: 60px; width:380px; min-width: 380px; margin: 0 auto;}
	.search i{ width: 42px; padding:0 8px 0 4px; text-align: center; background: #2d97df; font-size: 24px !important; color: #fff; right: 0; border-radius:0 22px 22px 0;}
	.nav_op_bt{ padding-left: 20px;}
	
	.nav_op.onPc{ width: 1200px; position:absolute; overflow: initial; border-radius:4px; top: 74px; left: 50%; transform: translate(-50%,0);}
	.qh_con{ border-radius: 6px; left: auto; right: 0; width: 200px; padding: 20px 20px 5px 20px;}
	.qh_btn{ padding:0 20px;}
	.list_wrap{ margin: 20px 0 0 0;}
	.m_search { margin: 15px 0 5px 0;}
	.Exercise_wrap{ margin-top: 63px;}
	
	.user_wrap{ background: #fff; border-radius: 6px; padding: 20px;}
	.user_img img{border: solid 1px #e8edef; width: 56px;}
	
	.progress_bar{ height: 8px; border-radius: 20px;}
	.progress_value{ height: 8px; border-radius: 20px;}
	.time_remaining{ padding: 30px 20px; margin-bottom: 15px;}
	.user_wrap{ margin-bottom: 15px;}
	
	.w1200.onTiku{ padding-top: 20px;}
	.onTiku .nav_op{ position: absolute; top: 20px; border-bottom: none; padding-top: 4px; border-radius: 4px 4px 0 0;}
	.onTiku .simulation_head{ position: absolute; top: 68px;}
	.sub_more{ display: none;}
	.onTiku .swiper-slide{ background:#e8edef;}
	.onTiku .nav_op_text,.Pc_moni .nav_op_text{ text-align: left; padding-left: 20px;}
	.onTiku .nav_arrow,.Pc_moni .nav_arrow{right: 0; left: auto; width: 60px; padding:0 20px 0 10px; color: #555;}	
	.pcReturn{ display: inline-block; vertical-align: top;}
	.statistics_main{ border-radius: 0 0 4px 4px;}
	.an_other{ padding: 15px 0;}
	.analysis_con{ width: 900px;}
	
	.gonglue_btn{ border: solid 1px rgba(45,151,223,.5); color: #2d97df; background: #fff;}
	.gonglue_btn:active{ background: #2d97df; color: #fff;}
	.statistics_list{ min-height: calc(100vh - 220px); padding: 80px 0 48px 0;}
	.statistics_main {min-height: calc(100vh - 540px);}
	.statistics_list .record_no{min-height: calc(100vh - 350px);} */
	.onTiku .swiper{ background: #fff; border-radius: 4px; overflow-y:scroll;scrollbar-width:none;}
	.onTiku .swiper::-webkit-scrollbar {width: 0;height:0;scrollbar-arrow-color:#eef3f7;}
	
	.foot_nav.sub_op{ padding: 0; width: 1200px; left: 50%; transform: translate(-50%,0); border-radius: 4px 4px 0 0;}
	.window{ width: 1200px; left: 50%; transform: translate(-50%,0); border-radius: 6px 6px 0 0;}
	.window_btn button{ width: 180px;}
	.km_title.onPc{ width: 1200px; position: inherit; left: 50%; top: 52px; transform: translate(-50%,0); border-radius: 0 0 6px 6px;}
	.km_box{ margin-top: 52px;}
	
	.Pc_no .top_wrap{display: none;}
	.Pc_nav{transform: translate(-300px,0);}
	.gonglue_con{ min-height: calc(100vh - 144px);}
	
	.w1200.Pc_moni{ padding-top: 20px;}
	.nav_op.Pc_moni{ position: inherit; border-radius: 4px;}
	.km_title.Pc_moni{ position: inherit; top:-1px; }
	.wu_content.Pc_moni{ padding: 0; margin-top: -1px;border-radius: 0 0 6px 6px; overflow: hidden;}
	/* .wu_content.Pc_moni .zj_content{ min-height: calc(100vh - 220px);}	
	.wu_content.Pc_moni .swiper-container{min-height: calc(100vh - 220px);}
	.wu_content.Pc_moni .swiper-slide{min-height: calc(100vh - 220px);} */
	
	.foot_nav li a.hover, .foot_nav li.hover a{animation:none;}
	.coll_content{min-height: calc(100vh - 185px); border-radius:0 0 6px 6px; margin-top: 52px; border-top: solid 1px #f1f1f1; padding: 20px 25px;}
	.nav_op.Pc_search{ background:#e8edef; top:7px; padding: 0; height: 67px; overflow: initial;}
	.Pc_search .search_cn{ left: 50%; margin: 0 0 0 -250px; right: auto; width:500px; min-width:500px; background: #fff; height: 48px; line-height: 48px;border-radius:50px; z-index: 99;}
	.Pc_search .search_input{ width:600px; min-width:600px; height: 48px; line-height: 48px;padding-left:24px;}
	.Pc_search .nav_arrow{ display: none;}
	.Pc_search .search i{ width: 48px; height:48px;border-radius: 0 50px 50px 0;}
	.Pc_search .sear_fenlei{ top:4px;}
	.simulation_head.Pc_search{ border-radius: 4px 4px 0 0; padding-top: 4px; top: 74px;}
	
	.onTiku .km_title ul{ustify-content: flex-start;}
	.onTiku .km_title li{ width: 12%; }
	.onTiku .oneclass{ margin: 15px 0;}
	.km_content{ background: #fff; border-radius: 4px;}
	.class_list:hover {background: #f3f6f8;}
	.foot_nav li a{ cursor: pointer;}
	
	.win_option{scrollbar-width:none;}
	.win_option::-webkit-scrollbar{width: 0;height:0;scrollbar-arrow-color:#eef3f7;}
	.win_answer_card{ max-height:calc(100vh - 120px); scrollbar-width:none;}
	.win_answer_card::-webkit-scrollbar{width: 0;height:0;scrollbar-arrow-color:#eef3f7;}
	
	.swiper-slide img{ max-width: 760px;}
	
	.pcsearch{ height: 42px; margin-bottom: 20px; width: 360px;position: absolute;top: 38px;left: 50%;z-index: 100;margin: 0 0 0 -180px;}
	.pcsearch .search_cn{ position:relative;  top: 0; right: 0; width: 360px; min-width: 360px;}
	.pcsearch .search{ background: #fff; height: 40px; line-height: 40px; margin: 0 auto;}
	.pcsearch .search_input{ width: 283px; min-width: 283px; padding-left: 20px;border: solid 1px #eee;border-radius:22px 0 0  22px;}
	.pcsearch input.search_input:focus {border: solid 1px #84bdfc;box-shadow: 0 0 4px #84bdfc;}
	.pcsearch .search i{ height: 40px; top:1px; background: #eee; color: #000; cursor: pointer;}
	.pcsearch .search i:hover,.pcsearch .search i.hover{ background: #2d97df; color: #fff;}
	.w1200.PCp20{ padding-top: 0;}	
	.PCp20 .statistics_list {}
	.PCp20 .statistics_main {}
	
	.PC_exam .km_title{top: 69px; position: absolute;}
	.PC_exam .km_title li{ width: 50%;}
	.PC_exam .zj_content{ background: #fff;min-height: calc(100vh - 225px); border-radius: 0 0 4px 4px;}
	.PC_exam .zj_record{ background: #fff;min-height: calc(100vh - 225px); border-radius: 0 0 4px 4px;}
	.PC_exam .wu_content{ overflow: hidden;}
	.pc_wubox{ background: #fff; border: solid 1px #f1f1f1;}
	.PC_exam .record_no{margin-top:0; min-height: calc(100vh - 196px);}
		
	.gonglue_con{scrollbar-width:none;}
	.gonglue_con::-webkit-scrollbar{width: 0;height:0;scrollbar-arrow-color:#eef3f7;}
	.m_search{ display: none;}
	.type2 .win_option a{ width: 100%;}
	.swiper-button-prev.Pc_prev,.swiper-button-next.Pc_next{ position: fixed; top: 50%; right:50%; color: #fff; background:rgba(0,0,0,.15);padding:0 3px; border-radius: 4px;}
	.swiper-button-prev.Pc_prev{left: auto; margin:-48px -595px 0 0}
	.swiper-button-next.Pc_next{ margin:-2px -595px 0 0;}
	.swiper-button-next:after, .swiper-button-prev:after{ font-size: 14px !important;}
	
	.onPc_sear{ z-index: 999;border-color: #fff;}
	.onPc_sear .nav_arrow{ right: 0; left: auto;}
	.onPc_sear .search_cn{min-width:400px; height: 40px; line-height: 40px; left:15px;top: 19px; right: auto;left:16.5%;right: auto;margin-left: -180px;}
	.onPc_sear .search i{ cursor: pointer; height: 40px;}
		
	.onPc_sear .nav_arrow{right: 0;left: auto;width: 60px;padding:0 20px 0 10px;color: #555;}
	.onPc_sear .search_input{width:405px; padding-left: 20px; font-size: 15px;}
	.onPc_sear input.search_input:focus { background: #fff; border-radius: 60px; box-shadow: 0 0 4px #84bdfc;}
		
	.sim_num.onPc_dw{ position: absolute; top:-1px; left:1015px;}
	.sim_num.onPc_dw .swiper-pagination-fraction{ bottom: 0; left: 60px;}
	
	.foot_nav.sub_op{ width: 56px; height: 224px; top: 50%; left: auto; right: 0; transform: translate(0,-50%); border-radius: 4px 0 0 4px;}
	.foot_nav.sub_op ul{ display: block;}
	.foot_nav.sub_op li{ width: 100%; height:56px;}
	.foot_nav.sub_op li a,.foot_nav.pc_rnav li a.hover, .foot_nav.pc_rnav li.hover a{height:56px; overflow: hidden;}
	.foot_nav.sub_op .foot_nav_choice{ font-size: 14px;}
	.sub_op .foot_nav_choice bdo{ display: none;}
	
	.km_list.onwpc ul{ justify-content: flex-start;}
	.km_list.onwpc li{ width: 15%;}
	.km_list.onwpc:hover{ background: #f5fbfd;}
	
	.km_list li a.onpclink{display: block;width: 116px;height: 38px;line-height: 38px;text-align: center;border-radius: 6px; color: #fff;border: solid 1px #358fd9;background: #358fd9; position: absolute; top:64px; right: 20px; color: #fff;}
	.km_list li a.onpclink:active{ background: #247dc7;}
	
	.km_list.onwpc2{ width: 690px; padding: 40px 20px;}
	.km_wrap.onwpc2{ width: 456px;position: absolute;top: 185px;right: 0;}
	.km_wrap.onwpc2 li a{ padding: 36px 0;}
	.km_list.onwpc li img{ width: 70px;}
}

.home_menu{ background: #fff; margin-top:-2px; padding: 0 4%;}
.menu_box{ padding-top:15px;}
.menu_box ul{ display: flex;}
.menu_box li{ display: flex; width:100%; text-align: center; margin-bottom: 15px;}
.menu_box li a{ color: #333; display:block; width:100%; margin: 0 auto;}
@media (max-width:330px) {.menu_box li a{ font-size: 14px;}}
.menu_box .icon_wp{ display: inline-block; width: 44px; height: 44px; border-radius: 22px; background: #2eb337; color: #fff; line-height: 44px; margin: 0 auto 5px auto;}
@media (min-width:768px) {
	.menu_box li{ margin-bottom: 20px;}
}

.menu_box li a .im_2{ background: #2d97df;}
.menu_box li a .im_3{ background: #2eb337;}
.menu_box li a .im_4{ background: #2d97df;}
.menu_box li a .im_5{ background: #55a6e1;}
.menu_box li a .im_6{ background: #30c4d6;}
.menu_box li a .im_7{ background: #fd9926;}
.menu_box li a .im_8{ background: #f66e63;}
.menu_box li a .iconfont{ font-size: 24px;}

.menu_box .icon_text{ display: block;}

.pro_pic{ padding-top: 44px;}
.pro_pic .slider img{ width: 100%; height: auto;}

.details_con{ width:92%; padding:20px 4%; background: #fff; margin-top: -3px;}
.details_con h1{ margin-bottom: 10px; font-size: 24px;}
.details_ms{ color: #888; margin-bottom: 15px;}
.details_label{ padding-bottom: 20px; border-bottom: dotted 1px #ccc; margin-bottom:20px;}
.details_label span{ display: inline-block; padding:5px 12px; margin:0 8px 5px 0; color: #ff9900; background:rgba(255,170,0,.08); border: solid 1px rgba(255,170,0,.7); border-radius: 20px;}
.ren_number{ color: #999; margin-top: 12px;}

.details_kumo{}
.details_km{}
.details_km .title{ color: #888; margin-bottom: 10px;}
.details_km_con{ margin-bottom:5px;}
.details_km_con a{display: inline-block; padding: 10px 16px; margin:0 12px 12px 0; color: #333; background: #fff; border: solid 1px #ddd; border-radius:6px;}
.details_km_con a.hover{color: #fff; background: #358fd9; border: solid 1px #358fd9;}

.details_pr{ width:92%; background: #fff; position: fixed; bottom: 0;left: 0; box-shadow: 0 6px 9px rgb(4 30 24 / 80%); padding: 10px 4%;}
.details_price{ font-size: 26px; color:#ff6600; float: left; padding-top:2px;}
.details_op{ float: right;}
.details_op a{display: inline-block; padding: 10px 20px; color: #fff; background: #ff6600; border: solid 1px #ff6600; border-radius:6px;}

.pro_detail_con{}
.pro_detail_con img{ max-width: 100%; margin-bottom: -3px;height:auto;}
.list_tit{ font-size: 18px; border-left: solid 3px #0087C1; padding-left: 10px; line-height: 20px; font-weight: 800; margin:25px 0 15px 0;}

.details_body{ margin: 20px auto; position: relative;}
.details_info{ padding: 20px; background: #fff; border-radius: 4px;}
.details_info img{ margin-bottom:-5px;}
.details_info{ width: 750px; float: left;}

.cdyzm,a.cdyzm{ display: inline-block; padding: 7px 20px; border-radius: 50px; background: #f1f1f1; color: #333; margin-left: 12px; line-height:28px;}
.reg_dui{ text-align: center; padding-top: 70px; height: 85px;}
.reg_dui i{ font-size: 48px;  color: #fff; padding: 15px; border-radius: 50px;
background-image: -moz-linear-gradient(180deg, rgb(21, 171, 99) 0%, rgb(33, 188, 114) 100%);background-image: -webkit-linear-gradient(180deg, rgb(21, 171, 99) 0%, rgb(33, 188, 114) 100%);background-image: -ms-linear-gradient(180deg, rgb(21, 171, 99) 0%, rgb(33, 188, 114) 100%);}
.gologinbtn{ display: inline-block; line-height: 28px; border: solid 1px rgb(53, 143, 217); padding: 6px 20px; font-size: 16px; color: #fff; border-radius: 6px;background-image: -moz-linear-gradient(180deg, rgb(53, 143, 217) 0%, rgb(67, 156, 229) 100%);
    background-image: -webkit-linear-gradient(180deg, rgb(53, 143, 217) 0%, rgb(67, 156, 229) 100%);
    background-image: -ms-linear-gradient(180deg, rgb(53, 143, 217) 0%, rgb(67, 156, 229) 100%);}
a.gologinbtn:hover{ color: #fff; background: #358fd9;}

.tiku_pay{ background: #fff; border-radius: 4px;}
.tiku_pay_title{ font-size: 20px; font-weight: bold; }

.table_head{ height: 44px; line-height: 44px; display: flex; background: #f5f5f5; color: #989da1; margin-bottom: -1px;}
.table_head div{ text-align: center;}
.table_body{ display: flex; border-bottom: solid 1px #dbe0e4; font-size: 15px;}
.table_body .pay_5{ font-size: 18px; color: #ff6600;}
.table_body .pay_1,.table_body .pay_3,.table_body .pay_4,.table_body .pay_5,.table_body .pay_6{ display: flex; height:148px;text-align: center;align-items: center; justify-content: center;}
.table_body .pay_1,.table_head .pay_1{ width: 260px;}
.table_body .pay_2,.table_head .pay_2{ width: 470px;}
.table_body .pay_3,.table_head .pay_3{ width: 150px;}
.table_body .pay_4,.table_head .pay_4{ width: 150px;}
.table_body .pay_5,.table_head .pay_5{ width: 150px;}

.pay_row{ margin: 15px 0;}
.paysuccess_con{ min-height:calc(100vh - 30px); padding:40px 4% 0 4%; background: #fff;}

.gologinbtn{ margin-right: 8px;}
.gologinbtn.pay_ord{  border: solid 1px rgba(53, 143, 217,.4); background: #fff; color:#358fd9;}

/* login */
.login-win {width: 816px;height: 460px;position: absolute;top: 50%;left: 50%;margin: -235px 0 0 -408px;background: #fff;overflow: hidden;border-radius: 12px;color: #000;box-shadow: 0 5px 25px rgba(80, 80, 80, .15);}
.login_con{ width:100%; position: relative; background: #fff; min-height: calc(100vh - 40px); overflow: hidden;}
.login_adv img{border-radius: 8px;}
.login-win .head-title {height: 44px;line-height: 44px;background: #f5cd40;color: #000;font-size: 16px;padding:0 15px;;}
.login-text {font-size: 28px;margin-bottom: 15px;}
.login-mos {color: #666;font-size: 16px;}
.kpmgcont {padding: 30px 8%; user-select: contain;}
.login-code {width:calc(100% - 20px);height: 52px;line-height: 52px;border-radius: 40px;border: 1px solid #ced4da;padding:0 0 0 20px;font-size: 16px; box-shadow:inset 1px 2px 5px rgba(255,255,255,0.1)}
input.login-code:focus {border: solid 1px #84bdfc;box-shadow: 0 0 4px #84bdfc;}
.btn-login {width: 100%;height: 54px;line-height: 54px;border-radius: 40px;font-size: 16px;color: #fff;cursor: pointer;border: none medium;
background-image: -moz-linear-gradient(180deg, rgb(53, 143, 217) 0%, rgb(67, 156, 229) 100%);
    background-image: -webkit-linear-gradient(180deg, rgb(53, 143, 217) 0%, rgb(67, 156, 229) 100%);
    background-image: -ms-linear-gradient(180deg, rgb(53, 143, 217) 0%, rgb(67, 156, 229) 100%);display: block; text-align: center}
.btn-login:hover { background: #358fd9;}
.btn-try_look { background: #d4f1e3; width: 100%;height: 52px;line-height: 52px;border-radius: 68px;font-size: 16px;color: #2eb337;cursor: pointer;border: none medium; border: solid 1px #b8e6d0;}
.tishi {color: #ff0000;text-align: left;}
.btn-try_look:active {background:#2eb337; color: #fff; border: solid 1px #2eb337;}
.pops{color: #989da1;position: absolute;left: 30px; bottom: 20px; font-size: 16px; width: 92%; text-align: center;}
.pops a{ background:#f5f5f5; display: inline-block; color: #333; padding:12px 28px; border-radius: 50px; font-size: 14px;}
.pops a:active{ color: #358fd9;}

.log_bg{ background:url(/areas/m/lib/img/sw1.jpg);}
.log_title{ height:64px; background: #eff5f9; line-height: 64px; display: flex; position: relative; }
.log_title div{ display:inline-block; width:50%; text-align: center; font-size: 18px; cursor: pointer;}
.log_title div.hover{ width:50%;}
.log_title div.hover span.log1{ width:55%;background: url(/areas/m/lib/img/log_tbg.png) no-repeat right 0; color: #247DC7; border-radius: 12px 0 0 0;padding-top: 8px; position: absolute; top:-8px; left: 0; font-size: 20px;}
.log_title div.hover span.log2{ width:55%; background: url(/areas/m/lib/img/log_tbg2.png) no-repeat 0 0; color: #247DC7; border-radius: 0 12px 0 0; padding-top: 8px; position: absolute; top:-8px; right: 0; font-size: 20px;}
.close_login{ cursor: pointer; position: absolute; top: 18px; right: 10px;}
.close_login i{ font-size: 28px;}
.close_login:active{ color: #358fd9;}

.login_con {    width: 100%;    position: relative;    background: #fff;       overflow: hidden;}
.log_bg .login-code,.home .btn-login,.home .btn-try_look{ height: 52px; line-height: 52px;}
.log_bg .btn-try_look{ background:#f5faff; border: solid 1px #d4e7f7; color: #358fd9;
background-image: -webkit-linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%);}
.log_bg .btn-login{background-image: -moz-linear-gradient(180deg, rgb(53, 143, 217) 0%, rgb(67, 156, 229) 100%);
    background-image: -webkit-linear-gradient(180deg, rgb(53, 143, 217) 0%, rgb(67, 156, 229) 100%);
    background-image: -ms-linear-gradient(180deg, rgb(53, 143, 217) 0%, rgb(67, 156, 229) 100%);}
.log_bg .btn-login:active{background:#358fd9;}
.log_bg .btn-try_look:active {background:#358fd9; color: #fff; border: solid 1px #358fd9;}
.log_bg .pops{ }
.log_bg .pops.red{ color:#ff0000;}
.log_bg .tishi{ font-size: 16px;}
@media (max-width:330px) { 
	.login_con{min-height: calc(100vh - 40px); padding-bottom: 80px;}
	.pops{ bottom: 60px;}
 }