/* panel */
.myui-panel {
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 5px;
	position: relative;
}
.myui-panel_hd{
	padding: 10px;
}

.myui-panel_hd .title{
	font-size: 20px;
}
.myui-panel_bd li{
	padding: 5px 0;
}

.myui-panel.active {
	margin-bottom: 0;
}

.myui-panel-box.active {
	padding: 0;
}

.myui-panel-box.clearfix {
	padding: 10px 10px 0 10px;
}

/* pannel */
.myui-pannel-bg{ box-shadow: 0 1px 2px rgba(0,0,0,.05);}
.myui-pannel-bg {
    border-radius: 2px;
}
.myui-pannel {
    position: relative;
    margin-bottom: 20px;
}

/* article */
.myui-article__title{ margin: 0 0 10px; font-size: 24px; line-height: 30px; font-weight: 700;}
.myui-article__sub{ margin-bottom: 10px; padding-bottom: 10px;}
.myui-article__content{ line-height: 30px; font-size: 16px;}
#art_container .myui-article__content{min-height:700px;}
#art_container .myui-article__content p{padding:6px 0;text-indent:40px;}
.myui-article__content img{ display: block; max-width: 100%;margin:20px auto;width:60%;}
.myui-article__content h2{ font-size: 22px;margin:20px 0;text-indent:40px;}
.myui-article__content a{color:#0c7df5;text-decoration:underline;font-size: 17px;font-weight: 700;}


.col-xs-1 {
    width: 100%;
}

@media (max-width:767px){
	
	/* body{ padding-top: 60px;} */

	.myui-panel-bg,.myui-vodlist__bg,.myui-vodlist__bg:hover{box-shadow: none;}
	.myui-panel__head .title, .myui-panel__head .title a{ font-size: 18px;}

	/* header */ 
	.myui-header__top{ padding: 0 10px;}
	.myui-header__search{ position:absolute; top: -100%; left: 10px; right: 10px; margin-left: 0; width: auto; padding-right: 30px;}
	.myui-header__search .form-control{ height: 32px; padding: 0 10px; border-radius: 16px;}
	.myui-header__search .submit{ right: 30px; width:32px;height:32px;line-height:30px;}
	.myui-header__search .search-close{ position: absolute; top: 6px; right: 0;}
	.myui-header__menu > li .dropdown-box{ margin-left: -150px; padding-top: 0;z-index: 999;}
	.myui-header__menu > li .dropdown-box .item{ width: 300px;}
	.myui-header__user > li{ margin-left: 15px; padding: 15px 0 10px;}
	.myui-header__user > li > a .fa{ font-size: 20px; line-height: 20px;}
	.myui-header__user > li.menu .dropdown-box{ margin-right: 0;}
	
	/* content */
	.myui-content__item{ padding: 20px 15px;}
	.myui-content__detail{padding:0 0 0 10px}
	.myui-content__detail .title{ margin: 5px 0 8px; font-size:18px; line-height:18px}
	.myui-content__detail .data{margin:0 0 5px; font-size:12px; line-height: 18px; word-wrap: break-word; white-space: normal;}
	.myui-content__detail .operate{margin:0;padding:0}
	.myui-content__thumb.actor{ display: none;}
	.myui-content__detail .score { margin-bottom: 5px;}
	.myui-content__detail .score  .branch{ font-size: 16px;}
	.myui-content__detail .score  .rating{ top: 0;}
	.myui-content__detail .score  .rating li{ margin: 0;}
	.myui-content__detail .score  .rating li .fa{ font-size: 18px;}
	
	/* player */
	.myui-player{ padding-top: 0;}
	.myui-player__item{ padding: 0;}
	.myui-player__detail{ margin: 0;}
	.myui-player__detail .data .title{font-size:16px}
	.myui-player__detail.detail .title{font-size:18px;}
	.myui-player__operate{ display: -webkit-box; display: -webkit-flex; display: flex;}
	.myui-player__operate li{ margin: 0; display: block; text-align: center; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
	.myui-player__operate li .fa{ display: block; margin-bottom: 5px; font-size: 16px;}
	.myui-player-links{ top: 0; right: 0; padding: 0 10px;}
	.myui-player-links .btn{ height: 35px; right: 8px;}
	
	/* news */
	.myui-newslist li .title{ font-size: 18px; line-height: 30px;}
	
	.myui-newslist li{padding:0px 0 30px 0;}
	.myui-newslist li .desc{padding:10px 0 10px 0;color:#555;font-size: 13px;overflow: hidden;text-overflow: ellipsis;}
	
	/*rank*/
	.top-item-box .ui-title{
		font-size:18px;
		padding-bottom:30px;
		padding-left:15px;
		padding-top:15px;
	}
	.top-item-box .ui-cnt .top-item{
		width:100%;
		margin-top:15px;
		
	}
	.top-item-box .ui-cnt .top-item h5{
		padding-left:15px;
		color:red;
	}
	.top-item-box .ui-cnt .top-item ul li{
		padding-left:15px;
	}
	
	.path .col-pd{padding-left:15px;}
	
	/* body.active{padding-top:60px;} */
}

@media (max-width: 767px){	
	
	.visible-xs { display: block !important;}
	.hidden-xs {display: none!important;}
	
	img.visible-xs { display: none !important;}
	img.hidden-xs {display: block!important;}
	
	
	.visible-inline-xs { display: inline-block !important;}
	.visible-text-xs { visibility: visible !important;}
	.hidden-text-xs {visibility: hidden !important;}
			
	/* all */	
	body{ font-size: 12px;}	
	
	/* text */
	h1{ font-size:24px;}
	h2{ font-size:20px;}
	h3{ font-size:18px;}
	h4{ font-size:16px;}
	h5{ font-size:14px;}
	h6{ font-size:12px;}
	
	/* btn */
	.btn{ padding: 8px 16px;}
	.btn.btn-xs{ padding: 4px 8px;}
	.btn.btn-sm{ padding: 6px 12px;}
	.btn.btn-md{ padding: 8px 16px;}
	.btn.btn-lg{ padding: 12px 24px;}
	
	/* tabbar */
	.myui-nav__tabbar{ position: fixed; bottom: 0; width: 100%; padding: 0px 0 0; z-index: 999; display: -webkit-box; display: -webkit-flex; display: flex; border-top: 1px solid;}
	.myui-nav__tabbar .item{ display: block; text-align: center; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
	.myui-nav__tabbar .item .icon{ display: block; text-align: center; font-size: 20px; line-height: 20px;}
	.myui-nav__tabbar .item .icon-img{display: inline-block; margin-top: 1px; width: 14px; height: 14px;}
	.myui-nav__tabbar .item .title{ margin: 5px 0;font-size: 12px;}
	
	/* line */
	.split-line{ height: 12px; margin-left: 5px; margin-right: 5px;}
	.top-line:before,.top-line-dot:before{-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);}
	.bottom-line:after,.bottom-line-dot:before{ -webkit-transform-origin: 0 100%;transform-origin: 0 100%; -webkit-transform: scaleY(0.5);transform: scaleY(0.5);}	
	
	/* panel-head */
	.myui-panel__head .title,.myui-panel__head .title a{font-size: 18px;}
	
	/* vod-list */
	.myui-vodlist__thumb .tag{ padding: 0 5px;}
	.myui-vodlist__thumb .silde-title{ font-size: 12px;}
	.myui-vodlist__detail .title,.myui-vodlist__detail .title.active{margin-bottom: 0; font-size: 12px;}	
	
	/* media-list */
	.myui-vodlist__media li .detail.active{ padding-left: 0; padding-right: 10px;}
		
	/* text-list */
	.myui-vodlist__text li a{ padding:10px 0;}
	.myui-vodlist__text.downlist li{ padding: 5px 0 0;}
	
	/* article */
    .myui-article__title{ font-size: 18px;}
	
	/* page */
	.myui-page li{ float:left; width:20%; margin:0; padding:0 5px 0 5px}
	.myui-page li a{ display:block; padding:5px 0; text-align:center}
	
	/* extra */
	.myui-extra li{padding:8px 0 0}
	.myui-extra li a{width:35px;height:35px;line-height:35px;font-size:16px}
	
	/* flickity */
	.flickity-prev-next-button{ width: 20px; height: 40px;}
	.flickity-prev-next-button.previous{ border-radius:0 5px 5px 0}
	.flickity-prev-next-button.next{ border-radius:5px 0 0 5px}

	/* slide */
	.carousel-control{ width: 30px; height: 100%;}
	.carousel-control .fa{display: block; margin-top: -15px; display: block; width: 30px; height: 30px; font-size: 20px; line-height: 30px;}
	.carousel-control.left{ left: 10px;}
	.carousel-control.right{ right: 10px; }
	
	/* more */
	.m-margin-0{ margin: 0 !important;}
	.m-padding-0{ padding: 0 !important;}
	
	.path{margin-top:10px;margin-bottom:10px;}
	.pl10{padding-left:10px;}
	.mt10{margin-top:10px;}
	.mb0{margin-bottom:0px;}
	
	#home_slide{
		height:180px;overflow:hidden;padding-left:0;padding-right:0;
	}
	
	.myui-article__content{ line-height: 30px; font-size: 16px;margin-top:0;}
	.myui-article__content img{ display: block; width: 100%;margin:20px auto;}
	.myui-article__content h2{ font-size:18px;margin:10px 0;font-weight:bold;}
	#art_container{}
	h1.myui-article__title{font-size: 23px;}
	.path{font-size:14px;}
	
	.dropdown-hover > a{ display:inline;}
	
	.cjs9{display:block;}
}



.myui-article__title {
	margin: 0 0 10px;
	font-size: 24px;
	line-height: 30px;
	font-weight: 700;
}

.myui-article__sub {
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.myui-article__content img {
	display: block;
	max-width: 100%;
	margin: 20px auto;
	width: 60%;
}

.text-muted {
	color: #999;
}

.split-line {
	background-color: #eee;

	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
	width: 1px;
	height: 14px;
	vertical-align: -2px;
}

.art-content .myui-article__content {
	float: left;
}

#art_container .myui-article__content {
	min-height: 700px;
}

.myui-article__content {
	line-height: 30px;
	font-size: 16px;
}

.mt20 {
	margin-top: 20px;
}

p {
	margin-bottom: 10px;
}

.myui-article__content h2 {

	color: #666 !important;
}

.myui-article__content p {}

.myui-article__content a {
	color: #616a74;
	text-decoration: underline;
	font-size: 17px;
	font-weight: 700;
}

@media (min-width: 1024px) {
	.col-md-wide-7 {
		width: 70%;
		float: left;
	}
	.col-md-wide-3 {
		width: 30%;
		float: left;
	}

	.content {
		padding-top: 20px;
		padding-left: 120px;
		padding-right: 120px;
	}
}

@media (max-width: 1023px) {
	@media (max-width: 767px) {
		body {
			font-size: 12px;
		}

		h1.myui-article__title {
			font-size: 23px;
		}

		.hidden-xs {
			display: none !important;
		}

		[class*=col-],
		.myui-content__list li {
			padding: 5px;
		}

		.myui-article__content {
			line-height: 30px;
			font-size: 16px;
			margin-top: 0;
		}

		.myui-article__content img {
			display: block;
			width: 100%;
			margin: 20px auto;
		}

		.content {}
	}
}