body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend,   button, input, textarea, th, td {
        margin: 0;
        padding: 0;
}
body{
    font-family: "Helvetica-Light", Helvetica, "Helvetica Neue", STHeiTi, sans-serif;
}
.fix-clear{zoom:1;}
.fix-clear:after{content:''; display:block; height:0; clear:both;}
.w-alll {
	width: 16rem;
    overflow: hidden;
    position: relative;
}
.w-all ul   {
    list-style:none;
}
.w-all img   {
    vertical-align:top;
    border:none;
}
.w-all a   {
    text-decoration:none;
}
#page,#content {
    width:100%;
}
.w-all {
    width: 16rem;
    overflow: hidden;
    z-index: 2;
}
.w-all img {
    width: 100%;
}
.card-box {
	width: 16rem;
	height: 9.4rem;
	background: url("images/a4.jpg");
	background-size: 100% 100%;
	position: relative;
}
.hero-box {
	width: 16rem;
	height: 8.05rem;
	background: url("images/a5.jpg");
	background-size: 100% 100%;
	position: relative;
}
.doll-box {
	width: 16rem;
	height: 5.8rem;
	background: url("images/a7.jpg");
	background-size: 100% 100%;
	position: relative;
}
.tip-box {
	width: 16rem;
	height: 5.75rem;
	background: url("images/a9.jpg");
	background-size: 100% 100%;
	position: relative;
}
.card-info {
	width: 6rem;
	height: 0.8rem;
	position: absolute;
	top: 8.15rem;
	left: 0.55rem;
}
.w-meng	{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.5;
	z-index: 3;
	display: none;
}
.card-info-float {
	width: 13.15rem;
	height: 13.8rem;
	background: url("images/a10.png");
}
.card-info-p {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.w-close {
	position: absolute;
	width: 1.25rem;
	height: 1.25rem;
}
.card-info-float .w-close {
	top: 1.05rem;
	left: 11.3rem;
}
.card-btn {
	display: block;
	width: 7.5rem;
	height: 2.6rem;
	position: absolute;
	top: 5.9rem;
	left: 7.15rem;  
}
.hero-info {
	width: 5.25rem;
	height: 1.15rem;
	position: absolute;
	top: 5.65rem;
	left: 1.7rem;
}
.hero-info-float {
	width: 13.15rem;
	height: 19.55rem;
	background: url("images/a12.png");
}
.hero-info-box {
	width: 100%;
	height: 15.6rem;
	overflow-y: scroll;
	position: absolute;
	top: 2.55rem;
	left: 0;
}
.hero-info-box img {
	vertical-align:top;
    border:none;
}
.hero-info-float .w-close {
	top: 1.05rem;
	left: 11.3rem;
}
.doll-btn {
	width: 3.35rem;
	height: 0.6rem;
	position: absolute;
	top: 2rem;
	left: 2.45rem;
}
.doll-float {
	width: 15.5rem;
	height: 12.85rem;
	background: url("images/a20.png");
}
.doll-float.w-float {
	left: 0.4rem;
}
.doll-main {
	width: 12rem;
	height: 10.125rem;
	overflow: hidden;
	position: absolute;
	top: 1.35rem;
	left: 1.7rem;
}
.doll-main-c {
	width: 96rem;
	height: 100%;
	margin-left: 0;
	-webkit-transition:margin 1s ease;
}
.doll-main-cc {
	width: 12rem;
	height: 100%;
	float: left;
}
.doll-prv {
	width: 1.2rem;
	height: 1.2rem;
	position: absolute;
	top: 5.54rem;
	left: 0;
}
.doll-next {
	width: 1.2rem;
	height: 1.2rem;
	position: absolute;
	top: 5.54rem;
	right: 0;
}
.doll-float .w-close {
	top: 0.4rem;
	right: 0.15rem;
}
.doll-info {
	width: 5.15rem;
	height: 1.15rem;
	position: absolute;
	top: 2.85rem;
	left: 1.65rem;
}
.doll-info-float {
	width: 13.15rem;
	height: 19.55rem;
	background: url("images/a12.png");
}
.doll-info-box {
	width: 100%;
	height: 15.6rem;
	overflow-y: scroll;
	position: absolute;
	top: 2.55rem;
	left: 0;
}
.doll-info-box img {
	vertical-align:top;
    border:none;
}
.doll-info-float .w-close {
	top: 1.05rem;
	left: 11.3rem;
}
.down-float {
	width: 8.75rem;
	height: 11.9rem;
	background: url("images/a34.png");
}
.w-float {
	background-size: 100% 100%;
	position: fixed;
	top: 3rem;
	left: 1.3rem;
	z-index: 4;
	display: none;
}
.down-btn {
	width: 5.15rem;
	height: 1.15rem;
	position: absolute;
	top: 2.85rem;
	left: 9.2rem;
}
.down-float.w-float {
	left: 3.55rem;
}
.down-float .w-close {
	width: 1.6rem;
	height: 1.6rem;
	position: absolute;
	top: 0;
	right: 0.1rem;
}
.tip-btn {
	width: 3.95rem;
	position: absolute;
	height: 1.15rem;
	top: 3.4rem;
	left: 5.85rem;
}
.w-join-box {
	width: 16rem;
	height: 5rem;
	position: relative;
	background: url("images/b3.png");
	background-size: 100% 100%;
}
.w-join {
	display: block;
	width: 2.2rem;
	height: 1.1rem;
	position: absolute;
	top: 1.65rem;
	left: 4.5rem;
}