body{font-family:"Helvetica Neue",Helvetica,Microsoft Yahei,arial,STHeiTi,sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);margin:0 auto;padding:0;background:#F8F8F8;;color:#333;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
img{max-width:100%;vertical-align:top;border:0;-ms-interpolation-mode:bicubic;-webkit-touch-callout:none;}
ul,li,ol{list-style-type:none;}
i,em,address, caption, cite, code, dfn, th, var {font-style: normal;font-weight: normal}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
input,textarea,a,a:hover{outline:none;}
textarea{resize:none;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
input,input:focus,select,textarea,button{outline:0;-webkit-user-modify:read-write-plaintext-only;font-family:"Helvetica Neue",Helvetica,Microsoft Yahei,arial,STHeiTi,sans-serif;}
.fl{float:left; _display:inline;}
.fr{float:right; _display:inline;}
.pr{position:relative;}
.abs{position:absolute;}
.header-wrap{background:#fff;}
.hide{display: none;}
.show{display: block;}
.layout{width: 9.2rem;margin: 0 auto;}
a:hover{text-decoration: none;}
.pl10{padding-left: .1333rem;}
@-webkit-keyframes pageFromRightToCenter {
    0% {
        transform: translate3d(100%, 0, 0);
        opacity: .9;
    }
    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes pageFromCenterToRight {
    0% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
    100% {
        transform: translate3d(100%, 0, 0);
        opacity: .9;
    }
}
.mask{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    z-index: 701;
    opacity: .75;
    display: none;
}

.popCon{
    position: fixed;
    left: 50%;
    top: 50%;
    border-radius: .266rem;
    background-color: #ffffff;
    z-index: 899;
}

.headerBg{height: 4rem;width: 10rem;background:url(/images/zhengding/doc/banner_mudanjiang.jpg) no-repeat top center;background-size: 100% 100%;margin: 0 auto;margin-top: 1.17rem;}
.mod1{background-color: #ffffff;padding-top: .4rem;}
.mod1Con{background-color: #f5f8ff;border-radius: .133rem;color: #333333;font-size: .32rem;padding: .4rem;line-height: .48rem;}
.titPic{text-align: center;display: block;padding: 0 30px;margin: .4rem 0;}
.titPic img{width: 6.06rem;display: inline-block;}

.zxlist{padding: .266rem 0;border: 1px solid #bdceff;border-radius: .266rem;margin-bottom: .133rem;display: flex;align-items: center;}
.zxlistPic{width: 1.36rem;height: 1.36rem;padding-left: .333rem;}
.zxlistText p{font-size: .32rem;padding-left: .233rem;}
.zxlistIcon{margin-right: .373rem;flex: 1;text-align: right;align-self: center;}
.zxlistIcon a{display: inline-block;}
.mod1Icon1{width: .6266rem;height: .5066rem;}
.mod1Icon2{width: .586rem;height: .6rem;}

.mod2{background-color: #ffffff;padding-top: .4rem;padding-bottom: .4rem;}
.mod2List dt,.mod2List dd{width: 1.733rem;height: 1.44rem;float: left;}
.mod2List dt{color: #ffffff;font-size: .32rem;background-color: #4d7af6;border-radius: .266rem;text-align: center;}
.mod2List dt p{padding-top:.48rem;}
.mod2List dd{color: #ffffff;background-color: #f5f8ff;border-radius: .266rem;margin-left: .133rem;position: relative;}
.mod2ListP1{color: #4d7af6;font-size: .453rem;font-weight: bold;padding:.133rem 0 0 .133rem;}
.mod2ListP2{color: #4d7af6;font-size:.32rem;padding:0 0 0 .133rem;}
.mod2Icon img{width:.293rem;height: .32rem;position: absolute;right: .133rem;top:.133rem;}

.mod3{margin-top: .6rem;}
.title{margin-bottom: .4rem;}
.title i{display: inline-block;width: .08rem;height: .4266rem;background-color: #4d7af6;border-radius: .133rem;vertical-align: middle;margin-top: -6px;}
.title span{font-size: .48rem;display: inline-block;font-weight: bold;}

.couresNavCon{font-size: .32rem;}
.couresNavCon li{width: 2.78rem;line-height: normal;border-radius: .533rem;float: left;border: 1px solid #e2e2e2;background-color: #ffffff;height: .773rem;display: flex;align-items: center;justify-content: center;cursor:pointer;}
.couresNavCon li{font-size:.32rem;margin-bottom:.2rem;margin-left:.2rem;}
.couresNavCon li.on{background-color: #4d7af6;color: #ffffff;}
.couresNavCon ul{margin-left: -.2rem;}
.couresConprice{font-size: .346rem;color: #f3664a;}
.couresConprice span{font-size: .533rem;}
.couresConprice label{color: #999999;display: inline-block;padding-left: .133rem;text-decoration: line-through;}
.fgx{text-align: center;}
.fgx span{display: inline-block;width: .266rem;height: .1066rem;background-color: #eeeeee;border-radius: 3px;}
.fgx i{display: inline-block;width: 1.33rem;height: .1066rem;background-color: #eeeeee;border-radius: 3px;margin-left: .1066rem;}
.chooseList{padding: .266rem .4rem .17rem 0rem;}
.chooseList p{float: left;color: #333333;font-size: .3733rem;margin-left: .4rem;margin-bottom: .233rem;font-weight: normal;cursor:pointer;}
.chooseList p i{display: inline-block;border: 1px solid #d5d5d5;border-radius: 3px;width: .4rem;height: .4rem;vertical-align: middle;margin-right: .133rem;}
.chooseList p i.on{background:url(/images/zhengding/doc/choose3.png) no-repeat;background-size: .4rem .4rem;border: 1px solid #ffffff;}

.couresListBox{background-color: #ffffff;width: 100%;border-radius: .133rem;padding-bottom: .4rem;box-shadow: 0px 4px 20px 6px rgba(237, 237, 237, 0.75);}
.couresList{position: relative;}
.TabListTig{padding: 0 0.67rem 0 0.43rem;height: 1.346rem;background:url(/images/zhengding/doc/couresTitleIcon.png) no-repeat;background-size: 100% 100%;color: #ffffff;position: absolute;top:0;left: -.2rem;font-size: .48rem;}
.TabListTig span{display: inline-block;padding: .2rem 0 0 .2rem;font-weight: bold;}

.couresTab{margin: .4rem 0rem .4rem .4rem;padding-top: 1.466rem;}
.couresTab p{width: 4rem;color: #555555;font-size: .346rem;float: left;height: .8rem;;text-align: center;border: 1px solid #cecece;border-radius: .133rem;margin:0 .26rem .26rem 0;display: flex;align-items: center;justify-content: center;font-weight: normal;cursor:pointer;}
.couresTab p.on{border: 1px solid #ff6357;position: relative;overflow: hidden;}
.couresTab p.on i{background:url(/images/zhengding/doc/jiaobiao.png) no-repeat;background-size: .8133rem .7733rem;width: .8133rem;height: .7733rem;position: absolute;right: -.15rem;bottom: 0;bottom: -.01rem;}
.couresCon h2{text-align: center;font-size: .48rem;padding-top: .4rem;font-weight: bold;}

.couresCon{border: 1px solid #cecece;border-radius: .133rem;margin: .4rem;background:url(/images/zhengding/doc/couseBg.png) 0 0 no-repeat;background-size: 100%;}
.couresConprice{text-align: center;}

.mod4{padding: .6rem 0 0 0;}
.mod4Con{background-color: #ffffff;border-radius: .1333rem;}
.mod4BookPic{text-align: center;padding-top: .4rem;}
.mod4BookPic img{width: 2.133rem;height: 2.66rem;display: inline-block;}
.mod4BookList{padding-bottom: .4rem;min-height: 4rem;}
.mod4BookList ul{margin-left: .133rem;}
.mod4BookList li{width: 4.066rem;border: 1px solid #eeeeee;border-radius: .133rem;float: left;margin: .266rem 0 0 .266rem;padding-bottom: .266rem;box-shadow: 0px 2px .2rem 2px rgba(237, 237, 237, 0.75);}
.mod4BookList li h2{font-size: .373rem;text-align: center;height: 1.1rem;overflow: hidden;}
.bookprice{padding-left: .36rem;}
.bookprice strong{font-size: .48rem;}
.bookprice span{font-size: .32rem;color: #f3664a;}
.bookprice label{font-size: .32rem;text-decoration: line-through;color: #999999;}

.amountBox a{display: inline-block;width: .373rem;height: .533rem;border:1px solid #d4d4d4;background-color: #d9d9d9;}
.amountBox input{width:.72rem;height: .533rem;border:1px solid #d9d9d9;background-color: #ffffff;text-align: center;color: #1a1819;font-size: .3733rem;border-radius: 0;}
.amountBox .subtract{background:url(/images/zhengding/doc/jian.png) no-repeat center center #d9d9d9;border-right: none;border-radius: 5px 0 0 5px;background-size: .2133rem .0533rem ;}
.amountBox .addBth{background:url(/images/zhengding/doc/jia.png) no-repeat center center #d9d9d9;border-left: none;border-radius: 0 5px 5px 0;background-size: .2133rem .2133rem;}
.addCard{display: block;width: .56rem ;height: .533rem;background:url("/images/zhengding/doc/card.png") no-repeat 0 center;background-size: .56rem .426rem;}
.bookListBot{padding: 0 .4rem;margin-top: .266rem;}
.dx{text-align: center;color: #999999;font-size: .32rem;padding: .4rem 0;}

/**/
.loginView,.appointmentPop{background-color: #ffffff;}
.backLink{padding-top: .333rem;}
.backLink a{width: .2533rem;height: .4533rem;display: inline-block;background:url(/images/zhengding/doc/backlink.png) no-repeat;background-size: .2533rem .4533rem;}
.LoginTab li{color: #333333;font-size:.56rem;font-weight: bold;text-align: center;}
.LoginTab li.on i{display: block;width: .4rem;height: .08rem;background-color: #4bb9ff;border-radius: .266rem;margin: .1rem auto;}
.dl{margin-left: 2.266rem;}
.zc{margin-right: 2.266rem;}
.LoginBox,.pageThreeBox{padding: 0 .4rem;}

.loginCon,.registerBox{margin-top: .933rem;}
.loginCon input{width: 100%;background:none;border: none;border-bottom: 1px solid #eeeeee;padding: .333rem 0;font-size: .426rem;}
.loginInput,.codeInput{margin-top: .266rem;}
.codeInput .next{background:url(/images/zhengding/doc/sx.png) no-repeat center center;background-size: .48rem .48rem;right: 2rem;top:0;position: absolute;width: 1rem;height: 1.14rem;}
.images1Con{position: absolute;right: 0;top:0;height: 1.14rem;}
.images1Con img{width: 2rem;height: .773rem;padding-top: .1333rem;}

.loginBth{margin-top: 1.066rem;}
.loginBth .loginLink1,.registerLink a{display: inline-block;width: 100%;padding: .266rem 0;background-color: #249ff6;font-size: .426rem;color: #ffffff;text-align: center;border-radius: .5333rem;}

.loginText{font-size: .32rem;color: #999999;text-align: center;margin-top: 2.933rem;}
.loginxy a,.loginxy{font-size: .32rem;color: #249ff6;text-align: center;}

.registerPopCon input{width: 100%;background:none;border: none;border-bottom: 1px solid #eeeeee;padding: .333rem 0;font-size: .426rem;}
.getPhoneCode{position: absolute;right: 0;top:0;height: 1.14rem;display: inline-block;color: #249ff6;font-size: .426rem;padding-top: .266rem;}
.ysxy .chooseIcon{display: inline-block;width: .4rem;height: .4rem;background:url("/images/zhengding/doc/choose1.png") no-repeat 0 0;vertical-align: middle;margin-top: -2px;margin-right:.13rem;background-size: 100% 100%;}
.ysxy .chooseIcon.on{background:url("/images/zhengding/doc/xy2.png") no-repeat 0 0;}
.ysxy .downIcon{display: inline-block;width: .213rem;height: .146rem;background:url("/images/zhengding/doc/down.png") no-repeat center center;vertical-align: middle;margin-top: -2px;cursor: pointer;-webkit-transition: all .2s linear;transition: all .2s linear;background-size: 100% 100%;margin-left:.133rem}
.ysxy .downIcon.on {-webkit-transform: rotateZ(180deg);transform: rotateZ(180deg);}
.registerPopCon .importInfoCon{margin-top: .266rem;}
.registerLink a{margin-top: .666rem;}
.ysxy{font-size: .3466rem;}
.xyCon{margin-top: 10px;position: relative;}
.xyText{width: 6.2rem;text-align: left;background-color: #ffffff;box-shadow: 0 0 8px #f1efef;position: absolute;left: 0;top:.6rem;border-radius: 8px;padding: .133rem .266rem;}
.ysxy .chooseIcon.on{background: url(/images/zhengding/doc/choose2.png) no-repeat 0 0;background-size: 100% 100%;}

.in {-webkit-transform: translate3d(0, 0, 0);}
.dwIcon{display: inline-block;width: .21rem;height: 1.14rem;background:url("/images/zhengding/doc/moreIcon.png") no-repeat center center;background-size: .21rem .373rem;position: absolute;right: 0;top:0}
.appointmentPopHead{padding: .2533rem;background-color: #ffffff;font-weight: 600;color: #222222;font-size: .48rem;text-align: center;line-height: normal;}
.appointmentPopHead a{display: inline-block;width: .4rem;height: .4rem;background:url(/images/mianshou/backIcon.png) 0 0 no-repeat;background-size: auto .4rem;position: absolute;left: 0;top:50%;margin-top: -.2rem;}
.appointmentPopCon{background-color: #ffffff;padding-top: .4rem;}
.unitName {margin-right: -.2rem;}
.unitName li{float: left;width: 2.933rem;padding: .1866rem 0;color: #555555;font-weight: 400;font-size: .3733rem;text-align: center;background: #F5F5F5;border-radius: .466rem;margin-bottom: .2rem;margin-right: .2rem;}
.unitName li.on{background-color: #249FF6;color: #ffffff;}
.padbg{background-color: #F8F8F8;height: .266rem;}

/*animation*/
.page.page-from-center-to-right,
.page.page-from-right-to-center {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffffff;
}

.page.page-from-right-to-center {
    -webkit-animation: pageFromRightToCenter .4s ease forwards;
    -webkit-animation-play-state: running;
    z-index: 11;
}

.page.page-from-center-to-right {
    -webkit-animation: pageFromCenterToRight .4s ease forwards;
    -webkit-animation-play-state: running;
    z-index: 11;
}

.page.in {
    -webkit-animation: stepIn .2s ease forwards;
    -webkit-animation-play-state: running;
    z-index: 11;
}

.page.out {
    -webkit-animation: stepOut .2s ease forwards;
    -webkit-animation-play-state: running;
    z-index: 11;
}


.unitNameBth a{
    display: inline-block;
    width: 100%;
    padding: .2rem 0;
    background-color: #249ff6;
    font-size: .426rem;
    color: #ffffff;
    text-align: center;
    border-radius: .5333rem;
    margin-top: .4rem;
    margin-bottom: .533rem;
}

.pageThreeTitle h2{text-align: center;font-size: .56rem;font-weight: bold;text-align: center;margin-bottom: 1.066rem;margin-top: .533rem;}
.pageThreeTitle h2 i{display: inline-block;background: url(/images/zhengding/doc/gicon.png) no-repeat 0 0;background-size: .813rem .813rem;width: .813rem;height: .813rem;vertical-align: middle;margin-right: .2rem;}
.registerSuessCon .registerSuessConText{font-size: .426rem;margin-bottom: .4rem;}
.registerSuessConText label{width: 6.2rem;}
.registerSuessBth .registerSuessLink,.popLoginGoBth a{
    display: inline-block;
    width: 100%;
    padding: .266rem 0;
    background-color: #249ff6;
    font-size: .426rem;
    color: #ffffff;
    text-align: center;
    border-radius: .5333rem;
    margin-top: .666rem;
}

.registerSuessBth .registerSuessLink.none{background-color: #bde2fc;}
.tipPop1Title h2{text-align: center;font-size: .56rem;font-weight: bold;text-align: center;margin-bottom: 1.066rem;margin-top: .533rem;}
.tipPop1Title h2 i{display: inline-block;background: url(/images/zhengding/doc/tipIcon.png) no-repeat 0 0;background-size: .813rem .813rem;width: .813rem;height: .813rem;vertical-align: middle;margin-right: .2rem;}
.tipPopText{font-size: .4266rem;text-align: center;}
.popLoginGoBth .popGoPhone i{display: inline-block;width: .8rem;height: .8rem;background: url(/images/zhengding/doc/linkPhone.png) no-repeat 0 0;background-size: 100% 100%;vertical-align: middle;margin-right: .2rem;}
.popLoginGoBth .popGoPhone{padding: .166rem 0;}

.tipPop3 h2{margin-bottom: .133rem;}
.popLoginP{text-align: center;font-size: .373rem;}
.forgetPassword{float: right;font-size: .426rem;margin-top: .533rem;}

.bookListNav li{float: left;color: #888888;font-size: .32rem;margin-right: .533rem;width: auto;}
.bookListNav li.on{color: #4d7af6;}
.bookListNav li.on i{display: block;width: .586rem;height: 3px;margin:0 auto;background-color: #4d7af6;margin-top: .133rem;}

.subjectList{margin: .266rem 0 .4rem 0;}
.chooseCon span {display: inline-block;width: 4rem;line-height: normal;padding: .2rem .4rem;background-color: #f2f2f2;border-radius: .533rem;position: relative;color: #888888;font-size: .32rem;cursor:pointer;}
.importInfoCon .chooseCon span i{width: .2533rem;height: .133rem;display: inline-block;background: url(/images/zhengding/doc/jiant.png) no-repeat 0 0;-webkit-transition: all .2s linear;transition: all .2s linear;position: absolute;right: .4rem;top: 0.34rem;background-size: 100% 100%;}

.dropDownUl{background-color: #ffffff;border-radius: 8px;border: 1px solid #d2d2d2;left: 0;width: 4rem;height: 4.6rem;top: .87rem;z-index: 9;position: absolute;overflow-y: auto;}

.dropDownUl li{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: .133rem;text-align: center;font-size: .32rem;cursor:pointer;}
.importInfoCon .chooseCon span i.on {
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}
.subjectList .importInfoCon{display: none;}
.subjectList .importInfoCon.show{display: block;}

/**/
.shoppingCart{width: 100%;height: 1.333rem;position: fixed;left: 0;bottom: 0;z-index: 10;background-color: #ffffff;}
.yxBox{color: #333333;font-size: .32rem;margin-top: .5rem;cursor:pointer;}
.yxBox i{display: inline-block;width: .3066rem;height: .2rem;background: url(/images/zhengding/doc/upIcon1.png) no-repeat 0 0;background-size: 100%;}
.totalPrices{width: 4.8rem;}
.yxamount1{text-align: right;}
.totalPricesP1{font-size: .453rem;padding-left: .266rem;}
.totalPricesP2{padding-left: .133rem;}
.totalPricesP1 label,.totalPricesP2 label{color: #5f5f5f;}
.totalPricesP1 span,.totalPricesP2 span{color: #f3664a;}
.totalPricesP2{font-size: .2933rem;}
.goPayBth{margin-top: .2rem;}
.goPayBth a{display: inline-block;width: 2.2rem;padding: .233rem 0;line-height: normal;background-color: #f3664a;border-radius: .533rem;font-size: .4rem;color: #fff;text-align: center;}

.shoppingCartList{position: absolute;left: 0;bottom: 1.333rem;background-color: #fff4ed;height: 4rem;width: 100%;font-size: .3466rem;color: #f3664a;padding: .266rem 0;}
.spcartList li{margin-top: .133rem;}
.spcartList{height: 3rem;overflow-x: auto;}
.spt{color: #333333;padding-top: .133rem;}
.yxamountIcon1 i{display: inline-block;width: .3066rem;height: .2rem;background: url(/images/zhengding/doc/upIcon2.png) no-repeat 0 0;background-size: 100%;margin-left: .13rem;}
.noneClick {pointer-events: none;}
.chooseList p i.on1 {
    background: url(/images/zhengding/doc/choose4.png) no-repeat 0 0;
    background-size: .4rem .4rem;
    border: 1px solid transparent;
}

.isloginCon span,.isloginCon a{font-size: .36rem;display: inline-block;line-height: 1.307rem;float: left;}
.isloginCon span{width: 2rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.isloginCon a{color: #127de1;}

/**/
.hintPop{width: 8.6rem;height: 11.933rem;margin-left: -4.3rem;margin-top:-5.9665rem;}
.hintPop .ysxy{color: #999999;}
.hintPop .close,.registerPop .close{background: url('/images/zhengding/doc/close1.png') no-repeat 0 0;width: .4rem;height: .4rem;background-size: 100%;display: inline-block;position: absolute;right: .4rem;top:.4rem}
.hintPopCon{padding: 0 .4rem;font-size: .3466rem;}
.hintPopCon p a{color: #3095fc;}
.hintPop h2{text-align: center;padding: .8rem 0 .4rem 0;font-size: .56rem;}
.hintPop h2 i{display: inline-block;width: .8rem;height: .8rem;background: url('/images/zhengding/doc/tipIcon.png') no-repeat 0 0;vertical-align: middle;margin-right: .133rem;margin-top: -2px;background-size: 100%;}
.hintPopCon p{color: #3e464e;font-size: .32rem;text-indent: 2em;line-height: .56rem;}
.hintPopConBth{text-align: center;margin-top: 14px;}
.hintPopConBth a{width:100%;padding: .2666rem 0;background-color: #249ff6;border-radius: .533rem;display: inline-block;text-align: center;color: #ffffff;font-size: .426rem;}

.registerLink .registerBthNone{pointer-events: none;background-color: #ddd;}


.replenishPhonePop{width: 8.6rem;height: 6rem;margin-top: -3rem;margin-left:-4.3rem;}
.replenishPhonePop p{text-align: center;}
.replenishPhonePop h2{text-align: center;padding: .8rem 0 .4rem 0;font-size: .56rem;}
.replenishPhonePop h2 i{display: inline-block;width: .8rem;height: .8rem;background: url('/images/zhengding/doc/tipIcon.png') no-repeat 0 0;vertical-align: middle;margin-right: .133rem;margin-top: -2px;background-size: 100%;}
.replenishPhonePop .hintPopConBth a{margin-top: 20px;}

.sopCartTextp{width: 7.4rem;height: .533rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.mod1ConP1{text-indent: 2em;}
.loginxy{width: 10rem;margin-left: -.8rem;text-align: center;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #cccccc;
   
  }
  
  input:-moz-placeholder, textarea:-moz-placeholder {
    color: #cccccc;
  
  }
  
  input::-moz-placeholder, textarea::-moz-placeholder {
    color: #cccccc;
   
  }
  
  input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #cccccc;
  
  }

.LoginBox .loginNone{background-color: #bde2fc;pointer-events: none;}
.com-mod{background:#fff;z-index:910;position:fixed;bottom:0;left:0;right:0;width:100%;font-size:0.427rem;overflow:auto;display:none;height: 5.97rem;}
.com-mod .btns{border-bottom: 2px solid #eee;overflow: hidden;position: absolute;top: 0;left: 0;width: 100%;height: 1.33rem;background: #fff;}
.com-mod .btns a{padding:0.36rem 0.507rem;display:inline-block;}
.com-mod .btns a.cancelBtn{color:#999;}
.com-mod .btns a.sureBtn{color: #249FF6;}
.com-mod ul{margin-top: 1.33rem;overflow: auto;height: 4.61rem;}
.com-mod ul li{height: 0.4rem;line-height: 0.4rem;text-align: center;font-size: 0.43rem;color: #CCCCCC;padding: 0.4rem 0;}
.com-mod ul li:last-child{border-bottom:none;}
.com-mod ul li.on{color: #333333;}

/**/
.bind_box{width: 8rem;height: 8.05rem;background: #FFFFFF;border-radius: 0.13rem;position: fixed;z-index: 710;left: 50%;top: 50%;margin-left: -4rem;margin-top: -4.205rem;display: none;}
.bind_box i.close_bind{background: url('/images/zhengding/doc/close_btn.png') no-repeat 0 0;width: 0.31rem;height: 0.31rem;top: 0.4rem;right: 0.41rem;background-size: 100% 100%;}
.bind_box .title{height: 0.45rem;font-size: 0.48rem;font-weight: 600;color: #333333;line-height: 0.48rem;margin-top: 0.77rem;text-align: center;}
.bind_box ul{margin-top: 0.77rem;margin-left: 1.71rem;}
.bind_box ul li{float: left;height: 0.36rem;font-size: 0.37rem;font-weight: 600;color: #999999;line-height: 0.43rem;margin-right: 0.55rem;}
.bind_box ul li.active{color: #333;}
.bind_box ul li.active .line{display: block;}
.bind_box ul li .line{width: 0.4rem;height: 0.08rem;background: #4BB9FF;border-radius: 3px;left: 0.91rem;margin-top: 0.19rem;display: none;}
.bind_box .input_box{margin-top: 0.53rem;}
.bind_box .input_box input{border: none;width: 6.52rem;height: 1.07rem;background: #EEEEEE;border-radius: 0.13rem;line-height: 1.07rem;margin: 0 auto;margin-bottom:0.19rem;display: block;padding-left: 0.41rem;font-size: 0.35rem;
}
.bind_box .forget_box{padding-right: 0.53rem;}
.bind_box .forget_box .goFindPassword{height: 0.31rem;font-size: 0.32rem;color: #999999;line-height: 0.43rem;margin-top: 0.4rem;}
.bind_box .bind_btn{width: 6.93rem;height: 1.07rem;background: #249FF6;border-radius: 0.53rem;line-height: 1.07rem;margin: 0 auto;margin-top: 0.52rem;font-size: 0.43rem;color: #fff;text-align: center;}
.bind_box .bind_item{display: none;}
.bind_box .bind_item.active{display: block;}
.bind_box .getPhoneCode{right: 0.93rem;}
.bind_box .getPhoneCode a{font-size: 0.32rem;color: #4BB9FF;padding-top: 0.39rem;}
.bind_box .xy_box{padding: 0.34rem 0 0 0.53rem;font-size: 0.32rem;color: #999999;}
.bind_box .xy_box a{color: #4BB9FF;}

.title .freevideoBth{width: 2.3733rem;height: 0.7733rem;background: none;position: static;display: inline-block;}


/**/
.freeCourse02-mod{ background:#fff; border-radius:0.107rem; padding:0.493rem 0 0.667rem; position:relative; box-shadow:0 0.053rem 0.107rem #edebeb; margin:0.533rem 0 0;}
.freeCourse02-mod .title{ border-bottom:0.013rem solid #e4e4e4; margin:0 0.48rem; padding-bottom:0.267rem;}
.freeCourse02-mod .title h3{ line-height:0.8rem; font-size:0.48rem; font-weight:bold;}
.freeCourse02-mod .title p{ font-size:0.347rem; line-height:0.653rem; color:#999;}
.freeCourse02-mod .tips{ display:block; width:1.213rem; position:absolute; right:0.427rem; top:0;}
.freeCourse02-mod .list{ padding:0.4rem 0 0;}
.freeCourse02-mod .list li{ width:7.92rem; height:1.747rem; margin:0 auto 0.32rem; padding:0 0 0 0.32rem; background:url("//m.chinaacc.com/images/kuaijishiwu/zhuanti/freeCourse/freeCourse-bg01.png") no-repeat; background-size:100%;}
.freeCourse02-mod .list li h3{ line-height:0.68rem; padding-top:0.253rem; font-size:0.373rem; font-weight:normal;}
.freeCourse02-mod .list li .name{ display:block; float:left; line-height:0.613rem; font-size:0.333rem; color:#666;}
.freeCourse02-mod .list li .time{ float:right; width:1.627rem; line-height:0.613rem; color:#666; font-size:0.333rem; padding-left:0.52rem; background:url("//m.chinaacc.com/images/kuaijishiwu/zhuanti/freeCourse/ico04.png") no-repeat left center; background-size:0.32rem auto;}
.freeCourse02-mod .free-btn{ display:block; width:3.6rem; line-height:1; padding:0.213rem 0; text-align:center; font-size:0.4rem; color:#fefefe; font-weight:bold; border-radius:0.533rem; margin:0 auto; text-decoration:none; box-shadow:0 0.053rem 0.107rem #f9cfc0; background:#ff9103; background-image:-webkit-linear-gradient(top, #ff9103, #ff6a17); background-image:-moz-linear-gradient(top, #ff9103, #ff6a17); background-image:linear-gradient(top,#ff9103,#ff6a17);}


/**/
.common-pop{ display:none; width:8.6rem; position:fixed; padding:1rem 0 0.6rem; left:50%; margin-left:-4.3rem; top:50%; z-index:799; background:#fff; border-radius:0.133rem;}
.common-pop .close-btn{ display:block; line-height:0; font-size:0; width:0.4rem; height:0.4rem;  background:url("/images/kuaijishiwu/zhuanti/freeCourse/close-btn.png") no-repeat; background-size:100%; top:0.267rem; right:0.267rem;}
.common-pop p{ line-height:0.427rem; padding:0.267rem 0 0.4rem; text-align:center; font-size:0.32rem;}
.common-pop .btn{ display:block; width:2.8rem;; line-height:1; padding:0.213rem 0; text-align:center; font-size:0.4rem; color:#fefefe; font-weight:bold; border-radius:0.533rem; margin:0 auto; text-decoration:none; box-shadow:0 0.053rem 0.107rem #f9cfc0; background:#ff9103; background-image:-webkit-linear-gradient(top, #ff9103, #ff6a17); background-image:-moz-linear-gradient(top, #ff9103, #ff6a17); background-image:linear-gradient(top,#ff9103,#ff6a17);}

/**/
.list-con{ background:#fff; border-radius:0.107rem; box-shadow:0 0.053rem 0.107rem #edebeb; padding:0.267rem 0 0.533rem; margin-top:0.4rem; position:relative;}
.list-con ul{}
.list-con li{ width:8rem; background:#fff; border-radius:0.08rem; margin:0.267rem auto 0; padding:0 0.133rem 1.653rem; position:relative;z-index:1;-webkit-box-shadow:0 0.133rem 0.133rem #e0e0e0;-moz-box-shadow:0 0.133rem 0.133rem #e0e0e0;box-shadow:0 0.133rem 0.133rem #e0e0e0;z-index:10;}
.payCon ul li{padding-bottom: 0.267rem;}
.list-con .course-hd{height:1.067rem;line-height:1.067rem;padding:0.907rem 0 0 0.133rem; position:relative;}
.list-con .course-hd h3{font-size:0.427rem; height:1.067rem; line-height:1.067rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.list-con .course-hd h3 a{ text-decoration:none;}
.list-con .class-types{text-align:right; position:absolute; left:0.133rem; top:0.027rem;}
.list-con .class-types span{display:inline-block; height:0.64rem; line-height:0.64rem;margin-top:0.16rem; font-size:0.32rem; color:#999; background:#f0f0f0; border-radius:1.333rem; padding:0 0.187rem;vertical-align: top;}
.list-con .introduce-con dd{height:0.72rem;line-height:0.72rem;padding-left:0.24rem;color:#999;float: left;font-size:0.32rem;}
.list-con .introduce-con dd i{display:inline-block; *display:inline; *zoom:1; overflow:hidden; width:0.067rem; height:0.067rem; background:#dedede; border-radius:0.667rem; margin:-0.027rem 0.08rem 0 0;vertical-align: middle;}
.list-con .teacher-list{margin-top:0.12rem;padding-left:0.027rem; padding-bottom:0.027rem;}
.list-con .teacher-list dd{width:1.413rem;height:1.813rem;text-align: center;line-height:0.64rem;color:#666;font-size:0.32rem;float: left;}
.list-con .teacher-list dd img{width:1.12rem;height:1.12rem;-webkit-border-radius: 1.333rem;-moz-border-radius: 1.333rem;border-radius: 1.333rem;display: block;margin: 0 auto;}
.list-con .teacher-list dd a{display: block;color:#666;}
.list-con .activity-con{}
.list-con .activity-con a{ margin-bottom:0.16rem;}
.list-con .activityType01{ display:block; width:3.373rem; height:0.347rem; line-height:0.347rem; font-size:0.16rem; background:url("//www.chinaacc.com/OtherItem/images/2020CourseCenter/activity.jpg") no-repeat; margin:0 auto; text-decoration:none; text-align:right; color:#fff; padding-right:0.16rem;}
.list-con .course-con{ border-top:0.013rem solid #f1f1f1; margin-top:0.133rem;}
.list-con .course-con .con{ padding:0.053rem 0.027rem 0.067rem; border-bottom:0.013rem solid #f1f1f1;}
.list-con .course-con .tit h4{ float:left; line-height:0.32rem;}
.list-con .course-con .tit h4 strong{ color:#f3664a;}
.list-con .course-con .tit .kaoqi-btn{ float:right; cursor:pointer; position:relative; font-size:0.16rem; line-height:0.32rem; color:#999;}
.list-con .course-con .tit .kaoqi-btn .kaoqi-pop{ display:none; width:3.28rem; border:0.013rem solid #dfdfdf; background:#fff; position:absolute; right:0; top:0.333rem; z-index:3; padding:0.08rem 0.08rem 0.027rem 0.133rem;}
.list-con .course-con .tit .kaoqi-btn .kaoqi-pop p{ font-size:0.16rem; line-height:0.24rem; padding:0 0 0.08rem; color:#333;}
.list-con .choiceCourse-con p{ display:block; float:left; min-width:1.733rem; font-size:0.16rem; line-height:0.293rem;overflow:hidden; position:relative; cursor:pointer;}
.list-con .choiceCourse-con p i,.booklist .chk-btn i{ display:inline-block; *display:inline; *zoom:1; overflow:hidden; width:0.187rem; height:0.187rem; border:0.013rem solid #d4d4d4; margin-right:0.08rem; vertical-align:-0.04rem; *vertical-align:0rem;background-color: #ffffff;}
.list-con .choiceCourse-con p.on i,.booklist .chk-btn.on i{ border-color:#609fe9; background:url("/OtherItem/images/2020CourseCenter/ico01.png") no-repeat center #609fe9; *vertical-align:0;}

.list-con .choiceCourse-con p input,.booklist .chk-btn input{ position:absolute; left:-0.4rem; top:-0.4rem;}
.list-con .choiceCourse-con p.noPointer{cursor:auto;width: 2.2rem;overflow: hidden;text-overflow:ellipsis; white-space:nowrap;}
.list-con .choiceCourse-con.jikao-tags p{min-width:2.773rem;}
.list-con .dk .choiceCourse-con p{ display:none}
.list-con .choiceCourse-con.send-wrap p{ width:100%; padding:0; position:relative;}
.list-con .choiceCourse-con.send-wrap .send-tags{ line-height:0.32rem; color:#f3664a; font-size:0.16rem; position:absolute; right:0; top:0;}
.list-con .tags-con{ padding:0.053rem 0 0 0;}
.list-con .tags-con span{ display:inline-block; height:0.293rem; line-height:0.293rem; padding:0 0.133rem; color:#fb6345; font-size:0.16rem; margin-top:0.08rem; background:#ffecc8; border-radius:0.067rem; margin-right:0.133rem;}
.list-con .tags-con span a{ color:#fff;}
.list-con .course-btn{ display:block; *width:3.507rem; height:0.907rem; line-height:0.907rem; font-size:0.32rem; text-align:center; color:#f3664a; text-decoration:none; border:0.013rem solid #ffa18f; border-radius:0.08rem; position:absolute; left:0.133rem;right:0.133rem; bottom:0.147rem;}
.list-con .course-btn:hover{background:#fb6345;border-color:#fb6345;color:#fff;}