@charset "utf-8";
/* CSS Document */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea { font-size:100%;margin: 0;padding: 0}
body {font-size:14px;font-family:"Microsoft Yahei","ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Hiragino Sans GB","Hiragino Sans GB W3"; background:#fd5c1d;}
textarea {resize: none}
iframe,img {border: 0}
ul,ol {list-style: none}
i{ font-style:normal}
.fl{ float:left;}
.fr{ float:right}
.login:after,.doubleList:after,.access:after{content:"";display:block;clear:both}
input,select,textarea {outline: 0;-webkit-user-modify: read-write-plaintext-only}
input {-webkit-appearance: none}
a {text-decoration:none; color:#4a4a4a; }
.banner{ max-width:480px; position:relative; margin:0 auto; text-align:center}
.banner a{ line-height:18px; position:absolute; text-align:center; background:url(../images/luckyBag.png) no-repeat; color:#fff;}
.banner .a1,.banner .a4,.banner .a6,.banner .a8{ width:58px; top:39%; left:15%; height:50px;padding-top:40px; background-position:0 -10px; background-size:58px auto;-moz-transform: rotate(30deg); transform: rotate(30deg); -webkit-transform: rotate(30deg);}
.banner .a2,.banner .a7,.banner .a9{ width:70px; top:45%; left:38%; height:50px;padding-top:45px; background-position:0 -20px; background-size:70px auto;}
.banner .a3{ width:60px; padding-top:45px; background-size:60px auto; background-position:0 -10px;height:55px;left:60%; top:46%;-moz-transform: rotate(-20deg); transform: rotate(-20deg); -webkit-transform: rotate(-20deg);}
.banner .a4,.banner .a6{ left:75%; top:43%;padding-top:38px;-moz-transform: rotate(-30deg); transform: rotate(-30deg); -webkit-transform: rotate(-30deg);background-position:0 -15px;}
.banner .a5{left:20%; top:53%;padding-top:50px;background-position:0 -20px; height:40px; width:74px; background-size:74px auto;-moz-transform: rotate(10deg); transform: rotate(10deg); -webkit-transform: rotate(10deg);}
.banner .a6{top:58%;padding-top:30px}
.banner .a7{ top:63%; left:52%}
.banner .a8{ left:32%;top:68%; padding-top:30px;background-position:0 -15px;background-size:58px auto;-moz-transform: rotate(10deg); transform: rotate(10deg); -webkit-transform: rotate(10deg);}
.banner .a9{ top:68.5%; left:66%; padding-top:50px; height:35px; width:62px; background-size:62px; background-position:0 -10px}
.banner .a10,.banner .a11,.banner .a12{ left:15%; top:82%; background:url(../images/luckyBagb.png) no-repeat; width:60px; height:45px;padding-top:18px;background-size:60px auto;}
.banner .a10{-moz-transform: rotate(10deg); transform: rotate(10deg); -webkit-transform: rotate(10deg);}
.banner .a11{ left:32%; padding-top:30px; top:90%;width:68px;background-size:68px auto;}
.banner .a12{ left:74%; padding-top:20px; height:45px; top:89%;}
.banner img{ width:100%; max-width:480px; height:auto; display:block; margin:0 auto}
.awardReviewList{ background:url(../images/treeBg3.png) no-repeat; background-size:100%; max-width:480px}
.footer{ margin:0 auto;padding:20px 0; background:#bbd500; max-width:480px; color:#553105; text-align:center; line-height:38px; font-size:24px;}
.footer .fn30{ font-size:28px; font-weight:bold}
.footer .btn{ display:block; width:180px; height:40px; margin:15px auto 0; color:#fff; background:#fd5c1d; border-radius:15px; border-bottom:4px solid #c84a19}

@media screen and (min-width: 320px){
.banner a{ font-size:12px; line-height:15px;}
.banner .a1,.banner .a3,.banner .a4{width:50px;background-size:50px auto;padding-top:35px; height:30px}	
.banner .a3{-moz-transform: rotate(-20deg); transform: rotate(-20deg); -webkit-transform: rotate(-20deg);  }
.banner .a2{width:55px;height:30px; background-size:55px auto;padding-top:30px}
.banner .a5,.banner .a7,.banner .a9{padding-top:30px; height:35px;width:55px;background-size:55px auto}
.banner .a9{padding-top:40px}
.banner .a11{width:55px; padding-top:25px; background-size:55px auto;}
.banner .a6{width:50px; padding-top:20px; background-size:50px auto;}
.banner .a10{width:55px;background-size:55px auto;}
	}
@media screen and (min-width: 480px){
	.banner .a1,.banner .a4,.banner .a6,.banner .a8{ width:58px; top:39%; left:15%; height:50px;padding-top:40px; background-position:0 -10px; background-size:58px auto;-moz-transform: rotate(30deg); transform: rotate(30deg); -webkit-transform: rotate(30deg);}
.banner .a2,.banner .a7,.banner .a9{ width:70px; top:45%; left:38%; height:50px;padding-top:45px; background-position:0 -20px; background-size:70px auto;}
.banner .a3{ width:60px; padding-top:45px; background-size:60px auto; background-position:0 -10px;height:55px;left:60%; top:46%;-moz-transform: rotate(-20deg); transform: rotate(-20deg); -webkit-transform: rotate(-20deg);}
.banner .a4,.banner .a6{ left:75%; top:43%;padding-top:38px;-moz-transform: rotate(-30deg); transform: rotate(-30deg); -webkit-transform: rotate(-30deg);background-position:0 -15px;}
.banner .a5{left:20%; top:53%;padding-top:50px;background-position:0 -20px; height:40px; width:74px; background-size:74px auto;-moz-transform: rotate(10deg); transform: rotate(10deg); -webkit-transform: rotate(10deg);}
.banner .a6{top:58%;padding-top:30px}
.banner .a7{ top:63%; left:52%}
.banner .a8{ left:32%;top:68%; padding-top:30px;background-position:0 -15px;background-size:58px auto;-moz-transform: rotate(10deg); transform: rotate(10deg); -webkit-transform: rotate(10deg);}
.banner .a9{ top:68.5%; left:66%; padding-top:50px; height:35px; width:62px; background-size:62px; background-position:0 -10px}
.banner .a10,.banner .a11,.banner .a12{ left:15%; top:82%; background:url(../images/luckyBagb.png) no-repeat; width:60px; height:45px;padding-top:18px;background-size:60px auto;}
.banner .a10{-moz-transform: rotate(10deg); transform: rotate(10deg); -webkit-transform: rotate(10deg);}
.banner .a11{ left:32%; padding-top:30px; top:90%;width:68px;background-size:68px auto;}
.banner .a12{ left:74%; padding-top:20px; height:45px; top:89%;}
	}
.layerBoxCon{ background:rgba(0,0,0,.5); width:100%; height:100%; position:fixed; top:0; left:0; display: table; z-index:9999}
.layerBox {display: table-cell;vertical-align: middle}
.layerBox .pop{ width:300px; color:#444; margin:0 auto; padding-bottom:10px; background:#fff; z-index:99999; position:relative}
.layerBox .pop .close{ position:absolute; top:0; right:10px; font-size:20px}
.layerBox .pop .loginBtn{ display:block;  margin:15px; background:#ff2d55; color:#fff; height:38px; line-height:38px; text-align:center;}
.layerBox .pop .title{ font-size:14px; height:40px; line-height:40px; background:#eee; color:#434343; text-align:center}
.layerBox .txttips{ padding:15px; line-height:22px }