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


body.fixed {height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;}


/* ===== adv ===== */
.floatAD a, .floatAD img {display: block;width:38vw;}
.adv-holder {padding-right:0;position:relative;z-index:0;}
.adv-holder i, .adv-holder i:after, .adv-holder i:before {position:absolute;}
.adv-holder i {background:#8c0000;cursor:pointer;height:23px;right:0;top:0;width:24px;}
.adv-holder i:hover {background:#f80;}
.adv-holder i:after, .adv-holder i:before {background:#fff;content:" ";height:1px;left:6px;top:11px;width:12px;}
.adv-holder i:after {transform: rotate(-45deg);}
.adv-holder i:before {transform: rotate(45deg);}



/* ===== ===== topbar ===== ===== */
.topbar {height:30px;}


/* ----- topbar-left ----- */
.topbar-left, .topbar-right p:not(:first-child), p.cart-stat {display:none !important;}



/* ----- topbar-right ----- */
.topbar-right, .topbar-right p {text-align:center;width:100%;}
.topbar-right p, .topbar-right p * {height:30px;line-height:30px;}
.topbar-right p, .topbar-right p * {font-size:15px;}
.topbar-right p, .topbar-right p span {color:#ddd;}
.topbar-right p b {font-weight:bold;}



/* ===== header ===== */
.header {height:60px;top:30px;}


/* ----- logo ----- */
.logo, .logo * {height:36px;line-height:36px;}
.logo {padding:12px 0 12px 12px;}
.logo a * {display:block;font-family:PingFangSC-Regular,PingFang SC,Microsoft YaHei,tahoma,arial,Hiragino Sans GB,sans-serif;font-size:16px;}
.logo a strong {color:#333;}
.logo a i {color:#989898;}
.logo a em {background-image:url(/assets/img/logo-bfsu.jpg);background-size:auto 100%;margin-right:6px;width:30px;}
.logo a b {display:none !important;}


/* ----- form-search ----- */
.form-search {background:#fff;border-top:1px solid #eee;display:none;height:calc( 100vh - 100px );left:0;padding:20px;position:absolute;top:60px;width:calc( 100% - 40px );}
.form-search * {font-size:15px;}
.form-search input {position: relative;}
.form-search input[type="text"] {background:#f8f8f8;border:1px solid #ddd;height:48px;padding:0 10px;width:calc( 100% - 78px );}
.form-search input[type="text"]:hover {background:#fff;border:1px solid #ceaaaa;}
.form-search input[type="text"]:focus {background:#fff;border:1px solid #8c0000;color:#333;}

.form-search button, .form-search button svg {display:block;}
.form-search button {background:#8c0000;height:50px;padding:13px;position:absolute;right:20px;top:20px;width:50px;}
.form-search button svg {fill:#fff;height:24px;width:24px;}

.form-search i, .form-search i:after, .form-search i:before {left:50%;position:absolute;}
.form-search i {background:#fff;border:1px solid #8c0000;border-radius:50%;height:48px;margin-left:-25px;top:120px;width:48px;}
.form-search i:after, .form-search i:before {background:#8c0000;content:" ";height:2px;margin:-1px 0 0 -10px;top:50%;width:20px;}
.form-search i:after {transform:rotate(-45deg);}
.form-search i:before {transform:rotate(45deg);}


/* ----- cart-stat ----- */
.cart-stat, .cart-stat a, .cart-stat i {height:24px;line-height:24px;text-align:center;width:24px;}
.cart-stat {margin-right:30px;margin-top:23px;padding:5px;}
.cart-stat a, .cart-stat i {display:block;position:relative;}
.cart-stat i {color:#888;font-size:27px;}
.cart-stat em {background:#8c0000;border-radius:60px;color:#fff;font-size:10px;height:14px;line-height:14px;position: absolute;right:-4px;top:-4px;width:14px;}

.cart-stat:hover i {color:#f60;}
.cart-stat:hover em {background:#f60;}



/* ----- user-login-link ----- */
.user-login-link {left:0;position: fixed;top:90px;}
.user-login-link {background:#fff;border-top:1px solid #eee;border-bottom:1px solid #ddd;height:45px;padding:15px;width:calc( 100% - 30px );}

.user-login-link dt, .user-login-link dd {position:relative;width:50%;z-index:5;}
.user-login-link a {display:block;font-size:15px;line-height:42px;padding-top:1px;text-align:center;}
.user-login-link dt a {background:#fff;border:1px solid #8c0000;border-right-width:0 !important;color:#8c0000;}
.user-login-link dd a {background:#8c0000;border:1px solid #8c0000;color:#fff;}

.user-logins i.mdi-account {position:fixed;}
.user-logins i.mdi-account {background:#f6f7f8;color:#8c0000;content:" ";font-size:36px;height:57px;line-height:57px;right:60px;padding-top:3px;text-align:center;top:30px;width:60px;z-index:950;}

.user-login-link, .user-logins dt, .user-logins dd {opacity:0;pointer-events: none;}

.user-login-link.shown, .user-login-link.shown dt, .user-login-link.shown dd {opacity:1;pointer-events: all;}


/* ----- user-menu ----- */
.user-menu, .user-menu p {height:60px;width:60px;}
.user-menu {background:#f6f7f8;padding-right:60px;}
.user-menu p em {border:1px solid #ddd;height:42px;margin:8px;width:42px;}
.user-menu p b, .user-menu p i {display:none !important;}

.user-sub-menu {background:#fff;border:1px solid #ddd;border-top-width:0;display:none;position:absolute;right:0;top:60px;width:180px;}
.user-menu.expanded .user-sub-menu {display:block;}
.user-sub-menu ul {padding:6px 0 6px 0;}
.user-sub-menu li {width:100%;}
.user-sub-menu li a {display:block;line-height:42px;padding:0 20px;}
.user-sub-menu li a {background:#fff;color:#333;}



/* ===== naviSwitch ===== */
p.naviSwitch {position: fixed;top:30px;z-index:950;}
p.naviSwitch {background-color:#eee;height:60px;right:0;width:60px;}
p.naviSwitch b:after, p.naviSwitch b:before, p.naviSwitch i, p.naviSwitch i:after, p.naviSwitch i:before {background-color:#8c0000;content:" ";}
p.naviSwitch b, p.naviSwitch b:after, p.naviSwitch b:before, p.naviSwitch i, p.naviSwitch i:after, p.naviSwitch i:before {height:2px;position:absolute;transition:all 300ms ease 0s;width:1.6rem;}
p.naviSwitch b, p.naviSwitch i {left:0.7rem;top:1.45rem;}
p.naviSwitch b:after, p.naviSwitch b:before, p.naviSwitch i:after, p.naviSwitch i:before {left:0;}
p.naviSwitch i:after {bottom:-0.5rem;}
p.naviSwitch i:before {top:-0.5rem;}

p.naviSwitch b, p.naviSwitch.shown i, p.naviSwitch.shown i:after, p.naviSwitch.shown i:before {opacity:0;}
p.naviSwitch.shown i:after {bottom:0;}
p.naviSwitch.shown i:before {top:0;}

p.naviSwitch.shown b {opacity:1;}
p.naviSwitch.shown b:after {transform:rotate(-45deg);}
p.naviSwitch.shown b:before {transform:rotate(45deg);}



/* ===== navigation ===== */
.navigation {height:calc( 100% - 90px );overflow:auto;transform: translateX(-100%);}
.navigation li:not(:first-child) {border-top:1px solid #eee;}
.navigation li a {display:block;line-height:20px;padding:20px 30px;text-align:center;}
.navigation, .navigation-menu {background:#fff;border-top:1px solid #eee;box-shadow:0 0 6px rgba(0,0,0,0.06);}
.navigation {top:90px;}
.navigation li.dropHold p a {position:relative;padding-right:21px;}
.navigation p i {font-size:21px;position:absolute;right:30px;}
.navigation p b, .sub-navi a {font-size:18px;}
.navigation p a {color:#333;}

.navigation li.curr p b {color:#8c0000;}
.navigation li.curr p a:after {background:#8c0000;height:24px;margin-top:-12px;top:50%;width:3px;}

.navigation li.expanded p i {transform: rotate(180deg);}
.navigation li .dropDown {display:none;position: relative !important;}
.navigation li.expanded .dropDown {display:block;}


/* ---- sub-navi ----- */
.sub-navi {background:#fff;}
.sub-navi ul {padding:0 6px 6px 6px;}
.sub-navi a {line-height:45px;text-align:center;}
.sub-navi li {border-top-width:0 !important;}
.sub-navi li:not(:first-child) {padding-top:3px;}
.sub-navi li a {background:#f8f8f8;color:#333;}


/* ----- navigation-menu ----- */
.navigation-menu {left:0;top:175px;}
.menu-pic, .menu-pic img {height:236px;width:420px;}
.menu-pic {padding:40px 36px 40px 40px;}

.menu-info {padding:36px 36px 36px 0;}
.menu-info * {font-size:15px;}
.menu-info p {line-height:1.6;text-indent:2em;}
.menu-info h4 {color:#8c0000;font-weight:bold;line-height:1;padding-top:24px;}
.menu-info ul {max-width:90%;padding-top:6px;}
.menu-info li {flex-grow:0;padding:12px 12px 0 0;}
.menu-info li a {display:block;line-height:34px;padding:2px 42px 0 42px;}
.menu-info li a:link, .menu-info li a:visited {border:1px solid #8c0000;color:#8c0000;}
.menu-info li a:hover, .menu-info li a:active {background:#f60;border:1px solid #f60;color:#fff;}



/* ===== footer ===== */
.footer {background:#8c0000 url(/assets/img/bg/foot.jpg) 50% 100% no-repeat;background-size:cover;}

.footer, .foot-about, .foot-about-left {width:100%;}


/* ----- foot-about ----- */
.foot-about-col, .foot-about-right {margin-left:20px;padding:20px 20px 20px 0;width:calc( 100% - 40px );}
.foot-about-col {border-bottom:1px solid rgba(255,255,255,0.18);}
.foot-about-col h4 {color:#fff;font-size:18px;padding-bottom:6px;text-align:center;}
.foot-about-col p {color:#ddd;font-size:15px;line-height:1.4;padding-top:6px;}
.foot-about-intro p b {color:#fff;}

.foot-about-col li {padding:10px;width:calc( 50% - 20px );}
.foot-about-col li a {color:#ddd;display:block;text-align:center;}


.foot-about-contact * {text-align:center;}
.foot-about-contact h5, .foot-about-contact dl {padding: 18px 0;}
.foot-about-contact h5 a, .foot-about-contact dl a {border-radius:99px;display:block;line-height:38px;margin:auto;width:150px;}
.foot-about-contact h5 a, .foot-about-contact dl a {border:2px solid #ddd;color:#ddd;}

.foot-about-contact dd {padding-top:15px;}


.foot-about-right dl {padding:10px 0;width:100%;}
.foot-about-right dl * {display:block;margin:auto;text-align:center;width:120px;}
.foot-about-right img {height:120px;}
.foot-about-right dd {color:#eee;font-size:15px;line-height:1;padding-top:15px;}



/* ----- foot-info ----- */
.foot-info {background:rgba(0,0,0,0.09);padding:18px 0;}
.foot-info * {color:#fff;line-height:1.4;text-align:center;}
.foot-info p {padding:0 12px;}
.foot-info p a, .foot-info p span {display:block;padding:3px 0;}
.foot-info a, .foot-info span {font-size:16px;}
.foot-info em {display:none !important;}
.foot-info span {opacity:0.75;}
.foot-info a {color:#fff;}

.foot-info p.one-row {margin-top:1em;}
.foot-info p.one-row * {line-height:20px;}
.foot-info p.one-row em {font-size:10px;display:block !important;margin:0 1.5em;opacity:0.38;}



/* ===== sider ===== */
.sider {bottom:40px;right:10px;}
.sider-row {margin-top:3px;position: relative;}
.sider-row b, .sider-row i, .sider-row svg {height:48px;line-height:48px;}
.sider-row i, .sider-row svg {width:48px;}
.sider-row i, .sider-row p {background:#fff;border:1px solid #8c0000;color:#8c0000;display:block;font-size:36px;text-align:center;}
.sider-row b {display:none;}

#showFinder p, #showFinder svg {height:24px;width:24px;}
#showFinder p {padding:12px;}
#showFinder svg {display:block;}
#showFinder svg path {fill:#8c0000;}


/* ===== paddings ===== */
.pdt {height:90px;}

.gap.p10 {height:6px;}
.gap.p20 {height:10px;}
.gap.p30 {height:15px;}
.gap.p40 {height:20px;}




/* ===== home-slider ===== */
.home-slider ol, .home-slider img {width:138vw;}
.home-slider, .slick-list {position: relative;}
.home-slider {overflow-x: hidden;width:100%;}
.home-slider ol {margin-left:-19vw;}
.home-slider a, .home-slider img {display:block;}

.home-slider .slick-track, .home-slider .slick-dots {display:-webkit-box;display:-webkit-flex;display:flex;}

.home-slider .slick-arrow, .home-slider .slick-dots {position: absolute;z-index:5;}
.home-slider .slick-arrow, .home-slider .slick-arrow i {height:60px;line-height:60px;text-align: center;}
.home-slider .slick-arrow {background:#fff;opacity:0;margin-top:-30px;top:50%;}

.home-slider .slick-arrow i {color:#8c0000;display:block;font-size:24px;width:30px;}
.home-slider .slick-prev {left: 1px;}
.home-slider .slick-prev i {padding-right: 1px;}
.home-slider .slick-next {right:1px;}
.home-slider .slick-next i {padding-left: 1px;}

.home-slider .slick-dots {bottom:12px;left:0;}
.home-slider .slick-dots li, .home-slider .slick-dots li * {height:3px;text-indent:-5000em;width:12px;}
.home-slider .slick-dots li:not(:first-child) {margin-left:3px;}

.home-slider .slick-dots li {background:#fff;}
.home-slider .slick-dots li.slick-active {background:#b71921;width:24px;}




/* ===== home-title ====== */
.home-title, .home-center-title {height:42px;width:100%;}
.home-title h3, .home-title p *, .home-center-title h3 {height:30px;line-height:30px;}
.home-title h3, .home-title h3 *, .home-center-title h3, .home-center-title h3 * {font-size:21px;}
.home-title h3:after, .home-center-title h3:after {bottom:-12px;height:2px;width:1.5em;}

.home-title p b {font-size:18px;}
.home-title p i {font-size:21px;}

.home-title.title-red h3, .home-center-title.title-red h3 {color:#8c0000;}
.home-title.title-red h3:after, .home-center-title.title-red h3:after {background:#8c0000;}
.home-title.title-red p a * {color:#666;}

.home-title.title-white h3 * {color:#fff;}
.home-title.title-white h3 em {opacity:0.8;}
.home-title.title-white h3:after {background:#fff;}
.home-title.title-white p a * {color:#fff;}

.home-dual-left .home-title p {padding-right: 0px;}

.home-center-title {z-index:5;}
.home-center-title h3:after {left:50%;margin-left:-0.75em;}




/* ===== home-dual ====== */
.home-dual:before, .home-dual:after {width:100%}

.home-dual-left, .home-dual-right {padding:20px;width:calc( 100% - 40px );}




/* ===== ===== home-row_1 ===== ===== */
.home-row-1 .home-dual-left {background:#f1f1f1 url(/assets/img/bg/home-1.jpg) 0 50% no-repeat;background-size: cover;}


.home-left-content, .home-right-content {padding-top:0;}



/* ===== course-system ===== */
.course-system-list ol {width: 100%;}
.course-system-list li, .course-system-list li a, .course-system-list li em {height:150px;}
.course-system-list li {margin-top:15px;width:100%;}
.course-system-list li a {padding:0 20px 0 140px;width:calc( 100% - 160px );}
.course-system-list li em {width:120px;}
.course-system-list li h4 {font-size:21px;padding:15px 0 6px 0;}
.course-system-list li p, .course-system-list h5 b {font-size:14px;}
.course-system-list li p, .home-teacher-list li p, .home-press-list li p {line-height:20px;max-height:60px;overflow:hidden;}
.course-system-list li h5 {bottom:10px;right:15px;}
.course-system-list h5 * {height:21px;line-height:21px;}
.course-system-list h5 i {font-size:21px;}

.course-system-list a h4, .course-system-list a h5 * {color:#8c0000;}
.course-system-list a p {color:#989898;}



/* ===== home-teachers ===== */
.home-teachers {background:#f8f8f8;}
.home-teacher-list {margin-right:-20px;}
.home-teacher-list li {padding-right:20px;padding-top:15px;}
.home-teacher-list li:not(:first-child) {border-top:1px solid #e8e8e8;margin-top:15px;}
.home-teacher-list li a {min-height:135px;padding-left:110px;}
.home-teacher-list li em {height:135px;width:95px;}
.home-teacher-list li * {font-size:16px;}
.home-teacher-list li h4 {font-weight:bold;}
.home-teacher-list li h5 {margin:9px 0;}

.home-teacher-list img {display:none !important;}

.home-teacher-list a:link h4, .home-teacher-list a:visited h4 {color:#333;}
.home-teacher-list a:link h4, .home-teacher-list a:visited h4 {color:#8c0000;}
.home-teacher-list a:link p, .home-teacher-list a:visited p {color:#989898;}



/* ===== ===== home-row_2 ===== ===== */
.home-notice:after {background:#f6f7f8 url(/assets/img/bg/home-2.jpg) 50% 50% no-repeat;background-size:cover;}
.home-notice:after {height:100%;left:0;top:0;width:100%;}

.home-notice .home-title, .home-notice .home-right-content {z-index:5;}


/* ===== home-press ===== */
.home-press-list li, .home-press-list li * {width:100%;}
.home-press-list li {padding-top:15px;}
.home-press-list li em {height:0;padding-bottom:56.25%;}

.home-press-list li * {font-size:16px;}
.home-press-list li h4 {font-weight:bold;margin-top:15px;}
.home-press-list li p {line-height:20px;margin-top:9px;}

.home-press-list a h4 {color:#333;}
.home-press-list a p {color:#989898;}




/* ===== home-notice ===== */
.home-notice-list li {margin-top:20px;}
.home-notice-list li * {font-size:16px;}
.home-notice-list li h4 {font-weight:bold;margin-top:3px;}

.home-notice-list a h4 {color:#8c0000;}
.home-notice-list a p {color:#333;}



/* ===== home-service ===== */
.home-service {background:#8c0000;padding:20px;width:calc( 100% - 40px );}
.home-service .xc {background:#8c0000 url(/assets/img/bg/home-3.jpg) 0% 50% no-repeat;background-size:auto 100%;}

.home-consult {padding-bottom:20px;width:100%;}
.home-consult * {color:#fff;}
.home-consult h2 {font-family:"DINPro";font-size:36px;}
.home-consult h5, .home-consult p {line-height:20px;margin-top:20px;opacity:0.8;}
.home-consult h5 {padding-top:20px !important;}
.home-consult p {width:100%;}


.home-apply, .home-apply form, .home-apply p {width:100%;}
.home-apply {background:rgba(255,255,255,0.1);margin:-10px -20px -20px -20px;padding:10px 20px 20px 20px;}
.home-apply p:not(:first-child) {margin-top:20px;}
.home-apply input {background:none;border-bottom:1px solid rgba(255,255,255,0.62);color:#fff;height:36px;width:100%;}

.home-apply *::-webkit-input-placeholder {color:#fff;font-size:15px;}
.home-apply *:-moz-placeholder {color:#fff;font-size:16px;}
.home-apply *::-moz-placeholder {color:#fff;font-size:16px;}

.home-apply input:hover {border-bottom:1px solid #fff;color:#fff;}

.home-apply h5, .home-apply h5 * {width:100%;}
.home-apply h5 {margin-top:30px;}
.home-apply h5 button {background:#fff;color:#8c0000;font-size:15px;height:48px;}
.home-apply h5 button:hover {background:#fa0;color:#fff;}




/* ===== home-partners ===== */
.home-partners {background:#fff url(/assets/img/bg/home-4.png) 50% 0% no-repeat;padding:20px 0;width:100%;}
.home-partner-list ul {padding:10px 20px 10px 10px;width:calc( 100% - 30px );}
.home-partner-list li {margin:10px 0 0 10px;width:calc( 50% - 10px );}
.home-partner-list li a, .home-partner-box li a {background:#fff;border:1px solid #eee;height:18vw;width:calc( 100% - 2px );}

.home-partner-list li img, .home-partner-box li img {max-height:75%;max-width:75%;}


/* ----- home-partner-box ----- */
.home-partner-box {width:100%;}
.home-partner-box ul {padding:0 12px 12px 0;width:calc( 100% - 12px );}
.home-partner-box li {padding:12px 0 0 12px;width:calc( 50% - 12px );}

.home-partner-box li a {background:#fff;border:1px solid #eee;height:70px;width:calc( 100% - 2px );}




/* ===== adv-row ===== */
.adv-row p * {width:100%;}

.adv-dual {padding:0 20px;}
.adv-dual p {width:calc( 50% - 5px );}






/* ===== ===== subpage ===== ===== */
.subpage {background:#f4f5f7;}


/* ===== type-selector ===== */
.type-selector, .type-selector .xc {padding:15px 0 0 0;width:100%;}
.type-selector .xc, .type-selector li a {position: relative;}
.type-selector .xc {background:#fff;border-bottom:1px solid #ddd;border-top:1px solid #ddd;}
.type-selector h2 {color:#8c0000;font-size:18px;line-height:20px;padding:0 0 15px 20px;width:calc( 100% - 20px );}
.type-selector ol {border-top:1px solid #eee;overflow:auto;width:100%;}
.type-selector li {padding-left: 20px;padding-right: 20px;}
.type-selector li a {color:#333;display:block;line-height:44px;padding:1px 0 0 0;}
.type-selector li.curr a {color:#8c0000;}
.type-selector li.curr a:after {background:#8c0000;bottom:-1px;content:" ";height:3px;position: absolute;right:0;width:100%;}

.type-selector p {line-height:20px;position: absolute;right:20px;top:15px;}
.type-selector p i {padding-left:6px;}



/* ===== category-sort ===== */
.category, .category-mobile {border-bottom:1px solid #ddd;border-top:1px solid #ddd;height:calc( 100% - 90px );left:0;overflow:auto;position:fixed;top:90px;transform:translateX(-100%);width:100%;z-index:750;}
.category-sort {border-bottom:1px solid #eee;padding-bottom:10px;}
.category-sort *, .category-filter * {font-size:12px;}
.category-sort h4, .category-filter h4 {color:#888;line-height:24px;padding:12px 0 0 20px;width:calc( 100% - 20px );}
.category-sort ul, .category-filter ul {padding:12px 15px 5px 15px;width:calc( 100% - 30px );}
.category-sort li, .category-filter li {padding:0 5px 10px 5px;width:calc( 33.3331% - 10px );}
.category-sort li *, .category-filter li * {border:1px solid #ddd;border-radius:99px;cursor:pointer;display:block;line-height:29px;padding:1px 0 0 0;text-align:center;width:calc( 100% - 2px );}
.category-sort li.curr b, .category-filter li.curr b {background:#8c0000;border:1px solid #8c0000;color:#fff;}


.category-filter .dropHold {z-index:5;}
.category-price-sort, .category-price-sort ul, .category-price-sort li {border:0 none !important;}
.category-price-sort, .category-price-sort ul {padding:0 !important;}
.category-price-sort {bottom:calc( 100% + 10px );}
.category-price-sort ul {width:100% !important;}
.category-price-sort li {padding:6px 0 0 0!important;width:calc( 100% + 2px ) !important;}
.category-price-sort li b {background:#fff !important;border:1px solid #ccc !important;color:#333 !important;display:block;line-height:29px;padding:1px 5px 0 5px;text-align:center;width:calc( 100% - 12px );}

.category-mobile i {background:#8c0000;color:#fff;font-size:24px;height:30px;line-height:30px;position:absolute;right:12px;text-align:center;top:12px;width:30px;z-index:5;}
.category-mobile .category-sort h4 {padding:18px 0 6px 20px;}

.category-mobile-action, .category-mobile-action p {width:calc( 100% - 15px );}
.category-mobile-action {border-top:1px solid #eee;padding:15px 15px 15px 0;}
.category-mobile-action p {padding-left:15px;}
.category-mobile-action dl {padding-left:5px;width:calc( 100% - 5px );}
.category-mobile-action dt, .category-mobile-action dd {padding-left:10px;width:calc( 50% - 10px );}
.category-mobile-action button {border-style: solid;border-width: 1px;display:block;font-size: 15px;line-height: 45px;padding: 1px 0 0 0;width:100%;}
.category-mobile-action p button, .category-mobile-action dt button {background:#8c0000;color:#fff;}
.category-mobile-action dd button {background:#fff;color:#8c0000;}



/* ===== course-list ===== */
/*
.course-list ul {padding:5px 20px 0 20px;}
.course-list li, .course-list li em {width:100%;}
.course-list li {padding-top:15px;}
.course-list li em {height:0;padding-bottom:56.25%}
.course-list .cc {background:#fff;border:1px solid #e8e8e8;border-top-width:0 !important;padding:18px 20px 0 20px;width:calc( 100% - 42px );}
.course-list li * {font-size:16px;line-height:24px;}
.course-list li h4 {font-weight:bold;}
.course-list li p {padding:12px 0;}
.course-list dl {border-top:1px solid #eee;padding-bottom:12px;padding-top:10px;}

.course-list li a h4 {color:#8c0000;}
.course-list li a b {color:#333;}
*/


/* ===== course-list-horizon ===== */
.course-list.row-horizon, .course-list.row-horizon ul, .course-list.row-horizon li {width:100%;}
.course-list.row-horizon li {background:#fff;border-bottom:1px solid #ddd;border-top:1px solid #ddd;}
.course-list.row-horizon li:not(:first-child) {margin-top:6px;}
.course-list.row-horizon li a {padding:0.5rem;position:relative;width:calc( 100% - 1rem );}
.course-list.row-horizon li em {height:0;padding-bottom:18vw;position: relative;;width:32vw;}
.course-list.row-horizon li em i {background-image:url(/assets/img/logo-small.png);background-size:cover;height:6vw;left:6vw;position: absolute;top:6vw;width:20vw;}

.course-list.row-horizon li em h5 {display:none;}

.course-list.row-horizon .cc {padding-left:0.5rem;width:calc( 68vw - 0.5rem );}
.course-list.row-horizon .cc:after {border:1px solid #8c0000;border-radius:999rem;bottom:0.5rem;color:#8c0000;content:"去购买";font-size:12px;line-height:23px;padding:1px 15px 0 15px;position:absolute;right:0.5rem;}
.course-list.row-horizon .cc h4 {color:#333;font-size:15px;font-weight:bold;}
.course-list.row-horizon .cc p {display:none !important;}
.course-list.row-horizon dl {bottom:0.5rem;left:calc( 32vw + 0.5rem );position:absolute;}
.course-list.row-horizon dt * {color:#aaa;line-height:23px;}



/* ===== pager-common ===== */
.pager-common {padding:20px 0;}
.pager-common.uc-tiny {padding:15px 0 15px 0;}
.pager-common li {margin:0 1px;}
.pager-common li * {border-style:solid;border-width:1px;display:block;font-size:15px;line-height:45px;padding:0 18px;}

.pager-common li b {background:#8c0000;border-color:#8c0000;color:#fff;}
.pager-common li a {background:#fff;border-color:#eee;color:#333;}

.pager-common.page-sp {background:#f4f5f7;padding:20px 0 5px 0 !important;}



/* ===== breadcrumb ===== */
.breadcrumb, .breadcrumb * {height:20px;line-height:20px;overflow: hidden;}
.breadcrumb {background:#f5f5f5;padding:16px 0 15px 0;}
.breadcrumb p {padding:0 10px;}
.breadcrumb p * {max-width:33.3331%;}
.breadcrumb p b {max-width:38%;}
.breadcrumb em {font-size:10px;margin:0 10px;}
.breadcrumb a, .breadcrumb b {font-size:15px;}
.breadcrumb a:link, .breadcrumb a:visited {color:#333;}
.breadcrumb a:hover, .breadcrumb a:active {color:#f60;}



/* ===== course-info ===== */
.course-info {background:#fff;padding:20px;width:calc( 100% - 40px );}


/* ----- course-info-left ----- */
.course-info-left, .course-info-left em {width:100%;}
.course-info-left em {height:0;padding-bottom:48%;position:relative;}
.course-info-left p, .course-info-left p * {height:24px;line-height:21px;}
.course-info-left p {padding-top:10px;}
.course-info-left p span {color:#888;}
.course-info-left p a {margin-left:10px;}
.course-info-left p i {font-size:24px;}

.course-info-left p a:link *, .course-info-left p a:visited * {color:#aaa;}
.course-info-left p a:hover *, .course-info-left p a:active * {color:#f60;}


/* ----- course-info-right ----- */
.course-info-right {width: 100%;}
.course-info-right * {font-size:14px;}
h2.course-info-title {color:#333;padding:12px 0;}
h2.course-info-title, .course-price strong {font-size:21px;}
.course-info-right h4 {padding-left:15px;width:84px;}

.course-price *, .course-info-right p, .course-info-row, .course-info-row * {line-height:21px;}
.course-price {background:#f3f3f3;margin:6px -20px 0 -20px;padding:12px 20px;position:relative;}
.course-price-row {height:24px;padding:3px 0;}
.course-price b {color:#333;padding:0 3px;}

.course-price p {padding-left:15px;padding-top:3px;}
.course-price em, .course-price strong {color:#a60a08;}
.course-price em {line-height:20px;padding-top:4px;}

.course-info-intro {color:#e4393c;}

.course-info-rows, .course-info-options {border-bottom:1px dotted #ccc;}
.course-info-rows {padding:9px 0;}
.course-info-row {padding:3px 0;}
.course-info-row h4 {color:#888;}
.course-info-row p {color: #333;}

.course-info-options {padding:9px 0;}
.course-info-option {padding-top:6px;}
.course-info-option, .course-info-option h4, .course-info-option ul, .course-info-option li {line-height:38px;}
.course-info-option li {padding:0 6px 6px 0;}
.course-info-option li * {display:block;height:35px;line-height:35px;padding:1px 20px 0 20px;}
.course-info-option li a:link, .course-info-option li a:visited {border:1px solid #ddd;color:#333;}
.course-info-option li a:hover, .course-info-option li a:active {border:1px solid #f60;color:#f60;}
.course-info-option li.curr a {border:1px solid #a60a08;color:#a60a08;}

.course-action {padding-top:15px;}
.course-action dt, .course-action dd {margin:0 5px;}
.course-action button {border-style:solid;border-width:1px;font-size:15px;font-weight:bold;line-height:45px;padding:1px 48px 0 48px;}
.course-action dt button {background:#feeaea;border-color:#f13232;color:#f13232;}
.course-action dd button {background:#8c0000;border-color:#8c0000;color:#fff;}
.course-action * button:hover {background:#f60 !important;border-color:#f60 !important;color:#fff !important;}


/* ===== course-detail ===== */
.course-detail {width:100%;}

/* ----- course-detail-left ----- */
.course-detail-left, .search-result-left {width: 100%;}


/* ----- content-swap ----- */
.content-swap {background:#f8f8f8;}
.content-swap li {margin-right: 3px;}
.content-swap li * {cursor:pointer;font-size:16px;}
.content-swap li *:before {background:#f60;height:2px;left:0;top:0;width:0;}

.content-swap li.curr * {background:#fff;color:#8c0000;}
.content-swap li.curr *:before {background:#8c0000;width:100%;}

.content-swap.h60 li b {line-height:53px;padding:1px 53px 0 53px;}


/* ----- page-entry ----- */
.page-entry {padding:0.75rem 0.75rem 0.75rem 0.75rem;width:calc( 100% - 1.5rem );}
.page-entry {min-height:10rem;}
.page-entry {color:#5a5a5a;}
.page-entry * {line-height:24px;}

.page-entry h4, .page-entry b, .page-entry strong, .page-entry h5 {font-size:15px;}

.page-entry, .page-entry div, .page-entry p, .page-entry li {color:#666;}
.page-entry, .page-entry div, .page-entry p, .page-entry li {font-size:15px;}
.page-entry div, .page-entry p {margin-top:5px;text-indent:2em;}
.page-entry div *, .page-entry p * {text-indent:0;}

.page-entry ol, .page-entry ul {padding:6px 0 10px 2em;}
.page-entry ol li {list-style:decimal outside;}
.page-entry ul li {list-style:none;}

.noprefix, .noprefix li {list-style:none !important;}

.page-entry li {padding-top:0.5em;}

.page-entry table {background-color:#ddd;border-color:#aaa;border-collapse:collapse;}
.page-entry th, .page-entry td {padding:6px 10px;}
.page-entry th {background-color:#f6f6f6;}
.page-entry td {background-color:#fff;}

.page-entry b, .page-entry strong, .page-entry h1, .page-entry h2, .page-entry h3, .page-entry h4 {color:#333;}
.page-entry b, .page-entry strong, .page-entry h4 {font-weight:bold;}

.page-entry img {height:auto !important;max-width:100% !important; /* width:auto !important; */}

.page-entry blockquote {border: 2px solid #eee;margin:20px 20px 0 20px;padding:6px 20px 20px 20px;}
.page-entry blockquote p {margin-top:10px;}

.page-entry a:link, .page-entry a:visited {color:#333;}
.page-entry a:hover, .page-entry a:active {color:#f60;}

.entry-video {height:400px;width:640px;}




/* ===== ===== course-detail-entry-2020-12-15 ===== ===== */
.course-detail-entry {padding:0.75rem;width:calc( 100% - 1.5rem );}
.course-detail-entry * {color:#666;font-size:0.8rem;}
.course-detail-entry b {color:#333;font-weight:bold;}
.course-detail-entry div, .course-detail-entry p {line-height:1.8;padding-top:0.25em;text-indent:2em;}

.course-detail-entry h1, .course-detail-entry h1 *, .course-detail-entry h2, .course-detail-entry h2 *, .course-detail-entry h3, .course-detail-entry h3 *, 
.course-detail-entry h4, .course-detail-entry h4 * {font-weight:normal;}
.course-detail-entry h1, .course-detail-entry h1 *, .course-detail-entry h2, .course-detail-entry h2 *, .course-detail-entry h3, .course-detail-entry h3 *, 
.course-detail-entry h4, .course-detail-entry h4 *,  .course-detail-entry h5, .course-detail-entry h5 *, .course-detail-entry h6, .course-detail-entry h6 * {color:#333;margin-bottom:0.5em;margin-top:0.5em;}
.course-detail-entry h1, .course-detail-entry h1 * {color:#8c0000;font-size:1.2rem;}
.course-detail-entry h2, .course-detail-entry h2 * {font-size:1.1rem;}
.course-detail-entry h3, .course-detail-entry h3 *, .sub-intro h3, .sub-intro h3 * {font-size:1rem;}
.course-detail-entry h4, .course-detail-entry h4 * {font-size:0.9rem;}
.course-detail-entry h5, .course-detail-entry h5 * {font-size:0.75rem;}
.course-detail-entry h6, .course-detail-entry h6 * {font-size:0.6rem;}



/* ----- title ----- */
.title-color-bg b {padding:0.25em 1.25em 0.25em 1.25em;}
.title-bg-corner b {border-radius:0.25em;}
.title-bg-round b {border-radius:99em;}
.title-bg-orange b {background:#8c0000;color:#fff;display:block;}

.title-pic-bg, .title-pic-bg b, .title-pic-bg strong {line-height:2rem;margin:0 !important;padding:0;position: relative;text-indent:0;}
.title-pic-bg:after, .title-pic-bg b:after, .title-pic-bg b:before {position:absolute;}
.title-pic-bg:after {background:#8c0000;bottom:-3px;content:" ";height:3px;left:0;width:100%;}

.title-pic-bg strong, .title-pic-bg strong:after, .title-pic-bg strong:before {color:#8c0000;}
.title-pic-bg strong {color:#8c0000;display:block;font-size:1.2;padding:0.25em 0 0.3em 0;}
.title-pic-bg strong:after {content:"】";margin-left:0.1rem;}
.title-pic-bg strong:before {content:"【";margin-right:0.1rem;}



/* ----- table -----*/
.entry-table-container {overflow:auto;margin-top:0 !important;padding-top:0 !important;width:100%;}
.entry-table-container table, .entry-table-container table th, .entry-table-container td {border:1px solid #000;}
.entry-table-container thead * {background:#8c0000;color:#fff;white-space:nowrap;}
.entry-table-container tbody *, .entry-table-container tfoot * {background:#fdeada;color:#5a5a5a;}
.entry-table-container th, .entry-table-container td {/**min-width:150px;**/padding:6px;}
.entry-table-container th p, .entry-table-container td p {padding-top:0;text-indent:0;}

.course-detail-entry .entry-table-container th, .course-detail-entry .entry-table-container td {min-width:150px;}

.camping-table-e2 tr td:first-child {min-width:60px;}
.camping-table-e1 tr td:last-child {/**min-width:480px;**/}




/* ----- list ----- */
.course-detail-entry olul, .camping-ol {padding:0.25rem 0.5rem 0.25rem 1.25rem;}
.course-detail-entry ul, .camping-ul {padding:0.25rem 0.5rem;}
.course-detail-entry liul, .camping-ol li, .camping-ul li {line-height:24px;padding-bottom:3px;padding-top:3px;}
.course-detail-entry ul li, .camping-ol li, .camping-ul li {padding-left:1em;position:relative;}

/* .course-detail-entry ul li:before {background:#8c0000;content:" ";height:2px;left:0;position:absolute;top:17px;width:6px;} */

.course-detail-entry ul li:before, .camping-ul li:before {background:#8c0000;border-radius:50%;content:" ";height:8px;left:0;position:absolute;top:11px;width:8px;}

.course-detail-entry ul.entry-list-diamond li:before {height:6px;transform:rotate(45deg);top:11px;}

.camping-ol li {list-style: decimal;padding-left:0;}



/* ===== special ===== */
.kids-value {width:100%;}
.kids-value-part {border:1px solid #ddd;margin:6px 0 0 0 !important;padding:6px 12px !important;width:calc( 100% - 26px );}
.kids-value-part h4 {color:#8c0000;font-size:16px;font-weight:bold;text-align:center;}
.kids-value-part p {text-indent:0;}





/* ----- course-detail-right ----- */
.course-detail-right {width: 100%;}


/* ----- course-side ----- */
.side-title {background:#f8f8f8;}
.side-title h3 {color:#333;font-size:18px;padding-left:20px;}
.side-title h3:before {background:#8c0000;height:24px;left:0;margin-top:-12px;top:50%;width:3px;}
.side-title p {padding-right:20px;}
.side-title p a {font-size:15px;}
.side-title p a:link, .side-title p a:visited {color:#666;}
.side-title p a:hover, .side-title p a:active {color:#f60;}

.side-title.h60 * {line-height:60px;}


/* ----- course-side-list ----- */
.course-side-list {padding:0 20px 20px 20px;width:calc( 100% - 40px );}
.course-side-list li {padding-top:20px;}
.course-side-list li * {font-size:16px;}
.course-side-list li a {min-height:65px;padding-left:120px;}
.course-side-list li em {height:65px;width:105px;}

.course-side-list li h4 {padding-bottom:6px;}

.course-side-list a:link h4, .course-side-list a:visited h4 {color:#8c0000;}
.course-side-list a:link p, .course-side-list a:visited p {color:#989898;}
.course-side-list a:link p b, .course-side-list a:visited p b {color:#333;}
.course-side-list a:hover *, .course-side-list a:active * {color:#f80 !important;}
.course-side-list a:hover em {opacity:0.5;}



/* ===== concept-pic ===== */
.concept-pic {height:300px;}

.pic-about {background-image:url(/temp/page/pic-about.jpg);}


/* ===== subpage ===== */


/* ----- sub-left ----- */
.sub-left, .sub-menu, .sub-menu ul, .sub-menu li, .sub-about-navi, .sub-about-navi ul, .sub-about-navi li {width:100%;}
.sub-left .gap, .sub-left .adv {display:none !important;}

/* ----- sub-menu ----- */
.sub-menu, .sub-menu li, .sub-about-navi, .sub-about-navi li {position: relative;}
.sub-menu, .sub-about-navi {border-bottom:1px solid #e8e8e8;border-top:1px solid #ddd;height:54px;overflow:hidden;}
.sub-menu.expanded, .sub-about-navi.expanded {height:auto;}

.sub-menu h3, .sub-menu li a, .sub-about-navi h3, .sub-about-navi li a {line-height:53px;padding-left:18px;padding-top:1px;}
.sub-menu h3, .sub-about-navi h3 {background:#8c0000;color:#fff;display:none !important;font-size:18px;}

.sub-menu li, .sub-about-navi li {border:0;height:0;overflow:hidden;}
.sub-menu.expanded li, .sub-about-navi.expanded li {height:auto;}
.sub-menu.expanded li:not(:first-child), .sub-about-navi.expanded li:not(:first-child) {border-top:1px solid #eee;}

.sub-menu li a, .sub-about-navi li a {display:block;font-size:16px;}
.sub-menu li a, .sub-about-navi li a {color: #333;}
.sub-menu li.curr, .sub-about-navi li.curr {height:auto;}
.sub-menu li.curr a, .sub-about-navi a {background:#fafbfc;color:#8c0000;padding-left:20px;}

.sub-menu li:before, .sub-about-navi li:before {content:" ";height:20px;left:0;margin-top:-10px;position: absolute;top:50%;width:2px;}
.sub-menu li.curr:before, .sub-about-navi li.curr:before {background:#8c0000;}


.sub-menu i, .sub-menu i:after, .sub-menu i:before, .sub-about-navi i, .sub-about-navi i:after, .sub-about-navi i:before {position: absolute;}
.sub-menu i, .sub-about-navi i {background:#f3f3f3;height:54px;line-height:54px;right:0;text-align:center;top:0;width:54px;}
.sub-menu i:after, .sub-menu i:before, .sub-about-navi i:after, .sub-about-navi i:before {background:#8c0000;content:" ";}
.sub-menu i:after, .sub-about-navi i:after {height:20px;left:26px;top:17px;width:2px;}
.sub-menu i:before, .sub-about-navi i:before {height:2px;left:17px;top:26px;width:20px;}

.sub-menu.expanded i, .sub-about-navi.expanded i {background:#eee;}
.sub-menu.expanded i:after, .sub-menu.expanded i:before, .sub-about-navi.expanded i:after, .sub-about-navi.expanded i:before {transform: rotate(135deg);}


/* ===== sub-about-row ===== */
.sub-about-row {padding:9vw 9vw;width:82vw;}

.sub-about-pic, .sub-about-pic em, .sub-about-pic img {position:relative;z-index:5;}
.sub-about-pic {width:100%;}
.sub-about-pic:after {background:#8c0000;content:" ";height:100%;left:6px;position:absolute;top:6px;width:calc( 100% - 6px);}
.sub-about-pic em, .sub-about-pic img {border-bottom:1px solid #fff;border-right:1px solid #fff;display:block;width:calc( 100% - 6px );}
.sub-about-pic em {background-size:cover;height:0;padding-bottom:72%;}


.sub-about-content {margin-top:9vw;}
.sub-about-content h2 {color:#8c0000;font-size:1.2rem;;}
.sub-about-content p {font-size:0.8rem;line-height:1.6;text-align:justify;text-indent:2em;}


/* ----- about-row-1 ----- */
.about-row-1 h2 {margin-bottom:15px;padding-bottom:15px;position:relative;}
.about-row-1 h2:after {background:#8c0000;bottom:0;content:" ";height:1px;left:0;position:absolute;width:2em;}


/* ----- about-row-2 ----- */
.about-row-2, .about-row-2 .sub-about-content {position:relative;z-index: 5;}
.about-row-2 {background:#8c0000;background:linear-gradient(135deg, #da1a32 0%, #8c0000 100%);}
.about-row-2 .sub-about-pic img {border-bottom:1px solid #8c0000;border-right:1px solid #8c0000;}
.about-row-2 .sub-about-pic:after {background:#fff;opacity:0.5;}

.about-row-2 .sub-about-content p {color:#fff;}

.about-row-2:after {background-image:url(/temp/about/bkg.jpg);background-position:50% 62%;background-size:cover;}
.about-row-2:after {content:" ";height:100%;left:0;opacity:0.12;position:absolute;top:0;width:100%;}



/* ----- sub-right ----- */
.sub-right {width:100%;}


/* ----- page-title ----- */
.sub-right-top {padding:20px 15px 0 15px;width:calc( 100% - 30px );}

.page-title {color:#333;font-size:21px;line-height:1.4;}
.page-title.tc {text-align:center;}


/* ===== page-subtitle ===== */
.page-subtitle {font-size:16px;line-height:1.4;text-align:center;}
.page-subtitle.superior {padding-bottom:9px;}
.page-subtitle.subcript {padding-top:9px;}



/* ----- press-stat ----- */
.press-stat {background:#f8f8f8;margin-top:20px;padding:10px 20px;width:calc( 100% - 40px );}
.press-stat p {height:20px;width:50%;}
.press-stat p * {height:19px;line-height:19px;padding-top:1px;}
.press-stat p b {color:#333;max-width:62%;}
.press-stat p span {color:#989898;text-align:right;width:72px;}




/* ===== list-teachers ===== */
.list-teachers {padding:10px;width:calc( 100% - 20px );}
.list-teachers li {padding:10px;width:calc( 50% - 20px );}
.list-teachers li * {width:100%;}
.list-teachers li em, .list-instructor dt em {height:0;padding-bottom:138%;}
.list-teachers li p {display:none !important;}

.list-teachers li h4 {font-size:15px;font-weight:bold;padding-top:10px;text-align:center;}
.list-teachers a h4 {color:#333;}



/* ===== list-instructor ===== */
.list-instructor {padding:0 15px 15px 0;width:calc( 100% - 15px );}
.list-instructor li {padding:15px 0 0 15px;width:calc( 50% - 15px );}
.list-instructor li a {background:#fff;}
.list-instructor dt, .list-instructor dt em {width:100%;}
.list-instructor dt em {height:0;padding-bottom: 138%;}
.list-instructor dd {padding:9px;}
.list-instructor h4, .list-instructor p {line-height:1;text-align:center;}
.list-instructor h4 {color:#333;font-size:18px;margin-top:3px;}
.list-instructor p {color:#8c0000;line-height:1.6;margin-top:6px;}




/* ===== detail-teacher ===== */
.teacher-detail {width:100%;}

.teacher-pic {border-top:1px solid #eee;margin-top:20px;width:100%;}
.teacher-pic p em {height:0;padding-bottom:120%;width:100%;}

.teacher-info {margin-top:-42px;padding:0 15px 15px 15px;width:calc( 100% - 30px );}
.teacher-info table, .teacher-info th, .teacher-info td  {border:1px solid #ddd;border-collapse: collapse;}
.teacher-info table {width:100%;}
.teacher-info th, .teacher-info td {font-size:16px;line-height:1.4;padding:9px 12px;}
.teacher-info th {background:#f8f8f8;text-align:right;white-space: nowrap;}
.teacher-info td {background:#fff;color:#333;}



/* ===== list-press ===== */
.list-press {padding:0 20px 0 20px;}
.list-press li {margin-right:-20px;padding:20px 20px 20px 0;}
.list-press li:not(:first-child) {border-top:1px solid #eee;}
.list-press em {height:0;padding-bottom:56.25%;width:100%;}
.list-press h4 {font-size:16px;font-weight:bold;padding-top:15px;}
.list-press h5, .list-press p {font-size:15px;line-height:24px;padding-top:9px;}

.list-press a h4 {color:#333;}
.list-press a h5 {color:#aaa;}
.list-press a p {color:#888;}



/* ===== context ===== */
.context, .context dt, .context dd {width:100%;}
.context dt, .context dd {border-top:1px solid #eee;}
.context dt a, .context dd a {padding:12px 20px;width:calc( 100% - 40px );}

.context h4, .context p {line-height:20px;width:100%;}
.context i {display:none;}
.context a h4 {color:#333;margin-top:6px;max-height:40px;}
.context a p {color:#989898;}



/* ===== form-common ===== */
.form-row {margin-top:15px;}
.form-row {position:relative;}
.form-row i.mdi {font-size: 24px;height: 30px;left: 15px;line-height: 30px;margin-top: -15px;position:absolute;text-align: center;top: 50%;width: 30px;}
.form-common input, .form-common select {background:#fff;border:1px solid #ccc;}
.form-common input[type='text'], .form-common input[type='password'] {color:#333;font-size:16px;height:54px;padding:1px 1px 1px 55px;width:calc( 100% - 58px );}
.form-common input:hover {border:1px solid #333;}
.form-common input:focus {background:#fafbfc;border:2px solid #aaa;padding:0 0 0 54px;}

#code-send, #vdimgck {position:absolute;top:50%;}
#code-send {background:#8c0000;color:#fff;height:42px;margin-top:-21px;right:9px;padding:0 18px;}
#code-send:hover {background:#f60 !important;color:#fff !important;}
#vdimgck {margin-top:-12px;right:12px;}


.form-action {margin-top:24px;}
.form-action button {border-style:solid;border-width:1px;font-size:18px;height:56px;width:100%;}
.form-action dt button, .form-action p button {background:#8c0000;border-color:#8c0000;color:#fff;}
.form-action dd button {background:#fff;border-color:#8c0000;color:#8c0000;}
.form-action button:hover {background:#f60 !important;border-color:#f60 !important;color:#fff !important;}

.form-link {margin-top:18px;}
.form-link * {font-size:16px;}
.form-link a:link, .form-link a:visited, .link-return a:link, .link-return a:visited {color:#8c0000;}
.form-link a:hover, .form-link a:active, .link-return a:hover, .link-return a:active {color:#f60;}


.link-return {margin:auto;padding-top:36px;text-align:center;width:450px;}
.link-return, .link-return * {font-size:16px;}




/* ===== check-list ===== */
.check-list, .check-payment {margin:auto;padding:15px 15px;width:calc( 100% - 30px );}


/* ----- check-title ----- */
.check-list .check-title {display:none !important;}
.check-title li {background:#f8f8f8;color:#333;font-size:15px;line-height:41px;padding-top:1px;}

.check-title li:nth-child(1), .check-row li {width:100%;}

/*
.check-title li:nth-child(1), .check-row li:nth-child(1) {text-align:center;width:72px;}
.check-title li:nth-child(2), .check-row li:nth-child(2) {width:522px;}
.check-title li:nth-child(2) {text-align:left;text-indent:15px;}
.check-title li:nth-child(3), .check-title li:nth-child(4), .check-row li:nth-child(3), .check-row li:nth-child(4) {text-align:center;width:200px;}
.check-title li:not(:first-child), .check-row li:not(:first-child) {margin-left:2px;}
*/
.check-title li.full-width {text-align:left;text-indent:15px;width:100%;}


/* ----- check-row ----- */
.check-row li {padding:12px 0;}
.check-row li {border-bottom:1px solid #e8e8e8;}


.check-row li h3, .check-row li h4, .check-row li h4:before, .check-row li h5, .check-row li h5:before {font-size:15px;}

.check-row li h4:before, .check-row li h5:before {color:#989898;}
.check-row li h4:before {content:"时间：";}
.check-row li h5:before {content:"价格：";}

/*
.check-row input[type="checkbox"] {border:1px solid #ddd;height:20px;width:20px;}
.check-row input[type="checkbox"]:checked {background:#a60a08;border:1px solid #8c0000;}
.check-row input[type="checkbox"]:before {content:"\F012C";color:#fff;display:block;height:18px;line-height:18px;text-align:center;width:18px;}
*/
.check-row-info {padding-top:51px !important;position: relative;}
.check-row-info:after, .check-row-info:before {position: absolute;}
.check-row-info:before {color:#333;content:"课程名称";font-size:15px;left:15px;line-height:35px;padding-top:1px;top:0;z-index:5;}
.check-row-info:after {background:#f8f8f8;content:"";height:36px;left:0;top:0;width:100%;}

.check-row-info a {min-height:48px;padding-left:91px;position:relative;width:calc( 100% - 91px );}
.check-row-info em {height:48px;left:0;position:absolute;top:0;width:76px;}

.check-row-info h3, .check-row-info p {height:24px;line-height:24px;width:100%;}
.check-row-info h3 {font-weight:bold;}

.check-row-info p {display:none !important;}

.check-row-info a:link h3, .check-row-info a:visited h3 {color:#8c0000;}
.check-row-info a:link p, .check-row-info a:visited p {color:#aaa;}
.check-row-info a:hover *, .check-row-info a:active * {color:#f60 !important;}
.check-row-info a:hover em {opacity:0.62;}

.check-row li h4, .check-row li h5 {line-height:29px;padding-top:1px;}
.check-row li h4 {color:#333;}
.check-row li h5 {color:#a60a08;}



/* ----- check-notice ----- */
.check-notice, .check-discount {padding:15px 0;width:100%;}
.check-notice textarea {background:#fcfcfc;border:1px solid #e8e8e8;display:block;padding:15px;resize: none;width:calc( 100% - 32px );}
.check-notice textarea:focus {background:#fff;border:1px solid #aaa;color:#333;}


/* ----- check-discount ----- */
.check-discount {border-top:1px solid #e8e8e8;}
.check-discount p {display:none;}
.check-discount select, .check-discount option {display:block;} 
.check-discount select {border:1px solid #ddd;height:42px;padding:0 12px;width:100%;}
.check-discount select option {height:42px;}

.selectot-discount {position:relative;}
.selectot-discount i {font-size:18px;position:absolute;right:0;top:0;}
.check-discount i {line-height:42px;padding-right:15px;}



/* ----- check-count ----- */
.check-count-group {background:#f8f8f8;padding:18px 0;}
.check-count {padding:3px 0;}
.check-count * {line-height:24px;}
.check-count p {color:#333;font-size:15px;}
.check-count h3 {color:#a60a08;font-size:21px;width:150px;}


/* ----- check-attention ----- */
.check-attention {padding:15px;width:calc( 100% - 30px );}
.check-attention-text {border:1px solid #ddd;height:62vw;overflow:auto;width:calc( 100% - 2px );}
.check-attention-text p {font-size:15px;line-height:1.6;margin:0 15px;padding-top:12px;}
.check-attention-text p:last-child {padding-bottom:12px;}
.check-attention-text p b, .check-attention-confirm b {color:#8c0000;font-weight:bold;}

.check-attention-confirm {padding-top:15px;}
.check-attention-confirm input[type="checkbox"] {border:1px solid #ccc;height:24px;width:24px;}
.check-attention-confirm input[type="checkbox"]:before {color:#ddd;content:"\F012C";display:block;height:22px;line-height:22px;text-align:center;width:22px;}

.check-attention-confirm input[type="checkbox"]:checked {background:#8c0000;border:1px solid #8c0000;}
.check-attention-confirm input[type="checkbox"]:checked:before {color:#fff;}

.check-attention-confirm b {font-size:15px;padding-left:12px;}



/* ===== check-payment ===== */
.check-payment {height:auto;}

.payment-list ul {padding-bottom:5px;}
.payment-list li, .payment-list li label {position:relative;}
.payment-list li {margin:15px 0 0 15px;}
.payment-list li em, .payment-list li label {display:block;}
.payment-list li label {border:1px solid #fff;height:42px;width:142px;}
.payment-list li:after, .payment-list li:before {bottom:2px;position:absolute;right:2px;}
.payment-list li.curr:after {content:" ";width: 0;height: 0;border-bottom: 18px solid #a60a08;border-left: 15px solid transparent;z-index:0;}
.payment-list li.curr:before {content:"\F012C";color:#fff;font-size:10px;height:12px;width:10px;z-index:5;}

.payment-list li em {border:1px solid #eee;}
.payment-list li.curr label, .payment-list li.curr em {border:1px solid #a60a08;}

.payment-list li b {display:none;}
.payment-list li em {height:40px;width:140px;}

.payment-list li input {height:100%;left:0;opacity:0.01;position:absolute;top:0;width:100%;}



/* ===== check-button ===== */
.check-button {width:100%;}
.check-button button {background:#a60a08;color:#fff;font-size:18px;height:54px;padding:0 60px;}
.check-button button:hover {background:#f90;}



/* ===== paying-step ===== */
.paying-step {background:#fff;padding:15px 0;}

.paying-step h5, .paying-step p, .paying-step table {width:calc( 100% - 40px );}
.paying-step h5, .paying-step p {padding:0 20px;}
.paying-step h5 {text-align:right;}
.paying-step h5 strong {color:#a60a08;font-size:18px;}

.paying-step table, .paying-step th, .paying-step td {border:1px solid #eee;border-collapse: collapse;}
.paying-step table {margin:10px 20px;}
.paying-step th, .paying-step td {padding:9px 6px;}
.paying-step th {background:#f8f8f8;text-align:right;width:90px;}
.paying-step td b {color:#333;}
.paying-step td strong {color:#a60a08;}


/* ===== paying-action ===== */
.paying-action{padding:5px 20px 0 20px;width:calc( 100% - 40px );}
.paying-action dt, .paying-action dd {padding-top:15px;width:100%;}
.paying-action dt *, .paying-action dd * {border:1px solid #8c0000;display:block;font-size: 16px;line-height: 51px;padding-top:1px;text-align:center;width:100%;}
.paying-action dt * {background: #a60a08;color: #fff;}
.paying-action dd * {color: #8c0000;}


/* ========== sub-concept ========== */
.sub-concept {height:36vw;}
.sub-concept.camping-sp {height:42vw;}



/* ===== subpage-title ===== */
.subpage-title, .subpage-title *, .sub-intro h1 {text-align:center;}
.subpage-title {border-bottom:1px solid #e8e8e8;padding:15px 0;}
.subpage-title * {font-size:18px;display:block;}
.subpage-title b {color:#0d2a6c;}



/* ===== sub-intro ===== */
.sub-intro {background-repeat:no-repeat;background-size:auto 100%;padding:24px 16px;width:calc( 100% - 32px );}
.sub-intro h1 {color:#8c0000;}
.sub-intro h1 {font-size:24px;}
.sub-intro h5 {color:#666;font-size:15px;line-height:1.8;padding-top:15px;text-indent:2em;}


.sub-intro-vantage, .sub-intro-vantage li, .sub-intro-vantage li em {width:100%;}
.sub-intro-vantage li {background:#fff;box-shadow:0 0 18px rgba(0,0,0,0.06);margin-top:15px;padding-bottom:15px;}
.sub-intro-vantage li:hover {box-shadow:0 0 24px rgba(0,0,0,0.38);}

.sub-intro-vantage li em {display:block;height:0;padding-bottom:56.25%;}
.sub-intro-vantage h4 {color:#8c0000;font-size:16px;font-weight:bold;padding:15px 12px 0 12px;}
.sub-intro-vantage p {color:#888;font-size:15px;line-height:1.8;padding:12px 12px 0 12px;}


.sub-intro img {display:block;margin:auto;max-width:100%;}



/* ===== sub-intro-module ===== */
.sub-intro-module {padding:0 0 15px 0;}
.sub-intro-module li {padding-top:15px;}
.sub-intro-module li h4, .sub-intro-module li i {text-align:center;}
.sub-intro-module li i {border:1px solid #8c0000;border-radius:50%;color:#8c0000;display:block;font-size:36px;margin:auto;line-height:72px;width:72px;}
.sub-intro-module h4 {color:#8c0000;font-size:21px;padding:12px 0;}
.sub-intro-module p {font-size:15px;line-height:1.4;}


/* ===== sub-intro-content ===== */
table, th, td {border-collapse: collapse;}

.sub-intro-content {width:100%;}
.sub-intro-content h3 {color:#8c0000;font-size:21px;}
.sub-intro-content p {font-size:15px;line-height:1.4;margin-top:18px;}
.sub-intro-content b {font-weight:bold;}

.table-container {margin-top:18px;}
.table-container table, .table-container th, .table-container td {border-color:#000;}
.table-container th, .table-container td {font-size:15px;line-height:1.4;padding:0.9em 0.6em;}
.table-container thead th {background:#8c0000;color:#fff;}
.table-container tbody th, .table-container tbody td {background:#fdeada;color:#333;}



/* ===== sub-intro-video ===== */
.sub-intro-video, .sub-intro-video video {width:100%;}
.sub-intro-video {margin-top:15px;}



/* ===== sub-intro-feature ===== */
.sub-intro-feature, .sub-intro-feature p img {width:100%;}
.sub-intro-feature {margin:15px auto 0 auto;}
.sub-intro-feature p {height:0;margin-bottom:21px;overflow:hidden;padding-bottom:56.25%;}
.sub-intro-feature img {display:block;}

.sub-intro-feature li {color: #666;font-size: 15px;line-height: 20px;margin-top:6px;padding-left:18px;position:relative;}
.sub-intro-feature li:before {background:#8c0000;content:" ";height:6px;left:0;position:absolute;transform:rotate(45deg);top:7px;width:6px;}




/* ===== sub-video-list ===== */
.sub-video-list {padding-top:0.5rem;width:100%;}

.sub-video-part {padding:0.75rem 0;width:100%;}
.video-col-2 .sub-video-part, 
.video-col-3 .sub-video-part {/* width:calc( 50% - 0.5rem ); */}


.sub-video-part h4 {color:#333;font-size:15px;font-weight:bold;padding-top:0.5rem;text-align:center;}
.sub-video-play {width:100%;}



/* ===== sub-camp-benefit ===== */
.sub-camp-benefit {width:100%;}
.sub-camp-cc {background:rgba(140,08,08,0.88);padding:20px 0;}
.sub-camp-benefit p {margin:12px 0;text-align:center;}
.sub-camp-benefit p * {color:#fff;font-size:18px;line-height:1;margin:0 0.75em;}



/* ===== sub-intro-album ===== */
.sub-intro-album {margin:12px auto 0 auto;width:100%;}
.sub-intro-album li, .sub-intro-album li em {position:relative;z-index:0;}
.sub-intro-album li {background:#f3f3f3;display:none;margin:4px 2px 0  2px;width:calc( 33.3331% - 4px );}
.sub-intro-album li:nth-child(1), .sub-intro-album li:nth-child(2), .sub-intro-album li:nth-child(3),
.sub-intro-album li:nth-child(4), .sub-intro-album li:nth-child(5), .sub-intro-album li:nth-child(6),
.sub-intro-album li:nth-child(7), .sub-intro-album li:nth-child(8), .sub-intro-album li:nth-child(9), .sub-intro-album li:nth-child(10), .sub-intro-album li:nth-child(10) i {display:block;}

.sub-intro-album li em {height:0;padding-bottom:75%;width:100%;}
.sub-intro-album li i {display:none;position:absolute;left:0;top:0;}

.sub-intro-album li:nth-child(10) {margin-top:18px;width:38%;}
.sub-intro-album li:nth-child(10) em {display:none !important;}
.sub-intro-album li:nth-child(10) i:before {content:"浏览图集";}
.sub-intro-album li:nth-child(10) i {background:none;border:2px solid #8c0000;border-radius:99rem;color:#8c0000;font-size:15px;line-height:36px;opacity:1;position: relative;right:0;text-align:center;width:100%;}
.sub-intro-album li:nth-child(10):hover i {background:#8c0000;color:#fff;}



/* ===== search-results ===== */
.search-result-top, .search-result-top * {font-size:16px;font-weight:bold;line-height:53px;}
.search-result-top {border-bottom:1px solid #e8e8e8;height:54px;}
.search-result-top p {color:#888;padding:1px 15px 0 15px;}
.search-result-top p *, .empty-note p * {font-weight:bold;margin:0 6px;}
.search-result-top p b {color:#8c0000;}
.search-result-top p strong {color:#333;}

.search-result-list, .search-result-list li {width:100%;}
.search-result-list li {padding:15px;width:calc( 100% - 30px );}
.search-result-list li:not(:first-child) {border-top:1px solid #e8e8e8;}
.search-result-list li a, .search-result-list li em {display:block;}
.search-result-list li a {min-height:70px;padding:0 0 0 135px;position: relative;width:calc( 100% - 135px );}
.search-result-list em {height:70px;left:0;position:absolute;top:0;width:120px;}
.search-result-list h4 {font-size:16px;font-weight:bold;}
.search-result-list h5, .search-result-list p {color:#989898;line-height:24px;}
.search-result-list p {padding:9px 0 6px 0;}
.search-result-list h5 b {color:#333;margin:0 6px;}

.search-result-list a:hover *, .search-result-list a:active * {color:#f80 !important;}
.search-result-list a:hover em {opacity:0.5;}



/* ===== empty-note ===== */
.empty-note {padding:48px 0;}
.empty-note p, .empty-note p * {font-size:16px;}
.empty-note p {padding:0 48px;text-align:center;}
.empty-note p b {color:#8c0000;}
.empty-note p strong {color:#333;}



/* ===== client-row ===== */
.client-rows, .client-row {width:100%;}

.client-info {padding:20px 20px 0 20px;width:calc( 100% - 40px );}
.client-info h2, .client-info h2 * {color:#8c0000;font-size:24px;}
.client-info h4, .client-info h5 {color:#888;font-size:15px;line-height:24px;}
.client-info h4 {font-weight:bold;padding:20px 0;}
.client-info h5 {padding-top:12px;}

.client-info dl, .client-info dd p {width:100%;}
.client-info dt {padding-right:20px;}
.client-info dt img {border:2px solid #ddd;display:block;height:128px;width:128px;}
.client-info dd {width:100%;}

.client-info dd a {border:1px solid #ccc;border-radius:99px;height:47px;width:calc( 100% - 2px );}
.client-info dd a * {line-height:46px;padding:1px 10px 0 10px;}
.client-info dd b {font-size:21px;}
.client-info dd i {background-size:contain;background-repeat:no-repeat;background-position:50% 50%;height:24px;margin-top:12px;width:24px;}

.client-info dd i.ico-apple {
    background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE4LjcxLDE5LjVDMTcuODgsMjAuNzQgMTcsMjEuOTUgMTUuNjYsMjEuOTdDMTQuMzIsMjIgMTMuODksMjEuMTggMTIuMzcsMjEuMThDMTAuODQsMjEuMTggMTAuMzcsMjEuOTUgOS4xLDIyQzcuNzksMjIuMDUgNi44LDIwLjY4IDUuOTYsMTkuNDdDNC4yNSwxNyAyLjk0LDEyLjQ1IDQuNyw5LjM5QzUuNTcsNy44NyA3LjEzLDYuOTEgOC44Miw2Ljg4QzEwLjEsNi44NiAxMS4zMiw3Ljc1IDEyLjExLDcuNzVDMTIuODksNy43NSAxNC4zNyw2LjY4IDE1LjkyLDYuODRDMTYuNTcsNi44NyAxOC4zOSw3LjEgMTkuNTYsOC44MkMxOS40Nyw4Ljg4IDE3LjM5LDEwLjEgMTcuNDEsMTIuNjNDMTcuNDQsMTUuNjUgMjAuMDYsMTYuNjYgMjAuMDksMTYuNjdDMjAuMDYsMTYuNzQgMTkuNjcsMTguMTEgMTguNzEsMTkuNU0xMywzLjVDMTMuNzMsMi42NyAxNC45NCwyLjA0IDE1Ljk0LDJDMTYuMDcsMy4xNyAxNS42LDQuMzUgMTQuOSw1LjE5QzE0LjIxLDYuMDQgMTMuMDcsNi43IDExLjk1LDYuNjFDMTEuOCw1LjQ2IDEyLjM2LDQuMjYgMTMsMy41WiIgLz48L3N2Zz4=');
    }
    
.client-info dd i.ico-android {
    background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE2LjYxIDE1LjE1QzE2LjE1IDE1LjE1IDE1Ljc3IDE0Ljc4IDE1Ljc3IDE0LjMyUzE2LjE1IDEzLjUgMTYuNjEgMTMuNUgxNi42MUMxNy4wNyAxMy41IDE3LjQ1IDEzLjg2IDE3LjQ1IDE0LjMyQzE3LjQ1IDE0Ljc4IDE3LjA3IDE1LjE1IDE2LjYxIDE1LjE1TTcuNDEgMTUuMTVDNi45NSAxNS4xNSA2LjU3IDE0Ljc4IDYuNTcgMTQuMzJDNi41NyAxMy44NiA2Ljk1IDEzLjUgNy40MSAxMy41SDcuNDFDNy44NyAxMy41IDguMjQgMTMuODYgOC4yNCAxNC4zMkM4LjI0IDE0Ljc4IDcuODcgMTUuMTUgNy40MSAxNS4xNU0xNi45MSAxMC4xNEwxOC41OCA3LjI2QzE4LjY3IDcuMDkgMTguNjEgNi44OCAxOC40NSA2Ljc5QzE4LjI4IDYuNjkgMTguMDcgNi43NSAxOCA2LjkyTDE2LjI5IDkuODNDMTQuOTUgOS4yMiAxMy41IDguOSAxMiA4LjkxQzEwLjQ3IDguOTEgOSA5LjI0IDcuNzMgOS44Mkw2LjA0IDYuOTFDNS45NSA2Ljc0IDUuNzQgNi42OCA1LjU3IDYuNzhDNS40IDYuODcgNS4zNSA3LjA4IDUuNDQgNy4yNUw3LjEgMTAuMTNDNC4yNSAxMS42OSAyLjI5IDE0LjU4IDIgMThIMjJDMjEuNzIgMTQuNTkgMTkuNzcgMTEuNyAxNi45MSAxMC4xNEgxNi45MVoiIC8+PC9zdmc+');}


.client-info-pic {background-position:50% 100%;background-repeat:no-repeat;background-size:auto 100%;margin:auto;/* position: absolute; */}
.pic-1 {background-image:url(/temp/app/APP_1.png);height:38vw;margin-top:40px;width:80%;}
.pic-2 {background-image:url(/temp/app/APP_2.png);height:80vw;width:80%;}



/* ===== empty ===== */
.empty {padding:36px 0;}
.empty * {text-align:center;}
.empty i {color:#ccc;display:block;font-size:150px;line-height:1;}
.empty h5 {padding-top:30px;}
.empty h5 a:link, .empty h5 a:visited {background:#fff;border:1px solid #8c0000;border-radius:99px;color:#8c0000;display:block;line-height:44px;padding:1px 42px 0 42px;}
.empty h5 a:hover, .empty h5 a:active {background:#f60;border:1px solid #f60;color:#fff;}

.empty p, .empty p * {font-size:16px;line-height:1.8;}
.empty p {color:#888;padding-top:18px;}

.empty p a:link, .empty p a:visited {color:#8c0000;}
.empty p a:hover, .empty p a:active {color:#f60;}





/* ===== popup-box ===== */
body.popup-show {height:100%;overflow:hidden;width:100%;}
.popup-box {background:rgba(0,0,0,0.38);display:none;}

.popup-dialog {background:#fff;left:20px;top:30px;width:calc( 100% - 40px );}


/* ----- popup-top ----- */
.popup-top {height:54px;padding-right:54px;position: relative;}
.popup-top h3 {color:#8c0000;font-size:16px;font-weight:bold;height:53px;line-height:53px;padding:1px 16px 0 16px;}
.popup-top i, .popup-top i:after, .popup-top i:before {position:absolute;}
.popup-top i {background:#fafbfc;cursor:pointer;height:54px;right:0;top:0;width:54px;}
.popup-top i:after, .popup-top i:before {background:#8c0000;content:" ";height:2px;left:17px;position:absolute;top:26px;width:20px;}
.popup-top i:after {transform:rotate(-45deg);}
.popup-top i:before {transform:rotate(45deg);}

.popup-top i:hover {background:#f90;}
.popup-top i:hover:after, .popup-top i:hover:before {background:#fff;}


/* ----- popup-content ----- */
.popup-content {border-bottom:1px solid #e8e8e8;border-top:1px solid #e8e8e8;max-height:calc( 100vh - 336px );overflow:auto;width:100%;}

.popup-form-row {padding:16px 16px;width:calc( 100% - 32px );}
.popup-form-row:first-child {padding:16px 16px 0 16px;}

.popup-form-row input[type="text"] {border:1px solid #ddd;height:47px;padding:1px 16px 0 16px;width:calc( 100% - 34px );}
.popup-form-row input:hover {background:#f8f8f8;} 
.popup-form-row input:focus {background:#fff;border:1px solid #aaa;color:#000;}



/* ----- popup-foot ----- */
.popup-foot {padding:16px;width:calc( 100% - 32px );}
.popup-foot button {border:1px solid #8c0000;height:42px;width:calc( 50% - 3px )}
.popup-foot button:nth-child(1) {background:#fff;color:#8c0000;}
.popup-foot button:nth-child(2) {background:#8c0000;color:#fff;margin-left:6px;}
.popup-foot button:hover {background:#f90;border:1px solid #f90;color:#fff;}


/* ===== ends_common ===== */
}
/* ===== ends_common ===== */