a:link, a:visited {color:#5a5a5a;}
a:hover, a:active {color:#fa0;}








/* ========== pc-style_start ========== */
@media only screen and (max-width: 1239px){
    #remember img{
        width: 1rem;
        height: 1rem;
        vertical-align: middle;
        margin-right: .5rem;
    }
.viewDetail h2.title p{
    display: block;
}
.viewDetail h2.title{
    display:flex;
  justify-content: space-between;
}
.viewDetail h2.title p{
    display: flex;
    flex-direction: column;
    font-size: .5rem;
}
.viewDetail h2.title p span{
     font-size: .5rem;
     margin-top:.1rem;
}
.viewDetail h2.title p img{
    width: 1.14rem;
    height: 1.15rem;
}

html {background-color:#eee;}

.mpage {/* padding:2rem 0; */}
.pmt {height:3rem;}

.loginBox, .loginBox form, .loginBox input, .register, .registed, .register input, .loginBox button, .register button, .register select, .details button {width:100%;}
.loginBox #vdimgck, .register #smscodek, .register #vdimgck, li.hasBT #btnsend {position:absolute; right:0; top:0; }




/* ===== MV ===== */
.MV {background-color:rgba(255,255,255,0.15);height:3rem;width:3rem;}
.MV i {background-color:#fff;height:0.15rem;left:0.7rem;width:1.6rem;}

.MV i:nth-child(1) {top:0.9rem;}
.MV i:nth-child(2) {top:1.4rem;}
.MV i:nth-child(3) {top:1.9rem;}

.MV.hideNavi i {background-color:rgba(255,255,255,0.75);}
.MV.hideNavi i:nth-child(1) {width:1rem;}
.MV.hideNavi i:nth-child(2) {width:1.4rem;}
.MV.hideNavi i:nth-child(3) {width:1.2rem;}






/* ===== login+register  ===== */


.loginBox h2, .register h2, .details h2 {padding:1.5rem 0 1rem 0;}
.loginBox form, .register form {padding:0 1rem 1rem;}
.loginBox li, .register li {padding-bottom:0.75rem;}
.loginBox li p, .register li p {line-height:1rem;padding-top:0.75rem;}

li.hasAuth, li.hasBT {padding-right:6.5rem;}
.loginBox li.xs {/* margin-top:1.5rem; */}

.loginBox li i.fa, .register li i.fa {height:2.8rem;left:0.1rem;line-height:2.8rem;top:0.1rem;width:2.8rem;}
.loginBox li p, .register li p {}

.loginBox button, .loginBox input[type='text'], .loginBox input[type='password'], .register button, .register input[type='text'], .register input[type='password'], .register input[type='button'], .register select, .details button {height:3rem;line-height:3rem;}
.loginBox button, .register button, .details button, .cFind button, .register input[type='button'] {background-color:#f80;border:0.1rem solid #f80;color:#fff;}


.loginBox button:hover, .register button:hover, .details button:hover, .cFind button:hover {background-color:#fa0;border:0.1rem solid #fa0;}
.loginBox input, .register input, .cFind input, .register select {border:0.1rem solid #eee;}
.loginBox input, .register input {padding:0 0 0 3.2rem;}

.loginBox input:hover, .register input:hover, .cFind input:hover {border:0.1rem solid #ccc;color:#888;}
.loginBox input:focus, .register input:focus, .cFind input:focus {border:0.1rem solid #fa0;color:#f80;}
.loginBox #vdcode, .register #smscode, .register #vdcode {/* width:16.2rem; */width:100%;}
.loginBox #vdimgck, .register #smscodek, .register #vdimgck {height:1.8rem;top:0.55rem;width:5rem;}

.loginBox a#refresh, .register a#refresh {/* left:100%;line-height:3.2rem;margin-left:0.7rem; */ display:none;}




/* ===== socicalogin ===== */
/*.socicalogin {display:none;}*/
.socicalogin h3 {padding:2rem 0 1.5rem 0;}
.socicalogin p {padding-bottom:2rem;}
.socicalogin a, .socicalogin i.fa {height:3.2rem;line-height:3.2rem;width:3.2rem;}
.socicalogin a {margin:0 0.75rem;}

.socicalogin i.fa-qq {background-color:#39d;}
.socicalogin i.fa-qq:hover {background-color:#6cf;}

.socicalogin i.fa-weixin {background-color:#393;}
.socicalogin i.fa-weixin:hover {background-color:#6c3;}

.socicalogin i.fa-weibo {background-color:#fa0a17;}
.socicalogin i.fa-weibo:hover {background-color:#f66;}




/* ===== register ===== */
.register li.xs {margin-bottom:1rem;}

#passwordLevel {padding-top:0.5rem;}
.rank b {background-color:#fff;border:0.05rem solid #e8e8e8;display:inline-block;height:0.5rem;margin-right:0.2rem;width:1.25rem;}
.rank.r1 b.rb1, .rank.r2 b.rb1, .rank.r2 b.rb2, .rank.r3 b.rb1, .rank.r3 b.rb2, .rank.r3 b.rb3 {background-color:#f60;border:0.05rem solid #f30;}
.rank.r4 b.rb1, .rank.r4 b.rb2, .rank.r4 b.rb3, .rank.r4 b.rb4, 
.rank.r5 b.rb1, .rank.r5 b.rb2, .rank.r5 b.rb3, .rank.r5 b.rb4, .rank.r5 b.rb5 {background-color:#f90;border:1px solid #f60;}
.rank.r6 b.rb1, .rank.r6 b.rb2, .rank.r6 b.rb3, .rank.r6 b.rb4, .rank.r6 b.rb5, .rank.r6 b.rb6, 
.rank.r7 b.rb1, .rank.r7 b.rb2, .rank.r7 b.rb3, .rank.r7 b.rb4, .rank.r7 b.rb5, .rank.r7 b.rb6, .rank.r7 b.rb7 {background-color:#9c9;border:1px solid #6c6;}


/* ----- stat ----- */
.regNote .noteOK {color:#6c6;}
.regNote .noteER {color:#f30;}


.register input[type='button'] {background-color:#f80;border:0 none !important;color:#fff !important;cursor:pointer;height:3rem;padding:0;width:6rem;}
.register input[type='button']:hover {background-color:#fa0;}

.register select {text-indent:0.5em;}
.register select option, .details select option, .formbox select option {text-indent:1em;padding:0.5em 0;}





/* ===== ucpage ===== */
.ucpage .topbar .helper {margin-left:1em;}

.mfoot {padding:1rem 0;}




/* ----- ucl ----- */
.ucl, .ucl .jspPane, .memberInfo, .usrMenu, .usrMenu ul, .usrMenu li {}

.mpl .pmt {height:0;}


.usrMenu {-webkit-transform:translateX(-100%);transform:translateX(-100%);/*  */}



/* ----- usrInfo ----- */
.memberInfo, .memberInfo dl, .memberInfo dt, .memberInfo dt *, .memberInfo dd {height:3rem;}
.memberInfo {display:none;padding:1rem 0;}
.ucHome .memberInfo {display:block;}

.memberInfo dl {padding-left:4.5rem;}
.memberInfo dt, .memberInfo dt * {width:3rem;}
.memberInfo dt {left:0.75rem;}
.memberInfo h4 em, .memberInfo h4 em:before, .memberInfo h4 i {height:0.7rem;line-height:0.7rem;width:0.7rem;}
.memberInfo h4 em {margin:0.4rem 0.25rem 0 0.75rem;}
.memberInfo h4 em, .memberInfo h4 em:before {background-color:#ccc;}
.memberInfo h4 em.certified, .memberInfo h4 em.certified:before {background-color:#7a1;}



/* ----- usrMenu ----- */
.usrMenu, .usrMenu ol, .usrMenu ul, .usrMenu li {width:100%;}
.usrMenu {padding:3rem 0;}
.usrMenu h3 {border-top:0.05rem solid #eee;}
.usrMenu h3, .usrMenu li a {padding-left:1rem;}
.usrMenu h3, .usrMenu li, .usrMenu li * {height:2.4rem;line-height:2.4rem;}
.usrMenu h3 {padding:0.5rem 0 0 1rem;}
.usrMenu ol, .usrMenu ul {padding:0 0 0.5rem 0;}

.usrMenu li i {width:2.5rem;}
.usrMenu li b {width:8.5rem;}

.usrMenu ol a {background-color:#f3f3f3;}

.usrMenu li a b {color:#282828;}
.usrMenu li a i {color:#bbb;}
.usrMenu li a:hover, .usrMenu li a:active {background-color:#fa0;color:#fff;}
.usrMenu li a:hover *, .usrMenu li a:active * {color:#fff !important;}




/* ----- ucr ----- */
.ucr {/* margin-left:12rem; min-height:100%; */}
.na {padding:0.75rem;}
.ucr h1 {padding:1rem 0 0 0.75rem;}

.dashboard1, .dualbox, .fullbox.start, .siteNote, .noteList {margin-top:0.5rem;}
.dashboard {padding:0.5rem 0.5rem 0 0.5rem;}
.dashboard ul {}
.dashboard ul {min-height:8.5rem;}
.dashboard li:nth-child(2), .dashboard li:nth-child(4) {padding-left:0.25rem;}
.dashboard li:nth-child(3), .dashboard li:nth-child(4) {padding-top:0.25rem;}
.dashboard li a {padding:0.5rem 0 0.5rem 0.75rem;}
.dashboard li a {background-color:#fff;border-radius:0.2rem;}
.db1 a{
        background: url('/member/templets/images/shu.png') no-repeat 90% 50%;
        background-size: 25%;
        
    }
    .db2 a{
        background: url('/member/templets/images/yue.png') no-repeat 90% 50%;
        background-size: 25%;
        
    }
    .db3 a{
        background: url('/member/templets/images/rili.png') no-repeat 90% 50%;
        background-size: 25%;
        
    }
    .db4 a{
        background: url('/member/templets/images/ling.png') no-repeat 90% 50%;
        background-size: 25%;
        
    }
.dashboard li em {line-height:2rem;}
.dashboard li b {line-height:1rem;}
.dashboard li i.fa {bottom:0.5rem;opacity:0.2;right:0.75rem;}

.dashboard a:link b, .dashboard a:visited b {color:#aaa;}

.dashboard li.db1 a:link i, .dashboard li.db1 a:visited i, .dashboard li.db1 a:link em, .dashboard li.db1 a:visited em {color:#1b73f8;}
.dashboard li.db2 a:link i, .dashboard li.db2 a:visited i, .dashboard li.db2 a:link em, .dashboard li.db2 a:visited em {color:#f80;}
.dashboard li.db3 a:link i, .dashboard li.db3 a:visited i, .dashboard li.db3 a:link em, .dashboard li.db3 a:visited em {color:#34a853;}
.dashboard li.db4 a:link i, .dashboard li.db4 a:visited i, .dashboard li.db4 a:link em, .dashboard li.db4 a:visited em {color:#ea493b;}

.dashboard a:link em, .dashboard a:visited em {color:#aaa;}
.dashboard li a:hover, .dashboard li a:active {background-color:#fa0;}
.dashboard a:hover *, .dashboard a:active * {color:#fff !important;}




/* ===== siteNote ===== */
.siteNote, .siteNote * {height:2rem;line-height:2rem;}
.siteNote {background:#fff;}
.siteNote dl {padding:0 3.1rem 0 4.1rem;}
.siteNote dt, .siteNote dd:last-child {top:0;}
.siteNote dt {left:0;width:4rem;}
.siteNote dd:last-child, .siteNote dd:last-child a {width:3rem;}
.siteNote dd:last-child {right:0;}

.siteNote dd.max {background:#fff;}
.siteNote dd.max a {padding:0 0.5rem;}




/* ===== noteList ===== */
.noteList li {border-top:0.05rem solid #d8d8d8;}
.noteList li:first-child {border-top:0;}
.noteList dl {padding:0 5.1rem 0 0.5rem;}
.noteList dt {}

.noteList dt * {line-height:2rem;}
.noteList dt em {color:#989898;}
.noteList dt a:link, .noteList dt a:visited {/*border-bottom:1px solid #eee;*/color:#5a5a5a;}
.noteList dt a:hover, .noteList dt a:active {color:#fa0;}

.noteList dd {padding-top:1.25rem;right:0;top:0;width:4.6rem;}
.noteList dd a {width:3.5rem;}




/* ===== mt ===== */
.mt, .mt * {height:2.4rem;line-height:2.4rem;}
.mt {background-color:#ffffff;}
.mt h3, .mt p {padding:0 1rem;}
.mt a:link, .mt a:visited {color:#888;}
.mt a:hover, .mt a:active {color:#f80;}



/* ===== pcTab ====== */

.fullbox .c1, .orderBox .c, .msgTab ul {padding:0 0.75rem 0.75rem;}

.pcTab dt, .pcTab dd, .msgTab dt, .msgTab dd {border-bottom:0.05rem dotted #ddd;padding:0.5rem 0;}
.pcTab dd:last-child, .msgTab dd:last-child {border-bottom-width:0;}

.pcTab li.t dt, .pcTab li.t dd, .msgTab li.t dt, .msgTab li.t dd, .msgTab li.t dt, .msgTab li.t dd {/* background-color:#fff;line-height:1.2rem; */}

.pcTab li, .msgTab li {padding-top:0.75rem;}
.pcTab dl, .msgTab dl {/*border:0.05rem solid #ddd;*/}

.pcTab dt, .msgTab dt {background-color:#eee;}
.pcTab dt b {line-height:1rem;}
.pcTab dd.infos p * { display:inline; }
.pcTab dd.infos a {color:#f60; /* min-height:3rem;padding-left:3rem; */}


.pcTab h4 {color:#282828;}
.pcTab p {color:#aaa;}
.pcTab dd.infos em, .pcTab dd.infos img {height:3rem;width:3rem; display:none;}
.pcTab dd h4, .pcTab dd p, .pcTab dd b {padding:0 0.5rem;}
.pcTab dd h4 {font-weight:bold;padding:0.25rem 0.5rem;}
.pcTab dd b {}

.pcTab dd p.obt {padding-top:0.5rem;}
p.obt a {padding:0 0.3rem;}
p.obt a:link, p.obt a:visited {border:0.05rem solid #ccc;color:#888;}

p.obt.aGreen a:link, p.obt.aGreen a:visited {background-color:#15D26B;border:0.05rem solid #15D26B;color:#fff;}
p.obt.aBlue a:link, p.obt.aBlue a:visited {background-color:#39f;border:0.05rem solid #39f;color:#fff;}
p.obt.aOrange a:link, p.obt.aOrange a:visited {background-color:#f80;border:0.05rem solid #f70;color:#fff;}
p.obt a:hover, p.obt a:active {background-color:#fa0 !important;border:0.05rem solid #f90 !important;color:#fff !important;}





/* ----- coursee ----- */
.courses li.t dd:nth-child(2), .courses li.t dd:nth-child(3), .courses li.t dd:nth-child(4) {text-align:left;text-indent:0.5rem;}


.courses dt:before {content:"课程序号：";}
.courses dd.infos h4:before {content:"课程名称：";}
.courses dd.infos p:before {content:"课程链接：";}

.courses dd:nth-child(4) h4:before {content:"授课教师：";}
.courses dd:nth-child(4) p:before {content:"上课地点：";}

.courses dd:nth-child(5), .courses dd:nth-child(6), .msgTab dd:nth-child(3), .msgTab dd:nth-child(4) {float:left;width:50%;}

.courses dd:nth-child(5) b:before {content:"课程数/次：";}
.courses dd:nth-child(6) b:before {content:"可预约数：";}

.courses.queue dd:nth-child(5) b:before {content:"授课教师：";}
.courses.queue dd:nth-child(6) b:before {content:"课程数/次：";}



/* ----- booked ----- */
.booked dt:before {content:"课程序号：";}
.booked dd.infos h4:before {content:"课程名称：";}





/* ===== 2018-03-26 ===== */
.courselist li {border-bottom:0.05rem solid #d8d8d8;}
.courselist dl {padding:0 4.6rem 0 .65rem;}
.courselist dt {padding:0.65rem 0;/*  */}

.courselist dt * {line-height:1.2rem;}
.courselist dt p,.courselist dt em {line-height:1.2rem;color:#747474}
.courselist dt h4, .courselist dt b {color:#5a5a5a;}
.courselist dt h4 {padding:0;color:#000000;font-weight:550;}
.courselist dt span:first-child {padding-right:1rem;}
.courselist dt b {padding-right:0.5rem;}
.courselist dd {padding-top:.5rem;width:4.6rem;height:5.5rem;display:flex;flex-direction:column;justify-content:space-around;}
.courselist dd a {margin:0.3rem 0.3rem 0 0.3rem;width:3.3rem;}

.style1 {color:#39f;}
.style2 {color:#f00;}







/* ===== viewDetail ===== */
.viewDetail, .comments {}
.split-line{
    height: .3rem ;background-color: #eee; width: 100%;
}
.viewDetail h2, .comments h3 {color:#181818;}
.viewDetail h2, .comments h3 {padding:0.75rem 0.5rem;}
.infoTab, .comments .c {border-top:1px solid #eee;}
.infoTab dl, .comments .c dl {background-color:#fff;border-bottom:1px solid #eee;padding:0.5rem 0;}
.infoTab dl.onerow dd {width:auto;white-space:nowrap;}
.infoTab dt, .infoTab dd, .comments .c dt, .comments .c dd {line-height:1.25rem;padding:0 0.5rem;}
.infoTab dt, .comments .c dt {color:#181818;}
.infoTab dd, .comments .c dd {color:#989898;}

.infoTab dd strong {color:#f80;}


.infoTab * {box-sizing:border-box;max-width:100% !important;width:auto !important;}




/* ===== comments ===== */
.comments p {padding:1rem 0;}
.comments textarea {border:0.05rem solid #ddd;padding:0.5rem;line-height:1.25rem;resize:none;width:100%;}

.comments dl:first-child dt {padding:0.25rem 0;}

.starate * {height:1.5rem;line-height:1.5rem;}
.starate p {padding:0.5rem 0 0 0;}

.starate ul {margin:auto;width:12.5rem;}
.starate li.rate0 {width:2.5rem; z-index:5;}
.starate li.rate1 {width:5rem;   z-index:4;}
.starate li.rate2 {width:7.5rem; z-index:3;}
.starate li.rate3 {width:10rem;  z-index:2;}
.starate li.rate4 {width:12.5rem;z-index:1;}

.starate ul, .starate li a:hover, .starate.ranked li a {background-image:url(/img/starate.png);}
.starate li a {width:100%;}
.starate li a {background-position:0 0;}
.starate li a:hover {background-position:0 100%;}

.rank0 li.rate0 a, 
.rank1 li.rate0 a, .rank1 li.rate1 a, 
.rank2 li.rate0 a, .rank2 li.rate1 a, .rank2 li.rate2 a, 
.rank3 li.rate0 a, .rank3 li.rate1 a, .rank3 li.rate2 a, .rank3 li.rate3 a,
.rank4 li a {background-position:0 100%;}




/* ===== empty ===== */
p.empty {padding:3rem 0;}
p.empty b {padding-top:1.5rem;}



/* ===== dualbox ===== */
.dualbox {}
.dualbox .half:nth-child(1) {padding-right:0.5rem;}
.dualbox .half:nth-child(2) {padding-left:0.5rem;}




/* ===== ucSwap ===== */
.ucSwap, .ucSwap li {height:2rem;}
.ucSwap {border-left:0.05rem solid #fff;}
.ucSwap li {border-right:0.05rem solid #fff;}
.ucSwap li a {height:2rem;line-height:2rem;text-align:center;}

.ucSwap li a {color:#666;background-color:#fff!important;}
.ucSwap li.cur a {background-color:#fff;color:#f60;}




/* ===== formbox ===== */
.formbox {}

.dataTab, .msgTab {/* border-left:0.05rem solid #eee;border-top:0.05rem solid #eee; background-color:#eee;*/}
.dataTab dt, .dataTab dd {border-bottom:0.05rem solid #eee;padding:0.15rem 0.5rem;}
.dataTab dt {line-height:2rem;white-space:nowrap;}
.dataTab p {line-height:1.2rem;margin-top:.5rem;}
.dataTab i.fa-info-circle {color:#f80;padding:0 0.5rem 0 0;}


.dataTab dd p {margin-top:0.5rem;}
.dataTab input[type='text'], .dataTab input[type='password'] {border:0;border-bottom:0.1rem solid #ddd;height:2rem;width:100%;}
.dataTab input[type='text']:focus, .dataTab input[type='password']:focus {border-bottom-color:#666;color:#282828;}
.dataTab select {border:0.05rem solid #ddd;height:2.3rem;}
.dataTab dd input[type='radio']{width:.5rem;height:.5rem;border:1px solid blue;}
.dataTab dd label {padding:0 1rem 0 0.5rem; clear:both;}
.dataTab label.pbc {padding:0 0 1rem 0.5rem;width:24%;}
.dataTab label.pbc b {padding-left:0.5rem;}

.dataTab textarea {border:0.05rem solid #ddd;padding:0.5rem;width:100%;}

a.upFile, a.upFile *, #faceview img {height:6rem;width:6rem;}
a.upFile {background-image:url(/img/upload.png);}
a.upFile:link, a.upFile:visited {border:0.1rem solid #ddd;}
a.upFile:hover, a.upFile:active {border:0.1rem solid #f80;}


#faceview {padding:1rem 0;}
#faceview img {border:0.1rem solid #ddd;}


.formAct {height:4.5rem;padding:0.75rem 0.75rem 0 0.5rem;}
.formAct dt, .formAct dd {height:3rem;padding-left:0.25rem;}
.formAct button {height:2.6rem;}
.formAct dt button {background-color:#f80;border:0.1rem solid #f80;color:#fff;border-radius:.3rem;}
.formAct dd button {background-color:#fff;border:0.1rem solid #ddd;color:#5a5a5a;border-radius:.3rem;}

.formAct button:hover {background-color:#f7c037;border-color:#f7c037;color:#fff;border-radius:.3rem;}

.formAct.single dt {padding-left:0;width:100%;}
.formAct.single button {height:2.8rem;}


/* ===== msgBox ===== */
.msgBox {}
.msgBox .formAct {padding-top:0;}
.msgBox .formAct dt {width:100%;}
.msgBox .formAct dd {display:none;}


.msgTab dt, .msgTab dd {line-height:1.5rem;padding:0.5rem 1rem;text-align:left;}

.msgTab dt:after {content:"单击选择框，选中这条信息"}
.msgTab dd:nth-child(2) {}
.msgTab dd:nth-child(2) p:before {content:"标题：";}
.msgTab dd:nth-child(3):before {content:"来源：";}
.msgTab dd:nth-child(4):before {content:"状态：";}
.msgTab dd:nth-child(5):before {content:"时间：";}

/*
.msgTab dt {background-color:#fafbfc;width:3rem;}
.msgTab dd p {padding-left:1rem;}

.msgTab dd:nth-child(2) {}
.msgTab dd:nth-child(3) {width:15%;}
.msgTab dd:nth-child(4) {width:15%;}
.msgTab dd:nth-child(5) {width:9rem;}

*/



/* ===== mPager ===== */
.mPager {margin:0.5rem 0;padding:0.5rem 0;}
.mPager li, .mPager li * {line-height:1.4rem;}
.mPager li {margin:0 0.25rem;}
.mPager li * {padding:0 .5rem;}
.mPager li b {background-color:#f90;border:0.05rem solid #f80;color:#fff;}
.mPager li.nobd b {background:none;border:0 none;color:#f80;display:inline-block;padding:0 0.25rem;}

.mPager li a:link, .mPager li a:visited {background-color:#fff;border:0.05rem solid #ccc;color:#666;}
.mPager li a:hover, .mPager li a:active {background-color:#fa0;border:0.05rem solid #f80;color:#fff;}





/* ===== stater ===== */
.stater {border-bottom:0.1rem dotted #eee;padding:1rem;}
.stater a:link, .stater a:visited {color:#f80;}
.stater a:hover, .stater a:active {color:#fc0;}
.stater em {margin:0 0.75rem;}




/* ===== pm ===== */
h2.pmTitle, p.pmStat {padding:0.75rem 1rem;}

p.pmStat {background-color:#f6f6f6;}
p.pmStat em {margin:0.5rem 0;}
p.pmStat b {margin-left:0.5rem;}
.pmContent {border-bottom:0.1rem solid #eee;min-height:8rem;padding:1rem 1rem;}





/* ===== cFind ===== */
.cFind {border-bottom:0.05rem solid #ddd;padding:0.5rem 0.5rem;}
.cFind form {/* padding:0.75rem; */}
.cFind button {height:2.4rem;}

.cFind button, .cFind p {float:left;}
.cFind button {width:100%;border-radius:.3rem;margin-top:.5rem;}
.mobile-title{
    display: inline-block;
}
.pc-title{
    display: none;
}
.cFind p {display:flex;width:46%;border:1px solid #F1F1F1;border-radius:.2rem;overflow:hidden;}
.cFind p span.mobile-title{display:inline-block;width:2.5rem;display:flex; align-items: center;
              justify-content: center;background:#F8F8F8;}
.cFind p img{width:1.5rem ;height:1.5rem;}
.cFind p:nth-child(1),.cFind p:nth-child(3){
    margin-left: 3%;
}
.cFind p:nth-child(3),.cFind p:nth-child(4){
    margin-top:.5rem;
}
.c{
    background: #ffffff;
}
.cFind p:nth-child(2),.cFind p:nth-child(4){
    margin-left: 3%;
}
.cFind i {height:2.2rem;left:0.1rem;line-height:2.2rem;top:0.1rem;width:2.2rem;}
.cFind p:nth-child(2) i, .cFind p:nth-child(4) i {left:0.35rem;}

.cFind input {height:2.4rem;font-size:.65rem;border:none;
    width: 72%;
    border-left: 1px solid #F1F1F1;
    padding-left: .5rem;}




/* ========== mobile-style_ends ========== */




@media only screen and (min-width: 641px) and (max-width: 1239px) {

html, body {margin:auto;}
body {width:32rem;}
	
li.hasAuth, li.hasBT {padding-right:7.5rem;}


.rank b {width:2rem;}
	
	
	
	
}