@charset "utf-8";body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr,span{margin:0;padding:0;}
body{font-size:12px;font-family: "Microsoft YaHei" ! important;color:#000000;background:#fff;margin:0 auto;padding:0px;}
a{text-decoration:none;color:#235aa7;outline:none;}
a:active{star:expression(this.onFocus=this.blur());}
img{border:0px;vertical-align: middle;}
li{list-style: none;}
.pt10{padding-top: 10px;}
.pl10{padding-left: 10px;}
.pr10{padding-right: 10px;}
.pb10{padding-bottom: 10px;}
.pn5{padding: 5px;}
.pt5{padding-top: 5px;}
.pl5{padding-left: 5px;}
.pr5{padding-right: 5px;}
.pb5{padding-bottom: 5px;}
.mt10{margin-top: 10px;}
.mt30{margin-top: 30px;}
.ml10{margin-left: 10px;}
.mr10{margin-right: 10px;}
.mb10{margin-bottom: 10px;}
.mn5{margin: 5px;}
.mt5{margin-top: 5px;}
.ml5{margin-left: 5px;}
.mr5{margin-right: 5px;}
.mb5{margin-bottom: 5px;}
.ibodybg {
background: url(../shouji/ibodybg.png) no-repeat center 0;
}
.w1000 {
width:1000px;
margin: 0 auto;
}
.iuclogin {
width:100%;
height: 52px;
line-height: 52px;
font-size: 12px;
color: #ffffff;
}
.iuclogin span {
color: #ffff00;
}
.iuclogin a.tcdl {
width:93px;
height:28px;
line-height: 28px;
background: #a6084f url(../shouji/icontc.png) no-repeat 15px 8px ;
float:left;
border: 1px solid #e08130;
border-radius: 3px;
font-size: 12px;
color: #ffff00;
text-indent: 31px;
margin-top: 11px;
}
.fl {
float:left;
}
.fr {
float:right;
}
.main {
width:100%;
overflow: hidden;
}
.ibg {
width:970px;
background: #ffffff url(../shouji/ibg.jpg) no-repeat center 15px;
padding: 15px 15px 0 15px;
border-radius: 5px;
height:657px;
float:left;
box-shadow: 0px 8px 5px rgba(0, 0, 0, 0.2);
margin-bottom: 10px;
}
.ibg .ibox {
width:300px;
height:357px;
background: url(../shouji/iboxbg.png) no-repeat 0 0;
float:left;
padding-left: 14px;
padding-right: 14px;
padding-top: 159px;
margin-top: 59px;
margin-left: 25px;
}
.ibg .ibox a {
width:202px;
height:35px;
float:left;
margin-left: 35px;
margin-bottom: 10px;
background: url(../shouji/iboxabg.png) no-repeat 0 0;
padding-left: 28px;
}
.ibg .ibox a span {
height:35px;
line-height: 35px;
display: inline-block;
vertical-align: middle;
}
.ibg .ibox a img {
display: inline-block;
vertical-align: middle;
}
.ibg .ibox a:hover {
background: url(../shouji/iboxabgon.png) no-repeat 0 0;
}
.ibg .ift {
width:100%;
height:auto;
float:left;
}
.ibg .ift img {
margin-top: 16px;
}
.ifooter {
width:100%;
overflow: hidden;
margin-top: 20px;
}
.ifooter p {
width:100%;
height:auto;
float:left;
font-size: 14px;
color: #ffffff;
line-height: 23px;
}
.header {
width:100%;
height:45px;
background: url(../shouji/headerbg.jpg) repeat-x 0;
}
.nav {
width:478px;
height:28px;
background: url(../shouji/navbg.jpg) repeat-x 0;
float:left;
border: 1px solid #ea2080;
border-radius: 15px;
margin-top: 8px;
}
.nav ul {
float:left;
margin-left: 30px;
}
.nav ul li {
display: inline-block;
float:left;
margin: 0 14px;
}
.nav ul li a {
width:auto;
height:28px;
line-height: 28px;
display: inline-block;
float:left;
font-size: 14px;
color: #ffffff;
}
.nav ul li a i {
width:15px;
height:13px;
display: inline-block;
vertical-align: middle;
margin-right: 7px;
}
.nav ul li a i.snav1 {
background: url(../shouji/iconsnav1.png) no-repeat center center;
}
.nav ul li a i.snav2 {
background: url(../shouji/iconsnav2.png) no-repeat center center;
}
.nav ul li a i.snav3 {
background: url(../shouji/iconsnav3.png) no-repeat center center;
}
.nav ul li a i.snav4 {
background: url(../shouji/iconsnav4.png) no-repeat center center;
}
.huser {
height:45px;
line-height: 45px;
float:right;
font-size: 14px;
color: #e67cb1;
}
.huser i.hyjb {
width:47px;
height:20px;
line-height: 20px;
text-align: center;
background: url(../shouji/iconhyjb.png) no-repeat 0 0;
font-size: 12px;
color: #ffffff;
font-style: normal;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
.huser span {
display: inline-block;
vertical-align: middle;
font-size: 14px;
color: #ffffff;
margin-right: 30px;
}
.huser font {
color: #ffff00;
}
.roombg {
background: url(../shouji/roombg.jpg) no-repeat center 0
}
.dtbg {
background: url(../shouji/dtbg.jpg) no-repeat center 0
}
.room {
width:880px;
height:auto;
float:left;
padding-left: 60px;
padding-right: 60px;
margin-top: 20px;
}
.room .roomtop {
width:100%;
height:25px;
line-height: 25px;
font-size: 14px;
color: #ffffff;
float:left;
margin-bottom: 15px;
}
.room .roomtop span {
color: #ffff00;
}
.room .roomtop a {
width:80px;
height:25px;
border-radius: 3px;
background: url(../shouji/roomtopabg.png);
float:left;
font-size: 14px;
color: #ffffff;
line-height: 25px;
text-align: center;
margin-left: 10px;
}
.roombox {
width:870px;
border-radius: 4px;
height:355px;
padding: 5px 5px 0px 5px;
float:left;
background: url(../shouji/roomboxbg.jpg) repeat-x 0 0;
}
.roombox .video {
width:650px;
height:350px;
float:left;
background: #000;
position: relative;
}
.roombox .video video {
width:650px;
height:350px;
float:left;
}
.roombox .video i {
background: #4011b8 url(../shouji/icongks.png) no-repeat 6px 6px;
padding: 0 6px;
font-size: 12px;
color: #ffffff;
border-radius: 4px;
top: 10px;
right: 10px;
position: absolute;
display: block;
height: 20px;
line-height: 20px;
font-style: normal;
text-indent: 11px;
}
.roombox .video .zt {
background: #4011b8 url(../shouji/icongks.png) no-repeat 6px 6px;
padding: 0 6px;
font-size: 12px;
color: #ffffff;
border-radius: 4px;
top: 10px;
left: 10px;
position: absolute;
display: block;
height: 20px;
line-height: 20px;
font-style: normal;
text-indent: 11px;
}
.roombox .video i span {
color: #ffff00;
}
.roombox .roomphb {
width:210px;
padding: 0 5px;
height:350px;
float:left;
background: #181818;
}
.roombox .roomphb .titpic {
width:210px;
height:45px;
float:left;
}
.roombox .roomphb .titpic img {
width:210px;
height:45px;
float:left;
}
.roombox .roomphb ul {
width:100%;
height:auto;
float:left;
}
.roombox .roomphb ul li {
width:186px;
height:30px;
line-height: 30px;
float:left;
background: #ffffff;
padding-right: 12px;
padding-left: 12px;
}
.roombox .roomphb ul li:nth-child(2n) {
background: #efeff0;
}
.roombox .roomphb ul li i {
width:16px;
height:16px;
display: inline-block;
vertical-align: middle;
background: #b60658;
text-align: center;
font-size: 12px;
color: #ffffff;
border-radius: 8px;
line-height: 16px;
font-style: normal;
}
.roombox .roomphb ul li span {
width: 102px;
text-align: right;
display: inline-block;
vertical-align: middle;
font-size: 12px;
color: #666666;
}
.roombox .roomphb ul li p {
font-size: 12px;
color: #ff008c;
float: right;
display: inline-block;
vertical-align: middle;
}
.roombox .roomphb ul li.on i {
background: #fe870d;
}
.roombox .roomphb ul li.on span {
color: #4011b8;
}
.roomlw {
width:100%;
height:98px;
float:left;
margin-top: 15px;
position: relative;
}
.roomlw .hd {
width:100%;
height:98px;
float:left;
position: absolute;
top: 0;
left: 0;
}
.roomlw .hd .prev {
position: absolute;
left: 0;
top: 20px;
display:block;
width:25px;
height:25px;
cursor:pointer;
background:url("../shouji/arrow.png") 0 0 no-repeat;
}
.roomlw .hd .next {
position: absolute;
right: 0;
top: 20px;
display:block;
width:25px;
height:25px;
cursor:pointer;
background:url("../shouji/arrow.png") 0 -25px no-repeat;
}
.roomlw .hd ul {
width:100%;
height:auto;
float:left;
display: none;
}
.roomlw .bd {
width:804px;
height:auto;
float:left;
margin-left: 40px;
margin-right: 40px;
overflow: hidden;
}
.roomlw .bd ul {
width:100%;
height:auto;
float:left;
}
.roomlw .bd ul li {
width:64px;
height:auto;
float:left;
margin-right: 10px;
}
.roomlw .bd ul li .picbox {
width:54px;
height:55px;
background: url(../shouji/roomlwbg.png) no-repeat 0 0;
float:left;
padding: 5px;
}
.roomlw .bd ul li .picbox img {
width:54px;
height:55px;
float:left;
}
.roomlw .bd ul li span {
width:100%;
height:23px;
line-height: 23px;
float:left;
font-size: 12px;
color: #ffffff;
text-align: center;
text-shadow:#f40a8a 1px 0 0,#f40a8a 0 1px 0,#f40a8a -1px 0 0,#f40a8a 0 -1px 0;
-webkit-text-shadow:#f40a8a 1px 0 0,#f40a8a 0 1px 0,#f40a8a -1px 0 0,#f40a8a 0 -1px 0;
-moz-text-shadow:#f40a8a 1px 0 0,#f40a8a 0 1px 0,#f40a8a -1px 0 0,#f40a8a 0 -1px 0;
*filter: Glow(color=#f40a8a, strength=1);
}
.roomchat {
width:850px;
height:auto;
float:left;
background: #381e1e;
border: 1px solid #572d2d;
padding: 14px 14px 0px;
}
.roomchat .stream {
width:100%;
height:139px;
border-bottom: 1px solid #d7d2d2;
float:left;
background: #ffffff;
}
.roomchat .stream ul {
width:100%;
height:auto;
float:left;
padding: 0 15px;
}
.roomchat .stream ul li {
width:100%;
height:30px;
line-height: 30px;
float:left;
}
.roomchat .roomform {
width:100%;
height:40px;
padding-top: 10px;
background: #ffffff;
float:left;
margin-bottom: 14px;
}
.roomchat .roomform input.rctxt {
width:690px;
height:30px;
line-height: 30px;
border: 0 none;
text-indent: 10px;
float:left;
background: #e0e0e1;
border-radius: 4px;
margin-left: 10px;
margin-right: 10px;
font-size: 14px;
color: #381e1e;
}
.roomchat .roomform input.tjbtn {
width:60px;
height:30px;
line-height: 30px;
text-align: center;
background: url(../shouji/rctjbtn.png) no-repeat 0 0;
font-size: 14px;
color: #ffffff;
border: 0 none;
float:left;
margin-right: 10px;
cursor: pointer;
}
.roomchat .roomform input.qkbtn {
width:60px;
height:30px;
line-height: 30px;
text-align: center;
background: url(../shouji/rcqkbtn.png) no-repeat 0 0;
font-size: 14px;
color: #ffffff;
border: 0 none;
float:left;
margin-right: 10px;
cursor: pointer;
}
.h2tit {
width:100%;
height:auto;
float:left;
margin-top: 18px;
}
.h2tit span {
width:291px;
height:61px;
float:left;
}
.h2tit span img {
width:291px;
height:61px;
float:left;
margin-left: -10px;
}
.h2tit a.sx {
display: inline-block;
width: 136px;
height:29px;
float:right;
background: url(../shouji/iconsx.png) no-repeat 0 0;
margin-top: 19px;
margin-right: -5px;
}
.zbtjlist {
width:100%;
height:auto;
float:left;
margin-top: 8px;
}
.zbtjlist ul {
width:100%;
height:auto;
float:left;
}
.zbtjlist ul li {
width:235px;
height:auto;
float:left;
margin-right: 20px;
margin-bottom: 10px;
}
.zbtjlist ul li.last {
margin-right: 0;
}
.zbtjlist ul li .picbox {
width:235px;
height:150px;
float:left;
position: relative;
}
.zbtjlist ul li .picbox img {
width:235px;
height:150px;
float:left;
}
.zbtjlist ul li .picbox i.zt {
width:45px;
height:20px;
display: block;
line-height: 20px;
text-align: center;
float:left;
position: absolute;
top: 0;
left: 0;
color: #ffffff;
background: #4011b8;
font-style: normal;
}
.zbtjlist ul li .title {
width:100%;
float:left;
color: #ffffff;
}
.zbtjlist ul li .title span {
height:29px;
line-height: 29px;
display: inline-block;
float:left;
color: #ffffff;
}
.zbtjlist ul li .title .count {
height:29px;
line-height: 29px;
text-indent: 12px;
float:right;
background: url(../shouji/icongks.png) no-repeat 0px 9px;
}
.zbtjlist ul li .title .count i {
color: #ffff00;
font-style: normal;
}
.tcyxlist {
width:100%;
height:auto;
float:left;
margin-top: 8px;
}
.tcyxlist ul {
width:100%;
height:auto;
float:left;
}
.tcyxlist ul li {
width:150px;
height:267px;
margin-bottom: 10px;
float:left;
margin-right: 20px;
}
.tcyxlist ul li.last {
margin-right: 0;
}
.tcyxlist ul li .picbox {
width:150px;
height:219px;
float:left;
position: relative;
}
.tcyxlist ul li .picbox img {
width:150px;
height:219px;
float:left;
}
.tcyxlist ul li .title {
width:100%;
float:left;
color: #ffffff;
}
.tcyxlist ul li .title span {
width: 100%;
font-size: 16px;
height:24px;
line-height: 24px;
display: inline-block;
float:left;
color: #ffffff;
text-align: center;
margin-top: 6px;
}
.tcyxlist ul li .title .add {
float: left;
height: 20px;
line-height: 20px;
color: #ffffff;
background: url(../shouji/iconwz.png) no-repeat left 5px;
text-indent: 12px;
}
.tcyxlist ul li .title .juli {
float: right;
height: 20px;
line-height: 20px;
color: #ffffff;
}
.tcyxlist ul li .title .juli i {
color: #ffff00;
font-style: normal;
}
.mb25 {
margin-bottom: 25px;
}
.footer {
width:100%;
background: #97043b;
border-top: 4px solid #ffffff;
height:165px;
}
.footer .ift {
width:100%;
height:auto;
float:left;
margin-top: 20px;
margin-bottom: 15px;
}
.footer p {
width:100%;
height:auto;
float:left;
font-size: 14px;
color: #ffffff;
line-height: 23px;
}
.mt70 {
margin-top: 70px;
}
.roomhd {
width:200px;
height:350px;
float:left;
background: #191919;
padding: 0 10px;
}
.roomhd ul {
width:200px;
height:auto;
float:left;
margin-top: 8px;
}
.roomhd ul li {
width:200px;
height:auto;
float:left;
border: 2px solid #191919;
margin-bottom: 10px;
border-radius: 3px;
position: relative;
}
.roomhd ul li.on {
border: 2px solid #ff940a;
}
.roomhd ul li .picbox {
width:200px;
height:100px;
float:left;
position: relative;
}
.roomhd ul li .picbox img {
width:200px;
height:100px;
float:left;
}
.roomhd ul li .title {
width:100%;
height:20px;
line-height: 20px;
float:left;
position: absolute;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.7);
font-size: 12px;
color: #ffffff;
}
.roomhd ul li .title i {
width:45px;
height:20px;
line-height: 20px;
float:left;
font-style: normal;
background: #4011b8;
color: #ffffff;
text-align: center;
margin-right: 8px;
}
.h3tit {
width:100%;
height:auto;
float:left;
margin-top: 16px;
text-align: center;
}
.h3tit span {
width:291px;
height:61px;
display: inline-block;
vertical-align: middle;
}
.h3tit span img {
width:291px;
height:61px;
}
.h3tit a.sx {
display: inline-block;
width: 136px;
height:29px;
float:right;
background: url(../shouji/iconsx.png) no-repeat 0 0;
margin-top: 19px;
margin-right: -5px;
}
.mt41 {
margin-top: 41px;
}
.sxcenter {
width:100%;
text-align: center;
}
.sxcenter a.sx {
display: inline-block;
width: 307px;
height:29px;
background: url(../shouji/iconnsx.png) no-repeat 0 0;
}