@charset "utf-8"; /* http://www.268xue.com/mobile/css v1.0 | 2015/1/24 ----------------------------------------- westdrug | 2015(yy)/01(mm)/24(dd) http://www.268xue.com */ /***************************** CSS_FUNCTION ******************************/ html {-webkit-text-size-adjust: 100%;} html,body {height: 100%;width:100%;position: relative;} html.unScroll,body.unScroll {overflow: hidden;} /*------ comm style ------*/ .s-l-bg {width: 100%;height: 100%;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;} .txtOf {text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .undis {display: none;} .mt5 {margin-top: 5px;} .ml10 {margin-left: 10px;} /*------ theme style ------*/ .go-history {background: url(../img/go-history.png) no-repeat 50% 50%;background-size: 100% 100%;} .go-history1{background: url(../img/go-history-white.png) no-repeat 50% 50%;} .s-l-bg {background: #f6f6f6;background-size: 100% 100%;background-attachment: fixed;} .sp-lo span {background: url(../img/mobileLogo.png) no-repeat 50% 50%;background-size: 100% 100%;} .p-num-ico {background: url(../img/p-num-ico.png) no-repeat 50% 50%;} .clock-num-ico {background: url(../img/clock-num-ico.png) no-repeat 50% 50%;} .l-m-box,.u-banner {background: #2860a5 url(../img/l-menu-bg.jpg) no-repeat 0 0 / 100% 100%;} .index-live dl dt {background: #56a383 url(../img/i-live-title.jpg) no-repeat 0 0 / 100% 100%;} .pageLoading {background: url(../img/page-loading.gif) no-repeat 0 0;} .oc-l-t-y-m em {background: url(../img/ico-clock.png) no-repeat 50% 50%;background-size: 100% 100%;} .undata-icon {background: url(../img/undata.png) no-repeat 50% 50%;background-size: 100% 100%;} .go-back a {background: url(../img/go-back.png) no-repeat 50% 50%;background-size: 100% 100%;} .kc-bao ul li a em {background: url(../img/kc-bao.png) no-repeat 50% 50%;background-size: 100% 100%;} .kc-bao ul li.current a em {background-image: url(../img/kc-bao-curr.png);} .c-p-go-history {background: url("/static/mobile/img/c-p-goback.png") no-repeat 0 0; background-size: 100% 100%;} .i-fdj-icon {background: url("/static/mobile/img/i-fdj.png") no-repeat 0 0;background-size: 100% 100%;} .i-discuss-icon {background: url("/static/mobile/img/i-discuss.png") no-repeat 0 0;background-size: 100% 100%;} .i-classify-icon {background: url("/static/mobile/img/i-classify.png") no-repeat 0 0;background-size: 100% 100%;} .i-cou-more a,.v-t-more a,.c-c-more span {background: url("/static/mobile/img/i-more.png") no-repeat 0 0;background-size: 100% 100%;} .c-p-package-icon {background: url("/static/mobile/img/cou-package-icon.png") no-repeat 0 0;background-size: 100% 100%;} .c-p-linecourse-icon {background: url("/static/mobile/img/cou-offline-icon.png") no-repeat 0 0;background-size: 100% 100%;} .o-attr-price em {background: url("/static/mobile/img/price-tag.png") no-repeat 0 0;background-size: 100% 100%;} .arrow-down {background: url("/static/mobile/img/down-arrow.png") no-repeat 0 0;background-size: 100% 100%;} .lm-item-list em,.feedback-icon,.system-set {background: url("/static/mobile/img/ucenter-icon.png") no-repeat 0 0;background-size: 100% ;} .c-p-cou-state em,.cou-start-time em,.cou-live-desc .fr em,.c-a-view em,.c-a-fav em,.c-a-review em,.c-clas-name em,.c-live-state-box em {background: url("/static/mobile/img/xh-icon.png") no-repeat 0 0;background-size: 100%;} .c-p-cou-state em,.cou-start-time em,.cou-live-desc .fr em,.c-a-view em,.c-a-fav em,.c-a-review em {width: 30px; height: 30px;vertical-align: middle; display: inline-block;background-position: 5px 1px;} .feedback-icon {background-position: -1px -180px;} .system-set {background-position: -1px -214px;} .c-p-cou-broadcast em {background-position: 5px -25px;width: 25px;} .cou-start-time em {background-position: -4px -50px;width: 24px;} .cou-live-desc .fr em {width: 22px;background-position: 2px -77px;height: 16px;} .c-a-view em {width: 18px;background-position: -1px -81px;height: 16px;} .c-a-fav em {width: 18px;background-position: -1px -101px;height: 16px;} .c-a-fav-ed em {background-position: -1px -142px;} .c-a-review em {width: 18px;background-position: -1px -121px;height: 16px;} .g-nav-index,.index-icon,.g-nav-course,.g-nav-comunity,.g-nav-mine,.g-nav-classify,.c-p-back,.c-p-favor,.c-p-favored,.c-p-download,.c-p-discuss,.c-p-transmit {background: url("/static/mobile/img/global-nav-icon.png") no-repeat 0 0;background-size: 100%;} .global-nav ul li.current a span.g-nav-index {background-position: 0 -44px;} .g-nav-course {background-position: 0 -88px;} .index-icon {background-position: 0 1px;} .g-nav-classify {background-position: 0 -353px;} .global-nav ul li.current a span.g-nav-classify {background-position: 0 -396px;} .global-nav ul li.current a span.g-nav-course {background-position: 0 -130px;} .g-nav-comunity {background-position: 0 -174px;} .global-nav ul li.current a span.g-nav-comunity {background-position: 0 -218px;} .g-nav-mine {background-position: 0 -262px;} .global-nav ul li.current a span.g-nav-mine {background-position: 0 -306px;} .c-p-back {background-position: 0 -447px;} .c-p-foot-nav ul li a:hover .c-p-back {background-position: 0 -497px;} .c-p-favor {background-position: 0 -548px;} .c-p-foot-nav ul li a:hover .c-p-favor {background-position: 0 -598px;} .c-p-download {background-position: 0 -646px;} .c-p-foot-nav ul li a:hover .c-p-download {background-position: 0 -696px;} .c-p-discuss {background-position: 0 -744px;} .c-p-foot-nav ul li a:hover .c-p-discuss {background-position: 0 -794px;} .c-p-transmit {background-position: 0 -845px;} .c-p-foot-nav ul li a:hover .c-p-transmit {background-position: 0 -895px;} .c-p-favored {background-position: 0 -598px;} .c-c-n-1 em {background-position: 0 -180px;} .c-c-n-2 em {background-position: 0 -210px;} .c-c-n-3 em {background-position: 0 -242px;} .c-live-state-box em {background-position: 0 -281px;} .i-cou-title {position: absolute; left: 0; top: 22px;} .i-cou-title span {font-size: 1.1rem; color: #333;} .i-tab-title a {font-size: 1rem; color: #4c4c4c; display: inline-block;line-height: 1.8;padding: 0 11px 10px; border-bottom: 2px solid transparent;} .i-tab-title a.current {border-color: #ee7700;} .rec-tab-title {text-align: center;border-bottom: 1px solid #dcdcdc;background: #fff;padding-top: 10px;} .i-main-content {background-color: #eaeaea;} .i-main-content .i-box {background: #fff;} .hot-cou-list {margin-left: -15px;padding-top: 15px;} .hot-cou-list li {width: 50%;float: left;} .hot-cou-list li .h-c-l-item {padding: 0 0 15px 15px;position: relative;} .hot-cou-list li .h-c-l-item .icon-cou-free {position: absolute;left: 15px; top: 0;z-index: 999; background: url("/static/mobile/img/cou-free-icon.png") no-repeat 0 0;background-size: 100% 100%;width: 50px; height: 50px;} .hot-cou-list li .h-c-l-item .h-c-l-pic img {width: 100%;height: 90px;} .hot-cou-list li .h-c-l-item .h-c-l-title a {font-size: 1rem; color: #4c4c4c;font-family: "Microsoft YaHei";font-weight: normal;} .hot-cou-list li .h-c-l-item .h-c-l-title a:hover {text-decoration: none;} .hot-cou-list li .h-c-l-item p {font-size: 0.92rem; color: #666;margin-top: 10px;} .c-search-result {padding-top: 5px;} .cou-attr-list {background: #fff;} .cou-attr-list li {width: 25%;float: left;text-align: center;} .cou-attr-list li span {width: 36px; height: 40px;margin-top: 15px;margin-bottom: 8px; display: inline-block; background: url("/static/mobile/img/cou-attr-pic.png") no-repeat 0 0;background-size: 100% ;} .cou-attr-list li .attr-name {font-size: 0.88rem; color: #666;line-height: 24px;} .cou-attr-list li .attr-level {font-size: 1.2rem; color: #666;line-height: 34px;padding-bottom: 10px;} .cou-attr-list li span.cou-attr-pic1 {background-position: 0 -11px;} .cou-attr-list li span.cou-attr-pic2 {background-position: 0 -56px; width: 32px;} .cou-attr-list li span.cou-attr-pic3 {background-position: 4px -124px;} .cou-attr-list li span.cou-attr-pic4 {background-position: 0 -180px;} .s-p-n-btn a {border: 1px solid #e0e0e0;border-radius: 3px;display: inline-block;height: 18px;width: 34px;text-align: center;line-height: 18px;font-family: 'SimSun';color: #666;margin: 0 1px;} .s-p-n-btn a:hover {border-color: #ee7700;color: #ee7700;text-decoration: none;} /*------ start-page style ------*/ .sp-lo-sl {padding-top: 15%;} .sp-lo {position: relative;height: 100px;} .sp-lo span {display: block;width: 100px;height: 100px;position: absolute;top: 50%;left: 50%;margin: -50px 0 0 -50px;} .sp-sl {margin-top: 8px;position: relative;height: 48px;} .sp-sl p {color: #000;text-align: center;text-shadow: 3px 3px 1px rgba(0,0,0,.1);font: 1.6rem/48px 'SimHei','Helvetica Neue';position: absolute;top: 0;right: 0;left: 0;} /*------ start-page style ------*/ .pageLoading {height: 60px;width: 60px;display: block;text-indent: -9999px;position: absolute;top: 50%;left: 50%;margin: -30px 0 0 -30px;z-index: 9999;} /*------ header style ------*/ .m-ptb54 {background: #f2f2f2;padding: 54px 0 64px;} #header {height: 54px;position: fixed;top: 0;right: 0;left: 0;width: 100%;z-index: 77;} #header .h-wrap {background: #fff;box-shadow: 0 3px 3px rgba(0,0,0,.1);-webkit-box-shadow: 0 3px 3px rgba(0,0,0,.1);position: relative;height: 54px;padding: 0 55px;} .commHeadTitle {text-align:center;} .Title_Text{color: black;} .commHeadTitle span {color: #666;font: 1.4rem/54px 'Helvetica Neue','SimHei';text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display: block} .c-p-outer-wrap .commHeadTitle {padding-right: 35px;} .menu-btn {position: absolute;left: 10px;top: 11px;} .c-m-btn{right: 10px;position: absolute;top: 11px;} .i-classify-icon {width: 24px; height: 21px; display: inline-block;margin-top: 7px;} .ht-r {position: absolute;right: 0;top: 0;width: 46px;height: 55px;} .search-icon,.record-icon {width: 47px;height: 55px;float: left;} .record-icon a {margin: 18px 0 0 11px;display: block;} .go-history {display: block;height: 34px;width: 34px;} .i-search-box {position: relative;} .i-search-box label {display: block;width: 100%;} .i-search-box label input {background: #e8e8e8;width: 88%; margin: 13px auto 0;color: #999;font-size: 0.9rem;border-radius: 25px; border: none;line-height: 20px; padding: 6px 15px;} .i-fdj-icon {width: 18px; height: 18px;display: block; } .i-fdj-box {position: absolute; right: 11px; top: 20px;} .c-fdj-btn .i-fdj-icon {width: 21px; height: 21px;margin-top: 7px;} .i-discuss-icon {width: 24px; height: 23px; display: inline-block;} /*------ left menu style ------*/ .st-container {overflow: hidden;} .st-pusher {position: relative;left: 0;z-index: 99;height: 100%;-webkit-transition: -webkit-transform 0.5s;transition: transform 0.5s;} .st-pusher::after {position: absolute;top: 0;right: 0;width: 0;height: 0;background: rgba(0,0,0,0.5);content: '';opacity: 0;-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;} .st-menu-open .st-pusher::after {width: 100%;height: 100%;opacity: 1;-webkit-transition: opacity 0.5s;transition: opacity 0.5s;} .st-menu {position: fixed;top: 0;left: 0;z-index: 100;visibility: hidden;width: 88%;height: 100%;margin: 0;padding: 0;-webkit-transition: all 0.5s;transition: all 0.5s;} .st-menu::after {position: fixed;top: 0;right: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.2);content: '';opacity: 1;-webkit-transition: opacity 0.5s;transition: opacity 0.5s;} .st-menu-open .st-menu::after {width: 0;height: 0;opacity: 0;-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;} .l-menu-wrap {background: #f8f8f8;box-shadow: 0 5px 3px rgba(0,0,0,.2);position: relative;width: 100%;height: 100%;overflow-x: hidden;overflow-y: auto;} /* Effect 4: Slide along */ .st-effect-4.st-menu-open .st-pusher {-webkit-transform: translate3d(88%, 0, 0);transform: translate3d(88%, 0, 0);} .st-effect-4.st-menu {z-index: 1;-webkit-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);} .st-effect-4.st-menu-open .st-effect-4.st-menu {visibility: visible;-webkit-transition: -webkit-transform 0.5s;transition: transform 0.5s;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} .st-effect-4.st-menu::after {display: none;} .menu-shadow {background: rgba(0,0,0,.5);width: 100%;height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 100;} .st-menu-open #header,.st-menu-open .global-nav,.st-menu-open .live-search-box ol,.st-menu-open .r-tip-bott {z-index: 0;} /* left menu content */ .l-m-box {padding: 40px 10px 0;height: 120px;text-align: center;} .u-headface {border: 3px solid rgba(255,255,255,.3);border-radius: 50%;display: inline-block;vertical-align: middle;margin-right: 6px;width: 80px;height: 80px;} .u-headface img {border-radius: 50%;display: block;width: 80px;height: 80px;} .u-name {display: inline-block;vertical-align: middle;} .u-name a {font: normal 1.28rem/30px 'Helvetica Neue','SimHei';color: #fbfbfb;text-align: left;width: 140px;display: inline-block;height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .lm-item-list {background: #fff;height: 50px;position:relative;padding: 0 50px 0 20px;margin-bottom: 15px;overflow: hidden;} .lm-item-list a {display: block;font: 1.08rem/50px 'Helvetica Neue','SimHei';color: #333;} .lm-item-list a * {vertical-align: middle;} .lm-item-list tt {position: absolute;right: 13px;top: 19px;font-size: 14px;color: #bbb;font-family: 'Arial';} .jg-pd {height: 40px;} /*------ global nav style ------*/ .global-nav {height: 40px;position: fixed;right: 0;bottom: 5px;left: 0;width: 100%;z-index: 77;} .global-nav ul {background: #f8f8f8;border-top: 1px solid #e2e2e2;height: 60px;} .global-nav ul li {float: left;width: 25%;text-align: center;height: 60px;} .global-nav ul li a span {display: block;width: 34px;height: 34px;margin: 6px auto 0;} .global-nav ul li a p {font: .8rem/24px 'Helvetica Neue','SimHei';color: #888;margin-top: -4px;} .global-nav ul li.current a p {color: #ee7700;} .global-nav1 ul li {width: 32%;} .global-nav1 ul li.line {width: 1%; border-left: 2px solid #e7e4e4;height: 39px; margin-top: 11px;} .cou-global-nav ul li {width: 49%;} /*------ comm main style ------*/ /* index slider */ .sliderWrap {position: relative;z-index: 0;} .swipe {overflow: hidden;visibility: hidden;width: 100%;} .swipeWrap {overflow: hidden;position: relative;height: 100%;} .swipeWrap li {float: left;width: 100%;overflow: hidden;position: relative;height: 100%;z-index: 9;} .swipeWrap li img {display: block;max-width: 100%;} .pager {position: absolute;left: 0;right: 0;bottom: 0;width: 100%;z-index: 9;} .pageWrap {height: 30px;line-height: 30px;overflow: hidden;clear: both;padding: 0 10px;} .pageWrap .s-txt {float: left;width: 80%;} .pageWrap .s-txt a {font: 1.2rem/30px 'Helvetica Neue','SimHei';color: #fff;height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .pageWrap .s-txt a {display: none;} .pageWrap .s-txt a.on {display: block;} .pageWrap span {margin: 0 auto;display: block;width: 20%;text-align: right;overflow: hidden;margin-top: 12px;} .pageWrap span em {display: inline-block;height: 10px;width: 10px;border-radius: 50%;background: #fff;vertical-align: top;} .pageWrap span em.on {background: #ee7700;} /*.nav-quick-entry {padding: 22px 14px 18px;}*/ .mt10 {margin-top: 10px;} .mt20 {margin-top: 20px;} .mt30 {margin-top: 30px;} .mt40 {margin-top: 40px;} .mt50 {margin-top: 50px;} .pt10 {padding-top: 10px;} .nav-quick-entry li {float: left; width: 88px;display: block;} .nav-quick-entry li .n-q-e-wrap {text-align: center;} .nav-quick-entry li .n-q-e-wrap p {font-size: 1rem;margin-top: 4px; color: #4c4c4c;line-height: 1.8;font-family: "Microsoft YaHei";} .i-hot-class {padding: 18px 39px 0 81px;position: relative;} .i-hot-class .i-cou-more {position: absolute; right: 10px; top: 24px;} .i-cou-more a,.v-t-more a,.c-c-more span {width: 22px;height: 4px; display: inline-block;} .c-c-more span {margin-bottom: 3px;} /* index courses */ .comm-main {padding-bottom: 20px;} .i-box {padding: 0 0px 0 0px;/*background-color: #fff;*/} .tjc-box {background: #fff;} .tjc-box.index-live-box {border-color: #79D78F;} .tjc-list dl {padding: 0 4px 8px;} .tjc-list dl dt,.tjc-list dl dd {float: left;} .tjc-list dl dt .cc-wrap,.tjc-list dl dd .cc-wrap {margin: 8px 4px 0;} .title-head-01 {background: #72d9e2;height: 80px;text-align: center;padding-top: 10px;} .title-head-01 * {vertical-align: middle;display: inline-block;} .title-head-01 tt {font: 1.6rem/36px 'Helvetica Neue','SimHei';color: #f4ffad;} .title-head-01.title-head-02 {background: #f6dab2;height: 94px;padding-top: 20px;} .title-head-01.title-head-02 tt {color: #e14848;} .cc-list-1 {display: block;position: relative;height: 90px;overflow: hidden;} .cc-list-1 img {height: 90px;display: block;width: auto;} .cc-l-title {background: rgba(0,0,0,.5);height: 28px;position: absolute;right: 0;bottom: 0;left: 0;width: 100%;} .cc-l-title p {display: block;padding: 0 10px;font: .4rem/28px 'Helvetica Neue','SimHei';color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .cou-package-list {padding-top: 15px;} .cou-package-list li {position: relative;padding-bottom: 15px; clear: both;} .cou-live-list .c-p-pic {position: relative;} .cou-live-list .cou-live-title {font-size: 1rem; line-height: 26px;overflow: hidden; height: 52px; color: #666;font-family: "Microsoft YaHei";} .cou-live-list .c-p-pic-mask,.c-p-mask {position: absolute; left: 0; top: 0; right: 0;width: 100%; height: 100%; background: url("/static/mobile/img/black-pre30.png") repeat 0 0;} .cp-l-img-wrap .c-p-package-icon,.c-p-img .c-p-package-icon {position: absolute; left: 0; top: 0;width: 50px;height: 50px; display: inline-block;} .cp-l-img-wrap .c-p-linecourse-icon,.c-p-img .c-p-linecourse-icon {position: absolute; left: 0; top: 0;width: 50px;height: 50px; display: inline-block;} .cp-l-img-wrap .c-p-cou-state {position: absolute; width: 90px; height: 26px;display: inline-block;left: 50%; top: 50%; margin-left: -45px; margin-top: -13px; background: url("/static/mobile/img/yellow-pre-70.png") repeat 0 0;border-radius: 25px; } .cp-l-img-wrap .c-p-cou-state span {font-size: 0.8rem; line-height: 26px; color: #fff;} .c-p-l-wrap .c-price {margin-top: 6px;} .c-p-l-desc {margin-top: 8px;} .c-p-l-desc span {font-size: 0.6rem;color: #666; font-family: "Microsoft YaHei"; vertical-align: middle;} .cou-start-time {margin-top: 6px;} .c-p-l-wrap .c-price .c-p-num,.cou-live-desc .fl span {color: #ee7700;} /* courses package info*/ .c-p-info-top {position: relative;} .cook-step-wrap {margin: 15px 0 5px;padding: 0 8px 0 145px;position: relative;min-height: 74px;} .cook-step-wrap .cook-step p {font-size: 0.88rem; color: #666;line-height: 20px;margin-top: 5px;} .c-master {color: #f9760c;} .cook-step-wrap .cook-step .cook-big {font-size: 1rem; color: #bbb;margin-right: 5px;display: inline-block; line-height: 21px; border-left: 4px solid #f9760c;padding-left: 10px;} .cook-step-wrap .cook-step .cook-big tt {margin: 0 5px;} .cook-step-wrap .cook-step-pic {width: 120px;height: 70px;position: absolute; left: 15px; top:0;} .cook-step-wrap .cook-step-pic img {width: 100%; height: 70px;} .ml5 {margin-left: 5px;} .course-cook-stop-pic-div{padding: 10px 15px 5px 15px;} .course-cook-step-pic {width: 100%;height: 220px} .c-p-outer-wrap .m-ptb54 {padding-top: 0;} .c-p-outer-wrap #header .h-wrap {box-shadow: none; background: none;padding: 0 0 0 55px;} .c-p-outer-wrap .commHeadTitle span {color: #fff;width: 100%;} .c-p-outer-wrap #header {position: absolute;} .c-p-go-history {width: 34px; height: 34px; display: inline-block;} .c-p-tab-title {border: 2px solid #ee7700; border-radius: 3px; overflow: hidden;} .c-p-tab-title li {float: left; width: 33.3%;display: block;} .c-p-tab-title li a {display: block;color: #ee7700;font-size: 1rem;font-family: 'SimHei','Microsoft YaHei'; line-height: 30px;text-align: center;padding: 5px 0;} .c-p-tab-title li.current a {background: #ee7700; color: #fff;} .c-p-tab-box {padding: 15px 0 17px;} .c-p-buy-btn-live{color:white; text-align: center;background: #FF0066;padding: 2px 8px;margin:0 auto; border-radius: 3px; font-size: 1rem; line-height: 26px;width: 25%;margin-bottom: 10px} .c-p-buy-btn {color: #fff;background: #3ac569;padding: 2px 8px;margin-top: 5px; border-radius: 3px; font-size: 1rem; line-height: 26px;} .c-p-i-middle {padding-bottom: 1px; border-bottom: 0px solid #dcdcdc;} .cou-info-module {border-bottom: 1px solid #dcdcdc;padding-top: 5px;} .c-p-foot-nav ul li {width: 25%;} .c-p-foot-nav ul li a span {margin-top: 13px;} .c-p-top-bg,.c-p-top-bg img {width: 100%; height: 220px;} /*.cc-list-1.cc-list-2 {height: 120px;}*/ .cc-list-1.cc-list-2 img {height: 90px;} .hotPc-list .cc-l-title {background: rgba(120,168,240,.6);border-radius: 10px 0 0 10px;max-width: 40%;min-width: 20%;height: 24px;line-height: 24px;text-align: center;left: inherit;} .cc-name-box h6 a {color: #333;font: 0.8rem/32px 'Helvetica Neue','SimHei';display: block;height: 32px;padding: 0 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} /* index live */ .index-live {height: 100px;} .index-live dl {padding-left: 56px;position: relative;} .index-live dl dt {position: absolute;left: 0;top: 0;height: 100px;width: 56px;} .index-live dl dt a {display: block;height: 100px;text-align: center;color: #fff;font-size: 1.0rem;text-indent: -9999px;} .index-live dl dd {width: 100%;height: 100px;overflow: hidden;} .i-live-list {padding: 0 0 0 10px;} .i-live-list li {border-bottom: 1px solid #f2f2f2;padding: 5px 68px 5px 0;position: relative;} .i-live-list li a {display: block;height: 23px;font: 1.0rem/22px 'Helvetica Neue','SimHei';color: #4e4e4e;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .i-live-list li span {position: absolute;right: 6px;top: 6px;} .live-state {border-radius: 12px;display: block;width: 60px;height: 20px;text-align: center;} .live-state em {font: .8rem/20px 'Helvetica Neue','SimHei';color: #fff;} .live-state-ing {background: #D16666;} .live-state-undis {background: #40CB8B;} .live-state-over {background: #e2e2e2;} /*courese sort list*/ .c-sort-box {margin-top: 0px;} .c-sort {padding: 8px 10px 10px;text-align: center;} .c-sort-a dl {position: relative;padding: 0 0 0 78px;margin-top: 10px;} .c-sort-a dl dt {position: absolute;left: 0;top: 0;width: 78px;} .c-sort-a dl dt span {display: block;text-align: right;font: 1.0rem/24px 'Helvetica Neue','SimHei';color: #333;padding-right: 5px;} .c-sort-a dl dd {border-bottom: 1px dotted #e2e2e2;width: 100%;padding-bottom: 5px;overflow: hidden;white-space: nowrap;clear: both;} .c-sort-a dl dd a,.c-sort-sub-elem a {background: #f2f2f2;border-radius: 3px;display: block;float: left;margin: 0 6px 10px;padding: 0 8px;font: .9rem/26px 'Helvetica Neue','SimHei';color: #4e4e4e;} .c-sort-a dl dd a.current,.c-sort-sub-elem a.current {background: #fb9d3f;color: #fff;} .c-sort-title {padding: 5px 10px;margin-bottom: -5px;position: relative;height: 42px;} .c-sort-t-fixed {position: absolute;height: 42px;right: 0;left: 0;padding: 5px 10px 0;overflow: hidden;-webkit-transition: opacity 0.5s, top 0.1s 0.5s;transition: opacity 0.5s, top 0.1s 0.5s;} .c-sort-t-fixed.cs-fixed {background: #EEF5FF;position: fixed;top: 54px;z-index: 9;} .cs-txt {font: 1.0rem/32px 'Helvetica Neue','SimHei';color: #0A59C9;margin-right: 10px;vertical-align: middle;display: inline-block;} .cs-txt-2,.cs-txt-2 tt {font: 0.9rem/30px 'Helvetica Neue','SimHei';color: #999;} .cs-txt-2 tt {color: #E14848;} .c-sort-title-r {margin-top: 5px;} .centerBackground{background: #ccc ;padding: 3px 5px 3px 5px} .live-centerBackground{background: #eee ; height: 30px} .courese-list-wrap li {border-bottom: 1px solid #e2e2e2;padding: 10px;clear: both;min-height: 70px;overflow: hidden;position: relative;} .courese-list-wrap li>a {display: block;} .c-l-pic,.cp-l-img-wrap {float: left;width: 149px;margin-right: 10px;position: relative;overflow: hidden;} .c-l-pic img,.cp-l-img-wrap img {max-width: 100%;display: block;} .courese-l-title {height: auto;text-indent:31px;font: 1.0rem/15px 'SimHei','Microsoft YaHei';color: #333;overflow: hidden;word-break: break-all; word-wrap:break-word;margin: 0px 10px 20px 10px;} .fav-cou-desc {font-size: 0.88rem; line-height: 20px; color: #999;margin-top: 3px;max-height: 46px; overflow: hidden;} .courese-list-wrap ul li .item a.remov{display: block;width: 23%;float: left;margin-left: 0%;height: 74px;background: #fe1b1b;color: #fff;line-height: 74px;text-align: center;font-size: 1rem;text-decoration:none;} .courese-list-wrap ul li .item{position: absolute;left: 0;top:5px;height: 74px;overflow: hidden;width: 134%;-webkit-transition:all 0.3s linear;-mos-transition:all 0.3s linear;transition:all 0.3s linear;} .courese-list-wrap ul li .item.selected{-webkit-transform: translate3d(-25%,0,0);-mos-transform: translate3d(-25%,0,0);transform: translate3d(-25%,0,0);} .courese-list-wrap ul li .oIconDesc-uc{width: 77%;float: left;} .cou-start-time span {margin-left: -5px;font-size: .88rem; color: #666;} .cou-live-desc {font-size: .88rem; color:#666;padding-right: 10px;margin-top: 8px;} .cou-live-list .c-p-l-wrap {padding-bottom: 15px;} .comunity-title {text-align: center;padding: 10px 0 5px;} .comunity-title span {font-size: 1rem; color: #333;line-height: 30px;} .cou-pack-list li .c-p-l-wrap {margin-bottom: 15px;} .cou-pack-list li .c-p-l-wrap .c-p-img {width: 100%; position: relative;overflow: hidden;} .c-p-img .c-p-pic a img, .c-p-img .c-p-pic {width: 100%;} .cou-pack-list .courese-l-title {color: #ff7800;} .courese-l-title a{color: #ff7800;} .cou-pack-list .c-p-desc {font-size: 0.92rem;color: #666; line-height: 24px;height: 46px;overflow: hidden;margin-top: 3px;} .cou-pack-list .c-p-price {font-size: 0.82rem;color: #666;margin-top: 12px;} .cou-pack-list .c-p-price .c-p-num {color: #ff7800;font-size: 0.92rem;} .cou-pack-list .c-p-price .origin-price {font-size: 0.82rem;color: #999;margin-left: 25px; text-decoration: line-through;} .cou-pack-list li .c-p-l-wrap .i-box {padding-bottom: 0px;} .c-l-attr span {display: inline-block;vertical-align: middle;margin-right: 5px;} .p-num-ico,.clock-num-ico {background-size: 100% 100%;display: inline-block;width: 14px;height: 14px;vertical-align: middle;} .c-l-attr span tt {font-size: 0.8rem;font-family: 'SimHei','Microsoft YaHei';color: #C3C8C4;vertical-align: middle;} .c-price span {font-size: .8rem;font-family: 'SimHei','Microsoft YaHei';color: #cb4040;vertical-align: middle;margin: 0;line-height: 32px;} .comu-act-list .c-a-l-pic,.comu-act-list .c-a-l-pic a img {width: 100%;display: block; max-height:170px;} .comu-act-list .c-a-l-info {line-height: 30px; padding: 5px 140px 5px 3px;font-size: 1rem; color: #666;position: relative;} .comu-act-list .c-a-l-info .c-a-desc {position: absolute; right: 5px; top: 5px;} .comu-act-list .c-a-l-info .c-a-desc span tt {font-size: .8rem;color: #666;vertical-align: middle;font-family: "Microsoft YaHei"} .comu-act-list li {margin-bottom: 10px;} .c-sort-Jj-wrap {height: 38px;position: relative;} .c-sort-Jj-wrap .tjc-box.c-sort-box {background: #fff;height: 36px;position: relative;z-index: 999;} .c-sort-Jj {height: 36px;position: absolute;left: 0;top: 0;right: 0;bottom: 0;width: 100%;z-index: 5;} .c-sort-Jj.fixed-csj {background: #fff;border-bottom: 1px solid #9BC1F8;position: fixed;top: 54px; box-shadow: 0 3px 4px rgba(0,0,0,.1);} .c-sort-Jj li {float: left;width: 33.33%;} .c-sort-Jj li a.csjj {display: block;text-align: center;font: 1.08rem/34px 'SimHei','Microsoft YaHei';color: #4e4e4e;} .c-sort-Jj li a.csjj em {font-style: normal;vertical-align: middle;display: inline-block;} .Jj-ico {background: url(../img/Jj-ico-hover.png) no-repeat 50% 50% / 100% 100%;width: 10px;height: 10px;margin-left: 3px;transition: .4s;-webkit-transition: .4s;-o-transition: .4s;} .c-sort-Jj li.current a.csjj {color: #0A59C9;} .c-sort-Jj li.current .Jj-ico {background-image: url(../img/Jj-ico.png);transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);} .c-sort-sub {display: none;position: absolute;top: 37px;width: 100%;z-index: 5;left: 0;} .c-sort-sub-elem,.c-sort-cou-list {box-shadow: 4px 4px 0 rgba(0,0,0,.05);border-bottom: 1px solid #fae2cb;border-top-color: #f2f2f2;display: block;background: #fff;padding: 15px 10px;overflow: hidden;} .c-sort-Jj li.current .c-sort-sub {display: block;left: 0;} .c-sort-Xx-wrap {background: #fff;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 9999;height: 100%;overflow-x: hidden;overflow-y: auto;} .cst-close {font-size: 1.4rem;} /*courese onload more*/ .onload-more {padding: 20px 0 0;text-align: center;} .onload-more a,.onload-more a span {font: .9rem/30px 'SimHei','Microsoft YaHei';color: #666;} .onload-more a * {vertical-align: middle;} /*------ live style ------*/ .live-search-box {background: #fff;height: 52px;overflow: hidden;position: relative;} .live-search-box ol {background: #fff;height: 50px;position: fixed;width: 100%;z-index: 7;border-bottom: 1px solid #dcdcdc;} .live-search-box li {float: left;width: 33.3%;} .live-search-box li a {border-bottom: 2px solid transparent;color: #666;text-align: center;font: 1rem/50px 'Helvetica Neue','SimHei';display: block;height: 50px;float: left;width: 100%;} .live-search-box li.current a {border-color: #FF0033;color: #FF0033;} .c-l-introduce,.c-l-review {background: #fff;padding: 10px 8px;} .c-l-introduce img {max-width: 100%;} .c-l-introduce p {line-height: 28px; color: #666;font-size: 0.91rem;} .l-i-tab-title ol {position: static;} .l-i-tab-title ol li {width: 50%;} .oc-live-wrap {padding: 0 25px;overflow: hidden;} .oc-live-list dl {border-left: 3px solid #55A125;padding: 20px 0 15px 50px;} .oc-live-list dl dt {position: relative;height: 32px;line-height: 32px;} .r-tip-bott {background: #55A125;border-radius: 0 16px 16px 0;border: 1px solid #55A125;width: 76px;position: absolute;left: -90px;height: 30px;text-align: center;z-index: 5;} .r-tip-bott span {color: #fff;font-size: .9rem;line-height: 30px;} .oc-l-t-y-m {float: left;} .oc-l-t-d {float: right;} .oc-l-t-d span,.oc-l-t-y-m span {color: #666;font-size: 1.0rem;vertical-align: middle;} .oc-l-t-y-m em {vertical-align: middle;display: inline-block;height: 16px;width: 16px;margin-right: 3px;} .oc-live-list dl dd {background: #fff;box-shadow: 5px 5px 0 rgba(0,0,0,.04);margin-top: 12px;} .oc-live-title {background: #55A125;min-height: 34px;padding: 2px 8px 0;text-align: center;overflow: hidden;} .oc-live-title span {font: 1.2rem/160% 'SimHei','Microsoft YaHei';color: #fff;} .oc-live-body {padding: 10px 15px 20px;overflow: hidden;} .oc-l-t-name,.oc-l-time {height: 32px;font: 1.0rem/32px 'SimHei','Microsoft YaHei';color: #666;} .comm-oc-live-btn {margin: 20px 0 0;text-align: center;} .comm-oc-live-btn a {border: 1px solid;border-radius: 20px;font: 1.4rem/36px 'SimHei','Microsoft YaHei';display: block;height: 36px;} .comm-oc-live-btn a.g-live-btn {border-color: #55A125;color: #55A125;} .comm-oc-live-btn a.e-live-btn {border-color: #bbb;color: #bbb;} .comm-oc-live-btn a.b-live-btn {border-color: #EA7935;color: #EA7935;} .comm-oc-live-btn a.i-live-btn {border-color: #D16262;color: #D16262;} .oc-live-list dl.liveing {border-color: #D16262;} .oc-live-list dl.liveing .oc-l-time {color: #D16262;} .oc-live-list dl.liveing .r-tip-bott,.oc-live-list dl.liveing .oc-live-title {background: #D16262;border-color: #D16262;} .oc-live-list dl.livend {border-color: #D3D3D3;} .oc-live-list dl.livend .r-tip-bott,.oc-live-list dl.livend .oc-live-title {background: #CCCCCC;border-color: #CCCCCC;} .oc-live-list dl.goLive .oc-l-time {color: #55a125;} .chare-live.goLive .r-tip-bott,.chare-live.goLive .r-tip-bott span {background: #f2f2f2;color: #55a125;} .oc-l-ks-price {margin-top: 10px;position: relative;overflow: hidden;clear: both;} .oc-l-ks-price ol {float: left;} .oc-l-ks-price ol li {height: 30px;} .oc-l-ks-price ol li tt {font: .9rem/30px 'SimHei','Microsoft YaHei';color: #666;} .b-line {border-bottom: 1px solid #999;} .ks-price-num {position: absolute;right: 0;color: #55a125;} .ks-price-num small {font-size: .8rem;vertical-align: bottom;} .ks-price-num big {font-size: 1.6rem;font-family: Constantia,Georgia,'Microsoft YaHei';vertical-align: bottom;} /*------ courese live information style ------*/ /* .cou-live-top-title {padding-right: 80px; position: relative;} */ .c-live-state-box {text-align:center; font-size:14px;color:#666666} .c-live-state-box em {width: 20px;height: 16px;display: inline-block;vertical-align: middle;margin-right: 3px;} .mt-54 {margin-top: -54px;} .v-box {padding-top: 230px;} .courese-live-title{text-align: center;font-size: 20px;color: black;margin: 8px 0px -3px} .li-top-fixed {position: absolute;top: 54px;right: 0;left: 0;height: 240px;z-index: 9;} .v-play-box {background: #ee7700 url(../img/v-play-bg.jpg) no-repeat 50% 0 / 100% 100%;height: 240px;position: relative;overflow: hidden;} .v-play-box.v-play-swf {background: none;} .v-p-btn {background: url(../img/play-btn.png) no-repeat 50% 50% / 100% 100%;border: 8px solid rgba(255,255,255,.06);border-radius: 50%;position: absolute;width: 50px;height: 50px;left: 50%;top: 50%;margin: -25px 0 0 -25px;} .v-p-name {position: absolute;right: 0;bottom: 40px;left: 0;padding: 0 15px;text-align: center;} .v-p-name span {font: 1.28rem/30px 'SimHei','Microsoft YaHei';color: #fff;} .v-card-title-box {height: 40px;position: relative;} .v-card-title {background: #f2f2f2;box-shadow: 0 3px 4px rgba(0,0,0,.1);position: absolute;left:0;right:0;width: 100%;height: 40px;} .v-card-title ul {border-bottom: 1px solid #ee7700;overflow: hidden;clear: both;height: 39px;} .v-card-title ul li {float: left;height: 39px;} .v-card-title ul.col-2 li {width: 50%;} .v-card-title ul.col-3 li {width: 33.33%;} .v-card-title ul.live-li li{width: 25%;} .v-card-title ul li a {border-bottom: 1px solid #f2f2f2;display: block;text-align: center;font: 1.08rem/38px 'SimHei','Microsoft YaHei';color: #666;height: 38px;} .v-card-title ul li.current a {border-color: #ee7700;color: #ee7700;} .v-tea-box {background-color: #fff;} .tac {text-align: center;} .no-data-tips img {width: 50px; height: auto;} .v-tea-tab-list {border-bottom: 1px solid #f1f1f1;} .v-tea-tab-list ul li {width: 25%;float: left;text-align: center;} .v-tea-tab-list ul li a {font-size: 1rem; line-height: 1.8;color: #333;padding: 10px 0;display: block;border-bottom: 2px solid transparent;} .v-tea-tab-list ul li.current a {border-bottom: 2px solid #ee7700;} .c-member-box {margin-top: 15px;} .c-member-box .c-buy-cin-list { clear: both; margin-left: -21px; overflow: hidden;} .c-member-box .c-buy-cin-list li {width: 20%;float: left;} .c-member-box .c-buy-cin-list span { display: block; margin: 5px 0 15px 18px; text-align: center; margin: 0 0 20px 21px; height: 90px;overflow: hidden;} .c-member-box .c-buy-cin-list span img { border-radius: 50%; display: block; max-width: 100%; width: 100%; } .c-member-box .c-buy-cin-list span tt { display: block;color: #999; height: 18px; margin-top: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .v-t-com-title {padding: 14px 2px 10px;border-bottom: 1px solid #f1f1f1;} .c-classify-title {padding: 12px 2px 10px;} .c-classify-title .fr span {font-size: 0.92rem; color: #999;display: block; margin-top: 8px;font-family: "Microsoft YaHei"} .c-clas-name em {width: 20px;height: 26px;display: inline-block;vertical-align: middle;} .c-clas-name tt {font: 1.2rem/32px 'Helvetica Neue','SimHei';margin-left: 8px;vertical-align: middle;} .c-c-n-1 tt {color: #feb65b;} .c-c-n-2 tt {color: #8cd790;} .c-c-n-3 tt {color: #c968e9;} .c-classify-list a {border: 1px solid #f3f3f3;display: inline-block;margin: 0 10px 10px 0;padding: 2px 8px;font: .9rem/26px 'Helvetica Neue','SimHei';color: #666;} .c-classify-list a.current {background: #ee7700; color: #fff;} .rec-course-nav {margin-left: -12px;padding: 3px 8px;} .rec-course-nav li {float: left; width: 33.3%;} .rec-course-nav li a {text-align: center;display: block;line-height: 36px; border: 1px solid #dbdbdb; font-size: 1rem; color: #666;background-color: #fff;margin: 0 0 8px 12px;} .rec-course-nav li.current a {background-color: #ee7700; color: #fff;} .v-t-cou-online {padding: 10px 2px 2px;border-bottom: none;} .c-card-txt-context{text-align: center;font-size: 20px} .v-card-txt-title {background: #f2f2f2;margin: 15px 0px 10px;height: 20px;text-align: center;} .v-card-txt-title span,.v-t-com-title span {display: inline-block;font: 0.9rem/18px 'SimHei','Microsoft YaHei';color: #333;} .v-t-com-title span {font-size: 1rem;} .v-c-txt {padding: 0px 0px;overflow: hidden;} .v-c-txt .v-c-txt-p {color: #666;font: 1.0rem/180% 'SimHei','Microsoft YaHei';line-height: 180%;text-align: justify;} .v-c-txt img {max-width: 100%;} .v-c-pac-txt {padding: 15px 17px;} .v-c-kcb li {border-bottom: 1px solid #f2f2f2;padding: 0 0 10px 20px;margin-bottom: 15px;position: relative;} .list-pointer {background: #e2e2e2;border-radius: 50%;position: absolute;left: 0;top: 4px;display: block;height: 10px;width: 10px;} .v-c-kcb-time {font: 0.9rem/20px 'SimHei','Microsoft YaHei';color: #999;} .v-c-kcb-lis p {font: 1.0rem/180% 'SimHei','Microsoft YaHei';color: #666;line-height: 180%;} .v-teacher-list li {padding: 10px 0 15px;} .v-tea-info-box li {padding: 8px 0 0;} .v-tea-info-box li .mt10 {margin-top: 7px;} .course-foods-image{height: 160px;width: 100%;} .course-foods-table{width: 100%;border:0px;border-collapse:collapse;border-spacing:0;} .course-foods-table-tr-td-left{border-bottom: 1px solid #ccc;width: 60%;padding-left: 30px;} .course-foods-table-tr-td-right{border-bottom: 1px solid #ccc;} .oIcon {float: left; margin-right: 10px;} .oIcon img {display: block;margin: 0 auto;} .sm-u-head,.sm-u-head img {display: inline-block;border-radius: 50%;} .sm-u-head img {height: 50px;width: 50px;} .sm-u-name {height: 20px;font: .6rem/20px 'SimHei','Microsoft YaHei';color: #666;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 50px;} .oIconName {height: 24px;font: 1.0rem/24px 'SimHei','Microsoft YaHei';color: #666;margin-bottom: 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .oIconTxt {overflow: hidden;font: 0.8rem/170% 'SimHei','Microsoft YaHei';color: #666;} .tearch-list .v-teacher-list li .v-tea-attr {font-size: 0.8rem;color: #666;line-height: 1.7;padding-top: 3px;} .sm-u-head-teach,.sm-u-head-teach img{width: 128px;height: 96px;border-radius: 0;} .v-course-jg {height: 40px;line-height: 40px;vertical-align: middle;margin-bottom: 10px;} .v-course-jg small {font-size: .8rem;} .v-course-jg big,.v-course-jg span {color: #cb4040;font-size: 1.4rem;margin-left: 5px;} .v-course-jg span {color: #4EB25B;} /*courese menu tree*/ .kc-bao {padding: 0 5px;} .kc-bao ul li {float: left;} .kc-bao ul li a {border: 1px solid #e6e6e6;display: block;float: left;padding: 5px 8px 5px 45px;height: 40px;position: relative;overflow: hidden;margin: 0 10px 10px;} .kc-bao ul li a em {display: block;vertical-align: middle;height: 30px;width: 30px;position: absolute;left: 8px;top: 8px;} .kc-bao ul li a span {display: block;vertical-align: middle;font: 1.0rem/20px 'SimHei','Microsoft YaHei';color: #4e4e4e;word-break: break-all;height: 40px;overflow: hidden;} .kc-bao ul li.current a {border-color: #47bc6d;} .kc-bao ul li.current a span {color: #47bc6d;} .c-m-t-level-1 {background: #f2f2f2;border-bottom: 1px solid #D9DADD;padding: 0 45px 0 15px;position: relative;height: 38px;} .c-m-t-level-1 h4 {height: 38px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .c-m-t-level-1 h4 em,.yeIco {background: url(../img/c-menu-ico.png) no-repeat 50% 50%;background-size: 100% 100%;display: inline-block;height: 16px;width: 16px;vertical-align: middle;} .c-m-t-level-1 h4 span {display: inline-block;font: 1.0rem/38px 'SimHei','Microsoft YaHei';color: #4e4e4e;vertical-align: middle;} .c-m-t-level-1 .jJ {display: inline-block;position: absolute;right: 15px;top: 12px;height: 24px;width: 24px;} .c-m-t-level-1 .jJ.ji {background: url(../img/jian.png) no-repeat 50% 50%;} .c-m-t-level-1 .jJ.ja {background: url(../img/jia.png) no-repeat 50% 50%;} .courese-menu-tree dl dd {padding: 15px 20px 5px;overflow: hidden;} .c-m-t-level-2 li {margin-bottom: 10px;padding-right: 140px;position: relative;} .c-m-t-level-2 li .freeImg{position:absolute;right:70px;top:5px;} .c-m-t-level-2 li a {display: block;height: 22px;line-height: 22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .c-m-t-level-2 li a .sp {background: url(/static/mobile/img/c-m-p-ico.png) no-repeat 50% 50%;background-size: 100% 100%;display: inline-block;width: 16px;height: 16px;vertical-align: middle;} .c-m-t-level-2 li a .yp {background: url(/static/mobile/img/c-m-p-ico-yp.png) no-repeat 50% 50%;background-size: 100% 100%;display: inline-block;width: 16px;height: 16px;vertical-align: middle;} .c-m-t-level-2 li a .wd {background: url(/static/mobile/img/c-m-p-ico-wd.png) no-repeat 50% 50%;background-size: 100% 100%;display: inline-block;width: 16px;height: 16px;vertical-align: middle;} .c-m-t-level-2 li a .tp {background: url(/static/mobile/img/c-m-p-ico-tp.png) no-repeat 50% 50%;background-size: 100% 100%;display: inline-block;width: 16px;height: 16px;vertical-align: middle;} .c-m-t-level-2 li a span {font-size: .9rem;font-family: 'SimHei','Microsoft YaHei';color: #666;margin-left: 5px;vertical-align:middle;} .c-m-t-level-2 li.current a span,.c-m-t-level-2 li.current tt {color: #0a59c9;} .c-m-t-level-2 li .cmt-time {position: absolute;right: 0;max-width: 75px;top: 4px;font-size: .6rem;font-family: 'SimHei','Microsoft YaHei';color: #999;} /*ask area*/ .news-box {position: relative;padding: 0 15px;} .news-art {position: relative;margin-top: 20px;padding-bottom: 10px;overflow: hidden;} .news-art.news-art-l {padding-left: 74px;} .news-art.news-art-r {padding-right: 74px;} .news-art.news-art-l .oIcon-b,.discuee-box-list-tit .oIcon-b{left: 0;position: absolute;} .news-art.news-art-r .oIcon-b {right: 5px;position: absolute;} .news-art.news-art-l .oIcon-b img,.news-art.news-art-r .oIcon-b img,.discuee-box-list-tit .oIcon-b img{margin: 0;} .news-art.news-art-r .news-art-txt-wrap {float: right;margin-right: 5px;} .news-art-txt-wrap {background: #fff;border: 1px solid #E4E5E5;box-shadow: 3px 3px 0px rgba(0,0,0,.03);border-radius: 3px;width: 70%;position: relative;padding: 10px 15px;min-height: 40px;} .n-l-triangle-css3 {position: absolute;top: 20px;left: -9px;overflow: hidden;width: 15px;height: 15px;background: #fff;border-top: 1px solid #E4E5E5;border-left: 1px solid #E4E5E5;} .n-l-transform {-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);} .n-r-triangle-css3 {position: absolute;top: 20px;right: -9px;overflow: hidden;width: 15px;height: 15px;background: #fff;border-top: 1px solid #E4E5E5;border-right: 1px solid #E4E5E5;} .n-r-transform {-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);} .n-a-t-w-txt {color: #111;font-size: 0.8rem;font-family: 'SimHei','Microsoft YaHei';line-height: 140%;} .ask-inp-box,.ci-bt-box {position: fixed;bottom: 0;left: 0;right: 0;width: 100%;height: 48px;z-index: 7;} .ask-inp-elem,.ci-bt-elem {background: #F0FCF0;border-top: 1px solid #E1EEE1;height: 42px;padding: 5px 100px 0 10px;position: relative;} .ask-inp {background: #fff;border: 1px solid #ccc;border-radius: 3px;width: 100%;height: 35px;} .ask-inp textarea {background: none;border: none;height: 33px;padding-left: 5px;font: 1.0rem/180% 'SimHei','Microsoft YaHei';color: #333;resize:none;overflow-x: hidden;overflow-y: auto;width: 96%;} .ask-btn {position: absolute;right: 4px;top: 5px;} .ask-btn button {background: #ee7700;border: none;border-radius: 3px;width: 90px;height: 36px;text-align: center;font: 1.0rem/35px 'SimHei','Microsoft YaHei';color: #fff;} .ci-bt-box {z-index: 40;} .ci-bt-elem {background: #f2f2f2;border-color: #e4e4e4;padding: 5px 50px 0 50px;position: relative;} .c-discuss-wrap .ask-inp-box {z-index: 99999;} .buy-btn a,.d-t-btn a {background: none;border: 1px solid #ee7700;border-radius: 18px;font: 1.2rem/32px 'SimHei','Microsoft YaHei';color: #ee7700;height: 34px;display: block;width: 100%;text-align: center;} .buy-btn.free-btn a {border-color: #4EB25B;color: #4EB25B;} .go-back {position: absolute;left: 5px;top: 6px;} .go-back a {display: block;height: 32px;width: 32px;opacity: .7;} .hr-bottm{position: absolute;right: 10px;top: 10px;} .hr-bottm a{display: block;height: 26px;width: 26px;} .oc-live-wrap.chare-live-infor {padding: 0;} .oc-live-wrap.chare-live-infor .oc-live-list dl {border: none;padding: 0;} .oc-live-wrap.chare-live-infor .oc-live-list dl dd {margin: 0;} .oc-live-wrap.chare-live-infor .oc-live-list dl dd .oc-l-timer {margin: 10px 0;} .ask-noNum {margin-top: 5rem;text-align: center;padding-bottom: 30px;} .ask-noNum p {margin-top: 10px;font-size: .9rem;color: #999;} /*buy order submite successbuy*/ .order-num,.order-num-all {margin: 20px 15px 0;text-align: right;} .order-num span,.order-num-all span {color: #4e4e4e;font-family: 'SimHei','Microsoft YaHei';} .order-num tt,.order-num-all tt {color: #55a125;font-family: 'SimHei','Microsoft YaHei';} .order-num-all * {font-size: 1.4rem;} .pay-success-box {background: #FCFFFA;border-color: #55A125;box-shadow: 6px 6px 0px rgba(0,0,0,.03);margin: 40px 20px 10px;text-align: center;} .pay-success-box .ps-txt-1 {margin: 10px 0;font-size: 1.2rem;color: #55A125;line-height: 32px;} .ps-go-stud span {background: #FE6E26;border-radius: 3px;display: block;width: 80%;margin: 0 auto 20px;height: 34px;font: 1.0rem/34px 'SimHei','Microsoft YaHei';color: #fff;} .pay-method ol li {margin: 15px 15px 10px;padding-bottom: 10px;border-bottom: 1px solid #f2f2f2;} .pay-method ol li a {display: block;overflow: hidden;clear: both;position: relative;} .pay-method ol li a img {display: block;width: 40px;height: 40px;float: left;margin: 0 15px 0 5px;} .pay-method ol li a h6 {color: #333;font: 1rem/24px 'SimHei','Microsoft YaHei';} .pay-method ol li a p {margin-top: 3px;color: #999;font-size: .8rem;} .pay-method ol li a .pm-ico {position: absolute;right: 5px;top: 45px;} .up-ol {padding: 1em 10px 2em;} .link-error-wrap .up-ol li {margin-top: 20px;text-align: left;} .up-ol li span,.up-ol li tt {font-size: 1.08rem;font-family: 'SimHei','Microsoft YaHei';} .up-ol li span {color: #333;} .up-ol li tt {color: #cb4040;} /*------ search style ------*/ .search-page-wrap {position: fixed;top: 0;right: 0;bottom: 0;left: 0;width: 100%;z-index: 999;} .search-box {background: #fff;width: 100%;height: 100%;position: relative;overflow-x: hidden;overflow-y: auto;} .s-inp-wrap {background: #fbfbfb;box-shadow: 0 1px 1px rgba(0,0,0,.05);height: 48px;overflow: hidden;padding: 0 54px 0 15px;position: relative;} .s-inp-wrap label {background: url(../img/c-search.png) no-repeat 6px 4px;display: block;border: 1px dotted #999;/* border-top: none; */height: 28px;margin: 16px 0 0;padding: 0 10px 0 38px;line-height: 28px;} .s-inp-wrap label input {background: none;border: none;font: 1.0rem/20px 'SimHei','Microsoft YaHei';color: #ee7700;width: 100%;} .s-inp-wrap label.curr {background-image: url(../img/c-search-curr.png);border-color: #f9e3cd;} .s-r-cancel {position: absolute;right: 10px;top: 22px;} .s-r-cancel a {color: #aaa;font-size: 1.0rem;} .unSearch-content {text-align: center;margin-top: 30px;} .unSearch-content h3 {font-size: 1.4rem;line-height: 38px;color: #333;margin-top: 10px;} .unSearch-content h5 {margin: 5px 15px 0;} .unSearch-content h5 a {font-size: 1.0rem;line-height: 32px;color: #ee7700;} .search-jg-wrap {margin-top: 20px;} .search-jg-wrap .v-card-txt-title {background: #fbfbfb;} .search-jg-wrap .v-card-txt-title span {border-color: #ee7700;color: #ee7700;} /*------ order list style ------*/ #header.order-header .h-wrap {background: #ee7700;} .order-header .commHeadTitle span {color:#00F;display: inline-block;vertical-align: middle;} .order-list li {margin-bottom: 10px;background-color: #fff;padding: 8px 8px 15px;} .order-list li .order-title {line-height: 30px; padding: 0 65px 0 0;font-size: 0.88rem; color: #888;font-family: "Microsoft YaHei";position: relative;} .order-title .order-state {position: absolute; right: 0; top: 0;} .order-list li .order-pic {width: 100px;height: 75px;float: left;margin-right: 10px;border: 1px solid #f2f2f2;} .order-list li .order-pic img {width: 100%; height: 100%;} .o-attr-name {font-size: 0.92rem;font-weight: normal; color: #666;max-height: 46px; overflow: hidden;line-height: 24px;font-family: "Microsoft YaHei";} .order-main {min-height: 80px;margin-top: 5px;padding: 0 8px;border-bottom: 1px solid #f2f2f2;} .order-list li div.order-main:nth-last-child(1) {border-bottom: none;} .order-desc {padding: 0 8px;} .o-attr-price em {width: 16px; height: 15px;display: inline-block;vertical-align: middle;} .o-attr-price span {color: #999; font-size: 0.82rem; line-height: 20px; margin-left: 5px;vertical-align: middle;} .order-desc span {font-size: 0.88rem; color: #888;font-family: "Microsoft YaHei";} .c-red {color: #ff2f2f;} .c-green {color: #11af2d!important;} .arrow-down {width: 16px; height: 9px;margin-left: 10px; display: inline-block; vertical-align: middle;} .order-header .c-sort-sub {top: 56px;} .c-sort-hide {display: none;} /*------ u-center style ------*/ .u-center-wrap .m-ptb54 {padding: 0 0 64px;} /*------ login register style ------*/ .lr-lo-sl.sp-lo-sl {padding-top: 10%;} .lr-lo-sl .sp-lo {height: 80px;} .lr-lo-sl .sp-lo span {width: 80px;height: 80px;margin: -40px 0 0 -40px;} .lr-lo-sl .sp-sl p {font-size: 1.4rem;line-height: 32px;} .lr-main {margin: 20px auto 0;width: 84%;padding-bottom: 20px;} .lr-ul li {margin-top: 10px;position: relative;} .lr-ul li label {background: rgba(0,0,0,.1);border-radius: 3px;display: block;padding: 10px 18px;overflow: hidden;} .lr-ul li label input {background: none;border: none;color: #111;height: 24px;font: 1.12rem/24px 'Helvetica Neue','SimHei';width: 100%;} ::-webkit-input-placeholder {color: #111;} ::-moz-input-placeholder {color: #111;} :-moz-input-placeholder {color: #111;} :-ms-input-placeholder {color: #111;} .lr-btn a {background: #ee7700;border-radius: 3px;display: block;height: 40px;text-align: center;font: 1.08rem/40px 'Helvetica Neue','SimHei';width: 98%;margin: 0 auto;color: #fff;} .lr-ul li .error-em {display: none;position: absolute;right: 15px;top: 14px;color: #E02222;font-size: 1.2rem;} .lr-ul li .error-em q {font-size: .9rem;} .lr-ul li.error label {background: rgba(215,75,75,.2);} .lr-ul li.error .error-em {display: block;} .ulr-link {margin: 20px 0 30px;} .ulr-link span{display: block;margin-bottom: 15px;} .ulr-link span a {font-size: 0.9rem;color: #4e4e4e;margin: 0 10px;} .o-lr-box h5 {border-bottom: 1px solid #888;padding-bottom: 8px;text-align: center;} .o-lr-box h5 span,.o-lr-tab td span a em {font: 1.0rem/30px 'Helvetica Neue','SimHei';color: #333;} .o-lr-tab {border-radius: 3px;margin-top: 20px;} .o-lr-tab td {line-height: 30px;text-align: center;} .o-lr-tab td span a em,.o-lr-tab td span img {vertical-align: middle;margin: 0 2px;} .lr-ul li.vCode label {width: 36%;} .vCodeImg {background: rgba(0,0,0,.1);position: absolute;width: 129px;height: 45px;left: 52%;top: 1px;border-radius: 6px;overflow: hidden;} .vCodeImg a{display: block;width: 100%;height: 100%;text-align: center;font:0.9rem/47px 'Helvetica Neue','SimHei';color: #111;} .vCodeImg .current{background: rgba(255,255,255,.5);display: block;width: 100%;height: 100%;text-align: center;font:0.9rem/47px 'Helvetica Neue','SimHei';color: #111;} .xy-ok {background: rgba(0,0,0,.1);;border: 1px solid #666;margin: 0 1px 0 0;vertical-align:middle;} .lr-Switch{margin-bottom: 20px;} .lr-Switch ul li{float: left;width: 50%;height: 40px;} .lr-Switch ul li a{border: 1px solid #fff;display: block;width: 99%;height:37px;font:1.1rem/37px 'Microsoft YaHei';color: #fff;text-align: center;} .lr-Switch ul li .current{background-color: #fff;color: #666;} /*------ user-center style ------*/ .u-banner {/*background: -webkit-gradient(linear, left top, left bottom, from(#4786D8), to(#4BC7A4));background: -moz-linear-gradient(top, #0856BB, #4BC7A4);*/height: 126px;overflow: hidden;position: relative;} .u-h-a-box {height: 100px;width: 90%;margin: 19px 0 0 21px;} .u-head {display: inline-block;margin: 0 5px;vertical-align: middle;} .u-head {border-radius: 50%;width: 86px;height: 100px;} .u-head img {border-radius: 50%;display: inline-block;width: 85px;height: 85px;overflow: hidden;} .u-attr {display: inline-block;margin: 8px 0 0 5px; width: 180px;text-align: left;vertical-align: middle;} .u-attr .u-name {font-size: 1.2rem;font-family: 'SimHei','Microsoft YaHei';color: #fff;} .qm-txt {font-size: .8rem;font-family: "Microsoft YaHei";margin-top: 15px;color: #fbfbfb;display: inline-block;width: 140px;height: 44px;line-height: 20px;overflow: hidden;} .u-name .qm-txt {margin-top: 5px;text-align: left;} .u-center-nav {border-bottom: 1px solid #e6e6e6;margin-bottom: 15px;} .u-center-nav ul li {width: 33.3%;} .u-center-nav ul li .right-line {border-right: 1px solid #e6e6e6;} .u-center-nav ul li .n-q-e-wrap img {height: 30px; width: auto;} .u-center-nav .nav-quick-entry {padding: 16px 0 12px;} .lm-item-list em {width: 26px; height: 28px; display: inline-block;vertical-align: middle;} .lm-item-list em.lm-icon1 {background-position: -1px -6px;} .lm-item-list em.lm-icon2 {background-position: -1px -41px;} .lm-item-list em.lm-icon3 {background-position: -1px -76px;} .lm-item-list em.lm-icon4 {background-position: -1px -110px; margin-left: 2px;} .lm-item-list em.lm-icon5 {background-position: -1px -145px;margin-left: 2px;} .lm-item-list em.lm-icon25 { background: url("/static/mobile/img/vipUser.png") no-repeat -4px -3px;} .lm-item-list em.lm-icon26 { background: url("/static/mobile/img/personal.png") no-repeat; width: 27px; height: 27px; background-size: cover;} .c-999 {color: #999;} .u-global-nav ul li a {display: block;padding-top: 10px;} .u-global-nav ul li a span {display: inline-block;vertical-align: middle;width: 26px;} .u-global-nav ul li a tt {font: 1rem/24px 'Helvetica Neue','SimHei'; color: #666;vertical-align: middle;} /*play record*/ .u-o-c-btn.u-o-c-btn-gre,.edit-btn a,.u-o-c-btn {background: #55A125;border-radius: 3px;font: .9rem/30px 'SimHei','Microsoft YaHei';height: 30px;display: block;width: 60px;text-align: center;margin: 0 auto;color: #fff;text-decoration: none;} .u-o-c-btn.u-o-c-btn-loo {background: #e2e2e2;color: #666;} .u-o-c-btn.u-o-c-btn-buy {background: #FA6833;} .edit-btn {float: right;margin-top: 3px;} .pr-box {padding-bottom: 48px;} .edit-b-box .c-buy-btn {text-align: center;} .edit-b-box .u-o-c-btn {width: 80px;margin: 8px 10px 0;text-align: center;display: inline-block;} .edit-play-record ul li .c-l-pic-cx em,.edit-play-record ul li .c-l-pic em,.pay-method ol li a .pm-ico em {background: url(../img/edit-ico.png) no-repeat 50% 50% / 100% 100%;display: none;width: 24px;height: 24px;position: absolute;right: 10px;bottom: 10px;z-index: 5;} .edit-play-record ul li.active .c-l-pic-cx em,.edit-play-record ul li.active .c-l-pic em,.pay-method ol li.current a .pm-ico em {background-image: url(../img/edit-ico-act.png);} .edit-play-record ul li .c-l-pic {width: 149px;height: 70px;} .edit-play-record ul li .c-l-attr {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .pay-method ol li a .pm-ico em {display: block;} /*my order and courese*/ .order-tab {padding: 15px 0px;overflow: hidden;} .order-tab table {background: #fff;border-collapse: collapse;border: medium none;box-shadow: 0 5px 0 rgba(0,0,0,.01);} .order-tab table caption {padding-bottom: 10px;} .order-tab table th {background: #f2f2f2;padding: 10px 5px;font-size: 0.9rem;font-family: 'SimHei','Microsoft YaHei';color: #333;text-align: center;} .order-tab table caption select {background: #fff;border: 1px solid #0A59C9;border-radius: 3px;padding: 2px 5px;} .order-tab table caption span,.order-tab table caption select {font-size: 1.0rem;font-family: 'SimHei','Microsoft YaHei';color: #333;vertical-align: middle;} .order-tab table td {padding: 8px 5px;font-size: .8rem;font-family: 'SimHei','Microsoft YaHei';color: #666;} .order-tab table td .c-price {margin-top: 6px;} .u-o-c-p {width: 80px;float: left;margin-right: 8px;} .order-tab table th a {color: #cb4040;font-size: 0.9rem;} .order-tab table th a.c-cancel {color: #616876;} /*my account*/ .u-account-box {margin: 40px auto 10px;} .u-account-set li {background: #fff;border: solid #f4f4f4;border-width: 1px 0 1px 0;margin-bottom: 12px;padding: 10px 10px 10px 68px;position: relative;} .u-account-set li .u-a-lab {color: #4e4e4e;display: block;position: absolute;font-size: .9rem;left: 0;top: 16px;text-align: right;width: 68px;} .u-account-set li label.u-a-inp,.u-account-set li select,.u-account-set li textarea {background: #f8f8f8;border: none;display: block;height: 30px;padding: 3px 0;margin-left: 5px;} .u-account-set li label.u-a-inp input {background: none;border: none;height: 30px;font-size: .9rem;width: 100%;line-height: 30px;font-family: 'SimHei','Microsoft YaHei';color: #4e4e4e;text-indent: 10px;} .u-account-set li select {height: 28px;font-size: .9rem;line-height: 28px;color: #4e4e4e;width: 97%;font-family: 'SimHei','Microsoft YaHei';} .u-account-set li textarea {height: 68px;padding: 2px 5px 4px 5px;overflow-x: hidden;overflow-y: auto;width: 92%;font-family: 'SimHei','Microsoft YaHei';} .u-account-set li.amError label.u-a-inp,.u-account-set li.amError select,.u-account-set li.amError textarea {background: #FFFAFA;border-color: #F2AAAA;} .u-account-box .lr-btn {margin-top: 40px;} .u-account-box .lr-btn a {background: #DF7E7E;} .u-account-set li label.u-a-inp-yanz{width: 48%;} .u-account-set li .yanz-box{position: absolute;width: 33%;height: 26px;top:10px;right: 10px;} .u-account-set li .yanz-box img{display: block;width: 100%;height: 26px;} .u-account-set li .yanz-box a{display: block;width: 100%;height: 26px;background-color: #f8f8f8;font:0.8rem/26px 'Microsoft YaHei';color: #666;text-align: center;} /*my acc number*/ .u-a-n-box {margin: 40px 15px 0;text-align: center;} .u-a-n-att h6 {margin-top: 20px;font-size: 1.0rem;color: #333;} .u-a-n-att h4 {margin: 10px 0 30px;font-size: 2.2rem;font-family: 'Microsoft YaHei','SimHei';color: #333;} .u-a-n-list .v-c-kcb-lis p {font-size: 1.1rem;} .u-a-n-list .list-pointer {top: 10px;} .u-a-n-num {position: absolute;right: 0;top: 10px;font-family: 'Microsoft YaHei','SimHei';font-size: 1.8rem;} .u-a-n-num span.zc-num {color: #111;} .u-a-n-num span.sr-num {color: #40c859;} /*------ teacher style ------*/ .tearch-list .v-teacher-list li {border-bottom: 1px solid #f2f2f2;} .tearch-list .v-teacher-list li .oIconName {font-size: 1.2rem;} .tearch-list .v-teacher-list li .oIconTxt {height: 38px;overflow: hidden;font-size: 0.8rem;margin-top: 3px;} .tearch-list .v-teacher-list li .oIconeTit {font-size: .7rem;text-align: justify;font-weight: normal;margin-top: 10px;line-height: 150%;color: #999;} .tearch-list.tearch-infor .oIconDesc .sm-u-head img {height: auto;width: 120px;border-radius: 0;} .tearch-list.tearch-infor li,.tearch-list.tearch-infor li .oIconTxt {border-bottom: none;padding-top: 10px;height: auto;} .tearch-list.tearch-infor li .oIconTxt {text-align: justify;text-indent: 24px;line-height: 200%;padding: 10px 10px 0;} .vTeacher-txt-bx {margin-top: -10px;} .vTeacher-txt-bx .v-card-txt-title {background: #fff;padding: 0 5px;position: relative;} .vt-more-btn {display: block;width: 30px;height: 30px;text-align: center;line-height: 30px;position: absolute;right: 5px;top: 5px;font-size: 14px;color: #bbb;font-family: 'Arial';transition: .3s;-webkit-transition: .3s;transform: rotate(90deg);-webkit-transform: rotate(90deg);} .vt-more-btn.vtTop {transform: rotate(-90deg);-webkit-transform: rotate(-90deg);} .vTeacher-txt-bx .oIconTxt {margin: 10px 5px;overflow: hidden;text-align: justify;height: 102px;transition: .3s;-webkit-transition: .3s;} .vTeacher-txt-bx .oIconTxt.vtShow {height: auto;} .vTeacher-txt-bx .oIconTxt img {max-width: 100%;} /*------ news style ------*/ .news-list {margin-top: 0;} .news-list .c-sort {text-align: left;} .news-list-ul li {margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #f2f2f2;overflow: hidden;} .news-list-ul li a {display: block;min-height: 50px;position: relative;} .news-list-ul li a img {position: absolute;right: 5px;top: 0;display: block;width: 100px;height: 80px;} .news-list-ul li a p {font: 1.0rem/180% 'SimHei','Microsoft YaHei';color: #4e4e4e;height: 50px;padding: 0 120px 0 5px;overflow: hidden;} .news-list-ul li a .c-l-attr {margin-top: 10px;} .newsInfor {background: #FCFCF3;padding: 14px;margin-bottom: -60px;} .ni-title {border-bottom: 1px solid #E4E3D3;padding-bottom: 10px;} .ni-title h2{font: 1.08rem/140% 'SimHei';color: #111;} .ni-attr {color: #888;line-height: 100%;margin-top: 10px;} .ni-attr span,.ni-attr tt {color: #888;font-size: 0.8rem;font-family: 'SimHei';} .ni-txt {padding: 10px 0;overflow: hidden;} .ni-txt * {font: 1rem/180% 'SimHei';color: #4e4e4e;} .ni-txt p {text-indent: 24px;text-align: justify;} .ni-txt img {max-width: 100%;margin: 0 auto;} .ni-foot {border-top: 1px solid #E4E3D3;margin: 40px 0;padding-top: 10px;overflow: hidden;clear: both;} .ni-foot a {font: .8rem/180% 'SimHei';color: #111;} /*------ help-fb style ------*/ .help-fb {margin-top: 50px} .help-fb .tjc-box {position: relative;overflow: visible;margin-bottom: 45px;} .help-fb .c-sort {padding-top: 30px;} .hfb-title {position: absolute;top: -14px;left: 15px;} .hfb-title span {background: #fff;border: 1px solid #f9e3cd;display: block;height: 24px;line-height: 24px;padding: 0 10px;font-size: 1.0rem;color: #ee7700;} .lfb-tip-txt {margin: 0 10px 10px;font-size: .9rem;color: #666;line-height: 180%;text-align: left;} .help-fb .lfb-wrap {text-align: left;} .lfb-wrap .u-account-set li {padding: 0 0 20px 0;} .lfb-wrap .u-account-set li .u-a-lab {top: -18px;left: 5px;text-align: left;width: 185px;} .lfb-wrap .list-pointer {top: 8px;} /*------ dialog style ------*/ .bg-shadow {background: rgba(0,0,0,.5);position: fixed;height: 100%;width: 100%;top: 0;right: 0;bottom: 0;left: 0;z-index: 9997;} .dialog-ele {background: #fff;width: 80%;position: fixed;top: 50%;left: 50%;margin-left: -40%;z-index: 9999;} .d-head {height: 38px;border-bottom: 1px solid #E8E8E8;} .d-head h5 {font: 1.0rem/38px 'SimHei','Microsoft YaHei';color: #333;text-align: left;padding-left: 10px;} .dcWrap {padding: 20px 20px 30px;overflow: hidden;text-align: center;} .d-tips-0 *,.d-tips-1 * {vertical-align: middle;} .d-tips-0 img,.d-tips-1 img {margin-right: 8px;} .d-tips-0 span,.d-tips-1 span {font-size: .9rem;color: #333;} .d-t-btn,.d-t-btn-1 {margin-top: 30px;} .d-tips-0 .d-t-btn a {background: #cb4040;border-radius: 3px;color: #fff;height: 30px;line-height: 30px;font-size: 1.0rem;} .d-tips-1 .d-t-btn-1 a {display: inline-block;margin: 0 8px;padding: 0 12px;} /*------ copyright style ------*/ .copyright {position: absolute;right: 0;bottom: 30px;left: 0;} .copyright p {color: #4e4e4e;text-align: center;font: .8rem/30px 'Microsoft YaHei','SimHei';} /*------ other style ------*/ .undataBox {background: #fff;width: 80%;margin: 20px auto;padding: 10px 0;text-align: center;} .undataBox * {vertical-align: middle;color: #F06060;font-size: 1.0rem;} .undata-icon {display: inline-block;width: 32px;height: 32px;} .link-error-wrap {padding: 20% 15px 0;text-align: center;} .link-error-wrap p,.link-error-wrap p a {font: 1.0rem/54px 'SimHei','Microsoft YaHei';color: #0A59C9;} .link-error-wrap p a {color: #FD6C38;text-decoration: underline;} /*------ fenxiang style ------*/ .icon-weibo{width:38px;height:34px;display:inline-block;vertical-align:middle;background:url("../img/weibo.png") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);} .icon-qqkj{width:38px;height:34px;display:inline-block;vertical-align:middle;background:url("../img/qqkj.png") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);} .icon-txwb{width:38px;height:34px;display:inline-block;vertical-align:middle;background:url("../img/txwb.png") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);} .close { height: 38px; line-height: 32px; position: absolute; right: 0; text-align: center; top: 0; width: 38px; } .icon-close{width:16px;height:16px;display:inline-block;vertical-align:middle;background:url("../img/close.png") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);} .icon-zx{width:44px;height:40px;display:inline-block;vertical-align:middle;/*background:url("../img/zx.png") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);*/} .icon-zxzx{width:44px;height:40px;display:inline-block;vertical-align:middle;/*background:url("../img/zxzx.png") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);*/} .share-wrap-2 .zx,.share-wrap-2 .zxzx{display: inline-block;width: 60px;height: 60px;border-radius: 60px;text-align: center;line-height: 56px;border:1px solid #68C04A;} .share-wrap, .share-wrap-2 { display: inline-block; text-align: center; width: 33.33%; } .share-wrap p{margin-top: 10px;} .send_pass_box{margin: 0 10px;} .send_pass_box p{font:0.9rem/22px 'Microsoft YaHei';color: #666;margin-top: 20px;} .send_pass_box p a{color:#ff4800;text-decoration: underline;} .send_pass_box .pic-in{width: 90px;height: 74px;float: left;} .send_pass_box .pic-in img{display: block;width: 100%;height: 100%;} .send_pass_box .txt-in{float: left;width: 70%;} .send_pass_box .txt-in p{font:0.9rem/22px 'Microsoft YaHei';color: #666;margin-left: 15px;margin-top: 20px;} .ht-r .eixt-btn{float: right;width: 47px;height: 55px;display: block;font-size: 0.8rem;line-height: 55px;text-align: center;color: #fff;} .comm-big-box{position: relative;padding-top: 41px;-webkit-transition:all 0.2s linear;-mos-transition:all 0.2s linear;transition:all 0.2s linear;} .comm-big-box.comm-b-xz{-webkit-transform: translate3d(0,-41px,0);-mos-transform: translate3d(0,-41px,0);transform: translate3d(0,-41px,0);} .c-coupons-wrap{height: 41px;position: absolute;top:0;left: 0;width: 100%;} .c-coup-box{height: 40px;background: #fff;position: relative;z-index: 999;border-bottom: 1px solid #f4f4f4;} .c-sort-coupons{height: 40px;} .c-sort-coupons li{width: 50%;} .c-sort-coupons li a.csjj{height: 39px;border-bottom: 1px solid transparent;} .c-sort-coupons li.current a.csjj{height: 39px;border-bottom: 1px solid #9BC1F8;} .c-sort-coupons li .c-sort-sub{top:41px;} .c-sort-cou-list a{display: block;background: #fafafa;border-radius: 4px;margin-bottom:10px;padding: 0 45px 0px 10px;font: .9rem/36px 'Helvetica Neue','SimHei';color: #4e4e4e;position: relative;} .cou-list-xz{position: absolute;top:0;right: 5px;width: 36px;height: 36px;background: url("/static/mobile/img/cou-l-bg.png") no-repeat top left;display: none;} .c-sort-cou-list a.current,.c-sort-cou-list a:active{background: #6699E2;color: #fff;} .c-sort-cou-list a.current .cou-list-xz,.c-sort-cou-list a:active .cou-list-xz{display: block;} .coopon-box li{padding: 0;border-bottom: 0;margin: 15px 0 10px;position: relative;overflow: hidden;height: 145px;} .coopon-box li .c-box{position: absolute;top:0;left: -14%;width: 140%;height: 145px;overflow: hidden;-webkit-transition:all 0.2s linear;-mos-transition:all 0.2s linear;transition:all 0.2s linear;} .coopon-box li .c-box.selected{-webkit-transform: translate3d(10%,0,0);-mos-transform: translate3d(10%,0,0);transform: translate3d(10%,0,0);} .coopon-box li .c-box .xz-btn{width: 10%;float: left;height: 24px;background: url("../img/edit-bg.png") no-repeat 5px 0px;-webkit-transition:all 0.2s linear;-mos-transition:all 0.2s linear;transition:all 0.2s linear;margin-top:67px;} .coopon-box li .c-box .c-b-nr{width: 90%;height:145px;float: left;} .coopon-box ul li .c-box .c-b-nr .c-l-pic-cx{width: 79.3%;height:145px;position: relative;border-radius: 4px;overflow: hidden;} .coopon-box ul li .c-l-pic-left-big{height: 135px;left: 0;position: absolute;top: 10px;width: 100%;background: #fff;border-radius: 0 0 4px 4px;overflow: hidden;} .coopon-box ul li .c-l-pic-cx .c-l-pic-left{height: 60px;padding-top: 5px;border: 1px solid #ebebeb;border-top:none;border-radius: 0 0 4px 4px;overflow: hidden;} .coopon-box ul li .c-l-pic-cx .c-l-pic-left-top{border: 1px solid #ebebeb;border-bottom: 1px dashed #ebebeb;border-top:0;padding-bottom: 8px;} .coopon-box .active .c-box .xz-btn{background: url("../img/edit-bg-act.png") no-repeat 5px 0px;transform: rotateX(180deg);-webkit-transform: rotateX(180deg);-mos-transform: rotateX(180deg);} /*.coopon-box ul .jgq .c-l-pic-cx .jjgq{position: absolute;display: block;width: 74px;height:25px;background: url("../img/jjgq.png") no-repeat top left;top:22px;right: 5px;} .coopon-box ul .ysy .c-l-pic-cx .jjgq{position: absolute;display: block;width: 74px;height:25px;background: url("../img/ysy.png") no-repeat top left;top:22px;right: 5px;}*/ .coopon-box ul li .c-l-pic-left p{margin: 2px 10px;} .coopon-box ul li .c-l-pic-left p tt{font:0.6rem/16px 'Microsoft YaHei';color: #999;} .coopon-box ul li .c-l-pic-left p tt.yhzk{color: #f24f50;} .coopon-box ul li .c-l-pic-left .c-l-pic-left-top{padding-bottom: 5px;border-bottom: 1px dashed #ccc;} .coopon-box ul li .c-l-pic-right{width: 100%;height: 15px;background: url("../img/c-l-r-tit-bg.png") repeat 0px 15px;position: absolute;top:0;left: 0;z-index: 22;border-radius: 4px;} .coopon-box ul li.djj .c-l-pic-right{background: url("../img/c-l-r-tit-bg-djj.png") repeat 0px 15px;} .coopon-box ul li.vip .c-l-pic-right{background: url("../img/c-l-r-tit-bg-vip.png") repeat 0px 15px;} .coopon-box ul li .c-l-pic-left-big{background: url("/static/mobile/img/coup-big-bg.png") no-repeat top left;} .coopon-box ul li .c-l-pic-left-big .c-l-p-r-tit{width: 60%;float: left;} .coopon-box ul li .c-l-pic-left-big .c-l-p-r-tit h3{font:1.08rem/22px 'Microsoft YaHei';color: #fd6464;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin: 15px 10px 0px 10px;} .coopon-box ul li.djj .c-l-pic-left-big .c-l-p-r-tit h3{color: #56b7b9;} .coopon-box ul li.vip .c-l-pic-left-big .c-l-p-r-tit h3{color: #ffc77e;} .coopon-box ul li .c-l-pic-left-big .c-l-p-r-tit h2{font:0.6rem/16px 'Microsoft YaHei';color: #666;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin: 7px 10px 0px 10px;} .coopon-box ul li .c-l-pic-left-big .c-l-p-r-nub{width: 40%;float: left;} .coopon-box ul li .c-l-pic-left-big .c-l-p-r-nub p{text-align: center;margin-top: 20px;} .coopon-box ul li .c-l-pic-left-big .c-l-p-r-nub p tt{font:1rem/32px 'Microsoft YaHei';color: #fd6464;} .coopon-box ul li.djj .c-l-pic-left-big .c-l-p-r-nub p tt{color: #56b7b9;} .coopon-box ul li.vip .c-l-pic-left-big .c-l-p-r-nub p tt{color: #ffc77e;} .coopon-box ul li .c-l-pic-left-big .c-l-p-r-nub p tt.jg{font-size:2.2rem;} .coopon-box ul .ygq .c-l-pic-right,.coopon-box ul .ysy .c-l-pic-right{background:url("../img/c-l-r-tit-bg-gq.png") repeat 0px 15px;} .coopon-box ul .ysy .c-l-pic-left-big .c-l-p-r-nub p tt,.coopon-box ul .ysy .c-l-pic-left-big .c-l-p-r-tit h2,.coopon-box ul .ygq .c-l-pic-left-big .c-l-p-r-nub p tt,.coopon-box ul .ygq .c-l-pic-left-big .c-l-p-r-tit h2,.coopon-box ul .ygq .c-l-pic-left-big .c-l-p-r-tit h3,.coopon-box ul .ygq .c-l-pic-left-big .c-l-p-r-nub p tt,.coopon-box ul .ysy .c-l-pic-left-big .c-l-p-r-tit h3,.coopon-box ul .ysy .c-l-pic-left-big.c-l-p-r-nub p tt,.coopon-box ul .ygq .c-l-pic-left p tt.yhzk,.coopon-box ul .ysy .c-l-pic-left p tt.yhzk{color: #999;} .coopon-box ul li .c-l-pic-cx .zf {display: none;} .coopon-box ul .ygq .c-l-pic-cx .zf{position: absolute;display: block;width: 125px;height: 85px;top:34px;left: 50%;margin-left: 10px;z-index: 60;} .pay-method-cx ul li{margin: 10px;} .pay-method-cx ul li select,.pay-method-cx ul li input{border: 1px solid #e2e2e2;border-radius: 4px;padding: 2px 5px;background-color: #fff;width: 71%;height: 32px;font:0.9rem/32px 'Microsoft YaHei';color: #999;float: left;} .pay-method-cx ul li span,.pay-method-cx ul li a{float: left;font:0.9rem/34px 'Microsoft YaHei';color: #333} .pay-method-cx ul li a {display: block;width: 18%;border-radius:0 4px 4px 0;background-color: #ff6600;color: #fff;text-align: center;} .pay-method-cx ul li input{height: 28px;line-height: 28px;border-radius: 4px 0 0 4px;width: 49%;} .mycard-box {padding: 0 15px 15px;} .mc-b-bx dl {border-bottom: 1px solid #DBDCDC;padding: 10px 10px 15px 90px;overflow: hidden;position: relative;min-height: 50px;margin-top: 10px;} .mc-b-bx dl dt {position: absolute;left: 10px;top: 10px;} .mc-b-bx dl dt>span {background-size: cover;background-repeat: no-repeat;background-position: 0 0;display: block;width: 50px;height: 50px;font-size: 14px;text-indent: -99em;} .mc-b-ic-1 {background-image: url(../img/mc-b-1.png);} .mc-b-ic-2 {background-image: url(../img/mc-b-2.png);} .mc-b-ic-3 {background-image: url(../img/mc-b-3.png);} .mc-b-ic-4 {background-image: url(../img/mc-b-4.png);} .mc-b-ic-5 {background-image: url(../img/mc-b-5.png);} .mc-b-ic-6 {background-image: url(../img/mc-b-6.png);} .mc-b-ic-7 {background-image: url(../img/mc-b-7.png);} .mc-b-num {line-height: 32px;position: relative;} .mc-b-num big {color: #111;font-size: 1.5rem;font-family: "Hiragino Sans GB","Helvetica",寰蒋闆呴粦,"SimHei"} .mc-b-num small {color: #999;font-size: .5rem;margin-left: 8px;} .mc-b-txt {font-size: .5rem;color: #999;text-indent: 5px;} /* .mycard-box-tit{height: 100px;width: 100%;position: relative;} .mycard-box-tit span{position: absolute;width: 100px;height: 100px;border-radius: 50%;overflow: hidden;border: 5px solid #fff;top:30px;left: 50%;margin-left: -57px;} .mycard-box-jj{padding-bottom: 20px;} .mycard-box-jj .age{margin: 0px 20px;height: 30px;padding-top: 10px;} .mycard-box-jj .age span{display: block;float: left;font:1.0rem/30px 'Microsoft YaHei';color: #666;} .mycard-box-jj .name{margin-top: 15px} .mycard-box-jj .name h3{;font-size: 1.3rem;line-height: 30px;color: #333;text-align: center;} .mycard-box-jj .name .time{font-size: 0.9rem;line-height: 26px;color: #f88f37;text-align: center;} .mycard-box-jj .name .nr{font-size: 0.9rem;line-height: 24px;color: #666;height: 72px;overflow: hidden;margin: 5px 10px 0;text-indent: 2rem;} .mycard-box-bot .information{margin: 15px;} .mycard-box-bot .information p{margin-bottom: 10px;} .mycard-box-bot .information p tt{font-size:1rem;color: #666;line-height: 24px;font-family: "Helvetica Neue", Helvetica;} .mycard-box-bot .information p tt.for-in{color: #16559f;font-size:1.0rem;margin-left: 10px;} */ .v-card-txt-title select{font-size: 0.9rem;font-family: 'SimHei','Microsoft YaHei';color: #333;vertical-align: middle; background: #fff;border: 1px solid #0A59C9;border-radius: 3px;padding: 2px 5px;} .bun-box-tit{margin: 0 10px;} .bun-box-tit h2{color: #555;font-size: 1.2rem;line-height: 58px;} .bun-box-tit .Basic {margin-top: 10px;background-color: #f5f5f5;border: 1px solid #e2e2e2;box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1) inset;padding: 10px;width: 92%;} .bun-box-tit .Basic img{display: block;float: left;width: 60px;height: 60px;margin-right: 15px;} .bun-box-tit .Basic .font{float: left;width: 72%;} .bun-box-tit .Basic .font p{font-size:0.6rem;line-height:16px;color: #999;} .bun-box-box{margin: 20px 0px;} .bun-box-box-login .tit-p,.bun-box-box-reg .tit-p{font-size:1rem;line-height: 30px;color: #999;float: left;} .bun-box-box-login .tit-a,.bun-box-box-reg .tit-a{font-size:1rem;line-height: 30px;color: #c80500;float: left;margin-left: 10px;} /*------ line-course style ------*/ .address-icon{width: 95px;height: 55px;} .address-icon a{display: block;} .address-icon a svg{float: left;margin: 18px 2px 0 0;} .address-icon a span{display: block;float: left;font-size: 0.9rem;line-height: 55px;color: #fff;} .Notice-box{height: 38px;background-color: #fff;position: relative;padding: 0 10px;border-bottom: 1px solid #f4f4f4;} .Notice-box .nnIcon{position: absolute;top:0;left: 10px;} .Notice-box .nnIcon svg{float: left;margin: 8px 5px 0 0;} .Notice-box .nnIcon tt{display: block;float: left;font-size: 1rem;line-height: 38px;color: #666;font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;} .newsNotice{height: 38px;overflow: hidden;padding-left: 75px;position: relative;} .newsNotice li{height: 38px;line-height: 38px;overflow: hidden;} .newsNotice li a{display: block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size: 0.9rem;line-height: 38px;color: #666;font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;} .line-box .tjc-list dl dt{width: 100%;} .line-box .tjc-list dl dt .line-tit-in{height: 40px;} .line-tit-in .l-left{display: block;float: left;} .line-tit-in .l-left svg{display: block;float: left;margin: 7px 5px 0 0;} .line-tit-in .l-left h3{display: block;float: left;font-size: 1.2rem;line-height: 40px;color: #333;} .line-tit-in .l-right{display: block;float: right;margin-right: 10px;} .line-tit-in .l-right svg{margin: 10px 5px 0 0;float: left;} .line-tit-in .l-right tt{font-size: 0.9rem;line-height: 40px;color: #777;font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;vertical-align: middle;display: block;float: left;} .cc-list-line,.cc-list-line img{height: 110px;} .line-title-course{width: 100%;} .line-title-course p{display: block;font-size: 0.8rem;line-height: 22px;color: #777;} .line-title-course .name{font-size: 1rem;line-height: 28px;margin: 0 5px;color: #444;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .line-title-course p svg{margin: 4px 2px 0 0;display: block;float: left;} .line-title-course p span{font-size: 0.7rem;line-height: 22px;color: #777;font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;display: block;float: left;} .school-Berkeley{padding: 0 4px 8px;} .school-B-fx ul li{width: 50%;float: left;} .school-B-fx ul li .school-B-fxin{margin: 8px 4px 0;border: 1px solid #cccccc;padding-bottom: 5px;} .sc-B-fxin-tit{height: 38px;line-height: 38px;} .sc-B-fxin-tit span{border-left: 4px solid #0a59c9;padding-left: 10px;display: inline-block;font-size: 1rem;line-height: 18px;vertical-align: middle;font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;} .sc-B-fxin-tit tt{display: inline-block;font-size: 0.8rem;line-height: 18px;color: #666;font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;} .school-name{padding: 0 5px;font-size: 0.8rem;line-height: 20px;color: #666;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .school-tel{padding-left: 5px;} .school-tel span,.school-tel a{display: block;float: left;font-size: 0.8rem;line-height: 20px;color: #666;} .school-tel a{color: #0a59c9;float: right;margin-right: 5px;} .line-index-fixd{position: fixed;top:54px;left: 0;height: 100%;width: 100%;z-index: 999999;-webkit-transition: -webkit-transform 0.5s;transition: transform 0.5s;display: none;} .l-in-fixd-bg{position: absolute;top:0;left: 0;background-color: #000;opacity: 0.8;width: 100%;height: 100%;} .l-in-fixd-in{position: absolute;top:30px;left: 0;width: 100%;z-index: 999;} .l-f-in-box{width: 90%;margin: 0 auto;background-color: #fff;border-radius: 6px;padding-bottom: 10px;max-height: 400px;} .agg-in-tit{margin: 5px 10px;padding-top: 5px;} .agg-in-tit .city-tit{font-size: 1.2rem;line-height: 30px;color: #666;} .current-city{border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;height: 30px;line-height: 30px;padding: 0 15px;} .city-tit-name tt{font-size: 1rem;line-height: 30px;color: #ff7426;vertical-align: middle;display: inline-block;font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;} .city-all{margin-top: 10px;max-height: 360px;overflow-y: auto;} .city-all dl{margin-bottom: 20px;} .city-all dl dt,.city-all dl dd{display: block;} .city-all dl dt span{display: inline-block;line-height: 18px;font-size: 1.2rem;border-left: 4px solid #ff7426;padding-left: 8px;color: #333;} .city-all dl dd a{display: inline-block;line-height: 18px;color: #999;margin-top: 15px;} .city-all dl dd a tt{display: inline-block;line-height: 18px;color: #666;padding: 0 15px;font-size: 1rem;font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;} .c-l-pic-line,.c-l-pic-line img{width: 133px;height: 89px;display: block;} .c-sort-Xx-wrap.c-line-sort-Xx-Wrap {overflow-y: hidden;} .c-line-sort-Xx-Wrap .line-box {position: absolute;top: 0;right: 0;bottom: 0;left: 0;} .c-line-sort-Xx-Wrap .line-card-box {padding: 0;width: 100%;height: 100%;} .c-line-sort-Xx-Wrap .line-card-box .c-sort-title-line {position: inherit;} .c-line-sort-Xx-Wrap .c-sort-box {position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin-top: 48px;overflow-x: hidden;overflow-y: auto;} .courese-line-title{line-height: 24px;height: 24px;} .line-card-box{position: relative;padding-top: 48px;} .c-price-line span{font-size: .9rem;font-family: 'SimHei','Microsoft YaHei';color: #cb4040;vertical-align: middle;margin: 0;line-height: 24px;} .c-sort-title-line,.c-s-t-l-in{height: 48px;padding: 0;background-color: #f2f2f2;/*box-shadow: 0 3px 4px rgba(0,0,0,.1);*/border-bottom: 1px solid #0A59C9;position: absolute;width: 100%;top: 0;z-index: 9999;} .c-sort-title-line-in{position: relative;height: 48px;} .v-line-title{width: 100%;height: 48px;} .v-line-title ul li{width: 33.33%;float: left;} .v-line-title ul li a {color: #666;display: block;font: 1.08rem/47px "SimHei","Microsoft YaHei";height: 47px;text-align: center;border-bottom: 1px solid transparent;} .v-line-title ul li.current a {border-color: #0a59c9;color: #0a59c9;} .cs-txt-line{width:100%;display: block;height: 48px;text-align: center;} .cs-txt-line em{line-height: 46px;color: #0a59c9;} .c-sort-a-line dl{padding: 0;} .c-sort-a-line dl dt{position: static;width: 150px;margin-bottom: 10px;} .c-sort-a-line dl dt span{text-align: left;} .v-box-line{padding-top: 275px;} .li-top-fixed-line{height: 220px;} .line-play-box{height: 180px;background-color: #fff;} .line-play-box-in{height:170px;background-color: #f5f5f5;padding: 0 10px;} .line-play-box-in h3{font-size: 1.2rem;line-height: 40px;color: #333;font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; font-weight: normal;} .line-pic-boxin{margin-top: 5px;} .line-pic-boxin a,.line-pic-boxin a img{display: block;width: 150px;height: 100px;margin-right: 10px;} .line-pic-boxin p{font-size: 0.8rem;line-height: 20px;color: #777;font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;} .v-card-title ul.col-2 li{width: 50%;} .line-bottom-foot{background-color: #fff;} .line-bottom-foot span{display: block;width: 50%;margin: 5px 0;float: left;} .line-bottom-foot span a{display: block;width: 90%;margin: 0 auto;text-align: center;line-height: 38px;font-size: 1.2rem;border-radius: 6px;} .line-bottom-foot .money a{border: 1px solid #ff6600;background-color: #fff9f5;color: #ff6600;} .line-bottom-foot .sign-up a{background-color: #377ada;color: #fff;border: 1px solid #377ada;} .d-tips-0 a{font-size: 1.2rem;line-height: 30px;color: #333;} .discuee-box{margin: 0 10px;} .discuee-box-list-tit{position: relative;padding-left: 65px;margin-top: 20px;height: 55px;} .dis-b-l-txt{margin-bottom: 5px;} .dis-b-l-txt p tt{font-family: 'Microsoft YaHei', 'SimHei';} .dis-b-l-txt p .t-1{font-size: 0.9rem;line-height:20px;color: #333;} .dis-b-l-txt p .t-2{font-size: 0.9rem;line-height:20px;color: #666;} .dis-b-l-txt p .t-2.name{width:35%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .dis-b-l-txt p .t-3{font-size: 0.8rem;line-height:20px;color: #888;} .discuee-box-list-boy{background-color: #fff;padding: 5px;margin-top: 5px;} .discuee-box-list-boy .zj-time{text-align: right;} .school-B-fx-all .school-B-fx ul li{width: 100%;background-color: #fff;margin-top: 15px;} .school-B-fx-all .school-B-fx ul li .school-B-fxin{margin: 8px 5px 0;border: 0;border-bottom: 1px solid #ccc;} .d-tips-1{margin-top: 15px;} .call-btn{width: 50%;float: left;} .call-btn a{display: block;width: 90%;margin: 0 auto;text-align: center;border-radius: 6px;background-color: #f2f2f2;color: #666;line-height: 32px;} .call-btn a.calling{background-color: #0a59c9;color: #fff;} /*----------sysnews style-------------*/ .u-sys-news dl{border-bottom:1px dotted #ddd;padding-bottom:20px;padding-top:20px;overflow:hidden;clear:both;font-family: "Microsoft YaHei"} .u-sys-news dl dt{border-right:3px solid #f2f2f2;float:left;width:100px;margin-right:20px;padding-right:20px;height:100px} .tar {text-align: right;} .hLh30 {line-height: 30px; height: 30px;} .hLh20 {line-height: 20px; height: 20px;} .sys-left p {font-size: 0.8rem;} .c-666 {color: #666;} .sys-del-btn {padding: 0 10px; font-size: 0.82rem; display: inline-block;color: #72cd91; border: 1px solid #72cd91; border-radius: 16px; line-height: 18px; height: 18px;} .sys-mess-info p {color: #666; font-size: 0.88rem; line-height: 200%;} .sys-mess-info .course-title {font-size: 0.92rem; color: #333;} .sys-m-name {font-size: 0.92rem;} #discuss {min-height: 200px;} /*--------course review style----------*/ .question-list ul li { border-bottom: 1px solid #e9e9e9; padding: 12px 5px 8px 65px; position: relative; min-height: 50px;} .noter-pic { position: absolute; left: 0; top: 12px; } .noter-pic img { border-radius: 50%; display: block; height: 50px; width: 50px; } .noter-txt { line-height: 180%; color: #4e4e4e; font-size: 14px; margin-top: 5px; } .c-master {color: #ee7700;} .review-attr {font-size: 0.82rem; line-height: 24px;} .n-q-e-wrap {position: relative;} #nav-quick-entry {width: 86%; overflow: hidden;} .nav-quick-entry {padding: 22px 0 18px} .line-course-desc,.line-course-list .c-p-price,.line-course-list .c-p-desc {font-size: 0.88rem; line-height: 26px;color: #666;} .line-course-list .c-p-buy-btn {background: #FF33FF;padding: 3px 10px;font-size: 0.92rem;} .line-course-list .c-p-buy-btn.c-p-orange-btn {background: #f9760c;} .shang_03{width:4.8rem;height: 4.8rem;vertical-align: middle;margin:20px auto 0;background: url("/static/edu/images/shang_03.png") no-repeat 50% 50%;background-size: 100%;} /*dashang*/ .d-tips-36{margin: 0 auto; width: 100%;} .tips_title{line-height: 46px;padding: 0 25px;font-size: 17px;border-bottom: 1px solid #c7c7c7;margin-bottom: 20px;} .d-tips-36 .close a{color: #666;text-decoration: none;} .upload-topbox-36{text-align: center;padding-bottom: .2rem;} .up-load-pic-36{color: #333;font-size: 18px;} .up-load-pic-36 .upImg{width: 4rem;height: 4rem;border-radius: 50%;overflow: hidden;margin: 1rem auto 1rem;} .up-load-pic-36 .upImg img{width: 4rem;height: 4rem;} .payInput{ margin: 17px auto 10px; width: 70%; border: 1px solid #c7c7c7; border-radius: 4px; z-index: 999;} .payInput-select{ width: 2rem; height: 36px; position: absolute; top: 0; left: 0; background: url(../img/pics/dsMoney.png) no-repeat 50% 50% ; background-size: 60%; } .payInputInp{ height: 36px; position: relative; padding:0 2rem 0 2rem;} .payInputInp .tscInp { background: transparent; border: none; height: 34px; width: 100%; font: 12px/32px "Hiragino Sans GB","Microsoft YaHei"; color: #000; text-indent: 12px; border-left: 0; font-size: 1rem; outline: none; } .tscPayBtn { display: block; height: 34px; width: 2rem; position: absolute; top: 0; right: 0; background: url(../img/pics/dsRandom.png) no-repeat 50% 50% ; background-size: 100%; } .PayBtnLine{height: 80%;width: 1px;position: absolute; border-left: 1px solid #c7c7c7;margin-top: 10%;left: -3px;top:0;} .paiedNow{height: 1.9rem;background: #f3f3f5;position: relative;padding-top: .5rem;height: 2.9rem;} .paiedNow .order-submit{width: 5rem;height: 1.5rem;margin: 0 auto;position: relative;} .paiedNow .order-submit a{display: block;width: 5rem;height: 1.5rem;line-height: 1.5rem;border-radius: 4px;color: #fff;background: #ff8140;text-align: center;} .paiedNow .intro{color:#a0a0a0;font-size: 12px;top:9px;left:5.1rem;width: 100%;text-align: center;margin-top: .3rem} .m-mtb54{background: #f2f2f2; height:100%;} .pt54{padding-top: 54px;} .hell_mess{color: #da4c4c; font-size: 1rem; line-height: 3rem;} .paddLR10{padding:0 1rem;} .vipTitle h4 a{ font-size: 1.2rem; color: #ff8140; line-height: 2rem;} .vipQues {padding: 1rem 0; background: #fff; margin: 1rem 0;} .vipQues h5 {font-size: 1.2rem; color: #666; padding-left: .6rem; border-left: 2px solid #ee7700; font-weight: normal; line-height: 1.2rem;} .vipQues p{ font-size: 1rem; color: #bbbbbb; padding-left: .7rem; margin-top: 12px;} .u-c-card{color: #666;text-align: center;line-height: 1rem;font-size: 1rem;} .u-c-card th{ line-height: 2rem; color: #bbbbbb; text-align: center;} .u-c-card td{padding: 0 2px;line-height: 1.3rem;} .buyVip{margin: 20px auto;} .buyVip select{width: 50%; display: block; margin: .5rem auto; height: 2.2rem; font-size: 1rem; border: 1px solid #eee;} .buyVip select option{font-size: 1rem;} .u-a-text { color: #666; display: inline-block; width: 5rem; font-size: .8rem; text-align: right; padding-right: 0px; } .u-a-txt input{ background: #fff; border: 1px solid #cfcfcf; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1) inset; color: #666; height: 26px; line-height: 26px; width: 162px; padding-left: 6px; /* padding: 4px 8px;*/} .acc_cont li{ background: #fff; border: solid #f4f4f4; border-width: 0 0 1px 0; padding: 12px 0; position: relative;} .u-a-txt .dialogOn{ color: #ee7700; font-size: .8rem;} .acc_cont{text-align: center;margin-top: 1rem;} .e-tips .e-tips-txt{color: #666; margin: .4rem 0;font-size: .8rem; line-height: 1.2rem; text-indent: .8rem;} .l-r-w-Inpt{text-align: center;} .l-r-w-Inpt li{ display: inline-block;} .l-r-w-Inpt .towTxt{width: 9.5rem;} .l-r-w-Inpt .thTxt{ width: 3.8rem;} .l-r-w-Inpt .l-r-left{font-size: .8rem; color: #333;} .l-r-w-Inpt input{background: #fff; border: 1px solid #cfcfcf; box-shadow: none; color: #666; height: 1.8rem; line-height: 1.8rem; padding: 0 10px;} .l-r-w-Inpt .hqyz{ color: #ee7700; position: absolute; top: 9px; width: 109px; left: 160px;} .l-r-w-Inpt .nextStep{background:#ee7700;width: 14rem;margin: 0 auto .5rem;color: #fff;border:none;border-radius: 4px;} .vipPerson{padding: 1rem; font-size: 1.2rem; background: #fff;} .vipPerson .myPhoto{width: 4rem;height: 4rem;border-radius: 50%;overflow: hidden;margin-right: .3rem;float: left;} .vipPerson .myPhoto img{width: 100%;height: 100%;} .vipPerson .disInb {display: inline-block;} .vipPerson .vipTime { margin-top: .3rem; min-height: 4rem; float: left; width: 76%;} .vipPerson .vipTime div{ line-height: 1.8rem;color: #999;} .vipPerson .vipTime .mine{color: #333;} .vipPerson .vipTime .mineTime{color: #ee7700;} .payForBox{background: #fff;width: 100%;padding-bottom: 1rem;} .vipPayForMore{ margin: 0 auto ; width: 9rem;} .vipPayForMore a{ width: 100%; height: 2rem; border-radius: 1.5rem; color: #fff; font-size: .8rem; text-align: center; line-height: 2rem; background: #ee7700; display: block;} .buyMessage input{ height: 2rem; font-size: 1rem; border: 1px solid #eee; display: inline-block; width: 44%; padding: 0 .3rem;} .d-tips p{font-size: 16px;color: #666;text-align: center;line-height: 53px;} .gotoIndex{text-align: center;} .gotoIndex .order-submit { border-radius: 3px; color: #fff; display: inline-block; width: 30%; font-size: 18px; height: 32px; line-height: 32px; background: -webkit-gradient(linear, left top, left bottom, from(#FF9533), to(#f9760c)); background: -moz-linear-gradient(top, #FF9533, #f9760c); background: -ms-linear-gradient(top, #FF9533, #f9760c); } .gotoIndex .goBack-btn { border: 1px solid #e2e2e2; border-radius: 3px; color: #333; display: inline-block; width: 30%;margin-left: 5%; font-size: 18px; height: 30px; line-height: 30px; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#E9E9E9)); background: -moz-linear-gradient(top, #ffffff, #E9E9E9); background: -ms-linear-gradient(top, #ffffff, #E9E9E9); }