/*banner*/
.banner { position: relative; z-index: 0; height: 260px; overflow: hidden; margin-bottom: 20px;}
.banner .show_pic { position: absolute; z-index: 0;}
.banner .show_pic li { position: absolute; top: 0; left: 0; display: none;}
.banner .show_pic img { width: 1200px; height: 260px;}

.banner .itemBox { position: absolute; z-index: 1; bottom: 12px; text-align: center; width: 100%;}
.banner .itemBox a { width: 10px; height: 10px; background: #fff; opacity: 0.5; filter: alpha(opacity=50); display: inline-block; border-radius: 50%; -moz-border-radius: 50%; margin-right: 9px; overflow:hidden;}
.banner .itemBox a:hover,.banner .itemBox a.active { opacity: 1; filter: alpha(opacity=100); }

.banner .prev, .banner .next { position: absolute; z-index: 2; width: 50px; height: 50px; top: 50%; margin-top: -25px; background: url(../images/btn_banner.png) no-repeat; display: inline-block; vertical-align: middle;}
.banner .prev { left: 0; background-position: 0 0;}
.banner .next { right: 0; background-position: -50px 0;}

/*左侧栏*/
.left-box{ width:180px; overflow:hidden;}
.modal-box{ background:#ffffff; margin-bottom:5px;}
.modal-box-line{ border:1px solid #ebebeb;background:#ffffff; margin-bottom:5px; padding-bottom:16px;}
.modal-h2{ height:38px; background:#ca63ff; overflow:hidden; text-align:center; font:18px/38px "microsoft yahei"; color:#fff;}
.modal-h2 a{ color:#fff;}
.live-count{ border:1px solid #ebebeb; border-top:0; height:72px; padding-top:15px; text-align:center;font:12px/21px "microsoft yahei"; color:#999999;}
.live-count strong{ display:block; text-align:center; color:#ca63ff;font:24px/33px "Georgia";}

/*全部直播*/
.title{ padding:0 12px; height:44px; overflow:hidden;}
.title a{ display:block; height:44px;font:16px/44px "microsoft yahei"; position:relative; padding-left:28px; }
.title .icon{ width:17px; height:16px; position:absolute; top:15px; left:4px; background:url(../images/side_left_icon.png) no-repeat 0 0;}

.live-cate dt{ height:34px;border-top:1px solid #eeeeee; width:130px; margin:0 auto; position:relative;font:16px/34px "microsoft yahei";padding-left:0px;padding-top:5px;}
.live-cate dt .icon{ width:17px; height:16px; position:absolute; top:13px; left:-23px; background:url(../images/side_left_icon.png) no-repeat;}
.live-cate dt .ico-cate01{ background-position:0 -16px;}
.live-cate dt .ico-cate02{ background-position:0 -32px;}
.live-cate dd{ height:26px; padding:3px 0;font:12px/26px "microsoft yahei"; color:#444;}
.live-cate dd a{ display:block; color:#ff0000; text-indent:40px; border-left:2px solid #fff; }
.live-cate dd a:hover,.live-cate dd a.active{ border-color:#ca63ff; background:#fafafa; color:#444;transition:all 0.25s ease-in-out 0s;}

.left-area2 ul{ padding:0 12px;}
.left-area2 li{ border-bottom:1px solid #eeeeee;}
.left-area2 li a{ display:block; padding-left:28px; height:44px;font:16px/44px "microsoft yahei"; position:relative;}
.left-area2 li a:hover{ color:#ff0000;}
.left-area2 li.last{ border-bottom:1px solid #fff;}
.left-area2 .icon{width:17px; height:16px; position:absolute; left:4px; top:15px;background:url(../images/side_left_icon.png) no-repeat;}
.left-area2 .ico-follow{background-position:0 -48px;}
.left-area2 .ico-browse{background-position:0 -64px;}
.left-area2 .ico-pay{background-position:0 -80px;}
.left-area2 .ico-more{ background-position:0 -115px; width:6px; height:11px; left:135px; top:17px;}

.adv-pay{ width:152px; margin:0 auto; height:70px; overflow:hidden;}
.adv-pay img{ border-radius:5px;}

/*热门游戏*/
.left-title{ padding:0 12px; height:44px;}
.left-title a{ display:block; height:44px;font:16px/44px "microsoft yahei"; position:relative; padding-left:28px;border-bottom:1px solid #eeeeee; }
.left-title .icon,.left-title01 .icon{ width:17px; height:16px; position:absolute; top:15px; left:4px; background:url(../images/side_left_icon.png) no-repeat 0 -127px;}
.hot-game{ padding:5px 12px 0;}
.hot-game ul li{ height:42px; padding-top:10px; overflow:hidden; font:12px/42px "microsoft yahei"; color:#444;}
.hot-game ul li img{ float:left; width:40px; height:40px; border:1px solid #e8e8e8; border-radius:5px; margin:0 10px 0 12px;transition:all 0.4s ease-in-out 0s;}
.hot-game ul li a:hover{ color:#ff0000;}
.hot-game ul li a:hover  img{ border-color:#ca63ff;transform:transform:scale(1.12)}


/*热门活动*/
.left-area3{ padding-top:5px;font:12px/30px "microsoft yahei"; color:#444;}
.left-area3 ul li{ height:30px; color:#444; text-indent:40px; }
.left-area3 ul li a{ color:#444;}
.left-area3 ul li a:hover{ color:#ff0000;}

/*官方客服*/
.left-title01{ height:44px;font:16px/44px "microsoft yahei"; position:relative; padding-left:28px;border-bottom:1px solid #eeeeee; margin:0 auto; width:126px;}
.left-title01 .ico-service{ background-position:0 -96px;}
.left-service{ padding-top:8px;}
.left-service a{ display:block; padding:8px 0; text-align:center;}

/*中间内容*/
.main-box{ width:718px; overflow:hidden; padding-left:30px;}

/*推荐主播*/
.anchor-list{ width:718px; height:268px; overflow:hidden; margin-bottom:30px;}
.anchor-list ul{ width:736px;}
.anchor-list li{ width:166px; height:125px; float:left; padding:0 18px 18px 0; overflow:hidden;}
.anchor-list li.first{ width:350px; height:268px;}
.anchor-list li a{ display:block;width:166px; height:125px; float:left; position:relative; overflow:hidden; cursor:pointer;}
.anchor-list li.first a{ width:350px; height:268px;}
.anchor-list li img{ width:166px; height:125px; transition:all 0.4s ease-in-out 0s; left:50%; top:50%; border-radius:2px;}
.anchor-list a:hover img{transform: translate(-50%, -50%) scale(1.12);transform:scale(1.12)}
.anchor-list li.first img{ width:350px; height:268px;}
.anchor-list h3{ height:32px; width: 100%; text-indent:13px; color:#fff; background:-webkit-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,0.5)); background:-o-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,0.5)); background: -moz-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,0.5)); background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5)); position:absolute;bottom:0; left:0; font:14px/32px "microsoft yahei";}
.anchor-list .icon-live{ width:42px; height:14px; position:absolute; background:url(../images/icon_live.png) no-repeat 0 0; right:0; top:0;}
.anchor-list .s-shade{ display:none; background:url(../images/img_bg.png) repeat 0 0;width:166px; height:125px; position:absolute; left:0; top:0;}
.anchor-list ul li.first .s-shade{width:350px; height:268px;}
.anchor-list .icon-play{ display:none; width:42px; height:42px; background:url(../images/icon_play.png) no-repeat 0 0; position:absolute; margin:-21px 0 0 -21px; left:50%; top:50%;}

.icon-sf{ display:none; width:56px; height:20px; background:url(../images/sf.png) no-repeat 0 0; position:absolute; left:0; top:0;;}

.anchor-list a:hover .s-shade,.anchor-list a:hover .icon-play{ display:block;}

/*新晋主播*/
.new-anchor{ width:718px; overflow:hidden; padding-bottom:10px;}
.new-anchor ul{ width:736px;}
.new-anchor li{ width:166px; padding:0 18px 20px 0; float:left;height:188px;}
.new-anchor a{ display:block; width:166px; height:188px; position:relative; cursor:pointer; background:#eaeaea; overflow:hidden;}
.thum-bg{ display:none;}
.new-anchor a:hover{ height:218px; background:#fff; z-index:888;}
.new-anchor a .thum-bg{ width:162px; height:214px; border:2px solid #ff4400; background:transparent; position:absolute; top:0; left:0; display:none; z-index:8;}
.new-anchor img.anchor-img{ width:166px; height:125px; position:absolute;transition:all 0.4s ease-in-out 0s; left:0; top:0; border-radius:2px;}
.new-anchor a:hover img.anchor-img{transform: translate(-50%, -50%) scale(1.12);transform:scale(1.12)}
.new-anchor .icon-live{ width:42px; height:14px; position:absolute; background:url(../images/icon_live.png) no-repeat 0 0; right:0; top:0; }
.new-anchor .s-shade{ display:none; background:url(../images/img_bg.png) repeat 0 0;width:166px; height:125px; position:absolute; left:0; top:0;}
.new-anchor .icon-play{ display:none; width:42px; height:42px; background:url(../images/icon_play.png) no-repeat 0 0; position:absolute; left:62px; top:30px;}


.live-time{ display:none; font:12px/31px "microsoft yahei"; color:#fff; position:absolute; top:72px; text-align:center; width:100%;}
.new-anchor .s-content{ padding:9px 10px 0; width:144px; height:50px; border:1px solid #e4e4e4; border-top:0; background:#fff; position:absolute; left:0; top:125px; }
.new-anchor a:hover .s-content{ border-color:#fff;}
.new-anchor .top_info{height:20px;font:12px/20px "microsoft yahei";padding-bottom:4px;overflow:hidden;}
.top_info strong.name{ display:block; float:left; color:#444;}
.top_info .icon{ float:right; padding-top:4px;}
.bottom_info{height:20px;font:12px/20px "microsoft yahei";overflow:hidden; color:#999999;}
.bottom_info .icon{ width:13px; height:14px;}
.bottom_info .icon-user{ background:url(../images/icon_user.png) no-repeat 0 0;}

.res-charge{ height:38px; background:#fff; position:absolute; left:0; bottom:0; display:none;font:12px/20px "microsoft yahei";color:#999999; padding-left:10px; z-index:8;}
.res-charge span{ color:#9900ff;}
.new-anchor a:hover .s-shade,.new-anchor a:hover .icon-play,.new-anchor a:hover .live-time,.new-anchor a:hover .res-charge,.new-anchor a:hover .thum-bg{ display:block;}
.anchor-list a:hover .s-shade,.anchor-list a:hover .icon-play,.anchor-list a:hover .live-time,.anchor-list a:hover .res-charge,.anchor-list a:hover .thum-bg{ display:block;}
.anchor-list .live-time{top:80px;}
.anchor-list .first .live-time{top:160px;}

.anchor_more{ width:718px; height:50px;}
.anchor_more a{width:431px; height:48px; border:1px solid #e4e4e4; border-radius:25px; font:18px/48px "microsoft yahei"; color:#ca63ff;background:#f9f9f9 url(../images/more_btn_bg.png) no-repeat 0 0; display:block; padding-left:285px;}
.anchor_more .icon{ width:22px; height:22px; background:url(../images/icon_more_btn.png) no-repeat 0 0; margin-left:12px;}
.anchor_more a:hover{ color:#d582ff;}

/*右侧栏*/
.right-box{ width:242px; overflow:hidden;}
.right-box .modal-box-line{ margin-bottom:30px;}

/*活动公告*/
.r-title01{ height:46px; overflow:hidden; font:20px/46px "microsoft yahei"; color:#666666;}
.r-title01 a{ color:#666666;}
.adv-notice{ width:242px; height:268px; overflow:hidden; margin-bottom:30px;}

/*登录注册*/
.column-login-box{}
.modal-login{ padding-top:15px; height:165px;}
.column-btn-login{width:198px; height:33px; margin:0 auto; border:1px solid #ca63ff; display:block; text-align:center; font:14px/33px "microsoft yahei"; color:#ca63ff; border-radius:4px;}
.column-btn-login:hover{ background:#ca63ff; border-color:#ca63ff; color:#fff;transition:all 0.25s ease-in-out 0s;}
.column-login-txt{ text-align:center;font:12px/36px "microsoft yahei"; color:#999999; height:40px;}
.column-login-txt a{ color:#ca63ff;}
.column-login-txt a:hover{ color:#fe5970;}
.column-login{ height:90px; padding-left:33px; width:207px;}
.column-login li{ padding:0 17px; width:58px; float:left;}
.column-login li a{ display:block;width:58px; text-align:center; padding-top:48px; color:#666;font:14px/32px "microsoft yahei";position:relative; float:left;}
.column-login li .icon{ width:48px; height:48px; background:url(../images/column_login.png) no-repeat; top:0; margin:0 auto; position:absolute;}
.ico-login-qq{ background-position:center top !important;}
.ico-login-weibo{ background-position:center -48px !important;}
.column-login li a:hover{ color:#ff0000;transition:all 0.25s ease-in-out 0s;}
.column-login li a:hover i{ opacity:0.8;}

.abc{animation: 0.8s ease-in-out 0s normal none 1 running head-shake;transform: rotate(315deg);}

/*登录后会员信息*/
.modal-logged{ padding-bottom:15px;}
.modal-logged-left{ width:75px; padding:14px 5px 0; overflow:hidden; background:url(../images/login_line.gif) no-repeat right top; text-align:center;}
.modal-user-pic{ width:67px; height:68px; position:relative; overflow:hidden;}
.modal-user-pic img{width:55px; height:55px; position:absolute; left:5px; top:5px;}
.user-img-bg{ display:block; width:67px; height:68px; background:url(../images/user_img.png) no-repeat 0 0; position:absolute; left:0; top:0;}
.modal-logged-p{ font:bold 12px/32px "microsoft yahei"; color:#666666;}
.modal-logged-p a{ padding:0 12px; height:20px; color:#fff;font:12px/20px "microsoft yahei"; color:#fff; background:#ca63ff; border-radius:4px; display:inline-block;}
.modal-logged-p a:hover{ background:#d582ff;}

.modal-logged-info{ width:142px; overflow:hidden; padding-top:12px;}
.modal-logged-info ul li{ height:26px; line-height:26px; color:#666; width:71px; float:left;}
.modal-logged-info ul li.l1,.modal-logged-info ul li.l2,.modal-logged-info ul li.l7{ width:142px;}
.modal-logged-info ul li.l1{ font-size:14px; color:#ca63ff;}
.ico-xb{ background-image:url(../images/ico_xb01.png);}
.ico-xb0{ background-image:url(../images/x00.png);}
.ico-xb1{ background-image:url(../images/x01.png);}
.ico-money{ background-image:url(../images/ico_cf.png);}
.ico-dj1{ background-image:url(../images/ico_dj.png);}
.ico-dj2{ background-image:url(../images/ico_dj02.png);}
.ico-vip{ background-image:url(../images/ico_vip.png);}
.ico-zj{ background-image:url(../images/ico_zj.png);}
.modal-logged-info em{ width:24px; height:24px; background-position: center center; background-repeat:no-repeat;}

.column-login-list{ width:212px; background:url(../images/line01.gif) repeat-x left top; margin:0 auto; padding-top:18px;}
.column-login-list ul li{ float:left; width:74px;}
.column-login-list ul li a{ display:block; float:left; width:74px; font:12px/35px "microsoft yahei"; color:#444; text-align:center;}
.column-login-list ul li .icon{ width:28px; height:32px;background:url(../images/login-list.png) no-repeat; margin:0 auto; display:block}
.icon-login-android{ background-position:0 0 !important;}
.icon-login-iphone{ background-position:-75px 0 !important;}
.icon-login-ipad{ background-position:-149px 0 !important;}
.column-login-list ul li a:hover{ color:#ca63ff;}
.column-login-list ul li.last{ width:62px;}
.column-login-list ul li.last a{ width:62px;}
.column-login-list li a:hover i.icon-login-android{transition:0.5s; background-position:0 -32px !important;}
.column-login-list li a:hover i.icon-login-iphone{transition:0.5s;background-position:-75px -32px !important;}
.column-login-list li a:hover i.icon-login-ipad{transition:0.5s;background-position:-149px -32px !important;}

/*主播榜*/
.rank-tt{ height:55px; border-bottom:2px solid #ca63ff; overflow:hidden; padding:5px 6px 0 15px; width:219px;}
.rank-tt-h2{ float:left; font:24px/55px "microsoft yahei"; color:#444;}
.tab_tit{ width:112px; overflow:hidden; float:right; height:28px; padding-top:27px;}
.tab_tit li{ float:left;}
.tab_tit li a{ display:block; width:28px; height:28px; text-align:center; font:12px/28px "microsoft yahei"; color:#444;}
.tab_tit li.sec2 a{ color:#fff; font-weight:bold; background:#ca63ff; border-radius:2px 2px 0 0;}

.tablist{ width:220px; margin:0 auto; padding-top:7px;}
.tablist ul li{ height:50px; overflow:hidden; border-bottom:1px solid #e4e4e4;}
.tablist ul li a{ display:block; width:194pxx; height:50px; position:relative; padding-left:26px;}
.tablist ul li a:hover{ background:#f5f5f5;}
.tablist ul li a span{ display:block; width:15px; height:15px; background:#c7c7c7; color:#fff;font:11px/15px "microsoft yahei"; text-align:center; position:absolute; left:0; top:19px; border-radius:2px; z-index:2;}
.rank-m{font:12px/50px "microsoft yahei"; color:#444;}
.rank-m em{ font-style:normal; padding-left:6px; color:#999999;}
.tablist ul li i.icon{ position:absolute; right:0; top:19px;}
i.rank-ico{ width:24px; height:24px;}
i.rank-ico5{ background:url(../images/rank_ico5.png) no-repeat 0 0;}
i.rank-ico12{ background:url(../images/rank_ico12.png) no-repeat 0 0;}
i.rank-ico16{ background:url(../images/rank_ico16.png) no-repeat 0 0;}

.tablist ul li.show{ height:73px; overflow:hidden;}
.tablist ul li.show a{height:45px; padding-left:0; width:150px; padding:14px 0 14px 70px;}
.tablist ul li.show img{ width:60px; height:45px; position:absolute; top:14px; left:0; z-index:1;}
.tablist ul li.show span{ top:44px; background:#ca63ff;}
.tablist ul li.first span{ background:url(../images/rank_no1.png) no-repeat 0 0; width:16px; height:16px; text-indent:-99999px;}
.show .rank-m{font:12px/25px "microsoft yahei"; color:#444;}
.show .rank-m em{ font-style:normal; color:#999999; display:block; line-height:17px;}
.tablist ul li.show i.icon{ top:26px;}

i.rich-ico{width:47px; height:15px;}
.rich-ico1{background:url(../images/rich_ico1.png) no-repeat 0 0;}
i.rich-ico2{background:url(../images/rich_ico2.png) no-repeat 0 0; width:61px;}
.rich-ico3{background:url(../images/rich_ico3.png) no-repeat 0 0;}
.rich-ico4{background:url(../images/rich_ico4.png) no-repeat 0 0;}

.main-box-title{ height:46px;font:24px/38px "microsoft yahei"; }



.shoppcart-box{ width:386px;background:#fff;position:fixed; background:#fff;border-radius:4px; -moz-border-radius:4px; background:#fff; position: fixed; top:50%; left:50%; z-index:998; margin-top:-100px; margin-left:-170px;text-align:left;}
.shoppcart-top{ padding:0 12px 0 15px;font:14px/42px "微软雅黑"; color:#666666; border-bottom:1px solid #f0f0f0; height:42px;}
.shoppcart-top span{ display:block; padding-top:12px;}
.shoppcart-top span i{ float:left;}
.shoppingcart-ul{ padding:16px 0 16px 30px; border-bottom:1px solid #f0f0f0; }
.shoppingcart-ul .sli{ font:14px/26px "微软雅黑"; color:#666666;}
.shopping-btn{ padding:15px 0 15px 119px;}
.shopping-btn input{width:68px; height:30px; cursor:pointer; border:0; text-align:center; font-size:12px;margin-right:12px;font-family:"微软雅黑"; border-radius:5px; }
.shopping-btn01{  color:#fff; background:#ff3a2f;}
.shopping-btn01:hover{background:#ff7140;transition:0.25s;}
.shopping-btn02{ color:#666666; background:#e6e6e6; border-radius:5px;}
.shopping-btn02:hover{ background:#eaeaea;transition:0.25s;}