@charset "utf-8";


/*
 * qrcode_layer
 * */
.qrcode_layer{text-align:center;width:260px;margin: 0 auto;}
.qrcode_layer .pic{width:240px;height:240px;margin:5px auto;}
.qrcode_layer .pic img{width:240px;height:240px;}
.qrcode_layer .txt{text-align:center;margin-bottom: 20px;font-size: 14px;}

/*
 * layer
*/
.layer_tpl{display:none;}
.layui-m-layer h3{background-color:#F2F2F2;}

body  .layui-layer-setwin .layui-layer-close2{right: -45px;top: -40px;background:none;}
body  .layui-layer-setwin .layui-layer-close2:before {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e62f";
    color: #fff;
}

/*
 * logo
 * */
.logo{display:block;width:280px;height:70px;
	background:url('../img/web/logo.png?v=2') no-repeat center center;
}
.logo a{display:block;}


.section_more{display: inline-block;padding: 5px 10px;background-color: #191f22;color: #fff;}
.section_more:hover{background-color: #333;color: #fff;}


/*
 * hander
 * */
.hander{background-color: #fff;padding-bottom:20px;}
.hander .hander_logo{height:70px;border-bottom: 1px solid #ddd;margin-bottom: 15px;position: relative;}

.hander .hander_logo .con{
	width:220px;height:70px;position: absolute;bottom: -10px;left:50%;margin-left: -110px;
	background-color: #fff;
}
.hander .hander_logo .logo{width:180px;height:70px;margin: 0 auto;background-size:100% auto;}


/*wap*/
@media (max-width: 640px) {
	.hander{padding-bottom:0;}
	.hander .hander_logo{height:60px;border-bottom: 1px solid #ddd;margin-bottom: 10px;position: relative;}
	.hander .hander_logo .con{width: 100%;height: 50px;
		top:5px;bottom: auto;left:0;margin-left: 0;
	}
	.hander .hander_logo .logo{width:140px;height:40px;margin-left: 0;margin-top: 5px;}
}

/*
 * hander_nav
 * */
.hander_nav{position: relative;margin-top: 5px;height: 50px;}


.menu .item{
	float: left;position: relative;height: 50px;line-height: 50px;
	width: 100px;z-index: 4000;padding: 0 10px;
}
.menu a{display: block;}

.menu .item.selected:before{
	content: " ";
	font-size:0;line-height:0;padding:0;
	position:absolute;left:0;bottom: 8px;
	height: 3px;
	width: 50px;
background-color: #d4021d;
}

.menu .submenu{
	position: absolute;top:49px;left:0;z-index: 4000;
	width: 200px;min-height: 50px;
	border: 1px solid #ddd;
	display: none;
	background-color: #fff;
}

.menu .submenu .link{display: block;height: 40px;line-height: 40px;}
.menu .submenu .link span,
.menu .submenu .sublink span{width: 90%;height: 39px;margin: 0 auto;border-bottom: 1px solid #ddd;display: block;overflow: hidden;position: relative;}
.menu .submenu .link:last-child span{border-bottom: 0;}
.menu .submenu .subitem:last-child .sublink span{border-bottom: 0;}

.menu .submenu .link span i,
.menu .submenu .sublink span i{display: inline-block;position: absolute;top:0;right: 0;}


.menu .submenu .link:hover,
.menu .submenu .sublink:hover{background-color: #d4021d;color: #fff;}
.menu .submenu .link:hover span,
.menu .submenu .sublink:hover span{border-bottom: 0;}

.menu .dropdown:hover .submenu{display: block;}

.menu .submenu .arrow{
	font-size:0;line-height:0;padding:0;width:0;height:0;
	position:absolute;top: -10px;left: 15px;

	border-bottom:10px solid #ccc;
	border-right:10px solid transparent;
	border-left:10px solid transparent;
}

.menu .submenu .item1:before{
	content: " ";
	font-size:0;line-height:0;padding:0;width:0;height:0;
	position:absolute;top:-9px;left:15px;

	border-bottom:10px solid #fff;
	border-right:10px solid transparent;
	border-left:10px solid transparent;
}
.menu .submenu .item1:hover:before{border-bottom:10px solid #d4021d;}


.menu_prd .submenu{width:800px;max-width:1200px;}


@media (min-width: 750px) {
	.menu_prd .submenu{width:500px;}
}

@media (min-width: 850px) {
	.menu_prd .submenu{width:600px;}
}

@media (min-width: 950px) {
	.menu_prd .submenu{width:700px;}
}

@media (min-width: 1050px) {
	.menu_prd .submenu{width:800px;}
}

@media (min-width: 1150px) {
	.menu_prd .submenu{width:900px;}
}

@media (min-width: 1250px) {
	.menu_prd .submenu{width:1000px;}
}

@media (min-width: 1350px) {
	.menu_prd .submenu{width:1100px;}
}

@media (min-width: 1420px) {
	.menu_prd .submenu{width:1200px;}
}

.menu_prd .subitem{width:200px;height: 50px;line-height: 50px;background-color: #fff;color: #444;}
.menu_prd .subitem:hover{background-color: #d4021d;color: #fff;}
.menu_prd .subitem:hover .sublink{color: #fff;}
.menu_prd .subitem:hover .sublink span{border-bottom: 0;}

.menu_prd .subitem .sublink{height: 50px;line-height: 50px;}
.menu_prd .subitem .sublink span{height: 49px;}

.menu_prd .subitem .threemenu{width:100%;height:100%;position: absolute;top:0;left:200px;z-index:4000;display: none;background-color: #fff;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.menu_prd .subitem:hover .threemenu,
.menu_prd .subitem.active .threemenu{display: block;}

.menu_prd .subitem .threebox{position: relative;width: 100%;height: 100%;}

.menu_prd .subitem .threeitem{
	width: 200px;position: absolute;top:0;left:0;z-index:200;padding:20px 0 40px 0;overflow: hidden;max-height: 100%;
	background-color: rgba(255,255,255,0.8);
}

.ie8_fix .menu_prd .subitem .threeitem{
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#ccffffff, endColorstr=#ccffffff);/*IE8支持*/
}

.menu_prd .subitem .threebg{width:100%;height:100%;}
.menu_prd .subitem .threebg img{width: 100%;height: auto;max-height: 100%;}


/*
 * hander_nav_r
 * */
.hander_nav_r{position: absolute;top:0;right: 0;width: 250px;height: 50px;}
.hander_nav_r .dt{float: left;width: 180px;}
.hander_nav_r .dd{float:right;width: 60px;position: relative;}
.hander_nav_r .sp{
	position: absolute;top:0;left:-20px;
	width: 1px;background-color: #aaa;font-size: 0;line-height: 0;padding: 0;margin: 0;
	height: 40px;
}
.hander_nav_r .link{display: inline-block;width: 50px;height: 50px;text-align: center;}
.hander_nav_r .link i{font-size: 22px;line-height:1;color: #7d7d7d;display: block;}
.hander_nav_r .link:hover i{color: #d4021d;}

.hander_nav_r .submenu{
	position: absolute;top:50px;right:0;z-index: 2000;
	width: 300px;min-height: 60px;
	border: 1px solid #ddd;
	display: none;
	background-color: #fff;
}
.hander_nav_r .submenu .arrow{
	font-size:0;line-height:0;padding:0;width:0;height:0;
	position:absolute;top: -10px;right: 15px;

	border-bottom:10px solid #ccc;
	border-right:10px solid  #fff;
	border-left:10px solid #fff;
}
.hander_nav_r .submenu .arrow:after{
	content: " ";
	font-size:0;line-height:0;padding:0;width:0;height:0;
	position:absolute;top:1px;left:-10px;

	border-bottom:10px solid #fff;
	border-right:10px solid transparent;
	border-left:10px solid transparent;
}

.hander .nav_search{height:80px;}
.hander .nav_search .wrap_input{border: 1px solid #ccc;width:80%;height:40px;margin: 15px auto;position: relative;overflow: hidden;
background-color: #fff;
}
.hander .nav_search .input{width:100%;border:0;height:30px;font-size:14px;
	position: absolute;top:5px;left:5px;}
.hander .nav_search .nav_search_btn{position:absolute;right:0;top:0;width:32px;height:40px;line-height:37px;
	overflow:hidden;text-align:center;border-left:1px dashed #e5e5e5;cursor:pointer;font-size:18px;
}
.hander .nav_search .nav_search_btn i{font-size: 22px;line-height:1.5;}


.hander_nav_r .dropdown:hover .submenu{display: block;}

.hander_nav_r .submenu:hover .arrow:after{border-bottom:10px solid #d4021d;}
.hander_nav_r .submenu:hover {background-color: #d4021d;}


/*hander_nav_wap*/
.hander_nav_wap{position: absolute;top:5px;right: 0;width: 150px;height: 50px;display: none;}

.hander_nav_wap .item{float: left;width: 50%;text-align: center;font-size: 18px;height: 50px;line-height: 50px;position: relative;}
.hander_nav_wap .item_sp{
	position: absolute;top:10px;left:50%;
	width: 1px;background-color: #ccc;font-size: 0;line-height: 0;padding: 0;margin: 0;
	height: 30px;
}

.hander_sp{height: 70px;display: none;}

/*wap*/
@media (max-width: 640px) {
	.hander_nav{display: none;}
	.hander_nav_wap{display: block;}
	.hander{position: fixed;top:0;left:0;z-index: 1500;width: 100%;background-color: #fff;}
	.hander_sp{display: block;}
}


.wap_menu{
	position: fixed;top:0;left:0;z-index: 2000;
	text-align: left;
	width: 100%;height: 100%;background-color: #fff;
	font-size: 16px;
	transform: translate3d(100%,0,0);
	transition: transform .3s ease-in-out;
	overflow:hidden;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.wap_menu_2{z-index: 2002;}

.wap_menu i.iconfont{color: #d4021d;font-size: 20px;}
.wap_menu .tit{
	width: 100%;
	height: 50px;line-height: 50px;font-size: 20px;
	background-color: #eff0f1;text-align: center;
	position: absolute;top:0;left:0;
}
.wap_menu .con,
.wap_menu .dd{
	width: 100%;height: 100%;
	font-size: 16px;
	box-sizing:border-box;
	border-top:50px solid transparent;

	background-color: #fff;
	overflow-x: hidden;
	overflow-y: auto;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding-bottom: 40px;
}

.wap_menu .tit i{position: absolute;left:5px;top:5px;display: block;height: 40px;line-height: 40px;font-size: 22px;}
.wap_menu .dt{position: relative;}

.wap_menu span{height: 50px;line-height: 50px;display: block;margin:0 10px;border-bottom: 1px solid #ddd;position: relative;}
.wap_menu span i{display: inline-block;position: absolute;top:0;right: 0;}
.wap_menu a{display: block;}

.wap_menu.active {transform: translate3d(0,0,0);}


/*
 * footer_top
 * */
.footer_top {border-top: 1px solid #ccc;position: relative;}

.footer_share{padding-top: 50px;}

.footer_share_layer{color: #fff;background-color: #fff;width: 276px;margin:0 0 30px 0;position: relative;}
.footer_share_layer .tit{height: 50px;line-height: 50px;
text-indent: 10px;font-size: 16px;background-color: #191f22;
}
.footer_share_layer .tit i{font-size: 24px;}

/*wap*/
@media (min-width: 1000px) {
	.footer_share_layer:hover .box {
		display: block;
	}
}

.footer_share_layer .tit_wap{display: none;}
.footer_share_layer .box{display: none;
	position: absolute;top:50px;left:0;background-color: #fff;
	width: 100%;min-height: 90px;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding:15px 10px;
}

.footer_share_layer a{color: #fff;background-color: #191f22;
	display: inline-block;margin:0 5px 10px 0;
	width: 50px;
	height: 50px;
	line-height: 1;
	font-size: 26px;
	text-align: center;
	padding-top:13px;
}

.footer_share_layer a.c1{background-color: #3A6DBC;}
.footer_share_layer a.c2{background-color: #FFC028;}
.footer_share_layer a.c3{background-color: #EF1F25;}
.footer_share_layer a.c4{background-color: #71C5F2;}
.footer_share_layer a.c5{background-color: #3eb94e;}


.footer_share_layer a:hover{
	opacity: 0.8;
}


.footer_share_links .items{margin-top: 10px;}
.footer_share_links a{color: #fff;background-color: #191f22;
	display: inline-block;margin:0 5px 8px 0;
	width: 48px;
	height: 48px;
	line-height: 1;
	font-size: 26px;
	text-align: center;
	padding-top:13px;
}

.footer_share_links a:hover{
	background-color: #f90000;
}


/*
 * footer_nav
 * */
.footer_nav{border-top: 1px solid #ccc;}
.footer_nav .dl{margin:10px 0;float:left;width: 25%;position: relative;}
.footer_nav .dl_1{min-height: 380px;}

.footer_nav .dt,
.footer_nav .dt_wap{margin:8px 0;font-size: 15px;font-weight: bold;position: relative;color: #7d7d7d;}
.footer_nav .dt_wap{display: none;}
.footer_nav .dt_wap i{position: absolute;top:0;right: 0;font-size: 18px;}

.footer_nav .dd a{display: block;margin:0 0 10px 0;max-width: 270px;}

.footer_nav .active .dt_wap i{
    transform:rotate(180deg);
    -ms-transform:rotate(180deg); 	/* IE 9 */
    -moz-transform:rotate(180deg); 	/* Firefox */
    -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
    -o-transform:rotate(180deg); 	/* Opera */
}


@media (max-width: 750px) {
	.footer_nav .dl{width: 50%;}
}

/*wap*/
@media (max-width: 640px) {
	.footer_nav{border-top:none;margin-bottom: 30px;min-height:auto;}
	.footer_nav .dl{float:none;width: 100%;border-top: 1px solid #ccc;}
	.footer_nav .dl_1{min-height: 10px;}

	.footer_nav .dt{display:none;}
	.footer_nav .dd{display: none;}

	.footer_nav .dt_wap{display: block;}

	.footer_share{border-top: 1px solid #ccc;}

	.footer_share_layer{width: 100%}
}

/*wap*/
@media (max-width: 1000px) {
	.footer_share_layer{width: 100%}
	.footer_share_layer .tit_pc{display: none;}
	.footer_share_layer .tit_wap{display: block;}
}

/**
* footer_area
* */
.footer_area{text-align: center;margin:15px auto;}

.footer_area .footer_area_select{max-width: 640px;margin:0 auto;}
.footer_area .select_black_bg{width:46%;float: left;margin:10px 2%;height: 40px;position: relative;}
.footer_area .select_arrow{
	position: absolute;right: 0;top:0;height: 40px; width: 30px;z-index: 10;
	background: url('../img/web/arrow_drop_down_black.png') no-repeat scroll right center #2d2d2d;
}
.footer_area .select{color:#fff;
	height: 40px;width:100%;
	-webkit-appearance: none;
	border-radius: 0;
	border: none;
	background-color: #2d2d2d;
}

.ie8_fix .footer_area .select{
	padding: 8px 10px 8px 8px;
}

@media (max-width: 640px) {
	.footer_area .select_black_bg{width:100%;float: none;margin:10px 0;}
}


.footer{background-color: #191f22;color: #fff;overflow: hidden;}
.footer .copyright{line-height:40px;border-top: 1px solid #444;height: 70px;}
.footer .copyright a{color: #fff;}

.footer_links{margin: 20px 0;}
.footer_links h5{margin-bottom: 10px;}
.footer_links .items a{display: inline-block;margin:0 10px 10px 0;}

/* Styled scrollbars */
.iScrollHorizontalScrollbar {
	position: absolute;
	z-index: 1000;
	height: 10px;
	left: 2px;
	right: 2px;
	bottom: 2px;
	/*overflow: hidden;*/
	background-color: #ccc;
}

.iScrollHorizontalScrollbar.iScrollBothScrollbars {
	right: 18px;
}

.iScrollVerticalScrollbar {
	position: absolute;
	z-index: 2000;
	width: 16px;
	bottom: 2px;
	top: 2px;
	right: 2px;
	overflow: hidden;
}

.iScrollVerticalScrollbar.iScrollBothScrollbars {
	bottom: 18px;
}

.iScrollIndicator {
	position: absolute;
	background: #D5001C;
}

.iScrollHorizontalScrollbar .iScrollIndicator {
	background: url("/res/img/web/iScrollIndicator.png") no-repeat center center #D5001C;
	position: absolute !important;
	z-index: 5 !important;
	top: -3px;
	height: 16px !important
}

.iScrollVerticalScrollbar .iScrollIndicator {
	width: 100%;
	background-color: #D5001C;
}

/*
 * gotop
 * */
.gotop{position:fixed;bottom:50px;right:5px;width:40px;height:40px;z-index:2000;cursor:pointer;}
.gotop i{color:#999;font-size:35px;}

/*
 * banner
 * */
.banner{width:100%;overflow:hidden;position:relative;}
.banner .items{width:100%;overflow:hidden;position:relative;}
.banner .item{float:left;width:100%;position:relative;}
.banner .item .dl{width:100%;position:relative;height:0;font-size:0;line-height:0;overflow: hidden;padding-bottom: 38%;}
.banner .item .pic{position:absolute;width:100%;height:100%;}
.banner .item img{width: 100%;height: 100%;}

.banner .navi{position:absolute;bottom:6%;left:0;z-index:10;width:100%;text-align:center;}
.banner .navi a{width:10px;height:10px;line-height:0;font-size:0;text-decoration:none;
	border-radius:50%;background-color:#ccc;
	display:inline-block;margin-left:5px;margin-right:5px;}
.banner .navi a.selected{background-color:#fff;}

@media (max-width: 640px) {
	.banner .item .dl{padding-bottom: 80%;}
	.banner .item .pic{}
	.banner .item .pic img{
		position: absolute;
		height: 100%;
		width: auto;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}
}

.banner .txt{
	position: absolute;left: 5%;bottom: 5%;color: #fff;
	display: inline-block;line-height: 1.5;
}
.banner .txt a{color: #fff;}
.banner .txt .dt{font-size: 40px;}
.banner .txt .dt:before{
	font-family: "iconfont" !important;
	position: absolute;top:0;left:-30px;
	font-size: 36px;line-height: 1.8;
	font-style: normal;font-weight: bold;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e609";color: #D5001C;
}
.banner .txt .dd{font-size: 16px;color: #fff;}

@media (max-width: 640px) {
	.banner .txt{left: 6%;bottom: 10%;}
	.banner .txt .dt{font-size:18px;}
	.banner .txt .dt:before{font-size: 20px;left:-18px;}
	.banner .txt .dd{font-size: 14px;}
}



/*
 * banner_video
 * */

.play_icon{
	width: 60px;height:60px;cursor: pointer;
	position: absolute;top:50%;left:50%;margin: -30px 0 0 -30px;z-index: 100;
    border-radius: 50%;line-height: 0;
    background-color: rgba(100,100,100,0.4);
    border: 2px solid #fff;
}
.ie8_fix .play_icon{
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#66666666, endColorstr=#66666666);/*IE8支持*/
}

.play_icon:before{
    font-family: "iconfont" !important;
    position: absolute;top:0;left:0;
    width: 60px;
    height: 60px; line-height: 60px;
    font-size: 38px;
    text-align: center;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e61d";color: #fff;
}

@media (max-width: 640px) {
	.play_icon{
		width: 50px;height:50px;margin: -25px 0 0 -25px;

    }

    .play_icon:before {
        width: 50px;height: 50px;line-height: 50px;
        font-size: 32px;left:0;
    }
}

.banner .bg{width: 100%;display: none;background-color: #000;text-align: center;}
.banner .con{margin: 0 auto;max-width: 100%;display: inline-block;}

.banner .banner_video .pic{display: none;}
.banner .banner_video .dl{height:auto;padding-bottom: 0;}
.banner .banner_video .bg{display: block;}

.video_box{position: relative;}
.video_box .pic{}
.video_box img{max-width:100%;height:auto;}


/*
 * banner_vod
 * */
.banner_vod{width:100%;overflow:hidden;position:relative;}
.banner_vod .item{width:100%;position:relative;}
.banner_vod .pic{position:relative;cursor: pointer;}
.banner_vod img{max-width:100%;height:auto;margin:0 auto;display: inline-block;}
.banner_vod .bg{width: 100%;display: none;background-color: #000;text-align: center;}
.banner_vod .con{margin: 0 auto;max-width: 100%;display: inline-block;}

.banner_vod .banner_video .pic{display: none;}
.banner_vod .banner_video .dl{height:auto;padding-bottom: 0;}
.banner_vod .banner_video .bg{display: block;}

/*
* pagination
* */
.pagination{text-align:center;margin-top:10px;}
.pagination span,
.pagination a,
.pagination span.page,
.pagination span.page_more,
.pagination a.page{margin:4px;height:30px;line-height:30px;min-width:40px;overflow:hidden;display:inline-block;
	font-size:14px;color:#6c6c6c;text-align:center;padding: 0 10px;}

.pagination span.page,
.pagination span.page_more,
.pagination a.page{	border: 1px solid #ddd;background-color: #fcfcfc;border-radius:2px;cursor:pointer;}

.pagination span.page:hover,
.pagination span.selected,
.pagination a.page:hover,
.pagination a.selected{color:#fff;background-color: #2d2d2d;border: 1px solid #2d2d2d;}

.pagination span.disabled,
.pagination a.disabled{color:#aaa;background-color: #eee;}
.pagination span.disabled:hover,
.pagination a.disabled:hover{color:#aaa;background-color: #eee;border: 1px solid #ddd;cursor:not-allowed;}

.pagination span.sp{color:#777;*display:inline;*zoom:1;}

.pagination .iconfont{font-size: 18px;}
.pagination span.page_more{color:#fff;background-color: #2d2d2d;border: 1px solid #2d2d2d;}

/*
 * page
 * */
.page_title{min-height: 50px;line-height: 50px;text-align: center;font-size: 26px;margin: 10px auto;}
.page_title .em{font-size: 13px;line-height: 20px;color: #666;}


.page_tools{min-height: 70px;text-align: left;background-color: #eff0f1;padding: 10px 0 20px 0;}
.page_tools .dt{font-size: 26px;line-height: 50px;}
.page_tools .pic{
    width: 50px;height: 50px;color: #fff;background-color: #d5001c;line-height: 50px;
    text-align: center;font-size: 20px;overflow: hidden;

	display: flex;
	justify-content: center;
	align-items: center;
}

@media (max-width: 640px) {
	.page_tools .pic{width: 36px;height: 36px;line-height: 36px;font-size: 14px;overflow: hidden;}
}


/*
 * info_nav
 * */
.info_nav{margin: 0 0 30px 0;max-width: 190px;}
.info_nav .tit{width: 100%;font-size: 18px;margin-bottom: 5px;}

.info_nav .item{
	position: relative;
	display: block;
	overflow: hidden;
	cursor: pointer;
	line-height: 1;
	padding:10px 15px 10px 22px;
	margin-bottom: 10px;
	border: 1px solid #1b1b1b;
	text-overflow: ellipsis;white-space: nowrap;

	-webkit-transition: background-color .3s,color .3s,transform .3s;
	transition: background-color .3s,color .3s,transform .3s;

	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}


.info_nav .item:hover{color:#d4021d;border: 1px solid #d4021d;}

.info_nav .item:before{
	font-family: "iconfont" !important;
	position: absolute;top:0;left:0;
	display: block;
	text-align: left;
	line-height: 1;
	padding:10px 15px 10px 3px;
	font-size: 14px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e61f";
}

.info_nav .item.selected{background-color: #313639;color: #fff;}
.info_nav .item.selected:hover{background-color: #d4021d;border: 1px solid #d4021d;}
.info_nav .item.selected:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);

	padding-top: 15px;
	color: #fff;
}

.info_nav .status .item{
	color: #999;
	border: 1px solid #ccc;
}

.info_nav .status .item.selected{color: #fff;}


.info_nav_wrap{max-width: 190px;}
@media (max-width: 640px) {
	.info_nav_wrap{max-width:100%;}
}

.info_nav_search{}
.info_nav_search .wrap_input{border: 1px solid #ccc;height:44px;position: relative;overflow: hidden;
	background-color: #fff;padding-left: 24px;
}
.info_nav_search .wrap_input:before{
	font-family: "iconfont" !important;
	position: absolute;top:0;left:3px;z-index: 2000;
	text-align: left;
	height: 44px;line-height: 44px;
	font-size: 18px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e618";
	color: #ddd;
}
.info_nav_search .input{width:100%;border:0;height:44px;line-height: 44px;font-size:14px;overflow: hidden;}

.info_filter_tools{margin-bottom: 30px;display: none;}

.info_filter_tools .filter_btn{
	background-color: #313639;color:#fff;margin-bottom: 10px;
	padding:12px;cursor: pointer;
}

.info_filter_tools .filter_body{}
.info_filter_tools .filter_body .items {
	float: left;
}

.info_filter_tools .filter_body .item{
	float: left;
	position: relative;
	height: 44px;line-height: 44px;padding:0 15px 0 22px;cursor: pointer;
	margin: 0 10px 10px 0;
	border: 1px solid #1b1b1b;
	text-overflow: ellipsis;white-space: nowrap;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;

	display: flex;
	justify-content: center;
	align-items: center;
}


.info_filter_tools .filter_body .item:before{
	font-family: "iconfont" !important;
	position: absolute;top:0;left:5px;
	text-align: left;
	height: 44px;line-height: 44px;
	font-size: 14px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e62f";
}

.wap_info_nav_tit{
    width: 100%;
    height: 50px;line-height: 50px;font-size: 20px;
    background-color: #eff0f1;text-align: center;
    position: absolute;top:0;left:0;
    display: none;
}
.wap_info_nav_tit i{
    position: absolute;left:5px;top:5px;display: block;height: 40px;line-height: 40px;
    color: #d4021d;font-size: 20px;
}


@media (max-width: 640px) {
    .info_filter_tools{display: block;}
    .wap_info_nav_tit{display: block;}

	.wap_info_nav {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		z-index: 5000;
		text-align: left;
		width: 100% !important;
		height: 100% !important;
		background-color: #fff !important;

		transform: translate3d(100%, 0, 0);
		transition: transform .3s ease-in-out;
		overflow: hidden;

		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.wap_info_nav.active {
		transform: translate3d(0, 0, 0);
	}

    .wap_info_nav_con{
        width: 100%;height: 100%;
        font-size: 16px;
        box-sizing:border-box;
        border-top:50px solid transparent;

        background-color: #fff;
        overflow-x: hidden;
        overflow-y: auto;

        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        padding:15px 15px 40px 15px;
    }
    .info_nav{max-width: 100%;}
    .info_nav .item{display: inline-block;margin: 0 10px 10px 0;}
}


/**
* page_tools_nav
* */
.page_tools_nav{width: 100%;height: 32px; overflow: hidden;position: relative;}
.ie8_fix .page_tools_nav{
	overflow-x:auto;
}
.page_tools_nav .scroller{
	width: 2000em;

	/* Prevent elements to be highlighted on tap */
	-webkit-tap-highlight-color: rgba(0,0,0,0);

	/* Put the scroller into the HW Compositing layer right from the start */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);

	/* Prevent native touch events on Windows */
	-ms-touch-action: none;

	/* Prevent the callout on tap-hold and text selection */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;

	/* Prevent text resize on orientation change, useful for web-apps */
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	text-size-adjust: none;
}

.page_tools_nav .items{display: inline-block;background-color: #fff;margin-left:0;}
.page_tools_nav a{display: inline-block;line-height:1;padding: 8px 12px;}
.page_tools_nav a:hover,
.page_tools_nav a.selected{background-color: #d5001c;color: #fff;}


/**
* page_tabs
*/
.page_tabs{margin-bottom: 10px;}
.page_tabs .item{display: inline-block;padding: 5px 15px;cursor: pointer;margin-right: 10px;}
.page_tabs .item:hover,
.page_tabs .item.active{background-color: #d5001c;color: #fff;}


/*
 * info_con
 * */
.info_con{max-width:800px;margin:0 auto;font-size: 14px;word-wrap: break-word;overflow: hidden;line-height: 1.8;}
.info_con img{max-width:100%;height:auto;display: block;margin: 0 auto;}

/*wap*/
@media (max-width: 640px) {
	.info_con{font-size: 15px;}
}
.vod_con{max-width: 100%;}
.layui-layer .vod_con{width: 100%;background-color: #000;height: 100%;}
/*
 * pics_con
 * */
.pics_con img{max-width:100%;height:auto;margin:0 auto;display: inline-block;float: left;}

img.img_zoom{cursor: pointer;}



/*
* city_layer_wrap
* */
.city_layer{display: none;}
.city_layer_wrap{margin: 5px;}
.city_layer_wrap .dl{margin-bottom: 15px;position: relative;}
.city_layer_wrap .dt{position: absolute;top:0;left:0;width: 60px;text-align: right;}
.city_layer_wrap .dd{margin-left: 70px;}

.city_layer_wrap .item{float: left;margin: 3px;cursor: pointer;padding: 2px 5px;}
.city_layer_wrap .item:hover{color: #d5001c}
.city_layer_wrap .item.active{background-color: #d5001c;color: #fff;}
.city_layer_wrap .items{background-color: #FFFAEA;}

/*
* formAdd
* */
.formAdd{max-width:750px;text-align:left;margin:0 auto;}

.formAdd .row{margin-bottom:15px;}
.formAdd .dl{position:relative;}
.formAdd .dl2,
.formAdd .dl3{float:left;width:45%;}
.formAdd .dt{position:absolute;left:0;top:0;width:80px;line-height:32px;overflow:hidden;font-size:13px;text-align:right;color: #666;}
.formAdd .dd{margin-left:90px;line-height: 32px;min-height: 32px;}

/*wap*/
@media (max-width: 640px) {
	.formAdd .dl2,
	.formAdd .dl3{float:none;width:100%;margin-bottom: 10px;}
}