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



/* ========== pc-style_start ========== */
@media only screen and (min-width: 1240px){

html {background-color:#eee;}

.mpage {padding:2rem 0;}
.pmt {height:2.5rem;}

.uc .topbar .fx {width:100%;}




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

.loginBox {width:60rem;}
.loginBox h2, .details h2 {padding-top:2.5rem;}
.loginBox form {padding:0 15rem 3rem 15rem;width:30rem;}
.loginBox li, .register li {max-height:3.2rem;margin-top:2rem;}
.loginBox li.xs {margin-top:1.5rem;}
.loginBox li.xs a{
    color:#5a5a5a;
}
.loginBox li.xs img{width:1rem;height:1rem; vertical-align: middle;margin-right:.5rem;}
.loginBox li i.fa, .register li i.fa {height:3rem;left:0.1rem;line-height:3rem;top:0.1rem;width:3rem;}

.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, .register button, .register select, .details button {width:30rem;}
.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 3.2rem 0 3.6rem;width:23rem;}
.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;}
.loginBox #vdimgck, .register #smscodek, .register #vdimgck {height:1.8rem;margin:0.7rem 0.7rem 0 0;width:5rem;}

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




/* ===== socicalogin ===== */
.socicalogin {display:;}
.socicalogin h3 {padding:3rem 2rem ;background-color:#15D26B;border-radius:0;height: 3rem;
    line-height: 3rem;}
.socicalogin p {padding-bottom:3rem;}
.socicalogin a, .socicalogin i.fa {height:3.2rem;line-height:3.2rem;width:3.2rem;}
.socicalogin a {margin:0 1.25rem;}

.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, .registed {padding:3rem 15rem;}
.register li.xs {margin-top:1rem;}

#passwordLevel {padding-top:0.5rem;}
.rank b {background-color:#fff;border:1px solid #e8e8e8;display:inline-block;height:10px;margin-right:4px;width:58px;}
.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:1px 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;float:right;height:3.1rem;margin-top:0.05rem;padding:0;width:6.4rem;}
.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;}
.mfoot {padding-bottom:1.5rem;}
.mfoot.start {padding-top:1.5rem;}




/* ----- ucl ----- */
.ucl, .ucl .jspPane, .memberInfo, .usrMenu, .usrMenu ul, .usrMenu li {width:12rem !important;}

.mpl .pmt {height:0;}



/* ----- usrInfo ----- */
.memberInfo, .memberInfo dl, .memberInfo dt, .memberInfo dt *, .memberInfo dd {height:3rem;}
.memberInfo {padding:0.75rem 0;}
.memberInfo dl {padding-left:4.25rem;}
.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;}

.memberInfo h3, .memberInfo h4 b {color:#5a5a5a;}
.memberInfo h4 span {color:#989898;}


/* ----- usrMenu ----- */
.usrMenu {padding-bottom:3rem;}
.usrMenu h3 {border-top:0.05rem solid #eee;}
.usrMenu h3, .usrMenu li a {padding-left:1rem;}
.usrMenu h3, .usrMenu li, .usrMenu li * {height:2.25rem;line-height:2.25rem;}
.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:link b, .usrMenu li a:visited b {color:#5a5a5a;}
.usrMenu li a:link i, .usrMenu li a:visited i {color:#b8b8b8;}
.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%; */}
.ucr .inner {padding:1.5rem;}
.ucr h1 {/* padding-top:0.5rem; */}

.dashboard1, .dualbox, .fullbox.start, .siteNote {margin-top:1rem;}
.dashboard ul {margin-left:-0.5rem;margin-right:-0.5rem;}
.dashboard ul {height:6rem;}
.dashboard li {padding-left:0.5rem;padding-right:0.5rem;}
.dashboard li a {padding:1.5rem 1.25rem;}
.dashboard li a:link, .dashboard li a:visited {background-color:#fff;}
.db1 a{
        background: url('/member/templets/images/shu.png') no-repeat 90% 50%;
        background-size: 15%;
        
    }
    .db2 a{
        background: url('/member/templets/images/yue.png') no-repeat 90% 50%;
        background-size: 15%;
        
    }
    .db3 a{
        background: url('/member/templets/images/rili.png') no-repeat 90% 50%;
        background-size: 15%;
        
    }
    .db4 a{
        background: url('/member/templets/images/ling.png') no-repeat 90% 50%;
        background-size: 15%;
        
    }
.dashboard li em {line-height:2rem;}
.dashboard li b {line-height:1rem;}
/*.dashboard li i.fa {bottom:0.8rem;opacity:.25;right:1.5rem;}*/

.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:3rem;line-height:3rem;}
.siteNote {background-color:#fafbfc;}
.siteNote dt, .siteNote dd {padding:0 0.75rem;}
.siteNote i {margin-left:0.25rem;}
.siteNote dd.max {background-color:#fff;border-left:1px solid #ddd;border-right:1px solid #ddd;}




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

.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:1.45rem 0.6rem 0.6rem 0;width:5.1rem;}
.noteList dd a {width:3.5rem;}





/* ===== mt ===== */
.mt, .mt * {height:2.8rem;line-height:2.8rem;}
.mt {background:#fafbfc;border-bottom:0.05rem solid #d8d8d8;}
.mt h3, .mt p {padding:0 1rem;}
.mt a:link, .mt a:visited {color:#888;}
.mt a:hover, .mt a:active {color:#f80;}



/* ===== pcTab ====== */
.pcTab, .formbox, .msgBox form,  {padding:1rem;}
.pcTab dt, .pcTab dd, .msgTab dt, .msgTab dd {border-bottom:0.05rem solid #e8e8e8;padding:1rem 0;}
.pcTab dt, .pcTab dd {height:2.5rem;}

.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:#f6f6f6;height:1.3rem;line-height:1.2rem;color:#000000;font-weight:550;}

.pcTab dt b {line-height:2.6rem;}
.pcTab dd.infos {}

.pcTab dd.infos a {/* min-height:3rem;padding-left:3rem; */}

.pcTab a:link h4, .pcTab a:visited h4 {color:#282828;}
.pcTab a:link p, .pcTab a:visited p {color:#aaa;}
.pcTab a:hover *, .pcTab a:active * {color:#f90 !important;}
.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.infos p * { display:inline; }
.courses dd.infos p:before {content:"课程链接：";color:#989898;}

.pcTab li:nth-child(2n) dt, .pcTab li:nth-child(2n) dd {background-color:#fafbfc;}
.pcTab dl:hover dt, .pcTab dl:hover dd {background-color:#fbf9f9;}

p.obt a {padding:0 0.3rem;}
p.obt:first-child {padding-bottom:0.3rem;}
p.obt a:link, p.obt a:visited {}

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



p.obt.xl a {line-height: 2rem;padding: 0 3rem;}




/* ----- 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 {width:3rem;}
.courses dd:nth-child(2) {width:25rem;}
.courses dd:nth-child(3) {width:11rem;}
.courses dd:nth-child(4) {width:15%;}
.courses dd:nth-child(5) {width:10%;}
.courses dd:nth-child(6) {width:10%;}
.courses dd:nth-child(7) {width:16rem;display:flex;text-align:center;}



.courses a:link, .courses a:visited {color:#f60;}
.courses a:hover, .courses a:active {color:#fc0;}





/* ===== 2018-0326 ===== */
.courselist li {box-shadow: 0px 1px 2px rgba(155, 155, 155, 0.16);margin-top:1.5rem;width:20%;margin-left:4%;}
.courselist dt {padding:0.6rem;}

.courselist dt * {line-height:1.5rem;}

.courselist dt p{
    color:#747474;
}
.courselist dt em {color:#747474;}
.courselist dt h4{
    color:#000000;
} .courselist dt b {color:#747474;}
.courselist dt h4{padding:0;}
.courselist dt h4 {border-bottom:0.05rem solid #ffffff;margin-bottom:0.2rem;padding-bottom:0.1rem;}
.courselist dt span {padding-right:1rem;}
.courselist dt b {padding-right:0.5rem;}

.courselist dd {padding:0.6rem 0.6rem 0.6rem 0;width:100%;display:flex;justify-content: space-around;}

.courselist dd a {width:3.5rem;}

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



/* ===== viewDetail ===== */
.viewDetail, .comments {padding:1.5rem;}

.viewDetail h2, .infoTab dd b, .comments h3 {color:#181818;}
.infoTab {/* border-bottom:0.05rem solid #ddd;border-top:0.05rem solid #ddd; */ margin-top:1rem;padding:0.5rem 0;}
.infoTab dl, .comments .c dl {border-bottom:0.05rem solid #fff;border-top:0.05rem solid #fff;}
.infoTab dt, .infoTab dd, .comments .c dt, .comments .c dd {color:#5a5a5a;line-height:1.25rem;padding:0.75rem;}
.infoTab dt, .comments .c dt {background-color:#f6f6f6;width:8rem;}
.infoTab dd, .comments .c dd {background-color:#fafbfc;border-left:0.1rem solid #fff;color:#666;width:8rem;}

.infoTab dd strong {color:#f80;}




/* ===== comments ===== */
.comments h3 {padding-bottom:1rem;}
.comments textarea {border:0.05rem solid #ddd;padding:0.75rem;line-height:1.5rem;resize:none;width:100%;}


.starate * {height:1.5rem;line-height:1.5rem;}
.starate .c p {padding-left:1.5rem;}
.starate ul {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%;}



/* ----- booked ----- */
.booked li.t dd:nth-child(2), .booked li.t dd:nth-child(3) {text-align:left;text-indent:0.5rem;}
.booked dt {width:3rem;}
.booked dd:nth-child(2) {}
.booked dd:nth-child(3) {width:11rem;}
.booked dd:nth-child(4) {width:6rem;}




/* ===== 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:3.5rem;}
.ucSwap li {margin-right:0.5rem;}
.ucSwap li a {height:3rem;line-height:3rem;padding:0 3rem;}
/*.ucSwap li.cur a {padding-bottom:0.5rem;}*/

.ucSwap li a:link, .ucSwap li a:visited {background-color:#fff;color:#666;}
.ucSwap li a:hover, .ucSwap li a:active {background-color:#f7c037;color:#fff;}
.ucSwap li.cur a:link, .ucSwap li.cur a:visited {background-color:#fff;color:#FF8800;}




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

.dataTab, .msgTab {border-left:0.05rem solid #eee;border-top:0.05rem solid #eee;}
.dataTab dt, .dataTab dd {border-bottom:0.05rem solid #eee;border-right:0.05rem solid #eee;padding:0.75rem 1rem;}
.dataTab dt {background-color:#f8f8f8;width:8rem;}
.dataTab p {line-height:2rem;}
.dataTab i.fa-info-circle {color:#f80;padding:0 0.5rem 0 1rem;}

.dataTab dd p {display:inline-block;}
.dataTab input[type='text'], .dataTab input[type='password'] {border:0;border-bottom:0.1rem solid #ddd;height:2rem;min-width:18rem;}
.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;margin-bottom:0.75rem;min-width:18rem;}

.dataTab dd label {padding:0 2rem 0 0.5rem;}
.dataTab label.pbc {padding:0 0 1rem 0.5rem;width:24%;}
.dataTab label.pbc b {padding-left:0.5rem;}


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, .formAct dt, .formAct dd {height:3.2rem;}
.formAct {padding-top:1rem;}
.formAct dt {padding-right:0.5rem;}
.formAct button {height:3rem;padding:0 4rem;}
.formAct dt button {background-color:#f80;border:0.1rem solid #f70;color:#fff;}
.formAct dd button {background-color:#fff;border:0.1rem solid #ddd;color:#5a5a5a;}

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




/* ===== msgBox ===== */
.msgBox {}
.msgBox .formAct {padding-top:0;}

.msgTab dt, .msgTab dd {line-height:1.5rem;}
.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:1rem 0;}
.mPager li, .mPager li * {line-height:2.4rem;}
.mPager li {margin:0 0.35rem;}
.mPager li * {padding:0 1.0rem;}
.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;margin-bottom:2rem;padding-bottom:1rem;}
.stater a:link, .stater a:visited {color:#f80;}
.stater a:hover, .stater a:active {color:#fc0;}
.stater em {margin:0 0.75rem;}




/* ===== pm ===== */
p.pmStat {background-color:#f6f6f6;margin-top:2rem;padding:1rem;}
p.pmStat em {margin-right:5rem;}
p.pmStat b {margin-left:0.5rem;}
.pmContent {border-bottom:0.1rem solid #eee;min-height:8rem;padding:2rem 1rem;}




/* ===== cFind ===== */
.cFind {padding-bottom:0;}
.cFind form {padding:1.35rem;padding-top:0;}
.cFind .c, .cFind p, .cFind button {height:1.3rem;}

.cFind .c {padding-right:4rem;height:3rem;}
.cFind button, .cFind input {border-radius:0.2rem;}
.cFind input{
    border:1px solid  #CFCFCF;
}
.cFind button {width:4rem;height:2rem}
.cFind p {padding-right:0.5rem;}
.cFind i {height:2.2rem;left:0.1rem;line-height:2.2rem;top:0.1rem;width:2.2rem;}
.cFind input {border:0.1rem solid #CFCFCF;height:2rem;text-align:center;width:60%;color:#404040;}




}
/* ========== pc-style_ends ========== */