.wrap1{background:url(http://static.web.sdo.com/woool/pic/woool/web3/live-wrap1-bg.jpg) no-repeat top center;height:636px}.wrap1 .logo{position:absolute;display:block;width:86px;height:72px;left:200px;top:32px;background:url(http://static.web.sdo.com/woool/pic/woool/web3/index-icon.png) no-repeat 0 0}.wrap1 .topnav{position:absolute;top:50px;right:140px;width:170px;height:26px;background:url(http://static.web.sdo.com/woool/pic/woool/web3/common.png) no-repeat 0 -872px}.wrap1 .topnav a{font-size:12px;color:#a68266;top:5px;position:absolute}.wrap1 .topnav a:hover{color:#c77d42;text-decoration:underline}.wrap1 .topnav a.link1{left:38px}.wrap1 .topnav a.link2{right:16px}.wrap2{background:#e6e6e6;padding:36px 0 70px 0;font-size:14px}.wrap3{background:url(http://static.web.sdo.com/woool/pic/woool/web3/live-wrap3-bg.jpg) no-repeat bottom center #fcfcfc;min-height:800px;font-size:14px;padding:36px 0 170px 0}.top-slide{-webkit-animation-name:bottomIn;-moz-animation-name:bottomIn;-o-animation-name:bottomIn;animation-name:bottomIn;-webkit-animation-duration:.8s;-moz-animation-duration:.8s;-o-animation-duration:.8s;animation-duration:.8s;-webkit-animation-delay:.2s;-moz-animation-delay:.2s;-o-animation-delay:.2s;animation-delay:.2s}.top-slide .loading{margin-top:300px}.swiper-container{margin-top:70px;padding:80px 0}.swiper-slide{width:58%;opacity:.75;-webkit-filter:grayscale(75%);filter:grayscale(75%)}.swiper-slide-active{opacity:1;-webkit-filter:grayscale(0);filter:grayscale(0)}.swiper-slide img{max-width:100%}.swiper-container .next,.swiper-container .prev{position:absolute;display:block;width:68px;height:68px;top:50%;margin-top:-34px;z-index:2;cursor:pointer;opacity:.82;background:url(http://static.web.sdo.com/woool/pic/woool/web3/common.png) no-repeat}.swiper-container .next:hover,.swiper-container .prev:hover{opacity:1}.swiper-container .prev{left:20px;background-position:-288px -358px}.swiper-container .next{right:20px;background-position:-288px -455px}.swiper-pagination-bullet{width:24px;height:24px;margin:0 4px;opacity:1;background:url(http://static.web.sdo.com/woool/pic/woool/web3/common.png) no-repeat -364px -355px}.swiper-pagination-bullet-active{background-position:-367px -388px}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:0}.l-t{position:relative;display:block;padding-left:16px;margin-bottom:16px}.l-t strong{font-size:22px;color:#242424;font-weight:400}.l-t p{font-size:14px;color:#949494}.l-t:before{position:absolute;display:block;width:4px;height:40px;content:"";left:0;top:50%;margin-top:-20px;background:#db4d2e}.wrap2 .left{float:left;width:900px;-webkit-animation-name:leftIn;-moz-animation-name:leftIn;-o-animation-name:leftIn;animation-name:leftIn;-webkit-animation-duration:.8s;-moz-animation-duration:.8s;-o-animation-duration:.8s;animation-duration:.8s;-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}.wrap2 .right{float:right;width:284px;-webkit-animation-name:rightIn;-moz-animation-name:rightIn;-o-animation-name:rightIn;animation-name:rightIn;-webkit-animation-duration:.8s;-moz-animation-duration:.8s;-o-animation-duration:.8s;animation-duration:.8s;-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}.video-wrap{height:540px;background:#302a26;overflow:hidden;position:relative}.video-wrap .imghover{background:#000;position:absolute;display:block;width:100%;height:100%;left:0;top:0;z-index:1;background:rgba(0,0,0,.32)}.video-wrap .text{position:absolute;display:block;z-index:2;width:100%;font-size:24px;color:#fff;line-height:1.6;padding-top:220px;color:rgba(255,255,255,.52);text-align:center}.video-wrap img{display:block;width:100%;height:100%}.role-wrap{height:540px;position:relative;background:#fff;-webkit-box-shadow:1px 1px 4px #ddd,-1px -1px 4px #ddd;-moz-box-shadow:1px 1px 4px #ddd,-1px -1px 4px #ddd;box-shadow:1px 1px 4px #ddd,-1px -1px 4px #ddd}.table-wrap table{width:100%}.table-wrap table .t-2{width:100px}.table-wrap table th.t-2{border-left:1px solid #b5afaf;border-right:1px solid #b5afaf}.table-wrap table th.t-1{text-align:left}.table-wrap table th.t-3{text-align:right}.role-w{padding:20px 24px;position:relative}.table-wrap table .img-wrap{position:relative;overflow:visible}.table-wrap table .img-wrap img{width:42px;height:42px;display:block;margin:0 auto;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.table-wrap table .img-wrap .rank{position:absolute;display:block;width:22px;height:22px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;left:1px;top:-4px;font-size:14px;text-align:center;line-height:22px;background:#59423f;color:#fff}.table-wrap table .img-wrap .rank0{background:#ce3207}.table-wrap table .img-wrap .rank1{background:#deb067}.table-wrap table th{color:#949494;text-align:center;font-weight:400}.table-wrap table td{text-align:left}.table-wrap.title-wrap{padding-bottom:10px}.table-wrap.list-wrap{max-height:320px}.table-wrap table td h2{color:#242424}.table-wrap table td p{color:#949494;font-size:12px}.table-wrap table td strong{cursor:pointer;font-weight:400;color:#ce3207;padding-left:22px;position:relative;left:12px;font-size:12px}.table-wrap table td strong i{width:15px;height:17px;position:absolute;display:block;left:4px;top:-2px;background:url(http://static.web.sdo.com/woool/pic/woool/web3/common.png) no-repeat -368px -455px}.list-wrap td{padding:10px 0}.join{position:absolute;display:block;width:236px;height:80px;z-index:1;left:50%;margin-left:-118px;bottom:26px;cursor:pointer;opacity:.9;background:url(http://static.web.sdo.com/woool/pic/woool/web3/common.png) no-repeat 0 -695px}.join:hover{opacity:1}.tips{position:absolute;display:block;width:48px;height:28px;left:50%;margin-left:-24px;bottom:124px;background:url(http://static.web.sdo.com/woool/pic/woool/web3/common.png) no-repeat -288px -548px}.live-wrap ul{margin-left:-10px;margin-right:-10px;-webkit-animation-name:bottomIn;-moz-animation-name:bottomIn;-o-animation-name:bottomIn;animation-name:bottomIn;-webkit-animation-duration:.8s;-moz-animation-duration:.8s;-o-animation-duration:.8s;animation-duration:.8s;-webkit-animation-delay:.2s;-moz-animation-delay:.2s;-o-animation-delay:.2s;animation-delay:.2s}.live-wrap li{float:left;margin:0 10px 20px 10px;background:#fff;position:relative;-webkit-box-shadow:1px 1px 4px #ddd,-1px -1px 4px #ddd;-moz-box-shadow:1px 1px 4px #ddd,-1px -1px 4px #ddd;box-shadow:1px 1px 4px #ddd,-1px -1px 4px #ddd}.live-wrap li.living{cursor:pointer}.live-wrap li .status{position:absolute;display:none;z-index:3;width:62px;height:62px;left:0;top:0;background:url(http://static.web.sdo.com/woool/pic/woool/web3/common.png) no-repeat -236px -803px}.live-wrap li.living .status{display:block}.live-wrap .blank{padding-top:60px}.live-wrap li .img-wrap{width:280px;height:154px}.live-wrap .info-wrap{padding:10px 16px;position:relative}.live-wrap li h2{color:#242424;font-size:16px;padding-bottom:6px}.live-wrap li p{color:#929292;font-size:12px}.live-wrap li span{position:absolute;right:16px;bottom:10px;font-size:12px;color:#929292;padding-left:24px}.live-wrap li span i{position:absolute;display:block;width:22px;height:14px;left:0;top:50%;margin-top:-7px;background:url(http://static.web.sdo.com/woool/pic/woool/web3/common.png) no-repeat -368px -548px}.live-wrap li img{-webkit-transition-duration:.4s;-moz-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:-o-transform;-moz-transition-property:transform,-moz-transform;transition-property:transform;transition-property:transform,-webkit-transform,-moz-transform,-o-transform;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)}.live-wrap li:hover img{-webkit-transform:scale(1.12,1.12);-moz-transform:scale(1.12,1.12);-ms-transform:scale(1.12,1.12);-o-transform:scale(1.12,1.12);transform:scale(1.12,1.12)}.hover{position:absolute;display:block;width:280px;height:154px;left:0;top:0;z-index:1;opacity:0;background:rgba(0,0,0,.7);-webkit-transition-duration:.6s;-moz-transition-duration:.6s;-o-transition-duration:.6s;transition-duration:.6s;-webkit-transition-property:opacity;-o-transition-property:opacity;-moz-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.live-wrap li:hover .hover{opacity:1}.live-wrap li .play{width:60px;height:62px;position:absolute;display:block;left:50%;margin-left:-30px;top:42px;z-index:2;-webkit-transition-duration:.4s;-moz-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;-o-transition-property:opacity,-o-transform;-moz-transition-property:transform,opacity,-moz-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform,-moz-transform,-o-transform;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-transform:scale(1.6,1.6);-moz-transform:scale(1.6,1.6);-ms-transform:scale(1.6,1.6);-o-transform:scale(1.6,1.6);transform:scale(1.6,1.6);opacity:0;background:url(http://static.web.sdo.com/woool/pic/woool/web3/common.png) no-repeat -289px -600px}.live-wrap li:hover .play{opacity:1;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)}.arrow{width:72px;font-size:14px;text-align:center;margin:30px auto 0 auto;cursor:pointer}.arrow span{display:block;width:36px;margin:6px auto;height:20px;background:url(http://static.web.sdo.com/woool/pic/woool/web3/common.png) no-repeat 0 -164px}.arrow:hover{color:#ec6756}.arrow:hover span{background-position:0 -189px}#joinPop .content{background:url(http://static.web.sdo.com/woool/pic/woool/web3/live-join-bg.jpg) no-repeat top center;width:604px;height:745px;margin-left:-302px;margin-top:-372px;border:none;color:#f9cfa7}#livePop .content{width:710px;height:460px;margin-left:-355px;margin-top:-230px}#joinPop .close,#livePop .close{width:46px;height:46px;background-position:-288px -743px;right:-60px}#joinPop .table-wrap{padding-top:60px;padding-left:40px}#joinPop .role{position:absolute;display:block;width:270px;height:238px;left:0;top:-114px;background:url(http://static.web.sdo.com/woool/pic/woool_act/Live/pop_bg.png) 0 -748px no-repeat}#joinPop table td{padding:5px 0}#joinPop table .td1{text-align:right;padding-right:6px}#joinPop table .td2{text-align:left}#joinPop #Attend,.page-wrap ul{text-align:center}#joinPop #Attend{width:226px;height:62px;opacity:.85;display:block;margin:0 auto;cursor:pointer;background:url(http://static.web.sdo.com/woool/pic/woool/web3/common.png) no-repeat 0 -802px}#joinPop #Attend:hover{opacity:1}.pop input[type=text]{width:360px;height:36px;text-indent:6px;line-height:36px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border:1px solid #ebd3a5;background:0 0;color:#f9cfa7}.pop input[type=text].alert,.pop textarea.alert{border:1px solid red;color:red}.pop textarea{width:360px;text-indent:6px;min-height:60px;padding:6px 0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;background:0 0;color:#f9cfa7;border:1px solid #ebd3a5}#joinPop em{position:relative;color:#f9cfa7;left:-2px;top:2px;font-style:normal}#FaceURL{display:none}::-moz-placeholder{color:#a89b80}:-ms-input-placeholder{color:#a89b80}::-webkit-input-placeholder{color:#a89b80}td .loading img{margin-top:36px;width:32%}