html {background: #f8f8f8;}
body {min-height: 100%;	font: 400 .6rem 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif;line-height: 1;background-color: #efefef;}

.swiper-slide img{
	width:100%;
	max-height:10rem;
}
.main_title {
  height: 1.70666667rem;
  line-height: 1.70666667rem;
  border-bottom: 1px solid #f2f2f2;
  background: #fff;
  font-size: 0.69733333rem;
  color: #f93914;
  padding: 0 0.42666667rem;
  vertical-align: middle;
  padding-left: 0.81066667rem;
  position: relative;
}
.main_title i {
    display: inline-block;
    width: 0.17066667rem;
    height: 0.612rem;
    border-radius: 0.08533333rem;
    background: #ee2125;
    position: absolute;
    left: 0.42666667rem;
    top: 50%;
    margin-top: -0.256rem;
}
.main_title a {
    float: right;
    font-size: 0.512rem;
    color: #999999;
}
#page1 .list-block{
	margin:0px;
}
#page2 .list-block{
	margin:0px;
}
#page1 .swiper-container{padding-bottom:2px;}
#page1 .swiper-container-horizontal > .swiper-pagination{bottom:1.3rem}
.bar {height:2rem}
.searchbar{height:2rem}
.bar .searchbar{background: #fff;    padding: 0.2rem 0.5rem;}
.bar .searchbar .search-input input{background: #F4F4F4;}

#page1 .item-content .img_box {width: 7.12rem;height: 5.84rem;}
#page1 .item-content .img_box  img{width:100%;height:auto;}
#page1 .list-block ul li .item-title{    font-size: 0.3rem;}
#page1 .list-block ul li .item-subtitle{    font-size: 0.3rem;}

.f_right{float:right;}
.shu_box{padding-top:0.2rem;}
.shu_box span{display:inline-block;vertical-align:middle;font-size:0.512rem;color:#999;}


.i_icons{display:inline-block;margin-right:0.3rem;width:0.8rem;height:0.8rem; vertical-align:middle;margin-top:-0.1rem;}
.i_bf{ background:url(../images/i_v.png); background-size:cover;}
.i_zan{ background:url(../images/i_zan.png); background-size:cover;    margin-top: 0.18rem;}
#footer{height: 2.5rem;}

/***µ×²¿µ¼º½***/
.nav4{
	height:2.5rem;
}
.nav4 ul{
	z-index:99900;
	width:100%;list-style: none;
	padding:0px;
	margin:0px;
}
.nav4 li{
	border:1px solid rgba(190,190,190,1);
	background:#fff;
	height:2.5rem;
	border-bottom:0;
	border-right:0;
	position:relative;
	-webkit-box-shadow:inset 0 0 3px #fff;
	float:left;
	box-sizing:border-box;
}
.nav4 li:nth-of-type(1){border-left;0;}
.nav4 li>a{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	/*border:1px solid #f9f8f9;*/
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	border-bottom:0;
	display:block;
	line-height:1rem;
	text-align:center;

}
.nav4 li>a:only-child span{
	background:none;
	padding-left:0;
}
.nav4 li>a.on + dl{
	display: block;
}
.nav4 li>a span{
	color: #4f4d4f;
	display: inline-block;
	/*padding-left: 15px;
	background: url(../imgs/1.svg#2) no-repeat 4px 18px;*/
	font-size:0.5rem;
	-webkit-background-size: 9px auto;
	text-shadow:0px 1px 0px #ffffff;
}
/***********************/
.nav4 dl{
	display:none;
	position:absolute;
	z-index:220;
	bottom:60px;
	left:50%;
	width:100px;
	margin-left:-50px;
	background:red;
	/*min-height:100px;*/
	background:#e4e3e2;
	/*border:1px solid #afaeaf;*/
	border-radius:5px;
	-webkit-box-shadow:inset 0 0 3px #fff;
	background:url(../imgs/2.svg#3) no-repeat center center;
	-webkit-background-size:100%;
	background-size:100%;
}
/*, .nav4 dl:after*/
.nav4 dl:before{
	content:"";
	display:inline-block;
	position:absolute;
	z-index:240;
	bottom:0;
	left:50%;
	/*width:0;
	height:0;
	border:8px solid red;
	border-color:#afaeaf transparent transparent transparent;
	margin-left:-8px;
	margin-bottom:-16px;*/
	width:10px;
	height:8px;
	background: url(../imgs/1.svg#2) no-repeat center -55px;
	-webkit-background-size: 10px auto;
	bottom: -7px;
	margin-left: -5px;
}
/*.nav4 dl:after{
	z-index:241;
	border-color:#e4e3e2 transparent transparent transparent;
	margin-bottom:-15px;
}*/
.nav4 dl dd{
	line-height:1.92rem;
	text-align:center;
	background:-webkit-gradient(linear, 0 0, 100% 0, from(rgba(194,194,194,0.8)), to(rgba(194,194,194,0.8)), color-stop(50%, rgba(194,194,194,0.8)));
	background-size:80% 1px;
	background-repeat:no-repeat;
	background-position: center bottom;
	/*background: url(../imgs/3.svg#4) no-repeat center bottom;
	-webkit-background-size:100px 1px;*/
}
.nav4 dl dd:last-of-type{
	background:none;
}
.nav4 dl dd {
		padding:0;margin:0;
}
.nav4 dl dd a{
	display:block;
	color:#4f4d4f;
	text-shadow:0px 1px 0px #ffffff;
	white-space: pre;
	overflow: hidden;
	text-overflow: ellipsis;
}
.nav4 .masklayer_div{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 180;
	background: rgba(0,0,0,0);
}
.nav4 .masklayer_div.on{display: block;}
.col-xs-20 {
    width: 20%;
}
#nav4_ul li a:link{text-decoration:none;}
.nav_4 .nav_box li .icon{    padding: 0rem .1rem;}
.nav_4 .nav_box li p{   margin:0.1rem 0;}
.nav_4 .nav_box li a{color: #929292;}

.nav_4 .nav_box li .on{    color: #0894ec;}
/***Ïêϸҳ***/
.vedio_box{width:100%;  position:relative;}
.return_btn{display:block;width:1.8rem;height:1.8rem;border-radius:0.9rem; position:absolute;left:0.512rem;top:0.512rem;background:rgba(0,0,0,.8);z-index:9999;}
.return_btn i{display:block;border-left:2px solid #ccc;border-bottom:2px solid #ccc;width:0.4rem;height:0.4rem;margin:0.7rem auto;
transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);
}
.vedio_item{margin:0;display: box;	display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -ms-flex;display: flex; height:2.20666666rem; background:#fff;padding:0 0.42666666rem;box-sizing:border-box; font-size:0.58rem;}
.vedio_item li{flex: 0 0 33.3333%;line-height:1.70666666rem; vertical-align:middle;list-style: none;}
.i_fx{width:0.85rem;height:0.85rem; background:url(../images/i_fx.png);background-size:cover;}
.i_sc{width:0.85rem;height:0.85rem; background:url(../images/i_sc.png);background-size:cover;margin-right:0.6rem;}
.i_scon{width:0.85rem;height:0.85rem; background:url(../images/i_scon.png);background-size:cover;margin-right:0.6rem;}
.tc{ text-align:center;}
.tr{ text-align:right;}
.glob_h1{margin:0;padding:0.42666666rem;background:#fff;font-size:0.7rem;line-height:1.1rem;color:#222;}
.glob_title{margin:.1rem 0;;padding:0 0.42666666rem;width:100%;height:1.70666666rem;line-height:1.70666666rem;box-sizing:border-box; background:#fff;}
#page1 .box{padding:0.42666666rem;width:100%;box-sizing:border-box;background:#fff;}
#page1 .box p{line-height:1rem;font-size:0.64rem;}
.zan_btn{display:block;width:2.4rem;height:2.4rem; vertical-align:middle; text-align:center;margin:0.6rem auto;border:2px solid #e6e6e6; border-radius:100%; position:relative;}
.i_zan_a{width:1.4rem;height:1.4rem; background:url(../images/i_zan_n.png);background-size:cover;margin:0.45rem auto;}
.zan_btn em{ position:absolute;padding:3px 5px;background:#777;color:#fff;font-size:13px;border-radius:10px;left:1.7rem;top:-5px;}
.zan_btn_on .i_zan_a{background:url(../images/i_zan.png);background-size:cover;}
.zan_btn_on em{background:#ec5d66;}
.ly_list{margin:0;background:#fff;padding:0 0.5rem;width:100%;box-sizing:border-box;margin-bottom:1.92rem; }
.b_border,.tb_border{position:relative;}
.tb_border:before{content: "";display: block;position: absolute;left: -50%;width: 200%;top:0;height: 1px;background: #d9d9d9;-webkit-transform:scale(0.5);}
.b_border:after,.tb_border:after{content: "";display: block;position: absolute;left: -50%;width: 200%;bottom:0;height: 1px;background: #d9d9d9;-webkit-transform:scale(0.5);}
.ly_list li{padding:0.5rem 0;width:100%;box-sizing:border-box;height:auto!important;overflow:hidden; position:relative;}
.ly_list li:after{content: "";display: block;position: absolute;left: -50%;width: 200%;top:0;height: 1px;background: #d9d9d9;-webkit-transform:scale(0.5);}
.ly_list li:first-child:after{display: none;}
.header_img{width:1.5rem;height:1.5rem;border-radius:100%;overflow:hidden;float:left;margin:0 0.6rem 0 0.1rem;background: url(../images/default_user_image.png);background-size:cover;}
.header_img img{width:100%;}
.header_img_right{width:12.8rem;float:left;}
.n_t_box{font-size:0.58rem;color:#777}
.time{font-size:11px;margin-left:0.4rem;color:#999;}
.ly_list li p{padding-top:0.2rem;line-height:0.9rem;font-size:0.6rem;}

#cover{display:none;position:absolute;left:0;top:0;z-index:18888;background-color:#000000;opacity:0.7;}
#guide{display:none;position:absolute;right:18px;top:5px;z-index:19999;}
#guide img{width:260px;height:180px;}

.ly_box{width:100%;height:2.5rem;padding:0.21333333rem 0.42666666rem; box-sizing:border-box;background:rgba(255,255,255,0.95); position: fixed;bottom:1.92rem;}
.ly_box:after{content: "";display: block;position: absolute;left: -50%;width: 200%;top:0;height: 1px;background: #d9d9d9;-webkit-transform:scale(0.5);}
.textarea_box{width:12rem;height:1.5rem;border:1px solid #e6e6e6;background:#f8f8f8;border-radius:4px;box-sizing:border-box;float:left;}
.textarea_box textarea{border:0;width:100%;padding:0.25rem 0.25rem;height:1.4rem;line-height:1rem;box-sizing:border-box; padding-left:2em;background: url(../images/i_pen.png) no-repeat 0.35rem 0.38rem #f8f8f8; background-size:0.682222rem auto;font-size:0.64rem;}
.ly_box button{width:2.9rem;height:1.5rem;background:#40acea;height:1.5rem;line-height:1.5rem;color:#fff;outline:none; text-align:center;border:0;border-radius:4px;font-family:'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif;float:right;font-size:0.64rem;}
.d_fl{	height:1.7066666rem;font-size:0.64rem;}
.fl_box{height:1.7066666rem;color:#525252;line-height:1.7066666rem;text-align:center;width:100%;background:#fff;}
.fl_box .fl-container {width: 100%;height: 100%;overflow:hidden;}
.fl_box .swiper-slide {text-align: center;
        /* Center slide text vertically */
        display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;
        display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;font-size:0.58rem;}
.fl_box .slide_on{border-bottom:2px solid #40acea;color:#088cd8;box-sizing:border-box;}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.input-group {
	width:100%;
    position: relative;
    display: table;
    border-collapse: separate;
}
.input-group .form-control, .input-group-addon, .input-group-btn {
    display: table-cell;
}


.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}
.ly_box .item-content input.form-control {padding: 6px 6px;}
		#scroller {
			position: absolute;
			z-index: 1;
			-webkit-tap-highlight-color: rgba(0,0,0,0);
			width: 100%;
			-webkit-transform: translateZ(0);
			-moz-transform: translateZ(0);
			-ms-transform: translateZ(0);
			-o-transform: translateZ(0);
			transform: translateZ(0);
			-webkit-touch-callout: none;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
			-webkit-text-size-adjust: none;
			-moz-text-size-adjust: none;
			-ms-text-size-adjust: none;
			-o-text-size-adjust: none;
			text-size-adjust: none;
		}
.ly_box .input-group .form-control:first-child{
	border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.ly_box .input-group-btn:last-child>.button{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
	height:1.6rem;
}
.video_list_tu{height:auto!important;overflow:hidden;background:#fff;padding:0 0.2rem;box-sizing:border-box;}
.video_list_tu li{width:7.8rem;padding:0.2rem 0.2rem;height:8.3rem;box-sizing:border-box; position:relative;float:left;}
.video_list_tu li .img_box{width:7.4rem;height:4.9rem; position:relative;oveflow:hidden;}
.video_list_tu li h1{font-size:0.6rem;color:#444;margin:0.3rem 0;line-height:1.2;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.video_list_tu li p{font-size:0.53rem;margin:0.1rem 0;color:#888;}
.video_list_tu .shu_box{background:url(../images/box_bg.png); background-size:100% 0.9rem;height:0.9rem; vertical-align:middle; position:absolute;bottom:-0.05rem;left:0;right:0;padding:0.1rem 0.2rem; box-sizing:border-box;}
.video_list_tu .shu_box span{display:inline-block;vertical-align:middle;font-size:0.512rem;color:#fff;}
.video_list_tu .shu_box .bf_box{ position:absolute;left:0.2rem;top:0.2rem;}
.video_list_tu .shu_box .zan_box{ position:absolute;right:0.2rem;top:0.2rem;}

/*À¶É«//===================================================*/
.app-blue header{background-color: #3498db !important;}
.app-blue header span,.app-blue header h1,.app-blue header a,.app-blue  header .icon:before{color:#fff;}
.app-text {color: #3498db !important;}
.app-hover:hover,.app-hover:active{color:color:#3498db!important;}
.app-hover div:hover,.app-hover div:active,
.app-hover .mui-icon:hover,.app-hover .mui-icon:active,
.app-hover mui-media-body:hover,.app-hover mui-media-body:active{color:#3498db!important;}
.app-txt{color:#3498db!important;}
.app-blue .mui-title{	color:#ffffff;}
.app-blue .mui-icon{color:#ffffff;}
.app-blue .main_title{color:#3498db;}
.app-blue .main_title i{background: #3498db;}