/******** common.css 3版本通用*************/
  
/******
 * 2016-01-27 修改 固定菜单
 * *******/ 
body {
	background-color: #f4f4f4;
	/*font-family: -apple-system,Helvetica Neue,Roboto,Droid Sans,Segoe UI,Verdana,Arial,Lucida Grande,sans-serif;*/
	font-family: arial,verdana,sans-serif;
	font-size: 14px;
	/*font: 14px "microsoft yahei",arial,宋体;*/
	font-size: 14px ;
	color: #333;
	margin: 0;
	padding: 0; 
}

a {
	text-decoration: none;
} 
a:hover {
	text-decoration: none;
}

.mui-bar-tab .mui-tab-item {
    display: table-cell;
    overflow: hidden;
    width: 1%;
    height: 45px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #666;
}
.mui-table-view {
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    background-color: #fff;
}
.mui-table-view-cell {
    position: relative;
    overflow: hidden;
    padding: 11px 15px;
    -webkit-touch-callout: none;
}
.mui-table-view-cell:active{
	 background-color: #F4F4F4;
}
.mui-table-view:before, .mui-table-view:after {
    height: 0;
}
.mui-table-view:before {
    position: absolute;
    right: 0;
    left: 0;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #c8c7cc;
    top: -1px;
}
.mui-table-view:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #c8c7cc;
}
.mui-table-view-cell:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 15px;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #c8c7cc;
} 

.mui-bar-nav {
    background-color: #BD2121;
}
.mui-bar-nav {
    top: 0;
}
.mui-bar {
   /* position: fixed;
    z-index: 10;
    right: 0;
    left: 0;*/
    border-bottom: 0;
    background-color: #f7f7f7;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
} 
.mui-title {
    font-size: 17px;
    font-weight: 500;
    line-height: 40px;
    position: absolute;
    display: block;
    width: 100%;
    margin: 0 -10px;
    padding: 0;
    text-align: center;
    white-space: nowrap;
    color: #000;
} 
.mui-bar-nav .mui-title {
    right: 40px;
    left: 40px;
    display: inline-block;
    overflow: hidden;
    width: auto;
    margin: 0;
    text-overflow: ellipsis;
} 
/*
.mui-slider {
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 100%;
}
.mui-slider .mui-slider-group {
    font-size: 0;
    position: relative;
    -webkit-transition: all 0s linear;
    transition: all 0s linear;
    white-space: nowrap;
}
.mui-slider .mui-slider-group .mui-slider-item {
    font-size: 14px;
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: top;
    white-space: normal;
}*/
.mui-pull-caption {
    font-size: 15px;
    line-height: 24px;
    position: relative;
    display: inline-block;
    overflow: visible;
    margin-top: 0;
    vertical-align: middle;
}
.mui-icon {
    font-family: Muiicons;
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    display: inline-block;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
}
.mui-pull-loading {
    margin-right: 10px;
    -webkit-transition: -webkit-transform .4s;
    transition: transform .4s;
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
    vertical-align: middle;
}
.mui-spinner {
    display: inline-block;
    width: 32px;
    height: 32px;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: spinner-spin 1s step-end infinite;
    animation: spinner-spin 1s step-end infinite;
}
.mui-input-row{position:relative;clear:left;overflow:hidden;height:40px}
.mui-input-group .mui-input-row:after{position:absolute;right:0;bottom:0;left:0;height:1px;background-color:#c8c7cc;content:'';-webkit-transform:scaleY(.5)}
.mui-input-row label{float:left;padding:13px 0 13px;width:22%;font-size:14px;font-family:'Helvetica Neue',Helvetica,sans-serif;line-height:1.1}
.mui-input-row label~input{float:right;margin-bottom:0;padding:10px 0;padding-left:0;width:76%;height:17px;outline:medium;border:none;font-size:14px;line-height:27px}
.mui-btn,button,input[type=button],input[type=reset],input[type=submit]{position:relative;display:inline-block;margin-bottom:0;padding:6px 12px;border:1px solid #ccc;border-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;border-top-left-radius:3px;background-color:#fff;background-clip:padding-box;color:#333;vertical-align:top;text-align:center;white-space:nowrap;font-weight:400;font-size:14px;line-height:1.42;cursor:pointer}
.mui-btn-block{display:block;margin-bottom:10px;padding:15px 0;width:100%;font-size:18px}
.err_info{display:none;margin-top:20px;margin-bottom: 20px;margin-right:auto;margin-left:auto;padding:10px 10px 10px 10px;border:1px solid #D3797C;background:#F1D9DA;color:#A73339;text-align:left;font-size:14px;line-height:20px}

#loadwarp2{position:fixed;top:38%;z-index:999;display:none;width:50px;height:50px;border-radius:3px;background-color:rgba(25,25,25,.7)}
#loadwarp2 .mui-spinner img{margin:5px;width:40px;height:40px}
#loadwarp2 .mui-spinner{width: 50px; height: 50px;}
.fixeds {
 position: fixed;
 width: 100%; z-index: 999;  top: 40px;
}
#fixeds-warp{ background-color: #fff;}

.pageload {
	line-height: 40px;
	text-align: center;
	display: none;
}

.zd input {
	width: 95%;
	padding: 5px;
	margin: 9px auto;
	border: 1px solid #aaa;
	box-sizing: border-box;
	border-radius: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-border-radius: 5px;
	margin-left: 1em;
}

.nav a {
	color: #FFFFFF;
} 
 
.content a {
	color: #333333;
}
 

.cup font {
	background-color: #CCFF99;
}

.cdown font {
	background-color: #FFCEE7;
}

.f_jc{  font-weight: 700;color: #8b1c08;}

.f_r {
	color: #8b1c08;
	font-weight: bold;
}

.f_j {
	color: #ffff00;
}

.f_rd {
	color: #8b1c08;
	font-size: 12px;
	font-weight: bold;
}

.f_rr {
	color: #8b1c08;
	font-weight: bold;
}

.f_c {
	text-align: center;
}

.f_b {
	color: #0000ff;
}

.f_jd {
	color: #febe42
}

.f_f {
	color: #ffffff;
}

.clear {
	clear: both;
}

.rc {
	background-color: #FF0000;
	color: #ffffff;
	font-size: 12px; 
	width: 10px;
	height: 14px;
	line-height: 14px;
	text-align: center;
	display: inline-block;
}
.full_list_v5 .f_bf span.f_green{ color: green;}

dl,
dd,
dt,
ul {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
 
header { 
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100; 
	width: 100%; 
	background-color: #BD2121 ;
	 
}

footer {
	color: #666; 
	text-align: center; margin-top: 10px; margin-bottom: 10px;
}

nav {
	padding-left: 45px;
	background-color: #f7f7f7; 
	text-align: center; 
	color: #666; 
	height: 45px; line-height: 45px; font-size: 18px;
	-webkit-box-shadow: 0 0 1px rgba(0,0,0,.85); 
	 
} 

header #hlogo{position: absolute; left: 0; top: 0;} 
header #hbtn_filter{position: absolute; top: 6px; color: #fff; background-color:#CA2727 ;}
 
/******  page  ******/

.prvpage {
	float: left;
	position: relative;
	line-height: 40px;
	padding-left: 25px;
}

.nextpage {
	float: right;
	position: relative;
	line-height: 40px;
	padding-right: 25px;
}

.pagesum {
	margin: 0 auto;
	width: 80px;
}

.pageload .nextpage {
	margin: 0 auto;
	width: 76px;
	float: none;
}

.pagesum select {
	width: 100%;
	color: #666;
	height: 30px;
	margin: 5px 0;
	border: 1px solid #d1d1d1;
}
/*
.prvpage:active,
.nextpage:active {
	background-color: #F4F4F4;
}*/

.prvpage:before {
	border: solid transparent;
	left: -4px;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	border-right-color: #febe42;
	border-width: 12px;
	bottom: 8px;
}

.nextpage:before {
	border: solid transparent;
	right: -4px;
	border-left-color: #febe42;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	border-width: 12px;
	bottom: 8px;
} 
/******  page  ******/

.ret_top {
	display: none;
	background: no-repeat center center url(../img/s_t_v1.png);
	background-size: auto 100%;
	font-size: 12px;
	width: 44px;
	height: 44px;
	line-height: 65px;
	border-radius: 22px;
	right: 10px;
	bottom: 70px;
	position: fixed;
	top: 80%;
	right: 5%;
	box-sizing: border-box;
	text-align: center;
	color: #333;
	z-index: 9;
}

.ret_top span {
	font-size: 20px;
	width: 44px;
	height: 44px;
	line-height: 24px;
}

.top_btn_w {
	 
}

 

.top_btn_w #refbtn {
	 color: #fff;
	 right: 90px;
	 line-height: 20px;
	 padding: 0;
	 top: 9px;
}

.top .w-icon{
	 padding: 10px; font-size: .9em; 
	 position: absolute;
   top: 0;
}
.top .w-icon:active{color: #D4C4C4;}
.top .w-icon.btn_menu{ right: 0;color: #fff;}
.top .w-icon.jt_x,.top .w-icon.icon-calendar { left: 0;color: #fff;} 
.top .w-icon.icon-filter{ right: 40px;color: #fff;} 
.top .btn_filter_cmd{ color: #fff; position: absolute; padding: 0.3em 0.5em;top: 0;right: 0; font-size: 14px;}

#msg_w {
	position: fixed;
	bottom: 50px;
	height: 35px;
	display: none;
	z-index: 99;
}

#msg_w span {
	color: #FFFFFF;
	text-align: center;
	display: block;
	padding-left: 1em;
	padding-right: 1em;
	line-height: 35px;
	margin: 0 auto;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #000000;
	opacity: 0.75;
	z-index: 999;
}

.top { 
	font-size: 22px; 
	overflow: hidden;  
	position: relative; 
	line-height: 40px;
	height: 40px;
	
} 
.top_title {
	color: #efd5b5;
	font-weight: bold;
	font-size: 16px; 
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


/********/
.logo{ width: 100px; margin: 0 auto;}
.logo .dcom {
	/* position:absolute; top:5px; right: 10px; color: #ffff00;*/
	font-size: 14px;
	color: #fff;
}

.logo .hgdz {
	position: absolute;
	right: 10px;
}

.logo .hgdz a {
	font-size: 18px;
	color: #ffff00;
}

.hg_w a {
	color: #fff;
}

.hg_w {
	position: fixed;
	top: 44px;
	right: 5px;
	width: 120px;
	background-color: #1F2736;
	color: #fff;
	z-index: 2;
	font-size: 15px;
	line-height: 40px;
	text-align: center;
	display: none;
}

.hg_w dl dd,
.hg_w dl dt {
	width: 100%;
	overflow: hidden;
	height: 40px;
}

.hg_w dl dd {
	border-top: 1px solid #000;
}


/********/ 
.ret_btn {
	float: left; 
	width: 40px; height: 40px;
	position: relative;  
	line-height: 40px; 
	background: no-repeat left center url(../img/fup.png);
	background-size: auto 100%; 
	font-size: 14px;
	color: #FFFFFF;
	z-index: 999;
}  
.ret_btn span {
	margin-left: 28px;
}

  
.tool {
	padding: 0.5em;
	background-color: #f4f4f4;
}

.tab {
	/*background-color: #f5f5f5;*/
	width: 100%; 
	font-size: 14px; 
	color: #333;
}

.tab ul {
	margin: 8px;
	overflow: hidden;
	border: 1px solid #663300;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; 
}

.tab ul li {
	float: left;
	height: 30px;
	width: 50%;
	line-height: 30px;
	text-align: center;
}

.tab .navhover {
	background-color: #663300;
	color: #fff;
}

header .tab{ position: absolute;  top: 0; width: 40%; left: 30%;} 
header .tab ul{ margin: 4px; background: #BD2121; border-color: #fff; color:#fff ;} 
header .tab .navhover {  color: #BD2121; background: #fff; }

.toolw .zd {
	position: absolute;
}

.toolw {
	position: relative;
	overflow: hidden;
	font-size: 12px;
}

.toolw .zd li {
	display: inline-block;
	width: 100%;
	float: left;
}

.toolw .zd li a {
	float: left;
	width: 25%;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
}

.toolw .zd li div {
	width: 75px;
	margin: 5px auto;
	line-height: 30px;
	border: 1px solid #aaa;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.mt {
	line-height: 34px;
	font-size: 14px;
	margin-left: 1em;
}

.toolw .zd p {
	margin: 0.5em;
}

.zd .navhover {
	background-color: #aaa;
	color: #fff;
}

.toolw #scroll {
	background-color: #f4f4f4;
	height: 45px;
	overflow: hidden;
	border-bottom: 1px solid #dadada;
}

.zd2 {
	height: 40px;
	border-bottom: 1px solid #dadada;
	background-color: #fff;
}

.zd2 {}

.zd2 li {
	font-size: 12px;
}

.zd2 a {
	padding: 2px;
}

.zd2 .navhover {
	position: relative;
	font-size: 12px;
}

.zd2 .navhover a {
	color: #FFFFFF;
	background-color: #febe42;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.zd2 .navhover:before {
	background: #febe42;
}

.zd2 li {
	float: left;
	line-height: 29px;
	width: 16.6%;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}


/*
.nav{ 
	 color: #fff;
	 background: #2b271e url(../img/overlay.png) repeat-x; 
	 width: 100%; overflow:hidden;
	}*/

.nav { 
	height: 33px; 
}

.nav .nav-item {
	color: #929292;
	float: left;
	width: 17%;
	text-align: center; 
} 
.nav .nav-item span {  
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	line-height: 33px;
} 
.nav .refw {
	color: #929292;
	float: left;
	width: 15%;
	text-align: center;font-size: 22px; 
} 
#refbtn{ line-height: 40px;}
.nav .navhover {
	color:#FEBE42; 
} 
.notcontent {
	padding-top: 88px;
	padding-bottom: 88px;
	color: #cccccc;
	text-align: center; 
	 
}

.rq li { 
	text-align: left;
	font-weight: bold;
}

.divfl {
	float: left;
}

.rq_list {
	background-color: #FFFFFF;
}

.rq_list li {
	/*position: relative;*/
	height: 40px; overflow: hidden;
	text-align: left;
	line-height: 20px; 
	clear: both;
	border-bottom: 0.8pt solid #eaeaea;
}
/*
.rq_list li:after {
	position: absolute;
    right: 0;
    bottom: 0;
    left: 0px;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #eaeaea;
}
*/
.r1 {
	border-bottom: 2px solid #DADADA !important;
}

.clear {
	clear: both;
}
 

/*** ending***/

.end_list li,
.s_li {
	height: 40px;
	overflow: hidden;
}

.end_list .rq_right .list_c,
.s_li .rq_right .list_c {
	line-height: 40px;
	font-size: 14px;
}
 

.c_v {
	color: #FFFFFF; 
/*	background: #9B8570;*/
	background: #AB9E92;
	line-height: 30px !important; 
	/*font-weight: bold;*/
	border: 0 !important;
	height: 30px  !important;
	
} 
/*
.c_v:after{
	width: 0;
}*/
/*
.c_v .list_c {
	margin-left: 0.3em; 
} */

.rq_left,
.rq_right_l,
.gq_right_l,
.rq_right_r,
.rq_right_c,
.rq_right_m {
	/*position:relative;*/
	float: left;
}

#result .sp {
	line-height: 21px;
	font-weight: normal;
}

#result .rq_left_4 span {
	float: left;
}

#result .rq_left_4 .sp {
	width: 29%;
}

#result .rq_left_4 .f_jd {
	width: 71%;
	text-overflow: ellipsis;
}
.rq_right_l{ border-left: 0.8pt solid #eaeaea;}
.rq_right_l,.rq_right_r{ border-right:  0.8pt solid #eaeaea;}
 /*
.rq_right_l:after,
.rq_right_r:after {
	background-color: #eaeaea;
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 1px;
	-webkit-transform: scaleX(.5);
    transform: scaleX(.5);
}*/

.rq_right,
.rq_right_rb.gq_right_r {
	float: right;
	display: block; 
	overflow: hidden; 
	text-overflow: ellipsis;
}
/*
.list_c { 
	position: relative;
}
*/
.rq_right .list_c {
	height: 40px;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	font-weight: bold;
}

.rq_right .list_c span {
	/*display: block;
	position: absolute;*/
	width: 100%;
}

.rq_right .list_c strong {
	font-weight: bold;
}

.ending li {
	width: 25%;
	text-align: center;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 38px;
	border-bottom: 1px solid #eaeaea;
	position: relative;
}

.ending li:active {
	background: #f4f4f4;
}

.rq_right .sh {
	line-height: 40px;
	font-size: 14px;
}


/**pop ***/

.rq_list .rq_pop {
	border-bottom: 1px solid #eaeaea;
	line-height: 38px;
	background-color: #948679;
	color: #ffffff;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

.rq_list .rq_pop .pop_l,
.rq_list .rq_pop .pop_r {
	width: 40%;
	text-align: center;
	position: relative;
}

.rq_pop .pop_m {
	float: left;
	width: 20%;
	text-align: center;
	color: #febe42;
	font-weight: bold;
}

.rq_list .rq_pop .rq_pop_c {
	clear: both;
	/* border-top: 1px solid #eaeaea;*/
	line-height: 38px;
}

.rq_list .rq_pop .pop_l {
	float: left;
}

.rq_list .rq_pop .pop_r {
	float: right;
}

.rq_pop_c .pop_l,
.rq_pop_c .pop_r {
	width: 50%;
}

.rq_list .rq_pop .rq_pop_c .pop_l,
.rq_pop_c .pop_r {
	font-size: 14px;
	line-height: 26px;
}

.rq_list .rq_pop .rq_pop_c .pop_l:after {
	height: 60%;
	top: 20%;
}

.rq_pop_c dd {
	width: 100%;
	float: none;
	height: 26px;
}

.jqr_1 {
	width: 50%;
	height: 26px;
}

.jqr_2 {
	width: 25%;
	height: 26px;
}

.jqr_3 {
	width: 25%;
	height: 26px;
}

.loadajax {
	background: no-repeat right center url(../img/rf.gif);
	background-size: auto 180%;
	width: 22px;
	height: 16px;
	display: block;
}

.rq_pop .loadajax {
	margin: 0 auto;
}

.remark {
	height: 26px;
	line-height: 26px;
}

.jqr_1,
.jqr_2,
.jqr_3,
.zpr_1,
.zpr_3 {
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
}

.rq_left {
	width: 53%;
}

.rq_right {
	width: 47%;
	 
}

.bg_y{
	background: #f9f9f5;
}
 
 
.rq_right .rq_right_l {
	width: 33%;
	display: block;
}

.rq_right .rq_right_m {
	width: 9%;
	display: block; 
	text-align: center;
	line-height: 40px;
}

.rq_right .rq_right_r {
	width: 33%;
	display: block;
}

.rq_right .w42 {
	width: 42%;
}

.rq_right .rq_right_c {
	width: 56%;
}

.c_v {
}

.c_v .rq_right .rq_right_l,
.c_v .rq_right .rq_right_r,
.c_v .rq_right .rq_right_c {
	background: #9B8570;
}

.c_v .rq_right .rq_right_l:before,
.c_v .rq_right .rq_right_r:before,
.c_v .rq_right .rq_right_l:after {
	width: 0;
	display: none;
}

.c_v .mtspan{  display:inline-table; width:70px;  height:30px; line-height:30px; background-color: #666666; overflow: hidden;text-align:center; }
.c_v .mstime{  }
.rq_left_6 {
	float: left;
	width: 15%;
}

.rq_left_5 {
	float: left;
	width: 70%;
}

.rq_left_4 {
	float: left;
	width: 85%;
}

.rq_left_1 {
	float: left;
	width: 80%;
}

.rq_left_2 {
	float: right;
	width: 20%;
	text-align: center;
	position: relative;
	font-weight: bold;
}

.rq_left_3,
.rq_lefts_3 {
	float: right;
	width: 15%; 
	text-align: center; 
}

.rq_lefts_3 {
	color: #2929fe;
	font-weight: bold;
	line-height: 40px;
}

.rq_list_2 {
	float: left;
	width: 85%;
}
 
.gq_fl {
	display: table-cell;
	vertical-align: middle;
	height: 40px;
	padding-left: 0.3em;
}

.gq_fl span {
	display: inline-block;
	vertical-align: middle;
}

.rq_left .gq_fl span {
	font-size: 16px;
}

.rq_right_1 {
	float: left;
	width: 33%;
}

.rq_right_2 {
	float: left;
	width: 42%;
}

.rq_right_1_2{
	float: left;
	width: 75%;
}

.rq_right_3 {
	float: right;
	width: 21%; 
}
 
 
.ct1,
.ct2,
.ct3,
.c1,
.c2,
.c3,
.c4,
.c5,
.c6,
.c7 {
	float: left;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
}

.rq_list .ct {
	font-size: 16px;
	font-weight: bold;
	background-color: #f5f5f5;
	border-bottom: 1px solid #dadada;
}

.rq_list .lt div,
.rq_list .lt {
	height: 30px;
	line-height: 30px;
}

.rq_list .lt {
	border-bottom: 2px solid #663300 !important;
}

.c7 {
	line-height: 20px;
}

.ct1 {
	width: 40%;
}

.ct2 {
	width: 20%;
	color: rgb(204, 0, 0);
}

.ct3 {
	width: 40%;
}

.c1 {
	width: 12%;
}

.c2 {
	width: 13%;
}

.c3 {
	width: 15%;
}

.c4 {
	width: 20%;
}

.c5 {
	width: 15%;
}

.c6,
.c7 {
	width: 24%;
}

.c2 font {
	color: #2929fe;
	font-weight: bold;
}

.c3 font,
.c5 font {
	color: #8b1c08;
	font-weight: bold;
}

.zpr_1 {
	width: 30%;
	padding-left: 0.5em;
	font-weight: bold;
}

.zpr_2 {
	font-weight: bold;
}

.lir3_1,
.lir3_3 {
	width: 25%;
	float: left;
	display: inline-block;
}

.lir3_2 {
	width: 40%;
	margin: 0 auto;
	padding-left: 0.5em;
	padding-right: 0.5em;
	line-height: 40px;
}

.rq li {
	position: relative;
}

.rq li span {
	width: 65px;
	height: 44px;
	position: absolute;
	right: 0;
	top: 0;
	line-height: 44px;
}

.rq li i {
	margin-top: 10px;
	margin-left: 25px;
	height: 25px;
	width: 25px;
	display: block;
	background: no-repeat right center url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAsCAYAAAB/nHhDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAKwwAACsMBNCkkqwAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNC8yOC8xMqLz6JEAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAABJ0lEQVRYhe3Wv6rCMBQG8C/VN1AEd3HSzuYO3jr4knkY0UE62xTBcp9A8A0uHhc72CZp/lQQyZmT7xfSJKeMiPDOSt6aHoEIRKAbkLKioqiCrroWkLKi+51ARAhBlEAdXlcI0gLK8u8lPBRpAYvFjCUJUw72QZRbtFzOe0O0H7kvxHhM83yfhiJdF+2c5/utCTmdLnS93rQQs2mZQogN59lOdbrqmk7HmExGrZVYAU9kzXl2cEWsgSfys1r9Hk1TmogTAABFcTFOaQJOr6mUlVO4E9B8n2zCrQHfcAAYmoKFEAPOs39dOGMMaTpXX5J6jGlTTSu3CQcsGk5IuBboK1wJ6BqOT7gS0DUcn3AlALR7gW84YHGKiOAd3gn0UV/+6xiBCHwG8AByzMrOPKV7sAAAAABJRU5ErkJggg==);
	/*background: no-repeat right center url(../img/jt.png);*/
	background-size: auto 100%;
	-ms-touch-action: auto;
}
.content .w-icon{ line-height: 40px; font-size: 18px; text-align: center;}
.jt3,.jt4{ color:#54432B;}
.jt_b{ color: #fff;}
.jt3:active,.jt4:active{ color:#88673A ;} 
.jt_x{ color:#FEBE42 ;}


.jt3{ line-height: 38px;content: '';text-align: center;}
.jt3:after{ content: "\f105";font-size: 13px}
.jt3:before{content: "变";font-size: 14px;padding-right: 3px;}

.jt4{ line-height: 38px; content: '';text-align: center;}
.jt4:after{ content: "\f105";font-size: 13px}
.jt4:before{content: "全";font-size: 14px;padding-right: 3px;}


.c_v .w-icon {
    line-height: 30px;
    font-size: 18px;
    text-align: center;
}
.winbtn_z {
	background: rgba(74, 56, 32, 0.5);
}

.winbtn_h {
	background: rgba(227, 227, 227, 0.5);
}

.winbtn_r {
	background-color: rgba(99, 13, 0, 0.5);
} 

.fav_tool {
	height: 38px;
	font-size: 14px;
	background-color: #F5F5F5;
	border-bottom: 1px solid #dadada;
}

.tool_check {
	float: left;
	padding-top: 8px;
	margin-left: 1em;
	margin-right: 1em;
}

.tool_check span {
	position: absolute;
	width: 50px;
	text-align: center;
}

.toolbtn {
	margin-top: 3px;
	float: right;
	height: 30px;
	width: 80px;
	line-height: 30px;
	text-align: center;
	margin-left: 0.5em;
	margin-right: 1em;
	border: 1px solid #cacece;
	background-color: #fafafa;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
/*
.toolbtn:active {
	background-color: #e9ecee;
}*/


/******* ios *******/

.bottom_nav {
	position: fixed;
	top: 40px;
	right: 5px;
	width: 150px;
	background-color: #1F2736;
	color: #fff;
	z-index: 9999;
	font-size: 15px;
}

.bottom_nav dl dd,
.bottom_nav dl dt {
	width: 100%;
	overflow: hidden;
	height: 40px;
}

.bottom_nav .btn_ico {
	margin: 0 auto;
	float: left;
	width: 30px;
	height: 30px;
	margin: 5px 5px 5px 10px;
}

.bottom_nav dl dd span {
	float: left;
	text-align: left;
	width: 100px;
	height: 40px;
	line-height: 40px;
	display: inline-block;
}

.bottom_nav dl dd:active {
	background-color: #2d394e;
}

.bottom_nav dl dd {
	border-top: 1px solid #000;
}

.bottom_nav dl dt {}

.bottom_nav a {
	color: #fff;
}

.bottom_nav a:hover {
	color: #fff;
}

.bottom_nav .f_c {
	width: 100px;
	text-align: left;
	width: 70px;
	margin-left: 15px;
	height: 40px;
	line-height: 40px;
	display: inline-block;
}

.exit40 {
	background: no-repeat center center url(../img/exit40.png);
	background-size: auto 85%;
}

.fav40 {
	background: no-repeat center center url(../img/jt_x40.png);
	background-size: auto 85%;
}

.fav_list {
	width: 100%;
	margin-bottom: 1em;
	position: relative;
}

.fav_list dd,
.fav_list dt {
	margin-left: 2em;
}

.fav_list:before {
	content: '';
	position: absolute;
	width: 1px;
	height: 100%;
	background: #eaeaea;
	left: 1em;
}

.fav_list dt {
	position: relative;
	line-height: 30px;
	color: #febe42;
}

.fav_list dt:before {
	content: '';
	position: absolute;
	width: 4px;
	left: -1.13em;
	height: 4px;
	background: #fff;
	bottom: 12px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 0 2px #ffd585;
}

.fav_list dd {
	border-bottom: 1px solid #eaeaea;
	line-height: 22px;
	height: 47px;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	text-overflow: ellipsis;
	overflow: hidden;
}

.fav_list .fav_t2 {
	font-size: 16px;
}

.fav_list .rq_left_6 {
	padding-top: 20px;
}

.regular-checkbox {
	display: none;
}

.regular-checkbox + label {
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
	padding: 9px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
}

.regular-checkbox + label:active,
.regular-checkbox:checked + label:active {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.regular-checkbox:checked + label {
	background-color: #e9ecee;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
	color: #99a1a7;
}

.regular-checkbox:checked + label:after {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: 0px;
	left: 3px;
	color: #99a1a7;
}

.switch input {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	width: 25px;
	height: 25px;
	-webkit-transition: all 0.15s ease-out 0;
	-moz-transition: all 0.15s ease-out 0;
	transition: all 0.15s ease-out 0;
	background: #1F2736;
	/*#121823*/
	background: linear-gradient(#121823, #161d2b);
	border: none;
	color: #ccc;
	cursor: pointer;
	display: inline-block;
	outline: none;
	border-radius: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-border-radius: 5px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.switch input:before {
	content: '\2717';
	width: 25px;
	height: 25px;
	position: absolute;
	display: inline-block;
	font-size: 22.66667px;
	text-align: center;
	line-height: 25px;
}

.switch input:checked {
	background: #399fe7;
	color: #fff;
}

.switch input:checked::before {
	width: 25px;
	height: 25px;
	position: absolute;
	content: '\2714';
	display: inline-block;
	font-size: 22.66667px;
	text-align: center;
	line-height: 25px;
}

.switch {
	position: relative;
	margin: 5px 23px 0px 0px;
	float: right;
} 
/*****/

.btn_check { }

.btn_check .t {
	float: left;
}

.check_icon {
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
	padding: 9px;
	border-radius: 10px;
	display: inline-block;
	float: right;
	position: relative;
}

.check_icon_f {
	border: 1px solid #cacece;
}

.check_icon_t {
	border: 1px solid #F8C100;
}

.check_icon_t:after {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: 0px;
	left: 3px;
	color: #F8C100;
}

#loadwarp{ text-align: center; margin-top: 10px; margin-bottom: 10px;}

/******************更改mui css*******************/
.mui-bar-nav{ background-color: #C92727; height: 45px; }
.mui-bar-nav .mui-title{ color: #ffff00; font-weight: bold;}
.mui-bar-tab .mui-tab-item.mui-active{ color:#CA2727;}
.mui-bar-nav a{ color: #999;}
.mui-bar-nav .w-icon{font-size: 20px;line-height: 45px; width: 45px; text-align: center; }
.rq{ background-color: #fff;}
.mui-pull-caption{ font-size: 12px; line-height: 20px;  text-align: left;}
.mui-pull-caption .t1,.mui-pull-caption .t2{ height: 20px; }
.mui-pull-caption .t1{font-weight: 700; }

.date_list{height: 35px; overflow: hidden; overflow-x: scroll; background-color: #fff; border-bottom: 1px solid #eaeaea;}
.date_list ul li{ float: left;width: 19%; margin-top: 3px;  min-width: 60px; font-size: 12px; line-height: 16px; text-align: center; color: #929292; border-right:1px dashed #aaa;}
.date_list ul li.cur{ color:#EA9B00 ;}

/****分享ui****/
.share-ui li{ float: left; width: 25%; padding-top: 1em; padding-bottom: 1em;  margin-bottom: 1em; }
.share-ui li:active{ background-color: #eee;}
.share-ui .w-icon{ font-size: 3em;}
.share-ui .mui-icon{ font-size: 4em; display: block; height: 42px; line-height: 42px; color: #24BC00;}
.share-ui span{ font-size: 0.9em; color: #333;}
.share-ui .share-tip{ margin: 0.5em; text-align: left; font-size: 1em; color: #589FF1;}
.icon-weixin{ color: #24BC00;}
.icon-weixin2{ color: #F77261;}
.icon-qq{ color:#589FF1;}

/*****/
#topPopover {
	position: fixed;
	top: 16px;
	right: 6px;
}
#topPopover .mui-popover-arrow {
	left: auto;
	right: 6px;
}
#topPopover {
	height: 180px;
}

.hbtn-selectall{ font-size: 14px; position: relative; display: inline-block; float: right; height: 44px;  line-height: 44px;} 
.hbtn-selectall input[type='checkbox']{
	top: 8px;left: 0px;
}
.hbtn-selectall input[type='checkbox']:before,.hbtn-selectall input[type='checkbox']:checked:before{
	color: #fff; 
}
.hbtn-selectall label{ padding-right: 22px; padding-left: 32px;}
#hbtn_filter .mui-badge{ 
	display: none;
	position: absolute; top: -7px; left: 37px;
	font-size: 10px;
  line-height: 1;
  /*display: inline-block;*/
  padding: 3px; 
  border-radius: 100px;
  color: red;
  /*background-color: #dd524d;*/
}
 
.return-warp{
	 position: fixed;
   z-index: 999;
   right: 25%; 
   bottom: 30px;
   display: inline-block;
   width: 40px;
   height: 70px;
   text-align: center;
   font-size: 30px; 
   border: 1px solid #ccc;
   background-color: rgba(255,255,255,0.7); 
   border-radius: 3px;
   overflow: hidden;
}
.return-warp a{ display: block; height: 35px; line-height: 35px; }   
.return-warp a:active{ color: #EA9B00; background-color: #F4F4F4; }
 

.btn-ds{  
	height: 25px; width: 80px;  line-height: 25px; margin: 2px auto;
	background-color: #fc9200;
	color: white;
	text-align: center;
	text-decoration: none; 
	font-size: 14px;   
  border-radius: 4px;
  -webkit-animation:orangellowPulse 4s infinite linear ; 
	}
	@-webkit-keyframes orangellowPulse {
		  from { background-color: #fc9200; -webkit-box-shadow: 0 0 9px #333; }
		  50% { background-color: #ffb515; -webkit-box-shadow: 0 0 18px #ffb515; }
		  to { background-color: #fc9200; -webkit-box-shadow: 0 0 9px #333; }
	}
.btn-ds:active{
	background-color: #fc9200; 
	-webkit-transform: translateY(1px); -moz-transform: translateY(1px);
}
.btn-ds i{
	font-size: 14px !important; 
  vertical-align: middle;
  line-height: 25px !important;
  color: #000;
  background-color: #fff;
  border-radius: 12px;
}
.tips-warp{position: fixed; top: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.1); z-index: 998; }
.tips-content{ position: fixed;top: 20%; left: 5%;  width: 90%; padding-bottom: 30px; padding-top: 20px; border-radius: 10px; background-color: rgba(0,0,0,0.7); z-index: 999; overflow: hidden;}
.tips-content .scan-msg{ color:#00FF00; width:70%; margin: 0 auto; line-height: 16px; height: 32px; text-align: center;}
.tips-content .scan-icon{ 
	height: 90px; width: 90px; border-radius: 90px;  margin: 20px auto;
	background-color: #fff; 
	position: relative;
	box-shadow: 0 0 20px #8C885C;
}
.tips-content .scan-icon i{ font-size: 90px; width: 90px; height: 90px;  }
.tips-content .pk-warp{ color: #fff; height: 40px; margin:10px;}
.pk-warp .h-warp,.pk-warp .c-warp{ float: left; font-size: 14px; width: 45%; text-align: center;line-height: 20px;}
.pk-warp .m-warp{float: left; font-size: 16px; font-weight:bold; color:#ffff00 ; width: 10%; line-height: 20px; text-align: center;}
.tips-content .btn-pay,.tips-content .btn-scan{ height: 35px;width: 120px; text-align: center; background-color: #FF8E3E; line-height: 35px;color: white; border-radius: 4px; margin: 0 auto;}
.tips-content .btn-scan{ background-color: #36CC36; }
.tips-content .btn-close{ color: #fff; font-size: 28px; width: 35px; height: 35px; position: absolute; top: 0; right: 0;}
.scan-icon{   box-shadow: inset 0 0 0 1px rgba(105, 202, 98, 0.6);}
.ds-icon{position: relative; }
.icon-ds{ position: absolute; left:0px;bottom: -30px; height: 60px; width: 60px;  background: url(../img/ds1.png); background-size: 100%; }
.btn-zk{ float: right; color: #fff; font-size: 18px; height: 30px; width: 30px; line-height: 30px; }
.btn-zk:active{ color: #fff;}
.tblist
{
    border-collapse: collapse; 
    width: 100%;
}
.tblist td
{
    height: 35px;  text-align: center;
}
.tblist .FL1{ float: left;margin-left: 5px;}
.tblist .FR1{ float: right; margin-right: 5px;}
.tblist thead tr{ background-color: #584328; color: #f6dbba; }
.tblist thead td{height: 25px; line-height: 25px; }
.tblist tbody .B{ border-bottom:0.8pt solid #eaeaea;}
.tblist tbody .R{ border-right:0.8pt solid #eaeaea;}
.tblist thead .R{ border-right:0.8pt solid #eaeaea;}
.tblist .w5{ width: 50%;}
.tblist .w3{ width: 33%;}
.pay-warp .btn-pay{ height: 40px; 
text-align: center;  font-size: 16px;
background-color: #FF8E3E; line-height: 40px;color: white; 
border-radius: 4px; margin:0 10px;}
.pay-warp .btn-pay.btn_enable {
    background-color: #D6D6D6;
}
.scan-icon::before,.scan-icon::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	content: ''; 
	margin: -5%; 
	box-shadow: inset 0 0 0 2px rgba(253, 223, 31,1);
	border-radius: 90px; 
	/* 
	  clip: rect(0px, 99.0px,8px, 0px); 
	-webkit-transform-origin: 50%;
            transform-origin: 50%;
    -webkit-animation: spinner-spin 1s step-end infinite;
            animation: spinner-spin 1s step-end infinite; */
  /*animation: clipMe 4s linear infinite;*/
 -webkit-animation:chPulse 3s infinite linear ;
}

.tips-content .btn-close{position:absolute;top:0;right:0;margin:10px;width:25px;height:25px;background:url(/img/close.png) no-repeat;background-size:100%;color:#fff;cursor:pointer}

/***筛选***/
.wbtb {
	font-size: 14px;
	display: inline-block;
	height: 28px;
	width: 40px;
	line-height: 28px;
	text-align: center;
	background-color: #fc9200;
	margin: 3px 5px;
	color: #fff;
	border-radius: 4px;
} 
.wbtb:active {
	-webkit-transform: translateY(1px);
	-moz-transform: translateY(1px);
}
.filter-warp{ clear: both;overflow: hidden;height: auto;overflow-y: auto;padding-bottom: 1em;}
.filter-warp .menu{ height: 35px; line-height: 35px; text-align: center; background: #D5D5D5;}
.filter-warp ul li{
	float: left;width: 23%;margin-right: 1%;margin-left: 1%; padding-top: 0.5em;padding-bottom: 0.5em;margin-top: 0.5em;
	text-align: center;height: 1.6em; line-height: 1.8em; border-radius: 0.2em;
	/*background: #E4E4E4;*/
	 font-weight: bold; border: 1px solid #cfcfcf;
	overflow: hidden;
}
.filter-warp .hot li {
    background: #f9ecda;
}
.filter-warp ul li.active{ background-color:#666666 ; color: #fff;}

@-webkit-keyframes chPulse {
		  from { box-shadow: inset 0 0 0 2px rgba(253, 223, 31,1);   }
		  50% { box-shadow: inset 0 0 0 2px rgba(59, 183, 241,1);}
		  to { box-shadow: inset 0 0 0 2px rgba(105, 202, 98,1);  }
}
	 
.scan-icon::before { 
 clip: rect(91px, 99.0px, 99.0px, 0px);
}
@keyframes clipMe {
		  0%, 100% {
		    clip: rect(0px, 99.0px,8px, 0px);  
		  }
		  25% {
		    clip: rect(0px, 8px, 99.0px, 0px);
		  }
		  50% {
		    clip: rect(91px, 99.0px, 99.0px, 0px);
		  }
		  75% {
		    clip: rect(0px, 99.0px, 99.0px, 91px);
		  }
		}

.rounding
{
    display: inline-block; 
    -webkit-transform-origin: 50%;
            transform-origin: 50%;
    -webkit-animation: spinner-spin 1s step-end infinite;
            animation: spinner-spin 1s step-end infinite;
}
/***/
.hbtn-zj{ float: right; height: 32px; width: 32px; border-radius: 4px; margin:6px 5px;overflow: hidden;}
.hbtn-zj img{ height: 32px; width: 32px;}

.jss{ 
	-webkit-animation: hideshow 2s step-end infinite;  
	animation: hideshow 2s step-end infinite; 
}

@-webkit-keyframes hideshow{
	 from {  visibility: visible;  }
	 50% {  visibility: hidden;}
	 to {   }
}
@keyframes hideshow{
	from {  visibility: visible;  }
	50% {  visibility: hidden;}
	to {  }
}

@-webkit-keyframes spinner-spin{0%{-webkit-transform:rotate(0)}
8.33333333%{-webkit-transform:rotate(30deg)}
16.66666667%{-webkit-transform:rotate(60deg)}
25%{-webkit-transform:rotate(90deg)}
33.33333333%{-webkit-transform:rotate(120deg)}
41.66666667%{-webkit-transform:rotate(150deg)}
50%{-webkit-transform:rotate(180deg)}
58.33333333%{-webkit-transform:rotate(210deg)}
66.66666667%{-webkit-transform:rotate(240deg)}
75%{-webkit-transform:rotate(270deg)}
83.33333333%{-webkit-transform:rotate(300deg)}
91.66666667%{-webkit-transform:rotate(330deg)}
100%{-webkit-transform:rotate(360deg)}
}
@keyframes spinner-spin{0%{transform:rotate(0)}
8.33333333%{transform:rotate(30deg)}
16.66666667%{transform:rotate(60deg)}
25%{transform:rotate(90deg)}
33.33333333%{transform:rotate(120deg)}
41.66666667%{transform:rotate(150deg)}
50%{transform:rotate(180deg)}
58.33333333%{transform:rotate(210deg)}
66.66666667%{transform:rotate(240deg)}
75%{transform:rotate(270deg)}
83.33333333%{transform:rotate(300deg)}
91.66666667%{transform:rotate(330deg)}
100%{transform:rotate(360deg)}
}


/***运动图标****/
.sports-icons{ 
		background-image: url(../img/sport-icons.png?v=1.0); 
	     
	    height: 45px;
	    width: 45px;
	    display: inline-block;  
	    background-repeat: no-repeat;
	    background-size: 57px 5237px; 
	    
	    -webkit-background-size: 57px 5237px;
	    -moz-background-size: 57px 5237px;  
	    -webkit-background-clip: padding-box;
	    -moz-background-clip: padding-box;
	    background-clip: padding-box;
}
/*
.head_ProductPod .mtyp0{ background-image: url(../img/mtype0.png); }
.head_ProductPod .mtyp1{ background-image: url(../img/mtype1.png);}
.head_ProductPod .mtyp2{ background-image: url(../img/mtype2.png);}
.head_ProductPod .mtyp3{ background-image: url(../img/mtype3.png);}
.head_ProductPod .mtyp4{ background-image: url(../img/mtype4.png);}
.head_ProductPod .mtyp5{ background-image: url(../img/mtype5.png);}
.head_ProductPod .mtyp6{ background-image: url(../img/mtype6.png);}
.head_ProductPod .mtyp7{ background-image: url(../img/mtype7.png);}
.head_ProductPod .mtyp99{ background-image: url(../img/mtype99.png);}
*/

.sports-icons.mtyp0{ background-position: -5px -175px,100% 50%!important; }
.sports-icons.mtyp1{ background-position: -6px -1469px,100% 50%!important;}
.sports-icons.mtyp2{background-position: -6px -343px,100% 50%!important;}
.sports-icons.mtyp3{background-position: -6px -2765px,100% 50%!important;}
.sports-icons.mtyp4{background-position: -6px -3724px,100% 50%!important;}
.sports-icons.mtyp5{background-position: -6px -3441px,100% 50%!important;}
.sports-icons.mtyp6{ background-position: -6px -1412px,100% 50%!important;}
.sports-icons.mtyp7{ background-position: -6px -678px,100% 50%!important;}
.sports-icons.mtyp8{ background-position: -6px -678px,100% 50%!important;}
.sports-icons.mtyp99{ background-position: -6px -1243px,100% 50%!important;}

.head_ProductPod{height:45px;/*background:#503F32*/ background: #C92727;}
.head_index_nav{position:relative;z-index:996;width:100%;height:40px;background:#C92727;font-size:14px; overflow: hidden; }
.head_index_nav .nav_ul li{float:right;line-height:33px; padding: 0 8px;  margin:3px 6px;color:#F4F4F4;background: #e12222;  
border-bottom: 1px solid rgba(67,67,67,0.25);
border-radius: 5px;
-webkit-border-radius: 5px;
font-size: 16px;
}
.head_index_nav .nav_ul .htool .tips{ font-size: 14px;}
.head_index_nav .nav_ul li:active{ background: #7f1b1b;}
.head_index_nav .nav_ul li.ac{color:#ffdf1b}
.head_index_nav .nav_ul li.cur{color:#ffdf1b;}
.head_index_nav .nav_ul .htool{float:right;color:#fff;font-size:20px; min-width: 40px; text-align: center;  padding: 0; }
.head_index_nav .nav_ul .htool .ud{height:10px;display:block}
.head_index_nav.fixed{position:fixed;top:0;left:0}
.head_index_nav .hbtn_ud{font-size:22px}
.head_index_nav .nav_ul .htips{  background: none !important; border-bottom: none !important; padding: 0 !important;}
.head_index_nav .nav_ul .htool.hbtn-fav{ width: auto; padding: 0 3px;}
.head_index_nav .nav_ul .htool.hbtn-show-all{  height: 34px; padding: 0 5px; }
.btn_more:active{background:#f9f8f0}
.full_list_v5 .btn-fav{ display: none;}
#filterbadge{ color: #ffff00; font-style: inherit; font-size: 11pt; margin: 0 3px; }

.c_v .top_btn{display: inline-block; position: relative; color: #fff; background: #9a8676;  padding: 0 6px; border-radius: 2px; height: 25px; line-height: 25px;
 margin-top: 2px;  margin-right: 4px;  cursor: pointer; }
.c_v .top_btn input{ vertical-align: middle;}
.c_v .top_btn.cur{  background:#B48F65;}
/**mtype0**/
.leftcontent{width:55%;float:left}
.leftcontent .rq_left{width:100%;float:none}
.rightcontent{width:45%;float:right}
 

.rightcontent .mui-scroll{}
.rightcontent .rq_right{width:100%;float:none}
.list_t{height:20px;line-height:20px}
.filter-warp ul li{font-weight:500}
.full_list{background:#fff}
.full_list .mstime{margin-left:5px;margin-right:5px}
.full_list .rq_left .f_team{font-size:16px;padding-left:5px;line-height:20px}
.full_list .rq_lefts_3{line-height:20px}
.full_list .ctli{padding-top:20px}
.rq_lefts_3.f_jc{color:#C00;font-weight:500}
.full_list .f_mtitle{width:100%;height:30px;overflow:hidden}
.full_list .s_li .rq_right .list_c{line-height:20px;font-size:14px}
.full_list .c_v{background:#8c7769;color:#fafafa}
.float_r{float:right}
.float_l{text-align:center;float:left}
.bg_hf{background:#f8efd9}
.bg_hr{background:#fcfcf4}
.f_r{color:#C00;font-weight:700;display:block}

.w5{width:5%}
.w25{width:25%}
.w20{width:20%}
.w30{width:30%}
.w33{width:33%}
.w35{width:35%}
.pt_20{padding-top:20px}
.br{position:relative}
.br:after{content:'';position:absolute;top:0;bottom:0;right:0px;height:100%;width:1px;background:#eaeaea}
.r0{border-bottom:0.8pt solid #eaeaea}
.rq_right .list_c{font-weight:500}
.rq_right .list_c strong{font-weight:500;display:block}
.filter-warp ul li{height:2.6em}

.loading{position:fixed;z-index:100000;top:0;left:0;width:100%;width:100vw;height:100%;height:100vh;background:#FFF;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.loading_start{opacity:0}
.loading_stop{width:0;height:0;overflow:hidden}
.load_table{position:fixed;width:100%;height:100%;z-index:1000;box-sizing:border-box;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;background:rgba(0,0,0,0.56);display:-webkit-box;display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.loading_ios{position:fixed;z-index:1000;top:0;left:0;width:100vw;height:100vh;background:#FFF;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.loading_ios .load_table{}
.iconLoadingL{display:block}
.iconLoadingL> svg{animation:loading-animate 1s linear infinite both;-webkit-animation:loading-animate 1s linear infinite both}
@keyframes loading-animate{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}@-webkit-keyframes loading-animate{0%{-webkit-transform:rotate(0)}
100%{-webkit-transform:rotate(360deg)}
} 
.head_ProductPod { min-height: 45px; white-space: nowrap;  z-index: 999; position: relative; overflow-style: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: overflow-y; -webkit-overflow-scrolling: touch; -webkit-box-shadow: inset 0 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 0 1px 2px rgba(0,0,0,.1); font-size: 0; }
.head_ProductPod #hlogo{ margin-right: 5px; margin-left:5px;}
.head_ProductPod .header-scroll{ display: block; height: 45px; width: 100%; white-space: nowrap;position: relative;  text-align: left;  
background-color: transparent;
overflow-x: scroll; overflow-y: hidden;
}
.head_ProductPod a{ display: inline-block; height: 45px; width: 45px; margin-right: 4px; position: relative;/* overflow: hidden;*/}
.head_ProductPod a:active{ /*background: #2E2924;*/ background: #b31c1c;}  
.head_ProductPod a.cur:after{ content: " "; width: 0; height: 0; border-style: solid; border-width: 0 7px 7px; position: absolute; left: 50%; margin-left: -7px; bottom: -1px; border-color: transparent transparent #C92727; }
/*
.gray { opacity: 0.5; -webkit-filter: grayscale(50%); -moz-filter: grayscale(50%); -ms-filter: grayscale(50%); -o-filter: grayscale(50%); filter: grayscale(50%); filter: gray; }
*/
.sousuo-warp{ position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden; background: #f4f4f4;  z-index: 1002;} 
.sousuo-head{ background-color: #503F32; padding: 5px; height: 85px; }
.sousuo-head .sousuo-tool{ height: 35px; line-height: 35px; font-size: 16px; color: #fff; text-align: center;}
.sousuo-head .btn-sousuo-close{ display: inline-flex ; margin:6px 20px 6px 8px; padding: 10px; width:20px;height:20px;background:url(../img/close.png) no-repeat;
background-size:100%;    cursor:pointer; position: absolute; right: 5px; top: 5px;}
.sousuo-head .input-warp{ position: relative;}
.sousuo-head .input-warp .icon-sousuo{ position: absolute; left: 5px; top: 5px; font-size: 22px; color: #abaaaa;}
.sousuo-head .input-warp .input-kw{ margin-bottom: 5px; color: #fff; font-weight: 500; padding-left: 30px; text-align: left;}
.sousuo-head .search-sure{position: absolute; margin: 6px; right: 3px; top: 0px; font-size: 16px; color: #fff; }
.sousuo-head .search-sure:active{ color: #fcb800;}
.sousuo-content .tool .btn-del-sousuohis{ float: right; color: #fcb800; }
.sousuo-content .mui-table-view-cell a i { position: absolute; right: 8px; top 11px; font-size: 12px; color: #abaaaa; }

			#nav-popover{ width: 100%; top:85px;}
			#nav-popover li i{ margin-right: 5px;}
			.mui-popover .mui-table-view{ border-radius: 0;}
			.mui-popover .mui-table-view li{ color: #666;}
			.mui-popover .mui-table-view li.cur{ color: #fcb800;}
			.head_index_nav .btn_nav i{
				display: inline-block;vertical-align: middle; margin-left: 8px;
				content: " "; width: 0; height: 0; border-style: solid; border-width: 6px 6px 0;  border-color:  #fff transparent transparent;
			}
			.head_index_nav .btn_nav.cur i{ border-width: 0 6px 6px; border-color: transparent transparent #fcb800; }
			.btn-jump{ width: 95%;  display: block; clear: both; margin: 8px auto; height: 48px; line-height: 48px; background-color: #e5e0dc;border-radius: 3px; color: #5a5249; text-align: center; font-size: 15px;}
			.btn-jump:active{ color: #5a5249;}
			
			/****v5 css***/
			.head_index_nav .nav_ul li{ font-size: 14px;}
			 nav .nav-menu div{ line-height: 20px; height: 20px;}
			.mui-bar-tab .mui-tab-item .mui-tab-label{ font-size: 13px;}
			.mtype_title{ position: absolute; z-index: -1; left:0; top:0; width: 100%; color: #fff; line-height:40px ; text-align: center; font-size: 16px; }
			.head_index_nav.mtype0{ background: #25765c;}
			.head_index_nav.mtype0 .nav_ul li{ background: #298c6c;}
			.head_index_nav.mtype0 .nav_ul li:active{ background: #1f614b; }
			.head_ProductPod a.mtype0.cur:after{ border-color: transparent transparent #25765c;}
			
			.head_index_nav.mtype1{ background: #c18c00;}
			.head_index_nav.mtype1 .nav_ul li{ background: #d69d05;}
			.head_index_nav.mtype1 .nav_ul li:active{ background: #a77a04;}
			.head_ProductPod a.mtype1.cur:after{ border-color: transparent transparent #c18c00;}
			
			.head_index_nav.mtype2{ background: #5f6e37;}
			.head_index_nav.mtype2 .nav_ul li{ background: #6f7d48;}
			.head_index_nav.mtype2 .nav_ul li:active{ background: #4c582c;}
			.head_ProductPod a.mtype2.cur:after{ border-color: transparent transparent #5f6e37;}
			
			.head_index_nav.mtype3{ background: #4c7d8b;}
			.head_index_nav.mtype3 .nav_ul li{ background: #1e596b;}
			.head_ProductPod a.mtype3.cur:after{ border-color: transparent transparent #4c7d8b;}
			
			.head_index_nav.mtype4{ background: #857563;}
			.head_index_nav.mtype4 .nav_ul li{ background: #756451;}
			.head_ProductPod a.mtype4.cur:after{ border-color: transparent transparent #857563;}
			
			.head_index_nav.mtype5{ background: #556031;}
			.head_index_nav.mtype5 .nav_ul li{ background: #4b581f;}
			.head_ProductPod a.mtype5.cur:after{ border-color: transparent transparent #556031;}
			
			.head_index_nav.mtype6{ background: #346543;}
			.head_index_nav.mtype6 .nav_ul li{ background: #175441;}
			.head_ProductPod a.mtype6.cur:after{ border-color: transparent transparent #346543;}
			
			.head_index_nav.mtype7{ background: #396188;}
			.head_index_nav.mtype7 .nav_ul li{ background: #114477;}
			.head_ProductPod a.mtype7.cur:after{ border-color: transparent transparent #396188;}
			
			/***menu more***/
			.head_ProductPod a.btn-link{  }
			.head_ProductPod a.btn-link span.text{ display: block; line-height: 17px; font-size: 9pt; text-align: center; color: #F4F4F4; }
			.head_ProductPod .w-icon_v2{ display: table-cell ; overflow: hidden;position:relative; width: 45px; height: 45px; line-height :45px;font-size: 33px; text-align: center; color: #F4F4F4;}
			.head_ProductPod .w-icon_v2.icon-pc{ }
			
			.head_ProductPod .icon-wenzi{ font-size: 12px; line-height: 16px; height: 36px; width: 36px;  border-radius: 20%; border: 1px solid #F4F4F4;}
			
			.follow-warp .mtype0 .c_v,.follow-warp .mtype0 .titleul{ background: #25765c;}
			.follow-warp .mtype1 .c_v,.follow-warp .mtype1 .titleul{ background: #c18c00;}
			.follow-warp .mtype2 .c_v,.follow-warp .mtype2 .titleul{ background: #5f6e37;}
			.follow-warp .mtype3 .c_v,.follow-warp .mtype3 .titleul{ background: #4c7d8b;}
			.follow-warp .mtype4 .c_v,.follow-warp .mtype4 .titleul{ background: #857563;}
			.follow-warp .mtype5 .c_v,.follow-warp .mtype5 .titleul{ background: #556031;}
			.follow-warp .mtype6 .c_v,.follow-warp .mtype6 .titleul{ background: #346543;}
			.follow-warp .mtype7 .c_v,.follow-warp .mtype7 .titleul{ background: #396188;}
			
			/**list**/
			.f_gray{ color:#777777 ;}
			.f_brown{ color: #9a8676;}
			
			/**mtype0**/
			.leftcontent .row1{ width: 29%;}
			.leftcontent .row2{ width: 71%;}
			.rightcontent .row1{ width: 38%;}
			.rightcontent .row2{ width: 23%;}
			.rightcontent .row3{ width: 16%;}
			.rightcontent .row4{ width: 23%;}
			.rightcontent .row6{ width: 45%;}
			.rightcontent .row7{ width: 27%;}
			.rightcontent .row8{ width: 28%;}
			
			.mui-slider .mui-slider-group .mui-slider-item.s1{width:160%}
			.mui-slider .mui-slider-group .mui-slider-item.s2{width:140%}
			/**mtype1**/
			 
			.mtype1 .l_mwarp .f_r{ font-weight: normal;}
			.leftcontent .mtype1 .row1{ width: 35%;}
			.leftcontent .mtype1 .row2{ width: 65%;}
			/*
			.mtype1 .rightcontent .row1{ width: 48%;}
			.mtype1 .rightcontent .row2{ width: 32%;}
			.mtype1 .rightcontent .row3{ width: 20%;}*/
			.rightcontent .mtype1 .row6{ width: 50%;}
			.rightcontent .mtype1 .row7{ width: 50%;}
			.rightcontent .mtype1 .row8{ width: 100%;}
			/*
			.mtype1 .mui-slider .mui-slider-group .mui-slider-item.s1{width:123%}
			.mtype1 .mui-slider .mui-slider-group .mui-slider-item.s2{width:105%}
			*/
			/**mtype2**/
			.mtype2 .l_mwarp .f_r{ font-weight: normal;}
			.mtype2 .l_mwarp .list_c{ position: relative;}
			.mtype2 .l_mwarp .list_c .sw{ width: 30%; float: left; display: block; text-align: center;  color: #935120;}
			
			.mtype2 .full_list_v5 .btn-fav{ margin: 0 3px 0 0px;}
			
			.leftcontent .mtype2 .row1{ width: 35%;}
			.leftcontent .mtype2 .row2{ width: 65%;}
			.rightcontent .mtype2 .row6{ width: 50%;}
			.rightcontent .mtype2 .row7{ width: 50%;}
			.rightcontent .mtype2 .row8{ width: 100%;}
			
			.full_list_v5 .f_c3 {color: #666 !important;}
			.full_list_v5 .f_bf{color:#2929fe !important;font-weight: 700;}
			
			/**轮标**/
			.full_list_v5 .teamin{ position: absolute; width:0; height:0; top: 8px; right: 0;}
			.full_list_v5 .teamin.cur{border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:6px solid #51ae2d; }
			
			/**mtype4**/
			.mtype4 .l_mwarp .f_r{ font-weight: normal;}
			.mtype4 .l_mwarp .list_c{ position: relative;}
			.mtype4 .l_mwarp .list_c .sw{ width: 45%; float: left; display: block; text-align: center;  color: #935120;}
			
			.mtype4 .full_list_v5 .btn-fav{ margin: 0 3px 0 0px;}
			
			.leftcontent .mtype4 .row1{ width: 35%;}
			.leftcontent .mtype4 .row2{ width: 65%;}
			.rightcontent .mtype4 .row6{ width: 50%;}
			.rightcontent .mtype4 .row7{ width: 50%;}
			.rightcontent .mtype4 .row8{ width: 100%;}
			
			
			.rightcontent .list_c{ font-size: 13px;}
			.leftcontent .row2 .list_c{ text-align: left; padding-left: 1px;}
			.titleul{ height: 30px; background: #8c7769;}
			.titleul li{ float: left; height: 30px; text-align: center; }
			.s2 .titleul,.s2 .titleul .c_v{ background: #630;}
			.full_list_v5{ position: relative; height: 78px; border-bottom:1px solid #DADADA; }
			.full_list_v5 li{ float: left;}
			.full_list_v5 .c_v { background: #8c7769;color: #fafafa;}
			.full_list_v5 .list_c{ height: 26px; line-height: 26px; text-align: center; overflow: hidden;}
			/*.full_list_v5 .row3 .list_c{ text-align: center;}*/
			.full_list_v5.btn_more:active{ background: #F4F4F4;}
			 
			.full_list_v5 .list_c.f_team{ text-align: left; font-size: 12pt; }
			.full_list_v5 .l_mtitle{ position: absolute; top: 0; left: 0;  color: #fff; background: #666666; padding: 2px 0 0 1px; height: 77px; width: 16px; line-height: 18px; vertical-align: middle; overflow: hidden;}
			.full_list_v5 .l_mwarp{ margin-left: 16px; }
			.full_list_v5 .f_sm{ font-size: 13px;}
			.full_list_v5 .f_bf span{ color:#2929fe;font-size: 14px; font-weight: bold;}
			.full_list_v5 .f_hbf{ color:#777777; font-size: 12px;} 
			.full_list_v5 .f_jc{ font-weight: 500; color: #C00; }
			 .f_bold{ font-weight: 700;}
			.full_list_v5 .f_wz_l{display: inline-block;  text-align: right; /*float: left;*/ margin-left: 4px; }
			.full_list_v5 .f_wz_r{ display: inline-block; float: right; text-align: right; margin-right: 2px;}
			.full_list_v5 .w_1{ width: 56px;}
			.full_list_v5 .w_2{ width: 35px;  padding-right: 1px;}
			
			.full_list_v5 .btn-fav{ float: right; color:#cccbcb ; line-height: 26px; font-size: 18px; margin:0 10px 0 10px;}
			.full_list_v5 .btn-fav.icon-star{color: #fcb800; }
			.full_list_v5 .icon-tv{ color: #00ab57; font-weight: 600;}
			.mui-slider-item{ background: #fff;}
			.jt_r:after{content: "\f105"; color: #cccbcb; position: absolute;  right: 3px;}
			.l_mwarp .sp{ display: block; text-align: center; margin-top: 13px; height: 65px; font-size: 9pt;}
			.full_list_v5 .f_bestof{ font-size: 13px; margin-right: 3px; color: #aaa;}
			
.mui-content{ margin-bottom: 52px;  padding-bottom: 1px;}			
.t_right{ text-align: right !important; padding-right: 6px;}			
nav .btn-refresh{ font-size: 20px;}
nav .btn-tvlist{ font-size: 16px;}

/**报警**/
.message-title{ font-size: 12px;}
.message-title .f-type{ color: #0787da; margin: 0 5px;}
.message-title .f-state{ color: #C00; } 
.message-title .f-end{ color: #3e9c30;}
.message-title .f-time{ position: absolute; right: 5px; top: 11px; color: #777777;}
.message-list .mui-navigate-right{ font-size: 13px;}
.message-list .mui-table-view-chevron .mui-table-view-cell{ padding-right: 35px;}
.message-list .ry-list{ font-size: 13px; line-height: 25px;}
.message-list .hf-list{ font-size: 13px;  line-height: 25px;}
.message-list .btn-warp{text-align: right;}
.btn-backmessage{ position: relative;}
.btn-backmessage .mui-badge{ position: absolute; top: 5px; right: 5px;}
.btn-backmessage .badge{ height: 20px; width: 25px; margin: 0 auto; border-radius: 10px; line-height: 20px; background: #ccc; font-size: 12px; color: #fff;}


/***侧边栏****/
.mui-off-canvas-left {
	position: fixed !important;
	background: #503F32;
	transform: translate3d(-263px, 0px, 0px);
}

.mui-off-canvas-left.mui-active {
	z-index: 10000!important;
	visibility: visible;
	transform: translate3d(0px, 0px, 0px);
} 
.mui-off-canvas-left .btn-close {
	display: inline-flex;
	margin: 6px 20px 6px 8px;
	padding: 10px;
	width: 20px;
	height: 20px;
	background: url(../img/close.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
	position: absolute;
	right: 0px;
	top: 10px;
	z-index: 1000;
}
.mui-off-canvas-left .mui-table-view{
	background: #503F32;
}
.mui-off-canvas-left .mui-table-view-inverted{  color:rgba(255,255,255,.72);}
.mui-off-canvas-left .mui-table-view-inverted .mui-table-view-cell:after,.mui-table-view-inverted .mui-table-view-cell:active{ background: #2E2924; }
.mui-off-canvas-left .mui-table-view-inverted:last-child:after{ height: 0;}



/**new-***/
.new-list{ margin-top: 8px;}
.new-list li{ clear: both; margin-bottom: 12px;}
.new-list .new-img{ float: left; display: inline-block;}
.new-list .new-img img{ width: 11em; height: auto;}
.new-list .righth{ margin-left: 11.5em; }
.new-content{ padding: 10px; background: #fff; margin-top: 10px; margin-bottom: 10px;}
.news-content{  }
.new-content .news-title,.new-content .new-title{ font-size: 15pt;}
.news-content h2{ font-size: 13pt; color: #333; margin: 0 0 5px 0; height: 22px; line-height: 22px; overflow: hidden; text-overflow: ellipsis;}
.news-content .desc{ color: #777; font-size: 11pt; line-height: 18px; max-height: 36px; overflow: hidden; text-overflow: ellipsis;}
.news-content .mclass{text-align: left;}
.news-content .mclass a{  line-height: 18px; font-size: 12px; color: #777;}
.new-content .mui-slider{ padding-bottom: 15px;}
.new-content .mui-slider-indicator{ bottom: 0px;}
.new-content .mui-slider-indicator .mui-indicator{ background: rgba(194,156,90,0.5); box-shadow: none; }
.new-content .mui-slider-indicator .mui-indicator.mui-active{ background: rgba(194,156,90,1);}

.article-content{  margin: 0 auto; padding: 15px; margin-top: 15px;   border-top: 1px solid #ccc; background: #fff;}
.article-nav-warp{ margin: 0 auto; line-height: 20px; padding: 0 10px;}
.article-nav-warp li{ display: inline-block; position: relative; margin-top: 15px; margin-right: 15px;}
.article-nav-warp li a,.article-nav-warp li a:hover{ color: #14805e;}
.article-nav-warp li.hover a{color:#ba914a ; }
.article-nav-warp li.hover:after{ position: absolute; content: ''; bottom: -4px; left: 0; width: 100%; height: 2px; background: #ba914a; }

.article-content .article-title{ font-size: 24px;}
.article-content .article-date{ font-size: 13px; color: #777;}
.article-content .intro{ font-size: 16px; margin: 10px 0 10px 0;}
.article-content .intro .full {width: 40%;float: right; margin: 0 0 0 .625em;}
.article-content .intro .full img{width: 100%;}
.article-content .article-item{ margin-top: 20px; color:#777; font-size: 14px;}
.article-content .new-content{ display: block; padding-bottom: 10px; margin-bottom: 10px; }
.article-content .new-content h2{ margin: 5px 0; }
.article-content .new-content .desc{ color: #777;}

.article-content h2{ font-size: 13pt;}
.article-content .desc{ font-size: 11pt;}

.next-content{ margin-top: 50px;}
.next-content a{ display: block; line-height: 30px; text-decoration: underline; color:#7c0d08 ;}

.page-fy{  margin: 0 auto; text-align: center;}
.page-fy a{ display: inline-block; padding: 10px; border:1px solid #F4F4F4; color: #14805e;}
.page-fy a:hover{ color: #ba914a;}
.news-content a:hover, .news-content a:active, a {
    color: #000;
}

#nav-popover .mui-table-view-cell{ text-align: right;}

/***详情页**/
.match-more .head-warp{
	line-height: 45px; background: #3d7e61;
	width: 100vw;
	height: 56.25vw;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.match-more .btn-tvlist{ position: absolute; left: 0px; top: 0px; width: 40px; height: 50px; margin: 6px 0 0 6px;}
.match-more .btn-tvlist img{ width: 28px; height: 42px;}
.match-more .btn-fav{ position: absolute; right: 0px; top: 0px;  color:#cccbcb ; line-height: 26px; font-size: 20px; margin:15px 10px 10px 10px;}
.match-more .btn-fav.icon-star{color: #fcb800; }
.match-more.mtype0 .head-warp{ 
background:#3d7e61;
background:-moz-linear-gradient(top,#3d7e61 0,#21241e 100%);
background:-webkit-linear-gradient(top,#3d7e61 0,#21241e 100%);
background:linear-gradient(to bottom,#3d7e61 0,#21241e 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d7e61', endColorstr='#21241e', GradientType=0 );
background-image:linear-gradient(to bottom,#3d7e61,#21241e); 
}
.match-more.mtype1 .head-warp{
	background: #613905;
    background: -moz-linear-gradient(top,#613905 1%,#381b00 100%);
    background: -webkit-linear-gradient(top,#613905 1%,#381b00 100%);
    background: linear-gradient(to bottom,#613905 1%,#381b00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#613905', endColorstr='#381b00', GradientType=0 );
    background-image: linear-gradient(to bottom,#613905,#381b00);
}
.match-more.mtype2 .head-warp{
	background:#475d2d;
	background:-moz-linear-gradient(top,rgba(71,93,45,1) 0,rgba(15,27,1,1) 100%);
	background:-webkit-linear-gradient(top,rgba(71,93,45,1) 0,rgba(15,27,1,1) 100%);
	background:linear-gradient(to bottom,rgba(71,93,45,1) 0,rgba(15,27,1,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#475d2d', endColorstr='#0f1b01', GradientType=0 );
	background-image:linear-gradient(to bottom,#475d2d,#0f1b01);
	
}
.match-more.mtype4 .head-warp{
	background:-moz-linear-gradient(top,rgba(166,94,47,.88) 0,rgba(166,94,47,.88) 1%,rgba(59,44,14,1) 100%);
	background:-webkit-linear-gradient(top,rgba(166,94,47,.88) 0,rgba(166,94,47,.88) 1%,rgba(59,44,14,1) 100%);
	background:linear-gradient(to bottom,rgba(166,94,47,.88) 0,rgba(166,94,47,.88) 1%,rgba(59,44,14,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0a65e2f', endColorstr='#3b2c0e', GradientType=0 );
	background-image:linear-gradient(to bottom,rgba(116,94,47,.88),#3b2c0e) 
}

.head-message .board_l {
	text-align: center;
	line-height: 18px;
}

.head-message .board_title {
	position: relative;
	display: inline-block; 
	border: 1px solid rgba(255, 255, 255, .16);
	background-color: rgba(0, 0, 0, .16);
	line-height: 14px;
	text-align: center;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 8px;
	padding-right: 8px;
}

.live_time_board {
	display: inline-block;
	color: #c09552;
	font-size: 12px;
	margin: -1px 0 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.head-message .game_time {
	display: inline-block;
	line-height: 16px;
	color: #f8f8f7;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	opacity: .56;
}

.head-message .fgwarp {
	float: left;
	position: relative;
	width: 50%;
	text-align: center;
	padding-bottom: 12px;
	/*padding-top: 30px;*/
}

.head-message .fgwarp:after {
	position: absolute;
	top: 45px;
	right: -1px;
	content: '';
	width: 2px;
	height: 17px;
	background: rgba(255, 255, 255, .24);
}

.fgwarp .bf_h,
.fgwarp .bf_c {
	color: #eba01e!important;
	font-weight: 400;
	/*opacity: .5;*/
	font-size: 40px;
	display: block;
}
.head-message .teamname {
	font-size: 15px;
	color: rgba(248, 248, 247, .8);
	text-align: center;
	line-height: 20px;
}

.head-message .bk_score{ height: auto; line-height: 28px; padding: 0px 15px; vertical-align: middle; background-color: rgba(0,0,0,.16); font-size: 13px;
position: relative; 
width: 100%;
margin-top: 10px;
}
.head-message .bk_score .score_sj{float: right; }
.head-message .bk_score .score_sj .score2_h{ color: #EBA01E;}
.head-message .bk_score .score_name {
    display: inline-block;
    color: rgba(248,248,248,.56);
    padding-right: 7px;
    word-break: break-all;
    vertical-align: middle;
}
.head-message .bk_score .score2_h {
    color: #f8f8f7;
    opacity: .8;
}
.head-message .bk_score .score_name span {
    padding-left: 3px;
}
.head-message .score2_light {
    color: #eba01e!important;
}
.head-warp .mtitle{ line-height: 45px; height: 45px; text-align: center; color: #fff; font-size: 12pt; padding: 0 45px; overflow: hidden; text-overflow: ellipsis;}

.match-more .data-warp {
	-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.14);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.14);
	background-color: #f7f7f8;
	position: relative;
}

.match-more .data-warp .tab-menu { 
	height: 40px;
	background: #5d554c;
	border-bottom: 1px solid #4f4740;
	
}
/*
.cur_bf .data-warp .tab-menu{border-top: 2px solid #eba01e;}
.cur_dt .data-warp .tab-menu{border-top: 2px solid #4caf50;}
.cur_tv .data-warp .tab-menu{border-top: 2px solid #de1c30;}
*/
.match-more .data-warp .tab-menu .li_top{
	 
}

.match-more .data-warp .tab-menu .li_top.bf{ color: #eba01e;}
.match-more .data-warp .tab-menu .li_top.dt{ color: #4caf50;}
.match-more .data-warp .tab-menu .li_top.tv{ color: #e85a3f;}

.match-more .data-warp .tab-menu li{ 
	position: relative;
	float: left;
	line-height: 40px;
	color: #fff;
	width: 14%;
	text-align: center;
	cursor: pointer;
}
.match-more .data-warp .tab-menu li.cur {
	background: #4f4740; 
}
.match-more .data-warp .tab-menu .li_top.cur:after{
	position: absolute; top: 0; left: 0;
	content: " "; width: 0; height: 0; border-style: solid; border-width: 5px 5px 5px;  border-color:  #fcb800 transparent transparent #fcb800;
			
}

.match-more .tv-content{ height: 100%; width: 100%;}
.match-more .dt-tv {
	height: calc(100% + 115px);
	width: 100%;
	position: absolute;
	top: -115px;
	left: 0px;
	overflow: hidden;
}
.match-more.mtype0 .dt-tv{ background: #000; }
.match-more.mtype0 .dt-tv .data-frame{ min-width: 91%; margin-left: 5%;}
.match-more.mtype1 .dt-tv {height: calc(100% + 90px);top: -90px;}
.match-more.mtype2 .dt-tv {height: calc(100% + 90px);top: -90px;}

.match-more .no_vidio{ text-align: center; padding-top: 15vw; color: #fff; }
.match-more{ width: 100%; height: 100%; background: #F4F4F4;}
.match-more .fixed-warp{ width: 100%; position: fixed; top: 0; left: 0; z-index: 3;}
.match-more .dt-warp{ width: 100%; z-index: 2; padding-top:56.25vw; margin-top: 40px; position: fixed; top: 0; bottom:0px;overflow: hidden; 
		overflow-y: hidden;   
	    overflow-x: hidden;
	    
	    /** 新增 -webkit-overflow-scrolling 属性设置
	    -webkit-overflow-scrolling: touch;   **/
  }
 .match-more.mtype0 .tab ul li{ width: 25%;}
 .NoEvent_game, .NoEvent { width:100%; height:156px;  padding:100px 10px 10px; vertical-align:middle; text-align: center;font-size:14px; color: rgba(0, 0, 0, 0.38); background: url(../plugin/hg/images/empty-state-icon.svg) no-repeat 50% 27px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

  /*
.match-more .data-frame{ border: 0 ; padding: 0; width: 1px; min-width: 100%; height: 100%;  }
.match-more .icwarpper{ width: 100%; height: 100%;  overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; scroll: auto;}
 */
.match-more .data-frame{ border: 0 ; padding: 0; width: 1px; min-width: 100%; height: 100%; /*overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;*/  }
.match-more .icwarpper{ width: 100%; height: 100%; overflow: hidden;  }
.match-more .data-frame-scroll{ overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;}

.match-more .sk-menu{ background: #5d554c; height: 48px; width: 100%; position: absolute; z-index: 99;} 
.match-more .sk-menu li {
	position: relative;
	display: inline-block;
	line-height: 48px;
	height: 48px;
	color: #fff;
	width: 19%;
	text-align: center;
	cursor: pointer;
}
.match-more .sk-menu li.cur {
	background: #4f4740; /*color: #de1e30;*/
}
.match-more .sk-menu li .icon{ display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position:center;} 
.match-more .sk-menu .tab-tj .icon{ background: url(/img/icon_statistics.svg) no-repeat;background-position:center; }
.match-more .sk-menu .tab-wzzb .icon{ background: url(/img/icon_commentary.svg) no-repeat;background-position:center; }
.match-more .sk-menu .tab-dzfx .icon{ background: url(/img/icon_headhead.svg) no-repeat;background-position:center; }
.match-more .sk-menu .tab-zr .icon{ background: url(/img/icon_team.svg) no-repeat;background-position:center; }
.match-more .sk-menu .tab-jfb .icon{ background: url(/img/icon_league.svg) no-repeat;background-position:center; }

.icon-dt { display: inline-block;margin-left: 3px; width: 18px; height: 18px;  background: url(../img/icon_match_FT2.svg) no-repeat;background-position:center; background-size:100% ; vertical-align: middle; }

/* ============== tn ============= */
.board_title_full {
	position: relative;
	margin: 8px 8px 3px;
	border: 1px solid rgba(255, 255, 255, 0.16);
	background-color: rgba(0, 0, 0, 0.16);
	height: 24px;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	/*	justify-content:center;*/
	flex-wrap: nowrap;
}

.board_title_full .live_time {
	-webkit-box-flex: 0 auto;
	flex: 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}

.live_time {
	display: inline-block;
	color: #c09552;
	font-size: 12px;
	padding-left: 8px;
	padding-right: 8px;
}

.board_tn_set_H {
	font-size: 12px;
	color: rgba(255, 255, 255, .48);
	text-align: center;
	width: 32px;
	flex: 0 32px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.board_title_full .flex_empty {
	-webkit-box-flex: 1 auto;
	flex: 1 auto;
}

.board_team_full {
	margin: 0 8px;
	font-size: 15px;
	color: rgba(248, 248, 247, 0.8);
	text-align: left;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: stretch;
	line-height: 32px;
}

.board_team_full .serve_h {
	height: inherit;
	line-height: normal;
	margin-right: 2px;
	border: none;
	-webkit-box-flex: 0 10px;
	flex: 0 10px;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}

.board_team_full .game_team_h {
	color: rgba(255, 255, 255, .8);
	font-size: 11pt;
	word-break: break-all;
	line-height: 1.15;
	min-height: 32px;
	padding-right: 8px;
	flex: 1;
	display: flex;
	align-items: center;
}

.board_team_full .sc_set_s {
	margin-right: 1px;
}

.board_team_full .sc_set_H,
.board_team_full .sc_set_p,
.board_team_full .sc_set_s {
	color: #EBA01E;
	width: 32px;
	font-size: 14px;
	font-weight: 700;
	min-height: 32px;
	background-color: rgba(255, 255, 255, .16);
	text-align: center;
	flex: 0 32px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.board_team_full .sc_set_p {
	margin-left: 1px;
	font-size: 14px;
	font-weight: normal;
	color: rgba(255, 255, 255, 0.8);
}
.board_title_full .game_time{ line-height: 22px;}

.board_team_full .serve_not{
	height: inherit;
    line-height: normal;
    margin-right: 2px;
    border: none;
    -webkit-box-flex: 0 10px;
    flex: 0 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.board_team_full .serve_not.cur:before{
		position: absolute;
		left: 0;top: 0;
		content: "";
		border-left: 2px solid #c09552;
		height: 24px;
		width: 10px; 
		justify-content: center;
		align-items: center;
}

/**return ui**/
.return-ui{ position: fixed; bottom: 50px; right: 30px; width: 50px; height: 50px; background: rgba(0,0,0,0.7); border-radius: 11%;  text-align: center; z-index: 999; 
 opacity: 0;
}
.return-ui a{ display: block; color: #fff; font-size: 30px; font-weight: bold; margin-top: 10px;}
.return-ui.hide{
	animation: fade-out;/*动画名称*/  
    animation-duration: 0.8s;/*动画持续时间*/  
    -webkit-animation:fade-out 0.8s;/*针对webkit内核*/
    animation-fill-mode: forwards; 
}
.return-ui.show{
	
	animation: fade-in;/*动画名称*/  
	animation-duration: 0.8s;/*动画持续时间*/  
	-webkit-animation:fade-in 0.8s;/*针对webkit内核*/
	 animation-fill-mode: forwards; 
}

@media screen and (min-width:660px){
.leftcontent{width:30%;}
.rightcontent{width:70%}
.mui-slider .mui-slider-group .mui-slider-item.s1{width:54%}
.mui-slider .mui-slider-group .mui-slider-item.s2{width:46%}
.rightcontent .row6{ width: 45%;}
.rightcontent .row7{ width: 27%;}
.rightcontent .row8{ width: 28%;}

/**mtype1**/
/*
.mtype1 .leftcontent{width:42%;}
.mtype1 .rightcontent{width:58%}

.mtype1 .mui-slider .mui-slider-group .mui-slider-item.s1{width:55%}
.mtype1 .mui-slider .mui-slider-group .mui-slider-item.s2{width:45%}
*/
}
/*** SCREEN 4.0****/
@media screen and (max-width:320px){
.leftcontent{width:60%;}
.rightcontent{width:40%}

.mui-slider .mui-slider-group .mui-slider-item.s1{ width: 200%;}
.mui-slider .mui-slider-group .mui-slider-item.s2 { width: 200%;}
/*
.mtype1 .mui-slider .mui-slider-group .mui-slider-item.s1{width:200%}
.mtype1 .mui-slider .mui-slider-group .mui-slider-item.s2{width:200%}
*/
.leftcontent .mtype1 .row1{ width: 40%;}
.leftcontent .mtype1 .row2{ width: 60%;}

.leftcontent .mtype2 .row1{ width: 40%;}
.leftcontent .mtype2 .row2{ width: 60%;}
			
}

/**css 动画***/
@keyframes fade-in {  
    0% {opacity: 0; }/*初始状态 透明度为0*/   
    100% {opacity: 1;}/*结束状态 透明度为1*/  
}  
@-webkit-keyframes fade-in {/*针对webkit内核*/  
    0% {opacity: 0;}   
    100% {opacity: 1;}  
}  
@keyframes fade-out {  
    0% { opacity: 1; }/*初始状态 透明度为0*/  
   
    100% {opacity: 0;}/*结束状态 透明度为1*/  
}  
@-webkit-keyframes fade-out {/*针对webkit内核*/  
    0% {opacity: 1; }  
     
    100% {opacity: 0;}  
}