@charset 'GBK';
html{-webkit-text-size-adjust:none;}
*{word-wrap:break-word;margin:0;padding:0}
body,input,button,select,textarea{font:12px/1.5 ΢ÈíÑźÚ,ËÎÌå,Arial,Verdana,Geneva,Helvetica,sans-serif;color:#333}
textarea{resize:none}
body,ul,ol,li,dl,dd,p,h1,h2,h3,h4,h5,h6,form,fieldset,.pr,.pc{margin:0;padding:0}
table{empty-cells:show;border-collapse:collapse}
caption,th{text-align:left;font-weight:400}
ul li,.xl li{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:1em}
em,cite,i{font-style:normal}
a{color:#333;text-decoration:none}
a:hover{text-decoration:none}
a img{border:none}
label{cursor:pointer}
.fl{float:left}
.fr{float:right}
.cl:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.cl{zoom:1}
*{-webkit-tap-highlight-color: transparent}
/**{-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none}*/

html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}
.clickbtn {-webkit-transform:translate(1px, 1px);transform:translate(1px, 1px)}
.phold {width:100%;height:0;margin:0;background-color:rgba(0,0,0,0);font-size:0;overflow:hidden}
.imgwrap{text-align: center;font-size: 0;overflow: hidden}
.imgwrap>img{max-width: 100%;height: 100%;display: block;margin: 0 auto}
.xcenter{position:absolute;left:50%;-webkit-transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0)}
.ycenter{position:absolute;top:50%;-webkit-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}
.middle {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.phold {width:100%;height:0;margin:0;background-color:rgba(0,0,0,0);font-size:0;overflow:hidden}
#loader {width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center;font-size:1.6rem;background-color:#fff;position:absolute;right:0;top:0}

@font-face {
    font-family: 'xindexiaowanzi';
    src: url('fonts/xindexiaowanzi-webfont.woff2') format('woff2'),
         url('fonts/xindexiaowanzi-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.loader {
	color: rgb(246,36,36);
	font-size: 1.2rem;
	font-family: "xindexiaowanzi";
	z-index: 99
}

.wrapper { 
	width: 100%;
	height: 100%;
	display: block;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	background: none;
	position: relative;
}
.wrapper.hide{display:none}

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-page-play,.swiper-page-intr {
	/*background: url(../i/bg.png) repeat scroll 0 0;*/
	position: relative;
}
.intro-wrap {
	width: 100%;
	height: 100%;
	display: block;
	display: none;
	position: absolute;
	left: 0;
	top: 0;
}
.intro-txt {
	width: 100%;
	height: 12.2330%;
	display: block;
	background: url(../i/intro-txt.png) no-repeat scroll 50% 50%;
	background-color: rgba(82,82,82,0.56);
	background-size: auto 100%;
	position: absolute;
	left: 0;
	top: 32.174%;
}
.bg-canvas{position:absolute;left:0;top:0;z-index:-1}
.logo {
	height: 6.4077%;
	background: url(../i/logo-bg.png) no-repeat scroll 50% 50%;
	background-size: 100% 100%;
}
.banner {
	display: block;
	height: 22.6213%;
	top: 9.4174%;
}
.ptext {
	display: block;
	height: 7.1844%;
	top: 35.5339%;
}
.heart,.heart2 {
	top: 52.6213%;
}
.heart2 {
	display: none;
}
.heart2.scale2 {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: scale2 0.5s ease 0s both;
	animation: scale2 0.5s ease 0s both;
}
.holder-img {
	height: 7.3786%;
	position: absolute;
	cursor: pointer;
	opacity: 0;
}
.holder-img.ani {
	-webkit-animation: buxin 3s linear infinite 0s;
	animation: buxin 3s linear infinite 0s;
}
.holder-img.scale {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: scale 0.2s ease 0s both;
	animation: scale 0.2s ease 0s both;
}
.holder-img.img-01 {
	right: 10%;
	top: 49.7087%;
}
.holder-img.img-02 {
	right: 5%;
	top: 61.5533%;
}
.holder-img.img-03 {
	right: 15%;
	top: 73.0097%;
}
.holder-img.img-04 {
	right: 28.75%;
	top: 84.0776%;
}
.holder-img.img-05 {
	left: 28.75%;
	top: 84.0776%;
}
.holder-img.img-06 {
	left: 15%;
	top: 73.0097%;
}
.holder-img.img-07 {
	left: 5%;
	top: 61.5533%;
}
.holder-img.img-08 {
	left: 10%;
	top: 49.7087%;
}

.holder-txt {
	height: 1.8446%;
	position: absolute;
	opacity: 0;
}
.holder-txt.txt-01 {
	right: 12.8125%;
	top: 47.3786%;
}
.holder-txt.txt-02 {
	right: 7.8125%;
	top: 59.0291%;
}
.holder-txt.txt-03 {
	right: 17.8125%;
	top: 70.8737%;
}
.holder-txt.txt-04 {
	right: 31.5625%;
	top: 81.5533%;
}
.holder-txt.txt-05 {
	left: 31.5625%;
	top: 81.5533%;
}
.holder-txt.txt-06 {
	left: 17.8125%;
	top: 70.8737%;
}
.holder-txt.txt-07 {
	left: 7.8125%;
	top: 59.0291%;
}
.holder-txt.txt-08 {
	left: 12.8125%;
	top: 47.3786%;
}
.hander{
	display: block;
	height: 6.4077%;
	opacity: 0;
	position: absolute;
	left: 20.3125%;
	top: 75.7281%;
}
.hander.ani{
	-webkit-animation: handmove 1.2s linear 0s 3 normal forwards;
	animation: handmove 1.2s linear 0s 3 normal forwards;
}

.xinfeng {
	display: block;
	height: 36.9902%;
	top: 23.3009%;
}
.xinfeng-less {
	display: block;
	height: 34.9902%;
}
.xinfeng-ani {
	background: url(../i/xinfeng-frames.png) no-repeat scroll 50% 0;
	background-size: 100% auto;
}
.xinfeng-ani.flip {
	-webkit-animation: flip 1.2s steps(1) 0.8s both;
	animation: flip 1.2s steps(1) 0.8s both;
}
.xinfeng-ani.flip.fast {-webkit-animation-delay: 0.2s;animation-delay: 0.2s;}
.resu-img {
	display: none;
	/* display: block; */
	opacity: 0;
}
.resu-txt {
	height: 21.5533%;
	display: none;
	/* display: block; */
	opacity: 0;
	position: absolute;
	top: 58.0194%;
}
.resu-img.imgup {
	opacity:0;
	-webkit-animation: imgup 1.6s linear 1.95s both;
	animation: imgup 1.6s linear 1.95s both;
}
.resu-img.imgup.fast {-webkit-animation-delay: 1.25s;animation-delay: 1.25s;}
.wrap-xinfeng {
	width: 100%;
	height: 100%;
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
}
.btn-wrap {
	display: none;
	/* display: block; */
	opacity: 0;
	position: absolute;
	top: 80%;
}
.btn-replay {
	width: 36%;
	height: 100%;
	display: block;
	float: left;
	background: url(../i/btn_again.png) no-repeat scroll 50% 50%;
	background-size: 100% 100%;
}
.btn-replay.metoo {
	background-image: url(../i/btn_again2.png);
}
.btn-share {
	width: 36%;
	height: 100%;
	display: block;
	float: right;
	background: url(../i/btn_fx.png) no-repeat scroll 50% 50%;
	background-size: 100% 100%;
}

.arrow-wrap {
	width: 100%;
	height: 2.3300%;
	display: block;
	position: absolute;
	left: 0;
	bottom: 1.9417%;
}
.arrow_up{
	display: block;
	margin: 0 auto;
	height: 100%;
	width: auto;
	/* background: url(../i/arrow_up2.png) no-repeat 50% 50%; */
	/* background-size: auto 100%; */
}
.share-menu {
	width: 78.75%;
	height: 21.9417%;
	display: none;
	position: absolute;
	background: url(../i/share-bg.png) no-repeat scroll 50% 50%;
	background-size: 100% 100%;
	z-index: 999;
}
.share-cover {
	width: 100%;
	height: 100%;
	display: none;
	background-color: #000;
	opacity: 0.6;
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 999;
}
.share-qzone,.share-weibo {
	width: 50%;
	height: 100%;
	float: left;
	display: block;
	background: url(../i/icon-qzone.png) no-repeat scroll 50% 50%;
	background-size: auto 100%;
}
.share-weibo {
	background-image: url(../i/icon-weibo.png);
}
.share-close {
	/* width: 2.3809%; */
	/* height: 5.3097%; */
	width: 7.1427%;
	height: 15.9291%;
	display: block;
	background: url(../i/btn-close.png) no-repeat scroll 50% 50%;
	background-size: 50% 50%;
	position: absolute;
	right: 3.5714%;
	top: 5.9523%;
}

.share-weixin-cover {
	width: 100%;
    height: 100%;
	display: none;
    background-color: #000;
    opacity: 0.6;
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    position: absolute;
    left: 0;
    top: 0;
	z-index: 999;
}
.share-weixin-menu {
	width: 100%;
	height: 8%;
	display: none;
	text-align: right;
	background: url(../i/wxshare-bg.png) no-repeat scroll 88% 0;
	background-size: auto 100%;
	position: fixed;
	left: 0;
	top: 10px;
	z-index: 999;
}

/**/
.swiper_expr{
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.swiper-container-expr {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.swiper-container-expr .swiper-slide .exp_img{
	width: 100%;
	height: 100%;
}
.swiper-container-expr .swiper-slide .exp_img img{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
.swiper-container-expr .swiper-wrapper{
	height: 100%;
}

.swiper-container-expr .swiper-slide{
	box-sizing: border-box;
	border-top: 6px solid #fed40c;
	border-right: 6px solid #fed40c;
	border-bottom: 6px solid #fed40c;
}
.swiper-container-expr .swiper-slide.swiper-slide-active{
	border-top: 6px solid #fed40c;
	border-left: 6px solid #fed40c;
	border-bottom: 6px solid #fed40c;
	border-right: none;
}
.swiper-container-expr .swiper-slide.swiper-slide-next{
	border: 6px solid #f1573b;
}

.swiper_skin{
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.swiper-container-skin{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.swiper-container-skin .swiper-wrapper{
	height: 100%;
}
.swiper-container-skin .swiper-slide{
	height: 100%;
	height: 100%;
	border: 6px solid #f1573b;
	background: #FFFFFF;
	float: left;
	box-sizing: border-box;
	padding: 5px;
}
.swiper-container-skin .swiper-slide .skin_img, .swiper-container-expr .swiper-slide .skin_img{
	width: 100%;
	height: 100%;
	display: block;
}
.swiper-container-skin .swiper-slide .skin_img img,.swiper-container-expr .swiper-slide .skin_img img{
	width: 100%;
	height: 100%;
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 12px;
    height: 28px;
    margin-top: -14px;
    z-index: 2;
    cursor: pointer;
    background-size: inherit;
    background-image: url(../i/prenext.png);
    background-repeat: no-repeat;
}
.swiper-button-next{
    /* right: 20px; */
	right: 3%;
    left: auto;
    background-position: right center; 
}
.swiper-button-prev{
	/* left: 20px; */
	left: 3%;
    right: auto;
    background-position: left center; 
}
/**/

.dload-btn-expr {
	margin: 0 auto;
	display: block;
	background: url(../i/btn_down_exp.png) no-repeat scroll 50% 50%;
	background-size: 100% 100%;
}
.dload-btn-skin {
	margin: 0 auto;
	display: block;
	background: url(../i/dload-btn-skin.png) no-repeat scroll 50% 50%;
	background-size: 100% 100%;
}

.page-desc-txt {
	display: block;
	margin: 0 auto;
	position: relative;
	/* height: 7.0037%; */
	/* bottom: 6.2037%; */
}
.page-desc-txt-img {
	width: 100%;
	height: 100%;
	display: block;
	margin: 0 auto;
	position: relative;
}

#showmore-wrapper {
	width: 86%;
	overflow: hidden;
	background-color: #fff;
	display: none;
	position: absolute;
	top: 8%;
	bottom: 6%;
	z-index: 1;
}
#showmore-menu{
	width: 92%;
	height: 92.135%;
	padding: 0 4%;
	overflow: hidden;
	position: relative;
}
.showmore-scroller {
	position: absolute;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width: 92%;
	padding: 0 2%;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}
.showmore-close {
	width: 12px;
	height: 12px;
	padding: 2px;
	display: block;
	background: url(../i/btn-close.png) no-repeat scroll 50% 50%;
	background-size: 50% 50%;
	position: absolute;
	right: 4px;
	top: 4px;
	z-index: 1;
}
.showmore-cover {
	width: 100%;
    height: 100%;
	display: none;
    background-color: #000;
    opacity: 0.6;
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    position: absolute;
    left: 0;
    top: 0;
	z-index: 1;
}
.showmore-title{
	width: 100%;
	height: 7.865%;
	line-height: 28px;
	color:#d3280e;
	font-size:1.4rem;
	text-align:center;
	font-weight: bold;
	position: relative;
}
.iScrollVerticalScrollbar {
	position: absolute;
	z-index: 198;
	width: 6px;
	bottom: 2px;
	top: 2px;
	right: 8px;
	overflow: hidden;
}
.iScrollIndicator {
	position: absolute;
	background: #d2d2d2;
	border-width: 0px;
	border-style: solid;
	border-color: rgba(236, 236, 236, 1);
	border-radius: 3px;
}

.iScrollVerticalScrollbar .iScrollIndicator {
	width: 100%;
}

.showmore-menu p.p_tit{
	font-size:1.1rem;
	line-height:1.5rem;
	color:#282828;
	margin-bottom:0.4rem;
	margin-top:0.9rem;
}
.showmore-menu p{
	color:#505050;
	font-size:1.0rem;
	line-height:1.2rem;
}
.showmore-menu p.p_pl1{
	padding-left:1.2em;
	padding-right:1em;
	box-sizing:border-box;
	position:relative;
	margin-bottom:0.3rem;
}
.showmore-menu p.p_pl3{
	padding-left:3.2em;
	padding-right:1em;
	box-sizing:border-box;
	position:relative;
	margin-bottom:0.3rem;
}
.showmore-menu p.p_pl5{
	padding-left:5.5em;
	padding-right:1em;
	box-sizing:border-box;
	position:relative;
	margin-bottom:0.3rem;
}
.showmore-menu p.p_pl3 span.span_sum,.showmore-menu p.p_pl5 span.span_sum,.showmore-menu p.p_pl1 span.span_sum{
	position:absolute;
	top:0;
	left:0;
}
.showmore-menu p a{
	color:red;
	text-decoration:underline;
}

.enter-btn {
	margin: 0 auto;
	display: block;
	background: url(../i/enter-topic.png) no-repeat scroll 50% 50%;
	background-size: 100% 100%;
}

#alink {}

/*debug start*/
#debug {
	width: 100%;
	display: none;
	overflow-y: auto;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: rgba(248,248,248,0.5);
	z-index: 999;
}
/*debug end*/