@charset "UTF-8";
body, p, div, ol, ul, li, h1, span, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, iframe, input, textarea, select, label, article, aside, footer, header, menu, nav, section, time, audio, video,article, aside, footer, header, hgroup, nav, section, audio, canvas, video { display: block; margin: 0px; padding: 0px; }
body { font-size: 18px; font-family: '微软雅黑', Helvetica, STHeiti, Droid Sans Fallback; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
textarea { resize: none; }
iframe, img { border: 0; vertical-align: middle; margin: 0px; padding: 0px; }
ul, ol { list-style: none; }
input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; }
input { -webkit-appearance: none; }
a { text-decoration: none; }
.cf:after { content: ""; display: table; clear: both }
.cf { *zoom: 1 }
em { font-style: normal; }
html, body {
    -webkit-user-select: none;   /* 禁止选中文本（如无文本选中需求，此为必选项） */
    user-select: none;
}
html{height:100%;overflow:hidden;}
body{width:640px;transform-origin:0 0;-webkit-transform-origin: 0 0;overflow:hidden;margin:0 auto;background: url(images/bg1.jpg);height:830px;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);tap-highlight-color: rgba(0, 0, 0, 0);}
* li{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);tap-highlight-color: rgba(0, 0, 0, 0);-webkit-user-select: none; user-select: none;}
.w640{width:640px;height:830px;}


.next_page{ position:absolute;top:666px;left:0;width:100%; text-align:center;-webkit-animation: nextpage 2.5s ease-in-out 1s infinite ; z-index:1000}
@keyframes nextpage {from {opacity:1; margin-top:20px; }to {opacity:0;margin-top:0px;}}
@-webkit-keyframes nextpage {from {opacity:1; margin-top:20px; }to {opacity:0;margin-top:0px; }}

#mydiv{width: 640px;height: 830px;position:absolute;top:0;left:0; z-index:100}
.loadPage{position: absolute;top:0px;left:0px;}
.loadPage{width: 130px; height: 155px;overflow: hidden ;top:305px;left:248px;}
.loading {width: 100%; height: 100%;text-align: center;top:0px;}
.loading .loading-num { padding-left:5px;height: 20px; width:100%;font: 18px/18px Tahoma;top:20px; color: #FFF; text-align: center;}
.loading .inner {width: 100%; height: 4px; background-color: #FFF; top:45px;}
.loading .inner .loading-progress { width: 0px; height:4px; background-color: #a0083b; float:left; }
.loading .loading-txt { top:55px;height: 20px; width:100%;top:67px;font: 18px/18px Tahoma; color: #FF0628; text-align: center;}
.load_an{ background:url(images/load1.gif) no-repeat;width:129px;height:105px;
		animation: loading 5s step-end infinite;
	-ms-animation: loading 5s step-end infinite;
	-moz-animation: loading 5s step-end infinite;
	-webkit-animation: loading 5s step-end infinite;
}
.share{width:640px;height:830px;background-color: rgba(10,10,10,0.9);z-index: 400;display: none; position:absolute;left:0;top:0;}
.share span{text-align: center; display:block;}
.share #jiantou{text-align: right;padding-top:20px;padding-right:65px;padding-bottom:100px;}
.share #share{padding-left:25px;padding-bottom:80px;}
.share_btn{position:absolute;top:385px;left:195px;}

.fm{background:url(images/fm.jpg);width:640px;height:830px; position: relative;display:none;}
.fm p{display: block;position: absolute;top:783px;left:0;color:#666666;font-size:16px;width:100%;text-align: center; }
.p1_con{position: relative; display: none;}
.sound{width:380px;height:242px; position: absolute;top:65px;left:125px; z-index: 20}
.sound p{color:#cc3333;font-size: 14px; text-align: center;margin-top:180px;margin-left:5px;z-index: 10;position: absolute;text-align: center;width:100%;}
.sound_line{width:640px;position: absolute;bottom:565px;left:124px;height:110px; z-index: 10;}
.sound_line li{width:14px;display: block;height:6px; float: left;background: url(images/sun1.png);margin-right:4px; position: absolute;bottom:0;}
.sound_line .a1{left:0;}
.sound_line .a2{left:18px;}
.sound_line .a3{left:36px;}
.sound_line .a4{left:354px;}
.sound_line .a5{left:372px;}
.sound_line .a6{left:390px;}

.pan{background: url(images/pan.png);width:226px;height:226px;position: absolute;top:16px;left:82px; z-index: 2;}
.pan.this{-webkit-animation: rotateA 2s 1s linear infinite;
}
@keyframes rotateA {from {transform: rotate(0deg)}to {transform: rotate(360deg)}}
@-webkit-keyframes rotateA {from {-webkit-transform: rotate(0deg)}to {-webkit-transform: rotate(360deg)}}

@keyframes rotateB {from {transform: rotate(0deg);-webkit-transform-origin:29px 58px;}to {transform: rotate(30deg);-webkit-transform-origin:29px 58px;}}
@-webkit-keyframes rotateB {from {-webkit-transform: rotate(0deg);-webkit-transform-origin:29px 58px;}to {-webkit-transform: rotate(30deg);-webkit-transform-origin:29px 58px;}}

.pan_play{background: url(images/play.png);width:66px;height:66px;z-index: 3;position: absolute;top:95px;left:162px;}
.point{background: url(images/t.png);width:49px;height:204px;position: absolute;top:0;left:300px; z-index: 5}
.point.this{-webkit-animation: rotateB 1s  linear forwards;animation: rotateB 1s  linear forwards;
}
.progress{background: url(images/p1.png);width:404px;height:34px;position: absolute;top:362px;left:122px;}
.progress_p{background: url(images/p2.png);width:16px;height:11px;position: absolute;top:344px;left:116px;}
.p_txt{font-size:18px;color:#363636;position: absolute;top:310px;left:200px;}

.question{top:420px;left:120px;position: absolute;width:400px;height:50px;line-height:50px;text-align:center;color:#fff;background: #000;font-size: 24px;}
.answer{position: absolute;left:118px;top:507px;}
.answer ul li{font-size:24px;width:401px;height:50px; text-align: center;border:1px solid #b8b4a9;margin-bottom:17px; display:block;outline:none;line-height:50px;}

.answer ul li.wrong{background: url(images/wrong.png);border:none;width:403px;height:52px;border:0;outline:none;line-height:52px;}
.answer ul li.right{background: url(images/true.png);border:none;width:403px;height:52px;border:0;outline:none;line-height:52px;}

.fd{background: url(images/fd.jpg); overflow: hidden; display: none;}
.fenshu{position: absolute;top:130px;left:170px;width:85px;text-align: center;font-size:62px;color:#fff;letter-spacing:-4px;}
.fd h1{margin-top:440px;text-align: center;color:#da6b20;font-size:48px;}
.fd p{margin-top:20px;text-align: center;color:#656565;font-size:26px;}
.share_btn{position: absolute;top:576px;left:118px;width:401px;height:50px;line-height:50px;text-align:center;font-size:24px;color:#363636;border:1px solid #363636;}
.again{position: absolute;top:646px;left:118px;width:401px;height:50px;line-height:50px;text-align: center;font-size:24px;color:#363636;border:1px solid #363636;}


.animated {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}


@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
          animation-name: flash;
}