@charset "utf-8";
#bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center top;
    will-change: transform;
    z-index: -1;
}

section {
    color: #ffffff;
}

body {
    /* background-color: #000000 !important; */
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    box-shadow: 0 0 0 100% none inset;
    -webkit-text-fill-color: #fff;
    caret-color: #fff;
    -webkit-transition-delay: 111111s;
    -webkit-transition: color 11111s ease-out, background-color 111111s ease-out;
}

input:-internal-autofill-previewed,
input:-internal-autofill-selected {
    -webkit-text-fill-color: #fff;
    transition: background-color 5000s ease-in-out 0s !important;
}

#menuicon:hover .menus {
    display: block;
}

.menus {
    display: none;
}

.menu {
    position: absolute;
    right: 40px;
    z-index: 99;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.menu_1 {
    position: absolute;
    z-index: 99;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.li0:hover .menu0 {
    display: block;
}

.menu0 {
    display: none;
    white-space: nowrap;
    min-width: 100%;
    background: #1C082E;
    position: absolute;
    z-index: 99;
    border: 1px solid rgba(234, 234, 234, 0.3);
}

.li1:hover .menu1 {
    display: block;
}

.li1:hover .menu1_1 {
    display: block;
}

.menu1_1 {
    display: none;
    min-width: 100%;
    background: #1C082E;
    position: absolute;
    z-index: 99;
    border: 1px solid rgba(234, 234, 234, 0.3);
}

.menu1 {
    display: none;
    min-width: 100%;
    background: #1C082E;
    position: absolute;
    z-index: 99;
    border: 1px solid rgba(234, 234, 234, 0.3);
}

.li2:hover .menu2 {
    display: block;
}

.menu2 {
    display: none;
    background: #1C082E;
    min-width: 100%;
    position: absolute;
    z-index: 99;
    border: 1px solid rgba(234, 234, 234, 0.3);
}

.li3:hover .menu3 {
    display: block;
}

.menu3 {
    display: none;
    background: #1C082E;
    min-width: 100%;
    position: absolute;
    z-index: 99;
    border: 1px solid rgba(234, 234, 234, 0.3);
}

.li4:hover .menu4 {
    display: block;
}

.menu4 {
    display: none;
    min-width: 100%;
    ;
    background: #1C082E;
    position: absolute;
    z-index: 99;
    border: 1px solid rgba(234, 234, 234, 0.3);
}

.li5:hover .menu5 {
    display: block;
}

.menu5 {
    display: none;
    min-width: 100%;
    background: #1C082E;
    position: absolute;
    z-index: 99;
    border: 1px solid rgba(234, 234, 234, 0.3);
}

.change:hover {
    background: #363636 !important;
    color: #EAEAEA !important;
}

.menu0 a,
.menu1 a,
.menu1_1 a,
.menu2 a,
.menu3 a,
.menu4 a,
.menu5 a {
    color: #EAEAEA !important;
    width: 100%;
}

.menu_ a:hover {
    color: #F3BA27 !important;
    background: rgba(15, 15, 15, 0.3) !important;
}

.ssbm .icon_1 {
    background: url('/images/xhome/ssbm.png');
}

.ssbm:hover .icon_1 {
    background: url('/images/xhome/ssbm_.png');
}

.djks .icon_1 {
    background: url('/images/xhome/djks.png');
}

.djks:hover .icon_1 {
    background: url('/images/xhome/djks_.png');
}

.cpgs .icon_1 {
    background: url('/images/xhome/cpgs.png');
}

.cpgs:hover .icon_1 {
    background: url('/images/xhome/cpgs_.png');
}

.jsgs .icon_1 {
    background: url('/images/xhome/jsgs.png');
}

.jsgs:hover .icon_1 {
    background: url('/images/xhome/jsgs_.png');
}
.jsgygs .icon_1 {
    background: url('/images/xhome/icons/jsgygs.png');
}

.jsgygs:hover .icon_1 {
    background: url('/images/xhome/icons/jsgygs_.png');
}

.zscx .icon_1 {
    background: url('/images/xhome/zscx.png');
}

.zscx:hover .icon_1 {
    background: url('/images/xhome/zscx_.png');
}

.dfxh .icon_1 {
    background: url('/images/xhome/dfxh.png');
}

.dfxh:hover .icon_1 {
    background: url('/images/xhome/dfxh_.png');
}

.sp .icon_1 {
    background: url('/images/xhome/sp.png');
}

.sp:hover .icon_1 {
    background: url('/images/xhome/sp_.png');
}

.ssbm:hover p,
.djks:hover p,
.cpgs:hover p,
.jsgygs:hover p,
.jsgs:hover p,
.zscx:hover p,
.dfxh:hover p,
.sp:hover p {
    color: #F3BA27;
}

.c_p {
    cursor: pointer;
}

.line {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.line3 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.line4 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}

.p_rela {
    position: relative;
}

.p_ab20 {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.p_ab {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.absolute {
    position: absolute;
}

.img_drag {
    -webkit-user-drag: none;
}

.paginations {
    position: absolute;
    z-index: 20;
    bottom: 10px;
    right: 14px !important;
    text-align: right;
    left: unset !important;
}

::-webkit-scrollbar {
    display: none;
}

.list li:hover a {
    color: #fff;
}

.oh {
    overflow: hidden;
}

.db {
    display: block;
}

a {
    text-decoration: none !important;
}

.fw {
    font-weight: bold;
}

.textcenter {
    text-align: center;
}

.ma {
    margin: auto;
}

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

.op3 {
    opacity: 0.3;
}

.op95 {
    opacity: 0.95;
}

.h168 {
    height: 168px;
}

.bagroundnone {
    background: none;
}

.baground00 {
    background: #000000;
}

.baground95 {
    background: rgba(28, 8, 46, 0.95);
}

.baground08 {
    background: rgba(28, 8, 46, 0.8);
}

.baground06 {
    background: rgba(28, 8, 46, 0.6);
}

.baground03 {
    background: rgba(28, 8, 46, 0.3);
}

.baground172 {
    background: rgba(172, 172, 172, 0.47);
}

.bg36 {
    background: rgba(15, 15, 15, 0.6);
}

.bgBC2626 {
    background-color: #BC2626;
}

.bgC7821B {
    background-color: #C7821B;
}

.bg6F1ADB {
    background-color: #6F1ADB;
}

.bg0F {
    background: #0F0F0F;
}

.bg234 {
    background: rgba(234, 234, 234, 0.15);
}

.bg1C082E {
    background: rgba(28, 8, 46, 0.6);
}

.BG1C082E {
    background: #1C082E;
}

.BG1C082E_60 {
    background: rgba(28, 8, 46, 0.6);
}

.top24 {
    top: 24px;
}

.top25 {
    top: 25px;
}

.top26 {
    top: 26px;
}

.top40 {
    top: 40px;
}

.top70 {
    top: 70px;
}

.top77 {
    top: 77px;
}

.top100 {
    top: 100px;
}

.right10 {
    right: 10px;
}

.right15 {
    right: 15px;
}

.right20 {
    right: 20px;
}

.right26 {
    right: 26px;
}

.right39 {
    right: 39px;
}

.right73 {
    right: 73px;
}

.right80 {
    right: 80px;
}

.p30 {
    padding: 30px;
}

.pp1 {
    padding: 0 1px;
}

.pp5 {
    padding: 0 5px;
}

.pp8 {
    padding: 0 8px;
}

.pp10 {
    padding: 0 10px;
}

.pp12 {
    padding: 0 12px;
}

.pp13 {
    padding: 0 13px;
}

.pp16 {
    padding: 0 16px;
}

.pp18 {
    padding: 0 18px;
}

.pp25 {
    padding: 0 25px;
}

.pp5_23 {
    padding: 5px 23px;
}

.pp5_29 {
    padding: 5px 29px;
}

.pl4 {
    padding-left: 4px;
}

.pl8 {
    padding-left: 8px;
}

.p_l10 {
    padding-left: 10px;
}

.pl15 {
    padding-left: 15px;
}

.pl16 {
    padding-left: 16px !important;
}

.pl17 {
    padding-left: 17px;
}

.pl30 {
    padding-left: 30px;
}

.pl20 {
    padding-left: 20px;
}

.pl48 {
    padding-left: 48px;
}

.pr10 {
    padding-right: 10px;
}

.pr15 {
    padding-right: 15px;
}

.pr30 {
    padding-right: 30px;
}

.pt15 {
    padding-top: 15px;
}

.pt32 {
    padding-top: 32px;
}

.pt140 {
    padding-top: 140px;
}

.p_t17 {
    padding-top: 17px;
}

.pt20 {
    padding-top: 20px;
}

.pt30 {
    padding-top: 30px;
}

.pt40 {
    padding-top: 40px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb22 {
    padding-bottom: 22px;
}

.pb25 {
    padding-bottom: 25px;
}

.pb17 {
    padding-bottom: 17px;
}

.pb16 {
    padding-bottom: 16px;
}

.pb90 {
    padding-bottom: 90px;
}

.m_t1 {
    margin-top: 1px;
}

.m_t4 {
    margin-top: 4px;
}

.m_t5 {
    margin-top: 5px;
}

.m_t7 {
    margin-top: 7px;
}

.m_t8 {
    margin-top: 8px;
}

.m_t9 {
    margin-top: 9px;
}

.m_t10 {
    margin-top: 10px;
}

.m_t12 {
    margin-top: 12px;
}

.m_t14 {
    margin-top: 14px;
}

.m_t18 {
    margin-top: 18px;
}

.m_t19 {
    margin-top: 19px;
}

.m_t22 {
    margin-top: 22px;
}

.m_t23 {
    margin-top: 23px;
}

.m_t24 {
    margin-top: 24px;
}

.m_t25 {
    margin-top: 25px;
}

.m_t26 {
    margin-top: 26px;
}

.m_t27 {
    margin-top: 27px;
}

.m_t28 {
    margin-top: 28px;
}

.m_t30 {
    margin-top: 30px;
}

.m_t34 {
    margin-top: 34px;
}

.m_t40 {
    margin-top: 40px;
}

.m_t43 {
    margin-top: 43px;
}

.m_t45 {
    margin-top: 45px;
}

.m_t65 {
    margin-top: 65px;
}

.m_t80 {
    margin-top: 80px;
}

.m_t77 {
    margin-top: 77px;
}

.m_t5 {
    margin-top: 5px;
}

.m_t8 {
    margin-top: 8px;
}

.m_t10 {
    margin-top: 10px;
}

.m_t15 {
    margin-top: 15px;
}

.m_t20 {
    margin-top: 20px;
}

.m_t22 {
    margin-top: 22px;
}

.m_t23 {
    margin-top: 23px;
}

.m_t36 {
    margin-top: 36px;
}

.m_t50 {
    margin-top: 50px;
}

.m_t90 {
    margin-top: 90px;
}

.m_t93 {
    margin-top: 93px;
}

.m_t114 {
    margin-top: 114px;
}

.m_t132 {
    margin-top: 132px;
}

.m_l1 {
    margin-left: 1px;
}

.m_l4 {
    margin-left: 4px;
}

.m_l5 {
    margin-left: 5px;
}

.m_l8 {
    margin-left: 8px;
}

.m_l10 {
    margin-left: 10px;
}

.m_l13 {
    margin-left: 13px;
}

.m_l14 {
    margin-left: 14px;
}

.m_l15 {
    margin-left: 15px;
}

.m_l16 {
    margin-left: 16px;
}

.m_l11 {
    margin-left: 11px;
}

.m_l4 {
    margin-left: 4px;
}

.m_l6 {
    margin-left: 6px;
}

.m_l17 {
    margin-left: 17px;
}

.m_l20 {
    margin-left: 20px;
}

.m_l22 {
    margin-left: 22px;
}

.m_l24 {
    margin-left: 24px;
}

.m_l25 {
    margin-left: 25px;
}

.m_l26 {
    margin-left: 26px;
}

.m_l30 {
    margin-left: 30px;
}

.m_l32 {
    margin-left: 32px;
}

.m_l36 {
    margin-left: 36px;
}

.m_l37 {
    margin-left: 37px;
}

.m_l39 {
    margin-left: 39px;
}

.m_l40 {
    margin-left: 40px;
}

.m_l50 {
    margin-left: 50px;
}

.m_l52 {
    margin-left: 52px;
}

.m_l60 {
    margin-left: 60px;
}

.m_l62 {
    margin-left: 62px;
}

.m_l64 {
    margin-left: 64px;
}

.m_l66 {
    margin-left: 66px;
}

.m_l84 {
    margin-left: 84px;
}

.m_l92 {
    margin-left: 92px;
}

.m_l96 {
    margin-left: 96px;
}

.m_l98 {
    margin-left: 98px;
}

.m_l105 {
    margin-left: 105px;
}

.m_l110 {
    margin-left: 110px;
}

.m_l123 {
    margin-left: 123px;
}

.m_l125 {
    margin-left: 125px;
}

.m_l140 {
    margin-left: 140px;
}

.m_l155 {
    margin-left: 155px;
}

.m_l188 {
    margin-left: 188px;
}

.m_l205 {
    margin-left: 205px;
}

.m_l250 {
    margin-left: 250px;
}

.m_l287 {
    margin-left: 287px;
}

.m_l360 {
    margin-left: 360px;
}

.m_r4 {
    margin-right: 4px;
}

.m_r5 {
    margin-right: 5px;
}

.m_r8 {
    margin-right: 8px;
}

.m_r10 {
    margin-right: 10px;
}

.m_r11 {
    margin-right: 11px;
}

.m_r13 {
    margin-right: 13px;
}

.m_r17 {
    margin-right: 17px;
}

.m_r20 {
    margin-right: 20px;
}

.m_r25 {
    margin-right: 25px;
}

.m_r27 {
    margin-right: 27px;
}

.m_r30 {
    margin-right: 30px;
}

.m_r40 {
    margin-right: 40px;
}

.m_r44 {
    margin-right: 44px;
}

.m_r50 {
    margin-right: 50px;
}

.m_r60 {
    margin-right: 60px;
}

.m_r67 {
    margin-right: 67px;
}

.m_r70 {
    margin-right: 70px;
}

.m_r71 {
    margin-right: 71px;
}

.m_r104 {
    margin-right: 104px;
}

.m_r108 {
    margin-right: 108px;
}

.m_r123 {
    margin-right: 123px;
}

.m_r148 {
    margin-right: 148px;
}

.m_b7 {
    margin-bottom: 7px;
}

.m_b10 {
    margin-bottom: 10px;
}

.m_b12 {
    margin-bottom: 12px;
}

.m_b15 {
    margin-bottom: 15px;
}

.m_b16 {
    margin-bottom: 16px;
}

.m_b20 {
    margin-bottom: 20px;
}

.m_b25 {
    margin-bottom: 25px;
}

.m_b26 {
    margin-bottom: 26px;
}

.m_b30 {
    margin-bottom: 30px;
}

.m_b31 {
    margin-bottom: 31px;
}

.m_b32 {
    margin-bottom: 32px;
}

.m_b50 {
    margin-bottom: 50px;
}

.m_22 {
    margin: 22px 0;
}

.padding34 {
    padding: 0 34px;
}

.h100_ {
    height: 100%;
}

.min_h800 {
    min-height: 800px;
}

.min_h950 {
    min-height: 950px;
}

.min_h1200 {
    min-height: 1200px;
}

.h4 {
    height: 4px;
}

.h12 {
    height: 12px;
}

.h18 {
    height: 18px;
}

.h20 {
    height: 20px;
}

.h21 {
    height: 21px;
}

.h24 {
    height: 24px;
}

.h26 {
    height: 26px;
}

.h28 {
    height: 28px;
}

.h30 {
    height: 30px;
}

.h32 {
    height: 32px;
}

.h34 {
    height: 34px;
}

.h36 {
    height: 36px;
}

.h40 {
    height: 40px;
}

.h42 {
    height: 42px;
}

.h44 {
    height: 44px;
}

.h45 {
    height: 45px;
}

.h46 {
    height: 46px;
}

.h48 {
    height: 48px;
}

.h50 {
    height: 50px;
}

.h54 {
    height: 54px;
}

.h60 {
    height: 60px;
}

.h64 {
    height: 64px;
}

.h65 {
    height: 65px;
}

.h68 {
    height: 68px;
}

.h69 {
    height: 69px;
}

.h73 {
    height: 73px;
}

.h102 {
    height: 102px;
}

.h106 {
    height: 106px;
}

.h112 {
    height: 112px;
}

.h118 {
    height: 118px;
}

.h120 {
    height: 120px;
}

.h128 {
    height: 128px;
}

.h140 {
    height: 140px;
}

.h150 {
    height: 150px;
}

.h158 {
    height: 158px;
}

.h162 {
    height: 162px;
}

.h180 {
    height: 180px;
}

.h182 {
    height: 182px;
}

.h187 {
    height: 187px;
}

.h190 {
    height: 190px;
}

.h196 {
    height: 196px;
}

.h200 {
    height: 200px;
}

.h225 {
    height: 225px;
}

.h228 {
    height: 228px;
}

.h229 {
    height: 229px;
}

.h235 {
    height: 235px;
}

.h255 {
    height: 255px;
}

.h300 {
    height: 300px;
}

.h308 {
    height: 308px;
}

.h340 {
    height: 340px;
}

.h342 {
    height: 342px;
}

.h345 {
    height: 345px;
}

.h346 {
    height: 346px;
}

.h356 {
    height: 356px;
}

.h382 {
    height: 382px;
}

.h405 {
    height: 405px;
}

.h424 {
    height: 424px;
}

.h436 {
    height: 436px;
}

.h446 {
    height: 446px;
}

.h450 {
    height: 450px;
}

.h456 {
    height: 456px;
}

.h473 {
    height: 473px !important;
}

.h497 {
    height: 497px;
}

.h500 {
    height: 500px;
}

.h513 {
    height: 513px;
}

.h511 {
    height: 511px;
}

.h562 {
    height: 562px;
}

.h600 {
    height: 600px;
}

.h800 {
    height: 800px;
}

.h950 {
    height: 950px;
}

.h1111 {
    height: 1111px;
}

.m_w140 {
    min-width: 140px;
}

.m_w62 {
    min-width: 62px;
}

.m_w76 {
    min-width: 76px;
}

.w50_ {
    width: 50%;
}

.w8 {
    width: 8px;
}

.w18 {
    width: 18px;
}

.w24 {
    width: 24px;
}

.w40 {
    width: 40px;
}

.w56 {
    width: 56px;
}

.w60 {
    width: 60px;
}

.w62 {
    width: 62px;
}

.w68 {
    width: 68px;
}

.w70 {
    width: 70px;
}

.w44 {
    width: 44px;
}

.w46 {
    width: 46px;
}

.w48 {
    width: 48px;
}

.w53 {
    width: 53px;
}

.w60 {
    width: 60px;
}

.w76 {
    width: 76px;
}

.w80 {
    width: 80px;
}

.w88 {
    width: 88px;
}

.w497 {
    width: 497px;
}

.w98 {
    width: 98px;
}

.w99 {
    width: 99px;
}

.w100 {
    width: 100px;
}

.w106 {
    width: 106px;
}

.w110 {
    width: 110px;
}

.w114 {
    width: 114px;
}

.w112 {
    width: 112px;
}

.w120 {
    width: 120px;
}

.w126 {
    width: 126px;
}

.w128 {
    width: 128px;
}

.w130 {
    width: 130px;
}

.w138 {
    width: 138px;
}

.w140 {
    width: 140px;
}

.w142 {
    width: 142px;
}

.w143 {
    width: 143px;
}

.w144 {
    width: 144px;
}

.w146 {
    width: 146px;
}

.w150 {
    width: 150px;
}

.w151 {
    width: 151px;
}

.w155 {
    width: 155px;
}

.w156 {
    width: 156px;
}

.w158 {
    width: 158px;
}

.w160 {
    width: 160px;
}

.w164 {
    width: 164px;
}

.w166 {
    width: 166px;
}

.w168 {
    width: 168px;
}

.w170 {
    width: 170px;
}

.w171 {
    width: 171px;
}

.w177 {
    width: 177px;
}

.w180 {
    width: 180px;
}

.w174 {
    width: 174px;
}

.w184 {
    width: 184px;
}

.w187 {
    width: 187px;
}

.w188 {
    width: 188px;
}

.h106 {
    height: 106px
}

.w192 {
    width: 192px;
}

.w193 {
    width: 193px;
}

.w194 {
    width: 194px;
}

.w200 {
    width: 200px;
}

.w205 {
    width: 205px;
}

.w210 {
    width: 210px;
}

.w212 {
    width: 212px;
}

.w216 {
    width: 216px;
}

.w220 {
    width: 220px;
}

.w224 {
    width: 224px;
}

.w229 {
    width: 229px;
}

.w249 {
    width: 249px;
}

.w250 {
    width: 250px;
}

.w280 {
    width: 280px;
}

.w286 {
    width: 286px;
}

.w300 {
    width: 300px;
}

.w304 {
    width: 304px;
}

.w308 {
    width: 308px;
}

.w310 {
    width: 310px;
}

.w313 {
    width: 313px;
}

.w320 {
    width: 320px;
}

.w323 {
    width: 323px;
}

.w330 {
    width: 330px;
}

.w341 {
    width: 341px;
}

.w343 {
    width: 343px;
}

.w344 {
    width: 344px;
}

.w350 {
    width: 350px;
}

.w357 {
    width: 357px;
}

.w364 {
    width: 364px;
}

.w378 {
    width: 378px;
}

.w390 {
    width: 390px;
}

.w394 {
    width: 394px;
}

.w402 {
    width: 402px;
}

.w404 {
    width: 404px;
}

.w406 {
    width: 406px;
}

.w425 {
    width: 425px;
}

.w440 {
    width: 440px;
}

.w454 {
    width: 454px;
}

.w463 {
    width: 463px;
}

.w464 {
    width: 464px;
}

.w479 {
    width: 479px;
}

.w480 {
    width: 480px;
}

.w500 {
    width: 500px;
}

.w506 {
    width: 506px;
}

.w510 {
    width: 510px;
}

.w540 {
    width: 540px;
}

.w590 {
    width: 590px;
}

.w600 {
    width: 600px;
}

.w602 {
    width: 602px;
}

.w607 {
    width: 607px;
}

.w608 {
    width: 608px;
}

.w610 {
    width: 610px;
}

.w614 {
    width: 614px;
}

.w620 {
    width: 620px;
}

.w625 {
    width: 625px;
}

.w634 {
    width: 634px;
}

.w640 {
    width: 640px;
}

.w650 {
    width: 650px;
}

.w700 {
    width: 700px;
}

.w716 {
    width: 716px;
}

.w720 {
    width: 720px;
}

.w740 {
    width: 740px;
}

.w750 {
    width: 750px;
}

.w760 {
    width: 760px;
}

.w769 {
    width: 769px;
}

.w856 {
    width: 856px;
}

.w857 {
    width: 857px;
}

.w871 {
    width: 871px;
}

.w897 {
    width: 897px;
}

.w912 {
    width: 912px;
}

.w930 {
    width: 930px;
}

.w949 {
    width: 949px;
}

.w1120 {
    width: 1120px;
}

.w1160 {
    width: 1160px;
}

.z-99 {
    z-index: 99;
}

.colorFF2525 {
    color: #FF2525;
}

.color8A {
    color: #8A8A8A;
}

.colorfff {
    color: #fff;
}

.colorF3BA27 {
    color: #F3BA27;
}

.c-F3BA27 {
    color: #F3BA27;
}

.colorC7 {
    color: #C7821B;
}

.colorEA60 {
    color: rgba(234, 234, 234, 0.6);
}

.colorEA08 {
    color: rgba(234, 234, 234, 0.8);
}

.colorEA {
    color: #EAEAEA;
}

.colorEA60 {
    color: #EAEAEA 60%;
}

.colorfff {
    color: #fff;
}

.colorBD {
    color: #BDBDBD;
}

.size12 {
    font-size: 12px;
}

.size14 {
    font-size: 14px;
}

.size16 {
    font-size: 16px;
}

.size18 {
    font-size: 18px;
}

.size20 {
    font-size: 20px;
}

.size22 {
    font-size: 22px;
}

.size24 {
    font-size: 24px;
}

.size26 {
    font-size: 26px;
}

.l_h40 {
    line-height: 40px;
}

.l_h45 {
    line-height: 45px;
}

.l_h16 {
    line-height: 16px;
}

.l_h19 {
    line-height: 19px;
}

.l_h20 {
    line-height: 20px;
}

.l_h21 {
    line-height: 21px;
}

.l_h26 {
    line-height: 26px;
}

.l_h27 {
    line-height: 27px;
}

.l_h28 {
    line-height: 28px;
}

.l_h36 {
    line-height: 36px;
}

.l_h37 {
    line-height: 37px;
}

.l_h44 {
    line-height: 44px;
}

.l_h46 {
    line-height: 46px;
}

.l_h50 {
    line-height: 50px;
}

.l_h68 {
    line-height: 68px;
}

.right26 {
    right: 26px;
}

.right40 {
    right: 40;
}

.flexjz {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flexwrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.flexaround {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.flexbetween {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.flexeve {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.flex {
    display: flex;
    align-items: center;
}

.flexend {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.flexstart {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.top-44 {
    top: -44px !important;
}

.bor_l_8 {
    border-left: 8px solid #6F1ADB;
}

.bor_top_EA {
    border-top: 1px solid #EAEAEA;
}

.bor_b_EA {
    border-bottom: 1px dashed #EAEAEA;
}

.bor_r_234 {
    border-right: 1px solid rgba(234, 234, 234, 0.6);
}

.bor_t_234 {
    border-top: 1px dashed rgba(234, 234, 234, 0.6);
}

.bor_b_234_xu {
    border-bottom: 1px dashed rgba(234, 234, 234, 0.6);
}

.bor_b_234_xu {
    border-bottom: 1px dashed rgba(234, 234, 234, 0.3);
}

.bor_b_234 {
    border-bottom: 1px solid rgba(234, 234, 234, 0.3);
}

.bor234 {
    border: 1px solid rgba(234, 234, 234, 0.3);
}

.bor234_06 {
    border: 1px solid rgba(234, 234, 234, 0.6);
}

.borC7 {
    border: 1px solid #C7821B;
}

.bor8 {
    border-left: 8px solid #6F1ADB;
}

.radius_50 {
    border-radius: 50%;
}

.radius10 {
    border-radius: 10px;
}

.radius4 {
    border-radius: 4px;
}

.radius16 {
    border-radius: 16px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    #bg {
        background-image: url('../../images/xhome/iphone.png');
        background-size: 100% 100%;
    }
}

@media (min-width:900px) and (-webkit-min-device-pixel-ratio: 2),
(min-width:900px) and (min-resolution: 192dpi) {
    #bg {
        background-image: url('../../images/xhome/md.png');
        background-size: 100%;
    }
}


/* pc */

@media screen and (min-width: 480px) {
    #bg {
        background-image: url('../../images/xhome/sm.png');
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    #bg {
        background-image: url('../../images/xhome/md.png');
    }
}

@media screen and (min-width: 992px) {
    #bg {
        background-image: url('../../images/xhome/lg.png');
        background-size: 100%;
    }
}