@charset "utf-8";
.box{
	width:1200px;
	margin:0px auto;
}
/*top*/
.top{
	width:1200px;
	height:60px;
	margin:0px auto;
	position:relative;
}
.topBox{
	width: 100%;
	border-bottom: 1px solid #cccccc;
}
.logo{
	display:inline-block;
	width:104px;
	float:left;
	margin-right:20px;
	margin-top:11px;
}
.search{
	width:285px;
	float:left;
	margin-right: 22px;
}
.top .recharge,.top .Withdrawals{
	width:68px;
	float:right;
	color:#18a3ff;
	font-size:12px;
	height:23px;
	line-height:23px;
	border:1px solid #18a3ff;
	border-radius:5px;
	text-align:center;
	margin-right:16px;
	margin-top:19px;
}
.top .recharge:hover,.top .Withdrawals:hover{
	background: #18a3ff;
	color:#fff;
	cursor:pointer;
}
.login{
	font-size:12px;
	color:#444444;
	display:inline-block;
	float:right !important;
	height:60px;
	line-height:60px;
	margin-right:5px;
	cursor:pointer;
}
.headportrait{
	height:36px;
	width:36px;
	border-radius:50%;
	float:right !important;
	background:#8b8b8b;
	margin-left:16px;
	margin-top:12px;
}
.headportrait img{
	height:36px;
	width:36px;
	border-radius:50%;
	float:left;
}
.search input{
	background:#eeeeee;
	height:24px;
	display:inline-block;
	width:204px;
	border-top-left-radius:6px;
	border-bottom-left-radius:6px;
	float:left;
	margin-top:19px;
	color:#444;
	padding-left:15px;
}
.searchright{
	width:59px;
	float:left;
	margin-top:19px;
	background:#eee;
	border-top-right-radius:6px;
	border-bottom-right-radius:6px;
	cursor:pointer;
}
.searchIcon .searchIconImg{
	float:left;
	margin-top:6px;
	margin-left:4px;
	margin-right:6px;
}
.searchword{
	display:inline-block;
	float:left;
	height:24px;
	line-height:24px;
	color:#ccc;
	font-size:12px;
}
/*nav*/
.nav{
/*	width:1200px;
	margin:0px auto;
	height:40px;
	position: relative;*/
}
.nav ul li{
	float:left;
	display:inline-block;
}
.nav ul li a{
	font-size:16px;
	color:#666666;
	height:60px;
	line-height:60px;
	font-family: "微软雅黑";
	width: 75px;
	display: inline-block;
	text-align: center;
	font-weight:bold;
}
/*.nav ul li a:hover{
	color:#ff4f67;
}*/
.nav .clear_margin{
	margin-left:0px;
}
.nav .clear_margin a{
	text-align:left !important;
}
.more_drapdown{
	width: 230px;
	height: 110px;
	background:#fff;
	box-shadow: 0 -1px 12px 4px rgba(0,0,0,0.2);
	position:absolute;
	right: 0;
	top: 40px;
	padding-left: 10px;
	padding-top: 10px;
	z-index: 1;
	display: none;
}
.nav .more_drapdown a{
	display:inline-block;
	width:56px;
	height:30px;
	text-align:center;
	line-height:30px;
}
.showMore{height: 40px !important;line-height: 40px !important;position: relative;z-index: 20 !important;margin-left: 0px !important;}
.showMore:hover{
	background:#fff;
}
.showMoreHover{
	background:#fff;
	box-shadow: 0 -1px 2px 0px rgba(0,0,0,0.2);
}

/*登录框*/
.video_center_right{
   /*            width:100%;
               height: 100%;
               display: block;
               text-align:center;
               z-index: 111149;*/
}
.video_center_right .recharge,.video_center_right .Withdrawals{
	display:inline-block;
	width:70px;
	height:25px;
	line-height:25px;
	text-align:center;
	color:#fff;
	font-size:12px;
	background:#18a3ff;
	border-radius:6px;
	margin-right:14px;
}
.tips_err{
	position:absolute;
	left: 120px;
	top: 81px;
	font-size:12px;
	color:#ff4f67;
	display:none;
}
.pass_err{
	position:absolute;
	left: 126px;
	top: 146px;
	font-size:12px;
	color:#ff4f67;
	display:none;
}
.loginbox,.gotoAppInfo{
	width:380px;
	height:391px;
	background:#fff;
	border-radius: 8px;
	overflow:hidden;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -190px;
	margin-top: -235px;
	z-index: 65537;
	display: none;
	text-align:center;
}
.please_AccountQH{
	display:inline-block;
	width:84px !important;
}
.please_AccountZ{
	display:inline-block;
	width:149px !important;
/*	margin-left:15px;*/
}
.please_Account{
     display:inline-block;
	width:149px !important;	
}
.loginbox h3,.registerbox h3,.gotoAppInfo h3{
	width:100%;
	height:50px;
	line-height:50px;
	color:#fff;
	font-size:16px;
	background:#ff4f67;
}
.loginbox ul li,.registerbox ul li {
	width: 300px;
	height:44px;
	background:#eaeaea;
	margin:0px auto;
	border-radius: 5px;
	margin-top:19px;
}
.loginbox input,.registerbox input{
	display:inline-block;
	width: 214px;
	height:44px;
	background: transparent;
	color:#444444;
	font-size:14px;
	/* float: left; */
}
.loginbox label,.registerbox label{
	display:inline-block;
	margin-right:13px;
}
.placeholder{
	background:transparent !important\9;
	height:0px !important\9;
	margin-top:-10px\9;
	font-size:14px\9;
}
.loginbox label img,.registerbox label img{
	margin-top:20px\9;
}
.marginTop{
	margin-top:50px !important;
	margin-bottom:19px !important;
}
.loginbox .sign_in:hover{
	background:#ff4f67;
	color:#fff;
}
.loginbox .sign_in{
	height:42px;
	background: #ff4f67;
	border:1px solid #ff4f67;
	color: #fff;
	font-size:14px;
	border-radius:10px;
	line-height:44px;
	margin-top: 22px;
	/* margin-bottom: 149px; */
	cursor:pointer;
	opacity: 0.5;
	display: block;
	width: 100%;
}
.loginbox .register:hover,.registerbox .register:hover{
	background:#18a3ff;
	color:#fff;
}
.close_Login,.close_Login1,.close_share{
	color:#fff;
	font-size:32px;
	position:absolute;
	right:10px;
	top:5px;
	cursor:pointer;
}
.loginbox .register,.registerbox .register{
	height:42px;
	background:#4ba2f8;
	border:1px solid #18a3ff;
	color:#fff;
	font-size:14px;
	line-height:44px;
	cursor:pointer;
	margin-top: 23px;
}
.registerbox .register{
	margin-top: 2px;
	width: 100%;
	display: inline-block;
	opacity: 0.5;
	background: #18a3ff;
	color: #fff;
}
.loginbox .share{
	margin-top:39px;
	background:none;
	/* margin: 0px auto !important; */
	margin-left: 30px;
}
.loginbox .share a{
	display:inline-block;
	margin:0px 20px;
	cursor:pointer;
}
.loginbox_bg,.gotoAPPBg{
	width:100%;
	height:100%;
	background:#000;
	opacity: 0.5;
	filter: alpha(opacity=50);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 111;
	display: none;
}
/*注册框*/
.registerbox{
	width: 380px;
	height: 470px;
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -190px;
	margin-top: -235px;
	z-index: 65550;
	display: none;
	text-align:center;
}
.quhao{
       display: inline-block;
    height: 44px;
    background: #eaeaea;
    width: 60px;
    border-radius: 6px;
    padding-left: 30px;
    float:left;
}
.input_tel{
	display:inline-block;
	height:44px;
	background:#eaeaea;
	border-radius:6px;
	float:right;
	padding-left:27px;
}
.number_yzm{
	display:inline-block;
	width:200px !important;
}
.yzm img{
	height:42px;
}
.clearBG{
	background:none !important;
	margin-top: 19px;
}
.inputYzm,.tel_yzm{
	display:inline-block;
	width:200px;
	background: #eaeaea;
	border-radius: 6px;
	float: left;
	height: 44px;
	overflow: hidden;
}
.getYzmAdd{
	background:#EEE;
	color:#444;
	border:none;
}
.inputYzm input,.tel_yzm input{
	display:inline-block;
	width: 112px !important;
}
.regi_error{
	color:#ff4f67;
	position:absolute;
	left: 110px;
	top: 83px;
	display: none;
}
.yzm{
	display:inline-block;
	width: 90px;
	height: 44px;
	background: #eaeaea;
	float: right;
	border-radius: 9px;
	line-height: 44px;
	font-size: 17px;
	color: #ff4f67;
	letter-spacing: 3px;
	/* font-style: italic; */
	cursor: pointer;
}
.getYzm{
	display:inline-block;
	border:none;
	outline:none;
	width: 90px;
	height: 44px;
	background: #f5aeb4;
	color:#fff;
	float: right;
	line-height: 44px;
	border-radius: 6px;
	/* color:#444; */
	border: 1px solid #eee;
}
.getYzmAdd:hover{
	background:#ff4f67 ;
	color:#fff;
}
.getYzmAdd:active{
	background:#fff ;
	color:#ff4f67;
	border:1px solid #ff4f67;
}
.is_select{
           display:inline-block;
           width: 13px !important;
           height: 13px !important;
           float:left;
           margin-right: 6px;
}
.clearCenter span{
	float:left;
}
.clearCenter a{
	color: #ff4f67;
}
.clearCenter{
	text-align:left;
	font-size:12px;
}
/* 视频列表 */
.videolist{
	width:1200px;
	margin:0px auto;
	margin-top:37px;
}
.videoList1 .videoList1_video{
	width:822px;
	height:402px;
	float:left;
}
.videoList1_active{
	width:350px;
	height:402px;
	float:right;
	background:#f8ffdc;
	text-align: center !important;
	/*margin-bottom:15px;*/
}
/*.videoList1_video .bigvideo{
	width:398px;
	height:398px;
	background:#444;
	background-size:100% 100%;
	background-position:center center;
              overflow:hidden;
              position:relative;
              float:left;
              left:0;
              top:0;
              border:1px solid #fff;
}*/
.bigvideo a:hover{
	border:1px solid #ff4f67;
	box-shadow: 0 -1px 12px 4px rgba(0,0,0,0.2);
	background-color: rgba(0,0,0,0.2);
}
.bigvideo a:hover:before{
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height:400px;
    top: 0;
    left: 0;
    z-index: 1;
    background: url(../images/buttoon_03.png) center 50% no-repeat;
     animation: fade-in;
    animation-duration: .3s;
    -webkit-animation:fade-in .3s;
    -ms-animation:fade-in .3s;
    -moz-animation:fade-in .3s;
}
    .videoList1_active .active_ewm{
    padding-bottom: 44px;
    text-align: center; 
     }

.videoList1_video .playing{
	display:inline-block;
	background:url(../images/playing_03.png) no-repeat;
	background-size:100% 100%;
	width:62px;
	height:22px;
             position:absolute;
             right:0;
             top:0;
}
.bigvideo .title,.bigvideo .seenumber{
	font-size:14px;
	color:#fff;
	display:inline-block;
	float:left;
}
/*.bigvideo a{
	display: inline-block;
    width: 400px;
    height: 400px;
}*/
.bigvideo a{
	width:398px;
	height:398px;
	background:#444;
	background-size:100% 100% !important;
	background-position:center center !important;
              overflow:hidden;
              position:relative;
              float:left;
              left:0;
              top:0;
              border:1px solid #fff;
}
.bigvideo .title{
	margin-top:371px;
	margin-left:10px;
}
.bigvideo .seenumber{
           margin-top:371px;
           float:right;
           margin-right:10px;
           font-weight:bold;
}
.fourvideo ul li {
          width:188px;
          height:188px;
          background:#444;
          background-size:100% 100% !important;
          background-position:center center !important;
          position:relative;
          float:left;
          margin-left: 20px;
          margin-bottom:20px;
          border:1px solid #fff;
}
.fourvideo ul li:hover{
         border:1px solid #ff4f67;
         box-shadow: 0 -1px 12px 4px rgba(0,0,0,0.2);
         background-color: rgba(0,0,0,0.2);
}
.fourvideo ul li a:hover:before{
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height:190px;
    top: 0;
    left: 0;
    z-index: 1;
    background: url(../images/buttoon_03.png) center 50% no-repeat;
     animation: fade-in;
    animation-duration: .3s;
    -webkit-animation:fade-in .3s;
    -ms-animation:fade-in .3s;
    -moz-animation:fade-in .3s;
}
.fourvideo ul li a{
	display:inline-block;
	width:188px;
	height:188px;
	background-size:100% 100% !important;
}
.fourvideo{
	float:left;
	width: 420px;
}
.fourvideo .playing{
	display:inline-block;
	background:url(../images/playing_03.png) no-repeat;
	background-size:100% 100%;
	width:62px;
	height:22px;
             position:absolute;
             right:0;
             top:0;
} 
.fourvideo .seenumber{
	 font-weight:bold;
	 color:#fff;
	 font-size:14px;
	 display: inline-block;
	 position: absolute;
	 right: 10px;
	 bottom: 10px;
}
.ios{
	background:url(../images/ios_03.png) no-repeat;
	display:inline-block;
	width:131px;
	height:41px;
	background-size:100% 100%;
	margin-right:20px;
}
.ios:hover{
	background:url(../images/ioshover_03.png) no-repeat;
}
.android{
	background:url(../images/anzhuo_03.png) no-repeat;
	display:inline-block;
	width:131px;
	height:41px;
	background-size:100% 100%;
}
.android:hover{
	background:url(../images/anzhuohover_03.png) no-repeat;
}
.videoList1_active .videoList1_active_title{
	font-size:39px;
	color:#444444;
	padding-top:63px;
	padding-bottom:10px;
	display:inline-block;
	border-bottom:1px solid #444;
}
.videoList1_active .videoList1_active_content{
	font-size:18px;
	color:#444444;
	padding-top:10px;
	padding-bottom:44px;
}
.videoList1_active .videoList1_active_button{
	padding-bottom:44px;
}
.videoList1_active .active_ewm{
	padding-bottom:44px;
	/* text-align: center; */
}
.classifi_one ul li {
	width:192px;
	height:256px;
	background:#fff;
	border: 1px solid #eaeaea;
	position:relative;
	float:left;
	margin: 0px 5px;
	margin-bottom:17px;
}
.classifi_one ul li a{
	display:inline-block;
	width:192px;
	height:256px;
	position: relative;
}
.classifi_one ul li:hover{
	border:1px solid #ff4f67;
	box-shadow: 0 -1px 12px 4px rgba(0,0,0,0.2);
                 background-color: rgba(0,0,0,0.2);
}
.classifi_one ul li a:hover:before{
  content: '';
    position: absolute;
    display: block;
    width: 100%;
    height:258px;
    top: 0;
    left: 0;
    z-index: 65536;
    background: url(../images/buttoon_03.png) center 40% no-repeat;
     animation: fade-in;
    animation-duration: .3s;
    -webkit-animation:fade-in .3s;
    -ms-animation:fade-in .3s;
    -moz-animation:fade-in .3s;
}
@keyframes fade-in {  
    0% {opacity:0;transform: scale(1.8,1.8);}
    40% {opacity: 0.5;transform: scale(1.4,1.4);}
    100% {opacity: 1;transform: scale(1,1);}
}  
@-webkit-keyframes fade-in {
   0% {opacity: 0;-webkit-transform: scale(1.8,1.8);} 
    40% {opacity: 0.5;-webkit-transform: scale(1.4,1.4);} 
    100% {opacity: 1;-webkit-transform: scale(1,1);}
}  
@-moz-keyframes fade-in {
   0% {opacity: 0;-moz-transform: scale(1.8,1.8);} 
    40% {opacity: 0.5;-moz-transform: scale(1.4,1.4);} 
    100% {opacity: 1;-moz-transform: scale(1,1);}
}  
@-ms-keyframes fade-in {
   0% {opacity: 0;-ms-transform: scale(1.8,8.8);} 
    40% {opacity: 0.5;-ms-transform: scale(1.4,1.4);} 
    100% {opacity: 1;-ms-transform: scale(1,1);}
} 
.classifi_one{
	width:822px;
	float:left;
	margin-top:47px;
}
.classifi_one h3,.activityList h3{
	font-size:16px;
	margin-bottom:12px;
}
.classifi_one h3 img,.activityList h3 img{
	margin-right:5px;
}
.classifi_one .per_icon{
	width: 192px;
	height: 192px;
	background:#444;
	position: relative;
}
.classifi_one .per_icon img{
	width:100%;
	height:100%;
	positoin: absolute;
	position: absolute;
	left: 0;
	top: 0;
	vertical-align: top;
               object-fit: cover;
}
.classifi_one .playing{
	display:inline-block;
	background:url(../images/playing_03.png) no-repeat;
	background-size:100% 100%;
	width:62px;
	height:22px;
             position:absolute;
             right:-1px;
             top:0;
}
.classifi_one .title,.classifi_one .address{
    font-size: 12px;
    color: #666;
    margin-top: 8px;
    margin-left: 6px;
    width: 186px;
    height: 12px;
   text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.classifi_one .see_number{
	text-align:right;
	margin-right:6px;
	color:#666;
}
.classifi_one .seeNumber{
	font-size: 18px;
    color: #ff4f67;
}
.classificationList{
	width:822px;
	float:left;
}
/*活动列表页*/
.activityList{
	width:350px;
	float:right;
	margin-top:47px;
}
.activityList1 .activityList1_title a{
	display:block;
	font-size:16px;
	color:#444;
	text-align:center;
	margin-top:23px;
	margin-bottom:8px;
}
.activityList1 .activityList1_title2 a{
	display:block;
	font-size:16px;
	color:#444;
	text-align:center;
	margin-bottom:15px;
}
.activityList1 .activityList1_content{
	font-size:12px;
	color:#444;
	text-align:justify;
	line-height:16px;
	text-indent:2em;
	word-spacing:4px;
	 letter-spacing: 1px;
}
.activityList1 .joinus{
    height: 40px;
    background: #fff;
    border: 1px solid #ff4f67;
    color: #ff4f67;
    font-size: 14px;
    border-radius: 10px;
    line-height: 44px;
    margin-top: 25px;
    margin-bottom: 34px;
    text-align:center;
    display:block;
}
.activityList1 .joinus:hover{
	background:#ff4f67;
	color:#fff;
}
.activityList1 .act_No1,.activityList1 .act_No2,.activityList1 .act_No3,.activityList1 .act_No4,.activityList2 .act_No5,.activityList2 .act_No6,.activityList2 .act_No7{
	margin-bottom:10px;
}
.activityList2 h3,.activityList3 h3{
	margin-top:43px;
	margin-bottom: 10px;
}
.activityList3 li{
	height:50px;
	margin-bottom:17px;
}
.activityList3 li:hover{
	color:#ff4f67 !important;
}
.activityList3 ul{
	background:#eaeaea;
	padding:19px 0px;
}
.act_No5  a img{
	width:349px;
	height:183px;
}
.activityList3 .no{
	float:left;
	width:63px;
	text-align:center;
	margin-top: 4px;
	font-size: 18px;
	color: #444;
	height: 50px;
	line-height: 50px;
}
.activityList3 .no_icon{
	float:left;
	width:50px;
	height:50px;
	border-radius:50%;
	margin-right:10px;
	cursor:pointer;
}
.activityList3 .no_info{
	float:left;
	cursor:pointer;
}
.activityList3 .no_icon img{
	width:100%;
	height:100%;
	border-radius:50%;
}
.activityList3 .follow{
	float:right;
	width:58px;
	height:22px;
	border:1px solid #ff4f67;
	color:#ff4f67;
	line-height: 22px;
	text-align:center;
	font-size:12px;
	border-radius: 5px;
	margin-top: 11px;
	margin-right:14px;
	cursor:pointer;
}
.activityList3 .follow:hover{
	background:#ff4f67;
	color:#fff;
}
.activityList3 .no_info div{
	margin-top: 8px;
	font-size:12px;
	color:#444;
}
div.activeloaction {background-position: left bottom;}
.show_hide_content{
	margin-bottom:10px;
}
.play_video{
	position:relative;
}
.show_hide_content img{
	width:349px;
	height:152px;
}
.-mob-share-weixin-qrcode-content{
	position:absolute !important;
	    z-index: 65537 !important;
    width: 300px !important;
    height: 300px !important;
    background: #fff !important;
}
.-mob-share-weixin-qrcode-bg{
	position: fixed;
    left: 0;
    top: 0;
    background: #000;
    width: 100%;
    height: 100%;
    z-index: 1111;
}
.-mob-share-weixin-qrcode-close{
    position: absolute;
    right: 10px;
    top: 10px;
    width: 16px;
    border-radius: 50%;
    background-color: #000;
    color: #fff;
    cursor: pointer;
}
.-mob-share-weixin-qrcode-header{
	position: absolute;
    top: 20px;
    left: 46px;
}
.-mob-share-weixin-qrcode{
	position: absolute;
	width: 200px;
    height: 200px;
    left: 50%;
    margin-left: -100px;
    top: 55px;
}
.cancel_login{
  float: right;
    display: none;
    margin-top: 23px;
}
.cancel_loginWord{
    padding: 5px;
    font-size: 14px;
    color: #444;
    display: inline-block;
    position: absolute;
    right: 37px;
    top: 43px;
    background:#fff;
    box-shadow: 0 -1px 12px 4px rgba(0,0,0,0.2);
    cursor:pointer;
    display:none;
}
/*查看更多视频*/
.loadingMore,.loadingMore1,.loadingMore2{
	text-align:center;
	font-size:14px;
	cursor:pointer;
	margin-bottom:76px;
	color:#ff4f67;
	background: transparent;
	display:inline-block;
              width: 90px;
              position: relative;
              left: 50%;
              margin-left: -45px;
}


/*点击充值出现弹层关注*/
.chongzhiShare{
	text-align:center;
}
.chongzhiShare img{
	margin-top:40px;
}
.chongzhiShare p{
	font-size: 20px;
              color: #444;
              width: 246px;
              position: relative;
              left: 50%;
              margin-left: -123px;
	margin-top:27px;
}
.chongzhiShare .highMoney{
	color:#ff4f67;
}
.gotoAppInfo{
	height:420px;
}