/* reset */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, figure, menu, input, textarea, button, select, th, td iframe{ margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, b, strong { font-size:100%; font-weight:normal;}
li { list-style:none;}
em, i { font-style:normal;}
a, a:visited, a:active { text-decoration:none; border:none; outline:none;}
input, textarea { outline:none;}
textarea { resize: vertical;}
body { -webkit-text-size-adjust:100%; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none; word-wrap:break-word; line-height:1.5;font-size: 12px;min-width:7.5rem!important;}
body, button, input, select, textarea { font-family: 'helvetica neue', tahoma, 'hiragino sans gb', stheiti, 'wenquanyi micro hei', 'microsoft yahei', simsun, sans-serif;}
.none{ display:none;}
.left { float:left;}
.right { float:right;}
.m-hide{display: none;}
.clearfix::after { content:''; clear:both; display:block; height:0; overflow:hidden;visibility:hidden;}
.The_total{display:none;}
a[title="站长统计"]{display: none;}
body{width:7.5rem;margin: 0 auto!important;overflow-x: hidden;overflow-y: auto;}
.wrap{width:6.8rem;margin: 0 auto; position: relative;}
.wrap1{width:6.94rem;margin: 0 auto;clear: both; text-align: center; position: relative;}
.m-show{display:block!important;}
.m-hide{display: none!important;}

input::-webkit-input-placeholder { /* WebKit browsers */
  color: #873c12;
}

input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #873c12;
}

input:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #873c12;
}


.page-index{width: 100%; height: 100%; background: #32c875 url(../images/page-index.jpg) no-repeat center top; background-size: 7.5rem; float: left;}

/*banner*/
.banner-box{height:3.63rem;width: 100%;}
.sucPage .banner-box{height: 4.73rem;}
.banner-box .wrap{}
.banner-box .logo{width:1.7rem; height:auto; top: .25rem; position: absolute; background: #1d9862; padding: .14rem .4rem;
	-webkit-border-radius: 0 .5rem .5rem 0;
	-moz-border-radius: 0 .5rem .5rem 0;
	border-radius: 0 .5rem .5rem 0;
}
.banner-box .logo img{width: 100%; display: block;}

.loginbox{position: absolute; top: .2rem; right: 0; text-align: center;height: .52rem; display: block; background: #149a5f; font: .26rem/.52rem "microsoft yahei";color: #048acd;
	-webkit-border-radius: .26rem 0 0 .26rem;
	-moz-border-radius:.26rem 0 0 .26rem;
	border-radius: .26rem 0 0 .26rem;
}

.loginbox #divLogin a{color: #fff;padding-left: .3rem; padding-right: .15rem;}
#divLoginSuccess{float: left;}
#divLoginSuccess a{color: #fff;padding-left: .3rem; padding-right: .15rem;}
#ExitCookies{float: left; padding-right: .15rem; }
#ExitCookies a{color: #fff;border-left: solid 1px #aaa; padding-left: .15rem;}

.page-index .ikon{position: absolute; top: -1.28rem; right: -.27rem; display: block;width: 1.61rem;}
.page-index .ikon img{width: 100%; display: block;}
.page-index .mainbox{width: 100%; background: url(../images/index-img01.png) no-repeat center top; background-size: 100%; height: 7.87rem; position: relative;}
.start-btn{width:100%; clear: both; float: left; margin-top: 2.58rem;}
.start-btn a{width: 2.42rem; height: 2.44rem; display: block; margin: auto; position: relative; background: url(../images/index-img02.png) no-repeat center; background-size: 100%;
	border-radius: 50%;
	box-shadow: 0 .1rem .05rem rgba(0,0,0,.42);
}
.start-btn a img{width: 1.31rem; height: 1.11rem; display: block; position: absolute; top: 1.5rem; right: -.5rem;
	-webkit-animation: scaleDraw 2s ease-in-out infinite;
	animation: scaleDraw 2s ease-in-out infinite;
}

.index-btn{width: 110%; clear: both; float: left; margin-top: .11rem; margin-bottom: .32rem;}
.index-btn li{width: 1.4rem; height: 1.43rem; font-size: 0; display: block;float: left;}
.index-btn li a{width: 100%; display: block;height: 1.43rem;}
.index-btn li.item01 a{background: url(../images/index-btn01.png) no-repeat center; background-size: 100%;}
.index-btn li.item02 a{background: url(../images/index-btn02.png) no-repeat center; background-size: 100%;}
.index-btn li.item03 a{background: url(../images/index-btn03.png) no-repeat center; background-size: 100%;}
.index-btn li.item04 a{background: url(../images/index-btn04.png) no-repeat center; background-size: 100%;}
.index-btn li.item05 a{background: url(../images/index-btn05.png) no-repeat center; background-size: 100%;}

.page-zd .mainbox{width: 100%; background: url(../images/zd-img01.png) no-repeat center top; background-size: 100%; height: 7.87rem; position: relative;}
.mainbox ul{width: 6.19rem; height: 7.14rem; display: block; overflow: hidden; border-radius: .5rem; float: left; margin-top: .28rem; margin-left: .35rem;}
.mainbox ul li{float: left; position: relative;}
.mainbox ul li.item01{width: 2.74rem; height: 2.42rem; display: block;}
.mainbox ul li.item02{width: 2.73rem; height: 2.42rem; display: block; margin-left: -.71rem;}
.mainbox ul li.item03{width: 2.12rem; height: 2.42rem; display: block;margin-left: -.7rem;}
.mainbox ul li.item04{width: 2.74rem; height: 3.15rem; display: block; margin-top:-.76rem}
.mainbox ul li.item05{width: 2.73rem; height: 3.15rem; display: block; margin-top:-.76rem;margin-left: -.71rem;}
.mainbox ul li.item06{width: 2.12rem; height: 3.15rem; display: block; margin-top:-.76rem;margin-left: -.7rem;}
.mainbox ul li.item07{width: 2.74rem; height: 3.15rem; display: block; margin-top:-.76rem}
.mainbox ul li.item08{width: 2.73rem; height: 3.15rem; display: block; margin-top:-.76rem;margin-left: -.71rem;}
.mainbox ul li.item09{width: 2.12rem; height: 3.15rem; display: block; margin-top:-.76rem;margin-left: -.7rem;}
.mainbox ul li img{width: 100%; display: block;}
.mainbox ul li span{position: absolute; background: #434343; width: .72rem; height: .72rem; border-radius: .5rem 0 0 0; bottom: .05rem; z-index: 9;
 font: .24rem/1 "microsoft yahei"; color: #fff;
}
.mainbox ul li.active span{background: #e54426;}
.mainbox ul li span em{float: left; width: 100%; margin-top: .24rem; text-align: center;}
.mainbox ul li.active span em{ margin-top: .12rem;}
.mainbox ul li.item01 span,.mainbox ul li.item04 span,.mainbox ul li.item07 span{
	left: 1.35rem;
}
.mainbox ul li.item02 span,.mainbox ul li.item05 span,.mainbox ul li.item08 span{
	left: 1.33rem;
}
.mainbox ul li.item03 span,.mainbox ul li.item06 span,.mainbox ul li.item09 span{
	left: 1.33rem;
}
.mainbox .cover{width: 6.19rem; height: 7.14rem; display: block; border-radius: .5rem; position: absolute; top: .28rem; left: .35rem;
	/* background: rgba(255,255,255,0); */
	box-shadow: 0px 0px .38rem rgb(35,15,0) inset;
	z-index: 9;
}

.list-btn{width: 100%; clear: both; float: left; margin-top: .2rem; position: relative;}
.list-btn a{font-size: 0; width: 2.82rem; height: .89rem; display: none; margin: 0 .25rem;}
.list-btn a img{width: 100%; display: block;}
.list-btn span{width: 1.73rem; height: .61rem; display: none; background: url(../images/btn-tip.png) no-repeat center; background-size: 100%;
	font: .26rem/.56rem "microsoft yahei"; color: #fff; position: absolute; top: -.6rem; right: .55rem;
	-webkit-animation: leftDraw 4s ease-in-out infinite;
	animation: leftDraw 4s ease-in-out infinite;
}
.list-btn span.tip02{width: 1.93rem; background: url(../images/btn-tip02.png) no-repeat center; background-size: 100%;}
.list-btn span em{color: #ffcc2f; font: bold .36rem/.56rem arial;}

/* 赠图列表 */
.listbox{width: 7.02rem; display: block; margin: 0 .3rem .3rem; clear: both; background: url(../images/list-bg.png) no-repeat center; background-size: 100%; height: 2.59rem;}
.listTxt{width: 6.7rem; float: left; margin-left: .11rem; margin-top: 1.3rem;}
.listTxt p.noData{font: .28rem/.9rem "microsoft yahei"; color: #333; text-align: center; width: 100%; clear: both;}
.listTxt ul{width: 100%; clear: both; float: left;margin: auto; height: .9rem; overflow-y: scroll;}
.listTxt ul li{width: 94%; font: .28rem/.44rem "microsoft yahei"; color: #333; margin: 0 3%;}
.listTxt ul li span{float: right;}

/* 成功标识 */
.suclogo{width: 6.16rem; height: 3.6rem; display: none; background: url(../images/sucIock.png) no-repeat center top; background-size: 100%; position: absolute;
	top: -2.6rem; left: .39rem;z-index: 10;
}
.suclogo h3{width: 100%; clear: both; float: left; margin-top: 2.1rem;position: relative;z-index: 3;}
.suclogo h3 img{height: .62rem; display: block; margin: auto;}
.suclogo .start{width: 3.16rem; position: absolute; top: 1.2rem; left: 1.5rem;}
.suclogo .start .sta01{width: .9rem; position: absolute; left: 0; top: .25rem;}
.suclogo .start .sta02{width: 1.11rem; position: absolute; left: 1.1rem; top: 0;}
.suclogo .start .sta03{width: .9rem; position: absolute; right: 0; top: .25rem;}


.basebox{width: 7.18rem; display: none; margin: 0 auto .53rem; clear: both; background: url(../images/base-img01.png) no-repeat center; background-size: 100%; height: 1.18rem;
	border-radius: 5.1rem;
	box-shadow: 0 0 .1rem #ff2f00;
}
.basebox .baseL{float: left; margin-left: .14rem; margin-top: .05rem; width: 2.17rem; display: block;}
.basebox .baseT{float: left; margin-left: .1rem; margin-top: .22rem; width: 3.16rem; display: block;}
.basebox .baseR{float: right; margin-right: .48rem; margin-top: .16rem; width: .86rem; display: block;}
.basebox img{width: 100%; display: block;}
.basebox .baseR a{width: 100%; display: block;}
.basebox .baseR a img{
	-webkit-animation: scaleDraw 2s ease-in-out infinite;
	animation: scaleDraw 2s ease-in-out infinite;
}

@-webkit-keyframes scaleDraw{
	0%  {transform: scale(.9); }
	25% {transform: scale(1);}
	50% {transform: scale(.9);}
	75% {transform: scale(1);}
	100%{transform: scale(.9);}
}
@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
	0%  {transform: scale(.9); }
	25% {transform: scale(1);}
	50% {transform: scale(.9);}
	75% {transform: scale(1);}
	100%{transform: scale(.9);}
}
@-webkit-keyframes leftDraw{
	0%  {right: .5rem; }
	25% {right: .8rem;}
	50% {right: .5rem;}
	75% {right: .8rem;}
	100%{right: .5rem;}
}
@keyframes leftDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
	0%  {right: .5rem; }
	25% {right: .8rem;}
	50% {right: .5rem;}
	75% {right: .8rem;}
	100%{right: .5rem;}
}