/*初始化样式*/
body {
    font-family: "Microsoft YaHei";
    min-width: 1200px;
}

header, section, footer, aside, nav, main, article, figure {
    display: block;
}

input, select, button, textarea {
    outline: none;
    padding-left: 10px;
}

/*公共类*/
.pointer {
    cursor: pointer;
}

ul, li {
    list-style: none;
}

input {
    vertical-align: middle;
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
}

.red {
    color: red;
}

a {
    text-decoration: none;
    cursor: pointer;
}

a:hover, a:active, a:link, a:visited {
    text-decoration: none
}

body::-webkit-scrollbar {
    width: 6px;
    background-color: rgba(245, 245, 245, 0.47);
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(100, 100, 100, .3);
    border-radius: 3px;
    background-color: #f0f0f0;
}

body::-webkit-scrollbar-thumb {
    height: 20px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 2px rgba(100, 100, 100, .3);
    background-color: rgba(85, 85, 85, 0.4);
}

/*页面公共样式*/
.relative_all {
    width: 100%;
    height: 100%;
    position: relative;
}

.relative {
    position: relative;
}

.overhidden {
    overflow: hidden;
}

.scale {
    transition: all 1.2s;
    -webkit-transition: all 1.2s;
    -moz-transition: all 1.2s;
    -o-transition: all 1.2s;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1)
}

.scale:hover {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2)
}

/*.opacity{background-color: #000;-webkit-opacity: 0.5;-moz-opacity: 0.5;-o-opacity: 0.5;opacity: 0.5;}*/
.opacity {
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.6);
}

.ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

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

.top16 {
    top: 16px !important;
}

.mt100 {
    margin-top: 100px;
}

.mt60 {
    margin-top: 60px;
}

.mt40 {
    margin-top: 40px;
}

.mt30 {
    margin-top: 30px;
}

.mt25 {
    margin-top: 25px;
}

.mt20 {
    margin-top: 20px;
}

.mt18 {
    margin-top: 18px;
}

.mt16 {
    margin-top: 16px;
}

.mt15 {
    margin-top: 15px;
}

.mt14 {
    margin-top: 14px;
}

.mt13 {
    margin-top: 13px;
}

.mt12 {
    margin-top: 12px;
}

.mt10 {
    margin-top: 10px;
}

.mt5 {
    margin-top: 5px;
}

.ml60 {
    margin-left: 60px;
}

.ml48 {
    margin-left: 48px;
}

.ml40 {
    margin-left: 40px;
}

.ml30 {
    margin-left: 30px;
}

.ml25 {
    margin-left: 25px;
}

.ml20 {
    margin-left: 20px;
}

.ml15 {
    margin-left: 15px;
}

.ml14 {
    margin-left: 14px;
}

.ml13 {
    margin-left: 13px;
}

.ml10 {
    margin-left: 10px;
}

.ml5 {
    margin-left: 5px;
}

.ml3 {
    margin-left: 3px;
}

.mr3 {
    margin-right: 3px;
}

.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mr20 {
    margin-right: 20px;
}

.bold {
    font-weight: bold;
}

.font10 {
    font-size: 10px;
}

.font12 {
    font-size: 12px;
}

.font14 {
    font-size: 14px;
}

.font16 {
    font-size: 16px;
}

.font18 {
    font-size: 18px;
}

.font20 {
    font-size: 20px;
}

.font24 {
    font-size: 24px;
}

.font36 {
    font-size: 36px;
}

.font48 {
    font-size: 48px;
}

.line10 {
    line-height: 10px;
}

.line20 {
    line-height: 20px;
}

.line30 {
    line-height: 30px;
}

.line36 {
    line-height: 36px;
}

.line40 {
    line-height: 40px;
}

.line60 {
    line-height: 60px;
}

.line22 {
    line-height: 22px;
}

.line20 {
    line-height: 20px;
}

.hei40 {
    height: 40px;
}

.padl40 {
    padding-left: 40px;
}

.pdr30 {
    padding-right: 30px;
}

.padl50 {
    padding-left: 50px;
}

.corfff {
    color: #fff !important;
}

.corff0000 {
    color: #ff0000 !important;
}

.corff9600 {
    color: #ff9600 !important;
}

.corff6b61 {
    color: #ff6b61 !important;
}

.cor2187f5 {
    color: #2187f5 !important;
}

.cor4d9ff7 {
    color: #4d9ff7 !important;
}

.corff7e00 {
    color: #ff7e00 !important;
}

.cor2a34fe {
    color: #2a34fe !important;
}

.corfb11f3 {
    color: #fb11f3 !important;
}

.cor9f5200 {
    color: #9f5200 !important;
}

.cor999 {
    color: #999 !important;
}

.cor666 {
    color: #666 !important;
}

.cor333 {
    color: #333 !important;
}

.cor000 {
    color: #000 !important;
}

.cora77fff {
    color: #a77fff;
}

.cor45bc99 {
    color: #45bc99;
}

.corff9700 {
    color: #ff9700;
}

.cordadbdb {
    color: #dadbdb;
}

.corfe862e {
    color: #fe862e;
}

.bgfff {
    background-color: #fff;
}

.bg_4cadf0, .bg4cadf0 {
    background-color: #4cadf0;
}

.bg_74ae10, .bg74ae10 {
    background-color: #74ae10;
}

.bg_ffa200, .bgffa200 {
    background-color: #ffa200;
}

.bg_ff7e00, .bgff7e00 {
    background-color: #ff7e00;
}

.bg_9472dc, .bg9472dc {
    background-color: #9472dc;
}

.bg_ff6b61, .bgff6b61 {
    background-color: #ff6b61;
}

.bg_00b882, .bg00b882 {
    background-color: #00b882;
}

.bg_4d9ff7, .bg4d9ff7 {
    background-color: #4d9ff7;
}

.bg_fca134, .bgfca134 {
    background-color: #fca134;
}

.bg_7db0ea, .bg7db0ea {
    background-color: #7db0ea;
}

.bg_71b2f9, .bg71b2f9 {
    background-color: #71b2f9;
}

.bg_ffb54b, .bgffb54b {
    background-color: #ffb54b;
}

.bg_baa5e9, .bgbaa5e9 {
    background-color: #baa5e9;
}

.bg_5cd1af, .bg5cd1af {
    background-color: #5cd1af;
}

.bg_ff8981, .bgff8981 {
    background-color: #ff8981;
}

.bg_2187f5, .bg2187f5 {
    background-color: #2187f5;
}

.bg_ff9600, .bgff9600 {
    background-color: #ff9600;
}

.bg_a77fff, .bga77fff {
    background-color: #a77fff;
}

.bg_45bc99, .bg45bc99 {
    background-color: #45bc99;
}

.bg_ff9700, .bgff9700 {
    background-color: #ff9700;
}

.bg_9372db, .bg9372db {
    background-color: #9372db;
}

.bg36393e {
    background-color: #36393e;
}

.bg8680ff {
    background-color: #8680ff;
}

.bg50a8ff {
    background-color: #50a8ff;
}

.bgff886c {
    background-color: #ff886c;
}

.bgff7171 {
    background-color: #ff7171;
}

.bgb53591 {
    background-color: #b53591;
}

.bge27b6c {
    background-color: #e27b6c;
}

.bg696b68 {
    background-color: #696b68;
}