@charset "utf-8";
html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}article,aside,figure,footer,header,nav,section,details,summary{display:block}img{max-width:100%;vertical-align:bottom}html{overflow-y:scroll}ul,ol{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{-webkit-tap-highlight-color:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}th{font-weight:bold;vertical-align:bottom}td{font-weight:normal;vertical-align:top}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}input,input:focus{outline:none;-webkit-tap-highlight-color:transparent}input[type="radio"]{vertical-align:text-bottom}input[type="checkbox"]{vertical-align:bottom}.ie7 input[type="checkbox"]{vertical-align:baseline}select,input,textarea{font:99% sans-serif}table{font-size:inherit;font:100%}small{font-size:85%}strong{font-weight:bold}td,td img{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-0.5em}sub{bottom:-0.25em}pre,code,kbd,samp{font-family:monospace, sans-serif}.clickable,label,input[type=button],input[type=submit],input[type=file],button{cursor:pointer;-webkit-appearance:none}button,input,select,textarea{margin:0}button,input[type=button]{width:auto;overflow:visible}input:not([type]), input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"],input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button{padding:0;margin:0;outline: none; -webkit-appearance:none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;appearance:none; -moz-appearance: none; background: transparent; border: none;}input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #666;}input:-moz-placeholder, textarea:-moz-placeholder {color:#666;}input::-moz-placeholder, textarea::-moz-placeholder {color:#666;}input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#666;}textarea{ outline: none; border: none;resize:none}
img {-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none;user-select: none;}
input{-webkit-tap-highlight-color:rgba(0,0,0,0);}
body {-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none;}
.cl:after { content: ""; display: block; height: 0; overflow: hidden; }
.cl:after { clear: both; }
a,a:hover{ text-decoration: none;}
img{}
.cl { zoom: 1; }
.fl{ float:left; }
.fr{ float:right; }
.pop{ position: fixed; left:0; top:0; width: 100%; height: 100%; background:rgba(0,0,0,.3); z-index: 999999}
.pop .popbox{ position: relative; left:50%; top:50%;}
html,body{font-size: 62.5%;  font-family: Microsoft Yahei,SimSun,Helvetica;}

body {font-size: 1.4rem;/*1.4 × 10px = 14px */background: #f3f3ff; }

.container{ padding-bottom: 390px; background: #f3f3f3 url(http://sdxl2.laohu.com/_s/tongrenm/botbg.jpg) no-repeat center bottom; min-height: 1000px;}
.top{ height: 734px; background: url(http://sdxl2.laohu.com/_s/tongrenm/top.jpg) no-repeat center top; overflow: hidden;}
.login{height: 88px; position: relative; background: url(http://sdxl2.laohu.com/_s/tongrenm/login.png) no-repeat center top;}
.login dt{  width: 76px; height: 76px; margin: 5px 14px 0 17px; float: left;}
.login .alogo{ width: 76px;height: 76px; overflow: hidden; display: block; background: url(http://sdxl2.laohu.com/_s/tongrenm/logo.png) no-repeat center top;}
.login .desc{ float: left; display: inline-block;}
.login h3{font-size: 24px; font-weight: bold; color: #89341d; padding-top: 17px;}
.login .desc p{ color: rgba(137,52,29,.7); font-size: 18px;}
.btnLogin{ display: inline-block; width: 242px; height: 88px; background: url(http://sdxl2.laohu.com/_s/tongrenm/btnlogin.png) no-repeat;}

.loginOut{ width: 394px; height: 70px; border-radius: 20px; background-color: #fdf4e2; font-size: 15px; color: #1a3868; margin: 8px 14px 0 0; position: relative;}
.loginOut p{ font-family: SimSun; font-size: 18px;padding: 10px 16px 12px 16px; line-height: 24px;}
.loginOut .quit{ font-family: SimSun; position: absolute; right:36px; bottom: 10px; font-size: 18px; color: #442c09; font-weight: bold;}
.nav{ height: 76px; background: rgba(252,235,203,.5) url(http://sdxl2.laohu.com/_s/tongrenm/nav.png) no-repeat center center; line-height: 76px; text-align: center;}
.nav a{ display: inline-block; width: 170px; height: 76px;}
.rule{ width: 652px; height: 298px; background: url(http://sdxl2.laohu.com/_s/tongrenm/rulebox.png) no-repeat center top; margin: 0 auto; margin-top: 144px; position: relative;}
.rule::before{ position: absolute; left:7px; top:4px; content: ''; border: 1px solid rgba(34,58,96,.36); width: 638px; height: 280px;}
.ruletop{ display: inline-block; width: 100%; height: 38px; position: absolute; left:0; top:0; background: url(http://sdxl2.laohu.com/_s/tongrenm/ruletop.png) no-repeat center top;}
.rule li{ width: 616px; margin-left: 20px; font-size: 17px;color: #1b396a; margin-bottom: 8px; height: 30px; line-height: 30px; overflow: hidden;}

.rule h3{ padding: 24px 0 14px 20px;}

.tips{ text-align: center; display: none;}
.main{ position: relative;  margin: 0 35px; margin-top: -96px;}
.grid { position: relative; padding-bottom: 100px;}
.grid .item{width: 316px;position: absolute; padding-bottom: 70px; background: #fff;  box-shadow: 4px 4px 2px #c1c2c3}
.grid .item img{ width: 316px;}
.img-tit{ position: absolute; left:0; bottom: 0;width: 100%; overflow: hidden; line-height: 70px; font-size: 16px; color: #414141; height: 70px; }
.img-tit span{ padding-left: 36px; background: url(http://sdxl2.laohu.com/_s/tongrenm/icon.png) no-repeat 10px 26px; display: block; width: 150px; overflow: hidden;}
.praise{ display: block; position: absolute; right:8px;bottom: 3px; height: 30px; line-height: 40px;color: #b20303; font-size: 14px; padding-left: 40px;cursor:  pointer; width: 106px; text-align: center;}
.praise.on{ background-position: 0 -59px; color: #b20303;}
.praise span{color: #414141; }
.tiphover{ width: 92px; height: 37px; line-height: 37px; color: #fff; font-size: 18px; position: absolute; left:202px; bottom:26px; z-index: 2; background-color: #f15252; padding-left: 14px; display: block;}
.btnpraise{ display: inline-block; width: 24px; height: 22px; background:url(http://sdxl2.laohu.com/_s/tongrenm/prize-s.png) no-repeat 0 0; position: absolute; left:68px; top:8px; cursor: pointer;}
.btnpraise.on{ background-position: 0 -57px;}
/*.grid .item:hover .tiphover{ display: block;}*/
.tips{ text-align: center;}
.layerbg{ position: fixed; left:0; top:0; z-index: 999; width: 100%; height: 100%; background: rgba(0,0,0,.7); display: none;}
.prompt{ position: fixed; left:50%; top:50%; z-index: 9999; display: none;}
.prompt_succ,.prompt_prize{ width: 705px; height: 394px; background: url(http://sdxl2.laohu.com/_s/tongrenm/popsuccess.png) no-repeat center top; margin: -187px 0 0 -352px; text-align: center; z-index: 10001}
.prompt_succ .tit,.prompt_prize .tit{ padding-top: 35px;}
.prompt_succ p{ font-size: 30px; padding-top: 110px; line-height: 42px; color: #000}
.prompt_succ .red,.prompt_prize .red{ color: #f15252;}
.prompt_succ .close,.prompt_prize .close{ display: inline-block; width: 66px; height: 66px; position: absolute; right:30px; top:-30px; background: url(http://sdxl2.laohu.com/_s/tongrenm/close.png);}
.prompt_prize .line1{ padding-top: 32px; font-size: 30px; color: #000;}
.getPrize{ display: block; width:293px; height: 83px; background: url(http://sdxl2.laohu.com/_s/tongrenm/btnPrize.png) no-repeat center top; margin: 0 auto; margin-top: 36px; margin-bottom: 20px; }
.prompt_prize .tip{ font-size: 18px; color: #000; position: absolute; bottom: 50px; left:0; width: 100%; text-align: center;}

.prompt_rule{ width: 922px;height: 405px; margin:-202px 0 0 -461px; background: url(http://sdxl2.laohu.com/_s/tongrenm/poprule.png) no-repeat; text-align: center; overflow: hidden;}

.rulebox{ width: 550px; height: 376px; margin: 28px 0 0 142px;}
.rulebox .tit{ padding: 38px 0 40px 0;}
.rulebox ul{ margin-left: 80px; text-align: left; font-size: 14px; color: #152035;}
.rulebox li{ height: 18px;line-height: 18px; width: 392px; overflow: hidden; margin-bottom: 12px;}
.prompt_rule .close{ width: 55px; height: 55px; display: inline-block; position: absolute; left:662px; top:2px;}

.prompt_thumb{ width: 702px; height: 488px;/* background: url(http://sdxl2.laohu.com/_s/tongrenm/thumb.png) no-repeat center top;*/ margin: -244px 0 0 -351px; }
.prompt_thumb .close{ display: inline-block; width: 66px;height: 66px; background: url(http://sdxl2.laohu.com/_s/tongrenm/close.png) no-repeat center top; position: absolute; left:50%; top:-74px; margin-left: -33px;}
.thumbbox{ width: 702px; height: 488px; background: #fff; text-align: center; position: relative;}
.data-img{ width: 702px; height: 488px; background: #fff; position: relative;}
.data-img img{ max-width: 702px; max-height: 394px;}
.thumb-tip{ position: absolute; left:0; bottom: 0; width: 100%; height: 94px;line-height: 94px; text-align: left; overflow: hidden;}
.thumb-tip .title{ display: inline-block; font-size: 24px; color: #2b2b2b; margin-left: 20px; width: 470px; overflow: hidden;}
.thumb-tip .desc{ display: block; width: 113px; height: 42px; background-color: #f15252;  color: #fff; font-size: 22px; position: absolute; right:20px; top:20px; line-height: 42px; padding-left: 18px;}
.thumb-tip .praisee{ right: 0; bottom: 4px;display: block; position: absolute; height: 30px; line-height: 40px; color: #abcff6; font-size: 14px; padding-left: 40px; background: url(http://sdxl2.laohu.com/_s/tongrenm/prize.png) no-repeat 0 -122px; cursor:  pointer;}
.thumb-tip .praisee.on{background-position: 0 -59px;}
.thumb-tip .numb{ display: block; position: absolute; right:19px; bottom: 6px; height: 18px; color: #545454; font-size: 16px; line-height: 18px;width: 131px; text-align: center;}
.thumb-tip .numb .red{ color: #f15252; }
.swiper-button-next, .swiper-button-prev,.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 0; filter:alpha(opacity=0);}

.thumbbox .btnPrev,.thumbbox .btnNext{ display: block; width: 58px; height: 109px; margin-top: -55px; position: absolute; top:50%; z-index: 3; cursor: pointer;}
/*.thumbbox .btnPrev{ left:-84px; background: url(http://sdxl2.laohu.com/_s/tongrenm/btnPrev.png) no-repeat center top;}
.thumbbox .btnNext{ right:-84px; background: url(http://sdxl2.laohu.com/_s/tongrenm/btnNext.png) no-repeat center top;}*/

.layer2{position: fixed; left:0; top:0; z-index: 10000; width: 100%; height: 100%; background: rgba(0,0,0,.7); display: none;}
#day_num{ color: #ff0000; font-size: 24px;}