/*
 * 2018-03-27 16:30
 * 大地阳光集团IT部
 * zach1991
 * zhangbo add some css class
 */

/* margin相关 */
.ma {
    margin: 0 auto;
}

.ma-top10 {
    margin-top: 10px;
}

.ma-top15 {
    margin-top: 15px;
}

.ma-top20 {
    margin-top: 20px;
}

.ma-top25 {
    margin-top: 25px;
}

.ma-top30 {
    margin-top: 30px;
}

.ma-top35 {
    margin-top: 35px;
}

.ma-top40 {
    margin-top: 40px;
}

.ma-top45 {
    margin-top: 45px;
}

.ma-top50 {
    margin-top: 50px;
}

.ma-top55 {
    margin-top: 55px;
}

.ma-bottom5 {
    margin-bottom: 5px;
}

.ma-bottom10 {
    margin-bottom: 10px;
}

.ma-bottom15 {
    margin-bottom: 15px;
}

.ma-bottom20 {
    margin-bottom: 20px;
}

.ma-bottom25 {
    margin-bottom: 25px;
}

.ma-bottom30 {
    margin-bottom: 30px;
}

.ma-bottom35 {
    margin-bottom: 35px;
}

.ma-bottom40 {
    margin-bottom: 40px;
}

.ma-bottom45 {
    margin-bottom: 45px;
}

.ma-bottom50 {
    margin-bottom: 50px;
}

.ma-bottom55 {
    margin-bottom: 55px;
}

.ma-left10 {
    margin-left: 10px;
}

.ma-left15 {
    margin-left: 15px;
}

.ma-left20 {
    margin-left: 20px;
}

.ma-left25 {
    margin-left: 25px;
}

.ma-left30 {
    margin-left: 30px;
}

.ma-left35 {
    margin-left: 35px;
}

.ma-left40 {
    margin-left: 40px;
}

.ma-left45 {
    margin-left: 45px;
}

.ma-left50 {
    margin-left: 50px;
}

.ma-left55 {
    margin-left: 55px;
}

.ma-left60 {
    margin-left: 60px;
}

.ma-left65 {
    margin-left: 65px;
}

.ma-left70 {
    margin-left: 70px;
}

.ma-right5 {
    margin-right: 5px;
}

.ma-right10 {
    margin-right: 10px;
}

.ma-right15 {
    margin-right: 15px;
}

.ma-right20 {
    margin-right: 20px;
}

.ma-right25 {
    margin-right: 25px;
}

.ma-right30 {
    margin-right: 30px;
}

.ma-right35 {
    margin-right: 35px;
}

.ma-right40 {
    margin-right: 40px;
}

.ma-right45 {
    margin-right: 45px;
}

.ma-right50 {
    margin-right: 50px;
}

.ma-right55 {
    margin-right: 55px;
}

.ma-right55 {
    margin-right: 55px;
}

.ma-right55 {
    margin-right: 55px;
}

.ma-right80 {
    margin-right: 80px;
}

.mT0 {
    margin-top: 0;
}

.mB0 {
    margin-bottom: 0;
}

.mL0 {
    margin-left: 0;
}

.mR0 {
    margin-right: 0;
}

.mT10 {
    margin-top: 10px;
}

.mB5 {
    margin-bottom: 5px;
}

.mB10 {
    margin-bottom: 10px;
}

.mL10 {
    margin-left: 10px;
}

.mR10 {
    margin-right: 10px;
}







/* padding相关 */
.pad0 {
    padding: 0;
}

.pad10 {
    padding: 10px;
}

.pad12 {
    padding: 12px;
}

.pad15 {
    padding: 15px;
}

.pad20 {
    padding: 20px;
}

/* 
 *paddingTop相关 ---
*/
.padT0 {
    padding-top: 0;
}

.padT10 {
    padding-top: 10px;
}

.padT12 {
    padding-top: 12px;
}

.padT20 {
    padding-top: 20px;
}

.pad-top0 {
    padding-top: 0;

}

.pad-top2 {
    padding-top: 2px;
}

.pad-top10 {
    padding-top: 10px;
}

.pT8 {
    padding-top: 8px;
}

.pT10 {
    padding-top: 10px;
}

.pad-top15 {
    padding-top: 15px;
}

.pad-top20 {
    padding-top: 20px;
}

.pad-top25 {
    padding-top: 25px;
}

.pad-top30 {
    padding-top: 30px;
}

.pad-top35 {
    padding-top: 35px;
}



/* 
 * paddingRight相关 ---
*/
.padR0 {
    padding-right: 0;
}

.padR10 {
    padding-right: 10px;
}

.padR12 {
    padding-right: 12px;
}

.padR15 {
    padding-right: 15px;
}

.padR20 {
    padding-right: 20px;
}

.pad-right0 {
    padding-right: 0;
}

.pad-right10 {
    padding-right: 10px;
}

.pad-right15 {
    padding-right: 15px;
}

.pad-right20 {
    padding-right: 20px;
}

.pad-right25 {
    padding-right: 25px;
}

.pad-right30 {
    padding-right: 30px;
}

.pad-right35 {
    padding-right: 35px;
}


/* 
 * paddingBottom相关
*/
.padB0 {
    padding-bottom: 0;
}

.padB10 {
    padding-bottom: 10px;
}

.padB12 {
    padding-bottom: 12px;
}

.pB12 {
    padding-bottom: 12px;
}

.padB15 {
    padding-bottom: 15px;
}

.pB15 {
    padding-bottom: 15px;
}

.padB20 {
    padding-bottom: 20px;
}

.pad-bottom0 {
    padding-bottom: 0;
}

.pad-bottom8 {
    padding-bottom: 8px;
}

.pad-bottom10 {
    padding-bottom: 10px;
}

.pad-bottom15 {
    padding-bottom: 15px;
}

.pad-bottom20 {
    padding-bottom: 20px;
}

.pad-bottom25 {
    padding-bottom: 25px;
}

.pad-bottom30 {
    padding-bottom: 30px;
}

.pad-bottom35 {
    padding-bottom: 35px;
}

/* 
 * paddingLeft相关
*/
.padL0 {
    padding-left: 0;
}

.padL10 {
    padding-left: 10px;
}

.padL12 {
    padding-left: 12px;
}

.padL15 {
    padding-left: 15px;
}

.padL20 {
    padding-left: 20px;
}

.pad-left0 {
    padding-left: 0;
}

.pad-left10 {
    padding-left: 10px;
}

.pad-left15 {
    padding-left: 15px;
}

.pad-left20 {
    padding-left: 20px;
}

.pad-left25 {
    padding-left: 25px;
}

.pad-left30 {
    padding-left: 30px;
}

.pad-left35 {
    padding-left: 35px;
}

.pad-bottom0 {
    padding-bottom: 0;
}

.pT0 {
    padding-top: 0;
}

.pT5 {
    padding-top: 5px;
}

.pB0 {
    padding-bottom: 0;
}

.pB10 {
    padding-bottom: 10px;
}

.pL0 {
    padding-left: 0;
}

.pR0 {
    padding-right: 0;
}

.pL10 {
    padding-left: 10px;
}

.pR10 {
    padding-right: 10px;
}

/* add 朱瑞宗 css lib except repeat css  */
.pad-left40 {
    padding-left: 40px;
}

/* float相关 */
.fl {
    float: left;
}

.fr {
    float: right;
}

/* text-align */
.tc {
    text-align: center;
}

.tr {
    text-align: right;
}

.tl {
    text-align: left;
}

/* 定位相关 */

.pr {
    position: relative;
}
.pa {
    position: absolute;
}

.pf {
    position: fixed;
}

.pa-l0 {
    left: 0;
}

.pa-r0 {
    right: 0;
}

.pa-r20 {
    right: 20px;
}

/* 行高 */
.lh30 {
    line-height: 30px;
}

.lh36 {
    line-height: 36px;
}

/* 宽 */
.wa {
    width: auto;
}

.wd50 {
    width: 50px;
}

.wd70 {
    width: 70px;
}

.w400 {
    width: 400;
}

.w400 {
    width: 500px;
}

.w520 {
    width: 520px;
}

.w511 {
    width: 511px;
}

.w580 {
    width: 580px;
}

.h90 {
    height: 90px;
}

.w20 {
    width: 20px;
}

.w100 {
    width: 100px;
}

/* 百分比宽度 */
.per-50 {
    width: 47%;
}

.per-100 {
    width: 100%;
}

/* input的宽度 */
.iptW90 {
    width: 90%;
}

/* 高 */
.h20 {
    height: 20px;
}

.h25 {
    height: 25px;
}


/* right */
.right30 {
    right: 30px;
}



/* display相关 */
.dis-b {
    display: block;
}

.dis-n {
    display: none;
}

.dis-ib {
    display: inline-block;
}

.dis-i {
    display: inline;
}

.dis-i-b {
    display: inline-block;
}




.disN {
    display: none;
}

.disB {
    display: block;
}

.disI {
    display: inline;
}

.disIB {
    display: inline-block;
}

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

.clearfix {
    zoom: 1;
}

/* 垂直对齐 */
.vaT {
    vertical-align: top;
}

.vaM {
    vertical-align: middle;
}

.vaB {
    vertical-align: bottom;
}

/* 字体颜色 */
.c3 {
    color: #333;
}

.c6 {
    color: #666;
}

.c9 {
    color: #999;
}

.cF {
    color: #fff;
}

.col-333 {
    color: #333;
}


.col-666 {
    color: #666;
}

.col-999 {
    color: #999;
}

.col-green {
    color: #30b097;
}

.col-white {
    color: white;
}

.col-fff {
    color: #fff;
}

.col-red {
    color: red;
}



.col-blue {
    color: #1E9FFF;
}

.col-orange {
    color: #FFB800;
}

/* border相关 */
.bor0 {
    border: 0;
}

.bor1 {
    border: 1px solid
}

.bor-l-n {
    border-left: none;
}

.bor-r-n {
    border-left: none;
}

.bor-b-n {
    border-left: none;
}

.bor-t-n {
    border-left: none;
}

/*left*/
.left166 {
    left: 166px;
}

/* 背景色 */
.bd-head {
    background: #3c516f !important;
}

.green {
    background: limegreen;
}

.red {
    background: red;
}

.gray {
    background: darkgray;
}

.bd-green {
    background: #30b097;
}

.bd-yellow {
    background: #ffa500;
}

.bd-blue {
    background: #0000ff;
}

.bgSkyblue {
    background: #1e9fff;
}

.bgLightgreen {
    background: #30b097;
}

.bd-gray {
    background: #808080;
}

.bd-gra {
    background: rgb(204, 204, 204);
}

.bd-org {
    background: #FFB951;
}

.bd-fff {
    background: #fff;
}

.bgF {
    background: #fff;
}

.bgC {
    background: #ccc;
}

.bd-box {
    background: #ecf0ef;
}

.bd-ddd {
    background: #ddd;
}

.bd-fa {
    background: #fafafa;
}

.bd-f5 {
    background: #f5f5f5;
}

.submitBtn {
    float: right;
}

/*shape*/
.handShape {
    cursor: pointer;
}

/* 缩进 */
.textind30 {
    text-indent: 30px;
}

/* z-index */
.z-1000 {
    z-index: 1000;
}

/* font相关 */
.ft-size16 {
    font-size: 16px !important;
}

.ft-size18 {
    font-size: 18px !important;
}

.ft-size20 {
    font-size: 20px !important;
}

.ft-size30 {
    font-size: 30px !important;
}


.f13 {
    font-size: 13px;
}

.f14 {
    font-size: 14px;
}

.f15 {
    font-size: 15px;
}

.fs12 {
    font-size: 12px;
}

.fs14 {
    font-size: 14px;
}

.fs16 {
    font-size: 16px;
}

.fs18 {
    font-size: 16px;
}

.fs22 {
    font-size: 22px;
}


/* font weight */

.fw100 {
    font-weight: 100;
}

.fw200 {
    font-weight: 200;
}

.fw300 {
    font-weight: 300;
}

.fw400 {
    font-weight: 400;
}

.fw500 {
    font-weight: 500;
}

.fw600 {
    font-weight: 600;
}

.fw700 {
    font-weight: 700;
}

.fw {
    font-weight: bold;
}

.clear {
    overflow: hidden;
}

/* 手型 */
.cursor_hand {
    cursor: pointer;
}

/* 表单必填项红 * 提示标记 */
.requireFlag::after {
    content: "*";
    position: absolute;
    top: 50%;
    right: -10px;
    transform: translateY(-50%);
    color: #FF0000;
}