/*字体*/
@font-face { font-family: 迷你简准圆; src: url('http://dctt.gog.cn/fonts/%c3%d4%c4%e3%bc%f2%d7%bc%d4%b2.ttf'); }
@font-face { font-family: 迷你简综艺; src: url('http://dctt.gog.cn/fonts/%c3%d4%c4%e3%bc%f2%d7%db%d2%d5.ttf'); }
/*整体页面*/
body { font-family: "宋体", "Arial", HELVETICA; font-size: 24px; color: #727171; }
.section { width: 640px; height: 1008px; background: url(../images/back_20160719.jpg) no-repeat; overflow: hidden; }
.paper { position: relative; margin: 111px 0 0 18px; width: 604px; height: 830px; background: url(../images/paper_20160719.png) no-repeat; }
.show { display: block; }
.hide { display: none; }
/*首页末页*/
.slogan { position: absolute; margin: 80px 0 0 23px; }
.cover { position: absolute; margin: 200px 0 0 29px; }
.intro { position: absolute; width: 620px; height: 230px; margin-top: 758px; background: #E8D9A6; border: 10px solid #E2C895; }
.intro p { font-family: "黑体"; font-size: 24px; line-height: 36px; color: #3E3A39; text-indent: 2em; width: 520px; margin-top: 20px; }
.intro i { display: block; font-family: "黑体"; font-style: normal; font-size: 24px; line-height: 36px; color: #3E3A39; text-align: center; width: 620px; margin-top: 20px; }
/*问题页标题*/
.title { position: absolute; margin: 157px 0 0 46px; width: 500px; border-top: 3px solid #414141; }
.title span { float: left; margin-top: -3px; margin-right: 10px; width: 57px; height: 200px; background: url(../images/number_20160719.png) no-repeat; font-family: "迷你简综艺"; font-size: 50px; text-indent: 14px; color: #ffffff; }
.title h2 { display: block; margin-top: 5px; font-family: "迷你简准圆"; font-size: 30px; color: #006180; }
/*问题页选项*/
.option { position: absolute; margin: 325px 0 0 102px; width: 440px; }
.option a {display: block; margin-bottom: 20px; font-family: "迷你简综艺"; color: #3E3A39; line-height: 32px; cursor: pointer; }
/*问题页吐槽*/
.input { position: absolute; margin: 588px 0 0 148px; }
.input .text { display: block; float: left; width: 200px; height: 50px; border: 1px solid #3E3A39; border-radius: 10px; font-size: 24px; color: #9FA0A0; text-indent: 10px; line-height: 50px; }
.input .submit { display: block; float: left; margin-left: 10px; width: 100px; height: 52px; border: 1px solid #3E3A39; border-radius: 10px; background-color: #81C784; color: #FFFFFF; font-family: "黑体"; font-size: 32px; cursor: pointer; }
/*问题页弹幕*/
.barrage { width: 604px; height: 300px; overflow: hidden; }
.barrage p { position: relative; left: 604px; font-size: 30px; font-weight:bolder; white-space: nowrap; }
.active .barrage .br1 {left: -604px; transition-duration: 30s; transition-delay: 1s; color: #006180; }
.active .barrage .br2 {left: -604px; transition-duration: 30s; transition-delay: 2s; color: #414141; }
.active .barrage .br3 {left: -604px; transition-duration: 30s; transition-delay: 3s; color: #E53934; }
.active .barrage .br4 {left: -604px; transition-duration: 30s; transition-delay: 4s; color: #000000; }
.active .barrage .br5 {left: -604px; transition-duration: 30s; transition-delay: 5s; color: #E2C895; }
/*答案页答案*/
.answer { position: absolute; font-family: "迷你简综艺"; margin: 54px 0 0 79px; line-height: 100px; z-index: 10; }
.answer p { display: block; float: left; font-size: 36px; color: #3E3A39; }
.answer b { display: block; float: left; margin-left: 10px; font-size: 100px; color: #E53934; }
/*答案页对错*/
.raw { position: absolute; width: 166px; height: 142px; margin: 82px 0 0 407px; overflow: hidden; }
/*答案页详细*/
.detail { position: absolute; margin: 230px 20px 0 76px; }
.detail h3 { font-family: "迷你简准圆"; font-size: 30px; color: #006180; }
.detail p { font-family: "黑体"; font-size: 24px; text-indent: 2em; margin-top: 20px; }
.detail .pic1 { position: absolute; margin: 190px 0 0 365px; }
.detail .pic2 { position: absolute; margin: 120px 0 0 0; }
.detail .pic3 { position: absolute; margin: 160px 0 0 0; }
.detail .pic4 { position: absolute; margin: 260px 0 0 0; }
.detail .pic5 { position: absolute; margin: 260px 0 0 0; }