@charset "utf-8";
/* Reset Styles */
html {
	font-family: "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 62.5%;
	height: 100%;
	background:#F4F4F4;

	-ms-text-size-adjust: none;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
text-size-adjust: none;
}
body {
	margin: 0;
	font-size: 1.4rem;
	line-height: 1.5;
	color: #666666;

	height: 100%;
	overflow-x: hidden;

	-webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden], template {
	display: none;
}
svg:not(:root) {
	overflow: hidden;
}
a {
	background: transparent;
	-webkit-tap-highlight-color: transparent;
	text-decoration: none;
}
a:visited {
}
a:active {
	outline: 0;
}
abbr[title] {
	border-bottom: 1px dotted;
}
b, strong {
	font-weight: bold;
}
dfn {
	font-style: italic;
}
mark {
	background: #ff0;
	color: #000;
}
small {
	font-size: 80%;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
img {
	border: 0;
	display: block;
}
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}
pre {
	overflow: auto;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}
button {
	overflow: visible;
}
button, select {
	text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled], html input[disabled] {
	cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
	line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
legend {
	border: 0;
	padding: 0;
}
textarea {
	overflow: auto;
	resize: vertical;
}
optgroup {
	font-weight: bold;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td, th {
	padding: 0;
}
html, button, input, select, textarea {
	font-family: "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6, p, figure, form, blockquote {
	margin: 0;
}
ul, ol, li, dl, dd, menu {
	margin: 0;
	padding: 0;
}
ul, ol {
	list-style: none outside none;
}
h1, h2, h3, h4 {
	line-height: 2;
	font-weight: normal;
}
h1 {
	font-size: 1.8rem;
}
h2 {
	font-size: 1.6rem;
}
h3 {
	font-size: 1.4rem;
}
input::-moz-placeholder, textarea::-moz-placeholder {
color: #cccccc;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #cccccc;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #cccccc;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.middle {
	margin: 0 auto;
}
.tab li {
	cursor: pointer;
}
.tablist {
	display: none;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}
.clearfix {
*+height:1%;
}
.block {
	display: block;
}
.center {
	text-align: center;
}
.fl {
	float: left;
}
.fr {
	float: right;
}


/*首页*/
header {position: relative;}
header img{width: 100%;height: auto;}
header .home_btn{position: absolute;left: 0; bottom: 15px;width: 100%; text-align: center;font-size: 1.6rem;}
header .home_btn img{height: 28px;width: auto;display: inline;padding: 0 5px;}
/*标签页*/
.tab {
	width: 70%;
	margin: 10px auto 5px;
	height: 30px;
	font-size: 1.6rem;
}
.tab li {
	display: inline-block;
	width: 31%;
	text-align: center;
	font-weight: bold;
	color: #666666;
}
.tab li a{color: #666666;}
.tab li:nth-child(1){margin: 0 2%;height: 2rem;line-height: 2rem;}
.tab li.now a{color: #666666;}
.tab li.now span span{
	border-bottom:3px #EB5D28 solid;
	color: #666666;
	

}
.tab_bt {
    text-align: center;
    margin-bottom: 10px;
	font-size: 1.6rem;
}
.tablist {
	display: none;
	margin: 0 auto;
}



.class_list {width: 96%;margin: 0 auto;padding-bottom: 100px;}
.class_list li {background: #fff;border: 1px #E0E0E0 solid;border-radius: 10px;position: relative;margin-bottom: 10px;}
.class_list li img{width: 100%;height: auto;border-radius: 10px;}
.class_list li p{width: 96%;margin: 0 auto;padding-top: 10px;}
.class_list li p span{width: 50%;display: inline-block;border: 1px #EC612B solid;border-radius: 12px; background: url(../images/time.png) no-repeat 4px center;background-size: 15px auto;padding-left: 8%;position: relative;
    top: -3px;font-size:1.2rem;}
.class_list li .bq,.img_box .bq{position: absolute;top: 10px;left: 10px;}
.class_list li .bq span,.img_box .bq span{background: rgba(255,255,255,0.56);display: inline-block;border-radius: 10px;line-height: 20px;border: 1px #FC9472 solid;color: #8e8e8e; font-size: 1.2rem;padding: 0 5px;margin-right: 10px;margin-bottom: 5px;}
.img_box .bq .type{border: 1px #FC9472 solid;background:#FC9472;  color: #fff; }
.home_img{position:relative;}
.home_img .two_price{position: absolute;bottom: 0;left: 0;background: linear-gradient(to top right, rgba(253, 152, 119, 0.1), rgba(253, 229, 223, 0.7));border-top:  1px rgba(241, 105, 60, 0.2) solid;border-right:  1px rgba(241, 105, 60, 0.2) solid;border-top-right-radius: 70px;;line-height: 1.4rem;padding: 8px 20px 3px 0;}
.home_img .two_price div{display: inline-block;text-align: center;}
.home_img .two_price div:nth-child(1){margin-right: 10px;margin-left: 10px;border-right: 1px rgba(241, 105, 60, 0.4) solid;padding-right: 10px;}
.home_img .two_price div span{display: block;}
.home_img .two_price em{font-size: 1.2rem;font-style: normal;color: #EC612B;}
.home_img .two_price b{font-size: 2rem;font-weight: normal;color: #EC612B;}
.home_img .two_price span{font-size: 1.2rem;}





.class_list dl{width: 96%;margin: 0 auto;}
.class_list dl dt{width: 65%;float: left;}
.class_list dl dt p{font-size: 2.2rem;line-height: 2.2rem;margin-bottom: 4px;}
.class_list dl dd{width: 32%;float: right;margin-top: 4px;}
.class_list dl dt span {
    display: inline-block;
    border: 1px #EC612B solid;
    border-radius: 12px;
    background: url(../images/time.png) no-repeat 4px center;
    background-size: 15px auto;
    padding-left: 23px;
	font-size: 1.4rem;
	padding-right: 5px;
}





.btn{width: 96%;margin: 10px auto;display: block;background: linear-gradient(to top right, #FD9877, #F1693C);text-decoration: none;padding:10px 8px;border-radius: 10px;color: #fff;text-align: center;font-size: 1.6rem;}
.class_list .price{ font-size: 1.8rem;}
.class_list li h6{width: 96%;margin: 0 auto 4px;color: #8C8C8C;border-top: 1px #f0f0f0 solid;font-weight: normal;padding: 4px 0;line-height: 2rem;font-size: 1.4rem;}
.pf{position: fixed;right: 0;bottom: 2%;}
.pf img{display: block; width: 60px;height: auto;}

.pf_pro{position: fixed;right: 0;bottom: 100px;}
.pf_pro img{display: block; width: 60px;height: auto;}
/*支付页*/
.price_con{text-align: center;margin-top: 20px;}
.price_con p:nth-child(1){color: #AAAAAA;font-size: 1.4rem;}
.price_con p:nth-child(2) i{font-style: normal;}
.price_con p:nth-child(2) b{font-size: 3rem;font-weight: 500;}
.price_con p:nth-child(3){color: #AAAAAA;font-size: 1.2rem;}
.price_con p:nth-child(3) em{font-style: normal;text-decoration:line-through;}

.price_choose{width: 96%;margin: 0 auto;background: #fff;border-radius: 10px;}
.price_con .price{position: fixed;width: 96%;left: 2%; bottom: 15px;font-size: 1.8rem;}


.dt{margin-top: 10px;}
.dt li{padding-left: 10px;}
.dt label.wechat {display: block;background: url(../images/wechat_icon.png) no-repeat 4px center;background-size: 20px auto;padding: 20px 0 20px 25px;border-bottom: 1px #f1f1f1 solid;font-size: 1.8rem;}
.dt label.alipay {display: block;background: url(../images/zfb_icon.png) no-repeat 4px center;background-size: 20px auto;padding: 20px 0 20px 25px;border-bottom: 1px #f1f1f1 solid;font-size: 1.8rem;}
.dt label input{float: right;margin-right: 20px;margin-top: 5px;}

header.pro{background: #fff;padding-bottom: 10px;}
header.pro .img_box{position: relative;}
header.pro img.show{width: 100%;height: auto; z-index: 1}
header.pro img.hidden{width: 100%;height: auto; visibility: hidden;}
header.pro .gray{position: absolute;height: 50px; left: 0;bottom: 0;width: 100%;z-index: 2;background: linear-gradient(to top,rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));}
header.pro h4{font-weight: bold;width: 96%;margin: 0 auto;font-size: 1.8rem;}
header.pro p{width: 96%;margin: 0 auto;}

.pro_con{width: 96%;margin: 0 auto;background: #fff;border-radius: 10px;margin-top: 10px;}
.pro_con h4{font-size: 1.6rem;padding: 10px 0;text-indent: 10px; border-bottom: 1px #E0E0E0 solid;}
.pro_con .content{width: 90%;margin: 10px auto 0;padding-bottom: 80px;}
.pro_con .content p{line-height: 2rem;margin-bottom: 5px;font-size: 1.6rem;}
.pro_con .content p img{display: inline;max-width: 100%;}

.buy{position:fixed;bottom: 0;left: 0;width: 100%;height: 50px;line-height:50px;}
.buy .left{position:fixed;bottom: 0;left: 0;width: 20%;background: #fff;height: 50px;}
.buy .left img{width: auto;height: 20px;margin: 5px auto;}
.buy .left b{display: block; font-size: 1.4rem;line-height: 1.6rem;text-align: center;}
.buy .right{position:fixed;bottom: 0;right: 0;width: 80%;height: 50px;background: linear-gradient(to top right, #FD9877, #F1693C);text-align: center;}
.buy .right a{color: #fff;font-size: 1.8rem;display: block;}


.layer{position: fixed;left: 0;top: 0;width: 100%;height: 100%; background: rgba(0,0,0,0.25);z-index: 3;}
.choose{position: fixed;left: 0;bottom: 0;width: 100%; background: #fff;border-top-left-radius: 10px;border-top-right-radius: 10px;padding:10px 3% 115px;}
.choose h5{margin-top: 15px;margin-bottom: 5px;}
.choose h5:nth-of-type(1){background: url(../images/date.png) no-repeat 5px center;background-size: 30px auto;height: 30px;line-height: 30px;text-indent: 40px;font-size: 1.6rem;}
.choose h5:nth-of-type(2){background: url(../images/place.png) no-repeat 5px center;background-size: 30px auto;height: 30px;line-height: 30px;text-indent: 40px;font-size: 1.6rem;}
.layer label {display:block;width: 45%;float: left;margin: 0 2% 5px;border-radius: 5px;border: 1px #ccc solid;text-align: center;}
.layer label input{float: right;margin-right: 20px;margin-top: 5px;}
.layer input[type="radio"]{-webkit-appearance: none; width:20px;height: 20px; border: #666 solid 1px; border-radius:10px; outline:none;display: none;}
.layer input[disabled]{ border:none; background: #b5b4b4;}
.layer input[type=radio]:checked {border: none; background: #D31F22;display: none;}

.kf_con{position: fixed;left: 0;top: 0;width: 100%;height: 100%; background: rgba(0,0,0,0.25);z-index: 3;}
.kf_con_img{width: 80%;margin: 0 auto;position: fixed;left: 10%; top: 25%;background: #fff;text-align: center;padding-bottom: 10px;}
.kf_con_img img.code{width: 90%;margin: 0 auto;padding-top: 20px;}

.choose select{width: 100%;display: block;height: 40px;border-radius: 10px;text-indent: 25px;}
.choose select:nth-of-type(1){background: url(../images/date_small.png) no-repeat 5px center;background-size: 20px auto;}
.choose select:nth-of-type(2){background: url(../images/place_small.png) no-repeat 5px center;background-size: 20px auto;}

.layer .price{position: fixed;bottom: 30px;left: 2%;width: 96%; background: linear-gradient(to top right, #FD9877, #F1693C);text-align: center;line-height: 40px;border-radius: 10px;}
.layer .price a{color: #fff;font-size: 1.6rem;display: block;}
.close {text-align: right;padding: 5px 3px 0 0;}
.close img{width:20px;height:auto;display: inline;}

ul.dd_list{}
.dd_list li{width: 100%;background: #fff;border-radius: 10px;padding:10px 15px;margin-bottom: 10px;}
.dd_list li h4{}
.dd_list li h4 b{float: left;font-size: 1.8rem;}
.dd_list li h4 span{float: right;}
.dd_list li h4 .dhx{color: #FE7700;}
.dd_list li dl{}
.dd_list dl dt{float: right;width: 73%;line-height: 2.2rem;}
.dd_list dl dd{float: left;width: 25%;}
.dd_list dl dd img{width: 100%;height: auto;}

.dd_list dl dt span:nth-of-type(1){float: left;width: 25%;text-align-last: justify;}
.dd_list dl dt span:nth-of-type(2){float: right;width: 72%;text-align: right;}
.dd_list h5{margin-top: 10px;font-size: 1.6rem;}
.dd_list h5 span{color: #FE7700;padding-left: 10px;}

.code{width: 100%;background: #fff;border-radius: 10px;padding:10px 15px 20px;margin-bottom: 10px;}
.code p{text-align: center;margin-bottom: 10px;font-size: 1.6rem}
.code img{width:50%;margin:auto;}
.code.yhx img{opacity: 0.6}

.con_detail{width: 100%;background: #fff;border-radius: 10px;padding:10px 15px;margin-bottom: 10px;}
.con_detail dl dt{line-height: 2.4rem;}
.con_detail dl dt span:nth-of-type(1){float: left;width: 17%;text-align-last: justify;font-size: 1.5rem;}
.con_detail dl dt span:nth-of-type(2){float: right;width: 75%;text-align: right;font-size: 1.5rem;}
.con_detail dl dt .dd_price{color: #FE7700;font-size: 1.4rem;font-weight: bold;}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) {
.dd_list li{padding:10px 7px;}
.dd_list dl dt{line-height: 2rem;}
.dd_list dl dt span:nth-of-type(1){width: 29%;}
.dd_list dl dt span:nth-of-type(2){width: 70%;}
.con_detail{padding:10px 10px;}
.con_detail dl dt span:nth-of-type(1){width: 21%;}
}


