/*html5*/
article, aside, dialog, footer, header, section, footer, nav, figure, menu {
    display: block;
}

/*清除浮动*/
.clear {
    clear: both;
}
/*公共高度*/
.blank1 {
    height: 1px;
    font-size: 1px;
    clear: both;
}

.blank2 {
    height: 2px;
    font-size: 1px;
    clear: both;
}

.blank40 {
    height: 40px;
    font-size: 1px;
    clear: both;
}

.blank20 {
    height: 20px;
    font-size: 1px;
    clear: both;
}

.blank10 {
    height: 10px;
    font-size: 1px;
    clear: both;
}

.blank12 {
    height: 12px;
    font-size: 1px;
    clear: both;
}

.blank14 {
    height: 14px;
    font-size: 1px;
    clear: both;
}
/*字体颜色*/
.black0 {
    color: #000;
}
/*黑色*/
.black6 {
    color: #666;
}

.black3 {
    color: #333;
}

.black9 {
    color: #999;
}

.black45 {
    color: #454545;
}

.black41 {
    color: #41464f;
}

.white {
    color: #FFF;
}

.red {
    color: #ff0000;
}

.blackc {
    color: #cccccc;
}

.blackdc {
    color: #dc2e27;
}

.black8d {
    color: #8d8d8d;
}
/*字体大小*/
.font8 {
    font-size: 8px;
}

.font12 {
    font-size: 12px;
}

.font14 {
    font-size: 14px;
}

.font16 {
    font-size: 16px;
}

.font18 {
    font-size: 18px;
}

.font20 {
    font-size: 20px;
}

.font23 {
    font-size: 23px;
}

.font24 {
    font-size: 24px;
}

.font30 {
    font-size: 30px;
}

.font40 {
    font-size: 40px;
}

.v-hide {
    display: none;
}

.mouse {
    cursor: pointer;
}

a {
    cursor: pointer;
}

.hide {
    display: none;
}


/*翻页专用*/
.page_link ul li {
    padding: 0px;
    border-bottom: 0px;
}

.page-input {
    width: 3em;
    height: 2em;
    text-align: center;
}

.page-btn {
    vertical-align: top;
}

@media only screen and (max-width: 1025px) {
    .v-hide-md-down {
        display: none !important;
    }
}

@media only screen and (max-width: 641px) {
    .v-hide-sm-down {
        display: none !important;
    }
}

@media only screen and (min-width: 641px) and (max-width: 1025px) {
    .v-hide-md-only {
        display: none !important;
    }
}

.v-show-sm1, .v-show-sm2 {
    display: none;
}

@media only screen and (min-width: 320px) and (max-width: 779px) {

    .v-show-sm1 {
        display: block !important;
    }
}

@media only screen and (min-width: 800px) and (max-width: 1920px) {

    .v-show-sm2 {
        display: block !important;
    }
}

/*上传结果*/
.up_res_pannel {
    margin: 0px !important;
    padding: 0px !important;
}

    .up_res_pannel li {
        position: relative;
        padding: 10px;
        width: 100px;
        float: left;
        list-style: none;
    }

        .up_res_pannel li a {
            position: absolute;
            top: 5px;
            right: 5px;
        }



@media only screen and (min-width: 641px) {
    .am-modal-dialog {
        width: 720px;
    }
}

@media only screen and (max-width: 641px) {
    .am-modal-dialog {
        width: 98% !important;
    }
}


/*图片选择后的删除样式*/
#amazeUiImg > img, .imgList > img {
    width: 60px;
    height: 60px;
    border: 1px solid #eee;
}

.imgList {
    width: 61px;
    height: 61px;
    position: relative;
    float: left;
    margin-right: 5px;
}

.delImg {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    line-height: 18px;
    text-align: center;
    margin: 0;
    position: absolute;
    top: -5px;
    right: -5px;
    font-size: 14px;
    color: #fff;
    background: rgba(0,0,0,.5);
    display: none;
}

/*新增图片预览的CSS样式*/
/*左右点击按钮的样式*/
@media only screen and (min-width: 00px) and (max-width: 768px) {

    .btnL, .btnR {
        display: none;
    }
}

.btnL, .btnR {
    position: fixed;
    top: 50%;
    margin-top: -60px;
    width: 40px;
    height: 120px;
    line-height: 120px;
    text-align: center;
    color: #fff;
    background: rgba(0,0,0,.5);
    z-index: 10000;
    font-size: 36px;
}

.btnL {
    left: 5%;
}

.btnR {
    right: 5%;
}

.showImg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    z-index: 8888;
}

.showImg-in {
    width: 90%;
    height: 80%;
    overflow: hidden;
    position: fixed;
    z-index: 9999;
    top: 10%;
    left: 5%;
}

.showImg-in1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
}

.p1 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    z-index: 9999;
    font-size: 18px;
    color: #fff;
    text-align: center;
}

.showImg-in .showImg-in1 > img {
    float: left;
}

.minicon {
    color: #fff !important;
    cursor: pointer;
    margin-left: 5px;
}


.am-color-primary {
    color: #0e90d2;
}

.am-color-secondary {
    color: #3bb4f2;
}

.am-color-success {
    color: #5eb95e;
}

.am-color-warning {
    color: #F37B1D;
}

.am-color-danger {
    color: #dd514c;
}

.am-color-default {
    color: #d4d4d4;
}

.am-color-live {
    color: #f8d347;
}

.am-color-beauty {
    color: #dc4fca;
}

.am-color-coffee {
    color: #a78116;
}


.am-bg-primary {
    background-color: #0e90d2;
    color: #fff;
}

.am-bg-secondary {
    background-color: #3bb4f2;
    color: #fff;
}

.am-bg-success {
    background-color: #5eb95e;
    color: #fff;
}

.am-bg-warning {
    background-color: #F37B1D;
    color: #fff;
}

.am-bg-danger {
    background-color: #dd514c;
    color: #fff;
}

.am-bg-default {
    background-color: #d4d4d4;
    color: #fff;
}

.am-bg-live {
    background-color: #f8c812;
    color: #fff;
}

.am-bg-beauty {
    background-color: #dc4fca;
    color: #fff;
}

.am-bg-coffee {
    background-color: #a78116;
    color: #fff;
}

.am-icon-btn.am-bg-primary {
    background-color: #0e90d2;
    color: #fff;
}

.am-icon-btn.am-bg-secondary {
    background-color: #3bb4f2;
    color: #fff;
}

.am-icon-btn.am-bg-success {
    background-color: #5eb95e;
    color: #fff;
}

.am-icon-btn.am-bg-warning {
    background-color: #F37B1D;
    color: #fff;
}

.am-icon-btn.am-bg-danger {
    background-color: #dd514c;
    color: #fff;
}

.am-icon-btn.am-bg-default {
    background-color: #d4d4d4;
    color: #fff;
}

.am-icon-btn.am-bg-live {
    background-color: #f8c812;
    color: #fff;
}

.am-icon-btn.am-bg-beauty {
    background-color: #dc4fca;
    color: #fff;
}

.am-icon-btn.am-bg-coffee {
    background-color: #a78116;
    color: #fff;
}


.am-btn-live {
    color: #fff;
    background-color: #f8c812;
    border-color: #f8c812;
}

a.am-btn-live:visited {
    color: #fff;
}

.am-btn-live:hover,
.am-btn-live:focus,
.am-btn-live:active,
.am-btn-live.am-active,
.am-dropdown.am-active .am-btn-live.am-dropdown-toggle {
    color: #fff;
    border-color: #f8b412;
}

.am-btn-live:hover,
.am-btn-live:focus {
    background-color: #f8b412;
}

.am-btn-live:active,
.am-btn-live.am-active,
.am-dropdown.am-active .am-btn-live.am-dropdown-toggle {
    background-image: none;
    background-color: #f8b412;
}

.am-btn-live.am-disabled,
.am-btn-live[disabled],
fieldset[disabled] .am-btn-live,
.am-btn-live.am-disabled:hover,
.am-btn-live[disabled]:hover,
fieldset[disabled] .am-btn-live:hover,
.am-btn-live.am-disabled:focus,
.am-btn-live[disabled]:focus,
fieldset[disabled] .am-btn-live:focus,
.am-btn-live.am-disabled:active,
.am-btn-live[disabled]:active,
fieldset[disabled] .am-btn-live:active,
.am-btn-live.am-disabled.am-active,
.am-btn-live[disabled].am-active,
fieldset[disabled] .am-btn-live.am-active {
    background-color: #f8c812;
    border-color: #f8c812;
}

.am-btn-group .am-btn-live,
.am-btn-group-stacked .am-btn-live {
    border-color: #f8b412;
}



.am-btn-beauty {
    color: #fff;
    background-color: #dc4fca;
    border-color: #dc4fca;
}

a.am-btn-beauty:visited {
    color: #fff;
}

.am-btn-beauty:hover,
.am-btn-beauty:focus,
.am-btn-beauty:active,
.am-btn-beauty.am-active,
.am-dropdown.am-active .am-btn-beauty.am-dropdown-toggle {
    color: #fff;
    border-color: #ae3fa0;
}

.am-btn-beauty:hover,
.am-btn-beauty:focus {
    background-color: #ae3fa0;
}

.am-btn-beauty:active,
.am-btn-beauty.am-active,
.am-dropdown.am-active .am-btn-beauty.am-dropdown-toggle {
    background-image: none;
    background-color: #ae3fa0;
}

.am-btn-beauty.am-disabled,
.am-btn-beauty[disabled],
fieldset[disabled] .am-btn-beauty,
.am-btn-beauty.am-disabled:hover,
.am-btn-beauty[disabled]:hover,
fieldset[disabled] .am-btn-beauty:hover,
.am-btn-beauty.am-disabled:focus,
.am-btn-beauty[disabled]:focus,
fieldset[disabled] .am-btn-beauty:focus,
.am-btn-beauty.am-disabled:active,
.am-btn-beauty[disabled]:active,
fieldset[disabled] .am-btn-beauty:active,
.am-btn-beauty.am-disabled.am-active,
.am-btn-beauty[disabled].am-active,
fieldset[disabled] .am-btn-beauty.am-active {
    background-color: #dc4fca;
    border-color: #dc4fca;
}

.am-btn-group .am-btn-beauty,
.am-btn-group-stacked .am-btn-beauty {
    border-color: #ae3fa0;
}



.am-btn-coffee {
    color: #fff;
    background-color: #a78116;
    border-color: #a78116;
}

a.am-btn-coffee:visited {
    color: #fff;
}

.am-btn-coffee:hover,
.am-btn-coffee:focus,
.am-btn-coffee:active,
.am-btn-coffee.am-active,
.am-dropdown.am-active .am-btn-coffee.am-dropdown-toggle {
    color: #fff;
    border-color: #977515;
}

.am-btn-coffee:hover,
.am-btn-coffee:focus {
    background-color: #977515;
}

.am-btn-coffee:active,
.am-btn-coffee.am-active,
.am-dropdown.am-active .am-btn-coffee.am-dropdown-toggle {
    background-image: none;
    background-color: #977515;
}

.am-btn-coffee.am-disabled,
.am-btn-coffee[disabled],
fieldset[disabled] .am-btn-coffee,
.am-btn-coffee.am-disabled:hover,
.am-btn-coffee[disabled]:hover,
fieldset[disabled] .am-btn-coffee:hover,
.am-btn-coffee.am-disabled:focus,
.am-btn-coffee[disabled]:focus,
fieldset[disabled] .am-btn-coffee:focus,
.am-btn-coffee.am-disabled:active,
.am-btn-coffee[disabled]:active,
fieldset[disabled] .am-btn-coffee:active,
.am-btn-coffee.am-disabled.am-active,
.am-btn-coffee[disabled].am-active,
fieldset[disabled] .am-btn-coffee.am-active {
    background-color: #a78116;
    border-color: #a78116;
}

.am-btn-group .am-btn-coffee,
.am-btn-group-stacked .am-btn-coffee {
    border-color: #977515;
}

.am-text-coffee {
    color: #a78116;
}

.am-text-live {
    color: #f8c812;
}

.am-text-beauty {
    color: #dc4fca;
}



.am-table thead tr {
    background: #e8e8e8;
    border-bottom: 0px;
}



/*中间内容*/
/*导航的激活样式*/

.v_MainTab .add-am-tabs-nav-lv1 {
    background: #fff;
}

    .v_MainTab .add-am-tabs-nav-lv1 a {
        margin-right: 0;
        color: #333;
        font-size: 16px;
        background: #fff;
        padding: 10px 24px;
        border: none;
        border-radius: 0;
    }

        .v_MainTab .add-am-tabs-nav-lv1 a:hover {
            background-color: #f2f2f2;
            color: #01aaed;
        }

    .v_MainTab .add-am-tabs-nav-lv1 > li.am-active > a, .v_MainTab .add-am-tabs-nav-lv1 > li.am-active > a:hover {
        background-color: #f2f2f2;
        border-bottom: 2px solid #01aaed;
        color: #01aaed;
    }

    .v_MainTab .add-am-tabs-nav-lv1 a .off {
        cursor: pointer;
        margin-left: 10px;
        float: right;
    }

.add-am-tabs-nav-lv1 > .am-active > .am-icon-close {
    color: #01aaed !important;
}

.add-am-tabs-lv1 > .am-tabs-nav .am-icon-close ~ a {
    padding-right: 32px !important;
}

.add-am-tabs-lv1 > .am-tabs-nav .am-icon-close {
    right: 4px !important;
    color: #999 !important;
}

.add-am-tabs-nav-lv1 > .am-active > .am-icon-close {
    color: #01aaed !important;
}



.up_res_pannel li img {
    width: 80px;
    height: 80px;
    object-fit: contain;
}

.up_res_pannel li .icon_lt {
    position: absolute;
    left: 0;
    top: 50%;
    font-size: 20px;
    transform: translateY(-50%);
    display: none;
    cursor: pointer;
}

    .up_res_pannel li .icon_lt::after {
        content: "\f0a8";
    }

.up_res_pannel li .icon_rt {
    position: absolute;
    right: 0;
    top: 50%;
    font-size: 20px;
    transform: translateY(-50%);
    display: none;
    cursor: pointer;
}

    .up_res_pannel li .icon_rt::after {
        content: "\f0a9";
    }

.up_res_pannel li:hover .icon_lt,
.up_res_pannel li:hover .icon_rt {
    display: block;
}





/*箭头步骤按钮-btn-sm*/
.btn-arrow-right,
.btn-arrow-left {
    position: relative;
    padding-left: 18px;
    padding-right: 18px;
    border-radius: 0 !important;
    margin-right: 1px;
    margin-bottom: 36px;
}

    .btn-arrow-right[disabled],
    .btn-arrow-left[disabled] {
        opacity: 1.00;
    }

    .btn-arrow-right:before, .btn-arrow-right:after,
    .btn-arrow-left:before,
    .btn-arrow-left:after {
        content: "";
        position: absolute;
        top: 4px;
        /* move it down because of rounded corners */
        height: 22px;
        /* button_inner_height / sqrt(2) */
        width: 23px;
        /* same as height */
        background: inherit;
        /* use parent background */
        border: inherit;
        /* use parent border */
        border-left-color: transparent;
        /* hide left border */
        border-bottom-color: transparent;
        /* hide bottom border */
        border-radius: 0 !important;
    }

    .btn-arrow-right:before,
    .btn-arrow-left:before {
        left: -13px;
    }

    .btn-arrow-right:after,
    .btn-arrow-left:after {
        right: -13px;
    }

    .btn-arrow-right.btn-arrow-left,
    .btn-arrow-left.btn-arrow-left {
        padding-right: 36px;
    }

        .btn-arrow-right.btn-arrow-left:before, .btn-arrow-right.btn-arrow-left:after,
        .btn-arrow-left.btn-arrow-left:before,
        .btn-arrow-left.btn-arrow-left:after {
            -webkit-transform: rotate(225deg);
            -ms-transform: rotate(225deg);
            transform: rotate(225deg);
            /* rotate right arrow squares 45 deg to point right */
        }

    .btn-arrow-right.btn-arrow-right,
    .btn-arrow-left.btn-arrow-right {
        padding-left: 36px;
    }

        .btn-arrow-right.btn-arrow-right:before, .btn-arrow-right.btn-arrow-right:after,
        .btn-arrow-left.btn-arrow-right:before,
        .btn-arrow-left.btn-arrow-right:after {
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            /* rotate right arrow squares 45 deg to point right */
        }

    .btn-arrow-right:after,
    .btn-arrow-left:before {
        /* bring arrow pointers to front */
        z-index: 3;
    }

    .btn-arrow-right:before,
    .btn-arrow-left:after {
        /* hide arrow tails background */
        background-color: white;
    }

    .btn-arrow-left > div, .btn-arrow-right > div {
        position: absolute;
        bottom: -24px;
        left: 10px;
    }