/*基础背景色*/
.bg-white {background-color: #fff;}
.bg-black {background-color: #000;}
.bg-default {background-color: #f5f8fa;}

/*语义背景色*/
.bg-primary  {background-color: #ffa200;}

/*【基础边框】*/
/*默认边框*/
.bor-default { border: 1px solid #ecf1f3;}
.bor-t-default { border-top: 1px solid #ecf1f3;}
.bor-b-default { border-bottom: 1px solid #ecf1f3;}
.bor-l-default { border-left: 1px solid #ecf1f3;}
.bor-r-default { border-right: 1px solid #ecf1f3;}
/*次要边框*/
.bor-muted { border: 1px solid #dddfe9;}
.bor-l-muted { border-left: 1px solid #dddfe9;}
/*分隔线*/
/*.bor-divider { border: 1px solid #;}*/

/*【语义边框】*/
/*主色*/
.bor-primary { border: 1px solid #ffa200; }
/*成功*/
/*.bor-success { border: 1px solid #;}*/
/*警告*/
/*.bor-warning { border: 1px solid #;}*/
/*危险／错误*/
/*.bor-danger { border: 1px solid #;}*/
/*提示*/
/*.bor-info { border: 1px solid #;}*/

/*圆角*/
.radius-2 {border-radius: 2px;}
.radius-6 {border-radius: 6px;}
.radius-circle {border-radius: 50%;}

.box-shadow {
	box-shadow: 0 0px 6px 0 rgba(159,171,180,0.15);
}
.img-16_9 {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	overflow: hidden;
}
.img-16_9 img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}



/*内间距*/
.pt1 { padding-top: 1px;}
.pt2 { padding-top: 2px;}
.pt3 { padding-top: 3px;}
.pt4 { padding-top: 4px;}
.pt5 { padding-top: 5px;}
.pt6 { padding-top: 6px;}
.pt7 { padding-top: 7px;}
.pt8 { padding-top: 8px;}
.pt9 { padding-top: 9px;}
.pt10 { padding-top: 10px;}
.pt12 { padding-top: 12px;}
.pt13 { padding-top: 13px;}
.pt14 { padding-top: 14px;}
.pt15 { padding-top: 15px;}
.pt16 { padding-top: 16px;}
.pt17 { padding-top: 17px;}
.pt18 { padding-top: 18px;}
.pt19 { padding-top: 19px;}
.pt20 { padding-top: 20px;}
.pt21 { padding-top: 21px;}
.pt22 { padding-top: 22px;}
.pt23 { padding-top: 23px;}
.pt24 { padding-top: 24px;}
.pt25 { padding-top: 25px;}
.pt26 { padding-top: 26px;}
.pt28 { padding-top: 28px;}
.pt30 { padding-top: 30px;}
.pt32 { padding-top: 32px;}
.pt33 { padding-top: 33px;}
.pt35 { padding-top: 35px;}
.pt36 { padding-top: 36px;}
.pt38 { padding-top: 38px;}
.pt40 { padding-top: 40px;}
.pt42 { padding-top: 42px;}
.pt44 { padding-top: 44px;}
.pt45 { padding-top: 45px;}
.pt46 { padding-top: 46px;}
.pt50 { padding-top: 50px;}
.pt55 { padding-top: 55px;}
.pt56 { padding-top: 56px;}
.pt60 { padding-top: 60px;}
.pt80 { padding-top: 80px;}
.pt125 { padding-top: 125px;}
.pt135 { padding-top: 135px;}

.pb1 { padding-bottom: 1px;}
.pb2 { padding-bottom: 2px;}
.pb3 { padding-bottom: 3px;}
.pb4 { padding-bottom: 4px;}
.pb5 { padding-bottom: 5px;}
.pb6 { padding-bottom: 6px;}
.pb7 { padding-bottom: 7px;}
.pb8 { padding-bottom: 8px;}
.pb9 { padding-bottom: 9px;}
.pb10 { padding-bottom: 10px;}
.pb12 { padding-bottom: 12px;}
.pb14 { padding-bottom: 14px;}
.pb15 { padding-bottom: 15px;}
.pb16 { padding-bottom: 16px;}
.pb17 { padding-bottom: 17px;}
.pb18 { padding-bottom: 18px;}
.pb20 { padding-bottom: 20px;}
.pb21 { padding-bottom: 21px;}
.pb22 { padding-bottom: 22px;}
.pb24 { padding-bottom: 24px;}
.pb25 { padding-bottom: 25px;}
.pb26 { padding-bottom: 26px;}
.pb28 { padding-bottom: 28px;}
.pb30 { padding-bottom: 30px;}
.pb32 { padding-bottom: 32px;}
.pb35 { padding-bottom: 35px;}
.pb36 { padding-bottom: 36px;}
.pb38 { padding-bottom: 38px;}
.pb40 { padding-bottom: 40px;}
.pb45 { padding-bottom: 45px;}
.pb50 { padding-bottom: 50px;}
.pb70 { padding-bottom: 70px;}
.pb80 { padding-bottom: 80px;}
.pb90 { padding-bottom: 90px;}
.pb100 { padding-bottom: 100px;}
.pb110 { padding-bottom: 110px;}
.pb130 { padding-bottom: 130px;}

.pl5 { padding-left: 5px;}
.pl6 { padding-left: 6px;}
.pl8 { padding-left: 8px;}
.pl10 { padding-left: 10px;}
.pl12 { padding-left: 12px;}
.pl14 { padding-left: 14px;}
.pl15 { padding-left: 15px;}
.pl16 { padding-left: 16px;}
.pl18 { padding-left: 18px;}
.pl20 { padding-left: 20px;}
.pl22 { padding-left: 22px;}
.pl24 { padding-left: 24px;}
.pl25 { padding-left: 25px;}
.pl28 { padding-left: 28px;}
.pl30 { padding-left: 30px;}
.pl32 { padding-left: 32px;}
.pl35 { padding-left: 35px;}
.pl36 { padding-left: 36px;}
.pl40 { padding-left: 40px;}
.pl45 { padding-left: 45px;}
.pl50 { padding-left: 50px;}
.pl55 { padding-left: 55px;}
.pl100 { padding-left: 100px;}

.pr2 { padding-right: 2px;}
.pr5{ padding-right: 5px;}
.pr6{ padding-right: 6px;}
.pr8{ padding-right: 8px;}
.pr10{ padding-right: 10px;}
.pr11{ padding-right: 11px;}
.pr12{ padding-right: 12px;}
.pr14{ padding-right: 14px;}
.pr15{ padding-right: 15px;}
.pr16{ padding-right: 16px;}
.pr17{ padding-right: 17px;}
.pr18{ padding-right: 18px;}
.pr20 { padding-right: 20px;}
.pr22 { padding-right: 22px;}
.pr24 { padding-right: 24px;}
.pr28 { padding-right: 28px;}
.pr30 { padding-right: 30px;}
.pr32 { padding-right: 32px;}
.pr35 { padding-right: 35px;}
.pr36 { padding-right: 36px;}
.pr40 { padding-right: 40px;}
.pr45 { padding-right: 45px;}
.pr50 { padding-right: 50px;}
.pr100 { padding-right: 100px;}

/*外间距*/
.mt1 { margin-top: 1px;}
.mt2 { margin-top: 2px;}
.mt3 { margin-top: 3px;}
.mt4 { margin-top: 4px;}
.mt5 { margin-top: 5px;}
.mt6 { margin-top: 6px;}
.mt7 { margin-top: 7px;}
.mt8 { margin-top: 8px;}
.mt9 { margin-top: 9px;}
.mt10 { margin-top: 10px;}
.mt11 { margin-top: 11px;}
.mt12 { margin-top: 12px;}
.mt13 { margin-top: 13px;}
.mt14 { margin-top: 14px;}
.mt15 { margin-top: 15px;}
.mt16 { margin-top: 16px;}
.mt18 { margin-top: 18px;}
.mt20 { margin-top: 20px;}
.mt21 { margin-top: 21px;}
.mt23 { margin-top: 23px;}
.mt24 { margin-top: 24px;}
.mt26 { margin-top: 26px;}
.mt27 { margin-top: 27px;}
.mt28 { margin-top: 28px;}
.mt30 { margin-top: 30px;}
.mt31 { margin-top: 31px;}
.mt32 { margin-top: 32px;}
.mt33 { margin-top: 33px;}
.mt36 { margin-top: 36px;}
.mt37 { margin-top: 37px;}
.mt38 { margin-top: 38px;}
.mt40 { margin-top: 40px;}
.mt41 { margin-top: 41px;}
.mt45 { margin-top: 45px;}
.mt47 { margin-top: 47px;}
.mt48 { margin-top: 48px;}
.mt58 { margin-top: 58px;}
.mt60 { margin-top: 60px;}
.mt65 { margin-top: 65px;}
.mt68 { margin-top: 68px;}
.mt70 { margin-top: 70px;}
.mt80 { margin-top: 80px;}
.mt90 { margin-top: 90px;}

.mb3 { margin-bottom: 3px;}
.mb4 { margin-bottom: 4px;}
.mb5 { margin-bottom: 5px;}
.mb7 { margin-bottom: 7px;}
.mb8 { margin-bottom: 8px;}
.mb9 { margin-bottom: 9px;}
.mb10 { margin-bottom: 10px;}
.mb12 { margin-bottom: 12px;}
.mb13 { margin-bottom: 13px;}
.mb14 { margin-bottom: 14px;}
.mb15 { margin-bottom: 15px;}
.mb16 { margin-bottom: 16px;}
.mb18 { margin-bottom: 18px;}
.mb20 { margin-bottom: 20px;}
.mb23 { margin-bottom: 23px;}
.mb25 { margin-bottom: 25px;}
.mb30 { margin-bottom: 30px;}
.mb33 { margin-bottom: 33px;}
.mb34 { margin-bottom: 34px;}
.mb36 { margin-bottom: 36px;}
.mb40 { margin-bottom: 40px;}
.mb44 { margin-bottom: 44px;}
.mb45 { margin-bottom: 45px;}
.mb56 { margin-bottom: 56px;}
.mb60 { margin-bottom: 60px;}
.mb118 { margin-bottom: 118px;}

.ml1 { margin-left: 1px;}
.ml2 { margin-left: 2px;}
.ml3 { margin-left: 3px;}
.ml4 { margin-left: 4px;}
.ml5 { margin-left: 5px;}
.ml6 { margin-left: 6px;}
.ml7 { margin-left: 7px;}
.ml8 { margin-left: 8px;}
.ml9 { margin-left: 9px;}
.ml10 { margin-left: 10px;}
.ml11 { margin-left: 11px;}
.ml12 { margin-left: 12px;}
.ml13 { margin-left: 13px;}
.ml14 { margin-left: 14px;}
.ml15 { margin-left: 15px;}
.ml6 { margin-left: 6px;}
.ml18 { margin-left: 18px;}
.ml20 { margin-left: 20px;}
.ml22 { margin-left: 22px;}
.ml23 { margin-left: 23px;}
.ml25 { margin-left: 25px;}
.ml27 { margin-left: 27px;}
.ml28 { margin-left: 28px;}
.ml30 { margin-left: 30px;}
.ml32 { margin-left: 32px;}
.ml33 { margin-left: 33px;}
.ml35 { margin-left: 35px;}
.ml38 { margin-left: 38px;}
.ml42 { margin-left: 42px;}
.ml45 { margin-left: 45px;}
.ml50 { margin-left: 50px;}
.ml55 { margin-left: 55px;}
.ml60 { margin-left: 60px;}
.ml61 { margin-left: 61px;}
.ml62 { margin-left: 62px;}
.ml70 { margin-left: 70px;}
.ml80 { margin-left: 80px;}
.ml90 { margin-left: 90px;}
.ml95 { margin-left: 95px;}
.ml100 { margin-left: 100px;}
.ml101 { margin-left: 101px;}
.ml104 { margin-left: 104px;}
.ml122 { margin-left: 122px;}
.ml138 { margin-left: 138px;}
.ml161 { margin-left: 161px;}
.ml320 { margin-left: 320px;}
.ml355 { margin-left: 355px;}
.ml366 { margin-left: 366px;}

.mr1 { margin-right: 1px;}
.mr2 { margin-right: 2px;}
.mr3 { margin-right: 3px;}
.mr4 { margin-right: 4px;}
.mr5 { margin-right: 5px;}
.mr6 { margin-right: 6px;}
.mr7 { margin-right: 7px;}
.mr8 { margin-right: 8px;}
.mr9 { margin-right: 9px;}
.mr10 { margin-right: 10px;}
.mr14 { margin-right: 14px;}
.mr15 { margin-right: 15px;}
.mr18 { margin-right: 18px;}
.mr20 { margin-right: 20px;}
.mr24 { margin-right: 24px;}
.mr30 { margin-right: 30px;}
.mr40 { margin-right: 40px;}
.mr50 { margin-right: 50px;}
.mr55 { margin-right: 55px;}
.mr100 { margin-right: 100px;}

/*宽度百分比*/
.col-3 { width: 3%;}
.col-9 { width: 9%;}
.col-19 { width: 19%;}
.col-23 { width: 23.5%;}
.col-25 { width: 25%;}
.col-30 { width: 30%;}
.col-33 { width: 33.33%;}
.col-40 { width: 40%;}
.col-45 { width: 45%;}
.col-48 { width: 48%;}
.col-50 { width: 50%;}
.col-52 { width: 52%;}
.col-55 { width: 55%;}
.col-60 { width: 60%;}
.col-70 { width: 70%;}
.col-80 { width: 80%;}
.col-100 { width: 100%;}

/*宽度具体值*/
.w-3 { width: 3px;}
.w-4 { width: 4px;}
.w-5 { width: 5px;}
.w-13 { width: 13px;}
.w-15 { width: 15px;}
.w-16 { width: 16px;}
.w-30 { width: 30px;}
.w-40 { width: 40px;}
.w-42 { width: 42px;}
.w-50 { width: 50px;}
.w-56 { width: 56px;}
.w-60 { width: 60px;}
.w-64 { width: 64px;}
.w-68 { width: 68px;}
.w-70 { width: 70px;}
.w-72 { width: 72px;}
.w-80 { width: 80px;}
.w-84 { width: 84px;}
.w-85 { width: 85px;}
.w-86 { width: 86px;}
.w-88 { width: 88px;}
.w-90 { width: 90px;}
.w-100 { width: 100px;}
.w-102 { width: 102px;}
.w-104 { width: 104px;}
.w-106 { width: 106px;}
.w-108 { width: 108px;}
.w-114 { width: 114px;}
.w-120 { width: 120px;}
.w-121 { width: 121px;}
.w-122 { width: 122px;}
.w-126 { width: 126px;}
.w-128 { width: 128px;}
.w-129 { width: 129px;}
.w-130 { width: 130px;}
.w-132 { width: 132px;}
.w-134 { width: 134px;}
.w-137 { width: 137px;}
.w-140 { width: 140px;}
.w-150 { width: 150px;}
.w-155 { width: 155px;}
.w-156 { width: 156px;}
.w-158 { width: 158px;}
.w-160 { width: 160px;}
.w-164 { width: 164px;}
.w-164 { width: 164px;}
.w-178 { width: 178px;}
.w-180 { width: 180px;}
.w-190 { width: 190px;}
.w-198 { width: 198px;}
.w-200 { width: 200px;}
.w-218 { width: 218px;}
.w-220 { width: 220px;}
.w-228 { width: 228px;}
.w-230 { width: 230px;}
.w-246 { width: 246px;}
.w-250 { width: 250px;}
.w-255 { width: 255px;}
.w-260 { width: 260px;}
.w-262 { width: 262px;}
.w-283 { width: 283px;}
.w-298 { width: 298px;}
.w-313 { width: 313px;}
.w-350 { width: 350px;}
.w-375 { width: 375px;}
.w-395 { width: 395px;}
.w-400 { width: 400px;}
.w-425 { width: 425px;}
.w-446 { width: 446px;}
.w-450 { width: 450px;}
.w-500 { width: 500px;}
.w-546 { width: 546px;}
.w-550 { width: 550px;}
.w-600 { width: 600px;}
.w-650 { width: 650px;}
.w-700 { width: 700px;}
.w-733 { width: 733px;}
.w-750 { width: 750px;}
.w-763 { width: 763px;}
.w-800 { width: 800px;}
.w-850 { width: 850px;}
.w-914 { width: 914px;}
.w-952 { width: 952px;}
.w-971 { width: 971px;}

/*最大宽度具体值*/
.w-max-500 { max-width: 500px;}

/*高度具体值*/
.h-3 { height: 3px;}
.h-4 { height: 4px;}
.h-5 { height: 5px;}
.h-16 { height: 16px;}
.h-22 { height: 22px;}
.h-25 { height: 25px;}
.h-32 { height: 32px;}
.h-34 { height:34px;}
.h-35 { height:35px;}
.h-36 { height:36px;}
.h-37 { height:37px;}
.h-38 { height:38px;}
.h-39 { height:39px;}
.h-40 { height:40px;}
.h-60 { height:60px;}
.h-137 { height:137px;}
.h-120 { height:120px;}
.h-200 { height:200px;}
.h-410 { height:410px;}

/*定位*/
.fixedTop {
	position:fixed;
	top:0;
	left:0;
	right: 0;
	z-index:2;
}
.fixedBottom {
	position:fixed;
	bottom:0;
	left:0;
	right: 0;
	z-index:2;
}

/*鼠标悬停时的光标样式*/
.c-pointer { cursor: pointer;}
.c-default { cursor: default;}

/*盒模型计算方式*/
.sizing-border {box-sizing: border-box;}
.sizing-content {box-sizing: content-box;}

/*清除浮动*/
.clear {
	clear: both
}
.clearfix {
	display: block;
	overflow: hidden;
	clear: both;
}
.clear:after
.hidden:after {
	display: block;
	content: "";
	clear: both;
}

/***** 遮罩层 *****/
.mask {
	position:fixed;
	top:0;
	left:0;
	z-index:1001;
	width:100%;
	height:100%;
}

/***** 遮罩层透明度 *****/
.mask50 {
	opacity:0.50;
}

/*滚动条自定义*/
::-webkit-scrollbar-track-piece { 
background-color:#fafafa;
}
::-webkit-scrollbar {
width:9px;
height:9px;
}
::-webkit-scrollbar-thumb {
background-color:#d4d9de;
background-clip:padding-box;
min-height:28px;
}
::-webkit-scrollbar-thumb:hover {
background-color:#d7dde2;
}
HTML {
  scrollbar-base-color: #d7dde2;
  scrollbar-track-color: #fafafa;
  scrollbar-arrow-color: #eee;
  scrollbar-shadow-color:#fafafa;
}

.nicescroll-rails div { cursor: move;}