@charset "utf-8";
/* CSS Document */

/*
* @description: 自定义公用属性
* @author: SXL
* @update: SXL (2015-09-9 16:18)
*/

.bold{font-weight: bold}

/*颜色*/
.gray{ color:#CCC}
.gray-999{ color:#999}
.gray-666 { color:#656667;}
.black{ color:#000;}
.white{ color:#FFF}
.green{ color:#6DD900}
.green-middle{ color:#42AC24;}
.orange{ color:#F90}
.orange-ea{ color:#ea8010}
.orange-f60{ color:#ff6600;}
.red{ color:#F30}
.red-930{ color:#930}
.red-e61414{color: #e61414}
.yellow{ color:#FFD24C}
.blue{ color:#39F}
.blue-0093dd{ color:#0093dd;}
.grey1{  color:#333333;  }
.grey2{ color: #666666; }
.grey3{ color: #555555; }
.grey4{ color: #444444; }
.grey5{ color: #888888; }
.grey6{ color: #dddddd; }
.grey666{ color: #666666; }
.yellow2{ color: #ffea01; }
.yellow3{color: #ffc20e;}
.yellow4{color: #fcc800;}
.line-height28{ line-height: 28px; }
.line-height30{ line-height: 30px!important; }
.line-height24{ line-height: 24px; }
.price-color{color: #ff541c; }


/*背景颜色*/
.bg-green{ background-color:#6DD900}
.bg-yellow{ background-color:#FFD24C}
.bg-yellow-2{background-color: #ffc20e}
.bg-yellow-fcf { background-color: #fcf8e3; }
.bg-yellow-fcc800 { background-color: #fcc800; }
.bg-red{ background-color:#F30}
.bg-red-930{ background-color:#930}
.bg-red-e61414{ background-color:#e61414}
.bg-black{ background-color:#333}
.bg-white{ background-color:#fff}
.bg-gray{ background-color:#CCC}
.bg-gray-eee { background-color:#eee;}
.bg-gray-f5{ background: #F5F5F5; }	/*最浅的灰色背景，常用*/
.bg-blue{ background-color:#337ab7;}
.bg-blue-f9fbff{ background-color:#f9fbff;}
.bg-blue-gray1{ background-color:#D0DAE6;}
.bg-blue-gray2{ background-color:#E9EDF6;}
.bg-blue-3 { background-color:#BDF1F7;}
.bg-orange{ background-color:#F90;}
.bg_grey3{background-color: #fcfbff;}
.bg-fbe0e0{background-color: #fbe0e0}
.bg-def2f4{background-color: #def2f4}
.bg-eaf3db{background-color: #eaf3db}
.bg-d5ecf9{background-color: #d5ecf9}


/*字体大小*/
.font10 { font-size: 10px; }
.font11 { font-size: 11px; }
.font12 { font-size: 12px; }
.font13 { font-size: 13px; }
.font14 { font-size: 14px; }
.font15 { font-size: 15px; }
.font16 { font-size: 16px; }
.font18 { font-size: 18px; }
.font20{ font-size:20px}
.font23{ font-size:23px}
.font24{ font-size:24px}
.font28{ font-size:28px}
.font30 { font-size: 30px; }
.font36{ font-size:36px}
.font40{ font-size:40px}
.font48{ font-size:48px}
.font60{ font-size:60px}

.rem1{ font-size: 1rem }
.remzero8{ font-size: 0.8rem }
.remzero6{ font-size: 0.6rem }
.rem1p2{ font-size: 1.2rem }
.rem1p3{ font-size: 1.3rem }
.rem1p5{ font-size: 1.5rem }
.rem1p8{ font-size: 1.8rem }
.rem1p9{ font-size: 1.9rem }
.rem2{ font-size: 2rem }
.rem3{ font-size: 3rem }

/*文本行高设置*/
.lh1 { line-height: 1px; }
.lh10 { line-height: 10px; }
.lh15 { line-height: 15px; }
.lh18 { line-height: 18px; }
.lh20 { line-height: 20px; }
.lh25 { line-height: 25px; }
.lh30 { line-height: 30px; }
.lh35 { line-height: 35px; }
.lh40 { line-height: 40px; }
.lhrem1p3{line-height: 1.3rem}


/*宽度*/
.w30{ width:30px;}
.w38{ width:38px;}
.w40{ width:40px;}
.w45{ width:45px;}
.w50{ width:50px;}
.w60{ width:60px;}
.w70{ width:70px;}
.w80{ width:80px;}
.w90{ width:90px;}
.w100{ width:100px;}
.w110{ width:110px;}
.w120{ width:120px;}
.w150{ width:150px;}
.w200{ width:200px;}
.w300{ width:300px;}
.w400{ width:400px;}
.w500{ width:500px;}
.w600{ width:600px;}
.w700{ width:700px;}
.w800{ width:800px;}
.w-percentage-2  { width:2%;}
.w-percentage-3  { width:3%;}
.w-percentage-5  { width:5%;}
.w-percentage-10  { width:10%;}
.w-percentage-13  { width:13%;}
.w-percentage-15  { width:15%;}
.w-percentage-18  { width:18%;}
.w-percentage-20  { width:20%;}
.w-percentage-25  { width:25%;}
.w-percentage-30  { width:30%;}
.w-percentage-35  { width:35%;}
.w-percentage-40  { width:40%;}
.w-percentage-50  { width:50%;}
.w-percentage-50  { width:50%;}
.w-percentage-60  { width:60%;}
.w-percentage-70  { width:70%;}
.w-percentage-75  { width:75%;}
.w-percentage-80  { width:80%!important;}
.w-percentage-85  { width:85%;}
.w-percentage-90  { width:90%;}
.w-percentage-100  { width:100%!important;}
.h-percentage-100  {  height: 100% !important;}

/* 高度 */
.h1 { height: 1px; }
.h5 { height: 5px; }
.h8 { height: 8px; }
.h10 { height: 10px; }
.h15 { height: 15px; }
.h20 { height: 20px; }
.h25 { height: 25px; }
.h28 { height: 28px; }
.h30 { height: 30px; }
.h35 { height: 35px; }
.h40 { height: 40px; }
.h45 { height: 45px; }
.h50 { height: 50px; }
.h55 { height: 55px; }
.h56 { height: 56px; }
.h60 { height: 60px; }
.h70 { height: 70px; }
.h80 { height: 80px; }
.h90 { height: 90px; }
.h100 { height: 100px; }
.h250 { height: 250px; }
.h300 { height: 300px; }

/*内边距*/
.pad-10 { padding:10px;}
.pad-15 { padding:15px;}
.pad-20 { padding:20px;}
.pad-30 { padding:30px;}
.pad-top-4{ padding-top:4px;}
.pad-top-6{ padding-top:6px;}
.pad-top-10{ padding-top:10px;}
.pad-top-13{ padding-top:13px;}
.pad-top-15{ padding-top:15px;}
.pad-top-20{ padding-top:20px;}
.pad-top-30{ padding-top:30px;}
.pad-top-40{ padding-top:40px;}
.pad-bottom-4{ padding-bottom:4px;}
.pad-bottom-6{ padding-bottom:6px;}
.pad-bottom-10{ padding-bottom:10px;}
.pad-bottom-13{ padding-bottom:13px;}
.pad-bottom-15{ padding-bottom:15px;}
.pad-bottom-20{ padding-bottom:20px;}
.pad-bottom-30{ padding-bottom:30px;}
.pad-bottom-40{ padding-bottom:40px;}
.pad-bottom-50{ padding-bottom:50px;}
.pad-bottom-60{ padding-bottom:60px;}
.pad-bottom-80{ padding-bottom:80px;}
.pad-left-0{ padding-left:0!important;}
.pad-left-5{ padding-left:5px;}
.pad-left-10{ padding-left:10px;}
.pad-left-15{ padding-left:15px!important;}
.pad-left-20{ padding-left:20px;}
.pad-left-30{ padding-left:30px!important;}
.pad-left-40{ padding-left:40px!important;}
.pad-left-50{ padding-left:50px!important;}
.pad-left-60{ padding-left:60px!important;}
.pad-left-70{ padding-left:70px!important;}
.pad-left-80{ padding-left:80px!important;}
.pad-left-100{ padding-left:100px!important;}
.pad-right-0{ padding-right:0!important;}
.pad-right-2{ padding-right:2px!important;}
.pad-right-5{ padding-right:5px;}
.pad-right-10{ padding-right:10px;}
.pad-right-15{ padding-right:15px!important;}
.pad-right-20{ padding-right:20px!important;}
.pad-right-30{ padding-right:30px!important;}
.pad-right-40{ padding-right:40px!important;}
.pad-right-50{ padding-right:50px!important;}
.pad-right-60{ padding-right:60px!important;}
.pad-right-70{ padding-right:70px!important;}
.pad-right-80{ padding-right:80px!important;}

/*外边距*/
.mar-5 { margin:5px; }
.mar-10 { margin:10px; }
.mar-15 { margin:15px; }
.mar-20 { margin:20px; }
.mar-25 { margin:25px; }
.mar-30 { margin:30px; }
.mar-40 { margin:40px; }
.mar-50 { margin:50px; }
.mar-top-2{ margin-top:2px;}
.mar-top-4{ margin-top:4px;}
.mar-top-5{ margin-top:5px;}
.mar-top-6{ margin-top:6px;}
.mar-top-8{ margin-top:8px;}
.mar-top-10{ margin-top:10px;}
.mar-top-15 { margin-top:15px;}
.mar-top-20 { margin-top:20px;}
.mar-top-30 { margin-top:30px!important;}
.mar-top-40 { margin-top:40px;}
.mar-top-50 { margin-top:50px;}
.mar-top-60 { margin-top:60px;}
.mar-top-70 { margin-top:70px;}
.mar-top-80 { margin-top:80px;}
.mar-top-90 { margin-top:90px;}
.mar-top-100 { margin-top:100px;}
.mar-top-125 { margin-top:125px;}
.mar-top-140 { margin-top:140px;}
.mar-right-0{ margin-right:0!important;}
.mar-right-5{ margin-right:5px;}
.mar-right-10{ margin-right:10px;}
.mar-right-20{ margin-right:20px;}
.mar-right-30{ margin-right:30px;}
.mar-right-40{ margin-right:40px;}
.mar-left-0{ margin-left:0!important;}
.mar-left-5{ margin-left:5px;}
.mar-left-10{ margin-left:10px;}
.mar-left-20{ margin-left:20px;}
.mar-left-30{ margin-left:30px;}
.mar-left-40{ margin-left:30px;}
.mar-left-50{ margin-left:50px;}
.mar-left-100{ margin-left:100px;}
.mar-left-150{ margin-left:150px;}
.mar-left-200{ margin-left:200px;}
.mar-bottom-5{ margin-bottom:5px;}
.mar-bottom-10{ margin-bottom:10px;}
.mar-bottom-15{ margin-bottom:15px;}
.mar-bottom-20{ margin-bottom:20px;}
.mar-bottom-30{ margin-bottom:30px;}
.mar-bottom-40{ margin-bottom:40px;}
.mar-bottom-50{ margin-bottom:50px;}
.mar-bottom-60{ margin-bottom:60px;}
.mar-bottom-80{ margin-bottom:80px;}
.mar-bottom-100{ margin-bottom:100px;}

/*边框*/
.bor-solid-1 { border:1px solid #EBEBEB;}
.bor-solid-3 { border:3px solid #EBEBEB;}
.bor-solid-5 { border:5px solid #EBEBEB;}
.bor-solid-blue-2 { border:2px solid #0093dd;}
.bor-right-dashed-1{ border-right:1px dashed #EBEBEB; }
.bor-bottom-dashed-1{ border-bottom:1px dashed #EBEBEB;}
.bor-top-solid-1{ border-top:1px solid #EBEBEB;}
.bor-bottom-solid-1{ border-bottom:1px solid #EBEBEB;}
.bor-right-solid-1{ border-right:1px solid #EBEBEB;}
.bor-bottom-solid-d8-1{ border-bottom:1px solid #D8D8D8;}
.border-left-dashed-white{ border-left: 1px dashed white;}
.border-d-e5{  border: dashed 1px #e5e5e5;  }
.border-d-bottom-e5{  border-bottom: dashed 1px #e5e5e5;  }
.border-white{  border: solid 1px white;  }
.border-dashed-1-535353{  border: 1px dashed #535353;}
.border-ffc20e{  border: 1px solid #ffc20e;}
.border-bottom-333{  border-bottom: 1px solid #333333;}

/*对齐*/
.v-align-middle{ vertical-align:middle!important;}
.v-align-bottom{ vertical-align:bottom;}
.v-align-top{ vertical-align:top;}
.v-middle{display: flex; display: -webkit-flex;align-items: center}


.letter-spacing-4{  letter-spacing: 4px; }
.letter-spacing-3{  letter-spacing: 3px; }
.letter-spacing-2{  letter-spacing: 2px; }

.no-padding { padding: 0 !important }
.no-borders { border: none !important }
.no-margins { margin: 0 !important }

.yellow-btn{  background-color: #fcc800;  color: white;  font-size: 1rem;  border-radius: 5px;  padding: 3px 7px;  }

.p-relative{  position: relative;  }
.p-absolute{  position: absolute;  }
.line-through{text-decoration:line-through}
.circle-black:before{ content: '●'; color: #333333;font-size: 6px;margin-right: 4px; }

.radius8{border-radius: 8px}
.inline-block{display: inline-block}

.underline{text-decoration: underline}
.text-indent-25{text-indent: 25px}
.text-indent-23{text-indent: 23px}
.text-indent-30{text-indent: 30px}