@charset "utf-8";
html,body,div,span,object,iframe,p,address,em,img,strong,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;-webkit-tap-highlight-color:transparent;}body{line-height:1}nav ul,li{list-style:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}table{border-collapse:collapse;border-spacing:0}input,select{vertical-align:middle}
a, a:hover{ text-decoration:none; outline: none; color: #231f20; }
input,textarea{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; resize:none; font-family: STHeiti,Arial;}
textarea, .ipt input{ border: none; background: transparent; -webkit-tap-highlight-color: transparent; -webkit-appearance: none;}
select{ border-radius: 0;}
img{ vertical-align: middle;}
html{background-color: #292838;}
body{ color: #231f20; font-family: Arial,"Hiragino Sans GB","STHeiti","Microsoft YaHei",SimHei,sans-serif; background: #fff; font-size: 16px;}
.clearfix:after, .list li:after{ content: " "; display: table; clear: both; }
.clearfix{zoom: 1;}
.cover{ background: url(../images/Mobile_single.png) no-repeat; background-size: 100%; padding: 15% 5% 0;}
.tri{ width: 0; height: 0; border-width: 7px; border-style: dashed solid solid solid; border-color: #231f20 transparent transparent transparent;}
.mask{ position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background: rgba(255,255,255,0.8); display: none;}
.load_box{ position: relative; width: 100%; margin: 30px 0;}
.loading{ background: url(../images/reload.gif) no-repeat; background-size: 48px auto; width: 48px; height: 48px; margin: 0 auto;}
.shadow_box{ display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.75); z-index: 9999;}
.close_btn{ background: url(../images/close.png) no-repeat; width: 54px; height: 54px;}
.checked{ background: url(../images/checked.png) no-repeat; width: 12px; height: 12px;}

/*portrait*/
.portrait{ position: absolute; top: 50%; left: 50%; color: #fff; margin: -50px 0 0 -65px; width: 110px; height: 100px; display: none; z-index: 9999;}

.wrap{ width: 100%; min-width: 320px; position: relative;}

  .row2{margin-left: -6px;margin-right: 6px;}
/*btn*/
.btn_box{ text-align: center;}
.btn{ padding: 0; width: 228px; height: 44px; line-height: 44px; color: #fff; font-size: 20px;}
.btn:focus{ color: #fff;}
.btn.btn1{ width: 100%;  }
.btn2{ width: 48%;}
.booking:hover, .share:hover{ color: #fff;}
.booking, .buy_btn{ background: #272634;}
.booking:hover, .confirm:hover, .buy_btn:hover{ background: #7c7c80;}
.booking_btn{ background: #e2852c; border: none; font-size: 16px; color: #fff;}
.booking_btn:hover{ color: #fff;}
.share{ background: #eaeaea; border: 1px solid #a3a3a3; color: #343247;}
.down_btn{ background: #fff; color: #000;}
.plan_btn{ width: 152px; height: 34px; line-height: 34px; background: #eaeaea; border: 1px solid #979797; color: #231f20;}
.plan_btn:hover{ background: #c6c6c6;}
.plan_btn:focus, .down_btn:focus{ color: #000;}
.confirm{ background: #262634;}
.confirm:hover{ color: #fff;}
.mgb30{ margin-bottom: 30px;}

/*ipt*/
.ipt{ border: 1px solid #979797; height: 30px; height: 32px; width: 100%;}
.ipt input{ width: 100%; height: 30px; line-height: 30px; padding: 0 6px;}

.placeholder{ color: #000; width: 100%; padding: 0 16px; text-align: center; position: absolute; left: 0; top: 10px; height: 23px; overflow: hidden; z-index: 8;}

.more_box{ cursor: pointer; position: relative; height: 42px; line-height: 42px; text-align: center; font-size: 18px; border: 1px solid #999; border-radius: 4px;  -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px;}
.more_box .tri{ width: 12px; height: 7px; position: absolute; top: 16px; right: 10px; border-width:8px; border-style: solid dashed dashed dashed; border-color: #333 transparent transparent transparent;}

/*head*/
.head, .step_box{ position: fixed; left: 0; width: 100%;} 
.head{ background: #282837; height: 55px; top: 0; z-index: 9999;}
.head .logo{ position: absolute; top: 0; left: 5px; line-height: 55px; z-index: 999;}
.head .logo img{ width: auto; height: 54px;}
.head .logo a, .navbar-inverse .navbar-collapse li a, .head .login li a{ color: #fff;}
.head .logo a:hover, .navbar-inverse .navbar-collapse li a:hover, .head .login li a:hover{ color: #ffc18f;}
.head .login{ display: none;}


/*.navbar-inverse*/
.navbar{ margin-bottom: 0;}
.navbar-inverse{ background: none; border-radius: 0; border: none; width: 100%; }
.navbar-inverse .navbar-collapse .menu{ float: right;}
.navbar-inverse .navbar-collapse .mobile_menu{ display: none;}
.navbar-inverse .navbar-collapse .menu li{ position: relative;}
.navbar-inverse .navbar-collapse .menu li, .head .login li{ float: left; line-height: 55px; border-left: 1px solid #000;}
.navbar-inverse .navbar-collapse .menu li a, .head .login li a{ padding: 0 20px; border-left: 1px solid #535364; display: block;}
.navbar-inverse .navbar-collapse .menu li:first-child, .navbar-inverse .navbar-collapse li:first-child a{ border-left: none;}
.navbar-inverse .navbar-collapse .menu li:hover{ background: #4e4d5b;}
.navbar-inverse .navbar-collapse .menu li .sub_menu{ display: none;}
.navbar-inverse .navbar-collapse .menu li:hover .sub_menu{ display: block; position: absolute; bottom: -55px; left: 0;}
.navbar-inverse .navbar-collapse .menu li:hover .sub_menu li{ background: #4e4d5b; width: 160px; height: 55px; overflow: hidden;}

/*body*/
.body{ padding-top: 55px;}
.body3{ padding-bottom: 50px;}

/*banner*/
.banner{ background: url(../images/Banner.png) no-repeat; background-size: cover; width: 100%; height: 248px; text-align: center; color: #fff; padding: 80px 15px 0;}
.banner .title{ font-size: 36px; padding-bottom: 30px;}
.banner .title2{ font-size: 30px; line-height: 30px; padding-top: 22px;}
.banner .text{ font-size: 18px; line-height: 35px;}

/*booking_box*/
.booking_box{ margin: 115px 0; border-bottom: 2px solid #cbcbcb;}
.booking_box .img_box{ text-align: center;}
.booking_box .img_box .img{ float: left; width: 50%; padding: 0 15px;}
.booking_box .intro{ padding: 30% 0 30px; line-height: 25px; text-align: center;}

/*video*/
.video img, .booking_box .img img, .section .bd img, .section .ft .download img, .step_box .arrow img, .plan_section .plan_box img, .price_box .qr_code .code img,
.pupop_box .bd .plan_list img, .table_box .img img, .teach_list img, .portrait img{ width: 100%; height: auto;}

/*section*/
.section .hd{ text-align: center; padding-bottom: 30px;}
.section .hd .name{ font-size: 20px; }
.section .bd .img_box, .section .bd .text_box{ padding: 0 15px;}
.section .bd .img_box{ width: 58.33333333%;}
.section .bd .text_box{ width: 41.66666667%; color: #fff;}
.section .bd .text_box p{ line-height: 22px; padding-bottom: 16px; font-size: 14px;}
.section .bd .text_box p{ padding-bottom: 0;}
.section .ft{ padding: 0 15px;}
.section .ft .qr_code{ float: left; width: 110px; height: 110px; margin-right: 30px;}
.section .ft .qr_code .img{ padding-bottom: 20px;}
.section .ft .qr_code .text{ text-align: center; color: #000;}
.section .ft .btn_box .share_box{ position: relative; float: right;}
.section .ft .btn_box .share_box .mag_pop{ position: absolute; top: 130px; right: -20px; width: 270px; z-index: 10; display: none;}
.section .ft .btn_box .share_box .mag_pop .top img{ width: 20px; height: 14px; margin: 0 auto;}
.section .ft .btn_box .share_box .mag_pop .bd{ 
	padding: 19px 14px; 
	background: #fff; 
	margin-top: -2px;
	border: 1px solid rgba(0, 0, 0, 0.15);
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
  	-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
  	-o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
  	-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
  	border-radius: 4px; 
  	-moz-border-radius: 4px; 
  	-o-border-radius: 4px; 
  	-webkit-border-radius: 4px;
}
.section .ft .btn_box .share_box .mag_pop .bd li{ float: left; padding: 0 5px;}
.section .ft .btn{ float: right; margin-top: 86px;}
.section .ft .booking, .section .ft .down_btn{ margin-right: 28px;}
.section .ft .btn3{ margin-right: 0;}
.section .ft .share:hover{ background: #c4c4c4;}
.section .ft .download{ display: none;}

/*os_section*/
.os_section, .ww_section{ background: url(../images/OSBackground.png) repeat; padding: 100px 0 75px;}
.os_section .hd .slogo{ padding-bottom: 15px;}
.os_section .hd .name{ padding-bottom: 17px;}
.os_section .hd .intro{ line-height: 22px;}
.os_section .bd{ padding-bottom: 25px;}
.os_section .bd .img{ padding-bottom: 15px;}
.os_section .bd .text{ line-height: 22px;}
.os_section .bd .img_box, .os_section .bd .text_box{ float: left;}
.os_section .bd .img_box{ width: 35%;}
.os_section .bd .text_box{ width: 65%;}
.os_section .bd .more_img{ display: none;}
.os_section .bd .img_list .list .text{ font-size: 14px; line-height: 22px; text-align: left; padding-top: 12px;}

/*nm_section*/
.nm_section{ background: url(../images/NMBackground.png) repeat; padding: 80px 0 100px;}
.nm_section .hd .slogo{ padding-bottom: 12px;}
.nm_section .hd .name{ color: #fff;}
.nm_section .bd{ padding-bottom: 44px;}
.nm_section .bd .img_box, .nm_section .bd .text_box, .ww_section .bd .img_box, .ww_section .bd .text_box{ float: right;}
.nm_section .bd .text_box .tips{ font-size: 24px;}
.nm_section .ft .qr_code .text{ text-align: center; color: #fff;}
.nm_section .ft .down_btn:hover{ background: #bbb;}
.nm_section .ft .share{ background: #555; border: 1px solid #fff; color: #fff;}
.nm_section .ft .share:hover{ background: #3f3f3f;}

/*ed_section*/
.ed_section{ padding: 80px 0 88px; background: none;}
.ed_section .hd .slogo, .ww_section .hd .slogo{ padding-bottom: 22px;}
.ed_section .hd .name{color: #333; padding-bottom: 20px;}
.ed_section .bd{ padding-bottom: 11px;}
.ed_section .bd .img_box, .ed_section .bd .text_box{ float: left;}
.ed_section .bd .text_box, .ww_section .bd .text_box, .os_section .bd .text_box{ color: #000;}
.ed_section .ft .qr_code .text{ color: #000;}
.ed_section .ft .share{ background: #eaeaea; border: 1px solid #a3a3a3; color: #343247;}
.ed_section .ft .share:hover{ background: #c4c4c4;}

/*ww_section*/
.ww_section{ padding: 94px 0 99px;}
.ww_section .hd .name{ color: #e17900; padding-bottom: 16px;}
.ww_section .bd{ padding-bottom: 30px;}

/*step_box*/
.step_box{ top: 55px; z-index: 10; text-align: center;  background: #282837; color: #fff; padding: 24px 0; border-top: 1px solid #42414f; border-bottom: 1px solid #42414f;}
.step_box .step, .step_box .arrow{ display: inline-block; *display: inline; zoom: 1; vertical-align: middle;}
.step_box .step{ width: 27%;}
.step_box .step .num{ width: 46px; height: 46px; line-height: 46px; margin: 0 auto 10px; border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; background: #a9a9a9;}
.step_box .on .num{ background: #f69165;}
.step_box .on .text{ color: #f69165;}
.step_box .arrow{ width: 32px; height: 58px; margin: 10px 0;}

/*plan_section*/
.plan_section{ padding: 178px 0 45px; position: relative;}

/*plan_box*/
.plan_box{ padding-left: 12%;}
.plan_box .off{ display: none;}
.plan_box .plan_list, .plan_box .month_list{ float: left;}
.plan_box .plan_list{ width: 25%; text-align: center;}
.plan_box .plan_list .plan{ border-bottom: 2px solid #aaa;}
.plan_box .plan_list .p_logo{ width: 60%; margin: 0 auto 7px;}
.plan_box .plan_list .img{ padding: 0 22px;}


/*plan_section2*/
.plan_section2{ padding-bottom: 10px;}
.plan_section2 .plan_box .plan_list{ width: 50%;}
.plan_section2 .plan_box .plan_list .plan{ padding-bottom: 16px; border-bottom: none;}
.plan_section2 .plan_box .plan_list .p_logo{ width: 30%;}
.plan_section2 .plan_box .plan_list .img{ width: 52%; margin: 0 auto 30px; padding: 0 16px; border-bottom: 1px solid #9c9c9c;}
.plan_section2 .plan_box .plan_list .contain_box .title{ font-size: 20px; padding-bottom: 8px; color: #666;}
.plan_section2 .plan_box .plan_list .contain_box .img_list{ letter-spacing: -4px; word-spacing: -4px; margin: 0 6px; text-align: center;}
.plan_section2 .plan_box .plan_list .contain_box .img_list .list{ letter-spacing: normal; word-spacing: normal; width: 16%; display: inline-block; *display: inline; zoom: 1; padding: 10px 6px;}
.plan_section2 .plan_box .month_list{ bottom: 110px;}
.plan_section2 .plan_box .plan_list .price_box .price_list .text{ display: block; font-size: 20px; color: #333;}

/*month_list*/
.month_list{ width: 12%; position: absolute; left: 0; bottom: 45px; border-top: 2px solid #aaa; }
.month_list .month{ color: #aaa; border-bottom: 2px solid #aaa; height: 137px; line-height: 137px;}
.month_list .month .num, .plan_price .month .num{ font-size: 36px; padding-left: 6px;}
.month_list .month .text, .plan_price .month .text{ font-size: 14px;}

/*price_box*/
.price_box .down_text{ padding: 40px 0 26px; font-size: 24px;}
.price_box .code_box{ padding: 0 22px 20px;}
.price_box .code_box .qr_code{ float: left; width: 50%;}
.price_box .code_box .qr_code .code{ padding: 0 10%; }
.price_box .code_box .qr_code .text{ font-size: 12px;}
.price_box .btn_box{ display: none;}
.price_box .price_list li{ border-bottom: 2px solid #aaa; padding: 28px 0 25px;}
.price_box .price_list .m_month{ display: none;}
.price_box .price_list .money_box, .plan_price .price_list .money_box{ padding-bottom: 18px;}
.price_box .price_list .money_box .HDK, .plan_price .price_list .money_box .HDK{ font-size: 20px;}
.price_box .price_list .money_box .price, .plan_price .price_list .money_box .price{ font-size: 30px;}
.price_box .price_list .text{ margin: 40px 0; display: none; cursor: pointer;}
.price_box .price_list .btn_icon{ height: 34px;}

/*plan_price*/
.plan_price li{ border-top: 2px solid #aaa; padding: 28px 0 25px;}
.plan_price .month, .plan_price .price_list{ float: left;}
.plan_price .month{ width: 12%; color: #aaa; line-height: 75px;}
.plan_price .price_list{ width: 44%; text-align: center;} 
.plan_price .text_box{ padding: 40px 0 40px 12%;}
.plan_price .text_box .text{ float: left; width: 50%; text-align: center; cursor: pointer;}

/*plan_text*/
.plan_text{ display: none; font-size: 18px;}

/*preferential*/
.preferential{ padding: 15px; border: 1px solid #b1b1b1;  /* height: 106px; */}
.preferential .check_box{ line-height: 76px;}
.preferential .check_box input{ vertical-align: text-top; margin-right: 7px;}
.preferential .month, .preferential .pay_price{ float: left;}
.preferential .month{ font-size: 24px; padding-right: 20px; line-height: 76px;}
.preferential .red{ color: #bb1900;}
.preferential .pay_price .m_month{ display: none;}
.preferential .pay_price .text{ font-size: 18px;}
.preferential .pay_price .num{ font-size: 32px; color: #bb1900;}
.preferential .pay_price .plan_btn{ display: block; margin-top: 10px;}
.preferential .pay_price .plan_off{ background: #f1f1f1; color: #d8d8d8; cursor: auto;}
.preferential .fl_box, .preferential .fr_box, .title_box .fl_box, .title_box .fr_box{ float: left;}
.preferential .fl_box, .title_box .fl_box{ width: 83%; line-height: 34px;}
.preferential .fl_box .del_line, .title_box .fl_box .del_line{ text-decoration: line-through;}
.preferential .fl_box .price_box .title, .title_box .fl_box .price_box .title{ color: #f00; padding: 0 9px 0 30px;}
.preferential .fl_box .price_box .price, .title_box .fl_box .price_box .price{ color: #000; font-size: 24px;}

/*preferential3*/
.preferential3{ letter-spacing: -4px; word-spacing: -4px;}
.preferential3 .fl_box, .preferential3 .fr_box{ width: 50%; letter-spacing: normal; word-spacing: normal; vertical-align: middle; float: none; display: inline-block; *display: inline; zoom: 1;}
.preferential3 .fl_box .p_month{ padding: 0 36px 0 16px; color: #999; font-size: 18px;}
.preferential3 .fl_box .p_month .num{ font-size: 38px; padding-right: 3px;}
.preferential3 .fl_box .magazine, .preferential3 .fr_box .price_box .price{ color: #333; font-size: 24px;}
.preferential3 .fr_box .price_box .price{ color: #d8283d; width: 140px; padding-right: 16%; line-height: 34px; display: inline-block; *display: inline; zoom: 1; vertical-align: middle;}
.preferential3 .fr_box .plan_btn{ width: 33%;}

/*more_plan*/
.more_plan{ padding: 70px 0 2px; font-size: 18px;}
.more_plan a{ display: block; text-align: center; position: relative;}
.more_plan .tri{ position: absolute; right: 50%; top: 6px; margin-right: -98px;}

/*redemption*/
.redemption{ padding: 23px 22%; border-top: 1px solid #979797; border-bottom: 1px solid #979797; margin: 38px auto 190px;}
.redemption .title, .redemption .ipt, .redemption .plan_btn{ float: left;}
.redemption .title{ line-height: 36px;}
.redemption .ipt{ margin: 3px 13px; border: 1px solid #979797; width: 44%; height: 30px;}
.redemption .ipt input{ color: #b7b7b7;}
.redemption .plan_btn{ width: 27%;}

/*redemption2*/
.redemption2{ padding: 0 0 25px 0; border: none;}
.redemption2 .ipt{ width: 30%;}
.redemption2 .plan_btn{ width: 17%;}

/*email_box*/
.email_box .email{ padding: 30px 0 40px; border-top: 1px solid #979797; border-bottom: 1px solid #979797;}
.email_box .email .text, .email_box .email .conntet{ float: left;}
.email_box .email .text{ line-height: 32px; padding-right: 20px;}
.email_box .email .conntet .ipt{ width: 320px;}
.email_box .email .conntet .note{ color: #9999a1; padding-bottom: 30px;}
.email_box .email .conntet .note a{ color: #9999a1; text-decoration: underline;}
.email_box .email .conntet .hasnum a{ padding-left: 16px; color: #db6e2e;}


/*redemption_box*/
.redemption_box{ padding-bottom: 56px;}
.redemption_box .redemption{ margin: 40px auto 20px;}
.redemption_box .redemption2{ margin: 0;}
.redemption_box .money{ font-size: 30px; float: right;}
.redemption_box .money span{ color: #e22000; padding-left: 26px;}
.redemption_box .money span s{ color: black;}
.redemption_box .email_box{ clear: both; padding-top: 25px;}
.redemption_box .btn_box{ clear: both; padding-top: 40px;}
.redemption_box .btn_box .confirm{ margin-left: 20px;}

/*login_box*/
.login_box{ padding: 62px 0; text-align: center; border: 1px solid #b9b9b9; margin-bottom: 300px;}
.login_box .title{ font-size: 18px; padding-bottom: 40px;}
.login_box .ipt{ width: 33%; margin: 0 auto 20px;}
.login_box .confirm{ margin: 6px auto 12px; width: 25%;}
.login_box .confirm:hover{ background: #7c7c80;}
.login_box .link{ padding-top: 26px; display: block;}

/*pupop_box*/
.pupop_box, .price_pupop{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding-top: 124px; display: none; background: #fff;}
.pupop_box .hd, .price_pupop .hd{ padding: 35px 0; background: rgba(0,0,0,0.7); position: absolute; top: 0; left: 0; width: 100%; z-index: 99999;}
.pupop_box .hd .close_btn, .price_pupop .hd .close_btn{ width: 54px; margin: 0 auto; display: block;}
.pupop_box .bd, .price_pupop .bd{padding-bottom: 32px; background: #fff; z-index: 99;}
.pupop_box .bd .plan_list{ z-index: 10; padding: 0 0 0 4px;}
.pupop_box .bd .plan_list li{ width: 20%; padding: 12px 15px; display: inline-block; *display: inline; zoom: 1; margin-left: -4px; vertical-align: top;}
.pupop_box .bd .plan_list .list{ padding: 13px;}
.pupop_box .bd .plan_list .list .text{ text-align: center; padding: 6px 0 10px;}
.pupop_box .bd .plan_list .on{ border: 6px solid #ee8b61; border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px;}
.pupop_box .ft{ background: #fff; padding-bottom: 150px;}

/*price_pupop*/
.price_pupop .bd{ width: 100%; height: 100%; overflow: auto;}
.price_pupop .bd .banner_text{ line-height: 28px;}
.price_pupop .price_list li{ padding-bottom: 18px;}
.price_pupop .price_list .list{ padding: 30px 26px; border: 2px solid #eaeaea;  border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -webkit-border-radius: 6px;}
.price_pupop .price_list .curr{ border: 4px solid #ea7d50;}
.price_pupop .price_list .list .img, .price_pupop .price_list .list .text{ display: inline-block; *display: inline; zoom: 1;vertical-align: top;}
.price_pupop .price_list .list .img{ width: 15%; margin-right: 30px;}
.price_pupop .price_list .list .img img{ width: 100%; height: auto;}
.price_pupop .price_list .list .text{ line-height: 30px;}

/*title_box*/
.title_box{ position: absolute; top: 124px; left: 0; width: 100%; z-index: 999; background: #fff;}
.title_box .container{ border-bottom: 1px solid #000; padding: 46px 0 16px;}
.title_box .text{ font-size: 24px; padding-top: 10px;}
.title_box .text span{ color: #ffa100;}
.title_box .btn_box{ padding-top: 20px;}

/*top_title*/
.top_title{ position: fixed; z-index: 999;}
.top_title .text{ padding: 28px 15px 15px; border-bottom: 1px solid #cdcdcd; font-size: 22px; background: #fff;}

/*order_box*/
.order_box{ padding-top: 143px;}
.order_box .back{ width: auto; height: 36px; line-height: 36px; padding: 0 13px 0 3px; background: #888; margin: 25px 0 200px;}
.order_box .back:hover{ color: #fff; background: #6d6d6d;}

/*page*/
.page{ text-align: center;}
.page a{ border: 1px solid #979797; margin: 0 5px; padding: 6px 9px; background: #eaeaea; border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px;}
.page a:hover, .page .curr{ background: #979797; color: #fff;}

/*page_select*/
.page_select{ display: none;}

/*page_box*/
.page_box{ padding: 30px 0;}

/*table_box*/
.table_box{ padding-top: 35px;}
.table_box .title{ padding-bottom: 8px; border-bottom: 2px solid #a2a2a2;}
.table_box table{ width: 100%; border-top: 1px solid #a2a2a2;  border-right: 1px solid #a2a2a2; border-collapse: separate;}
.table_box table th, .table_box table td{ border-left: 1px solid #a2a2a2; border-bottom: 1px solid #a2a2a2; text-align: center;}
.table_box table th{ line-height: 32px; background: #f7f7f7;}
.table_box table td{ padding: 22px 5px; font-size: 18px; vertical-align: middle; line-height: 20px;}
.table_box .th1{ width: 10%;}
.table_box .th2{ width: 35%;}
.table_box .th3{ width: 25%;}
.table_box .th4{ width: 30%;}
.table_box .delete{ width: 25px; height: 25px; display: inline-block; *display: inline; zoom: 1;}
.table_box .img, .table_box .name{ display: inline-block; *display: inline; zoom: 1;}
.table_box .img{ width: 100px; margin-right: 10px;}
.table_box .name{ font-size: 18px;}

/*table_box2*/
.table_box2, .table_box3{ padding-bottom: 200px;}
.table_box2 .th1{ width: 23%;}
.table_box2 .th2{ width: 12%;}
.table_box2 .th3{ width: 21%;}
.table_box2 .th4{ width: 15%;}
.table_box2 .th5{ width: 15%;}
.table_box2 .th6{ width: 14%;}
.table_box2 .w_off, .table_box2 .onc{ display: none;}

/*table_box3*/
.table_box3 .text{ margin: 0 auto; line-height: 18px; word-wrap:break-word;}


/*paying_box*/
.paying_box{ padding: 28px 0 13px; border-bottom: 1px solid #a2a2a2;}
.paying_box .paying{ width: 100%; padding: 20% 0; text-align: center; display: inline-block; *display: inline; zoom: 1; border: 1px solid #ccc; border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px;}
.paying_box .paying img{ width: 65%; height: auto;}

/*teach_menu*/
.teach_menu{ height: 55px; background: #282837; border-top: 1px solid #535364; border-bottom: 1px solid #535364; text-align: center; margin-bottom: 80px;}
.teach_menu2{ margin-bottom: 0;}
.teach_menu .title{ display: none;}
.teach_menu .menu_list li{ display: inline-block; *display: inline; zoom: 1; line-height: 55px;}
.teach_menu .menu_list li a{ color: #fff; padding: 0 50px; border-right: 1px solid #fff;}
.teach_menu .menu_list li:last-child a{ border: none;}
.teach_menu .menu_list .curr a, .teach_menu .menu_list li a:hover{ color: #ffc18f;}
.teach_menu .tri{ display: none;}

/*teach_list*/
.teach_list{ padding-bottom: 58px; border-bottom: 1px dashed #c1c1c1; margin-bottom: 24px;}
.teach_list .title{ font-size: 30px; color: #a9a9a9; padding-bottom: 30px;}
.teach_list .title .num{ width: 46px; height: 46px; line-height: 46px; text-align: center; display: inline-block; *display: inline; zoom: 1; margin-right: 16px; background: #999999; color: #fff; border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%;}
.teach_list .downbox{ text-align: center;}
.teach_list .downbox .img, .teach_list .downbox .down{ display: inline-block; *display: inline; zoom: 1; padding: 0 15px; vertical-align: top;}
.teach_list .downbox .img{ width: 170px;}
.teach_list .downbox .down{ width: 210px;}
.teach_list .downbox .down .img{ width: 100%; padding: 0 0 15px;}
.teach_list .downbox .down .text{ padding-bottom: 20px;}
.teach_list .downbox .down .confirm{ width: 100%;}
.teach_list .downbox .down .btn_box{ display: none;}
.teach_list .img_box{ padding: 0 28% 20px;}

/*record_box*/
.record_box{ margin: 78px auto 200px; border-top: 1px solid #848484; border-bottom: 1px solid #848484; text-align: center;}
.record_box .text{ font-size: 20px; color: #9c9c9c; padding: 110px 15px 30px;}
.record_box .confirm{ margin-bottom: 115px;}

/*pack_box*/
.package_box{ padding: 178px 0 50px;}
.pack_box{ border: 1px solid #999; padding: 7px 20px;}
.pack_box p{ padding: 8px 0; font-size: 18px;}
.pack_box .pack{ font-size: 14px; color: #f00;}
.pack_box .pack span{ font-size: 24px; padding-left: 10px;}

/*book_list*/
.book_list .item{ padding: 0 15px;}
.book_list .text_box .title{ font-size: 52px; color: #967128; padding-bottom: 30px;}
.book_list .text_box .text{ line-height: 26px; font-size: 16px; padding-bottom: 30px;}
.book_list .img_box img{ width: 100%; height: auto;}

/*book_item*/
.book_item .item .img img, .combination_box .left_box .item .img img, .intro_box .img_box .img img, .img_pupop .swiper-container img{ width: 100%; height: auto;}
.book_item .item .text_box .booking_btn{ width: 86%;}
.book_item .item .text_box .price, .combination_box .left_box .item .price, .combination_box .right_box .text .price, .intro_box .text_box .price{ color: #aa3342;}


/*combination_box*/
.combination_box .combination{ border: 1px solid #e6e6e6; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px;}
.combination_box .combination .hd{ border-bottom: 1px solid #e6e6e6; }
.combination_box2 .combination .hd{ border-bottom: none;}
.combination_box .combination .bd .banner_text{ line-height: 28px;}

/*intro_box*/
.intro_box .img_box{ float: left; cursor: pointer;}
.intro_box .img_box .img{ position: relative;}
.intro_box .img_box .img .magnifier{ position: absolute; right: 11px; bottom: 14px; width: 30px; height: 30px; display: block; background: url(../images/zoom.png) no-repeat;}
.intro_box .text_box .title{ color: #d03e02;}
.intro_box .intro_item .intro{ border-top: 1px solid #e6e6e6;}

/*swiper-container*/
.swiper-container{
    position: relative;
    overflow: hidden;
    /* Fix of Webkit flickering */
    z-index: 1;
}

.swiper-container .swiper-slide{
    display: flex;
    align-items: center;
}

.swiper-wrapper{
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.swiper-container .swiper-slide,
.swiper-wrapper{
    -webkit-transform: translate3d(0px, 0, 0);
    -moz-transform: translate3d(0px, 0, 0);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}
.swiper-container .swiper-slide{
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    position: relative;
    background: #fff;
    overflow: hidden;
}
/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-prev{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23cdcdcd'%2F%3E%3C%2Fsvg%3E");
  left: 0;
  right: auto;
}

.swiper-button-next{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23cdcdcd'%2F%3E%3C%2Fsvg%3E");
  right: 0;
  left: auto;
}

.swiper-button-prev:hover{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23333333'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next:hover{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23333333'%2F%3E%3C%2Fsvg%3E");
}

.swiper-container-horizontal > .swiper-pagination {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
  margin: 0 6px;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet {
  width: 13px;
  height: 13px;
  display: inline-block;
  border-radius: 100%;
  background: #666;
  vertical-align: middle;
}

.swiper-pagination-bullet-active {
  background: #000;
  width: 22px;
  height: 22px;
}

/*footer*/
.footer{ padding: 46px 0 80px; background: #292838; text-align: center; color: #fff; font-size: 18px; line-height: 28px;}
.footer a{ color: #fff;}
.footer a:hover{ color: #ffc18f;}

/*img_pupop*/
.img_pupop{ position: absolute; top: 96px; left: 0; width: 100%; z-index: 9999; display: none;}
.img_pupop .container{ padding: 0; position: relative;}
.img_pupop .close{ position: absolute; z-index: 9999; opacity: 1;}
.img_pupop .swiper-container{ margin: 0 auto; background: #fff;}
.img_pupop .swiper-container .swiper-slide{ background: transparent;}

/*pupop_img*/
.pupop_img{ position: absolute; top: 0; left: 0; width: 100%; display: none; z-index: 9999; }
.pupop_img .img_box{ text-align: center;}
.pupop_img .img_box .img{ display: inline-block; *display: inline; zoom: 1; position: relative; padding: 36px;}
.pupop_img .img_box .img img, .app_download .app_list .app_info .img img, .past_box .past_list .list li img{ max-width: 100%; height: auto;} 
.pupop_img .img_box .img .close_btn{ position: absolute; right: 10px; top: 10px;}

/*app_download*/
.app_download{ padding-top: 28px;}
.app_download .title{ font-size: 18px; line-height: 26px; text-align: center; padding-bottom: 46px;}
.app_download .app_list{ padding-bottom: 80px;}
.app_download .app_list li{ border-bottom: 1px dashed #cdcdcd; padding: 30px 20px; letter-spacing: -4px; word-spacing: -4px;}
.app_download .app_list li:last-child{ border-bottom: none;}
.app_download .app_list .app_info, .app_download .app_list .btn_down, .app_download .app_list .app_info .img, .app_download .app_list .app_info .text{ word-spacing: normal; letter-spacing: normal; display: inline-block; *display: inline; zoom: 1; vertical-align: middle;}
.app_download .app_list .app_info{ width: 65%;}
.app_download .app_list .app_info .img{ width: 40%;}
.app_download .app_list .app_info .text{ font-size: 18px; padding-left: 5px;}
.app_download .app_list .app_info .text2{ color: #9f2d8a;}
.app_download .app_list .btn_down{ background: #262634; width: 35%; font-size: 16px;}
.app_download .app_list .btn_down:hover{ background: #7c7c80; color: #fff;}

/*past_box*/
.past_box{ padding-top: 30px;}
.past_box .select_box{ padding-bottom: 60px;}
.past_box .select_box .select{ position: relative; color: #454545; width: 145px; padding: 0 10px; border: 1px solid #dadada; height: 32px; line-height: 32px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px;}
.past_box .select_box .select .text_box{ font-size: 14px;}
.past_box .select_box .select .text_box .tri{ position: absolute; right: 10px; top: 15px; border-width: 4px; border-color: #333 transparent transparent transparent;}
.past_box .select_box .select .list{ display: none; border: 1px solid #aeaeae; width: 145px; position: absolute; top: 33px; left: 0;}
.past_box .select_box .select .list li{ position: relative; background: #fff; height: 30px; line-height: 30px; font-size: 12px; padding: 0 10px 0 30px;}
.past_box .select_box .select .list li:hover{ background: #f5f5f5;}
.past_box .select_box .select .list .curr .checked{ position: absolute; top: 8px; left: 10px;}
.past_box .past_list{ padding-bottom: 80px;}
.past_box .past_list .title{ font-size: 18px; color: #333; padding-left: 6px;}
.past_box .past_list .list li{ width: 16.666%; float: left; padding: 15px 6px 0;}

/*browser_box*/
.browser_box{ text-align: center; width: 83%; float: left;}
.browser_box .text, .browser_box .browser{ display: inline-block; *display: inline; zoom: 1; vertical-align: middle;} 
.browser_box .text{ font-size: 16px; color: #000;}
.browser_box .browser{ padding: 0 14px;}

/*tips_box*/
.tips_box{ padding: 30% 0; text-align: center; font-size: 18px; line-height: 36px;}

/*qa_box*/
.qa_box{ padding-bottom: 100px;}
.qa_box .hd{ text-align: center; padding-bottom: 20px;}
.qa_box .hd .title{ font-size: 30px; color: #f00; padding-bottom: 30px;}
.qa_box .hd .text{ line-height: 20px;}
.qa_box .bd .qa{ position: relative; border: 1px solid #f1f1f1; padding: 15px 10% 15px 15px; margin-bottom: 8px; line-height: 20px;cursor: pointer;}
.qa_box .bd .qa .s_hd, .qa_box .bd .qa .s_ft{ position: relative; padding-left: 20px;}
.qa_box .bd .qa .s_hd span, .qa_box .bd .qa .s_ft span{ position: absolute; top: 0; left: 0;}
.qa_box .bd .qa .s_ft{ margin-top: 20px; color: #97979a; display: none;}
.qa_box .bd .qa .arrow_box{ text-align: center; line-height: 20px; background: #e3e3e3; position: absolute; top: 13px; right: 2%; width: 20px; height: 20px; border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.qa_box .bd .qa .arrow_box .arrow{ width: 13px; height: 7px; background: url(../images/arrow2.png) no-repeat; display: inline-block; *display: inline; zoom: 1;}
.qa_box .bd .qa .arrow_box .d_arrow{ background-position: 0 -10px;}
.qa_box .bd .qa .arrow_box .t_arrow{ background-position: 0 0;}

@media (min-width: 1200px) {
	.container{ width: 990px;}
	
}

@media (min-width: 768px) and (max-width: 989px) {
	.booking_box .img_box, .booking_box .text_box, .section .list { float: left; }
	.booking_box .img_box { width: 66.66666667%;}
	.booking_box .text_box, .section .list { width: 33.33333333%;}
	.section .list .img, .section .list .text{ width: 100%;}

	/*section*/
	.section .ft .btn_box{ float: right;}
	.section .ft .btn, .section .ft .btn_box .share_box{ float: none; display: block; margin: 0 auto 10px;}
	.section .ft .btn_box .share_box .mag_pop{ top: 48px;}
	.section .ft .booking, .section .ft .down_btn{ margin-right: 0; clear: none;}

  /*preferential*/
  .preferential .fl_box, .title_box .fl_box{ width: 77%;}
  
  .combination_text_box{    padding: 10px 35px 0px 25px !important;}

}

@media (min-width: 990px){
  .preferential3 .fr_box{ text-align: right;}
} 

@media (max-width: 989px) {
	/*head*/
	.head .logo{ left: 50%; margin-left: -70px;}
	.head .login{ display: block; position: absolute; right: 0; top: 0; z-index: 11;}

	/*.navbar-inverse*/
	.navbar-inverse{ background: transparent; width: 100%; z-index: 10; border: none; margin: 0;}
	.navbar-inverse .navbar-header{ height: 55px; float: none;}
	.navbar-inverse .navbar-collapse.collapse { display: none !important; }
	.navbar-inverse .navbar-collapse{ border-top: 1px solid #535364; background: #282837;  -webkit-box-shadow: none; box-shadow: none; }
	.navbar-inverse .navbar-collapse .menu{ display: none;}
	.navbar-inverse .navbar-collapse .mobile_menu{ display: block;}
	.navbar-inverse .navbar-collapse li{ float: none; text-align: center; border-bottom: 1px solid #535364;}
  .navbar-inverse .navbar-collapse li a{ display: block; padding: 18px 15px; border-top: 1px solid #535364;}
  .navbar-inverse .navbar-collapse li .sub_menu{ display: none;}
  .navbar-inverse .navbar-collapse li .sub_menu li{ background: #4e4d5b;}
	.navbar-inverse .navbar-collapse.in{ display: block !important; overflow: visible !important;}
	.navbar-inverse .navbar-toggle{ border-color: transparent; float: none; position: absolute; margin: 0; left: 20px; top: 10px;  z-index: 10; display: block;}
	.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: transparent;}
	.navbar-inverse .navbar-toggle .icon-bar{ background: #fff; }
	
	/*month_list*/
	/* .month_list{ margin-top: 232px;} */
	.month_list .month{ height: 183px; line-height: 183px;}

	/*price_box*/
	.price_box .price_list .m_month{ display: block; font-size: 20px; padding: 14px 0 12px; color: #aaa;}

	/*preferential*/
	.preferential .btn_box{ padding-left: 0;}
	.preferential .check_box{ padding: 8px 0 8px 10px; line-height: 100%;}
	.preferential .month{ display: none;}
	.preferential .pay_price{ float: none; width: 100%; padding-right: 15px;}
	.preferential .pay_price .m_month{ display: inline-block;}
	.preferential .pay_price .plan_btn{ width: 100%; font-size: 18px;}

  /*preferential3*/
  .preferential3 .fl_box, .preferential3 .fr_box{ width: 100%;}
  .preferential3 .fl_box .p_month{ padding: 0 20px 0 0;}
  .preferential3 .fr_box .price_box{ float: left; width: auto;}
  .preferential3 .fr_box .price_box .price{ padding-right: 0; width: auto;}
  .preferential3 .fr_box .plan_btn{ width: 152px; float: right;}

	/* login_box */
	.login_box{ margin-bottom: 40px;}
	.login_box .ipt{ width: 80%;}
	.login_box .login_btn{ width: 28%;}

	/*redemption_box*/
	.redemption_box .redemption
	.redemption_box .btn_box{ padding-top: 15px;}
	.redemption_box .btn_box .confirm{ width: 30%;}

	/*table_box2*/
	.table_box2 .th1{ width: 48%;}
	.table_box2 .th2{ width: 22%;}
	.table_box2 .th6{ width: 30%;}
	.table_box2 .m_off{ display: none;}
	.table_box2 .w_off{ line-height: 24px; }
	.table_box2 .w_off td{ text-align: left;}
	.table_box2 .w_off p{text-align: right;}
	.table_box2 .onc, .table_box2 .box{display: inline-block; vertical-align: middle;}
	.table_box2 .box{ width: 100px;}
	.table_box2 .box .img{ margin: 0 0 3px;}
	.table_box2 .onc{ width: 20px; height: 20px; line-height: 20px; text-align: center; background: #d4d4d4; color: #8a8a92; border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 6px;}

  /*tips_box*/
  .tips_box{ padding: 50% 0;}
  
  /*browser_box*/
  .browser_box{ display: none;}
}	

@media (min-width: 768px){
	
	

  /*more_box*/
  .more_box{ width: 332px; margin: 40px auto;}

  /*top_title*/
  .top_title{ margin-bottom: 25px;}

  /*book_list*/
  .book_list .row{ font-size: 0; letter-spacing: -4px;word-spacing: -4px;}
  .book_list .item{ display: inline-block; *display: inline; zoom: 1; width: 50%; vertical-align: middle; letter-spacing: normal; word-spacing: normal;}
  .book_list .text_box{ padding: 88px 0 78px 78px;}

  /*book_item*/
  .book_item{ padding: 0px 42px;}
  .book_item .hd_title{ font-size: 22px; padding-bottom: 9px;}
  .book_item .item{ margin: 15px 0; padding: 34px 28px; border: 1px solid #e6e6e6;}
  .book_item .item .img{ padding-bottom: 15px;}
  .book_item .item .img img, .combination_box .left_box .item .img img, .combination_box .img_box img{ width: 100%; height: auto;}
  .book_item .item .text_box{ text-align: center;}
  .book_item .item .text_box .title, .combination_box .left_box .item .title{ font-size: 20px; line-height: 24px; padding-bottom: 6px;}
  .book_item .item .text_box .date, .book_item .item .text_box .price{ font-size: 16px; padding-bottom: 10px;}
  .book_item .item .text_box .price{ padding-bottom: 15px;}
  .book_item2{ padding-top: 35px;}
  .book_item3{ padding-top: 91px;}

  /*combination_box*/
  .combination_box{ padding: 15px 42px;}
  .combination_box .combination .hd{ line-height: 54px; padding-left: 18px; font-size: 20px;}
  .combination_box .combination .bd{ padding: 30px 0;}
  .combination_box .left_box, .combination_box .right_box{ float: left; text-align: center;}
  .combination_box .left_box{ width: 52%;}
  .combination_box .left_box .item{ padding: 0 7%; width: 47%; float: left;}
  .combination_box .left_box .item .img{ padding-bottom: 20px;}
  .combination_box .left_box .item .title{ padding-bottom: 15px;}
  .combination_box .left_box .add_icon{ float: left; font-size: 40px; padding-top: 16%; width: 5%;}
  .combination_box .right_box{ width: 48%; padding-top: 9%;}
  .combination_box .right_box .text{ font-size: 20px; padding-bottom: 22px;}
  .combination_box .right_box .booking_btn{ width: 51%;}
  .combination_box .text_box{padding: 28px 38px 28px 10px;}
  .combination_box .combination .bd .banner_text{ max-height: 85px; overflow: hidden;}

  .combination_box2 .combination .bd{ padding: 0 0 10px;}
  
 
  /*intro_box*/
  .intro_box{ padding: 43px 42px 15px;}
  .intro_box .img_box{ border: 1px solid #e6e6e6; padding: 38px; width: 42%; margin-right: 4%;}
  .intro_box .text_box, .intro_box .intro_item{ float: left; width: 54%;}
  .intro_box .text_box{ padding-bottom: 26px;}
  .intro_box .text_box .title{ font-size: 20px; padding-bottom: 18px;}
  .intro_box .text_box .text, .intro_box .text_box .date{ font-size: 20px; padding-bottom: 20px;}
  .intro_box .text_box .price{ font-size: 20px;}
  .intro_box .intro_item .booking_btn{ width: 100%; margin-bottom: 30px;}
  .intro_box .intro_item .intro .title{ font-size: 18px; font-weight: bold; padding: 26px 0 15px;}
  .intro_box .intro_item .intro .text{ font-size: 16px; line-height: 26px;}

  /*img_pupop*/
  .img_pupop .close{ top: 20px; right: 21%;}
  .img_pupop .swiper-container{ width: 62%; border: 1px solid #cdcdcd;}
  .img_pupop .swiper-container .swiper-slide{ padding: 68px 80px 115px;}
  .img_pupop .swiper-container .swiper-button-prev{ left: 4%}
  .img_pupop .swiper-container .swiper-button-next{ right: 4%;}
  .img_pupop .swiper-container-horizontal > .swiper-pagination { bottom: 70px;}

  /*os_section*/
  .os_section .bd .img_list{ padding: 25px 15px 0; margin: 0 -8px; clear: both; letter-spacing: -4px; word-spacing: -4px;}
  .os_section .bd .img_list .list{ letter-spacing: normal; word-spacing: normal; padding: 25px 8px; width: 20%; vertical-align: top; display: inline-block; *display: inline; zoom: 1;}

}

@media (max-width: 767px) {
  .mgb30{ margin-bottom: 15px;}
	.body2{ padding-bottom: 95px; overflow: hidden; position: relative;}

  /*more_box*/
  .more_box{ margin-top: 5px;}

	/*banner*/
	.banner{ height: 170px; padding-top: 33px;}
	.banner .title{ font-size: 24px; padding-bottom: 18px;}
	.banner .title2{ font-size: 20px; line-height: 22px; padding-top: 40px;}
	.banner .text{ font-size: 16px;}

	/*booking_box*/
	.booking_box{ margin: 30px 15px 35px; border-bottom: none;}
	.booking_box .img_box{ border-bottom: 2px solid #cbcbcb;}
	.booking_box .intro{ padding-top: 26px;}
	.booking_box .booking{ width: 80%;}

	/* section */
	.section{ padding-bottom: 36px;}
  .section .hd{ padding-bottom: 20px;}
	.section .hd .slogo img{ width: 50%; height: auto;}
	.section .hd .name{ font-size: 24px; }
	.section .bd .img_box, .section .bd .text_box{ float: none; width: 100%;}
  .section .bd .text_box{ padding-bottom: 30px;}
  .section .bd .text_box2{ padding-top: 30px;}
	.section .bd .img_box .img{ float: none; width: 54%; margin: 0 auto;}
  .section .bd .img_box .img:first-child{ width: 100%; margin-bottom: 28px;}
	.section .ft{ padding: 0;}
	.section .ft .code_box{ display: none;}
	.section .ft .btn_box .share_box .btn{ width: 100%;}
	.section .ft .btn_box .share_box .mag_pop{ top: 46px; right: 0; width: 100%;}
	.section .ft .btn_box .share_box .mag_pop .mag{ width: 160px; margin: 0 auto;}
	.section .ft .btn_box .share_box .mag_pop .bd{ padding: 9px 9px;}
	.section .ft .btn_box .share_box .mag_pop .bd li{ padding: 10px;}
	.section .ft .btn, .section .ft .btn_box .share_box{ width: 48%; margin: 0 auto 30px;}
  .section .ft .booking, .section .ft .down_btn{ margin-right: 4%;}
  .section .ft .btn3{ width: 100%; margin-right: 0;}
	.section .ft .download{ padding-top: 26px; border-top: 1px solid #a0a0a0; clear: both; display: block;}
  .section .ft .btn_box2 .download{ padding-top: 0; border-top: none; margin-bottom: 30px;}
  .section .ft .btn_box3 .booking{ width: 100%; margin-right: 0;}
	
	/*os_section*/
  .os_section{ padding-top: 50px;}
	.os_section .bd .rows{ margin: 0 -9px;}
	.os_section .bd .rows .img, .os_section .bd .rows .text{ float: left; padding: 0 9px 10px;}
  .os_section .bd .img_list{ padding-top: 0; margin-top: -25px; display: none;}
  .os_section .bd .img_list .list{ width: 100%;}
  .os_section .bd .more_img{ display: block; padding: 10px 24px; margin: 0 15px; background: #d8d8d8; text-align: center;}
  .os_section .bd .more_img .show_more{ padding-top: 10px; display: block;}
  .os_section .bd .more_img .show_more .tri{ position: relative; top: 13px; margin: 0 8px; border-color: #282837 transparent transparent transparent;}
  .os_section .bd .img_list .list{ padding: 25px 15px;}

	/*nm_section*/
	.nm_section .bd .text_box .tips{ text-align: center;}

	/*ed_section*/
	.ed_section{ padding-top: 40px;}
	.ed_section .hd .name, .ww_section .hd .name{ padding-bottom: 0;}
	.ed_section .bd{ padding-bottom: 22px;}
	.ed_section .bd .text_box{ padding-bottom: 10px;}
	
	/*ww_section*/
	.ww_section{ padding-top: 55px;}
	.ww_section .hd{ padding-bottom: 16px;}


	/*step_box*/
	.step_box{ padding: 18px;}
	.step_box .step .num{ width: 36px; height: 36px; line-height: 36px;}
	.step_box .step .text{ font-size: 11px;}
	.step_box .arrow{ width: 14px; height: 25px; margin: 14px 0;}

	/*plan_section*/
	.plan_section, .redemption{ margin: 0 -15px;}
  .plan_section2, .redemption2{ margin: 0;}
	.plan_section{ padding: 110px 0 10px; }

	/*month_list*/
	.month_list{ display: none;}

	/*price_box*/
	.price_box{ width: 65%; vertical-align: bottom;}
	.price_box .down_text{ padding: 7% 0 10%; font-size: 18px;}
	.price_box .down_box{ display: none;}
	.price_box .btn_box{ display: block; }
	.price_box .btn_box .down{ width: 100%; padding: 5% 0 0 15px; display: block;}
	.price_box .price_list{ width: 100%; float: none;}
	.price_box .price_list ul{ margin: 0 -8px;}
  .price_box .price_list li{ width: 50%; float: left; padding: 26px 8px 0; border: none;}
	.price_box .price_list .m_month{ font-size: 16px;}
	.price_box .price_list .plan_btn{ width: 100%; font-size: 18px;}
	.price_box .price_list .money_box .HDK{ font-size: 12px;}
	.price_box .price_list .money_box .price{ font-size: 20px;}
	.price_box .price_list .text{ text-align: left; margin: 26px 0 0 15px;}

	/*price_box2*/
	.price_box2{ vertical-align: top;}

  /*price_box3*/

	/*plan_box*/
	.plan_box{ padding-left: 0;}
  .plan_box .plan_list{ display: table;}
	.plan_box .plan_list .plan, .plan_box  .plan_list .price_box{ display: table-cell;}
	.plan_box .plan_list{ padding: 0 15px 24px; margin-bottom: 6px; border-bottom: 2px dashed #aaa; position: relative; float: none; width: 100%; }
	.plan_box .plan_list .plan{ width: 35%; padding-left: 0; border: none;}
	.plan_box .plan_list .img{ padding: 0 10px; border-bottom: 2px solid #aaa;}
	.plan_box .plan_list .name{ font-size: 11px;}
	.plan_box .plan_list .show_all{ position: relative; right: 0; bottom: auto; top: 0;}

  /*plan_box2*/
  .plan_section2 .plan_box .plan_list{ width: 100%; padding: 0 0 24px; margin-bottom: 16px;}
  .plan_section2 .plan_box .plan_list, .plan_section2 .plan_box .plan_list .plan, .plan_section2 .plan_box  .plan_list .price_box{ display: block;}
  .plan_section2 .plan_box .plan_list .plan{ width: 100%; letter-spacing: -4px; word-spacing: -4px;}
  .plan_section2 .plan_box .plan_list .plan .plan_cover, .plan_section2 .plan_box .plan_list .plan .contain_box{ letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline; zoom: 1; vertical-align: bottom;}
  .plan_section2 .plan_box .plan_list .plan .plan_cover{ width: 40%; padding-right: 10px;}
  .plan_section2 .plan_box .plan_list .plan .contain_box{ width: 60%;}
  .plan_section2 .plan_box .plan_list .p_logo{ width: 60%;}
  .plan_section2 .plan_box .plan_list .img{ width: 100%; margin: 0;}
  .plan_section2 .plan_box .plan_list .contain_box{ height: auto;}
  .plan_section2 .plan_box .plan_list .contain_box, .plan_section2 .plan_box .plan_list .contain_box .img_list{ text-align: left;}
  .plan_section2 .plan_box .plan_list .contain_box .title{ font-size: 14px; line-height: 20px; padding-bottom: 0;}
  .plan_section2 .plan_box .plan_list .contain_box .img_list{ margin: 0;}
  .plan_section2 .plan_box .plan_list .contain_box .img_list .list{ width: 33%; padding: 8px 10px 0 0;}
  .plan_section2 .plan_box .plan_list .price_box{ width: 100%;}
  .plan_section2 .plan_box .plan_list .price_box .price_list .text{ font-size: 16px; text-align: center;}
  .plan_section2 .plan_box .plan_list .price_box .price_list li{ padding-top: 0;}
  .plan_section2 .plan_box .plan_list .price_box .price_list .m_month, .plan_section2 .plan_box .plan_list .price_box .price_list .money_box{ display: inline-block; *display: inline; zoom: 1;}

	/*preferential*/
	.preferential{ background: #fff; width: 100%; z-index: 999;}
	.preferential{ padding: 10px 15px;}
	.preferential .check_box input{ margin-right: 2px;}
	.preferential .check_box label{ font-size: 12px;}
	.preferential .pay_price .text, .preferential .pay_price .m_month{ font-size: 12px;}
	.preferential .pay_price .num{ font-size: 16px;}
  .preferential .fl_box, .title_box .fl_box{ width: 100%;}

  .preferential2{ padding: 0; position: fixed; left: 0; bottom: 0;}
  .preferential2 img{ width: 100%; height: auto;}

  .preferential3 .fl_box .magazine, .preferential3 .fr_box .price_box .price{ font-size: 18px;}

	/*more_plan*/
	.more_plan{ padding: 0 0 25px;}

	/*redemption*/
	.redemption{ padding: 16px 15px; margin-bottom: 70px; border-bottom: none;}
	.redemption .title{ float: none; width: 100%; line-height: 18px;}
	.redemption .ipt{ margin: 3px 2% 3px 0; border: 1px solid #979797; width: 68%; height: 30px;}
	.redemption .plan_btn{ width: 30%;}

  /*redemption2*/
  .redemption3{ padding: 16px 0;}

  /*email_box*/
  .email_box .email{ padding: 20px 0;}
  .email_box .email .text{ display: none;}
  .email_box .email .conntet{ float: none;}
  .email_box .email .conntet .ipt{ width: 100%;}

	/*redemption_box*/
	.redemption_box{ padding-bottom: 30px;}
	.redemption_box .redemption{ border: none; margin-top: 8px; padding: 0;}
  .redemption_box .redemption2{ margin: 0; padding: 0 0 20px 0;}
	.redemption_box .money{ font-size: 18px;}
	.redemption_box .money span{ padding-left: 10px;}
  .redemption_box .email_box{ padding-top: 15px;}
	.redemption_box .btn_box{ padding-top: 20px; width: 100%;}
  .redemption_box .btn_box .confirm{ width: 100%; margin: 0 0 20px 0;}

	/*pupop_box*/
	.pupop_box, .price_pupop{ padding-top: 94px;}
	.pupop_box .hd, .price_pupop .hd{ padding: 20px 0; background: rgba(0,0,0,0.7); position: fixed; top: 0; left: 0; width: 100%; z-index: 99999;}
	.pupop_box .bd, .price_pupop .bd{ padding: 100px 15px 10px;}
	.pupop_box .bd .plan_list{ padding-top: 0;}
	.pupop_box .bd .plan_list li{ width: 33.33333333%; padding: 5px 4px;}
	.pupop_box .bd .plan_list .list{ padding: 10px;}
	.pupop_box .bd .plan_list .list .text{ text-align: center; padding: 6px 0 10px;}
	.pupop_box .bd .plan_list .on{ border: 3px solid #ee8b61; border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px;}
	.pupop_box .ft{ padding-bottom: 70px;}

  .price_pupop .price_list .list{ padding: 15px 13px;}
  .price_pupop .price_list .list .img{ margin-right: 25px;}

	/*title_box*/
	.title_box{ position: fixed; top: 94px; left: 0; width: 100%; z-index: 999; background: #fff;}
	.title_box .container{ border-bottom: 1px solid #000; padding: 20px 15px;}
	.title_box .text{ font-size: 24px; padding-top: 10px;}
	.title_box .text span{ color: #ffa100;}

  /*top_title*/
  .top_title{ width: 100%; margin: 0 -15px;}
  .top_title .text{ padding-top: 18px; margin: 0 -15px;}

	/*order_box*/
	.order_box{ padding-top: 85px;}

	/*page*/
	.page{ display: none;}

	/*page_select*/
	.page_select{ display: block;}
	.page_select .text{ text-align: center;}
	.page_select select{ width: 100%;}

  /*page_box*/
  .page_box .page{ display: block;}

	/*teach_menu*/
	.teach_menu{ margin-bottom: 50px; border-bottom: none; position: relative;}
	.teach_menu .title{ display: block; color: #ffc18f; line-height: 54px; border-bottom: 1px solid #535364;}
	.teach_menu .menu_list{ display: none; position: absolute; top: 0; left: 0; z-index: 99; width: 100%;}
	.teach_menu .menu_list li{ display: block; background: #282837; padding: 0 15px; border-bottom: 1px solid #535364;}
	.teach_menu .menu_list li a{ border-right: none;}
	.teach_menu .tri{ z-index: 999; cursor: pointer; display: block; position: absolute; top: 23px; right: 15px; border-width: 10px; border-color: #fff transparent transparent transparent;}
	.teach_menu .dtri{ top: 10px; border-style: solid solid dashed solid; border-color: transparent transparent #fff transparent;}

	/*teach_list*/
	.teach_list{ padding-bottom: 12px; margin-bottom: 28px;}
	.teach_list .title{ text-align: center; font-size: 24px;}
	.teach_list .title .num{ width: 38px; height: 38px; line-height: 38px;}
	.teach_list .downbox .img, .teach_list .downbox .down{ width: 50%; float: left;}
	.teach_list .downbox .down .code_box{ display: none;}
	.teach_list .downbox .down .btn_box{ display: block;}
	.teach_list .downbox .down .btn_box .down_btn{ padding-top: 23%; display: block;}
	.teach_list .img_box{ padding: 0 15px 20px;}

	/*table_box*/
	.table_box table td, .table_box table th{ font-size: 14px;}

	/*table_box3*/
	.table_box3 .text{ width: 80%; }

	/* paying_box */
	.paying_box{ padding: 18px 0 3px;}

	/*record_box*/
	.record_box{ margin: 10px 0 60px;}
	.record_box .text{ font-size: 18px; padding: 30px 15px;}
	.record_box .confirm{ margin-bottom: 30px;}

  /*pack_box*/
  .package_box{ padding: 113px 0 10px;}

  /*book_list*/
  .book_list .text_box{ text-align: center;}
  .book_list .text_box .title{ padding: 18px 0 11px; font-size: 26px;}
  .book_list .text_box .text{ padding-bottom: 11px;}
  .book_list .text_box .buy_btn{ position: absolute; left: 50%; bottom: 23px; margin-left: -114px;}
  .book_list .img_box{ margin-bottom: 85px;}

  /*book_item*/
  .book_item .hd_title{ border-top: 1px solid #e6e6e6; margin: 18px -15px 0; padding: 20px 15px 0;}
  .book_item .item{ padding: 18px 0; border-bottom: 1px solid #e6e6e6; font-size: 0; letter-spacing: -4px;word-spacing: -4px;}
  .book_item .col-sm-4:last-child .item{ border-bottom: none;}
  .book_item .item .img, .book_item .item .text_box{ vertical-align: top; display: inline-block; *display: inline; zoom: 1; letter-spacing: normal; word-spacing: normal;}
  .book_item .item .img{ width: 39%; padding-right: 22px}
  .book_item .item .text_box{ width: 61%;}
  .book_item .item .text_box .title{ font-size: 18px; padding: 6px 0 10px;}
  .book_item .item .text_box .date, .book_item .item .text_box .price{ font-size: 14px; padding-bottom: 12px;}
  .book_item .item .text_box .plan_btn{ width: 166px;}
  .book_item3{ padding-top: 66px;}

  /*combination_box*/
  .combination_box .combination .hd{ line-height: 40px; padding-left: 15px;}
  .combination_box .left_box{ padding: 0 3px; text-align: center;}
  .combination_box .left_box .item{ padding: 0 4%; width: 47%; float: left;}
  .combination_box .left_box{ padding: 18px 0 20px; border-bottom: 1px solid #e6e6e6;}
  .combination_box .left_box img, .combination_box .img_box img{width: 100%; height: auto;}
  .combination_box .left_box .add_icon{ float: left; font-size: 30px; padding-top: 22%; width: 5%;}
  .combination_box .left_box .item .img, .combination_box .left_box .item .title{ padding-bottom: 10px;}
  .combination_box .right_box{ padding: 12px 14px; position: relative;}
  .combination_box .right_box .text{ width: 67%; float: left; line-height: 44px;}
  .combination_box .right_box .booking_btn{ width: 33%; float: right;}
  .combination_box .combination .text_box{padding-top: 15px}

  .combination_box2 .combination .bd{ padding-bottom: 10px;}

  /*intro_box*/
  .intro_box{ padding: 22px 0;}
  .intro_box .img_box{ width: 33%; margin-right: 6%}
  .intro_box .img_box .img .magnifier{ width: 15px; height: 15px; background-size: 15px auto; right: 7px; bottom: 8px;}
  .intro_box .text_box{ width: 61%; float: left;}
  .intro_box .text_box .title{ font-size: 16px; padding-bottom: 10px;}
  .intro_box .text_box .text{ font-size: 20px; padding-bottom: 14px;}
  .intro_box .text_box .date, .intro_box .text_box .price{ font-size: 16px;}
  .intro_box .text_box .date{ padding-bottom: 13px;}
  .intro_box .intro_item{ clear: both; padding-top: 20px;}
  .intro_box .intro_item .booking_btn{ width: 100%; margin-bottom: 20px;}
  .intro_box .intro_item .intro .title{ padding: 18px 0 15px; font-size: 18px; font-weight: bold;}
  .intro_box .intro_item .intro .text{ padding: 0 15px; margin: 0 -15px; font-size: 16px; line-height: 23px; padding-bottom: 20px; border-bottom: 1px solid #e6e6e6}

	.footer{ font-size: 16px;}

  .swiper-pagination-bullet { width: 10px; height: 10px;}
  .swiper-pagination-bullet-active{ width: 16px; height: 16px;}
  .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet { margin: 0 5px;}
  

  /*img_pupop*/
  .img_pupop{ top: 60px; width: 88%; left: 6%;}
  .img_pupop .close{ top: -40px; right: -4%;}
  .img_pupop .swiper-container .swiper-slide{ padding-bottom: 33px; background: transparent;}
  .img_pupop .swiper-container-horizontal > .swiper-pagination { bottom: 1px;}
  .img_pupop  .swiper-button-prev, .img_pupop .swiper-button-next{ display: none;}

  /*past_box*/
  .past_box .past_list{ padding-bottom: 40px;}
  .past_box .past_list .list li{ width: 33.33333333%;}
}

@media (max-width: 400px) {
  /*book_item*/
  .book_item .item .img, .book_item .item .text_box{ vertical-align: middle;}

  .price_pupop .price_list .list .img{ width: 40%;}
  .price_pupop .price_list .list .text{ width: 40%;}
}