/*public*/
html,body,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dt,li,a,abbr,b,em,i,img,samp,span,strong,sub,sup,tt,var,input,select{margin:0;padding:0}
input,img{border:0;outline:none}
html,body{width:100%;height:100%;overflow:hidden}
input,select{outline:none}
/* set image max width to 100% */
img,video{max-width:100%;height:auto;width:auto\9;/* ie8 */}
/* set html5 elements to block */
body{background:#fff;font-family: 'Microsoft YaHei',  'WenQuanYi Micro Hei', 'SimSun', 'sans-serif';color:#2d2d2d;word-wrap:break-word;word-break:break-all;height:100%;background-size:600px 100%;}
body div,body p{margin:0 auto;word-break: normal;}
address,cite,dfn,em,var{font-style:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
a{color:#026acb;text-decoration:none;outline:none}
a:hover{text-decoration:none}
/* list */
ul,ol{list-style:none;}

/*Align*/
.alg_r{text-align:right}
.alg_c{text-align:center}

.box{position:relative;width:600px;height:100%;}
#fullpage{background:#fff;}
.section{
	background-image: url(allbac.jpg);
}
/*music*/
#viose{cursor: pointer;position: fixed;display: inline-block;top: 13px;right: 16px;z-index: 9999;}

/*loading*/
#loading{background:#3b82b6;text-align:center;width:600px;height:80%;position:relative;z-index:99999;margin: 0 auto;padding-top: 50%;}
#loading img{position:absolute;top:50%;left:50%;width:100px;height:100px;margin-left:-50px;margin-top:-50px;}


/*fm*/
.box{background:url(fm_bg.png) center no-repeat;background-size:600px 100%;max-height:1080px;}
#fm_bt{position: absolute;width: 100%;/* display: none; */z-index: 1;bottom: -1%;}
#fm_bt1{
	position: absolute;
	top: 1%;
	width: 100%;
	left: -2%;
}
#fm_p{position: absolute;width: 100%;left: 0;/* display: none; */height: 100%;z-index: 0;}
#fm_p ul{display: block;width: 100%;height: 100%;position: absolute;}
#fm_p ul li{position:absolute;width: 100%;height: 100%;}
#fm_logo{
	position: absolute;
	width: 80%;
	top: 9%;
	left: 10%;
}
#fm_p2{position: absolute;/* z-index: 0; */top: 0%;right: 0;}
#fm_p3{position: absolute;top: 5%;}

.down img{width: 100%}

/*p1*/
#p1_1,#p2_1 ,#p3_1 ,#p4_1 ,#p5_1 ,#p6_1,#p7_1 {position: absolute;top: 7%;z-index: 1;height: 36px;background: rgba(0,0,0,0.7);width: 82%;left: 9%;color: #e7ebf3;display: flex;border-radius: 28px;box-sizing: border-box;padding: 5px 3%;border: 1px solid #333442;opacity: 333;}
#p1_2,#p2_2 ,#p3_2 ,#p4_2 ,#p5_2 ,#p6_2 ,#p7_2{position: absolute;width: 100%;top: 16%;left: 0;z-index: 2;height: 100%;}
 .dtcon{
    position: relative;
    width: 83%;
    background: url(p1_tbg.png) no-repeat;
    background-size: 100% 100%;
    height: 73%;
}
#p1_1 div,#p2_1 div,#p3_1 div,#p4_1 div,#p5_1 div,#p6_1 div,#p7_1 div{
    width: 10%;
    background: rgba(65, 92, 156, 0.5);
    text-align: center;
    border-radius: 4px;
    max-width: 26px;
    border: 2px #070f15 solid;
}
 .dtcon .tm{padding: 0 6%;padding-top: 9%;}
 .dtcon .op{
	text-align:center;
	color: #ea5a33;
	width: 49%;
	margin: 0 auto;
	border-radius: 20px;
	background-color: #fff7ed;
	margin-bottom: 10px;
	height: 21px;
	line-height: 21px;
	position: relative;
	cursor: pointer;
	padding: 10px 0;
	margin-top: 10px;
	font-weight: bold;
}
.dtcon>div{/* padding: 0 10%; */margin: 0 auto;}
div>img{margin:0 auto;display: block;}
 .dtcon .op .btn_wr{
    position: absolute;
    width: 27%;
    right: 0;
    max-width: 34px;
    top: 0;
}
  .dtcon .op .btn_rt{
    position: absolute;
    width: 27%;
    right: 0;
    max-width: 34px;
    top: 0;
}

 .dtcon .pu .op.opa{
    margin: 0;
}
  .dtcon .pu .op.opb{
    margin-left: 50%;
    margin-top: -41px;
}

  .dtcon .dn .op.opc{
    margin: 0;
}
  .dtcon .dn .op.opd{
    margin-left: 50%;
    margin-top: -41px;
}

.dtcon .jh{position:absolute;bottom: 0;display: flex;flex-direction: column;justify-content: center;width: 86%;height: 48%;left: 7%;}
.dtcon .jh .pu{
    width: 100%;
    /* margin-bottom: 12px; */
}
.dtcon .jh .dn{
    width: 100%;
    margin-top: 12px;
}

 .dtcon .wy{display:none;margin: 11px auto;padding: 12px;background: #fff7ed;border-radius: 4px;width: 100%;box-sizing: border-box;position: relative;text-indent: 2em;}
#p1_3,#p2_3 ,#p3_3 ,#p4_3 ,#p5_3 ,#p6_3,#p7_3,#p8_3,#p12_3{position: absolute;width: 100%;bottom: -1%;left: 0;z-index: 0;}
#p1_4,#p2_4 ,#p3_4 ,#p4_4 ,#p5_4 ,#p6_4,#p7_4,#p8_4,#p12_4{
    position: absolute;
    z-index: 0;
    right: 0;
    top: 3%;
}
 .dtcon .wy .trp{
    position: absolute;
    height: 20px;
    width: 26px;
    background: url(tr.png) no-repeat;
    background-size: 100% auto;
}
#p5_2 .dtcon .tm{
    /* padding: 0 9%; */
}

#p8_1{
    position: absolute;
    top: 13%;
    width: 100%;
    opacity: 0;
    z-index: 1;
}
#p8_2{
    position: absolute;
    top: 10%;
    width: 100%;
    opacity: 0;
    z-index: 1;
}
#p8_8{
    position: absolute;
    width: 30%;
    left: 35%;
    z-index: 1;
    bottom: 17%;
}
#p12_1{top: 60%;position: absolute;z-index: 1;width: 50%;left: 25%;}
#p12_2{top: 50%;z-index: 1;position: absolute;width: 50%;left: 25%;}
#p12_6{position: absolute;z-index: 1;top: 59%;text-align: center;color: #c9cad0;font-size: 19px;width: 100%;}
#p12_7 {
	z-index: 3;
	text-align: center;
	width: 100%;
	position: absolute;
	bottom: 6%;
	color: #0f0f0f;
}
#p12_5 {
	z-index: 1;
	position: absolute;
	top: 40%;
	text-align: center;
	color: #fff;
	font-size: 21px;
	width: 100%;
}
#p12_7 p{margin:10px auto;color: #fff;}
#p12_8 {
    color: FIREBRICK;
    position: absolute;
    width: 30%;
    left: 35%;
    bottom: 18%;
    z-index: 2;
}
#p1_2  .wy .trp{background-position: 0 -27px;left: 45%;bottom: -16px;}
#p2_2  .wy .trp{background-position: 0 5px;left: 45%;top: -16px;}
#p3_2  .wy .trp{background-position: 0 5px;left: 69%;top: -16px;}
#p4_2  .wy .trp{background-position: 0 -27px;left: 76%;bottom: -16px;}
#p5_2  .wy .trp{background-position: 0 5px;left: 76%;top: -16px;}
#p6_2  .wy .trp{background-position: 0 5px;left: 16%;top: -16px;}
#p7_2  .wy .trp{background-position: 0 -27px;left: 74%;bottom: -16px;}

/*animate*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}



.down{position: absolute;bottom:20px;left:50%;width:40px;margin-left:-20px;height:40px;-webkit-animation: opa_btm 1.5s ease-in-out;animation: opa_btm 1.5s ease-in-out;z-index: 4;display: none;}
.down samp{
	display:inline-block;
	width:40px;
	height: 33px;
	-webkit-animation: start 1.5s infinite ease-in-out;
	animation: start 1.5s infinite ease-in-out;
	background: url(tr.png)center no-repeat;
	background-size: 100% auto;
	background-position: 0 -70px;
	margin: 0 auto;
}
.down.show{display: block;}
@-webkit-keyframes opa_btm {0%,25% {opacity: 0;-webkit-transform: translate(0,20px);}}
@keyframes opa_btm {0%,25% {opacity: 0;transform: translate(0,20px);}}

@-webkit-keyframes start {0%,30% {opacity: 0;-webkit-transform:  translate(0,-10px);}60% {opacity: 1;-webkit-transform:translate(0,0);}100% {opacity: 0;-webkit-transform: translate(0,5px);}}
@keyframes start {0%,30% {opacity: 0;transform:  translate(0,-10px);}60% {opacity: 1;transform:  translate(0,0);}100% {opacity: 0;transform:  translate(0,5px);}}

/*iphone6s*/
@media screen and (max-width:600px){
    #loading{width: 100%;}
    #fullpage{width:100%}
    .down samp{width:20px;height: 20px;margin-left: 10px;background-position: 0 -34px;}
    .fm,.nr,.fd{background-size:100% 100%;}
    .box{width:100%}
    .dtcon .op{font-size: 14px;padding:1px 0;}
    .dtcon .wy{padding: 5px 8px;margin: 1px auto;}
    .dtcon .pu .op.opb{margin-top: -23px;}
        .dtcon .dn .op.opd{margin-top: -23px;}
    #p12_5{font-size:18px;}
    #p12_6{font-size:17px;}
    #p12_7{font-size:15px;}
    #p1_2  .wy .trp{
    width: 14px;
    height: 10px;
    bottom: -9px;
    background-position: 0 -16px;
}
    #p2_2  .wy .trp{
    width: 14px;
    height: 10px;
    top: -9px;
    background-position: 0 2px;
}
    #p3_2  .wy .trp{
    width: 14px;
    height: 10px;
    top: -9px;
    background-position: 0 2px;
}
    #p4_2  .wy .trp{
    width: 14px;
    height: 10px;
    bottom: -9px;
    background-position: 0 -16px;
}
    #p5_2  .wy .trp{
    width: 14px;
    height: 10px;
    top: -9px;
    background-position: 0 2px;
}
    #p6_2  .wy .trp{
    width: 14px;
    height: 10px;
    top: -9px;
    background-position: 0 2px;
}
    #p7_2  .wy .trp{
    width: 14px;
    height: 10px;
    bottom: -9px;
    background-position: 0 -16px;
}


}
/*iphone6s qq*/
@media screen and (max-width:414px) and (max-height: 636px){

}
/*iphone6*/
@media screen and (max-width:375px){
    #fd_wx p{font-size: 16px;}
}
/*iphone6 qq*/
@media screen and (max-width:375px) and (max-height: 567px){

}
/*android*/
@media screen and (max-width:360px){

}
/*android qq*/
@media screen and (max-width:360px) and (max-height: 540px){

/*iphone5*/
@media screen and (max-width:320px){
}
/*iphone5 qq*/
@media screen and (max-width:320px) and (max-height: 468px){
    #fd_cp{top: 33%;}
}