@charset "utf-8";

/* reset.css */
html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline; list-style: none;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
*, *:before, *:after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
body {line-height:1.5; font-size: 14px; font-family: Microsoft YaHei; }
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
select, input, img { vertical-align: middle; outline: none;border:0 }
a { text-decoration: none;  blr: expression(this.onFocus=this.blur());outline: none; }
a:hover {  text-decoration: none; }
a:focus{ outline: none;}
.ovf{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;-moz-binding: url("ellipsis.xml#ellipsis");}
.cl:after { content: ""; display: block; clear: both;visibility: hidden;height: 0 }
.cl { zoom: 1; }
.fl { float: left; }
.fr { float: right;}
.mb2{margin-bottom: 20px;}

.top { height: 710px; background: url(http://sdxl2.laohu.com/_s/tongren/top.jpg) no-repeat center top; position: relative; overflow: hidden;}
.wrap1180{ width: 1180px; margin: 0 auto;}
.nav{ height: 100px; position: absolute;left:0; top:0; width: 100%; background: url(http://sdxl2.laohu.com/_s/tongren/navbg.png) no-repeat;}
.nav dt{ display: inline-block; width: 240px; }
.alogo{ width: 240px;height: 114px; display: block; background: url(http://sdxl2.laohu.com/_s/tongren/logo.png) no-repeat center top;}
.nav dd{ width: 832px; background: url(http://sdxl2.laohu.com/_s/tongren/nav.png) no-repeat center center; height: 61px; margin-top: 38px; text-align: right;}
.nav .nav-item{ display: inline-block; float: left; width: 160px; font-size: 20px;  overflow: hidden; min-width: 80px; text-indent: -99999px; height: 30px; margin-left: 6px;}

.btns{ width: 384px; margin: 357px 0 0 538px; height: 48px;}
.btnlogin{ display: block; width: 184px; height: 48px; background: url(http://sdxl2.laohu.com/_s/tongren/btnlogin.png) no-repeat center top; float: left;}
.btnQuit{ display: block; width: 184px; height: 48px; background: url(http://sdxl2.laohu.com/_s/tongren/quit.png) no-repeat center top; float: left; display: none;}
.btnRule { display: block; width: 184px; height: 48px; background: url(http://sdxl2.laohu.com/_s/tongren/btnrule.png) no-repeat center top; float: right;}

.container{background: #f9fdff url(http://sdxl2.laohu.com/_s/tongren/botbg.jpg) no-repeat center bottom;padding-bottom: 100px; }
.main{ min-height: 1000px;background:url(http://sdxl2.laohu.com/_s/tongren/main.jpg) no-repeat; margin-top: -60px; padding-bottom: 200px;}
.grid { position: relative; padding-bottom: 100px;}
.grid .item{ width: 281px; position: absolute; padding-bottom: 70px; background: #fff;  box-shadow: 4px 4px 2px #c1c2c3;}
.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/tongren/icon.png) no-repeat 10px 26px; display: block; width: 150px; overflow: hidden;}
.praise{ display: block; position: absolute; right:16px;bottom: 20px; height: 30px; line-height: 40px; color: #abcff6; font-size: 14px; padding-left: 40px; background: url(http://sdxl2.laohu.com/_s/tongren/prize.png) no-repeat 0 0; cursor:  pointer;}
.praise.on{ background-position: 0 -59px; color: #b20303;}
.tiphover{ width: 99px; height: 32px; line-height: 32px; color: #fff; font-size: 18px; position: absolute; left:3px; top:5px; z-index: 2; background-color: #f15252; padding-left: 14px; display: none;}
.btnpraise{ display: inline-block; width: 22px; height: 18px; background:url(http://sdxl2.laohu.com/_s/tongren/prize-s.png) no-repeat 0 0; position: absolute; left:68px; top:8px; cursor: pointer;}
.btnpraise.on{ background-position: 0 -44px;}
.grid .item:hover .tiphover{ display: block;}
.tips{ text-align: center; display: none;}
.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: 556px; height: 290px; background: url(http://sdxl2.laohu.com/_s/tongren/popsuccess.png) no-repeat center top; margin: -145px 0 0 -278px; text-align: center; z-index: 10001}
.prompt_succ .tit,.prompt_prize .tit{ padding-top: 58px;}
.prompt_succ p{ font-size: 20px; padding-top: 110px;}
.prompt_succ .red,.prompt_prize .red{ color: #f15252;}
.prompt_succ .close,.prompt_prize .close{ display: inline-block; width: 55px; height: 55px; position: absolute; left:474px; top:0px;}
.prompt_prize .line1{ padding-top: 20px; font-size: 20px;}
.getPrize{ display: block; width:170px; height: 48px; background: url(http://sdxl2.laohu.com/_s/tongren/btnPrize.png) no-repeat center top; margin: 0 auto; margin-top: 18px; margin-bottom: 20px; }
.prompt_prize .tip{ font-size: 14px;}

.prompt_rule{ width: 922px;height: 405px; margin:-202px 0 0 -461px; background: url(http://sdxl2.laohu.com/_s/tongren/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{  text-align: left; font-size: 14px; color: #152035; width: 506px; margin: 0 auto;}
.rulebox li{ line-height: 18px; overflow: hidden; margin-bottom: 12px;}
.prompt_rule .close{ width: 55px; height: 55px; display: inline-block; position: absolute; left:662px; top:2px;}

.prompt_thumb{ width: 1134px; height: 752px; background: url(http://sdxl2.laohu.com/_s/tongren/thumb.png) no-repeat center top; margin: -342px 0 0 -500px;}
.prompt_thumb .close{ display: inline-block; width: 114px;height: 114px; background: url(http://sdxl2.laohu.com/_s/tongren/close.png) no-repeat center top; position: absolute; left:480px; top:-120px;}
.thumbbox{ width: 1058px; height: 688px; margin: 37px 0 0 22px; background: #fff; text-align: center; position: relative;}
.data-img{ width: 1058px; height: 688px; background: #fff; position: relative;}
.data-img img{ max-width: 1058px; max-height: 596px;}
.thumb-tip{ position: absolute; left:0; bottom: 0; width: 100%; height: 94px;line-height: 94px; text-align: left;}
.thumb-tip .title{ display: inline-block; font-size: 24px; color: #2b2b2b; margin-left: 20px; width: 600px;}
.thumb-tip .desc{ display: block; width: 131px; 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/tongren/prize.png) no-repeat 0 -122px; cursor:  pointer;}
.thumb-tip .praisee.on{background-position: 0 -59px;}
.thumb-tip .numb{ display: block; position: absolute; right:28px; bottom: 6px; height: 18px; color: #545454; font-size: 16px; line-height: 18px;}
.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/tongren/btnPrev.png) no-repeat center top;}
.thumbbox .btnNext{ right:-84px; background: url(http://sdxl2.laohu.com/_s/tongren/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;}