/* ========== pc-style_start ========== */
@media only screen and (max-width: 1239px){
    .titile-bg{
        display: none;
    }
    .courselist ul li dt p{
        display: flex;
        flex-direction: column;
    }
	.pc-head{
	    display: none;
	}
	.mobile-head{
	    display: block;
	}
 .loca{
    width:4rem;
    display:flex;
    align-items: center;
    position: absolute;
    left:2.5rem;
    color:#ffffff;
   height: 3rem;
   line-height: 3rem;
   justify-content: space-around;
}
.showMen{
    position: relative;
}

.loca input{
    display: inline-block;
    width:3rem ;
    background-color: transparent;
    border:none;
    color:#ffffff;
}
.loca img{
    width: 1.2rem;
    height: 1.1rem;
}
input, textarea {}	


/* ===== a ===== */



/* ===== b ===== */
.mpage, .details table, .formbox table, .msgbox th, .showorder table {background-color:#eee;}
.socicalogin {background-color:#f6f6f6;}

.fullbox .c, .msgTab, .orderBox .c, .cFind form, .cFind i {background-color:#f8f8f8;}

.loginBox li i.fa, .register li i.fa, .mt {background-color:#fafafa;}
.loginBox, .register, .usrMenu, .memberInfo, .fullbox, .fullbox .c dl, .orderBox, .cFind, .half .hfc, .formbox, .msgBox form, .pmRead, .msgTab dt, .msgTab dd, .orderBox dl {background-color:#fff;}

.memberInfo dt em, .pcTab dd.infos em, a.upFile {background-position:50% 50%;}

.memberInfo dt em, .pcTab dd.infos em, a.upFile {background-size:cover;}

.socicalogin *, .memberInfo dt em, .pcTab dd.infos em {border-radius:50%;}
.memberInfo h4 i.fa {border-radius:0.15rem;}
p.obt a {border-radius:2rem;}


.loginBox, .register, .dashboard li a, .fullbox, .half .hfc {box-shadow:0 0 0.25rem #d8d8d8;}
.fullbox{
    border-radius: .2rem;
    overflow: hidden;
}
.dropdown, .memberInfo {box-shadow:0 0.125rem 0.25rem #ddd;}

.loginBox form, .loginBox input, .register input, .register form, .register input, .usrMenu, .ucr .inner, .dashboard, .dashboard li, .ucSwap, .ucSwap li, .formAct, .formAct dt, .formAct dd, .formAct button, .dataTab input, .dataTab textarea, .msgTab, .msgTab ul, .msgTab li, .msgTab dl, .orderBox .c, .orderBox .c li, .msgTab dt, .msgTab dd, 

.dashboard li, .pcTab dd.infos a, .formbox, .dataTab, .dataTab dt, .dataTab dd, .msgBox form, .cFind, .cFind form, .cFind .c, .cFind p, .cFind input, .fullbox dt, .fullbox dd, .courselist dl, .viewDetail, .comments textarea, .siteNote dl, .siteNote dd, .siteNote dd.max a, .noteList dl {box-sizing:border-box;}
.class-list ul{
    justify-content: center;
}
.class-list ul li{
    width: 100%!important;
   
}
.class-list ul li dl {
    width: 100%;
    display: block;
    display: flex;
}
.class-list ul li dl dt{
    width: 17.5rem;
    margin-top:1rem;
     display: block;
}
/* ===== c ===== */


.loginBox li p, .register li p {color:#5a5a5a;}
.loginBox li p b, .register li p b {color:#f80;}

.mt h3, p.empty b, .memberInfo h4 b {color:#666;}
.loginBox li, .register li, .register select, p.empty, .usrMenu h3, .mfoot p {color:#989898;}
.loginBox li i.fa, .register li i.fa {color:#aaa;}
p.empty i {color:#ddd;}
.socicalogin i.fa, .memberInfo h4 i.fa {color:#fff;}

.memberInfo h4 em:before {content:" ";}


.loginBox h2, .details h2, .socicalogin h3, .usrMenu h3, .memberInfo h3, .ucr h1, 
.pcTab b, .dataTab b, .pmTitle {color:#282828;}
.na {color:#5a5a5a;}

.pcTab b.enable, *.succed {color:#7a1;}
.pcTab b.disabled, *.pormpt {color:#f80;}
*.warning {color:#f00;}

button, a.upFile, a.upFile * {cursor:pointer;}




/* ===== d ===== */
.MV, .MV *, .memberInfo dt *, .usrMenu a, .usrMenu a *, .dashboard li *, p.empty *, .ucSwap a, .mPager li *, a.upFile, a.upFile *, p.pmStat em, .starate a, .siteNote a, .noteList dt *, .noteList dd * {display:block;}
.memberInfo h4 *, p.obt, p.obt a, .dataTab dd label, .mPager li, .cFind * {display:inline-block;}

.userFunc dt, .pcTab li.t, .msgTab li.t {display:none;}

.dataTab, .dualbox {display:table;}
.dataTab dl, .dualbox .dual {display:table-row;}
.dataTab dt, .dataTab dd, .dualbox .half {display:table-cell;}



.box{/* display: -webkit-flex; display: flex; */}
.dashboard ul, .courselist li, dl.onerow {display:-webkit-box;display:-webkit-flex;display:flex;}



/* ===== e ===== */




/* ===== f ===== */
.box {/* flex-direction: row | row-reverse | column | column-reverse; */}
.na {-webkit-flex-direction:row-reverse;flex-direction:row-reverse;}

.item {/* flex-grow: <number>; default 0 */}
.na {-webkit-flex-grow:1;flex-grow:1;}
.na, .infoTab dl.onerow dt {-webkit-flex-grow:2;flex-grow:2;}


.item {/* flex-shrink: <number>;default 1 */}
.na, .courselist dd {-webkit-flex-shrink:0;flex-shrink:0;}


.box {/* flex-wrap: nowrap | wrap | wrap-reverse; */}
.dashboard ul {-webkit-flex-wrap:wrap;flex-wrap:wrap;}


.mpage, .formAct dt, .formAct dd, .cFind p {/* float:left; */}
.usrMenu a *, .mt h3, .ucSwap li, .formAct dt, .formAct dd {float:left;}

.mt p {float:right;}

.memberInfo h3, .dashboard em {font-family:"Poppins", "Open sans";}

* {font-size:0.75rem;}
.loginBox button, .loginBox li i.fa, .register button, .register li i.fa, .mt h3, .mt p *, .mfoot p, .memberInfo dd h3, .courselist dt h4 {font-size:0.8rem;}
p.empty b, .dataTab i.fa, .pmContent *, .viewDetail h2, .comments h3 {font-size:1rem;}
.loginBox h3, .socicalogin *, .ucr h1, 
.loginBox h2, .register h2, .pmTitle {font-size:1.25rem;}
.dashboard li em {font-size:1.6rem;}

.dashboard li i.fa {font-size:2.8rem;}

p.empty i {font-size:3.2rem;}


.memberInfo h4 *, .courselist dt *, p.obt a {font-size:0.6rem;}
.na {font-size:0.5rem;}

.mt h3 {font-weight:bold;}





/* ===== g ===== */


/* ===== h ===== */
.usrMenu {height:100%;}


/* ===== i ===== */


/* ===== j ===== */


/* ===== k ===== */


/* ===== l ===== */
.MV, .loginBox li p, .register li p, .usrMenu, .memberInfo h4 em:before, .pcTab dd.infos em, a.upFile input {left:0;}

* {line-height:1;}
.pmTitle {line-height:1.2;}
.memberInfo dd h3, .memberInfo dd h4 *, .pcTab dt, .pcTab dd.infos *, .pcTab dd, .pcTab dd * {line-height:1rem;}
.courses dt h4 {line-height:1.25rem;}
p.obt a, .pmContent * {line-height:1.5rem;}
.loginBox li p, .register li p {line-height:2rem;}




/* ===== m ===== */


/* ===== n ===== */


/* ===== o ===== */
.usrMenu {overflow:auto;}
a.upFile input {opacity:0;}

.starate a {overflow:hidden;}



/* ===== p ===== */
.MV i, .loginBox li i.fa, a#refresh, .register li i.fa, .memberInfo dt, .dashboard li i.fa, .memberInfo h4 em:before, .pcTab dd.infos em, .cFind i, a.upFile input, .courselist dd, .starate li, .siteNote dt, .siteNote dd:last-child, .noteList dd {position:absolute;}
.MV, .usrMenu {position:fixed;}
.loginBox li, .loginBox li input, .register li, .register li input, .memberInfo dl, .ucr, .dashboard li a, .memberInfo h4 em, .memberInfo h4 i.fa, .pcTab dd.infos a, .cFind .c, .cFind p, a.upFile, a.upFile img, .courselist dl, .starate ul, .siteNote dl, .noteList dl {position:relative;}




/* ===== q ===== */


/* ===== r ===== */
.cFind button, .courselist dd {right:0;}




/* ===== s ===== */


/* ===== t ===== */
.pcTab dd h4, .pcTab dd p, .msgTab dd p {text-align:left;}
.loginBox h2, .loginBox h3, .loginBox li i.fa, .loginBox button, .socicalogin *, .register h2, .register li i.fa, .register button, .formAct button, 
.usrMenu a i, .memberInfo h4 i, .pcTab dt, .pcTab dd, p.obt, p.empty *, .mfoot p, .msgTab dt, .msgTab dd, .mPager, .cFind i, .comments p, .comments dl:first-child dt {text-align:center;}
p.obt, .siteNote dt, .siteNote dd:last-child a {text-align:center !important;}

.dataTab dt p {/* text-align:right; */}

.MV, .usrMenu, .memberInfo dt, .memberInfo h4 em:before, .pcTab dd.infos em, .cFind button, a.upFile input, .courselist dd {top:0;}
.loginBox li p, .register li p {/* top:100%; */}

.memberInfo h4 em:before {transform:rotate(45deg);}

.loginBox a, .loginBox button, .loginBox input, .socicalogin *, .register a, .register button, .register input, 
.usrMenu a, .dashboard li a, .pcTab a, .pcTab a *, .ucSwap a, button, a.upFile, .MV *, .usrMenu {transition:all 300ms ease 0s;}

.jspTrack, .jspDrag {transition:background 300ms ease 0s;}

.starate a {text-indent:-5000rem;}




/* ===== u ===== */



/* ===== v ===== */
.memberInfo h4 *, .half, .pcTab dt, .pcTab dd, .dataTab dt, .dataTab dd, .mPager li {vertical-align:top;}




/* ===== w ===== */
a#refresh {white-space:nowrap;}

.uc .topbar .fx, .ucmain, .ucr, .ucr .inner, .pcTab dl, .pcTab dt, .pcTab dd, .ucSwap, .formAct, .formAct button, .msgBox .c, .msgBox .c li, .orderBox .c, .orderBox .c li, 
.mpage, .memberInfo dd, .memberInfo dd h3, .memberInfo dd h4, .dashboard, .fullbox, .fullbox .c, .dualbox, .dualbox .dual, .mt, .pcTab li, .pcTab dl, .pcTab dd.infos a, .mfoot, .formbox, .dataTab, .msgBox, .msgBox form, .msgTab li, .msgTab dl, .cFind, .cFind form, .cFind .c, .cFind input, .courselist ul, .courselist li, .courselist dl, .courselist dt, .courselist dt h4, .infoTab dl, .infoTab dt, .infoTab dd, .siteNote, .siteNote dl, .noteList dl, .noteList dt * {width:100%;}
.half, .dashboard li, .formAct dt, .formAct dd {width:50%;}
.ucSwap.three li {width:33.3331%}
.ucSwap.four li, .cFind p {width:25%;}
.ucSwap.five li {width:20%;}




/* ===== x ===== */




/* ===== y ===== */




/* ===== z ===== */
* {z-index:0;}
.loginBox li i.fa, .register li i.fa, .memberInfo h4 i.fa, a.upFile input {z-index:1;}
.na {z-index:990;}
.usrMenu {z-index:9995;}
.MV {z-index:9997;}



/* ========== special ========== */
.na, .courselist dt h4, .siteNote dd.max a {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.js-list{
    background-color: #fff;
    border-radius: .3rem;
    padding-bottom: 2rem;
}
.js-box ul{
    display: flex;
    flex-wrap: wrap;
}
.js-box ul li{
    width: 45%;
    margin-left: .5rem;
    height: 11.2rem;
    margin-top:.6rem;
    border: 1px solid #E7E7E7;
}
.js-box ul li a{
    width: 100%;
}
.js-box ul li .js-top{
    height: 2rem;
    width: 100%;background-color: #E6B44C;
}
.js-box ul li .js-avatar{
    width:3.08rem ;
    height: 3.08rem;
    background-color: #ffffff;
    border-radius: 50%;
    margin:0 auto;
    margin-top:-1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.js-box ul li .js-avatar img{
    width: 2.9rem;
    height: 2.9rem;
    border-radius: 50%;
}
.js-box ul li h4{
    font-size: 1rem;
    color:#333333;
    margin-left: 0.5rem;
    margin-top:.3rem;
      margin-top: 1rem;
}
.js-box ul li .js-info{
    margin-left: .5rem;
    font-size: .9rem;
    color:#666666;
  
    margin-top: 1.5rem;
}
.js-box ul li .js-info p{
    margin-top: .5rem;
    width: 90%;
    font-size: .3rem;
    margin-left: .5rem;
}
.js-details{
    padding:1rem;
    background: #fff;
}
.js-details .js-title{
    color:#181818;
    font-size: 1.25rem;
}
.js-details .js-main{
     margin-top: 1.5rem;
     box-sizing: border-box;
}
.js-details .js-main .js-avatar{
    display: flex;
}
.js-details .js-main .js-avatar span{
    font-size: 1.5rem;
    color:#202020;
    margin-top:3.5rem;
    margin-left: 1.5rem;
}
.js-details .js-main .js-avatar div{
    width: 7.5rem;
    height: 9.17rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #5986B4;
}
.js-details .js-main .js-avatar div img{
    width: 7rem;
    height: 9rem;
}
.js-details .js-main .js-text p{
    font-size: 0.75rem;
    color:#202020;
    margin-top:1rem;
    line-height:1.8;
}
.js-details .js-main  h3{
    font-size: 1rem;
    color:#202020;
}





}