html, body { -webkit-text-size-adjust: none; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, font { padding: 0; margin: 0; font-family: Microsoft YaHei, SimSun, Arial, Helvetica, sans-serif; }

table { border-collapse: collapse; border-spacing: 0; width: 100%; }

fieldset { border: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

h1, h2, h3, h4, h5, h6, input, textarea, select, form, td, section { font-size: 100%; }

ol, ul, li, dl, dt, dd { list-style: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, menu { display: block; }

input[type="date"]:before { content: attr(placeholder); }

audio, canvas, video { display: inline-block; }

audio:not([controls]) { display: none; }

input, textarea, select, form, fieldset { vertical-align: top; }

img { vertical-align: top; border: 0; }

a { color: #666; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); }

a:link, a:visited { text-decoration: none; }

a:hover { text-decoration: underline; }

a, area { blr:expression(this.onFocus=this.blur());

}

:focus { outline: none; }

.red, .red a { color: #F00; }

.left { float: left; }

.right { float: right; }

.autohei { overflow: hidden; zoom: 1; }

.clear { font-size: 0; line-height: 0; clear: both; overflow: hidden; zoom: 1; }

.blank { font-size: 0; line-height: 0; height: 20px; clear: both; overflow: hidden; }

.yahei, .yahei * { font-family: Microsoft YaHei; }

.songti, .songti * { font-family: SimSun; }

.img { text-align: center; overflow: hidden; }

.aaaaaa { }

body { font-size: 12px; background: #fff; }

/*input,textarea,select{appearance: none; -webkit-appearance: none; border-radius:0;}*/

img { max-width: 100%; }

body { font-size: 1.2rem; width: 32rem; margin: 0 auto; }

.img img { display: block; }

.title { overflow: hidden; zoom: 1; }

.title h2 { text-align: center; font-weight: bold; font-size: 2.4rem; font-weight: bold; color: #46252e; }

.title h3 { text-align: center; color: #6e6266; font-size: 0.8rem; text-transform: uppercase; line-height: 1.75rem; }

.title h4 { width: 2.5rem; height: 0.85rem; margin: 0 auto; }

.wpc_t1 { position: absolute; left: 2.5rem; bottom: 0; border-radius: 0.75rem; width: 27rem; padding: 2rem 0 1rem; background: #fff3f6; }

.wpc_t1 h6 { position: absolute; right: 0.4rem; top: 0; font-size: 1.6rem; color: #000 }

.wpc_t1 h2 { text-align: center; font-size: 1.5rem; font-weight: bold; color: #46252e; }

.wpc_t1 ul { padding: 1.85rem 1.75rem 0 2.25rem; }

.wpc_t1 ul li { margin-bottom: 1rem }

.wpc_t1 ul li h3 { color: #666; margin-bottom: 0.75rem }

.wpc_t1 ul li h4 { padding-left: 1.2rem; }

.wpc_t1 ul li h4 label { margin-right: 3rem; display: inline-block; color: #666; font-size: 1.1rem; }

.wpc_t1 ul li h4 input { vertical-align: middle; margin-right: 0.4rem; }

.wpc_t1 h5 { text-align: center; color: #ff3366; line-height: 3rem; padding:0 1rem;}

.wpc_t2 { border-radius: 0.75rem; width: 27rem; padding: 2rem 0; background: #fff3f6; position: absolute; left: 2.5rem; bottom: 0; }

.wpc_t2 h6 { position: absolute; right: 0.4rem; top: 0; font-size: 1.6rem; color: #000 }

.wpc_t2 h2 { text-align: center; font-size: 1.5rem; font-weight: bold; color: #46252e; }

.wpc_t2 h3 { text-align: center; color: #46252e; line-height: 2.5rem; margin: 1.5rem auto; }

.wpc_t2 h3 input { width: 5.4rem; height: 2.5rem; line-height: 2.5rem; border: 1px solid #dad7d7; border-radius: 0.15rem; background: #fff3f6; text-indent: 0.4rem; }

.wpc_t2 h4,.tijiao{ width: 11rem; height: 3rem; line-height: 3rem; text-align: center; color: #FFF; border-radius: 1.3rem; background: #ff3366; margin: 0 auto; }

.wpc_t2 dl { display:none; width: 20rem; height: 9rem; margin: 1.5rem auto 0; box-sizing: border-box; padding: 1.5rem 0 0; background: #e9e6e6; }

.wpc_t2 dl dt { text-align: center; font-size: 1.8rem; color: #ff3366; }

.wpc_t2 dl dd { margin: 0.75rem auto 0; width: 11rem; height: 3rem; line-height: 3rem; text-align: center; color: #d05400; border-radius: 1.3rem; background: #ffcc00; }

.wp01 { height: auto; overflow: hidden; zoom: 1; position: relative; }

.wp01 p { line-height: 1.8rem; color: #46252e; background: url(../images/wp1_bg.jpg) no-repeat top center/29.5rem 9.5rem; height: 9.5rem; width: 29.5rem; box-sizing: border-box; padding: 1.45rem 3rem 0 9.9rem; margin: 1.9rem auto; }

.wp01 p span { color: #666; }

.wp01>h2 { width: 29.5rem; margin: 0 auto 2rem; overflow: hidden; zoom: 1; }

.wp01>h2 img { display: block; float: left; width:14.75rem;}

.wp01>h3 { background: url(../images/wp1_btg.png) no-repeat left top/26.1rem 3.55rem; height: 3.55rem; width: 29.5rem; margin: 0 auto 4rem; }

.wp01>h3 a { width: 17.15rem; text-align: center; height: 3.55rem; line-height: 3.55rem; color: #FFF; display: block; float: left; }

.wp01>h3 a:last-child { float: right; width: 12.3rem; }

.wp1_bt { margin: 0 1.25rem 1.75rem; overflow: hidden; zoom: 1; }

.wp1_bt ul { display: flex; justify-content: space-between; }

.wp1_bt ul li { border: 0.25rem solid #efefef; width: 9rem; height: 18rem; border-radius: 4.5rem; padding: 0.6rem 0 0; box-sizing: border-box; position: relative; }

.wp1_bt ul li>img { width: 7.5rem; height: 7.5rem; border-radius: 50%; display: block; margin: 0 auto; }

.wp1_bt ul li h2 { width: 7.5rem; height: 2.5rem; line-height: 2.5rem; text-align: center; color: #46252e; background: #efefef; border-radius: 1.25rem; position: absolute; left: 0.65rem; top: 8rem; }

.wp1_bt ul li h3 { padding-top: 3.75rem; height: 6.35rem; box-sizing: border-box; text-align: center; font-weight: bold; color: #46252e; }

.wp1_bt ul li h4 { width: 1.3rem; height: 1px; margin: 0 auto; }

.wp1_bt ul li h3 span { color: #ff3366 }

.wp1_bt ul li:nth-of-type(2) h3 { padding-top: 3rem; }

.wp1_bt>h3 { background: url(../images/wp1_btg.png) no-repeat left top/26.1rem 3.55rem; height: 3.55rem; width: 29.5rem; margin: 2rem auto 2.5rem; }

.wp1_bt>h3 a { width: 15.45rem; text-align: center; height: 3.55rem; line-height: 3.55rem; color: #FFF; display: block; float: left; }

.wp1_bt>h3 a:last-child { float: right; width: 14.05rem; }

.blak { height: 0.65rem; background: #efefef; border: 1px solid #e4e4e4 }

.wp_btn h3 { background: url(../images/wp1_btg.png) no-repeat left top/26.1rem 3.55rem; height: 3.55rem; width: 29.5rem; margin: 0 auto; }

.wp_btn h3 a { width: 17.15rem; text-align: center; height: 3.55rem; line-height: 3.55rem; color: #FFF; display: block; float: left; }

.wp_btn h3 a:last-child { float: right; width: 12.35rem; }

.wp02 { overflow: hidden; zoom: 1; background: url(../images/wp2_bg.jpg) no-repeat top center/29.5rem 28.75rem; height: 28.75rem; width: 29.5rem; padding: 3.25rem 12.3rem 0 2.7rem; width: 29.5rem; height: 28.75rem; box-sizing: border-box; margin: 2rem auto; }

.wp02 p { line-height: 1.8rem; color: #666; }

.wp02 h2 { padding: 4.25rem 0 0 2.2rem; font-size: 1.15rem; line-height: 1.9rem; color: #666; }

.wp2_line { border-bottom: 1px solid #eaeaea; width: 29.5rem; margin: 2rem auto; }

.wp03 { height: auto; overflow: hidden; zoom: 1; }

.wp03 ul { background: url(../images/wp3_bg.jpg) no-repeat top center/32rem 37.75rem; height: 37.75rem; box-sizing: border-box; padding: 2.75rem 0 0 10.9rem; }

.wp03 ul li { height: 11.25rem; box-sizing: border-box; line-height: 1.8rem; color: #46252e; padding-top: 3.5rem; }

.wp03 h6 { margin: 1.75rem 1.25rem 2.25rem; overflow: hidden; zoom: 1; }

.wp03 h6 a { display: block; float: left; width: 14rem; }

.wp03 h6 a:last-child { float: right; }

.wp04 { height: auto; overflow: hidden; zoom: 1; background: url(../images/wp4_bg.jpg) no-repeat top center/32rem 75.6rem; height: 75.6rem; padding: 2rem 0 0; }

.wp04 dl { width: 29.5rem; height: 8rem; border-radius: 0.6rem; margin: 0 auto 1rem; padding: 0.4rem; box-sizing: border-box; background: #feeef1; }

.wp04 dl dt { float: left; width: 10.3rem; }

.wp04 dl dd { width: 17rem; float: right; padding-top: 1.25rem; box-sizing: border-box; }

.wp04 dl dd img { vertical-align: middle; width: 2.25rem; height: 4.65rem; float: left; }

.wp04 dl dd p { float: left; color: #666; line-height: 1.8rem; padding: 0.75rem 0 0 1.2rem; }

.wp04 dl:nth-of-type(even) dt { float: right }

.wp04 dl:nth-of-type(even) dd { float: left; padding-left: 1.5rem; }

.wp04 h6 { margin: 1.75rem 1.25rem 2.25rem; overflow: hidden; zoom: 1; }

.wp04 h6 a { display: block; float: left; width: 14rem; }

.wp04 h6 a:last-child { float: right; }

.wp05 { height: auto; overflow: hidden; zoom: 1; background: url(../images/vs_bg.jpg) no-repeat top center/29.5rem 28.8rem; height: 28.8rem; width: 29.5rem; padding: 13.8rem 0 0; box-sizing: border-box; margin: 1.75rem auto 2rem; }

.wp05 ul li { display: flex; justify-content: space-between; }

.wp05 ul li h2 { width: 11.4rem; text-align: center; height: 3rem; line-height: 3rem; color: #655358; }

.wp05 ul li h3 { width: 6.9rem; text-align: center; height: 3rem; line-height: 3rem; color: #655358; font-size: 1.1rem; font-weight: bold; }

.wp05 ul li h4 { width: 11.2rem; text-align: center; height: 3rem; line-height: 3rem; color: #655358; }

.wp5_btn h6 { margin: 1.75rem 1.25rem 2.25rem; overflow: hidden; zoom: 1; }

.wp5_btn h6 a { display: block; float: left; width: 14rem; }

.wp5_btn h6 a:last-child { float: right; }

.wp06 { height: auto; overflow: hidden; zoom: 1; }

.wp6c { width: 29.5rem; display: flex; justify-content: space-between; margin: 1.6rem auto 0; }

.wp61 { width: 13.7rem; height: 22.7rem; border-radius: 0.5rem; border: 1px solid #eaeaea; padding: 0.5rem; box-sizing: border-box; }

.wp61>img { width: 12.75rem; margin: 0 auto 1rem; }

.wp61 h2 { font-size: 1.3rem; font-weight: bold; color: #46252e; }

.wp61 h2 img { margin: 0 0.3rem 0 0.5rem }

.wp61 p { width: 10.9rem; margin: 0.8rem auto 0; line-height: 1.8rem; color: #666; }

.wp6_tt { text-align: center; margin: 0.9rem auto 0; }

.wp6_tt ul li { display: inline-block; border-radius: 50%; width: 1rem; height: 1rem; margin: 0 0.4rem; background: #c9c9c9; }

.wp6_tt ul li.hover { background: #ff395d }

.wp07 { height: auto; overflow: hidden; zoom: 1; }

.wp07 ul { padding: 1.6rem 1.25rem 1.5rem; overflow: hidden; zoom: 1; display: flex; justify-content: space-between; flex-wrap: wrap; }

.wp07 ul li { width: 14.3rem; height: 2.9rem; font-size: 1.1rem; background: #f2f2f2; line-height: 2.9rem; border-radius: 0.15rem; border: 1px solid #eaeaea; margin-bottom: 0.75rem; text-indent: 0.7rem; }

.wp07 ul li a { color: #6e6266; }

.zx_tit { overflow: hidden; height: 4.2rem; line-height: 4.2rem; text-align: center; background: url(../images/zx_tbg.png) repeat center top/0.15rem 0.15rem; font-size: 1.8rem; color: #fff; }

.zx_con { padding: 1.6rem 1.6rem 2rem 1.5rem; overflow: hidden; zoom: 1;}

.zx_con h2 { font-size: 0.9rem; color: #b1b1b1; text-align: center; }

.zx_con ul { overflow: hidden; zoom: 1; }

.zx_con ul li { overflow: hidden; zoom: 1; margin-top: 1.4rem; display: none; }

.zx_con ul li i { display: block; float: left; margin-right: 0.5rem; display: inline; }

.zx_con ul li i img { width: 3.15rem; height: 3.15rem; }

.zx_con ul li p { overflow: hidden; height: 4.55rem; width: 25.25rem; background: url(../images/zx_bg1.png) no-repeat center top/25.25rem 4.55rem; box-sizing: border-box; color: #333; line-height: 1.5rem; padding: 0.7rem 1.1rem 0rem 1.4rem; }

.sx_yy { background: #e8e8e8; padding: 1.1rem 0rem; overflow: hidden; zoom: 1; text-align: center; margin-bottom:4.65rem;}

.sx_yy input { margin: 0rem 0.25rem; vertical-align: top; }

.sx_yy input:nth-child(1) { width: 22.4rem; height: 2.75rem; line-height: 2.75rem; box-sizing: border-box; border: 1px solid #d2d2d2; border-radius: 0.2rem; color: #b1b1b1; font-size: 1.2rem; padding: 0rem 0.6rem; }

.sx_yy a{ width: 6.4rem; height: 2.75rem;}

.sx_yy a img{ width: 6.4rem; height: 2.75rem;}

.sx_xf { width: 32rem; margin: 0rem auto; }

.sx_xf li { width: 10.65rem; position: relative; z-index: 0; float: left; }

.sx_xf li:nth-child(2) { width: 10.7rem; }

.sx_xf li span { position: absolute; z-index: 1; top: 0.95rem; left: 2.35rem; display: block; text-align: center; font-size: 0.6rem; color: #fff; width: 0.9rem; height: 0.9rem; line-height: 0.8rem; border: 1px solid #fff; box-sizing: border-box; background: #e60012; border-radius: 50%; box-shadow: 0 0 0.2rem rgba(0,0,0,.75); }

#shuzi { display: block; opacity: 0; animation: shandong 1s linear 0s infinite; -webkit-animation: shandong 1s linear 0s infinite; }

@keyframes shandong{

	0%{ opacity:1;}

	49%{ opacity:1;}

	50%{ opacity:0;}

	99%{ opacity:0;}	

	100%{ opacity:1;}

}

@-webkit-keyframes shandong{

	0%{ opacity:1;}

	49%{ opacity:1;}

	50%{ opacity:0;}

	99%{ opacity:0;}	

	100%{ opacity:1;}

}





html { font-size: 10px; font-size: calc(100vw / 32); }

@media all and (max-width: 320px) {

html { font-size: 10px; }

}

@media all and (min-width: 640px) {

html { font-size: 20px; }

}