@charset "utf-8";
/* 
类型：为村微信通用样式
作者：杨涛
日期：2016-02-23 13:44
心情：★★★☆☆
兼容：IE9+、-webkit-、-moz-
备注：
*/
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,cite,code,del,em,font,img,ins,small,strong,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,select,abbr,article,aside,audio,bdi,canvas,data,datalist,details,dialog,figcaption,figure,footer,header,hgroup,main,mark,meter,nav,output,picture,progress,section,summary,template,time,video {
	margin:0;
	padding:0;
}
header,footer,nav,section,article{ display:block;}
html{font-size:40px; }
*,:after,:before{margin:0;padding:0;
-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing:border-box !important;
}
html,body{
	-webkit-overflow-scrolling: touch;-moz-overflow-scrolling: touch;-ms-overflow-scrolling: touch; overflow-scrolling: touch;/*优化触屏滚动*/
	-webkit-user-select:none; -moz-user-select: none;  -ms-user-select: none;-o-user-select: none; user-select: none; /*禁止用户复制*/
	-webkit-touch-callout:none; touch-callout:none;/*禁用系统长按菜单*/
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0); tap-highlight-color:rgba(0, 0, 0, 0);/*去掉点击高亮*/
	font-family:"Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif; 
	/*前2是英文字体，之后分别是：设备默认字体、微软雅黑（PC）、苹果黑体（mac）、文泉驿微米黑、宋体、通用适配字体*/
	/*color:#767676; */
	outline:0;
	background:#ffffff;
	/*-webkit-font-smoothing: antialiased;*//*加上这个可以使mac下safari和chrome，反锯齿，平滑字体表现一致*/
	/*-webkit-text-size-adjust: 100%;*//*iPhone 横屏默认会放大文字，设置text-size-adjust会解决这个问题*/
	/*-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	height:100%;*/
}
body{ min-width:300px !important; max-width:1024px !important; margin:0 auto; font-size:.5rem;}
ul,li {list-style:none;}
input,select{ outline:none;font-family:"Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif; font-size:.6rem; }
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
a{color:#4c4c4c;text-decoration:none;}
a:link{}
a:visited{ color:inherit;}
a:hover{}
a:active{}
a img{ border:0;}
img{vertical-align:middle;}
.detail_text img{ width:100%;}
/*清浮*/
.clear:after{content:""; display:table; height:0; clear:both; font-size:0; visibility:hidden;}
.clear{zoom:1; *+height: 1%;}
/*投影*/
.boxshadow{
	border-bottom:1px solid #e1e1e1; 
	box-shadow:0 0 2px rgba(0,0,0,.2); 
	border-radius:4px; 
	background:white;
}
/*网格*/
.flex_box{
    /*display:-moz-box;
    display:-webkit-box;
	display: -ms-flexbox;
    display:box;*/
	display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4*/
	width:100%;
	text-align:center;
}
.flex_box > li{
	display:block;
    -moz-box-flex:1;
    -webkit-box-flex:1;
    box-flex:1;
}
.flex_1{
	display:block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.flex_2{
	display:block;
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
}
.flex_3{
	display:block;
    -webkit-box-flex: 3;
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
}
.flex_4{
	display:block;
    -webkit-box-flex: 4;
    -webkit-flex: 4;
    -ms-flex: 4;
    flex: 4;
}
.pointer{pointer-events:none;}/*无视鼠标*/
/*文字溢出省略号*/
.text_overflow{ display:inline-block; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
/*多行文字溢出省略号*/
.text_overflow_rows{
  width:100%;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /*这里修改为要显示的行数*/
  -webkit-box-orient: vertical;
}

/*内容垂直居中对齐*/
.vertical_box{font-size:0; text-align:center; height:100px;}/*居中容器*/
.vertical_box:before{ content:''; display:inline-block; height:100%; vertical-align:middle;}
.vertical_box .vertical_middle{ display:inline-block; font-size:.6rem; vertical-align:middle;}/*子元素垂直居中*/
.vertical_box .vertical_bottom{ display:inline-block; font-size:.6rem; vertical-align:bottom;}/*子元素垂直居底*/

/*自定义颜色和背景*/
.blue{ color:#0e90d2 !important;}
.cyan{ color:#3bb4f2 !important;}
.success{ color:#5eb95e !important;}
.warning{ color:#f37b1d !important;}
.error{ color:#dd514c !important;}
.green{color:#57b382 !important;}
.bg_blue{ background-color:#0e90d2;}
.bg_cyan{ background-color:#3bb4f2;}
.bg_green{ background-color:#5eb95e;}
.bg_orange{ background-color:#f37b1d;}
.bg_red{ background-color:#dd514c;}

/*鼠标动画*/
.transition{
	transition:all 0s ease 0s;
	-moz-transition:all 0s ease 0s;
	-webkit-transition:all 0s ease 0s;
	-o-transition:all 0s ease 0s;
}

/*透明度*/
.opacity{
	filter:alpha(opacity=70);
	-webkit-opacity:.7;
	-moz-opacity:.7;
	opacity:.7;
}

/*保留文本段落格式*/
.pre{
	white-space:pre-wrap; 
	*white-space: pre; 
	*word-wrap: break-word;
}



/*表格重定义*/
.table{
	width:100%;
	/*table-layout:fixed;*/
    border-collapse: collapse;
    border-spacing: 0; 
    border: 1px solid #e0e0e0;
	background:white;
}
.table th{
	padding: 10px;
	border:1px #ddd solid;
	border-width: 0 0 0 1px;
	text-align:center;
	vertical-align:middle;
	font-size:12px;
	font-weight:600;
	background:#f4f4f4;
	white-space: nowrap;
}
.table td{
	padding:0 10px;
	height:35px;
	line-height:35px;
	border:1px #ddd solid;
	border-width: 0 0 0 1px;
	text-align:center;
	vertical-align:middle;
	font-size:12px;
	max-width:100px;
	white-space: nowrap; 
	-webkit-text-overflow: ellipsis; 
	-moz-text-overflow: ellipsis; 
	-o-text-overflow: ellipsis; 
	text-overflow:ellipsis; 
	overflow:hidden;
}

/*取消select的右侧小三角按钮*/
.select{
appearance:none !important;
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari 和 Chrome */
}


/*动画事件*/
.action{ 
	-webkit-animation: action 2s ease;
	-moz-animation: action 2s ease;
	-ms-animation: action 2s ease;
	-o-animation: action 2s ease;
	animation: action 2s ease;
}
@-webkit-keyframes action{from{}to{}}
@-moz-keyframes action{from{}to{}}
@-ms-keyframes action{from{}to{}}
@-o-keyframes action{from{}to{}}
@keyframes action{from{}to{}}

/*iPad横板显屏*/
@media screen and (max-device-width: 1024px) and (orientation: landscape) {

}
/*iPad竖板显屏*/
@media screen and (max-device-width: 768px) and (orientation: portrait) {

}
/*iPhone4小尺寸设备*/
@media screen and (min-device-width: 320px) and (min-device-width: 480px) {

}
/*窗口尺寸*/
@media screen and (max-width: 1024px) {

}
/*窗口尺寸*/
@media screen and (min-width: 320px) and (max-width: 1200px) {

}

/*按钮*/
.bc{ background-color:#39ac6a; border-color:#39ac6a;}/*背景边框颜色*/
.tc{ color:#39ac6a;}/*字体颜色*/
.btn{ display:block; height:2.1rem; line-height:2.1rem; text-align:center; background-color:#F7F7F7; color:#454545; position:relative; font-size:.9rem; border-radius:5px;}
.btn:after{
  content: "";
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  border-radius: 10px;
}
.btn_mini{ display:inline-block; height:1.3rem; line-height:1.3rem; padding:0 0.75em; font-size:14px;}
.btn + .btn{ margin-top:15px;}
/*灰色*/
.btn.btn_disabled{ color:#c9c9c9 !important;}
.btn:active:not(.btn_disabled){background-color: #dedede !important; color: #a1a1a1 !important;}
/*绿色*/
.btn.btn_primary{ background-color:#04BE02; color:#fff;}
.btn_primary.btn_disabled{ color:rgba(255, 255, 255, 0.6) !important;}
.btn.btn_primary:active:not(.btn_disabled){background-color: #039702 !important; color: rgba(255, 255, 255, 0.4) !important;}
/*红色*/
.btn.btn_warn{ background-color:#ef4f4f; color:#fff;}
.btn_warn.btn_disabled{ color:rgba(255, 255, 255, 0.6) !important;}
.btn.btn_warn:active:not(.btn_disabled){background-color:#c13e3e !important; color: rgba(255, 255, 255, 0.6) !important;}
/*灰色边框*/
.btn.btn_plain_default{ background-color:transparent; color:#5a5a5a; border:1px solid #5a5a5a;}
.btn_plain_default.btn_disabled{ color:#999 !important;}
.btn.btn_plain_default:active{ background-color:transparent !important; color:#5a5a5a !important;}
/*绿色边框*/
.btn.btn_plain_primary{ background-color:transparent; color:#04be02; border:1px solid #04be02;}
.btn_plain_primary.btn_disabled{ color:#999 !important;}
.btn.btn_plain_primary:active{ background-color:transparent !important; border-color:#039702 !important; color:#04be02 !important;}


.bc{ background-color:#39ac6a; border-color:#39ac6a;}/*背景边框颜色*/
.tc{ color:#39ac6a;}/*字体颜色*/


/*全局弹窗*/
.win_mark{
	display:none;
	position: fixed;
    z-index: 9;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
}
.win_dialog {
    position: fixed;
    z-index: 13;
    width: 85%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #FAFAFC;
    text-align: center;
    border-radius: 3px;
}
.win_dialog_hd{padding: 1.2em 20px .5em;}
.win_dialog_title{font-weight: 400;font-size: 17px;}
.win_dialog_bd{
	margin-bottom: 20px;
	text-align:left;
	padding: 0 20px;
    font-size: 15px;
    color: #888;
}
.win_dialog_ft{
	position: relative;
    line-height: 42px;
    font-size: 17px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.win_dialog_ft a{
	position:relative;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #3CC51F;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	border-top:1px solid #eee;
}
.win_dialog_ft a:first-child{
	border-right:1px solid #eee;
}
.win_btn_dialog.default{ color:#353535;}
.win_btn_dialog.primary{ color:#0BB20C;}


.dialog_window{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(3,3,3,.5); z-index:9; overflow:hidden;}
.dw_body{ position:absolute; width:50%; overflow:hidden;background-color:#fff; outline-width:10px; outline-style:solid; outline-color:rgba(3,3,3,.2); cursor:auto;}
.dw_body.center{ top:50% !important; left:50% !important;transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);}
.dw_body.big{ width:80%;}
.dw_body.medium{ width:70%;}
.dw_title{ position:relative; height:44px; line-height:44px; padding-left:20px; border-bottom:1px solid #eee; }
.dw_title .dw_close{ position:absolute; top:0; right:10px; width:44px; height:44px; text-align:center; font-size:32px; font-weight:normal; color:#bbb;}
.dw_title .dw_txt{ font-size:20px;}
.dw_box{ padding:20px; min-height:80px;  max-height:400px; overflow:hidden; overflow-y:auto;}
.dw_btn{ padding:10px; background:#f6f6f6; text-align:center;}


/*banner滑动切换*/
.ico_box{ 
	position:absolute; bottom:.5rem; left:50%;
	-webkit-transform:translate(-50%,0);
	-moz-transform:translate(-50%,0);
	-ms-transform:translate(-50%,0);
	-o-transform:translate(-50%,0);
	transform:translate(-50%,0);
	z-index:9;
}
.ico_box span{ display:inline-block; width:.25rem; height:.25rem; border-radius:50%; background:white; margin:0 .2rem;}
.ico_box span.on{ background:#57b382; }
.touch_box{
	height:100%;
	position:relative;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: box;  
	display: flexbox;  
	display: flex;
	
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	-o-transform:translateX(0);
	-ms-transform:translateX(0);
	transform:translateX(0);
	
	-moz-transition-property:all;
	-webkit-transition-property:all;
	-o-transition-property:all;
	transition-property:all;
	
	-moz-transition-duration: .3s;
	-webkit-transition-duration: .3s;
	-o-transition-duration: .3s;
	-ms-transition-duration: .3s; 
	transition-duration: .3s;
	-webkit-backface-visibility:hidden;/*频繁闪烁或抖动*/
	-webkit-perspective:1000;/*清除频繁闪烁或抖动*/
	-webkit-overflow-scrolling: touch;-moz-overflow-scrolling: touch;-ms-overflow-scrolling: touch; overflow-scrolling: touch;/*滚动方式为触摸滑动*/
}
.touch_box > .touch_slide{ 
	-webkit-flex-shrink:0;
	-ms-flex:0 0 auto;
	flex-shrink:0;
	width:100% !important;
	position:relative;
}
.touch_slide img{ width:100%;}
.scale{
	-webkit-transform:scale(1,1);
	-moz-transform:scale(1,1);
	-o-transform:scale(1,1);
	transform:scale(1,1);
			
	-moz-transition-property: transform;
	-webkit-transition-property:transform;
	-o-transition-property:transform;
	transition-property:transform;
	
	-moz-transition-duration: .3s;
	-webkit-transition-duration: .3s;
	-o-transition-duration: .3s;
	-ms-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-backface-visibility:hidden;/*清除频繁闪烁或抖动*/
	-webkit-perspective:1000;/*清除频繁闪烁或抖动*/
	-webkit-overflow-scrolling: touch;-moz-overflow-scrolling: touch;-ms-overflow-scrolling: touch; overflow-scrolling: touch;

}
.noduration{
	-moz-transition-duration: 0s !important;
	-webkit-transition-duration: 0s !important;
	-o-transition-duration: 0s !important;
	-ms-transition-duration: 0s !important;
	transition-duration: 0s !important;
}
.small_active{
	-webkit-transform:scale(.9,.9) !important;
	-moz-transform:scale(.9,.9) !important;
	-o-transform:scale(.9,.9) !important;
	transform:scale(.9,.9) !important; 
}



/*上拉加载更多*/
.scroll_list{
	position:relative;
	top:0;
	-webkit-transform:translateY(0);
	transform:translateY(0);
	
	-webkit-transition-property:transform;
	transition-property:transform;
	
	-webkit-transition-duration:.5s;
	transition-duration:.5s;
	
	-webkit-transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);	
	transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);	
	
	-webkit-backface-visibility:hidden;
	-webkit-perspective:1000;
	-webkit-overflow-scrolling: touch;-moz-overflow-scrolling: touch;-ms-overflow-scrolling: touch; overflow-scrolling: touch;
}

.dbtang{ 
	animation-name:dbtang;
	-webkit-animation-name:dbtang;
	-webkit-animation-duration:.5s;
	animation-duration:.5s;
	-webkit-animation-delay:0s;
	animation-delay:0s;
	-webkit-animation-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);	
	animation-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);	
}
@-webkit-keyframes dbtang{
	0%{	
		-webkit-transform:translateY(0);
		transform:translateY(0);
	}
	50%{
		-webkit-transform:translateY(-40px);
		transform:translateY(-40px);
	}
	100%{
		-webkit-transform:translateY(0);
		transform:translateY(0);
	}
}
@keyframes dbtang{
	0%{	
		-webkit-transform:translateY(0);
		transform:translateY(0);
	}
	50%{
		-webkit-transform:translateY(-40px);
		transform:translateY(-40px);
	}
	100%{
		-webkit-transform:translateY(0);
		transform:translateY(0);
	}
}