/* 默认样式 */
@charset "utf-8";
html{min-width:1260px;}
body{ margin:0; padding:0; font-size:12px; 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:normal; 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;}
.clearfix:after {content:"";display:block;height:0;clear:both;} 
.clearfix {zoom:1;}

/* 防止图片闪一下 */
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);}

/* 定位 */
.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; }


.font-bold{ font-weight: bold; }
.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-top: 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;}

.pt-0 { padding-top: 0;padding-bottom: 0;}
.pt-5 { padding-top: 5px;padding-bottom: 5px;}
.pt-10 { padding-top: 10px;padding-bottom: 10px;}
.pt-20 { padding-top: 20px;padding-bottom: 20px;}
.pt-30 { padding-top: 30px;padding-bottom: 30px;}
.pt-40 { padding-top: 40px;padding-bottom: 40px;}
.pt-50 { padding-top: 50px;padding-bottom: 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;}

/* 隐藏提交输入框 */
.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;
}