@charset "utf-8";
*{ margin:0; padding:0}
a{ text-decoration:none; outline:none;}
img{ max-width:100%; border:none; vertical-align:top; outline:none}
ul,ol,li{list-style:none}
input,select{ border:none; font-size:100%; outline:none;font-family:"\5FAE\8F6F\96C5\9ED1","Microsoft YaHei"}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none !important;margin: 0;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
input[type="number"]{-moz-appearance:textfield;}
textarea {  -webkit-appearance: none;}  
textarea{ font-size:100%; outline:none; vertical-align:top}
.cl{zoom:1}
.cl:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
body{ font-family:"\5FAE\8F6F\96C5\9ED1","Microsoft YaHei"}
h1,h2,h3,h4,h5,h6{ font-weight: 400;}
/*首页*/
body{ background:#0d1426; min-width:1200px;}
.box{ width:1200px; margin:0 auto; min-width:1200px;}
.live_head{ background:#f2f4f3; height:85px; padding-left:55px; min-width:1145px;}
.live_head h2{ float:left;padding-top: 15px;}
.live_head .user_info{ text-align:right; float:right; line-height:85px;}
.live_head .task,.live_head .gold,.live_head .bean,.live_head .user,.live_head .recharge,.live_head .logout,.live_head .login,.live_head .sign{display:inline-block; *display:inline;zoom: 1; vertical-align:middle; padding:0 20px; border-left:1px solid #eaeceb; line-height:53px;} 
.live_head .user img{ width:52px; height:52px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; border:2px solid #67686a; object-fit:cover; vertical-align:middle;margin-right: 10px;}
.live_head .gold,.live_head .bean{ font-size: 24px; color:#202020; font-family:"Myriad Pro"}
.live_head .task i,.live_head .gold i,.live_head .bean i{display:inline-block; *display:inline;zoom: 1; vertical-align:middle; background:url(../images/live_room/livehead_icon.png) no-repeat; margin-right: 7px;}
.live_head .task { font-size: 19px; color:#282828; position:relative; background:#f2f4f3}
.live_head .task i{ width:28px; height:24px;}
.live_head .task .taskcount{ font-size:12px; width:18px; height:18px; position:absolute; right:6px; top:24px; background:#138ae6; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; text-align:center; line-height:18px; color:#fff; line-height:17px; text-indent:0; font-weight:400}
.live_head .user p{font-size: 14px; color:#282828;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:98px;display:inline-block; *display:inline;zoom: 1; vertical-align:middle}
.live_head .recharge,.live_head .logout,.live_head .login,.live_head .sign{font-size: 19px; color:#202020;cursor: pointer;}
.live_head .gold i{ width:23px; height:23px; background-position:-33px top;}
.live_head .bean i{ width:23px; height:23px; background-position:-61px top;}
.live_head .task:hover,.live_head .gold:hover,.live_head .bean:hover,.live_head .user:hover,.live_head .recharge:hover,.live_head .logout:hover,.live_head .login:hover,.live_head .sign:hover{ background:#e8e8e8; line-height:85px;}
.live_head .task,.live_head .user{ line-height:85px;}
.live_head .login_after{ display:none;font-size: 0;}

.live_room{ min-width:1200px; margin:0 auto; position:relative}
.live_room .m-rgt{  width:375px; background:#fff; height:100%; position:absolute; right:0; top:0; z-index:0}
.live_room .m-rgt .downloadPrompt{ position:absolute; left:84px; top:50%; margin-top:-84px; width:207px; height:168px;background:url(https://www.zhibo.tv/images/live_room/downloadPrompt131456.png) left top no-repeat; z-index:17}
.live_room .m-rgt .downloadPrompt .close{ width:30px; height:30px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; background:url(https://www.zhibo.tv/images/red_bag/blank.gif) left top repeat; position:absolute; top:19px; right:0px;cursor: pointer;}
.live_room .m-rgt .top_ranking{ background:#11b6f4; height:82px; position:relative; z-index:14}
.live_room .m-rgt .top_tab{ overflow:hidden}
.live_room .m-rgt .top_tab ul {font-size: 0; white-space:nowrap}
.live_room .m-rgt .top_tab ul li{display:inline-block; *display:inline;zoom: 1; vertical-align:top; width:125px; text-align:center; height:82px; background:#11b6f4;cursor: pointer; overflow:hidden}
.live_room .m-rgt .top_tab ul li p{ width:123px; border-top:3px solid #11b6f4; margin-top:1px; height:78px; margin-left:1px;font-size: 14px; color:#3a3a3a; line-height:78px; position:relative}
.live_room .m-rgt .top_tab ul li p i{display:inline-block; *display:inline;zoom: 1; vertical-align:middle; line-height:normal; position:relative}
.live_room .m-rgt .top_tab ul li p i .user-head{ object-fit:cover; width:41px; height:41px; margin-left:3px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.live_room .m-rgt .top_tab ul li p i .cover-img{ position:absolute; left:0; top:0; width:41px;}
.live_room .m-rgt .top_tab ul li p:hover .user-head{ border:2px solid #aeafaf; width:37px; height:37px;}
.live_room .m-rgt .top_tab ul li.active { background:#fff}
.live_room .m-rgt .top_tab ul li.active p{ border-color:#11b6f4 #fff #fff}
.live_room .m-rgt .top_cont{ background:#fff; position:absolute; left:0; top:82px; z-index:15; width:100%; border-bottom:1px solid #e5e6e5; height:316px; display:none; overflow:hidden}
.live_room .m-rgt .top_cont .week,.live_room .m-rgt .top_cont .day,.live_room .m-rgt .top_cont .all{ width:99%; height:99%; overflow:hidden;}
.live_room .m-rgt .top_cont ul li{ position:relative; padding-left:20px; margin-right:20px; line-height:41px; height:41px;margin-top: 10px; vertical-align:top}
.live_room .m-rgt .top_cont ul li b{display:inline-block; *display:inline;zoom: 1; vertical-align:middle;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; height:18px; width:18px; text-align:center; line-height:18px; font-size: 12px; color:#fff; background:#aaaaaa;font-weight: 400;margin-bottom: 3px;*margin-bottom: 0;}
.live_room .m-rgt .top_cont ul li b.front{ background:#0086ff;}
.live_room .m-rgt .top_cont ul li .user_head{ width:41px; height:41px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; overflow:hidden; object-fit:cover;display:inline-block; *display:inline;zoom: 1; vertical-align:top; margin:0 10px;}
.live_room .m-rgt .top_cont ul li .cover-img{ position: absolute; left:48px; top:0; width:41px; height:41px;}
.live_room .m-rgt .top_cont ul li p{font-size: 16px; color:#000; width:112px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;display:inline-block; *display:inline;zoom: 1; vertical-align:top;}
.live_room .m-rgt .top_cont ul li span{ position:absolute; right:0; top:0; display:block;font-size: 14px; color:#000}
.live_room .m-rgt .top_cont ul li span i{display:inline-block; *display:inline;zoom: 1; vertical-align:middle; background:url(../images/live_room/livehead_icon.png) -33px top no-repeat; width:23px; height:23px; margin-left:7px;margin-bottom: 3px; *margin-bottom: 0;}
.live_room .m-rgt .top_cont ul li:hover p{ color:#138ae6}
.live_room .m-rgt .room_notice{ color:#f76200;font-size: 12px; line-height:24px; word-break:break-all; padding:15px;}
.live_room .m-rgt .scro_clear{ position:relative; height:0;}
.live_room .m-rgt .chat_area a{ color:#138ae6}
.live_room .m-rgt .chat{ overflow:hidden; position:relative; margin-left:15px; word-break:break-all}
.live_room .m-rgt .chat ul li{ line-height:24px;font-size: 12px; color:#101010;}
.live_room .m-rgt .chat ul li i{font-style: normal;}
.live_room .m-rgt .chat ul li .time{padding-right: 5px;}
.live_room .m-rgt .chat ul li img{ max-height:20px; vertical-align:middle;margin-right:5px; margin-bottom:2px; *margin-bottom:0}
.live_room .m-rgt .chat ul li img.code{ max-height:none; vertical-align:top}
.live_room .m-rgt .chat ul li .mr5{ margin-right:5px;}
.live_room .m-rgt .chat ul li .name{ color:#138ae6;display:inline-block; *display:inline;zoom: 1; vertical-align:top;margin-right: 5px; cursor: pointer;}
.live_room .m-rgt .chat ul li .name:hover{ text-decoration:underline}
.live_room .m-rgt .chat_set{ height:1px; background:#dcdede; position:relative; margin:8px 2px;}
.live_room .m-rgt .chat_set span{ background:url(../images/live_room/move_btn.png) left top no-repeat; width:24px; height:17px; display:block; position:absolute; left:50%; margin-left:-12px; top:-8px; cursor:move;}
.live_room .m-rgt .chat_area{ margin-bottom:135px;}
.live_room .m-rgt .gift_log,.live_room .m-rgt .chat_log{ position:relative; overflow:hidden; height:200px;}
.live_room .m-rgt .gift_log{ height:60px;}
.live_room .m-rgt .function_area{ position:absolute; width:100%; left:0; bottom:0; height:135px;}
.live_room .m-rgt .enter_area{margin:4px 2px; height:32px;}
.live_room .m-rgt .enter_area .enter_cont{margin-right: 58px; position:relative}
.live_room .m-rgt .enter_area .enter_cont .face{ float:left;margin-right: 2px; width:38px; height:32px; background:#828385 url(../images/live_room/face.png) center no-repeat;cursor: pointer;}
.live_room .m-rgt .enter_area .enter_cont label{ display:block; overflow:hidden;zoom: 1; border:1px solid #dcdede; background:#f0f5f8;padding-left: 5px;padding-right: 5px;}
.live_room .m-rgt .enter_area .enter_cont label input{ height:30px; width:100%; background:none;font-size: 14px; color:#333;}
.live_room .m-rgt .enter_area .send{ height:32px; line-height:32px; width:52px; float:right;margin-left: 3px;}
.live_room .m-rgt .gift_area{ background:#4d4d4d; height:95px;}
.live_room .m-rgt .gift_area .tab { position:relative; padding-top:3px;}
.live_room .m-rgt .gift_area .tab b.follow{ height:3px; background:#11b6f4; width:60px; position:absolute; top:0; display:block}
.live_room .m-rgt .gift_area .tab ul { overflow:hidden;}
.live_room .m-rgt .gift_area .tab ul li{ font-size: 12px; color:#fff; float:left;cursor: pointer; width:60px; text-align:center; padding:7px 0}
.live_room .m-rgt .gift_area .gift_cont{font-size: 0;}
.live_room .m-rgt .gift_area .lbtn,.live_room .m-rgt .gift_area .rbtn,.live_room .m-rgt .gift_area .gift_list,.live_room .m-rgt .gift_area .give_num,.live_room .m-rgt .gift_area button.give{display:inline-block; *display:inline;zoom: 1; vertical-align:middle;cursor: pointer;}
.live_room .m-rgt .gift_area .lbtn{ background:url(../images/live_room/lbtn.png) center no-repeat; width:20px; height:50px;}
.live_room .m-rgt .gift_area .rbtn{ background:url(../images/live_room/rbtn.png) center no-repeat; width:20px; height:50px;}
.live_room .m-rgt .gift_area .gift_list{ overflow:hidden; width:156px; height:50px; overflow:hidden}
.live_room .m-rgt .gift_area .gift_list ul li{ float:left; width:48px; margin:0 2px; text-align:center; line-height:50px;cursor: pointer; position:relative}
.live_room .m-rgt .gift_area .gift_list ul li img{ max-width:46px; object-fit:contain; max-height:30px; vertical-align:middle}
.live_room .m-rgt .gift_area .gift_list ul li.active img,.live_room .m-rgt .gift_area .gift_list ul li.on img{ max-height:44px}
.live_room .m-rgt .gift_area .gift_list ul li .lock{ position:absolute; left:0;top:0; display:block; width:50px; height:50px; z-index:1}
.live_room .m-rgt .gift_area .gift_list ul li .lock b{ width:23px; height:23px;background:url(../images/room/lock.png) left top no-repeat; position:absolute; right:0; bottom:0;}
.live_room .m-rgt .gift_area .gift_list ul li .lock span{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1; background:#fff; opacity:0.3; filter:alpha(opacity=30);-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.live_room .m-rgt .gift_area .give_num {width:116px; position:relative}
.live_room .m-rgt .gift_area .give_num .gift_name{font-size: 12px; width:60px;padding-right: 4px; text-align:right; float:left; color:#fff; line-height:27px;}
.live_room .m-rgt .gift_area .give_num .opt{ background:#fff; font-size: 12px; color:#16191e; border:1px solid #d4d4d4; width:24px; height:25px; line-height:25px; text-align:right;padding-right: 22px; position:relative;margin-right: 4px; cursor: pointer; float:right}
.live_room .m-rgt .gift_area .give_num .opt input{ width:28px;}
.live_room .m-rgt .gift_area .give_num .opt i{ position:absolute; display:block; position:absolute; right:0; top:50%; height:6px; width:12px; margin-top:-3px; background:url(../images/live_room/dropdown.png) left bottom no-repeat; right:4px;}
.live_room .m-rgt .gift_area .give_num.active i{ background-position:left top;}
.live_room .m-rgt .gift_area .give{ height:27px; width:50px;  border-radius:3px 0 0 3px;margin-right: 1px;}
.live_room .m-rgt .gift_area .hideName{display:inline-block; *display:inline;zoom: 1; vertical-align:middle; border-radius:0 3px 3px 0; height:27px; width:9px; background:#11b6f4; position:relative}
.live_room .m-rgt .gift_area .hideName .icon{ border-top:4px solid #fff; border-left:2px solid transparent; border-right:2px solid transparent; position:absolute; top:50%; left:50%; margin-left:-2px; margin-top:-2px;}
.live_room .m-rgt .gift_area .hideName .hideNameTc{ display:none;font-size: 12px; position:absolute; right:0; margin-top:-30px;height:28px; line-height:28px; background:#fff; border:1px solid #eaeaea; white-space:nowrap; padding:0 10px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.live_room .m-rgt .gift_area .hideName.on .hideNameTc{ display:block;}
.live_room .m-rgt .gift_area .hideName .hideNameTc label{ color:#138ae6;}
.live_room .m-rgt .gift_area .hideName .hideNameTc label input{ vertical-align:middle;margin-bottom: 3px;*margin-bottom: 0;}
.live_room .m-rgt .gift_area .hideName .hideNameTc span{ padding-left:5px; color:#999}
.live_room .m-rgt .free{ position:absolute; bottom:160px;right:15px; width:62px; height:62px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; cursor: pointer; text-align:center;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s; background:#fff;cursor: pointer; z-index:2}
.live_room .m-rgt .free span{ font-size:12px; line-height:24px; color:#11b6f4; white-space:nowrap}
.live_room .m-rgt .free img{width:56px; height:56px;}
.live_room .m-rgt .free b{ position:absolute; left:50%; bottom:0; font-size: 12px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; background:#2282f3; text-align:center; display:block; width:22px; height:22px; font-weight: 400; color:#fff; line-height:22px; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);-moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);box-shadow: 0 0 5px rgba(0,0,0,0.5);}
.live_room .m-rgt .free i{ border: 3px solid #c3c3c3; display:block; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.live_room .m-rgt .free i.on,.live_room .m-rgt .free i.active{border-color:#11b6f4}
.live_room .m-rgt .gift_area .give_num{}
.live_room .m-rgt .gift_area .give_num ul{ position:absolute; left:-30px; background:url(../images/room/gift_num.png) left top no-repeat; width:185px; height:192px; overflow:hidden; z-index:2; display:none; padding-left:16px; padding-top:18px;}
.live_room .m-rgt .gift_area .give_num ul.top30{ top:30px;}
.live_room .m-rgt .gift_area .give_num ul.bottom30{ bottom:25px; z-index:3;}
.live_room .m-rgt .gift_area .give_num ul li{ text-align:center; width:42px; float:left; font-size:12px; color:#a3a3a3; white-space:nowrap; margin-left:7px; margin-right:7px; line-height:16px;cursor: pointer;}
.live_room .m-rgt .gift_area .give_num ul li p{background:url(../images/room/gift_num.png) -201px -140px no-repeat; width:42px; line-height: 42px; height:42px; font-size: 12px; color:#fff}
.live_room .m-rgt .gift_area .give_num ul li:hover{ color:#000;}
.live_room .m-rgt .gift_area .give_num ul li:hover p{background-position: -201px -98px;}
.live_room .m-rgt #gun_clear_div{ position:absolute; z-index:2; white-space:nowrap; margin-left:-20px; display:none; right:10px;}
.live_room .m-rgt #gun_clear_div span{  border:1px solid #e6e6e6;display:inline-block; *display:inline;zoom: 1; vertical-align:top; color:#545454; background:#fff;font-size: 12px; padding-left:28px; padding-right: 10px;cursor: pointer; line-height:22px; margin-left: 10px; text-align:left; position:relative}
.live_room .m-rgt #gun_clear_div span i{display:inline-block; *display:inline;zoom: 1; vertical-align:middle; width:20px; height:13px; position:absolute; left:10px; top:50%; margin-top:-6px;}
.live_room .m-rgt #gun_clear_div span#gun_div i{ background:url(../images/clear_bj.png) left top no-repeat;}
.live_room .m-rgt #gun_clear_div span#clear_div i{ background:url(../images/clear_bj.png) left -41px no-repeat; height:14px; margin-top:-7px;}
.live_room .m-rgt #gun_clear_div span:hover{ color:#138ae6}
.live_room .m-rgt button{ border: none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; background:#11b6f4;font-size: 14px; color:#fff;cursor: pointer;}
.live_room .m-rgt button:hover{ opacity:0.8}
.live_room .m-lgt{ margin-right:375px; position:relative; z-index:1}
.live_room .m-lgt .code_cont{ position:absolute;}
.live_room .m-lgt .play_info{ background:#11b6f4; height:82px; position:relative; line-height:76px; *line-height:82px;padding-right: 200px; white-space:nowrap}
.live_room .m-lgt .play_info .anchor_head{-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; width:74px; height:74px;display:inline-block; *display:inline;zoom: 1; vertical-align:middle; margin-left:42px; position:relative}
.live_room .m-lgt .play_info .anchor_head .js-himg-dongtai{ object-fit:cover; width:74px; height:74px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.live_room .m-lgt .play_info .anchor_head .frameImg{ max-width:none; position:absolute; left:0; top:0; width:74px; height:74px; border-radius:0}
.live_room .m-lgt .play_info .anchor_head .cover-img{ max-width:none; position:absolute; left:0; top:0; width:74px; height:74px; border-radius:0}
.live_room .m-lgt .play_info dl{display:inline-block; *display:inline;zoom: 1; vertical-align:middle; line-height:normal; height:74px; overflow:hidden}
.live_room .m-lgt .play_info dl dt{color:#fff;padding-bottom: 5px;padding-top: 5px; overflow:hidden; line-height:36px}
.live_room .m-lgt .play_info dl dt p{ max-width:504px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 28px; float:left}
.live_room .m-lgt .play_info dl dt span{font-size:12px;cursor: pointer; color:#444; padding-left:4px; }
.live_room .m-lgt .play_info dl dt span:hover{ color:#138ae6}.live_room .m-lgt .play_info .anchor_head .frameImg{ max-width:none; position:absolute; left:0; top:0; width:74px; height:74px; border-radius:0}
.live_room .m-lgt .play_info dl dd{font-size: 0; line-height:24px;}
.live_room .m-lgt .play_info dd .anchor_info{display:inline-block; *display:inline;zoom: 1; vertical-align:middle;font-size: 14px; color:#fff;margin-right: 10px; line-height:normal}
.live_room .m-lgt .play_info dd .anchor_info i{display:inline-block; *display:inline;zoom: 1; vertical-align:middle; background:url(../images/new_index/sex.png) left top no-repeat; width:13px; height:13px;margin-right: 3px;}
.live_room .m-lgt .play_info dd .anchor_info i.girl{ background-position:right top;}
.live_room .m-lgt .play_info dd .anchor_info p{display:inline-block; *display:inline;zoom: 1; vertical-align:middle; max-width:140px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.live_room .m-lgt .play_info dd .online_num{display:inline-block; *display:inline;zoom: 1; vertical-align:bottom; background:url(../images/live_room/online.png) left center no-repeat;padding-left: 24px;font-size: 14px; color:#fff;margin-right: 10px; line-height:normal}
.live_room .m-lgt .play_info dd .grade{display:inline-block; *display:inline;zoom: 1; vertical-align:bottom;margin-right: 5px;}
.live_room .m-lgt .play_info dd .experience{display:inline-block; *display:inline;zoom: 1; vertical-align:bottom; background:#0091bd; position:relative; text-align:center; padding:0 8px; color:#002045;font-size: 12px; height:21px; line-height:21px;margin-right:5px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.live_room .m-lgt .play_info dd .experience p{ position:absolute; left:0; top:0; width:100%; background:#fff; height:21px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.live_room .m-lgt .play_info dd .experience span{ position:relative; z-index:1}
.live_room .m-lgt .play_info dd .experience i{font-style: normal; padding:0 5px;}
.live_room .m-lgt .play_info dd .tags{display:inline-block; *display:inline;zoom: 1; vertical-align:bottom;}
.live_room .m-lgt .play_info dd .tags a{display:inline-block; *display:inline;zoom: 1; vertical-align:bottom;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; background:#02a2d4; border:1px solid #0398c8; padding:0 10px; margin-right: 5px;font-size: 12px; color:#fff;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s; line-height:19px; height:19px;}
.live_room .m-lgt .play_info dd .tags a:hover{ background:#0398c8}
.live_room .m-lgt .play_info .user_opt{ position:absolute; right:0; bottom:15px;font-size: 0; line-height:normal}
.live_room .m-lgt .play_info .user_opt sup{ display:inline-block; margin-top:-4px; margin-left:2px;}
.live_room .m-lgt .play_info .user_opt ul li{display:inline-block; *display:inline;zoom: 1; vertical-align:middle; position:relative; margin-right:25px; cursor: pointer; height:32px;}
.live_room .m-lgt .play_info .user_opt ul li > p{ overflow:hidden; position:relative;font-size: 14px; color:#fff; line-height:32px;}
.live_room .m-lgt .play_info .user_opt ul li > p >i{ display:inline-block; *display:inline;zoom: 1; vertical-align:middle;margin-right: 5px;}
.live_room .m-lgt .play_info .user_opt ul .follow { background:#fff; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; height:32px; line-height:32px;font-size: 14px; color:#2ab5f1; padding-right:10px; position:relative}
.live_room .m-lgt .play_info .user_opt ul .follow img{ position:absolute; right:-50px; bottom:-12px; opacity:0;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s; filter:alpha(opacity=0);}
.live_room .m-lgt .play_info .user_opt ul .follow #js-attention{ padding:0 10px; display:inline-block; *display:inline;zoom: 1; height:32px;cursor: pointer;}
.live_room .m-lgt .play_info .user_opt ul .follow .attentioncount{ border-left: 1px solid #2ab5f1;padding-left: 10px;}
.live_room .m-lgt .play_info .user_opt ul .follow >.num{ -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; background:#000; position:absolute; top:-25px; height:18px; text-align:center; font-size: 12px; color:#fff; line-height:18px; min-width:39px; padding:0 3px; margin-left:-22.5px; left:50%;}
.live_room .m-lgt .play_info .user_opt ul .follow > .num >b{ display:block; background:url(../images/live_room/bottom_cir.png) left top no-repeat; width:10px; height:4px; left:50%; margin-left:-6px; bottom:-4px; position:absolute}
.live_room .m-lgt .play_info .user_opt ul .code > p >i{ background:url(../images/live_room/code.png) center no-repeat; width:12px; height:18px;}
.live_room .m-lgt .play_info .user_opt ul .share > p> i{ background:url(../images/live_room/share.png) left top no-repeat; width:15px; height:18px;}
.live_room .m-lgt .play_info .user_opt ul .follow:hover .happy{ right:-40px; opacity:1;filter:alpha(opacity=100)}
.live_room .m-lgt .play_info .user_opt ul .follow:hover .cry{ opacity:0; right:-50px;filter:alpha(opacity=100)}
.live_room .m-lgt .play_info .user_opt ul .follow.on{ background:#80d4f7; color:#fff}
.live_room .m-lgt .play_info .user_opt ul .follow.on .attentioncount{ border-left: 1px solid #fff;}
.live_room .m-lgt .play_info .user_opt ul .follow.on:hover .happy{ opacity:0; right:-50px;}
.live_room .m-lgt .play_info .user_opt ul .follow.on:hover .cry{ opacity:1; right:-40px;}
.live_room .m-lgt .play_info .user_opt .share,.live_room .m-lgt .play_info .user_opt .code{ display:none}
.live_room .m-lgt .play_area{ position:relative; overflow:hidden}
.live_room .m-lgt .bracket{ width:100%; min-height:350px;}
.live_room .m-lgt .video{ position:absolute; right:0; top:0; width:100%; height:100%;}
.live_room .m-lgt .user_select{ height:95px;background:#11b6f4;}
.live_room .m-lgt .user_select .sofa{ float:left;position:relative}
.live_room .m-lgt .user_select .sofa ul li{ text-align:center; width:108px; float:left;border-right: 1px solid #0093ca; padding-top:6px; height:89px;}
.live_room .m-lgt .user_select .sofa ul li p{ background:url(https://www.zhibo.tv/images/live_room/sofa.png) top center no-repeat; width:56px; height:64px;display:inline-block; *display:inline;zoom: 1; vertical-align:middle;cursor: pointer;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s; position:relative}
.live_room .m-lgt .user_select .sofa ul li p .user_head{ object-fit:cover; width:56px; height:56px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.live_room .m-lgt .user_select .sofa ul li p .cover-img{ position:absolute; left:0; top:0; width:56px;}
.live_room .m-lgt .user_select .sofa ul li:hover p{ margin-top:-3px;}
.live_room .m-lgt .user_select .sofa ul li span{ display:block; width:98px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 14px; color:#fff; margin:0 auto}
.live_room .m-lgt .user_select .guest{ overflow:hidden;zoom: 1; text-align:right; padding-top: 6px;font-size: 0; white-space:nowrap}
.live_room .m-lgt .user_select .guest ul li{display:inline-block; *display:inline;zoom: 1; vertical-align:middle; line-height:normal; text-align:center;font-size: 14px; color:#fff}
.live_room .m-lgt .user_select .guest ul li p { margin:0 auto; height:56px; width:56px;overflow:hidden; height:64px;cursor: pointer; position:relative}
.live_room .m-lgt .user_select .guest ul li p .user_head{ width:56px; height:56px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; object-fit:cover;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s;}
.live_room .m-lgt .user_select .guest ul li p .cover-img{ position:absolute; left:0; top:0; width:56px;}
.live_room .m-lgt .user_select .guest ul li span{ display:block; width:84px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.live_room .m-lgt .user_select .guest ul li.not .user_head{filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray;  -webkit-filter: grayscale(100%);}
.live_room .m-lgt .user_select .guest ul li.not p{ color:gray;}
.live_room .m-lgt .user_select .guest ul li:hover p span{ color:#138ae6}
.banner_group{font-size: 0; padding:20px 0; background:#fcfdfe;}
.banner_group img{ width:275px; height:155px; object-fit:cover;display:inline-block; *display:inline;zoom: 1; vertical-align:top; margin:20px 21px;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s;}
.banner_group img:hover{-webkit-transform: scale(1.1);-moz-transform:scale(1.1) ;-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.rec_room_play{ min-width:1200px; background:#f0f5f8; overflow:hidden}

.rec_room_play .m-name{ overflow:hidden; position:relative;padding-top: 17px;padding-bottom: 15px;margin-right: 11px;padding-left: 20px;}
.rec_room_play .m-name h3{font-size: 26px; color:#000;display:inline-block; *display:inline;zoom: 1; vertical-align:top}
.rec_room_play .m-name p.count{font-size: 15px; color:#010101;display:inline-block; *display:inline;zoom: 1; vertical-align:top; padding-top:14px;}
.rec_room_play .m-name p.count span{ padding:0 5px; color:#3baad2}
.rec_room_play .m-name i.line{display:inline-block; *display:inline;zoom: 1; vertical-align:top; width:1px; background:#ddd; height:30px; margin-top:5px; margin:5px 10px 0;}
.rec_room_play .m-name a.more{font-size: 25px; position:absolute; right:0; bottom:12px; color:#4a4a4a}
.rec_room_play .m-name a.more:hover{ color:#138ae6}
.rec_room_play .list ul li{ float:left; margin:0 21px; width:275px; line-height:24px; padding:20px 0 }
.rec_room_play .list img{ width:100%; object-fit:cover; position:absolute; left:0; top:0; height:100%}
.rec_room_play .list .imgbox{ width:100%; padding-top:62.5%; position:relative}

.rec_room_play .list .imgbox b{ background:url(/images/supertv/video.png) center no-repeat; display:block; width:50px; height:50px; position:absolute; left:50%; top:50%; margin-left:-25px; margin-top:-25px; -webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2);transform:scale(2);opacity: 0;-ms-filter: "alpha(opacity=0)";	filter: alpha(opacity=0);-webkit-transition:all ease-out .25s;transition: all ease-out .25s; z-index:1}
.rec_room_play .list li:hover .imgbox b{ opacity: 1;-ms-filter: "alpha(opacity=100)";filter: alpha(opacity=100);-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1)}
.rec_room_play .list dt{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%;font-size: 14px; height:24px;}
.rec_room_play .list dt span{ color:#48c6f5}
.rec_room_play .list dd{ color:#838282;font-size: 14px; position:relative}
.rec_room_play .list dd span{ position:absolute; right:0; top:0; color:#48c6f5}
.rec_room_play .list a{ color:#6a6a6a}
/*挪旧*/
	/*聊天图标弹层*/
.chat_room_icon{ width:278px; position:absolute; left:0; bottom:45px; background:#fff; border:1px solid #972a6b;-webkit-border-radius: 3px;-moz-border-radius:3px ;border-radius: 3px; z-index:11; display:none}
.chat_room_icon b{ background:url(/images/supertv/icon/i22.png) left bottom no-repeat; width:15px; height:8px; position:absolute; bottom:-8px; left:10px;}
.chat_room_icon_tab{ overflow:hidden; font-size:0; text-align: center; position:relative; margin-bottom:5px; padding-bottom:10px;}
.chat_room_icon_tab ul li{ display:inline-block; *display:inline;zoom: 1; vertical-align:top; font-size:16px; color:#1a1a1a; line-height:30px; width:33%; cursor: pointer;}
.chat_room_icon_tab ul li.on{ color:#80b416}

.chat_room_icon_cont ul { font-size:0;}
.chat_room_icon_cont ul li img{ max-width:100%; display:inline; vertical-align:middle}
.chat_room_icon_cont ul li:hover{ background:#ddd}
.chat_room_icon_cont .list1{ padding-left:9px; padding-bottom:8px; display:block}
.chat_room_icon_cont .list1 li{ display:inline-block; *display:inline;zoom: 1; vertical-align:top; width:28px; height:28px; text-align:center; line-height:30px; cursor: pointer; border:1px solid #ddd; position:relative; margin-left:-1px; margin-top:-1px;}
.chat_room_icon_cont .list2{ padding-left:4px; padding-bottom:3px; display:none}
.chat_room_icon_cont .list2 li{ display:inline-block; *display:inline;zoom: 1; vertical-align:top; width:89px; text-align:center; line-height:25px; height:25px; cursor: pointer; border:1px solid #ddd; position:relative; margin-left:-1px; margin-top:-1px;}
.chat_room_icon_cont .list3{ padding-left:9px; padding-bottom:7px; display:none}
.chat_room_icon_cont .list3 li{ display:inline-block; *display:inline;zoom: 1; vertical-align:top; width:64px; text-align:center; line-height:67px; height:67px; cursor: pointer; border:1px solid #ddd; position:relative; margin-left:-1px; margin-top:-1px;}
.chat_room_icon_cont .lock li:hover{ background:none}
.chat_room_icon_cont .lock li p{ position:absolute; left:0;top:0; width:100%; height:100%; z-index:1}
.chat_room_icon_cont .lock li p span{ background:#000; opacity:0.3; filter:alpha(opacity=30); display:block; left:0;top:0; z-index:-1; width:100%; height:100%;}
.chat_room_icon_cont .lock li p i{width:23px; height:23px;background:url(https://www.zhibo.tv/images/room/lock.png) left top no-repeat; position:absolute; right:0; bottom:0;}
.chat_room_icon_tab .line { background: #8f1a60; height: 3px;    left: 1px;    position: absolute;    top: 32px;    width: 33%;}
	/*抢沙发弹层*/
.sofa .sofa_tc{ position:absolute; left:20px;top:-20px; z-index:12; width:256px; height:80px; border:4px solid #ddd; background:#fff; padding:10px; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);box-shadow: 0 0 5px rgba(0,0,0,0.5); font-size: 12px; color:#626262; display:none}
.sofa .sofa_tc p{ padding-bottom:5px;}
.sofa .sofa_tc i { font-style:normal; padding:0 5px; color:#138ae6}
.sofa .sofa_tc div{ position:relative; line-height:30px; margin-top: 10px;}
.sofa .sofa_tc .text{ border:1px solid #138ae6; width:80px; height:24px; line-height:24px; font-size:12px; vertical-align:top; padding:0 10px;}
.sofa .sofa_tc .btn{ text-align:center; background:#138ae6;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-size: 14px; color:#fff; width:78px; height:26px;cursor: pointer; position:absolute; right:0; top:0;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s;}
.sofa .sofa_tc .btn:hover{ background:#006bbd}
	/*主播未开播推荐其他主播*/
.play_area .room_notice{font-size:20px; color:#138ae6; text-align:center; position:absolute; z-index:2; left:10%; width:80%; top:10%; box-sizing:border-box;}
.play_area .room_notice p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border:5px solid #333; padding:5px 0}
.play_area .other_rec{ position:absolute; left:0; top:0; height:100%; width:100%; z-index:1; overflow:hidden}
.play_area .other_rec .bg{ background:#000;position:absolute; left:0; top:0; z-index:-1; width:100%; height:100%;}
.play_area .other_rec .rec_info{  position:absolute; left:0; top:0; width:100%;}
.play_area .other_rec .rec_info p.war{ font-size:20px; color:#138ae6; text-align:center; margin-bottom:10px;}
.play_area .other_rec ul{font-size: 0; text-align:center;}
.play_area .other_rec ul li{ width:300px; background:#333; display:inline-block; *display:inline;zoom: 1; vertical-align:top; padding:5px; margin:10px 10px 0 10px; font-size: 12px; text-align:left; cursor: pointer;}
.play_area .other_rec ul li div img{ width:300px; height:169px;}
.play_area .other_rec ul li div{ position:relative; background:#fff; margin-bottom:5px;}
.play_area .other_rec ul li i{ display:inline-block; *display:inline;zoom: 1; vertical-align:top; margin-right: 5px;}
.play_area .other_rec ul li i.icon1{ background:url(/images/room/chat_room.png) no-repeat right -90px;    height: 16px;width: 19px; margin-top:2px;}
.play_area .other_rec ul li p{ position:relative; color:#999; text-align:right; line-height:20px;}
.play_area .other_rec ul li p.title{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; font-size:14px; margin-top:5px; margin-bottom:6px; color:#ccc; text-align:left}
.play_area .other_rec ul li p span{ color:#138ae6; position:absolute; left:0; top:0; display:block; max-width:84px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.play_area .other_rec ul li p span img{ vertical-align:top; height:18px; padding-right:3px;}
/**/
.top_show{text-align:center; font-size:14px; color:#191919; display:none; overflow:hidden;zoom: 1; line-height:85px; position:relative;}
.top_show img{ height:40px; display:inline; vertical-align:middle; margin-bottom:2px;}
.top_show .usr_head{-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; width:40px;}
.top_show p{ display:inline; padding-right:10px;}
.top_show span,.top_show a{ color:#138ae6}
.top_show span{display:inline-block; *display:inline;zoom: 1; vertical-align:middle;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0 5px;}
.top_show a{ display:inline; padding: 0 5px;}
.top_show a:hover{ text-decoration:underline}
/*聊天室礼物数量弹层*/
.gift_tc{ width:360px; overflow:hidden; position:absolute; left:7px; z-index:16;}
.gift_tc ul li{ overflow:hidden; height:48px; position:relative; margin-left:-360px; width:360px;}
.gift_tc ul li .num{ float:right; line-height:58px; font-size: 0; width:99px;}
.gift_tc ul li .num img{ display:inline-block; *display:inline; zoom: 1; vertical-align:middle}
.gift_tc ul li .info{ overflow:hidden;zoom: 1; background:url(../images/room/big.png) left top no-repeat; height:48px;}
.gift_tc ul li .info.spe{ background:url(../images/room/sml.png) left top no-repeat;}
.gift_tc ul li .info .user_head{ float:left; width:33px; height:33px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; margin:7px 10px 0 8px;}
.gift_tc ul li .info .user_name{ width:84px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 12px; color:#fff; line-height:26px; padding-top: 17px; float:left}
.gift_tc ul li .info .gift_num{ overflow:hidden;zoom: 1; text-align:right;font-size: 12px; color:#fff; padding-top:17px; line-height:26px;}
.gift_tc ul li .info .gift_num img{ max-height:24px; display:inline; vertical-align:middle; padding-right:8px; padding-left:3px;}
/*竞猜*/
.m-rgt .poll{ height:40px;  font-size:16px; color:#fff; text-indent:10px; line-height:40px; cursor: pointer; position:relative;display: none; z-index:13; background:#8f1a60 }
.m-rgt .poll i.open_close{font-size: 12px; color:#fff;background:url(/images/room/chat_room.png)  -9px -106px no-repeat; font-style: normal; position:absolute; right:5px; top:0px; text-indent:15px;cursor: pointer;}
.m-rgt .poll i.open_close.on{ background-position:-9px -404px;}
.m-rgt .poll .btn_group{ position:absolute; right:5px; top:5px; text-align:center; line-height:30px; color:#fff;}
.m-rgt .poll .btn_group .btn{display:inline-block; *display:inline;zoom: 1; vertical-align:top; margin-left:5px;cursor: pointer;}
.m-rgt .poll #ptitle{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:317px;}
.m-rgt .poll ul{ position:absolute; left:0px; top:40px; width:365px; background:#fff; border:1px solid #8f1a60; padding-top:5px; padding-bottom:5px; display:none; z-index:13;}
.m-rgt .poll ul li{ line-height:30px; font-size:14px; color:#666}
.m-rgt .poll ul li.on{ color:#fff; background:#8f1a60}
.m-rgt .poll_cont{ background:#fff; height:132px; padding:0 15px; *padding:0 14px; display:none; position:relative; border-bottom:1px solid #dcdede}
.m-rgt .poll_cont p.name{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; color:#434343; font-size:16px; line-height:30px; padding-top: 3px;}
.m-rgt .poll_cont p.money{ font-size:12px; color:#f2a800; padding-top: 5px; padding-bottom:8px; }
.m-rgt .poll_cont .ratio{ text-align:center; font-size:0;}
.m-rgt .poll_cont .btnL,.m-rgt .poll_cont .btnR{ width:58px; height:28px; text-align:center; line-height:28px; font-size:12px; color:#fff; display:inline-block; *display:inline;zoom: 1; vertical-align: top; cursor: pointer;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s;}
.m-rgt .poll_cont .btnL{ margin-right:3px; background:#ed0d16}
.m-rgt .poll_cont .btnL:hover{ background:#be0a12}
.m-rgt .poll_cont .btnR{ margin-left:3px; background:#0d67d7}
.m-rgt .poll_cont .btnR:hover{ background:#0a52ac}
.m-rgt .poll_cont .spe{ width:215px;display:inline-block; *display:inline;zoom: 1; vertical-align:top; line-height:28px; height:28px; position:relative}
.m-rgt .poll_cont .L,.m-rgt .poll_cont .R{ position:absolute; top:0;color:#fff; font-size:12px; color:#fff; }
.m-rgt .poll_cont .L{ text-align:left; text-indent:10px;background:#ed0d16; left:0; width:50%;}
.m-rgt .poll_cont .R{ text-align:right; background: #0d67d7; width:50%; right:0}
.m-rgt .poll_cont .spe i{ font-style: normal;}
.m-rgt .poll_cont .R i{ padding-right:10px;}
.m-rgt .poll_cont p.time{ color:#a3a3a3; font-size:12px; position:relative; margin-top:15px;}
.m-rgt .poll_cont p.time i{font-style: normal; color:#bf0f16;}
.m-rgt .poll_cont p.time span{ display:inline-block; *display:inline;zoom: 1; vertical-align:middle; margin-right:10px; cursor: pointer;}
.m-rgt .poll_cont p.time b{font-weight: 400; position:absolute; right:0; top:0}
.m-rgt .poll_cont .option { display:none}
.m-rgt .poll_cont .poll_tc{ position:absolute;  width:250px; height:105px; top:50%; margin-top:-54px; left:50%; margin-left:-125px; background:#fff; z-index:3; border:4px solid #ddd; display:none}
.m-rgt .poll_cont .poll_tc p{ font-size:12px; color:#000; line-height:24px; padding-left:15px;}
.m-rgt .poll_cont .poll_tc i{font-style: normal;}
.m-rgt .poll_cont .poll_tc b{ color:#138ae6;}
.m-rgt .poll_cont .poll_tc p span{ width:16px; height:16px; line-height: 1;cursor: pointer;text-align:center; background:#b30e15; color:#fff;display:inline-block; *display:inline;zoom: 1; vertical-align:middle;-moz-user-select: none; }
.m-rgt .poll_cont .poll_tc p input{ border:1px solid #b30e15; height:14px; vertical-align:middle; text-align:center; margin-left:5px; margin-right:5px; line-height:14px; font-size:12px; width:100px; padding:0 5px;}
.m-rgt .poll_cont .poll_tc .btn_group{ overflow:hidden; margin-left:15px; color:#fff;font-size: 14px;}
.m-rgt .poll_cont .poll_tc .btn_group span{ height:24px; width:80px; text-align:center; line-height:24px; background:#138ae6;cursor: pointer; float:left; margin-left:20px; margin-top: 5px;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s;}
.m-rgt .poll_cont .poll_tc .btn_group .cancel{ background:#c3c3c4}
.m-rgt .poll_cont .poll_tc .btn_group .cancel:hover{ background:#aeaeaf}
.m-rgt .poll_cont .poll_tc .btn_group span:hover{ background:#0066bd;}
.gift_info{ position:absolute; z-index:6; padding:5px 7px; border:3px solid #ddd; background:#fff; left:0; top:0; overflow:hidden; display:none}
.gift_info img{ float:left; margin-right: 10px; width:40px; height:40px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.gift_info dl{ margin-left:50px; white-space:nowrap; float:none;}
.gift_info dl dt{ font-size:14px; color:#333; line-height:40px;}
.gift_info dl dt.spe{ line-height:20px;}
.gift_info dl dt i{ font-style:normal; background:url(../images/room/chat_room.png) right -376px no-repeat;padding-right: 22px; padding-left:8px; color:#e8a900}
.gift_info dl dd{ line-height:20px; font-size:12px; color:#555}
/*嘉宾描述弹层*/
.jb_cue{ position:absolute; z-index:4; left:0;top:0; background:url(../images/room/jbnotic.png) left top no-repeat; width:372px; height:372px; display:none}
.jb_cue_cont{ padding:15px;}
.jb_cue_cont .jb_cue_head{ margin:0 11px; padding:0 13px 5px; border-bottom: 1px solid #e5e5e6; overflow:hidden}
.jb_cue_cont .jb_cue_head p{ font-size: 14px; color:#2d2d2d; padding:15px 0 10px;}
.jb_cue_cont .jb_cue_head dt{ color: #353434; font-size: 12px; padding-top: 8px; padding-bottom: 4px;}
.jb_cue_cont .jb_cue_head dd{ color:#a8a8a8;font-size: 12px;}
.jb_cue_cont .jb_cue_head img{ float:left; margin-right: 15px;}
.jb_cue_cont .jb_cue_head dl{ display:block; overflow:hidden;zoom: 1;}
.jb_cue_cont .jb_cue_head a{ color:#138ae6;}
.jb_cue_cont .jb_cue_text{ padding:8px 20px 0;}
.jb_cue_cont .jb_cue_text .text ul li{ white-space:nowrap; font-size:0; line-height:26px; padding-bottom:8px;}
.jb_cue_cont .jb_cue_text .text ul li span{ font-size: 12px; color:#a8a8a8; width:62px; display:inline-block; *display:inline;zoom: 1; vertical-align:middle;}
.jb_cue_cont .jb_cue_text .text ul li i.btn{ width:76px; height:24px; text-align:center; line-height:24px; font-size: 12px; color:#138ae6;cursor: pointer; display:inline-block; *display:inline;zoom: 1; vertical-align:top;font-style: normal;border:1px solid #999999;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; margin-right:8px;}
.jb_cue_cont .jb_cue_text .text ul li i.on{ border:1px solid #138ae6}
.jb_cue_cont .jb_cue_text .text ul li em{ position:relative;display:inline-block; *display:inline;zoom: 1; vertical-align:top; font-style: normal;font-weight: normal; text-align:center; border:1px solid #138ae6;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;cursor: pointer; width:76px; height:24px; text-align:center; line-height:24px; color:#138ae6; background:#fff; z-index:1;font-size: 12px;}
.jb_cue_cont .jb_cue_text .text ul li em.on{border-bottom: none; border-bottom-right-radius:0; border-bottom-left-radius:0;}
.jb_cue_cont .jb_cue_text .text ul li em.on .icon{background-position: -372px -366px;}
.jb_cue_cont .jb_cue_text .text ul li i{font-style: normal;}
.jb_cue_cont .jb_cue_text .text ul li i.war,.jb_cue_cont .jb_cue_text .text ul li i.gold{ font-size:12px;color:#8f1a60; line-height:26px;display:inline-block; *display:inline;zoom: 1; vertical-align:middle;}
.jb_cue_cont .jb_cue_text .text ul li i.gold{display:inline-block; *display:inline;zoom: 1; vertical-align:top; padding-right:35px; background:url(../images/room/chat_room.png) right -30px no-repeat;}
.jb_cue_cont .jb_cue_text .text ul li div.select{ display:inline-block; *display:inline;zoom: 1; vertical-align:middle; position:relative;}
.jb_cue_cont .jb_cue_text .text ul li div.select p{ position:absolute; top:24px; left:0px; border:1px solid #138ae6; text-align:center; white-space:normal; width:216px; padding:5px 0; background:#fff;-webkit-border-radius: 0 3px 3px 3px;-moz-border-radius: 0 3px 3px 3px ;border-radius: 0 3px 3px 3px ; display:none}
.jb_cue_cont .jb_cue_text .text ul li div.select p i{ font-size: 12px;display:inline-block; *display:inline;zoom: 1; vertical-align:middle; width:35px; height:24px; text-align:center; line-height:24px;cursor: pointer;}
.jb_cue_cont .jb_cue_text .text ul li div.select p i:hover{ color:#138ae6}
.jb_cue_cont .jb_cue_text .text ul li div.select.on p{ display:block}
.jb_cue_cont .jb_cue_text .text ul li i.icon{ background:url(../images/room/jbnotic.png) -372px -347px no-repeat; width:11px; height:5px; display:inline-block; *display:inline;zoom: 1; vertical-align:middle; padding-bottom:2px;}
.jb_cue_cont .btn_group{ text-align:center; font-size: 0; padding-top: 7px;}
.jb_cue_cont .btn_group span{ display:inline-block; *display:inline;zoom: 1; vertical-align:top; width:124px; height:38px; text-align:center; line-height:37px;font-size: 14px; color:#fff;cursor: pointer; margin:0 5px; -webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s;}
.jb_cue_cont .btn_group span.cancel{ background:#c3c3c4;}
.jb_cue_cont .btn_group span.cancel:hover{ background:#acacae}
.jb_cue_cont .btn_group span.btn{background: #138ae6;}
.jb_cue_cont .btn_group span.btn:hover{ background:#0066bd}
/*底部*/
.footer{ overflow:hidden; width:100%; background:#202742; padding-top:18px;}
.footer .foot_info .box{ width:960px; margin:0 auto}
.footer .copy_right{ background:#138ae6 url(/images/bottom_bg.png) top center no-repeat ; color:#fff; padding-top:8px;font-size: 12px; height:46px; overflow:hidden;padding-bottom:12px; line-height:72px;}
.footer .copy_right img{ display:inline; padding-top:14px; padding-right: 24px;}
.footer table{ border-spacing:0; border-collapse:collapse; width:960px}
.footer table td{ font-size:12px; color:#fff; line-height:30px;}
/*新增底部内容*/
.add_cont{ overflow:hidden; padding-bottom:17px;}
.add_cont .L{ float:left}
.add_cont .R{ overflow:hidden;zoom: 1; font-size:12px; color:#ededed; line-height:24px;}
.add_cont .L ul{ float:left; padding-right: 30px;}
.add_cont .L ul li { color:#c5c5c5; font-size: 12px; line-height:24px;}
.add_cont .L ul li p{ color:#fff; font-size: 14px; padding-bottom:5px;}
.add_cont .L ul li a{ color:#c5c5c5;}
.add_cont .L ul li a:hover{ color:#138ae6}
.add_cont .L ul li.sina_blog{ background:url(../images/blog_icon.png) left 3px no-repeat; text-indent:20px; line-height:20px; margin-top:2px;} 
.add_cont .L ul li span{ display:inline-block; *display:inline;zoom: 1; vertical-align:middle; height:16px; width:24px; text-align:center}
.add_cont .L ul li span img{ vertical-align:top; height:16px;}
.add_cont .R p{ font-size:14px; color:#fff; padding-bottom:5px;}
.add_cont .R div p{ font-size:12px; color:#c5c5c5;}
.add_cont .R ul{ float:right}
.add_cont .R ul li{ float:left;padding-left: 30px;}
.add_cont .R ul li img{ background:#fff; width:100px; height:100px;}
.foot_info .friend_links{border-bottom: 1px solid #3d4351; margin:10px 0;font-size: 12px; height:40px; line-height:40px; color:#fff}
.foot_info .friend_links b{ float:left}
.foot_info .f_list{ overflow:hidden;zoom: 1;}
.foot_info .f_list ul li{ float:left; padding:0 10px; text-align:center;}
.foot_info .f_list ul li a{ color:#fff; line-height:normal}
.foot_info .f_list ul li a:hover{ color:#138ae6}
/*每日任务*/
.task_tc{ overflow:hidden; min-width:300px; display:none}
.task_tc .edge-l,.task_tc .edge-r{ background:url(../images/room/task.png) no-repeat; position:absolute}
.task_tc b.l{ left:-12px;background-position: left top;}
.task_tc b.r{ right:-12px;background-position: right top;}
.task_tc .title{ height:50px; background:#8dc63f; text-align:center; line-height:50px;font-size: 18px; color:#fff; position:relative; margin:0 12px;}
.task_tc .title .edge-l{ background-position: left top; width:12px; height:50px; top:0; left:-12px;}
.task_tc .title .edge-r{ background-position: right top; width:12px; height:50px; top:0; right:-12px;}
.task_tc .edge-b{ height:12px; margin:0 12px; position:relative; background:#fff}
.task_tc .edge-b .edge-l{ width:12px; height:12px; left:-12px; background-position:left -294px}
.task_tc .edge-b .edge-r{ width:12px; height:12px; right:-12px; background-position:right -294px}
.task_tc .close{ position:absolute; right:0; top:0;cursor: pointer;background:url(../images/room/task.png) 12px -306px no-repeat; width:50px; height:50px; display:block;}
.task_tc .close:hover{background-color: #95d143;}
.task_tc .task_cont{ font-size: 0; padding:12px 10px 0; background:#fff; max-width:492px;}
.task_tc .task_cont ul li{ display:inline-block; *display:inline;zoom: 1; vertical-align:top; width:154px; margin:0 5px;}
.task_tc .task_cont ul li b{ display:block; background-position:center; background-repeat:no-repeat; width:154px; height:122px;}
.task_tc .task_cont ul li p{ height:32px; line-height:32px; text-align:center; overflow:hidden; font-size: 12px; color:#808080}
.task_tc .task_cont ul li span{ height:38px; text-align:center; width:154px;text-align: center; background: #8dc63f; display:block;font-size: 12px; color:#fff;line-height: 38px;cursor: pointer;}
.task_tc .task_cont ul li span i{display:inline-block; *display:inline;zoom: 1; vertical-align:middle;font-style: normal;background:url(../images/room/chat_room.png) right -378px no-repeat;padding-right: 18px;  height:18px; line-height:18px;}
.task_tc .task_cont ul li span:hover{background-color: #95d143;}
.task_tc .task_cont ul li span.on{ background:#f0f0f0; color:#666}
/*主播用户晋级*/
.user_upgrade{position: fixed;z-index: 20;width:459px;height:352px;background-image: url(/images/room/user_upgrade_bg.png);top:50%;left:50%;margin-top:-191px;margin-left:-235px;display: none;}
.user_upgrade .font_name{position: relative;z-index: 1;font-size:18px;color:#138ae6;top:80px;font-weight: bold;left:170px; display:block; width:136px; text-overflow:ellipsis; white-space:nowrap;}
.user_upgrade .font_1{position: absolute;z-index: 1;font-size:14px;color:#000;top:125px;left:205px;font-weight: bold;}
.user_upgrade .img_1{position: absolute;z-index: 1;top:125px;left:240px;}
.user_upgrade .btn{position: absolute;z-index: 1;top:155px;left:180px;width:120px;height:25px;background-color: #138ae0;border:0px;color:#fff;cursor:pointer;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s; text-align:center}
.user_upgrade .btn:hover{ background:#0066bd}
.host_upgrade{position: fixed;z-index: 20;width:459px;height:352px;background-image: url(/images/room/host_upgrade_bg.png);top:50%;left:50%;margin-top:-191px;margin-left:-235px;display: none;}
.host_upgrade .font_name{position: relative;z-index: 1;font-size:18px;color:#138ae6;top:80px;font-weight: bold;left:170px;display:block; width:136px; text-overflow:ellipsis; white-space:nowrap;}
.host_upgrade .font_1{position: absolute;z-index: 1;font-size:14px;color:#000;top:125px;left:205px;font-weight: bold;}
.host_upgrade .img_1{position: absolute;z-index: 1;top:125px;left:240px;}
.host_upgrade .btn{position: absolute;z-index: 1;top:155px;left:180px;width:120px;height:25px;background-color: #138ae6;border:0px;color:#fff;cursor:pointer; -webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s; text-align:center}
.host_upgrade .btn:hover{ background:#0066db}
/*任务弹层*/
.rw_tc{ background:url(../images/room/rw_tc.png) left top no-repeat; width:449px; height:288px; position:absolute; left:0; top:0; display:none; z-index:2}
.rw_tc .war_cont{ padding-top: 94px; font-size:20px; color:#fff;padding-left: 48px; line-height:1.5; padding-right: 60px; white-space:nowrap}
.rw_tc .war_cont p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%;}
.rw_tc .war_cont i{ font-size:30px;font-style: normal;}
.rw_tc .war_cont b{font-weight: 400;}
.rw_tc .war_cont span{ color:#0c71dd;font-size: 30px; cursor: pointer;}
.rw_tc .close{ position:absolute; right:13px; top:72px;cursor: pointer;background:url(../images/room/task.png) 12px -306px no-repeat; width:50px; height:50px; display:block;}
/*聊天室红包*/
.live_red_bag{ background:url(../images/room/live_red_bag.png) left top no-repeat; width:335px; height:338px; position:absolute; z-index:18; display:none}
.live_red_bag .close{ width:16px; height:16px; position:absolute; right:49px; top:5px;cursor: pointer;}
.live_red_bag .red_bag_before p{font-size: 14px; color:#fff; text-align:center;padding-top: 152px;}
.live_red_bag .btn{ background:url(../images/room/red_bag_btn.png) left center no-repeat; width:152px; height:35px;cursor: pointer; position:absolute; left:50%; margin-left:-76px; top:200px; -webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s;}
.live_red_bag .btn:hover{ top:195px;}
.live_red_bag.on{ background:url(../images/room/live_red_bg_after.png) left center no-repeat;}
.live_red_bag .red_bag_after{ display:none;padding-top: 90px;}
.live_red_bag .red_bag_after .btn1{ background:url(../images/room/red_bag_btn_after.png) left center no-repeat; width:100px; height:29px;cursor: pointer; line-height:19px;font-size: 14px; color:#873000; text-align:center; position:absolute; top:200px; left:50%; margin-left:-50px}
.live_red_bag .red_bag_after p{font-size: 14px; color:#fff; text-align:center;}
.live_red_bag .red_bag_after p.spe{ text-shadow:0 0 3px #c05400;font-size: 40px;padding-top: 10px;}
.live_red_bag .red_bag_after p.spe span{font-size: 20px; }
.live_red_bag.on .red_bag_before{ display:none}
.live_red_bag.on .red_bag_after{ display:block}
/*聊天室主播发红包*/
.qiang_red_bag{ background:url(../images/room/qiang_red_bag.png) left top no-repeat; width:255px; height:331px; position:absolute; z-index:18; display:none; text-align:center}
.qiang_red_bag .close{ width:16px; height:16px; position:absolute; right:9px; top:6px;cursor: pointer;}

.qiang_red_bag .red_bag_before .user_head{ width:56px; height:56px;padding-top: 32px; margin:0 auto;}
.qiang_red_bag .red_bag_before .user_head img{ -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; width:56px; height:56px; background:#fff; box-shadow:0 15px 10px #680000;}
.qiang_red_bag .red_bag_before .user_name{font-size: 15px; color:#fff;padding: 15px 20px 0 20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.qiang_red_bag .red_bag_before p{font-size: 12px; color:#e5b5ae;padding-top: 8px;}
.qiang_red_bag .red_bag_before p.txt{font-size: 20px; color:#fff;}
.qiang_red_bag .red_bag_before .btn{ font-size: 22px; color:#fff;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s; margin-top:10px; width:87px; height:87px; text-align:center; line-height:87px; margin:12px auto 0;cursor: pointer;}
.qiang_red_bag .red_bag_before .btn:hover{ margin-top:7px}
.qiang_red_bag .red_bag_after{ display:none;}
.qiang_red_bag .red_bag_after .user_head{ width:56px; height:56px; border:5px solid #a14436; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; overflow:hidden; background:#fff; margin:35px auto 0;}
.qiang_red_bag .red_bag_after .user_head img{ width:56px; height:56px;}
.qiang_red_bag .red_bag_after .num{ color:#ffdc73;font-size: 18px;padding-top: 20px;}
.qiang_red_bag .red_bag_after .num span{font-size: 36px;padding-right: 5px;}
.qiang_red_bag .red_bag_after p{ color:#fff;}
.qiang_red_bag .red_bag_after p.from{font-size: 18px;padding-top: 10px;}
.qiang_red_bag .red_bag_after p.txt{font-size: 20px;padding-top: 10px;}
.qiang_red_bag .red_bag_after p.other{ position:absolute; bottom:18px; left:0; width:100%; text-align:center}
.qiang_red_bag .red_bag_after p a{font-size: 16px; color:#ffdc73;}

.qiang_red_bag.on { background:url(../images/room/qiang_red_bag_after.png) left top no-repeat;}
.qiang_red_bag.on .red_bag_before{ display:none}
.qiang_red_bag.on .red_bag_after{ display:block}
/*双11活动*/
.ev11Act{ background-image:url(../images/room/ev11_qiang_red_bag.png) !important;}
.ev11Act.on { background:url(../images/room/ev11_qiang_red_bag_after.png) left top no-repeat !important;}
.qiang_red_bag.ev11Act .red_bag_after .num{ color:#d34837}
.qiang_red_bag.ev11Act .red_bag_after p a{ color:#d34837}
.qiang_red_bag.ev11Act .red_bag_before p{ color:#fbe5c5}
.qiang_red_bag.ev11Act .red_bag_after .user_head{ border-color:transparent;}
/*居中固定*/
* html, * html body{background-image:url(about:blank);background-attachment:fixed;}
#testfadeIn{ display:none;top: 0%; left: 0%; width: 100%; height: 100%; background-color:black;  z-index:19;  filter:alpha(opacity=60); -moz-opacity: 0.6; opacity:0.6;position:fixed!important;}
.blacktc1{ display:block; top: 0%; left: 0%; width: 100%; height: 100%; background-color:black;  z-index:19;  filter:alpha(opacity=60); -moz-opacity: 0.6; opacity:0.6;position:fixed!important;position:absolute;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :document.body.scrollTop + (document.body.clientHeight -this.clientHeight)/2); -webkit-transition: opacity linear 0.5s;-moz-transition: opacity linear 0.2s;-ms-transition: opacity linear 0.2s;-o-transition: opacity linear 0.2s;transition: opacity linear 0.2s;}
.blacktc{ display:none; top: 0%; left: 0%; width: 100%; height: 100%; background-color:black;  z-index:19;  filter:alpha(opacity=60); -moz-opacity: 0.6; opacity:0.6;position:fixed!important;position:absolute;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :document.body.scrollTop + (document.body.clientHeight -this.clientHeight)/2); -webkit-transition: opacity linear 0.5s;-moz-transition: opacity linear 0.2s;-ms-transition: opacity linear 0.2s;-o-transition: opacity linear 0.2s;transition: opacity linear 0.2s;}
.fixed{  position:fixed; left:50%; top:50%;_position:absolute;_top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 : document.body.scrollTop + (document.body.clientHeight -this.clientHeight)/2); z-index:20;}
/*提示弹层*/
.public_tc{ width:320px; text-align:center; margin-left:-161px; margin-top: -75px; background:#fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; overflow:hidden; display:none; padding-bottom:20px; z-index:21;}
.public_tc .close{ display:block; overflow:hidden; background:url(../images/login_reg.png) center -37px no-repeat; width:45px; height:45px; position:absolute; right:0;top:0;cursor: pointer;}
.public_tc .close:hover{ background-color:#32a6ff}
.public_tc .Event_list{ text-align:left; font-size: 0;}
.public_tc .Event_list li{display:inline-block; *display:inline;zoom: 1; vertical-align:top; margin-right:10px; cursor: pointer;font-size:14px; }
.public_tc .title{ background:#138ae6; font-size:16px; color:#fff; line-height:45px;}
.public_tc .war_name{ padding: 12px  20px 0;line-height:24px; font-size:14px; color:#333;overflow:hidden}
.public_tc .war_name i,.public_tc .war_name b{ font-style:normal;font-weight: 400;}
.public_tc .btn_group{ text-align:center; font-size:0;}
.public_tc .btn_group .btn{display:inline-block; *display:inline;zoom: 1; vertical-align:middle; width:120px; height:30px; text-align:center; line-height:30px; cursor: pointer; -webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s; font-size:14px; color:#fff; background:#138ae6; margin:0 10px;-webkit-border-radius: 3px;
-moz-border-radius: 3px;border-radius: 3px; margin-top:12px;}
.public_tc .btn_group .btn:hover{ background:#0066bd;}

/*登录注册*/
.login_reg{ width:544px; margin-left:-272px; margin-top: -240px; background:#fff; display: none;}
.login_reg .title{ background:#138ae6; height:50px; line-height:50px; padding-right:50px; margin-bottom:30px;}
.login_reg .title ul li{ text-align:center; color:#272727; font-size: 18px; cursor: pointer; float:left; width:180px; text-align:center}
.login_reg .title ul li:hover{ color:#fff}
.login_reg .title ul li.on{ color:#fff; background:#087dd8}
.login_reg .close{ display:block; overflow:hidden; background:url(../images/login_reg.png) center -35px no-repeat; width:50px; height:50px; position:absolute; right:0;top:0;cursor: pointer;}
.login_reg .close:hover{ background-color:#32a6ff}
.login_reg .login,.login_reg .reg{ padding-left:30px; width:307px; float:left; padding-right:25px; display:none}
.login_reg .login{ padding-bottom:26px;}
.login_reg .reg{ padding-bottom:13px;}
.login_reg .login li{ position:relative; margin-bottom:15px;}
.login_reg .login li label{ display:block; position:relative}
.login_reg .login li label span{ position:absolute; top:0; left:10px; line-height:40px; font-size:14px; color:#a1a1a1}
.login_reg .login li label input{  background:#e6e6e6; width:100%; height:38px; line-height:38px; text-indent:10px; border:1px solid #e6e6e6}
.login_reg .login li.spe label input, .public_login_reg .login li.spe label input{ visibility:hidden}
.login_reg .login li.spe label span, .public_login_reg .login li.spe label span{ background:url(../images/login_reg.png) -5px 3px no-repeat; height:17px; display:block; font-size:13px; color:#202020; line-height:17px; text-indent:20px; cursor: pointer;}
.login_reg .login li.spe label span.on, .public_login_reg .login li.spe label span.on{ background-position: -5px -19px;}
.login_reg .login li.spe a, .public_login_reg .login li.spe a{ position:absolute; right:0; top:0; color:#138ae6; font-size:13px;}
.login_reg .login li.spe a:hover, .public_login_reg .login li.spe a:hover{ color:#005ba2}
.login_reg .login .btn{ width:305px; height:40px; text-align:center; background:#138ae6; font-size:15px; color:#fff; cursor: pointer;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s; border:none}
.login_reg .login .btn:hover{ background:#1f9dff}
.login_reg .login p{ color:#a1a1a1; font-size:13px; padding-top: 15px;}
.login_reg .login p span{ color:#138ae6;cursor: pointer;}
.login_reg .login p span:hover{ color:#005ba2}
.login_reg .login p.war{ position:absolute; left:0;bottom:0; width:100%;font-size: 12px; color:#b80000}
.login_reg  input.on{ border:1px solid #e92000; height:38px; line-height:38px;}
.login_reg .reg p{ color:#a1a1a1; font-size:13px; padding-top: 15px;}
.login_reg .reg p span{ color:#138ae6;cursor: pointer;}
.login_reg .reg p span:hover{ color:#005ba2}
.login_reg .reg li{ position:relative; margin-bottom:15px;}
.login_reg .reg li label{ display:block; position:relative}
.login_reg .reg li label span{ position:absolute; top:0; left:10px; line-height:40px; font-size:14px; color:#a1a1a1}
.login_reg .reg li label input{  background:#e6e6e6; width:100%; height:38px; line-height:38px; text-indent:10px; border:1px solid #e6e6e6;}
.login_reg .reg .btn{ width:305px; height:40px; text-align:center; background:#138ae6; font-size:15px; color:#fff; cursor: pointer;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s; border:none}
.login_reg .reg .btn:hover{ background:#1f9dff}
.login_reg .reg .dis_btn{ background:#cdcdcd;cursor:default;}
.login_reg .reg .dis_btn:hover{ background:#cdcdcd}
.login_reg .reg .code{ width:120px;}
.login_reg .reg img{ height:40px;}
.login_reg .reg .spe{ margin-bottom:0; position:relative; margin-top:-15px; font-size: 13px; color:#bababa; padding-top: 5px ;padding-bottom: 5px;}
.login_reg .reg .spe i{ width:43px; height:12px; display:inline-block; *display:inline;zoom: 1;margin-left: 5px;}
.login_reg .reg .spe i.i1{ background: #919191;}
.login_reg .reg .spe i.i2{ background: #6c0101}
.login_reg .reg .spe i.i3{ background: #b10000; margin-right: 5px;}
.login_reg .reg .spe2{ font-size:13px; color:#bababa; position:relative; margin-top: -15px;padding-top: 5px;padding-bottom: 5px;margin-bottom: 0;}
.login_reg .reg #reg_info{ position:relative}
.login_reg .reg p.war{ font-size: 12px; color:#b80000; position:absolute; left:0; top:-23px; padding-top:0;}
.other_way_third{ overflow:hidden; zoom: 1; border-left: 1px solid #efefef;padding-left: 26px;}
.other_way_third p{ font-size:13px; color:#919191}
.other_way_third ul li{ margin-top:18px; width:124px; height:40px; text-indent:51px; font-size:16px; color:#fff; line-height:40px;cursor: pointer; position:relative}
.other_way_third ul li b{ background:url(../images/login_reg.png) no-repeat;  width:34px; height:34px;display:block; position:absolute;top:3px; left:8px}
.other_way_third ul li.qq{ background:#4297d3}
.other_way_third ul li.qq:hover{ background:#0071c0 }
.other_way_third ul li.qq b{ background-position: left -87px;border-right: 1px solid #a3d9ff;}
.other_way_third ul li.sina{ background:#e92000}
.other_way_third ul li.sina:hover{background: #d70000 ;}
.other_way_third ul li.sina b{background-position:left -141px; border-right: 1px solid #f97758;}
.other_way_third ul li.wc{ background:#19c20c;}
.other_way_third ul li.wc:hover{background: #0b9c00 ;}
.other_way_third ul li.wc b{ background-position: left -195px;border-right: 1px solid #7cf972;}
.login_reg input:focus{ border:1px solid #138ae6 !important;}
/*增加手机注册*/
.login_reg .reg li.tel label.tel_code,.other_reg .tel label.tel_code{ float:left;margin-right: 10px; width:170px;}
.login_reg .reg li.tel label.tel_code input,.other_reg .tel label.tel_code input{ vertical-align:top}
.login_reg .reg li.tel s,.other_reg .tel s{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;cursor: pointer; overflow:hidden;zoom: 1;font-size: 12px; color:#fff; -webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s; text-decoration:none; background:#138ae6; line-height:40px; display:block; text-align:center}
.login_reg .reg li.tel s:hover{ background:#0066bd}
.login_reg .reg li.tel s.on,.other_reg .tel s.on,.login_reg .reg li s.on:hover{ background:#ccc;}
/*用户信息弹层*/
.usr_info_tc{ position:absolute; left:0;top:0; background:url(../images/usr_info_tc.png) left top no-repeat; width:346px; height:260px; z-index: 12;display: none;}
.usr_info_tc .t_tre{ top:20px;}
.usr_info_tc .info{ padding:35px 42px 42px;}
.usr_info_tc .info_t{}
.usr_info_tc .info_t .usr_head{ float:left; width:80px; height:80px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; margin-right: 12px;}
.usr_info_tc .info_t .cover-img{ position:absolute; left:0; top:0; width:80px; height:80px;}
.usr_info_tc .info_t dl{ overflow:hidden;zoom: 1; display:block}
.usr_info_tc .info_t dl dt{ padding-bottom: 8px; position:relative}
.usr_info_tc .info_t dl dt b{ background:url(../images/usr_info_tc_icon2.png) left top no-repeat; cursor: pointer; position: absolute; right: 0;top: 0; width:24px; height:20px;display: block;}
.usr_info_tc .info_t dl dt label{ display:block; width:144px;}
.usr_info_tc .info_t dl dt label input{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; font-family:"微软雅黑","Microsoft YaHei"; font-size:12px; color:#000;background: none; height:20px; line-height:20px;vertical-align: top; text-indent:1px}
.usr_info_tc .info_t dl dt label input.on{ border:1px solid #ccc; height:18px; line-height:18px; text-indent: 0;}
.usr_info_tc .info_t dl dd{ display:block; font-size:12px; color:#000; line-height:24px;}
.usr_info_tc .info_t dl dd p{ background:#d0e8fa; position: relative; height:8px;}
.usr_info_tc .info_t dl dd p span{position: absolute; left:0;top: 0; width:10%; background:#138ae6; height:8px; display:block}
.usr_info_tc .info_t dl dd img{ display:inline; vertical-align:middle; padding-left:5px;}
.usr_info_tc .info_t dl dd div{ padding-top: 2px;}
.usr_info_tc .info_t dl dd div span{ color:#138ae6;padding-left: 5px;}
.usr_info_tc .info_t dl dd div b{ display:inline-block; *display:inline;zoom: 1; vertical-align:middle; background:url(../images/usr_info_tc_icon2.png) left bottom no-repeat; height:24px; width:24px; margin-left: 5px;}
.usr_info_tc .info_m { overflow:hidden; height:22px; margin-top: 20px;margin-bottom: 20px;}
.usr_info_tc .info_m i{ background:url(../images/usr_info_tc_icon.png) no-repeat;font-style: normal; float:left; width:24px; height:22px; cursor: pointer; padding-top:22px; margin-left:6px; font-size:12px; color:#333;white-space: nowrap;}
.usr_info_tc .info_m .i1{background-position: 2px top;}
.usr_info_tc .info_m .i2{background-position: -25px top;}
.usr_info_tc .info_m .i3{background-position: -53px top;}
.usr_info_tc .info_m .i4{background-position: -81px top;}
.usr_info_tc .info_m .i5{background-position: -109px top;}
.usr_info_tc .info_m .i6{background-position: -140px top;}
.usr_info_tc .info_m .i7{background-position: -170px top;}
.usr_info_tc .info_m .i8{background-position: -198px top;}
.usr_info_tc .info_m i:hover{ position:relative; margin-top:-22px;}
.usr_info_tc .info_b { overflow:hidden;}
.usr_info_tc .info_b .btn{ width:124px; height:38px; text-align: center; line-height: 38px; color:#fff;font-size: 14px;display: block;background: #138ae6; float: left;margin-left: 7px;cursor: pointer;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s;}
.usr_info_tc .info_b .btn:hover{ background:#006bbd}
.usr_info_tc .info_b .logout:hover{ color:#fff !important}
/*聊天室弹层*/
.live_chat_tc{ background:url(../images/room/chat_tc.png) left top no-repeat; position:absolute; left:0;top:0; width:297px; height:180px;z-index: 10; display: none;}
.live_chat_tc .b_tre{ bottom:15px;}
.live_chat_tc .info{ padding:30px}
.live_chat_tc .usr_head{ float:left; width:80px; height:80px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; margin-right: 12px;}
.live_chat_tc .info_t{ overflow:hidden}
.live_chat_tc .info_b{color:#000; font-size:0;padding-top: 10px;}
.live_chat_tc .info_b span{cursor: pointer; display:inline-block; *display:inline; zoom: 1; vertical-align:top; margin-right: 8px; font-size:12px; }
.live_chat_tc .info_b span:hover{ color:#f2a800;}
.live_chat_tc dl{ display:block; overflow:hidden;zoom: 1; padding-top: 10px;}
.live_chat_tc dt{ white-space:nowrap; overflow:hidden; width:100%; text-overflow:ellipsis; font-size:12px; color:#138ae6}
.live_chat_tc dd { font-size:12px; color:#000; line-height: 24px;}
.live_chat_tc dd div span{ color:#138ae6;padding-left: 5px;}
.live_chat_tc dd div b{ display:inline-block; *display:inline;zoom: 1; vertical-align:middle; background:url(../images/usr_info_tc_icon2.png) left bottom no-repeat; height:24px; width:24px; margin-left: 5px;}
.live_chat_tc dd div img{ display:inline; vertical-align:middle;padding-left: 5px;}
.live_chat_tc dd div span.btn_atten{display:inline-block; *display:inline;zoom: 1; vertical-align:middle; width:50px; height:20px; text-align:center; line-height:20px; background:#00991F; font-size:12px; color:#fff; cursor: pointer;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s; margin-left:9px; padding-left:0px;}
.live_chat_tc dd div span.btn_atten:hover{ background:#1f63c5 !important}
/*角*/
.t_tre,.b_tre,.l_tre,.r_tre{background:url(../images/triangle.png) no-repeat; position:absolute; display:block}
.t_tre{ height:8px; background-position: left top; width:16px; margin-top:-8px; top:0; left:50%; margin-left:-8px;}
.b_tre{ height:8px; background-position: left bottom; width:16px; margin-bottom:-8px; bottom:0; left:50%; margin-left:-8px;}
.l_tre{ height:16px; width:8px; background-position: left top; left:0; margin-left:-8px; top:50%; margin-top:-8px;}
.r_tre{ height:16px; width:8px; background-position: right top; right:0; margin-right:-8px; top:50%; margin-top:-8px;}
.download_app_fixed_telphone{ display:none; position:fixed; left:0; bottom:0; width:100%; height:60px; z-index:18}
.download_app_fixed_telphone .bg{ background:#000;position:absolute; left:0; bottom:0; width:100%; height:100%; z-index:-1; opacity:0.6}
.download_app_fixed_telphone p{ height:60px; position:relative; float:left; color:#fff;font-size: 12px; line-height:60px; text-indent:5px;}
.download_app_fixed_telphone p b{ background:url(../images/tel_logo.jpg) left top no-repeat; background-size:cover; height:40px; width:40px; display:block; float:left; margin-top:10px; margin-left:10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; overflow:hidden}
.download_app_fixed_telphone div{ overflow:hidden;zoom: 1; margin-right: 10px; text-align:right; line-height:60px;}
.download_app_fixed_telphone div i{ display:inline-block; background:url(../images/mobile_close_icon.png) center no-repeat; cursor: pointer; background-size:cover; height:30px; width:30px; vertical-align:middle; display:none}
.download_app_fixed_telphone span{ -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; line-height:24px; background:#138ae6; color:#fff; padding:3px 8px; font-size: 14px; display:inline-block; vertical-align:middle; white-space:nowrap;}
.download_app_fixed_telphone span a{ color:#fff}
/*绑定手机号*/
.bind_tel{ overflow:hidden; text-align:left;}
.bind_tel ul li{ margin-top:15px; line-height:30px;}
.bind_tel ul li .name{font-size: 12px; color:#555; float:left; width:80px;margin-right: 10px; text-align:right}
.bind_tel ul li input{ height:28px; border:1px solid #ddd; background:#fff;font-size: 12px; color:#000; line-height:28px; padding:0 5px; width:120px;}
.bind_tel ul li #phone_num{ width:202px;}
.bind_tel ul li #yw0{ height:30px;cursor: pointer; margin-left:10px;}
.bind_tel ul li em#submit{font-style: normal; text-align:center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; background:#90ca1a; -webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s; width:120px; height:30px; font-size:12px; color:#fff; text-align:center; line-height:30px;cursor: pointer; margin-left:10px;display:inline-block; *display:inline;zoom: 1; vertical-align:middle}
.bind_tel ul li em#submit:hover{ background:#80b416;}
.bind_tel ul li em#submit.on{ background:#ccc}
.bind_tel ul li em#submit.on:hover{ background:#ccc}
.bind_tel #btn_phone{ margin:0 auto; display:block; width:140px; text-align:center; background:#138ae6; color:#fff;font-size: 14px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s; padding:5px 20px;cursor: pointer;}
.bind_tel #btn_phone:hover{ background:#0066bd}
.bind_tel p#js-auth-errinfo{ text-indent:90px; color:#f00;font-size: 12px; position:relative; height:20px;padding-bottom: 20px;}
/*竞猜文字提示描述*/
.guess_war_txt{background:url(../images/room/guess_war_tc.png) left top no-repeat; width:283px; height:200px; position:absolute; left:50%; margin-left:-161px; top:0; padding:20px; font-size:12px; z-index:3; line-height:28px; display:none}
.guess_war_txt .close{cursor: pointer; position:absolute; right:12px; top:12px;background:url(../images/room/task.png) 12px -306px no-repeat; width:50px; height:50px; display:block;}
.guess_war_txt p{ font-weight: 700; text-align:center; font-size: 14px; line-height:35px;}
.guess_war_txt span{ color:#138ae6}
/*直播浏览器提示*/
.use_bro{ position:fixed; width:100%; height:180px; left:0;top:50%; margin-top:-90px; z-index:18; text-align:center; color:#fff;font-size: 30px;  overflow: hidden;font-weight: 400; display:none}
.use_bro div{ padding-top:40px; line-height:50px;}
.use_bro div a{ color:#138ae6}
.use_bro div a:hover{ text-decoration:underline}
.use_bro .bg{ position:absolute; left:0; top:0; background:#000; z-index:-1; width:100%; height:100%; opacity:0.6;filter:alpha(opacity=60)}
.use_bro .close{ height:40px; width:40px; position:absolute; right:20px; top:20px; cursor: pointer; background:url(../images/close.png) left top no-repeat}

.recAnchor{ position:absolute; left:0; top:0; z-index:5}
/*推荐主播*/
.rec_zhubo{ width:100%; max-width:328px;}
.rec_zhubo .title{ background:#11b6f4; font-size:12px; color:#fff; text-align:center; cursor: pointer;}
.rec_zhubo .title span{ padding:10px 5px; text-align:center; display:block;}
.rec_zhubo ul { background:#333; display:none}
.rec_zhubo ul li{padding:5px; -webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s; vertical-align:top}
.rec_zhubo ul li:hover{ background:#444}
.rec_zhubo ul li div{ overflow:hidden;zoom: 1; position:relative}
.rec_zhubo ul li div .user_head{ height:35px; width:35px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; float:left;margin-right: 10px; background:#ccc}
.rec_zhubo ul li div .cover-img{ position:absolute; left:0; top:0; height:35px;}
.rec_zhubo ul li div dl{ overflow:hidden;zoom: 1; display:block;}
.rec_zhubo ul li div dl dt{ overflow:hidden; padding-bottom:2px;}
.rec_zhubo ul li div dl dt img{ float:left; margin-right:8px; max-height:22px;}
.rec_zhubo ul li div dl dt p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;overflow:hidden;zoom: 1; font-size: 14px; color:#666;}
.rec_zhubo ul li div dl dd{ font-size: 12px; color:#999;}
.rec_zhubo ul li div dl dd span{ float:left; max-width:60px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.rec_zhubo ul li div dl dd img{ vertical-align:middle; margin-bottom:2px; margin-right:3px; height:12px;}
.rec_zhubo ul li div dl dd p{ overflow:hidden;zoom: 1; white-space:nowrap;  text-overflow:ellipsis;}
.rec_zhubo .active_top{ font-size: 12px; color:#fff; display:none;}
.rec_zhubo .active_top h4{ text-align:center; font-size: 13px;}
.rec_zhubo .active_top span{ font-family:Georgia, "Times New Roman", Times, serif;font-size: 20px; padding:0 5px; color:#138ae6}
/*相关主播*/
.xg_zhubo{ width:100%; max-width:328px;}
.xg_zhubo .title{ background:#8f1a60; font-size:12px; color:#fff; text-align:center;cursor: pointer;}
.xg_zhubo .title span{ padding:5px; text-align:center; display:block;}
.xg_zhubo ul { background:#333; display:none}
.xg_zhubo ul li{padding:5px; -webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s; vertical-align:top}
.xg_zhubo ul li:hover{ background:#444}
.xg_zhubo ul li div{ overflow:hidden;zoom: 1; position:relative}
.xg_zhubo ul li div .user_head{ height:35px; width:35px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; float:left;margin-right: 10px; background:#ccc}
.xg_zhubo ul li div .cover-img{ position:absolute; left:0; top:0; height:35px;}
.xg_zhubo ul li div dl{ overflow:hidden;zoom: 1; display:block;}
.xg_zhubo ul li div dl dt{ overflow:hidden; padding-bottom:2px;}
.xg_zhubo ul li div dl dt img{ float:left; margin-right:8px; max-height:22px;}
.xg_zhubo ul li div dl dt p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;overflow:hidden;zoom: 1; font-size: 14px; color:#666;}
.xg_zhubo ul li div dl dd{ font-size: 12px; color:#999;}
.xg_zhubo ul li div dl dd span{ float:left; max-width:60px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.xg_zhubo ul li div dl dd img{ vertical-align:middle; margin-bottom:2px; margin-right:3px; height:12px;}
.xg_zhubo ul li div dl dd p{ overflow:hidden;zoom: 1; white-space:nowrap;  text-overflow:ellipsis;}
#js-dangzhu{ cursor: pointer;}

/*微信快捷支付*/
.wx_pay{ position:absolute; z-index:19; background:#fff; background:url(/images/room/wx_pay.png) left top no-repeat; width:172px; height:272px; padding:20px; display:none;font-size: 12px;}
.wx_pay i{ color:#138ae6; font-style: normal; padding:0 3px; font-family:"Verdana","Tahoma","Arial"}
.wx_pay .selpay{font-size: 0; white-space:nowrap;padding-top: 7px;}
.wx_pay .js-selpay{display:inline-block; *display:inline;zoom: 1; vertical-align:top; font-size: 12px; color:#fff; padding:1px 5px; margin-right:5px; background:#323232;cursor: pointer;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;}
.wx_pay .js-selpay.on{ background:#138ae6;}
.wx_pay .code_img{ padding:10px 25px;}
.wx_pay #js-payimg{ width:100%;}
.wx_pay .links_group{ overflow:hidden; position:relative; line-height:24px;}
.wx_pay #js-pay-cancel{ background:#138ae6; color:#fff; cursor: pointer;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; position:absolute; right:0; top:0; width:60px; height:24px;}
.wx_pay .links_group a{ color:#138ae6}
.wx_pay .links_group a:hover{ text-decoration:underline}
/*圣诞挑战*/
.live_water{ background:url(../images/room/water.png) left top no-repeat; width:353px; height:40px;padding-top: 155px; position:absolute; display:block; left:50%; z-index:16; top:50%; margin-top:-93px; margin-left:-172px;}
.live_water .close{ background:url(https://www.zhibo.tv/images/video/close.png) left top no-repeat; width:14px; height:14px; cursor: pointer; position:absolute; right:30px; top:25px;}
.live_water p.link{padding: 3px 0 6px 224px; display:none}
.live_water a{color:#fff;font-size: 15px; text-decoration:none;}
.live_water .Countdown{color:#e8410e; text-shadow:1px 1px 0px #fff;font-size: 16px; padding:3px 0 3px 118px;}
.live_water .loading{ background:#fff; padding:1px;-webkit-border-radius: 5px;-moz-border-radius:5px;border-radius:5px; height:19px; position:relative; width:225px; overflow:hidden; margin-left:108px; padding:1px}
.live_water .loading .loadingBar{ position:relative; height:19px;}
.live_water .loading p{position:absolute; left:0px; top:0px; height:100%; background:#e1372c; width:10%;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.live_water .loading > span{ display:block; position:absolute; right:0; top:0; color:#000; text-align:right;height:19px; line-height:19px;font-size: 12px;padding-right: 5px;}
/*桑巴挑战*/
.live_sbtz{ background:url(../images/room/sbtzbg.png) left top no-repeat; width:343px; height:80px;padding-top: 112px; position:absolute; display:none; left:50%; z-index:16; top:50%; margin-top:-96px; margin-left:-171px;}
.live_sbtz .close{ background:url(https://www.zhibo.tv/images/video/close.png) left top no-repeat; width:14px; height:14px; cursor: pointer; position:absolute; right:10px; top:45px;}
.live_sbtz p.link{padding-left:275px;}
.live_sbtz a{color:#e8410e;font-size: 15px; text-decoration:none; text-shadow:1px 1px 0px #fff}
.live_sbtz .Countdown{color:#e8410e; text-shadow:1px 1px 0px #fff;font-size: 16px; padding:3px 0 3px 118px;}
.live_sbtz .jdt{ background:#fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; height:22px; position:relative; width:225px; overflow:hidden; margin-left:112px;}
.live_sbtz .jdt p{position:absolute; left:0; top:0; height:22px;background:#e96b01; width:10%;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.live_sbtz .jdt span{ display:block; position:absolute; right:0; top:0; color:#ffab65; text-align:right;height:22px; line-height:22px;font-size: 12px;padding-right: 5px;}
.samba_girl{ width:329px; height:296px; position:fixed; left:50%;  top:50%; margin-left:-165px; margin-top:-148px; z-index:18; display:none}
/*主播动态弹层*/
.record_info{ position:absolute; background:url(../images/room/record_info.png) left top no-repeat; padding:10px 10px 20px; left:0; width:310px;}
.record_info .t_tre{ top:11px; left:84px;}
.record_info_top{ border-bottom:1px solid #c9c9c9; overflow:hidden; padding:15px 20px; margin-left:1px;}
.record_info_top .user_head{ border: 1px solid #cfcfcf;border-radius: 2px;box-shadow: 0 1px 0 #efefef;float: left;padding: 3px; margin-right:20px;}
.record_info_top .user_head img{ width:90px; height:90px;}
.record_info_top .user_head p{position: relative; z-index:1;}
.record_info_top .user_head p .bg{ display:block; position:absolute; left:0; bottom:0; width:100%; height:100%; background:#000; z-index:-1;}
.record_info_top .user_head p span{ display:block; text-align:center; font-size: 12px; font-family:Simsun; color:#fff; line-height:20px; height:20px;}
.record_info_top .user_head p i{font-style: normal;}
.record_info_top dl{ display:block; overflow:hidden;zoom: 1;font-size: 12px; font-family:Simsun}
.record_info_top dt{font-weight: 700; font-size: 12px; padding-bottom:6px;}
.record_info_top dd img{ display:inline; vertical-align:middle; padding-bottom:2px;}
.record_info_top dd p{ line-height:24px;}
.record_info_cont{ overflow:hidden; position:relative; height:350px; margin-left:1px;}
.record_info_cont li{ border-bottom: 1px solid #ddd; position:relative; padding:10px 16px;}
.record_info_cont li.spe{ border-bottom: none;}
.record_info_cont li b{ background:url(../images/user_center/user_icon.png) left -231px no-repeat; width:31px; height:35px; position:absolute; left:-16px; top:10px; display:none}
.record_info_cont li p.name{ font-size:14px; color:#000;font-weight: 700;}
.record_info_cont li p.text{ font-size:14px; color:#333; line-height:30px; padding-bottom:5px; word-break:break-all}
.record_info_cont li p.text img{ padding:0 1px;vertical-align:middle}
.record_info_cont li p.text img.js-picture{ display:block; max-width:90%; padding:5px 0;}
.record_info_cont li .other_info{ position:relative; font-size:12px;}
.record_info_cont li .other_info p{ right:0; top:0; position:absolute;  font-size:12px; color:#666666; display:none}
.record_info_cont li .other_info p em{font-weight: 400;font-style: normal;font-family:Simsun; padding:0 5px; color:#d5ccd5}
.record_info_cont li .other_info p span { cursor: pointer;}
.record_info_cont li .other_info .date{ color:#888484}
.record_info_cont li .other_info p span i{ font-style: normal; color:#ff0099;}
.record_info_cont li .reply{ background:#f8f8f8; border:1px solid #e8e8e8; padding:10px; font-size:12px; margin-bottom:10px;}
.record_info_cont li .reply p.name{ color:#f09; float:left;font-weight: 400; font-size:12px; padding-right:5px; line-height:30px;}
.record_info_cont li .reply p.text{ font-size:12px;}

/*右下脚图层*/
.right_bottom_cover{ background:#fff; color:#757575; line-height:30px; overflow:hidden; padding:15px; width:408px; position:fixed; right:5px; bottom:5px;-webkit-border-radius: 10px;
-moz-border-radius: 10px;border-radius: 10px; display:none; z-index:20; border:1px solid #e5e5e5;}
.right_bottom_cover .title{ font-size: 18px; color:#138ae6;margin-bottom: 15px;border-bottom:2px solid #e0e1e5;padding-bottom: 5px;}
.right_bottom_cover .close{ background:url(/images/mobile_close_icon.png) left center no-repeat; width:42px; height:42px;cursor: pointer; position:absolute; right:5px ;top:5px}
.right_bottom_cover h4{ float:left; width:100px;}
.right_bottom_cover .tab{ margin-left:100px;}
.right_bottom_cover .tab ul{ font-size: 14px; color:#757575}
.right_bottom_cover .tab ul li{display:inline-block; *display:inline;zoom: 1; vertical-align:bottom; margin:0 5px; text-align:center; line-height:normal}
.right_bottom_cover .tab ul li span{ padding:0 10px; cursor: pointer;}
.right_bottom_cover .tab ul li.on span{ color:#138ae6;border-bottom: 2px solid #138ae6; margin-bottom:-2px; position:relative; padding-bottom:5px; }
.right_bottom_cover_cont .cover_cont{ display:none}
.right_bottom_cover_cont .cover_cont.active{ display:block }
.right_bottom_cover_cont ul li{ width:100%; overflow:hidden;font-size: 14px;margin-bottom: 10px;}
.right_bottom_cover_cont ul li input{border: 1px solid #dbe2e6; background:#eaebeb; padding:0 10px;font-size: 12px; width:150px; height:28px; line-height:28px; float:left;font-size: 14px;}
.right_bottom_cover_cont ul li img{ height:30px;cursor: pointer; margin-left:10px;}
.right_bottom_cover_cont ul li p span{ font-size: 16px;}
.right_bottom_cover_cont ul li p{margin-bottom: 3px;}
.right_bottom_cover_cont ul li span.btn{ background:#138ae6; cursor: pointer;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; padding:0 10px;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s;cursor: pointer;display:inline-block; *display:inline;zoom: 1; vertical-align:top; color:#fff;}
.right_bottom_cover_cont ul li span.btn:hover{ background:#0066bd;}
.right_bottom_cover_cont div.btn{ background:#138ae6; cursor: pointer;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; padding:0 10px;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s;cursor: pointer; vertical-align:top; color:#fff; line-height:40px;margin: 0 auto; width:60%; text-align:center;font-size: 16px;}
.right_bottom_cover_cont div.btn:hover{ background:#0066bd;}

.right_bottom_cover_cont i.select{font-style: normal; border:2px solid #eaebeb; background:#eaebeb ;display:inline-block; *display:inline;zoom: 1; vertical-align:top;margin-right: 10px;cursor: pointer; padding:0 10px;}
.right_bottom_cover_cont i.select.on{ background:#f9f9f9 url("/images/left_top_c.png") no-repeat scroll left top; border-color:#0d71dd}
.right_bottom_cover_cont p.inline{display:inline-block; *display:inline;zoom: 1; vertical-align:top;font-size: 12px; margin-left: 10px;}
.right_bottom_cover_cont  textarea{ border: 1px solid #dbe2e6; background:#eaebeb;font-size: 12px; line-height:30px; padding:0 10px; width:370px; resize:none}
.right_bottom_cover_cont .btn_group{ position:relative;padding-top: 20px;}
.right_bottom_cover_cont p.war{font-size: 12px; color:#f00; position:absolute; left:-3px; top:0; margin-left:0; line-height:normal}
/*扫描二维码*/
.live_room .m-lgt .play_info .user_opt .code_cont{ position:absolute; right:-55px; top:53px;width:450px; z-index:19; background:#F7F7F7; -webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s; opacity:0; filter:alpha(opacity=0); visibility:hidden; border:1px solid #ccc}
.live_room .m-lgt .play_info .user_opt .code_cont .derTitle{ background:#eee;font-size: 16px; line-height:40px; position:relative; padding-left:20px;}
.live_room .m-lgt .play_info .user_opt .code_cont .derTitle a{ height:24px; line-height:24px; display:block; position:absolute; right:20px; top:8px; color:#fff; border-radius:5px; background:#138ae6; padding:0 10px;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s; font-size: 12px;}
.live_room .m-lgt .play_info .user_opt .code_cont .derTitle a:hover{ opacity:0.8}
.live_room .m-lgt .play_info .user_opt .code_cont .ders{ padding:0 20px 20px; overflow:hidden;}
.live_room .m-lgt .play_info .user_opt .code_cont .ders>p{font-size: 14px; color:#434343; line-height:40px;}
.live_room .m-lgt .play_info .user_opt .code_cont .ders>p span{ color:#138ae6}
.live_room .m-lgt .play_info .user_opt .code_cont .ders .set1{ float:left; font-size:12px; color:#999}
.live_room .m-lgt .play_info .user_opt .code_cont .ders .set1 p{ padding-bottom:10px;}
.live_room .m-lgt .play_info .user_opt .code_cont .ders .set2{ float:right; font-size: 12px; color:#999}
.live_room .m-lgt .play_info .user_opt .code_cont .ders .set2 p{ padding-bottom:10px;}
.live_room .m-lgt .play_info .user_opt .code_cont .ders .set2>div{ position:relative; padding:3px;}
.live_room .m-lgt .play_info .user_opt .code_cont .ders .set2 .lb,.live_room .m-lgt .play_info .user_opt .code_cont .ders .set2 .rb{ position:absolute; width:6px; height:6px;}
.live_room .m-lgt .play_info .user_opt .code_cont .ders .set2 .lb{ width:15px; height:15px; background:#138ae6; left:0; top:0}
.live_room .m-lgt .play_info .user_opt .code_cont .ders .set2 .lb:after{ content:""; display:block; width:15px; height:15px; left:0; bottom:-139px; background:#138ae6; position:absolute;}
.live_room .m-lgt .play_info .user_opt .code_cont .ders .set2 .rb{ width:15px; height:15px; background:#138ae6; right:0; top:0;}
.live_room .m-lgt .play_info .user_opt .code_cont .ders .set2 .rb:after{ content:""; display:block; width:15px; height:15px; right:0; bottom:-139px; background:#138ae6; position:absolute;}
.live_room .m-lgt .play_info .user_opt .code_cont #qrcode{ position:relative; z-index:2;padding:10px; background:#f7f7f7; height:128px; width:128px; overflow:hidden}
.live_room .m-lgt .play_info .user_opt .code_cont.move,.live_room .m-lgt .play_info .user_opt .move{ top:38px; opacity:1; visibility:visible; filter:alpha(opacity=100)}
/* 分享弹窗 */
.live_room .m-lgt .play_info .user_opt .share_cont{ position:absolute; top:53px; right:-8px; z-index:19; background:#f7f7f7;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s; filter:alpha(opacity=0); opacity:0; visibility:hidden}
.live_room .m-lgt .play_info .user_opt .share_cont.move,.live_room .m-lgt .play_info .user_opt .move{ opacity:1; top:38px; filter:alpha(opacity=100); visibility:visible;}
.share-ibox{width: 360px;padding: 15px 20px;background-color: #f7f7f7;border:1px solid #ccc;box-shadow:inset 0 1px 0 #ececec;z-index: 12;}
.share-ibox .arrow{position:absolute;top:-8px;left:50%;margin-left:-7px;width:14px;height:9px;background:url(../images/room-icons.png) -380px -780px no-repeat;}
.share-ibox .txt{ line-height: 32px;font-size: 14px; color:#333}
.share-ibox #bdshare{ float:none}
.share-ibox #bdshare {height: 32px;margin-bottom: 15px;}
.share-ibox #bdshare a {display: block;float: left;width: 32px;height: 32px;margin-right: 10px;background-image: url(../images/room-icons.png);background-repeat: no-repeat;}
.share-ibox #bdshare .sina {background-position:left 0 !important;}
.share-ibox #bdshare .sina:hover {background-position:left -35px!important;}
.share-ibox #bdshare .sina:active {background-position:left -70px!important;}
.share-ibox #bdshare .qzone {background-position:-35px 0!important;}
.share-ibox #bdshare .qzone:hover {background-position:-35px -35px!important;}
.share-ibox #bdshare .qzone:active {background-position:-35px -70px!important;}
.share-ibox #bdshare .qq {background-position:-70px 0!important;}
.share-ibox #bdshare .qq:hover {background-position:-70px -35px!important;}
.share-ibox #bdshare .qq:active {background-position:-70px -70px!important;}
.share-ibox #bdshare .txwb {background-position:-105px 0!important;}
.share-ibox #bdshare .txwb:hover {background-position:-105px -35px !important;}
.share-ibox #bdshare .txwb:active {background-position:-105px -70px!important;}
.share-ibox #bdshare .dou {background-position:-140px 0!important;}
.share-ibox #bdshare .dou:hover {background-position:-140px -35px!important;}
.share-ibox #bdshare .dou:active {background-position:-140px -70px!important;}
.share-ibox #bdshare .ren {background-position:-175px 0!important;}
.share-ibox #bdshare .ren:hover {background-position:-175px -35px!important;}
.share-ibox #bdshare .ren:active {background-position:-175px -70px!important;}
.share-ibox #bdshare .tieba{background-position:-210px 0!important;}
.share-ibox #bdshare .tieba:hover{background-position:-210px -35px!important;}
.share-ibox #bdshare .tieba:active{background-position:-210px -70px!important;}
.share-ibox .share-cont {font: 14px/20px microsoft yahei;color: #333;}
.share-ibox .info {margin-bottom: 10px;font-size: 14px;color: #666;}
.share-ibox .area_share {overflow: hidden;height: 27px;margin-bottom: 10px;line-height: 27px;}
.share-ibox .area_share .subtitle {display: inline-block;float: left;width: 80px;height: 27px;text-align: left;}
.share-ibox .area_share .ipt-url {float: left;width: 210px;height: 25px;padding: 0 4px;border: 1px solid #dcdcdc;background-color: #fff;line-height: 25px\9;}
.share-ibox .area_share .copy {float: right;width: 43px;height: 25px;border: 1px solid #dcdcdc;background-color: #fff;font: 12px/25px simsun;color: #666;text-align: center;}
.share-ibox .area_share .copy:hover,.share-ibox .area_share .copy:active {color: #ff5613;}



/*充值返利*/
.elatedActivities{ position:absolute; right:15px; bottom:15px; z-index:16; width:300px; height:300px; background:url(/images/live_room/elatedActivities.png) left top no-repeat; display:none}
.elatedActivities .close{ width:34px; height:34px; background:url(/images/red_bag/blank.gif) left top repeat; position:absolute; top:4px; right:6px;cursor: pointer;}
.elatedActivities .pay_btn{ display:block; background:url(/images/red_bag/blank.gif) left top repeat; width:198px; height:39px; position:absolute; left:50%; margin-left:-99px; bottom:17px; -webkit-border-radius: 15px;
-moz-border-radius: 15px;border-radius: 15px;cursor: pointer;}
/*情人节直播间排行*/
.activityTop{ position:absolute; right:15px; top:15px; z-index:10; width:248px; height:126px; background:url(/images/live_room/activityTopBg.png) left top no-repeat; display:block; overflow:hidden}
.activityTop .close{ width:24px; height:24px; background:url(/images/red_bag/blank.gif) left top repeat; position:absolute; top:13px; right:3px;cursor: pointer;}
.activityTop .userHead{ width:80px; height:80px; border-radius:50%; top:33px; left:32px; background:#fff; position:absolute}
.activityTop .userName{ height:28px; line-height:28px; color:#fff; font-size: 14px; width:98px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; position:absolute; left:124px; top:46px}
.activityTop .consume{ position:absolute;font-size: 12px; color:#fff; left:124px; top:80px; line-height:23px}
.activityTop .consume i{ width:23px; height:23px;display:inline-block; *display:inline;zoom: 1; vertical-align:middle; background:url(../images/live_room/livehead_icon.png) -33px top no-repeat; margin-right: 7px;}

/*小胖独霸*/
.xpdb_close{z-index: 11; width:24px; height:24px; background:url(/images/live_room/xxxx.png) left top repeat; position:absolute; right:15px; top:15px;cursor: pointer;}
.ylcs ul{padding-left: 152px;padding-top: 26px;padding-right: 10px;color: #fff;font-size: 14px;}
.ylcs ul li{line-height: 26px;height: 24px;width: 100%;text-align: left;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

/*用户小车动画*/
img.carMove{ padding-left:400px;}
/*关注主播提示*/
.followPrompt{ background:url(https://www.zhibo.tv/images/live_room/followPrompt131456.png) left top no-repeat; width:521px; height:276px; position:absolute; z-index:15; left:-88px; top:32px; display:none !important}
.followPrompt .close{ width:49px; height:49px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; background:url(https://www.zhibo.tv/images/red_bag/blank.gif) left top repeat; position:absolute; top:87px; right:0px;cursor: pointer;}
/*送礼物提示*/
.giftPrompt{ background:url(https://www.zhibo.tv/images/live_room/giftPrompt131456.png) left top no-repeat; width:350px; height:141px; position:absolute; z-index:15; right:12px; bottom:145px; display:none; z-index:17}
.giftPrompt .close{width:30px; height:30px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; background:url(https://www.zhibo.tv/images/red_bag/blank.gif) left top repeat; position:absolute; top:44px; right:0px;cursor: pointer;}
/*清晰度提示*/
.definitionSwitch{ background:url(https://www.zhibo.tv/images/live_room/loginPrompt131456.png) top center no-repeat; position:absolute; left:0; bottom:0; width:204px; z-index:5; height:206px; display:none}
.definitionSwitch .close{ position:absolute; z-index:1; left:2px; top:22px;width:30px; height:30px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; background:url(https://www.zhibo.tv/images/red_bag/blank.gif) left top repeat; cursor: pointer;}
.definitionSwitch i.login{ display:block; position:absolute; left:94px; top:108px; width:58px; height:26px; border-radius:5px; cursor: pointer;}
/*直播间投注模块*/
.Betting{ position:relative; z-index:3; display:none}
.Betting .name{ background:#8f1a60; height:34px; position:relative; line-height:34px; padding-left:22px; color:#fff;font-size: 15px;cursor: pointer;}
.Betting .name p{ position:absolute; right:15px; color:#fff; top:0}
.Betting .name i{ border-top:5px solid #fff; border-left:5px solid transparent; border-right:5px solid transparent; display:inline-block; *display:inline;zoom: 1; vertical-align:middle; margin-bottom:3px; *margin-bottom:0;margin-right: 3px;}
.Betting .name.active i{ border-top:none; border-bottom:5px solid #fff}
.Betting .bettingCont{ position:absolute; width:100%; background:#fff; top:34px; z-index:15}
.Betting .bettingCont .title{ padding:15px 22px; border-bottom:1px solid #78d5f9;font-size: 15px; color:#515151; overflow:hidden; position:relative}
.Betting .bettingCont .title div{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-right: 80px; text-align:center}
.Betting .bettingCont .title .gameName{ display:block;}
.Betting .bettingCont .title span{ color:#434343}
.Betting .bettingCont .title p{ width:60px; height:20px; text-align:center; line-height:20px;font-size: 12px;font-size: 12px; float:right; background:#8f1a60 url(/images/fixtures/rest.png) 5px center no-repeat;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; color:#fff;cursor: pointer; position:absolute; right:10px; top:50%; margin-top:-10px; text-indent:18px;}
.Betting .bettingCont .title p:hover{ opacity:0.8}
.Betting .bettingCont .data{ padding:0 12px; border-bottom:1px solid #c2c2c2}
.Betting .bettingCont .data table{  border-collapse:collapse; width:100%; border-spacing:0; color:#969696;font-size: 13px;}
.Betting .bettingCont .data table tr th{ border-bottom:1px solid #f2f2f2;font-weight: 400; color:#8f1a60}
.Betting .bettingCont .data table tr td{ height:33px; line-height:33px; vertical-align:middle;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s; text-align:center; cursor: pointer; border-bottom:1px solid #f2f2f2; text-decoration:underline;}
.Betting .bettingCont .data table tr td:hover{ background:#f0f0f0}
.Betting .bettingCont .data table tr td.not-select{ text-decoration:none}
.Betting .bettingCont .data table tr td.not-select:hover{ background:none}
.Betting .bettingCont .data div{ text-align:right;font-size: 13px; line-height:25px;}
.Betting .bettingCont .data div a { color:#8f1a60}
.Betting .bettingCont .data div a:hover{ text-decoration:underline}
.Betting .bettingCont .bettingChoice{ border-bottom:1px solid #e5e6e5;font-size: 13px; color:#515151; padding:10px 22px;}
.Betting .bettingCont .bettingChoice div{margin-bottom: 10px;}
.Betting .bettingCont .bettingChoice .Choice{ margin-left:-20px;}
.Betting .bettingCont .bettingChoice .Choice p{display:inline-block; *display:inline;zoom: 1; vertical-align:top;margin-left: 20px;}
.Betting .bettingCont .bettingChoice span{ color:#8f1a60;}
.Betting .bettingCont .bettingChoice button.plus{ background:url(/images/fixtures/plus.png) left top no-repeat;display:inline-block; *display:inline;zoom: 1; vertical-align:top; width:26px; height:26px;margin-right: 5px;cursor: pointer; border:none; outline:none}
.Betting .bettingCont .bettingChoice button.reduce{background:url(/images/fixtures/reduce.png) left top no-repeat;display:inline-block; *display:inline;zoom: 1; vertical-align:top; width:26px; height:26px;margin-right: 5px;cursor: pointer; border:none; outline:none}
.Betting .bettingCont .bettingChoice label{padding-right: 5px;}
.Betting .bettingCont .bettingChoice label input{ width:100px; padding:0 5px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; background:#edeeee; height:26px; line-height:26px;}
.Betting .bettingCont .bettingChoice .btnGroup{ margin-left:-13px;}
.Betting .bettingCont .bettingChoice .btnGroup button{display:inline-block; *display:inline;zoom: 1; vertical-align:top; margin-left:13px; border:none; height:35px; background:#8f1a60; width:200px;}
.Betting .bettingCont .bettingChoice .btnGroup .spe{ background:#d8d8d8; width:114px;}
.js-goodnum {color: #b5867c;cursor:pointer;}

/*聚宝盆模块*/
.CornucopiaIcon{ background:url(../images/live_room/Cornucopia/bag.png)  center no-repeat; width:56px; height:56px; cursor: pointer; border:4px solid #ccc; position:absolute; z-index:2; top:10px; right:15px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; opacity:0.8; filter:alpha(opacity=100);-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s; display:none}
.Cornucopia{ position:absolute; z-index:2; width:100%; left:0;}
.Cornucopia .openBag{ position:fixed; left:50%; top:50%; z-index:10; color:#fff; display:none}
.Cornucopia .openBag .textShow { width:250px; position:absolute; right:41px; bottom:11px;font-size: 14px; height:200px; line-height:200px;}
.Cornucopia .openBag .textShow .vM{ vertical-align:middle; display:inline-block; *display:inline;zoom: 1; width:250px; line-height:normal}
.Cornucopia .openBag .p1{font-size: 20px;padding-bottom: 10px;}
.Cornucopia .openBag .p2{ text-indent:-5px;margin-bottom: 10px; height:40px; overflow:hidden}
.Cornucopia .openBag .p2 span{ padding:0 5px;}
.Cornucopia .openBag .p3{border-top: 1px solid #fff;padding-top: 10px;}
.Cornucopia .openBag.bag1{ background:url(../images/live_room/Cornucopia/bag1B.png) left top no-repeat; width:529px; height:250px; margin-top:-125px; margin-left:-265px;}
.Cornucopia .openBag.bag2{ background:url(../images/live_room/Cornucopia/bag2B.png) left top no-repeat; width:529px; height:251px; margin-top:-125px; margin-left:-265px;}
.Cornucopia .openBag.bag3{ background:url(../images/live_room/Cornucopia/bag3B.png) left top no-repeat; width:556px; height:283px; margin-top:-142px; margin-left:-278px;}
.Cornucopia div.name{ background:#25a485; height:34px; position:relative; line-height:34px; padding-left:22px; color:#fff;font-size: 15px;cursor: pointer;}
.Cornucopia div.name p{ position:absolute; right:15px; color:#fff; top:0}
.Cornucopia div.name i{ border-top:5px solid #fff; border-left:5px solid transparent; border-right:5px solid transparent; display:inline-block; *display:inline;zoom: 1; vertical-align:middle; margin-bottom:3px; *margin-bottom:0;margin-right: 3px;}
.Cornucopia div.name.active i{ border-top:none; border-bottom:5px solid #fff}
.CornucopiaTxt{ background: #333333; position: absolute; top:34px; left: 0; width: 100%; display:none}
.CornucopiaTxt .close{ background:url(../images/live_room/Cornucopia/close.png) left top no-repeat; width:14px; height:14px;cursor: pointer; position:absolute; top:15px; right:10px;}
.CornucopiaTxt .bagList ul{ padding-bottom: 6px; font-size: 0;}
.CornucopiaTxt .bagList ul li{ margin-top: 6px;}
.CornucopiaTxt .bagList ul li img{ display: inline-block; *display: inline;zoom: 1; vertical-align: top; margin-left: 20px; cursor: pointer; margin-right: 30px;}
.CornucopiaTxt .bagList ul li .bagInfo{ display:inline-block; *display:inline;zoom: 1; vertical-align:middle; text-align: center;cursor: pointer;}
.CornucopiaTxt .bagList ul li .bagInfo p.name{ color:#f4fcff; font-size: 14px; line-height: 20px;}
.CornucopiaTxt .bagList ul li .bagInfo p.name i{ font-style: normal; font-size: 12px; background: #f4fcff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;display:inline-block; *display:inline;zoom: 1; vertical-align:middle;
    width: 14px; height:14px; margin-right: 5px; text-align: center; color: #333; line-height: 14px;}
.CornucopiaTxt .bagList ul li .bagInfo p.bar{ width: 174px; height: 3px; -webkit-border-radius: 3px; -moz-border-radius:3px; border-radius: 3px; background: #dadada; position: relative; overflow: hidden; margin: 3px 0 ;}
.CornucopiaTxt .bagList ul li .bagInfo p.bar i{ display: block; height:100%; position: absolute; left: 0; top:0; background: #3c5dd3}
.CornucopiaTxt .bagList ul li .bagInfo .total{ font-size: 12px; color: #fff; text-align: center}
.CornucopiaTxt .bagList ul li .bagInfo .total i{ font-style: normal;}
.CornucopiaTxt .bagList ul li .bag2 p.name { color: #f3e257}
.CornucopiaTxt .bagList ul li .bag2 p.name i{ background: #f3e257}
.CornucopiaTxt .bagList ul li .bag2 p.bar i{ background: #f3e257}
.CornucopiaTxt .bagList ul li .bag3 p.name { color: #dfc6fd}
.CornucopiaTxt .bagList ul li .bag3 p.name i{ background: #dfc6fd}
.CornucopiaTxt .bagList ul li .bag3 p.bar i{ background: #dfc6fd}
.CornucopiaTxt .bagChoice{ background: #ffffff; padding: 10px 15px 20px; border-bottom: 1px solid #e5e6e5; display:none}
.CornucopiaTxt .bagChoice .bagName{ color: #25a485; font-size: 16px;}
.CornucopiaTxt .bagChoice .bagName span{ font-size: 14px; padding-left: 10px;}
.CornucopiaTxt .bagChoice .der{ font-size: 14px; color: #828385; padding:5px 0;}
.CornucopiaTxt .bagChoice .d1{ text-align: center; height:30px; font-size: 0;padding-top: 5px;}
.CornucopiaTxt .bagChoice .d1 input{ width: 200px; height:30px; background: #eeeeee; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 14px; color: #000000; text-align: center; vertical-align: top}
.CornucopiaTxt .bagChoice button.plus{ background:url(../images/fixtures/plus.png) left top no-repeat;display:inline-block; *display:inline;zoom: 1; vertical-align:top; width:26px; height:26px; margin-left: 10px;cursor: pointer; border:none; outline:none}
.CornucopiaTxt .bagChoice  button.reduce{background:url(../images/fixtures/reduce.png) left top no-repeat;display:inline-block; *display:inline;zoom: 1; vertical-align:top; width:26px; height:26px;margin-right: 10px;cursor: pointer; border:none; outline:none}
.CornucopiaTxt .bagChoice .d2{font-size: 0; padding:10px 0}
.CornucopiaTxt .bagChoice .d2 p { margin-left:-25px;}
.CornucopiaTxt .bagChoice .d2 p span{display:inline-block; *display:inline;zoom: 1; vertical-align:top; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; background:#dadada; width:45px; height:24px; text-align:center;line-height: 24px;font-size: 14px; color:#fff;cursor: pointer; -webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s; margin-left:25px;}
.CornucopiaTxt .bagChoice .d2 p span:hover,
.CornucopiaTxt .bagChoice .d2 p .on{ background:#138ae6}
.CornucopiaTxt .bagChoice .num{ font-size: 14px; color: #000; padding-bottom:10px;}
.CornucopiaTxt .bagChoice .num i{ font-style: normal; color: #25a485; padding:0 3px;}
.CornucopiaTxt .bagChoice .btnGroup{ margin-left:-13px;}
.CornucopiaTxt .bagChoice .btnGroup button{display:inline-block; *display:inline;zoom: 1; vertical-align:top; margin-left:13px; border:none; height:35px; background:#25a485; width:200px;}
.CornucopiaTxt .bagChoice .btnGroup .spe{ background:#d8d8d8; width:114px;}