/*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;bottom: 0%;left: 0;/* display: none; */height: 100%;}
.fm_img img{width: 100%;height: 100%;}
.fm_til{width: 56%;position: absolute;top: 10%;left: 24%;display: none;}
.fm_logo{width: 30%;position: absolute;top: 2%;left: 4%}
.fm img{width: 100%}
.goToCon{position: absolute;bottom: 7%;right: 35%;width: 30%;cursor: pointer;display: none}
.goToCon 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%;}



.ren{position: absolute;background: url(../images/ren_bg.png) top center no-repeat;background-size: 102.9% 110.5%;padding-right: 0.3%;padding-bottom: 0.3%;opacity: 1;height:50.75px;/* transform:rotateX(40deg) rotateY(6deg) rotateZ(-5deg) skew(0,0deg);transform-origin:bottom center;-webkit-transform-origin:bottom center;-ms-transform-origin:bottom center;-moz-transform-origin:bottom center;-o-transform-origin:bottom center; */}
.ren img{width: 100%;height: 100%;}
#r1{top: 31.3%;left: 37.9%;width:66.93px;}
#r2{top: 31.3%;left: 41.1%;width:66.93px;}
#r3{top: 31.3%;left: 44.3%;width:66.93px;}
#r4{top: 31.3%;left: 47.5%;width:66.93px;}
#r5{top: 31.3%;left: 50.7%;width:66.93px;}
#r6{top: 31.3%;left: 53.9%;width:66.93px;/*  */}
#r7{top: 31.3%;left: 57.1%;width:66.93px;}
#r8{top: 31.3%;left: 60.3%;width:66.93px;}
#r9{top: 31.3%;left: 63.5%;width:66.93px;}
#r10{top: 31.3%;left: 66.7%;width:66.93px;}

#r11{top: 26.7%;left: 45%;width:66.93px;}
#r12{top: 29%;left: 44.5%;width:66.93px;}
#r13{top: 33.5%;left: 44%;width:66.93px;}

#r14{top: 26.7%;left: 59.5%;width:66.93px;}
#r15{top: 29%;left: 60%;width:66.93px;}
#r16{top: 33.5%;left: 60.5%;width:66.93px;}

#r17{top: 36.2%;left: 41.6%;width:66.93px;}
#r18{top: 36.2%;left: 44.8%;width:66.93px;}
#r19{top: 36.2%;left: 48%;width:66.93px;}
#r20{top: 36.2%;left: 51.2%;width:66.93px;/*  */}
#r21{top: 36.2%;left: 54.4%;width:66.93px;/*  */}
#r22{top: 36.2%;left: 57.6%;width:66.93px;}
#r23{top: 36.2%;left: 60.8%;width:66.93px;}
#r24{top: 36.2%;left: 64%;width:66.93px;}

#r25{top: 38.6%;left: 41%;width:66.93px;}
#r26{top: 38.6%;left: 50.6%;width: 3.3%;}
#r27{top: 38.6%;left: 54.3%;width: 3.3%;}
#r28{top: 38.6%;left: 64.3%;width:66.93px;}

#r29{top: 41.2%;left: 34.5%;width:66.93px;}
#r30{top: 41.2%;left: 37.8%;width:66.93px;}
#r31{top: 41.2%;left: 41.1%;width:66.93px;}
#r32{top: 41.2%;left: 44.4%;width:66.93px;}
#r33{top: 41.2%;left: 47.7%;width:66.93px;}
#r34{top: 41.2%;left: 51%;width:66.93px;}
#r35{top: 41.2%;left: 54.3%;width:66.93px;}
#r36{top: 41.2%;left: 57.6%;width:66.93px;}
#r37{top: 41.2%;left: 60.9%;width:66.93px;}
#r38{top: 41.2%;left: 64.2%;width:66.93px;}
#r39{top: 41.2%;left: 67.5%;width:66.93px;}
#r40{top: 41.2%;left: 70.8%;width:66.93px;}

#r41{top: 43.7%;left: 51%;width:66.93px;}
#r42{top: 43.7%;left: 54.5%;width:66.93px;}

#r43{top: 46%;left: 49.3%;width:66.93px;}
#r44{top: 46%;left: 56.2%;width:66.93px;}

#r45{top: 48.7%;left: 39.6%;width:66.93px;}
#r46{top: 48.7%;left: 43.3%;width:66.93px;}
#r47{top: 48.7%;left: 47%;width:66.93px;}

#r48{top: 48.7%;left: 58.5%;width:66.93px;}
#r49{top: 48.7%;left: 62.2%;width:66.93px;}
#r50{top: 48.7%;left: 65.9%;width:66.93px;}

#r51{top: 57.1%;left: 32.9%;width:66.93px;}
#r52{top: 57.1%;left: 45.1%;width:66.93px;}
#r53{top: 57.1%;left: 53%;width:66.93px;}

#r54{top: 59.6%;left: 26.6%;width:66.93px;}
#r55{top: 59.6%;left: 30%;width:66.93px;}
#r56{top: 59.6%;left: 33.4%;width:66.93px;}
#r57{top: 59.6%;left: 36.8%;width:66.93px;}

#r58{top: 59.6%;left: 41.7%;width:66.93px;}
#r59{top: 59.6%;left: 45.1%;width:66.93px;}
#r60{top: 59.6%;left: 48.5%;width:66.93px;}
#r61{top: 59.6%;left: 51.9%;width:66.93px;}
#r62{top: 59.6%;left: 55.3%;width:66.93px;}
#r63{top: 59.6%;left: 58.7%;width:66.93px;}

#r64{top: 62.1%;left: 29.7%;width:66.93px;}
#r65{top: 62.1%;left: 34.9%;width:66.93px;}
#r66{top: 62.1%;left: 40.6%;width:66.93px;}
#r67{top: 62.1%;left: 45.2%;width:66.93px;}
#r68{top: 62.1%;left: 53.6%;width:66.93px;}

#r69{top: 64.7%;left: 27.2%;width:66.93px;}
#r70{top: 64.7%;left: 32.5%;width:66.93px;}
#r71{top: 64.7%;left: 45.4%;width:66.93px;}
#r72{top: 64.7%;left: 48.9%;width:66.93px;}
#r73{top: 64.7%;left: 52.4%;width:66.93px;}
#r74{top: 64.7%;left: 55.9%;width:66.93px;}
#r75{top: 64.7%;left: 59.4%;width:66.93px;}

#r76{top: 67.3%;left: 25.3%;width:66.93px;}
#r77{top: 67.3%;left: 30.5%;width:66.93px;}
#r78{top: 67.3%;left: 45.3%;width:66.93px;}
#r79{top: 67.3%;left: 54.1%;width:66.93px;}

#r80{top: 69.9%;left: 28%;width:66.93px;}
#r81{top: 69.9%;left: 37.3%;width:66.93px;}
#r82{top: 69.9%;left: 45.3%;width:66.93px;}
#r83{top: 69.9%;left: 49.1%;width:66.93px;}
#r84{top: 69.9%;left: 52.9%;width:66.93px;}
#r85{top: 69.9%;left: 56.7%;width:66.93px;}
#r86{top: 69.9%;left: 60.5%;width:66.93px;}

#r87{top: 72.5%;left: 26.3%;width:66.93px;}
#r88{top: 72.5%;left: 38%;width:66.93px;}
#r89{top: 72.5%;left: 45.5%;width:66.93px;}
#r90{top: 72.5%;left: 54.8%;width:66.93px;}

#r91{top: 75.1%;left: 23.8%;width:66.93px;}
#r92{top: 75.1%;left: 27.6%;width:66.93px;}
#r93{top: 75.1%;left: 31.4%;width:66.93px;}
#r94{top: 75.1%;left: 35.2%;width:66.93px;}
#r95{top: 75.1%;left: 39%;width:66.93px;}
#r96{top: 75.1%;left: 45.5%;width:66.93px;}
#r97{top: 75.1%;left: 49.3%;width:66.93px;}
#r98{top: 75.1%;left: 53.1%;width:66.93px;}
#r99{top: 75.1%;left: 56.9%;width:66.93px;}
#r100{top: 75.1%;left: 60.7%;width:66.93px;}


.conSM{position: absolute;top: 44%;width: 40%;left: 58%;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: 40%;position: absolute;bottom: 5%;left: 5%;opacity: 0;background: url(../images/zan_bg.png) center no-repeat;background-size:100% 100%;}
.zan{width: 100%;}
.zan_bg .zan img{width: 100%;}
.zan_bg #num{width: 90%;height: 50%;position: absolute;top: 25%;left: 5%;opacity: 0;text-align: center;}
.zan_bg #num .numTop{text-align: center;color: #cbfffe;font-size: 14px;}
.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;background: url(../images/pop_bg.png) center no-repeat;background-size:100% 100%;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){

}