﻿/*reset*/
body,div,ol,ul,h1,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{margin:0;padding:0;}
article,aside,footer,header,hgroup,nav,section,audio,canvas,video{display:block;}
body{font-size:100%;-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;}
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;}
h1,h2,h3,h4{font-weight:100;}
/*tj hack*/
#sta_collection{
	height: 0px;	
	overflow: hidden;    	
}
/*page*/
html{font-size: 62.5%;height: 100%;}
body{font:1.6rem Arial,'Microsoft Yahei'; color:#000; min-width:320px;height: 100%;overflow: hidden;}
h1,h2,h3,h4,h5,h6{font-size:1.6rem;}  
.wrap{width: 100%; height: 100%; overflow-x: hidden; position: relative;max-width:600px;margin:0 auto;}

.cover{width: 100%; height: 100%; position: absolute; z-index: 50; top: 0;left: 0;}
.cover, .content, .result {background:url(../image/bg.jpg);text-align:center; }
#mainLogo
{
    width:100%;
    max-width:450px;
    margin:0 auto;
} 
.title_wrap{background:url(../image/duyin.png) no-repeat center center; background-size:100%; width:263px; height:217px; position:absolute; top:83px; left:50%; margin-left:-132px;}
.cover .start {background:#009345; color:#FFF; font-size:26px; width:90px; text-align:center; height:90px; line-height:90px; -webkit-border-radius:45px;  left:50%; margin-left:-45px; position:absolute; -webkit-animation:start 2.4s ease-in infinite;}
@-webkit-keyframes start{
		0%{-webkit-transform:scale(1,1);}
		50%{-webkit-transform:scale(1.1,1.1);}
		100%{-webkit-transform:scale(1,1);}
		}
.content {width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 20;}
.content .box {width:50%; height:100%; position:absolute; z-index:10;}
.content .fleft {left:0;}
.content .fright {right:0;} 
.content .text {color:#479947; width:30px; font-size:30px; text-align:center; margin:0 auto; padding-top:67px; height:35%;}
.content .text span {color:#ff6600; display:block}

.content .pytext {width:50%;margin:10px auto 0; text-align:center; font-size:25px; color:#ff6600; font-family: "droid sans fallback";}

.content .btn {cursor:pointer;background:url(../image/w0.png) 50% 50% no-repeat #96d596; background-size:50px 50px; width:90px; height:90px; -webkit-border-radius:45px; margin:60px auto 0;}

/*.content .btn {background:#96d596; color:#FFF; background-size:31px 42px; width:90px; height:90px; line-height:90px; text-align:center; -webkit-border-radius:45px; margin:60px auto 0; font-size:28px;}*/
.content .right {background:url(../image/w1.png) 50% 50% no-repeat #4ab94a; background-size:45px 33px;}
.content .err {background:url(../image/w2.png) 50% 50% no-repeat #ff6600; background-size:34px 34px;}
.content .boxd {color:#999b9a; position:absolute; z-index:9; left:0; top:0; width:100%; height:100%; font-size:14px; text-align:center;}
.content .fgx {width:100%; padding-top:67px; height:45%;}
.content .fgx .font {font-size:28px; color:#717171;}
.content .fgx .font span {color:#ff6600;}
.content .fgx .t_txt {width:80%;margin:20px auto 0; text-align:center; font-size:18px; color:#717171; line-height:27px;}
/*.content .fgx .t_txt .icon {background:url(../image/icon.png) no-repeat; background-size:100%;width:25px; height:25px; float:left; margin:2px 6px 0 0;} */
.content .mark {height:25px; line-height:25px;}
.content .mark span {color:#ff6600;}
.content .txt {height:25px; line-height:25px;}
.result {width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 30;}
.result .img {background:url(../image/rank01.png) no-repeat; background-size:100%; width:160px; height:108px; margin:42px auto 0;}
.result .img2 {background:url(../image/rank02.png) no-repeat; background-size:100%; width:160px; height:108px; margin:48px auto 0;}
.result .img3 {background:url(../image/rank03.png) no-repeat; background-size:100%; width:160px; height:108px; margin:48px auto 0;}
.result .img4 {background:url(../image/rank04.png) no-repeat; background-size:100%; width:160px; height:108px; margin:48px auto 0;}
.result .img5 {background:url(../image/rank05.png) no-repeat; background-size:100%; width:160px; height:108px; margin:48px auto 0;}
.result .img_new {background:url(../image/rank_new.png) no-repeat; background-size:100%; width:200px; height:152px; margin:25px auto 0;}
.result .text {margin:0 auto; width:90%;text-align: center;}
.result .txt01 {color:#479947; font-size:22px; font-family: "宋体";height:43px; line-height:43px; text-align: center;margin: 20px auto;}
/*.result .txt02 {color:#479947; font-size:14px; height:60px;line-height:18px; text-align: left;margin: 20px auto;}*/
.result .txt01 span {color:#ff6600;}
.result .res_word {color:#999b9a; font-size:18px; line-height:24px; padding-bottom:10px;}
.result .res_btn {color:#FFF; width:141px; text-align:center; height:42px; line-height:42px; font-size:18px; -webkit-border-radius:6px; margin:14px auto 0;}
.result .res_next {background:#4ab94a; }
.result .share_btn {background:#ff6600;}
.copyright{width: 100%; color: #999b9a; text-align: center; position: absolute; bottom: 10px; left: 0; font-size: 14px; z-index:-1;}
.copyright a{color: #999b9a;}
.banner {width:100%; position:absolute; bottom:-5px; text-align:center; z-index:-1;}
.banner img {width:100%;}
.share{width: 100%; height: 100%; position: absolute; z-index: 999; top: 0; left: 0;}
.share_bg{width: 100%; height: 100%; background: #000000; opacity: 0.8;}
.share>img{width: 206px; position: absolute; right:0; top: 5px;	}
.non{display: none;}
.box_content{background:url(../image/bg2.png);background-size:7px 7px; width:100%;-webkit-transition:all 1s ease 0;position: absolute; left:0; z-index:99;font-size: 1.2rem;}
.pos_a{  z-index:1000;}
.box_list{ position:relative;}
.box_list{ width:100%;}
.tit01{ font:16px/46px microsoft yahei; color:#888; padding:10px 0 0;}
.list01{ height:110px;}
.list01 li{ width:21%; margin-right:5%; float:left;}
.list01 li img{-webkit-border-radius:16px;}
.list01 li.li_end{margin-right:0;}
.p_tit{ text-align:center; line-height:28px; color:#8a8a8a;font-size: 1.2rem;}
.alink{display:block; height: 68px; margin: 0 0 10px 0;}
.alinkd{display:block; height: 68px; margin: 0 0 26px 0;}
.pdt1{ padding-top:50px;}
.pos_fixed{position:fixed;left:0;top:0; z-index:1;}
.line{background:url(../image/bg1.png);background-size:7px 7px;height:15px;}
.w320{width:290px;margin:0 auto;}
._ani_hack{
	-webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d;
}		
.box03 .bcot {color:#FFF; font-size:1.1em; font:'Microsoft Yahei'; width:100%; margin-top:10px; text-align:center; line-height:40px;}
.box03 .bcot .btn01 {height:40px; width:118px; display:inline-block; margin:0 10px; background-color:#4ab94a; -webkit-border-radius:5px; -webkit-box-shadow:0 1px 3px 1px #2cb62c inset;}
.box03 .bcot .btn02 {height:40px; width:118px; display:inline-block; margin:0 10px; background-color:#ff6600; -webkit-border-radius:5px; -webkit-box-shadow:0 1px 3px 1px #f86402 inset;}
.box03 .bcot p {display:table; text-align:center; height:40px; width:118px;}
.box03 .bcot .btn01 span,.box03 .bcot .btn02 span {display:table-cell; vertical-align:middle;}
.wx01 {margin:15px auto 0; text-align:center;}
.wx01 img {width:270px;}
.wx {background:url(../image/wx.png) no-repeat; background-size:auto 100%; height:25px; line-height:25px; color:#479947; width:188px; margin:15px auto 0; padding-left:30px; font-family:Arial;}
.wx span{font-size:1.1em}	
.cover .start,.content .btn,.box03 .bcot span{cursor: pointer;}
#qr_code{position: fixed;top: 200px;left: 50%;margin-left: 330px;padding: 10px 10px 20px;width:146px;border: 1px solid #d9dadc;background-color: #fff;text-align: center;z-index: 1000;}
#qr_code img{width: 121px; padding-bottom:10px;}
#qr_code p{font-size: 16px; line-height: 24px;padding-bottom: 5px;}
#qr_code div{color: #c30d23;font-size: 14px; line-height: 22px;}
.mgame{background:url(../image/bg4.png);background-size:7px 7px;width: auto;height: 100%;padding: 0 38px;overflow: visible;position: absolute;top: 0;left: 0;z-index: 999;display: none;}
.mgame > p{margin-bottom: 32px; font-size: 20px; text-align: center; padding-top:50px;}
.cmore{ width: 400px; height: 100%; overflow: visible; position: relative;margin: 0 auto;}
.mapp a{width: 80px;height: 80px; margin: 0 28px 30px 0; float: left;color: #000;}
.mapp a:nth-child(3n){margin-right: 0;}
.mapp a div{border-radius: 25px;width: 100%;display: block;}
.mapp a p{ text-align: center;font-size: 14px;margin-top: 5px;}
.mgameBtn{background:url(../image/arrow_down.png) no-repeat; background-size:cover; top:0; left:50%; position:absolute; margin:0 0 0 -200px; width:37px; height:42px; z-index:1000;cursor: pointer;}
.mgameBtnUp{ background:url(../image/arrow_up.png) no-repeat;background-size:cover;}

#desc
{
    font-size:14px;
    font-family: "宋体";
    color:#333;
    line-height:1.5em;
}
#descm
{
    text-align:center;
}
#resList
{
   display:none;
}
#resList h2
{
   font-size:14px;
}
#resList_tableBox
{
    max-height:150px;
    overflow-y:scroll;
}
#resList table
{
    width:100%;
}
#resList table tr th,#resList table tr td
{
    font-size:12px;
    text-align:center;
    padding:5px;
}
#resList table tr th
{
    background:#9c6;
    color:#fff;
}
#resList table tr td
{
    color:#333;
    background:#fff;
    
}
#resList table tr td.td_true
{
   /* background:#fff url(../image/icon_true.png) no-repeat 10px center;
    text-indent:25px;*/

    text-align:left;
}
#resList table tr td.td_false
{
    /* background:#fff url(../image/icon_false.png) no-repeat 10px center;*/
    text-indent:25px;
    text-align:left;
}
#resList table tr td.td_true span
{
    color:#096;
}
#resList table tr td.td_false span
{
    color:#c00;
}
#resList table tr.isFalse td
{
    background:#f99;
    color:#fff;
}