html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,input,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;-webkit-background-origin:content-box;background-origin:content-box;}section,header,footer,nav{display:block;margin:0;padding:0}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}img{border:0;font-size:0}a{text-decoration:none;}
.cf:before,.cf:after{content:"";display:table}.cf:after{clear:both}.cf{*zoom:1}
html{
	-webkit-text-size-adjust:none;
}
html,
body{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
/*body{
	text-align:justify;
	font-family:"Microsoft YaHei","Hiragino Sans GB","WenQuanYi Micro Hei",arial,Helvetica,sans-serif;
}*/
.white_zhe{
   position: absolute;
   height:100%;
   width:100%;
   background:#fff;
   z-index: 1000;
}
.page_content {
    width: 750px;
    height: 1206px;
    position: absolute;
    left: 50%;
    margin-left: -375px;
    top: 0;
    transform-origin: center top;
    -webkit-transform-origin: center top;
}

.content{
	position: relative;
	width: 100%;
	height: 100%;
	top: 0;
}
.swiper-container_cd2,
.swiper-container_club,
.swiper-container_cd,
.swiper-container,
.swiper-wrapper,
.swiper-slide{
	position: relative;
	width: 100%;
	height: 100%;
}

.swiper-slide{
	overflow: hidden;
}

.poup_rule{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.5);
	z-index: 9999;
}

.poup_border{
	position: relative;
	top: 80px;
	margin: 0 auto;
	width: 300px;
	height: 435px;
	background-color: #fff;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	box-shadow:2px 2px 6px #545252;
}

.rule_txt{
    position: relative;
    background: url(../images/rule_txt.png) center no-repeat;
    background-size: contain;
    width: 232.5px;
    height: 280px;
    margin: 0 auto;
    top: 66px;
}

.rule_back{
    position: absolute;
    background: url(../images/rule_back.png) center no-repeat;
    background-size: contain;
    width: 34px;
    height: 55px;
    top: -55px;
    right: 25px;
}

.bottom_border{
	position: fixed;
	bottom: 0;
	left: 0;
	background-color: #fff;
	border-top: 1px #e1e1e1 solid;
	width:100%;
	height: 60px;
	z-index: 999;
}

.lang_border{
	position: relative;
	width: 100%;
	height: 920px;
}

.buyer_show{
    position: relative;
    background: url(../images/buyer_show.jpg) center no-repeat;
    background-size: contain;
    width: 353px;
    height:353px;
    margin: 0 auto;
   	margin-top:20px;
}

.bottom_ul{
	position: absolute;
	width: 100%;
	height: 100%;
}

.bottom_ul li{
	float: left;
	width: 33%;
	height: 60px;
	text-align: center;
	line-height: 60px;
	font-size: 17px;
}

.bottom_ul li a{
	color: #4c4c4c;
}


.line1{
	position: absolute;
	width: 1px;
	height: 40px;
	background-color: #e1e1e1;
	left: 120px;
	top: 10px;
}

.line2{
	position: absolute;
	width: 1px;
	height: 40px;
	background-color: #e1e1e1;
	left: 248px;
	top: 10px;
}

a{
    -webkit-tap-highlight-color: transparent;
}

.music_btn{
    position: absolute;
    display: block;
    width: 2rem;
    height: 2rem;
    top: 1.2rem;
    right: 1.2rem;
    z-index: 91;
 }
.music_btn span{
    display: block;
    width: 100%;
    height: 100%;
    background:url(../images/play_btn.png) center center no-repeat;
    background-size: contain;
}

.music_ani{
    animation: music_a 2s linear infinite;
    -webkit-animation: music_a 2s linear infinite;
}
@keyframes music_a{
    from { transform:rotate(0deg); }
    to { transform:rotate(360deg); }
}
@-webkit-keyframes music_a{
    from{ -webkit-transform:rotate(0deg); }
    to{ -webkit-transform:rotate(360deg); }
}

/*loading*/

.load_box{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 999;
    background: url(../images/page_bg.jpg) center no-repeat;
    background-size: auto 100%;
    // background-color: #000;
}

.load_bg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../images/page_bg.jpg) center no-repeat;
    background-size: auto 100%;
}


.load_icon2{
    position: relative;
    background: url(../images/load_icon2.png) center no-repeat;
    background-size:100% auto;
    width: 36.8%;
    height: 42%;
    margin: 0 auto;
    margin-top: 40%;
}

.load_icon1{
    position: absolute;
    width: 100%;
    height: 0%;
    bottom: 0;
    background: url(../images/load_icon1.png) center bottom no-repeat;
    background-size: 100% auto;
}

.load_progress_bar{
    width: 75%;
    height: 1.5%;
    background: #2ecf68;
    margin: 0 auto;
    margin-top: 12%;
}
.load_progress_bar span{
    position: absolute;
    display: inline-block;
    top: -1px;
    width: 0;
    height: 110%;
    background: #ff4eef;
}
.load_txt{
    position: absolute;
    text-align: center;
    width: 100%;
    top: 22rem;
    color: #ffffff;
    font-size: 1.6rem;
}
.swiper-container_club .swiper-slide{
    overflow:scroll;
}