/* 基本共用 */

.bg-white {
	background-color: #fff;
}
.bg-black {
	background-color: #000;
}
.bg-gray-238 {
	background-color: #eee;
}
.bg-default {
	background-color: #f3f3f4;
}


.bor-primary { border: 1px solid #ecf1f3;}
.bor-238 { border:1px solid #eee;}
.bor-240 { border:1px solid #f0f0f0;}

.bor-t-primary { border-top: 1px solid #ecf1f3;}
.bor-b-primary { border-bottom: 1px solid #ecf1f3;}

.bor-radius-6 { border-radius: 6px}

.box-btn {
	text-align:center;
	border-radius:2px;
	border-width: 1px;
	border-style: solid;
	cursor: pointer;
}
.btn-primary,
.btn-primary:hover {
	color: #fff;
	border-color:#58c9b9;
	background-color: #58c9b9;
}
.btn-default,
.btn-default:hover {
	color: #58c9b9;
	border-color:#58c9b9;
    background-color: #fff;
}
.btn-normal,
.btn-normal:hover {
	color: #000;
	border-color:#ecf1f3;
    background-color: #fff;
}
.btn-dashed-normal,
.btn-dashed-normal:hover {
	color: #657076;
	border-style:dashed;
	border-color:#ecf1f3;
    background-color: #fff;
}
.btn-reset,
.btn-reset:hover {
	color: #ff584b;
	border-color:#e5eaec;
    background-color: #e5eaec;
}
.btn-link,
.btn-link:hover {
	color: #ff584b;
	border-color:transparent;
    background-color: transparent;
}
.btn-disabled,
.btn-disabled:hover {
	color: #fff;
	border-color:#c6cace;
    background-color: #c6cace;
}
.box-input,
.box-textarea {
	border-radius:2px;	
	border:1px solid #ecf1f3;
	background-color: #fff;
}
.box-input input {
	text-indent: 9px;
}
.box-input .f-align-c {
	text-indent: 0;
}
.box-input-disabled {
	color: #c6cace;
    border-color: #d8dde1;
    background-color: #ecf0f2;
}


.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;}
.pt11 { padding-top: 11px;}
.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;}
.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;}
.pt35 { padding-top: 35px;}
.pt38 { padding-top: 38px;}
.pt40 { padding-top: 40px;}
.pt44 { padding-top: 44px;}
.pt45 { padding-top: 45px;}
.pt50 { padding-top: 50px;}
.pt76 { padding-top: 76px;}

.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;}
.pb25 { padding-bottom: 25px;}
.pb28 { padding-bottom: 28px;}
.pb30 { padding-bottom: 30px;}
.pb35 { padding-bottom: 35px;}
.pb38 { padding-bottom: 38px;}
.pb40 { padding-bottom: 40px;}
.pb45 { padding-bottom: 45px;}
.pb50 { padding-bottom: 50px;}
.pb80 { padding-bottom: 80px;}
.pb100 { padding-bottom: 100px;}
.pb110 { padding-bottom: 110px;}
.pb120 { padding-bottom: 120px;}

.pl9 { padding-left: 9px;}
.pl6 { padding-left: 6px;}
.pl10 { padding-left: 10px;}
.pl15 { padding-left: 15px;}
.pl20 { padding-left: 20px;}
.pl27 { padding-left: 27px;}
.pl28 { padding-left: 28px;}
.pl30 { padding-left: 30px;}
.pl40 { padding-left: 40px;}
.pl45 { padding-left: 45px;}
.pl50 { padding-left: 50px;}

.pr2{ padding-right: 2px;}
.pr6{ padding-right: 6px;}
.pr10{ padding-right: 10px;}
.pr12{ padding-right: 12px;}
.pr15{ padding-right: 15px;}
.pr20 { padding-right: 20px;}
.pr28 { padding-right: 28px;}
.pr30 { padding-right: 30px;}
.pr35 { padding-right: 35px;}
.pr40 { padding-right: 40px;}
.pr50 { padding-right: 50px;}

.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;}
.mt17 { margin-top: 17px;}
.mt18 { margin-top: 18px;}
.mt20 { margin-top: 20px;}
.mt21 { margin-top: 21px;}
.mt22 { margin-top: 22px;}
.mt23 { margin-top: 23px;}
.mt26 { margin-top: 26px;}
.mt27 { margin-top: 27px;}
.mt30 { margin-top: 30px;}
.mt32 { margin-top: 32px;}
.mt33 { margin-top: 33px;}
.mt34 { margin-top: 34px;}
.mt35 { margin-top: 35px;}
.mt36 { margin-top: 36px;}
.mt37 { margin-top: 37px;}
.mt40 { margin-top: 40px;}
.mt41 { margin-top: 41px;}
.mt45 { margin-top: 45px;}
.mt50 { margin-top: 50px;}
.mt52 { margin-top: 52px;}
.mt53 { margin-top: 53px;}
.mt58 { margin-top: 58px;}
.mt60 { margin-top: 60px;}
.mt62 { margin-top: 62px;}
.mt70 { margin-top: 70px;}
.mt72 { margin-top: 72px;}
.mt76 { margin-top: 76px;}
.mt80 { margin-top: 80px;}
.mt88 { margin-top: 88px;}
.mt90 { margin-top: 90px;}
.mt92 { margin-top: 92px;}
.mt100 { margin-top: 100px;}
.mt110 { margin-top: 110px;}
.mt120 { margin-top: 120px;}
.mt125 { margin-top: 125px;}
.mt130 { margin-top: 130px;}
.mt135 { margin-top: 135px;}
.mt140 { margin-top: 140px;}
.mt154 { margin-top: 154px;}
.mt190 { margin-top: 190px;}

.mb3 { margin-bottom: 3px;}
.mb4 { margin-bottom: 4px;}
.mb5 { margin-bottom: 5px;}
.mb6 { margin-bottom: 6px;}
.mb7 { margin-bottom: 7px;}
.mb8 { margin-bottom: 8px;}
.mb9 { margin-bottom: 9px;}
.mb10 { margin-bottom: 10px;}
.mb12 { margin-bottom: 12px;}
.mb13 { margin-bottom: 13px;}
.mb15 { margin-bottom: 15px;}
.mb16 { margin-bottom: 16px;}
.mb20 { margin-bottom: 20px;}
.mb23 { margin-bottom: 23px;}
.mb25 { margin-bottom: 25px;}
.mb30 { margin-bottom: 30px;}
.mb33 { margin-bottom: 33px;}
.mb34 { margin-bottom: 34px;}
.mb40 { margin-bottom: 40px;}
.mb41 { margin-bottom: 41px;}
.mb44 { margin-bottom: 44px;}
.mb52 { margin-bottom: 52px;}
.mb60 { margin-bottom: 60px;}
.mb118 { margin-bottom: 118px;}
.mb120 { margin-bottom: 120px;}
.mb134 { margin-bottom: 134px;}

.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;}
.ml20 { margin-left: 20px;}
.ml23 { margin-left: 23px;}
.ml24 { margin-left: 24px;}
.ml25 { margin-left: 25px;}
.ml28 { margin-left: 28px;}
.ml30 { margin-left: 30px;}
.ml35 { margin-left: 35px;}
.ml36 { margin-left: 36px;}
.ml41 { margin-left: 41px;}
.ml42 { margin-left: 42px;}
.ml45 { margin-left: 45px;}
.ml48 { margin-left: 48px;}
.ml50 { margin-left: 50px;}
.ml55 { margin-left: 55px;}
.ml60 { margin-left: 60px;}
.ml64 { margin-left: 64px;}
.ml65 { margin-left: 65px;}
.ml70 { margin-left: 70px;}
.ml80 { margin-left: 80px;}
.ml82 { margin-left: 82px;}
.ml95 { margin-left: 95px;}
.ml100 { margin-left: 100px;}
.ml101 { margin-left: 101px;}
.ml104 { margin-left: 104px;}
.ml114 { margin-left: 114px;}
.ml131 { margin-left: 131px;}
.ml135 { margin-left: 135px;}
.ml130 { margin-left: 130px;}
.ml138 { margin-left: 138px;}
.ml190 { margin-left: 190px;}
.ml255 { margin-left: 255px;}
.ml321 { margin-left: 321px;}


.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;}
.mr20 { margin-right: 20px;}
.mr25 { margin-right: 25px;}
.mr26 { margin-right: 26px;}
.mr30 { margin-right: 30px;}
.mr34 { margin-right: 34px;}
.mr40 { margin-right: 40px;}
.mr45 { margin-right: 45px;}
.mr50 { margin-right: 50px;}
.mr55 { margin-right: 55px;}
.mr60 { margin-right: 60px;}
.mr100 { margin-right: 100px;}
.mr155 { margin-right: 155px;}


.col-3 { width: 3%;}
.col-9 { width: 9%;}
.col-19 { width: 19%;}
.col-20 { width: 20%;}
.col-23 { width: 23.5%;}
.col-24 { width: 24.5%;}
.col-25 { width: 25%;}
.col-33 { width: 33.33%;}
.col-43 { width: 43%;}
.col-50 { width: 50%;}
.col-60 { width: 60%;}
.col-100 { width: 100%;}

.h-22 { height: 22px;}
.h-56 { height: 56px;}
.h-60 { height: 60px;}
.h-68 { height: 68px;}
.h-70 { height: 70px;}
.h-78 { height: 78px;}
.h-84 { height: 84px;}
.h-230 { height: 230px;}
.h-280 { height: 280px;}
.h-300 { height: 300px;}
.h-322 { height: 322px;}

.w-24 { width: 24px;}
.w-56 { width: 56px;}
.w-60 { width: 60px;}
.w-68 { width: 68px;}
.w-70 { width: 70px;}
.w-80 { width: 80px;}
.w-84 { width: 84px;}
.w-85 { width: 85px;}
.w-90 { width: 90px;}
.w-100 { width: 100px;}
.w-110 { width: 110px;}
.w-122 { width: 122px;}
.w-123 { width: 123px;}
.w-120 { width: 120px;}
.w-126 { width: 126px;}
.w-132 { width: 132px;}
.w-140 { width: 140px;}
.w-150 { width: 150px;}
.w-155 { width: 155px;}
.w-160 { width: 160px;}
.w-164 { width: 164px;}
.w-165 { width: 165px;}
.w-170 { width: 170px;}
.w-180 { width: 180px;}
.w-190 { width: 190px;}
.w-191 { width: 191px;}
.w-200 { width: 200px;}
.w-201 { width: 201px;}
.w-204 { width: 204px;}
.w-218 { width: 218px;}
.w-220 { width: 220px;}
.w-228 { width: 228px;}
.w-230 { width: 230px;}
.w-250 { width: 250px;}
.w-260 { width: 260px;}
.w-283 { width: 283px;}
.w-395 { width: 395px;}
.w-446 { width: 446px;}
.w-450 { width: 450px;}
.w-680 { width: 680px;}
.w-733 { width: 733px;}
.w-763 { width: 763px;}
.w-971 { width: 971px;}


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

/***** 半透明 *****/
.masklayer20 {
	filter:alpha(opacity=20);	/*支持 IE 浏览器*/
	-moz-opacity:0.20;			/*支持 FireFox 浏览器*/
	opacity:0.20;				/*支持 Chrome, Opera, Safari 等浏览器*/
}
.masklayer30 {
	filter:alpha(opacity=30);	/*支持 IE 浏览器*/
	-moz-opacity:0.30;			/*支持 FireFox 浏览器*/
	opacity:0.30;				/*支持 Chrome, Opera, Safari 等浏览器*/
}
.masklayer40 {
	filter:alpha(opacity=40);	/*支持 IE 浏览器*/
	-moz-opacity:0.40;			/*支持 FireFox 浏览器*/
	opacity:0.40;				/*支持 Chrome, Opera, Safari 等浏览器*/
}
.masklayer50 {
	filter:alpha(opacity=50);	/*支持 IE 浏览器*/
	-moz-opacity:0.50;			/*支持 FireFox 浏览器*/
	opacity:0.50;				/*支持 Chrome, Opera, Safari 等浏览器*/
}
.masklayer60 {
	filter:alpha(opacity=60);	/*支持 IE 浏览器*/
	-moz-opacity:0.60;			/*支持 FireFox 浏览器*/
	opacity:0.60;				/*支持 Chrome, Opera, Safari 等浏览器*/
}
.masklayer70 {
	filter:alpha(opacity=70);	/*支持 IE 浏览器*/
	-moz-opacity:0.70;			/*支持 FireFox 浏览器*/
	opacity:0.70;				/*支持 Chrome, Opera, Safari 等浏览器*/
}
.masklayer80 {
	filter:alpha(opacity=80);	/*支持 IE 浏览器*/
	-moz-opacity:0.80;			/*支持 FireFox 浏览器*/
	opacity:0.80;				/*支持 Chrome, Opera, Safari 等浏览器*/
}
.masklayer90 {
	filter:alpha(opacity=90);	/*支持 IE 浏览器*/
	-moz-opacity:0.90;			/*支持 FireFox 浏览器*/
	opacity:0.90;				/*支持 Chrome, Opera, Safari 等浏览器*/
}


::-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;
}