@charset "utf-8";
/* CSS 91ylive-web */
@charset "utf-8";
/* CSS download-app.css */
 html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {
	margin: 0;
	padding: 0
}
img {
	border: 0
}
ul, li {
	list-style-type: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 14px
}
body, input, select, button, textarea {
	font-size: 12px;
	font-family: "微软雅黑"
}
button {
	cursor: pointer
}
i, em, cite {
	font-style: normal
}
body {
	background: none repeat scroll 0 0 #ffffff;
	color: #333;
	line-height: 1.2;
	font: 12px/1.5 "微软雅黑", Helvetica, Arial, sans-serif;
	letter-spacing: normal !important;
	overflow-x:hidden;
}
a, a:link {
	text-decoration: none
}
a:active, a:hover {
	text-decoration: none
}
a:focus {
	outline: 0
}
.clear {
	clear: both
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0
}
.clearfix {
	display: block;
	min-height: 1%
}
*html .clearfix {
	height: 1%
}
h1, h2, h3 {
	font-weight: normal
}
h2 {
	font-size: 28px;
	line-height: 1.29
}
h1 {
	font-size: 40px;
	line-height: 1.35
}
h4 {
	font-size: 20px
}
h5 {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.286
}
.fl, .fr {
	display: inline;
	float: left;
}
.fr {
	float: right;
}
body{ background-color:#f2f3f4;}
.video-box .v-left .focus_btn,.video-box .v-left .user-info .look-nb,.video-box .v-right .home-hd,.video-box .v-right .home-tab .home,.video-box .v-right .home-list li a .name,.video-box .v-right .home-list li a .play,.hot-live dt .i-icon,.hot-live .live-list li a .play,.hot-live .live-list li a:hover .play,.hot-live .live-list li a .anchor-inifo .numb,.hot-live dd li a .phone,.hot-live.rank dt .i-icon,.hot-live.rank dt .i-icon{ background:url(../images/video-icon.png) no-repeat;}
.wrapper{ width:100%; height:100%; margin:0 auto;}
.home-bg{ width:100%; height:760px; position:absolute; top:0; left:0;right:0;}
.web-bd{ width:1200px; min-height:680px; margin:0px auto; position:relative; }
.video-box{ width:1200px; height:667px; background:url(../images/video-box-bg.png) no-repeat center top; margin:13px auto; color:#ffffff; overflow:hidden;}
.video-box .v-left{ width:790px; height: 660px; overflow:hidden; float:left; }
.video-box .v-left .user-info{ width:100%; height:48px; }
.video-box .v-left .user-info .head{ width:44px; height:44px; border-radius:50%; background-color:#ffffff;}
.video-box .v-left .user-info .info{ width:110px; height:45px; overflow:hidden; margin-left:10px; overflow:hidden;}
.video-box .v-left .user-info .info .name{ width:110px;font-size:14px;  height:24px; line-height:24px;text-overflow: ellipsis;  white-space: nowrap; overflow:hidden; display:block;}
.video-box .v-left .user-info .info .id{ font-size:12px; height:24px; line-height:24px; display:block;}
.video-box .v-left .user-info .look-nb{ width:100px; height:40px; text-align:center; margin:4px 0px; padding-top:3px; overflow:hidden; }
.video-box .v-left .user-info .look-nb .nb{ color:#fa3a70; width:100px; display:block;}
.video-box .v-left .user-signature{ width:100%; height:40px; border-bottom:1px solid #ffffff; line-height:40px; }
.video-box .v-left .user-ul{ width:100%; height:auto; margin:10px 0px;}
.video-box .v-left .user-ul li{ width:20%; text-align:center; margin:0px 2%; float:left;}
.video-box .v-left .user-ul li .th{ width:100%;display:block; height:25px;}
.video-box .v-left .focus_btn{ width:236px; height:45px; background-position:0px -50px; text-align:center; line-height:45px; color:#ffffff; font-size:18px; line-height:45px; display:block; margin:30px auto; }
.video-box .v-left .focus_btn:hover{ background-position:0px -96px;}
.video-box .v-left .qr-code-box{width:265px; height:275px;background:url(../images/coad-bg.png) no-repeat; margin:65px auto 0px; position:relative;}
.video-box .v-left .qr-code-box .code{ width:140px; height:140px; overflow:hidden; position:absolute; top:66px; left:68px;}
.video-box .v-left .qr-code-box .code img{ width:140px; height:140px; background-size:cover;}
.video-box .v-mid{ width:375px; height:667px; overflow:hidden; position:relative; float:left; margin:0px 25px;}
.video-box .v-mid .go-home{ width:176px; height:46px; font-size:20px;border:2px solid #ff3366; background:rgba( 0,0,0,0.8); color:#ff3366; line-height:46px; text-align:center; display:block; position:absolute; top:45%; left:25%; z-index:2; border-radius:5px; display:none;}
.video-box .v-mid:hover .go-home{ display:block;transition: all .3s;}
.video-box .v-mid:hover .go-home:hover{ background-color:#ff3366; color:#ffffff; }
.video-box .v-mid .video{ width:100%; height:100%; position:absolute; z-index:1; background-color:#ffffff; transition: all .3s;}

.video-box .v-right{ width:385px; height:auto; margin:10px 0; float:right;}
.video-box .v-right .home-hd{ width:195px; height:41px; font-size:20px; font-weight:bold; background-position:0px -155px; font-size:18px; text-indent:40px; line-height:38px;}
.video-box .v-right .home-tab{ width:100%; margin:0px auto;}
.video-box .v-right .home-tab .home{ width:123px; height:35px; display:block; float:left; line-height:35px; text-align:center; font-size:16px; margin:5px 16px; cursor:pointer; color:#ffffff; background-position:-156px -203px; }
.video-box .v-right .home-tab .home.current{background-position:0px -203px;}
.video-box .v-right .home-list{ width:100%; height:auto;}
.video-box .v-right .home-list li{ float:left; overflow:hidden; margin:15px 20px 0px 0px;}
.video-box .v-right .home-list li.right{ margin:3px 0px 3px 0px;}
.video-box .v-right .home-list li a{ width:170px; height:170px; display:block; position:relative;}
.video-box .v-right .home-list li a img{ width:170px; height:170px; overflow:hidden;transition: transform .2s ease-in-out, opacity .4s ease-in-out;}
.video-box .v-right .home-list li a .name{ width:100%; height:38px; line-height:48px; background-position:0px -380px; color:#ffffff;text-overflow: ellipsis;  white-space: nowrap; overflow:hidden; position:absolute; bottom:0px; left:0px; z-index:2; text-indent:5px;}
.video-box .v-right .home-list li a:hover img{ transform:scale(1.2);}
.video-box .v-right .home-list li a .play{ width:50px; height:50px; background-position:0px -321px; position:absolute; left:35%; top:30%; display:none; z-index:5;transition: all .25s linear;}
.video-box .v-right .home-list li a:hover .play{ display:block;}
.video-box .v-right .home-list li a .shade{ z-index: 4;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;filter: alpha(opacity=0);opacity: 0;transition: all .1s ease-in-out;}
.video-box .v-right .home-list li a:hover .shade{  filter: alpha(opacity=30);opacity: .3}
.video-box .v-right .home-list li a .live{width:170px; height:170px; background:url(../images/live-current.png) no-repeat; display:none; position:absolute; left:0px; top:0px; z-index:3;}
.video-box .v-right .home-list li a.on .live{ display:block;}
.video-box .v-right .home-more{ width:214px; height:43px; text-align:center; font-size:16px; line-height:43px; color:#ffffff; display:block; background-position:0px -258px; margin:50px auto 20px;}
.video-box .v-right .home-more:hover{ color:#ff386f;}
.video-cot{ width:1200px; margin:25px auto; overflow:hidden;}
.hot-live{ width:790px; display:inline-block;}
.hot-live dt{ width:100%; height:50px; background-color:#ffffff; border-radius:5px;}
.hot-live dt p{ font-size:14px; color:#333333; line-height:45px;}
.hot-live dt p b{ color:#ff386f;}
.hot-live dt .i-icon{ width:30px; height:30px; background-position:0px -160px; margin:10px 10px 0px 0px; float:left; display:inline-block; }
.hot-live dt .i-txt{ width:auto; font-size:20px; line-height:50px; color:#333333; font-weight:normal; float:left;}
.hot-live dt .i-more{ width:auto; font-size:14px; color:#a09f9f; float:right; line-height:50px; margin-right:10px; cursor:pointer;}
.hot-live .live-list{ width:105%; height:auto;}
.hot-live .live-list li{ float:left; margin:8px 5px 6px 0px;margin:8px 5px 10px 0px\0;*margin:8px 5px 9px 0px; border-radius: 10px; }
.hot-live .live-list li a{ width:190px; height:265px; background-color:#ffffff; display:inline-block; border:2px solid #f2f3f4;overflow:hidden;color:#333333; border-radius:2px;}
.hot-live .live-list li a .p-img{ width:100%; height:190px; overflow:hidden; display:inline-block; position:relative;}
.hot-live .live-list li a .p-img img{ width:190px; height:190px; overflow:hidden;transition: transform .2s ease-in-out, opacity .4s ease-in-out;}
.hot-live .live-list li a:hover img{ transform:scale(1.2);}
.hot-live .live-list li a .play{ width:50px; height:50px; background-position:0px -321px; position:absolute; left:38%; top:35%; display:none; z-index:5;transition: all .25s linear;}
.hot-live .live-list li a:hover .play{ display:block;background-position:0px -321px; transition: all .3s;}
.hot-live .live-list li a .anchor-inifo{ height:65px; overflow:hidden;  padding:5px;}
.hot-live .live-list li a .anchor-inifo span{ height:25px; line-height:25px; overflow:hidden;}
.hot-live .live-list li a .anchor-inifo p{ display:inline-block; width:100%;text-overflow: ellipsis; }
.hot-live .live-list li a .anchor-inifo p.title{height:38px; overflow: hidden;overflow-wrap: break-word;text-overflow: ellipsis; word-break: break-all;}
.hot-live .live-list li a .anchor-inifo .name{width:60%;text-overflow: ellipsis;white-space: nowrap;}
.hot-live .live-list li a .anchor-inifo .numb{ width:auto;background-position:-225px -25px; padding-left:17px; color:#939090;}
.hot-live .live-list li a:hover{ background-color:#ff3366; color:#ffffff; border:2px solid #ff3366; transition: all 0.2s; }
.hot-live .live-list li a:hover .anchor-inifo .numb{ background-position:-225px 3px; color:#ffffff; }
.hot-live .live-list li a .phone{
	width:45px;  position:absolute; right:3px; top:3px; z-index:3;}
.hot-live.rank{ width:390px;
}
.hot-live.rank.page{ width:560px;}
.hot-live.rank dt .i-icon{ width:45px;background-position:-215px -160px;}
.hot-live.rank.page dt{ background-color:transparent;}
.hot-live.rank.page dt em{ font-size:12px; color:#918f8f; padding:20px 0px 0px 20px; display:inline-block; }
.hot-live.rank .rank-list{ width:100%; height:auto; margin:10px auto; border-radius:6px; background-color:#ffffff;}
.hot-live.rank .rank-list .tabs{ width:100%; height:40px;}
.hot-live.rank .rank-list .tabs a{ width:49%; text-align:center; font-size:14px; color:#333333; height:40px; display:block; float:left;  line-height:40px;border-bottom:2px solid #ffffff; }
.hot-live.rank .rank-list .tabs a.line{background:url(../images/line.png) no-repeat 100% 50%;  }
.hot-live.rank .rank-list .tabs a:hover,.hot-live.rank dd.rank-list .tabs a.current{border-color:#fa3a70;}
.hot-live.rank .rank-list .rank-cot{ width:100%; height:auto; overflow:hidden;}
.hot-live.rank .rank-list .rank-cot .tab-group{ width:95%; height:23px; padding:2px; background-color:#f5f5f5; border-radius:2px; margin:20px auto;}
.hot-live.rank .rank-list .rank-cot .tab-group a{ float:left; width:33.3%; text-align:center; line-height:23px; color:#918f8f; border-radius:2px;}
.hot-live.rank .rank-list .rank-cot .tab-group a.current,.hot-live.rank .rank-list .rank-cot .tab-group a:hover{ background-color:#fa3a70; color:#fff;}
     .rank-user{width:95%; margin:0px auto;}
	 
	 .rank-user li{ width:100%; height:83.5px; border-bottom:1px solid #f6f6f6; position:relative;}
	 .rank-user li:hover{ background-color:#f6f6f6; border-radius:5px; transition:all .3s;}
	 .rank-user li.top{ height:206px; background:url(../images/rank-top-bg.png) no-repeat center 10px; }
.hot-live.rank.page	.rank-user li.top .u-img{ margin: 0 0 0 35%;}
	 .rank-user.rich li.top{ background:url(../images/rank-top-bg2.png) no-repeat center center;}
	 .rank-user li.top .num{ width:22px; height:28px; background:url(../images/dresser_medal1.png) no-repeat center center; background-size: 100% 100%;position:absolute; top:35%; left:15px; border-radius:0;}
	 .rank-user li.top .u-img{ width:145px; height:120px; position:relative; margin:0 0 0 28%; display:inline-block;}
	 .rank-user li.top .u-img em{ width:145px; height:120px; background:url(../images/top-head-bg.png) no-repeat; position:absolute; z-index:4; display:inline-block;}
	 .rank-user.rich li.top .u-img em{ width:210px; height:130px; background:url(../images/top-head-bg2.png) no-repeat; top:-5px; left:-31px;}
	 .rank-user li.top .u-img img{ width:90px; height:90px; border-radius:50%; position:absolute; z-index:3; left:28px; top:20px; }
	 .rank-user li.top p{ width:100%;position:absolute;text-align:center; position:absolute; left:0;}
	 .rank-user li.top .name{ top:125px;}
	 .rank-user li.top .name a{ width:100%; color:#333333; font-size:14px;}
	 .rank-user li.top .name img{ background-size:cover; vertical-align:text-top;}
	 .rank-user li.top .name .zblv{ width:22px; height:18px; margin:0px 3px;}
	 .rank-user li.top .name .yhlv{ width:40px; height:18px;}
	 .rank-user li.top .money{  top:150px; color:#666666; text-align:center;}
	 .rank-user li.top .guanzu{ width:56px; height:22px; text-align:center; line-height:22px; border:1px solid #fa3a70; color:#fa3a70; position:absolute; top:70px; right:2%; border-radius:15px; background-color:#ffffff;}
	 .rank-user li.top .guanzu:hover,.rank-user li.top .guanzu.get{ background-color:#fa3a70; color:#fff;}
	 .rank-user li.top .state{ width:10px; height:11px; background:url(../images/state.gif) no-repeat; position:absolute; right:8%; top:100px;}
	 .rank-user li .num{ width:17px; height:17px; position:absolute; top:40%; left:15px; background-color:#ff3366; border-radius:50%; color:#fff; text-align:center; line-height:17px;}
	 .rank-user li.two .num{  width:22px; height:28px; position:absolute; top:35%; left:15px;background:url(../images/dresser_medal2.png) no-repeat center center;background-size: 100% 100%;border-radius:0;}
	 .rank-user li.three .num{ width:22px; height:28px; position:absolute; top:35%; left:15px;  background:url(../images/dresser_medal3.png) no-repeat center center; background-size: 100% 100%;border-radius:0;}
	 .rank-user li .u-img{ width:48px; height:48px; display:inline-block; margin:4.5% 0 0 14%;}
	 .rank-user li .u-img img{ width:48px; height:48px; border-radius:50%; }
	 .rank-user li p{ width:50%;position:absolute;text-align:left; left:30.5%; position:absolute; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; }
	 .rank-user li .name{ top:17px;}
	 .rank-user li .name a{ width:100%; color:#333333; font-size:14px;}
	 .rank-user li .name img{ background-size:cover; vertical-align:text-top;}
	 .rank-user li .money{  top:42px; color:#666666; text-align:left;left:30.5%;}
	 .rank-user li .guanzu{ width:56px; height:22px; text-align:center; line-height:22px; border:1px solid #fa3a70; color:#fa3a70; position:absolute; top:20px; right:2%; border-radius:15px; background-color:#ffffff;}
	 .rank-user li .guanzu:hover,.rank-user li .guanzu.get{ background-color:#fa3a70; color:#fff;}
	 .rank-user li .state{ width:10px; height:11px; background:url(../images/state.gif) no-repeat; position:absolute; right:8%; top:50px;}
	 .rank-user li.last{ border:none;}
.hot-live.news dt .i-icon{ width:45px;background-position:-255px -160px;}
.video-cot .more-live{ width:50%; height:25px; margin-left:25%; padding:10px 0px; text-align:center; border:1px solid #b0b0b0; font-size:16px; color:#b0b0b0; display:inline-block; border-radius:5px;}
.video-cot .more-live:hover{ border:1px solid #6a6969;color:#6a6969;  }
.hot-live.search dt{ background-color:transparent;}

/*广告轮播*/
.focus-banner {width:1200px; height:110px; overflow:hidden; position:relative; margin:30px auto;}
.focus-banner ul {height:110px; position:absolute;}
.focus-banner ul li {float:left; width:360px; height:110px; overflow:hidden; position:relative; margin-right:60px; }
.focus-banner ul li.last{ margin:0;}
.focus-banner ul li a{ width:360px; height:110px; overflow:hidden; float:left;}
.focus-banner ul li a img{ width:360px; height:110px; background-size:100% 100%; }
.focus-banner ul li div {position:absolute; overflow:hidden;}
.focus-banner .btnBg {position:absolute; width:1200px; height:20px; left:0; bottom:0;  display:none;}
.focus-banner .preNext {width:37px; height:56px; position:absolute; top:23px; background:url(../images/focus-banner-v1.png) no-repeat -50px 0; cursor:pointer; overflow:hidden;}
.focus-banner .pre {left:0;}
.focus-banner .next {right:0; background-position:-50px -70px;}
/*幸福女神周榜*/

.wk_cot{ width:1200px; height:auto; margin:20px auto 0px; background:url(../images/weeklist_bg.jpg) repeat-x center top; overflow:hidden; display:inline-block;}
.wk_cot dt{ width:100%; height:40px; margin-top:94px;}
.wk_cot dt .choose{ width:auto; height:40px; float:right;}
.wk_cot dt .choose a{ line-height:40px; padding:0px 20px; color:#c3123f; background-color:#fcb1c4; font-size:14px; text-align:center; float:left; display:block; }
.wk_cot dt .choose a:hover{ text-indent:3px;}
.wk_cot dt .choose a.on{ background-color:#fa3a70; color:#fff;}
.wk_cot dd{ width:100%;height:830px; background-color:#fff; border-radius:6px;}
.wk_cot dd .wk_reward{ width:100%; height:132px; background-color:#f2f3f4; border-radius:6px;}
.wk_cot dd .wk_reward .img{ width:560px; height:95px; background:url(../images/wk_reward_bg.gif) no-repeat; float:left; position:relative; color:#fff; margin:15px 0px 0px 3px;}
.wk_cot dd .wk_reward .img i{ font-style:normal; position:absolute; top:25px; left:148px;}
.wk_cot dd .wk_reward .txt{ width:420px; height:100px; color:#524e59; float:right; margin:30px 30px 0 0;}
.wk_cot dd .wk_reward .txt li{ width:420px; overflow:hidden; line-height:24px; font-size:12px;}
.wk_cot dd .wk_reward .txt li b{ font-size:20px; color:#8f7ad2; float:left; margin:0px 10px 0px 25px; display:inline;}
.wk_cot .wk_list{ width:540px; height:635px; margin:25px 80px 0px 20px; float:left;}
.wk_cot .wk_list .h_title{ width:100%; height:45px; line-height:50px; border-bottom:4px solid #dddddd;}
.wk_cot .wk_list .h_title .t_txt{ color:#fa3a70; border-bottom:4px solid #fa3a70; height:45px; padding:0px 5px; font-size:22px; font-style:normal; font-weight:normal; width:120px;}
.wk_cot .wk_list .wk_tip{ height:auto; background-color:#f0f0f0; color:#716d6e; font-size:12px; margin:10px auto; padding:5px 10px;}
.wk_cot .wk_list ul{ width:100%; height:auto;  border:1px solid #f7f6f3; border-top:none;}
.wk_cot .wk_list ul li{ padding:5px; height:55px; background-color:#f7f6f3; color:#454344; position:relative; margin:4px 0px;}
.wk_cot .wk_list ul li.other{ height:35px; line-height:35px; color:#747474; font-size:13px; background-color:#fff; padding:0px;}
.wk_cot .wk_list ul li .frist,.wk_cot .wk_list ul li .two,.wk_cot .wk_list ul li .tree{  width:35px; height:35px; border-radius:30px; font-size:18px; text-align:center; line-height:35px; position:absolute; top:16px; left:8px;}
.wk_cot .wk_list ul li .frist{ background-color:#f5c532; color:#b28600;}
.wk_cot .wk_list ul li .two{ background-color:#dddff2; color:#776e69;}
.wk_cot .wk_list ul li .tree{ background-color:#f1bd79; color:#b4602e;}
.wk_cot .wk_list ul li .g_img{ width:53px; height:53px; background:url(../images/g_img.jpg) no-repeat; position:absolute; top:7px; left:60px;}
.wk_cot .wk_list ul li .g_name{ width:110px; font-size:14px; position:absolute; top:8px; left:125px;}
.wk_cot .wk_list ul li .number{ width:110px; color:#ff5d65; font-size:18px; position:absolute; left:125px; top:30px;}
.wk_cot .wk_list ul li .u_name{ font-size:12px; color:#333333; position:absolute; left:50%; top:18px; width:135px; height:25px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.wk_cot .wk_list ul li .u_lv{ width:50px; height:18px; position:absolute; right:10px;  top:20px; text-align:center;}

.wk_cot .wk_list ul li.other .ranking{ width:50px; height:35px; float:left; color:#ff3366; text-align:center; font-weight:normal;}
.wk_cot .wk_list ul li.other .o_name{ width:160px; float:left; height:35px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis; margin-left:20px;}
.wk_cot .wk_list ul li.other .o_number{ width:135px; float:left; margin-left:10%; text-align:center;}
.wk_cot .wk_list ul li.other .ou_lv{ width:50px; float:left; padding-top:8px; text-align:center; margin-left:11.5%;}
.s_yellow{ color:#f9f730;}


.web-banner {width:1200px; height:100px; overflow:hidden; position:relative; margin:0px auto 20px;}
.web-banner ul {height:380px; position:absolute;}
.web-banner ul li {float:left; width:1200px; height:280px; overflow:hidden; position:relative; background:#000;}
.web-banner ul li div {position:absolute; overflow:hidden;}
.web-banner .btnBg {position:absolute; width:800px; height:20px; left:0; bottom:0; background:#000; display:none;}
.web-banner .btn {position:absolute; width:780px; padding:0px 10px 0px 10px; right:0; bottom:6px; text-align:right;}
.web-banner .btn span {display:inline-block; _display:inline; _zoom:1; width:10px; height:10px; border-radius:50%; font-size:0px;text-align:center; margin-left:5px; cursor:pointer; background-color:#7f7f7f;}
.web-banner .btn span.on { background:#cccccc;}
.web-banner .preNext {width:37px; height:56px; position:absolute; top:23px; background:url(../images/focus-banner-v1.png) no-repeat -50px 0; cursor:pointer; overflow:hidden;}
.web-banner .pre {left:0;}
.web-banner .next {right:0; background-position:-50px -70px;}


/*手机在线状态*/
.hot-live .live-list li a .live{    width: 10px; height: 11px; background: url(../images/state.gif) no-repeat; position: absolute; left:10px; top:5px; z-index:3;}

.video-box .v-right .home-tab .f5{ width:27px; height:27px; background:url(../images/f5.png) no-repeat; overflow:hidden; display:block; float:right; margin: 9px 25px 0 0;}
.video-box .v-right .home-tab .f5:hover{ background-position:0px -29px;}