/* 常用各种基础样式定义

/* 宽度 */

.w0 {
    width: 0%;
}

.w5 {
    width: 5%;
}

.w10 {
    width: 10%;
}

.w15 {
    width: 15%;
}

.w20 {
    width: 20%;
}

.w25 {
    width: 25%;
}

.w30 {
    width: 30%;
}

.w35 {
    width: 35%;
}

.w40 {
    width: 40%;
}

.w45 {
    width: 45%;
}

.w50 {
    width: 50%;
}

.w55 {
    width: 55%;
}

.w60 {
    width: 60%;
}

.w65 {
    width: 65%;
}

.w70 {
    width: 70%;
}

.w75 {
    width: 75% !important;
}

.w80 {
    width: 80% !important;
}

.w85 {
    width: 85% !important;
}

.w90 {
    width: 90% !important;
}

.w95 {
    width: 95% !important;
}

.w100 {
    width: 100% !important;
}
.h10 {
    height: 10%;
}
.h20 {
    height: 20%;
}
.h30 {
    height: 30%;
}
.h40 {
    height: 40%;
}
.h50 {
    height: 50%;
}
.h60 {
    height: 60%;
}
.h70 {
    height: 70%;
}
.h80 {
    height: 80%;
}
.h90 {
    height: 90%;
}
.h95 {
    height:95%;
}
.h100{
    height:100%
}


/* ========================================================================== */

.ml0 {
    margin-left: 0px;
}

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

.ml16 {
    margin-left: 16px;
}

.ml17 {
    margin-left: 17px;
}

.ml18 {
    margin-left: 18px;
}

.ml19 {
    margin-left: 19px;
}

.ml20 {
    margin-left: 20px;
}

.ml21 {
    margin-left: 21px;
}

.ml22 {
    margin-left: 22px;
}

.ml23 {
    margin-left: 23px;
}

.ml24 {
    margin-left: 24px;
}

.ml25 {
    margin-left: 25px;
}

.ml26 {
    margin-left: 26px;
}

.ml27 {
    margin-left: 27px;
}

.ml28 {
    margin-left: 28px;
}

.ml29 {
    margin-left: 29px;
}

.ml30 {
    margin-left: 30px;
}

.ml31 {
    margin-left: 31px;
}

.ml32 {
    margin-left: 32px;
}

.ml33 {
    margin-left: 33px;
}

.ml34 {
    margin-left: 34px;
}

.ml35 {
    margin-left: 35px;
}

.ml36 {
    margin-left: 36px;
}

.ml37 {
    margin-left: 37px;
}

.ml38 {
    margin-left: 38px;
}

.ml39 {
    margin-left: 39px;
}

.ml40 {
    margin-left: 40px;
}

.ml41 {
    margin-left: 41px;
}

.ml42 {
    margin-left: 42px;
}

.ml43 {
    margin-left: 43px;
}

.ml44 {
    margin-left: 44px;
}

.ml45 {
    margin-left: 45px;
}

.ml46 {
    margin-left: 46px;
}

.ml47 {
    margin-left: 47px;
}

.ml48 {
    margin-left: 48px;
}

.ml49 {
    margin-left: 49px;
}

.ml50 {
    margin-left: 50px;
}


/* ========================================================================== */

.mr0 {
    margin-right: 0px !important;
}

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

.mr11 {
    margin-right: 11px;
}

.mr12 {
    margin-right: 12px;
}

.mr13 {
    margin-right: 13px;
}

.mr14 {
    margin-right: 14px;
}

.mr15 {
    margin-right: 15px;
}

.mr16 {
    margin-right: 16px;
}

.mr17 {
    margin-right: 17px;
}

.mr18 {
    margin-right: 18px;
}

.mr19 {
    margin-right: 19px;
}

.mr20 {
    margin-right: 20px;
}

.mr21 {
    margin-right: 21px;
}

.mr22 {
    margin-right: 22px;
}

.mr23 {
    margin-right: 23px;
}

.mr24 {
    margin-right: 24px;
}

.mr25 {
    margin-right: 25px;
}

.mr26 {
    margin-right: 26px;
}

.mr27 {
    margin-right: 27px;
}

.mr28 {
    margin-right: 28px;
}

.mr29 {
    margin-right: 29px;
}

.mr30 {
    margin-right: 30px;
}

.mr31 {
    margin-right: 31px;
}

.mr32 {
    margin-right: 32px;
}

.mr33 {
    margin-right: 33px;
}

.mr34 {
    margin-right: 34px;
}

.mr35 {
    margin-right: 35px;
}

.mr36 {
    margin-right: 36px;
}

.mr37 {
    margin-right: 37px;
}

.mr38 {
    margin-right: 38px;
}

.mr39 {
    margin-right: 39px;
}

.mr40 {
    margin-right: 40px;
}

.mr41 {
    margin-right: 41px;
}

.mr42 {
    margin-right: 42px;
}

.mr43 {
    margin-right: 43px;
}

.mr44 {
    margin-right: 44px;
}

.mr45 {
    margin-right: 45px;
}

.mr46 {
    margin-right: 46px;
}

.mr47 {
    margin-right: 47px;
}

.mr48 {
    margin-right: 48px;
}

.mr49 {
    margin-right: 49px;
}

.mr50 {
    margin-right: 50px;
}


/* ========================================================================== */

.mt0 {
    margin-top: 0px;
}

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

.mt19 {
    margin-top: 19px;
}

.mt20 {
    margin-top: 20px;
}

.mt21 {
    margin-top: 21px;
}

.mt22 {
    margin-top: 22px;
}

.mt23 {
    margin-top: 23px;
}

.mt24 {
    margin-top: 24px;
}

.mt25 {
    margin-top: 25px;
}

.mt26 {
    margin-top: 26px;
}

.mt27 {
    margin-top: 27px;
}

.mt28 {
    margin-top: 28px;
}

.mt29 {
    margin-top: 29px;
}

.mt30 {
    margin-top: 30px;
}

.mt31 {
    margin-top: 31px;
}

.mt32 {
    margin-top: 32px;
}

.mt33 {
    margin-top: 33px;
}

.mt34 {
    margin-top: 34px;
}

.mt35 {
    margin-top: 35px;
}

.mt36 {
    margin-top: 36px;
}

.mt37 {
    margin-top: 37px;
}

.mt38 {
    margin-top: 38px;
}

.mt39 {
    margin-top: 39px;
}

.mt40 {
    margin-top: 40px;
}

.mt41 {
    margin-top: 41px;
}

.mt42 {
    margin-top: 42px;
}

.mt43 {
    margin-top: 43px;
}

.mt44 {
    margin-top: 44px;
}

.mt45 {
    margin-top: 45px;
}

.mt46 {
    margin-top: 46px;
}

.mt47 {
    margin-top: 47px;
}

.mt48 {
    margin-top: 48px;
}

.mt49 {
    margin-top: 49px;
}

.mt50 {
    margin-top: 50px;
}

.mt60 {
    margin-top: 60px;
}

.mt70 {
    margin-top: 70px;
}

.mt80 {
    margin-top: 80px;
}

.mt90 {
    margin-top: 90px;
}

.mt100 {
    margin-top: 100px;
}


/* ========================================================================== */

.mb0 {
    margin-bottom: 0px;
}

.mb1 {
    margin-bottom: 1px;
}

.mb2 {
    margin-bottom: 2px;
}

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

.mb11 {
    margin-bottom: 11px;
}

.mb12 {
    margin-bottom: 12px;
}

.mb13 {
    margin-bottom: 13px;
}

.mb14 {
    margin-bottom: 14px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb16 {
    margin-bottom: 16px;
}

.mb17 {
    margin-bottom: 17px;
}

.mb18 {
    margin-bottom: 18px;
}

.mb19 {
    margin-bottom: 19px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb21 {
    margin-bottom: 21px;
}

.mb22 {
    margin-bottom: 22px;
}

.mb23 {
    margin-bottom: 23px;
}

.mb24 {
    margin-bottom: 24px;
}

.mb25 {
    margin-bottom: 25px;
}

.mb26 {
    margin-bottom: 26px;
}

.mb27 {
    margin-bottom: 27px;
}

.mb28 {
    margin-bottom: 28px;
}

.mb29 {
    margin-bottom: 29px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb31 {
    margin-bottom: 31px;
}

.mb32 {
    margin-bottom: 32px;
}

.mb33 {
    margin-bottom: 33px;
}

.mb34 {
    margin-bottom: 34px;
}

.mb35 {
    margin-bottom: 35px;
}

.mb36 {
    margin-bottom: 36px;
}

.mb37 {
    margin-bottom: 37px;
}

.mb38 {
    margin-bottom: 38px;
}

.mb39 {
    margin-bottom: 39px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb41 {
    margin-bottom: 41px;
}

.mb42 {
    margin-bottom: 42px;
}

.mb43 {
    margin-bottom: 43px;
}

.mb44 {
    margin-bottom: 44px;
}

.mb45 {
    margin-bottom: 45px;
}

.mb46 {
    margin-bottom: 46px;
}

.mb47 {
    margin-bottom: 47px;
}

.mb48 {
    margin-bottom: 48px;
}

.mb49 {
    margin-bottom: 49px;
}

.mb50 {
    margin-bottom: 50px;
}


/* ========================================================================== */

.plr0 {
    padding-left: 0px;
    padding-right: 0px;
}

.plr1 {
    padding-left: 1px;
    padding-right: 1px;
}

.plr2 {
    padding-left: 2px;
    padding-right: 2px;
}

.plr3 {
    padding-left: 3px;
    padding-right: 3px;
}

.plr4 {
    padding-left: 4px;
    padding-right: 4px;
}

.plr5 {
    padding-left: 5px;
    padding-right: 5px;
}

.plr6 {
    padding-left: 6px;
    padding-right: 6px;
}

.plr7 {
    padding-left: 7px;
    padding-right: 7px;
}

.plr8 {
    padding-left: 8px;
    padding-right: 8px;
}

.plr9 {
    padding-left: 9px;
    padding-right: 9px;
}

.plr10 {
    padding-left: 10px;
    padding-right: 10px;
}

.plr11 {
    padding-left: 11px;
    padding-right: 11px;
}

.plr12 {
    padding-left: 12px;
    padding-right: 12px;
}

.plr13 {
    padding-left: 13px;
    padding-right: 13px;
}

.plr14 {
    padding-left: 14px;
    padding-right: 14px;
}

.plr15 {
    padding-left: 15px;
    padding-right: 15px;
}

.plr16 {
    padding-left: 16px;
    padding-right: 16px;
}

.plr17 {
    padding-left: 17px;
    padding-right: 17px;
}

.plr18 {
    padding-left: 18px;
    padding-right: 18px;
}

.plr19 {
    padding-left: 19px;
    padding-right: 19px;
}

.plr20 {
    padding-left: 20px;
    padding-right: 20px;
}

.plr21 {
    padding-left: 21px;
    padding-right: 21px;
}

.plr22 {
    padding-left: 22px;
    padding-right: 22px;
}

.plr23 {
    padding-left: 23px;
    padding-right: 23px;
}

.plr24 {
    padding-left: 24px;
    padding-right: 24px;
}

.plr25 {
    padding-left: 25px;
    padding-right: 25px;
}

.plr26 {
    padding-left: 26px;
    padding-right: 26px;
}

.plr27 {
    padding-left: 27px;
    padding-right: 27px;
}

.plr28 {
    padding-left: 28px;
    padding-right: 28px;
}

.plr29 {
    padding-left: 29px;
    padding-right: 29px;
}

.plr30 {
    padding-left: 30px;
    padding-right: 30px;
}

.plr31 {
    padding-left: 31px;
    padding-right: 31px;
}

.plr32 {
    padding-left: 32px;
    padding-right: 32px;
}

.plr33 {
    padding-left: 33px;
    padding-right: 33px;
}

.plr34 {
    padding-left: 34px;
    padding-right: 34px;
}

.plr35 {
    padding-left: 35px;
    padding-right: 35px;
}

.plr36 {
    padding-left: 36px;
    padding-right: 36px;
}

.plr37 {
    padding-left: 37px;
    padding-right: 37px;
}

.plr38 {
    padding-left: 38px;
    padding-right: 38px;
}

.plr39 {
    padding-left: 39px;
    padding-right: 39px;
}

.plr40 {
    padding-left: 40px;
    padding-right: 40px;
}

.plr41 {
    padding-left: 41px;
    padding-right: 41px;
}

.plr42 {
    padding-left: 42px;
    padding-right: 42px;
}

.plr43 {
    padding-left: 43px;
    padding-right: 43px;
}

.plr44 {
    padding-left: 44px;
    padding-right: 44px;
}

.plr45 {
    padding-left: 45px;
    padding-right: 45px;
}

.plr46 {
    padding-left: 46px;
    padding-right: 46px;
}

.plr47 {
    padding-left: 47px;
    padding-right: 47px;
}

.plr48 {
    padding-left: 48px;
    padding-right: 48px;
}

.plr49 {
    padding-left: 49px;
    padding-right: 49px;
}

.plr50 {
    padding-left: 50px;
    padding-right: 50px;
}


/* ========================================================================== */


/*对齐方式*/

.tal {
    text-align: left;
}

.tac {
    text-align: center;
}

.tar {
    text-align: right;
}

//==========================================定义图标大小================================
.svg-default{
    width: 22px;
    height: 22px;
}
.svg-0 {
    width: 0px;
    height: 0px;
}

.svg-1 {
    width: 1px;
    height: 1px;
}

.svg-2 {
    width: 2px;
    height: 2px;
}

.svg-3 {
    width: 3px;
    height: 3px;
}

.svg-4 {
    width: 4px;
    height: 4px;
}

.svg-5 {
    width: 5px;
    height: 5px;
}

.svg-6 {
    width: 6px;
    height: 6px;
}

.svg-7 {
    width: 7px;
    height: 7px;
}

.svg-8 {
    width: 8px;
    height: 8px;
}

.svg-9 {
    width: 9px;
    height: 9px;
}

.svg-10 {
    width: 10px;
    height: 10px;
}

.svg-11 {
    width: 11px;
    height: 11px;
}

.svg-12 {
    width: 12px;
    height: 12px;
}

.svg-13 {
    width: 13px;
    height: 13px;
}

.svg-14 {
    width: 14px;
    height: 14px;
}

.svg-15 {
    width: 15px;
    height: 15px;
}

.svg-16 {
    width: 16px;
    height: 16px;
}

.svg-17 {
    width: 17px;
    height: 17px;
}

.svg-18 {
    width: 18px;
    height: 18px;
}

.svg-19 {
    width: 19px;
    height: 19px;
}

.svg-20 {
    width: 20px;
    height: 20px;
}

.svg-21 {
    width: 21px;
    height: 21px;
}

.svg-22 {
    width: 22px;
    height: 22px;
}

.svg-23 {
    width: 23px;
    height: 23px;
}

.svg-24 {
    width: 24px;
    height: 24px;
}

.svg-25 {
    width: 25px;
    height: 25px;
}

.svg-26 {
    width: 26px;
    height: 26px;
}

.svg-27 {
    width: 27px;
    height: 27px;
}

.svg-28 {
    width: 28px;
    height: 28px;
}

.svg-29 {
    width: 29px;
    height: 29px;
}

.svg-30 {
    width: 30px;
    height: 30px;
}

.svg-31 {
    width: 31px;
    height: 31px;
}

.svg-32 {
    width: 32px;
    height: 32px;
}

.svg-33 {
    width: 33px;
    height: 33px;
}

.svg-34 {
    width: 34px;
    height: 34px;
}

.svg-35 {
    width: 35px;
    height: 35px;
}

.svg-36 {
    width: 36px;
    height: 36px;
}

.svg-37 {
    width: 37px;
    height: 37px;
}

.svg-38 {
    width: 38px;
    height: 38px;
}

.svg-39 {
    width: 39px;
    height: 39px;
}

.svg-40 {
    width: 40px;
    height: 40px;
}

.svg-41 {
    width: 41px;
    height: 41px;
}

.svg-42 {
    width: 42px;
    height: 42px;
}

.svg-43 {
    width: 43px;
    height: 43px;
}

.svg-44 {
    width: 44px;
    height: 44px;
}

.svg-45 {
    width: 45px;
    height: 45px;
}

.svg-46 {
    width: 46px;
    height: 46px;
}

.svg-47 {
    width: 47px;
    height: 47px;
}

.svg-48 {
    width: 48px;
    height: 48px;
}

.svg-49 {
    width: 49px;
    height: 49px;
}

.svg-50 {
    width: 50px;
    height: 50px;
}

.f-size9 {
    font-size: 9px;
}

.f-size10 {
    font-size: 10px;
}

.f-size11 {
    font-size: 11px;
}

.f-size12 {
    font-size: 12px;
}

.f-size13 {
    font-size: 13px;
}

.f-size14 {
    font-size: 14px;
}

.f-size15 {
    font-size: 15px;
}

.f-size16 {
    font-size: 16px;
}

.f-size17 {
    font-size: 17px;
}

.f-size18 {
    font-size: 18px;
}

.f-size19 {
    font-size: 19px;
}

.f-size20 {
    font-size: 20px;
}

.f-size21 {
    font-size: 21px;
}

.f-size22 {
    font-size: 22px;
}

.f-size23 {
    font-size: 23px;
}

.f-size24 {
    font-size: 24px;
}

.f-size25 {
    font-size: 25px;
}

.f-size26 {
    font-size: 26px;
}

.f-size28 {
    font-size: 28px;
}

.f-size30 {
    font-size: 30px;
}

.f-size32 {
    font-size: 32px;
}

.f-size38 {
    font-size: 38px;
}

.f-size50 {
    font-size: 50px;
}

.f-size52 {
    font-size: 52px;
}


/* 字体大小9到24 */

//======================透明度设置===========================