body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dialog,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}body,button,input,select,textarea{font:12px/1.5 arial,tahoma,simsun,sans-serif;}h1,h2,h3,h4,h5,h6{font-size:100%;}address,cite,em,var{font-style:normal;}code,kbd,pre,samp{font-family:courier new,courier,monospace;}ul,ol{list-style:none;}a{text-decoration:none; outline:none;}a:hover{text-decoration:none;}legend{color:#333;}fieldset,img{border:0 none;vertical-align:top;}button,input,select,textarea{font-size:100%;overflow:visible;}table{border-collapse:collapse;border-spacing:0;}article,aside,details,figcaption,figure,footer,header,menu,nav,section,time,audio,video{display:block;margin:0;padding:0;}
.clearfix:before,.clearfix:after{content:""; display:table;}.clearfix:after{clear:both;}.clearfix{*zoom:1;}.clearout{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.cleartxt{color:transparent;font:0/0 a;overflow:hidden;}a:link,a:active{outline:none;}input{border:none;}.fl{float:left; display:inline;}.fr{float:right; display:inline;}.pr{position:relative;}.dib{display:inline-block; *display:inline; zoom:1; vertical-align:middle;}.hidden{width:0; height:0; overflow:hidden;}.none{display:none;}body{position:relative; overflow-x:hidden;}


.header{height:600px; background:url(../images/header.jpg) center top no-repeat;}
.mod1{height:1747px; background:url(../images/bg1.jpg?201812211115) center top no-repeat;}
.mod2{height:1751px; background:url(../images/bg2.jpg) center top no-repeat;}
.mod3{height:839px; background:url(../images/bg3.jpg) center top no-repeat;}
.mod4{height:757px; background:url(../images/bg4.jpg) center top no-repeat;}
.wrap{width:1000px; margin:0 auto; position:relative;}
.mod-tit{display:none;}
.mod .wrap{padding-top:280px;}


/* 头部 */
.logo{width:150px; height:74px; background:url(../images/logo.png) no-repeat; margin-top:10px; float:left;}
.top_nav{color:#ffe8d0; font-size:14px; margin-top:14px; float:right;}
.top_nav dt{height:36px; line-height:36px; background:rgba(0,0,0,0.4); border-radius:20px; text-align:center; padding:0 12px; float:left;}
.top_nav dt a,.top_nav dt em{color:#ffe8d0; margin:0 5px; float:left;}
.top_nav dt a:hover{color:#fff;}
.top_nav dt em{color:rgba(255,255,255,0.2);}
.top_nav dd{padding:5px 0; margin-left:10px; float:left;}
.top_nav dd span{margin:0 2px; float:left;}
.top_nav dd a{width:26px; height:26px; background-image:url(../images/share_icon.png); padding:0px !important; margin:0px !important;}
.top_nav dd a.bds_sqq{background-position:0 0;}
.top_nav dd a.bds_weixin{background-position:-26px 0;}
.top_nav dd a.bds_tsina{background-position:-52px 0;}
.top_nav dd a.bds_sqq:hover{background-position:0 -26px;}
.top_nav dd a.bds_weixin:hover{background-position:-26px -26px;}
.top_nav dd a.bds_tsina:hover{background-position:-52px -26px;}
.u-stat{width:100%; text-align:center; color:#333; font:14px/24px \5FAE\8F6F\96C5\9ED1; position:absolute; top:340px; left:0;}
.u-stat a{color:#333;}
.u-stat a.g-logout-btn{color:#ef6161;}



/* mod1 */
.socks-box{height:680px;}
.socks-tree{width:454px; margin-left:90px; margin-right:-34px; position:relative;}
.socks-rank{width:290px; height:494px; padding:0 55px; margin:20px 90px 0 0; position:relative;}
.socks-num{position:absolute; width:100%; left:0; top:556px; text-align:center; font:24px/42px \9ED1\4F53; color:#666;}
.socks-num span{color:#cc3333; padding:0 4px;}
.socks-rank .socks-num{top:536px;}
.rank-txt{padding:130px 12px 0 12px; height:340px; position:relative; overflow:hidden;}
.rank-ul li{padding-left:30px; border-bottom:1px solid #ba312c; height:31px; font:14px/31px \5FAE\8F6F\96C5\9ED1; color:#fff; position:relative;}
.rank-ul li i{display:none;}
.rank-ul li.gold1 i,.rank-ul li.gold2 i,.rank-ul li.gold3 i{position:absolute; display:block; width:20px; height:24px; top:5px; left:6px; background:url(../images/glod.png) no-repeat;}
.rank-ul li.gold1 i{background-position:0 0;}
.rank-ul li.gold2 i{background-position:0 -32px;}
.rank-ul li.gold3 i{background-position:0 -67px;}
.rank-ul li span{text-align:center; overflow:hidden; float:left;}
.rank1{width:34px;}
.rank2{width:126px;}
.rank3{width:54px;}
.rank-node{position:absolute; right:70px; top:460px;}
.rank-node li{float:left; display:inline; width:16px; height:16px; border-radius:50%; background-color:#fff; font:0/0 a; overflow:hidden; margin:0 4px; cursor:pointer;}
.rank-node li.on{background-color:#ffe324;}
.socks-div{margin-bottom:82px; height:264px;}
.grab-socks{width:440px; background:url(../images/socks-div.png) no-repeat; padding:30px 25px; position:relative;}
.grab-socks .grab-img{width:204px; height:204px;}
.grab-socks .grab-info{width:210px; color:#fff;}
.grab-p{font:23px/32px \5FAE\8F6F\96C5\9ED1;}
.grab-p span{color:#facc00;}
.grab-btn{width:146px; height:64px; font:18px/68px \5FAE\8F6F\96C5\9ED1; color:#fff; background:url(../images/grab.png) no-repeat; text-align:center; position:absolute; bottom:30px; right:89px;}
.grab-btn:hover,.grab-btn.no-grab{background-position:0 -64px;}

.grab-task{width:450px; height:214px; background:url(../images/socks-div.png) no-repeat; padding:25px 20px; position:relative;}
.task-list li{height:41px; line-height:41px; color:#fff; border-bottom:1px dashed rgba(255,174,141,0.2); padding:0 15px;}
.task-list i,.task-list span,.task-list a{float:left;}
.task-list i{width:60px; height:21px; overflow:hidden; text-align:center; font:14px/21px \5FAE\8F6F\96C5\9ED1; color:#fff; background-color:#999; border-radius:3px; margin:10px 0;}
.task-list i.finish-task{background:#16945a;}
.task1{height:41px; padding:0 10px; width:194px; font:15px/41px \5FAE\8F6F\96C5\9ED1;}
.task2{padding-left:40px; width:30px; height:41px; color:#f26956; font:16px/42px \5FAE\8F6F\96C5\9ED1; background:url(../images/ball.png) left center no-repeat;}
.task-list a{width:76px; height:27px; text-align:center; font:14px/28px \5FAE\8F6F\96C5\9ED1; color:#fff; background:#ffa61b; border-radius:6px; margin:7px 0;}
.task-list a:hover{ opacity:0.9;}
.rank-gift{margin-bottom:60px;}
.rank-gift li{width:232px; margin:0 9px; float:left; display:inline;}
.rank-img{height:214px; overflow:hidden;}
.rank-gift li p{font:19px/46px \9ED1\4F53; color:#333; text-align:center; height:34px;}
.rank-act{text-align:center; font:14px/22px \5FAE\8F6F\96C5\9ED1; color:#666;}
.rank-act a{color:#ee5442;}

.socks1{width:78px; height:107px; left: 164px; top: 80px;}
.socks2{width:71px; height:109px; left: 252px; top: 108px;}
.socks3{width:125px; height:119px; left: 80px; top: 220px;}
.socks4{width:91px; height:145px; left: 192px; top: 202px;}
.socks5{width:92px; height:146px; left: 290px; top: 174px;}
.socks6{width:109px; height:177px; left: 8px; top: 340px;}
.socks7{width:83px; height:139px; left: 170px; top: 334px;}
.socks8{width:108px; height:157px; left: 304px; top: 360px;}
.socks-list{height:534px;}
.socks-list li{position:absolute;}
.socks-list li a{display:block; width:100%; height:100%; position:relative;}
.socks-list li a:hover{z-index:9;}

.socks1 a{background:url(../images/scocks1.png) no-repeat;}
.socks2 a{background:url(../images/scocks2.png) no-repeat;}
.socks3 a{background:url(../images/scocks3.png) no-repeat;}
.socks4 a{background:url(../images/scocks4.png) no-repeat;}
.socks5 a{background:url(../images/scocks5.png) no-repeat;}
.socks6 a{background:url(../images/scocks6.png) no-repeat;}
.socks7 a{background:url(../images/scocks7.png) no-repeat;}
.socks8 a{background:url(../images/scocks8.png) no-repeat;}

.socks1 a:hover{background:url(../images/scocks_h1.png) no-repeat;}
.socks2 a:hover{background:url(../images/scocks_h2.png) no-repeat;}
.socks3 a:hover{background:url(../images/scocks_h3.png) no-repeat;}
.socks4 a:hover{background:url(../images/scocks_h4.png) no-repeat;}
.socks5 a:hover{background:url(../images/scocks_h5.png) no-repeat;}
.socks6 a:hover{background:url(../images/scocks_h6.png) no-repeat;}
.socks7 a:hover{background:url(../images/scocks_h7.png) no-repeat;}
.socks8 a:hover{background:url(../images/scocks_h8.png) no-repeat;}



/* mod2 */
.call-list{height:100px; margin-top:-20px; position:relative;}
.call-line{width:980px; height:6px; background:#da4634; overflow:hidden; position:absolute; top:47px; left:50%; margin-left:-490px; z-index:1;}
.call-ul{width: 1020px; position:absolute; top: 0; left: 50%; margin-left: -510px; z-index:2;}
.call-ul li{width:72px; height:100px; font:12px/100px \9ED1\4F53; color:#fff; background:url(../images/daka.png) no-repeat; text-align:center; margin:0 15px; float:left; display:inline;}
.call-ul li.out-call{background-position:0 0; color:#da4634;}
.call-ul li.on-call{background-position:-72px 0; cursor:pointer;}
.call-ul li.no-call{background-position:-144px 0;}
.call-ul li.called{background-position:-216px 0;}
.call-ul li.no-call,.call-ul li.called{text-indent:-999px; overflow:hidden;}

.my_prize_btn{width:180px; height:30px; font:bold 15px/30px \5FAE\8F6F\96C5\9ED1; color:#fff; background:#dc513c; border:5px solid #fff; border-radius:22px; text-align:center; position:absolute; top:476px; left:50%; margin-left:-90px;}
.my_prize_btn:hover{background:#b44331;}

.daka-div{width:920px; height:49px; text-align:center; border-bottom:1px dashed #f0ac4a; margin:0 auto;}
.daka-p{width:240px; height:48px; font:16px/48px \5FAE\8F6F\96C5\9ED1; color:#333; background:url(../images/tree.png) left center no-repeat; text-align:left; display:inline-block; padding:0 20px 0 40px;}
.daka-p span{color:#da4634;}
.daka-p a{float:right; width:75px; height:27px; font:14px/27px \5FAE\8F6F\96C5\9ED1; color:#fff; background-color:#da4634; border-radius:8px; text-align:center; margin-top:12px;}

.wring-box{width:492px; height:608px; margin:70px auto 120px auto; position:relative;}
.wring-nums{position:absolute; top:490px; width:100%; left:0; text-align:center; font:bold 12px/22px \5FAE\8F6F\96C5\9ED1; color:#fff;}
.wring-nums span{color:#ffd223; padding:0 3px;}
.wring-links{position:absolute; left:161px; top:515px;}
.wring-links a{float:left; display:inline; width:78px; height:28px; font:0/0 a; overflow:hidden; margin-right:16px; background:url(../images/btn2.png) 0 0 no-repeat;}
.wring-links a.wbtn1{background-position:0 0;}
.wring-links a.wbtn1:hover{background-position:0 -30px;}
.wring-links a.wbtn2{background-position:-92px 0;}
.wring-links a.wbtn2:hover{background-position:-92px -30px;}

.wring-ul{margin-right:-25px;}
.wring-ul li{width:180px; margin:0 25px 20px 0; float:left; display:inline;}
.wring-ul li .wring-img{width:180px; height:180px; overflow:hidden;}
.wring-ul li p{font:14px/30px \5FAE\8F6F\96C5\9ED1; color:#333; text-align:center;}



/* mod3 */
.daka-list{margin-right:-25px;}
.daka-list li{width:180px; height:230px; margin:0 25px 20px 0; float:left; display:inline; position:relative;}
.daka-click{width:162px; height:173px; margin:0 auto; overflow:hidden;}
.daka-info{display:none;}
.daka-btn{width:150px; height:46px; background:url(../images/daka-btn.png) no-repeat; text-indent:-999px; overflow:hidden; position:absolute; bottom:10px; left:50%; margin-left:-75px;}
.daka-btn:hover{background-position:0 -46px;}



/* 侧边导航 */
* html,* html body{background-image:url(about:blank);background-attachment:fixed;}
.sidebar{position:fixed; width:234px; height:340px; right:0; top:50%; margin-top:-170px; z-index:10; _position:absolute; _top:expression(eval(document.documentElement.scrollTop)+300); background:url(../images/slieder.png) no-repeat;}
.g-menu-ul{font-size:20px; padding-top:26px;}
.g-menu-ul a{height:64px; line-height:64px; color:#fff; text-align:center; display:block; margin-bottom:2px;}
.g-menu-ul a.active{font-size:22px; color:#af2d12;}
.g-menu-ul .ntop{width:76px; height:36px; text-indent:-999px; overflow:hidden; position:absolute; bottom:12px; left:50%; margin-left:-38px;}



/* 弹窗 */
* html body{position:relative; height:100%;}
* html .mask{position:absolute; top:expression(eval(document.documentElement.scrollTop));}
* html .pop-box{position:absolute; top:expression(eval(document.documentElement.scrollTop));}
.mask{width:100%; height:100%; position:fixed; top:0; left:0;}
.mask{z-index:101;}
.pop-box{width:480px; height:300px; color:#fff; background:url(../images/pop_box.png) no-repeat; position:fixed; top:50%; left:50%; margin:-150px 0 0 -240px; z-index:102;}
.pop-close{width:42px; height:42px; background:url(../images/close.png) no-repeat; position:absolute; top:4px; right:19px;}
.pop-close:hover{background-position:0 -42px;}
.pop-tit{height:70px; color:#932009; font:bold 19px/40px \5FAE\8F6F\96C5\9ED1; text-align:center; margin-bottom:6px;}
.pop-item{height:190px; text-align:center; overflow:hidden; padding:0 50px;}


/* 二级密码 */
.pwd-txt{font:14px/20px \5FAE\8F6F\96C5\9ED1; text-align:center; margin-bottom:10px;}
.pwd-item{height:40px; text-align:center;}
.pwd-item label{width:50px; padding-right:10px; font:12px/32px \5FAE\8F6F\96C5\9ED1; vertical-align:middle;}
.pwd-item input{width:210px; height:38px; border:1px solid #da4634; background:#84230e; text-align:center; color:#fff; font:14px/38px \5FAE\8F6F\96C5\9ED1; border-radius:5px; vertical-align:middle;}

.pwd-tips{font:12px/24px \5FAE\8F6F\96C5\9ED1; color:#ec9500; text-align:center;}
.pwd-tips a{color:#ec9500;}


/* 积分不足 */
.pop-msg{padding-top:48px; height:60px; text-align:center; font:16px/28px \5FAE\8F6F\96C5\9ED1;}
.pop-go{text-align:center;}
.pop-go a{display:inline-block; *display:inline; zoom:1; vertical-align:top; width:96px; height:30px; text-align:center; font:12px/30px \5FAE\8F6F\96C5\9ED1; color:#fff; margin:0 23px;}
.pop-go a{display:inline-block; *display:inline; zoom:1; vertical-align:top; width:96px; height:30px; text-align:center; font:12px/30px \5FAE\8F6F\96C5\9ED1; color:#fff; margin:0 23px;}
.go-one{background-color:#e85640;}
.go-one:hover{background-color:#ff7053;}
.go-two{background-color:#ec9130;}
.go-two:hover{background-color:#ffbd3e;}


/* 提示 */
.pop-msg2{padding-top:22px; height:88px; font:16px/28px \5FAE\8F6F\96C5\9ED1; text-align:center;}
.red{color:#ff0000;}
.pop-msg3{padding:24px 0 10px 0; font:15px/24px \5FAE\8F6F\96C5\9ED1; text-align:center;}
.pop-msg3 span, .pop-msg3 .zp{display:block; font:21px/31px \5FAE\8F6F\96C5\9ED1; color:#ffe744;}


/* 大中奖 */
.prize-tit{padding:0 0 6px 65px;}
.prize-tit span{height:34px; line-height:34px; color:#932109; background-color:#ffd144; text-align:center; margin-right:10px; float:left;}
.prize-txt li{height:24px; color:#fff; font:12px/24px \5FAE\8F6F\96C5\9ED1; overflow:hidden;}
.prize-txt li a{color:#ffd144; padding:0 10px;}
.prize-txt li span{}

/* 小中奖 */
.prize-list2{padding:12px 0 0 52px;}
.pane-box{height:275px; width:390px; position:relative; overflow:hidden;}


/* jScrollPane 必要元素 */
.jScrollPaneContainer{width:360px !important;height:140px !important;position:relative;overflow:hidden;z-index:1;}
.jScrollPaneTrack{position:absolute;cursor:pointer;right:14px;top:0;height:100%; background:url(../images/scroll.png) center bottom no-repeat;}
.jScrollPaneDrag{position:absolute; cursor:pointer;overflow:hidden; width:6px !important; height:30px!important; background-color:#ff0; border-radius:6px; left:2px;}
.jScrollPaneDragTop{position:absolute;top:0;left:0;overflow:hidden;}
.jScrollPaneDragBottom{position:absolute;bottom:0;left:0;overflow:hidden;}


/* 分享 */
.pop-share .share-tit{font-size:16px; padding:20px 0;}
.pop-share span{width:74px; line-height:30px; display:inline-block;}
.pop-share a{width:26px; height:26px !important; background-image:url(../images/share_icon.png) !important; padding:0px !important; margin:0 auto !important; float:none !important; display:block;}
.pop-share a.bds_sqq{background-position:0 0;}
.pop-share a.bds_weixin{background-position:-26px 0;}
.pop-share a.bds_tsina{background-position:-52px 0;}
.pop-share a.bds_sqq:hover{background-position:0 -26px;}
.pop-share a.bds_weixin:hover{background-position:-26px -26px;}
.pop-share a.bds_tsina:hover{background-position:-52px -26px;}


/* 我的中奖记录 */
.prize-list4{margin-bottom:4px;}
.prize-list4 .prize-tit span,.prize-list4 .prize-txt span{width:110px;}
.pane-box4{width:230px !important; height:140px; position:relative; overflow:hidden; margin-left: 65px; padding-right:0px !important;}
.prize-tips{text-align:center; font:12px/22px \5FAE\8F6F\96C5\9ED1; color:#fed142; padding-top: 6px;}

.prize-txt5{padding-top:44px; height:66px; font:16px/24px \5FAE\8F6F\96C5\9ED1; color:#666; text-align:center;}

#pop-ten .jScrollPaneContainer{height:200px !important;}
.ten-chou{padding:0 0 0 20px !important; margin-top:-4px; height: 200px; overflow: hidden;}
.ten-list li{font:14px/25px \5FAE\8F6F\96C5\9ED1; color:#fff; height:25px; text-align:left; overflow:hidden;}
.ten-list li span{color:#fed142;}
.ten-list .zp { display:inline-block; display: inline; zoom: 1; color: #ea382c; }
#pop-prize4 .prize-txt .col0, #pop-prize4 .prize-txt .col3 { display: none; }
#pop-prize4 .prize-txt .col1 { float: right; }
#pop-prize4 .prize-txt .col2 { float: left; }
#pop-prize4 .prize-txt { width: 230px;}
#pop-prize4 .prize-txt .nodata { margin-top: 20px; text-align: center; }


/* 礼包码 */
.code-box{padding-top:20px; font:16px/28px \5FAE\8F6F\96C5\9ED1;}
.code_txt{ font-size:18px; color:#ffe744;}
.ccopy{ position:relative;}

.com_btn{ background:url(../images/com_btn.png) no-repeat 0 0; display:block; width:134px; height:47px; line-height:44px; text-align:center; margin:23px auto 0; font-size:20px; color:#a52e14;}
.com_btn:hover{background-position:0 -47px;}