@charset "UTF-8";
/*  reset */
body, dl, dd, ul, ol, h1, h2, h3, h4, pre, optgroup, p, blockquote, hr, menu, dir { margin: 0; padding: 0; }
ul, ol { list-style-type: none; list-style-image: none; }
a { text-decoration: none; color: #333333; }
a:active { background-color: transparent; }
a:active, a:hover { outline: 0 none; }
a:focus { outline: 1px dotted; }
html { -ms-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none; font-size: 62.5%; height: 100%; }
body { font-size: 15px; line-height: 1.5em; color: #333333; height: 100%; }
body, button, input, select, textarea { font-family: 'helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif; -ms-text-autospace: ideograph-alpha ideograph-numeric ideograph-parenthesis; text-autospace: ideograph-alpha ideograph-numeric ideograph-parenthesis; }
b, strong { font-weight: bold; }
i, em { font-style: normal; }
img { border: 0 none; width: auto\9; height: auto; max-width: 100%; vertical-align: top; }
article, aside, footer, header, main, nav, section, summary { display: block; }
.g-doc {height:100%;margin: 0 auto; overflow: hidden; background: #f2f2f2; min-height: 100%; }
@media only screen and (min-width: 1025px) { .g-doc { max-width: 320px; } }

.footer{color: #fff;font-size:12px;line-height: 20px;width: 100%;text-align: center;}
.footer a{color:#fff;}
.cover-footer{position:absolute;left:0;top: 88%;z-index: 1;}

.m-load{height: 100%;}
.m-load .u-bg{position:absolute;top:0;left:0;width:100%;height:100%;}
.m-load .loadbox{width:100%;position:absolute;top:50%;left:50%;}
.m-load .loadcar{width:0;height:60px;position:relative;overflow:hidden;}
.m-load .u-img{width:120px;max-width:120px;display:block;position:absolute;top:0;right:0;}
.m-load .u-txt{width:100%;margin:0 auto;text-align:center;color:#fff;font-size:20px;}
.f-align{-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);}
.f-xalign{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);}
.f-yalign{-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);}
.m-cover{height: 100%;position: relative;}
.m-cover .m-bg{position:absolute;top:0;left:0;height:100%;}
.m-cover .m-bg img{width:100%;height:100%;}
.m-cover .m-triangle{width: 100%;height: 100%;position: absolute;left: 50%;top: 50%;background: transparent url(images/triangle.png) left top no-repeat;background-size: 100%;opacity:0;}
.m-cover .m-th,.m-rule .m-th{padding:15px 12px 0;overflow:hidden;position:relative;}
.m-rule .m-th{padding-left:2px;}
.m-cover .u-logo,.m-rule .u-logo{width:18%;float:left;}
.m-cover .u-music{width:35px;float:right;}
.m-cover .m-tit{width:71%;position:absolute;top:30%;left:50%;}
.m-cover .u-ctit{opacity:0;}
.m-cover .u-ctitb{opacity:0;}
.m-cover .m-car{width:100%;position:absolute;top:63%;left:50%;opacity:0;}
.m-cover .m-btn{width:85%;overflow:hidden;position:absolute;top:82%;left:50%;opacity:0;height: 10%;}
.m-cover .m-btn a{width:48%;float:left;color:#fff;margin:0 2%;position:relative;height: 90%;}
.m-cover .m-btn a:nth-child(1){margin-left:0;background: url(images/btn.png) no-repeat 0 0;background-size: contain;}
.m-cover .m-btn a:nth-child(2){margin-right:0;background: url(images/btn2.png) no-repeat 0 0;background-size: contain;}
.m-cover .m-btn a .hover{display:none;}
.m-cover .m-btn a:hover .hover{display:block;}
.m-cover .m-btn a:hover .img{display:none;}
.m-ques{height:100%;position:relative;}
.m-ques .u-bg{position:absolute;top:0;left:0;width:100%;height:100%;}
.m-ques .m-th{overflow:hidden;position:relative;height: 35%;}
/*.m-ques .m-th img{width:100%;margin:0 auto;height: 100%;}*/
.m-ques .m-tb{padding: 5% 20px 0;color:#fff;height: 60%;}
.m-ques .m-tb .u-th{height:45px;text-align:center;position:relative;}
.m-ques .m-tb .u-tb{position:relative;height:70%;}
.m-ques .m-tb ul{height:80%;overflow:hidden;}
.m-ques .m-tb .u-tt{width:172px;height:36px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);}
/*.m-ques .m-tb .u-tt1{background-position:0 0;}
.m-ques .m-tb .u-tt2{background-position:-67px 0;}
.m-ques .m-tb .u-tt3{background-position:-135px 0;}
.m-ques .m-tb .u-tt4{background-position:-202px 0;}
.m-ques .m-tb .u-tt5{background-position:0 -23px;}
.m-ques .m-tb .u-tt6{background-position:-67px -23px;}
.m-ques .m-tb .u-tt7{background-position:-135px -23px;}
.m-ques .m-tb .u-tt8{background-position:-202px -23px;}
.m-ques .m-tb .u-tt9{background-position:0 -45px;}
.m-ques .m-tb .u-tt10{background-position:-67px -45px;}*/
/*.m-ques .m-tb .u-tt::before{content:"";width:45px;height:33px;background:url(images/btnlist.png) no-repeat -175px -45px;background-size:288px;display:block;position:absolute;left:-50px;top:0;}
.m-ques .m-tb .u-tt::after{content:"";width:45px;height:33px;background:url(images/btnlist.png) no-repeat -175px -45px;background-size:288px;display:block;position:absolute;right:-50px;top:0;-webkit-transform:rotateY(180deg);}*/
.m-ques .m-tb .u-tit{overflow:hidden;margin: 5% 0;}
.m-ques .m-tb .u-que{float:left;font-size:20px;}
.m-ques .m-tb .u-time{float:right;position:relative;}
.m-ques .m-tb .u-time::before{content:"";width:17px;height:19px;display:block;position:absolute;left:-20px;background:url(images/btnlist.png) no-repeat -156px -45px;background-size:288px;}
.m-ques .m-tb .red{color:#FE3434;}
.m-ques .m-tb .red::before{content:"";background:url(images/btnlist.png) no-repeat -138px -45px;background-size:288px;}
.m-ques .m-tb li{width:100%;margin-bottom: 4%;height:25%;b}
/*.m-ques .m-tb .u-toc{width:100%;display:block;position:relative;}*/
.m-ques .m-tb .u-toc{width:100%;display:block;position:relative;height: 100%;background:url(images/toc.png) no-repeat 0 0;background-size:100%;}
.m-ques .m-tb .hover.u-toc{background:url(images/tochover.png) no-repeat 0 0;background-size:100%;}
.m-ques .m-tb .u-toc i{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);}
/*.m-ques .m-tb .u-toc img{position:relative;z-index:3}*/
/*.m-ques .m-tb .u-toc .h{display:none;}
.m-ques .m-tb .u-toc:hover .h{display:block;}
.m-ques .m-tb .u-toc:hover .a{display:none;}*/
.m-rule{height:100%;background:#191C1E;padding:0 10px;}
.m-rule .m-rulebox{width:100%;height:100%;position:relative;}
.m-rule .u-rule{width:95%;position:absolute;top:48%;left:50%;}
.m-rule .u-award{width:80%;position:absolute;top:26%;left:50%;}
.m-rule .u-tit{width:90%;position:absolute;top:70%;left:50%;}
.m-rule .u-close{width:6%;position:absolute;top:7%;right:5%;}
.m-foot{height:100%;padding:0 15px;}
.m-foot .u-bg{position:absolute;top:0;left:0;width:100%;height:100%;}
.m-foot .m-footbox{width:100%;height:100%;position:relative;}
.m-foot .u-footth{width:100%;position:absolute;top: 30%;left:50%;}
.m-foot .u-foottb{width: 145%;position:absolute;bottom:0%;left:-75%;}
.m-foot .u-ftxt{height: 55%;position: absolute;top: 0;left: 0;width: 100%;}
.m-foot .u-fth{padding:8% 0 0;text-align:center;font-size: 26px;color:#dfdfdf;}
.m-foot .u-ftb{padding: 8% 0;text-align:center;font-size: 30px;color:#dfdfdf;}
.m-foot .u-fth i,.m-foot .u-ftb em{color:#1775F2;}
.m-foot .u-fth i{font-size: 32px;padding: 0 2px;}
.m-foot .u-fth em{font-size:29px;}
.m-foot .u-fbtn{width:85%;height:30%;position:absolute;top: 65%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);}
.m-foot .u-fbtn a{float:left;width:48%;margin:0 2%;height: 75%;}
.m-foot .u-fbtn a:nth-child(1){margin-left:0;background: url(images/lastbtn1.png) no-repeat 0 0;background-size: contain;}
.m-foot .u-fbtn a:nth-child(2){margin-right:0;background: url(images/lastbtn2.png) no-repeat 0 0;background-size: contain;}
.m-foot .u-fbtn a:nth-child(1):hover{background: url(images/lastbtn1h.png) no-repeat 0 0;background-size: contain;}
.m-foot .u-fbtn a:nth-child(2):hover{background: url(images/lastbtn2h.png) no-repeat 0 0;background-size: contain;}
.m-foot .anni{opacity:0;}
.m-foot .u-code{width:40%;position:absolute;top:55%;left:50%;-webkit-transform:translateX(-50%);}
.m-foot .sharebg{width:100%;height:100%;position:absolute;top:0;left:0;display:none;z-index:15;}
.m-foot .sharebg img{width:100%;height:100%;}
#doc{height:100%;}
.u-music{width:25px;height:20px;position:absolute;top:0;right:0;}
.u-music em{width:3px;height:10%;display:block;position:absolute;left:0;bottom:0;background:#DFDFDF;}
.u-music em:nth-child(1){left:0;}
.u-music em:nth-child(2){left:5px;}
.u-music em:nth-child(3){left:10px;}
.u-music em:nth-child(4){left:15px;}
.u-music em:nth-child(5){left:20px;}
.audio{position:fixed;z-index:10}
#music-btn{padding:10px;position:fixed;top:1%;right:3%;z-index:10}
#music-btn i{display:block;width:24px;height:24px;background:url(images/music.png) no-repeat;background-size:24px}
#music-btn p{opacity:0;position:absolute;top:0;left:-20px;color:#fff;line-height:50px;-webkit-transform:translateX(-10px);transform:translateX(-10px);-webkit-transition:all .4s linear;transition:all .4s linear;font-size:12px}
.audio .play i{-webkit-animation:rotate 1.2s linear 0s infinite;animation:rotate 1.2s linear 0s infinite}
#music-btn .show{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
.play .anni{-webkit-animation:zoomInDown 0.5s cubic-bezier(0.6, -0.28, 0.74, 0.05) both 0.2s;animation:zoomInDown 0.5s cubic-bezier(0.6, -0.28, 0.74, 0.05) both 0.2s;}

.m-ques .m-th img.play2{-webkit-animation: zoomIn both 1s;animation:zoomIn both 1s;}
.m-ques .u-th img.play{-webkit-animation: fadeInRightB 0.2s ease-out both 0.1s;animation:fadeInRightB 0.2s ease-out both 0.1s;}
.m-ques .u-que .play{display:block;opacity:0;-webkit-transform: translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);-webkit-animation: fadeInRightB 0.2s ease-out both 0.15s;animation:fadeInRightB 0.2s ease-out both 0.15s;}
li:nth-child(1) .play{-webkit-transform: translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);-webkit-animation: fadeInRightB 0.5s ease-out both 0.25s;animation:fadeInRightB 0.5s ease-out both 0.25s;}
li:nth-child(2) .play{-webkit-transform: translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);-webkit-animation: fadeInRightB 0.5s ease-out both 0.3s;animation:fadeInRightB 0.5s ease-out both 0.3s;}
li:nth-child(3) .play{-webkit-transform: translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);-webkit-animation: fadeInRightB 0.5s ease-out both 0.35s;animation:fadeInRightB 0.5s ease-out both 0.35s;}
.play .m-triangle{-webkit-transform: translate3d(-50%, -50%, 0) scale(0.1);transform: translate3d(-50%, -50%, 0) scale(0.1);-webkit-animation: showtriangle 0.5s ease-in both;animation: showtriangle 0.5s ease-in both;}
.play .m-car{-webkit-animation: fadeIn 0.5s ease-in both 0.9s;animation: fadeIn 0.5s ease-in both 0.9s;}
.play .m-btn{-webkit-transform: translate3d(-50%, -50%, 0) scale(0.1);transform: translate3d(-50%, -50%, 0) scale(0.1);-webkit-animation: showtriangle 0.5s ease-in both 1.5s;animation: showtriangle 0.5s ease-in both 1.5s;}
.play .u-ctit{-webkit-transform: translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);-webkit-animation: fadeInLeft 0.7s cubic-bezier(0.68, -0.55, 0.27, 1.55) both 0.8s;animation:fadeInLeft 0.7s cubic-bezier(0.68, -0.55, 0.27, 1.55) both 0.8s;}
.play .u-ctitb{-webkit-transform: translate3d(-20%, 0, 0);transform:translate3d(-20%, 0, 0);-webkit-animation: fadeInRight 0.7s cubic-bezier(0.4, 0, 0.2, 1) both 1s;animation:fadeInRight 0.7s cubic-bezier(0.4, 0, 0.2, 1) both 1s;}
.play .u-fcar{opacity:1;-webkit-animation: carRun 0.8s linear both 0.15s;animation:carRun 0.8s linear both 0.15s;}
/*ani*/
@-webkit-keyframes showtriangle { 100% { -webkit-transform: translate3d(-50%, -50%, 0) scale(1); transform: translate3d(-50%, -50%, 0) scale(1); opacity: 1; } }
@keyframes showtriangle { 100% { -webkit-transform: translate3d(-50%, -50%, 0) scale(1); transform: translate3d(-50%, -50%, 0) scale(1); opacity: 1; } }

@-webkit-keyframes fadeInLeft {from {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);} to {opacity: 1;-webkit-transform: none;transform: none;} }
@keyframes fadeInLeft {from {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);} to {opacity: 1;-webkit-transform: none;transform: none;} }

@-webkit-keyframes fadeInRight {from {opacity: 0;-webkit-transform: translate3d(20%, 0, 0);transform:translate3d(20%, 0, 0);} to {opacity: 1;-webkit-transform: none;transform: none;} }
@keyframes fadeInRight {from {opacity: 0;-webkit-transform: translate3d(20%, 0, 0);transform:translate3d(20%, 0, 0);} to {opacity: 1;-webkit-transform: none;transform: none;} }

@-webkit-keyframes fadeInRightB {from {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform:translate3d(100%, 0, 0);} to {opacity: 1;-webkit-transform: none;transform: none;} }
@keyframes fadeInRightB {from {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform:translate3d(20%, 0, 0);} to {opacity: 1;-webkit-transform: none;transform: none;} }

@-webkit-keyframes fadeIn {from {opacity: 0;} to {opacity: 1;} }
@keyframes fadeIn {from {opacity: 0;} to {opacity: 1;} }

@-webkit-keyframes loadcar {from {-webkit-transform: none;transform: none;} to {-webkit-transform: translate3d(400%, 0, 0);transform:translate3d(400%, 0, 0);} }
@keyframes loadcar {from {-webkit-transform: none;transform: none;} to {-webkit-transform: translate3d(400%, 0, 0);transform:translate3d(400%, 0, 0);} }


@-webkit-keyframes zoomInDown { from {opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);} 60% {
    opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);} 100% {opacity:1;}}

@keyframes zoomInDown { from {opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);} 60% {
    opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);} 100% {opacity:1;}}


@-webkit-keyframes zoomIn { 0% {opacity: 1;-webkit-transform: scale3d(2, 2, 2);transform: scale3d(2, 2, 2);} 100%{opacity: 1;}}
@keyframes zoomIn { 0% {opacity: 1;-webkit-transform: scale3d(2, 2, 2);transform: scale3d(2, 2, 2);} 100%{opacity: 1;}}

@-webkit-keyframes carRun {from {opacity: 1;-webkit-transform:translateX(0%);transform:translateX(0%);} to {opacity: 1;-webkit-transform:translateX(58%);transform:translateX(58%);} }
@keyframes carRun {from {opacity: 1;-webkit-transform:translateX(0%);transform:translateX(0%);} to {opacity: 1;-webkit-transform:translateX(58%);transform:translateX(58%);} }