@charset "utf-8";
/* all  */
body{ background: #f1f2f5;}
.z9{z-index: 999}
a:hover{ color: #00cc4c;}

/* text */
.text-green{ color: #00cc4c;}
.fw7{font-weight: 700;}
/* style */
 .myui-content__detail .data a:hover{
	color: #00cc4c!important;
}
 /* slide */
.img-responsive{
	border-radius: 5px;
}

/* panel */
.myui-panel-bg,.myui-panel-bg2{box-shadow:none;}

/* btn */
.btn-warm,.btn-primary{ background: #00cc4c;background: linear-gradient(to right,#29B07C 0,#00cc4c 100%); box-shadow: none;}
.btn-warm:hover,.btn-primary:hover,.btn-danger:hover,.btn-info:hover,.btn-gray:hover{ color: #fff; box-shadow: 0 5px 8px rgba(0,0,0,.1);}

/* header */
.myui-header__top{background-color: #fff;}

/* header-menu */
.myui-header__menu > li > a{ color: #333;}
.myui-header__menu > li > a:hover{
	color: #00cc4c;
}
.myui-header__menu > li.active > a{
	background-color: transparent;
	color: #00cc4c;
}
.myui-header__menu > li.search-ul .fa{color: #999;}

/* header-user */
.myui-header__user > li > a,.myui-header__user > li > a .fa{color: #999;}

/* pic-tag */
.pic-tag{ background-color: #00cc4c;}


/* content */
.myui-content__detail .title{ font-size: 24px; line-height: 30px; margin: 0 0 10px 0; color: #00cc4c; font-weight: bolder; border-radius: 3px;}
.myui-content__operate{margin-top: 10px;}

/* detail_data */
.myui-content__detail .otherbox{ color: #00B51D; background: #eee;border-radius: 5px; padding: 4px 10px 3px; display: inline-block;}
.myui-content__detail .data .douban{ color: #00B51D; font-weight: bold;}
.myui-down__list li:first-child{
	margin-top: 0px;
	background: #f8f8f8;
}
/* play-list */
.myui-content__list li a:hover{ color:#fff; background-color: #00cc4c; background: linear-gradient(to right,#29B07C 0,#00cc4c 100%);}
/* down-list */
.myui-down__list li .operate .copy{background-color: #00cc4c;border-color: #00cc4c;color: #fff;}
/* player */
.myui-container-bg{  background: #333;}
/* form */
.form-control:focus{ border-color:#00cc4c; -webkit-box-shadow:inset 0 1px 1px rgba(0,219,82),0 0 8px rgba(0,219,80);}
input[type="checkbox"]{vertical-align: -1px;}

/* extra */
.myui-extra li a{border-radius: 50%;}


.yun-gg{
	line-height: 75px;
}
.yun-search .form-control{
	height: 50px;
}
/*推剧Tab*/
.yun-tab li{
	float: left;
	width: 33.333%;
	text-align: center;
}
.yun-tab > li.active a {
	color: #00cc4c;
}
.yun-tab > li > a{
	display: block;
	font-size: 16px;
	padding-bottom: 20px;
}
/*周期*/
.yun-tab_weeks li{
	float: left;
	width: 12.333%;
	text-align: center;
	margin: 0 5px;
}
.yun-tab_weeks > li.active a {
	color: #00cc4c;
}
.yun-tab_weeks > li > a{
	display: block;
	font-size: 16px;
	padding-bottom: 20px;
}

/*下载Tab*/
.yun-tab_domw > li.active a:hover {
    color: #fff;
    background: #00cc4c;
}
.yun-tab_domw > li.active a {
    display: block;
    padding: 8px;
    text-align: center;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
    background: #00cc4c;
}
.yun-tab_domw > li > a{
    display: block;
	font-size: 16px;
	background: #f8f8f8;
	border-radius: 5px;
}
.yun-tab_domw > li > a:hover{
	color: #ffffff;
}
/*submenu*/
.yun-nav {
	height: 60px;
	background: #ff9900;
	box-shadow: 0 4px 10px rgba(51, 51, 51, 0.1);
	overflow: hidden;
	border-top: 1px solid #fff;
}

.yun-nav ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.yun-nav ul li {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	text-align: center;
}

.yun-nav ul li a {
	display: block;
	padding: 0;
	line-height: 60px;
	font-size: 15px;
	color: #fff;
}

.yun-nav ul li.active a {
	background-color: #ff8800;
}
.data{
    word-break: break-all;
    word-wrap: break-word;
}




/* header-seacrh */
.myui-header__search{float: right;position: relative;margin-right: 50px;margin-top: 10px;height: 38px;border: 2px solid #fff;background: #f5f5f5;border-radius: 18px;}


@media (max-width: 1023px) and (min-width: 767px){	
    body{padding-top: 60px;}
    .yun-tab_weeks li {
    width: 10.333%;
}
}

@media (max-width: 767px){	
    body{padding-top: 60px;}
    .yun-tab_weeks li {
    width: 10.333%;
}
	.myui-down__list li .operate{ float: right; display: block;}
		/* header */
	.myui-header__search{position:absolute;top: -100%;left: 10px;right: 30px;margin: 10px 0 0;width: auto;}
}