body { _margin:0; _height:100%; /*IE6 BUG*/ }
.aui_outer { text-align:left; }
table.aui_border, table.aui_dialog { border:0; margin:0; border-collapse:collapse; width:auto; }
.aui_nw, .aui_n, .aui_ne, .aui_w, .aui_c, .aui_e, .aui_sw, .aui_s, .aui_se, .aui_header, .aui_tdIcon, .aui_main, .aui_footer { padding:0; }
.aui_header, .aui_buttons button { font: 12px/1.11 'siyuanheiti', Tahoma, Arial, Helvetica, STHeiti; _font-family:Tahoma,Arial,Helvetica,STHeiti; -o-font-family: Tahoma, Arial; }
.aui_title { overflow:hidden; text-overflow: ellipsis; }
.aui_state_noTitle .aui_title { display:none; }
.aui_close { display:block; position:absolute; text-decoration:none; outline:none; _cursor:pointer; }
.aui_close:hover { text-decoration:none; }
.aui_main { text-align:center; min-width:9em; min-width:0\9/*IE8 BUG*/; }
.aui_content { display:inline-block; *zoom:1; *display:inline; text-align:left; border:none 0; }
.aui_content.aui_state_full { display:block; width:100%; margin:0; padding:0!important; height:100%; }
.aui_loading { width:96px; height:32px; text-align:left; text-indent:-999em; overflow:hidden; }
.aui_icon { vertical-align: middle; }
.aui_icon div { width:48px; height:48px; margin:10px 0 10px 10px; background-position: center center; background-repeat:no-repeat; }
.aui_buttons { padding:8px; text-align:right; white-space:nowrap; }
.aui_buttons button { margin-left:15px; padding: 6px 8px; cursor: pointer; display: inline-block; text-align: center; line-height: 1; *padding:4px 10px; *height:2em; letter-spacing:2px; font-family: Tahoma, Arial/9!important; width:auto; overflow:visible; *width:1; color: #333; border: solid 1px #999; border-radius: 5px; background: #DDD; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD'); background: linear-gradient(top, #FFF, #DDD); background: -moz-linear-gradient(top, #FFF, #DDD); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#DDD)); text-shadow: 0px 1px 1px rgba(255, 255, 255, 1); box-shadow: 0 1px 0 rgba(255, 255, 255, .7),  0 -1px 0 rgba(0, 0, 0, .09); -moz-transition:-moz-box-shadow linear .2s; -webkit-transition: -webkit-box-shadow linear .2s; transition: box-shadow linear .2s; }
.aui_buttons button::-moz-focus-inner{ border:0; padding:0; margin:0; }
.aui_buttons button:focus { outline:none 0; border-color:#426DC9; box-shadow:0 0 8px rgba(66, 109, 201, .9); }
.aui_buttons button:hover { color:#000; border-color:#666; }
.aui_buttons button:active { border-color:#666; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#FFFFFF'); background: linear-gradient(top, #DDD, #FFF); background: -moz-linear-gradient(top, #DDD, #FFF); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDD), to(#FFF)); box-shadow:inset 0 1px 5px rgba(66, 109, 201, .9), inset 0 1px 1em rgba(0, 0, 0, .3); }
.aui_buttons button[disabled] { cursor:default; color:#666; background:#DDD; border: solid 1px #999; filter:alpha(opacity=50); opacity:.5; box-shadow:none; }
button.aui_state_highlight { color: #FFF; border: solid 1px #1c6a9e; background: #2288cc; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc'); background: linear-gradient(top, #33bbee, #2288cc); background: -moz-linear-gradient(top, #33bbee, #2288cc); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc)); text-shadow: -1px -1px 1px #1c6a9e; }
button.aui_state_highlight:hover { color:#FFF; border-color:#0F3A56; }
button.aui_state_highlight:active { border-color:#1c6a9e; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc'); background: linear-gradient(top, #33bbee, #2288cc); background: -moz-linear-gradient(top, #33bbee, #2288cc); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc)); }
/* common end */

.aui_inner { background:#FFF; }
.aui_outer, .aui_inner { border:1px solid rgba(0, 0, 0, .7); border:1px solid #333\9; }
.aui_border { box-shadow: inset 0 0 1px rgba(255, 255, 255, .9); }
.aui_nw, .aui_ne, .aui_sw, .aui_se { width:8px; height:8px; }
.aui_nw, .aui_n, .aui_ne, .aui_w, .aui_e, .aui_sw, .aui_s, .aui_se { background:rgba(0, 0, 0, .4); background:#000\9!important; filter:alpha(opacity=40); }
.aui_state_lock .aui_nw, .aui_state_lock .aui_n, .aui_state_lock .aui_ne, .aui_state_lock .aui_w, .aui_state_lock .aui_e, .aui_state_lock .aui_sw, .aui_state_lock .aui_s, .aui_state_lock .aui_se { background:rgba(0, 0, 0, .5); background:#000\9!important; filter:alpha(opacity=50); }
.aui_state_focus .aui_dialog { box-shadow: 0 0 3px rgba(0, 0, 0, 0.4); }
.aui_state_focus .aui_outer { box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); }
.aui_state_lock .aui_border { box-shadow:0 3px 26px rgba(0, 0, 0, .9); }
.aui_state_drag .aui_outer, .aui_outer:active { box-shadow:none; }
.aui_titleBar { position:relative; height:100%; }
.aui_title { height:28px; line-height:27px; padding:0 28px 0 10px; text-shadow:0 1px 0 rgba(255, 255, 255, .7); background-color:#edf5f8; font-weight:bold; color:#95a7ae; font-family: Tahoma, Arial/9!important; background-color:#bdc6cd; background: linear-gradient(top, #edf5f8, #bdc6cd); background: -moz-linear-gradient(top, #edf5f8, #bdc6cd); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#edf5f8), to(#bdc6cd)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edf5f8', endColorstr='#bdc6cd'); border-top:1px solid #edf5f8; border-bottom:1px solid #b6bec5; }
.aui_state_focus .aui_title { color:#4c5a5f; }
.aui_state_drag .aui_title { background: linear-gradient(top, #bdc6cd, #edf5f8); background: -moz-linear-gradient(top, #bdc6cd, #edf5f8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bdc6cd), to(#edf5f8)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdc6cd', endColorstr='#edf5f8'); box-shadow:none; }
.aui_state_drag .aui_titleBar { box-shadow:none; }
.aui_close { padding:0; top:4px; right:4px; width:21px; height:21px; line-height:21px; font-size:18px; color:#68767b; text-align:center; font-family: Helvetica, STHeiti; _font-family: Tahoma, '\u9ed1\u4f53', 'Book Antiqua', Palatino; text-shadow:0 1px 0 rgba(255, 255, 255, .9); }
.aui_close:hover { background:#C72015; color:#FFF; }
.aui_close:active { box-shadow: none; }
.aui_content { color:#666; }
.aui_state_focus .aui_content { color:#000; }
.aui_buttons { background-color:#F6F6F6; border-top:solid 1px #DADEE5; }
.aui_state_noTitle .aui_nw, .aui_state_noTitle .aui_ne, .aui_state_noTitle .aui_sw, .aui_state_noTitle .aui_se { width:3px; height:3px; }
.aui_state_noTitle .aui_inner { border:1px solid #666; background:#FFF; }
.aui_state_noTitle .aui_outer { border:none 0; box-shadow:none; }
.aui_state_noTitle .aui_nw, .aui_state_noTitle .aui_n, .aui_state_noTitle .aui_ne, .aui_state_noTitle .aui_w, .aui_state_noTitle .aui_e, .aui_state_noTitle .aui_sw, .aui_state_noTitle .aui_s, .aui_state_noTitle .aui_se { background:rgba(0, 0, 0, .05); background:#000\9!important; filter:alpha(opacity=5)!important; }
.aui_state_noTitle .aui_titleBar { bottom:0; _bottom:0; _margin-top:0; }
.aui_state_noTitle .aui_close { top:0; right:0; width:18px; height:18px; line-height:18px; text-align:center; text-indent:0; font-size:18px; text-decoration:none; color:#214FA3; background:none; filter:!important; }
.aui_state_noTitle .aui_close:hover, .aui_state_noTitle .aui_close:active { text-decoration:none; color:#900; }
.aui_state_noTitle .aui_dialog { box-shadow: none; }



  .aui_outer { text-align:left; }
table.aui_border, table.aui_dialog { border:0; margin:0; border-collapse:collapse; width:auto; }
.aui_nw, .aui_n, .aui_ne, .aui_w, .aui_c, .aui_e, .aui_sw, .aui_s, .aui_se, .aui_header, .aui_tdIcon, .aui_main, .aui_footer { padding:0; }
.aui_header, .aui_buttons button { font: 12px/1.11 'siyuanheiti', Tahoma, Arial, Helvetica, STHeiti; _font-family:Tahoma,Arial,Helvetica,STHeiti; -o-font-family: Tahoma, Arial; }
.aui_title { overflow:hidden; text-overflow: ellipsis; }
.aui_state_noTitle .aui_title { display:none; }
.aui_close { display:block; position:absolute; text-decoration:none; outline:none; _cursor:pointer; }
.aui_close:hover { text-decoration:none; }
.aui_main { text-align:center; min-width:9em; min-width:0\9/*IE8 BUG*/; }
.aui_content { display:inline-block; *zoom:1; *display:inline; text-align:left; border:none 0; }
.aui_content.aui_state_full { display:block; width:100%; margin:0; padding:0!important; height:100%; }
.aui_loading { width:96px; height:32px; text-align:left; text-indent:-999em; overflow:hidden;}
.aui_icon { vertical-align: middle; }
.aui_icon div { width:48px; height:48px; margin:10px 0 10px 10px; background-position: center center; background-repeat:no-repeat; }
.aui_buttons { padding:8px; text-align:right; white-space:nowrap; }
.aui_buttons button { margin-left:15px; padding: 6px 8px; cursor: pointer; display: inline-block; text-align: center; line-height: 1; *padding:4px 10px; *height:2em; letter-spacing:2px; font-family: Tahoma, Arial/9!important; width:auto; overflow:visible; *width:1; color: #333; border: solid 1px #999; border-radius: 5px; background: #DDD; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD'); background: linear-gradient(top, #FFF, #DDD); background: -moz-linear-gradient(top, #FFF, #DDD); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#DDD)); text-shadow: 0px 1px 1px rgba(255, 255, 255, 1); box-shadow: 0 1px 0 rgba(255, 255, 255, .7),  0 -1px 0 rgba(0, 0, 0, .09); -moz-transition:-moz-box-shadow linear .2s; -webkit-transition: -webkit-box-shadow linear .2s; transition: box-shadow linear .2s; }
.aui_buttons button::-moz-focus-inner{ border:0; padding:0; margin:0; }
.aui_buttons button:focus { outline:none 0; border-color:#426DC9; box-shadow:0 0 8px rgba(66, 109, 201, .9); }
.aui_buttons button:hover { color:#000; border-color:#666; }
.aui_buttons button:active { border-color:#666; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#FFFFFF'); background: linear-gradient(top, #DDD, #FFF); background: -moz-linear-gradient(top, #DDD, #FFF); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDD), to(#FFF)); box-shadow:inset 0 1px 5px rgba(66, 109, 201, .9), inset 0 1px 1em rgba(0, 0, 0, .3); }
.aui_buttons button[disabled] { cursor:default; color:#666; background:#DDD; border: solid 1px #999; filter:alpha(opacity=50); opacity:.5; box-shadow:none; }
button.aui_state_highlight { color: #FFF; border: solid 1px #1c6a9e; background: #2288cc; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc'); background: linear-gradient(top, #33bbee, #2288cc); background: -moz-linear-gradient(top, #33bbee, #2288cc); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc)); text-shadow: -1px -1px 1px #1c6a9e; }
button.aui_state_highlight:hover { color:#FFF; border-color:#0F3A56; }
button.aui_state_highlight:active { border-color:#1c6a9e; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc'); background: linear-gradient(top, #33bbee, #2288cc); background: -moz-linear-gradient(top, #33bbee, #2288cc); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc)); }
/* common end */

.aui_inner { background:#FFF; }
.aui_outer, .aui_inner { border:1px solid rgba(0, 0, 0, .7); border:1px solid #333\9; }
.aui_border { box-shadow: inset 0 0 1px rgba(255, 255, 255, .9); }
.aui_nw, .aui_ne, .aui_sw, .aui_se { width:8px; height:8px; }
.aui_nw, .aui_n, .aui_ne, .aui_w, .aui_e, .aui_sw, .aui_s, .aui_se { background:rgba(0, 0, 0, .4); background:#000\9!important; filter:alpha(opacity=40); }
.aui_state_lock .aui_nw, .aui_state_lock .aui_n, .aui_state_lock .aui_ne, .aui_state_lock .aui_w, .aui_state_lock .aui_e, .aui_state_lock .aui_sw, .aui_state_lock .aui_s, .aui_state_lock .aui_se { background:rgba(0, 0, 0, .5); background:#000\9!important; filter:alpha(opacity=50); }
.aui_state_focus .aui_dialog { box-shadow: 0 0 3px rgba(0, 0, 0, 0.4); }
.aui_state_focus .aui_outer { box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); }
.aui_state_lock .aui_border { box-shadow:0 3px 26px rgba(0, 0, 0, .9); }
.aui_state_drag .aui_outer, .aui_outer:active { box-shadow:none; }
.aui_titleBar { position:relative; height:100%; }
.aui_title { height:28px; line-height:27px; padding:0 28px 0 10px; text-shadow:0 1px 0 rgba(255, 255, 255, .7); background-color:#edf5f8; font-weight:bold; color:#95a7ae; font-family: Tahoma, Arial/9!important; background-color:#bdc6cd; background: linear-gradient(top, #edf5f8, #bdc6cd); background: -moz-linear-gradient(top, #edf5f8, #bdc6cd); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#edf5f8), to(#bdc6cd)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edf5f8', endColorstr='#bdc6cd'); border-top:1px solid #edf5f8; border-bottom:1px solid #b6bec5; }
.aui_state_focus .aui_title { color:#4c5a5f; }
.aui_state_drag .aui_title { background: linear-gradient(top, #bdc6cd, #edf5f8); background: -moz-linear-gradient(top, #bdc6cd, #edf5f8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bdc6cd), to(#edf5f8)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdc6cd', endColorstr='#edf5f8'); box-shadow:none; }
.aui_state_drag .aui_titleBar { box-shadow:none; }
.aui_close { padding:0; top:4px; right:4px; width:21px; height:21px; line-height:21px; font-size:18px; color:#68767b; text-align:center; font-family: Helvetica, STHeiti; _font-family: Tahoma, '\u9ed1\u4f53', 'Book Antiqua', Palatino; text-shadow:0 1px 0 rgba(255, 255, 255, .9); }
.aui_close:hover { background:#C72015; color:#FFF; }
.aui_close:active { box-shadow: none; }
.aui_content { color:#666; }
.aui_state_focus .aui_content { color:#000; }
.aui_buttons { background-color:#F6F6F6; border-top:solid 1px #DADEE5; }
.aui_state_noTitle .aui_nw, .aui_state_noTitle .aui_ne, .aui_state_noTitle .aui_sw, .aui_state_noTitle .aui_se { width:3px; height:3px; }
.aui_state_noTitle .aui_inner { border:1px solid #666; background:#FFF; }
.aui_state_noTitle .aui_outer { border:none 0; box-shadow:none; }
.aui_state_noTitle .aui_nw, .aui_state_noTitle .aui_n, .aui_state_noTitle .aui_ne, .aui_state_noTitle .aui_w, .aui_state_noTitle .aui_e, .aui_state_noTitle .aui_sw, .aui_state_noTitle .aui_s, .aui_state_noTitle .aui_se { background:rgba(0, 0, 0, .05); background:#000\9!important; filter:alpha(opacity=5)!important; }
.aui_state_noTitle .aui_titleBar { bottom:0; _bottom:0; _margin-top:0; }
.aui_state_noTitle .aui_close { top:0; right:0; width:18px; height:18px; line-height:18px; text-align:center; text-indent:0; font-size:18px; text-decoration:none; color:#214FA3; background:none; filter:!important; }
.aui_state_noTitle .aui_close:hover, .aui_state_noTitle .aui_close:active { text-decoration:none; color:#900; }
.aui_state_noTitle .aui_dialog { box-shadow: none; }
    /*按钮弹窗*/
    
    .box_a {
        position: fixed;
        top: 3%;
        left: 33%;
        width: 35%;
        height: 65%;
        z-index: 1;
        display: none;
    }
    
    .box_img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0%;
        left: 0%;
        z-index: -1;
    }
    
    .box_input {
        width: 60%;
        height: 11%;
        text-align: center;
        line-height: normal;
        font-size: 20px;
        border-radius: 10px;
        position: absolute;
        top: 65%;
        left: 20%;
    }
    
    .box_btn {
        width: 60%;
        height: 11%;
        text-align: center;
        border-radius: 10px;
        font-size: 20px;
        color: #6B371B;
        font-weight: 700;
        background-color: #FEDC51;
        position: absolute;
        top: 77%;
        left: 20%;
    }
    
    .box_p {
        font-size: 24px;
        color: white;
        font-weight: 600;
        position: absolute;
        top: 84%;
        width: 100%;
        text-align: center
    }
    
    .box_span {
        font-size: 24px;
        color: #FACA07;
    }
    
    .Hide {
        position: absolute;
        top: 37%;
        left: 83%;
        font-size: 40px;
        color: #312d2d;
        text-decoration: none;
    }
    
    .Hide:hover {
        color: black
    }
    
    .text_one {
        position: absolute;
        top: 62%;
        font-size: 2rem;
        font-weight: 700;
        color: #FFE801;
        width: 100%;
        text-align: center;
        display: none;
    }
    
    .text_two {
        position: absolute;
        top: 78%;
        font-size: 1rem;
        font-weight: 700;
        color: #F9D09B;
        width: 100%;
        text-align: center;
        display: none;
    }
    
    @media screen and (max-width:1000px) {
        .text_one {
            font-size: 1.5rem;
        }
        .text_two {
            font-size: 0.8rem;
        }
        .box_p {
            font-size: 1rem;
        }
    }


  /*弹窗插件*/
    
    :focus {
        outline: 0;
    }
    
    .s.allIcon {
        display: inline-block;
        vertical-align: middle;
        text-decoration: line-through;
    }
    
    .box_bg80 {
        background: rgba(0, 0, 0, 0.8);
        filter: progid: DXImageTransform.Microsoft.gradient(startcolorstr=#8F000000, endcolorstr=#8F000000);
    }
    
    .tan_div {
        height: 100%;
        width: 100%;
        display: none;
        position: fixed!important;
        left: 0;
        top: 0;
        z-index: 999;
        color: #333
    }
    
    .tan_content {
        background: #fff;
        border: solid #ccc 5px;
        top: 25%;
        position: absolute;
        left: 50%;
        -webkit-box-shadow: 0 0 20px #000;
        -moz-box-shadow: 0 0 20px #000;
        box-shadow: 0 0 20px #000;
    }
    
    .tan_t {
        height: 50px;
        line-height: 50px;
        position: relative;
        background: #efefef;
        border-bottom: solid #ddd 1px;
    }
    
    .tan_t h3 {
        padding-left: 20px;
        font-size: 16px
    }
    
    .tan_title {
        font-size: 18px;
        padding: 20px 20px 0 20px;
    }
    
    .ok_ico {
        height: 48px;
        width: 48px;
        margin-right: 10px;
        /*完成图标*/
    }
    
    .tan_close {
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 1
    }
    
    .tan_close a {
        display: block;
        width: 16px;
        height: 16px;
    }
    
    .tan_close a:hover {
        opacity: 0.7;
    }
    
    .tan_padding {
        padding: 20px;
    }
    
    .qh_table li {
        padding: 0 20px;
        float: left;
        height: 49px;
        line-height: 49px;
        margin-top: 1px;
    }
    
    .qh_table li.qh_hover {
        border-top: solid #ccc 1px;
        border-left: solid #ccc 1px;
        border-right: solid #ccc 1px;
        margin-top: 1px;
        background: #fff;
    }
    
    .Land_li_input {
        padding: 10px 20px;
        font-size: 16px;
    }
    
    .Land_li_input input {
        width: 68%;
        height: 40px;
        font-size: 20px;
        padding-left: 4px;
    }
    
    .land_btn {
        width: 50%;
        margin: 0 auto;
        padding-top: 20px;
    }
    
    .land_btn input {
        height: 40px;
        width: 100%;
        color: #fff;
        background: #f30;
        border: none 0;
        cursor: pointer;
        font-size: 16px
    }
    /*弹窗宽度*/
    
    .tan_1000 {
        width: 1000px;
        margin-left: -500px;
    }
    
    .tan_800 {
        width: 800px;
        margin-left: -400px;
    }
    
    .tan_600 {
        width: 600px;
        margin-left: -300px;
    }
    
    .tan_500 {
        width: 500px;
        margin-left: -250px;
    }
    
    .tan_400 {
        width: 400px;
        margin-left: -200px;
    }
    /*loading条*/
    
    .barbox {
        height: 16px;
        margin-top: 10px;
    }
    
    .barbox div a {
        color: #0048CC;
    }
    
    .barbox div.last {
        color: #999;
    }
    
    .barbox div.barline {
        width: 350px;
        height: 16px;
        margin: auto;
    }
    
    .barbox div.barline div.charts {
        height: 16px;
        border-radius: 8px;
    }
    
    input {
        border: none;
    }
    
    .abso {
        position: absolute;
    }
    
    i {
        text-decoration: underline;
    }




/* flex布局 */
.d-flex {
	display: flex;
	flex-direction: row !important;
}

.d-block {
	display: block;
}

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

.flex-1 {
	flex: 1;
}

.flex-column {
	flex-direction: column !important;
}

.flex-row {
	flex-direction: row;
}

.flex-wrap {
	flex-wrap: wrap;
}

.flex-nowrap {
	flex-wrap: nowrap;
}

.flex-shrink {
	flex-shrink: 0;
}

.j-start {
	justify-content: flex-start;
}

.j-center {
	justify-content: center !important;
}

.j-end {
	justify-content: flex-end;
}

.j-sb {
	justify-content: space-between;
}

.a-center {
	align-items: center !important;
}

.a-start {
	align-items: flex-start;
}

.a-end {
	align-items: flex-end;
}

.a-stretch {
	align-items: stretch;
}

.a-self-start {
	align-self: flex-start;
}

.a-self-auto {
	align-self: auto;
}

.a-self-end {
	align-self: flex-end;
}

.a-self-stretch {
	align-self: stretch;
}

.a-self-baseline {
	align-self: baseline;
}


/* Text Color */
.text-black {
	color: #000000
}

.text-white {
	color: #FFFFFF;
}

.text-gray-50 {
	color: #f9fafb;
}

.text-gray-100 {
	color: #f3f4f6;
}

.text-gray-200 {
	color: #e5e7eb;
}

.text-gray-300 {
	color: #d1d5db;
}

.text-gray-400 {
	color: #9ca3af;
}

.text-gray-500 {
	color: #6b7280;
}

.text-gray-600 {
	color: #4b5563;
}

.text-gray-700 {
	color: #374151;
}

.text-gray-800 {
	color: #1f2937;
}

.text-gray-900 {
	color: #111827;
}



.text-red-50 {
	color: #fef2f2;
}

.text-red-100 {
	color: #fee2e2;
}

.text-red-200 {
	color: #fecaca;
}

.text-red-300 {
	color: #fca5a5;
}

.text-red-400 {
	color: #f87171;
}

.text-red-500 {
	color: #ef4444;
}

.text-red-600 {
	color: #dc2626;
}

.text-red-700 {
	color: #b91c1c;
}

.text-red-800 {
	color: #991b1b;
}

.text-red-900 {
	color: #7f1d1d;
}

.text-yellow-50 {
	color: #fffbeb;
}

.text-yellow-100 {
	color: #fef3c7;
}

.text-yellow-200 {
	color: #fde68a;
}

.text-yellow-300 {
	color: #fcd34d;
}

.text-yellow-400 {
	color: #fbbf24;
}

.text-yellow-500 {
	color: #f59e0b;
}

.text-yellow-600 {
	color: #d97706;
}

.text-yellow-700 {
	color: #b45309;
}

.text-yellow-800 {
	color: #92400e;
}

.text-yellow-900 {
	color: #78350f;
}

.text-green-50 {
	color: #ecfdf5;
}

.text-green-100 {
	color: #d1fae5;
}

.text-green-200 {
	color: #a7f3d0;
}

.text-green-300 {
	color: #6ee7b7;
}

.text-green-400 {
	color: #34d399;
}

.text-green-500 {
	color: #10b981;
}

.text-green-600 {
	color: #059669;
}

.text-green-700 {
	color: #047857;
}

.text-green-800 {
	color: #065f46;
}

.text-green-900 {
	color: #064e3b;
}

.text-blue-50 {
	color: #eff6ff;
}

.text-blue-100 {
	color: #dbeafe;
}

.text-blue-200 {
	color: #bfdbfe;
}

.text-blue-300 {
	color: #93c5fd;
}

.text-blue-400 {
	color: #60a5fa;
}

.text-blue-500 {
	color: #3b82f6;
}

.text-blue-600 {
	color: #2563eb;
}

.text-blue-700 {
	color: #1d4ed8;
}

.text-blue-800 {
	color: #1e40af;
}

.text-blue-900 {
	color: #1e3a8a;
}

.text-cyan-50 {
	color: #ecfeff;
}

.text-cyan-100 {
	color: #cffafe;
}

.text-cyan-200 {
	color: #a5f3fc;
}

.text-cyan-300 {
	color: #67e8f9;
}

.text-cyan-400 {
	color: #22d3ee;
}

.text-cyan-500 {
	color: #06b6d4;
}

.text-cyan-600 {
	color: #0891b2;
}

.text-cyan-700 {
	color: #0e7490;
}

.text-cyan-800 {
	color: #155e75;
}

.text-cyan-900 {
	color: #164e63;
}

.text-indigo-50 {
	color: #eef2ff;
}

.text-indigo-100 {
	color: #e0e7ff;
}

.text-indigo-200 {
	color: #c7d2fe;
}

.text-indigo-300 {
	color: #a5b4fc;
}

.text-indigo-400 {
	color: #818cf8;
}

.text-indigo-500 {
	color: #6366f1;
}

.text-indigo-600 {
	color: #4f46e5;
}

.text-indigo-700 {
	color: #4338ca;
}

.text-indigo-800 {
	color: #3730a3;
}

.text-indigo-900 {
	color: #312e81;
}

.text-purple-50 {
	color: #f5f3ff;
}

.text-purple-100 {
	color: #ede9fe;
}

.text-purple-200 {
	color: #ddd6fe;
}

.text-purple-300 {
	color: #c4b5fd;
}

.text-purple-400 {
	color: #a78bfa;
}

.text-purple-500 {
	color: #8b5cf6;
}

.text-purple-600 {
	color: #7c3aed;
}

.text-purple-700 {
	color: #6d28d9;
}

.text-purple-800 {
	color: #5b21b6;
}

.text-purple-900 {
	color: #4c1d95;
}

.text-pink-50 {
	color: #fce7f3;
}

.text-pink-100 {
	color: #fbcfe8;
}

.text-pink-200 {
	color: #f9a8d4;
}

.text-pink-300 {
	color: #f9a8d4;
}

.text-pink-400 {
	color: #f472b6;
}

.text-pink-500 {
	color: #ec4899;
}

.text-pink-600 {
	color: #db2777;
}

.text-pink-700 {
	color: #be185d;
}

.text-pink-800 {
	color: #9d174d;
}

.text-pink-900 {
	color: #831843;
}

/* 背景色 */
.bg-none {
	background: none !important
}

.bg-transparent {
	background: transparent
}

.bg-black {
	background: #000000
}

.bg-white {
	background: #FFFFFF;
}

.bg-gray-50 {
	background: #f9fafb;
}

.bg-gray-100 {
	background: #f3f4f6;
}

.bg-gray-200 {
	background: #e5e7eb;
}

.bg-gray-300 {
	background: #d1d5db;
}

.bg-gray-400 {
	background: #9ca3af;
}

.bg-gray-500 {
	background: #6b7280;
}

.bg-gray-600 {
	background: #4b5563;
}

.bg-gray-700 {
	background: #374151;
}

.bg-gray-800 {
	background: #1f2937;
}

.bg-gray-900 {
	background: #111827;
}



.bg-red-50 {
	background: #fef2f2;
}

.bg-red-100 {
	background: #fee2e2;
}

.bg-red-200 {
	background: #fecaca;
}

.bg-red-300 {
	background: #fca5a5;
}

.bg-red-400 {
	background: #f87171;
}

.bg-red-500 {
	background: #ef4444;
}

.bg-red-600 {
	background: #dc2626;
}

.bg-red-700 {
	background: #b91c1c;
}

.bg-red-800 {
	background: #991b1b;
}

.bg-red-900 {
	background: #7f1d1d;
}

.bg-yellow-50 {
	background: #fffbeb;
}

.bg-yellow-100 {
	background: #fef3c7;
}

.bg-yellow-200 {
	background: #fde68a;
}

.bg-yellow-300 {
	background: #fcd34d;
}

.bg-yellow-400 {
	background: #fbbf24;
}

.bg-yellow-500 {
	background: #f59e0b;
}

.bg-yellow-600 {
	background: #d97706;
}

.bg-yellow-700 {
	background: #b45309;
}

.bg-yellow-800 {
	background: #92400e;
}

.bg-yellow-900 {
	background: #78350f;
}

.bg-green-50 {
	background: #ecfdf5;
}

.bg-green-100 {
	background: #d1fae5;
}

.bg-green-200 {
	background: #a7f3d0;
}

.bg-green-300 {
	background: #6ee7b7;
}

.bg-green-400 {
	background: #34d399;
}

.bg-green-500 {
	background: #10b981;
}

.bg-green-600 {
	background: #059669;
}

.bg-green-700 {
	background: #047857;
}

.bg-green-800 {
	background: #065f46;
}

.bg-green-900 {
	background: #064e3b;
}

.bg-blue-50 {
	background: #eff6ff;
}

.bg-blue-100 {
	background: #dbeafe;
}

.bg-blue-200 {
	background: #bfdbfe;
}

.bg-blue-300 {
	background: #93c5fd;
}

.bg-blue-400 {
	background: #60a5fa;
}

.bg-blue-500 {
	background: #3b82f6;
}

.bg-blue-600 {
	background: #2563eb;
}

.bg-blue-700 {
	background: #1d4ed8;
}

.bg-blue-800 {
	background: #1e40af;
}

.bg-blue-900 {
	background: #1e3a8a;
}

.bg-cyan-50 {
	background: #ecfeff;
}

.bg-cyan-100 {
	background: #cffafe;
}

.bg-cyan-200 {
	background: #a5f3fc;
}

.bg-cyan-300 {
	background: #67e8f9;
}

.bg-cyan-400 {
	background: #22d3ee;
}

.bg-cyan-500 {
	background: #06b6d4;
}

.bg-cyan-600 {
	background: #0891b2;
}

.bg-cyan-700 {
	background: #0e7490;
}

.bg-cyan-800 {
	background: #155e75;
}

.bg-cyan-900 {
	background: #164e63;
}

.bg-indigo-50 {
	background: #eef2ff;
}

.bg-indigo-100 {
	background: #e0e7ff;
}

.bg-indigo-200 {
	background: #c7d2fe;
}

.bg-indigo-300 {
	background: #a5b4fc;
}

.bg-indigo-400 {
	background: #818cf8;
}

.bg-indigo-500 {
	background: #6366f1;
}

.bg-indigo-600 {
	background: #4f46e5;
}

.bg-indigo-700 {
	background: #4338ca;
}

.bg-indigo-800 {
	background: #3730a3;
}

.bg-indigo-900 {
	background: #312e81;
}

.bg-purple-50 {
	background: #f5f3ff;
}

.bg-purple-100 {
	background: #ede9fe;
}

.bg-purple-200 {
	background: #ddd6fe;
}

.bg-purple-300 {
	background: #c4b5fd;
}

.bg-purple-400 {
	background: #a78bfa;
}

.bg-purple-500 {
	background: #8b5cf6;
}

.bg-purple-600 {
	background: #7c3aed;
}

.bg-purple-700 {
	background: #6d28d9;
}

.bg-purple-800 {
	background: #5b21b6;
}

.bg-purple-900 {
	background: #4c1d95;
}

.bg-pink-50 {
	background: #fce7f3;
}

.bg-pink-100 {
	background: #fbcfe8;
}

.bg-pink-200 {
	background: #f9a8d4;
}

.bg-pink-300 {
	background: #f9a8d4;
}

.bg-pink-400 {
	background: #f472b6;
}

.bg-pink-500 {
	background: #ec4899;
}

.bg-pink-600 {
	background: #db2777;
}

.bg-pink-700 {
	background: #be185d;
}

.bg-pink-800 {
	background: #9d174d;
}

.bg-pink-900 {
	background: #831843;
}


/* 边框颜色 */
.border-none {
	border-color: none !important
}

.border-black {
	border-color: #000000
}

.border-white {
	border-color: #FFFFFF;
}

.border-gray-50 {
	border-color: #f9fafb;
}

.border-gray-100 {
	border-color: #f3f4f6;
}

.border-gray-200 {
	border-color: #e5e7eb;
}

.border-gray-300 {
	border-color: #d1d5db;
}

.border-gray-400 {
	border-color: #9ca3af;
}

.border-gray-500 {
	border-color: #6b7280;
}

.border-gray-600 {
	border-color: #4b5563;
}

.border-gray-700 {
	border-color: #374151;
}

.border-gray-800 {
	border-color: #1f2937;
}

.border-gray-900 {
	border-color: #111827;
}



.border-red-50 {
	border-color: #fef2f2;
}

.border-red-100 {
	border-color: #fee2e2;
}

.border-red-200 {
	border-color: #fecaca;
}

.border-red-300 {
	border-color: #fca5a5;
}

.border-red-400 {
	border-color: #f87171;
}

.border-red-500 {
	border-color: #ef4444;
}

.border-red-600 {
	border-color: #dc2626;
}

.border-red-700 {
	border-color: #b91c1c;
}

.border-red-800 {
	border-color: #991b1b;
}

.border-red-900 {
	border-color: #7f1d1d;
}

.border-yellow-50 {
	border-color: #fffbeb;
}

.border-yellow-100 {
	border-color: #fef3c7;
}

.border-yellow-200 {
	border-color: #fde68a;
}

.border-yellow-300 {
	border-color: #fcd34d;
}

.border-yellow-400 {
	border-color: #fbbf24;
}

.border-yellow-500 {
	border-color: #f59e0b;
}

.border-yellow-600 {
	border-color: #d97706;
}

.border-yellow-700 {
	border-color: #b45309;
}

.border-yellow-800 {
	border-color: #92400e;
}

.border-yellow-900 {
	border-color: #78350f;
}

.border-green-50 {
	border-color: #ecfdf5;
}

.border-green-100 {
	border-color: #d1fae5;
}

.border-green-200 {
	border-color: #a7f3d0;
}

.border-green-300 {
	border-color: #6ee7b7;
}

.border-green-400 {
	border-color: #34d399;
}

.border-green-500 {
	border-color: #10b981;
}

.border-green-600 {
	border-color: #059669;
}

.border-green-700 {
	border-color: #047857;
}

.border-green-800 {
	border-color: #065f46;
}

.border-green-900 {
	border-color: #064e3b;
}

.border-blue-50 {
	border-color: #eff6ff;
}

.border-blue-100 {
	border-color: #dbeafe;
}

.border-blue-200 {
	border-color: #bfdbfe;
}

.border-blue-300 {
	border-color: #93c5fd;
}

.border-blue-400 {
	border-color: #60a5fa;
}

.border-blue-500 {
	border-color: #3b82f6;
}

.border-blue-600 {
	border-color: #2563eb;
}

.border-blue-700 {
	border-color: #1d4ed8;
}

.border-blue-800 {
	border-color: #1e40af;
}

.border-blue-900 {
	border-color: #1e3a8a;
}

.border-cyan-50 {
	border-color: #ecfeff;
}

.border-cyan-100 {
	border-color: #cffafe;
}

.border-cyan-200 {
	border-color: #a5f3fc;
}

.border-cyan-300 {
	border-color: #67e8f9;
}

.border-cyan-400 {
	border-color: #22d3ee;
}

.border-cyan-500 {
	border-color: #06b6d4;
}

.border-cyan-600 {
	border-color: #0891b2;
}

.border-cyan-700 {
	border-color: #0e7490;
}

.border-cyan-800 {
	border-color: #155e75;
}

.border-cyan-900 {
	border-color: #164e63;
}

.border-indigo-50 {
	border-color: #eef2ff;
}

.border-indigo-100 {
	border-color: #e0e7ff;
}

.border-indigo-200 {
	border-color: #c7d2fe;
}

.border-indigo-300 {
	border-color: #a5b4fc;
}

.border-indigo-400 {
	border-color: #818cf8;
}

.border-indigo-500 {
	border-color: #6366f1;
}

.border-indigo-600 {
	border-color: #4f46e5;
}

.border-indigo-700 {
	border-color: #4338ca;
}

.border-indigo-800 {
	border-color: #3730a3;
}

.border-indigo-900 {
	border-color: #312e81;
}

.border-purple-50 {
	border-color: #f5f3ff;
}

.border-purple-100 {
	border-color: #ede9fe;
}

.border-purple-200 {
	border-color: #ddd6fe;
}

.border-purple-300 {
	border-color: #c4b5fd;
}

.border-purple-400 {
	border-color: #a78bfa;
}

.border-purple-500 {
	border-color: #8b5cf6;
}

.border-purple-600 {
	border-color: #7c3aed;
}

.border-purple-700 {
	border-color: #6d28d9;
}

.border-purple-800 {
	border-color: #5b21b6;
}

.border-purple-900 {
	border-color: #4c1d95;
}

.border-pink-50 {
	border-color: #fce7f3;
}

.border-pink-100 {
	border-color: #fbcfe8;
}

.border-pink-200 {
	border-color: #f9a8d4;
}

.border-pink-300 {
	border-color: #f9a8d4;
}

.border-pink-400 {
	border-color: #f472b6;
}

.border-pink-500 {
	border-color: #ec4899;
}

.border-pink-600 {
	border-color: #db2777;
}

.border-pink-700 {
	border-color: #be185d;
}

.border-pink-800 {
	border-color: #9d174d;
}

.border-pink-900 {
	border-color: #831843;
}

/* Text Decoration */
.underline {
	text-decoration: underline
}

.line-through {
	text-decoration: line-through
}

.no-underline {
	text-decoration: none
}

/* Whitespace */
.white-space-nowrap {
	white-space: nowrap
}

.white-space-pre {
	white-space: pre
}

.white-space-pre-line {
	white-space: pre-line
}

.white-space-pre-wrap {
	white-space: pre-wrap
}

/* Word Break */
.break-normal {
	overflow-wrap: normal;
	word-break: normal
}

.break-words {
	overflow-wrap: break-word
}

.break-all {
	word-break: break-all
}

/* Opacity */
.opacity-0 {
	opacity: 0
}

.opacity-5 {
	opacity: 0.05
}

.opacity-10 {
	opacity: 0.1
}

.opacity-20 {
	opacity: 0.2
}

.opacity-30 {
	opacity: 0.3
}

.opacity-40 {
	opacity: 0.4
}

.opacity-50 {
	opacity: 0.5
}

.opacity-60 {
	opacity: 0.6
}

.opacity-70 {
	opacity: 0.7
}

.opacity-80 {
	opacity: 0.8
}

.opacity-90 {
	opacity: 0.9
}

.opacity-100 {
	opacity: 1
}


.text-left {
	text-align: left;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

/* Spacing */
.m-0 {
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
}

.m {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.m-1 {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.m-2 {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.m-3 {
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.m-4 {
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 40px;
	margin-bottom: 40px;
}

.m-5 {
	margin-left: 50px;
	margin-right: 50px;
	margin-top: 50px;
	margin-bottom: 50px;
}

.mx-0 {
	margin-left: 0;
	margin-right: 0;
}

.mx {
	margin-left: 5px;
	margin-right: 5px;
}

.mx-1 {
	margin-left: 10px;
	margin-right: 10px;
}

.mx-2 {
	margin-left: 20px;
	margin-right: 20px;
}

.mx-3 {
	margin-left: 30px;
	margin-right: 30px;
}

.mx-4 {
	margin-left: 40px;
	margin-right: 40px;
}

.mx-5 {
	margin-left: 50px;
	margin-right: 50px;
}

.my-0 {
	margin-top: 0;
	margin-bottom: 0;
}

.my {
	margin-top: 5px;
	margin-bottom: 5px;
}

.my-1 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.my-2 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.my-3 {
	margin-top: 30px;
	margin-bottom: 30px;
}

.my-4 {
	margin-top: 40px;
	margin-bottom: 40px;
}

.my-5 {
	margin-top: 50px;
	margin-bottom: 50px;
}

.mt-0 {
	margin-top: 0;
}

.mt {
	margin-top: 5px;
}

.mt-auto {
	margin-top: auto;
}

.mt-1 {
	margin-top: 10px;
}

.mt-2 {
	margin-top: 20px;
}

.mt-3 {
	margin-top: 30px;
}

.mt-4 {
	margin-top: 40px;
}

.mt-5 {
	margin-top: 50px;
}

.mb-0 {
	margin-bottom: 0;
}

.mb {
	margin-bottom: 5px;
}

.mb-auto {
	margin-bottom: auto;
}

.mb-1 {
	margin-bottom: 10px;
}

.mb-2 {
	margin-bottom: 20px;
}

.mb-3 {
	margin-bottom: 30px;
}

.mb-4 {
	margin-bottom: 40px;
}

.mb-5 {
	margin-bottom: 50px;
}

.ml-0 {
	margin-left: 0;
}

.ml {
	margin-left: 5px;
}

.ml-auto {
	margin-left: auto;
}

.ml-1 {
	margin-left: 10px;
}

.ml-2 {
	margin-left: 20px;
}

.ml-3 {
	margin-left: 30px;
}

.ml-4 {
	margin-left: 40px;
}

.ml-5 {
	margin-left: 50px;
}

.mr-0 {
	margin-right: 0;
}

.mr {
	margin-right: 5px;
}

.mr-1 {
	margin-right: 10px;
}

.mr-2 {
	margin-right: 20px;
}

.mr-3 {
	margin-right: 30px;
}

.mr-4 {
	margin-right: 40px;
}

.mr-5 {
	margin-right: 50px;
}

.p-0 {
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.p {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.p-1 {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.p-2 {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.p-3 {
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 30px;
	padding-bottom: 30px;
}

.p-4 {
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 40px;
	padding-bottom: 40px;
}

.p-5 {
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 50px;
	padding-bottom: 50px;
}

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

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

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

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

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

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

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

.py-0 {
	padding-top: 0;
	padding-bottom: 0;
}

.py {
	padding-top: 5px;
	padding-bottom: 5px;
}

.py-1 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.py-2 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.py-3 {
	padding-top: 30px;
	padding-bottom: 30px;
}

.py-4 {
	padding-top: 40px;
	padding-bottom: 40px;
}

.py-5 {
	padding-top: 50px;
	padding-bottom: 50px;
}

.pt-0 {
	padding-top: 0;
}

.pt {
	padding-top: 5px;
}

.pt-1 {
	padding-top: 10px;
}

.pt-2 {
	padding-top: 20px;
}

.pt-3 {
	padding-top: 30px;
}

.pt-4 {
	padding-top: 40px;
}

.pt-5 {
	padding-top: 50px;
}

.pb-0 {
	padding-bottom: 0;
}

.pb {
	padding-bottom: 5px;
}

.pb-1 {
	padding-bottom: 10px;
}

.pb-2 {
	padding-bottom: 20px;
}

.pb-3 {
	padding-bottom: 30px;
}

.pb-4 {
	padding-bottom: 40px;
}

.pb-5 {
	padding-bottom: 50px;
}

.pl-0 {
	padding-left: 0;
}

.pl {
	padding-left: 5px;
}

.pl-1 {
	padding-left: 10px;
}

.pl-2 {
	padding-left: 20px;
}

.pl-3 {
	padding-left: 30px;
}

.pl-4 {
	padding-left: 40px;
}

.pl-5 {
	padding-left: 50px;
}

.pr-0 {
	padding-right: 0;
}

.pr {
	padding-right: 5px;
}

.pr-1 {
	padding-right: 10px;
}

.pr-2 {
	padding-right: 20px;
}

.pr-3 {
	padding-right: 30px;
}

.pr-4 {
	padding-right: 40px;
}

.pr-5 {
	padding-right: 50px;
}


.rounded {
	border-radius: 4px;
}

.rounded-cricle {
	border-radius: 100%;
}

.rounded-0 {
	border-radius: 0;
}

.rounded-10 {
	border-radius: 10px;
}

.rounded-20 {
	border-radius: 20px;
}