@charset "utf-8";

/*
 * 常用自定义样式开关
 */

/* 显示隐藏 */
.db {display: block;}
.dn {display: none;}

.dib {display: inline-block;}

/*************************************************
*												 *
*						布局                     *
*                                                *
**************************************************/

/* 浮动布局 */
.fl {float: left;}
.fr {float: right;}
.cb {
	float: none !important;
	visibility: hidden !important;
	height: 0px !important;
	border: none !important;
	outline: none !important;
	margin: 0px !important;
	padding: 0px !important;
	font-size: 0px !important;
	line-height: 0px !important;
	clear: both;
}
/*table 布局*/
.table {
    display: table;
    width: 100%;
    height: 100%;
}
.thead {
    display: table-header-group;
}
.tbody {
    display: table-row-group
}
.tfoot {
    display: table-footer-group;
}
.tr {
    display: table-row;
}
.td,
.th,
.th-c,
.th-r,
.td-c,
.td-r {
    display: table-cell;
    vertical-align: middle;
}
.td-c,
.th-c {
    text-align: center;
}
.td-r,
.th-r {
    text-align: right;
}
/* 清除浮动 */
.clearfix:after { 
    content: "\200B"; 
    display: block; 
    height: 0; 
    clear: both; 
}

/* 定位布局 */
.pr {position: relative;}
.pa {position: absolute;}
.tp-0 {top: 0;}
.tp-1 {top: 1px;}
.tp-2 {top: 2px;}
.tp-3 {top: 3px;}
.tp-4 {
    top: 4px;
    +top: 5px;
    *top: 5px;
    top: 5px\9;
}
.tp-5 {top: 5px;}
.tp-6 {top: 6px;}
.tp-7 {top: 7px;}
.tp-8 {top: 8px;}
.tp-9 {top: 9px;}
.tp-10 {top: 10px;}
.tp-s-2 {top: -2px;}

/* 层级 */
.zi-s-1 {z-index: -1;}
.zi-0 {z-index: 0;}
.zi-1 {z-index: 1;}
.zi-2 {z-index: 2;}
.zi-7 {z-index: 7;}
.zi-8 {z-index: 8;}
.zi-9 {z-index: 9;}
.zi-10 {z-index: 10;}
.zi-11 {z-index: 11;}
.zi-12 {z-index: 12;}
.zi-19 {z-index: 19;}
.zi-20 {z-index: 20;}
.zi-21 {z-index: 21;}
.zi-22 {z-index: 22;}
.zi-100 {z-index: 100;}
.zi-101 {z-index: 101;}
.zi-102 {z-index: 102;}

/* 盒模型 */
.bs-bb {box-sizing: border-box;}

/* 宽度 */
.wd-10 {width: 10px;}
.wd-20 {width: 20px;}
.wd-30 {width: 30px;}
.wd-36 {width: 36px;}
.wd-40 {width: 40px;}
.wd-50 {width: 50px;}
.wd-60 {width: 60px;}
.wd-70 {width: 70px;}
.wd-78 {width: 78px;}
.wd-80 {width: 80px;}
.wd-82 {width: 82px;}
.wd-84 {width: 84px;}
.wd-98 {width: 98px;}
.wd-90 {width: 90px;}
.wd-100 {width: 100px;}
.wd-110 {width: 110px;}
.wd-116 {width: 116px;}
.wd-119 {width: 119px;}
.wd-120 {width: 120px;}
.wd-130 {width: 130px;}
.wd-140 {width: 140px;}
.wd-142 {width: 142px;}
.wd-148 {width: 148px;}
.wd-150 {width: 150px;}
.wd-156 {width: 156px;}
.wd-158 {width: 158px;}
.wd-160 {width: 160px;}
.wd-164 {width: 164px;}
.wd-166 {width: 166px;}
.wd-168 {width: 168px;}
.wd-170 {width: 170px;}
.wd-174 {width: 174px;}
.wd-178 {width: 178px;}
.wd-180 {width: 180px;}
.wd-186 {width: 186px;}
.wd-190 {width: 190px;}
.wd-195 {width: 195px;}
.wd-200 {width: 200px;}
.wd-210 {width: 210px;}
.wd-218 {width: 218px;}
.wd-220 {width: 220px;}
.wd-230 {width: 230px;}
.wd-232 {width: 232px;}
.wd-240 {width: 240px;}
.wd-248 {width: 248px;}
.wd-250 {width: 250px;}
.wd-260 {width: 260px;}
.wd-266 {width: 266px;}
.wd-270 {width: 270px;}
.wd-278 {width: 278px;}
.wd-280 {width: 280px;}
.wd-288 {width: 288px;}
.wd-300 {width: 300px;}
.wd-320 {width: 320px;}
.wd-328 {width: 328px;}
.wd-330 {width: 330px;}
.wd-350 {width: 350px;}
.wd-360 {width: 360px;}
.wd-370 {width: 370px;}
.wd-380 {width: 380px;}
.wd-390 {width: 390px;}
.wd-400 {width: 400px;}
.wd-420 {width: 420px;}
.wd-430 {width: 430px;}
.wd-440 {width: 440px;}
.wd-450 {width: 450px;}
.wd-460 {width: 460px;}
.wd-480 {width: 480px;}
.wd-500 {width: 500px;}
.wd-520 {width: 520px;}
.wd-548 {width: 548px;}
.wd-550 {width: 550px;}
.wd-585 {width: 585px;}
.wd-600 {width: 600px;}
.wd-605 {width: 605px;}
.wd-610 {width: 610px;}
.wd-630 {width: 630px;}
.wd-670 {width: 670px;}
.wd-700 {width: 700px;}
.wd-720 {width: 720px;}
.wd-750 {width: 750px;}
.wd-800 {width: 800px;}
.wd-840 {width: 840px;}
.wd-920 {width: 920px;}
.wd-930 {width: 930px;}
.wd-940 {width: 940px;}
.wd-950 {width: 950px;}
.wd-960 {width: 960px;}
.wd-970 {width: 970px;}
.wd-980 {width: 980px;}
.wd-1000 {width: 1000px;}
.wd-1030 {width: 1030px;}
.wd-1180 {width: 1180px;}
.wd-1200 {width: 1200px;}
.wd-1920 {width: 1920px;}
.wd-5p {width: 5%;}
.wd-10p {width: 10%;}
.wd-12p {width: 12%;}
.wd-15p {width: 15%;}
.wd-16p {width: 16.66666666666667%;}
.wd-18p {width: 18%;}
.wd-20p {width: 20%;}
.wd-28p {width: 28%;}
.wd-25p {width: 25%;}
.wd-30p {width: 30%;}
.wd-33p {width: 33.33333333333333%;}
.wd-35p {width: 34%;}
.wd-38p {width: 38%;}
.wd-40p {width: 40%;}
.wd-44p {width: 44%;}
.wd-45p {width: 45%;}
.wd-50p {width: 50%;}
.wd-52p {width: 52%;}
.wd-55p {width: 55%;}
.wd-60p {width: 60%;}
.wd-65p {width: 65%;}
.wd-70p {width: 70%;}
.wd-74p {width: 74%;}
.wd-80p {width: 80%;}
.wd-85p {width: 85%;}
.wd-90p {width: 90%;}
.wd-95p {width: 95%;}
.wd-100p {width: 100%;}

/* 高度 */
.ht-15 {height: 15px;}
.ht-20 {height: 20px;}
.ht-24 {height: 24px;}
.ht-25 {height: 25px;}
.ht-26 {height: 26px;}
.ht-30 {height: 30px;}
.ht-32 {height: 32px;}
.ht-35 {height: 35px;}
.ht-36 {height: 36px;}
.ht-38 {height: 38px;}
.ht-40 {height: 40px;}
.ht-42 {height: 42px;}
.ht-45 {height: 45px;}
.ht-48 {height: 48px;}
.ht-50 {height: 50px;}
.ht-60 {height: 60px;}
.ht-70 {height: 70px;}
.ht-75 {height: 75px;}
.ht-80 {height: 80px;}
.ht-82 {height: 82px;}
.ht-84 {height: 84px;}
.ht-90 {height: 90px;}
.ht-92 {height: 92px;}
.ht-93 {height: 93px;}
.ht-100 {height: 100px;}
.ht-104 {height: 104px;}
.ht-105 {height: 105px;}
.ht-110 {height: 110px;}
.ht-118 {height: 118px;}
.ht-130 {height: 130px;}
.ht-138 {height: 138px;}
.ht-140 {height: 140px;}
.ht-145 {height: 145px;}
.ht-150 {height: 150px;}
.ht-172 {height: 172px;}
.ht-175 {height: 175px;}
.ht-180 {height: 180px;}
.ht-183 {height: 183px;}
.ht-195 {height: 195px;}
.ht-200 {height: 200px;}
.ht-203 {height: 203px;}
.ht-280 {height: 280px;}
.ht-285 {height: 285px;}
.ht-308 {height: 308px;}
.ht-334 {height: 334px;}
.ht-325 {height: 325px;}
.ht-340 {height: 340px;}
.ht-345 {height: 340px;}
.ht-350 {height: 350px;}
.ht-370 {height: 370px;}
.ht-399 {height: 399px;}
.ht-400 {height: 400px;}
.ht-405 {height: 405px;}
.ht-415 {height: 415px;}
.ht-430 {height: 430px;}
.ht-445 {height: 445px;}
.ht-530 {height: 530px;}
.ht-605 {height: 605px;}
.ht-615 {height: 615px;}
.ht-625 {height: 625px;}
.ht-700 {height: 700px;}
.ht-815 {height: 815px;}
.ht-825 {height: 825px;}
.ht-100p {height: 100%;}
.minh-60 {min-height: 60px;}
.minh-215 {min-height: 215px;}
.minh-225 {min-height: 225px;}
.mh-40 {max-height: 40px;}
.mh-45 {max-height: 45px;}
.mh-60 {max-height: 60px;}
.mh-80 {max-height: 80px;}
.mh-100 {max-height: 100px;}
.mh-120 {max-height: 120px;}
.mh-125 {max-height: 125px;}
.mh-140 {max-height: 140px;}
.mh-150 {max-height: 150px;}
.mh-160 {max-height: 160px;}
.mh-180 {max-height: 180px;}
.mh-200 {max-height: 200px;}
.mw-1920 {max-width: 1920px;}
/* 外边距 */
.mt-1 {margin-top: 1px;}
.mt-2 {margin-top: 2px;}
.mt-3 {margin-top: 3px;}
.mt-4 {margin-top: 4px;}
.mt-5 {margin-top: 5px;}
.mt-6 {margin-top: 6px;}
.mt-7 {margin-top: 7px;}
.mt-8 {margin-top: 8px;}
.mt-9 {margin-top: 9px;}
.mt-10 {margin-top: 10px;}
.mt-12 {margin-top: 12px;}
.mt-14 {margin-top: 14px;}
.mt-15 {margin-top: 15px;}
.mt-16 {margin-top: 16px;}
.mt-20 {margin-top: 20px;}
.mt-25 {margin-top: 25px;}
.mt-30 {margin-top: 30px;}
.mt-35 {margin-top: 35px;}
.mt-40 {margin-top: 40px;}
.mt-42 {margin-top: 42px;}
.mt-45 {margin-top: 45px;}
.mt-48 {margin-top: 48px;}
.mt-50 {margin-top: 50px;}
.mt-70 {margin-top: 70px;}
.mt-75 {margin-top: 75px;}
.mt-200 {margin-top: 200px;}
.mt-130 {margin-top: 130px;}
.mt-s-1 {margin-top: -1px;}
.mt-s-2 {margin-top: -2px;}
.mt-06p {margin-top: 6%}
.mt-s-4 {margin-top: -4px;}
.mt-s-8 {margin-top: -8px;}
.mt-s-12 {margin-top: -12px;}
.mt-60 {margin-top: 60px;}
.mt-s-2 {margin-top: -2px;}
.mt-s-5 {margin-top: -5px;}
.ml-2 {margin-left: 2px;}
.ml-4 {margin-left: 4px;}
.ml-5 {margin-left: 5px;}
.ml-6 {margin-left: 6px;}
.ml-8 {margin-left: 8px;}
.ml-9 {margin-left: 9px;}
.ml-10 {margin-left: 10px;}
.ml-15 {margin-left: 15px;}
.ml-16 {margin-left: 16px;}
.ml-18 {margin-left: 18px;}
.ml-19 {margin-left: 19px;}
.ml-20 {margin-left: 20px;}
.ml-24 {margin-left: 24px;}
.ml-30 {margin-left: 30px;}
.ml-50 {margin-left: 50px;}
.ml-60 {margin-left: 60px;}
.ml-70 {margin-left: 70px;}
.ml-90 {margin-left: 90px;}
.ml-100 {margin-left: 100px;}
.ml-2p {margin-left: 2%;}
.ml-s-4 {margin-left: -4px;}
.mr-2 {margin-right: 2px;}
.mr-3 {margin-right: 3px;}
.mr-4 {margin-right: 4px;}
.mr-5 {margin-right: 5px;}
.mr-6 {margin-right: 6px;}
.mr-8 {margin-right: 8px;}
.mr-10 {margin-right: 10px;}
.mr-15 {margin-right: 15px;}
.mr-19 {margin-right: 19px;}
.mr-20 {margin-right: 20px;}
.mr-24 {margin-right: 24px;}
.mr-25 {margin-right: 25px;}
.mr-30 {margin-right: 30px;}
.mr-40 {margin-right: 40px;}
.mr-50 {margin-right: 50px;}
.mr-60 {margin-right: 60px;}
.mr-70 {margin-right: 70px;}
.mr-74 {margin-right:74px;}
.mr-80 {margin-right: 80px;}
.mr-10p {margin-right: 10%;}
.mb-5 {margin-bottom: 5px;}
.mb-6 {margin-bottom: 6px;}
.mb-9 {margin-bottom: 9px;}
.mb-10 {margin-bottom: 10px;}
.mb-15 {margin-bottom: 15px;}
.mb-10i {margin-bottom: 10px !important;}
.mb-20 {margin-bottom: 20px;}
.mb-24p {margin-bottom: 24%;}
.mb-30 {margin-bottom: 30px;}
.mb-80 {margin-bottom: 80px;}
.mb-119 {margin-bottom: 119px;}
.mb-138 {margin-bottom: 138px;}
.mb-150 {margin-bottom: 150px;}
.mb-232 {margin-bottom: 232px;}
.mg-0010 {margin: 0 10px;}
.mg-0015 {margin: 0 15px;}
.mg-3 {margin: 3px;}
.mg-4 {margin: 4px;}
.mg-5 {margin: 5px;}
.mg-0024 {margin: 0 24px;}
.mg-0016 {margin: 0px 16px;}
.mg-0010 {margin:0px 10px;}
.mg-1005 {margin: 10px 5px;}
.mg-1010 {margin: 10px 10px;}
.mg-a {
    margin-left: auto;
    margin-right: auto; 
}
.mg-02 {
	margin-left: 2px;
	margin-right: 2px;
}
.mg-0020 {
	margin-left: 20px;
	margin-right: 20px;
}
.mg-0042 {margin: 0px 42px;}
.mg-002p {margin: 0px 2%;}

/* 内边距 */
.pt-0 {padding-top: 0;}
.pt-1 {padding-top: 1px;}
.pt-2 {padding-top: 2px;}
.pt-4 {padding-top: 4px;}
.pt-5 {padding-top: 5px;}
.pt-6 {padding-top: 6px;}
.pt-8 {padding-top: 8px;}
.pt-9 {padding-top: 9px;}
.pt-10 {padding-top: 10px;}
.pt-14 {padding-top: 14px;}
.pt-15 {padding-top: 15px;}
.pt-16 {padding-top: 16px;}
.pt-18 {padding-top: 18px;}
.pt-20 {padding-top: 20px;}
.pt-22 {padding-top: 22px;}
.pt-30 {padding-top: 30px;}
.pt-45 {padding-top: 45px;}
.pt-40 {padding-top: 40px;}
.pt-50 {padding-top: 50px;}
.pt-58 {padding-top: 58px}
.pt-60 {padding-top: 60px}
.pt-70 {padding-top: 70px;}
.pt-90 {padding-top: 90px;}
.pt-235 {padding-top: 235px;}
.pt-6p{padding-top: 6%;}
.pr-19 {padding-right: 19px;}
.pr-10 {padding-right: 10px;}
.pr-20 {padding-right: 20px;}
.pr-36 {padding-right: 36px;}
.pr-50 {padding-right: 50px;}
.pr-70 {padding-right: 70px;}
.pb-0 {padding-bottom: 0;}
.pb-5 {padding-bottom: 5px;}
.pb-8 {padding-bottom: 8px;}
.pb-9 {padding-bottom: 9px;}
.pb-10 {padding-bottom: 10px;}
.pb-16 {padding-bottom: 16px;}
.pb-20 {padding-bottom: 20px;}
.pb-30 {padding-bottom: 30px;}
.pb-26 {padding-bottom: 26px;}
.pb-42 {padding-top: 42px;}
.pb-45 {padding-bottom: 45px;}
.pb-50 {padding-bottom: 50px;}
.pb-80 {padding-bottom: 80px;}
.pb-90 {padding-bottom: 90px;}
.pb-100 {padding-bottom: 100px;}
.pb-35 {padding-bottom: 35px;}
.pb-36 {padding-bottom: 36px;}
.pb-276 {padding-bottom: 276px;}
.pl-10 {padding-left: 10px;}
.pl-15 {padding-left: 15px;}
.pl-20 {padding-left: 20px;}
.pl-19 {padding-left: 19px;}
.pl-24 {padding-left: 24px;}
.pl-30 {padding-left: 30px;}
.pl-2p {padding-left: 2%;}
.pl-50 {padding-left: 50px;}
.pl-70 {padding-left: 70px;}
.pl-90 {padding-left: 90px;}
.pd-0 {padding: 0;}
.pd-2 {padding: 2px;}
.pd-4 {padding: 4px;}
.pd-5 {padding: 5px;}
.pd-8 {padding: 8px;}
.pd-16 {padding: 16px;}
.pd-10 {padding: 10px;} 
.pd-0800 {padding: 8px 0;}
.pd-15 {padding: 15px;}
.pd-20 {padding: 20px;}
.pd-30 {padding: 30px;}
.pd-60 {padding: 60px;}
.pd-1900 {padding: 19px 0;}
.pd-2000 {padding: 20px 0;}
.pd-2010 {padding: 20px 10px;}
.pd-3000 {padding: 30px 0;}
.pd-202p {padding: 20px 2%;}
.pd-206p {padding: 20px 6%;}
.pd-0002 {padding:0 2px;}
.pd-0005 {padding:0 5px;}
.pd-0010 {padding:0 10px;}
.pd-0012 {padding:0 12px;}
.pd-0014 {padding:0 14px;}
.pd-0015 {padding:0 15px;}
.pd-0016 {padding: 0px 16px;}
.pd-0020 {padding:0 20px;}
.pd-0030 {padding:0 30px;}
.pd-0040 {padding: 0px 40px;}
.pd-0044 {padding: 0px 44px;}
.pd-0060 {padding: 0px 60px;}
.pd-0204 {padding: 2px 4px;}
.pd-0208 {padding: 2px 8px;}
.pd-0210 {padding:2px 10px;}
.pd-0406 {padding: 4px 6px;}
.pd-0408 {padding: 4px 8px;}
.pd-0410 {padding: 4px 10px;}
.pd-0415 {padding: 4px 15px;}
.pd-0420 {padding: 4px 20px;}
.pd-0500 {padding: 5px 0;}
.pd-0510 {padding: 5px 10px;}
.pd-0515 {padding: 5px 15px;}
.pd-0520 {padding: 5px 20px;}
.pd-0550 {padding: 5px 50px;}
.pd-0600 {padding: 6px 0;}
.pd-0610 {padding: 6px 10px;}
.pd-0700 {padding: 7px 0;}
.pd-0810 {padding: 8px 10px;}
.pd-0815 {padding: 8px 15px;}
.pd-0820 {padding: 8px 20px;}
.pd-0830 {padding: 8px 30px;}
.pd-1000 {padding: 10px 0;}
.pd-1015 {padding: 10px 15px;}
.pd-1020 {padding: 10px 20px;}
.pd-1025 {padding: 10px 25px;}
.pd-1030 {padding: 10px 30px;}
.pd-1050 {padding: 10px 50px;}
.pd-1240 {padding: 12px 40px;}
.pd-1420 {padding: 14px 20px;}
.pd-1500 {padding: 15px 0;}
.pd-1530 {padding: 15px 30px;}
.pd-2040 {padding: 20px 40px;}
.pd-2050 {padding: 20px 50px;}
.pd-3000 {padding: 30px 0;}
.pd-3040 {padding: 30px 40px;}
.pd-3050 {padding: 30px 50px;}
.pd-4060 {padding: 30px 50px;}
.pd-10000 {padding: 100px 0;}
.pd-20000 {padding: 200px 0;}
.pd-14001410 {padding: 14px 0 14px 10px;}
.pd-0020 {
	padding-left: 20px;
	padding-right: 20px;
}
.pd-0024 {
	padding-left: 24px;
	padding-right: 24px;
}
.pd-0014 {
	padding-left: 14px;
	padding-right: 14px;
}
/* 模块居中 */
.ma {margin: 0 auto;}
.ma-2 {margin-left: auto;margin-right: auto;}

/* 溢出隐藏 */
.oh {overflow: hidden;}
.wb-ba {word-break: break-all;}
.ws-nw {white-space: nowrap;}
.bc-sp {border-collapse: separate;}


/*************************************************
*						 *
*                    色值系列                     *
*                                                *
*************************************************/

/* 背景色 */
.bc-tp {background-color: transparent;}
.bc-0 {background-color: #000;}
.bc-3 {background-color: #333;}
.bc-6 {background-color: #666;}
.bc-f {background-color: #fff;}
.bc-yl {background-color: #ffc12e;}
.bc-og {background-color: #ffc12e;}
.bc-f3 {background-color: #f3f3f3;}
.bc-f5 {background-color: #f5f5f5;}
.bc-f8 {background-color: #f8f8f8;}
.bc-f9 {background-color: #f9f9f9;}
.bc-ff {background-color: #fff8db;}
.bc-fa {background-color: #fafafa;}
.bc-f0 {background-color: #f0f0f0;}
.bc-tp {background-color: transparent;}
.bc-pp {background-color: #6aa2ed;}
.bc-nb {background-color: #34314c;}
.bc-grn {background-color: #2ac47c;}
.bc-rd {background-color: #e71d36;}
.bc-pp {background-color: #6aa2ed;}
.bc-dg {background-color: #b0b0b0;}
.bc-rd-d {background-color: #de1616;}
.bc-rd-l {background-color: #f6282b;}
.bc-e0 {background-color: #e01222};
.bc-fc {background-color: #fc6165;}
.bc-og {background-color: #ff9500;}
.bc-3 {background-color:#333;}
.bc-6 {background-color:#666;}
.bc-9 {background-color: #999;}
.bc-c {background-color:#ccc;}
.bc-d {background-color:#ddd;}
.bc-sv {background-color:#dbdbdb;}
.bc-e {background-color:#eee;}
.bc-e8 {background-color: #e8e8e8;}
.bc-e9 {background-color: #e9f1f4;}
.bc-4c {background-color: #4cc4f4;}
.bc-c3 {background-color: #c3c3c3;}
.bc-e5 {background-color:#e5e5e5;}
.bc-rd {background-color: #e85e33;}
.bc-bl {background-color: #2ab4e8;}
.bc-bl-l {background-color: #d5f0fb;}
.bc-bl-2 {background-color: #2db4ea;}
.bc-nb {background-color: #62adbb;}
.bc-db {background-color: #619cb9;}
.bc-og {background-color: #edb458;}
.bc-pp {background-color: #997ead;}
.bc-gr {background-color: #eaf1f4;}
.bc-grn-g {background-color: #8dd3c6;}
.bc-pk {background-color: #f47a86;}
.bc-fb {background-color: #fbc7cb;}
.bc-ff8 {background-color: #ff8e97;}
.bc-ff1 {background-color: #fff1f1;}
.bc-f5ec{background-color: #f5f5ec;}
/* 字体颜色 */
.cl-0 {color: #000;}
.cl-a9 {color: #a9a9a9;}
.cl-b0 {color: #b0b0b0;}
.cl-21 {color: #212121;}
.cl-3 {color: #333;}
.cl-3c {color: #3c3c3c;}
.cl-6 {color: #666;}
.cl-7 {color: #777;}
.cl-8 {color: #888;}
.cl-9 {color: #999;}
.cl-c {color: #ccc;}
.cl-f {color: #fff;}
.cl-67 {color: #676767;}
.cl-dc {color: #dcdcdc;}
.cl-e8 {color: #e8e8e8;}
.cl-yl {color: #ffc12e;}
.cl-pp {color: #3b4aac;}
.cl-nb {color: #34314c;}
.cl-nb-l {color: #6b808b;}
.cl-bl {color: #2db4ea;}
.cl-bl-d {color: #5da5fd;}
.cl-bl-l {color: #2db4ea;}
.cl-rd {color: #e4393c;}
.cl-rd-l {color: #e4393c;}
.cl-rd-d {color: #ad1515;}
.cl-grn {color: #109b5a;}
.cl-grn-d {color: #109b5a;}
.cl-grn-l {color: #2ac47c;}
.cl-og {color: #ff9966;}
.cl-og-l {color: #feba62;}
.cl-yl {color: #ffac2d;}
.cl-pk {color: #f47a86;}
.cl-4b {color: #4b6475;}


/*************************************************
*						 *
*			字体系列		 *
*                                                *
**************************************************/

/* 字体类型 */
.ff-ht {font-family: "黑体";}
.fw-nm {font-weight: normal;}
.fw-bd {font-weight: bold;}

/* 字体大小 */
.fs-8 {font-size: 8px;}
.fs-9 {font-size: 9px;}
.fs-10 {font-size: 10px;}
.fs-11 {font-size: 11px;}
.fs-12 {font-size: 12px;}
.fs-13 {font-size: 13px;}
.fs-14 {font-size: 14px;}
.fs-15 {font-size: 15px;}
.fs-16 {font-size: 16px;}
.fs-17 {font-size: 17px;}
.fs-18 {font-size: 18px;}
.fs-19 {font-size: 19px;}
.fs-20 {font-size: 20px;}
.fs-21 {font-size: 21px;}
.fs-22 {font-size: 22px;}
.fs-23 {font-size: 23px;}
.fs-24 {font-size: 24px;}
.fs-25 {font-size: 25px;}
.fs-26 {font-size: 26px;}
.fs-27 {font-size: 27px;}
.fs-28 {font-size: 28px;}
.fs-29 {font-size: 29px;}
.fs-30 {font-size: 30px;}
.fs-38 {font-size: 38px;}
.fs-35 {font-size: 35px;}
.fs-40 {font-size: 40px;}
.fs-42 {font-size: 42px;}
.fs-45 {font-size: 45px;}
.fs-46 {font-size: 46px;}
.fs-56 {font-size: 56px;}
.fs-60 {font-size: 60px;}
.fs-75 {font-size: 75px;}
/* 字体行间距 */
.lh-0 {line-height: 0;}
.lh-1 {line-height: 1;}
.lh-2 {line-height: 2;}
.lh-2p2 {line-height: 2.2;}
.lh-2p4 {line-height: 2.4;}
.lh-2p5 {line-height: 2.5;}
.lh-15 {line-height: 15px;}
.lh-16 {line-height: 16px;}
.lh-18 {line-height: 18px;}
.lh-20 {line-height: 20px;}
.lh-24 {line-height: 24px;}
.lh-25 {line-height: 25px;}
.lh-26 {line-height: 26px;}
.lh-28 {line-height: 28px;}
.lh-30 {line-height: 30px;}
.lh-32 {line-height: 32px;}
.lh-33 {line-height: 33px;}
.lh-35 {line-height: 35px;}
.lh-38 {line-height: 38px;}
.lh-40 {line-height: 40px;}
.lh-45 {line-height: 45px;}
.lh-48 {line-height: 48px;}
.lh-50 {line-height: 50px;}
.lh-55 {line-height: 55px;}
.lh-58 {line-height: 58px;}
.lh-60 {line-height: 60px;}
.lh-78 {line-height: 78px;}
.lh-80 {line-height: 80px;}
.lh-100 {line-height: 100px;}
.lh-1p1 {line-height: 1.1;}
.lh-1p2 {line-height: 1.2;}
.lh-1p3 {line-height: 1.3;}
.lh-1p4 {line-height: 1.4;}
.lh-1p5 {line-height: 1.5;}
.lh-2p7 {line-height: 2.7;}
.lh-110 {line-height: 110px;}

/*字间距*/
.ls-0 {letter-spacing: 0px;}
.ls-2 {letter-spacing: 2px;}
.ls-4 {letter-spacing: 4px;}

/* 对齐方式 */
.ta-ct {text-align: center;}
.ta-lf {text-align: left;}
.ta-rt {text-align: right;}
.ta-js {text-align: justify;}
.ta-js span {display: inline-block;}
.va-tp {vertical-align: top;}
.va-ttp {vertical-align: text-top;}
.va-ttb {vertical-align: text-bottom;}
.va-bl {vertical-align: baseline;}
.va-md {vertical-align: middle;}
.va-bt {vertical-align: bottom;}
/* 文字缩进 */
.ti-1 {text-indent: 1em;}
.ti-2 {text-indent: 2em;}
.ti-3p5 {text-indent: 3.5em;}

/*table*/
.bc-s {border-collapse: separate;}
/* 鼠标可点击 */
.cp {cursor: pointer;}
/* 字体溢出隐藏 */
.to-hd {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.two-tx-hd {
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: -ms-box;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -o-line-clamp: 2;
    -ms-line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -ms-box-orient: vertical;
    word-break: break-all;
}

/*************************************************
*												 *
*				     装饰系列                    *
*                                                *
**************************************************/
.txt-lt {text-decoration: line-through;}
/* 圆角 */
.br-2 {
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
}
.br-4 {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
}
.br-10 {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
}
.br-15 {
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    -ms-border-radius: 15px;
}
.br-20 {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
}

/* 边框 */
.bd-n {border: none;}
.bd-1-a {border: 1px #aaa solid;}
.bd-1-0 {border: 1px #000 solid;}
.bd-1-3 {border: 1px #333 solid;}
.bd-1-6 {border: 1px #666 solid;}
.bd-1-c {border: 1px #ccc solid;}
.bd-1-d {border: 1px #ddd solid;}
.bd-1-e {border: 1px #eee solid;}
.bd-1-e8 {border: 1px #e8e8e8 solid;}
.bd-1-f {border: 1px #fff solid;}
.bd-1-f1 {border: 1px #f1f1f1 solid;}
.bd-1-f3 {border: 1px #f3f3f3 solid;}
.bd-1-f5 {border: 1px #f5f5f5 solid;}
.bd-1-grn {border: 1px #2ac47c solid;}
.bd-2-e8 {border: 2px #e8e8e8 solid;}
.bd-1-bl-l {border: 1px #1697ca solid;}
.bd-1-bl-d {border: 1px #38b8eb solid;}
.bd-1-bl {border: 1px #2db4ea solid;}
.bd-1-rd {border: 1px #e4393c solid;}
.bd-2-f {border: 2px #fff solid;}
.bd-2-f3 {border: 2px #f3f3f3 solid;}
.bl-2-9 {border-left: 2px #999999 solid;}
.bd-4-f {border: 4px #fff solid;}
.bd-4-f5 {border: 4px #f5f5f5 solid;}
.bd-6-gr {border: 6px #ede8ec solid;}
.bt-1-8f {border-top: 1px #8f8f8f solid;}
.bt-1-f1 {border-top: 1px #f1f1f1 solid;}
.bt-1-c9 {border-top:1px #c9c9c9 solid;}
.bt-1-e {border-top: 1px #eee solid;}
.bt-1-e8 {border-top: 1px #e8e8e8 solid;}
.bt-1-f {border-top: 1px #fff solid;}
.bt-2-e {border-top: 2px #eee solid;}
.bt-2-f {border-top: 2px #fff solid;}
.bt-2-ea {border-top: 2px #eaeaea solid;}
.bt-1-9-da {border-top: 1px #999 dashed;}
.bt-1-ba-da {border-top: 1px #bacdda dashed;}
.bd-2-gr {border: 2px #ede8ec solid;}
.br-1-t {border-right: 1px transparent solid;}
.br-1-c {border-right: 1px #ccc solid;}
.bt-4-bl-d {border-top: 4px #38b8eb solid;}
.br-1-e8 {border-right: 1px #e8e8e8 solid;}
.bb-1-e {border-bottom: 1px #eee solid;}
.bb-1-f {border-bottom: 1px #fff solid;}
.bb-1-6 {border-bottom: 1px #666 solid;}
.bb-2-e {border-bottom: 2px #eee solid;}
.br-6-f {border-right: 6px #fff solid;}
.bb-1-d7 {border-bottom: 1px #d7d7d7 solid}
.bb-1-e8 {border-bottom: 1px #e8e8e8 solid;}
.bb-1-e8-d {border-bottom: 1px #e8e8e8 dashed;}
.bb-1-ba-da {border-bottom: 1px #bacdda dashed;}
.bb-1-f1 {border-bottom: 1px #f1f1f1 solid;}
.bb-1-f5 {border-bottom: 1px #f5f5f5 solid;}
.bb-4-bl-d {border-bottom: 4px #38b8eb solid;}
.bl-1-c {border-left: 1px #ccc solid;}
.bl-1-e8 {border-left: 1px #e8e8e8 solid;}
.bn {border: none;}

/* 盒子定位铺满 */
.pafull-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.topleft-box {
    position: absolute;
    left: 0;
    top: 0;
}
.topright-box {
    position: absolute;
    right: 0;
    top: 0;
}
.topright10-box {
    position: absolute;
    right: 10px;
    top: 10px;
}
/* 显示隐藏开关，配合css3过渡效果 */
.visible {
    transition: .3s ease all;
    -webkit-transition: .3s ease all;
    -ms-transition: .3s ease all;
    -o-transition: .3s ease all;
    -moz-transition: .3s ease all;
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
}
.hidden {
    transition: .3s ease all;
    -webkit-transition: .3s ease all;
    -ms-transition: .3s ease all;
    -o-transition: .3s ease all;
    -moz-transition: .3s ease all;
    opacity: 0;
    visibility: hidden;
    filter: alpha(opacity=0);
}
.op-0 {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -ms-opacity: 0;
    -moz-opacity: 0;
    -o-opacity: 0;
}
.op-60 {
    opacity: .6;
    filter: alpha(opacity=60);
    -webkit-opacity: .6;
    -ms-opacity: .6;
    -moz-opacity: .6;
    -o-opacity: .6;
}
.op-80 {
    opacity: .8;
    filter: alpha(opacity=80);
    -webkit-opacity: .8;
    -ms-opacity: .8;
    -moz-opacity: .8;
    -o-opacity: .8;
}
/*.right-1-e8 {
    position: relative;
}
.right-1-e8:after {
    position: absolute;
    content: '';
    width: 1px;
    height: 94%;
    background-color: #e8e8e8;
    right: 0;
    top: 2%;
}*/
.show {
	display: block;
}
.hide {
	display: none;
}
/*动画效果*/
/*过渡元素*/
.transition {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    transform: translateZ(0);
}
/*放大*/
.scale-b:hover {
    -webkit-transform: scale-b3d(1.06, 1.06, 1);
    -moz-transform: scale-b3d(1.06, 1.06, 1);
    -ms-transform: scale-b3d(1.06, 1.06, 1);
    -o-transform: scale-b3d(1.06, 1.06, 1);
    transform: scale-b3d(1.06, 1.06, 1);
}
/*懒加载*/
.layzload {overflow: hidden;}
.layzload[data-size="200"] {height: 190px; width: 190px;}
.layzload[data-size="110"] {height: 100px; width: 100px;}
.layzload[data-size="100"] {height: 90px; width: 90px;}
.layzload[data-size="90"] {height: 80px; width: 80px;}
.layzload[data-size="80"] {height: 70px; width: 70px;}
.layzload[data-size="75"] {height: 65px; width: 65px;}
.layzload img:hover {
    opacity: 1 !important;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1.1, 1.1) translateZ(0);
        -ms-transform: scale(1.1, 1.1) translateZ(0);
            transform: scale(1.1, 1.1) translateZ(0);
}