@charset "utf-8";
/* 商城公用样式 */
body{	background:url(../images/home_bc.png) repeat-x top #f7f0e0;}
.row{ width:960px; margin:0 auto; position:relative;}
.block{ border-radius:5px; overflow:hidden; box-shadow:0px 0px 5px #bbbbbb; margin-top:20px; margin-bottom:10px;}
.main{ background:#fcfcfc; width:100%; height:100%; min-height:720px;}
.main .content{ padding:25px 30px;}
.swich{ height:30px; margin-bottom:20px;}
.swich li{ font-size:14px; width:86px; height:30px; list-style:none; cursor:pointer; color:#555; margin-right:30px; display:inline-block; float:left; text-align:center;}
.swich li:hover{ color:#f17d5a;}
.swich li.current{ background:url(../images/home_sprite.png) no-repeat 0 -200px; color:#f17d5a; cursor:default;}
.details .caption{ position:absolute; left:0 ; top:0; font-size:14px; color:#333;}
.details p{ padding-left:70px; #padding-left:0px;_padding-left:0px;position:relative; color:#555; line-height:26px;}
.details p a{ color:#ff9054}
.hint{ padding:15px; background:#FCF7EF; border-radius:5px; margin-top:30px;}
.hint h5{ color:#ff9054; font-size:14px; font-weight:normal; margin-bottom:5px;}
.hint li{ color:#888; line-height:20px;}
.hint li a{ color:#ff9054;}
.hint a{color:#ff9054;}
.smallair{ height:8px; clear:both;}
.air{ height:15px; clear:both;}
.space{ width:30px; display:inline-block;}
.clear{ height:30px; clear:both;}
.pl0{ padding-left:0 !important;}
.input_text{ width:180px; height:23px; background:#fff; border-top:1px solid #cecece; border-left:1px solid #cecece; padding-left:5px; line-height:26px; margin-left:5px;}
input[type=radio] { margin:5px;  -webkit-appearance: none;  appearance: none;  width: 13px;  height: 13px; cursor: pointer;  vertical-align: bottom;  background: #fff;  border: 1px solid #dcdcdc;  -webkit-border-radius: 1px;  -moz-border-radius: 1px;  border-radius: 1px;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  position: relative;  }
input[type=checkbox]:active,  input[type=radio]:active {  border-color: #c6c6c6;  background: #ebebeb;  }
input[type=checkbox]:hover {  border-color: #c6c6c6;  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);  box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);  }
input[type=radio] {  -webkit-border-radius: 1em;  -moz-border-radius: 1em;  border-radius: 1em;  width: 15px;  height: 15px;  }
input[type=radio]:checked {  background: #fff;  }
input[type=radio]:checked::after {  content: '';  display: block;  position: relative;  top: 3px;  left: 3px;  width: 7px;  height: 7px;  background: #579eff;  -webkit-border-radius: 1em;  -moz-border-radius: 1em;  border-radius: 1em;  }
.line{ height:1px; background:#ececec; border-bottom:1px solid #ffffff; clear:both; }
.price{ font-size:18px; color:#ff9054; margin:8px 0px;}
.price .normal, .more_link .normal, p.normal, .normal{ color:#888 ;}
.normal{ color:#888;}
.bluebtn{width:80px;color: #fff;text-decoration: none;line-height:24px;border-radius: 3px;height: 24px;background: #75BAF3;display: inline-block; cursor:pointer;}
.bluebtn:hover{background:#58aef6;}
.regbtn{width:80px;color: #fff;text-decoration: none;line-height:24px;border-radius: 3px;height: 24px;background: #FFBB7C;display: inline-block; cursor:pointer;}
.regbtn:hover{background:#FF9B4C;}
.blue2btn{width:80px;color: #fff;text-decoration: none;line-height:24px;border-radius: 3px;height: 24px;background: #68baff;display: inline-block; cursor:pointer;}
.blue2btn:hover{background:#55a7ec;}
.bigbtn{ width:100px; height:28px; line-height:28px;}
.refresh{ width:60px; height:12px; display:inline-block; background:url(../images/voteiconbc.png) no-repeat 0px -24px; padding-left:15px; cursor:pointer; line-height:14px;}
.refresh:hover{ background-position:0px -36px; color:#038cff;}
.disable{ background:#999 !important; cursor:no-drop;}
.disable:hover{ background:#999 !important; cursor:no-drop;}
.success{ width:24px; height:24px; background:url(../images/secicon.png) no-repeat 0 0; display:inline-block; vertical-align:top;margin-right:5px;}
.fault{ width:24px; height:24px; background:url(../images/error.png) no-repeat 0 0; display:inline-block;margin-right:5px; vertical-align:top;}
.highlight{ color:#FF4700; font-size:1.1em}

/* 各种提示 */
.error, .correct, .remind{ background:url(../images/infoicon.png) no-repeat 0 0; width:12px; height:12px; display:inline-block; padding:0px 2px; margin-left:5px;}
.correct{}
.error{ background-position:0px -12px;}
.remind{ background-position:0px -24px;}
.login .title{ background:#58aef6; color:#fff;}
.login .title .login_title{ color:#fff;}
.loginbutton{ width:100%; height:60px; position:absolute; bottom:-230px; left:0; clear:both;}
.login{ position:relative;}
.reginputarea{ padding-left:60px; position:relative; width:180px; margin-left:30px;}
.reginputarea .caption{ position:absolute; left:0; top:0;}
.reginputarea.yanzhengma{ padding-left:65px}
.reginputarea img{ width:180px;}
.sexchoose{ padding-left:24px;}
/* .reg{ height:400px !important;} */
.reg .title{ background:#FFBB7C;}
.bigreg{ width:180px; height:32px;}
.reghint{ display:block; position:absolute; width:260px; height:35px;line-height:30px; left:35px; top:-32px; background:url(../images/reghint.png) no-repeat 0 0; color:#6D6153;}
.reginputarea .correct, .reginputarea .remind, .reginputarea .error{ position:absolute; right:-35px; top:5px;}
.reginputarea .reghint .error, .reginputarea .reghint .remind, .reginputarea .reghint .correct{ position:relative; left:0; top:0;}
/* 商城首页 */
.shop_ad{ float:right; width:720px; height:280px;}
.block.shop{ height:280px;}
.title{ background: url(../images/titlebc.png) no-repeat 0 0 #efefef; width:100%; height:40px; position:relative;}
.closebtn{ width:20px; height:20px; position:absolute; right:5px; top:5px; background:none; font-size:20px; font-weight:bold; font-family:Arial; line-height:20px; color:#fff; cursor:pointer;}
.closebtn:hover{ color:#F60;}
.close{ color:#666; position:absolute; top:8px; right:8px; width:40px; height:12px; display:block; cursor:pointer; font-size:12px; text-align:right; line-height:12px; }
.close:hover{ color:#F36;}
.title h2{ font-size:16px; padding-left:10px; font-weight:normal;}
.shop_title{ border-left:8px solid #f17d5a; height:100%; width:100%; color:#f17d5a; line-height:40px;#line-height:18px;_line-height:18px;}
.more_link{ float:right; margin-right:30px; color:#f17d5a;}
.more_link a{ color:#f17d5a;}
.goods{ background:#fff; float:left; position:relative;}
.goods:hover{ background:#fafafa;}
.biggoods{ width:422px; height:280px; border-right:1px solid #ececec;}
.smallgoods{ width:268px; height:139px; float:left; border-bottom:1px solid #ececec; border-right:1px solid #ececec;}
.smallgoods.last{ border-right:none;}
.smallgoods.under{ border-bottom:1px solid #fff;}
.goodspic{ float:left; margin-right:5px;}
.biggoods .goodspic img{ width:140px; height:140px; padding:60px 20px 40px 35px;}
.smallgoods .goodspic img{ width:86px; height:86px; padding:25px 20px 30px 20px;}
.biggoods .goodsintro{ margin-top:60px;}
.smallgoods .goodsintro{ margin-top:25px;}
.goodsname{ color:#555; font-size:24px; margin:10px 0px;}
.smallgoods .goodsintro .goodsname{ font-size:16px; margin:10px 0px 5px 0px;}
.description{ color:#888; font-size:12px;}
.smallgoods .goodsintro .description{ margin-bottom:5px;}
.menu{ width:240px; background:#fff; float:left; height:100%; min-height:720px;}
.menu li{ height:39px; font-size:14px; line-height:39px; border-bottom:1px solid #ececec; padding-left:50px; color:#666; cursor:pointer; background:url(../images/home_sprite.png) no-repeat 0 0; list-style:none;}
.menu li.recharge{ background-position:0px 0px;}
.menu li.recharge.current{ background-color:#f4977b; color:#fff; background-position:-240px 0px;}
.menu li.liang{ background-position:0px -40px;}
.menu li.liang.current{ background-color:#f4977b; color:#fff; background-position:-240px -40px;}
.menu li.member{ background-position:0px -80px;}
.menu li.member.current{  background-color:#f4977b; color:#fff; background-position:-240px -80px;}
.menu li.room{ background-position:0px -120px;}
.menu li.room.current{ background-color:#f4977b; color:#fff; background-position:-240px -120px;}
.menu li.noble{ background-position:0px -160px;}
.menu li.noble.current{ background-color:#f4977b; color:#fff; background-position:-240px -160px;}
.menu li:hover{ color:#f17d5a;}
.menu.doshowshop li.hidelink{ padding-left:60px; color:#888888; font-size:14px; height:32px; line-height:32px; background-image:none;}
.menu.doshowshop li.hidelink.current.shop{ color:#f17d5a;background:url(../images/home_sprite.png) no-repeat -480px 0px #fce5de;}
.menu.doshowshop li.hidelink:hover{color:#f17d5a;}
.menu li.last{ border-bottom:none;}
.doshowshop .menu_leader{ background:#f17d5a; color:#fff; padding-left:20px; border:none;}
.menu_leader:hover{ color:#fff !important;}
.left{ width:240px; height:100%; min-height:720px; float:left; position:relative;}
.right{ width:710px; height:100%; min-height:720px; float:right; position:relative; }
.secc p{ padding-left:0px !important;}
.mian .swich li.fourwords{ width:60px; background-position:-12px -200px;}
.mian .swich li.fivewords{ width:74px; background-position:-5px -200px;}

/* 秀币购买 */
.smallradio{ min-width:103px; display:inline-block;}
.smallradio.other{ width:300px;}

/* 靓号购买 */
.lianghao_goods{ width:70px; margin-right:20px; float:left; position:relative;}
.lianghao_goods img{ width:70px; height:70px;}
.lianghao_goods h4{ font-size:16px; color:#555; text-align:center;}
.lianghao_data{ position:relative; width:100%; height:100%;}
.lianghao_refresh{ position:absolute; right:50px; top:18px; width:36px; height:40px; background:
url(../images/refresh.png) no-repeat 0 0; cursor:pointer; padding-top:25px; color:#bbbbbb;}
.lianghao_refresh:hover{ background-position:-36px 0px; color:#579eff;}
.lianghao_data .data{ width:422px; padding:10px; float:left;}
.lianghao_data .data a.single{ display:inline-block; float:left; width:84px; height:28px; line-height:28px; position:relative; color:#888888; font-size:16px; text-decoration:none; overflow:hidden;}
.lianghao_data .data a.single.qinglv{ width:150px;}
.lianghao_data .data a.single:hover{ color:#f17d5a;}
.lianghao_data .data a.single.used{ text-decoration:line-through; cursor:default;}
.lianghao_data .data a.single.used:hover{ color:#888;}
.search{ width: 504px ; height:27px; line-height:27px;border-top:1px solid #cecece; border-left:1px solid #cecece; padding-left:25px; background:url(../images/home_sprite.png) no-repeat -86px -360px; background-color:#fff;}
.lianghao_main{ width:610px; height:100px; padding:10px;}

/* 会员购买 */
.order_final{ height:24px; line-height:24px !important; font-size:14px;}
.order_final a{ font-size:14px; text-decoration:none;}
.order_final img, .vipintro img{ float:left;}

.purplevip{ color:#be2bf5;}
.bluevip{ color:#0a8dff;}
.vipname{ font-size:16px; line-height:50px; padding-left:10px;}
.vip_description{ height:48px; margin-bottom:3px; width:100%; margin-top:10px;}
.vips p{ height:24px; cursor:pointer; padding:0;}
.vips p input{ margin-right:5px;}
.vips{ width:192px; height:270px; padding:15px 20px 0px 0px; float:left; display:inline-block;}
.vipico{ width:16px; height:14px; display:inline-block; float:left; background:url(../images/lobby_sprite.png) no-repeat 0 0; margin-right:5px; margin-top:5px;}
.vico1{ background-position:-457px -6px;}
.vico2{ background-position:-481px -6px;}
.vico3{ background-position:-502px -6px;}
.vico4{ background-position:-523px -6px;}
.vico5{ background-position:-544px -6px;}
.vico6{ background-position:-567px -6px;}

/* 房间购买 */
.roomintro{ width:300px !important; height:270px !important; padding:10px;}
.roomintro img{ width:300px;}
.roomintro .goodsname{ font-size:16px; margin-top:0;}
.roomintro .goodsname li{ list-style:none;}
.fangjianpage{ width:320px; height:160px;}
.fangjianpage .goodsintro .goodsname{ font-size:14px;}
.fangjianpage .goodsintro.first{ margin-top:45px;}
.fangjianpage .goodsintro .goodsname .bluebtn{ margin-top:8px; }
.fangjianpage .goodspic img{ padding-top:45px;}
.pointer{ width:12px; height:12px; background:url(../images/roomintrobc.png) no-repeat 1px 2px; display:inline-block; margin-right:3px;}

/* 登录模块 */
.blackbc{ background:url(../images/blackbc.png) repeat; width:100%; height:100%; position:absolute; z-index:99;}
.login{ width:360px; min-height:280px; margin:0 auto; margin-top:10%; background:#fcfcfc; box-shadow:none;}
h2.login_title{ text-align:center; line-height:40px; font-size:20px; color:#f17d5a }
.login p{ text-align:center; color:#888888; line-height:24px;}
.login .content{ padding:20px;}
.login .content input.textinput{ width:60%; height:32px; background:#fff; padding-left:5px; border:1px solid #eee; margin:10px 0px;}
.loginbtn{ width:62%; height:32px; padding-left:5px; margin-top:15px;}


/* service自服务 */
.doshowservice{ background:#fff;}
.menu_leader{ position:relative;}
.doshowservice li.menu_leader{ background:#55a7ec; color:#fff; font-size:16px; padding-left:20px; font-weight:bold; border:none;}
.doshowservice li.menu_leader.current{ background:#55a7ec !important; color:#fff; font-size:16px; padding-left:20px; font-weight:bold; border:none;}
.doshowservice li{ padding-left:20px; font-size:16px; }
.doshowservice.servicelogin{ background:#f9f9f9;}
.doshowservice.servicelogin li.menu_leader{ background:#55a7ec; color:#fff; font-size:16px; padding:0; text-align:center;}
.doshowservice li{ background:#fff;}
.login_text{ width:154px; height:27px; line-height:27px; background-color:#fff; border-left:1px #d9d9d9 solid; border-top:1px solid #d9d9d9;margin-top:20px; padding-left:24px;}
.login_text.user{ background:url(../images/home_sprite.png) no-repeat -123px -243px #fff;}
.login_text.password{ background:url(../images/home_sprite.png) no-repeat -323px -243px #fff;}
.login_text.auth{ padding-left:5px; width:173px;}
.loginarea{ padding:30px;}
.loginarea img{ width:180px; height:80px; margin-top:20px;}
.serviceloginbtn{ width:100%; height:40px; font-size:16px; margin-top:20px;}
.wrong{ border:1px solid #F33 !important;}
.forget{ color:#90c8f7; font-size:14px; margin-top:10px;}
.forget a{ color:#55a7ec; font-size:14px;}
.servicegoods{ width:300px; height:140px; border:none; background:none; cursor:pointer;}
.servicegoods:hover{ background:#f8f8f8;}
.servicegoods .goodsintro{ margin-top:40px;}
.servicegoods .goodsintro .goodsname{ font-size:18px;}
.servicegoods .goodspic img{ width:80px; height:80px;padding:30px 20px 30px 30px; }
.service_title{ border-left:8px solid #55a7ec; height:100%; width:100%; color:#55a7ec; line-height:40px;}
.service .title{ background:#efefef;}
.service p{ padding:0px 0px 10px 0px; font-size:14px; }
.service p a{ font-size:14px;}
.menu.doshowservice li:hover{ color:#55a7ec;}
.menu.doshowservice li.current{ background:#77b9f0; color:#fff;}
.menu.doshowservice li.hidelink{padding-left:0px; height:auto;}
.menu.doshowservice li.hidelink a{ padding-left:32px; color:#888888; font-size:14px; height:32px; line-height:32px; background-image:none; display:block; text-decoration:none;}
.menu.doshowservice li.hidelink a:hover{ color:#55a7ec;}
.menu.doshowservice li.hidelink a.current{ color:#55a7ec;background:url(../images/home_sprite.png) no-repeat -502px -40px #ddedfb;}


		/*  记录查询列表  */
.Wdate{ border-top:1px solid #cecece; border-left:1px solid #cecece; padding-left:5px; line-height:26px; margin-left:5px; cursor:pointer; width:130px; height:26px; background:url(../images/home_sprite.png) no-repeat -148px -205px #fff !important;}
.record{ width:100%; border:1px solid #e5e5e5; position:relative;}
.record .table_leader{ background:#85BDF1; font-size:14px; color:#fff;}
.record .table_leader:hover{ background:#85BDF1;}
.record tr{ height:30px; font-size:14px;}
.record tr:hover{ background:#eaf6ff;}
.record tr td{ font-size:13px; padding-left:10px; text-align:left; color:#666; padding-top:5px; padding-bottom:5px;}
.record tr th{ text-align:left; padding-left:10px; font-size:14px; font-weight:normal; height:36px;}
.odd{ background:#fff;}
.even{ background:#f7f7f7;}

.table_pager{ position:relative;margin-top:5px;}
.table_pager a{ float:left; min-width:14px; height:14px; cursor:pointer; text-align:center;margin:0px 2px; line-height:18px; text-decoration:none;}
.table_pager a:hover{ color:#3da9e7;}
a#firstpage, a#prepage, a#nextpage, a#endpage{ background:url(../images/imgsprite.png) no-repeat -127px -148px;}
a#firstpage{ background-position:-147px -148px;}
a#firstpage:hover{ background-position:-147px -162px;}
a#prepage{ background-position:-161px -148px;}
a#prepage:hover{ background-position:-161px -162px;}
a#nextpage{ background-position:-175px -148px;}
a#nextpage:hover{ background-position:-175px -162px;}
a#endpage{ background-position:-189px -148px;}
a#endpage:hover{ background-position:-189px -162px;}
.table_pager a.open{  background:#3da9e7; color:#fff;}


.service .swich li{ font-size:14px; width:86px; height:30px; list-style:none; cursor:pointer; color:#555; margin-right:30px; display:inline-block; float:left; text-align:center;}
.service .swich li:hover{ color:#5ab4f1;}
.service .swich li.current{ background:url(../images/home_sprite.png) no-repeat -300px -200px; color:#5ab4f1; cursor:default;}
.service .price{ min-width:120px; display:inline-block;}

.servicegood{ background:none;}
.servicegood:hover{ background:none;}
.servicegood{ width:120px; height:80px; float:left;}
.servicegood .goodsname{ margin:10px 0px 10px 0px; font-size:15px;}
.servicegood.last{ border-right:none;}
.servicegood.under{ border-bottom:1px solid #fff;}
.servicegood .goodspic img{ width:20px; height:20px; padding:10px 0px 0px 0px;}
.division{ color:#55a7ec; font-size:16px; border-left:3px solid #55a7ec; padding-left:5px; font-weight:normal; height:18px; line-height:18px; margin-bottom:10px;}
.tishi{color:#888; margin-left:10px;}

.savecenter{ width:60px; height:80px; line-height:150px; display:inline-block; float:left; background:none; margin-right:25px; cursor:pointer; margin-top:10px;}
.savecenter:hover{ color:#49b1ff;}
.pass{ background:url(../images/mimaanquan.png) no-repeat top center}
.protect{ background:url(../images/mibao.png) no-repeat top center}
.account{ background:url(../images/suoding.png) no-repeat top center}
.thaw{ background:url(../images/jiedong.png) no-repeat top center}
.time{ color:#73A2D1;}
.help{ display:inline-block; width:12px; height:12px; font-size:12px; font-family:arial;}
.opt{height:11px; position:relative; width:200px;background:#ddd; display:inline-block;}
.opt .effect{ position:absolute; top:0; left:0; overflow:hidden; height:11px; background:#419cfe;}
.number{color:#5E8FCC; font-size:14px;}
.userid{ color:#708BAC !important; }
.servicead{ width:650px; height:60px; position:absolute; bottom:30px; }
.servicead img{ width:100%;}
.service_title a{ color:#888;}


.loading{ width:100%; height:100% !important; position:absolute; top:0; left:0; background:url(../images/whitebc.png) repeat; z-index:98}
.loading:hover{background:url(../images/whitebc.png) repeat !important;}
.loading td{ width:100%; height:100%; min-height:300px; min-width:640px; display:block; text-align:center !important;}
.loading td img{margin:30% auto 10px auto;display: block;text-align: center;width: 64px;}
.prompt{ }
.prompt img{ margin-right:5px;}
.errorprompt{height:24px; font-size:20px !important; background:url(../images/error.png) no-repeat 0 0; width:100%; height:24px; display:inline-block; margin-right:5px; padding-left:30px; font-weight:normal;}
.succeeprompt{height:24px; font-size:20px !important; background:url(../images/secicon.png) no-repeat 0 0; width:100%; height:24px; display:inline-block; margin-right:5px; padding-left:30px; font-weight:normal;}

/* 自服务弹窗 */
.prop{ width:360px; height:280px; margin:0 auto; margin-top:10%; background:#fcfcfc;box-shadow:5px #888;}
h2.prop_title{ text-align:center; line-height:40px; font-size:20px; color:#fff; background:#68baff; }
p.prop_title{ text-align:center; line-height:40px; font-size:20px; margin-top:15px; }
.prop p{ text-align:center; color:#888888; line-height:24px;}
.prop .content{ padding:20px;}
.prop .content input.textinput{ width:60%; height:32px; background:#fff; padding-left:5px; border:1px solid #eee; margin:10px 0px;}
.propbtn{ width:62%; height:32px; padding-left:5px; margin-top:15px;}
.makesure{ width:24px; height:24px; background:url(../images/makesure.png) no-repeat 0 0;display:inline-block; margin-right:5px; vertical-align:top;}
.proptext{ width:80%;padding:15px 10% !important; height:110px;}
.query{ background:url(../images/query.png) no-repeat 0 0; width:24px; height:24px; display:inline-block; vertical-align:top; margin-right:5px;}
.info{ background:url(../images/info.png) no-repeat 0 0; width:24px; height:24px; display:inline-block; vertical-align:top; margin-right:5px;}
.edit{ background:url(../images/edit.png) no-repeat 0 0; width:24px; height:24px; display:inline-block; vertical-align:top; margin-right:5px;}
.laba{ background:url(../images/laba.png) no-repeat 0px 0px; width:90px; height:40px; display:inline-block; line-height:40px; padding-left:24px; margin-left:15px; color:#bddff4; position:relative;}
.laba:hover{ background-position:0px -40px; color:#fff;}
.labatishi{ position:absolute; height:540px; width:420px; background:#f6f6f6; z-index:101; left:110px; top:40px; padding:20px;}
.labatishi .triangle{ width:12px; height:6px; position:absolute; top:-6px; left:15px; background:url(../images/triangle.png) no-repeat 0 0;}
.labatishi p{ padding-bottom:8px; padding-top:6px;}
.labatishi p a{ padding-left:5px; color:#55a7ec;}
.smsccx{ color:#69a9d6;}
.labatishi .table_pager{ bottom:20px; left:20px; position:absolute;}
.roommanager tr td{ font-size:12px !important;}
.roommanager tr td a{ color:#5589BD;  text-decoration:none;}
.roommanager tr td a:hover{ color:#0080FF;}
.roombtn{width:140px; margin-right:20px;}

/* 房间管理 */
.unstyledList, .tabBlock-tabs {list-style: none;  margin: 0;  padding: 0; height:39px;}
.tabBlock {  margin: 0 0 2.5rem; position:relative;}
.tabBlock-tab {  background-color: white;  border-color: #eeeeee;  border-left-style: solid;  border-top: solid;  border-width: 2px;  color: #aaaaaa;  cursor: pointer;  display: inline-block;  font-weight: 600;  float: left;
  padding: 0.625rem 1.25rem;  position: relative;  -webkit-transition: 0.1s ease-in-out;  transition: 0.1s ease-in-out;}
.tabBlock-tab:last-of-type {  border-right-style: solid;}
.tabBlock-tab::before, .tabBlock-tab::after {  content: "";  display: block;  height: 4px;  position: absolute;  -webkit-transition: 0.1s ease-in-out;  transition: 0.1s ease-in-out;}
.tabBlock-tab::before {  background-color: #dddddd;  left: -2px;  right: -2px;  top: -2px;}
.tabBlock-tab::after {  background-color: transparent;  bottom: -2px;  left: 0;  right: 0;}
@media screen and (min-width: 700px) {  .tabBlock-tab {    padding-left: 1.5rem;padding-right: 1.5rem;}}
.tabBlock-tab.is-active {  position: relative;  color: #55a7ec;  z-index: 1;}
.tabBlock-tab.is-active::before {  background-color: #55a7ec;}
.tabBlock-tab.is-active::after {  background-color: white;}
.tabBlock-content {  background-color: white;  border: 2px solid #eeeeee;  padding: 1.25rem; padding-bottom:50px;}
.tabBlock-pane > :last-child {  margin-bottom: 0;}

.roomimg{ width:169px; height:130px; float:left; position:relative;}
.roomimg .check{ padding:10px 15px; margin-left:17px; margin-top:35px;background:url(../images/blackbc.png) repeat; position:absolute; color:#fff; border-radius:7px;}
.contral{ width:425px; height:130px; float:right;}
p.roompic{ padding:5px 0px 6px 0px; line-height:23px;}
p.roominfo{ width:300px; float:left; position:relative; display:inline-block; }
.smallbtn{ width:48px;}
.tabBlock-pane .input_text{ width:155px;}
#otherroom{ position:absolute; right:0px; top:0px;}
.service .swich li.fourwords{ width:60px; background-position:-312px -200px;}
.service .swich li.fivewords{ width:74px; background-position:-305px -200px;}
.adminlist .smallradio{ width:190px;}
.adminlist .title{ font-size:16px; font-weight:normal; height:40px; padding-left:10px; line-height:36px;}
.adminlist .table_pager{ margin-left:7px;}
.adminsearch{ width:150px; height:22px; background-position:-88px -364px; padding-left:20px; line-height:22px;}
.padding10{ padding:5px !important;}
.must{ color:#f00; position:absolute; display:block; left:-12px; top:0px; font-size:16px;}
.usedurl{ width:280px;}
.groupexp{ width:340px; height:120px; padding:10px;max-width: 340px; max-height:160px;}

/* 会员管理-贵族管理 */
.openclose{ display:inline-block; width:64px; height:16px; background:url(../images/onoff.png) no-repeat 0 0; cursor:pointer; padding-left:28px }
.openclose.off{ background-position:0px 0px;}
.openclose.on{ background-position:0px -16px;}
.noble p{ padding-left:130px;}

/* 签约歌手 */
.singer p{ padding-left:80px;}
.singer .hint{ margin-left:80px; margin-top:0;}


/* 安全中心样式 */
.progress{ height:32px; background:#f7f7f7; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; line-height:32px; background:url(../images/progressbc.png) no-repeat 0 0;}
.progress li{ display:inline-block; float:left; position:relative; width:140px; padding-left:10px; color:#aaa; cursor:default;}
.progress li.current{ color:#333}
.service.security .details p{ padding-left:85px;}



/* BUG fix */
.nohidden{ overflow:visible  !important;}


/* 商城贵族 */
.nobleinfo{ width:460px; float:left; padding-left:20px; padding-top:5px;}
h6{ font-size:1.4em; font-weight:normal;}
.nobleinfo p{ color:#666; font-size:13px; padding-top:3px; padding-bottom:3px;}
.guizutable{ width:100%; margin-top:15px; border:1px solid #e5e5e5;}
.nobletitle{ background:#f17d5a; color:#fff; height:40px;}
.nobletitle th{ font-size:14px; cursor:default;}
.guizutable tr td{ text-align:center; padding:5px 0px; color:#555; cursor:default;}
.guizutable tr td img{ vertical-align:middle;}
.lllttt{ border-right:1px solid #eee; width:155px; padding-left:10px !important; text-align:left !important;  }
td.lllttt{ text-align:left;}
.icons{ background:#F5E8DE; height:32px;}

.hongming, .youxian, .biaoqing, .texiao, .wuyanzheng, .libao, .miansaorao, .miandonggan, .wuxianzhi, .fangti, .zhuizong, .tiren2, .tiren5{ display:inline-block; width:14px; height:16px; background:url(../images/guizutequan.png) no-repeat 0 0; vertical-align:middle;}

td .hongming{ background-position:0px -14px;}
td .youxian{ background-position:-14px -14px;}
td .biaoqing{ background-position:-28px -14px;}
td .texiao{ background-position:-42px -14px;}
td .wuyanzheng{ background-position:-56px -14px;}
td .libao{ background-position:-70px -14px;}
td .miansaorao{ background-position:-84px -14px;}
td .miandonggan{ background-position:-98px -14px;}
td .wuxianzhi{ background-position:-112px -14px;}
td .fangti{ background-position:-126px -14px;}
td .zhuizong{ background-position:-140px -14px;}
td .tiren2{ background-position:-154px -14px;}
td .tiren5{ background-position:-168px -14px;}

.buy .bluebtn{ width:60px;}

.buy{ height:40px;}



/* 官网首页样式 开始 */
.banner{ width:100%; height:440px; position:relative; overflow:hidden;}
.bannermain{ width:960px; height:440px; position:relative; margin:0 auto; z-index:69;}
.sliderbc{ background:#4d7cb4; position:absolute; z-index:59; width:100%; height:440px; left:0; top:0}
.slider{ width:960px; height:440px; position:relative;}
.slidercontent{ position:relative; z-index:2;height:440px;}
.slidercontent h5{ font-size:30px; color:#fff; text-shadow:0px 2px 5px rgba(0,0,0,0.3);padding-top:90px;}
.slidercontent h3{ font-size:40px; color:#fff; text-shadow:0px 2px 5px rgba(0,0,0,0.3);}
.slidercontent h1{ font-size:60px; color:#fff; text-shadow:0px 2px 5px rgba(0,0,0,0.3); font-weight:normal;}
.slidercontent h6{ font-size:18px; font-weight:normal; color:#fff; text-shadow:0px 2px 5px rgba(0,0,0,0.3); margin-top:30px;}
.download{ width:182px; height:36px; background:url(../images/home_sprite.png) no-repeat -310px -354px; cursor:pointer; margin-top:80px;}
.download:hover{ background-position:-492px -354px;}
.sliderimg{ width:640px; height:440px; position:absolute; right:0; bottom:0; z-index:1;}
.fullwidth{ width:100%; height:440px; overflow:hidden; position:absolute;}
.fullwidth img{ width:100%; min-height:440px; min-width:1920px; margin-left:50%; left:-50%; position:absolute; top:0;}

	/* 正在直播 */
h2.zhibo{width:950px;height:14px; color:#7e7e7e; font-size:16px; margin-bottom:10px; margin-top:30px; margin-bottom:5px; font-weight:normal; padding-left:4px; border-left:#f2963c 4px solid; line-height:14px;}
.zhibosingle{margin:0 14px 5px 2px; box-shadow:0px 0px 8px #ddd;display:inline-block;_zoom:1;_display:inline;#zoom:1;#display:inline;width:175px;height:185px;}
.zhibocontent{width:960px; height:200px; margin-top:30px;}
.zhiboinfo{ width:175px;height:50px; position:relative; background:#fff;}
.level{width:30px;height:30px;position:absolute;top:0px;left:0px;padding:10px; cursor:default;}
.infomain{width:125px;float:right;height:50px;}
.infomain a{font-size:14px; display:block;}
.zhuboname{ color:#ed0059;}
.zhuboroom{ color:#888888;}
.zhiboimg{ position:relative; height:135px;}
.zhiboimg h4{ height:30px; margin-top:40px; color:#fff; font-size:16px; text-align:center;}
.renshu{ background:url(../images/lobby_sprite.png) no-repeat -278px 0px;width:20px; height:20px; display:inline-block;margin-right:8px;}
.zhiboenter{ background:url(../images/alphagray.png) repeat; width:175px;height:135px; position:absolute; z-index:9; top:0; left:0}
.zhiboenter a.enter{ font-size:14px; font-weight:bold; color:#fff; display:block; text-align:center;}
.songroom{ width:730px; height:200px;}
.songroom .roomsingle{margin:5px 6px 0px 8px}
.songroom h2{width:730px;height:20px; background:url(../images/lobby_sprite.png) no-repeat -90px -74px; color:#ff7209; font-size:16px; margin-top:10px; margin-bottom:5px;}
.microlv5, .microlv4, .microlv3, .microlv2, .microlv1{width: 32px;height: 20px;background: url(../images/microlv.png) no-repeat 0 0; display: inline-block;text-align: center; color: #fff;font-size: 11px;font-weight: normal;line-height: 20px;}
.microlv1{background-position: 0 0;}
.microlv2{background-position: 0px -20px;}
.microlv3{background-position: 0px -40px;}
.microlv4{background-position: 0px -60px;}
.microlv5{background-position: 0px -80px;}

.zhibosingle.last{ margin-right:0;}


.singleimg img{ width:60px; height:60px; margin:0px 11px 7px 0px;}
.floatinfo img{ margin-right:7px}
.singleimg.last img{ margin-right:0px;}
.singleimg{ display:inline-block; _zoom:1;_display:inline;#zoom:1;#display:inline;cursor:pointer; position:relative;}
.floatinfo{padding:10px;position:absolute; width:202px; height:104px; background:url(../images/lobby_sprite.png) no-repeat -538px -124px; top:-115px; left:-76px; z-index:999999;}
.floatinfo.left{ background-position:-173px -465px; left:-2px;}
.floatinfo.right{ background-position:-316px -124px; left:-90px; min-height:104px !important;}
.floatinfo .single_info{ width:130px;height:90px; float:right;}
.floatinfo .single_info p.intro{ color:#666666; margin-top:5px;}
.floatinfo .addfriend{ left:10px; bottom:22px;}
.zhibo.friend h2{ width:770px; background-position:-100px -394px; color:#666666; font-weight:normal; padding-bottom:5px;}
.zhibo.friend .zhibocontent .zhibosingle{margin-right:16px;}
.zhibo.friend .zhibocontent .zhibosingle.last{ margin-right:0;}
.zhibo.friend .zhibocontent{ width:770px;}
.addfriend{ background:#8fc0e7; width:60px; height:24px; color:#fff; cursor:pointer; text-align:center; position:absolute; left:0px; bottom:0px;}
.addfriend:hover{ background:#4caef3;}
.male{width:12px; height:12px; background:url(../images/lobby_sprite.png) no-repeat -389px -5px; display:inline-block;}



.homenews{ width:310px; height:240px; margin-right:15px; display:inline-block; float:left; background:#fff; overflow:hidden; border-radius:3px; box-shadow:0px 3px 8px rgba(0,0,0,0.2); cursor:default; margin-top:20px;}
.homenews .title{ height:39px; line-height:43px; #line-height:18px; _line-height:18px; color:#fff; font-size:16px; padding-left:12px; width:298px; margin-bottom:5px;_margin-bottom:0px;#margin-bottom:0px;_padding-top:20px;#padding-top:20px;}
.homenews .title.news{ background:#83bff6;}
.homenews .title.helpcenter{ background:#71d89c;}
.homenews .title.ad{ background:#eac07f; }
.homenews .title a.more_link{ color:#fff; font-weight:normal; margin-right:12px; margin-top:12px;_margin-top:-18px;#margin-top:-18px;}
.homenews a{ display:block; text-decoration:none; padding-left:12px; color:#888888; line-height:21px;}
.homenews a:hover{ color:#658db2; line-height:22px;}
.homenews.last{ margin-right:0px; }

.swicher{ width:120px; position:absolute; z-index:99; text-align:center; bottom:10px; left:400px;}
.swicher li{ width:14px; height:14px; display:inline-block; float:left; margin-right:15px; background:rgba(0,0,0,0.6); cursor:pointer; border-radius:50%;}
.swicher li.current{ background:rgba(255,255,255,0.9);}
.swicher li:hover{ background:rgba(255,255,255,0.6);}


/* 软件下载-手机都秀 等界面 */
.intropage h5{ font-size:24px; font-weight:normal; margin-top:20px; padding-top:0;}
.intropage h1{ padding-top:90px;}
.intropage h6{ opacity:0.8;}
.intropage .download{ margin-top:35px;} 
.banner.intropage{ height:560px;}
.banner.intropage .bannermain{ height:560px;}
.banner.intropage .bannermain .slider{ height:560px;}
.banner.intropage .bannermain .slider .sliderimg{ height:560px;}
.banner.intropage .sliderbc{ height:560px;}
.banner.intropage .sliderbc .fullwidth{ height:560px;}

.introcontent{ width:100%; padding:65px 0px; background:#fcfcfc;}
.gray{ background:#f7f7f7;}


.introcontent h5{ font-size:24px; color:#666666; font-weight:normal; text-align:center;}
.moredownload{ text-align:center; margin-top:30px;}
.moredownload a{ color:#888888 ; font-size:15px; text-decoration:none; margin-right:30px;}
.moredownload a:hover{ color:#1f80d4;}


/* mobilepage */
.apkdownload{ width:180px; height:40px; background:url(../images/apkdownloadbc.png) no-repeat 0 0; cursor:pointer; margin-top:20px; }
.apkdownload:hover{ background-position:0px -40px;}
.mobilepage .sliderimg{ width:800px;}
.mobilepage .introcontent{ padding:0px;}
.qa{ padding:50px 0px !important;}
.qa h5{ text-align:left;}
.qa h6{ margin-top:25px; color:#76afea; font-size:18px; cursor:pointer;}
.qa p{ font-size:14px; margin-top:10px; color:#666666;}
.triangle{ width:14px; height:14px; display:inline-block; margin-right:8px; background:url(../images/triangle-home.png) no-repeat 0 0;}