@charset "utf-8";
* {
	margin: 0;
	padding: 0;
	outline: none;
	border: 0;
}
html {
	max-width: 750px;
	min-width: 320px;
	margin: 0 auto;
}
body {
	font-family: "Microsoft YaHei";
	-webkit-text-size-adjust: none;
	-webkit-user-select: none;
	-webkit-tap-highlight-color: transparent;
	overflow-x: hidden;
	background: #271a0c;
}
a {
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
}
img {
	display: block;
	vertical-align: top;
}
input {
	-webkit-tap-highlight-color: transparent;
	outline: none;
	-webkit-appearance: none;
	border-radius:0;
}
ul,
ol,
li {
	list-style: none;
}
i,em{
	font-style: normal;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clearfix {
	zoom: 1;
}
.fl {
	float: left;
}
.fr{
	float: right;
}
.hid {
	display: none!important;
}
.pr{
	position: relative;
}
.pa{
	position: absolute;
}
.warp{
	width: 7.5rem;
	height: auto;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}
.header {
	width: 7.5rem;
	height: 1.2rem;
	background: url(/skin/default/images/header.png) no-repeat;
	background-size: 100% 100%;
	position: fixed;
	top: 0;
	left: 50%;
	margin-left: -3.75rem;
	z-index: 200;
}
.header .logo {
	width: .91rem;
	height: .91rem;
	background: url(/skin/default/images/logo.gif) no-repeat; 
	background-size: 100% 100%;
	top: .12rem;
	left: .15rem;
	text-indent: -999em;
}
.header .roguelike {
	top: .19rem;
	left: 1.1rem;
	font-size: .3rem;
	color: #fff;
}
.header .roguelike i{
	font-size: .23rem;
	color: #9a8b67;
}
.header .btn_download {
	width: 1.72rem;
	height: .86rem;
	background: url(/skin/default/images/btn_download.png) no-repeat;
	background-size: 100% 100%;
	top: .15rem;
	right: .1rem;
	text-indent: -999em;
}
.header .btn_kf {
	width: 1.72rem;
	height: .86rem;
	background: url(/skin/default/images/btn_kf.png) no-repeat;
	background-size: 100% 100%;
	top: .15rem;
	right: 1.85rem;
	text-indent: -999em;
}
.footer {
	background:#000;
	color: #b1b1b1;
	line-height: .3rem;
	font-size: .18rem;
	text-align: center;
	padding: .3rem;
}
.footer a {
	color: #b1b1b1;
}
.bg{
	width: 7.5rem;
	height: 10.72rem;
	background: url(/skin/default/images/m_index.jpg) no-repeat;
	background-size: 100% 100%;
}
.bg2{
	width: 7.5rem;
	height: 7.54rem;
	background: url(/skin/default/images/bg2.jpg?v=20201021) no-repeat;
	background-size: 100% 100%;
}
.bg3{
	width: 7.5rem;
	height: 12.9rem;
	background: url(/skin/default/images/bg3.jpg?v=20201020) no-repeat;
	background-size: 100% 100%;
}
.hot {
	top: 5.1rem;
	/*left: 2.92rem;*/
	left: 2.68rem;
	-webkit-transform: scale(.85);
	transform: scale(.85);
}
.hot .steps_anim{
	width: 2.16rem;
	height: 2.31rem;
}
.xl_hot{
	width: 216px;
	height: 217px;
	background: url(/skin/default/images/xl_hot.png) no-repeat;
	background-size: 216px 6510px;
	-webkit-animation: xl_hot 3s steps(30) infinite;
	-moz-animation: xl_hot 3s steps(30) infinite;
	animation: xl_hot 3s steps(30) infinite;
}
@-webkit-keyframes xl_hot {
	100% {
		background-position: 0 -6510px;
	}
}
@-moz-keyframes xl_hot {
	100% {
		background-position: 0 -6510px;
	}
}
@keyframes xl_hot {
	100% {
		background-position: 0 -6510px;
	}
}
.eye {
	top: 6.79rem;
	left: 4.75rem;
	-webkit-transform: scale(.85);
	transform: scale(.85);
}
.eye .steps_anim{
	width: .31rem;
	height:.31rem;
}
.xl_eye{
	width: 31px;
	height: 31px;
	background: url(/skin/default/images/xl_eye.png) no-repeat;
	background-size: 31px 930px;
	-webkit-animation: xl_eye 3s steps(30) infinite;
	-moz-animation: xl_eye 3s steps(30) infinite;
	animation: xl_eye 3s steps(30) infinite;
}
@-webkit-keyframes xl_eye {
	100% {
		background-position: 0 -930px;
	}
}
@-moz-keyframes xl_eye {
	100% {
		background-position: 0 -930px;
	}
}
@keyframes xl_eye {
	100% {
		background-position: 0 -930px;
	}
}
.download{
	width: 4.48rem;
	height: 1.79rem;
	background: url(/skin/default/images/download_bg.png) no-repeat;
	background-size: 100% 100%;
	top: 8.85rem;
	left: 50%;
	margin-left: -2.24rem;
}
.btn_welfare{
	width: 2rem;
	height: 2.26rem;
	top: -.42rem;
	left: .05rem;
	text-indent: -999em;
}
.btn_welfare i{
	width: 2.31rem;
	height: 2.32rem;
	background: url(/skin/default/images/welfare_light.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: -.3rem;
	left: 50%;
	margin-left: -1.155rem;
	-webkit-animation: op 1s linear infinite;
	animation: op 1s linear infinite;
}
@-webkit-keyframes op{
	0%,100%{
		opacity: 0.5;
	}
	50%{
		opacity: 1;
	}
}
@keyframes op{
	0%,100%{
		opacity: 0.5;
	}
	50%{
		opacity: 1;
	}
}
.btn_welfare em{
	width: 1.64rem;
	height: .62rem;
	background: url(/skin/default/images/welfare_txt.png?v=20180227) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	bottom: .1rem;
	left: 50%;
	margin-left: -.76rem;
}
.btn_welfare span{
	width: 1.45rem;
	height: 1.77rem;
	background: url(/skin/default/images/welfare.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -.725rem;
	-webkit-animation: dong .6s linear infinite;
	animation: dong .6s linear infinite;
}
@-webkit-keyframes dong {
    0%,50%,100%{
        -webkit-transform: rotateZ(0deg);
    }
    25% {
        -webkit-transform: rotateZ(10deg);
    }
    75% {
        -webkit-transform: rotateZ(-10deg);
    }
}
@keyframes dong {
    0%,50%,100%{
        transform: rotateZ(0deg);
    }
    25% {
        transform: rotateZ(10deg);
    }
    75% {
        transform: rotateZ(-10deg);
    }
}
.gw_download{
	width: 2.48rem;
	height: .75rem;
	background: url(/skin/default/images/gw_download.png) no-repeat;
	background-size: 100% 100%;
	text-indent: -999em;
	top: .1rem;
	left: 50%;
	margin-left:-1.24rem;
}
.btn_tap{
	width: 2.06rem;
	height: .62rem;
	background: url(/skin/default/images/btn_tap.png) no-repeat;
	background-size: 100% 100%;
	text-indent: -999em;
	top: .86rem;
	left: 50%;
	margin-left:-1.03rem;
}
.board{
	width: 6.46rem;
	height: 3.87rem;
	background: url(/skin/default/images/board.png) no-repeat;
	background-size: 100% 100%;
	top: .1rem;
	left: 50%;
	margin-left: -3.23rem;
}
.board .photo{
	width: 5.95rem;
	height: 3.49rem;
	top: .13rem;
	left: 50%;
	margin-left: -2.95rem;
}
.photo img{
	width: 5.95rem;
	height: 3.49rem;
}
.photo .swiper-pagination-bullet{
	width: .13rem;
	height: .13rem;
	background: #4d4d4d;
	opacity: 1;
}
.photo .swiper-pagination-bullet-active{
	background: #fff;
}
.navigation{
	width: 6.14rem;
	height: .6rem;
	line-height: .6rem;
	border-bottom: 1px solid #7d5e47;
	top: 4rem;
	left: 50%;
	margin-left: -3.07rem;
}
.navigation a{
	min-width: .7rem;
	height: .58rem;
	line-height: .58rem;
	font-size: .24rem;
	color: #805d32;
    display: block;
    float: left;
    margin-right: .1rem;
    text-align: center;
}
.navigation a.active{
	font-weight: bold;
	color: #b5a079;
	border-bottom: 1px solid #b5a079;
}
.navigation .more{
	height: .35rem;
	background: url(/skin/default/images/more.png) 0 50% no-repeat;
	background-size: .21rem .21rem;
	line-height: .35rem;
	text-indent: .25rem;
	font-size: .24rem;
	color: #805d32;
	top: .12rem;
	right: 0;
}
.swiper{
	width: 6.14rem;
	height: 2.5rem;
	top: 4.7rem;
	left: 50%;
	margin-left: -3.07rem;
}
.swiper-container,
.swiper-slide{
	width: 100%;
	height: 100%;
}
.swiper .swiper-slide a{
	width: 6.14rem;
	height: .45rem;
	display: block;
	line-height: .45rem;
	color: #805d32;
	font-size: .24rem;
}
.swiper .swiper-slide a span{
	width: 4.85rem;
	height: .45rem;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.swiper .swiper-slide a em{
	width: 1.2rem;
	height: .45rem;
	display: inline-block;
	vertical-align: middle;
	text-align: right;
}
.mask,
.shade,
.shade2{
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .8);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
}
.shade,
.shade2{
	display: none;
}
.kf_er_code{
	width: 100%;
	height: 3rem;
	position: fixed;
	top: 50%;
	left: 0;
	margin-top: -1.35rem;
	z-index: 9999;
	display: none;
}
.kf_er_code a{
	position: absolute;
	top: 0;
	right: 50%;
	margin-right: -1.7rem;
	width: .41rem;
	height: .42rem;
	background: url(/skin/default/images/icon_close.png) no-repeat;
	background-size: 100% 100%;
	text-indent: -999em;
}
.kf_er_code .code-wrap {
	width: 2.5rem;
	height: 2.5rem;
	margin: 0 auto;
}
.kf_er_code .code-wrap img{
	width: 100%;
	height: 100%;
}
.kf_er_code p{
	text-align: center;
	color: #fff;
	font-size: .2rem;
	line-height: .3rem;
	margin-top: .1rem;
}
.swiper2{
	width: 5.68rem;
	height: 10.5rem;
	top: 1.8rem;
	left: 50%;
	margin-left: -2.84rem;
}
.swiper2 .swiper-slide img{
	width: 5.68rem;
	height: 9.34rem;
}
.swiper2 .swiper-pagination-bullet{
	width: .4rem;
	height: .8rem;
	background: url(/skin/default/images/icon_dian.png) no-repeat;
	background-size: .4rem .8rem;
	opacity: 1;
}
.swiper2 .swiper-pagination-bullet-active{
	background: url(/skin/default/images/icon_dian_hover.png) no-repeat;
	background-size: .4rem .8rem;
}
.swiper2 .swiper-container-horizontal>.swiper-pagination-bullets{
	bottom: 0;
}
.swiper2 .prev{
	width: .74rem;
	height: .75rem;
	background: url(/skin/default/images/icon_prev.png) no-repeat;
	background-size: 100% 100%;
	top: 4rem;
	left: -.8rem;
}
.swiper2 .next{
	width: .74rem;
	height: .75rem;
	background: url(/skin/default/images/icon_next.png) no-repeat;
	background-size: 100% 100%;
	top: 4rem;
	right: -.8rem;
}
.account_number{
	width: 7.5rem;
	height: 1.11rem;
	background: #000;
	text-align: center;
	font-size: 0;
}
.account_number a{
	width: 1.8rem;
	height: .4rem;
	line-height: .4rem;
	display: inline-block;
	color: #805d32;
	font-size: .24rem;
	text-align: left;
}
.account_number a:nth-child(1){
	background: url(/skin/default/images/icon_er.png) 0 50% no-repeat;
	background-size: .35rem .36rem;
	text-indent: .45rem;
	margin: .355rem 0 .355rem .4rem;
}
.account_number a:nth-child(2){
	background: url(/skin/default/images/icon_lt.png) 0 50% no-repeat;
	background-size: .4rem .39rem;
	text-indent: .48rem;
	margin: .355rem 0 .355rem .4rem;
}
.account_number a:nth-child(3){
	background: url(/skin/default/images/icon_qq.png) 0 50% no-repeat;
	background-size: .34rem .37rem;
	text-indent: .4rem;
	margin: .355rem .1rem;
}
.public{
	position: fixed;
	top: 50%;
	left: 0;
	width: 100%;
	height: 3.44rem;
	margin-top: -1.72rem;
	z-index: 9999;
	display: none;
}
.public a{
	position: absolute;
	top: 0;
	right: 50%;
	margin-right: -1.85rem;
	width: .41rem;
	height: .42rem;
	background: url(/skin/default/images/icon_close.png) no-repeat;
	background-size: 100% 100%;
	text-indent: -999em;
}
.public img{
	width: 2.81rem;
	height: 2.81rem;
	display: block;
	margin: 0 auto;
}
.public p{
	text-align: center;
	color: #9b7546;
	font-size: .22rem;
}
.pop{
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 9999;
	overflow: hidden;
}
.pop .pop_close{
	width: .8rem;
	height: .8rem;
	top: 0.02rem;
	right: .3rem;
	text-indent: -999em;
}
.pop2 .pop_close{
	right: .27rem;
}
.pop1{
	width: 6.85rem;
	height: 5.28rem;
	background: url(/skin/default/images/pop1.png?v=20181012) no-repeat;
	background-size: 100% 100%;
	margin: -2.64rem 0 0 -3.425rem;
}
.pop2{
	width: 6.78rem;
	height: 5.89rem;
	background: url(/skin/default/images/pop2.png?v=20181012) no-repeat;
	background-size: 100% 100%;
	margin: -2.945rem 0 0 -3.39rem;
}
.pop3{
	width: 6.85rem;
	height: 9.16rem;
	background: url(/skin/default/images/pop3.png?v=20181012) no-repeat;
	background-size: 100% 100%;
	margin: -4.34rem 0 0 -3.425rem;
}
.pop4{
	width: 6.83rem;
	height: 9.15rem;
	background: url(/skin/default/images/pop4.png?v=201810121638) no-repeat;
	background-size: 100% 100%;
	margin: -4.575rem 0 0 -3.415rem;
}
.pop5{
	width: 6.5rem;
	height: 4.38rem;
	background: url(/skin/default/images/pop5.png?v=20181012) no-repeat;
	background-size: 100% 100%;
	margin: -2.19rem 0 0 -3.25rem;
}
.pop6{
	width: 6.5rem;
	height: 3.27rem;
	background: url(/skin/default/images/pop6.png?v=20181012) no-repeat;
	background-size: 100% 100%;
	margin: -1.635rem 0 0 -3.25rem;
}
.pop6 .pop_close{
	right: 0!important;
}
.pop6 p{
	width: 5.4rem;
	margin: 1.35rem 0 0 .4rem;
	color: #ecd4b2;
	font-size: .24rem;
	line-height: .45rem;
}
.pop6 p span{
	margin-left: .18rem;
}
.pop1 h3{
	color: #ecd4b2;
	font-size: .24rem;
	text-align: center;
	line-height: .45rem;
	margin: 1.1rem 0 0 -.4rem;
	font-weight: 500;
}
.pop1 p{
	font-size: .22rem;
	color: #ecd4b2;
	text-align: center;
	line-height: .35rem;
	margin: .05rem 0 .1rem -.4rem;
}
.pop1 .operation{
	width: 3.8rem;
	height: .32rem;
	text-align: center;
	line-height: .32rem;
	color: #ecd4b2;
	font-size: .22rem;
	top: 2.5rem;
	left: 50%;
	margin-left: -2.1rem;
}
.pop1 .operation sup,
.pop1 .operation sub{
	width: .56rem;
	height: 2px;
	background: #d1b998;
	position: absolute;
	top: .16rem;
}
.pop1 .operation sup{
	left: -.56rem;
}
.pop1 .operation sub{
	right: -.56rem;
}
.pop1 .pop_choose{
	width: 5.9rem;
	height: .35rem;
	top: 2.8rem;
	left: 50%;
	margin-left: -2.95rem;
	text-align: center;
}
.pop1 .pop_choose a{
	width: 1.5rem;
	height: .35rem;
	display: inline-block;
	vertical-align: middle;
	margin: 0 .3rem;
}
.pop1 .pop_choose a i{
	width: .2rem;
	height: .2rem;
	background: url(/skin/default/images/pop_choose.png) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	vertical-align: middle;
	position: relative;
}
.pop1 .pop_choose a i em{
	width: .2rem;
	height: .2rem;
	background: url(/skin/default/images/pop_choose_active.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all .5s;
	transition: all .5s;
	opacity: 0;
}
.pop1 .pop_choose a.active i em{
	opacity: 1;
}
.pop1 .pop_choose a span{
	width: 1.1rem;
	height: .32rem;
	display: inline-block;
	vertical-align: middle;
	line-height: .32rem;
	color: #ecd4b2;
	font-size: .22rem;
	text-align: left;
}
.pop_btn{
	width: 3.42rem;
	height: .8rem;
	background: url(/skin/default/images/pop_btn.png) no-repeat;
	background-size: 100% 100%;
	text-align: center;
	line-height: .7rem;
	color: #fff;
	font-size: .22rem;
	text-shadow:#241907 1px 0 0,#241907 0 1px 0,#241907 -1px 0 0,#241907 0 -1px 0;
	font-weight: bold;
	display: block;
}
.pop1 .pop_btn{
	top: 3.55rem;
	left: 50%;
	margin-left: -1.85rem;
}
.pop2 p{
	color: #ecd4b2;
	font-size: .24rem;
	text-align: center;
	line-height: .35rem;
}
.pop2 .pop2_p_1{
	margin:1.1rem 0 0 -.35rem; 
}
.pop2 .pop_tip{
	width: 3.81rem;
	height: .41rem;
	background: url(/skin/default/images/pop_tip.png) no-repeat;
	background-size: 100% 100%;
	text-align: center;
	line-height: .4rem;
	font-size: .24rem;
	color: #ecd4b2;
	margin: .15rem 0 .1rem 1.2rem;
}
.pop2 img{
	width: 1.94rem;
	height:1.94rem;
	display: block;
	margin: 0 0 0 2.1rem;
}
.pop2 .pop2_p_2{
	margin:0 0 0 -.6rem; 
}
.pop2 .btn_sure{
	top: 4rem;
	left: 50%;
	margin-left: -1.85rem;
}
.pop3 p{
	color: #ecd4b2;
	font-size: .2rem;
	text-align: center;
	line-height: .35rem;
}
.pop3 .pop3_p_1{
	margin: 1.4rem 0 0 .2rem;
}
.pop3 .pop_reward{
	width: 5.48rem;
	height: 2.46rem;
	display: block;
	margin-left: .78rem;
}
.pop3 .pop3_p_2{
	margin: .05rem 0 -.1rem .2rem;
}
.make{
	width: 3.6rem;
	margin-left: 1.75rem;
	position: relative;
}
.make .entry{
	margin: .25rem 0;
}
.make input{
	height: .64rem;
	line-height: .6rem;
	text-align: center;
	color: #725a3b;
	font-size: .22rem;
}
.make input::-webkit-input-placeholder {
	color:#725a3b;
}
.make input:-moz-placeholder {
	color:#725a3b;
}
.make input::-moz-placeholder {
	color:#725a3b;
}
.make input:-ms-input-placeholder {
	color:#725a3b;
}
.make .tel input{
	width: 3.42rem;
	background: url(/skin/default/images/pop_input.png) no-repeat;
	background-size: 100% 100%;
}
.make .code input,
.make .captcha input{
	width: 2.07rem;
	background: url(/skin/default/images/pop_input2.png) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	vertical-align: middle;
}
.make .code span,
.make .captcha span{
	width: 1.33rem;
	height: .62rem;
	background: url(/skin/default/images/pop_btn2.png) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	vertical-align: middle;
	font-size: .2rem;
	text-align: center;
	line-height: .6rem;
	text-shadow:#241907 2px 0 0,#241907 0 2px 0,#241907 -2px 0 0,#241907 0 -2px 0;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
}
.make .hui,
.make .code span.hui{
	-webkit-filter:grayscale(1);
	-moz-filter:grayscale(1);
	filter:grayscale(1);
	cursor: default;
}
.make .captcha img{
	width: 1.33rem;
	height: .6rem;
	cursor: pointer;
}
.make .error{
	width: 5.9rem;
    position: absolute;
    bottom: -.5rem;
    left: 50%;
    margin-left: -3rem;
	color: #ecd4b2;
	font-size: .2rem;
	height: .4rem;
	line-height: .4rem;
	text-align: center;
}
.pop2 .er_code{
	width: 1.29rem;
	height: 1.24rem;
	top: 1.75rem;
	left: .7rem;
}
.pop4 p{
	width: 5.8rem;
	text-align: center;
	color: #ecd4b2;
	line-height: .35rem;
	font-size: .22rem;
}
.pop4 .pop4_h{
	color: #ecd4b2;
	font-size: .24rem;
	text-align: center;
	margin: 1.4rem 0 0 .3rem;
}
.pop4 input{
	width: 3.42rem;
	height: .61rem;
	background: url(/skin/default/images/pop_input.png) no-repeat;
	background-size: 100% 100%;
	text-align: center;
	line-height: .6rem;
	color: #200c0a;
	font-size: .2rem;
	display: block;
	margin:.2rem 0 0 1.45rem;
}
.pop4 p span{
	color: #fff;
}
.pop4 .pop4_p1{
	top:2.9rem;
	left:.3rem;
}
.pop4 .pop4_p2{
	top:3.4rem;
	left:.3rem;
}
.pop4 .pop4_p3{
	top:7.5rem;
	left:.3rem;
}
.pop4 .btn_sure{
	top: 7.5rem;
	left: 50%;
	margin-left: -1.9rem;
}
.pop5 .pop_close{
	right: 0;
}
.pop5 p{
	color: #ecd4b2;
	font-size: .22rem;
	line-height: .35rem;
	margin: 1.45rem 0 0 .65rem;
}
.pop5 .btn_know{
	margin: .3rem auto;
}
.article{
	width: 6.4rem;
	height: auto;
	padding-bottom: .6rem;
	margin: 0 auto;
}
.article .inside_title{
	height: 1rem;
	line-height: 1rem;
	text-align: center;
	background: url(/skin/default/images/inside_title.png) 50% 50% no-repeat;
	background-size: 3.04rem .33rem;
	color: #9e6d35;
	font-size: .3rem;
	font-weight: bold;
	border-bottom: 1px solid #533d2b;
}
.article .inside_title .return{
	width: .88rem;
	height: .35rem;
	background: url(/skin/default/images/icon_return.png) 0 50% no-repeat;
	background-size: .18rem .16rem;
	text-indent: .2rem;
	color: #946a31;
	font-size: .24rem;
	line-height: .35rem;
	position: absolute;
	top: .4rem;
	left: 0;
}
.article .article_tab{
	width: 6.4rem;
	height: .68rem;
	border-bottom: 1px solid #533d2b;
}
.article .article_tab a{
	min-width: .7rem;
	padding: 0 .1rem;
	height: .63rem;
	line-height: .68rem;
	border-bottom: .05rem solid transparent;
	color: #684921;
	display: block;
	float: left;
	font-size: .24rem;
	text-align: center;
}
.article .article_tab a.active{
	color: #f4c495;
	border-bottom: .05rem solid #946a31;
}
.article_list{
	width: 6.4rem;
}
.article_list li{
	height: .8rem;
	border-bottom: 1px solid #4c3322;
	overflow: hidden;
}
.article_list li a{
	width: 6.4rem;
	height: .5rem;
	display: block;
	margin: .15rem 0;
	color: #805d32;
	font-size: .24rem;
	line-height: .5rem;
}
.article_list li a span{
	width: 5.5rem;
	height: .5rem;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.article_list li a em{
	width: .8rem;
	height: .5rem;
	text-align: right;
	display: inline-block;
	vertical-align: middle;
}
.page{
	width: 100%;
	height: 1rem;
	text-align: center;
	margin: .3rem auto 0;
}
.page p,
.page a{
	display: inline-block;
	vertical-align: middle;
}
.page p{
	min-width: 1rem;
	line-height: 1rem;
	color: #684921;
	font-size: .24rem;
}
.page a{
	position: relative;
	margin: 0 .1rem;
}
.pic_icon_prev{
	height:.45rem;
	width:.45rem;
	background: url(/skin/default/images/pic_icon_prev.png) no-repeat;
	background-size: 100% 100%;
}
.pic_icon_next{
	height:.45rem;
	width:.45rem;
	background: url(/skin/default/images/pic_icon_next.png) no-repeat;
	background-size: 100% 100%;
}
.bread{
	width: 6.4rem;
	height: .68rem;
	border-bottom: 1px solid #533c2a;
	line-height: .68rem;
	color: #805d32;
	font-size: .24rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-indent: .5em;
}
.bread a{
	color: #805d32;
}
.text_details{
	width: 6.4rem;
	padding: .5rem 0;
}
.text_details .text_title{
	color: #9e6d35;
	font-size: .34rem;
	font-weight: bold;
	text-align: center;
	line-height: .4rem;
	margin: 0 auto;
}
.text_details .text_title em{
	color: #9e6d35;
	line-height: .5rem;
	font-size: .24rem;
}
.text_details .text_content{
	color: #867a6d;
	text-align: left;
                line-height: 35px;
            font-size: 14px; 
}
.bounceIn {
	-webkit-animation:bounceIn 1s ease both;
	-moz-animation:bounceIn 1s ease both;
	animation:bounceIn 1s ease both;
}
@-webkit-keyframes bounceIn {
	0% {
		opacity:0;
		-webkit-transform:scale(.3)
	}
	50% {
		opacity:1;
		-webkit-transform:scale(1.05)
	}
	70% {
		-webkit-transform:scale(.9)
	}
	100% {
		-webkit-transform:scale(1)
	}
}
@-moz-keyframes bounceIn {
	0% {
		opacity:0;
		-moz-transform:scale(.3)
	}
	50% {
		opacity:1;
		-moz-transform:scale(1.05)
	}
	70% {
		-moz-transform:scale(.9)
	}
	100% {
		-moz-transform:scale(1)
	}
}
@keyframes bounceIn {
	0% {
		opacity:0;
		transform:scale(.3)
	}
	50% {
		opacity:1;
		transform:scale(1.05)
	}
	70% {
		transform:scale(.9)
	}
	100% {
		transform:scale(1)
	}
}
.btn_newversion{
	width: .9rem;
	height: .86rem;
	top: 2.8rem;
	left: 50%;
	margin-left: 2.37rem;
	z-index: 90;
	text-indent: -999em;
}