@charset "utf-8";
/* CSS reset */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th,td {margin: 0;padding: 0;border:0;}
ul{ list-style:none;}
ul li{list-style:none;}
img{border:0; vertical-align: middle;max-width: 100%}
a,a:hover { text-decoration: none;-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;}
i,em{ font-style: normal;}
table{ border-collapse:collapse; content:"";}
*,*:before,*:after{box-sizing:border-box;margin: 0;padding: 0; border:0;}
input:focus{outline: none;}
/*清除浮动*/
.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.clearfix{zoom:1;}

body{width: 800px; margin:0 auto; background: #eef4ff; color:#323232;}
html{font-size: 5.6vw;}

.tqedu-head{height: 65px; z-index: 1;}

.banner{width: 100%; height: auto;}
.banner img{display: block; width: 100%;}

.content{width: 100%; height: auto; background:#12469e; padding:0 0.3rem; padding-bottom: 0.6rem;}
.mk_module{position: relative;width: 100%; background:#d6e5ff;overflow: hidden; padding:0.12rem; margin-bottom:0.4rem;}
.mk_title{z-index: 10;  position: absolute; left:50%;transform: translateX(-50%); top: -0.24rem; height: 1rem;}
.mk_title >h2{z-index: 10; position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);font-size: 0.36rem; color: #ffe071; display: block;white-space: nowrap;}
.mk_title >h2{display: inherit;font-size: 0.36rem; color: #ffe071;white-space: nowrap; padding:0.3rem 0.48rem;margin-top: 0.1rem; 
background: url(http://www.tqedu.net/2022/onlineexam/images/2023mktitle.png) no-repeat center; background-size: 100% 100%;}
.mk_title img{ width: 2.4rem; position:absolute; left:50%;transform: translateX(-50%); top:0.1rem;}
.mk_cont{width: 100%;background:#fff; padding:0.3rem; padding-top:0.6rem;}
.mk_time{padding-top: 0.2rem;}
.mk_time_list{width: 100%; padding:0.14rem 0; height: 0.56rem; position: relative;}
.mk_time_list p{float: left; font-size:0.28rem; color:#323232;}
.mk_time_list .mk_time_list_l{font-size: 0.28rem; font-weight: bold; color:#11459e; width: 2.3rem; padding-left: 0.6rem; float: left;}
.mk_time_list .mark{position:absolute; width: 0.4rem; height: 0.4rem; background: #11459e; text-align: center; line-height: 0.4rem;border-radius: 50%; color:#fff; font-size: 0.24rem; top:50%; transform: translateY(-50%); left: 0;}
.mk_time_list .mark>i{font-size: 0.26rem; line-height: 1; margin: auto; background: #11459e; display: block; top: 50%; left: 50%; transform: translate(-50%,-50%); position:absolute}
.mk_time_list .mark::after{display:block; content: "";width: 0; height: 0.2rem; border:0.02rem dashed #11459e;position: absolute; left:49%;}
.mk_time .mk_time_list:nth-child(4) .mark::after{display: none;}
.mk_time_img{position:absolute; display: block; bottom:0.1rem; right:0.3rem; width:1.5rem;}

.mk_cont form{padding-top: 0.4rem; width: 100%;height: auto; display: block; overflow: hidden;}
.mk_form{width: 100%; height: 0.88rem; background: #eef4ff; padding-left: 0.7rem; position: relative; margin-bottom: 0.15rem;}
.mk_form .mk_form_img{ position:absolute; display: inline; left: 0.24rem; top: 50%; transform: translateY(-50%); height: 100%;}
.mk_form .mk_form_img i{font-size: 0.26rem; color:#11459e;position:absolute;left:0; top: 50%; transform: translateY(-50%);}
.mk_form input{line-height: 0.88rem; width: 100%; height: 100%; font-size: 0.28rem; color:#799bd7; display: block; background: transparent;}
.mk_radio{width: 100%; font-size: 0.28rem; height: 0.88rem; padding:0rem 0.24rem; background: #eef4ff; overflow: hidden; margin-bottom: 0.15rem;}
.mk_radio .mk_radio_title{float: left; line-height: 0.88rem;}
.mk_radio .mk_radio_group{float: right; line-height: 0.88rem;}
.mk_radio .mk_radio_group input{display: none;}
.mk_radio .mk_radio_group input[type="radio"] + label{border:0.02rem solid #11459e;padding: 0.1rem 0.3rem; font-size: 0.24rem; border-radius: 0.4rem; color:#11459e; }
.mk_radio .mk_radio_group  input[type="radio"]:checked + label { background: #11459e;color: #fff;}
.mk_picker{ width: 100%; font-size: 0.28rem; line-height: 0.88rem; padding:0rem 0.24rem; padding-right: 0; background: #eef4ff; overflow: hidden; margin-bottom: 0.15rem;}
.mk_picker_title{float: left; line-height: 0.88rem;}
.mk_picker .mk_picker_city{float: right; padding-right: 0.24rem;}
.mk_picker .mk_picker_city i{font-size: 0.28rem; padding-left: 0.06rem;}
.mk_form_btn{width: 100%;height: 0.88rem; background:#ffe071;}
.mk_form_btn button{border-radius:0; background:#ffe071;width: 100%;line-height: 0.88rem; display: block; color: #323232; font-size: 0.32rem; font-weight: bold;}
.mk_form_remark{color:#e33d42; font-size: 0.3rem; text-align: center;padding-top:0.2rem;}
.mk_form_remark i{font-size: 0.3rem;color:#e33d42; padding-right: 0.06rem;}
.mk_city{width: 100%; overflow: hidden; padding-top: 0.4rem;}
.mk_city > li{width: 19.2%; height: 0.5rem; line-height: 0.5rem; text-align: center; float: left; background:#eef4ff; font-size: 0.24rem; margin-right: 1%;margin-bottom: 0.1rem;}
.mk_city > li:nth-child(5n){ margin-right: 0;}

.mk_reason{width: 100%; padding-top: 0.4rem;}
.mk_reason .mk_reason_list{width: 100%; padding:0.8rem 0.2rem 0.4rem 0.2rem; position: relative; height: 2.2rem; background: #eef4ff; text-align: left; margin-bottom: 0.15rem;}
.mk_reason .mk_reason_list:nth-child(2n){background: #fffae9; text-align: right;}
.mk_reason .mk_reason_title{display: inline;background:#11459e; color: #fff; font-size: 0.28rem; padding:0.16rem 0.4rem 0.16rem 0.2rem; border-radius: 0rem 0rem 0.4rem 0rem; position: absolute; left: 0;top: 0;}
.mk_reason .mk_reason_list p{font-size: 0.24rem; color:#323232;}
.mk_reason .mk_reason_list img{position: absolute; right:0.1rem; bottom:0rem;width: 1.8rem; }
.mk_reason .mk_reason_list:nth-child(2n) img{right: auto; left: 0.1rem;}
.mk_reason .mk_reason_list:nth-child(2n) .mk_reason_title{left: auto; right: 0; padding:0.16rem 0.2rem 0.16rem 0.4rem ; border-radius: 0rem 0rem 0rem 0.4rem; background:#ffe071; color:#323232;}


.footer_nav{width: 100%;font-size: 0.24rem; text-align: center; color:#fff;}

/* 弹框 */

.city_model{width: 100%; position: fixed; top: 0; left: 0; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 100;}
.city_model_cont{width: 100%; position: absolute; bottom: 0; left: 0;}
.city_model_cont ul{width: 100%; padding:0.5rem 0.3rem; border-radius: 0.4rem 0.4rem 0rem 0rem; background: #fff; overflow: hidden;}
.city_model_cont ul li{width:32%; line-height: 0.8rem; text-align: center; font-size: 0.26rem; color:#323232; float: left; background: #eef4ff; margin-right: 2%; margin-top: 0.2rem;}
.city_model_cont ul li:nth-child(3n){margin-right: 0;}
.city_model_cont ul li.cityactive{background:#12469e; color:#fff;}

/* 报名成功弹框 */
.win_model{width: 100%; position: fixed; top: 0; left: 0; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 100;}
.win_model_cont{width: 100%;position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
.win_model_cont .win_cont_txt{ background: #fff; width: 80%; margin:0 auto; border-radius: 0.1rem; padding:0.4rem; text-align: center;}
.win_model_cont .win_cont_txt h5{font-size: 0.32rem; font-weight: bold; text-align: center; padding-bottom: 0.4rem;}
.win_model_cont .win_cont_txt p{font-size: 0.32rem;padding-top: 0.1rem; color: #e33d42; text-align: center; font-weight: bold; letter-spacing: 0.02rem;}
.win_model_cont .win_cont_txt img{display: block; margin: 0 auto;}

.city_model{width: 800px; left: 50%; transform: translateX(-50%);}
.win_model{width: 800px; left: 50%; transform: translateX(-50%);}

.city_model_cont{max-height: 7rem;overflow: auto;}

.city_model_cont::-webkit-scrollbar{display: none;}
@media screen and (max-width: 750px){
html{font-size: 13.3333vw;}
body{width: 100%;}
.city_model{width: 100%;}
.win_model{width: 100%;}
.city_model_cont{max-height: 100%; overflow: hidden;}


}