@charset "UTF-8";

/* 全局替换 `#1092ec` 为 `var(--primary-select,#1092ec)` */
/*        [v-cloak]{ display: none !important; }       */
/* 解决刷新字重叠 .mui-pull-loading.mui-icon.mui-icon-pulldown{ display: none!important;}  */
/* 上拉加载 .mui-pull-caption.mui-pull-caption-down{ display: none!important;}  */
.iconfont { font-size: initial; }

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html { line-height: 1.15; -webkit-text-size-adjust: 100%; font-size: 26.666666vw; }

body { margin: 0; }

main { display: block; }

h1 { font-size: 2em; margin: 0.67em 0; }

hr { box-sizing: content-box; height: 0; overflow: visible; }

pre { font-family: monospace, monospace; font-size: 1em; }

a { background-color: transparent; }

abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }

b, strong { font-weight: bolder; }

code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

img { border-style: none; }

button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }

button, input { overflow: visible; }

button, select { text-transform: none; }

button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

fieldset { padding: 0.35em 0.75em 0.625em; }

legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }

progress { vertical-align: baseline; }

textarea { overflow: auto; }

[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }

[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }

details { display: block; }

summary { display: list-item; }

template { display: none; }

[hidden] { display: none; }

/** Scaffolding ---------------------------------------------------------------------------- */
* { -webkit-overflow-scrolling: touch; }

body { font-family: "PingFang SC"; line-height: 1; background-color: white; }

ul, li, ol { padding: 0; }

ul { margin: 0; }

li { list-style-type: none; }

input, button, select, textarea { padding: 0; font-family: inherit; font-size: inherit; line-height: inherit; outline: none; border: none; }

input::-ms-clear { display: none; }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset !important; }

input, textarea { -webkit-appearance: none; }

input:focus, textarea:focus { outline: none; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-modify: read-write-plaintext-only; }

a, a:active, label, label:active, div, div:active { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); }

a { text-decoration: none; }

img { vertical-align: middle; }

select { -webkit-appearance: listbox; }

/** Typography ---------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: initial; font-weight: normal; }

p { margin: 0; padding: 0; }

.header { top: 0; height: 0.44rem; font-size: initial; line-height: 0.44rem; color: #111315; background: #fff; }
.header > h2 { margin: 0 1.32rem; font-size: 0.18rem; font-weight: bold; text-align: center; }
.header > h2 span { margin-left: 0.04rem; font-size: 0.14rem; color: #919395; }
.header > h3 { margin-left: 0.44rem; font-size: 0.18rem; font-weight: bold; }
.header a { display: inline-block; text-align: center; font-size: 0.24rem; color: #000; }
.header a i { font-size: 0.24rem; vertical-align: bottom; }
.header a.head-back { position: absolute; left: 0; width: 0.44rem; }
.header-transparent, .header-gradient { color: #fff; }
.header-transparent a, .header-gradient a { color: #fff; }

.header-transparent, .header-transparent-bg { background: transparent; }

.header-gradient { background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 99.99%, rgba(0, 0, 0, 0) 100%); }

.header-right { position: absolute; top: 0; right: 0.15rem; }
.header-right a { position: relative; min-width: 0.24rem; text-align: center; font-size: 0.15rem; }
.header-right a.iconfont { font-size: 0.24rem; }
.header-right a mark { position: absolute; left: 0.14rem; top: 0.05rem; min-width: 0.06rem; height: 0.14rem; padding: 0 0.04rem; font-size: 0.09rem; line-height: 0.14rem; color: #fff; background: #ec3933; }

.header-right1 { position: absolute; top: 0; right: 0.16rem; line-height: 0; }
.header-right1 a { height: 0.39rem; padding-top: 0.05rem; line-height: 1; }
.header-right1 a i { font-size: 0.22rem; color: #000; }
.header-right1 a h4 { margin: -0.005rem -0.045rem -0.045rem -0.045rem; font-size: 0.18rem; transform: scale(0.5, 0.5); transform-origin: top center; }

.footer { bottom: 0; height: 0.44rem; text-align: center; background: #fff; }
.footer a { display: block; color: #111315; }
.footer a .fill { display: none; }
.footer a.active { color: var(--primary-select,#1092ec); }
.footer a.active .fill { display: block; }
.footer a.active .stroke { display: none; }
.footer-ico { width: 0.22rem; height: 0.22rem; display: block; margin: 0.05rem auto 0.02rem; line-height: 0.22rem; }
.footer-ico i { display: block; font-size: 0.22rem; }

.footer-txt { margin: -0.055rem; display: block; font-size: 0.18rem; line-height: 0.22rem; font-weight: 900; transform: scale(0.5, 0.5); }

.header, .footer, .main { position: fixed; left: 0; right: 0; }

.header, .footer { z-index: 98; }

.main { top: 0; bottom: 0; z-index: 1; font-size: initial; overflow-x: hidden; overflow-y: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
.main.main-head { top: 0.44rem; }
.main.main-foot { bottom: 0.44rem; }
.main.main-bg1 { background: #f8f8f8; }
.main.main-tab-sm { top: 0.8rem; }
.main.main-tab-md { top: 0.84rem; }
.main.main-footer-btn { bottom: 0.6rem; }
.main.main-head-ios { top: 0.88rem; }
.main.main-refund { bottom: 0.48rem; }

@supports (padding-bottom: env(safe-area-inset-bottom)) { body, .main { padding-top: env(safe-area-inset-top); padding-right: env(safe-area-inset-right); padding-bottom: env(safe-area-inset-bottom); padding-left: env(safe-area-inset-left); }
  .top-bg, header, .header { padding-top: env(safe-area-inset-top); }
  footer, .footer { padding-bottom: env(safe-area-inset-bottom); }
  .slidein-top { padding-top: env(safe-area-inset-top); }
  .slidein-bottom { padding-bottom: env(safe-area-inset-bottom); }
  .my-score, .my-integral { padding-bottom: env(safe-area-inset-bottom); } }
@font-face { font-family: "Conv_PFDinTextPro-Light"; src: url("../webfont/PFDinTextPro-Light.eot"); src: local("☺"), url("../webfont/PFDinTextPro-Light.woff") format("woff"), url("../webfont/PFDinTextPro-Light.ttf") format("truetype"), url("../webfont/PFDinTextPro-Light.svg") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: "PFDinTextPro-Regular"; src: url("../webfont/PFDinTextPro-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
.file-title h6, .file-slide-txt > h6 span, .file-slide2box span, .file-coursebox h6, .file2-slide-txt h6 span, .price, .my-databox h2, .my-idx2box h2 span, .home-price, .home-footer .color-price { font-family: "PFDinTextPro-Regular"; }

.pop-pay-outs ul li, .pop-pay-outs .textareabox, .pop-black h2, .pop-share-foot p, .pop-share-foot-code p, .pop-message > h4, .pop-sharenew-body > h4, .pop-message article, .pop-sharenew-body article, .pop-shorebox h4, .pop-versions ul li, .pop-time1 ul li, .pop-certdown-list, .empty p, .course-box-txt h4, .course-list-x ul li, .course-list-x .course-box-txt h2, .course-list-y .course-box-txt-p1, .live-box-txt p, .course-tbox-txt p, .class-box-txt h4, .class-box-txt > .lab-score, .class-box-p1, .class-box-p2, .class-locate, .class-time, .class1-txt1, .class1-txt2, .class-experience ul li, .map-box-txt h4, .map-box-p1, .cart-item p, .login-third ul, .login-note, .order-pay2 ul li, .order-pay2s .form-label, .order-pay-oflt p, .order-rhg1 ul li, .order-sure2, .order-sure2 .order-tabs-head, .order-bill-item, .order-bill-txt, .order-refund1, .order-refund-reason, .my-idx2-data3, .my-bill1-list ul li, .my-bill3 ul li, .my-bills1 > ul > li > p, .my-orders2 ul li, .my-integralbox p, .my-integralsbox p, .my-form .inputbox, .my-form-note, .my-feedback-contact p, .my-certificate ul li, .my-code h4, .fastbox h2, .home-type-con a, .teacherbox h2, .teacherbox p, .home-ad ul li, .notice ul li, .course-check1p1, .cert-check-pic a { margin-top: 0.08rem; }

.pop-order-list .form-label .form-label-con, .live-box-txt .home-price-right, .login-verify p span, .order-foot.order-foot-refund p, .my-order-opt span, .my-set ul li span i, .my-about-list ul li span i { margin-left: 0.08rem; }

.pop-check-head, .order-refund-reason { margin-bottom: 0.08rem; }

.class-box-p1 span:first-child, .class1-txt2 .btn-line-primary, .lab-score span, .order-pay2s .form-label-btn, .order-foot p, .order-bill .order-tabs-head a, .home-type-con a, .home-footer .form-label { margin-right: 0.08rem; }

.order-recharge .order-pay2s, .order-bill .tabs-body, .cart-list ul, .cart-list ul li, .order-refund1 ul li, .home-search-result1 .home-course, .home-search-result2 .home-list { padding-top: 0.08rem; }

.pop-order-list, .course-list-x, .order-pay1 p.color-primary, .cart-list, .cart-list ul li, .order-refund1 ul li, .my-feedback h3 { padding-bottom: 0.08rem; }

.my-order-pic1 .my-order-num { padding-left: 0.08rem; }

.pop .pop-lg, .pop .pop-md, .pop .pop-black, .pop .pop-bottom, .pop-bill ul li, .pop-bill .btn-primary, .pop-order-foot .btn-primary, .class2-face-menu, .order-pay1 p, .order-result h4, .order-sure1 ul li, .order-sure2 .tabs-body, .order-bill .order-tabs-head, .order-bill .textareabox, .order-bill-foots p, .order-bill-foots .btn-primary, .my-orders1 ul li, .my-form h6, .my-safe-form .my-form .btn-primary, .my-feedback h3, .my-feedback-contact, .study-rank-tabmenu, .course-check2 ul li { margin-top: 0.16rem; }

.header-right a, .course-list-y ul li, .class-list ul li, .map-list ul li, .info-box, .order-foot p, .cart-list .cart-item, .my-question ul li, .my-score ul li p span, .my-set ul li, .my-set ul li > em, .my-about-list ul li, .study header h2, .study-rank1 p span, .home-teacher, .newlist ul li, .sub-teacher ul li { margin-left: 0.16rem; }

.order-bill-foots p { margin-bottom: 0.16rem; }

.filter-left a, .cart-list, .cart-list.cart-list-edit .cart-item, .cart-slide-del li .cart-item, .home-nav-swiper.nav-swiper .swiper-slide, .home-teacher .swiper .swiper-slide { margin-right: 0.16rem; }

.pop-time2, .my-orders1 h3, .my-orders2 h3, .recommend-course, .recommend-online, .recommend-face, .hot-course, .new-course, .home-teacher { padding-top: 0.16rem; }

.course-list-y ul li, .class-list ul li, .map-list ul li, .my-question ul li, .my-set ul li, .my-about-list ul li, .sub-teacher ul li { padding-right: 0.16rem; }

.my-integral-rule h3, .new-course .swiper-container { padding-bottom: 0.16rem; }

.nav-swiper, .my-bill-box2, .my-integrals ul, .study-tab-menu.over-box, .study-tab-menu.pop-share-row1 { padding-left: 0.16rem; }

.pop-share-body p, .pop-share-row2 ul li, .empty h2, .empty h3, .empty .btn-primary, .login-form > p, .login-txt, .my-form .btn-primary, .my-code h2 { margin-top: 0.24rem; }

.pop-bill, .filter-right a.filter-type { margin-left: 0.24rem; }

.pop-bill, .filter.filter-cert .filter-left.pull-left a, .nav-swiper .swiper-slide, .main-home-tab .tab-menu a { margin-right: 0.24rem; }

.order-pay1, .login-pwd .login-form, .pop-refund .pop-title, .pop-bill, .pop-bottom, .pop-note .pop-title.pop-title-pb, .pop-pay-ofl .pop-title {
  padding-top: 0.24rem;
}

.study-rank2c { padding-right: 0.24rem; }

.home-teacher, .my-integral-rule p, .pop-time2, .pop-share-row2, .pop-share-row1, .pop-title.pop-title-pb {
  padding-bottom: 0.24rem;
}

.pop-bill p, .result h2, .login-form .btn-primary, .order-result h2 { margin-top: 0.32rem; }

.pop-note .pop-title, .order-rst1 { padding-top: 0.32rem; }

.home-search-result1 .home-course { padding-bottom: 0.32rem; }

.pop-share-row1 { padding-left: 0.32rem; }

.login-form { padding-top: 0.4rem; }

.order-pay2 ul li { padding-left: 0.4rem; }

.my-bill-box1 p { padding-right: 0.64rem; }

.study-file, .study-file2 { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-position: center bottom; background-size: cover; }

.study-rank1 { display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; -webkit-box-orient: vertical; flex-direction: column; -webkit-flex-direction: column; }

.inputbox input::-moz-placeholder, .textareabox textarea::-moz-placeholder, .search .inputbox input::-moz-placeholder, .rhgbox1 input::-moz-placeholder { color: #babcbe; opacity: 1; }
.inputbox input:-ms-input-placeholder, .textareabox textarea:-ms-input-placeholder, .rhgbox1 input:-ms-input-placeholder { color: #babcbe; }
.inputbox input::-webkit-input-placeholder, .textareabox textarea::-webkit-input-placeholder, .search .inputbox input::-webkit-input-placeholder, .rhgbox1 input::-webkit-input-placeholder { color: #babcbe; }

.footer-btn, .my-feedback-footer { position: fixed; left: 0; bottom: 0; right: 0; z-index: 9; height: 0.6rem; background: #fff; }

.course-list-y ul, .class-list ul, .map-list ul { margin-top: -0.12rem; }
.course-list-y ul li, .class-list ul li, .map-list ul li { margin-top: 0.12rem; padding-bottom: 0.12rem; border-bottom: 1px solid #eaecee; }
.course-list-y ul li:last-child, .class-list ul li:last-child, .map-list ul li:last-child { border-bottom: none; }

/** Slide in ---------------------------------------------------------------------------- */
.slidein-all.slidein.slidein-right, .slidein-all.slidein.slidein-left { width: 100%; }
.slidein-half.slidein.slidein-right, .slidein-half.slidein.slidein-left { width: 50%; }
.slidein-small.slidein.slidein-right, .slidein-small.slidein.slidein-left { width: 35%; }

.slidein-all.slidein.slidein-top { height: 100%; }
.slidein-half.slidein.slidein-top { height: 50%; }
.slidein-small.slidein.slidein-top { height: 35%; }

.slidein { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background-color: white; transition: all .3s; }
.slidein .btn-shut { position: absolute; top: 0; right: 0; z-index: 2; }
.slidein.slidein-transparent { background-color: transparent; }
.slidein.slidein-top { top: -100%; bottom: auto; height: 80%; }
.slidein.slidein-top.active { top: 0; }
.slidein.slidein-right { right: -100%; left: auto; width: 80%; }
.slidein.slidein-right.active { right: 0; }
.slidein.slidein-bottom { top: auto; bottom: -100%; }
.slidein.slidein-bottom.active { bottom: 0; }
.slidein.slidein-left { right: auto; left: -100%; width: 80%; }
.slidein.slidein-left.active { left: 0; }
.slidein.slidein-top-study { top: 0; bottom: auto; }
.slidein.slidein-top-study.active { top: 0; }
.slidein.slidein-share { top: 0; bottom: 0; }
.slidein.slidein-share.active { top: 0; bottom: 0; }

.pop { padding: 0 0.16rem 0.16rem; background: rgba(0, 0, 0, 0.3); }


.pop-close { position: absolute; top: 0; right: 0; padding: 0.12rem; font-size: 0.16rem; color: #616365; }
.pop-close i { font-size: 0.16rem; }

.pop-title { font-size: 0.18rem; line-height: 0.25rem; color: #000; text-align: center; }

.pop-foot { height: 0.49rem; text-align: center; border-top: 1px solid #eee; background: #fff; }
.pop-foot a { font-size: 0.15rem; line-height: 0.49rem; color: #111315; border-right: 1px solid #eee; }
.pop-foot a:last-child { color: var(--primary-select,#1092ec); font-weight: bold; border-right: none; }

.pop-login-note, .pop-md, .pop-lg { position: relative; box-shadow: 0 0.04rem 0.08rem rgba(0, 0, 0, 0.1); -webkit-border-radius: 0.08rem; -moz-border-radius: 0.08rem; -ms-border-radius: 0.08rem; -o-border-radius: 0.08rem; border-radius: 0.08rem; background: #fff; overflow: hidden; }

.pop-md { width: 2.8rem; }

.pop-lg { width: 3.4rem; }

.pop-pay-out .pop-title { padding: 0.24rem 0.24rem 0.12rem; }
.pop-pay-outs { margin: 0 0.24rem; padding-bottom: 0.24rem; }
.pop-pay-outs p { font-size: 0.13rem; line-height: 0.18rem; color: #919395; }
.pop-pay-outs ul { margin-top: 0.12rem; margin-left: -0.12rem; }
.pop-pay-outs ul li { width: 50%; float: left; }
.pop-pay-outs ul li a { margin-left: 0.12rem; display: block; font-size: 0.13rem; line-height: 0.26rem; color: #313335; text-align: center; box-sizing: border-box; border: 1px solid #caccce; }
.pop-pay-outs ul li a.active { color: var(--primary-select,#1092ec); background: rgba(16, 146, 236, 0.05); border: 1px solid var(--primary-select,#1092ec); }
.pop-pay-outs .textareabox { height: 0.6rem; }

.pop-pay-ofls { padding: 0.16rem 0.24rem; }
.pop-pay-ofls p { margin-top: 0.08rem; font-size: 0.13rem; line-height: 1.5; color: #616365; }
.pop-pay-ofls p:first-child { margin-top: 0; }
.pop-pay-ofls p .color-primary { font-weight: 700; }
.pop-pay-ofls .btn-primary { width: 1.2rem; margin: 0.24rem auto auto; }
.pop-pay-ofls.pop-refund-ofls p { font-size: 0.12rem; line-height: 1.4; color: #919395; }

.pop-notes { padding: 0.04rem 0.08rem 0.32rem; }
.pop-notes p { font-size: 0.14rem; line-height: 0.2rem; text-align: center; color: #919395; }

.pop-notes1 { padding: 0.24rem; font-size: 0.13rem; line-height: 0.18rem; text-align: left; color: #919395; }

.pop-black { width: 1.4rem; height: 0.8rem; padding-top: 0.2rem; font-size: 0; text-align: center; color: #fff; background: rgba(17, 19, 21, 0.9); border-radius: 0.06rem; }
.pop-black i { font-size: 0.38rem; }
.pop-black h2 { font-size: 0.14rem; }
.pop-black.pop-loading img { width: 0.38rem; height: 0.38rem; margin: 0 auto; }
.pop-black.pop-loading h2 { margin-top: 0.12rem; }
.pop-black.pop-black-txt { height: auto; padding-top: 0; }
.pop-black.pop-black-txt h2 { margin-top: 0; padding: 0.16rem 0.2rem; }
.pop-black.pop-black-auto { width: auto; height: auto; padding: 0; }
.pop-black.pop-black-auto p, .pop-black.pop-black-auto h4 { font-size: 0.14rem; line-height: 0.2rem; }
.pop-black.pop-black-auto p { padding: 0.16rem 0.24rem; }
.pop-black.pop-black-auto h4 { padding: 0.12rem 0.24rem; }

.pop-bottom { position: relative; font-size: initial; background: #fff; }
.pop-bottom .pop-title { font-weight: bold; }

.pop-bill { padding-bottom: 0.12rem; }
.pop-bill ul { margin-top: -0.16rem; }
.pop-bill ul li { position: relative; min-height: 0.2rem; padding-left: 0.92rem; font-size: 0.14rem; line-height: 0.2rem; color: #111315; }
.pop-bill ul li span { position: absolute; left: 0; width: 0.7rem; height: 0.2rem; }
.pop-bill p { font-size: 0.12rem; line-height: 0.14rem; color: #616365; }
.pop-bill p i { margin-right: 0.04rem; font-size: 0.14rem; vertical-align: -0.01rem; color: #ecad33; }

.pop-order-list { margin: 0.12rem 0.16rem 0 0.16rem; }
.pop-order-list .form-label { display: block; line-height: 0.39rem; }
.pop-order-list .form-label .form-label-con { font-size: 0.14rem; }
.pop-order-list .form-label.active .form-label-con { color: #111315; }
.pop-order-list .textareabox { padding: 0.08rem 0; }

.pop-order-foot { padding: 0.16rem 0.16rem 0.08rem 0.16rem; border-top: 1px solid #dadcde; }
.pop-order-foot .form-label .form-label-btn { -webkit-border-radius: 0.04rem; -moz-border-radius: 0.04rem; -ms-border-radius: 0.04rem; -o-border-radius: 0.04rem; border-radius: 0.04rem; }
.pop-order-foot .form-label .form-label-con { font-size: 0.12rem; color: #616365; }
.pop-order-foot .form-label.active .form-label-con { color: #616365; }
.pop-order-foot .btn-primary { display: block; font-size: 0.15rem; line-height: 0.44rem; font-weight: bold; }
.pop-order-foot.pop-order-foot-refund { padding: 0.16rem; }
.pop-order-foot.pop-order-foot-refund .btn-primary { margin-top: 0; }

.pop-study { padding: 0 0.16rem 0.04rem; max-height: 4rem; font-size: 0.12rem; overflow-y: scroll; background: #fff; }
.pop-study .pop-filter-box:last-child { border-bottom: none; }

.pop-study-foot { height: 0.48rem; font-size: 0.15rem; line-height: 0.48rem; text-align: center; border-top: 1px solid #eee; }
.pop-study-foot a { display: block; border-right: 1px solid #eee; }

.pop-search { position: relative; margin-top: -0.44rem; padding: 0.07rem 0.6rem 0.07rem 0.16rem; background: #fff; }
.pop-search > a { position: absolute; top: 0; right: 0.16rem; font-size: 0.14rem; line-height: 0.44rem; color: #414345; }
.pop-search.pop-search-notab { margin-top: -0.36rem; }

.slidein-bottom.active .pop-share-con { position: absolute; left: 0.16rem; right: 0.16rem; bottom: 150%; margin-bottom: 40%; transform: translateY(50%); }

.pop-share-con { font-size: initial; background: #fff; }
.pop-share-con.pop-share-course { height: 4rem; }
.pop-share-head { padding: 0.16rem 0 0 0.16rem; width: 0.93rem; height: 0.24rem; }
.pop-share-head img { width: 100%; height: auto; }

.pop-share-body { margin: 0.34rem auto 0.64rem; text-align: center; }
.pop-share-body h2 { font-size: 0.16rem; line-height: 1.4; color: #111315; font-weight: bold; }
.pop-share-body img { margin-top: 0.12rem; width: 2rem; height: auto; }
.pop-share-body p { font-size: 0.13rem; line-height: 1.4; color: #818385; }
.pop-share-body p i { display: inline-block; }
.pop-share-body p i:first-child { margin-right: 0.04rem; }
.pop-share-body p i:last-child { margin-left: 0.04rem; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.pop-share-body.pop-share-body1 { margin: 0.24rem auto 0.32rem; }

.pop-share-foot { margin: 0 0.24rem; padding: 0.24rem 0; border-top: 1px solid #dadcde; }
.pop-share-foot h4, .pop-share-foot p { font-size: 0.12rem; }
.pop-share-foot h4 { color: #111315; }
.pop-share-foot p { color: #919395; }

.pop-share-foot-code { position: relative; height: 0.48rem; margin: 0 0.24rem; padding: 0.15rem 0.6rem 0.15rem 0; border-top: 1px solid #eaecee; }
.pop-share-foot-code p { font-size: 0.12rem; color: #414345; text-align: right; }
.pop-share-foot-code img { position: absolute; top: 50%; right: 0; width: 0.48rem; height: 0.48rem; margin-top: -0.24rem; }

.pop-message, .pop-sharenew-body { margin: 0.24rem 0; padding: 0 0.24rem; height: 2.34rem; overflow-y: scroll; }
.pop-message > h2, .pop-sharenew-body > h2 { font-size: 0.18rem; line-height: 1.4; color: #111315; font-weight: bold; }
.pop-message > h4, .pop-sharenew-body > h4 { font-size: 0.12rem; line-height: 1.4; color: #babcbe; }
.pop-message article, .pop-sharenew-body article { font-size: 0.14rem; line-height: 1.6; color: #616365; }

.pop-message { height: auto; text-align: left; }
.pop-message article { margin: 0 -0.24rem; padding: 0 0.24rem; max-height: 60vh; overflow-y: scroll; font-size: 0.13rem; }

.pop-share-btn { font-size: 0; background: #fff; }
.pop-share-btn h3 { padding: 0.16rem 0 0.24rem 0; font-size: 0.14rem; color: #111315; font-weight: bold; text-align: center; }
.pop-share-btn a { display: block; font-size: 0.15rem; line-height: 0.44rem; color: #414345; text-align: center; border-top: 1px solid #eaecee; }
.pop-share-row1-wrap { display: block; height: 0.56rem; line-height: 0; }

.pop-share-row2 ul { margin-top: -0.24rem; }
.pop-share-row2 ul li { text-align: center; }
.pop-share-row2 .pop-shorebox { margin-left: auto; margin-right: auto; }

.pop-shorebox { width: 0.48rem; height: 0.56rem; display: inline-block; margin-right: 0.3rem; text-align: center; line-height: 1; }
.pop-shorebox img { width: 0.36rem; height: 0.36rem; }
.pop-shorebox h4 { font-size: 0.12rem; color: #616365; }

.pop-check { text-align: center; }
.pop-check a { display: block; font-size: 0.14rem; line-height: 0.44rem; color: #111315; background: #fff; }
.pop-check-head { background: #fff; }
.pop-check-head h3 { font-size: 0.12rem; line-height: 0.36rem; color: #abadaf; border-bottom: 1px solid #ebedef; }
.pop-check-head ul li { display: block; font-size: 0.14rem; line-height: 0.44rem; color: var(--primary-select,#1092ec); border-top: 1px solid #ebedef; }
.pop-check-head ul li:first-child { border-top: none; }

.pop-net { width: 2.02rem; padding: 0.16rem 0; font-size: 0.14rem; line-height: 0.2rem; text-align: center; color: #fff; background: rgba(17, 19, 21, 0.9); border-radius: 0.06rem; }

.pop-website { padding: 0.24rem 0; text-align: center; font-size: initial; }
.pop-website h3 { padding: 0 0.24rem 0.16rem; font-size: 0.18rem; line-height: 0.25rem; color: #000; }
.pop-websites { padding: 0 0.24rem; max-height: none; overflow-y: hidden; }
.pop-websites ul { margin-top: -0.08rem; }
.pop-websites ul li { margin-top: 0.08rem; }
.pop-websites ul li a { position: relative; padding: 0 0.08rem; display: block; font-size: 0.13rem; line-height: 0.4rem; color: #111315; border: 0.01rem solid #eaecee; }

.pop-map-title { padding: 0.24rem 0.24rem 0; }
.pop-map-title h2 { font-size: 0.16rem; line-height: 1.2; font-weight: bolder; color: #111315; }
.pop-map-title h4 { margin-top: 0.04rem; font-size: 0.13rem; line-height: 0.2rem; color: #414345; }
.pop-map-title p { font-size: 0.12rem; line-height: 0.2rem; }

.pop-map-body { max-height: 1rem; margin-top: 0.04rem; margin-bottom: 0.24rem; padding: 0 0.24rem; overflow-y: scroll; font-size: 0.12rem; line-height: 0.2rem; color: #818385; }

.pop-version { width: 3.27rem; background: #fff; box-shadow: 0 0.04rem 0.08rem rgba(0, 0, 0, 0.1); }

.pop-version-head { position: relative; width: 3.27rem; height: 1.97rem; margin-top: -0.19rem; padding: 0.19rem 0.24rem 0; color: #fff; background-image: url(../images/version-head.png); background-size: contain; background-repeat: no-repeat; background-position: top center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
.pop-version-head h4 { padding-top: 0.32rem; font-size: 0.28rem; }
.pop-version-head h6 { margin-top: 0.12rem; font-size: 0.16rem; }
.pop-version-head a { position: absolute; top: 0.35rem; right: 0.16rem; width: 0.16rem; height: 0.16rem; font-size: 0.16rem; color: #fff; }
.pop-version-head a i { font-size: inherit; }

.pop-version-body { margin: 0 0.24rem; font-size: 0.14rem; line-height: initial; }
.pop-version-body h3 { font-size: 0.24rem; line-height: 0.3rem; color: #111315; font-weight: bold; }

.pop-versions { height: 1.08rem; margin-top: 0.08rem; overflow-y: scroll; cursor: pointer; }
.pop-versions::-webkit-scrollbar-track-piece { background-color: #fff; }
.pop-versions::-webkit-scrollbar { width: 0.04rem; }
.pop-versions::-webkit-scrollbar-thumb { background-color: rgba(101, 110, 123, 0.5); background-clip: padding-box; min-height: 0.8rem; }
.pop-versions ul { margin-top: -0.08rem; }
.pop-versions ul li { position: relative; padding-left: 0.22rem; font-size: 0.14rem; line-height: 0.21rem; color: #4a4d50; }
.pop-versions ul li i { position: absolute; left: 0; top: 50%; width: 0.14rem; height: 0.14rem; margin-top: -0.08rem; font-size: 0.14rem; line-height: 0.14rem; color: var(--primary-select,#1092ec); }

.pop-version-foot { margin: 0.24rem; font-size: 0; }
.pop-version-foot ul { margin: 0 -0.08rem; }
.pop-version-foot a { margin: 0 0.08rem; display: block; font-size: 0.14rem; line-height: 0.36rem; font-weight: bold; }
.pop-version-label { height: 0.18rem; line-height: 0.18rem; margin-top: 0.16rem; }
.pop-version-label .form-label-btn { vertical-align: middle; }
.pop-version-label .form-label-con { font-size: 12px; }
.pop-version-label .form-label .form-label-con { color: #abadaf; }

.pop-login-note { width: 3rem; padding-top: 0.24rem; }

.pop-login-notes { margin: 0.16rem 0.24rem 0.24rem; font-size: 0; }
.pop-login-notes p { font-size: 0.14rem; line-height: 1.4; color: #111315; }

.pop-time { padding: 0.24rem 0.16rem 0.12rem; font-size: initial; background: #fff; }
.pop-time1 { padding-bottom: 0.16rem; }
.pop-time1 ul { margin: -0.08rem -0.04rem 0; }
.pop-time1 ul li { float: left; width: 25%; }
.pop-time1 ul li a { margin: 0 0.04rem; display: block; font-size: 0.12rem; line-height: 0.28rem; text-align: center; color: #111315; background: #f6f6f6; }
.pop-time1 ul li a.active { color: var(--primary-select,#1092ec); background: rgba(16, 146, 236, 0.1); }

.pop-time2 { position: relative; height: 0.36rem; border-top: 1px solid #eaecee; }
.pop-time2 span { position: absolute; left: 50%; width: 0.24rem; height: 0.36rem; margin-left: -0.12rem; font-size: 0.16rem; line-height: 0.36rem; text-align: center; color: #babcbe; }
.pop-time2 ul { margin: 0 -0.12rem; }
.pop-time2 ul li { float: left; width: 50%; }

.pop-timebox { margin: 0 0.12rem; }
.pop-timebox input { width: 100%; height: 0.36rem; font-size: 0.12rem; line-height: 0.36rem; text-align: center; color: #111315; background: #f6f6f6; }
.pop-timebox input::-moz-placeholder { color: #babcbe; opacity: 1; }
.pop-timebox input:-ms-input-placeholder { color: #babcbe; }
.pop-timebox input::-webkit-input-placeholder { color: #babcbe; }

.pop-zf-foot { height: 0.36rem; padding: 0.12rem 0.16rem 0.06rem; font-size: initial; line-height: 0.36rem; border-top: 1px solid #eaecee; }
.pop-zf-foot p { font-size: 0.14rem; color: #919395; }
.pop-zf-foot p em { font-style: normal; }
.pop-zf-foot p span { color: #414345; }
.pop-zf-foot > .btn-primary { width: 1.1rem; font-size: 0.14rem; font-weight: bold; }
.pop-zf-foot > .btn-primary.btn-primary-zx { width: 0.88rem; }
.pop-zf-foot > .color-primary { margin-right: 0.08rem; font-size: 0.14rem; line-height: inherit; font-weight: bold; }

.pop-zx-list { max-height: 60vh; margin-top: 0.24rem; overflow-y: scroll; }
.pop-zx-list ul { margin-top: 0; }
.pop-zx-list ul li { margin-top: 0; padding-bottom: 0.16rem; border-bottom: none; }

.pop-refund { padding-bottom: 0.16rem; }
.pop-refund .btn-primary { width: 1.2rem; margin: 0.24rem auto 0; }
.pop-refund > h4 { margin-bottom: -0.08rem; font-size: 0.1rem; line-height: 0.18rem; text-align: center; color: #caccce; }
.pop-refunds { max-height: 2.14rem; margin-top: 0.16rem; padding: 0 0.24rem; overflow-y: scroll; }
.pop-refunds ul li { margin-bottom: 0.12rem; }
.pop-refunds ul li:last-child { margin-bottom: 0; }

.pop-refundbox { position: relative; padding: 0.12rem 0.16rem; border: 1px solid #eaecee; box-sizing: border-box; overflow: hidden; }
.pop-refundbox h2 { font-size: 0.13rem; line-height: 0.15rem; color: #111315; }
.pop-refundbox mark { padding: 0 0.08rem; font-size: 0.1rem; line-height: 0.18rem; }
.pop-refundbox h4, .pop-refundbox p { margin-top: 0.04rem; font-size: 0.12rem; line-height: 0.18rem; color: #919395; }
.pop-refundbox h4 { color: #abadaf; }
.pop-refundbox h4 mark { display: inline-block; }
.pop-refundbox h4 span i { margin-left: 0.04rem; display: inline-block; font-size: 0.06rem; line-height: inherit; vertical-align: top; }
.pop-refundbox > mark { position: absolute; right: -1px; top: -1px; -webkit-border-radius: 0 0 0 0.1rem; -moz-border-radius: 0 0 0 0.1rem; -ms-border-radius: 0 0 0 0.1rem; -o-border-radius: 0 0 0 0.1rem; border-radius: 0 0 0 0.1rem; }
.pop-refundbox.active { background: rgba(236, 57, 51, 0.02); border: 1px solid rgba(236, 57, 51, 0.05); }

.pop-public { text-align: center; }
.pop-public .pop-title { padding: 0.24rem 0.24rem 0.12rem; }
.pop-public .btn-primary { width: 1.2rem; margin: 0 auto 0.16rem; }
.pop-public > h4 { margin-bottom: 16px; font-size: 0.12rem; line-height: 0.18rem; color: #616365; }

.pop-public-body { padding: 0 0.24rem 0.24rem; text-align: left; }
.pop-public-body p { font-size: 0.13rem; line-height: 1.5; color: #616365; }
.pop-xs-hours { margin-top: 0.04rem; padding: 0 0.24rem; max-height: 2.02rem; text-align: left; overflow-y: scroll; }
.pop-xs-hours ul { margin-top: -0.12rem; }
.pop-xs-hours ul li { margin-top: 0.12rem; }

.pop-xsbox { position: relative; padding: 0.12rem 0.94rem 0.12rem 0.46rem; font-size: 0.14rem; line-height: 0.2rem; box-sizing: border-box; border: 1px solid #eaecee; }
.pop-xsbox.active { background: rgba(236, 57, 51, 0.04); border: 1px solid rgba(236, 57, 51, 0.08); }
.pop-xsbox i { left: 0.16rem; font-size: 0.18rem; }
.pop-xsbox p { display: -webkit-flex; display: flex; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; -moz-box-orient: vertical; }
.pop-xsbox span { right: 0.16rem; font-size: 0.14rem; color: #919395; text-align: right; }
.pop-xsbox span em { font-style: normal; }

.filter,.filter-new { position: fixed; top: 0.8rem; left: 0; right: 0; z-index: 9; padding: 0 0.16rem; height: 0.4rem; font-size: 0.13rem; line-height: 0.4rem; color: #eaecee; background: #fff; }
.filter.filter1 { top: 0.44rem; }
.filter.filter-cert { top: 0.44rem; height: 0.36rem; border-bottom: 0.01rem solid #ebedef; line-height: 0.35rem; box-sizing: border-box; }
.filter.filter-cert .filter-left.pull-left a { position: relative; font-size: 0.13rem; color: #111315; }
.filter.filter-cert .filter-left.pull-left a span { position: absolute; bottom: -0.01rem; left: 50%; width: 0; height: 0.02rem; margin-left: 0; }
.filter.filter-cert .filter-left.pull-left a.active { color: var(--primary-select,#1092ec); }
.filter.filter-cert .filter-left.pull-left a.active span { width: 0.16rem; margin-left: -0.08rem; background: var(--primary-select,#1092ec); }
.filter.filter-cert .filter-left.pull-right a { color: #818385; }
.filter.filter-cert .filter-left.pull-right a.active { color: var(--primary-select,#1092ec); }
.filter-new.filter-cert .filter-left.pull-right a.active { color: var(--primary-select,#1092ec); }
.filter.filter-class2,.filter-new.filter-class2 { position: relative; left: initial; top: initial; right: inherit; }

.filter-left a { display: inline-block; color: #919395; }
.filter-left a > i { margin-left: 0.04rem; display: inline-block; font-size: 0.05rem; line-height: inherit; vertical-align: top; }
.filter-left a:last-child { margin-right: 0; }
.filter-left a.active { color: var(--primary-select,#1092ec); }
.filter-left a.active > i { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); }

.filter-score { position: relative; padding-right: 0.09rem; }
.filter-score span { position: absolute; right: 0; width: 0.05rem; height: 0.05rem; font-size: 0; line-height: 0.05rem; text-align: center; }
.filter-score span i { display: inline-block; font-size: 0.2rem; -webkit-transform: scale(0.25, 0.25); -moz-transform: scale(0.25, 0.25); -ms-transform: scale(0.25, 0.25); -o-transform: scale(0.25, 0.25); transform: scale(0.25, 0.25); transform-origin: left center; }
.filter-score span.up { top: 0.15rem; }
.filter-score span.down { bottom: 0.15rem; -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); }
.filter-score span.active { color: #919395; }
.filter-score.active span { color: var(--primary-select,#1092ec); }
.filter-score.active span.active { color: #919395; }

.filter-right span { margin-left: 0.12rem; }
.filter-right a { min-width: 0.22rem; margin-left: 0.12rem; display: inline-block; line-height: inherit; text-align: center; color: #818385; }
.filter-right a i { display: inline-block; font-size: 0.16rem; line-height: inherit; vertical-align: top; }
.filter-right a:first-child { margin-left: 0; }
.filter-right a.filter-type { position: relative; width: 0.8rem; text-align: right; color: #000; }
.filter-right a.filter-type:before { position: absolute; left: -0.12rem; top: 50%; width: 1px; height: 0.12rem; margin-top: -0.06rem; content: ''; background: #eaecee; }
.filter-right a.filter-type em { font-style: normal; }
.filter-right a.filter-type i { margin-left: 0.04rem; }
.filter-right a.filter-type.color-primary { color: var(--primary-select,#1092ec); }
.filter-right a.filter-type.filter-type-noline:before { display: none; }
.filter-right a.filter-type.active { color: var(--primary-select,#1092ec); }

.pop-filter { padding: 0.04rem 0 0.08rem; }
.pop-filter a { display: inline-block; padding: 0 0.08rem; margin: 0.04rem 0.08rem 0.04rem 0; line-height: 0.22rem; color: #414345; background: #f6f6f6; }
.pop-filter a i { margin-left: 0.02rem; display: inline-block; font-size: 0.05rem; line-height: inherit; vertical-align: top; }
.pop-filter a.active { color: #fff; background: var(--primary-select,#1092ec); }
.pop-filter.pop-filter1 a i { font-size: 0.12rem; }

.pop-filter-box { padding-top: 0.12rem; border-bottom: 1px solid #eaecee; }
.pop-filter-box h3 { font-size: 0.14rem; font-weight: bold; color: #111315; }
.pop-filter-box:first-child { padding-top: 0.08rem; }

.pop-filter-group .pop-filter { padding: 0.08rem 0 0.08rem; border-top: 1px solid #eaecee; }
.pop-filter-group .pop-filter:first-child { padding: 0.04rem 0 0.08rem; border-top: none; }
.pop-filter-group .pop-filter:first-child a.active { color: #fff; background: var(--primary-select,#1092ec); }
.pop-filter-group .pop-filter a.active { color: var(--primary-select,#1092ec); background: rgba(16, 146, 236, 0.08); }

.empty { margin-top: -0.48rem; text-align: center; line-height: 0.18rem; }
.empty img { width: 1.5rem; height: 1.5rem; margin-left: auto; margin-right: auto; }
.empty h2 { font-size: 0.14rem; color: #818385; }
.empty h3 { font-size: 0.16rem; font-weight: bold; color: #111315; }
.empty p { font-size: 0.14rem; color: #818385; }
.empty .btn-primary { padding: 0 0.32rem; display: inline-block; font-size: 0.14rem; line-height: 0.36rem; font-weight: bolder; }

.empty-tab-menu { top: 0.8rem; }

.empty-filter { top: 0.8rem; }

.empty-tab-filter { top: 1.2rem; }

.course-box { font-size: initial; }

.course-box-pic { position: relative; }
.course-box-pic img { width: 100%; height: inherit; }
.course-box-pic .lab-score { position: absolute; left: 0.08rem; top: 0.08rem; z-index: 2; }
.course-box-pic .lab-score span { color: #fff; background: rgba(0, 0, 0, 0.5); }

.course-bx, .course-xx { position: absolute; left: 0; top: 0; min-width: 0.38rem; padding: 0 0.04rem; font-size: 0.1rem; line-height: 0.18rem; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0.06rem 0; -moz-border-radius: 0.06rem 0; -ms-border-radius: 0.06rem 0; -o-border-radius: 0.06rem 0; border-radius: 0.06rem 0; }

.course-bx { color: #fff; background: rgba(0, 0, 0, 0.5); }

.course-xx { color: #616365; background: rgba(244, 246, 248, 0.8); }

.course-box-txt { position: relative; font-size: 0; }
.course-box-txt h2 { height: 0.34rem; font-size: 0.14rem; line-height: 0.17rem; font-weight: bold; color: #111315; display: -webkit-flex; display: flex; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; -moz-box-orient: vertical; }
.course-box-txt p { font-size: 0.12rem; }
.course-box-txt h4 { font-size: 0.12rem; color: #abadaf; }
.course-box-txt h4.loading-txt { width: 60%; height: 0.12rem; }
.course-box-txt .state-over { position: absolute; }
.course-box-txt .state-pass { position: absolute; top: 0.08rem; right: -0.04rem; width: 0.44rem; height: 0.44rem; }

.course-list-x { margin: 0 0.12rem; }
.course-list-x ul { margin-top: -0.08rem; }
.course-list-x ul li { width: 50%; float: left; }
.course-list-x .course-box { margin: 0 0.04rem; border: 1px solid #eee; }
.course-list-x .course-box-pic { position: relative; margin: -1px -1px 0 -1px; }
.course-list-x .course-box-pic img { -webkit-border-radius: 0.08rem 0.08rem 0 0; -moz-border-radius: 0.08rem 0.08rem 0 0; -ms-border-radius: 0.08rem 0.08rem 0 0; -o-border-radius: 0.08rem 0.08rem 0 0; border-radius: 0.08rem 0.08rem 0 0; }
.course-list-x .course-box-pic .loading-img { height: 1.11rem; -webkit-border-radius: 0.08rem 0.08rem 0 0; -moz-border-radius: 0.08rem 0.08rem 0 0; -ms-border-radius: 0.08rem 0.08rem 0 0; -o-border-radius: 0.08rem 0.08rem 0 0; border-radius: 0.08rem 0.08rem 0 0; }
.course-list-x .num { display: none; }
.course-list-x .course-box-txt { padding: 0 0.08rem 0.1rem; -webkit-border-radius: 0 0 0.08rem 0.08rem; -moz-border-radius: 0 0 0.08rem 0.08rem; -ms-border-radius: 0 0 0.08rem 0.08rem; -o-border-radius: 0 0 0.08rem 0.08rem; border-radius: 0 0 0.08rem 0.08rem; overflow: hidden; }
.course-list-x .state-over { bottom: -0.05rem; right: -0.05rem; width: 0.44rem; height: 0.44rem; }
.course-list-x .course-box-txt-p1 { margin-top: 0.14rem; font-size: 0.12rem; color: #818385; }
.course-list-x .course-box-txt-p1 .lab-score { display: none; }
.course-list-x .course-box-txt-p1.loading-txt { margin-top: 0.08rem; }

.course-list-y .course-box { position: relative; min-height: 0.8rem; padding-left: 1.28rem; }
.course-list-y .course-box-pic { position: absolute; left: 0; width: 1.2rem; height: 0.8rem; -webkit-border-radius: 0.06rem; -moz-border-radius: 0.06rem; -ms-border-radius: 0.06rem; -o-border-radius: 0.06rem; border-radius: 0.06rem; overflow: hidden; }
.course-list-y .course-box-pic .lab-score { display: none; }
.course-list-y .course-box-pic .loading-img { height: 0.8rem; }
.course-list-y .course-box-txt { min-height: 0.8rem; }
.course-list-y .course-box-txt-p1 { position: relative; font-size: 0.12rem; line-height: 0.18rem; }
.course-list-y .course-box-txt-p1 span.pull-left { display: none; }
.course-list-y .course-box-txt-p1 .btn-line-red { padding: 0 0.1rem; font-size: 0.12rem; line-height: 0.16rem; }
.course-list-y .course-box-txt-p1 .loading-txt { margin-top: 0.06rem; }
.course-list-y .state-over, .course-list-y .state-pass { width: 0.48rem; height: 0.48rem; }
.course-list-y .state-over { top: 0.25rem; right: -0.04rem; }
.course-list-y .state-pass { top: 0.15rem; right: 0; }

.live-box { position: relative; min-height: 0.8rem; padding-left: 1.28rem; font-size: inherit; }

.live-box-pic { position: absolute; left: 0; width: 1.2rem; height: 0.8rem; -webkit-border-radius: 0.06rem; -moz-border-radius: 0.06rem; -ms-border-radius: 0.06rem; -o-border-radius: 0.06rem; border-radius: 0.06rem; overflow: hidden; }
.live-box-pic img { width: 100%; height: auto; }
.live-box-pic .loading-img { height: 0.8rem; }

.live-box-txt { position: relative; }
.live-box-txt h2 { height: 0.34rem; font-size: 0.14rem; line-height: 0.17rem; font-weight: bold; color: #111315; display: -webkit-flex; display: flex; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; -moz-box-orient: vertical; }
.live-box-txt h4, .live-box-txt p { font-size: 0.12rem; color: #abadaf; }
.live-box-txt h4 { margin-top: 0.14rem; }
.live-box-txt h4.loading-txt { width: 70%; margin-top: 0.08rem; }
.live-box-txt p { position: relative; }
.live-box-txt .state-pass { position: absolute; top: 0.25rem; right: -0.04rem; width: 0.48rem; height: 0.48rem; }
.live-box-txt .home-price-right { background: #fff; }
.live-box-txt > div.loading-txt { margin-top: 0.14rem; }

.course-teacher { padding: 0.12rem 0.16rem; }
.course-teacher ul { margin-top: -0.08rem; }
.course-teacher ul li { margin-top: 0.08rem; padding: 0.14rem 0.16rem; border: 1px solid #eaecee; background: #fff; }
.course-tbox { position: relative; height: 0.64rem; padding-left: 0.72rem; }
.course-tbox img { position: absolute; left: 0; width: 0.64rem; height: 0.64rem; }

.course-tbox-txt { height: 0.64rem; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; flex-direction: column; }
.course-tbox-txt h2 { height: 0.18rem; font-size: 0.14rem; line-height: 0.18rem; font-weight: bold; color: #111315; }
.course-tbox-txt h2 mark { margin-left: 0.04rem; padding: 0 0.04rem; display: inline-block; font-size: 0.1rem; line-height: 0.18rem; font-weight: normal; color: #616365; vertical-align: top; background: #f4f6f8; -webkit-border-radius: 0.04rem; -moz-border-radius: 0.04rem; -ms-border-radius: 0.04rem; -o-border-radius: 0.04rem; border-radius: 0.04rem; }
.course-tbox-txt p { min-height: 0.26rem; font-size: 0.11rem; line-height: 0.13rem; color: #abadaf; display: -webkit-flex; display: flex; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; -moz-box-orient: vertical; }

.course-catalog { padding: 0.04rem 0.16rem 0.16rem; }
.course-catalog .catalogbox { margin-top: 0.12rem; }

.catalogbox { padding: 0.12rem; border: 1px solid #eaecee; background: #fff; box-sizing: border-box; transition: all .3s; }
.catalogbox h2 { position: relative; height: 0.18rem; padding-right: 0.18rem; font-size: 0.14rem; line-height: 0.18rem; color: #111315; font-weight: bold; }
.catalogbox h2 mark { display: inline-block; margin-right: 0.04rem; padding: 0 0.04rem; font-size: 0.1rem; line-height: 0.18rem; vertical-align: top; -webkit-border-radius: 0.04rem; -moz-border-radius: 0.04rem; -ms-border-radius: 0.04rem; -o-border-radius: 0.04rem; border-radius: 0.04rem; }
.catalogbox h2 i { position: absolute; right: 0; top: 50%; width: 0.18rem; height: 0.18rem; margin-top: -0.09rem; font-size: 0.12rem; line-height: inherit; }
.catalogbox ul { padding-top: 0.04rem; padding-left: 0.16rem; display: none; }
.catalogbox ul li { position: relative; margin-top: 0.08rem; padding-left: 0.12rem; font-size: 0.12rem; line-height: 0.14rem; color: #616365; }
.catalogbox ul li i { position: absolute; left: 0; top: 50%; width: 0.04rem; height: 0.04rem; margin-top: -0.02rem; background: #c4c4c4; }

.class-box { position: relative; min-height: 0.8rem; padding-left: 1.28rem; font-size: inherit; }

.class-box-pic { position: absolute; left: 0; width: 1.2rem; height: 0.8rem; -webkit-border-radius: 0.06rem; -moz-border-radius: 0.06rem; -ms-border-radius: 0.06rem; -o-border-radius: 0.06rem; border-radius: 0.06rem; overflow: hidden; }
.class-box-pic img { width: 100%; height: auto; }
.class-box-pic .loading-img { height: 0.8rem; }

.class-box-txt { position: relative; }
.class-box-txt h2 { height: 0.34rem; font-size: 0.14rem; line-height: 0.17rem; font-weight: bold; color: #111315; display: -webkit-flex; display: flex; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; -moz-box-orient: vertical; word-break: break-all; }
.class-box-txt h4 { font-size: 0.12rem; line-height: 0.18rem; }
.class-box-txt > .lab-score .loading-txt { width: 70%; }
.class-box-txt .state-pass { position: absolute; top: 0.25rem; right: -0.04rem; width: 0.48rem; height: 0.48rem; }
.class-box-txt .state-pass.state-pass-face { top: 0.42rem; }

.class-box-p1 { position: relative; font-size: 0.12rem; }
.class-box-p1 span i { margin-right: 0.04rem; font-size: 0.12rem; }
.class-box-p1.loading-txt, .class-box-p1 .loading-txt { margin-top: 0.14rem; height: 0.12rem; }

.class-box-p2 { position: relative; font-size: 0.12rem; line-height: 0.18rem; }
.class-box-p2 .loading-txt { margin-top: 0.06rem; }

.class-locate { font-size: 0.12rem; color: #abadaf; }
.class-locate i { margin-right: 0.04rem; font-size: 0.12rem; }
.class-locate .loading-txt { width: 70%; }

.class-time { font-size: 0.11rem; line-height: 0.18rem; color: #818385; }
.class-time i { display: inline-block; margin-right: 0.04rem; font-size: 0.12rem; line-height: inherit; vertical-align: top; }
.class-time .pull-right { font-size: 0.12rem; }
.class-time.class-time-up { margin-top: 0; }
.class-time.class-time-up span { padding: 0 0.04rem; font-size: 0.1rem; line-height: 0.18rem; -webkit-border-radius: 0.04rem; -moz-border-radius: 0.04rem; -ms-border-radius: 0.04rem; -o-border-radius: 0.04rem; border-radius: 0.04rem; }
.class-time.class-time-up .loading-txt { margin-top: 0.04rem; }

.class1 { font-size: initial; background: #f8f8f8; }

.class1-img { position: relative; }
.class1-img a { position: absolute; z-index: 3; left: 50%; top: 50%; width: 0.9rem; height: 0.4rem; margin: -0.2rem 0 0 -0.45rem; font-size: 0.16rem; line-height: 0.4rem; text-align: center; color: #fff; background: rgba(0, 0, 0, 0.8); }
.class1-img a i { margin-right: 0.04rem; font-size: 0.16rem; }
.class1-img img { width: 100%; height: auto; }

.class1-txt { padding: 0.12rem 0.16rem; background: #fff; -webkit-border-radius: 0 0 0.08rem 0.08rem; -moz-border-radius: 0 0 0.08rem 0.08rem; -ms-border-radius: 0 0 0.08rem 0.08rem; -o-border-radius: 0 0 0.08rem 0.08rem; border-radius: 0 0 0.08rem 0.08rem; }
.class1-txt h2 { font-size: 0.16rem; line-height: 0.19rem; color: #111315; font-weight: bold; word-break: break-all;  }
.class1-txt h2 span { margin-right: 0.04rem; margin-top: 0.005rem; display: inline-block; vertical-align: top; border-radius: 0.04rem; }
.class1-txt h4 { margin-top: 0.04rem; font-size: 0.13rem; line-height: 0.2rem; color: #414345; }

.class1-txt1 { font-size: 0.12rem; line-height: 0.2rem; color: #818385; }
.class1-txt1 span.pull-left { margin-right: 0.12rem; }
.class1-txt1 .lab-score span { font-size: 0.11rem; line-height: 0.2rem; color: var(--primary-select,#1092ec); background: rgba(16, 146, 236, 0.08); }
.class1-txt1 i { margin-right: 0.04rem; font-size: 0.12rem; }

.class1-time { margin-top: 0.04rem; font-size: 0.12rem; line-height: 0.2rem; color: #818385; }
.class1-time i { margin-right: 0.04rem; font-size: 0.12rem; }

.class1-txt2 p { font-size: 0.12rem; line-height: 0.28rem; color: #818385; }
.class1-txt2 p i { margin-right: 0.04rem; font-size: 0.12rem; }
.class1-txt2 p span { font-weight: bold; }
.class1-txt2 .btn-gray, .class1-txt2 .btn-primary, .class1-txt2 .btn-line-primary { min-width: 0.92rem; padding: 0 0.12rem; font-size: 0.13rem; box-sizing: border-box; }
.class1-txt2 .btn-gray i, .class1-txt2 .btn-primary i, .class1-txt2 .btn-line-primary i { display: inline-block; margin-right: 0.04rem; font-size: 0.14rem; line-height: inherit; vertical-align: top; }
.class1-txt2 .btn-gray, .class1-txt2 .btn-primary { line-height: 0.28rem; }
.class1-txt2 .btn-line-primary { line-height: 0.26rem; }

.class2 .tab-menu { position: relative; top: initial; z-index: initial; background: #f8f8f8; box-sizing: initial; }
.class2 .tab-menu ul { background: #fff; -webkit-border-radius: 0.08rem 0.08rem 0 0; -moz-border-radius: 0.08rem 0.08rem 0 0; -ms-border-radius: 0.08rem 0.08rem 0 0; -o-border-radius: 0.08rem 0.08rem 0 0; border-radius: 0.08rem 0.08rem 0 0; }
.class2 .course-list-y { padding-top: 0.12rem; padding-bottom: 0.12rem; background: #fff; }
.class2 .course-list-y ul { margin-top: -0.16rem; }
.class2 .course-list-y ul li { margin-top: 0.16rem; padding-bottom: 0; border-bottom: none; }
.class2.class2-fix, .class2.class2-fix1 { position: fixed; left: 0; right: 0; overflow-y: scroll; box-sizing: border-box; }
.class2.class2-fix .tabs-con, .class2.class2-fix1 .tabs-con { position: absolute; top: 0.37rem; bottom: 0; left: 0; right: 0; overflow: hidden; overflow-y: scroll; }
.class2.class2-fix .tabs-con.class2-hasfilter, .class2.class2-fix1 .tabs-con.class2-hasfilter { top: 0.77rem; }
.class2.class2-fix .filter, .class2.class2-fix1 .filter, .class2.class2-fix .filter-new { position: fixed; left: 0; right: 0; }
.class2.class2-fix { bottom: 0.48rem; }
.class2.class2-fix1 { bottom: 0; }

.class2.class2-fix .filter-new { top: 2.5rem }

.class2-article { padding: 0.12rem 0.16rem; background: #fff; }

.class2-hasfilter .course-list-y { padding-top: 0; }

.experience-box { padding: 0.12rem; font-size: initial; background: #fff; border: 1px solid #eaecee; }
.experience-box h2 { position: relative; padding-right: 0.56rem; font-size: 0.14rem; line-height: 1.4; color: #111315; font-weight: bold; }
.experience-box h2 span { position: absolute; right: 0; top: 50%; margin-top: -0.09rem; font-size: 0.12rem; line-height: 0.18rem; font-weight: normal; }
.experience-box h2 span i { margin-right: 0.04rem; font-size: 0.12rem; }
.experience-box h4 { margin-top: 0.04rem; font-size: 0.12rem; line-height: 0.18rem; color: #abadaf; }
.experience-box h4 i { display: inline-block; margin-right: 0.04rem; font-size: 0.12rem; line-height: inherit; vertical-align: top; }
.experience-box p { margin-top: 0.04rem; font-size: 0.13rem; line-height: 0.22rem; color: #818385; }
.experience-box p a, .experience-box p span { padding: 0 0.1rem; font-size: 0.12rem; line-height: 0.22rem; }
.experience-box p span { color: #616365; background: #f2f5f6; }

.class-experience { padding-bottom: 0.12rem; }
.class-experience ul { padding: 0.04rem 0.16rem 0; }

.class-graduation1 { margin: 0.12rem 0.16rem 0; padding: 0.12rem 0; background: #fff; border: 1px solid #eaecee; }
.class-graduation1 ul { margin-top: -0.02rem; }
.class-graduation1 ul li { position: relative; margin: 0.02rem 0.12rem 0 0.42rem; font-size: 0.14rem; line-height: 0.4rem; color: #414345; border-bottom: 1px solid #eaecee; }
.class-graduation1 ul li:last-child { border-bottom: none; }
.class-graduation1 ul li i { position: absolute; left: -0.3rem; font-size: 0.18rem; line-height: inherit; }
.class-graduation1 ul li span { color: #919395; }
.class-graduation1 ul li span em { font-style: normal; }

.class-graduation2 { margin: 0.12rem 0.16rem; font-size: 0.12rem; line-height: 0.16rem; color: #babcbe; }
.class-graduation2 i { margin-right: 0.04rem; font-size: 0.12rem; }

.class2-face { padding: 0.12rem 0.16rem; }
.class2-face .class2-face-menu:first-child { margin-top: 0; }
.class2-face-menu { position: relative; padding-left: 0.06rem; font-size: 0.14rem; line-height: 1.8; font-weight: 500; color: #111315; }
.class2-face-menu i { position: absolute; top: 50%; left: 0; margin-top: -0.065rem; width: 0.02rem; height: 0.13rem; background: var(--primary-select,#1092ec); }

.class2-face-article { margin-top: 0.04rem; }

.experience-edit { margin: 0 0.16rem; }
.experience-edit h3 { padding-top: 0.12rem; padding-bottom: 0.16rem; font-size: 0.18rem; line-height: 1.4; color: #111315; font-weight: bold; }
.experience-edit .textareabox textarea { height: 1.6rem; font-size: 0.14rem; }

.map-box { position: relative; min-height: 0.8rem; padding-left: 1.28rem; font-size: inherit; }

.map-box-pic { position: absolute; left: 0; width: 1.2rem; height: 0.8rem; -webkit-border-radius: 0.06rem; -moz-border-radius: 0.06rem; -ms-border-radius: 0.06rem; -o-border-radius: 0.06rem; border-radius: 0.06rem; overflow: hidden; }
.map-box-pic img { width: 100%; height: auto; }
.map-box-pic .progress { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; }
.map-box-pic .loading-img { height: 0.8rem; }

.map-box-txt { position: relative; }
.map-box-txt h2 { height: 0.34rem; font-size: 0.14rem; line-height: 0.17rem; font-weight: bold; color: #111315; display: -webkit-flex; display: flex; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; -moz-box-orient: vertical; }
.map-box-txt h4 { font-size: 0.12rem; color: #abadaf; }
.map-box-txt .state-pass, .map-box-txt .state-over { position: absolute; top: 0.25rem; right: -0.04rem; width: 0.48rem; height: 0.48rem; }

.map-box-p1 { font-size: 0.12rem; line-height: 0.18rem; }
.map-box-p1 .pull-right i { margin-right: 0.04rem; font-size: 0.12rem; }
.map-box-p1 .loading-txt { margin-top: 0.06rem; }

.main-map-level .map-list { padding-top: 0.12rem; background: #fff; }

.main-map-bottom { display: -webkit-flex; display: flex; flex-direction: column-reverse; -webkit-flex-direction: column-reverse; }

.main-map { z-index: 2; display: -webkit-flex; display: flex; flex-direction: column-reverse; -webkit-flex-direction: column-reverse; background-position: center bottom; background-size: 100% auto; }
.main-map.main-map-fixed { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; }

.main-map1 { background-image: url(../images/maps/map1-bg.png); }

.main-map2 { background-image: url(../images/maps/map2-bg.png); }

.map-foot { position: fixed; left: 0.16rem; right: 0.16rem; bottom: 0.16rem; z-index: 99; padding: 0.16rem; height: 0.44rem; font-size: initial; background: #fff; }
.map-foot .btn-primary { width: 1.35rem; height: 0.44rem; display: inline-block; font-size: 0.15rem; line-height: 0.44rem; font-weight: bold; }
.map-foot p { height: 0.44rem; font-size: 0.14rem; line-height: 0.44rem; }
.map-foot p i { display: inline-block; margin-right: 0.08rem; font-size: 0.16rem; line-height: inherit; vertical-align: top; }
.map-foot p span { font-size: 0.24rem; line-height: initial; font-weight: bold; vertical-align: -0.01rem; }

.map-line { z-index: 2; display: -webkit-flex; display: flex; margin: 0 auto; flex-direction: column-reverse; -webkit-flex-direction: column-reverse; vertical-align: bottom; background-size: 100% auto; background-position: bottom center; background-repeat: repeat-y; }
.map-line.map-line-fixed { position: absolute; top: 0; bottom: 0; left: 50%; z-index: 1; }

.map-line1 { width: 2.22rem; background-image: url(../images/maps/map1-line.png); }
.map-line1.map-line-fixed { margin-left: -1.11rem; }
.map-line1 .levelbox { margin-bottom: 1.05rem; }
.map-line1 .levelbox:nth-child(6n+1) { margin-left: 0.3rem; margin-bottom: 1.08rem; }
.map-line1 .levelbox:nth-child(6n+2) { margin-left: 1.54rem; }
.map-line1 .levelbox:nth-child(6n+3) { margin-left: -0.2rem; }
.map-line1 .levelbox:nth-child(6n+4) { margin-left: 1.7rem; }
.map-line1 .levelbox:nth-child(6n+5) { margin-left: 0.4rem; }
.map-line1 .levelbox:nth-child(6n+6) { margin-left: 1.75rem; margin-top: 0.3rem; }
.map-line1 .levelbox:last-child { margin-top: 0.3rem; }
.levelbox { position: relative; width: 0.56rem; height: 0.56rem; text-align: center; }

.levelbox-over, .levelbox-nostart { line-height: 0.48rem; border: 0.04rem solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-shadow: 0 0 0.08rem rgba(0, 0, 0, 0.1); }

.levelbox-over { background: var(--primary-select,#1092ec); }
.levelbox-over i { font-size: 0.32rem; color: #fff; }
.levelbox-over h2 { position: absolute; left: 50%; bottom: -0.11rem; padding: 0 0.06rem; font-size: 0.1rem; line-height: 0.16rem; color: var(--primary-select,#1092ec); font-weight: bold; white-space: nowrap; background: #fff; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.levelbox-nostart { font-size: 0.24rem; font-weight: bolder; color: rgba(171, 173, 175, 0.5); background: #eaeaea; }

.levelbox-ing:before, .levelbox-ing:after { position: absolute; content: ' '; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
.levelbox-ing:before { top: -0.08rem; left: -0.08rem; z-index: 2; width: 0.72rem; height: 0.72rem; background: rgba(255, 255, 255, 0.4); border: 1px solid rgba(255, 255, 255, 0.2); }
.levelbox-ing:after { top: -0.16rem; left: -0.16rem; z-index: 1; width: 0.88rem; height: 0.88rem; background: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.1); }
.levelbox-ing span { position: relative; z-index: 3; display: block; font-size: 0.24rem; text-align: center; line-height: 0.48rem; font-weight: bolder; color: #fff; background: #ffa903; border: 0.04rem solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
.levelbox-ing span:after { position: absolute; bottom: -0.08rem; left: 50%; margin-left: -0.08rem; width: 0; height: 0; content: ''; border-right: 0.08rem solid transparent; border-left: 0.08rem solid transparent; border-top: 0.16rem solid #ffa903; }

.map-line2 { width: 2.28rem; padding: 0.6rem 0 1.15rem; background-image: url(../images/maps/map2-line.png); }
.map-line2.map-line-fixed { margin-left: -1.14rem; }
.map-line2 .map2-levelbox { margin-top: -0.12rem; }
.map-line2 .map2-levelbox:nth-child(1) { margin-left: -0.5rem; }
.map-line2 .map2-levelbox:nth-child(2) { margin-left: 1.03rem; }
.map-line2 .map2-levelbox:nth-child(3) { margin-left: -0.64rem; }
.map-line2 .map2-levelbox:nth-child(4) { margin-left: 1.17rem; }
.map-line2 .map2-levelbox:nth-child(5) { margin-left: -0.43rem; }
.map2-levelbox { position: relative; width: 2rem; text-align: center; }
.map2-levelbox.map2-levelbox-ing:before { position: absolute; left: 0.2rem; top: 0; z-index: 2; width: 0.32rem; height: 0.4rem; content: ''; background-image: url(../images/maps/map2-active.png); background-size: cover; }
.map2-levelbox.map2-levelbox-nostart .map2-levelbox-pic:before { position: absolute; z-index: 2; right: 0.09rem; bottom: 0.09rem; width: 0.33rem; height: 0.33rem; content: ''; background-image: url(../images/maps/lock.png); background-size: cover; }

.map2-levelbox-pic { position: relative; width: 1.5rem; margin: 0 auto; }
.map2-levelbox-pic img { width: 1.5rem; height: 1.5rem; }

.map2-levelbox-ok { text-align: center; }
.map2-levelbox-ok h2 { padding: 0.02rem; display: inline-block; height: 0.24rem; background-image: linear-gradient(to right, #bd7f3c, #e7a966); }
.map2-levelbox-ok h2 * { display: inline-block; line-height: 0.24rem; vertical-align: top; }
.map2-levelbox-ok h2 span { padding: 0 0.12rem; height: 0.24rem; font-size: 0.14rem; font-weight: bold; color: #883C00; background-image: linear-gradient(to right, #bd7f3c, #e7a966); background-image: linear-gradient(87.58deg, #f3cf90 2.02%, #fce6a9 96.56%); box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25), inset 0 0 4px rgba(175, 140, 101, 0.5); }
.map2-levelbox-ok h2 span i { margin-right: 0.08rem; font-size: 0.2rem; font-weight: normal; }

.map2-levelbox-title { text-align: center; }
.map2-levelbox-title img { width: auto; height: 0.25rem; }

.file-title { margin-top: 0.4rem; text-align: center; }
.file-title h2 { font-size: 0.48rem; font-weight: bolder; }
.file-title h6 { margin-top: 0.04rem; font-size: 0.16rem; letter-spacing: .14em; text-transform: uppercase; }

.file-time { margin-top: 0.52rem; }
.file-time h3, .file-time h4, .file-time .file-input { margin-top: 0.08rem; }
.file-time h3, .file-time h4 { font-size: 0.14rem; line-height: 1.5; text-align: center; color: #111315; }
.file-time h3 { font-weight: bold; }

.file-foot { position: absolute; bottom: 0.16rem; left: 0.32rem; right: 0.32rem; text-align: center; }
.file-foot .btn-primary { margin-bottom: 0.12rem; background: var(--primary-select,#1092ec); }
.file-foot .form-label { color: #cacaca; }
.file-foot .form-label .form-label-btn { border: 1px solid #cacaca; }
.file-foot .form-label .form-label-con { font-size: 0.12rem; }
.file-foot .form-label.active .form-label-btn { border: 1px solid var(--primary-select,#1092ec); background: var(--primary-select,#1092ec); }
.file-foot .form-label.active .form-label-con { color: var(--primary-select,#1092ec); }

@-webkit-keyframes start { 0%,
30% { opacity: 0; -webkit-transform: translate(0, 0.08rem); }
  60% { opacity: 1; -webkit-transform: translate(0, 0); }
  100% { opacity: 0; -webkit-transform: translate(0, -0.08rem); } }
@keyframes start { 0%,
30% { opacity: 0; transform: translate(0, 0.08rem); }
  60% { opacity: 1; transform: translate(0, 0); }
  100% { opacity: 0; transform: translate(0, -0.08rem); } }
.file-up { position: absolute; left: 50%; bottom: 0.16rem; z-index: 999; width: 0.24rem; height: 0.24rem; margin-left: -0.12rem; animation: start 1.5s infinite ease-in-out; -webkit-animation: start 1.5s infinite ease-in-out; }

.file-slide-txt { z-index: 9; margin: 0 0.32rem; padding-top: 0.4rem; font-size: 0.14rem; color: #111315; }
.file-slide-txt > h4 { font-size: 0.14rem; line-height: 0.16rem; }
.file-slide-txt > h4 span { margin: 0 0.04rem; font-size: 0.16rem; font-weight: bold; vertical-align: top; }
.file-slide-txt > h6 { margin-top: 0.24rem; font-size: 0.14rem; line-height: 0.24rem; }
.file-slide-txt > h6 span { display: inline-block; margin: 0 0.04rem; font-size: 0.42rem; line-height: inherit; font-weight: bolder; vertical-align: top; }
.file-slide-txt > p { margin-top: 0.56rem; font-size: 0.14rem; }

.file-slide2box { position: relative; height: 0.24rem; padding: 0.13rem 0.16rem 0.07rem; display: inline-block; font-size: 0.14rem; line-height: 0.24rem; color: #fff; box-shadow: inset 0.01rem 0.02rem 0.04rem rgba(255, 255, 255, 0.3); }
.file-slide2box:after { position: absolute; left: 0.2rem; bottom: -0.11rem; width: 0; height: 0; content: ' '; border-right: 0.2rem solid transparent; }
.file-slide2box span { display: inline-block; margin: 0 0.04rem; font-size: 0.32rem; line-height: inherit; font-weight: bolder; vertical-align: top; }
.file-slide2box.file-slide2box1, .file-slide2box.file-slide2box4 { background: var(--primary-select,#1092ec); }
.file-slide2box.file-slide2box1:after, .file-slide2box.file-slide2box4:after { border-top: 0.16rem solid var(--primary-select,#1092ec); }
.file-slide2box.file-slide2box2 { margin-top: 0.2rem; background: #FF6F50; }
.file-slide2box.file-slide2box2:after { border-top: 0.16rem solid #FF6F50; }
.file-slide2box.file-slide2box3 { margin-top: 0.28rem; background: #FFA34F; }
.file-slide2box.file-slide2box3:after { border-top: 0.16rem solid #FFA34F; }
.file-slide2box.file-slide2box4 { margin-left: 0.32rem; }

.file-share { position: absolute; top: 0.44rem; left: 0; right: 0; bottom: 0; flex-direction: column; -webkit-flex-direction: column; }
.file-share h4 { font-size: 0.2rem; line-height: 0.24rem; font-weight: bold; color: #fff; }
.file-share h4 i { font-size: 0.14rem; font-weight: normal; vertical-align: middle; }
.file-share h4 i:first-child { margin-right: 0.08rem; }
.file-share h4 i:last-child { margin-left: 0.08rem; }
.file-share h6 { height: 0.16rem; margin-top: 0.24rem; font-size: 0.14rem; line-height: 0.16rem; color: #fff; }
.file-share h6 i { margin-right: 0.08rem; display: inline-block; font-size: 0.16rem; line-height: initial; vertical-align: top; }
.file-share .btn-primary { margin-top: 0.12rem; padding: 0 0.2rem; display: inline-block; line-height: 0.44rem; }

.file-share-ad { width: 2.95rem; height: 4.32rem; margin-top: 0.24rem; overflow: hidden; }
.file-share-ad img { width: 100%; }

#file-share-success .pop-black { left: 50%; transform: translateX(-50%); }

.study-file { background-image: url(../images/study/studybg.png); background-position: center center; }
.study-file .file-title h2 { color: #fff; }
.study-file .file-title h6 { color: rgba(255, 255, 255, 0.5); }
.study-file .file-time { margin-left: 1rem; margin-right: 1rem; }
.study-file .file-time h3, .study-file .file-time h4 { color: #fff; }
.study-file .file-time .inputbox input { color: #fff; }
.study-file .file-foot { left: 0.32rem; right: 0.32rem; }
.study-file .file-foot .btn-primary { background: var(--primary-select,#1092ec); }
.study-file .file-foot .form-label { color: #fff; }
.study-file .file-foot .form-label .form-label-btn { border: 1px solid #fff; }
.study-file .file-foot .form-label.active .form-label-btn { border: 1px solid #fff; background: transparent; }
.study-file .file-foot .form-label.active .form-label-con { color: #fff; }
.file-input { position: relative; height: 0.36rem; }
.file-input input { width: 100%; padding: 0 0.08rem 0 0.42rem; height: 0.36rem; font-size: 0.14rem; line-height: 0.34rem; color: #fff; background: transparent; border: 1px solid rgba(255, 255, 255, 0.5); box-sizing: border-box; }
.file-input input::-moz-placeholder { color: rgba(255, 255, 255, 0.7); opacity: 1; }
.file-input input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.7); }
.file-input input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.7); }

.file-input-ico { position: absolute; top: 50%; left: 0.08rem; margin-top: -0.15rem; width: 0.3rem; height: 0.3rem; text-align: center; line-height: 0.3rem; }
.file-input-ico i { font-size: 0.18rem; color: #fff; }

.main-file .swiper { width: 100%; height: 100%; font-size: initial; }
.main-file .swiper-container, .main-file .swiper-slide { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.main-file .swiper-container { overflow: hidden; }
.main-file .swiper-slide { padding-top: 0.44rem; background-size: cover; background-position: center center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

.file-slide-txt { margin: 0 0.32rem; padding-top: 0.4rem; font-size: 0.14rem; color: #fff; }
.file-slide-txt > h4 { font-size: 0.14rem; line-height: 0.16rem; }
.file-slide-txt > h4 span { margin: 0 0.04rem; font-size: 0.16rem; font-weight: bold; vertical-align: top; }
.file-slide-txt > h6 { font-size: 0.14rem; line-height: 0.24rem; }
.file-slide-txt > h6 span { margin: 0 0.04rem; font-size: 0.32rem; font-weight: bolder; vertical-align: -0.02rem; }
.file-slide-txt > p { margin-top: 0.56rem; font-size: 0.14rem; }

.file-slide1 { background-image: url(../images/study/file1-bg.png); }
.file-slide1-txt > h3 { font-size: 0.14rem; }
.file-slide1-txt > h3 span { margin: 0 0.04rem; font-size: 0.24rem; font-weight: bold; }
.file-slide1-txt > h4 { margin-top: 0.24rem; }
.file-slide1-txt > h6 { margin-top: 0.12rem; }

.file-slide2 { background-image: url(../images/study/file2-bg.png); }
.file-slide2-txt ul li:nth-child(2) { text-align: right; }
.file-slide2-txt ul li:nth-child(3) { margin-left: 0.32rem; }

.file-slide3 { background-image: url(../images/study/file3-bg.png); }
.file-slide3-txt > h6, .file-slide4-txt > h6 { margin-top: 0.12rem; }

.file-slide4 { background-image: url(../images/study/file4-bg.png); }

.file-slide5 { background-image: url(../images/study/file5-bg.png); }
.file-slide5 .file-slide2box { padding: 0 0.16rem; position: absolute; right: 0; top: 0.4rem; }
.file-slide5 .file-slide-txt { padding-top: 0.34rem; }
.file-slide5 .file-slide-txt * { margin-top: 0.16rem; }
.file-slide5 .file-slide-txt *:first-child { margin-top: 0; }
.file-slide5-top { position: relative; margin: 0 0.24rem; }
.file-slide5-top img { position: absolute; top: 0.2rem; left: -0.04rem; width: 1.36rem; height: 1.36rem; }

.file-slide-cert, .file-slide-course { position: absolute; bottom: 0.4rem; left: 0.24rem; right: 0.24rem; background: linear-gradient(180deg, var(--primary-select,#1092ec) 0%, rgba(16, 146, 236, 0) 100%); }

.file-slide-cert { top: 1.74rem; }
.file-slide-cert1 { padding: 0.16rem; font-size: 0.14rem; line-height: 1.4; color: #fff; font-weight: bold; text-align: center; }

.file-slide-cert2 { position: absolute; top: 0.72rem; bottom: 0.12rem; padding: 0 0.24rem; overflow-y: scroll; }
.file-slide-cert2 ul { margin-top: -0.16rem; overflow: hidden; }
.file-slide-cert2 ul li { margin-top: 0.16rem; padding: 0 0.08rem 0.16rem; box-sizing: border-box; border-bottom: 0.01rem solid rgba(255, 255, 255, 0.1); }
.file-slide-cert2 ul li:nth-child(2n + 1) { padding: 0 0.08rem 0.16rem 0; }
.file-slide-cert2 ul li:nth-child(2n) { padding: 0 0 0.16rem 0.08rem; }
.file-slide-cert2 ul.even li:nth-last-child(2), .file-slide-cert2 ul.even li:nth-last-child(1) { padding-bottom: 0; border-bottom: none; }
.file-slide-cert2 ul.odd li:nth-last-child(1) { padding-bottom: 0; border-bottom: none; }

.file-slide-cert3 { position: absolute; top: 0.72rem; bottom: 0.12rem; left: 0; right: 0; padding: 0 0.8rem; overflow-y: scroll; }
.file-slide-cert3 ul { margin-top: -0.16rem; }
.file-slide-cert3 ul li { margin-top: 0.16rem; padding-bottom: 0.16rem; border-bottom: 0.01rem solid rgba(255, 255, 255, 0.1); }
.file-slide-cert3 ul li:last-child { padding-bottom: 0; border-bottom: none; }
.file-slide-cert3 .file-certbox h2 { font-size: 0.14rem; }

.file-certbox img { width: 100%; height: auto; }
.file-certbox h2 { margin-top: 0.08rem; font-size: 0.12rem; line-height: 1.2; color: #fff; text-align: center; }

.file-slide-course { top: 1.96rem; }
.file-slide-course h3 { padding: 0 0.16rem; margin-top: 0.16rem; height: 0.2rem; font-size: 0.14rem; line-height: 0.2rem; font-weight: bold; color: #fff; }
.file-slide-course h3 i { margin-right: 0.08rem; font-size: 0.18rem; font-weight: normal; vertical-align: -0.02rem; }

.file-slide-course-over { position: absolute; right: -0.14rem; bottom: -0.12rem; width: 1.5rem; height: 1.62rem; }
.file-slide-course-over img { width: 100%; height: auto; }

.file-slide-course-list { position: absolute; top: 0.36rem; bottom: 0.12rem; left: 0; right: 0; z-index: 3; margin-top: 0.16rem; padding: 0 0.16rem; overflow-y: scroll; }
.file-slide-course-list ul li { margin-top: 0.16rem; padding-bottom: 0.1rem; border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
.file-slide-course-list ul li:first-child { margin-top: 0; }
.file-slide-course-list ul li:last-child { padding-bottom: 0; border-bottom: none; }

.file-coursebox { position: relative; padding-left: 0.26rem; }
.file-coursebox p, .file-coursebox h4 { margin-top: 0.04rem; }
.file-coursebox h2 { font-size: 0.12rem; line-height: 1.2; font-weight: bold; color: #fff; display: -webkit-flex; display: flex; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; -moz-box-orient: vertical; }
.file-coursebox p span { color: #fff; background: rgba(255, 255, 255, 0.1); }
.file-coursebox h4 { font-size: 0.1rem; line-height: 0.16rem; color: rgba(255, 255, 255, 0.5); }
.file-coursebox h6 { position: absolute; top: 50%; left: 0.04rem; height: 0.2rem; margin-top: -0.1rem; font-size: 0.14rem; line-height: 0.2rem; color: #fff; font-weight: bold; }

.file-share { position: absolute; top: 0.44rem; left: 0; right: 0; bottom: 0; flex-direction: column; -webkit-flex-direction: column; }
.file-share h4 { font-size: 0.2rem; line-height: 0.24rem; font-weight: bold; color: #fff; }
.file-share h4 i { font-size: 0.14rem; font-weight: normal; vertical-align: middle; }
.file-share h4 i:first-child { margin-right: 0.08rem; }
.file-share h4 i:last-child { margin-left: 0.08rem; }
.file-share h6 { height: 0.16rem; margin-top: 0.24rem; font-size: 0.14rem; line-height: 0.16rem; color: #fff; }
.file-share h6 i { display: inline-block; margin-right: 0.08rem; font-size: 0.16rem; line-height: initial; vertical-align: top; }
.file-share .btn-primary { margin-top: 0.12rem; padding: 0 0.2rem; display: inline-block; line-height: 0.44rem; }

.file-share-ad { width: 2.95rem; height: 4.32rem; margin-top: 0.24rem; overflow: hidden; }
.file-share-ad img { width: 100%; }

#file-share-success .pop-black { left: 50%; transform: translateX(-50%); }

.study-file2 { background-image: linear-gradient(168.04deg, rgba(16, 146, 236, 0.15) 0.51%, rgba(16, 146, 236, 0) 41.87%), url(../images/study2/studybg2.png); background-position: center center; }
.study-file2 .file-title h2 { color: var(--primary-select,#1092ec); }
.study-file2 .file-title h6 { color: rgba(16, 146, 236, 0.2); }
.study-file2 .file-foot .btn-primary { margin-left: 0.2rem; margin-right: 0.2rem; }

.file-time-check { width: 2.72rem; height: 0.3rem; padding: 0.06rem 0; margin: 0.12rem auto 0; font-size: 0.14rem; line-height: 0.3rem; text-align: center; border: 1px solid #eaecee; }
.file-time-check * { display: inline-block; line-height: inherit; vertical-align: top; }
.file-time-check i { width: 0.3rem; margin-right: 0.04rem; text-align: center; font-size: 0.18rem; color: #caccce; }
.file-time-check input { width: 1rem; height: 0.3rem; font-size: 0.14rem; font-weight: bold; text-align: center; color: #111315; background: transparent; border: 0; }
.file-time-check input::-moz-placeholder { color: #babcbe; opacity: 1; }
.file-time-check input:-ms-input-placeholder { color: #babcbe; }
.file-time-check input::-webkit-input-placeholder { color: #babcbe; }
.file-time-check input::-webkit-input-placeholder { font-weight: normal; }
.file-time-check input::placeholder { font-weight: normal; }
.file-time-check span { margin: 0 0.04rem; font-size: 0.14rem; color: #616366; }

.main-file2 .swiper-container { width: 100%; height: 100%; }
.main-file2 .file2-swiper-wrapper .swiper-slide { padding-top: 0.44rem; background-size: cover; background-position: center center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

.file2-swiper { position: relative; height: 100%; padding-top: 0.44rem; box-sizing: border-box; background-size: cover; background-position: center center; }
.file2-swiper:before, .file2-swiper:after { position: absolute; z-index: 1; width: 5rem; height: 5rem; background-image: radial-gradient(50% 50% at 50% 50%, rgba(16, 146, 236, 0.06) 0%, rgba(16, 146, 236, 0) 100%); content: ''; }
.file2-swiper:before { top: -0.67rem; left: -1.92rem; }
.file2-swiper:after { bottom: -1.61rem; right: -3.13rem; }

.file2-star { position: absolute; left: 50%; top: 0.52rem; width: 3.57rem; height: 1.41rem; margin-left: -1.785rem; background-size: cover; background-image: url(../images/study2/star.png); }

.file2-wrap { position: absolute; top: 0.44rem; left: 0; right: 0; bottom: 0; z-index: 9; }

.file2-slide-txt { padding-top: 0.8rem; margin: 0 0.32rem; font-size: 0.14rem; color: #111315; }
.file2-slide-txt.file2-slide-txt1 h6:first-child { margin-top: 0; }
.file2-slide-txt h2 { height: 0.24rem; font-size: inherit; }
.file2-slide-txt h2 * { display: inline-block; }
.file2-slide-txt h2 span { margin: 0 0.04rem; font-size: 0.24rem; font-weight: bold; }
.file2-slide-txt h2 img { width: 0.32rem; height: 0.32rem; margin: -0.04rem 0; vertical-align: top; }
.file2-slide-txt h4 { font-size: inherit; line-height: 0.16rem; }
.file2-slide-txt h4 span { margin: 0 0.04rem; font-weight: bold; }
.file2-slide-txt h6 { margin-top: 0.24rem; height: 0.24rem; font-size: inherit; line-height: 0.24rem; }
.file2-slide-txt h6 span { margin: 0 0.04rem; font-size: 0.42rem; font-weight: bolder; vertical-align: top; }
.file2-slide-txt h6 img { margin-left: 0.08rem; width: 0.24rem; height: 0.24rem; display: inline-block; vertical-align: top; }
.file2-slide-txt h5 { margin-top: 0.48rem; font-size: 0.14rem; }
.file2-slide-txt p { margin-top: 0.24rem; font-size: 14px; line-height: 1.5; }

.file2-menu { margin: 0.32rem 0.32rem 0.24rem; font-size: 0.16rem; line-height: 0.2rem; font-weight: bold; }
.file2-menu i { margin-right: 0.08rem; display: inline-block; font-size: 0.2rem; line-height: inherit; font-weight: normal; vertical-align: top; }
.file2-menu span { margin-left: 0.08rem; }
.file2-menu.file2-menu1 { margin: 0.4rem 0.32rem 0.24rem; }

.file2-cert-list { margin: 0 0.32rem; }
.file2-cert-list ul { margin: -0.24rem -0.08rem 0; }
.file2-cert-list ul li { margin-top: 0.24rem; width: 50%; float: left; }
.file2-cert-list .file2-certbox { margin: 0 0.08rem; }
.file2-certbox img { width: 100%; height: auto; }
.file2-certbox h2 { margin-top: 0.08rem; font-size: 0.12rem; line-height: 1.2; color: #111315; text-align: center; }

.file2-swiper1 { background-image: url(../images/study2/file2-1bg.png); }
.file2-swiper1 .file2-slide-txt h4 { margin-top: 0.24rem; }

.file2-swiper2 { background-image: url(../images/study2/file2-2bg.png); }
.file2-swiper2s { padding-top: 0.8rem; margin: 0 0.32rem; }
.file2-swiper2s ul li:nth-child(2) { text-align: right; }
.file2-swiper2s ul li:nth-child(3) { margin-left: 0.32rem; }

.file2-swiper3 { background-image: url(../images/study2/file2-3bg.png); }

.file2-swiper4 { background-image: url(../images/study2/file2-4bg.png); }

.file2-cert, .file2-course, .file2-net, .file2-face, .file2-map { position: absolute; right: 0; z-index: 4; background-size: cover; background-position: center center; }

.file2-cert { width: 1.92rem; height: 2.22rem; background-image: url(../images/study2/file2-cert.png); }
.file2-cert-btm { bottom: 0.24rem; }
.file2-cert-top { top: 0.96rem; }

.file2-course { width: 1.92rem; height: 2.22rem; background-image: url(../images/study2/file2-course.png); }
.file2-course-btm { bottom: 0.4rem; }
.file2-course-top { top: 1.06rem; }

.file2-net { width: 1.54rem; height: 2.24rem; background-image: url(../images/study2/file2-net.png); }
.file2-net-btm { bottom: 0.16rem; }
.file2-net-top { top: 1.42rem; }

.file2-face { width: 1.97rem; height: 2.44rem; background-image: url(../images/study2/file2-face.png); }
.file2-face-btm { bottom: 0.16rem; }
.file2-face-top { top: 0.85rem; }

.file2-map { width: 1.8rem; height: 2.22rem; background-image: url(../images/study2/file2-map.png); }
.file2-map-btm { bottom: 0.3rem; }
.file2-map-top { top: 1.08rem; }

#swiper-summary, #swiper-cert, #swiper-course, #swiper-net, #swiper-face, #swiper-map { position: absolute; top: 2.72rem; left: 0; right: 0; bottom: 0.56rem; z-index: 9; height: auto; }
#swiper-summary .swiper-slide, #swiper-cert .swiper-slide, #swiper-course .swiper-slide, #swiper-net .swiper-slide, #swiper-face .swiper-slide, #swiper-map .swiper-slide { width: 100%; height: auto; padding: 0; margin: 0; font-size: 0; }

#swiper-cert { top: 2.98rem; }

.file2-txt-list { margin: 0 0.32rem; }
.file2-txt-list .file2-txtbox:first-child:after { top: 0.06rem; }
.file2-txt-list .file2-txtbox:last-child { padding-bottom: 0; }

.file2-txtbox { position: relative; padding-left: 0.17rem; padding-bottom: 0.18rem; }
.file2-txtbox:before, .file2-txtbox:after { position: absolute; content: ''; }
.file2-txtbox:before { left: 0.04rem; top: 0.06rem; z-index: 3; width: 0.05rem; height: 0.05rem; background-color: var(--primary-select,#1092ec); }
.file2-txtbox:after { top: 0; bottom: 0; left: 0.06rem; width: 0.01rem; background: rgba(16, 146, 236, 0.1); }
.file2-txtbox h4 { font-size: 0.1rem; line-height: 0.16rem; color: #abadaf; }
.file2-txt { margin-top: 0.04rem; padding: 0.08rem 0.12rem; max-width: 2.88rem; display: inline-block; box-sizing: border-box; background-image: linear-gradient(180deg, rgba(16, 146, 236, 0.08) 0%, rgba(16, 146, 236, 0.024) 100%); }
.file2-txt h2 { font-size: 0.12rem; line-height: 1.2; color: #111315; font-weight: bold; }
.file2-txt p { margin-top: 0.04rem; font-size: 0.1rem; line-height: 0.16rem; color: #919395; }
.file2-txt p span { margin-right: 0.08rem; }
.file2-txt p span:last-child { margin-right: 0; }
.file2-txt p span.level1-color { color: var(--primary-select,#1092ec); }
.file2-txt p span.level2-color { color: #ec3933; }

.file2-time { position: fixed; top: 0.48rem; left: 0.16rem; right: 0.16rem; z-index: 9; padding: 0 0.16rem; height: 0.44rem; font-size: 0; line-height: 0.44rem; background: #fff; box-shadow: 0 0 0.04rem rgba(16, 146, 236, 0.08); }
.file2-time > i { position: absolute; top: 50%; margin-top: -0.08rem; font-size: 0.16rem; line-height: 0.16rem; }
.file2-time > i.icon-date { left: 0.16rem; }
.file2-time > i.icon-darrow { right: 0.16rem; }
.file2-time span { position: absolute; top: 0; left: 50%; width: 0.14rem; height: inherit; margin-left: -0.07rem; font-size: 0.14rem; text-align: center; color: #616366; }
.file2-time ul { margin: 0 0.09rem; }
.file2-time ul li { width: 50%; float: left; }
.file2-time .file2-time-box { margin: 0 0.07rem; height: 0.44rem; font-size: 0.14rem; line-height: 0.44rem; text-align: center; color: #393939; font-weight: bold; }
.file2-time-transparent { background: transparent; }
.file2-time-transparent > i { color: #fff; }
.file2-time-transparent span, .file2-time-transparent .file2-time-box { color: #fff; }
.file2-time-summary { top: 0.52rem; height: 0.36rem; padding: 0; line-height: 0.36rem; background: transparent; }
.file2-time-summary > i { margin-top: -0.09rem; font-size: 0.18rem; line-height: 0.18rem; color: #fff; }
.file2-time-summary > i.icon-date { left: 0.06rem; }
.file2-time-summary > i.icon-rarrow { right: 0.07rem; font-size: 0.16rem; }
.file2-time-summary span { color: #fff; }
.file2-time-summary .file2-time-box { height: 0.36rem; line-height: 0.36rem; color: #fff; }


.mobileSelect { font-size: initial; }

.mobileSelect .content .btnBar .ensure, .rolldate-container header .rolldate-confirm { color: var(--primary-select,#1092ec); }

.bg-white, .login, .order-pay { background: #fff; }

.bg-gray { background: #f8f8f8; }

.bg-fa { background: #fafafa; }

.bg-black { background: #000; }

.split-base { height: 0.08rem; }

.split-base1 { background: #f8f8f8; }

.color-primary { color: var(--primary-select,#1092ec); }

.color-dark { color: #111315; }

.color-dark1 { color: #313335; }
.color-dark1 em { font-style: normal; }

.color-success { color: #32C670; }

.color-red { color: #ec3933; }

.color-green { color: #32C670; }

.color-price { color: #ec3933; }

.color-gray { color: #babcbe; }

.color-gray1 { color: #818385; }

.color-light { color: #abadaf; }

.color-orange { color: #ffdd6d; }

.color-yellow { color: #ecad33; }

.label-sm, .my-bills1 > ul > li mark, .my-order-box mark { display: inline-block; margin: -0.07rem 0; padding: 0 0.12rem; font-size: 0.2rem; line-height: 0.28rem; vertical-align: -0.02rem; font-weight: bold; transform: scale(0.5); transform-origin: left center; }

.year { padding: 0 0.04rem; font-size: 0.1rem; line-height: 0.18rem; color: #fff; background: var(--primary-select,#1092ec); }
.year.year-pic { position: absolute; bottom: 0; right: 0; z-index: 2; border-radius: 0.06rem 0 0 0; }

.font-bold { font-weight: bold; }

.p-idt { text-indent: 2em; }

.label-light-blue, .label-light-primary { color: var(--primary-select,#1092ec); background: rgba(16, 146, 236, 0.08); }

.label-light-red { color: #ec3933; background: rgba(236, 57, 51, 0.08); }

.label-light-green { color: #32C670; background: rgba(50, 198, 112, 0.08); }

.label-light-gray { color: #fff; background: #c3c8cc; }

.label-red { color: #fff; background: #ec3933; }

.label-primary { color: #fff; background: var(--primary-select,#1092ec); }

.label-gray { color: #616365; background: #f4f6f8; }

.label-green { color: #fff; background: #32C670; }

.by, .pop-order-list .form-label .form-label-btn, .pop-version-label .form-label-btn, .catalogbox ul li i, .levelbox-over, .levelbox-nostart, .levelbox-ing:before, .levelbox-ing:after, .levelbox-ing span, .file-foot .form-label .form-label-btn, .file2-txtbox:before, .stopbox-ico span, .cart-item-fail .form-label-btn, .cart-item-check .form-label-btn, .switch label em, .info-box.info-box-pic img.img-people, .icon-box span, .login-agreement .form-label .form-label-btn, .order-pay2s .form-label-btn, .order-foot .form-label-btn, .my-idx1 img, .my-bill-box1 .form-label-btn, .fastbox .loading-img, .teacherbox img, .teacherbox .loading-img, .home-footer .form-label-btn, .notice-box h2 em, .course-check .form-label-btn, .sub-teacherbox img, .sub-teacher1 img { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }

.bd-rounded, .bd-rd, .header-right a mark, .pop-pay-outs ul li a, .pop-pay-ofls .btn-primary, .pop-bill .btn-primary, .pop-order-foot .btn-primary, .pop-version-foot a, .pop-time > a, .pop-time1 ul li a, .pop-timebox input, .pop-zf-foot > .btn-primary, .pop-refund .btn-primary, .pop-public .btn-primary, .filter.filter-cert .filter-left.pull-left a span, .pop-filter a, .empty .btn-primary, .course-list-y .course-box-txt-p1 .btn-line-red, .class1-img a, .class1-txt2 .btn-gray, .class1-txt2 .btn-primary, .class1-txt2 .btn-line-primary, .experience-box p a, .experience-box p span, .map-foot .btn-primary, .levelbox-over h2, .map2-levelbox-ok h2, .map2-levelbox-ok h2 span, .file-foot .btn-primary, .file-share .btn-primary, .file-input input, .file-time-check, .label-sm, .my-bills1 > ul > li mark, .my-order-box mark, .input-verify a, .cart-item-fail mark, .switch label, .footer-btn a, .search .inputbox input, .result .btn-primary, .login-reg-list .btn-primary, .login-reg .btn-primary, .login-form .btn-primary, .login-v2 .btn-line-primary, .login-verify p a, .login-info-foot a, .login-v2 .login-form .inputbox input, .login-regbox .inputbox input, .login-reg-select, .order-pay-foot a, .order-rst2 a, .order-tabs-head a, .order-foot .btn-primary, .order-foot .btn-line-red, .order-foot.order-foot-refund [class*="btn-line"], .order-bill-input, .order-bill-foots .btn-primary, .my-idx2box h2 mark, .my-bill-box3 h2 span, .my-bill-box3 h6 a, .my-order-opt span, .my-order-state, .my-orders2 ul li mark, .my-menu a.btn-primary, .my-integralbox a, .btn-my-set, .my-form .btn-primary, .my-feedback-footer .btn-primary, .my-survey .my-survey-box h2 span, .my-code-foot a, .study-tab-menu a span, .study-rank-tabmenu ul, .study-rank-tabmenu ul li a, .home-ban .swiper-pagination-bullet, .home-type-con a, .home-footer > .btn-primary, .home-footer > .btn-gray, .home-footer-cart, .home-footer-study, .news-recommend h3 i, .notice-box h2 span, .home-search-list a, .home-loading a, .nologin-footer, .nologin-footer .btn-primary { -webkit-border-radius: 1rem; -moz-border-radius: 1rem; -ms-border-radius: 1rem; -o-border-radius: 1rem; border-radius: 1rem; }

.bd-sm, .pop-refundbox h4 mark { -webkit-border-radius: 0.04rem; -moz-border-radius: 0.04rem; -ms-border-radius: 0.04rem; -o-border-radius: 0.04rem; border-radius: 0.04rem; }

.bd-md, .pop-xsbox, .adbox img, .adbox .loading-img { -webkit-border-radius: 0.06rem; -moz-border-radius: 0.06rem; -ms-border-radius: 0.06rem; -o-border-radius: 0.06rem; border-radius: 0.06rem; }

.bd-lg, .pop-share-con, .pop-share-body img, .pop-check a, .pop-check-head, .pop-websites ul li a, .pop-version, .pop-versions::-webkit-scrollbar-thumb, .pop-refundbox, .course-list-x .course-box, .course-teacher ul li, .catalogbox, .experience-box, .class-graduation1, .map-foot, .file-slide2box, .file-share-ad, .file-summary-data, .file-summary-list, .file-slide-cert, .file-slide-course, .file-certbox img, .file2-certbox img, .file2-txt, .file2-time, .textareabox, .newbox img, .rhgbox, .order-bill-note, .my-idx3, .my-idx3-roll, .my-idx4, .my-idx5, .my-bill-box1, .my-bill-box3, .my-bills1, .my-orders1, .my-orders2, .my-integrals ul, .my-form .inputbox input, .my-feedback-contact, .my-survey .my-survey-box, .home-ban .swiper-slide img, .home-ban .loading-img, .home-new, .recommend-course .swiper .swiper-slide, .notice-box, .sub-teacher1, .sub-teacher2, .home-loading, .cert-check-list, .order-bill-list { -webkit-border-radius: 0.08rem; -moz-border-radius: 0.08rem; -ms-border-radius: 0.08rem; -o-border-radius: 0.08rem; border-radius: 0.08rem; }

.plr16 { padding-left: 0.16rem; padding-right: 0.16rem; }

[class*="btn-"] { text-align: center; }

.btn-primary { color: #fff; background: var(--primary-select,#1092ec); }
.btn-primary-base, .pop-pay-ofls .btn-primary, .pop-bill .btn-primary, .pop-refund .btn-primary, .pop-public .btn-primary, .footer-btn a, .login-form .btn-primary, .order-pay-foot a, .order-bill-foots .btn-primary { display: block; height: 0.44rem; font-size: 0.15rem; line-height: 0.44rem; font-weight: bold; }
.btn-primary-shadow { -webkit-box-shadow: 0 0.04rem 0.08rem rgba(16, 146, 236, 0.35); -moz-box-shadow: 0 0.04rem 0.08rem rgba(16, 146, 236, 0.35); -ms-box-shadow: 0 0.04rem 0.08rem rgba(16, 146, 236, 0.35); -o-box-shadow: 0 0.04rem 0.08rem rgba(16, 146, 236, 0.35); box-shadow: 0 0.04rem 0.08rem rgba(16, 146, 236, 0.35); }

.btn-light-primary { color: var(--primary-select,#1092ec); background: rgba(16, 146, 236, 0.08); }

.btn-gray { color: #babcbe; background: #eaecee; }

.btn-light-gray, .btn-finish { color: #616365; background: #f2f5f6; }

.btn-orange { color: #fff; background: #fdb604; }

.btn-red { color: #fff; background: #ec3933; }

.btn-green { color: #fff; background: #32C670; }

[class*="btn-line"] { box-sizing: border-box; }

.btn-line-gray { color: #111315; border: 1px solid #eaecee; }

.btn-line-red { color: #ec3933; border: 1px solid #ec3933; }

.btn-line-primary { color: var(--primary-select,#1092ec); border: 1px solid var(--primary-select,#1092ec); }

.btn-line-blue { color: #2f80ed; border: 1px solid #2f80ed; }

.btn-line-gray1 { color: #313335; border: 1px solid #caccce; }

.price { font-size: 0.27rem; font-weight: bold; color: #ec3933; }
.price em { margin-right: 0.02rem; font-size: 0.14rem; font-style: normal; vertical-align: middle; }

.price-free { font-size: 0.13rem; font-weight: bold; color: #ec3933; }

.flex { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; }

.flex-item-1 { -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */ -moz-box-flex: 1; /* OLD - Firefox 19- */ -webkit-flex: 1; /* Chrome */ -ms-flex: 1; /* IE 10 */ flex: 1; }

.flex-item-2 { -webkit-box-flex: 2; /* OLD - iOS 6-, Safari 3.1-6 */ -moz-box-flex: 2; /* OLD - Firefox 19- */ -webkit-flex: 2; /* Chrome */ -ms-flex: 2; /* IE 10 */ flex: 2; }

.flex-item-3 { -webkit-box-flex: 3; /* OLD - iOS 6-, Safari 3.1-6 */ -moz-box-flex: 3; /* OLD - Firefox 19- */ -webkit-flex: 3; /* Chrome */ -ms-flex: 3; /* IE 10 */ flex: 3; }

.flex-item-4 { -webkit-box-flex: 4; /* OLD - iOS 6-, Safari 3.1-6 */ -moz-box-flex: 4; /* OLD - Firefox 19- */ -webkit-flex: 4; /* Chrome */ -ms-flex: 4; /* IE 10 */ flex: 4; }

.inputbox { position: relative; height: 0.44rem; font-size: 0.16rem; }
.inputbox input { width: 100%; height: 0.44rem; font-size: 0.16rem; line-height: 0.43rem; color: #111315; vertical-align: middle; background: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #eaecee; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
.inputbox.active input { border-bottom: 1px solid var(--primary-select,#1092ec); }
.inputbox.active .input-ico i { color: var(--primary-select,#1092ec); }
.inputbox.inputbox-hasico input { padding-left: 0.3rem; }
.inputbox.inputbox-hasopt input { padding-right: 0.3rem; }
.inputbox.inputbox-hasverify input { padding-right: 1.12rem; }
.input-ico, .input-opt { position: absolute; top: 50%; height: 0.22rem; margin-top: -0.11rem; font-size: 0.22rem; line-height: 0.22rem; }
.input-ico i, .input-opt i { font-size: inherit; color: #caccce; }

.input-ico { left: 0; width: 0.22rem; }

.input-opt { right: 0; }

.input-verify { position: absolute; top: 50%; right: 0; height: 0.28rem; margin-top: -0.14rem; font-size: 0.13rem; line-height: 0.28rem; }
.input-verify a { padding: 0 0.16rem; display: inline-block; font-size: 0.13rem; color: var(--primary-select,#1092ec); background: rgba(16, 146, 236, 0.08); }

.textareabox { position: relative; background: #f8f8f8; box-sizing: border-box; overflow: hidden; }
.textareabox textarea { width: 100%; height: 0.6rem; padding: 0.08rem 0.12rem; font-size: 0.12rem; line-height: 1.2; vertical-align: top; background: transparent; resize: none; box-sizing: border-box; }
.textareabox.textareabox-has-num { padding-bottom: 0.28rem; }
.textareabox .textareabox-num { position: absolute; right: 0.08rem; bottom: 0; font-size: 0.12rem; line-height: 0.28rem; color: #babcbe; }

.form-label-wrap { font-size: 0; }

.form-label { position: relative; font-size: 0; line-height: initial; }
.form-label input { position: absolute; left: -999999px; }
.form-label > * { display: inline-block; margin-right: 0.04rem; margin-left: 0.04rem; vertical-align: middle; }
.form-label > *:first-child { margin-left: 0; }
.form-label > *:last-child { margin-right: 0; }
.form-label.form-label-disabled .form-label-btn { background: #eaecee; }
.form-label.active .form-label-btn { background-color: var(--primary-select,#1092ec); border-color: var(--primary-select,#1092ec); }
.form-label.active .form-label-btn i { display: inline-block; }
.form-label.active .form-label-con { color: var(--primary-select,#1092ec); }
.form-label-btn { position: relative; width: 0.14rem; height: 0.14rem; line-height: 0.14rem; text-align: center; color: white; vertical-align: middle; border: 1px solid #cacecc; }
.form-label-btn i { display: none; width: 0.14rem; font-size: 0.08rem; text-align: center; font-weight: bold; vertical-align: middle; }

.form-label-con { font-size: 0.14rem; line-height: 0.16rem; }

.step { font-size: 0.24rem; }
.step ul li:last-child .stepbox:after { display: none; }
.stepbox { position: relative; height: 0.43rem; text-align: center; }
.stepbox h2 { font-size: 0.14rem; color: #caccce; }
.stepbox:after { position: absolute; left: 50%; right: -50%; z-index: 1; bottom: 0.09rem; height: 1px; content: ''; background: #eaecee; }
.stepbox-cur h2 { color: var(--primary-select,#1092ec); }
.stepbox-cur .stopbox-ico span { background: var(--primary-select,#1092ec); }
.stepbox-over h2 { color: var(--primary-select,#1092ec); }
.stepbox-over:after { background: var(--primary-select,#1092ec); }
.stepbox-over .stopbox-ico { bottom: 0; height: 0.18rem; }
.stepbox-over .stopbox-ico span { width: 0.18rem; height: 0.18rem; background: var(--primary-select,#1092ec); }
.stepbox-over .stopbox-ico span i { display: block; font-size: 0.12rem; line-height: 0.18rem; color: #fff; }

.stopbox-ico { position: absolute; left: 50%; bottom: 0.03rem; z-index: 2; width: 0.34rem; height: 0.12rem; margin-left: -0.17rem; background: #fff; }
.stopbox-ico span { width: 0.12rem; height: 0.12rem; display: inline-block; vertical-align: top; background: #eaecee; }
.stopbox-ico span i { display: none; }

.tabs-con { display: none; }
.tabs-con.active { display: block; }

.tab-menu { position: fixed; top: 0.44rem; left: 0; right: 0; z-index: 99; height: 0.36rem; font-size: 0.14rem; text-align: center; background: #fff; box-sizing: border-box; }
.tab-menu a { position: relative; height: 0.36rem; display: block; color: #111315; }
.tab-menu a span { position: absolute; left: 50%; bottom: 0; width: 0; height: 0.02rem; border-radius: 0.02rem; }
.tab-menu a.active { color: var(--primary-select,#1092ec); font-weight: bold; }
.tab-menu a.active span { width: 0.16rem; margin-left: -0.08rem; background: var(--primary-select,#1092ec); }

.tab-menu { line-height: 0.35rem; border-bottom: 1px solid #ebedef; }

.tab-menu-roll { padding: 0 0.16rem; }
.tab-menu-roll a { display: inline-block; }

.lab-score span { padding: 0 0.04rem; display: inline-block; font-size: 0.1rem; line-height: 0.18rem; color: #616365; background: #f4f6f8; -webkit-border-radius: 0.04rem; -moz-border-radius: 0.04rem; -ms-border-radius: 0.04rem; -o-border-radius: 0.04rem; border-radius: 0.04rem; }

.cart-item { position: relative; min-height: 0.6rem; padding-left: 1.02rem; }
.cart-item img { position: absolute; left: 0; width: 0.9rem; height: 0.6rem; -webkit-border-radius: 0.03rem; -moz-border-radius: 0.03rem; -ms-border-radius: 0.03rem; -o-border-radius: 0.03rem; border-radius: 0.03rem; }
.cart-item h2 { font-size: 0.14rem; line-height: 1.2; font-weight: bold; color: #111315; display: -webkit-flex; display: flex; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; -moz-box-orient: vertical; }
.cart-item p { font-size: 0.12rem; line-height: 1.2; color: #919395; }
.cart-item h4 { position: absolute; bottom: 0; right: 0; font-size: 0.12rem; line-height: 0.18rem; font-weight: bold; }
.cart-item h6 { position: absolute; right: -0.08rem; top: 0; font-size: 0.12rem; line-height: 0.18rem; font-weight: 500; }
.cart-item-pic { position: absolute; left: 0; width: 0.9rem; height: 0.6rem; }
.cart-item-pic img { width: 100%; -webkit-border-radius: 0.03rem; -moz-border-radius: 0.03rem; -ms-border-radius: 0.03rem; -o-border-radius: 0.03rem; border-radius: 0.03rem; }

.cart-item-fail, .cart-item-check { padding-left: 1.3rem; }
.cart-item-fail .form-label, .cart-item-check .form-label { position: absolute; left: 0; top: 0.22rem; }
.cart-item-fail .cart-item-pic, .cart-item-check .cart-item-pic { left: 0.28rem; }

.cart-item-fail mark { position: absolute; top: 0.15rem; left: -0.25rem; width: 0.64rem; height: 0.3rem; text-align: center; font-size: 0.2rem; line-height: 0.3rem; color: #fff; background: #c3c8cc; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); }
.cart-item-fail .cart-item-pic { left: 0.28rem; }
.cart-item-fail h2 { font-weight: normal; color: #919395; }
.cart-item-fail p { color: #babcbe; }

.slide-del-opt, .cart-opt { position: absolute; right: -0.44rem; top: -0.08rem; bottom: -0.08rem; width: 0.44rem; text-align: center; color: #fff; background: #ec3933; }
.slide-del-opt span, .cart-opt span { position: absolute; left: 0; right: 0; top: 50%; margin-top: -0.12rem; text-align: center; font-size: 0.12rem; line-height: 0.24rem; }

.swipeleft { transform: translateX(-0.44rem); }

.top-bg { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-position: top center; background-repeat: no-repeat; background-size: 100% auto; }

.switch input { display: none; }
.switch input:checked + label { background: var(--primary-select,#1092ec); }
.switch input:checked + label em { margin: 0.03rem 0.03rem 0.03rem 0.23rem; }
.switch input:disabled + label { opacity: .5; }
.switch label { width: 0.44rem; height: 0.24rem; float: right; background: #eaecee; }
.switch label em { position: relative; width: 0.18rem; height: 0.18rem; float: left; margin: 0.03rem; background: #fff; transition: .1s; }

.footer-btn a { margin: 0.08rem 0.24rem; }
.footer-btn.footer-btn-md a { margin: 0.08rem 0.16rem; }
.footer-btn.footer-btn-lg { height: 0.76rem; }
.footer-btn.footer-btn-lg a { margin: 0.16rem 0.32rem; }

.info-list { background: #fff; }
.info-list .info-box:last-child { border-bottom: none; }

.info-box { position: relative; padding: 0 0.42rem 0 1.24rem; height: 0.38rem; font-size: 0.14rem; line-height: 0.37rem; text-align: right; color: #abadaf; border-bottom: 1px solid #ebedef; box-sizing: border-box; }
.info-box span { position: absolute; left: 0; width: 1.2rem; font-size: 0.14rem; color: #111315; text-align: left; }
.info-box span em { margin-left: 0.04rem; font-style: normal; }
.info-box i { position: absolute; right: 0.2rem; font-size: 0.12rem; color: #abadaf; text-align: center; }
.info-box .color-red { font-size: 0.12rem; }
.info-box.info-box-pic { height: 0.48rem; line-height: 0.48rem; }
.info-box.info-box-pic img { height: 0.4rem; }
.info-box.info-box-pic img.img-people { width: 0.4rem; }
.info-box.info-box-pic img.img-certificate { width: 0.29rem; -webkit-border-radius: 0.02rem; -moz-border-radius: 0.02rem; -ms-border-radius: 0.02rem; -o-border-radius: 0.02rem; border-radius: 0.02rem; }
.info-box.info-box-pic.info-box-pic-error { height: 0.64rem; }
.info-box.info-box-pic.info-box-pic-error h6 { position: absolute; right: 0.42rem; bottom: 0.04rem; line-height: 1; }

.progress { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; height: 0.04rem; font-size: 0; background: rgba(255, 255, 255, 0.5); }
.progress span { display: inline-block; height: 0.04rem; background: #13e76b; }

.state-over { background-image: url(../images/state-over.png); background-size: cover; }

.state-pass { background-image: url(../images/state-pass.png); background-size: cover; }

.num { position: absolute; right: 0; top: 0; z-index: 2; padding: 0 0.04rem; font-size: 0.1rem; line-height: 0.18rem; color: #fff; border-radius: 0 0.06rem; background: rgba(0, 0, 0, 0.5); }
.num i { margin-right: 0.02rem; font-size: 0.09rem; }

.search .inputbox { height: 0.3rem; font-size: 0.13rem; }
.search .inputbox input { width: 100%; height: 0.3rem; font-size: inherit; line-height: 0.3rem; color: #111315; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; background: #f6f6f6; border-bottom: none; }
.search .inputbox.active .input-ico i { color: #babcbe; }
.search .input-ico, .search .input-opt { position: absolute; top: 50%; font-size: 0.18rem; }
.search .input-ico i, .search .input-opt i { font-size: 0.16rem; }
.search .input-ico { left: 0; width: 0.3rem; text-align: center; }
.search .input-ico i { color: #babcbe; }
.search .input-opt { right: 0.06rem; }
.search .input-opt i { color: #232627; }

.article, .class2-article, .class2-face-article { font-size: 0.14rem; line-height: 1.5; color: #414345; }

.result { padding-top: 1rem; font-size: initial; text-align: center; }
.result i { font-size: 0.8rem; }
.result h2 { font-size: 0.24rem; font-weight: bold; color: #111315; }
.result .btn-primary { width: 2rem; margin: 0.98rem auto; }

.over-box, .pop-share-row1 { width: 100%; overflow: hidden; white-space: nowrap; box-sizing: border-box; }

.over-box-wrap, .pop-share-row1-wrap { overflow-x: scroll; overflow-y: hidden; }
.over-box-wrap::-webkit-scrollbar, .pop-share-row1-wrap::-webkit-scrollbar { display: none; }

.newbox { position: relative; height: 0.64rem; padding-right: 1.08rem; font-size: initial; line-height: inherit; }
.newbox img { position: absolute; top: 0; right: 0; width: 1rem; height: 0.64rem; }
.newbox h2 { height: 0.4rem; font-size: 0.14rem; line-height: 0.2rem; color: #111315; font-weight: bold; display: -webkit-flex; display: flex; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; -moz-box-orient: vertical; }
.newbox p { margin-top: 0.13rem; font-size: 0.11rem; color: #abadaf; }

.slide-swiper .swiper-horizontal > .swiper-scrollbar { left: 50%; bottom: 0; width: 6.4%; margin-left: -3.2%; height: 0.03rem; background: #eaecee; }
.slide-swiper .swiper-horizontal > .swiper-scrollbar .swiper-scrollbar-drag { background: var(--primary-select,#1092ec); }

.nav-swiper { position: fixed; top: 0.44rem; left: 0; right: 0; z-index: 99; height: 0.36rem; font-size: 0.14rem; line-height: 0.36rem; background: #fff; }
.nav-swiper .swiper-slide { position: relative; width: auto; color: #313335; }
.nav-swiper .swiper-slide span { position: absolute; left: 50%; bottom: 0; width: 0; height: 0.02rem; border-radius: 0.02rem; }
.nav-swiper .swiper-slide-thumb-active { color: #111315; font-weight: bold; }
.nav-swiper .swiper-slide-thumb-active span { width: 0.16rem; margin-left: -0.08rem; background: var(--primary-select,#1092ec); }
.nav-swiper.nav-swiper1 { border-bottom: 1px solid #ebedef; box-sizing: border-box; }
.nav-swiper.nav-swiper1 .swiper-slide-thumb-active { color: var(--primary-select,#1092ec); }
.nav-swiper.study-tab-head { padding-left: 0; text-align: center; background: #fafafa; }
.nav-swiper.study-tab-head .swiper-slide { margin-right: 0; }
.nav-swiper.study-tab-head-more { padding-left: 0.32rem; background: #fafafa; }

.body-swiper { font-size: initial; }
.body-swiper .swiper { height: 100%; }
.body-swiper > .swiper > .swiper-wrapper > .swiper-slide { position: relative; width: 100%; height: 100%; }
.body-swiper .filter { position: absolute; top: 0; }

.roll-swiper, .roll-swiper-filter { position: absolute; left: 0; right: 0; bottom: 0; overflow-y: scroll; }

.roll-swiper { top: 0; }

.roll-swiper-filter { top: 0.4rem; }

.refresh { height: 0.48rem; font-size: 0.13rem; line-height: 0.48rem; color: #818385; text-align: center; background: #fafafa; }
.refresh img { display: inline-block; width: 0.16rem; line-height: 0.16rem; margin-right: 0.08rem; vertical-align: middle; animation: turn 1.5s linear infinite; }

@keyframes turn { 0% { -webkit-transform: rotate(0deg); }
  25% { -webkit-transform: rotate(90deg); }
  50% { -webkit-transform: rotate(180deg); }
  75% { -webkit-transform: rotate(270deg); }
  100% { -webkit-transform: rotate(360deg); } }
.icon-box { text-align: center; }
.icon-box img { width: 0.4rem; height: 0.4rem; }
.icon-box span { width: 0.4rem; height: 0.4rem; margin: 0 auto; display: block; line-height: 0.4rem; }
.icon-box span i { font-size: 0.24rem; }
.icon-box h2 { margin-top: 0.08rem; font-size: 0.12rem; line-height: 1.4; color: #313335; }
.icon-box.icon-box-md img { width: 0.48rem; height: 0.48rem; }
.icon-box.icon-box-md span { width: 0.48rem; height: 0.48rem; line-height: 0.48rem; }
.icon-box.icon-box-md span i { font-size: 0.28rem; }

.icon-box1 { color: #ec3933; background-color: rgba(236, 57, 51, 0.1); }

.icon-box2 { color: var(--primary-select,#1092ec); background-color: rgba(16, 146, 236, 0.1); }

.icon-box3 { color: #0fb4e8; background-color: rgba(15, 180, 232, 0.1); }

.icon-box4 { color: #ffa600; background-color: rgba(255, 166, 0, 0.1); }

.icon-box5 { color: #32c670; background-color: rgba(50, 198, 112, 0.1); }

.icon-box6 { color: #9076ff; background-color: rgba(144, 118, 255, 0.1); }

.icon-box7 { color: #fe8900; background-color: rgba(254, 137, 0, 0.1); }

.login-logo { width: 1.85rem; height: 0.48rem; margin: 0.6rem auto 0; }

.login-form { margin: -0.12rem 0.32rem auto; font-size: initial; }
.login-form .inputbox { margin-top: 0.12rem; }
.login-form > p { font-size: 0.12rem; line-height: 0.2rem; color: #ec3933; }

.login-agreement { position: relative; height: 0.16rem; padding-left: 0.24rem; margin-top: 0.28rem; margin-bottom: -0.2rem; margin-right: -0.16rem; font-size: 0.12rem; line-height: 0.16rem; color: #abadaf; }
.login-agreement .form-label { position: absolute; left: 0; top: 0; }

.login-txt { height: 0.14rem; font-size: 0.14rem; }
.login-txt .pull-left { color: var(--primary-select,#1092ec); }
.login-txt .pull-right { color: #abadaf; }

.login-third { margin-top: 0.68rem; text-align: center; }
.login-third h3 { font-size: 0.14rem; color: #abadaf; }
.login-third-box { width: 0.6rem; height: 0.6rem; margin: 0 auto; display: block; }

.login-title { margin: 0.28rem 0.32rem 0.12rem; font-size: 0.24rem; color: #000; }

.login-verify { padding: 0.48rem 0.32rem 0; }
.login-verify p { font-size: 0.14rem; line-height: 0.28rem; color: #abadaf; }
.login-verify p span, .login-verify p a { color: var(--primary-select,#1092ec); }
.login-verify p a { padding: 0 0.16rem; display: inline-block; font-size: 0.13rem; line-height: 0.28rem; background: rgba(16, 146, 236, 0.08); }
.login-verify ul { margin: 0.38rem -0.035rem auto; text-align: center; }
.login-verify2box { height: 0.48rem; margin: 0 0.045rem; font-size: 0.16rem; }
.login-verify2box input { width: 100%; max-width: 0.48rem; height: 0.48rem; font-size: 0.16rem; text-align: center; line-height: 0.48rem; color: #111315; -webkit-border-radius: 0.08rem; -moz-border-radius: 0.08rem; -ms-border-radius: 0.08rem; -o-border-radius: 0.08rem; border-radius: 0.08rem; background: #f4f6f8; }

.login-pwd .step { padding-top: 0.36rem; }

.login-info { padding-bottom: 0.88rem; font-size: initial; background: #f8f8f8; }

.login-info-foot { position: fixed; left: 0; right: 0; bottom: 0; z-index: 99; font-size: initial; background: #f8f8f8; }
.login-info-foot a { margin: 0.16rem 0.32rem; display: block; font-size: 0.15rem; font-weight: bold; line-height: 0.44rem; }

.order-pay { padding-bottom: 0.94rem; }

.order-pay1 { text-align: center; }
.order-pay1 h2 { font-size: 0.16rem; color: #111315; }
.order-pay1 p { font-size: 0.32rem; }
.order-pay1 p span { font-size: 0.24rem; }
.order-pay1 p.color-primary { font-size: 0.24rem; }
.order-pay1 h6 { margin-top: 0.12rem; font-size: 0.14rem; color: #818385; }

.order-pay2 { margin: 0.4rem 0.24rem 0; }
.order-pay2 h3 { font-size: 0.14rem; color: #616365; }
.order-pay2 ul { padding-top: 0.12rem; }
.order-pay2 ul li { position: relative; font-size: 0.14rem; line-height: 0.54rem; color: #111315; border-bottom: 1px solid #eaecee; }
.order-pay2 ul li .iconfont { position: absolute; left: 0; top: 50%; margin-top: -0.12rem; font-size: 0.24rem; line-height: 1; }
.order-pay2 ul li .iconfont.icon-wechatpay { color: #32c670; }
.order-pay2 ul li .iconfont.icon-alipay { color: var(--primary-select,#1092ec); }
.order-pay2 ul li .iconfont.icon-offlinepay { color: #ec3933; }
.order-pay2 ul li .iconfont.icon-score-fill { color: #ecad33; }
.order-pay2 .form-label { display: block; }

.order-pay2s { padding-top: 0.12rem; }
.order-pay2s .form-label { height: 0.54rem; display: block; border-bottom: 1px solid #eaecee; }
.order-pay2s .form-label.active .form-label-con { color: #111315; }
.order-pay2s .form-label-btn { margin-top: 0.19rem; }
.order-pay2s .form-label-con { font-size: 0.14rem; line-height: 0.54rem; color: #111315; }
.order-pay2s .form-label-con i { margin-right: 0.12rem; font-size: 0.28rem; vertical-align: middle; }
.order-pay2s .form-label-con i.icon-wechatpay { color: #32c670; }
.order-pay2s .form-label-con i.icon-alipay { color: var(--primary-select,#1092ec); }
.order-pay2s .form-label-con i.icon-offlinepay { color: #ec3933; }
.order-pay2s .form-label-con i.icon-score-fill { color: #ecad33; }

.order-pay-time, .order-pay-oflt { margin: 0.2rem 0.24rem 0; color: #919395; }

.order-pay-time { font-size: 0.14rem; }

.order-pay-oflt p { font-size: 0.12rem; line-height: 1.4; }
.order-pay-oflt p:first-child { margin-top: 0; }
.order-pay-oflt p .color-gray { color: #616365; }
.order-pay-oflt p .color-primary { font-weight: bold; }

.order-pay-score { position: fixed; left: 0.38rem; right: 0.38rem; bottom: 0.64rem; font-size: 0.12rem; line-height: 1.4; color: #616365; }
.order-pay-score p a { color: #ec3933; }

.order-pay-foot { position: fixed; left: 0; bottom: 0; right: 0; z-index: 9; height: 0.6rem; background: #fff; }
.order-pay-foot a { margin: 0.08rem 0.38rem; }

.order-recharge { margin-top: 0.36rem; }
.order-recharge .order-pay2 { margin: 0 0.24rem; }

.order-rhg1 { margin: 0.08rem 0.2rem 0; }
.order-rhg1 ul li { width: 33.3333333333%; float: left; }
.rhgbox { position: relative; padding: 0.16rem 0; margin: 0 0.04rem; text-align: center; border: 1px solid #caccce; box-sizing: border-box; }
.rhgbox.active { border: 1px solid var(--primary-select,#1092ec); background: rgba(16, 146, 236, 0.05); }

.rhgbox1 { font-size: 0; overflow: hidden; }
.rhgbox1 h2 { font-size: 0.12rem; color: #111315; }
.rhgbox1 h2 span { margin-right: 0.02rem; font-size: 0.28rem; font-family: "PF DinText Pro"; vertical-align: -0.01rem; }
.rhgbox1 input { width: 100%; height: 0.2rem; margin-bottom: 0.08rem; font-size: 0.2rem; line-height: 0.2rem; font-family: "PF DinText Pro"; color: var(--primary-select,#1092ec); text-align: center; background: transparent; }
.rhgbox1 input::-moz-placeholder { font-size: 0.14rem; }
.rhgbox1 input:-ms-input-placeholder { font-size: 0.14rem; }
.rhgbox1 input::-webkit-input-placeholder { font-size: 0.14rem; }
.rhgbox1 p { font-size: 0.12rem; line-height: 0.14rem; color: #919395; }
.rhgbox1 .icon-tick-simple { position: absolute; right: 0; bottom: 0.01rem; z-index: 3; display: none; font-size: 0.1rem; text-align: center; color: #fff; }
.rhgbox1.active h2 { color: #313335; }
.rhgbox1.active i { display: block; }
.rhgbox1.active:after { position: absolute; z-index: 2; bottom: 0; right: 0; height: 0; width: 0; content: ""; border-color: transparent var(--primary-select,#1092ec) var(--primary-select,#1092ec) transparent; border-width: 0.1rem 0.12rem; border-style: solid; }

.rhgbox2 { font-size: initial; }
.rhgbox2 input { width: 100%; height: 0.42rem; font-size: 0.12rem; line-height: 0.42rem; color: #919395; text-align: center; }
.rhgbox2 input::-moz-placeholder { color: #111315; opacity: 1; }
.rhgbox2 input:-ms-input-placeholder { color: #111315; }
.rhgbox2 input::-webkit-input-placeholder { color: #111315; }

.order-rhg2 { margin: 0.2rem 0.24rem auto; font-size: 0.12rem; line-height: 1.4; color: #919395; }

.order-result { padding-top: 1rem; font-size: initial; text-align: center; }
.order-result > i { font-size: 0.8rem; }
.order-result h2 { font-size: 0.24rem; font-weight: bold; color: #111315; }
.order-result h4 { font-size: 0.13rem; color: #abadaf; }
.order-result.order-result1 .order-rst2 { padding-top: 0.69rem; }
.order-result.order-result-refund h4 { line-height: 1.2; }
.order-result.order-result-refund .order-rst2 { padding-top: 0.5rem; }
.order-rst1 ul { margin-top: -0.12rem; }
.order-rst1 ul li { margin-top: 0.12rem; font-size: 0.14rem; color: #919395; }
.order-rst1 ul li i { margin-right: 0.12rem; font-size: 0.18rem; vertical-align: middle; color: #abadaf; }
.order-rst1 ul li span { font-weight: bold; }
.order-rst1 p { font-size: 0.14rem; color: #919395; }

.order-rst2 { margin-left: 0.88rem; margin-right: 0.88rem; padding-top: 0.98rem; }
.order-rst2 a { margin-bottom: 0.12rem; display: block; font-size: 0.15rem; line-height: 0.44rem; font-weight: bold; }
.order-rst2 a.btn-line-gray { line-height: 0.42rem; }

.order-sure { padding-bottom: 0.49rem; background: #f8f8f8; }

.order-sure1 { padding: 0.16rem; background: #fff; }
.order-sure1 ul { margin-top: -0.16rem; }

.order-tabs-head { font-size: initial; }
.order-tabs-head a { padding: 0.05rem 0.1rem; margin-right: 0.12rem; display: inline-block; color: #111315; font-size: 0.12rem; line-height: 1; background: #fff; border: 1px solid #eaecee; box-sizing: border-box; }
.order-tabs-head a.active { color: var(--primary-select,#1092ec); background: rgba(16, 146, 236, 0.05); border: 1px solid var(--primary-select,#1092ec); }

.order-tabs-body { font-size: initial; }

.order-sure2 { padding: 0 0.16rem 0.16rem 0.16rem; background: #fff; }
.order-sure2 h3 { font-size: 0.14rem; line-height: 0.44rem; color: #111315; }

.order-sure2t1, .order-sure2t2 { font-size: 0.12rem; line-height: 0.18rem; }

.order-sure2t1 { color: #818385; }

.order-sure2t2 { position: relative; padding-right: 0.12rem; color: #919395; }
.order-sure2t2 span { margin-right: 0.28rem; color: #111315; }
.order-sure2t2 i { position: absolute; right: 0; font-size: 0.12rem; color: #111315; }

.order-foot { position: fixed; height: 0.49rem; bottom: 0; left: 0; right: 0; z-index: 100; font-size: initial; background: #fff; border-top: 0.01rem solid #eaecee; box-sizing: border-box; }
.order-foot p { font-size: 0.13rem; line-height: 0.48rem; font-weight: bold; color: #111315; }
.order-foot p span { font-size: 0.16rem; }
.order-foot .btn-primary, .order-foot .btn-line-red { min-width: 0.88rem; height: 0.36rem; margin-top: 0.06rem; margin-right: 0.16rem; font-size: 0.14rem; line-height: 0.36rem; font-weight: bold; text-align: center; }
.order-foot .btn-line-red { line-height: 0.34rem; }
.order-foot .form-label { margin-left: 0.16rem; margin-top: 0.17rem; }
.order-foot .form-label-con { font-size: 0.13rem; color: #111315; }
.order-foot.order-foot-refund { height: 0.48rem; border-top: none; }
.order-foot.order-foot-refund .form-label { margin-top: 0.16rem; }
.order-foot.order-foot-refund p { font-size: 0.14rem; line-height: 0.48rem; font-weight: normal; color: #919395; }
.order-foot.order-foot-refund p span { font-size: inherit; }
.order-foot.order-foot-refund .btn-primary { width: 1.1rem; }
.order-foot.order-foot-refund [class*="btn-line"] { width: 0.82rem; margin-top: 0.1rem; margin-left: 0.08rem; font-size: 0.13rem; line-height: 0.26rem; font-weight: 500; }
.order-foot.order-foot-refund [class*="btn-line"]:first-child { margin-right: 0.16rem; }
.order-foot.order-foot-refund [class*="btn-line"]:last-child { margin-left: 0; }

.order-bill-article { padding: 0.16rem 0.24rem; font-size: 0.14rem; line-height: 1.8; color: #111315; }

.order-bill-note { margin: 0.08rem 0.08rem 0; padding: 0.16rem; font-size: 0.12rem; line-height: 0.18rem; color: #ec3933; text-align: center; background: linear-gradient(0, rgba(236, 57, 51, 0.1), rgba(236, 57, 51, 0.1)), #fff; }
.order-bill-note i { margin-right: 0.08rem; display: inline-block; font-size: 0.14rem; line-height: inherit; vertical-align: top; }

.order-bill-main { padding-bottom: 1.41rem; background: #f8f8f8; }

.order-bill { margin: 0.08rem 0.08rem 0; padding: 0.16rem 0.12rem; font-size: 0.13rem; background: #fff; -webkit-border-radius: 0.08rem; -moz-border-radius: 0.08rem; -ms-border-radius: 0.08rem; -o-border-radius: 0.08rem; border-radius: 0.08rem; }
.order-bill h3 { font-size: 0.13rem; line-height: 1.2; color: #111315; font-weight: bold; }

.order-bill-item { position: relative; min-height: 0.3rem; padding-left: 0.72rem; }
.order-bill-item span { position: absolute; left: 0; width: 0.72rem; font-size: 0.12rem; line-height: 0.3rem; color: #313335; text-align: left; }
.order-bill-item span em { margin-left: 0.03rem; font-style: normal; }
.order-bill-item.order-bill-item-more span { color: #111315; }
.order-bill-item.order-bill-item-city i { position: absolute; top: 50%; right: 0.08rem; z-index: 3; margin-top: -0.06rem; font-size: 0.12rem; color: #919395; }
.order-bill-item.order-bill-item-city input { line-height: 0.3rem; }

.order-bill-input { position: relative; padding: 0 0.12rem; height: 0.3rem; line-height: 0.3rem; background: #f8f8f8; }
.order-bill-input input { width: 100%; height: 0.3rem; font-size: 0.12rem; line-height: 0.3rem; color: #111315; background: transparent; }
.order-bill-input input::-moz-placeholder { color: #babcbe; opacity: 1; }
.order-bill-input input:-ms-input-placeholder { color: #babcbe; }
.order-bill-input input::-webkit-input-placeholder { color: #babcbe; }

.order-bill-list { position: absolute; left: 0; right: 0; z-index: 9; padding: 0.08rem 0.12rem; max-height: 1rem; overflow-y: scroll; background: #f8f8f8; }
.order-bill-list ul li { padding: 0.08rem 0; font-size: 0.12rem; line-height: 0.18rem; color: #919399; border-bottom: 1px solid #eaecee; }
.order-bill-list ul li:last-child { border-bottom: none; }


.order-bill-txt { font-size: 0.12rem; line-height: 1.5; color: #818385; }

.order-bill-more { font-size: 0.12rem; line-height: 0.3rem; color: #919395; cursor: pointer; }
.order-bill-more i { font-size: 0.12rem; color: #111315; }
.order-bill-more p.vis-hidden { visibility: hidden; }

.order-bill-foot { position: fixed; bottom: 0; left: 0; right: 0; z-index: 100; height: 1.33rem; background: #fff; border-top: 1px solid #eaecee; box-sizing: border-box; }

.order-bill-foots { padding: 0 0.16rem 0.08rem; font-size: 0; }
.order-bill-foots p { font-size: 0.13rem; font-weight: bold; color: #111315; }
.order-bill-foots p span { font-size: 0.16rem; }
.order-bill-foots .form-label.active .form-label-con { color: #919395; }
.order-bill-foots .form-label-btn { -webkit-border-radius: 0.04rem; -moz-border-radius: 0.04rem; -ms-border-radius: 0.04rem; -o-border-radius: 0.04rem; border-radius: 0.04rem; }
.order-bill-foots .form-label-con { font-size: 0.12rem; color: #919395; }

.cart { padding-bottom: 0.49rem; background: #f6f6f6; }

.cart-list { font-size: initial; background: #fff; }
.cart-list h3 { margin: 0 0.16rem; height: 0.44rem; font-size: 0.14rem; line-height: 0.44rem; color: #111315; }
.cart-list h3 span { font-size: 0.12rem; cursor: pointer; }
.cart-list.cart-slide-del { margin-right: 0; }
.cart-list.cart-list-edit { margin-right: 0; }

.cart-slide-del { overflow: hidden; }
.cart-slide-del li { position: relative; width: 100%; overflow: hidden; }
.cart-slide-del li > a { display: block; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

.order-refund-step { padding: 0.16rem 0; background: #fff; }

.order-refund1 { padding: 0 0.16rem; background: #fff; }
.order-refund1 > h3 { padding: 0.16rem 0 0.12rem; font-size: 0.15rem; line-height: 0.21rem; color: #111315; font-weight: bold; }
.order-refund1 .cart-item h2 { margin-right: 0.44rem; }

.order-refund-reason { position: relative; padding: 0 0.16rem; height: 0.46rem; font-size: 0.14rem; line-height: 0.46rem; color: #111315; background: #fff; }
.order-refund-reason span { left: 0.16rem; position: absolute; width: 0.64rem; }
.order-refund-reason i { margin-left: 0.08rem; font-size: 0.12rem; }
.order-refund-reason p { margin-left: 0.64rem; text-align: right; font-size: 0.12rem; color: #919395; }

.my-bg2 { min-height: 2.37rem; background-image: url(../images/bg/my-bg2.jpg); }
.my-bg2 header { background: transparent; }

.my-data { margin: 0 0.24rem; }
.my-databox { margin-top: 0.12rem; text-align: center; color: #fff; }
.my-databox h2 { font-size: 0.56rem; vertical-align: top; }
.my-databox p { font-size: 0.14rem; line-height: 0.18rem; }
.my-databox p i { font-size: 0.14rem; }

.my-bg1 { min-height: 3rem; background-color: #f8f8f8; background-image: url(../images/bg/my-bg1.png); }
.my-bg1 header { background: transparent; }

.my-idx1, .my-idx2, .my-idx3, .my-idx3-roll, .my-idx5 { margin: 0.08rem 0.16rem 0; }

.my-idx1 { position: relative; min-height: 0.54rem; padding-left: 0.74rem; padding-right: 0.64rem; font-size: 0; }
.my-idx1 img { position: absolute; left: 0.08rem; width: 0.54rem; height: 0.54rem; }
.my-idx1 h2, .my-idx1 h4 { font-size: 0.16rem; font-weight: bold; color: #111315; }
.my-idx1 h2 { padding-top: 0.07rem; line-height: 1.4; }
.my-idx1 h4 { padding-top: 0.16rem; line-height: 0.22rem; }
.my-idx1 p { margin-top: 0.02rem; font-size: 0.12rem; line-height: 0.16rem; color: #919395; }
.my-idx1 p.color-primary { color: var(--primary-select,#1092ec); }
.my-idx1 p i { display: inline-block; margin-right: 0.04rem; font-size: 0.14rem; line-height: inherit; vertical-align: top; }
.my-idx1 a { position: absolute; right: 0; top: 50%; width: 0.22rem; height: 0.22rem; margin-top: -0.11rem; line-height: 0.22rem; text-align: center; }
.my-idx1 a i { font-size: 0.14rem; color: #babcbe; }

.my-idx2box { position: relative; text-align: center; }
.my-idx2box:after { position: absolute; top: 50%; right: 0; width: 1px; height: 0.24rem; content: ''; background: #dadcde; margin-top: -0.12rem; }
.my-idx2box h2 { font-size: 0.2rem; line-height: 0.2rem; color: #111315; font-weight: bold; vertical-align: top; }
.my-idx2box h2 span { letter-spacing: -0.02em; }
.my-idx2box h2 mark { display: inline-block; width: 0.44rem; height: 0.24rem; margin: -0.12rem -0.22rem -0.12rem 0.02rem; font-size: 0.16rem; line-height: 0.24rem; vertical-align: middle; color: #616365; transform: scale(0.5); transform-origin: left center; background: #ebedef; }
.my-idx2box p { margin-top: 0.02rem; font-size: 0.12rem; line-height: 1.4; color: #919395; }
.my-idx2box p mark { padding: 0 0.04rem; display: inline-block; font-size: 0.1rem; line-height: 0.14rem; vertical-align: middle; -webkit-border-radius: 0.4rem 0 0.4rem 0.4rem; -moz-border-radius: 0.4rem 0 0.4rem 0.4rem; -ms-border-radius: 0.4rem 0 0.4rem 0.4rem; -o-border-radius: 0.4rem 0 0.4rem 0.4rem; border-radius: 0.4rem 0 0.4rem 0.4rem; }
.my-idx2box p mark.label-primary { background: var(--primary-select,#1092ec); }

.my-idx2-data1 { padding: 0.08rem 0; }
.my-idx2-data1 .my-idx2box:last-child:after { display: none; }

.my-idx2-data2 .my-idx2box:after, .my-idx2-data3 .my-idx2box:after { display: none; }

.my-idx2-data2 { margin: 0.08rem 0 0; padding: 0.12rem 0 0.16rem; }

.my-idx2-data3 { padding: 0.12rem 0 0; text-align: center; }
.my-idx2-data3 .swiper-container { padding-bottom: 0.18rem; }

.my-idx3, .my-idx3-roll, .my-idx4, .my-idx5 { background: #fff; }

.my-idx3 { padding: 0.16rem 0 0.18rem; font-size: 0; }
.my-idx3 ul { margin-top: -0.18rem; }
.my-idx3 ul li { margin-top: 0.18rem; }
.my-idx3box { display: block; text-align: center; }
.my-idx3box img { width: 0.3rem; height: 0.3rem; display: block; margin: 0 auto; }
.my-idx3box i { font-size: 0.3rem; color: var(--primary-select,#1092ec); }
.my-idx3box h2 { margin-top: 0.04rem; font-size: 0.12rem; line-height: 1.4; font-weight: bold; color: #313335; }

.my-idx3-roll { padding-bottom: 0.12rem; }
.my-idx3-roll .my-idx3box { margin-top: 0.18rem; }
.my-idx3-roll .swiper-container { position: relative; padding-bottom: 0.18rem; }

.my-idx4 { margin: 0.08rem 0.16rem 0.16rem; }
.my-idx4 ul li { position: relative; margin: 0 0.08rem 0 0.42rem; height: 0.48rem; font-size: 0.13rem; line-height: 0.48rem; font-weight: bold; color: #000; border-bottom: 1px solid #eaecee; }
.my-idx4 ul li:last-child { border-bottom: none; }
.my-idx4 ul li i { position: absolute; top: 0; left: -0.3rem; width: 0.18rem; font-size: 0.18rem; text-align: center; line-height: 0.48rem; font-weight: normal; }
.my-idx4 ul li span { margin-right: 0.04rem; font-size: 0.14rem; font-weight: normal; color: #babcbe; }

.my-idx5 { padding-bottom: 0.16rem; }
.my-idx5 h3 { padding: 0.12rem 0.12rem 0; font-size: 0.15rem; color: #000; font-weight: bold; }
.my-idx5 ul li { width: 25%; float: left; margin-top: 0.2rem; }

.my-idx-group .my-idx2-data2 { padding: 0.12rem 0 0.12rem; }

.my-bill1, .my-bill2, .my-bill3 { position: absolute; top: 0.8rem; background: #f8f8f8; }

.my-bill1 { bottom: 0.49rem; }
.my-bill1-list { padding: 0.08rem; }
.my-bill1-list ul { margin-top: -0.08rem; }

.my-bill-box1 { position: relative; padding: 0.16rem 0.16rem 0.16rem 0.44rem; font-size: 0.13rem; line-height: 0.2rem; color: #818385; background: #fff; }
.my-bill-box1 h4 { font-size: inherit; color: #111315; font-weight: bold; }
.my-bill-box1 p { margin-top: 0.04rem; }
.my-bill-box1 .color-price { position: absolute; top: 50%; right: 0.12rem; margin-top: -0.1rem; font-size: 0.2rem; font-weight: 700; vertical-align: bottom; transform: scale(0.5); transform-origin: right center; }
.my-bill-box1 .color-price span { font-size: 0.28rem; }
.my-bill-box1 .form-label { position: absolute; left: 0.12rem; top: 50%; margin-top: -0.08rem; }

.my-bill2-head { position: fixed; top: 0.8rem; left: 0; right: 0; z-index: 9; height: 0.39rem; padding-top: 0.03rem; background: #fff; }
.my-bill2-head .my-bill-box2 { color: #818385; border-bottom: none; }

.my-bill2-body { padding-top: 0.42rem; }

.my-bill-box2 { position: relative; height: 0.49rem; padding-right: 0.44rem; font-size: 0.13rem; line-height: 0.48rem; color: #111315; box-sizing: border-box; border-bottom: 1px solid #eaecee; }
.my-bill-box2 ul li { float: left; }
.my-bill-box2 ul li.w1 { width: 30%; text-align: left; }
.my-bill-box2 ul li.w2 { width: 55%; text-align: center; }
.my-bill-box2 ul li.w3 { width: 15%; text-align: right; }
.my-bill-box2 i { position: absolute; top: 50%; right: 0.12rem; margin-top: -0.08rem; font-size: 0.16rem; line-height: 1; color: #babcbe; }
.my-bill-box2 .color-price { font-weight: bold; }

.my-bill3 { padding: 0.08rem; }
.my-bill3 ul { margin-top: -0.08rem; }

.my-bill-box3 { padding: 0.16rem 0.16rem 0; background: #fff; box-shadow: 0 0.09rem 0.28rem rgba(0, 0, 0, 0.05); overflow: hidden; }
.my-bill-box3 h4 { font-size: 0.11rem; line-height: 0.12rem; color: #818385; }
.my-bill-box3 h4 i { display: inline-block; font-size: 0.12rem; line-height: inherit; vertical-align: top; }
.my-bill-box3 h4 i.icon-shijian { margin-right: 0.04rem; }
.my-bill-box3 h2 { margin-top: 0.12rem; padding-bottom: 0.12rem; font-size: 0.18rem; line-height: 0.28rem; color: #111315; }
.my-bill-box3 h2 span { margin-top: 0.05rem; margin-left: 0.08rem; padding: 0 0.08rem; display: inline-block; font-size: 0.1rem; line-height: 0.18rem; vertical-align: top; color: #616365; background: #f4f6f8; }
.my-bill-box3 h6 { margin: 0 -0.16rem; padding: 0.08rem 0.16rem; font-size: 0.12rem; line-height: 0.28rem; color: #818385; background: #f4f6f8; }
.my-bill-box3 h6 a { padding: 0 0.12rem; font-size: 0.13rem; line-height: 0.26rem; border: 0.01rem solid #eaecee; color: #313335; }
.my-bill-box3 h6 a.disabled { color: #919395; }

.my-bills-main { padding-bottom: 0.84rem; background: #f8f8f8; }

.my-bills1 { margin: 0.08rem 0.08rem 0; padding: 0.16rem; background: #fff; }

.my-bills1 > ul { margin-top: -0.12rem; }
.my-bills1 > ul > li { position: relative; margin-top: 0.12rem; padding-left: 0.68rem; font-size: 0.13rem; line-height: 0.2rem; color: #111315; }
.my-bills1 > ul > li > span { position: absolute; left: 0; width: 0.65rem; color: #818385; }
.my-bills1 > ul > li mark { display: inline-block; }
.my-bills1 > ul > li > p { font-size: 0.12rem; line-height: 1; color: #abadaf; }

.my-order { top: 0.8rem; font-size: 0; background: #f8f8f8; }

.my-order-list ul { margin-top: -0.08rem; }
.my-order-list ul li { margin-top: 0.08rem; }
.my-order-box { position: relative; padding: 0.12rem; background: #fff; }
.my-order-box h3 { height: 0.18rem; font-size: 0.13rem; line-height: 0.18rem; color: #111315; overflow: hidden; }
.my-order-box mark { margin-left: 0.12rem; }

.my-order-num { position: absolute; right: 0; top: 0; width: 0.6rem; height: 0.48rem; text-align: right; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; flex-direction: column; -webkit-flex-direction: column; justify-content: center; }
.my-order-num p { height: 0.14rem; font-size: 0.1rem; line-height: 0.14rem; font-weight: 700; color: #111315; }
.my-order-num p span { font-size: 0.14rem; }
.my-order-num h4 { margin-top: 0.06rem; font-size: 0.11rem; }
.my-order-num.my-order-num-top { justify-content: flex-start; }

.my-order-pic { position: relative; margin-top: 0.1rem; padding-right: 0.6rem; }

.my-order-pic1 { height: 0.48rem; padding-right: 0; }
.my-order-pic1 .swiper-slide { width: 0.72rem; margin-right: 0.04rem; }
.my-order-pic1 img { width: 0.72rem; height: 0.48rem; -webkit-border-radius: 0.03rem; -moz-border-radius: 0.03rem; -ms-border-radius: 0.03rem; -o-border-radius: 0.03rem; border-radius: 0.03rem; }
.my-order-pic1 .my-order-num { top: 0; bottom: 0; z-index: 9; background: rgba(255, 255, 255, 0.9); }

.my-order-pic2 { min-height: 0.48rem; padding-left: 0.8rem; }
.my-order-pic2 h2 { font-size: 0.13rem; line-height: 1.2; font-weight: bold; color: #111315; display: -webkit-flex; display: flex; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; -moz-box-orient: vertical; }
.my-order-pic2 > p { margin-top: 0.04rem; font-size: 0.11rem; line-height: 1.2; color: #919395; }
.my-order-pic2 .pic { position: absolute; left: 0; top: 0; width: 0.72rem; height: 0.48rem; }
.my-order-pic2 .pic img { width: 0.72rem; height: 0.48rem; -webkit-border-radius: 0.03rem; -moz-border-radius: 0.03rem; -ms-border-radius: 0.03rem; -o-border-radius: 0.03rem; border-radius: 0.03rem; }

.my-order-opt { position: relative; padding-top: 0.1rem; }
.my-order-opt p { position: absolute; left: 0; top: 0.1rem; font-size: 0.12rem; line-height: 0.28rem; }
.my-order-opt p i { margin-right: 0.04rem; display: inline-block; font-size: 0.14rem; line-height: inherit; vertical-align: top; }
.my-order-opt span { width: 0.8rem; display: inline-block; font-size: 0.13rem; line-height: 0.26rem; text-align: center; box-sizing: border-box; }

.my-order-state { position: absolute; bottom: 0; right: 0; width: 0.68rem; font-size: 0.12rem; line-height: 0.2rem; text-align: center; }

.my-order-slide li { position: relative; width: 100%; overflow: hidden; }
.my-order-slide li > a { display: block; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }
.my-order-slide .slide-del-opt, .my-order-slide .cart-opt { top: 0; bottom: 0; }

.my-order-more { padding: 0.16rem 0; font-size: 0.12rem; color: #babcbe; }

.my-orders { background: #f8f8f8; }

.my-orders1, .my-orders2 { margin: 0.08rem; padding: 0 0.12rem; background: #fff; }
.my-orders1 h3, .my-orders2 h3 { padding-bottom: 0.12rem; font-size: 0.14rem; line-height: 1.2; font-weight: bold; color: #111315; }

.my-orders1 { padding-bottom: 0.12rem; }
.my-orders1 ul { margin-top: -0.16rem; }
.my-orders1 .my-order-pic { margin-top: 0; padding-right: 0.76rem; }
.my-orders1 .my-order-num.my-order-score h4 { margin-top: 0; }
.my-orders1 .my-order-num.my-order-score p { margin-top: 0.06rem; }
.my-orders1 .my-order-num.my-order-score p span { margin-right: 0.02rem; vertical-align: bottom; }

.my-orders2 ul { padding: 0.12rem 0; border-top: 1px solid #eaecee; }
.my-orders2 ul li { position: relative; min-height: 0.2rem; padding-left: 0.92rem; font-size: 0.12rem; line-height: 0.2rem; color: #111315; }
.my-orders2 ul li:first-child { margin-top: 0; }
.my-orders2 ul li span { position: absolute; left: 0; top: 0; width: 0.6rem; }
.my-orders2 ul li mark { display: inline-block; width: 0.52rem; margin-top: 0.03rem; font-size: 0.1rem; line-height: 0.14rem; text-align: center; font-weight: bold; vertical-align: top; }
.my-orders2 .order-pay-oflt { margin: 0; padding-bottom: 0.12rem; }

.my-menu { position: fixed; top: 1.6rem; left: 0; right: 0; bottom: 0; padding: 0.16rem 0.24rem 0.2rem 0.24rem; line-height: 0.22rem; background: #fff; -webkit-border-radius: 0.16rem 0.16rem 0 0; -moz-border-radius: 0.16rem 0.16rem 0 0; -o-border-radius: 0.16rem 0.16rem 0 0; -ms-border-radius: 0.16rem 0.16rem 0 0; border-radius: 0.16rem 0.16rem 0 0; -webkit-border-radius: 0.16rem 0.16rem 0 0; -moz-border-radius: 0.16rem 0.16rem 0 0; -ms-border-radius: 0.16rem 0.16rem 0 0; -o-border-radius: 0.16rem 0.16rem 0 0; border-radius: 0.16rem 0.16rem 0 0; }
.my-menu h3 { font-size: 0.16rem; color: #111315; font-weight: bold; }
.my-menu a { font-size: 0.13rem; font-weight: normal; color: #919395; }
.my-menu a i { margin-left: 0.04rem; font-size: 0.13rem; }
.my-menu a.btn-primary { padding: 0 0.1rem; font-size: 0.12rem; color: #fff; }

.my-score, .my-integral { position: fixed; top: 2.18rem; left: 0; right: 0; bottom: 0; overflow-y: scroll; background: #fff; }

.mian-score-note .my-menu { top: 2.02rem; }
.mian-score-note .my-score { top: 2.6rem; }

.my-score-note { position: fixed; left: 0; right: 0; top: 1.6rem; height: 0.32rem; padding: 0.05rem 0.16rem 0.21rem 0.38rem; line-height: 0.18rem; background: linear-gradient(90deg, #FDF2E2 0%, #FBF4E2 100%); border-radius: 0.16rem 0.16rem 0 0; color: #a55900; }
.my-score-note i { position: absolute; left: 0.12rem; top: 0.12rem; font-size: 0.18rem; }
.my-score-note-roll { height: 0.32rem; overflow: hidden; }
.my-score-note-roll ul { width: 100%; height: 100%; }
.my-score-note-roll ul li { width: 100%; height: 0.32rem; display: flex; display: -webkit-flex; align-items: center; font-size: 0.12rem; line-height: 0.16rem; color: #a55900; }
.my-score-note-roll ul li h2 { font-size: 0.12rem; display: -webkit-flex; display: flex; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; -moz-box-orient: vertical; }

.my-integral ul li { padding: 0.16rem 0; margin: 0 0.24rem; border-bottom: 1px solid #eaecee; }
.my-integral ul li:last-child { border-bottom: none; }
.my-integral ul li:first-child { padding: 0 0 0.16rem; }
.my-integralbox { position: relative; height: 0.4rem; padding-left: 0.52rem; padding-right: 0.8rem; }
.my-integralbox img { position: absolute; left: 0; width: 0.4rem; height: 0.4rem; }
.my-integralbox h2 { padding-top: 0.03rem; font-size: 0.14rem; color: #111315; }
.my-integralbox p { font-size: 0.12rem; color: #818385; }
.my-integralbox a { position: absolute; top: 50%; right: 0; min-width: 0.4rem; padding: 0 0.16rem; margin-top: -0.14rem; font-size: 0.13rem; line-height: 0.28rem; text-align: center; }

.my-integrals { padding: 0 0.16rem; background: #f8f8f8; }
.my-integrals h3 { position: relative; padding: 0.16rem 0 0.16rem 0.11rem; font-size: 0.16rem; line-height: 0.22rem; color: #111315; font-weight: bold; }
.my-integrals h3 i { position: absolute; left: 0; top: 50%; margin-top: -0.075rem; width: 0.03rem; height: 0.15rem; background: var(--primary-select,#1092ec); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.my-integrals ul { background: #fff; }
.my-integrals ul li { box-sizing: border-box; border-bottom: 1px solid #ebedef; }
.my-integrals ul li:last-child { border-bottom: none; }
.my-integralsbox { position: relative; padding: 0.12rem 0; }
.my-integralsbox h2 { font-size: 0.14rem; color: #111315; font-weight: bold; }
.my-integralsbox p { font-size: 0.12rem; color: #abadaf; }
.my-integralsbox span { position: absolute; right: 0.16rem; top: 50%; margin-top: -0.09rem; height: 0.18rem; padding-left: 0.22rem; font-size: 0.14rem; line-height: 0.18rem; color: #ec3933; font-weight: bold; background-image: url(../images/icon/icon-start.png); background-position: left center; background-size: contain; background-repeat: no-repeat; }

.my-integral-rule { padding: 0.16rem 0.32rem 0; color: #414345; }
.my-integral-rule h3 { font-size: 0.16rem; line-height: 0.18rem; color: #111315; font-weight: bold; }
.my-integral-rule p { font-size: 0.14rem; line-height: 1.6; }

.my-question ul li { font-size: 0.13rem; line-height: 0.37rem; color: #414345; border-bottom: 1px solid #ebedef; }
.my-question ul li i { font-size: 0.12rem; color: #abadaf; }

.my-score { bottom: 0.6rem; line-height: 1.4; }
.my-score ul li { margin: 0 0.24rem; padding: 0.12rem 0; border-bottom: 1px solid #eaedef; }
.my-score ul li:first-child { padding: 0 0 0.12rem; }
.my-score ul li h2 { font-size: 0.14rem; color: #111315; }
.my-score ul li h2 span { font-size: 0.13rem; }
.my-score ul li h2 i { margin-left: 0.04rem; font-size: 0.12rem; color: var(--primary-select,#1092ec); }
.my-score ul li p { margin-top: 0.04rem; font-size: 0.13rem; color: #abadaf; }

.my-score-empty .empty { padding-top: 0; }

.my-set ul li { font-size: 0.14rem; line-height: 0.37rem; color: #111315; border-bottom: 1px solid #ebedef; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
.my-set ul li span { font-size: 0.14rem; color: #abadaf; }
.my-set ul li span i { font-size: 0.12rem; vertical-align: middle; }
.my-set ul li > em { font-style: normal; }
.my-set .switch { margin-top: 0.07rem; }

.btn-my-set { position: fixed; bottom: 0.16rem; left: 0.16rem; right: 0.16rem; font-size: 0.15rem; line-height: 0.44rem; font-weight: bold; }

.my-about-logo { margin-top: 0.52rem; text-align: center; }
.my-about-logo img { width: 1rem; height: 1.04rem; margin: 0 auto; }
.my-about-logo h2 { margin-top: 0.12rem; font-size: 0.16rem; line-height: 0.18rem; color: #919395; }

.my-about-list { margin-top: 0.48rem; }
.my-about-list ul li { font-size: 0.14rem; line-height: 0.43rem; color: #111315; border-bottom: 1px solid #ebedef; }
.my-about-list ul li span { font-size: 0.14rem; color: #abadaf; }
.my-about-list ul li span i { font-size: 0.12rem; vertical-align: middle; }

.my-form h4, .my-form h6 { text-align: center; }
.my-form h4 { padding-top: 0.6rem; font-size: 0.14rem; color: #919395; }
.my-form h6 { padding-bottom: 0.4rem; font-size: 0.18rem; color: #111315; font-weight: bold; }
.my-form .inputbox { font-size: 0.14rem; }
.my-form .inputbox input { padding-left: 0.12rem; line-height: 0.44rem; background: #f8f8f8; border-bottom: none; }
.my-form .input-opt { right: 0.12rem; }
.my-form .input-opt i { font-size: 0.18rem; }
.my-form .input-verify a { background: transparent; }
.my-form-note { font-size: 0.12rem; line-height: 1.4; color: #babcbe; }

.my-safe-form { padding: 0.04rem 0.16rem 0; }

.my-info { font-size: initial; background: #f8f8f8; }

.my-info-set { padding: 0.04rem 0.16rem 0; }

.my-feedback { padding: 0 0.16rem; font-size: initial; }
.my-feedback h3 { font-size: 0.13rem; line-height: 1.2; color: #111315; font-weight: bold; }
.my-feedback h3:first-child { margin-top: 0.12rem; }
.my-feedback .textareabox { height: 1.2rem; }
.my-feedback .textareabox textarea { height: 0.92rem; font-size: 0.14rem; }
.my-feedback .inputbox { margin-top: 0; }

.my-feedback-footer .btn-primary { margin: 0.08rem 0.16rem; }

.my-feedback-upload .upload-box { margin-right: 0.1rem; display: inline-block; }

.upload-box { position: relative; width: 0.8rem; height: 0.8rem; text-align: center; font-size: initial; line-height: 0.78rem; border: 1px solid #ebedef; }
.upload-box .icon-tianjia { font-size: 0.38rem; color: #ebedef; }
.upload-box .icon-error { position: absolute; top: -0.07rem; right: -0.07rem; font-size: 0.14rem; line-height: 1; color: #000; }
.upload-box img { width: 100%; height: auto; }

.my-feedback-contact { padding: 0.16rem; border: 1px solid #ebedef; }
.my-feedback-contact h4, .my-feedback-contact p { font-size: 0.12rem; }
.my-feedback-contact h4 { line-height: 1.5; color: #abadaf; }
.my-feedback-contact p { line-height: 1.6; color: #616365; }
.my-feedback-contact p i { margin-right: 0.04rem; font-size: 0.12rem; }

.crop { background: #000; }
.crop .cropper-canvas { left: 0; right: 0; }
.crop-pic { position: absolute; top: 0.26rem; bottom: 1.28rem; left: 0.1rem; right: 0.1rem; overflow: hidden; }
.crop-pic > img { width: 100%; height: auto; opacity: .3; }

.crop-rotate { position: absolute; left: 0.24rem; bottom: 0.66rem; width: 0.2rem; height: 0.2rem; }
.crop-rotate a { font-size: 0.2rem; display: block; color: #fff; }
.crop-rotate a i { font-size: 0.2rem; }

.crop-footer { position: absolute; bottom: 0; left: 0; right: 0; height: 0.5rem; font-size: 0.14rem; line-height: 0.5rem; font-weight: bold; text-align: center; }
.crop-footer a { display: inline-block; }
.crop-footer .crop-cancel, .crop-footer .crop-finish { position: absolute; color: #fff; }
.crop-footer .crop-cancel { left: 0.24rem; }
.crop-footer .crop-finish { right: 0.24rem; }
.crop-footer .crop-revert { color: rgba(255, 255, 255, 0.5); }

.my-certificate { padding-bottom: 0.12rem; }
.my-certificate ul { margin: 0 0.12rem; }
.my-certificate ul li { width: 50%; float: left; }
.my-certificate .certbox { margin: 0 0.04rem; }
.certbox-pic { position: relative; }
.certbox-pic img { width: 100%; height: auto; -webkit-border-radius: 0.08rem 0.08rem 0 0; -moz-border-radius: 0.08rem 0.08rem 0 0; -ms-border-radius: 0.08rem 0.08rem 0 0; -o-border-radius: 0.08rem 0.08rem 0 0; border-radius: 0.08rem 0.08rem 0 0; }
.certbox-pic mark { position: absolute; left: 0; top: 0; padding: 0 0.04rem; font-size: 0.1rem; line-height: 0.18rem; color: #fff; -webkit-border-radius: 0.06rem 0; -moz-border-radius: 0.06rem 0; -ms-border-radius: 0.06rem 0; -o-border-radius: 0.06rem 0; border-radius: 0.06rem 0; }
.certbox-pic mark.label-gray { color: #fff; background: #bfbfbf; }

.certbox-txt { padding-top: 0.08rem; border: 1px solid #EAECEE; border-top: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0 0 0.08rem 0.08rem; -moz-border-radius: 0 0 0.08rem 0.08rem; -ms-border-radius: 0 0 0.08rem 0.08rem; -o-border-radius: 0 0 0.08rem 0.08rem; border-radius: 0 0 0.08rem 0.08rem; }
.certbox-txt h2 { margin: 0 0.08rem 0.08rem 0.08rem; height: 0.34rem; font-size: 0.14rem; line-height: 0.17rem; color: #111315; display: -webkit-flex; display: flex; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; -moz-box-orient: vertical; }

.my-survey { padding-bottom: 0.12rem; }
.my-survey ul li { margin-top: 0.08rem; }
.my-survey-box { margin: 0 0.08rem; }
.my-survey .my-survey-box { padding: 0.12rem; background: #fff; }
.my-survey .my-survey-box h2 { position: relative; height: 0.2rem; padding-left: 0.54rem; font-size: 0.14rem; line-height: 0.2rem; font-weight: bold; color: #111315; }
.my-survey .my-survey-box h2 span { position: absolute; width: 0.46rem; height: 0.18rem; left: 0; top: 50%; margin-top: -0.09rem; font-size: 0.1rem; line-height: 0.18rem; font-weight: normal; text-align: center; }
.my-survey .my-survey-box h4 { margin-top: 0.02rem; font-size: 0.12rem; line-height: 0.18rem; color: #abadaf; }
.my-survey .my-survey-box h4 i { margin-right: 0.04rem; font-size: 0.14rem; vertical-align: -0.01rem; }

.my-code { padding-top: 0.72rem; text-align: center; }
.my-code i { font-size: 1.2rem; color: #111315; }
.my-code h2, .my-code h4 { line-height: 0.18rem; }
.my-code h2 { font-size: 0.16rem; font-weight: bold; color: #111315; }
.my-code h4 { font-size: 0.14rem; color: #818385; }

.my-code-foot { position: fixed; left: 0; bottom: 0; right: 0; font-size: initial; }
.my-code-foot a { margin: 0 0.24rem 0.08rem 0.24rem; display: block; font-size: 0.15rem; line-height: 0.44rem; font-weight: bold; text-align: center; }

.my-scan { color: #fff; text-align: center; flex-direction: column; background: #000; }
.my-scan h2 { display: block; }

.my-scan-box { position: relative; width: 2.36rem; height: 2.36rem; border: 1px solid #fff; }
.my-scan-box span { position: absolute; width: 0.2rem; height: 0.2rem; background: transparent; box-sizing: border-box; z-index: 2; }
.my-scan-box span.my-scan-tl { left: -0.02rem; top: -0.02rem; border-top: 0.02rem solid #fff; border-left: 0.02rem solid #fff; }
.my-scan-box span.my-scan-tr { right: -0.02rem; top: -0.02rem; border-top: 0.02rem solid #fff; border-right: 0.02rem solid #fff; }
.my-scan-box span.my-scan-bl { left: -0.02rem; bottom: -0.02rem; border-bottom: 0.02rem solid #fff; border-left: 0.02rem solid #fff; }
.my-scan-box span.my-scan-br { right: -0.02rem; bottom: -0.02rem; border-bottom: 0.02rem solid #fff; border-right: 0.02rem solid #fff; }
.my-scan-line { position: absolute; left: 0; right: 0; top: 0; height: 0.4rem; background: linear-gradient(180deg, rgba(16, 146, 236, 0) 0%, rgba(16, 146, 236, 0.7) 100%); box-shadow: inset 0 0 0.08rem rgba(0, 0, 0, 0.2); /*动画效果*/ animation: myScan 2s infinite; -webkit-animation: myScan 2s infinite; }

@keyframes myScan { from { top: 0; }
  to { top: 1.96rem; } }
.my-scan-txt { margin-top: 0.26rem; }
.my-scan-txt h2 { padding-bottom: 0.16rem; font-size: 0.14rem; line-height: 0.18rem; font-weight: bold; }
.my-scan-txt i { font-size: 0.24rem; }

.study header { background: #fafafa; }
.study header h2 { text-align: left; }
.study .tabs-con { font-size: 0.14rem; }

.study-tab-menu { position: fixed; left: 0; right: 0; top: 0.44rem; z-index: 99; height: 0.36rem; font-size: 0.14rem; line-height: 0.36rem; text-align: center; background: #fafafa; }
.study-tab-menu a { position: relative; display: block; color: #313335; }
.study-tab-menu a span { position: absolute; left: 50%; bottom: 0; width: 0; height: 0.02rem; }
.study-tab-menu a.active { font-weight: bold; color: #111315; }
.study-tab-menu a.active span { width: 0.16rem; margin-left: -0.08rem; background: var(--primary-select,#1092ec); }
.study-tab-menu.over-box, .study-tab-menu.pop-share-row1 { text-align: left; }
.study-tab-menu.over-box a, .study-tab-menu.pop-share-row1 a { padding: 0 0.12rem; display: inline-block; }

.study-more { padding: 0 0.16rem; font-size: 0.24rem; }

.main-study { top: 0.8rem; padding-top: 0.4rem; }

.main-study1 { top: 0.84rem; }
.main-study1 .filter { top: 0.44rem; }

.study-course-word { padding: 0.08rem 0.16rem 0; }
.study-course-word .textareabox textarea { height: 1.2rem; }

.study-search-result { padding: 0.08rem 0.16rem; font-size: 0.13rem; color: #414345; clear: both; }

.empty-filter .study-search-result { position: fixed; left: 0; top: 1.2rem; }

.study-rank { position: relative; }
.study-rank:after { position: absolute; top: 0; left: 0; right: 0; height: 2.8rem; content: ''; background-image: linear-gradient(179.86deg, var(--primary-select,#1092ec) 14.65%, rgba(16, 146, 236, 0.38) 99.88%); }
.study-rank-tabmenu { font-size: 0.14rem; line-height: 0.3rem; text-align: center; }
.study-rank-tabmenu ul { width: 2rem; margin: 0 auto; background: #0061ba; overflow: hidden; }
.study-rank-tabmenu ul li a { display: block; color: #fff; }
.study-rank-tabmenu ul li a.active { color: var(--primary-select,#1092ec); background: #fff; }

.study-rank1 { position: relative; min-height: 0.68rem; margin: 0.2rem 0.24rem; padding-left: 0.8rem; color: #fff; }
.study-rank1 img { position: absolute; left: 0; width: 0.68rem; height: 0.68rem; }
.study-rank1 h2 { font-size: 0.14rem; line-height: 1.4; }
.study-rank1 p { margin-top: 0.04rem; font-size: 0.18rem; line-height: 1.4; }

.study-rank2 { position: fixed; top: 1.98rem; left: 0; right: 0; bottom: 0; -webkit-border-radius: 0.16rem 0.16rem 0 0; -moz-border-radius: 0.16rem 0.16rem 0 0; -o-border-radius: 0.16rem 0.16rem 0 0; -ms-border-radius: 0.16rem 0.16rem 0 0; border-radius: 0.16rem 0.16rem 0 0; -webkit-border-radius: 0.16rem 0.16rem 0 0; -moz-border-radius: 0.16rem 0.16rem 0 0; -ms-border-radius: 0.16rem 0.16rem 0 0; -o-border-radius: 0.16rem 0.16rem 0 0; border-radius: 0.16rem 0.16rem 0 0; background: #fff; }

.study-rank2m { position: relative; padding: 0.16rem 0.24rem; line-height: 0.15rem; color: #abadaf; }
.study-rank2m span { position: absolute; }
.study-rank2m span, .study-rank2m p, .study-rank2m h2 { font-size: 0.13rem; }
.study-rank2m h2 { margin-left: 0.48rem; }

.study-rank2c { position: absolute; top: 0.47rem; right: 0; bottom: 0; left: 0; overflow-y: overlay; }
.study-rank2c .study-rank2box { margin-bottom: 0.12rem; }

.study-rank-notab .study-rank2 { top: 1.48rem; }

.study-rank2box { position: relative; height: 0.4rem; font-size: initial; line-height: 0.4rem; }
.study-rank2box p { font-size: 0.13rem; color: #919395; }
.study-rank2box-num { position: absolute; left: 0.24rem; width: 0.22rem; font-size: 0.14rem; text-align: center; color: #111315; }
.study-rank2box-num img { width: 0.22rem; height: 0.28rem; }

.study-rank2box-people { position: relative; width: 1.5rem; padding-left: 0.56rem; margin-left: 0.66rem; }
.study-rank2box-people img { position: absolute; left: 0; width: 0.4rem; height: 0.4rem; }
.study-rank2box-people h2 { font-size: 0.14rem; line-height: 0.4rem; color: #111315; font-weight: bold; }

.header-home .search, .header-search .search { margin-top: 0.07rem; line-height: initial; }
.header-home .search .input-opt a, .header-search .search .input-opt a { display: none; font-size: inherit; }

.header-home { padding-left: 0.16rem; padding-right: 0.96rem; }
.header-home.header-home-nocart { padding-right: 0.48rem; }

.header-search { padding-left: 0.44rem; padding-right: 0.6rem; }
.header-search .search > a { position: absolute; top: 0; right: 0.16rem; font-size: 0.14rem; line-height: 0.44rem; color: #414345; }
.header-search.header-search-right { padding-right: 0.16rem; }

.home-nav-swiper { right: 0.16rem; padding-right: 0.16rem; height: 0.4rem; font-size: 0.15rem; line-height: 0.4rem; }
.home-nav-swiper .swiper-slide { color: #313335; }
.home-nav-swiper .swiper-slide span { bottom: -0.05rem; width: 0.18rem; height: 0.18rem; margin-left: -0.09rem; font-size: 0.18rem; line-height: 0.18rem; background: transparent; }
.home-nav-swiper .swiper-slide span i { display: none; font-size: 0.18rem; color: var(--primary-select,#1092ec); font-weight: normal; }
.home-nav-swiper .swiper-slide-thumb-active { color: #111315; font-weight: bold; }
.home-nav-swiper .swiper-slide-thumb-active span i { display: block; }
.home-nav-menu { position: absolute; right: 0rem; top: 0; z-index: 9999; width: 0.32rem; font-size: 0.16rem; line-height: 0.4rem; text-align: right; background: linear-gradient(270deg, #FFFFFF 74.55%, rgba(255, 255, 255, 0) 106.36%); }
.home-nav-menu i { font-size: 0.16rem; }

.home-ban { margin: 0.12rem 0.16rem 0; }
.home-ban .swiper-slide img { width: 100%; height: auto; display: block; }
.home-ban .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 0.08rem; line-height: 0; }
.home-ban .swiper-pagination-bullet { width: 0.04rem; height: 0.04rem; margin: 0 0.02rem; background: rgba(0, 0, 0, 0.2); opacity: 1; }
.home-ban .swiper-pagination-bullet-active { width: 0.08rem; background: white; }
.home-ban .loading-img { height: 1.4rem; }

.home-new { position: relative; margin: 0.12rem 0.16rem; height: 0.34rem; font-size: 0.12rem; line-height: 0.34rem; background: #f8f8f8; }
.home-new span { position: absolute; top: 50%; left: 0.08rem; width: 0.28rem; height: 0.18rem; margin-top: -0.09rem; font-size: 0.1rem; line-height: 0.18rem; color: #fff; text-align: center; background: #ec3933; -webkit-border-radius: 0.04rem; -moz-border-radius: 0.04rem; -ms-border-radius: 0.04rem; -o-border-radius: 0.04rem; border-radius: 0.04rem; }
.home-new a { position: absolute; top: 0; right: 0.08rem; font-size: 0.12rem; line-height: 0.34rem; color: #abadaf; }
.home-new a i { display: inline-block; margin-left: 0.04rem; margin-right: -0.06rem; font-size: 0.12rem; vertical-align: middle; transform-origin: left center; transform: scale(0.5); }
.home-new h2 { margin-left: 0.44rem; margin-right: 0.6rem; font-size: 0.12rem; color: #313335; }
.home-new.loading-txt { height: 0.34rem; }
.home-new-roll { height: 0.34rem; margin-left: 0.44rem; margin-right: 0.6rem; overflow: hidden; }
.home-new-roll ul { width: 100%; height: 100%; }
.home-new-roll ul li { width: 100%; height: 0.34rem; font-size: 0.12rem; line-height: 0.34rem; color: #313335; }

.home-fast { margin-top: 0.12rem; text-align: center; }
.home-fast .swiper-container { padding-bottom: 0.11rem; }
.fastbox { text-align: center; }
.fastbox img, .fastbox .loading-img { width: 0.4rem; height: 0.4rem; }
.fastbox h2 { font-size: 0.12rem; }
.fastbox h2.loading-txt { margin-left: 0.08rem; margin-right: 0.08rem; height: 0.12rem; }
.fastbox .loading-img { margin: 0 auto; }

.home-fast1, .home-fast2 { padding: 0.08rem 0 0.12rem; }
.home-fast1 ul, .home-fast2 ul { margin-top: -0.08rem; }
.home-fast1 ul li, .home-fast2 ul li { float: left; margin-top: 0.08rem; }
.home-fast1 .icon-box h2, .home-fast2 .icon-box h2 { margin-top: 0.04rem; }

.home-fast1 ul li { width: 25%; }

.home-fast2 ul li { width: 20%; }

.home-title { position: relative; margin: 0.12rem 0.16rem 0; line-height: 0.16rem; }
.home-title i { display: inline-block; margin-left: 0.04rem; margin-right: -0.06rem; font-size: 0.12rem; vertical-align: top; transform: scale(0.5); transform-origin: left center; }
.home-title h3 { font-size: 0.16rem; color: #111315; font-weight: bold; }
.home-title a { position: absolute; top: 0; right: 0; font-size: 0.12rem; color: #abadaf; }

.home-price { font-size: 0.16rem; font-weight: bold; color: #ec3933; }
.home-price em { margin-right: 0.02rem; font-size: 0.12rem; font-style: normal; vertical-align: middle; }

.home-free { font-size: 0.13rem; font-weight: bold; color: #ec3933; }

.home-price-right { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }

.recommend-course .swiper { padding: 0 0.12rem; }
.recommend-course .swiper .swiper-slide { width: 3.35rem; display: inline-block; padding: 0.08rem; margin: 0 0.04rem; border: 1px solid #eaecee; box-sizing: border-box; }

.recommend-course, .recommend-online, .recommend-face, .hot-course, .new-course, .home-teacher { padding-bottom: 0.12rem; }

.home-list ul, .recommend-online ul, .recommend-face ul { margin-top: -0.12rem; }
.home-list ul li, .recommend-online ul li, .recommend-face ul li { margin-top: 0.12rem; margin-left: 0.16rem; padding-right: 0.16rem; padding-bottom: 0.12rem; border-bottom: 1px solid #eaecee; }
.home-list ul li:last-child, .recommend-online ul li:last-child, .recommend-face ul li:last-child { padding-bottom: 0; border-bottom: none; }

.home-list, .home-course { padding-bottom: 0.12rem; }

.home-course .course-box-txt-p1, .hot-course .course-box-txt-p1, .new-course .course-box-txt-p1 { height: 0.18rem; line-height: 0.18rem; overflow: hidden; }
.home-course .course-box-txt-p1.loading-txt, .hot-course .course-box-txt-p1.loading-txt, .new-course .course-box-txt-p1.loading-txt { height: 0.12rem; line-height: initial; }
.home-course .home-price, .home-course .home-free, .hot-course .home-price, .hot-course .home-free, .new-course .home-price, .new-course .home-free { display: inline-block; margin-right: 0.08rem; vertical-align: top; }
.home-course .home-free, .hot-course .home-free, .new-course .home-free { margin-top: -0.01rem; }

.hot-course ul li, .home-course ul li { width: 50%; float: left; }

.new-course { margin: 0 0.12rem; }
.new-course .swiper-slide { padding: 0 0.04rem; box-sizing: border-box; }
.new-course .course-box { margin: 0; }

.hot-type-note { margin: 0.16rem 0.16rem 0; font-size: 0.12rem; color: #abadaf; }

.home-type-tab { position: absolute; top: -0.04rem; right: -0.16rem; left: 0.82rem; font-size: 0.13rem; line-height: 0.24rem; }
.home-type-tab .swiper .swiper-slide { position: relative; width: auto; margin-right: 0.2rem; display: inline-block; color: #616365; }
.home-type-tab .swiper .swiper-slide span { position: absolute; left: 50%; bottom: 0; width: 0; height: 0.02rem; border-radius: 0.02rem; }
.home-type-tab .swiper .swiper-slide-thumb-active { color: var(--primary-select,#1092ec); font-weight: bold; }
.home-type-tab .swiper .swiper-slide-thumb-active span { width: 0.18rem; margin-left: -0.09rem; background: var(--primary-select,#1092ec); }

.home-type-con { margin: 0.04rem 0.16rem 0; padding-bottom: 0.12rem; }
.home-type-con a { display: inline-block; padding: 0 0.12rem; font-size: 0.11rem; line-height: 0.24rem; color: #414345; background: #f0f2f4; }
.home-type-con a:last-child { margin-right: 0; }
.home-type-con a.loading-txt { width: 0.32rem; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }

.home-teacher .swiper .swiper-slide { width: auto; display: inline-block; }

.teacherbox { width: 0.88rem; text-align: center; }
.teacherbox img, .teacherbox .loading-img { width: 0.88rem; height: 0.88rem; }
.teacherbox h2 { font-size: 0.12rem; color: #000; font-weight: bold; }
.teacherbox h2.loading-txt { margin-left: 15%; margin-right: 15%; }
.teacherbox p { font-size: 0.1rem; color: #abadaf; }

.home-ad { margin: 0.12rem 0.16rem 0; padding-bottom: 0.12rem; }
.home-ad ul { margin: -0.08rem -0.06rem 0 -0.06rem; }
.home-ad ul li.col-1 .loading-img { height: 0.72rem; }
.home-ad ul li.col-2 .loading-img { height: 0.57rem; }
.home-ad ul li.col-3 .loading-img { height: 0.49rem; }
.adbox { position: relative; margin: 0 0.06rem; }
.adbox img { width: 100%; height: auto; }
.adbox mark { position: absolute; top: 0; right: 0; z-index: 3; padding: 0 0.04rem; font-size: 0.1rem; line-height: 0.18rem; color: #fff; background: rgba(0, 0, 0, 0.2); -webkit-border-radius: 0 0.06rem; -moz-border-radius: 0 0.06rem; -ms-border-radius: 0 0.06rem; -o-border-radius: 0 0.06rem; border-radius: 0 0.06rem; }

.main-home-footer { bottom: 0.48rem; }

.home-footerbg { position: fixed; left: 0; right: 0; bottom: 0; z-index: 98; height: 0.48rem; background: #fff; }

.home-footer { height: 0.36rem; padding: 0.06rem 0.16rem; font-size: initial; line-height: 0.36rem; }
.home-footer .color-price, .home-footer .color-green { position: absolute; left: 0.16rem; width: 1.72rem; }
.home-footer .color-price { font-size: 0.27rem; font-weight: bold; }
.home-footer .color-price span { margin-right: 0.02rem; font-size: 0.14rem; vertical-align: middle; }
.home-footer .color-green { font-size: 0.18rem; }
.home-footer a.color-primary { margin-right: 0.08rem; font-size: 0.14rem; font-weight: bold; }
.home-footer p { font-size: 0.14rem; color: #919395; }
.home-footer p em { font-style: normal; }
.home-footer p span { color: #414345; }
.home-footer > .btn-primary, .home-footer > .btn-gray { width: 1.1rem; font-size: 0.14rem; font-weight: bold; }
.home-footer > .btn-primary.btn-zx, .home-footer > .btn-gray.btn-zx { max-width: 0.56rem; padding: 0 0.16rem; }
.home-footer .form-label { margin-top: 0.1rem; }
.home-footer .form-label-con { font-size: 0.13rem; color: #111315; }
.home-footer-cart { margin-left: 0.76rem; text-align: center; overflow: hidden; }
.home-footer-cart a { font-size: 0.14rem; font-weight: bold; }

.home-footer-study { margin: 0 0.72rem; display: block; font-size: 0.14rem; font-weight: bold; }
.home-footer-study.btn-primary { width: auto; }

.home-footer-zx { margin-right: 0.08rem; line-height: initial; text-align: right; }
.home-footer-zx .home-footer-zx1 { height: 0.18rem; font-size: 0.12rem; color: #414345; line-height: 0.18rem; overflow: hidden; }
.home-footer-zx .home-footer-zx1 p, .home-footer-zx .home-footer-zx1 .home-price { display: inline-block; vertical-align: top; }
.home-footer-zx .home-footer-zx1 p { margin-right: 0.04rem; margin-top: 0.06rem; font-size: 0.12rem; line-height: 0.12rem; color: #919395; }
.home-footer-zx .home-footer-zx1 p em { color: var(--primary-select,#1092ec); font-style: normal; }
.home-footer-zx .home-footer-zx1 p span { margin-left: 0.04rem; color: #414345; }
.home-footer-zx .home-footer-zx1 .home-price { font-size: 0.24rem; }
.home-footer-zx .home-footer-zx1 .home-price em { font-size: 0.14rem; }
.home-footer-zx h4 { margin-top: 0.06rem; font-size: 0.12rem; line-height: 0.12rem; }
.home-footer-zx h4 i { margin-left: 0.04rem; display: inline-block; font-size: 0.1rem; line-height: 0.12rem; vertical-align: top; }

.newlist ul { padding-top: 0.04rem; }
.newlist ul li { padding: 0.12rem 0.12rem 0.12rem 0; border-bottom: 1px solid #eaecee; }
.newlist ul li:last-child { border-bottom: none; }

.news-title { padding: 0.16rem 0.16rem 0; }
.news-title h2 { font-size: 0.24rem; line-height: 1.4; font-weight: bold; color: #111315; }
.news-title h4 { margin-top: 0.12rem; font-size: 0.14rem; line-height: 1.4; color: #babcbe; }
.news-title h4 i { margin-right: 0.04rem; font-size: inherit; }
.news-title h5 { margin-top: 0.12rem; font-size: 0.18rem; line-height: 0.2rem; font-weight: bold; }
.news-title h6 { margin-top: 0.12rem; padding-bottom: 0.08rem; font-size: 0.14rem; line-height: 0.2rem; color: #313335; border-bottom: 1px solid #eaecee; }
.news-title h6 span { color: #818385; }

.news-article { padding: 0.12rem 0.16rem 0.16rem; font-size: 0.15rem; line-height: 2; }

.news-recommend { padding: 0.12rem 0.16rem 0; }
.news-recommend h3 { position: relative; padding-left: 0.11rem; font-size: 0.16rem; line-height: 0.22rem; font-weight: bold; color: #111315; }
.news-recommend h3 i { position: absolute; left: 0; top: 50%; width: 0.03rem; height: 0.15rem; margin-top: -0.075rem; background: var(--primary-select,#1092ec); }
.news-recommend .newlist ul li { margin-left: 0; }

.nav-swiper-notice .swiper-slide { width: 50%; margin-right: 0; text-align: center; }
.nav-swiper-notice .swiper-slide mark { display: inline-block; margin-top: 0.04rem; min-width: 0.14rem; height: 0.14rem; font-size: 0.09rem; line-height: 0.14rem; text-align: center; color: #fff; vertical-align: top; background: #ec3933; -webkit-border-radius: 0.07rem; -moz-border-radius: 0.07rem; -ms-border-radius: 0.07rem; -o-border-radius: 0.07rem; border-radius: 0.07rem; }

.notice { padding: 0.12rem 0.16rem; }
.notice ul { margin-top: -0.08rem; }

.notice-box { padding: 0.12rem 0.16rem 0; background: #fff; }
.notice-box h2 { position: relative; height: 0.18rem; padding-right: 0.1rem; margin-bottom: 0.12rem; font-size: 0.14rem; line-height: 0.18rem; font-weight: bold; color: #111315; }
.notice-box h2 span { margin-right: 0.08rem; padding: 0 0.08rem; display: inline-block; min-width: 0.36rem; font-size: 0.1rem; line-height: inherit; text-align: center; color: #fff; vertical-align: top; background: var(--primary-select,#1092ec); box-sizing: border-box; }
.notice-box h2 em { position: absolute; top: 50%; right: 0; width: 0.05rem; height: 0.05rem; margin-top: -0.025rem; background: #ec3933; }
.notice-box p { margin: 0.12rem 0; height: 0.364rem; font-size: 0.13rem; line-height: 1.4; color: #616365; display: -webkit-flex; display: flex; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; -moz-box-orient: vertical; }
.notice-box h4 { font-size: 0.12rem; line-height: 0.36rem; color: #babcbe; border-top: 0.005rem solid #eaecee; }
.notice-box h4 a { color: #abadaf; }
.notice-box h4 a i { margin-left: 0.04rem; font-size: 0.06rem; line-height: inherit; vertical-align: top; }
.notice-box.notice-box-read h2 { color: #616365; }
.notice-box.notice-box-read h2 span { background: rgba(16, 146, 236, 0.6); }
.notice-box.notice-box-read p { color: #919395; }

.home-search { padding: 0.08rem 0.16rem 0; }
.home-search h3 { font-size: 0.13rem; line-height: 0.22rem; color: #313335; font-weight: bold; }
.home-search h3 a { font-size: 0.11rem; font-weight: normal; color: #abadaf; }
.home-search h3 a i { margin-right: 0.02rem; font-size: 0.13rem; }
.home-search-list { padding: 0.08rem 0 0.12rem; font-size: 0; }
.home-search-list a { display: inline-block; padding: 0 0.08rem; margin: 0.04rem 0.08rem 0.04rem 0; font-size: 0.11rem; line-height: 0.22rem; color: #414345; background: #f6f6f6; }
.home-search-list a i { margin-right: 0.02rem; font-size: 0.11rem; }
.home-search-list a:last-child { margin: 0.04rem 0 0.04rem 0; }
.home-search-list a.hot { color: #ec3933; }
.home-search-list a.line1 { display: block; }

.home-search-result-title { position: relative; margin: 0 0.16rem; font-size: 0.14rem; line-height: 0.16rem; color: #616365; }
.home-search-result-title a { position: absolute; right: 0; font-size: 0.12rem; color: #abadaf; }
.home-search-result-title a i { margin-left: 0.04rem; vertical-align: middle; font-size: 0.06rem; }

.home-search-result1 { padding-top: 0.12rem; }

.home-search-result3 .home-course, .home-search-result3 .home-list { padding-top: 0.12rem; }

.course-check { top: 0.84rem; }
.course-check .filter { top: 0.44rem; }
.course-check .course-list-y ul li { position: relative; padding-left: 0.24rem; }
.course-check .form-label { position: absolute; left: 0; top: 0.32rem; }
.course-check .form-label-con { font-size: 0.13rem; color: #111315; }

.course-check1 { padding: 0.12rem 0.16rem; font-size: initial; background: #fff; -webkit-border-radius: 0 0 0.08rem 0.08rem; -moz-border-radius: 0 0 0.08rem 0.08rem; -o-border-radius: 0 0 0.08rem 0.08rem; -ms-border-radius: 0 0 0.08rem 0.08rem; border-radius: 0 0 0.08rem 0.08rem; -webkit-border-radius: 0 0 0.08rem 0.08rem; -moz-border-radius: 0 0 0.08rem 0.08rem; -ms-border-radius: 0 0 0.08rem 0.08rem; -o-border-radius: 0 0 0.08rem 0.08rem; border-radius: 0 0 0.08rem 0.08rem; }
.course-check1 h2 { font-size: 0.16rem; line-height: 0.19rem; font-weight: bold; color: #111315; }
.course-check1 h2 span { margin-right: 0.04rem; margin-top: 0.005rem; display: inline-block; vertical-align: top; border-radius: 0.04rem; }
.course-check1 h4 { margin-top: 0.04rem; font-size: 0.13rem; line-height: 0.2rem; color: #414345; }
.course-check1 h6 { margin-top: 0.04rem; font-size: 0.12rem; line-height: 0.2rem; color: #818385; }
.course-check1p1 p { margin-right: 0.12rem; display: inline-block; font-size: 0.12rem; line-height: 0.18rem; color: var(--primary-select,#1092ec); }
.course-check1p1 .lab-score span { color: var(--primary-select,#1092ec); background: rgba(16, 146, 236, 0.08); }

.course-check-title { padding: 0.16rem 0.16rem 0.12rem 0.16rem; font-size: 0.15rem; line-height: 0.21rem; font-weight: bold; color: #111315; background: #fff; -webkit-border-radius: 0.08rem 0.08rem 0 0; -moz-border-radius: 0.08rem 0.08rem 0 0; -o-border-radius: 0.08rem 0.08rem 0 0; -ms-border-radius: 0.08rem 0.08rem 0 0; border-radius: 0.08rem 0.08rem 0 0; -webkit-border-radius: 0.08rem 0.08rem 0 0; -moz-border-radius: 0.08rem 0.08rem 0 0; -ms-border-radius: 0.08rem 0.08rem 0 0; -o-border-radius: 0.08rem 0.08rem 0 0; border-radius: 0.08rem 0.08rem 0 0; }

.course-check2 { padding-bottom: 0.12rem; }
.course-check2 ul { margin-top: -0.16rem; }
.course-check2 ul li { padding-bottom: 0; border-bottom: none; }

.main-home-tab { top: 0.8rem; }
.main-home-tab .tab-menu { padding: 0 0.16rem; text-align: left; line-height: 0.36rem; border-bottom: none; }
.main-home-tab .tab-menu a { display: inline-block; }
.main-home-tab .tab-menu a span { bottom: 0; }

.main-idpd { font-size: 0; top: 0.84rem; }
.main-idpd .filter { top: 0.44rem; }

.class1.class-thd .class1-img { display: none; }

.sub-teacher ul { margin-top: 0.04rem; }
.sub-teacher ul li { margin-top: 0.12rem; padding-bottom: 0.12rem; border-bottom: 1px solid #eaecee; }
.sub-teacher ul li:last-child { border-bottom: none; }
.sub-teacherbox { position: relative; height: 0.64rem; padding-left: 0.72rem; font-size: 0; }
.sub-teacherbox img { position: absolute; left: 0; width: 0.64rem; height: 0.64rem; }
.sub-teacherbox h2 { padding-top: 0.111rem; font-size: 0.14rem; line-height: 1.4; font-weight: bold; color: #111315; }
.sub-teacherbox h4 { margin-top: 0.09rem; font-size: 0.11rem; line-height: 1.2; color: #abadaf; }

.sub-teacher1, .sub-teacher2 { margin: 0.08rem 0.08rem 0 0.08rem; font-size: initial; background: #fff; }

.sub-teacher1 { position: relative; min-height: 0.88rem; padding: 0.12rem 0.12rem 0.12rem 1.08rem; }
.sub-teacher1 img { position: absolute; left: 0.12rem; width: 0.88rem; height: 0.88rem; }
.sub-teacher1 h2 { padding-top: 0.195rem; font-size: 0.16rem; line-height: 1.4; color: #111315; font-weight: bold; }
.sub-teacher1 p { margin-top: 0.08rem; font-size: 0.11rem; line-height: 0.19rem; }
.sub-teacher1 p span { margin-right: 0.08rem; display: inline-block; padding: 0 0.04rem; color: var(--primary-select,#1092ec); background: rgba(16, 146, 236, 0.08); -webkit-border-radius: 0.04rem; -moz-border-radius: 0.04rem; -ms-border-radius: 0.04rem; -o-border-radius: 0.04rem; border-radius: 0.04rem; }
.sub-teacher1 p span:last-child { margin-right: 0; }

.sub-teacher2 { padding: 0 0.12rem 0.12rem; }
.sub-teacher2 h3 { padding: 0.16rem 0 0.13rem; font-size: 0.14rem; line-height: 1.2; font-weight: bold; color: #111315; border-bottom: 1px solid #eaecee; }

.sub-teacher2s { padding-top: 0.12rem; font-size: 0.14rem; line-height: 1.5; color: #414345; }

.home-loading { padding: 0.24rem; margin: 0.12rem 0.16rem 0; text-align: center; background: #fafafa; }
.home-loading p { font-size: 0.13rem; color: #111315; }
.home-loading a { display: inline-block; margin-top: 0.12rem; padding: 0 0.16rem; font-size: 0.13rem; line-height: 0.28rem; }

.home-empty { margin-top: 0.16rem; padding-bottom: 0.2rem; }
.home-empty .empty { margin-top: 0; }
.home-empty .empty img { width: 1.2rem; height: 1.2rem; }
.home-empty .empty h3 { font-size: 0.14rem; line-height: 0.18rem; }
.home-empty .empty p { margin-top: 0.04rem; font-size: 0.12rem; line-height: 0.14rem; }

.loading-img { background: #f0f0f0; }

.loading-txt { height: 0.12rem; background: #f0f0f0; vertical-align: middle; }

.map-box-txt h2 .loading-txt, .live-box-txt h2 .loading-txt, .course-box-txt h2 .loading-txt, .class-box-txt h2 .loading-txt { margin-bottom: 0.08rem; }
.map-box-txt h2 .loading-txt:last-child, .live-box-txt h2 .loading-txt:last-child, .course-box-txt h2 .loading-txt:last-child, .class-box-txt h2 .loading-txt:last-child { width: 30%; margin-bottom: 0; }

.recommend-course .class-box-p1 .course-box-txt-p1 .loading-txt { background: red; }

.class-box-txt .class-box-p1 .loading-txt { margin-top: 0.06rem; }

.pop-home-nav { position: fixed; top: 0.44rem; left: 0; right: 0; z-index: 999; padding: 0.16rem 0; font-size: 0.12rem; background: #fff; }
.pop-home-nav h3 { height: 0.2rem; margin: 0 0.16rem; font-size: 0.16rem; line-height: 0.2rem; color: #000; font-weight: bold; }
.pop-home-nav h3 a { display: inline-block; font-size: 0.16rem; line-height: 0.2rem; font-weight: normal; color: #000; vertical-align: middle; }
.pop-home-nav ul { margin-top: 0.04rem; }
.pop-home-nav ul li { width: 25%; margin-top: 0.16rem; float: left; }

.tabs { font-size: initial; }

.course-zx ul li { margin-top: 0.16rem; padding-bottom: 0.16rem; }
.course-zx ul li.disabled h2 { color: #919395; font-weight: normal; }
.course-zx ul li.checked .form-label .form-label-btn { background: rgba(16, 146, 236, 0.5); border: none; }
.course-zx ul li.checked .form-label .form-label-btn i { display: inline-block; }
.course-zx ul li.checked .form-label.active .form-label-btn { background: var(--primary-select,#1092ec); }
.course-zx.course-zx-hasxs { padding-bottom: 0.52rem; }

.xf-hours { position: fixed; left: 0; bottom: 0.94rem; z-index: 9; padding: 0 0.12rem; font-size: 0.14rem; line-height: 0.36rem; color: #ec3933; font-weight: bold; background: linear-gradient(90deg, rgba(236, 57, 51, 0.225) 0%, rgba(236, 57, 51, 0.045) 100%), #fff; box-shadow: 0 0.09rem 0.28rem rgba(0, 0, 0, 0.05); -webkit-border-radius: 0 0.18rem 0.18rem 0; -moz-border-radius: 0 0.18rem 0.18rem 0; -ms-border-radius: 0 0.18rem 0.18rem 0; -o-border-radius: 0 0.18rem 0.18rem 0; border-radius: 0 0.18rem 0.18rem 0; }
.xf-hours i { margin-top: 0.06rem; display: inline-block; font-size: 0.12rem; line-height: 0.12rem; vertical-align: top; }

.img-responsive { width: auto; max-width: 100%; height: auto; display: block; }

.img-responsive-h, .login-logo img, .login-third-box img { width: 100%; height: auto; display: block; }

.tl { text-align: left; }

.tc, .my-order-more { text-align: center; }

.tr { text-align: right; }

.ell, .pop-websites ul li a, .pop-refundbox h2, .pop-refundbox h4,

.pop-refundbox p, .pop-certbox p, .course-box-txt h4, .catalogbox ul li, .class-locate, .experience-box p, .map-box-txt h4, .file2-certbox h2, .file2-txt h2, .cart-item p, .info-box, .login-reg-select, .my-bill-box1 h4, .my-bill-box1 p, .my-integralbox p, .home-search-list a.line1, .cert-checkbox p {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.clearfix:before, .clearfix:after { display: table; content: " "; }
.clearfix:after { clear: both; }

.center-block { display: block; margin-left: auto; margin-right: auto; }

.pull-right { float: right !important; }

.pull-left { float: left !important; }

.hidden { display: none; }

.show { display: block; }

.vis-hidden { visibility: hidden; }

.ovh { overflow: hidden; }

[class*="col-"] { float: left; }

.col-1 { width: 100%; }

.col-2 { width: 50%; }

.col-3 { width: 33.3333333333%; }

.col-4 { width: 25%; }

.col-5 { width: 20%; }

.col-6 { width: 16.6666666667%; }

.trans, .filter.filter-cert .filter-left.pull-left a span, .filter-left a > i, .pop-filter a, .inputbox input, .search .inputbox input, .nav-swiper .swiper-slide span, .rhgbox2 input, .home-type-tab .swiper .swiper-slide span { -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; }

.header a.head-back .icon-cross-simple { font-size: 0.16rem; }
.login-v2bg { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #fff; }
.login-v2bg::before, .login-v2bg::after { position: absolute; width: 5rem; height: 5rem; content: ''; background: radial-gradient(50% 50% at 50% 50%, var(--primary-select,#1092ec) 0, #fff 100%);opacity: 0.25 }
.login-v2bg::before { left: -1.92rem; top: -2.27rem; }
.login-v2bg::after { right: -3.13rem; bottom: -1.61rem; }
.login-v2bg .header { background: transparent; }
.login-v2 .login-form .input-opt { right: 0.12rem; font-size: 0.16rem; }
.login-v2 .login-form .input-opt i { color: #313335; }
.login-v2 .login-form { padding-top: 0.3rem; margin: 0 0.32rem auto; }
.bd-rounded, .bd-rd, .header-right a mark, .pop-pay-outs ul li a, .pop-pay-ofls .btn-primary, .pop-bill .btn-primary, .pop-order-foot .btn-primary, .pop-version-foot a, .pop-time > a, .pop-time1 ul li a, .pop-timebox input, .pop-zf-foot > .btn-primary, .pop-refund .btn-primary, .pop-public .btn-primary, .filter.filter-cert .filter-left.pull-left a span, .pop-filter a, .empty .btn-primary, .course-list-y .course-box-txt-p1 .btn-line-red, .class1-img a, .class1-txt2 .btn-primary, .class1-txt2 .btn-line-primary, .experience-box p a, .experience-box p span, .map-foot .btn-primary, .levelbox-over h2, .map2-levelbox-ok h2, .map2-levelbox-ok h2 span, .file-foot .btn-primary, .file-share .btn-primary, .file-input input, .file-time-check, .label-sm, .my-bills1 > ul > li mark, .my-order-box mark, .input-verify a, .cart-item-fail mark, .switch label, .footer-btn a, .search .inputbox input, .result .btn-primary, .login-reg-list .btn-primary, .login-reg .btn-primary, .login-form .btn-primary, .login-v2 .btn-line-primary, .login-verify p a, .login-info-foot a, .login-v2 .login-form .inputbox input, .login-regbox .inputbox input, .login-reg-select, .order-pay-foot a, .order-rst2 a, .order-tabs-head a, .order-foot .btn-primary, .order-foot .btn-line-red, .order-foot.order-foot-refund [class*="btn-line"], .order-bill-input, .order-bill-foots .btn-primary, .my-idx2box h2 mark, .my-bill-box3 h2 span, .my-bill-box3 h6 a, .my-order-opt span, .my-order-state, .my-orders2 ul li mark, .my-menu a.btn-primary, .my-integralbox a, .btn-my-set, .my-form .btn-primary, .my-feedback-footer .btn-primary, .my-survey .my-survey-box h2 span, .my-code-foot a, .study-tab-menu a span, .study-rank-tabmenu ul, .study-rank-tabmenu ul li a, .home-ban .swiper-pagination-bullet, .home-type-con a, .home-footer > .btn-primary, .home-footer > .btn-gray, .home-footer-cart, .home-footer-study, .news-recommend h3 i, .notice-box h2 span, .home-search-list a, .home-loading a, .nologin-footer, .nologin-footer .btn-primary { -webkit-border-radius: 1rem; -moz-border-radius: 1rem; -ms-border-radius: 1rem; -o-border-radius: 1rem; border-radius: 1rem; }
.login-v2 .login-form .inputbox input { padding: 0 0.12rem; font-size: 0.14rem; line-height: 0.44rem; color: #141414; border-bottom: none; background: #f3f5f7; }
.login-v2 .login-form .inputbox { margin-top: 0.16rem; }
.login-v2 .login-form .inputbox.inputbox-hasopt input { padding-right: 0.36rem; }
.login-v2 .login-form .inputbox.inputbox-hasverify input { padding-right: 1.02rem; }
.login-v2 .login-agreement { height: auto; min-height: 0.16rem; margin: 0.16rem 0 0; padding-left: 0.22rem; }
.login-v2 .login-agreement .form-label { top: 0.01rem; }
.login-v2 .login-agreement .form-label-btn { width: 0.14rem; height: 0.14rem; line-height: 0.12rem; box-sizing: border-box; }
.bd-sm, .pop-refundbox h4 mark, .login-agreement p { -webkit-border-radius: 0.04rem; -moz-border-radius: 0.04rem; -ms-border-radius: 0.04rem; -o-border-radius: 0.04rem; border-radius: 0.04rem; }
.login-agreement p { position: absolute; left: -0.06rem; top: 0.22rem; padding: 0 0.12rem; font-size: 0.12rem; line-height: 0.24rem; color: #fff; background: rgba(20, 20, 20, 0.8); }
.login-agreement p:before { position: absolute; top: -0.04rem; left: 0.08rem; content: ''; border-left: 0.06rem solid transparent; border-right: 0.06rem solid transparent; border-bottom: 0.04rem solid rgba(20, 20, 20, 0.8); }
.login-form .btn-primary { margin-top: 0.24rem; }
.login-v2 .btn-line-primary { display: block; font-size: 0.15rem; line-height: 0.42rem; border: 1px solid var(--primary-select,#1092ec); margin-top: 0.16rem; }
.login-v2 .login-txt { height: 0.18rem; font-size: 0.12rem; line-height: 0.18rem; text-align: center; margin-top: 0.16rem; }
.login-v2 .login-txt a { color: #abadaf; }
.login-v2 .login-txt span { width: 1px; height: 0.12rem; margin: 0.03rem 0.16rem 0; display: inline-block; background: #e6e6e6; vertical-align: top; }
.login-v2 .login-third { margin-top: 0.56rem; }
.login-v2 .login-third h3 { font-size: 0.12rem; }
/*# sourceMappingURL=main.css.map1*/

[v-cloak]{ display: none !important; }

.mui-pull-loading.mui-icon.mui-icon-pulldown{ display: none!important;}
.mui-pull-caption.mui-pull-caption-down{ display: none!important;}


.file-summary { top: 0.96rem; bottom: 0.76rem; padding: 0 0.16rem; }

.file-summary-data { padding: 0 0 0.12rem; background: #fff; }
.file-summary-data .my-idx2-data2 { margin: 0; padding: 0.16rem 0 0; }
.file-summary-data .my-idx2-data2:nth-child(2) { padding: 0.16rem 0.12rem 0; }

.file-summary-list { margin-top: 0.08rem; padding: 0.12rem 0.12rem 0.16rem; background: #fff; }
.file-summary-list-more { padding: 0.12rem 0.12rem 0; }
.file-summary-list h6 { font-size: 0.12rem; line-height: 0.4rem; color: #abadaf; text-align: center; }
.file-summary-list h6 i { margin-left: 0.04rem; display: inline-block; font-size: 0.06rem; line-height: inherit; vertical-align: top; }
.file-summary-list .file2-menu { margin: 0; font-size: 0.14rem; line-height: 0.18rem; }
.file-summary-list .file2-menu i { font-size: 0.18rem; }
.file-summary-list .file2-txt-list { margin: 0.12rem 0 0; }
.file-summary-list .file2-txt { max-width: 100%; box-sizing: border-box; }

.file-summary-foot .refresh { margin: 0.08rem 0; height: 0.44rem; display: none; font-size: 0.15rem; line-height: 0.44rem; color: #262626; font-weight: bold; background: transparent; }
.file-summary-foot .refresh img { width: 0.24rem; height: 0.24rem; margin-top: 0.1rem; }

.file2-summary { position: relative; height: 100%; padding: 1.12rem 0.16rem 0 0.16rem; box-sizing: border-box; background: #f8f8f8; overflow: scroll; }
.file2-summary:before { position: absolute; left: 0; right: 0; top: 0; z-index: 1; height: 1.65rem; content: ''; background-image: url(../images/bg/topbg.png); background-size: contain; background-color: #1092ec; }
.file2-summary > div { position: relative; z-index: 2; }
.file2-summary .footer-btn { position: absolute; }

.my-scan, .my-certificates, .crop-pic, .my-score-empty, .file-share, .empty-tab-filter, .empty-swiper, .empty-filter, .empty-tab-menu, .empty-head, .mask-net {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.3);
}
.mask.mask-white {
  background: rgba(255, 255, 255, 0);
}
.mask.mask-nav-filter-md {
  top: 1.1rem;
}
.mask.mask-nav-filter {
  top: 1.2rem;
}
.mask.mask-nav {
  top: 0.8rem;
}
.mask.mask-filter {
  top: 0.84rem;
}
.mask.mask-home-nav, .mask.mask-header {
  top: 0.44rem;
}
.mask .pop-login-note,
.mask .pop-version,
.mask .pop-md,
.mask .pop-lg,
.mask .pop-black,
.mask .pop-bottom {
  position: absolute;
}
.mask .pop-check {
  padding: 0 0.12rem 0.08rem;
}
.mask-net {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0);
  z-index: 9;
  font-size: 0;
}

.course-check2 ul li, .study-rank-tabmenu, .my-feedback-contact, .my-feedback h3, .my-safe-form .my-form .btn-primary, .my-form h6, .my-orders1 ul li, .order-bill-foots .btn-primary, .order-bill-foots p, .order-bill .textareabox, .order-bill .order-tabs-head, .order-sure2 .tabs-body, .order-sure1 ul li, .order-result h4, .order-pay1 p, .login-v2 .login-txt, .login-v2 .btn-line-primary, .class2-face-menu, .pop-order-foot .btn-primary, .pop-bill .btn-primary, .pop-bill ul li, .pop .pop-lg,
.pop .pop-md,
.pop .pop-black,
.pop .pop-bottom {
  margin-top: 0.16rem;
}

.pop-bottom-close.pop-lg {
  overflow: visible;
}

.pop-lg {
  position: relative;
  box-shadow: 0 0.04rem 0.08rem rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0.08rem;
  -moz-border-radius: 0.08rem;
  -ms-border-radius: 0.08rem;
  -o-border-radius: 0.08rem;
  border-radius: 0.08rem;
  background: #fff;
  overflow: hidden;
}

.pop-lg {
  width: 3.4rem;
}

.pop-bottom-close .pop-foot {
  border-radius: 0 0 0.08rem 0.08rem;
}
.pop-bottom-close .pop-close {
  top: initial;
  bottom: -0.48rem;
  left: 50%;
  width: 0.28rem;
  height: 0.28rem;
  margin-left: -0.14rem;
  padding: 0;
  text-align: center;
  line-height: 0.26rem;
  background: rgba(255, 255, 255, 0.2);
  border: 0.01rem solid rgba(255, 255, 255, 0.5);
  box-sizing: border-box;
}

.pop-bottom-close .pop-close i {
  font-size: 0.14rem;
  color: #fff;
}

.bd-by, .login-sex .form-label-btn, .login-reg-photo img, .pop-bottom-close .pop-close,
.by,
.sub-teacher1 img,
.sub-teacherbox img,
.course-check .form-label-btn,
.notice-box h2 em,
.home-footer .form-label-btn,
.teacherbox img,
.teacherbox .loading-img,
.fastbox .loading-img,
.my-bill-box1 .form-label-btn,
.my-idx1 img,
.order-foot .form-label-btn,
.order-pay2s .form-label-btn,
.login-agreement .form-label .form-label-btn,
.icon-box span,
.info-box.info-box-pic img.img-people,
.switch label em,
.cart-item-fail .form-label-btn,
.cart-item-check .form-label-btn,
.stopbox-ico span,
.pop-order-list .form-label .form-label-btn,
.pop-version-label .form-label-btn,
.catalogbox ul li i,
.levelbox-over,
.levelbox-nostart,
.levelbox-ing:before,
.levelbox-ing:after,
.levelbox-ing span,
.file-foot .form-label .form-label-btn,
.file2-txtbox:before {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.cert-check-pic a, .course-check1p1, .notice ul li, .home-ad ul li, .teacherbox p, .teacherbox h2, .home-type-con a, .fastbox h2, .my-code h4, .my-certificate ul li, .my-feedback-contact p, .my-form-note, .my-form .inputbox, .my-integralsbox p, .my-integralbox p, .my-orders2 ul li, .my-bills1 > ul > li > p, .my-bill3 ul li, .my-bill1-list ul li, .my-idx2-data3, .order-refund-reason, .order-refund1, .order-bill-txt, .order-bill-item, .order-sure2 .order-tabs-head, .order-sure2, .order-rhg1 ul li, .order-pay-oflt p, .order-pay2s .form-label, .order-pay2 ul li, .login-note, .login-third ul, .cart-item p, .map-box-p1, .map-box-txt h4, .class-experience ul li, .class1-txt2, .class1-txt1, .class-time, .class-locate, .class-box-p2, .class-box-p1, .class-box-txt > .lab-score, .class-box-txt h4, .course-tbox-txt p, .live-box-txt p, .course-list-y .course-box-txt-p1, .course-list-x .course-box-txt h2, .course-list-x ul li, .course-box-txt h4, .empty p, .pop-certdown-list, .pop-time1 ul li, .pop-versions ul li, .pop-shorebox h4, .pop-message article,
.pop-sharenew-body article, .pop-message > h4,
.pop-sharenew-body > h4, .pop-share-foot-code p, .pop-share-foot p, .pop-black h2, .pop-pay-outs .textareabox, .pop-pay-outs ul li {
  margin-top: 0.08rem;
}

.pop-certdown {
  padding: 0.24rem 0 0;
}

.pop-certdown-list {
  padding: 0 0.24rem;
  max-height: 2rem;
  overflow-y: scroll;
}

.pop-certdown {
  padding: 0.24rem 0 0;
}

.pop-cert-note {
  margin: 0.08rem 0.24rem 0.24rem;
}
.pop-cert-note h6 {
  margin-bottom: 0.08rem;
  font-size: 0.1rem;
  line-height: 0.18rem;
  text-align: center;
  color: #caccce;
}
.pop-cert-note p {
  font-size: 0.13rem;
  line-height: 0.18rem;
  color: #919395;
}

.pop-bottom-close .pop-foot {
  border-radius: 0 0 0.08rem 0.08rem;
}

.pop-foot {
  height: 0.49rem;
  text-align: center;
  border-top: 1px solid #eee;
  background: #fff;
}
.pop-foot a {
  font-size: 0.15rem;
  line-height: 0.49rem;
  color: #111315;
  border-right: 1px solid #eee;
}
.pop-foot a.color-primary {
  color: var(--primary-select,#1092ec);
}
.pop-foot a:last-child {
  color: var(--primary-select,#1092ec);
  font-weight: bold;
  border-right: none;
}

.pop-certbox {
  position: relative;
  padding: 0.12rem 0 0.12rem 0.68rem;
  font-size: 0.14rem;
  line-height: 1;
  text-align: right;
  border-bottom: 0.01rem solid #eaecee;
}
.pop-certbox span {
  position: absolute;
  top: 50%;
  margin-top: -0.07rem;
  left: 0;
  width: 0.68rem;
  text-align: left;
  color: #111315;
}
.pop-certbox p {
  text-align: right;
}
.pop-certbox img {
  width: 0.29rem;
  height: 0.4rem;
  -webkit-border-radius: 0.02rem;
  -moz-border-radius: 0.02rem;
  -ms-border-radius: 0.02rem;
  -o-border-radius: 0.02rem;
  border-radius: 0.02rem;
}

#swiper-summary { top: 1rem; bottom: 0.72rem; }
#swiper-summary .swiper-slide { width: auto; padding: 0 0.16rem; }

/* 修改指定学时样式 */
.pop-xsbox {
  position: relative;
  padding: 0.12rem 0.16rem;
  font-size: 0.14rem;
  line-height: 0.2rem;
  box-sizing: border-box;
  border: 1px solid #eaecee;
}
.pop-xsbox.active {
  background: rgba(236, 57, 51, 0.04);
  border: 1px solid rgba(236, 57, 51, 0.08);
}
.pop-xsbox i {
  position: absolute;
  font-size: 0.18rem;
}
.pop-xsbox .hours-mt-title {
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  -moz-box-orient: vertical;
  margin-left: 0.24rem;
  font-weight: 700;
}
.pop-xsbox .hours-mt-time {
  display: inline-block;
  margin-top: 0.06rem;
  margin-left: 0.24rem;
  padding: 0.04rem;
  color: #919395;
  font-size: 0.14rem;
  background-color: #e6f8ed;
  border-radius: 0.04rem;
}
.pop-xsbox .hours-mt-time1 {
  background-color: rgba(236, 57, 51, 0.07);
}
.pop-xsbox .hours-mt {
  margin-top: 0.12rem;
  margin-left: 0.24rem;
}

.cart-list.cart-slide-del {
  margin-right: 0;
}
.cart-list-choose-class {
  bottom: 0.68rem;
  padding: 0px 16px 16px;
  box-shadow: none;
  overflow-y: scroll;
}

.cart-list-tips {
  position: absolute;
  bottom: 0.49rem;
  width: 100%;
  overflow-y: scroll;
  padding-left: 0.16rem;
  background-color: #fff;
  box-shadow: 0px -1px 4px rgba(0, 0, 0, 0.13);
  box-sizing: border-box;
}
.cart-slide-del {
  overflow: hidden;
}
.cart-list {
  font-size: initial;
  background: #fff;
}
.cart-list-choose-class .cart-list-title {
  position: relative;
  height: 0.38rem;
  line-height: 0.38rem;
  text-align: center;
  font-size: 0.16rem;
  color: #111315;
  border-bottom: 0.5px solid #e6edf4;
}
.cart-list-choose-class .cart-list-title .title > i {
  position: absolute;
  right: 0;
  font-size: 0.14rem;
}
.cart-list-choose-class .cart-scroll {
  margin-top: 0;
  max-height: 1.96rem;
  height: auto;
  overflow-y: scroll;
}
.cart-list-tips .cart-list-item {
  width: 100%;
  padding-left: 0 !important; 
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.cart-list-choose-class .cart-list-item .cart-list-year-title {
  margin: 0.12rem 0;
  /* margin-top: 0.16rem;
  margin-bottom: 0.12rem; */
  color: #313335;
}
.cart-list-tips .cart-list-item .cart-list-year {
  font-size: 0.13rem;
}
.cart-list-choose-class .cart-list-item > span.cart-list-year-tip {
  margin:0.05rem
}
.cart-list-tips .cart-list-item .cart-list-year-tip {
  display: inline-block;
  padding: 0.04rem;
  margin-bottom: 0.12rem;
  font-size: 0.12rem;
  color: #616365;
  background: rgba(16, 146, 236, 0.07);
  border-radius: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
}
.cart-list-tips .cart-list-item .cart-list-year-tip .cart-list-year-tip-type{
  max-width: 1rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 0.04rem;
}
.cart-list-tips .cart-list-item .cart-list-year-tip .cart-list-year-tip-time{
  max-width: 1rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cart-list-choose-class .cart-list-item-opacity {
  bottom: 0.68rem;
  height: 0.42rem;
  background: linear-gradient(180deg, rgba(243, 240, 240, 0) 0%, rgba(243, 240, 240, 0.65) 100%);
}
.cart-list-tips .cart-list-item-opacity {
  position: fixed;
  bottom: 0.49rem;
  left: 0;
  width: 100%;
  height: 0.36rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #f9f9f9 57.29%);
}
.order-foot-choose.order-foot-choosecourse {
  position: absolute;
  bottom: 0;
}
.order-foot.order-foot-choose {
  padding: 0.08rem 0;
  height: 0.68rem;
  bottom: 0;
  border-top: none;
  z-index: 9999;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.order-foot-choose.order-foot-choosecourse .count {
  padding-left: 0.16rem;
  display: block;
  text-align: left;
}
.order-foot.order-foot-choose .count {
  margin-top: 0.04rem;
  padding-right: 0.08rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.order-foot.order-foot-choose .count .count-money {
  line-height: 1.5;
}
.order-foot.order-foot-choose .count .count-money .txt {
  margin-right: 0.04rem;
  font-size: 0.12rem;
  color: #595959;
}
.order-foot.order-foot-choose .count .count-money .color-price {
  font-size: 0.14rem;
}
.order-foot.order-foot-choose .count .count-money .number2 {
  font-size: 0.18rem;
}
.order-foot.order-foot-choose .count .count-course {
  font-size: 0.1rem;
}
.order-foot.order-foot-choose .count .count-course .txt {
  margin-right: 0.04rem;
  line-height: 1;
  color: #595959;
}
.order-foot.order-foot-choose .count .count-course .number {
  line-height: 1;
  color: #ee2b2b;
}
.order-foot.order-foot-choose .count .count-course .txt {
  margin-right: 0.04rem;
  line-height: 1;
  color: #595959;
}
.order-foot.order-foot-choose .count .count-course .number {
  line-height: 1;
  color: #ee2b2b;
}
.order-foot.order-foot-choose .count .count-course .txt {
  margin-right: 0.04rem;
  line-height: 1;
  color: #595959;
}
.order-foot.order-foot-choose .count .count-course .order-all {
  display: inline-block;
  line-height: 1;
  color: #595959;
}
.order-list-choose-class .count-title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.08rem;
  line-height: 0.36rem;
  font-size: 0.14rem;
  color: #111315;
}
.order-list-choose-class {
  bottom: 0.49rem;
  padding: 0 0.16rem;
  height: auto;
  max-height: none;
  border-radius: 0;
  box-shadow: 0px -9px 28px rgba(0, 0, 0, 0.05);
  z-index: 99;
}
.choose-class-box {
  position: fixed;
  right: 0.18rem;
  bottom: 1.56rem;
  width: 1.12rem;
  height: 0.31rem;
  z-index: 9999;
  transition: 1s;
}
.choose-class-box .imgiconbg {
  position: absolute;
  left: -0.02rem;
  top: -0.01rem;
  z-index: 8;
}
.choose-class-box .imgicon {
  position: absolute;
  left: -0.07rem;
  top: -0.09rem;
  z-index: 9;
  -webkit-animation: swing 2s linear infinite;
  animation: swing 2s linear infinite;
}
.choose-class-box .chooseClass {
  position: absolute;
  display: inline-block;
  width: 1.12rem;
  line-height: 0.31rem;
  font-size: 0.13rem;
  color: #fff;
  background: linear-gradient(180deg, #ff781f 0%, #ef3f00 100%);
  box-shadow: 0px 2px 0px #ffc178, inset 0px 4px 4px rgba(255, 255, 255, 0.18);
  border-radius: 0.49rem;
  transition: 0.3s;
  -webkit-animation-name: background-overlay-animation, breathe;
  animation-name: background-overlay-animation, breathe;
  -webkit-animation-duration: 1.1s;
  animation-duration: 1.1s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
.choose-class-box .chooseClass > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.choose-class-box .chooseClass > span .txt {
  margin-left: 0.3rem;
}
.choose-class-box .chooseClass > span .iconfont {
  margin-right: 0.08rem;
  margin-left: 0.03rem;
  line-height: 1;
  font-size: 0.15rem;
  color: #ffe690;
}


.cityselect-nav > a.crt {
  color: var(--primary-select,#1092ec);
}
.cityselect-nav > a.crt::after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: var(--primary-select,#1092ec);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.cityselect-item-box > a.crt {
  color: var(--primary-select,#1092ec);
}
.main-bg1 {
  padding: 0.08rem;
}
.main-bg1 .choose-tips {
  display: flex;
  margin-bottom: 0.08rem;
  padding: 0.12rem;
  font-style: normal;
  font-weight: 400;
  font-size: 0.12rem;
  line-height: 150%;
  color: #ff6f1d;
  background: #fff7e6;
  border-radius: 0.08rem;
}
.main-bg1 .choose-tips .tip-icon {
  margin-right: 0.1rem;
  font-size: 0.12rem !important;
}
.main-bg1 .myClass-list {
  margin-top: 0 !important;
}
.main-bg1 .myClass-list ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.12rem;
  height: 0.48rem;
  background-color: #fff;
  border-radius: 8px;
  box-sizing: border-box;
}
.main-bg1 .myClass-list ul li .yearTxt {
  display: flex;
  align-items: center;
  font-style: normal;
  font-weight: 400;
  font-size: 0.14rem;
  line-height: 100%;
  color: #262626;
}
.main-bg1 .myClass-list ul li .yearTxt .delIcon {
  margin-right: 0.04rem;
  font-size: 0.17rem !important;
  color: #ee2b2b;
}
.main-bg1 .myClass-list ul li .yearTxt .choose-input {
  width: 2rem;
  font-size: 0.14rem;
  color: transparent;
  text-shadow: 0 0 0 #1092ec;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.main-bg1 .myClass-list ul .yearBox {
  position: relative;
  min-width: 1rem;
  height: 0.24rem;
  line-height: 0.2rem;
  text-align: center;
  color: var(--primary-select,#1092ec);
  background: rgba(16, 146, 236, 0.1);
  border-radius: 18px;
  box-sizing: border-box;
}
.main-bg1 .myClass-list ul .yearBox span {
  display: inline-block;
  line-height: 1;
  font-size: 0.12rem;
}
.main-bg1 .myClass-list ul .yearBox i {
  position: absolute;
  top: 50%;
  right: 0.06rem;
  line-height: 1;
  font-size: 0.1rem;
  transform: translateY(-50%);
  transform-origin: 0 0;
}
.main-bg1 .myClass-list ul .yearBox input {
  color: transparent;
  text-shadow: 0 0 0 #1092ec;
}
.main-bg1 .myClass-list ul .tooltips-li {
  position: relative;
}
.main-bg1 .myClass-list ul.courseBox {
  margin-left: 0.02rem;
  margin-right: 0.02rem;
  border-top: 1px solid #f8f8f8;
  border-bottom: 1px solid #f8f8f8;
}
.main-bg1 .myClass-list ul.courseBox li {
  border-radius: 0;
}
.main-bg1 .myClass-list .choose-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.12rem;
  width: 100%;
  height: 0.37rem;
  font-size: 0.13rem;
  color: #818385;
  background: #f8f8f8;
  box-sizing: border-box;
}
.main-bg1 .myClass-list .choose-box .hour-txt {
  padding-right: 0.18rem;
}
.main-bg1 .myClass-list .add-course {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.4rem;
  font-size: 0.14rem;
  background-color: #fff;
  border-radius: 8px;
}
.main-bg1 .myClass-list .add-course > a {
  color: var(--primary-select,#1092ec);
}
.main-bg1 .myClass-list .add-course > a span {
  margin-right: 0.08rem;
}

.choose-class-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 0.16rem;
  height: 0.68rem;
  border-top: none;
}
.choose-class-foot .foot-left {
  display: flex;
  align-items: center;
  font-size: 0.12rem;
  color: #595959;
}
.choose-class-foot .foot-left span {
  display: inline-block;
}
.choose-class-foot .foot-left .text {
  margin-right: 0.04rem;
}
.choose-class-foot .foot-left .number {
  font-size: 0.18rem;
  color: var(--primary-select,#1092ec);
}
.choose-class-foot .foot-left .txt {
  font-size: 0.12rem;
  color: var(--primary-select,#1092ec);
}
.choose-class-foot .btn-primary {
  margin-top: 0;
  font-weight: normal;
}







/* 动画效果(写在最下面，样式要添加样式请加在动画效果的上方，有新的动画效果接着下面写) */
@keyframes swing {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@keyframes background-overlay-animation {
  50% {
    background: linear-gradient(-270deg, rgb(255, 120, 31) 20%, rgb(239, 63, 0) 80%);
  }
  100% {
    background: linear-gradient(-270deg, rgb(255, 120, 31) 20%, rgb(239, 63, 0) 80%);
  }
}
@keyframes breathe {
  0% {
    transform: scale(0.95);
  }
  50% {
    transform: scale(1.03);
  }
  100% {
    transform: scale(0.95);
  }
}