@charset "utf-8";
/* CSS Document */


body{ padding:0; margin:0; font-family: MicrosoftYaHei,微软雅黑,Helvetica,STHeiti,Droid Sans Fallback; font-size:14px;}
ul,li{ margin:0; padding:0; list-style:none; }
*{box-sizing: border-box;}
.ui_row_col:after,.row:after{display: table;content: ""; height:;line-height: 0;clear: both;}
a{ color:#333; tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;}
a:active{ tap-highlight-color:transparent;}

/*颜色*/

.c222{ color:#222;}
.c333{ color:#333;}
.c666{ color:#666;}
.c888{ color:#888;}
.c999{ color:#999;}
.caaa{ color:#aaa;}
.cfs{ color:#ff7200;}

.ft10{ font-size:10px;}
.ft11{ font-size:11px;}
.ft12{ font-size:12px;}
.ft14{ font-size:14px;}
.ft16{ font-size:16px;}
.ft18{ font-size:18px;}

/*间距*/
.m10{ margin:10px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
.mb35{ margin-bottom:35px;}
.mb40{ margin-bottom:40px;}
.mb45{ margin-bottom:45px;}
.mb50{ margin-bottom:50px;}
.mb55{ margin-bottom:55px;}
.mb60{ margin-bottom:60px;}

.p10{padding:10px;}
.p15{padding:15px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pd20{ padding:20px;}


.ui_title{ color:#333; padding:14px 10px;}
.center{ text-align:center;}

a{ color:#222; text-decoration:none; font-size:14px;}

.ui_col{ float:left;}
.ui_col_50{ width:50%;}
.ui_col_33{ width:33.33%;}

/*幻灯片*/
.ui_slide{ width:100%; overflow:hidden; position:relative;}
.ui_slide .ui_slide_ul{ width:100%; height:100%;}
.ui_slide .ui_slide_ul .slide_slide_li{ float:left;height:100%;}
.ui_slide .ui_slide_ul .slide_slide_li a{ width:100%;height:100%; display:block;}
.ui_slide .ui_slide_ul .slide_slide_li a img{ width:100%; height:100%; display:block;}
.ui_focus{ position:absolute; left:0; z-index:20; bottom:10px; height:6px; width:100%; text-align:center;line-height:0;}
.ui_focus span{ width:6px; height:6px; border:1px solid rgba(255,255,255,0.9); display:inline-block; margin:0 6px; border-radius:18px;}
.ui_focus .cur{ background:rgba(255,255,255,0.9);}

/*删格*/
.td_1{ width:8.33333333%;}
.td_2{width:16.66666667%;}
.td_3{width:25%;}
.td_4{width:33.33333333%;}
.td_5{width:41.66666667%;}
.td_6{width:50%;}
.td_7{width:58.33333333%;}
.td_8{width:66.66666667%;}
.td_9{width:75%;}
.td_10{width:83.33333333%}
.td_11{width:91.66666667%;}
.td_12{width:100%;}


.scroll_wrapper {
	position: relative;
	width: 1000px;
	height: 300px;
	overflow: hidden;

	/* 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;
	-ms-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;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}
.scroller_ul{position: absolute;
	/* 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);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);}
	
/*滚动条*/
.LoadMore{width:100%; height:46px; line-height:46px; font-size:14px; color:#666; background:#f4f4f4; text-align:center;}



/*ul_select_list*/
.ul_select_list{ max-height:324px; overflow-y:scroll;}
.ul_select_list .ui_option{ padding:15px 0px 14px 0; border-bottom:1px solid #eee; position:relative; padding-right:50px;}
.ul_select_list .ui_option:last-child{ border-bottom:none;}
.ui_select{ height:44px; overflow:hidden; position:relative;}
.ui_select_val{ padding-right:24px; text-align:right;}
.select_icon{ position:absolute; top:0px; right:0;}

.label_right{ position:absolute; top:0; right:15px;}

.select_icon .iconfont,.label_right .iconfont{ color:#a6a6a6; font-size:14px;}

.ul_select_list .ui_option:after{display: table;content: "";width:16px; height:16px; border:2px solid #a8a8a8; border-radius:32px; position:absolute; right:0; top:16px;box-sizing: border-box;transition:all 0.2s ease-out 0s;}
.ul_select_list .cur:after{ border:5px solid #209afd;}

/*按钮*************************************************/
.ui_btn{
	height:42px;
    line-height:42px;	
	font-size:18px;
	text-align:center;
	border-radius:5px; 
	position:relative; 
	padding:0 15px;
	display:inline-block;
	margin-bottom:10px;
	color:#454545;
	background-color: #fff;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	border:none;
}

.ui_block{ width:100%;}
.ui_btn .iconfont{ margin-right:5px;font-size:18px;}


.ui_btn_34px{ height:32px; line-height:32px; font-size:15px;}
.ui_btn_34px .iconfont{ margin-right:2px;font-size:15px;}
.ui_btn_24px{ height:22px; line-height:22px; font-size:12px;}
.ui_btn_24px .iconfont{ margin-right:2px;font-size:12px;}


.ui_btn:after{content: " "; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.12); -webkit-transform: scale(0.5); -ms-transform: scale(0.5);transform: scale(0.5);   -webkit-transform-origin: 0 0;-ms-transform-origin: 0 0; transform-origin: 0 0;box-sizing: border-box;border-radius: 10px;}
.ui_btn_block{ display:block;}

.ui_btn_bdr_no:after{ border:none;}

.ui_btn_default{background-color: #F7F7F7; color:#454545;}
.ui_btn_primary{ background: linear-gradient(90deg, #ffa70f, #fd6806); color:#fff;}
.ui_btn_warn{ background:#F00; color:#fff;}
.ui_btn_second{ background:#F63; color:#fff;}

/*按钮触碰*/
.ui_btn:active { background-color: #ccc;}
.ui_btn_primary:active { background-color: #f4a635;}
.ui_btn_warn:active {background-color: #aa0000;}
.ui_btn_second:active { background-color: #cb3300;}


.ui_btn_default_line{color:#454545; background:#fff;}
.ui_btn_default_line:after{ border-color:#ccc; }

.ui_btn_primary_line{color:#099;}
.ui_btn_primary_line:after{ border-color:#099; }
.ui_btn_primary_line:active{ background:#099; color:#fff;}

.ui_btn_warn_line{color:#F00;}
.ui_btn_warn_line:after{ border-color:#F00; }
.ui_btn_warn_line:active{ background:#F00; color:#fff;}

.ui_btn_second_line{color:#F63;}
.ui_btn_second_line:after{ border-color:#F63; }
.ui_btn_second_line:active{ background:#F63; color:#fff;}

.ui_btn_primary.ui_btn_disabled:active{ background:#099;}
.ui_btn_warn.ui_btn_disabled:active{ background:#F00;}
.ui_btn_second.ui_btn_disabled:active{ background:#F63;}
.ui_btn_default_line.ui_btn_disabled:active{ background:#fff;}
.ui_btn_default.ui_btn_disabled:active{ background:#f7f7f7;}

.ui_btn_primary_line.ui_btn_disabled:active{ color:#099; background:#fff;}
.ui_btn_warn_line.ui_btn_disabled:active{ color:#F00;background:#fff;}
.ui_btn_second_line.ui_btn_disabled:active{ color:#F63;background:#fff;}
.ui_btn_default_line.ui_btn_disabled:active{ background:#fff;}
.ui_btn_default.ui_btn_disabled:active{ background:#f7f7f7;}

.ui-border {
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 15px;
    -webkit-box-align: center;
}



/*文字颜色*/
.c_primary{color:#099;}


/*按钮警用*/
.ui_btn_disabled{ opacity:0.5;}
.ui_btn_disabled.ui_btn_line{ color:#999;}
/*.ui_btn_disabled .iconfont{ display:inline-block;animation: 1s linear 0s normal none infinite rotate;-webkit-animation:1s linear 0s normal none infinite rotate;}*/

.mc{ position:absolute; left:0; top:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.28); z-index:1000;}

/*弹窗*/
.ui_dialog{ position:absolute; z-index:1002; background:#fff; left:50%; top:50%; border-radius:6px; box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.ui_dialog_warp{}
.ui_dialog_title{ padding:20px 20px 0 20px; text-align:center; color:#666;}
.ui_dialog_content{ padding:15px 20px; line-height:24px; }
.ui_dialog_button{ text-align:center;}
.ui_dialog_button .ui_btn{ width:100%; height:46px; line-height:45px; font-size:14px; font-weight:bold; border-radius:0; border:none; color:#209afd; background:none; margin-bottom:0;}
.ui_btn:after{  border-bottom:none; border-right:none; border-left:none; border-radius:0;border-top-color:rgba(0, 0, 0, 0.2)}

/*提示*/

.ui_tisp{  left:20px; top:20px; right:20px; position:fixed; z-index:1008; background:rgba(0,0,0,0.66); color:#fff; padding:9px 20px; text-align:center; border-radius:6px;}
.ui_tisp i{ margin-right:10px;}
.ui_tisp_success{ background:rgba(38,158,41,0.8);}
.ui_tisp_error{ background:rgba(202,52,52,0.8);}