@charset "utf-8";
/* CSS Document */
*{font-family:"微软雅黑";user-select:none;}
body{margin:0px; padding:0px; font-size:18px; font-family:"微软雅黑";-webkit-tap-highlight-color: transparent;}
p,form,h1,h2,h3,h4,dd,dt,dl,em{margin:0px; padding:0px; font-weight: normal;font-style: normal;}
ul{margin:0px; padding:0px; list-style:none;}
img{vertical-align:middle; border:none;max-width: 100%;}
a{text-decoration:none;user-select:none;}
.clear{clear:both;}

/*****学业选课选科综合测评*****/
.xuanke{max-width: 800px;margin: 20px auto;border: 1px #e0e0e0 solid;padding: 20px;min-height: calc(100vh - 82px);}

.step1{display: block;}
.jieshao{background: #f1f1f1;padding: 10px;line-height: 32px;font-size: 18px;color: #666;}
.biaoti{line-height: 50px;text-align: center;font-size: 20px;color: #000;font-weight: bold;}
.jishi{text-align: center;color: #333;margin: 10px auto;}
.jishi b{color: #ff3838;margin: 0 5px;}
.kaishi{text-align: center;padding: 20px 0;display: flex;justify-content: center;align-content: center;}
.kaishi a{background-color: #4775d8;color: #FFFFFF;border-radius: 6px;width: 150px;height: 50px;text-align: center;line-height: 50px;margin: 10px;font-size:18px; cursor: pointer;}
.jdt_box{ width:96%; margin:10px auto 20px; height:16px; position:relative; }
.jdt_box span{ display:block; background-color:#e2e2e2; width:100%; height:16px;border-radius:16px;}
.jdt_box span b{ display:block; background-color:#4775d8; height:16px;border-radius: 16px;position: relative;}
.jdt_box_02{ width:96%; margin:10px auto;overflow:hidden;position: relative; }
.jdt_box em{ position:absolute; right:calc(1.5% - 35px);border-radius: 26px;line-height: 22px; font-size:12px; font-style:normal; color:#fff; top: -3px;width: 50px;height: 22px;background: #4775d8;text-align: center;}

.step2{display: none;}
.cex_js{ margin-top:10px; margin-bottom:10px;background-color: #ffffff;}
.sel_ces_new{ margin-top:10px; margin-bottom:10px;background-color: #ffffff;}
.sel_ces_new{ margin-left:0px;}
.sel_ces_new p{cursor:pointer;}
.sel_ces_new p:hover{border-radius:5px;}
.sel_ces_new .items_on{background-color:#f2f2f2;border-radius:5px;}
.sel_ces_new p label{margin-left:10px;min-height:32px;line-height:32px;}
.sel_ces_new p label a{color:#000}
.sel_ces_new p input{ margin-right:10px;}
.sel_ces_new .newbtn{display: block; cursor: pointer;user-select:none;}
#progress b em i{font-style: normal;}
#progress b em u{font-style: normal;text-decoration: none;}

.block input{display: block;}
#tubiao{height: 300px;}

.step3{background: #f5f5f5;padding: 10px;display: none;}
.img3{text-align: center;}
.img3 img{border-radius: 100%;margin: 20px auto;}
.shuoming3{margin: 0px auto 20px;line-height: 28px;font-size: 16px;text-align: justify;}
.shuoming3 a{color: #4775d8}
.shuoming3 p{margin: 5px 0}
.biaoti3{font-size: 20px;font-weight: bold;color: #4775d8;display: block;}
.biao3{width: 100%;text-align: center;border: 1px #aaa solid;padding:0;margin: 0;border-right: none;border-bottom: none;}
.biao3 td{border-right: 1px #aaa solid;border-bottom: 1px #aaa solid;padding:5px;margin: 0;}
.tit3{margin: 10px auto;}
.shuoming33{margin: 10px auto;line-height: 28px;font-size: 16px;}
.shuoming33 a{color: #4775d8}
.shuoming33 p{margin: 5px 0}
.sm33{padding: 10px !important;}
.sm33 strong{display: block;margin-bottom: 5px;}

.mall10{margin-top: 10px;margin-bottom: 10px;}
.nojl{font-size: 12px;color: #4775d8}
.nojl1{font-size: 14px;color: #4775d8;margin-top: 15px;text-align: center;}

.updown{display: flex;overflow: hidden;width: 100%;text-align: center;justify-content: center;align-content: center;padding-top: 10px;}
.updown a{display: block;width: 100px;height: 40px;margin: 0 10px;border-radius: 5px;text-align: center;line-height: 40px;user-select:none;}
.updown a:first-child{border:1px rgb(131, 177, 255) solid;color:rgb(131, 177, 255);float:none; }
.updown a:last-child{color: white;background: rgb(131, 177, 255);border:1px rgb(131, 177, 255) solid;float: none;}

#listChild{display: flex;justify-content: flex-start;align-items: flex-start;}


.weui-toast {
    position: fixed;
    z-index: 5000;
    width: 7.6em;
    min-height:2.5rem;
    padding-bottom: 1em;
    top: calc(50% - 5em);
    left:50%;
    margin-left: 0;
    background: hsla(0,0%,7%,.7);
    text-align: center;
    border-radius: 5px;
    color: #fff;
}

#content{position: fixed;top: 0;left: 0;overflow: auto;width: 100%;height: 100%;background:rgba(0, 0, 0, .3);display: none;z-index: 9}
#content img{margin: 20px auto;display: block;}
#close{width: 30px;height: 30px;display: flex;border-radius: 100%;background: rgba(255, 255, 255, .8);position: fixed;right: 30px;top: 10px;justify-content: center;align-items: center;}

.sel_ces_new input{outline: none;}
.sel_ces_new input[type="radio"]+label{
     padding:5px 22px 5px 15px;
}

.sel_ces_new input[type="radio"]+label::before {
     content: " ";
     display: inline-block;
     vertical-align: middle;
     width: 20px;
     height: 20px;
     border-radius: 50%;
     border: 1px solid #999999;
     margin-right: 0.5rem;
     box-sizing: border-box;
     margin-top: -0.17rem;
}

.sel_ces_new input[type="radio"]:checked+label::before {
     background-color: #4775d8;
     background-clip: content-box;
     border: 1px solid #4775d8;
     padding: 0rem;
     box-sizing: border-box;
}
.sel_ces_new input[type="radio"] {
     position: absolute;
     clip: rect(0, 0, 0, 0);
}
.sel_ces_new input[type="radio"]:checked+label{
     background: #f2f2f2;
     border-radius: 5px;
}

.titscroll{text-align: center;font-size: 18px;font-weight: bold;margin-bottom: 10px;}
#myscroll{height: 40px;line-height: 40px;overflow: hidden;width: 96%;margin: 0 auto;height: 120px}
#myscroll ul li{display: flex;justify-content: space-between;align-items: center;background: #eee;padding: 0 10px;flex-wrap: wrap;}
#myscroll ul li span:nth-child(1){width: 30%;display: block;}
#myscroll ul li span:nth-child(2){width: 40%;display: block;}
#myscroll ul li span:nth-child(3){width: 30%;display: block;text-align: right;}

@media (max-width:821px){
     .xuanke{margin: 0 auto;padding: 20px;min-height: calc(100vh - 42px)}
    .jdt_box span{width: 96%;}
    .biaoti{margin-top: 20px;margin-bottom: 10px;}
}

@media (max-width:600px){
	.xuanke{margin: 0 auto;padding: 10px;min-height: calc(100vh - 22px)}
    .jdt_box span{width: 96%;}
    .biaoti{margin-top: 20px;margin-bottom: 10px;}
}

.jxtit{padding-left: 2px;}

.ce2_kaishi{text-align: center;padding: 20px 0;display: flex;justify-content: center;align-content: center;}
.ce2_kaishi a{display: block;background: #ffd133;box-shadow: 0 5px 10px 8px rgb(191 177 128 / 50%);border-radius: 4px;color: #333;border-radius: 6px;width: 150px;display: block;height: 50px;text-align: center;line-height: 50px;margin: 10px;font-size:18px; cursor: pointer;}

.over{height: auto;overflow: hidden;}


.ce3_kaishi{text-align: center;padding: 20px 0;display: flex;justify-content: center;align-content: center;}
.ce3_kaishi a{display: block;background: #f00;box-shadow: 0 5px 10px 8px rgba(255 0 0 / 10%);border-radius: 4px;color: #fff;border-radius: 6px;width: 150px;display: block;height: 50px;text-align: center;line-height: 50px;margin: 10px;font-size:18px; cursor: pointer;}

.zonghe{margin: 10px auto;line-height: 28px;font-size: 16px;text-align: justify;}
.zonghe a{color: #4775d8}
.zonghe p{margin: 5px 0;}

.s_style{width: 50%;height: 32px;border: 1px #ccc solid;border-radius: 3px;font-size: 16px;color: #333;}
.kan{width: 80px;font-size: 14px;height: 30px;line-height: 30px;background: #ff6b6b;color: #fff;border: none;border-radius: 4px;}
.tag b{font-size: 16px;font-weight: normal;background: #4775d8;color: #fff;display: inline-block;padding: 0 15px;height: 36px;line-height: 36px;border-radius: 5px;margin-bottom: 5px;}


.black{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .3);z-index: 9;display:none;}

.popupjzz{width: 100%;height: 100%;opacity: 0.8;background: #0f0c0c;position: fixed; top: calc(0vh);z-index: 100;text-align: center;padding: 180px 0px;display:none;}

.popup{width: 280px;height: 250px;background-image: linear-gradient(#cef0ff,#fff,#fff, #fff);border-radius: 10px;position: fixed;left: calc(50% - 155px);top: calc(50vh - 180px);z-index: 99;text-align: center;padding: 15px;display:none;}
.pp2{font-size: 16px;margin-top: 15px;}
.pp2 b{color: #f00}
.pp2 i{font-style: normal;color: #aaa;text-decoration: line-through;}
.pp3{margin: 15px auto;}
.pp4{font-size: 16px;color: #999}
.pp4 span{display: block;width: 80%;margin: 20px auto;}
.pp4 span button{width: 100%;height: 40px;border: none;font-size: 18px;color: #fff;cursor: pointer;border-radius: 5px;}
.pp4 span .zfb{background: #027afe}
.pp4 span .wx{background: #1aad19}

.pp5{margin: 0 auto;line-height: 28px;margin-top: 55px;width: 30px;height: 30px;background: rgba(255, 255, 255, .7);border-radius: 50%;}

.popupp{width: 240px;height: 260px;background-image: linear-gradient(#cef0ff,#fff,#fff, #fff);border-radius: 10px;position: fixed;left: calc(50% - 140px);top: calc(50vh - 180px);z-index: 99;text-align: center;padding: 20px;display:none;}
.ppp2{font-size: 16px;margin-top: 10px;}
.ppp3{margin: 15px auto;}
.ppp4{font-size: 16px;color: #999}
.ppp5{margin: 0 auto;line-height: 28px;margin-top: 55px;width: 30px;height: 30px;background: rgba(255, 255, 255, .7);border-radius: 50%;}


.popup1{width: 240px;height: 280px;background-image: linear-gradient(#cef0ff,#fff,#fff, #fff);border-radius: 10px;position: fixed;left: calc(50% - 140px);top: calc(50vh - 180px);z-index: 99;text-align: center;padding: 20px;display:none;}
.ppp0{font-size: 14px;margin-bottom: 5px;color: #666;}
.ppp2{font-size: 16px;margin-top: 0px;}
.ppp3{margin: 15px auto;}
.ppp4{font-size: 16px;color: #999}
.ppp5{margin: 0 auto;line-height: 28px;margin-top: 55px;width: 30px;height: 30px;background: rgba(255, 255, 255, .7);border-radius: 50%;}



.tishi{width: 240px;height: auto;background-image: linear-gradient(#cef0ff,#fff,#fff, #fff);border-radius: 10px;position: fixed;left: calc(50% - 140px);top: calc(50vh - 180px);z-index: 99;text-align: center;padding: 20px;display:none;}
.ts2{margin-top: 20px;font-size: 16px;margin-bottom: 20px;}
.ts3{display: flex;justify-content: space-between;align-items: center;}
.ts3 a{display: block;width: 50%;height: 40px;border-top: 1px #fff solid;color: #333;line-height: 40px;}
.ts3 a:last-child{background: #23b1fb;color: #fff;}

.tag b{margin-left: 1px;}

#alipayFrame{display:none;background: #fff;z-index: 99999;position: fixed;width: 400px;height:600px;left:calc(50% - 200px);top:calc(50% - 300px);}


@media (max-width:821px){
     #alipayFrame{width: 0;height: 0;left:-10000px;top: 10000px;position: static;}
}


.modal_free{
    position: fixed;
    z-index: 5;
    top: 0;
    width: 100%;
    height: 100vh;
    display: none;
    justify-content: center;
    align-items: center;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: rgba(0,0,0,.6);
}
.modal_free .modal_container {
    position: relative;
    width: 15rem;
    height: 20.1rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-image: url(/images/back2.png);
    background-size: 100% 100%;
}
.modal_free .modal_container .box_shadow{
    position: absolute;
    z-index: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: calc(100% - 2.12rem);
    border-radius: 0.96rem;
    -webkit-animation: scale1 1.5s linear infinite;
    animation: scale1 1.5s linear infinite;
}
.modal_free .modal_container .header {
    padding: 2.875rem 0 0.672rem;
}
.modal_free .modal_container .footer, .modal_free .modal_container .header {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.modal_free .modal_container .header .title{
    font-size: .65rem;
    color: #3a1807;
    line-height: 1;
}
.modal_free .modal_container .header .qrcode {
    display: block;
    width: 5rem;
    height: 5rem;
    margin-top: 0.5rem;
}
.modal_free .modal_container .header .subtitle {
    margin-top: 0.5rem;
    font-size: .65rem;
    color: #ff5200;
    line-height: 1;
}
.modal_free .modal_container .header .countdown{
    font-size: .5rem;
    color: #b3643e;
    margin-top: 0.5rem;
    line-height: 1;
}
.modal_free .modal_container .header .button {
    width: 10rem;
    height: 2rem;
    border-radius: 1rem;
    background-image: linear-gradient(90deg,#ff1301,#ff7200);
    font-size: .8rem;
    color: #fff;
    font-weight: 700;
    text-align: center;
    line-height: 2rem;
    margin-top: 0.5rem;
    -webkit-animation: animation_scale 1.2s linear infinite;
    animation: animation_scale 1.2s linear infinite;
}
.modal_free .modal_container .line{
    width: 13rem;
    border-top: 1px dotted #f9b770;
}
.modal_free .modal_container .footer{
    padding-top: 0.9744rem;
}
.modal_free .modal_container .footer .title {
    font-size: .65rem;
    font-weight: 700;
    line-height: 1;
    color: #b3643e;
}
.modal_free .modal_container .footer .content {
    font-size: .5rem;
    margin-top: 0.4rem;
    color: #b3643e;
    line-height: 2;
}
.modal_free .modal_container .button_close{
    position: absolute;
    left: 50%;
    bottom: -2.4rem;
    width: 1.6rem;
    height: 1.6rem;
    transform: translateX(-50%);
    background-image: url(/images/guan.png);
    background-size: 100% 100%;
}
.a,.b,.c{display:inline;}
@keyframes animation_scale{
    50%{transform:scale(1.1)}
}
@keyframes scale1{
    0% {
        box-shadow: 0 0 5px 1px rgb(252 250 236 / 50%);
    }
    25% {
        box-shadow: 0 0 7px 1px rgb(252 250 236 / 80%);
    }
    50% {
        box-shadow: 0 0 10px 1px #fcfaec;
    }
    
    75% {
        box-shadow: 0 0 7px 1px rgb(252 250 236 / 80%);
    }
    100% {
        box-shadow: 0 0 5px 1px rgb(252 250 236 / 50%);
    }
}


.halfoff_modal{
    position: fixed;
    top: 0;
    z-index: 1002;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,.2);
}
.halfoff_modal .halfoff_modal_container{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 14rem;
    height: 18rem;
    background-image: url(/images/back1.png);
    background-size: 100% 100%;
}
.halfoff_modal .halfoff_modal_container .prices {
    margin-top: 6rem;
    text-align: center;
    color: #dd4335;
    font-size: .75rem;
}
.halfoff_modal .halfoff_modal_container .prices .strong{
    line-height: 1;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
}
.halfoff_modal .halfoff_modal_container .button_confirm {
    position: absolute;
    left: 50%;
    bottom: 2.5rem;
    width: 10rem;
    height: 2rem;
    font-size: .75rem;
    color: #c02118;
    margin-left: -5rem;
    text-align: center;
    line-height: 2rem;
    background-image: url(/images/button.png);
    background-size: 100% 100%;
}
.halfoff_modal .halfoff_modal_container .tips {
    position: absolute;
    left: 50%;
    bottom: 1rem;
    transform: translateX(-50%);
    font-size: .5rem;
    color: #fff;
}
.halfoff_modal .icon_close{
    position: relative;
    width: 1.5rem;
    height: 1.5rem;
    margin-top: 0.5rem;
    background-image: url(/images/guan.png);
    background-size: 100% 100%;
}
.animation_scale{
    -webkit-animation: scale 1.3s linear infinite;
    animation: scale 1.3s linear infinite;
}
@keyframes scale{
        50%{transform:scale(1.1)}
    }