/*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}
input,select{outline:none}
/* set image max width to 100% */
img,video{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: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%;background-size:600px 100%;max-height:900px;}*/

/*music*/
#viose{cursor: pointer;position: fixed;display: inline-block;top: 10px;right: 50%;z-index: 9999;margin-right: -290px;}

.conWidth{width: 520px;height: 100%;position: absolute;top: 0;left: 50%;margin-left: -260px;overflow: hidden;}
/*loading*/
#loading{background:#bdd9f1;text-align:center;width:100%;height:100%;z-index:99999;position: absolute;top: 0;left: 0}
#loading_img{position: absolute;width: 14%;left: 43%;top: 38%;}
#loading_img img{width: 100%}
#loading_p{position: absolute;top: 100%;width: 100%;}
#loading_p p{font-size: 20px;color: #888eae;line-height: 20px;font-weight: bold;}

/*fm*/
.fm{background:url(../images/fm_bg.jpg) center no-repeat;background-size:100% 100%;width: 100%;height: 100%;z-index: 9;position: absolute;top: 0;left: 0}
.fm_img{width: 100%;position: absolute;top: 0%;left: 0;/* display: none; */height: 100%;}
.fm_img img{width: 100%;height: 100%;}
.fm_til{width: 100%;position: absolute;top: 0%;left: 0%;display: none;}
.fm_logo{width: 30%;position: absolute;top: 2%;left: 4%}
.fm_guang{width: 100%;position: absolute;top: 0%;left: 0%;}
.fm img{width: 100%}
.goToCon{position: absolute;top: 51%;right: 35%;width: 30%;cursor: pointer;display: none}
.goToCon img{width: 100%}
.goToImg{position: absolute;top: 50%;right: 20%;width: 60%;cursor: pointer;display: none}
.goToImg img{width: 100%}

.con {width: 100%;height: 100%;position: absolute;top:0;left:0;background: url(../images/zoom_bg.jpg) center no-repeat;background-size:100% 100%;}
.conTxt{width: 100%;position: absolute;top: 0%;left: 0%;}
.conTxt img{width: 100%;}
.imgCon{width: 100%;position: absolute;top: 0%;left: 0%;height: 100%;}
.imgDiv {width: 2231px;height: 2625px;}
.imgCon img{width: 100%;}
.star{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: none;}
.star img{width: 100%;height: 100%;}
.star .star2{position: absolute;top: 0;left: 0;}

.fmVideo{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;z-index: -1;}

.conSM{position: absolute;top: 65%;width: 50%;left: 25%;display: none;}
.conSM img{width: 100%;}
.footer{width: 50%;position: absolute;bottom: 1%;left: 25%;display: none;}
.footer img{width: 100%;}
.share{width: 40%;position: absolute;bottom: 5%;right: 5%;display: none;}
.share img{width: 100%;}
.zan_bg{width: 80%;
    position: absolute;
    top: 23%;
    left: 10%;
    opacity: 1;
    }
.zan{width: 40%;
    position: absolute;
    top: 35%;
    left: 30%;
    opacity: 1;
    }
.zan_bg .zan img{width: 100%;}
.zan_bg #num{width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0%;
    opacity: 0;
    text-align: center;}
.num_bg{width: 100%;height: auto;}
.zan_bg #num .numTop{text-align: right;
    color: #bb3331;
    font-size: 32px;
    width: 100%;
    position: absolute;
    right: 7%;
    top: 0%;
    line-height: 95px;
    text-indent: 7.5px;
    font-weight: bold;}
.back{width: 30%;position: absolute;top: 88%;left: 35%;display: none}
.back img{width: 100%;}
.shareImg{width: 100%;position: absolute;top: 0%;left: 0%;background: rgba(0,0,0,0.7);display: none;height: 100%;}
.shareImg img{width: 30%;position: absolute;top: 0;right: 5%;}
.shareImg p{font-size: 14px;line-height: 30px;text-align: center;color: #fff;font-style: italic;}

.mainCon{position: absolute;top: 0%;left: 0%;width: 100%;height: 100%;background: #fff;opacity: 0;z-index: -1;}
.pop{width: 100%;height: 100%;}
.mainCon #mainConTC{position: absolute;width: 80%;height: 86%;top: 6%;left: 10%;}
.mainCon .close{position: absolute;bottom: -20px;right: 50%;position: absolute;width: 160px;cursor: pointer;margin-right: -80px;z-index: 10;}
.mainCon .close img{width: 100%}
.pop_top{position: relative;z-index: 9;}
.r_til{position: absolute;bottom: 25%;width: 74%;left: 13%;z-index: 10;}
.r_til img{width: 100%;}
.r_til_now{position: absolute;bottom: 25%;width: 74%;left: 13%;display: none;}
.r_til_now img{width: 100%;}
.img_front{position: absolute;top: 5%;width: 20%;right: 6%;z-index: 10;}
.img_front img{width: 100%;}
.img_back{position: absolute;top: 5%;width: 20%;right: 6%;z-index: 10;display: none;}
.img_back img{width: 100%;}
.pop_bottom{width: 100%;position: absolute;bottom: 0px;left: 0%;background: url(../images/con_bg.png) bottom center no-repeat;background-size:100% 100%;}
.pop_bottom .pop_bottom_txt{width: 86%;position: absolute;bottom: 30px;left: 7%;overflow-y: auto;height: 80%;}
.pop_bottom .pop_bottom_txt p{color: #bbdcff;line-height: 28px;text-indent: 2em;text-align:justify;}
.shuoming{position: absolute;top: 25%;right: 1%;width: 14%;z-index: 9;}
.shuoming img{width: 100%;}

@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */



@-webkit-keyframes flipOutYtest {
  from {
    -webkit-transform: perspective(1400px);
    transform: perspective(1400px);
  }

  40% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 60deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, 60deg);
    opacity: 1;
  }

  50% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
    opacity: 0;
  }
}

.test{
  -webkit-animation: flipOutYtest 0.75s linear;
  animation: flipOutYtest 0.75s linear;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes flipInYtest {
  from {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);
    opacity: 0;
  }

  50% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(1400px);
    transform: perspective(1400px);
    opacity: 1;
  }
}

.test2{
  -webkit-animation: flipInYtest 0.75s linear;
  animation: flipInYtest 0.75s linear;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.well-item{width: 100%; position: relative;/* background: url(../images/con_img_bg.png) top center no-repeat;background-size: 100% 100%; */padding: 0% 0% 12% 0%;}
.well-item img{
  width: 100%;
}
.correct{
	
  position: absolute;
  width: 100%;
      top: 0%;
      left: 0%;
}
.correct img{
	background: url(../images/con_img_bg.png) top center no-repeat;background-size:100% auto;
	padding-bottom: 12%;
}
.opposite{
	
  width: 100%;
  margin-left: 1px;
}
.opposite img{
	background: url(../images/con_img_bg.png) top center no-repeat;background-size:100% auto;
	padding-bottom: 12%;
  width: 100%;
}


/*媒体查询*/
/*iphone6s*/
@media screen and (max-width:600px){
body,.fm{background-size:100% 100%;width: 100%;height: 100%;}
#loading{width: 100%;height: 100%;top: 0;left: 0;margin-top: 0;margin-left: 0;}
#loading_p p{font-size: 16px;line-height: 16px;}

.conWidth{width: 100%;height: 100%;position: absolute;top: 0;left:0%;margin-left: 0px;overflow: hidden;}

}
/*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-width:375px) and (max-height: 600px){

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

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

}

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

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

}