/* 默认样式 */
@charset "utf-8";
html{min-width:1260px;}
body{ margin:0; padding:0; font-size:14px; font-family:"微软雅黑","宋体",Arial, Helvetica, sans-serif; background-color:#e2e2e2; overflow-x:hidden; box-sizing: border-box;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea{margin:0; padding:0; box-sizing: border-box;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:bold; box-sizing: border-box;}
table,thead, tbody,tr,th,td{border-collapse:collapse;border-spacing:0px;  margin:0; padding:0; box-sizing: border-box;}
area{outline:none;}
button, input, select, textarea {border: none;outline: none;background: none; box-sizing: border-box;}
img{ border:0; margin:0; padding:0;}
ol,ul{list-style:none;}
em{font-style: normal!important;}
a{ font-family:"微软雅黑","宋体",Arial, Helvetica, sans-serif; text-decoration:none;outline:none;color: #333333;}
.fl{float: left;}
.fr{float: right;}
.clearfix:after {content:"";display:block;height:0;clear:both;} 
.clearfix {zoom:1;}


.bg-white{background-color: #fff;}
.bg-grey{background-color: #E6E6E6;}
.bg-red{background-color: #E24E4C;}
.bg-table{background-color: #FCF8EF;}
.b-radio{border-radius: 5px;}
.b-lt-radio{border-top-left-radius: 5px;}
.b-rt-radio{border-top-right-radius: 5px;}
.b-lb-radio{border-bottom-left-radius: 5px;}
.b-rb-radio{border-bottom-right-radius: 5px;}
.border{border: 1px solid #EAEAEA;}
.border-bottom-red{border-bottom: 2px solid #E24E4C;}
.b-bottom-d2{border-bottom: 2px solid #EAEAEA;}
.b-bottom-d4{border-bottom: 4px solid #EAEAEA;}

.lh-11{line-height: 1.1;}
.lh-12{line-height: 1.2;}
.lh-13{line-height: 1.3;}
.lh-14{line-height: 1.4;}
.lh-15{line-height: 1.5;}
.lh-16{line-height: 1.6;}
.lh-17{line-height: 1.7;}
.lh-18{line-height: 1.8;}
/* 防止图片闪一下 */
image{will-change: transform}
/* scroll-view */
.scroll-row{ width: 100%;white-space: nowrap; }
.scroll-row-item{ display: inline-block; }

/* 阴影 */
.shadow-sm {box-shadow: 0 2px 4px rgba(114, 130, 138, 0.2);}
.shadow {box-shadow: 0 8px 16px rgba(114, 130, 138, 0.2);}
.shadow-lg {box-shadow: 0 16px 48px rgba(114, 130, 138, 0.2);}
/* 全阴影 */
.showdow-full{box-shadow: 0 2px 4px 0 rgba(0,0,0,.12), 0 0 6px 0 rgba(0,0,0,.04);}
.showdow-full2{box-shadow: 0 30px 30px rgb(0 0 0 / 40%);}


/* 定位 */
.p-absolute{ position: absolute; }
.p-fixed{ position: fixed; }
.p-relative{ position: relative; }
.left-0{ left: 0; }
.top-0{ top: 0; }
.bottom-0{ bottom: 0; }
.right-0{ right: 0; }

/* 宽高 */
.w-100{ width: 100%;}
.h-100{ height: 100%;}

/* 字体大小 */
.font12{ font-size: 12px; }
.font14{ font-size: 14px; }
.font16{ font-size: 16px; }
.font18{ font-size: 18px; }
.font20{ font-size: 20px; }
.font24{ font-size: 22px; }
.font26{ font-size: 26px; }
.font28{ font-size: 28px; }
.font30{ font-size: 30px; }

.text-000{color: #000;}
.text-333{color: #333;}
.text-666{color: #666;}
.text-999{color: #999;}

.font-bold{ font-weight: bold; }
.font-bold-none{ font-weight: normal; }
.font-w100{ font-weight: 100;}


/* 划线 */
.line-through{ text-decoration: line-through; }

.t-center{ text-align: center; }
.t-left{ text-align: left; }
.t-right{ text-align: right; }


/* flex布局 IE10+ */
.row { box-sizing: border-box!important; display: flex!important; flex-direction: row;-ms-flex-direction: row; flex-wrap: wrap;-ms-flex-wrap: wrap;}
.d-flex{ display: flex; display: -ms-flex;}
.d-block{ display: block; }
.d-inline-block{ display: inline-block; }
.d-none{display: none;}

.flex-1{ flex: 1; -ms-flex: 1;}
.flex-column{ flex-direction: column; -ms-flex-direction: column; }
.flex-row{ flex-direction: row; -ms-flex-direction: row; }
.flex-wrap{ flex-wrap: wrap;-ms-flex-wrap: wrap; }
.flex-nowrap{ flex-wrap: nowrap;-ms-flex-wrap: nowrap; }
.flex-shrink{flex-shrink: 0;-ms-flex-shrink: 0;}
.j-start{ justify-content: flex-start; -ms-justify-content: flex-start; }
.j-center{ justify-content: center; }
.j-end{ justify-content: flex-end; -ms-justify-content: flex-end; }
.j-sb{ justify-content: space-between;  -ms-justify-content: space-between;}
.a-center{ align-items:center;  -ms-align-items:center; }
.a-start{ align-items: flex-start; -ms-align-items: flex-start; }
.a-end{ align-items:flex-end; -ms-align-items:flex-end; }
.a-stretch{ align-items: stretch; -ms-align-items: stretch; }
.a-self-start{ align-self: flex-start; -ms-align-self: flex-start; }
.a-self-auto{ align-self: auto;  -ms-align-self: auto; }
.a-self-end{ align-self: flex-end; -ms-align-self: flex-end; }
.a-self-stretch{ align-self:stretch; -ms-align-self:stretch; }
.a-self-baseline{ align-self:baseline; -ms-align-self:baseline; }

/* 边框Border */
.border{ border: 1px solid #f2f2f2;}
.border-top{ border-top: 1px solid #f2f2f2; }
.border-right{border-top: 1px solid #f2f2f2;}
.border-bottom{border-bottom: 1px solid #f2f2f2;}
.border-left{ border-left: 1px solid #f2f2f2;}

/* 圆角方向 */
.radius-top{border-radius: 20px 20px 0 0; }
.radius-bottom{border-radius:  0 0 10px 10px; }

/* 外边距 */
.m-0 { margin-left: 0;margin-right: 0;margin-top: 0;margin-bottom: 0;}
.m-5 { margin-left: 5px;margin-right: 5px;margin-top: 5px;margin-bottom: 5px;}
.m-10 { margin-left: 10px;margin-right: 10px;margin-top: 10px;margin-bottom: 10px;}
.m-20 { margin-left: 20px;margin-right: 20px;margin-top: 20px;margin-bottom: 20px;}
.m-30 { margin-left: 30px;margin-right: 30px;margin-top: 30px;margin-bottom: 30px;}
.m-40 { margin-left: 40px;margin-right: 40px;margin-top: 40px;margin-bottom: 40px;}
.m-50 { margin-left: 50px;margin-right: 50px;margin-top: 50px;margin-bottom: 50px;}

.mx-0 { margin-left: 0;margin-right: 0;}
.mx-5 { margin-left: 5px;margin-right: 5px;}
.mx-auto{margin-left: auto;margin-right: auto;}
.mx-10 { margin-left: 10px;margin-right: 10px;}
.mx-20 { margin-left: 20px;margin-right: 20px;}
.mx-30 { margin-left: 30px;margin-right: 30px;}
.mx-40 { margin-left: 40px;margin-right: 40px;}
.mx-50 { margin-left: 50px;margin-right: 50px;}

.my-0 { margin-top: 0;margin-bottom: 0;}
.my-5 { margin-top: 5px;margin-bottom: 5px;}
.my-10 { margin-top: 10px;margin-bottom: 10px;}
.my-20 { margin-top: 20px;margin-bottom: 20px;}
.my-30 { margin-top: 30px;margin-bottom: 30px;}
.my-40 { margin-top: 40px;margin-bottom: 40px;}
.my-50 { margin-top: 50px;margin-bottom: 50px;}

.mt-0 { margin-top: 0;}
.mt-5 { margin-top: 5px;}
.mt-auto { margin-top: auto;}
.mt-10 { margin-top: 10px;}
.mt-20 { margin-top: 20px;}
.mt-30 { margin-top: 30px;}
.mt-40 { margin-top: 40px;}
.mt-50 { margin-top: 50px;}

.mb-0 { margin-bottom: 0;}
.mb-5 { margin-bottom: 5px;}
.mb-auto { margin-bottom: auto;}
.mb-10 { margin-bottom: 10px;}
.mb-20 { margin-bottom: 20px;}
.mb-30 { margin-bottom: 30px;}
.mb-40 { margin-bottom: 40px;}
.mb-50 { margin-bottom: 50px;}

.ml-0 { margin-left: 0;}
.ml-5 { margin-left: 5px;}
.ml-auto { margin-left: auto;}
.ml-10 { margin-left: 10px;}
.ml-20 { margin-left: 20px;}
.ml-30 { margin-left: 30px;}
.ml-40 { margin-left: 40px;}
.ml-50 { margin-left: 50px;}

.mr-0 { margin-right: 0;}
.mr-5 { margin-right: 5px;}
.mr-auto { margin-right: auto;}
.mr-10 { margin-right: 10px;}
.mr-20 { margin-right: 20px;}
.mr-30 { margin-right: 30px;}
.mr-40 { margin-right: 40px;}
.mr-50 { margin-right: 50px;}

/* 内边距 */
.p-0 {padding-left: 0;padding-right: 0;padding-top: 0;padding-bottom: 0;}
.p-5 {padding-left: 5px;padding-right: 5px;padding-top: 5px;padding-bottom:5px;}
.p-10 {padding-left: 10px!important;padding-right: 10px!important;padding-top: 10px!important;padding-bottom: 10px!important;}
.p-20 {padding-left: 20px;padding-right: 20px;padding-top: 20px;padding-bottom: 20px;}
.p-30 {padding-left: 30px;padding-right: 30px;padding-top: 30px;padding-bottom: 30px;}
.p-40 {padding-left: 40px;padding-right: 40px;padding-top: 40px;padding-bottom: 40px;}
.p-50 {padding-left: 50px;padding-right: 50px;padding-top: 50px;padding-bottom: 50px;}

.px-0 { padding-left: 0;padding-right: 0;}
.px-5 { padding-left: 5px;padding-right: 5px;}
.px-10 { padding-left: 10px;padding-right: 10px;}
.px-20 { padding-left: 20px;padding-right: 20px;}
.px-30 { padding-left: 30px;padding-right: 30px;}
.px-40 { padding-left: 40px;padding-right: 40px;}
.px-50 { padding-left: 50px;padding-right: 50px;}

.py-0 { padding-top: 0;padding-bottom: 0;}
.py-5 { padding-top: 5px;padding-bottom: 5px;}
.py-10 { padding-top: 10px;padding-bottom: 10px;}
.py-20 { padding-top: 20px;padding-bottom: 20px;}
.py-30 { padding-top: 30px;padding-bottom: 30px;}
.py-40 { padding-top: 40px;padding-bottom: 40px;}
.py-50 { padding-top: 50px;padding-bottom: 50px;}

.pt-0 { padding-top: 0;}
.pt-5 { padding-top: 5px;}
.pt-10 { padding-top: 10px;}
.pt-20 { padding-top: 20px;}
.pt-30 { padding-top: 30px;}
.pt-40 { padding-top: 40px;}
.pt-50 { padding-top: 50px;}

.pb-0 { padding-bottom: 0;}
.pb-5 { padding-bottom: 5px;}
.pb-10 { padding-bottom: 10px;}
.pb-20 { padding-bottom: 20px;}
.pb-30 { padding-bottom: 30px;}
.pb-40 { padding-bottom: 40px;}
.pb-50 { padding-bottom: 50px;}

.pl-0 { padding-left: 0;}
.pl-5 { padding-left: 5px;}
.pl-10 { padding-left: 10px;}
.pl-20 { padding-left: 20px;}
.pl-30 { padding-left: 30px;}
.pl-40 { padding-left: 40px;}
.pl-50 { padding-left: 50px;}

.pr-0 { padding-right: 0;}
.pr-5 { padding-right: 5px;}
.pr-10 { padding-right: 10px;}
.pr-20 { padding-right: 20px;}
.pr-30 { padding-right: 30px;}
.pr-40 { padding-right: 40px;}
.pr-50 { padding-right: 50px;}

/* 栅栏二 */
.span-1{ width: 5%; } 
.span-2{ width: 10%; } 
.span-3{ width: 15%; } 
.span-4{ width: 20%;} 
.span-5{ width: 25%; } 
.span-6{ width: 30%; }
.span-7{ width: 35%; }
.span-8{ width: 40%; }
.span-9{ width: 45%; }
.span-10{ width: 50%; }
.span-11{ width: 55%; }
.span-12{ width: 60%; }
.span-13{ width: 65%; }
.span-14{ width: 70%; }
.span-15{ width: 75%; }
.span-16{ width: 80%; }
.span-17{ width: 85%; }
.span-18{ width: 90%; }
.span-19{ width: 95%; }
.span-20{ width: 100%; }
/* 栅栏三 */
.span24-1{ width: 4.17%; } 
.span24-2{ width: 8.33%; } 
.span24-3{ width: 12.5%; } 
.span24-4{ width: 16.67%;} 
.span24-5{ width: 20.83%; } 
.span24-6{ width: 25%; }
.span24-7{ width: 29.17%; }
.span24-8{ width: 33.33%; }
.span24-9{ width: 37.5%; }
.span24-10{ width: 41.67%; }
.span24-11{ width: 45.83%; }
.span24-12{ width: 50%; }
.span24-13{ width: 54.17%; }
.span24-14{ width: 58.33%; }
.span24-15{ width: 62.5%; }
.span24-16{ width: 66.67%; }
.span24-17{ width: 70.83%; }
.span24-18{ width: 75%; }
.span24-19{ width: 79.17%; }
.span24-20{ width: 83.33%; }
.span24-21{ width: 87.5%; }
.span24-22{ width: 91.67%; }
.span24-23{ width: 95.83%; }
.span24-24{ width: 100%; }

/* 隐藏提交输入框 */
.h-input{display: none;}
/* 滚动 */
.auto-y{overflow-y: auto;}

/* 动画 */
.trs2{transition:all .2s linear; -webkit-transition: all .2s linear;}
.trs4{transition:all .4s linear; -webkit-transition: all .4s linear;}
.trs6{transition:all .6s linear; -webkit-transition: all .6s linear;}
.trs8{transition:all .8s linear; -webkit-transition: all .8s linear;}
.trs10{transition:all 1s linear; -webkit-transition: all 1s linear;}

/* 省略号 */
.text-overflow{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
/* 多行文本省略号 */
.text-overflow-2{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

/* 箭头 */
.arrow-bottom:after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	border-left: 2px solid #999;
	border-bottom: 2px solid #999;
	position: absolute;
	top: 14px;
	right: 8px;
	-webkit-transform: translate(0, -50%) rotate(-45deg);
	transform: translate(0, -50%) rotate(-45deg);
}

/* 三角行 */
.jiao-right:before{
	content: "";
	position: absolute;
	height: 0;
	width: 0;
	border-top: 6px solid transparent;
	border-left: 8px solid #999;
	border-bottom: 6px solid transparent;
}
.jiao-left:before{
	content: "";
	position: absolute;
	height: 0;
	width: 0;
	border-top: 6px solid transparent;
	border-right: 8px solid #999;
	border-bottom: 6px solid transparent;
}
.jiao-top:before{
	content: "";
	position: absolute;
	height: 0;
	width: 0;
	border-right: 6px solid transparent;
	border-bottom: 8px solid #999;
	border-left: 6px solid transparent;
}
.jiao-bottom:before{
	content: "";
	position: absolute;
	height: 0;
	width: 0;
	top: 12px;
	right: 8px;
	border-right: 6px solid transparent;
	border-top: 8px solid #999;
	border-left: 6px solid transparent;
}