/*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%;}
input,select{outline:none}
/* set image max width to 100% */
img,video{max-width:100%;height:auto;display: block;width:auto\9;/* ie8 */}
/* set html5 elements to block */
body{background:#fff;font-family: 'Helvetica', 'Microsoft YaHei', '微软雅黑', 'STHeiti', 'WenQuanYi Micro Hei', 'SimSun', 'sans-serif';color:#2d2d2d;word-wrap:break-word;word-break:break-all;height:100%;background-size:500px 100%;overflow: auto;}
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}
p{color: #636262;font-size: 18px;line-height: 30px;text-indent: 2em;}
/* list */
ul,ol{list-style:none;}

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


.box{position:relative;width:500px;height:100%;background-color: #000;background: url(../images/fm_bg.jpg) center no-repeat;background-size:500px 100%;overflow:hidden;max-height: 1080px;}
/*滚动条样式*/
div::-webkit-scrollbar{
  width:6px;
  height:6px;
  opacity: 0.3;
  /**/
}
div::-webkit-scrollbar-track{
  background: #1b1b20;
  border-radius:6px;
}
div::-webkit-scrollbar-thumb{
  border-radius   : 6px;
  background-color: #bda192;
  background-image: -webkit-linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.2) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.2) 50%,
      rgba(255, 255, 255, 0.2) 75%,
      transparent 75%,
      transparent
  );
}
div::-webkit-scrollbar-thumb:hover{
  background: #333;
}
div::-webkit-scrollbar-corner{
  background: #179a16;
}
/*music*/
#viose{cursor: pointer;position: fixed;display: inline-block;bottom: 5px;right: 0px;z-index: 9999;}

/*loading*/
#loading{background:#18191e;text-align:center;width:500px;height:100%;position:relative;z-index:99999;margin: 0 auto;}


.main{width: 500px;height: 100%;position: absolute;top: 0;left: 50%;margin-left: -250px;background: url(../images/bg.jpg) top center no-repeat;background-size: 100% 100%;overflow: hidden;}
.title{position: absolute;width: 85%;top: 5%;left: 13%;}
.name{width: 26%;left: 0%;position: absolute;top: 31%;}
.con{width: 70%;
    cursor: pointer;
    position: absolute;
    left: 17%;
    top: 60%;}
.cp{position: absolute;bottom: 3%;width: 60%;left: 20%;}
.con:hover{width: 72%;left: 16%}
.click{position: absolute;width: 12%;top: 69%;right: 25%;cursor: pointer;}


.conOpen{width: 500px;height: 100%;position: absolute;top: 0;left: 50%;margin-left: -250px;opacity: 0;z-index: -1;}
.zhezhao{width: 100%;position: absolute;top: 0;left: 0;right: 0;}
.close{width: 100px;position: absolute;top: 2%;right: 3%}
.present{width: 60px;position: absolute;bottom: 3%;right: 3%}
.presentCon{width: 84%;position: absolute;top: 13%;left: 8%;display: none;}
.presentConTxt{position: absolute;top: 20%;width: 90%;left: 5%;height: 75%;overflow-x: hidden;overflow-y: auto;}
.presentConTxt p{color: #e1cec3;font-size: 16px;line-height: 30px;margin:8px auto;text-indent: 2em;text-align: justify;}

/*封面*/
.fm{background:url(../images/fm_bg.jpg) center no-repeat;background-size:500px 100%;max-height: 1080px;}
.fm div{position: absolute;}
#fm_man{bottom:-1px;width: 50%;right: 10%;display: none}
#fm_woman{bottom:-1px;width: 64%;left: 10%;display: none}
#fm_til{width: 90%;left: 5%;top: 50%;display: none}
#fm_logo{width: 50%;top: 2%;left: 25%;display: none}
#fm_up{width: 5%;left: 47.5%;display: none;bottom: 1%;-webkit-animation: start 1.5s infinite ease-in-out;animation: start 1.5s infinite ease-in-out;}
.fm img{width: 100%;}

/*媒体查询*/
/*iphone6s*/
@media screen and (max-width:600px){
    body{background-size:100% 100%}
    #loading{width: 100%;}
.main{width: 100%;left: 0%;margin-left: 0px;}
.conOpen{width: 100%;left: 0%;margin-left: 0px;}
}
/*iphone6s qq*/
@media screen and (max-height: 700px){
}
/*iphone6*/
@media screen and (max-height: 650px){
}
/*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:321px){

}
/*iphone5 qq*/
@media screen and (max-width:320px) and (max-height: 468px){
}