/* -----------------------------------------------------------------------
	live'css
	* Copyright (c) 2016-Present.
	* Email:chunlei85#qq.com.
----------------------------------------------------------------------- */
body{background:#C0DEED url(../images/twitter_bg.jpg) repeat-x 50% 0;}
/* video::-internal-media-controls-download-button{display:none;}
video::-webkit-media-controls-enclosure{overflow:hidden;}
video::-webkit-media-controls-panel{width:calc(100% + 30px);} */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	-webkit-transition-delay: 99999s;
	-webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}
.mwer{width:1200px;margin:0 auto;}
.header{height:80px;font-size:32px;font-family:"MicroSoft YaHei";line-height:80px;border-bottom:1px solid #a2a2a2;}
.mainarea{background:#3f3f3f url(../images/mainarea.jpg) repeat-x 0 0;/* height:520px; */}
.mainarea .mwer{height:100%;position:relative;}
.mainarea .mwer.notchat{width:980px;}
.mainarea .mwer.notchat .chatarea{visibility:hidden;}
.mainarea .mwer.notchat .playarea{width:100%;}
.playarea{width:860px;height:100%;}
.livetit{height:40px;line-height:40px;padding-left:10px;white-space:nowrap;overflow:hidden;color:#fff;text-overflow:ellipsis;background-color:#000;}
.liveplayer{width:100%;/* height:100%; */height:520px;}
.player-title{margin:10px 0;color:#fff;}
.player-title>.title-wrap{}
.player-title>.title-wrap>.tit{font-size:16px;font-weight:normal;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.player-title>.title-wrap>.tit+.desc{margin-top:10px;}
.chatarea{background-color:#181818;color:#fff;position:absolute;right:0;top:0;width:340px;height:100%;}
.chatshow,.chatpost{position:absolute;left:0;padding:5px;right:0;}
.chatshow{background-color:#181818;top:0;bottom:70px;border-bottom:1px solid #282828;list-style:none;margin:0;padding:0;}
.swiper-container{width:100%;height:100%;}
.swiper-slide{height: auto;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 5px;}
.chatlist{list-style:none;margin:0;padding:0;display:block;}
.chatpost{background-color:#181818;bottom:0;height:60px;}
.chatpost>.mgsnkname{position:absolute;z-index:111;left:10px;top:0;cursor:pointer;}
.chatpost>.mgsnkname>i{margin-top:-2px;margin-right:3px;vertical-align:middle;width:13px;}
.chatpost textarea,.chatpost button{display:block;position:absolute;}
.chatpost textarea{background-color:#3F3F3F;color:#fff;left:5px;right:50px;bottom:5px;width:270px;height:60px;margin:0;padding:5px;border:0;}
.chatpost button{background-color:#E96700;color:#fff;right:5px;bottom:5px;width:60px;height:60px;margin:0;padding:5px;cursor:pointer;border:0;font-size:18px;font-family:"MicroSoft YaHei";}
.impForm{width:640px;}
.chatpost>.improve-overlay{position:absolute;left:0;right:0;top:-10px;bottom:0;background-color:#000;z-index:112;filter:alpha(opacity=80);-moz-opacity:0.8;-webkit-opacity:0.8;opacity:0.8;}
.chatpost>a.improve-btn{position:absolute;left:0;right:0;top:-10px;bottom:0;z-index:113;text-align:center;line-height:60px;color:#a4a4a4;}
.chatpost>a>i{display:block;margin-top:-20px;font-style:normal;font-size:12px;display:none;line-height:20px;}
.chatpost>a.improve-btn:link,.chatpost>a.improve-btn:hover{text-decoration:none;}
.chatpost>a.improve-btn:hover{color:#9B9B02;}
.chatpost>a.improve-btn:hover>i{display:block;}
.chatshow li{font-size:14px;padding:2px 5px;line-height:24px;}
.chatshow li.enter,.chatshow li.leave,.chatshow li.system{color:#999;}
.chatshow .time{color:#666;font-size:12px;/* float:left; */padding-left:5px;}
.chatshow .user-name{color:#3bafda;font-size:14px;}
.chatshow .msg{text-indent:20px;word-spacing:normal;table-layout:fixed;word-break: break-all;overflow:hidden;}
.notlive{background:#000 url(../images/nolive_bg.gif) repeat;color:#fff;font-size:24px;text-align:center;height:100%;padding-top:25%;}
.notpay{background:#000 url(../images/nolive_bg.gif) repeat;color:#fff;font-size:20px;text-align:center;height:100%;position:absolute;z-index:101;left:0;right:0;}
.notpay h4{font-size:20px;padding-top:12%;}
.notpay .money{color:#f00;}
.notpay .gobuylive{font-size:20px;margin-top:10px;}
.otpay{font-size:14px;margin-top:15px;color:#ff0;}
.otpay .gobuylive{font-size:14px;margin-top:0;}
.qrcodebox{background-color:#fff;position:absolute;bottom:0;right:-30px;cursor:pointer;}
.qrcodebox>.qrcodebtn,.qrcodebox>.qrcodebtn>i{display:block;width:30px;height:30px;line-height:30px;font-size:30px;color:#000;text-align:center;text-decoration:none;overflow:hidden;}
.qrcodebox>.qrcodebtn{position:relative;z-index:99;}
.qrcodebox>.qrcodebtn>i{margin-top:2px;}
.qrcodebox>.qrcodeshow{display:none;width:110px;height:110px;overflow:hidden;background-color:#fff;position:absolute;bottom:0;right:30px;padding:5px;z-index:101;}
.smslogin{background:#000 url(../images/nolive_bg.gif) repeat;color:#fff;font-size:20px;text-align:center;height:100%;position:relative;}
.smslogin h4.tit{font-size:20px;padding-top:7%;margin-bottom:5px;}
.smslogin p.tips{font-size:14px;position:absolute;top:5px;left:5px;color:#a4a4a4;}
.smslogin .money{color:#f00;}
.smslogin .gobuylive{font-size:20px;margin-top:10px;}
.smslogin .smslgbox{font-size:12px;width:300px;margin:0 auto;text-align:left;}
.smslogin .smslgbox .frow{margin-bottom:5px;position:relative;}
.smslogin .smslgbox .frow>label{position:absolute;left:5px;top:8px;color:#333;cursor:text;font-weight:normal;display:none;}
.smslogin .smslgbox .txt{padding:5px;color:#333;font-size:14px;vertical-align:middle;width:288px;}
.smslogin .smslgbox .txt-phone{width:288px;}
.smslogin .smslgbox .txt-code{width:80px;}
.smslogin .smslgbox .frow button,.smslogin .smslgbox .frow .btn{width:auto;}
.smslogin .smslgbox .frow .getsmsbtn{font-size:12px;line-height:24px;padding:0 10px;}
.smslogin .smslgbox .frow .smsbtn{}
.smslogin .smslgbox .frow .gobtn{margin-left:10px;font-size:12px;color:#fff;font-weight:normal;padding:5px 10px;height:auto;line-height:24px;padding:2px 10px;}
.smslogin .smslgbox .frow .onShow,.smslogin .smslgbox .frow .onFocus,.smslogin .smslgbox .frow .onError{width:288px;color:#999;}
.comwper{background-color:#fff;margin:10px auto;}
.passlogin{background:#000 url(../images/nolive_bg.gif) repeat;color:#fff;font-size:20px;text-align:center;height:100%;position:relative;}
.passlogin .passlgbox{font-size:12px;width:300px;text-align:left;position:absolute;top:50%;left:50%;margin-top:-40px;margin-left:-150px;}
.passlgbox input,.passlgbox button{vertical-align:middle;}
.passlgbox .passbtn{width:auto;}
.passlgbox input.txt{background-color:#000!important;color:#f2f2f2!important;}
@media screen and (max-width:1280px){
	.mwer{width:980px;}
	.playarea{width:640px;}
}
@media (max-width: 767px){
	html,body{width:100%;height:100%;}
	.mhder,.fter{display:none;}
	.mainarea{height:100%;}
	.player-page .mainarea{height:auto;}
	.mwer,.playarea{width:auto;}
	.mainarea .mwer.notchat{width:auto;}
	.playarea{height:40%;}
	.livetit{display:none;}
	.liveplayer{height:100%;}
	.chatarea{position:absolute;width:auto;height:auto;top:40%;bottom:0;left:0;right:0;}
	.chatshow{background-color:#3f3f3f;}
	.chatpost{position:absolute;bottom:0;left:0;right:0;height:70px;}
	.chatpost textarea{position:absolute;left:0;right:60px;width:inherit;background-color:#fff;border-radius:0;color:#4a4a4a;font-size:16px;}
	.chatpost button{right:0;}
	.notlive{padding-top:18%;}
	.qrcodebox{display:none;}
	.chatpost.fixedbottom{position:fixed;bottom:30px;z-index:999;}
	.chatpost>.mgsnkname{left:5px;top:10px;color:#337ab8;font-size:16px;}
	.chatpost>.mgsnkname>i{color:#337ab8;font-size:16px;}
	.aui_content input{font-size:16px;}
	/* @media screen and (orientation: landscape) {
		.playarea{height:100%;}
		.chatarea,.chatpost{display:none;}
	} */
	.impForm{width:360px;}
	.chatpost>a>i{display:block;}
	.player-title{margin:5px 0;}
	.player-title>.title-wrap>.tit{font-size:14px;padding-left:5px;}
}

/* @media screen and (orientation: portrait) {
	.playarea{}
	.chatarea,.chatpost{}
} */

/*liMarquee CSS*/
.warn{position:absolute;width:100%;left:0;top:0;background-color:#181818;color:#a4a4a4;line-height:30px;z-index:12;overflow:hidden;white-space:nowrap;}
.warn>b{position:absolute;left:5px;color:#fff;}
.warn>i{position:absolute;right:0;z-index:22;top:0;display:block;width:20px;height:20px;line-height:20px;cursor:pointer;text-align:center;}
.warn>i:hover{color:#fff;}
.warn>.warntext{margin-left:70px;}
.warn+.chatshow{top:30px;}
.str_wrap{overflow:hidden;zoom:1;/* width:100%; *//* font-size:12px;line-height:16px; */position:relative;-moz-user-select: none;-khtml-user-select: none;user-select: none;/* background:#f6f6f6; */white-space:nowrap;}
.str_wrap.str_active {/* background:#f1f1f1; */}
.str_move{white-space:nowrap;position:absolute; top:0; left:0;cursor:move;}
.str_move_clone{display:inline-block;display:inline;zoom:1;vertical-align:top;position:absolute; left:100%;top:0;}
.str_vertical .str_move_clone{left:0;top:100%;}
.str_down .str_move_clone{left:0;bottom:100%;}
.str_vertical .str_move,.str_down .str_move{white-space:normal;width:100%;}
.str_static .str_move,.no_drag .str_move,.noStop .str_move{cursor:inherit;}
.str_wrap img{max-width:none !important;}