html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
body,textarea,input,button,select,keygen,legend{color:#333;outline:0;}
body{background:#fff;font: 14px/1.14 "Microsoft YaHei", Verdana, sans-serif, -apple-system;}
body{--zhu_color:#ff7fac}
a{color:#333;}
a:hover{color:var(--zhu_color);}
del,ins,u,s,a,a:hover{text-decoration:none;}
li{list-style:none;}
.warp{margin:0 auto;}
.row{display: flex;justify-content: space-between;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
img {image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode:nearest-neighbor;}
.container {padding:0 5px;overflow: hidden;}
input, textarea, .submit-o p {margin:8px 0;border: 1px solid;border-color: #eee;border-radius: 4px;line-height: 32px;width: 100%;padding: 0px 8px;font-weight: 400;font-size: 16px;}
.btn {width: 100%;background-color: var(--zhu_color);border-color: var(--zhu_color);color: #fff;display: block;text-align: center;border-radius: 4px;line-height: 34px;padding: 0px 8px;font-weight: 400;font-size: 16px;cursor: pointer;}
.btn:hover{color: #fff}

/**/

/*nav*/
.header-top::before{display: block;width: 100%;height: .1875rem;background-image: -webkit-linear-gradient(left,#73D2F6,#08C 22%,#7FC400 36%,#FFD583 48%,#FFB21E 63%,#FF4D4D 76%,#503873);background-image: linear-gradient(to right,#73D2F6,#08C 22%,#7FC400 36%,#FFD583 48%,#FFB21E 63%,#FF4D4D 76%,#503873);content: '';-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;}
.header{padding:0 5px}
.navwarp{width:100%;height:54px;background:#232323; -webkit-box-shadow: 0 4px 15px rgb(51 51 51 / 5%); box-shadow: 0 4px 15px rgb(51 51 51 / 5%);}
.navwarp .warp{align-items: center;height: 100%;}
.logo img{height:40px;}
.bigsearch{ margin:20px 0}
.search{max-width:40%;flex-shrink: 0;width: 100%; display:none}
.keyword{border: 1px solid;border-color: #eee;border-radius:4px 0 0 4px;height:32px;width: 100%;padding: 0px 8px;font-weight: 400; font-size:16px;margin: auto; background:#f4f4f4}
.bigsearch .keyword{height:46px;padding: 0px 12px;}
.bigsearch .go{padding: 0.375rem 1.55rem;}
.go{ -webkit-appearance: none;border-radius: 0; border: 1px solid transparent; padding: 0.375rem 0.55rem; background-color:var(--zhu_color) !important; border-color:var(--zhu_color) !important; color: #fff; border-radius:0 4px 4px 0;cursor: pointer; font-size:16px}
.nav{height:50px;overflow:hidden;display: flex;justify-content: flex-end; display:none}
.nav li{float:left;height:48px;display: flex; align-items: center;}
.nav li a{padding:0 10px;font-size:16px;text-decoration:none;display: flex; align-items: center; color: #fff}
.nav li a:hover{color:var(--zhu_color);}
.nav li.on a{color:var(--zhu_color);}
.icon-user{ font-size: 34px !important;}
.mobilenav{width:60%}
.mobilenav p{ font-size:12px; font-weight:300}
.mobile-yc{display: none;}

/*AD*/
#sanlian{padding:0 0 5px;}
.tonglanad{ padding-bottom:5px;transform-origin: left top;}
.top-img-list{ margin:5px 0}
.top-img-list img{display: block; width: 100%;min-height: 36px;}
#tonglanad_t1{ margin-bottom:5px;}
.newsanlian{ margin-bottom: 10px}

/*fs*/
.icon{margin-right:5px;}
.user-logo .icon, .m-search .icon, .m-nav .icon{margin:0px;font-size:24px}

/*navlist*/
.navlist{background: #f8f8f8;}
.navlist ul li a{line-height: 40px;font-size: 16px;padding: 10px 26px;}
.navlist ul li a:hover{background: #ff6868; color:#fff}
.navlist ul .big{background: #ff6868; color:#fff}

.tab-head{display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between; padding:0;overflow:auto;height: 44px;border-bottom: 1px solid #e7e7e7;}
.tab-head::-webkit-scrollbar {display: none;}
.tab-head a{-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;color:#333;padding:2px 10px;line-height: 36px;font-size: 17px;text-align: center;}
.tab-head .on{border-bottom: 2px solid #ff7fac;color: #ff7fac;}



/**/
.urhere{margin-bottom:14px;}
.urhere h1,h2{ font-size:24px; font-weight:300}

/*footer*/
.footer {background:#f8f8f8;color:#808080 !important;padding: 20px 10px;line-height: 24px;font-size: 14px;text-align: center;margin-top: 15px;}

/*Totop*/
.totop{position: fixed;bottom:150px;right: 7px;z-index: 103;}
.totop ul li{width: 40px;height: 40px;border-radius: 3px;opacity: 0.8;background: #4e3d28;border: 1px solid rgb(51, 51, 51);}
.totop .icon_arrow_up{position: absolute;margin-top: 3px;margin-left: 4px;width: 25px;height: 25px;background-image: url(../images/arrow_up.png);}

/*listpage*/
.pagelist{ text-align:center; padding-top:20px; margin-bottom:20px;}
.pagelist li{display:inline-block;margin-right:2px;}
.pagelist a,.pagelist .pagenow{display:inline-block;padding:12px 14px;color:#666;background:#ebebeb; font-size:14px; border-radius: 4px;}
.pagelist li a:hover{background:#ccc}
.pagelist li .pagenow{background:var(--zhu_color) !important; color:#fff}

.paixu{border: 1px solid #eee;border-radius: 4px;display: flex;align-items: center;}
.paixu a{padding: 5px 10px;}
.paixu a:hover, .paixu .active{ background:var(--zhu_color) !important; color:#fff}
#list-new{border-radius: 4px 0 0 4px;}
#list-season{border-radius: 0 4px 4px 0;}


/*listpic*/
.main{margin-top:10px;}
.main_list{width:calc(100% + 10px); margin-left: -5px; margin-bottom:10px}
.main_list .list{display: flex; flex-wrap: wrap;}
.main_list .list li{ width:50%;padding:0 7px 20px}
.main_list.actor .list li{ width:25%;}
.main_list .list .vodlist_img{overflow: hidden; border: 0;max-height:150px;}
.main_list .list .vodlist_img img{ width:100%;max-height: 150px; min-height: 124px;}
.main_list .list .actorlist_img{overflow: hidden; border: 0; max-height: 107px;}
.main_list .list .actorlist_img img{ width:100%;height: 100%;}
.main_list .list .info { margin-top:7px}
.main_list .list .info .title{line-height: 20px;max-height:40px;overflow: hidden;}
.main_list .list .info .sub{ margin-top:5px;font-size: 12px; color: #aaa;}

.main_list.photo .list .vodlist_img{ max-height: 268px;}
.main_list.favorite .list li,.main_list.photo .list li{ width:33%;}

/*bianlan*/ 
.sidebar-icon{padding: 4px 0 0 4px;}
.group{ display:grid; margin-bottom:10px}
.group .title{padding:15px 15px 8px;}
.group a{padding:8px 20px;display: flex;}
.group .active{ color:var(--zhu_color) !important}
.group .title a{padding:0 !important; display: flex; align-items: center;}


/*play*/
.play-left{max-width:100%;flex-shrink: 0;width: 100%;}
.play-right{flex: 0 0 25%;  max-width: 25%;display:none;}

.play-rights{ flex: 0 0 25%; padding-left: 5px  }

.play-rights img{width: 100%; height: auto; overflow: hidden; }
.play-rights  p{overflow: hidden; display: block;width: 33%; float: left;  padding-top: 10px; padding-bottom: 0px;}


.both{clear: both;}

.player{height:295px;width: 100%;background: #000; position: relative;color: #fff;}
.play-title{font-size: 20px;font-weight: 300;margin:5px 0 6px; line-height: 30px}
.play-tags{display: flex;flex-wrap: wrap;}
.play-tags a{padding:5px 0px;border-radius: 4px;background: #f8f8f8;color: #262626; margin-right:8px; margin-bottom:8px; display: flex;font-size:14px;min-width: 23%; justify-content: center;}
.play-tags a:hover, a:hover .play-tags-svg{ background:#eee; color:#e45257}
.categories.play-tags a{padding: 10px 0}
.play-tags-svg{height: 16px;width: 16px; fill: currentColor;margin-right: 6px; color:#666}
.play-box {width: 100%;height: calc(100% - 50px);text-align: center;position: absolute;z-index: 99;background: rgba(0, 0, 0, 0.8);}
.play-box .btn{width: 160px; margin: 10px auto; font-size: 14px;}
.play-box #player_center {width: 250px;height: 150px;margin-top: 40px;display: inline-block;}

.play-iconlist{display: flex; justify-content: space-between; padding: 8px 0; background: #f4f4f4}
.play-iconlist a{width: 33%; text-align: center;font-size: 12px;}
.play-iconlist .icon{font-size: 20px; margin: auto}
.popups{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1050;background: rgba(0, 0, 0, 0.6);font-size: 18px;display: none;}
.popups .po_dialog{top: 20%;left: calc(50% - 150px);z-index: 99999;position: fixed;background: #fff;width: 300px;}
.popups .po_dialog .login {}
.popups .po_title{display: flex;justify-content: space-between;padding: 12px;border-bottom: 1px solid #e9ecef;font-weight: 300;line-height: 28px;}
.popups .po_title input{ margin: 0;line-height: 27px;;}
.popups .po_contern{padding: 12px;line-height: 34px;}
.popups .popuser{display: flex}
.popups .popuser a{width: 50%;text-align: center;background: #ff7eaa;padding: 10px;color: #fff;border: 1px solid #fff;}
.closepop{-webkit-appearance: none;border: 1px solid transparent;border-radius: 4px;cursor: pointer;font-size: 16px;background: #eee;}
.popups .btn{width: 100% !important;}
#popups-jb input{width: auto}
.zanon{color:var(--zhu_color);}
#jz{display: none}

/*categories*/
.categories .play-tags{ margin:20px 0}

/*user*/
.user_home{ min-height:400px}
.login{margin:50px auto 0;max-width:350px;border: 1px solid #eee;padding: 10px 30px;border-radius: 4px;background: #fbfbfb;}
.submit{cursor: pointer;color: #fff;background:var(--zhu_color) !important; -webkit-appearance: none;}
.submit-o p { text-align:center}

.userinfo{text-align: center;background: #f8f8f8;padding:20px;}
.userinfo .icon-user{ margin-right:0; font-size:xxx-large}
.userinfo p{padding: 10px;}

/*feedback*/
.feedback{margin: 50px auto 0;max-width: 700px;border: 1px solid #eee;padding: 10px 30px;border-radius: 4px;background: #fbfbfb;}
.feedback textarea{font: caption;}

/*m*/
.m-nav a,.m-search a,.m-user a{color: #fff}
 
/*photo*/
.photo-center{margin: auto;text-align: center !important;}
.photo-center img{max-width: 100%;height: auto !important;margin-bottom: 0.5rem;}
.imglist ul{flex-wrap: wrap;}
.imglist ul li{width: 14%}
.imglist img{width: 100%}
.imglist .aimg {border: 3px solid var(--zhu_color);}

/*tab*/
.xgtab, .pictab{height: 50px; padding: 3px; background-color:#e8e8e8; margin: 5px 0;}
.xgtab .forumli{width:20% !important;}
.xgtab ul li{width:25%;}
.xgtab ul li a{display:inline-block;width: 100%;text-align: center;cursor: pointer;box-sizing: border-box;font-size: 18px; line-height:44px}
.xgtab ul li.active a{background-color: #fff; border-radius: 3px;color: #ff5595;}
.cont {display: none; padding-top:6px}
.cont.active {display: block;}
/*index pic tab*/
.pictab ul li{width:50%;}
.pictab ul li a{display:inline-block;width: 100%;text-align: center;cursor: pointer;box-sizing: border-box;font-size: 18px; line-height:44px}
.pictab ul li.actives a{background-color: #fff; border-radius: 3px;color: #ff5595;}

.conts.actives {display: block;}

/*ad*/
#ajdjs{width:100%;position:fixed;bottom:0;left:0;z-index:66666666;}
#ajdjs img, #player_title_ad img{width: 100%; max-height: 100px;min-height: 40px;}
.classbtn{cursor: pointer;width:25px !important;height:25px !important;min-height:25px !important;border: 0px;position: absolute;right: 0px;background: #000;border-radius: 39px;}
.h70 img{ height: 70px}
.h80 img{ height: 80px}
.h90 img{ height: 90px}
.h100 img{ height: 100px}
.h180 img{ height: 180px}
/*mobile*/
@media (max-width: 320px){
	.main_list .list li{width: 100%;}
	.main_list.actor .list li{ width:50%;}
	.rows {display: block;}
	.play-rights  p{ width: 33%; padding-top: 10px; padding-bottom: 0px;}


}
@media (max-width: 576px){
	 
}
@media (min-width: 576px){
	.warp {max-width: 540px;} 
	.rows {display: block;}
	.play-rights  p{ width: 33%; padding-top: 10px; padding-bottom: 0px;}


}
@media (min-width: 768px){
	.warp {max-width: 720px;}
	.main_list .list li{width: 33.3%;}
	.player {height: 482px;}
	.main_list .list .actorlist_img{max-height:220px;}
	.play-rights  p{ width: 33%; padding-top: 10px; padding-bottom: 0px;}
}
@media (min-width: 992px){
	.warp {max-width: 990px;}
	.main_list .list li,.main_list.favorite .list li,.main_list.photo .list li{width: 25%;}
	.mobile-yc, .mobile-zyc,.list_left,.nav, .search{ display:block} 
	.play-left{max-width: 75%;}
	.play-right{display: block; padding-left: 10px;}
	.m-search, .m-nav, .m-user,.mobile-xs{ display:none}
	.search {max-width: 24%;}
	.mobilenav {width:auto;}
	.main_list.actor .list li{ width:20%;padding:0 5px 20px}
	.main_list .list .actorlist_img{max-height:245px;}
	.play-title{font-size: 22px}
	.play-tags a{min-width: 11.5%;} 
	.rows {display: flex;}
	.play-rights  p{ width: 100%; padding-top: 0px; padding-bottom: 10px;}
	
}
@media (min-width: 1200px){
	.warp {max-width: 1140px;}
	.main_list .list li,.main_list.favorite .list li{width: 25%;}
	.main_list.photo .list li{width: 20%;}
	/**/
	.nav li a{padding: 0 15px;}
}
.conts {display: none; padding-top:6px}

/*寮瑰嚭灞�*/
.mac_pop_bg{position: fixed; z-index: 129; left: 0;top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.2);}
.mac_pop {  z-index:99998; display: none; min-height: 20px; max-height: 750px; position: fixed;  top: 0;  left: 0;  bottom: 0;  right: 0;  margin: auto;  padding: 25px;  z-index: 130;  background-color: #fff;  box-shadow: 0 3px 18px rgba(0, 0, 0, .5);}
.mac_pop .pop_top{  height:40px;  width:100%;  border-bottom: 1px #E5E5E5 solid;}
.mac_pop .pop_top h2{  float: left; display:block;margin: 0;font-size: 18px;font-weight: normal;font-family:"microsoft yahei";}
.mac_pop span.pop_close{  float: right;width: 23px;height: 23px;font-size: 0;text-indent: 9999; cursor: pointer;  font-weight: bold; display:block;background: url("../images/background.png") -10px 0 no-repeat;}
.mac_pop .pop-foot{  height:50px;  line-height:50px;  width:100%;  border-top: 1px #E5E5E5 solid;  text-align: right;  }
.mac_pop .pop-cancel, .pop-ok {  padding:8px 15px;  margin:15px 5px;  border: none;  border-radius: 5px;  background-color: #337AB7;  color: #fff;  cursor:pointer;  }
.mac_pop .pop-cancel {  background-color: #FFF;  border:1px #CECECE solid;  color: #000;  }
.mac_pop .pop-content{  height: 380px;  }
.mac_pop .pop-content-left{  float: left;  }
.mac_pop .pop-content-right{  width:310px;  float: left;  padding-top:20px;  padding-left:20px;  font-size: 16px;  line-height:35px;  }
.mac_pop .bgPop{  display: none;  position: absolute;  z-index: 129;  left: 0;  top: 0;  width: 100%;  height: 100%;  background: rgba(0,0,0,.2);  }
.mac_pop .pop-msg{  text-align:center;  font-size: 14px;  }

.mac_pop_msg_bg{position: fixed; z-index: 129; left: 0;top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.2);}
.mac_pop_msg { z-index:99999; display: none; min-height: 20px; max-height: 750px; position: fixed;  top: 0;  left: 0;  bottom: 0;  right: 0;  margin: auto;  padding: 25px;  z-index: 130;  border-radius: 8px;  background-color: #fff;  box-shadow: 0 3px 18px rgba(0, 0, 0, .5);}
.mac_pop_msg .pop-msg{  text-align:center;  font-size: 14px;  }

.cate {width: 100%;background: #fff;margin-bottom: 10px;border-radius: 2px;overflow: hidden}.cate_name {height: 40px;width: 100%;background: #2cbafc;overflow: hidden}.cate .pink {background: #ff7fac}.cate_name p {font-size: 18px;font-weight: 700;line-height: 40px;color: #fff;margin-left: 20px}.cate li {float: left;text-align: center;display: block;width: 12.5%;height: 40px;line-height: 40px;border-right: 1px solid #e6e6e6;border-left: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;font-size: 13px;transition: color .5s, background-color .5s;overflow: hidden}.cate li:hover {color: #fff;background: #ff6ea1}.cate li b {width: 16px;height: 16px;font-weight: 400;background: #2cbafc;color: #fff;padding: 1px 3px;margin-left: 4px;font-size: 12px;border-radius: 2px}.cate_ul {margin: 0 auto;position: relative;max-width: 960px}.cate_img {margin-left: 8px;width: 48px;height: 48px}@media screen and (max-width:960px) {.cate li {width: 20%;margin-right: -1px;height: 35px;line-height: 35px}.cate_name {height: 35px}.cate_name p {font-size: 21px;line-height: 35px}.appico {width: calc(25% - 10px)}}@media screen and (max-width:800px) {.cate li {font-size: 15px;height: 30px;line-height: 30px}.cate_name {height: 30px}.cate_name p {font-size: 20px;line-height: 30px}}@media screen and (max-width:640px) {.cate li {width: 25%;font-size: 11px;height: 30px;line-height: 30px}.cate_name {height: 30px}.cate_name p {font-size: 17px;line-height: 30px}.cate li b {width: 16px;height: 16px;font-weight: 400;background: #2cbafc;color: #fff;padding: 2px 3px;margin-left: 4px;font-size: 11px;border-radius: 2px}}



.disabled{
	color: var(--zhu_color);
}