/*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;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%;}
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:520px;height:100%;}

/*music*/
#viose{cursor: pointer;position: fixed;display: inline-block;top: 20px;right: 20px;z-index: 9999;}

/*next and prev*/
#next{position: fixed;display: inline-block;cursor:pointer;right: 13%;bottom: 39%;z-index: 111;}
#prev{position: fixed;display: inline-block;cursor:pointer;right: 13%;bottom: 47%;z-index: 111;}

/*loading*/
#loading{background:#0c0237;text-align:center;width:520px;height:100%;position:relative;z-index:99999;margin: 0 auto;}
.sk-spinner-pulse {
  width: 40px;
  height: 40px;
  margin: auto;
  position: absolute;
  top: 43%;
  left: 50%;
  margin-left: -20px;
  background-color: #c7bef1;
  border-radius: 100%;
  -webkit-animation: sk-spinner-pulse 1.0s infinite ease-in-out;
          animation: sk-spinner-pulse 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-spinner-pulse {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}

@keyframes sk-spinner-pulse {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}

.wid{width: 520px;height: 100%;position: absolute;top: 0;left: 50%;margin-left: -260px;overflow:hidden;}


#fm{position: absolute;width: 100%;height: 100%; background: url(../images/fm_bg.jpg) top center no-repeat;background-size: 100% 100%;}
#fm_1{width: 100%;height: 100%;position: absolute;top: 0;left: 0;bottom:0;display: none;}
#fm_1 img{width: 100%;height: 100%;}
#fm_2{width: 80%;height: auto;position: absolute;bottom: 0;left: 10%;display: none;}
#fm_title{position: absolute;top: 0%;width: 88%;left: 6%;display: none;}
#fm_click{width: 32%;position: absolute;top: 40%;right: 10%;display: none;cursor: pointer;}

/*p1*/
#main{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(../images/main_bg.jpg) top center no-repeat;background-size: 100% 100%;}
#main_blue_txt{width: 46%;position: absolute;top: 40%;left: 3%;}
#main_red_txt{width: 46%;position: absolute;top: 40%;right: 3%;}
#home_38{width: 46%;position: absolute;top: 40%;left: 3%;cursor: pointer;}
#home_39{width: 46%;position: absolute;top: 40%;right: 3%;cursor: pointer;}
#main_blue_flag{width: 46%;position: absolute;top: 40%;left: 3%;}
#main_red_flag{width: 46%;position: absolute;top: 40%;right: 3%;}
#main_VS{width: 100%;position: absolute;left: 0;top: 30%}
#main_title{position: absolute;top: 0%;width: 88%;left: 6%;display: none;}

.num{position: absolute;width: 100%;bottom: 3%;left: 0;text-align: center;}
.num p{color: #fff;letter-spacing: 1px;font-weight: bold;font-size: 14px;line-height: 22px;-webkit-text-shadow:#122562 1px 0 0,#122562 0 1px 0,#122562 -1px 0 0,#122562 0 -1px 0;  
-moz-text-shadow:#122562 1px 0 0,#122562 0 1px 0,#122562 -1px 0 0,#122562 0 -1px 0;  
text-shadow:#122562 1px 0 0,#122562 0 1px 0,#122562 -1px 0 0,#122562 0 -1px 0;   
*filter: Glow(Color=#122562, Strength=1);}
.num p b{font-size: 18px;}
.num p b span{font-size: 20px;}

#fd{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(../images/fd_bg.jpg) top center no-repeat;background-size: 100% 100%;}
#fd_pz{width: 100%;position: absolute;top: 30%;left: 0;}
#fd_tp_bg{position: absolute;top: 0;left: 0;bottom: 0;width: 100%;height: 100%;}
#fd_tp_bg img{width: 100%;height: 100%;}
#share{position: absolute;width: 35%;top: 60%;right: 8%;cursor: pointer;}
#share_img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.8);z-index: 99;display: none;}
#share_img img{width: 40%;position: absolute;top: 0;right: 0;}

#div1 {width: 70%;height: 20px;position: absolute;top: 50%;left: 18%}
.a_1,.a_2 {position: absolute;top: 0;height:20px;}
.a_1 {left: 0;background:#2b5eaa;border-right: 1px solid #000;}
.a_2 {right: 0;background:#f6483e;}

#a_1_txt{position: absolute;top: 54%;width: 140px;left: 15%;}
#a_1_txt p{font-size: 18px;font-weight: bold;color: #38337b}
#a_2_txt{position: absolute;top: 54%;width: 140px;right: 5%;}
#a_2_txt p{font-size: 18px;font-weight: bold;color: #38337b}

/*媒体查询*/
/*iphone6s*/
@media screen and (max-width:600px){
    #loading{width: 100%;height: 100%;top: 0;left: 0;margin-top: 0;margin-left: 0;}
    .wid{width: 100%;height: 100%;position: absolute;top: 0;left: 0%;margin-left: 0px;overflow:hidden;}
#a_1_txt{position: absolute;top: 54%;width: 120px;left: 15%;}
#a_1_txt p{font-size: 16px;font-weight: bold;color: #38337b}
#a_2_txt{position: absolute;top: 54%;width: 120px;right: 5%;}
#a_2_txt p{font-size: 16px;font-weight: bold;color: #38337b}

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

}
/*iphone6*/
@media screen and (max-width:375px){

}
/*iphone6 qq*/
@media screen and (max-height: 740px){

}
}