.btn.active,
.btn:active,
.form-control {
    box-shadow: none
}

body,
html {
    height: 100%;
    width: 100%;
    background-color: #F4F7F9;
    font-family: "微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif
}

#gw-body {
    overflow: hidden
}

* {
    margin: 0;
    padding: 0
}

li,
ol,
ul {
    list-style: none
}

.animated {
    visibility: hidden
}

#gw-body .animated {
    visibility: visible
}

#gw-body .ui-draggable-hidden .animated {
    visibility: hidden
}

#gw-body input::-webkit-input-placeholder,
#gw-body textarea::-webkit-input-placeholder {
    color: #ccc
}

#gw-body input:-moz-placeholder,
#gw-body textarea:-moz-input-placeholder {
    color: #ccc
}

#gw-body input::-moz-placeholder,
#gw-body textarea::-moz-input-placeholder {
    color: #ccc
}

#gw-body input::-ms-input-placeholder,
#gw-body textarea::-ms-input-placeholder {
    color: #ccc
}

.form-control {
    border-color: #e8e8e8;
    border-radius: 2px
}

a {
    color: #333;
    cursor: pointer;
    text-decoration: none
}

a:hover {
    color: #2D8DF0;
    text-decoration: none
}

a:focus {
    text-decoration: none
}

a[href^=tel] {
    color: inherit;
    text-decoration: none
}

label {
    margin-bottom: 0
}

.btn-info {
    color: #fff;
    background: #3B98EF;
    border-color: #3B98EF
}

.btn-info:active,
.btn-info:focus,
.btn-info:hover {
    background: #5299db !important;
    border: 1px solid #5299db !important
}

.btn-purpre {
    color: #fff;
    background: #B279E3;
    border-color: #B279E3
}

.btn-purpre:active,
.btn-purpre:focus,
.btn-purpre:hover {
    color: #fff;
    background: #B279E3 !important;
    border: 1px solid #B279E3 !important
}

.gw-switch-button {
    display: inline-block;
    width: 24px;
    height: 14px;
    border-radius: 7px;
    cursor: pointer;
    transition: border-color .2s, background-color .2s;
    background-color: #ccc;
    border: 1px solid #ccc;
    position: relative;
    margin-top: 11px
}

.gw-switch-button.on {
    border: 1px solid #2D8DF0;
    background-color: #2D8DF0
}

.gw-switch-button.on::after {
    left: 11px
}

.gw-switch-button::after {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    transition: all .2s;
    background-color: #fff
}

.ie9-warning {
    background: #f7e2b1;
    z-index: 1001;
    position: fixed;
    width: 100%;
    text-align: center;
    color: red;
    font-size: 24px;
    line-height: 76px
}

.ie9-warning .icon-close-ie9 .fa {
    padding: 20px;
    cursor: pointer
}

.gw-header {
    width: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    box-shadow: 0 5px 3px -2px rgba(0, 0, 0, .05);
    display: flex;
    align-items: center
}

.gw-header .gw-logo {
    text-align: center;
    height: 66px;
    line-height: 66px;
    width: 340px
}

.gw-header .gw-logo img {
    height: 35px
}

.gw-header .gw-header-left {
    width: 360px
}

.gw-header .gw-header-tool-left {
    height: 66px;
    font-size: 16px
}

.gw-header .gw-header-tool-left>ul>li {
    line-height: 55px;
    height: 66px
}

.gw-header .gw-header-tool-left>ul>li>a {
    padding: 5px 20px;
    color: #424A5E;
    background-color: #fff
}

.gw-header .gw-header-tool-left>ul>li>a:focus,
.gw-header .gw-header-tool-left>ul>li>a:hover {
    color: #2D8DF0;
    background-color: #fff
}

.gw-header .gw-tools {
    margin-top: 13px
}

.gw-header .dropdown-menu {
    margin: 0;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
    box-shadow: 0 2px 12px 0 rgba(39, 48, 67, .1)
}

.gw-header .dropdown-menu input[type=checkbox] {
    margin: 5px 3px 5px 10px
}

.gw-header .dropdown-menu li {
    padding: 8px 16px;
    cursor: pointer;
    line-height: 16px
}

.gw-header .dropdown-menu li i {
    margin-right: 8px
}

.gw-header .dropdown-menu li:focus,
.gw-header .dropdown-menu li:hover {
    background-color: #2D8DF0
}

.gw-header .dropdown-menu li:focus>a,
.gw-header .dropdown-menu li:hover>a {
    color: #fff
}

.gw-header .dropdown-menu a {
    padding: 0;
    color: #424A5E;
    width: 100%;
    display: inline-block
}

.gw-header .dropdown-menu a:focus,
.gw-header .dropdown-menu a:hover {
    background-color: #2D8DF0;
    color: #fff
}

.gw-header .gw-header-center {
    flex-grow: 1
}

.gw-header .gw-equipment {
    text-align: center;
    height: 66px;
    display: flex;
    justify-content: center;
    align-items: center
}

.gw-header .gw-equipment i {
    font-size: 40px;
    color: #CBD0DF;
    cursor: pointer
}

.gw-header .gw-equipment .gw-change-box {
    display: inline-block;
    width: 40px;
    text-align: center
}

.gw-header .gw-equipment .choose-size-box {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

.gw-header .gw-equipment .choose-size-box i {
    font-size: 18px;
    margin: 0 10px;
    padding: 6px;
    border-radius: 4px
}

.gw-header .gw-equipment .choose-size-box i:hover {
    color: #3B98EF;
    background-color: #A1CFF9
}

.gw-header .gw-equipment .choose-size-box .choose-size .choose-dialog {
    display: none;
    position: absolute;
    top: 100%;
    margin-left: -45px;
    background-color: #fff;
    min-width: 148px;
    border-radius: 6px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    padding: 5px
}

.gw-header .gw-equipment .choose-size-box .choose-size .choose-dialog hr {
    margin: 5px
}

.gw-header .gw-equipment .choose-size-box .choose-size .choose-dialog .choose-item {
    padding: 5px 10px;
    cursor: pointer
}

.gw-header .gw-equipment .choose-size-box .choose-size .choose-dialog .choose-item .key_icon {
    border: 1px solid #eee;
    padding: 2px 4px;
    border-radius: 4px;
    color: #999
}

.gw-header .gw-equipment .choose-size-box:hover .choose-dialog {
    display: block
}

.gw-header .gw-serve-publish {
    text-align: right;
    margin-right: 40px;
    display: flex;
    align-items: center
}

.gw-header .gw-serve-publish .button {
    border-radius: 6px;
    padding: 8px 44px;
    font-size: 16px;
    line-height: 24px
}

.gw-header .gw-serve-publish .header-btn {
    border-radius: 6px;
    padding: 5px 44px;
    font-size: 16px;
    line-height: 24px;
    cursor: pointer;
    color: #fff;
    margin-right: 24px;
    transition: all .1s ease
}

.gw-header .gw-serve-publish .header-btn.gw-backUp {
    background-color: #734DF1
}

.gw-header .gw-serve-publish .header-btn.gw-backUp:hover {
    background-color: #8e6ff1
}

.gw-header .gw-serve-publish .header-btn.gw-save {
    background-color: #0091FF;
    position: relative
}

.gw-header .gw-serve-publish .header-btn.gw-save:hover {
    background-color: #66b1ff
}

.gw-header .gw-serve-publish .header-btn.gw-save .gw-save-spot {
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    top: 10px;
    right: 34px;
    background-color: #f66;
    display: inline-block
}

.gw-header .gw-serve-publish .header-btn.gw-publish {
    background-color: #24BF51
}

.gw-header .gw-serve-publish .header-btn.gw-publish:hover {
    background-color: #68d487
}

.gw-header .gw-serve-publish .gw-full {
    display: inline-block;
    cursor: pointer;
    border-radius: 50%;
    background-color: #FAFAFA;
    margin-right: 24px
}

.gw-header .gw-serve-publish .gw-full i {
    font-size: 40px;
    color: #CBD0DF;
    line-height: 40px
}

.gw-header .gw-serve-publish a {
    color: #909399
}

.gw-header .gw-exit:hover {
    color: #2D8DF0
}

.gw-header .gw-equipment .gw-change-box .fa-active,
.mobile .gw-header .gw-equipment .icon-icon013-nav-mobile,
.pc .gw-header .gw-equipment .icon-icon014-nav-computer {
    color: #3B98EF
}

@media screen and (max-width:1595px) {
    .gw-header .gw-serve-publish .header-btn.gw-save .gw-save-spot {
        right: 12px
    }

    .gw-header .gw-header-tool-left>ul>li>a {
        padding: 5px
    }

    .gw-header .gw-serve-publish .header-btn {
        padding: 5px 20px
    }
}

@media screen and (max-width:1330px) {
    .gw-header .gw-header-left {
        width: 340px
    }
}

.gw-edit-content {
    padding-top: 106px;
    margin-left: 340px;
    height: 100%;
    overflow: hidden;
    position: relative;
    -moz-user-select: none;
    user-select: none;
    padding-bottom: 20px
}

.gw-edit-tool-content {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    width: 340px;
    height: 100%;
    padding-top: 66px;
    background: #fff;
    border-right: 1px solid #e8e8e8
}

.gw-edit-tool-content .gw-edit-tool-menu .nav-tabs {
    border-color: #e8e8e8;
    width: 340px
}

.gw-edit-tool-content .gw-edit-tool-menu .nav-tabs li {
    width: 25%;
    font-size: 16px;
    text-align: center;
    border-right: 1px solid #e8e8e8
}

.gw-edit-tool-content .gw-edit-tool-menu .nav-tabs li a {
    margin: 0;
    border: 0;
    border-radius: 0;
    position: relative;
    color: #666
}

.gw-edit-tool-content .gw-edit-tool-menu .nav-tabs li:hover {
    background-color: #f5f5f5
}

.gw-edit-tool-content .gw-edit-tool-menu .nav-tabs li.active a {
    background: linear-gradient(-45deg, transparent 5px, #4e90ff 0) 0, linear-gradient(45deg, transparent 5px, #4e90ff 0) 100%;
    color: #fff;
    margin: 0;
    border: 0
}

.gw-edit-tool-region #tabModule .select-module,
.gw-edit-tool-region .nav-title {
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 12px
}

.gw-edit-tool-content .gw-edit-tool-menu .nav-tabs li.active a:focus {
    outline: 0
}

.gw-edit-tool-content .gw-edit-tool-menu .nav-tabs li.active a::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: -18px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    background-color: #fff
}

.gw-edit-tool-region {
    position: relative;
    height: 100%
}

.gw-edit-tool-region>.tab-pane {
    padding: 16px 20px 50px 18px;
    height: 100%;
    min-height: 100%
}

.gw-edit-tool-region .nav-title li a {
    padding: 10px 20px 16px
}

.gw-edit-tool-region .nav-title li:first-child a {
    padding-left: 0
}

.gw-edit-tool-region #tabModule .select-module {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 12px
}

.gw-edit-tool-region #tabModule .select-module .dropdown,
.gw-edit-tool-region .gw-edit-page .page-tool-area .choose-language .dropdown {
    flex-grow: 1
}

.gw-edit-tool-region #tabModule .select-module>span {
    color: #606266;
    margin-right: 16px
}

.gw-edit-tool-region .nav-menu-title>li.active>a,
.gw-edit-tool-region .nav-menu-title>li.active>a:focus,
.gw-edit-tool-region .nav-menu-title>li.active>a:hover,
.gw-edit-tool-region .nav-menu-title>li>a.active,
.gw-edit-tool-region .nav-menu-title>li>a:focus,
.gw-edit-tool-region .nav-menu-title>li>a:hover,
.gw-edit-tool-region .nav-title>li>a.active,
.gw-edit-tool-region .nav-title>li>a:focus,
.gw-edit-tool-region .nav-title>li>a:hover {
    color: #2D8DF0;
    background-color: transparent
}

.gw-edit-tool-region #tabModule .select-module .dropdown>button {
    width: 100%;
    border-radius: 2px;
    border-color: #e8e8e8
}

.gw-edit-tool-region #tabModule .select-module .dropdown>button:focus,
.gw-edit-tool-region #tabModule .select-module .dropdown>button:hover {
    background-color: #fff;
    outline: 0;
    border-color: #e8e8e8
}

.gw-edit-tool-region #tabModule .select-module .dropdown .dropdown-menu {
    width: 100%;
    min-width: auto
}

.gw-edit-tool-region .nav-title>li.active>a,
.gw-edit-tool-region .nav-title>li.active>a:focus,
.gw-edit-tool-region .nav-title>li.active>a:hover {
    background-color: transparent;
    color: #2D8DF0;
    border-bottom: 2px solid #2D8DF0;
    border-radius: 0
}

.gw-edit-tool-region .nav-menu-title {
    border-right: 1px solid #e8e8e8
}

.gw-edit-tool-region .nav-menu-title>li>a {
    padding: 8px 0;
    border-radius: 2px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.gw-edit-tool-region .gw-module-box {
    background: #efefef;
    font-size: 24px;
    line-height: 71px;
    color: #111;
    text-align: center
}

.gw-edit-tool-region .gw-edit-page .page-tool-area {
    padding-bottom: 16px;
    border-bottom: 1px solid #E8E8E8;
    margin-bottom: 16px
}

.gw-edit-tool-region .gw-edit-page .page-tool-area .choose-language {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.gw-edit-tool-region .gw-edit-page .page-tool-area .choose-language>span {
    color: #606266;
    margin-right: 16px
}

.gw-edit-tool-region .gw-edit-page .page-tool-area .choose-language .dropdown>button {
    width: 100%;
    border-radius: 2px;
    border-color: #e8e8e8
}

.gw-edit-tool-region .gw-edit-page .page-tool-area .choose-language .dropdown>button:focus,
.gw-edit-tool-region .gw-edit-page .page-tool-area .choose-language .dropdown>button:hover {
    background-color: #fff;
    outline: 0;
    border-color: #e8e8e8
}

.gw-edit-tool-region .gw-edit-page .page-tool-area .choose-language .dropdown .dropdown-menu {
    width: 100%;
    margin: 0
}

.gw-edit-tool-region .gw-edit-page .page-tool-area .search-page {
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 16px;
    display: flex
}

.gw-edit-tool-region .gw-edit-page .page-tool-area .search-page .gw-search-page {
    margin-right: 20px;
    flex-grow: 1;
    width: auto
}

.gw-edit-tool-region .gw-edit-page .page-tool-area .search-page .gw-add-page {
    padding: 8px;
    width: auto
}

.gw-edit-tool-region .gw-edit-page .page-pagination {
    text-align: center
}

.gw-edit-tool-region .gw-edit-page .choose-page-type {
    display: flex;
    justify-content: center;
    padding: 15px 0;
    margin-bottom: 0
}

.gw-edit-tool-region .gw-edit-page .choose-page-type li {
    font-size: 16px
}

.gw-edit-tool-region .gw-edit-page .choose-page-type li.active a {
    color: #2D8DF0
}

.gw-edit-tool-region .gw-edit-page .choose-page-type li:first-child {
    margin-right: 20px
}

.gw-edit-tool-region .gw-edit-page .choose-page-type li:last-child {
    margin-left: 20px
}

.gw-edit-tool-region .gw-edit-page>div:not([data-page-type=page]) .horn {
    display: none
}

.gw-edit-tool-region .gw-edit-page .sortable-placeholder {
    width: 275px;
    height: 51px;
    margin-bottom: 16px;
    margin-left: 26px;
    border: 1px dashed #2D8DF0;
    border-radius: 4px
}

.gw-edit-tool-region .gw-edit-page .list-group-home {
    margin-top: 15px;
    font-size: 20px;
    display: inline-block;
    color: #2D8DF0
}

.gw-edit-tool-region .gw-edit-page .list-group-item {
    margin-bottom: 10px;
    border-radius: 4px;
    padding: 16px;
    width: 275px;
    border-color: #e8e8e8;
    overflow: hidden;
    line-height: 16px
}

.gw-edit-tool-region .gw-edit-page .list-group-item .horn {
    position: absolute;
    width: 16px;
    height: 16px;
    background-color: #fff;
    right: -8px;
    bottom: -8px;
    cursor: move;
    transform: rotate(45deg)
}

.gw-edit-tool-region .gw-edit-page .list-group-item a {
    width: 132px;
    display: inline-block;
    word-break: break-word
}

.gw-edit-tool-region .gw-edit-page .list-group-item .gw-tool {
    display: flex;
    align-items: center
}

.gw-edit-tool-region .gw-edit-page .list-group-item .gw-tool>a,
.gw-edit-tool-region .gw-edit-page .list-group-item .gw-tool>i {
    margin-right: 2px
}

.gw-edit-tool-region .gw-edit-page .list-group-item .gw-tool i {
    font-size: 16px;
    color: #666
}

.gw-edit-tool-region .gw-edit-page .list-group-item .gw-tool i:hover {
    color: #0091FF
}

.gw-edit-tool-region .gw-edit-page .list-group-item .gw-tool .gw-page-item-move {
    width: auto;
    display: inline-block
}

.gw-edit-tool-region .gw-edit-page .list-group-item .gw-tool .gw-more-func-page-i {
    position: relative
}

.gw-edit-tool-region .gw-edit-page .list-group-item .gw-tool .gw-more-func-page-i .gw-more-tool-box {
    position: absolute;
    display: none;
    top: -106%;
    left: 15px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 9px 1px;
    z-index: 100
}

.gw-edit-tool-region .gw-edit-page .list-group-item .gw-tool .gw-more-func-page-i .gw-more-tool-box i {
    width: 100%;
    padding: 5px 0
}

.gw-edit-tool-region .gw-edit-page .list-group-item.active,
.gw-edit-tool-region .gw-edit-page .list-group-item:hover {
    background-color: #fff;
    color: #0091FF;
    border-color: #0091FF
}

.gw-edit-tool-region .gw-edit-page .list-group-item.active .horn,
.gw-edit-tool-region .gw-edit-page .list-group-item:hover .horn {
    background-color: #2D8DF0
}

.gw-edit-tool-region .gw-edit-page .list-group-item.active:hover,
.gw-edit-tool-region .gw-edit-page .list-group-item:hover:hover {
    cursor: pointer
}

.gw-edit-tool-region .gw-edit-page .list-group-item.active .gw-tool .gw-more-func-page-i .gw-more-tool-box i,
.gw-edit-tool-region .gw-edit-page .list-group-item:hover .gw-tool .gw-more-func-page-i .gw-more-tool-box i {
    color: #666
}

.gw-edit-tool-region .gw-edit-page .list-group-item.active a,
.gw-edit-tool-region .gw-edit-page .list-group-item:hover a {
    color: #0091FF
}

.gw-edit-tool-region .gw-edit-page .gw-sub-pages-box {
    margin-left: 48px;
    margin-top: 12px;
    display: block;
    position: relative
}

.gw-edit-tool-region .gw-edit-page .gw-sub-pages-box:before {
    content: "";
    display: block;
    width: 0;
    position: absolute;
    top: 0;
    bottom: 32px;
    z-index: -1;
    left: -10px;
    border-left: 1px solid #DCDFE6
}

.gw-edit-tool-region .gw-edit-page .gw-sub-pages-box .list-group-item-sub {
    padding: 12px;
    width: 253px;
    margin-bottom: 10px
}

.gw-edit-tool-region .gw-edit-page .gw-sub-pages-box .list-group-item-sub::before {
    content: "";
    display: block;
    width: 10px;
    height: 1px;
    background-color: #DCDFE6;
    position: absolute;
    top: 14px;
    left: -10px
}

.gw-edit-tool-region .gw-edit-page .gw-sub-pages-box .list-group-item-sub .list-group-item-sub-index {
    position: relative;
    height: 24px;
    padding: 0
}

.gw-edit-tool-region .gw-edit-page .gw-sub-pages-box .list-group-item-sub .list-group-item-sub-index:before {
    content: "";
    display: block;
    width: 18px;
    height: 0;
    position: absolute;
    top: 14px;
    left: 0
}

.gw-edit-tool-region .gw-edit-page .gw-sub-pages-box .list-group-item-sub a {
    width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.gw-edit-tool-region .gw-edit-page .gw-three-pages {
    padding-top: 30px;
    margin-top: 25px
}

.gw-edit-tool-region .gw-edit-page .gw-three-pages .list-group-item-sub {
    width: 204px;
    overflow: hidden
}

.gw-edit-tool-region .gw-edit-page .list-group-item-add {
    color: #0091FF;
    cursor: pointer;
    transition: all .2s ease
}

.gw-edit-tool-region .gw-edit-page .list-group-item-add:hover {
    border-color: #0091FF;
    background-color: #0091FF;
    color: #fff
}

.gw-edit-tool-region .gw-edit-page .language-type {
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 38px;
    font-size: 16px;
    line-height: 32px;
    margin-top: 15px;
    margin-bottom: 10px;
    color: #5baaf4;
    cursor: pointer;
    position: relative;
    overflow: hidden
}

.gw-edit-tool-region .gw-edit-page .language-type:after {
    position: absolute;
    right: 20px;
    top: 0;
    width: 230px;
    height: 1px;
    content: '- - - - - - - - - - - - - - - - - - - - -'
}

.gw-edit-tool-region .gw-edit-page .language-type .language-title {
    padding-right: 10px;
    background-color: #fff;
    position: relative;
    z-index: 10
}

.gw-edit-tool-region .gw-edit-page .language-type .icon-arrow-language {
    float: right;
    line-height: 32px
}

.gw-edit-tool-region .gw-edit-page .language-type.close-page .icon-arrow-language {
    transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg)
}

.gw-edit-tool-region .gw-edit-module .gw-edit-module-menu {
    width: 75px
}

.gw-edit-tool-region .gw-edit-module .gw-edit-module-menu .nav-pills li {
    margin-bottom: 10px
}

.gw-edit-tool-region .gw-edit-module .gw-edit-module-menu .nav-pills li a {
    padding: 5px 10px
}

.gw-edit-tool-region .gw-edit-module .gw-edit-module-menu .nav-pills li.active a {
    background: #0091FF
}

.gw-edit-tool-region .gw-edit-module .gw-edit-module-list .module-right-content {
    width: 200px;
    background-color: #fff;
    margin-bottom: 14px;
    text-align: center;
    line-height: 71px;
    font-size: 24px;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
    transition: all .1s ease-in-out;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .1);
    background-size: cover
}

.gw-edit-tool-region .gw-edit-module .gw-edit-module-list .module-right-content:hover {
    box-shadow: 0 4px 13px 0 rgba(0, 0, 0, .18);
    transform: scale(1.05)
}

.gw-edit-tool-region .gw-edit-module .gw-edit-module-list .module-0 {
    background-image: url(../images/module-1.png)
}

.gw-edit-tool-region .gw-edit-module .gw-edit-module-list .module-1 {
    background-image: url(../images/module-2.png)
}

.gw-edit-tool-region .gw-edit-module .gw-edit-module-list .module-2 {
    background-image: url(../images/module-3.png)
}

.gw-edit-tool-region .gw-edit-module .gw-edit-module-list .module-3 {
    background-image: url(../images/module-4.png)
}

.gw-edit-tool-region .gw-edit-component {
    padding: 0 24px 80px
}

.gw-edit-tool-region .gw-edit-component .gw-edit-component-title {
    font-size: 16px;
    color: #2D8DF0;
    margin-top: 24px
}

.gw-edit-tool-region .gw-edit-component .gw-edit-component-list:not(:last-child) {
    border-bottom: 1px solid #dfdfdf
}

.gw-edit-tool-region .gw-edit-component .gw-edit-component-list li {
    float: left;
    width: 64px;
    height: 75px;
    text-align: center;
    margin: 10px 49px 15px 0;
    cursor: all-scroll
}

.gw-edit-tool-region .gw-edit-component .gw-edit-component-list li:nth-child(3n+3) {
    margin-right: 0
}

.gw-edit-tool-region .gw-edit-component .gw-edit-component-list li .name {
    color: #606266;
    margin-left: -10px;
    margin-right: -10px
}

.gw-edit-tool-region .gw-edit-component .gw-edit-component-list li .icon {
    width: 64px;
    height: 54px;
    display: block;
    margin: 0 auto 8px;
    background-repeat: no-repeat;
    transition: all .2s ease;
    border-radius: 4px;
    background-image: url(../images/icon.png);
    box-shadow: 0 2px 4px 0 rgba(39, 48, 67, .2);
    background-size: 1487%;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor
}

.gw-edit-tool-region .gw-edit-component .gw-edit-component-list li .icon:hover {
    background-image: url(../images/icon-hover.png)
}

.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-text .icon {
    background-position: 0 0
}

.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-images .icon {
    background-position: -111px 0
}

.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-button .icon {
    background-position: -222px 0
}

.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-icon .icon {
    background-position: -333px -103px
}

.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-bglayer .icon {
    background-position: -222px -103px
}

.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-nav .icon {
    background-position: -333px 0
}

.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-module-carousel-banner .icon {
    background-position: -444px 0
}

.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-carousel .icon {
    background-position: -555px 0
}

.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-marquee .icon {
    background-position: -666px 0
}

.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-divide .icon {
    background-position: -777px 0
}

.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-form .icon {
    background-position: -888px 0
}

.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-classified .icon {
    background-position: -555px -103px
}

.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-article .icon {
    background-position: 0 -103px
}

.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-goods .icon {
    background-position: -111px -103px
}

.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-case .icon {
    background-position: -444px -103px
}

.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-shop_goods .icon {
    background-position: -888px -103px
}

.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-map .icon {
    background-position: -777px -103px
}

.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-video .icon {
    background-position: 0 -206px
}

.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-module-float-item .icon {
    background-position: -111px -206px
}

.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-search .icon {
    background-position: -222px -206px
}

.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-screen-module .icon {
    background-position: -333px -206px
}

.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-scrollNotice .icon {
    background-position: -444px -206px
}

.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-rich .icon {
    background-position: -555px -206px
}

.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-formPlus .icon {
    background-position: -666px -206px
}

.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-attribute .icon {
    background-position: -666px -103px
}

.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-special-list-module .icon {
    background-position: -777px -206px
}

.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-shop_store .icon {
    background-position: -888px -206px
}

.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-share .icon {
    background-position: 0 0
}

.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-service .icon {
    background-position: -93px -75px
}

.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-vote .icon {
    background-position: -186px -75px
}

.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-container-drag-item .icon {
    background-position: -464px -75px
}

.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-special-list .icon {
    background-position: -371px -150px
}

.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-screen .icon {
    background-position: -464px -150px
}

.gw-browse-editor {
    height: 100%;
    z-index: 1;
    position: relative;
    overflow-x: auto;
    overflow-y: auto
}

.gw-editor-page .gw-module-drag-item.ui-sortable-placeholder {
    height: 200px;
    border: 1px dashed #337ab7;
    text-align: center;
    line-height: 100px;
    font-size: 16px;
    color: #ccc;
    visibility: visible !important
}

.gw-editor-page .gw-module-drag-item.ui-sortable-placeholder:after {
    content: '松开鼠标模块将添加在这里'
}

.gw-editor-page .gw-module-drag-item.ui-sortable-helper {
    width: 190px !important;
    height: 75px !important
}

.gw-editor-page .gw-module-drag-item.ui-sortable-helper.module-0 {
    background-image: url(../images/module-1.png)
}

.gw-editor-page .gw-module-drag-item.ui-sortable-helper.module-1 {
    background-image: url(../images/module-2.png)
}

.gw-editor-page .gw-module-drag-item.ui-sortable-helper.module-2 {
    background-image: url(../images/module-3.png)
}

.gw-editor-page .gw-module-drag-item.ui-sortable-helper.module-3 {
    background-image: url(../images/module-4.png)
}

.gw-editor-page .gw-browse-module .ui-droppable-hover:after {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(30, 193, 253, .1);
    z-index: 999
}

.gw-editor-bar {
    position: fixed;
    bottom: 30px;
    right: 86px;
    width: 60px;
    z-index: 100;
    text-align: center
}

.gw-editor-bar .gw-show-question-box .gw-show-question-box-row {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #CBD0DF;
    margin-bottom: 20px;
    cursor: pointer;
    transition: background-color ease .3s;
    position: relative
}

.gw-editor-bar .gw-show-question-box .gw-show-question-box-row i {
    color: #fff;
    font-size: 32px;
    line-height: 48px
}

.gw-editor-bar .gw-show-question-box .gw-show-question-box-row::after,
.gw-editor-bar .gw-show-question-box .gw-show-question-box-row::before {
    content: "";
    width: 56px;
    height: 56px;
    background-color: rgba(0, 145, 255, .3);
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: all ease .3s;
    transform: translate(-50%, -50%) scale(0);
    z-index: -1
}

.gw-editor-bar .gw-show-question-box .gw-show-question-box-row::after {
    width: 64px;
    height: 64px;
    background-color: rgba(0, 145, 255, .1)
}

.gw-editor-bar .gw-show-question-box .gw-show-question-box-row:hover {
    background-color: #2D8DF0
}

.gw-editor-bar .gw-show-question-box .gw-show-question-box-row:hover::after,
.gw-editor-bar .gw-show-question-box .gw-show-question-box-row:hover::before {
    transform: translate(-50%, -50%) scale(1)
}

.jquery-guide,
.jquery-guide-bg {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.jquery-guide-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    border-color: rgba(0, 0, 0, .6);
    border-style: solid;
    border-width: 0
}

.jquery-guide-bg.active {
    border-color: rgba(0, 0, 0, .5)
}

.jquery-guide-content {
    position: absolute;
    cursor: default;
    color: #606266;
    z-index: 1001;
    background-color: #fff;
    border: 2px solid #24BF51;
    border-radius: 4px;
    width: 300px;
    padding: 15px
}

.jquery-guide-content .jquery-guide-text {
    text-align: center
}

.jquery-guide-content .jquery-guide-btns {
    margin-top: 25px;
    display: flex;
    justify-content: center
}

.jquery-guide-content .jquery-guide-btns .btn {
    margin-left: 10px;
    outline: 0;
    padding: 8px 25px
}

.ml-0,
.mobile .article-detail-container .article-panel2 .aticle-detail-style2 .title-content,
.preview .gw-edit-content {
    margin-left: 0
}

.jquery-guide-content .jquery-guide-btns .btn-success {
    background-color: #24BF51
}

.gw-guide-exit-global {
    background: #000;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1001;
    width: 50px;
    height: 50px;
    border-radius: 0 0 0 100%;
    color: #fff;
    line-height: 42px;
    padding-left: 18px;
    cursor: pointer
}

.cover-layer .layui-layer-shade {
    display: none
}

.cover-layer .jquery-guide-bg {
    z-index: 100000000
}

.cover-layer .jquery-guide-content {
    z-index: 100000001
}

.layui-layer {
    border-radius: 4px !important;
    overflow: hidden
}

.layui-layer .layui-layer-title {
    text-align: center;
    background-color: #fff;
    padding: 0 20px
}

.video-list {
    padding: 10px
}

.video-list li {
    width: 50%;
    float: left;
    padding: 10px
}

.video-list .video-title {
    display: block;
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
    color: #5baaf4;
    line-height: 20px
}

.video-list .video-title .fa {
    font-size: 20px;
    vertical-align: bottom
}

.video-list .video-content {
    width: 420px;
    height: 320px;
    background: #000;
    position: relative
}

.video-list .video-tips {
    position: absolute;
    top: 120px;
    left: 0;
    width: 100%;
    text-align: center;
    display: block;
    color: #fff
}

.video-list .video-source {
    position: relative
}

#gw-body ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: transparent;
    border-radius: 5px
}

#gw-body ::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: rgba(193, 218, 238, .65)
}

#gw-body ::-webkit-scrollbar-button {
    height: 10px;
    background-color: transparent;
    border-radius: 5px
}

#gw-body::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: transparent;
    border-radius: 5px
}

#gw-body::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: rgba(193, 218, 238, .65)
}

#gw-body::-webkit-scrollbar-button {
    height: 10px;
    background-color: transparent;
    border-radius: 5px
}

.gw-copy-website-by-language-form p {
    color: #FE5B57
}

.mt-0 {
    margin-top: 0
}

.mr-0 {
    margin-right: 0
}

.mb-0 {
    margin-bottom: 0
}

.pt-0 {
    padding-top: 0
}

.pr-0 {
    padding-right: 0
}

.pb-0 {
    padding-bottom: 0
}

.pl-0 {
    padding-left: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mt-6 {
    margin-top: 6px
}

.form-group.open-enlarge>p,
.mt-7 {
    margin-top: 7px
}

.mr-6 {
    margin-right: 6px
}

.mb-6 {
    margin-bottom: 6px
}

.ml-6 {
    margin-left: 6px
}

.pt-6 {
    padding-top: 6px
}

.pr-6 {
    padding-right: 6px
}

.pb-6 {
    padding-bottom: 6px
}

.pl-6 {
    padding-left: 6px
}

.mr-7 {
    margin-right: 7px
}

.mb-7 {
    margin-bottom: 7px
}

.ml-7 {
    margin-left: 7px
}

.pt-7 {
    padding-top: 7px
}

.pr-7 {
    padding-right: 7px
}

.pb-7 {
    padding-bottom: 7px
}

.pl-7 {
    padding-left: 7px
}

.mt-8 {
    margin-top: 8px
}

.mr-8 {
    margin-right: 8px
}

.mb-8 {
    margin-bottom: 8px
}

.ml-8 {
    margin-left: 8px
}

.pt-8 {
    padding-top: 8px
}

.pr-8 {
    padding-right: 8px
}

.pb-8 {
    padding-bottom: 8px
}

.pl-8 {
    padding-left: 8px
}

.mt-9 {
    margin-top: 9px
}

.mr-9 {
    margin-right: 9px
}

.mb-9 {
    margin-bottom: 9px
}

.ml-9 {
    margin-left: 9px
}

.pt-9 {
    padding-top: 9px
}

.pr-9 {
    padding-right: 9px
}

.pb-9 {
    padding-bottom: 9px
}

.pl-9 {
    padding-left: 9px
}

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

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

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

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

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

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

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

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

.mt-12 {
    margin-top: 12px
}

.mr-12 {
    margin-right: 12px
}

.mb-12 {
    margin-bottom: 12px
}

.mb-15,
.mobile .gw-editor-module .search-popup .search-form fieldset input[type=search] {
    margin-bottom: 15px
}

.ml-12 {
    margin-left: 12px
}

.pt-12 {
    padding-top: 12px
}

.pr-12 {
    padding-right: 12px
}

.pb-12 {
    padding-bottom: 12px
}

.pl-12 {
    padding-left: 12px
}

.mt-15 {
    margin-top: 15px
}

.mr-15 {
    margin-right: 15px
}

.ml-15 {
    margin-left: 15px
}

.pt-15 {
    padding-top: 15px
}

.pr-15 {
    padding-right: 15px
}

.pb-15 {
    padding-bottom: 15px
}

.pl-15 {
    padding-left: 15px
}

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

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

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

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

.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container:hover .see-more i,
.ml-25 {
    margin-left: 25px
}

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

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

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

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

.mt-25 {
    margin-top: 25px
}

.mr-25 {
    margin-right: 25px
}

.mb-25 {
    margin-bottom: 25px
}

.pt-25 {
    padding-top: 25px
}

.pr-25 {
    padding-right: 25px
}

.pb-25 {
    padding-bottom: 25px
}

.pl-25 {
    padding-left: 25px
}

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

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

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

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

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

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

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

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

.mt-35 {
    margin-top: 35px
}

.mr-35 {
    margin-right: 35px
}

.mb-35 {
    margin-bottom: 35px
}

.ml-35 {
    margin-left: 35px
}

.pt-35 {
    padding-top: 35px
}

.pr-35 {
    padding-right: 35px
}

.pb-35 {
    padding-bottom: 35px
}

.pl-35 {
    padding-left: 35px
}

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

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

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

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

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

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

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

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

.mt-45 {
    margin-top: 45px
}

.mr-45 {
    margin-right: 45px
}

.mb-45 {
    margin-bottom: 45px
}

.ml-45 {
    margin-left: 45px
}

.pt-45 {
    padding-top: 45px
}

.pr-45 {
    padding-right: 45px
}

.pb-45 {
    padding-bottom: 45px
}

.pl-45 {
    padding-left: 45px
}

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

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

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

.fr-element.fr-view img,
.fr-element.fr-view img.fr-dib {
    margin-top: 0;
    margin-bottom: 0
}

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

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

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

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

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

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.flex {
    display: flex
}

.ellipsis-2,
.ellipsis-3 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical
}

.basis-xs {
    flex-basis: 20%
}

.basis-sm {
    flex-basis: 40%
}

.basis-df {
    flex-basis: 50%
}

.basis-lg {
    flex-basis: 60%
}

.basis-xl {
    flex-basis: 80%
}

.flex-sub {
    flex: 1
}

.flex-twice {
    flex: 2
}

.flex-treble {
    flex: 3
}

.flex-direction,
.layer .content-imgs,
.layer .delete-content {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

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

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

.align-center {
    align-items: center
}

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

.self-center {
    align-self: flex-center
}

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

.self-stretch {
    align-self: stretch
}

.align-stretch {
    align-items: stretch
}

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

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

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-around {
    justify-content: space-around
}

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

.ellipsis-2 {
    -webkit-line-clamp: 2
}

.ellipsis-3 {
    -webkit-line-clamp: 3
}

.w-50 {
    width: 50%
}

.w-100 {
    width: 100%
}

.fr-element.fr-view {
    font-size: 17px;
    line-height: 1.5
}

.fr-element.fr-view * {
    max-width: 100%
}

.fr-element.fr-view img {
    max-width: 100%;
    height: auto !important;
    max-height: 100% !important
}

.fr-element.fr-view video {
    max-width: 100%
}

.fr-element.fr-view li {
    list-style: inherit
}

.fr-element.fr-view blockquote {
    border-left: 6px solid #eee
}

.mobile .fr-element.fr-view table {
    display: block;
    overflow-x: auto;
    overflow-y: auto;
    height: auto
}

.sp-palette-toggle {
    display: none
}

.gw-component-edit-region {
    font-size: 14px;
    color: #424A5E
}

.gw-component-edit-region .gw-editor-panel {
    height: 100%
}

.gw-component-edit-region .gw-editor-menu-list {
    width: 70px
}

.gw-component-edit-region .gw-editor-menu-list li {
    margin-bottom: 14px;
    cursor: pointer;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    position: relative
}

.gw-component-edit-region .gw-editor-menu-list li .tips {
    position: absolute;
    top: -11px;
    right: 4px;
    width: 18px;
    height: 18px;
    background-size: 100% 100%;
    background-image: url(../images/tips.png)
}

.gw-component-edit-region .gw-editor-menu-list li.active a {
    color: #3B98EF
}

.gw-component-edit-region .gw-editor-content-list {
    border-left: 1px solid #dcdcdc;
    width: 210px;
    padding-left: 24px;
    margin-top: 5px;
    min-height: 100%;
    padding-bottom: 80px;
    color: #606266
}

.gw-component-edit-region .gw-editor-content-list .title-blue {
    color: #2D8DF0;
    line-height: 24px;
    font-size: 16px;
    font-weight: 600
}

.gw-component-edit-region .gw-editor-content-list .tips-yellow {
    font-size: 12px;
    color: #E6A23C;
    margin-bottom: 16px
}

.gw-component-edit-region .gw-editor-content-list .tips-yellow i {
    margin-right: 2px;
    font-size: 12px
}

.gw-component-edit-region .gw-editor-content-list .tips-blue {
    font-size: 12px;
    color: #2D8DF0;
    margin-bottom: 16px
}

.gw-component-edit-region .gw-editor-content-list .tips-blue i {
    margin-right: 2px;
    font-size: 12px
}

.gw-component-edit-region .gw-editor-content-list .form-group,
.gw-component-edit-region .gw-editor-content-list .form-group>.form-group {
    margin-bottom: 24px
}

.gw-component-edit-region .gw-editor-content-list .form-group>.form-group:nth-child(1) {
    padding-top: 0
}

.gw-component-edit-region .gw-editor-content-list .form-group .gw-site .form-group {
    margin-bottom: 24px
}

.gw-component-edit-region .gw-editor-content-list .btn-group.pull-right {
    width: 112px;
    display: flex;
    justify-content: space-between
}

.gw-component-edit-region .gw-editor-content-list button.fa-align-center,
.gw-component-edit-region .gw-editor-content-list button.fa-align-left,
.gw-component-edit-region .gw-editor-content-list button.fa-align-right,
.gw-component-edit-region .gw-editor-content-list button.fa-bold,
.gw-component-edit-region .gw-editor-content-list button.fa-italic,
.gw-component-edit-region .gw-editor-content-list button.fa-underline {
    width: 36px;
    height: 36px;
    border-radius: 2px;
    border: none;
    background-color: #D4D9E2;
    color: #fff;
    outline: 0
}

.gw-component-edit-region .gw-editor-content-list button.fa-align-center.active,
.gw-component-edit-region .gw-editor-content-list button.fa-align-left.active,
.gw-component-edit-region .gw-editor-content-list button.fa-align-right.active,
.gw-component-edit-region .gw-editor-content-list button.fa-bold.active,
.gw-component-edit-region .gw-editor-content-list button.fa-italic.active,
.gw-component-edit-region .gw-editor-content-list button.fa-underline.active {
    background-color: #2D8DF0
}

.gw-component-edit-region .gw-editor-content-list .btn-group .btn,
.gw-component-edit-region .gw-editor-content-list button .btn {
    border-color: #dcdcdc;
    border-radius: 2px
}

.gw-component-edit-region .gw-editor-content-list .btn-group .fa-italic,
.gw-component-edit-region .gw-editor-content-list button .fa-italic {
    border-right: none
}

.gw-component-edit-region .gw-editor-content-list .btn-group .fontColorSelector span,
.gw-component-edit-region .gw-editor-content-list button .fontColorSelector span {
    border-radius: 0;
    border: none;
    line-height: 16px
}

.gw-component-edit-region .gw-editor-content-list .btn-group .fontColorSelector .fa-font:before,
.gw-component-edit-region .gw-editor-content-list button .fontColorSelector .fa-font:before {
    content: ""
}

.gw-component-edit-region .gw-editor-content-list .btn-group .bgColorSelector span,
.gw-component-edit-region .gw-editor-content-list button .bgColorSelector span {
    line-height: 16px
}

.gw-component-edit-region .gw-editor-content-list .btn-group .bdColorSelector span,
.gw-component-edit-region .gw-editor-content-list button .bdColorSelector span {
    border: 0;
    line-height: 16px
}

.gw-component-edit-region .gw-editor-content-list .btn-group .bdColorSelector .fa-pencil:before,
.gw-component-edit-region .gw-editor-content-list button .bdColorSelector .fa-pencil:before {
    content: ""
}

.gw-component-edit-region .gw-editor-content-list .btn-group .circle_color,
.gw-component-edit-region .gw-editor-content-list button .circle_color {
    width: 112px;
    height: 36px;
    padding: 10px 8px
}

.gw-component-edit-region .gw-editor-content-list .btn-group .circle_color .color_shape,
.gw-component-edit-region .gw-editor-content-list button .circle_color .color_shape {
    border-radius: 50%;
    border: 1px solid #dcdcdc;
    width: 16px;
    height: 16px
}

.gw-component-edit-region .gw-editor-content-list .btn-group .sp-preview,
.gw-component-edit-region .gw-editor-content-list button .sp-preview {
    border-radius: 50%;
    border: none;
    margin-right: 0;
    width: 16px;
    height: 16px
}

.gw-component-edit-region .gw-editor-content-list .gw-edit-list .list-group-item {
    width: 184px;
    margin-bottom: 24px;
    border-radius: 4px;
    padding: 12px 12px 10px 10px
}

.gw-component-edit-region .gw-editor-content-list .gw-edit-list .list-group-item span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    max-width: 55%
}

.gw-component-edit-region .gw-editor-content-list .gw-edit-list .list-group-item a {
    width: 20px;
    display: inline-block
}

.gw-component-edit-region .gw-editor-content-list .gw-edit-list .list-group-item-add {
    color: #0091FF;
    cursor: pointer;
    transition: all .2s ease
}

.gw-component-edit-region .gw-editor-content-list .gw-edit-list .list-group-item-add:hover {
    border: 1px solid #0091FF;
    background: #0091FF;
    color: #fff
}

.gw-component-edit-region .gw-editor-content-list input.form-control {
    display: inline-block;
    width: 70px;
    height: 36px;
    border-right: 0 none;
    padding-left: 8px
}

.gw-component-edit-region .gw-editor-content-list input.form-control.large {
    width: 185px;
    border: 1px solid #ccc
}

.gw-component-edit-region .gw-editor-content-list input.form-control.middle {
    width: 112px
}

.gw-component-edit-region .gw-editor-content-list input.form-control.all {
    width: 112px;
    border-right: 1px solid #ccc
}

.gw-component-edit-region .gw-editor-content-list .input-group-addon {
    width: 42px;
    padding: 0 12px;
    border: 1px solid #dcdcdc;
    border-left: 0 none;
    background-color: #fff
}

.gw-component-edit-region .gw-editor-content-list .carousel-span {
    height: 36px;
    line-height: 36px;
    padding: 0 6px
}

.gw-component-edit-region .gw-editor-group {
    display: inline-block;
    height: 100%;
    width: 100%
}

.gw-component-edit-region .upload-img-tips {
    color: #999;
    font-size: 12px;
    display: inline-block;
    line-height: 44px
}

.gw-component-edit-region label {
    text-align: left;
    font-weight: inherit;
    height: 36px;
    line-height: 36px
}

.gw-component-edit-region select {
    padding: 0 8px;
    width: 112px;
    height: 36px;
    outline: 0;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-border-radius: 2px
}

.gw-component-edit-region select.large {
    width: 184px;
    height: 48px
}

.gw-component-edit-region .content-imgs {
    position: relative;
    width: 184px;
    height: 88px;
    line-height: 96px;
    text-align: center
}

.gw-component-edit-region .content-imgs img {
    max-width: 184px;
    max-height: 88px;
    vertical-align: baseline
}

.gw-component-edit-region .content-imgs .gw-upload-image {
    width: 100%;
    height: 34px;
    text-align: center;
    line-height: 34px;
    background-image: url(../images/background-20.png);
    position: absolute;
    bottom: 0;
    color: #fff;
    cursor: pointer
}

.gw-component-edit-region .content-video {
    position: relative;
    width: 184px;
    height: 88px;
    line-height: 96px;
    text-align: center
}

.gw-component-edit-region .content-video .no-video,
.gw-component-edit-region .content-video video {
    width: 184px;
    height: 88px
}

.gw-component-edit-region .content-video .no-video img {
    width: 40px;
    height: 40px;
    vertical-align: baseline
}

.gw-component-edit-region .content-video .gw-upload-video {
    width: 100%;
    height: 34px;
    text-align: center;
    line-height: 34px;
    position: absolute;
    bottom: 0;
    background-image: url(../images/background-20.png);
    color: #fff;
    cursor: pointer
}

.gw-component-edit-region .gw-slider {
    clear: both;
    padding-top: 10px
}

.gw-component-edit-region .gw-slider .ui-slider {
    background: #DEDEDE;
    border-radius: 0;
    height: 2px;
    border: 0
}

.gw-component-edit-region .gw-slider .ui-slider-handle {
    width: 8px;
    height: 8px;
    top: -3px;
    margin-left: -4px;
    border-radius: 50%;
    border: 1px solid #DEDEDE;
    background-color: #fff
}

.gw-component-edit-region .gw-slider .ui-slider-handle.ui-state-active,
.gw-component-edit-region .gw-slider .ui-slider-handle.ui-state-focus,
.gw-component-edit-region .gw-slider .ui-slider-handle.ui-state-hover {
    outline: 0;
    border-color: #5BAAF4
}

.gw-component-edit-region .gw-slider .ui-slider-range {
    border: 0;
    background-color: #5BAAF4
}

.gw-component-edit-region .page-style {
    background-image: url(../images/pagitionStyle.png?v20211118);
    width: 190px;
    height: 40px;
    margin-bottom: 10px;
    background-repeat: no-repeat;
    border: none;
    outline: 0;
    display: block;
    background-color: transparent;
    text-align: center
}

.gw-component-edit-region .page-style.on {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.gw-component-edit-region .page-style__0 {
    background-position: 0 -7px
}

.gw-component-edit-region .page-style__1 {
    background-position: 0 -64px
}

.gw-component-edit-region .page-style__2 {
    background-position: 0 -121px
}

.gw-component-edit-region .page-style__3 {
    background-position: 0 -177px
}

.gw-component-edit-region .page-style__4 {
    background-position: 0 -282px
}

.gw-component-edit-region .page-style__5 {
    background-position: 0 -338px
}

.gw-component-edit-region .page-style__6 {
    background-position: 0 -234px
}

.gw-component-edit-region .page-style__7 {
    background-position: 0 -392px
}

.gw-component-edit-region .module-style,
.gw-component-edit-region .module-style-bg {
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    background-color: transparent;
    text-align: center
}

.gw-component-edit-region .module-style {
    width: 190px;
    height: 80px;
    background-size: contain;
    border: none;
    outline: 0;
    margin-bottom: 10px
}

.gw-component-edit-region .module-style.on {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.gw-component-edit-region .module-style_0 {
    background-image: url(../images/module_0.gif?v20211229)
}

.gw-component-edit-region .module-style_2 {
    background-image: url(../images/module_2.gif?v20211229)
}

.gw-component-edit-region .module-style_3 {
    background-image: url(../images/module_3.gif?v20211229)
}

.gw-component-edit-region .module-style-bg {
    border: none;
    outline: 0;
    background-image: url(../images/general/shadow.png);
    width: 100%;
    height: 48px;
    margin: 10px auto -4px
}

.gw-component-edit-region .module-style-bg.on {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.gw-component-edit-region .module-style-bg_card {
    background-position: -14px -60px
}

.gw-component-edit-region .module-style-bg_clear {
    background-position: -14px -12px
}

.layer-footer-btn-group {
    display: flex;
    justify-content: space-between;
    padding-top: 22px;
    border-top: 1px solid #E8E8E8
}

.layer-footer-btn-group.center {
    justify-content: center
}

.layer-footer-btn-group.no-top-border {
    border-top: none
}

.layer-footer-btn-group .gw-layer-btn:first-of-type {
    margin-right: 12px
}

.layer-footer-btn-group .gw-layer-btn:last-of-type {
    margin-left: 12px
}

.layer-footer-btn-group .right-group {
    display: flex
}

.gw-layer-btn {
    padding: 8px 42px;
    text-align: center;
    background-color: #fff;
    color: #6E7584;
    line-height: 20px;
    cursor: pointer;
    border: 1px solid #C0C4CC;
    border-radius: 4px;
    display: block;
    transition: all .1s ease
}

.guide-h,
.guide-v,
.gw-editor-tool {
    display: none;
    position: absolute
}

.gw-layer-btn.primary {
    border-color: #2D8DF0;
    background-color: #2D8DF0;
    color: #fff
}

.gw-layer-btn.primary:hover {
    border-color: #66b1ff;
    background-color: #66b1ff;
    color: #fff
}

.gw-layer-btn:hover {
    color: #409eff;
    border-color: #c6e2ff;
    background-color: #ecf5ff
}

.guide {
    z-index: 30
}

.guide-h {
    border-top: 1px dashed #0091FF;
    width: 100%
}

.guide-v {
    border-left: 1px dashed #0091FF;
    height: 100%
}

.gw-editor-tool {
    z-index: 90;
    right: 2px;
    top: 2px;
    background: #CBD0DF;
    color: #fff;
    overflow: hidden
}

.gw-editor-tool i {
    cursor: pointer;
    float: left;
    display: block;
    width: 32px;
    line-height: 32px
}

.gw-editor-tool i:hover {
    background: #ccc
}

.gw-rotate-tool {
    position: absolute;
    z-index: 90;
    right: 50%;
    margin-right: -10px;
    top: -30px;
    width: 20px;
    height: 20px;
    display: none;
    text-align: center
}

.gw-rotate-tool .gw-rotate-component {
    color: #5BAAF4;
    font-size: 16px;
    line-height: 20px;
    width: 20px
}

.gw-rotate-tool:before {
    content: " ";
    position: absolute;
    bottom: -6px;
    right: 10px;
    width: 1px;
    height: 10px;
    border-left: 1px solid #5BAAF4
}

.gw-selected>.gw-editor-tool,
.gw-selected>.gw-rotate-tool {
    display: block
}

.gw-selected .border {
    border-color: #2D8DF0
}

.gw-selected>.ui-resizable-handle {
    display: block !important
}

.gw-selected>.ui-resizable-e,
.gw-selected>.ui-resizable-n,
.gw-selected>.ui-resizable-s,
.gw-selected>.ui-resizable-w {
    background: #2D8DF0
}

.gw-selected>.ui-resizable-e:before,
.gw-selected>.ui-resizable-n:before,
.gw-selected>.ui-resizable-s:before,
.gw-selected>.ui-resizable-w:before {
    display: block;
    border-color: #2D8DF0
}

.gw-selected>.ui-resizable-ne,
.gw-selected>.ui-resizable-nw,
.gw-selected>.ui-resizable-se,
.gw-selected>.ui-resizable-sw {
    border-color: #2D8DF0
}

.layer .content-imgs {
    width: 184px;
    display: flex;
    align-items: center;
    justify-content: center
}

.layer .content-imgs img {
    width: 100%;
    height: 88px
}

.layer .content-imgs .gw-upload-image,
.tipsbox {
    height: 34px;
    line-height: 34px;
    text-align: center
}

.layer .content-imgs .gw-upload-image {
    width: 100%;
    bottom: 0;
    color: #fff;
    background-image: url(../images/background-20.png);
    cursor: pointer
}

.fixed-bottom,
.fixed-top {
    position: fixed;
    z-index: 9999;
    left: 0
}

.fixed-top {
    top: 0
}

.fixed-bottom {
    bottom: 0
}

.preview .gw-editor-page {
    padding: 0
}

.preview .gw-editor-page .gw-browse-module-content {
    border: none
}

.preview .gw-edit-tool-content {
    display: none
}

.preview .gw-edit-content {
    padding-top: 0
}

.preview .gw-header {
    display: none;
    z-index: 9
}

.preview .tipsbox {
    display: block;
    z-index: 9
}

.tipsbox {
    display: none;
    opacity: 1;
    top: 50px;
    position: fixed;
    left: 50%;
    z-index: 0;
    width: 200px;
    transform: translate(-50%, -50%);
    background-color: #000;
    color: #999;
    border-radius: 6px;
    font-size: 12px
}

.ui-selectable-helper {
    background: rgba(0, 175, 255, .2);
    border: 1px solid rgba(0, 175, 255, .8)
}

.ui-draggable-dragging {
    z-index: 4 !important;
    cursor: move
}

.ui-draggable-container {
    position: absolute;
    outline: #ccc dashed 1px;
    background: rgba(0, 175, 255, .2);
    box-sizing: border-box;
    opacity: .9
}

.ui-draggable-hidden {
    visibility: hidden
}

.ui-resizable-e:before,
.ui-resizable-n:before,
.ui-resizable-s:before,
.ui-resizable-w:before {
    content: " ";
    position: absolute;
    display: none;
    width: 8px;
    height: 8px;
    border-width: 1px;
    border-style: solid;
    background: #fff;
    border-radius: 50%
}

.ui-resizable-ne,
.ui-resizable-nw,
.ui-resizable-se,
.ui-resizable-sw {
    display: none !important;
    width: 8px;
    height: 8px;
    border-width: 1px;
    border-style: solid;
    background: #fff;
    border-radius: 50%
}

.ui-resizable-nw {
    left: -3px;
    top: -3px
}

.ui-resizable-ne {
    right: -3px;
    top: -3px
}

.ui-resizable-se {
    right: -3px;
    bottom: -3px
}

.ui-resizable-sw {
    left: -3px;
    bottom: -3px
}

.ui-resizable-n {
    height: 1px;
    top: 0
}

.ui-resizable-n:before {
    left: 50%;
    top: -4px;
    margin-left: -4px
}

.ui-resizable-e {
    right: 0;
    width: 1px
}

.ui-resizable-e:before {
    left: -4px;
    top: 50%;
    margin-top: -4px
}

.ui-resizable-s {
    height: 1px;
    bottom: 0
}

.ui-resizable-s:before {
    left: 50%;
    top: -4px;
    margin-left: -4px
}

.ui-resizable-w {
    left: 0;
    width: 1px
}

.ui-resizable-w:before {
    left: -3px;
    top: 50%;
    margin-top: -4px
}

#gw-body.mobile {
    overflow-y: auto
}

#gw-body.mobile .gw-browse-editor,
#gw-body.mobile .gw-editor-page {
    overflow-x: auto
}

.mobile {
    overflow-x: hidden;
    min-height: 100%;
    height: auto;
    height: initial
}

.mobile .animated {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.mobile .gw-edit-content {
    padding-top: 163px;
    padding-bottom: 100px;
    min-height: 783px;
    background: url(../images/bg_mobile.png) center 116px no-repeat
}

.mobile .gw-browse-editor {
    height: 520px;
    z-index: 1;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    width: 366px;
    margin: 0 auto
}

.mobile-2x .article-detail-container .bdsharebuttonbox,
.mobile-2x .case-detail-container .bdsharebuttonbox {
    margin-top: 10px
}

.mobile .gw-editor-page {
    width: 320px;
    min-height: 100%;
    margin-left: 23px;
    padding: 0;
    min-width: auto;
    overflow: hidden
}

.mobile .gw-browse-module .gw-browse-module-content {
    width: 100%;
    border: 0;
    overflow: visible
}

.mobile .gw-browse-module[name='顶部导航'] .gw-browse-module-content {
    max-width: 100% !important
}

.mobile.mobile-375 .gw-edit-content {
    background: url(../images/bg_mobile_375.png?v=20211029) center 116px no-repeat
}

.mobile.mobile-375 .gw-editor-page {
    width: 375px
}

.mobile.insider-mobile .gw-edit-content {
    background: 0 0;
    padding-top: 90px
}

.mobile.insider-mobile .gw-editor-page {
    width: 100%;
    min-width: 1000px;
    height: 700px;
    padding: 5px 150px 10px;
    overflow-y: auto
}

.mobile.insider-mobile .gw-editor-page .gw-browse-module .gw-browse-module-content {
    width: 320px
}

.mobile.insider-mobile.mobile-375 .gw-editor-page .gw-browse-module .gw-browse-module-content {
    width: 375px
}

.mobile .container {
    max-width: 100%
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .mobile .gw-browse-editor {
        width: 350px
    }

    .mobile .gw-editor-page {
        margin-left: 15px
    }

    .mobile.mobile-375 .gw-browse-editor {
        width: 391px;
        height: 667px
    }

    .mobile.mobile-375 .gw-editor-page {
        margin-left: 8px
    }

    .mobile.insider-mobile .gw-browse-editor {
        width: auto;
        height: 800px
    }

    .mobile.insider-mobile .gw-editor-page {
        margin-left: 0
    }
}

.mobile-2x,
.mobile-2x .gw-browse-module,
.mobile-2x .gw-editor-copyright {
    margin-left: auto;
    margin-right: auto;
    width: 320px
}

.mobile-2x {
    zoom: 2
}

.mobile-2x .gw-editor-copyright.fixed-bottom {
    width: 320px
}

.mobile-2x .fixed-bottom,
.mobile-2x .fixed-top {
    right: 0
}

.mobile-2x .gw-browse-module[data-fixed-position*=left] {
    left: 50% !important;
    margin-left: -160px !important
}

.mobile-2x .gw-browse-module[data-fixed-position*=right] {
    right: 50% !important;
    margin-right: -160px !important
}

.mobile-2x .article-detail-container .container {
    width: 320px
}

.mobile-2x .article-detail-container .article-detail {
    width: 100%
}

.mobile-2x .article-detail-container .article-link-qrcode,
.mobile-2x .article-detail-container .article-share-me {
    display: none
}

.mobile-2x .goods-detail-container .container {
    width: 320px
}

.mobile-2x .goods-detail-container .goods-detail {
    width: 100%
}

.mobile-2x .goods-detail-container .goods-link-qrcode,
.mobile-2x .goods-detail-container .goods-share-me {
    display: none
}

.mobile-2x .case-detail-container .container {
    width: 320px
}

.mobile-2x .case-detail-container .case-detail {
    width: 100%
}

.mobile-2x .case-detail-container .case-link-qrcode,
.mobile-2x .case-detail-container .case-share-me {
    display: none
}

.mobile-2x.mobile-2x-375,
.mobile-2x.mobile-2x-375 .article-detail-container .container,
.mobile-2x.mobile-2x-375 .case-detail-container .container,
.mobile-2x.mobile-2x-375 .goods-detail-container .container,
.mobile-2x.mobile-2x-375 .gw-browse-module,
.mobile-2x.mobile-2x-375 .gw-editor-copyright {
    width: 375px
}

@font-face {
    font-family: photo-iconfont;
    src: url(//at.alicdn.com/t/font_2498436_hcjr1gyslgb.woff2?t=1638416341587) format('woff2'), url(//at.alicdn.com/t/font_2498436_hcjr1gyslgb.woff?t=1638416341587) format('woff'), url(//at.alicdn.com/t/font_2498436_hcjr1gyslgb.ttf?t=1638416341587) format('truetype')
}

.photo-iconfont {
    font-family: photo-iconfont !important;
    font-size: 14px;
    font-style: normal;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.editor-iconfont,
.shop-iconfont {
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal
}

.iconicon-tuji-jinrubeifen:before {
    content: "\e682"
}

.iconicon-tuji-liulan:before {
    content: "\e683"
}

.iconicon-tuji-shijian:before {
    content: "\e684"
}

.iconicon-tuji-top:before {
    content: "\e67c"
}

.iconicon-tuji-fenxiang:before {
    content: "\e67d"
}

.iconicon-tuji-shuaxin:before {
    content: "\e67e"
}

.iconicon-tuji-shoucang:before {
    content: "\e67f"
}

.iconicon-tuji-fanhui:before {
    content: "\e680"
}

.iconicon-tuji-gengduo:before {
    content: "\e681"
}

.iconbangzhu02-shipinjiaocheng:before {
    content: "\e650"
}

.iconxinshouyindao-04-guanbifull:before {
    content: "\e652"
}

.iconbangzhu01-xinshouyindao:before {
    content: "\e653"
}

.icongongju03-cankaoxian:before {
    content: "\e654"
}

.iconwangzhanshezhi05-zhandianshezhi:before {
    content: "\e655"
}

.iconbangzhu03-bangzhuwendang:before {
    content: "\e656"
}

.iconcebian-shanchu:before {
    content: "\e657"
}

.iconaddFirstPage:before {
    content: "\e658"
}

.iconcebian-xuanzechenggongfull:before {
    content: "\e659"
}

.iconcebian-lanzengjian:before {
    content: "\e65a"
}

.iconcebian-xinzengerjiyemian:before {
    content: "\e65b"
}

.iconcebian-xuanzechenggong:before {
    content: "\e65c"
}

.iconcebian-tishi:before {
    content: "\e65d"
}

.iconwangzhanshezhi04-quanzhanSEO:before {
    content: "\e65e"
}

.icongongju01-biaochi:before {
    content: "\e65f"
}

.icongongju06-suoxiao:before {
    content: "\e660"
}

.iconwangzhanshezhi01-jibenxinxi:before {
    content: "\e661"
}

.icongongju04-gonggongmoban:before {
    content: "\e662"
}

.iconwangzhanshezhi03-shejiaomeiti:before {
    content: "\e663"
}

.iconxinshouyindao-03-guanbi:before {
    content: "\e664"
}

.icongongju05-fangda:before {
    content: "\e665"
}

.icongongju02-wangge:before {
    content: "\e666"
}

.icongongju07-dayin:before {
    content: "\e667"
}

.iconcebian-tishifull:before {
    content: "\e668"
}

.iconwangzhanshezhi02-lianxixinxi:before {
    content: "\e669"
}

.iconcebian-wentifull:before {
    content: "\e66a"
}

.iconcebian-shouye:before {
    content: "\e66b"
}

.iconcebian-fuzhi:before {
    content: "\e66c"
}

.iconcebian-shouyefull:before {
    content: "\e66d"
}

.iconcebian-wenti:before {
    content: "\e66e"
}

.iconcebian-shezhi:before {
    content: "\e66f"
}

.iconduqujindu:before {
    content: "\e64f"
}

.iconxialajiantou:before {
    content: "\e649"
}

.iconyulan:before {
    content: "\e64a"
}

.iconliulanmoshi_diannao:before {
    content: "\e64b"
}

.icontuichu:before {
    content: "\e64c"
}

.iconyulanfull:before {
    content: "\e64d"
}

.iconliulanmoshi_shouji:before {
    content: "\e64e"
}

.iconliulanmoshi_shoujidiannaoshipei:before {
    content: "\e651"
}

@font-face {
    font-family: editor-iconfont;
    src: url(../fonts/editor-iconfont/iconfont.woff2?v=1) format('woff2'), url(../fonts/editor-iconfont/iconfont.woff?v=1) format('woff'), url(../fonts/editor-iconfont/iconfont.ttf?v=1) format('truetype'), url(../fonts/editor-iconfont/iconfont.svg?v=1) format('svg')
}

.editor-iconfont {
    font-family: editor-iconfont !important
}

.icon-controls-01-text-ceshi:before {
    content: "\e6fa"
}

.icon-controls-01-text:before {
    content: "\e6f9"
}

.icon-icon000-loading:before {
    content: "\e6cb"
}

.icon-icon001-add-newpag:before {
    content: "\e6cc"
}

.icon-icon002-pag-home:before {
    content: "\e6cd"
}

.icon-icon003-pag-up:before {
    content: "\e6ce"
}

.icon-icon004-pag-down:before {
    content: "\e6cf"
}

.icon-icon005-pag-add:before {
    content: "\e6d0"
}

.icon-icon006-pag-set:before {
    content: "\e6d1"
}

.icon-icon007-pag-copy:before {
    content: "\e6d2"
}

.icon-icon008-pag-delete:before {
    content: "\e6d3"
}

.icon-icon009-pag-show:before {
    content: "\e6d4"
}

.icon-icon010-pag-hidden:before {
    content: "\e6d5"
}

.icon-icon011-pag-more:before {
    content: "\e6d6"
}

.icon-icon012-nav-menushow:before {
    content: "\e6d7"
}

.icon-icon013-nav-mobile:before {
    content: "\e6d8"
}

.icon-icon014-nav-computer:before {
    content: "\e6d9"
}

.icon-icon015-nav-phoandpc:before {
    content: "\e6da"
}

.icon-icon016-nav-preview:before {
    content: "\e6db"
}

.icon-icon017-nav-goback:before {
    content: "\e6dc"
}

.icon-icon018-suspension-IMconsulting:before {
    content: "\e6dd"
}

.icon-icon019-suspension-plan:before {
    content: "\e6de"
}

.icon-icon020-webset-information:before {
    content: "\e6df"
}

.icon-icon021-webset-contact:before {
    content: "\e6e0"
}

.icon-icon022-webset-media:before {
    content: "\e6e1"
}

.icon-icon023-webset-SEO:before {
    content: "\e6e2"
}

.icon-icon024-webset-copy:before {
    content: "\e6e3"
}

.icon-icon025-tool-scale:before {
    content: "\e6e4"
}

.icon-icon026-tool-grid:before {
    content: "\e6e5"
}

.icon-icon027-tool-remove:before {
    content: "\e6e6"
}

.icon-icon028-tool-template:before {
    content: "\e6e7"
}

.icon-icon029-tool-print:before {
    content: "\e6e8"
}

.icon-icon030-tool-big:before {
    content: "\e6e9"
}

.icon-icon031-tool-small:before {
    content: "\e6ea"
}

.icon-icon032-help-guide:before {
    content: "\e6eb"
}

.icon-icon033-help-video:before {
    content: "\e6ec"
}

.icon-icon034-help-document:before {
    content: "\e6ed"
}

.icon-icon035-bounced-prompt:before {
    content: "\e6ee"
}

.icon-icon036-bounced-problem:before {
    content: "\e6ef"
}

.icon-icon037-bounced-instructions:before {
    content: "\e6f0"
}

.icon-icon038-bounced-warning:before {
    content: "\e6f1"
}

.icon-icon039-bounced-add:before {
    content: "\e6f2"
}

.icon-icon040-newbie-start:before {
    content: "\e6f3"
}

.icon-icon041-Newbie-complete:before {
    content: "\e6f4"
}

.icon-icon042-newbie-shut:before {
    content: "\e6f5"
}

@font-face {
    font-family: shop-iconfont;
    src: url(../fonts/shop-iconfont/iconfont.eot?t=1659598557217);
    src: url(../fonts/shop-iconfont/iconfont.eot?t=1659598557217#iefix) format('embedded-opentype'), url(data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAEnUAAsAAAAAmqAAAEmCAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACUZAqB/0iB0S4BNgIkA4RQC4IqAAQgBYRnB5EkG5qBdYac2wFAUqUfIlGUpVkZFSWNbj/7/09IOsZwIx0Iqfk65DESRbcQE76cNsWjRJAbgnxpKc6PDt0UvAt1YT0topPDyeLD4W3ett5vyfCbShxIWW5KKBoTH5IdbglJk2IYA/pmWgVtw+GWXu9uf/E3/j3WMMvcuhrND0mKpgkCrZWZfUYoIegH8r4uV4horM36vXr7KNoNUqITQqIn4OG53G+OW6N9jbkEAw+4jCKaz7M0oSCIsfngieukQHTxubWw4Xm39QBF1kdARQWVpThwMJa4WI6JIrhQwbnKkS2xiU2zpXads/ZdVtZl1knW3XWNa43LtLFuNBdDObVmmsMZJ0cjTWCXHV7AEhyiwE0WQk0W2R/pO7rngKFNyVZkKUm7bYDslEGWDn53BNWY7t8FlYtRYaMyHqitqq8E0qJCVgJJ0LfYlieWkhy1lAaKzEwfv83s97bbyS93ySvQpUe30lRs1iMUg7AI1cYD0dpodlkMNkFzU1AMglUM6YKDpT18sc3PT9BvU/v+0sY4V/p+KL2XQvtTH9sdGQTIiyU/DE498E8gMAI2daR9v9nD9Agsxw8MhWRNCsPe7rwCkCzlgADAzjFYyE30JvNvTqsF5BSkvVhu0qVYNJvKS0V5TfnDzMCfPwPMjNIwSoDSMFo/DZJtEA4YHAbk80OOkjbkxIB2D9gE8gbJ9rtne1O8FEJ/7VWx3rd1ed2965ujIm4cZFHg2YLQzROmsVA6LRSD1P42cMC6S9Ouj/3Etb43Os5fvtVkIyYmhhmMI0ekre2fy9iq9L7Lv2srAQdsAsahEECqmxX38s8kHVAcobEWKHntJgcc1wxHKisA8pnCXRqC5k3aB+yQJ/aIruMZwCH+/ocfXmozRCLtHtX2OroY/D+Op+80l0DcCy67JJg+AgkgDrQL1hR34R6O9s9EBmnHtEv67BXHGJilJaHvDcn8YpIySmpe9Nhi2HZ77TNqzHG339/ef/XkSeiJU2CSUvtruO0/WzaEP97yCPt/97S8itbJh9508/11vucTNP1uy51d8O3Dz0YdVd/9mElwBUY4uX1TiLhxLt+rsf6vecAqBycXN40NHT0DIxMzCysbtYW5maWpiaGBvp6ujraWpoa6mqqKspIiR0HeSVpSSUdXQlxP38BQzMjYxNTM3MLSSlnF2sZWu3IRUUEhYR41XnU+OX4BKhcSOSKJTKHS6Awmiy0lLSMramBoZEwQ0fWr6WCJpWqcLWdR69oKKxUpyruDpowLqTQ/Mu6tsVandbqsB0PogW86IPFPeU8B4RqsQgSsQTtYh/awAZGwCR1gCqJgGqJhBmJgFmJhDuJgHkKwAPGwCB1hCRJgGRJhBZJgEjrBOHSGMegCo5AME9AVRqAbDEN3GIAU6IdU6IMe0As9oQd6QTekQRekQydkQAdkQjtkQRv0hlboAy2QDc3Q9+DSL9zmD+FnAQD1kAN1MBBqoQJuQCXchCq4DtXwAEbDKxgDr2EsXINxcBXGwxuYAG9hIryDSfAeJsMVqIEPMBU+wjT4BLXwGWbAF5gJX2EWfIPZ8B3mwg+YDw+hER7BQvgJi+AXLIbfgCXwB7Ds4TGES7ACLsMaOA9r4QKsg4uwHrZgAzyBs2AbzoansBF2YBPcgc2wC1vgHJwDg7AV/gLOhSE4D2rgfMiFCyAPLoR82AYF0AyFsB2K4CIohouhBC6BUrgUyuAyKIfLoQJaoBJ2QBVcAdVwJaTDVZABV0MmXANZcC1kw07IgesgDXZBKuyBZ3ALPIdDkbQNQ8C2Q8D2AryA+yKZG4WAjUHAjgO8hDcjybsFAbsNAXsIcA8+gvvwDdyFNtgDYjBIQQwBEWJ2TgWPXbAHHhCQwAOCA/CAgAIeENDAA4I3SNwGIRAkboEgAYl9EDQgcQBCKkgcgrAFJI5A+AEkjkEYBokTELbDe3AK/D/L9jbNZwCE0aRID62XGFzZdcTfOUhMIYoN4dJAtoYgyEJjg2YkVYTrXAxfYvlANs2VC5V+NFV35JfYBrkgZg2imF4LYiQqcyp0YkRNSxPVlenfMEZH6fjvME0YGmSmH6SFLjNGeJ8nQlRRGU0UH4yYmcKAsTAI6bMwSXxYXZbzEXhdv+ZuyOxKuyJeM2Z3Z5VHnLFAfdJwku+d9VEigC4XzGwrp6oIARMwn5BIlZE2aqn9JhbPao4Y4sNsOjLT5x9EGJjldRJpe2WnFHIm24pt7FicXZGRek5om1aMPBhncURIZbBAERHsCztZdNwoBbC7z509YvpfkrQoRk4l1Bkep9l0MiVsaXnDE400fYqrvY6SkdwL28ASZF6vlne6qg9LWhWaqzT2ttuoiOaEffGZtWEal5fUstrZrdya5wFm68AdpLItD2U0dGx8TuTvVTazeSIlw0oeX0Xwvs0yEEGxoQIjkl19UvLde1glargPmFBPsz4egJ8x4KlOm7vE/iVzuXpAkwA29/ugR14j9kGd1uuHXxHtIT7GJBBMiL7x2D8vt+bD9d0jjvxzUWK7K4tgc+pDQwIjJkFbvEVZ8fsJiI2qAWhMMiyX7P6hD0fHmsjoJcj658w9O88khPsUNK5lGJxUSHCpLvGsJXebndqZ7lXTbBpY1YQTZDkHH8Dh3wChaddJeauLvTO9VFE7rcZj9iiGutQvfBVJEoPxNrNuUDp0o+5Xr2dWm5nC6911M9tWVGkCUNCOxz3xGohN065fTJp+HPJXsnFNhfX03Mjyf5+XjBiEk6yJgxHuBKiwEIob4epFbmgxr8yCdOZWZ/HrpyBM4SnldmRkzoL2e07d23QbbGOUod2lB7J1T63jncX7opzZlXd4gPUa3lGRY5EQbTC/FNFxz/JOusHDUllanfNgulfxZmrTOIKq0VYz1SIxeAXNMN2SpfKMZp5JZBSfQAzn0LlBCigr4eJWikEdouL3yVCSZl5UmikcnyrTpXjC+F6lynNSgXxmGgZ2jlmMSOBfTqPweH8pXzGd9618ROQDd/1aFMkEm+CkdCMeYGSFtPfZXguxtXmIeJY3exNTE6Acwt9hASCu8EQ1te+GI6GDsLtLtOtUlYPeWeqUAwOyPFPVOmqjY484jxT64tu5ycISTctDiz9jyXJU1ZqlwkROG/zDTBiuVsgSguk5jy3L3movGRa6kbk98moeOIdz15zAPJ7UiOQztnIz3Ywsybij0TBM543zE3KivuSWRFgqfhkWr/GLxzYCGYgYXxPBiCjan1DmMky6CmchHG4dtfzIFnkGDE1nYSk5kFtBQImn3o+U8dH3jBf/cBBPoYmvT3EefKAYKpHTdBGvThQiXrfxNq9KIx5bFIFsthoURSaORols1qGj9Cm+wAveVVTZ+HCbcWbBc2ths1jHhtyUw6SEohSR5WAdrbjYOz4qsBAphQoYBp51IgWYcC41CIS8hmA2owIp2cqDmh8qRWQHTySk9BKiIFKp/bXgKl/NnPoCHk1Z22LTCTK5vENTb+vhVvLTD5Sm0lOtoiZauCc4cl/X5Yfy1Lvo3mIgeiI95U14bTuhW9MIL0sOCns1cHp33wfvfoU/3vhvf1qv7mywhruZh7khqAkfZS6yxVlhjbSB0yF+ez36/hyo5EVfUpiyTQP0NNmkTaUrI8XgFEJx+IWNhVsoON7sNLWmk5yjt3sN6gm1Sd1aukBV48VqW9GLbKkpWeBoWr2JDYAHEaQPbVoRR09fqBpjaHvhXKmz10YFHVdlODcy1uLWIoOjoghm8QeFzcotEVPcfEUULqeQGJSoMfOVfMyL5kCcvjDOVqWQEcMSKFDQzKyBU5/hFJEIn8aYiT019zSQdnJ6nSkPM46nv9sGpxOmQa8OMhMr5OWUpbhhDhy+p1LNPO5HEyHk5tty+zyYfgA5rFevBo4Ssol7Vp1/SrPv2tpFpjIpkTIj8XRJOIkhsXyHnJyOXWvTGSEDe5oyIJQMNV5KyDrvxwxNx+8bUaWpbSKca7i1ELdoeN2LO643XkU1l/UL3o0u/0ef2Us9cQsv1jy6+Yf1bTPug5Eb5pOSrSKszJSmq5wu4U9WC8fl2FSASJaQnJard5vkcIxKep4U8XY9DajuPYDaJjOOPtQXCKsEfgxbvO//Oc944nMUVuMoDqeXs3irIi02TjWqxQDu+bC5ZdKmKPpHBH06XGILxCisCbbyNCGAtSt0WiM4DOz/W2OT1Jbykl7FZPiBdCNPM9HrWWtqhRnYeiicYGppffnzAPJ7IdwXpXlWmGRs16WuPzV9R+nCrYQn2uxn8fdLcY5RaObuAWD3zjjXrDWzd2lCw08eua1t+W7y01RR+rvFNN8uJ2AAXtF/L0kly9sNlEHKfN0q6X6PzP6Wj2xlmf5FdUqXlvU/37bQzc78O0GjXtWFymDzqppZ1Kr9ovcPavQ4RIH8kXcIhxS0P4niJIuxxv4pJtiNZ8HZm9HXp/7pa8dSlTJs7nC6SakNPybMrftgximQqRHEkCVwZut6idU6il+iQTS0Ggh+q8Xn1yy0EDcgvZGo+OMtFC8wzPj/MZ4M3ZmMF5D+P+kpazYLhUdPfY9w4mIBkA9BccPRG8TzTA9hxK7J2ZD+XI/A2gDCh26AI83KR1Y4VLqcRupMqpCYREFGY9HOsZJLkimClg6pJA+RjcEqGj5SpROsI0wJEtmJyPiMTGJ86GdsKcaa5F/PyvagL9td61/dcb13Pgl4leUrDcKecGBt542+uaaPE150tigoCfma+SzUoRSEmday1+zXWcWpeooWQbvNaZ8Dtb/VvEE7cgf+Ln0yqaDrfw9ZnxFwM+zRxMyvR7vgw4BlHzKstzYm3Ydiuvwv9hOxzgH5xje3VX47A9MqP4KArSyozta1T++y7DA1CaEFQx44P1hSphlwDYRzvKj1xJAq60NlYHc/uJXQmpty5JyPGBJds6Fbto9x0HxMsxbcF0WS61XVWrEQ4J14v0SHs5Vw+hR2DlUtN2IxLPBrhXCPJZSCb6zu4ZNq/jlUJvW/9ycr+pD/WvKG/3Nn4t/XP2YboHPqGFr7/k++U8y1Wrfx2kUZTtf8iykOjtPHis6vn4w5HEYU32N1FEfgrY01SkjT0HdCBup32/gxCtcRDCwsp1sYOELaEnv10ykFgb/Txh5IWbV/BNreVRh0JEW6V8ki8k93317rPuW+hlqwhJAgyo+nLGZC5mRadGS7yEnEwKCHUcDC0I0i7NO80eCqkAG79Ya0vZR/XaZdJyMGdBvycxNB99nVBqDvblB0wGr+WUdPJe8maUFpbZipoLbqpO8lGyzE7hVZZ+GHBryIfrOgrBDER544PwB4sTpDaSrYXztblb5UXq1IDJMxCAHL6iZliX7qNRvPC5+Z3W1aZAFFEnmYPa/pUn30b/snfLSCokf26IZ9p+wM9F9c5NXCIc+Hf1xj7nXklX3X21GtdwQo9FJPiGJFqJ6LWWeuvuqtD9pVbMQI4pD+EXG+TaN02Wv+dT7mGCSIVez0G50RplbsThieGhWdcucba9FvzUdK7SjVb1gmCYbGNPhnDfCqmgbKa6db0I3G7MirO7l5VljDzVsh23D6zZq36X6JWIUUjLggFprnXcTtqXRr3kripJ9DjAMcgY2IiyaO/qOvRgnhSqIOZVMXell/SZbDBDRThL1PRW2lMIvkBV5MCHZCNPRoudaxT36Qwfffgz3laLEGLJD9vIIS8/W8gDOCb7/JOBi771VcCvuu/MsUBhkIhY+8tdthXosssK360tXIXu161E9vHgzGNWSFzdVabTWEWk/XmT26Tl9LBrxfkQgY543XtfQg+F99NXW62jvhO4+MrS3AkOzXmbSVW5VQBnHO/ouUIsPcDJOF7/Cc1+ARoa4zZ6tS2IKTvGOL0+0p2uLSAeyRJMde4FwT2nkjCN8qKwWBv/OjzqRJUvfxs4+XwyzyLa4B5JNI4YImKAWzK+syi2CpRx4E9/ejI4gAYpJC2wMETFAqfPV3JlX+XiBuCt8BnGo/F15U0sdYQp5OU7s3Bk6IAxkBk0vTnDIT++/x9N/K0BNSkf1btT7qYr0TkrqerCvGn7T4T2M0EsOe1CpKFUL+cEuIMRJQJUVrtjR7lPFrBw5iOat5MJW6k4w2hl4IGN5wBVdw1ZP/amisF50u3pH/xQhQ8onS/u5qE0ahoht/T4pKXYpu2exap7TcOW3NNxrLJktWnjmXcuzR4y/GgF7+YHZezlzctryPbtKodKEuHAh1JEllJdtV3SxGl6M0t/3ppfXBU02CchsrfHZuh2Fr1erBpCWSY2jTCRnTEw813T+usVXMd2ewt5mMeubeGz245wAh6JuNY488OtccrDcrF7urvTODNKKqND8QrumDg2BASF99RPk94d5G52oAblKqbvW5+bAmGOKhxH7cNIqPBufJJthJnIJatE5POpoA+/Tm2y7Vhp8xhfIycMD6pYbZntytPK73V/m7Mm2lBKo/eqXxFlRYyYLlQWCzHr8THemvYQ5G0B+oIBWCbAyRgcvrptuGbgxfoL4b1KFj4KrUVdd73RWedxCP3EPPNtlu5nfApuTlWeGOijiH913ou4E1sSmfXDepF3zav/Z0z0dx7YmwX2BSVdZL0K1Pq5SSU8gNF/nQX8oahIoockWeVDX47W2ddXNEwqwumxu6Oz/hbOwh87/k1P10dbA5XLegrQRp9bVhBOwKgv9sPjgkqOYpOqV2wtqoc5ExfAbOVFsbMm1b824GumfvRrm1jpneMzvXWIypoAJwHhMgXIMT4LhFND+Ew/J0HMEaxqlIdIS/ut4ITMQfKrzgRXBR+hWyP2m2KAieCXbH9NPu70lT4l1Ic+2b2vxsOCC0OEojuom5I9PtXKph4UtLD7tCjDRfZLRy1SJ0rgC2OyB8XZM4uLk1pcCj0sqSWD/DSlbk3X7qqNr52YMNxX+qRkhlFRBV2iW2ktnoRBJiCmIbOUSok2w+2DfGvNuxqHx30+GoRE1oXYUNYPi2vifA3uI+1NVghQ2gQR9o0xGa2cZirA7Nl2zw9C1V7K5vD5x+wtpu/cizTPywTrSg4FYGuFq/5UOB8BniM2pcVkiMcElA7qfoAtl0/CEbw7aMxEYYip05Lyp8N2jHlPJSh6WGPrJE5GMGhsELnLS3c1Ko41k1Q3tlrkcxrz2oytCN3X/lhKdKsjx1icndwtM3BUybkz5rUClMNPyixlHC+QixBmxpNCwc57YKnbmhCh+Qcs0w5Nv7LvVEIGQZeWpB8xab3YjK0DTmjGeatiQKzkJE60BkredL5J7BsN6Kl72f2fqyW9/BQwjJqwA2sWPzHtLnRpk0jH3sdLgOW3m1AsHrjMWDe/J+lFp2/P3Q+QzbADh1nL1NCLcxsvV2GNC9+FtniMxxha7EUobdeZcjAU08GF4NgOO2QpuwpIh6aQUvIXU0jgOTZphvegAVDpiPLdzDSHDpUx666a812fa39oVYdCmLQlkK4EavcH+ktIbinqVC3Xz8ZnoPtJwGtIP8BkR5E9uhSo7WNCeYQhBXBzxK5g0bWYCDiNz0usgtjJsfSWJV9D/4B03T/G5bKoM5l+HcjV5Ph1Xqk7CYzwtw79sxQ+7LjusJggaV8e9Jn0hfCtnnGm3pyPcXd8WZT1Hl5n/kNZ0oJ0ZVWEKydVOeNG3CQFRn2lHjDqAzHA0tSpfbnEb0S00F9Bse6oJuI8dpk1q0ehmZT53bX/yzx3eea4lI2r377ED8IbT23DxMn2f1ci2ccX209MsNoeb5Z1h2S2lVuSh12eOzbIUQ0w4HpA5ztgs1KjQNTFVXeUxG1nOAMcuZwWhQUThmCE10V/HXthkKLaPWLTRt2ABTrjbECW8vAB8VGrStgEoqG6AzkYzmicIY+fQn6oNLmO00P1/XfeKkV3UqlqVf5y4Nxm5CLDqFbyabclBfsrZaqUUQQwSNImkANPOPtFL5ComXdCxkK+2zsatdxVxy2aYxweGijV652rtodt8buGVIBs+cHFRTjJY84PHVJk1aEPTuTAjM5GMnQOcspOWus/s2MbtFN0Z/sAG/N4/Do12nBtcxa2B51xIo3XnHPOtFP9/6b36YjMHPDm+Shuzov/RGa0ROiULQYMx8AbFTJwvHQsAdzZ8jjJLOeFKmUE1R6zlZ2pShagB0RKIYw1ssSYzJWz/6GMMkFAwcJBCwTZFIcIvD8wNpfoxJusbreIQE8mjPSLiGnB5raQ6OFoD9wzvXRMJHYw1nnjU+nnSgMxMAjLRzQ/qOGR2f9EG9+A7GYU4nyKPUc0jG+pdeJBSeaC+QGpzdXskihKLj6v3ibGT+JCyXzbW14Jldd4vLXeXH6VFa1qExmtCKjx55pFBQr4aLmsDTm9fxN+KS+AjjbCZ4nwxbaaqFbU1v2rpyRpluEvFo2wLEWeW4EdIF9UoiNfiQruLYgi0equlAnIBGXNi2HJEm4yNN7XkXus3X2oJY5vUbJDhdC22DNk0Kxxp9NWx4PvNrX7cVyz3Vk4GmC7k8dM2uDLUjPypfEeFEtPz64myMgVaYEKpkli+mHXcHLU/6+iYTHcv+aZ1CXEraLMAwEfhAqtMeJrvT09eSp/cj2ljwXb/CnqOL84JOgAJuIONAhvsLBtmFrf5W6Os+UtYXPFNo55W89MkfT05XYrYIaNoSOKjKoT8ysTMS80ZA+ALGDxQ004hH3ChT7BpSymMnI6fHngXFaTnuyzLMnpoTfFyrXDCplF2FVdrLere5k6WKNfd3ZEzml8o0tfAOBax5oA40Tv8RNA0UxUJFh0tbkyqZTCVJN1++KP1B+EfYbBTxT0sWjIVXIM/LCplQ8vxoCTWP0sGW8OmAS5mY3C4emhygh6h3MkfgTh6P0iM3HwCJAowHPpyHTHBU4GQO2UqAI82wEVs0j8GoNyMuXoIx6RxO1WhGa6CGvJT62JCUCIyT3AjnhXYK5HiRyCimEGrV9aGWNL/PdMvgPm/xw4s+UOsGqsWCC7YgMWylmZaktuUfXlzxCymF4Qnt4KgQVyMPigLPv8UWgQh2KYnnNk2iUPH1ZEfKxSMLU+AtC/mx83DT3G/krSb7v/yZMWHzz1gPZEzZvR0zvDtFncWOxaOsHcG4/0g+httN9xr4OMjqxLkllU5trvdib8diWiR1ff6x6Yu/q7HXTCyC74XwEbg2trgrp1EnHyt1ltbmLtj8OoAQWu3R4/sBHWElKFrTfWwcr2OHs57JZszkNHVXcdXC9TDlBZL0ML0ML5IDnBDOdF0CsKt6Nnm1IocIk7ZO6qNWjpfJsHGT9sjwrHCCjkd1aLUNkrPJIUZ64oRpymLlsMELNUWOxeQMrYssca53ueSTWMkaOW6hzAAwWtFy/p1Sg230vVU4NkeGOh8/mFSyfSyEC1qFfA2d+qOHXe9GUGrf/3bx+Oy1LVYhbwVz3nWcGnhH+jn1nKS15XyG5GAUlKU3kZAKyXiL3bzT2WzfOBNaVuGAU48ppDcn7iyYWd5AVuwolwDJoIB70RMnM0yHhBN86nYfKe0ILARHpJDrsKyo1KLGEA15Ero+12Su816cVSW/QuIWHx4avEPE7b0yarVZasmKFOgReNqzUzchiPdg9a2MOmlGGyQEmB5i61VuOEGYrNufpU2ZaYLkFgWFQrhqTZWzQ3PIw/zBGRVre3fjh8vTn81e474zPuyeDBTYnnfzJn4wVq2ReXu+Fnc0M0eL+zf17EprNuTNgm5mseT8g+Es8hGGhn7zBNJFKciLgIGbJsyAfOTDvrFpNJDbO4mVm/MZ5ypr12BJDb6l+c5rKcQ57P9NarcOn1uy3E0yvlfBW0dRe3UrGvZyfBoQFiygyKKvDN0xgLQXv/2TXdSjAT3wrAi099DkijL1Z+tPiio2VdaTtoZLCYJaQqQtbrtavdwF26FZ45JtislbpQTcFpJV2l20N30KmVdFURXVOAIjGnVVtqIF3W+c3Oy+3H01u/xYfmQPeffx6PFnv90DYswJiECC//nO9aT0+WI3XnD7OHecKTJaA1DRBdAYU2/00HGkHI4wjasWioJVoKTBSy2TLCJp51X63kOa23xZ5n8jnsSl3K2Y59jSMj5G7ZmxJ89vdlfr8CUrqOCuls0Tnk/9y8AeiV8s++9rQwo9nWUJVXkBZMu3gFWqSwvJwYuioBeCda0IkKY4qnRfKpklqCRQkjK0hdy9CXpvT/jTt3AAhzO4RJWXJfRMxrZti2Uj8QZ2r0dhEWdMmptX5/Y2ISqmxy2J5vfIw/6qZTzPb8h0YtMzaqSjYzxPX1PDLZcZMVk5fkd0B7OXhslcyKT30Lks7+GekI7xnn+r7EAYfP5sYnGfkcEkePvA7BAmiAnRmaYJVkwoeiJlbAvFStkyRjFK+tYpiolP1qCt6DXiPqN0isYEm6IXqoXABA0O96SZynxNtF6GYshsViLEVKQd4vv/xtH87Kwwj0VhE0S0fqXul/u/tcI9gv+SMfmWmcDmOeqcsoAS/xpsPTZHlakILHJTh8+17AgL7ffHYuTItIHI0R3dc0/VBBAjdX3JUiMmF61nZXmHJnYzlzqtjG1ekWQ/rKzQpP8c4wPzN14LJGWK48I0OZxM/0LVQ4VzuYqnW00e9vuRgVzcaOsvJhV3ZT6a14hWo0HfBEb7mSQnfd7MYvsnEmptge0HJsnn3GBh4bHW8vDisLDi8PLXBPIXh53ZXy/yO6yXl2cJM/j8DGHWxQBx+Rn8LOFFZAv4BV8t6A5Hx26K5UOnMjp7Pu48ltgIQFSa7tDh9NT3pB/3qqY7T9m8rDTbnQJqFsWYoO6JCcuwpZ+VbmhtNrZpu6x1/+dfXIIYrfrrq2XIVln++rlvazs95g+lD231Gmgb+cFQjaOjW0MVh33i+uk5fOVrRfMGOiLjvnP0x+D5jkgv6IuyhumSu43Vbk1ATEgOCIdRCPlMAYE6ylNCAUijubeBI0Yav0++wpCBg9pB+OCm1MysFrKN3LJwYXabuZn83bUlO1u7J3oHskGbq971u7Je0jjVfnh7VSzGHs/Hoxvvth/OASWrCHqCeVRCfq6NX5oMkkuxz7EAY8eewz7HgJ+iqI1i34JpsafIm7HNdsqzC+gIs02nWa9cpGibpW/KXOfavsa9MaNeH7VQ0d6l0aU4wOZKqsWV+XGm+Dmu8FbXggRjvKhaUjsfuTu2Drt+VZu/8W2bLlpmk7voQWi/E6xGkifOMQjzxVNGiUEkzpXk1wt7Ss9LxPn54loCDakV5+VJ6gFwr0AgoJS6TJHPkadcJsbnx5jnLqqE6eaekqdgpPpziSEujQpCIQwfYCY8MKmg59ElXrJ2q0mSez94HUxKOsVO1z8JHMb/6SWYjBKbz2O2ou5gZpAXJyjsshOfM7jC3X3Avf8wZN6VyxSXka5rzc25i16MucyMVfRdMn+ZZkJsbnNzi91zl7LOPCLrml3uuoDQVK8AG+K2c6UnUmLIFUkQplyxKE/iXul8GxGACPxg/gDyEW4uAuWvjvbzRzUo/dlqf3ehG99lKkD1ph2qAzJwH9nsmyHKLUphK30UCh8l+wcCgQ1OPaVIlJtV35BBV7IIH46+vojSsLDSCAfEyO0+oLo9cDAirLQ07Ic+gGdAZjwJGoAsZnGUpjK+ybmpwVV8CUSCjH2sAUoMZSBGb2VONGt2MthyB0SNNFeSk5vLheoaTNI8sThPampgVKMJ7eoYDFxhEIPChBjv65R17xmogslBf6fB7dEZBWsSfJP9s7GZ8ISAeP+8NQ4ZMNA2DTEhc0WA+lz5UQ4OWfCtSRIlcat7zDGGkr3XLSHD0usulKmGEw3eINsjHPgd0GOR89W/tO7fSfUZZe1iXXXeQd3f+ssCdSySsGWwm8KkdDB6qbM8G3bBLKYh3WVOCaS4ApMPyOAr4aecEyX2dqsal1MsDHaiq83ctb6trWsE897Y6PfzBndvRC2OFu+/hJ2uYMV+BCtQpO61u1rZKrvWkl6Rus0pRc4WOkJeDzqyF/F4juxF2bxFvOzUNsWtLQT7AsfmeR1oBqWjpLKyKjnD0D1NTc5G52ajHLPjuoLBAjloo9VJlKLLq/al1qDTuN+4c3b8AHldiQiPuOIFMfMcEyaNS2A71aLAtQ6jRFMmS1Dcg864AP84Tnu6S31w623M4ElQv6mvLpoQEIKZkiYqSxzEPmTpcir87RByohQuGLLKXfeMNhHACwOERL4bfZn9Ir3kMxqTr2FJyqP5gqfvefwYgbQ0mWHAoD9L9PaL6MvcAxOW5qRi5HZOfTwO6XOyk6diPp/TB2x4bjLqryvv/dTkYWeFHq72Prw5N8S4rjOkMHfz4Rh2JtxZQR72VSOv/DWlhEhUBgQIs6+3L49b4dheVOq4ovK0m/NmBLwtt1N73s+f6nuyLebrRQQAMagkIIS9sdNmdsSwY/12EjKq2IHQHhCm8DgB8fEBHAVEKsBHC4pcEFNaK5PbzVTLoosXwOQNWB974ICwFxvkADZPEpfqFxKOJxW0WhSgPjK6yl4+INIUClMOePGtTLnkRyCbfO0m4HAEjGX1maBWnBTbVm3Swpx0wvta6uiSIQebmy0US3sPSX/gBGQpr8geC2TFc4ZlXJsMblqvPRfk9HA8xTfy//LyHgqT0rP/LKN3ZMgcCD2FhdsnJ/+P9E0Zf+gUdE67Hk/EDzkS8DLqqt3uyyhHf/SQ4QS4fi/6ycIeOpPes3FjaVcUC+eAl8kjTEWmtjs4JI6VJ7cd/9oAcUOKiUhs2IZVewYkeMhdvrxi/PE7WKRNZGUSwtMaGL//AeAYuSvEif+OU27zthy2ePksOjzj+YYvgjCVfywsO2Pow9tbdSve0zEqihdWh/OiYpT0x711Z+yfDGVm+8dlRy+XnSFAHp7gTMJycbZ/bHbm0Id3t0wr3hOw1Euw2BNSb9l/WL80ZtkSiBCTyOOmBgenmgjkMxnDQmheEVfCqxTUPxz0TcjxRA8i3pwW/s2/1H+Btq5dgfy/rhddWoy1POoO7tL+dxvTMRDr9cauV9gFKUq+ody2XJ+5kM3UDibqqinKLR5fjWGvo+rgNvsZHRsBI5Iy2FzVkiLF/ATquhPXri0/NeE1m6IlDW7IJ5m7YbMz9/wXys3XSnicxIBlW5lbl8nP4f2q3PzQYiRCc7RVL7XBWYsHys93NAIxcXBKtDCaAsMTlP24xgJg/WIFHCNSzIVtLEQ3bANhhVAVaLcuCaSwfogJIWF5IanBySlBnWciLSQlODglJM1KID0lOC3ElKguChNqZTz3AwTYnSbpfdvwBohJMkGMgotKsjY7Pr7B1+LiZ6dGKWBrK8/3NbBXr2YbfPMv8o6zDatXG9j5vhcJMRJIJMzKElSgXpBVUZ8lrKhOmJXhxGnOOVAYElJ4IKeZ41TvnqSzB9yCN7AyI44vB7RZg5XNVBZUcVZUksPJ8J+/yS0/L9zIag38B0Bg+93yP2+KDP8cDjI952yVsyCvoMvhl4O8Av4jYB1dHV3+cz9N8fo5BJD20ccB6n4OhODCXzA+7HsZfwMazUZBFlSSyCc+LxXMTkxoaLjDnpo6v2Y/q6H3w66dKIddu2pqFplLnaecShe1j563Ix09ykAxoomoyz/GbJOOtJ1nx7QPcWDomSiGQwA4XG2fSlkHOCxGJYPFOTBhWm0llhKtC0DfrGH13LjEhIUPFD7dcp8HdpgS44Ko2wy0zkW+mf6GYkIpvZRQEKjjaHuq83F6YoCqpaR4N/1oV1Gm89cT83G91YHaQH0BoYSuXyX8DL6ZnYuOO4hFhlxhLevFhur6XFGtJDLcUoey6ifr6iZnAATz+q35Ekm+56EDv6nyJSZpw2B5RiYTDlD4uqUR4xOy/UApLDOTcCCHPKjDN1G8Q7Y7vVlMdzYPqW9x2u0UtKiv3u4MbL0mfm5XyTfXiL7AiQ8IiM+oyX0ZEBMwQZlJjnWObVGIB9yjXv1BK/4+GgWkCDmg6CkaTa1OHakAHPJS9O27mtRSidEoqScQX28YUnVmbW0fJmb7U1+2QsFOiS62IgV1RK2BhhRIN2jrIAZ10IFuUjCaw7GR/d5b4WuHtIPLOX7xMQEBy/o30n5V/krbuG96ZK9KtJS8tPM93LPtObrvA6OkKKVKlzA+9KGfm+kxPrF+N8gR++Q5CdguXP/5austFAbVcq6bQpzHJOqHOqgd5ywUEqX7XA8loI9rMl2tXuv1q5lM3At5uiIu6N/tCph6q1OYaBNdTYl4MdwiF4lUtVgNxAj5fRe+k14VOW9q7rCFt78LMw0TbyyMxqeqEHnnhQdkrTbbnTw3hTlregjWBWhR/RW4ypg2Wftohmhl1J/PUDt05mfqe2MWB7n3d070nSHAJ0zvHaPxMny0o8Hk1+Jn2mqRmooaQ3hmPIfcA+SPFvDbDgMsd+6hvfkm3I6cWStcdEE3tq8OsnOKKW7sStCjS3dVVS7cXrX+ddU8kLyzx5OJaf38eZALZCL2dO4kkQ6fjWDwnaJeRmOGcs93X3aJT+F0ffFUN4TKC0GjoqA+9MbdmPkiXf5RIloF6iIVVVEe7USM2+LXH7jFAo/s5kv3w6Lnli9RuukwJFcihqBwU3RiJy5szM1rpA30DUxBfZ6ME4fpwww1QwV+hQXOmrJNManors/7XntT7jMLCpjBghD9feF9plr1gUVoKSgYj/FIjvVo8YgFSZ4x4wUFLTtUbsgH7FNPEvFyotLNm8nS+z4rGCHL1B8DsR7s7vKyuWX+sreBAJzZ3y6mbjWabgbZrXCoxjYcnmJ/uyFhWUmCc3nGsGJ1/leIeb4vJ4chUotI+8nhZqd11aA14S1UY/jbXy3QJTBjuZmB8h82yI9smFkEyjO5zNgEgc5f/behxjEoAX0WTUWdQyegF0EcEdb56HG0HQDIx9BuSxHo5SgqslZFxE6GzpFN4hx2uLCyfLYjScjtPtd0LjsccJMJ5aGTOALNUdHvWjqMJVWwrnDH7/ies9l++N4Z515hVZCww0s7ymVYIs6QPVDfai3YLFIb0XfQcGixLaSJgF/ihZlymsIExcS3BKwhUCQIM4Uyny3mueFF+//V3xbZGj1ncwpUxW2YPbRitKtJGRuImfpg42U58bXFO6N2Fqd/mgqznRhFukWbrpAJW3xYyDezwPw9uDn4O96r30I4LEFy7/HoaWxsauqm9sA6fLp8oxov8BDgC0WFiBaPc4oLCXdTTz4+1Gjs8QingHpwCt5vcwO4ab0a9wUt5pZt++PEjdyWn7aXu7aA5etHae+GOPFSRdnYb+VIxt/Q6+l/KXrJ+zH/oy0O2jA7hrfzQZOGSkqqGgLKgDk9TiPBbv/hL24WYlFl7AV28E7XWXur9xseHAalaFE47MxfAgzv190v97ukO0Osu0eJkWLvdf06UG4vZNB9GsMave31iMrVbWj7pOC0sLTgRJgADTiPz4xuNtxWEwcUL7uzidxNcaJ0T09YKEyMpctP1x+zyMxOh9tx8pOj7+hTuBUwuBsMUBAIfDInPyE+Lu6IpqCkJISQ6OUouq0KgjQzfPTLIgDMwR4Ns7fz4RjXdx1JLSgrCqYleiVP39EOwclLjvn7exZSToK7wmEANN6b7d0zyZ716zjG6CJILzjciVQ/lmo1b1gXkE9CkP14/ol1YOz0Reb+mJ1MM1GWM7br629nia3pDwu3jAn1QkCy6CPxSkbe7dt5zUn+onR+GjdEx8soca98VX73krtEiC6Nm84vvOev8vVVpxHIp0X/ngrm/WZt6OonvJfQbhplsZyNJK9VWZsaI6NcnLe7p3Dlvy+78XhJpGrNp6Yl7QgXqZtaqBGnxceplNFBKg7l2ImThp+ufn10jBm5OPLWu4P1sNf9zNVQyan52gG+jsOLB1ncBD1HQN494hAQrPUO5FueC/tdYUV8WaYosFm/1VmVyKY37mcRUZcqXLjcVB1X4GBdGRWb55/3DfpK+Aqh7hDuLMWhP1lx6HOEc4Ze6Jv7N0qKa8pe6Lnrc2qkayRXd9NCO+nxsMjIMD+v0qznw4lDWLUD4jcotsrxjiEMOYdxafnppzufzhl3HmyUz5WDdaYTQ2PN19r3H7CDbsvaju2erFgCHpNJtSDqc9f7yQYcoAvqinPYmd7Ll3tnsg2n2TkCG5x9OezTBoIjZ56hGgMbqeptLJaZpFKTrPiZrEha4PmLZU9BUWiBVFogK3oGv9SEORbJOn964gIR3YmQEFu2Ao+EYO4wQDvIbDBKcsWPK/3GewQCMbVRcs+WvwH+vyE5KJHDSQxKPhwgLj+Rkxx0GCWOfSWWEpwJpQw945ApEZQ8cieU0EsI4HdMxPzSN5c6JlVVSivN6iHt9No1qyIaSqfpCVvx6fY/1qFdvTjQdpdNmbFEM7bs+fYH2QMXSWX6Phn2Dbz9X2CIKMDlveQ4HF2w1mu34wC9neBCj2HSln/IE5dqHq4vtvuhkLx5Od2U/OeRLRFUzby6NBImFQEYOvm5NaQNrrHU1A/XB31SXSm5V+JW7XHTFXoUkQvICYokNaPAM4N8iJ8IQpn+jqVGaUGUb6zH2BnxswZCAe5OdTRYEM9VC+J1GRnJSU1K0bK21sT02BSRMM17c4U7LeUhjRWUhUWmF9FjDrh67aERHhW9qzUCzD9yqlqkE+lF0b/FoBtQVaJgBtLE6GOY3jPWMN4btSIZQRUSt3pvprObMxNmcQWu211funZqZPum4tU0h43KpTFbl6qUm5BACrp8y8xWob9njHCenXvh8I6LdOQptSV0U5nUjvPnhe5m0YULFiqTcme4w8AAYnbdClcG83ODfOSybUyquzMnV8Pj6AnMQo/HdHokZ/aEtn5k9xsWsgPqQbK817q4s/gCftVxVSxZtcp1GWwElsuEkhXkHk4PuT7UJMnPkxRIpwnkl+Sf3pnFn771EbXWdsxHS4AafwsFrXVUXkxePbw1dqEuV/42zZBpTkqcErQL54y7LuenJJVrdbyYFdjS7FBHgeftuxtY2qUYx2PEmJ5/FMLbySFQOjb205qMLIu8iyPi9kAEdwDtwcGutlgGfsUCd9iEcITl0IQxBQGU00uuszgsbYJUz/a6nWzVXIgdUPp5cdI1IbkE6vXyK6JK/+eB/rRxRF7/keH70pfxcREvJ6o5fuz9i7nzWlwdyS2r1zanLmOiwXHkbG5Rlw3v86Pn5Me8MzCmaE70Owwc4w7diTbFVnlvnLo5tVE9hP2Oxb1acTrF6pPDk/9NjkhO/1slBrTS/QMOhdSlpu32VHvumjWbAXfyuNtmN+3qA/XqSUur56VyghND/B3Vnmr+y1d4tSPJ6zrMoy4trZd2vdlN6jD17Mbd83cMThNyM3mkOSzQ1AbAzSWSIEcOiH1H9YikMnxvDPtxbn+91l2c94ChCjq99ixiiB+s5SSZTZ2ZE81YOf7t37QrlfwjJGKdrm8vJpvIiTvlJTYWX2UgjFjkLgVL4B+XtA/hELjNf279sby6p78uvLU8CpWC8hgxHb7afbVxeFlTc+/N6fEtvXjcuV+FFd1AMPbbUPepJrk9qpxqz7kYRmJXZPzxl1YfpXZRl2p1LcWT9nDkScaGrBp4AISPPOJGcpujmYrd4G4DuEa5Mm6A/l5DK6ZrHtPn0B9raGOFKEpXAgFcnwF1FTY+25MGcF5Wbd7OwaljcE0UEdAf4OtrcOfMkLxckVE6w3fME4nypMYZVZSbV6fnrf7fkBKUwAlMDEw+DCA4WRx4ODOwQT8a8WVPl2sdMN8xBKRPnHrJ02UqYbwKCBF0s18bo9N9yxjFfE/qNBvoNudxP3UXTvuMAgaNFW6FUZjQpL6buH2WrfJModZEy9mzHZ3d9fUWKonakZM9OmqhMtEdnFEgjhMMpVzRZ3RTutt7xZYkYPa9BzOQwoGcok9Is56CfegfCQ8czSzKAEs+FPeZn426FtxMgDGSNUDhuottsz7CkGf6URwQjyCRCCNvcGdKDUoPOZlu6CFpvPSiAZV/D2odpl3O9nZITdZitU8MW4tJhat9lWz9YnuNfWSbMFMgyCwXZGXyywmklgsyT7LrO3zVq1R+oIKrJ50llgBBTb4ApieNk/Tnkpwq3xObXYpuiconmj1IILDBab9cLOfQH+XT6ehxtFWLwdir4uqb5CsI1GmvwhBmhUwrbUt2Xb6H4k2MIXozPnMvFqbJGhDyZWJ5hs9l1mHczG4aHD/mhXV+R7J4W5hNNDuSBTJiN23tIseBKNX6v1bpMDYcU8fRQDPXaFXIoyjY/WYcQJ/dGsUixrIErjPbSBaWXwB9ss0FfexsjcfQnxP8l5rHSWdRmxyOIPV694lRm7c3X6xXpMaBzQ9GR3OyO8rGryBLfX13Z8fZsxYKidqvfWEl6p/VG9l8vZ4P0Eb1wMBBAbcHjTqpYAt9j+BP+lHchxRaE9NC+pnQSA9eOFr5Ppme8ZQPQAelCX4qNlvlp8uyVSq2n6XmMYkkRyjOsU/BuLphWZRBlh/yoNduryNalOfxRHr3sHFQFU8S3P3CS8WKvFYEqJbT2XZswt9eu3WHXW3B6paEUPpCNtcQJNYEs4vlSZgH/7pJ3rqFKSBvPXeGYNOjg6HFAeqkHxEnkKYcvlAvJFfC7jk4qfZvpKf5k2MvtFhCpJG5VaIHRPQ08S4awpMgyAzWS5+jijXsxadSUqmA6th9OCsvKS8F+dzbsyst7QFpMX+x08ODx09ULeieebIewNBrlgHQt5XKTjk1/kdYCkPi7r1WLl1j1KbdeJbMWO6xOhS4gJQNaWkPSYvduQ52i8HxE0ULGMnPHo/6qxqWszqAR3RxSaFL3VlmTSg4NR70g1Z73b4b5YOtCxNcACiD9b+LcCb56VL++v12ZJvkM7sgifvt+5gkeTE7WKwxBLsfiKoSReZKuJaWC+RYmyt9436VE/pSJVko1OfwTahLP6qTigOqiBDeCYLQd+WlmMFxMep5sGEv5JhScC4dhCbokMzH343LU5Ep7onLuEEaasW+iGve18qzgEnkZJdz3ft6+AFWNuftTSM9GpvpGO72Y/Wlq5hMv5QdNyOT4/1i2bK4NN+RBL03HMlWKOPyjOTcdjKfV9IdvAqHQnmMF7/vWvZ1ZxkDCA+CTTTjOxqZ9s5IM+T4vi8jkXpUZBMQA4oARD9NyZ0NYErsvvH1ERiaf3Xo8tr5h8Df22MeVsheo/UuBNO0Rgk2Rb5yY5wg6mFnS3hfb5V7c4Srs3GDyCc90+Me9SKCS97poeHWx7l9Jx91dqwymhik24eBV1vkBut2MW2P6efoNZ7dnq81T82rKlLS4unOy/YtVofB8hjq6KiSGpnzPOr2rzttH1+8RvARu22niTebMEhtoW+p7+NJ4unp3Qg+4BKs1Acw0Z5/vYha7jE5N15PmPtgTJc/y7kxaJx4mcJaFxDj38Viv5UfUBCYlMHowYDogAFWFDVadAcQ9Gmj6gxHdIuixA5bkPrI1rJFMpmjbFGZbJGsLPU6J2vrA+YuiGZsv/bYFuEzymF9eHmWoB5rE2RdJIKpswQXba1lP8k5J2T8fbAjATGBeGDmuGc5Jj2JK689HUf4rWmyPFumqOD/8XNJHp6It2pfCCxO9StKhrMcnziOp65unXcMsSD5o9D0U//qoqaoxSlzNjNTT94//4rLF4fUZzSZfAnifY7/Iy09EIKc7pb5Iy3hl2NMqIe+VW6sDT62iTrbzXC6D0+ikN5RSNW0p2ns+yRt/TMPy5kvz9cBNhrUbTR2vHgDRbvfhkLntsdctlN0Tnb3WF9/ZJIxylyWoSkmNSc4Rrpl/pYuH+x9gBMbeMA7MFo8tnBMLQ7aVojjHNj6m0eptFTSLG02HpD6lKCKYBcZzxm5kwW8odMsJcSkkiAle+hS+bJKSr2DxeEixMS/UVGYumUM8F7atVGO/EBR8he7iPLnSko+RKIC6jb4RRATUuIZUFvOBAvxDCrYUFYdGW6nQUQKQ52KiK7vQN1H9oRZbgZ8QJf3E30UoznblkaiHDf/aP5OB9L11F8n8CTmsM7ppzLHfy6Jrd+dPk9i6wNRNnkjtauEh7WYaXSC/JxM1sRN+GAr5fbyg79wmu9sJP5f4Lr09ZEA0smDlzqrD/19WPywVcbFk+5dHXa6/Y++uqPf+aeiS9LnwpZNCkkwz9161r9zArAgYoA/d/0Oy2Npg9Qkzs8TF7ycRS/rXPfR69pZNdQZxan8fbM3+9ut2wHVpGl5J7QhmuAgDTfNSqCgJlgb8vwXwB+swVNtUi4IrE7saO1OjN0rFmoJWnt7BBfGY3RXb45fdN+CZnb2aJJSkno6mWhLdoZT+yXSsaTCy39neBWhBw/6aA8FKEVPOBBlpoz1UhRWAMqQOqNpAcgQQn8Io82vX988FlV6kZ6LM5o+uxpMWCjz2qSJHOPgTAkyTxqNpurvUWlGv/jPOc4qhwIXMHktO28SkDMToIIRIqRwvPXKqtFGH+3YHZ3Nrtx/mqDAkUZMcfiMWMD9QpNkdNEObvdvTx91U5jUbvCVyFCm4bRKHtF610IFgQvRDq+30Z/KHbBQGdRugR3opjJsCgrz0vBcgA/kZcz9istdvpJuJYuv2bSOiIhL4N667olY7oGJdqUTfI96YsM1FADb9+Ydp3p+hgDQyweit2EAcOoPuHSJqjl08Vx/TVcryhBYkRv4aW6XJnTFkmbZFZjzuLO8JCM9A2d6jkDYpf98z5rx/i1wySc0wDyTtMLwfua/5Tz9yT+DPVCmfwiNr5a8WlqEgkFMCOkcSD51OoPLtR9V9AV8HdpIfGZCBXv877NAz5PfbtjiPqmJfzuZ77ht154Q9j9/1Dz5+HuNz78hR4d2zjDgtUVXi64kWuZaEtuJkmcYgP4kaYHj/c1nU7kZp04HRfNF8xmE7rf2wuMsgXtiRDmb3fZzdgtj4wrqgqqCGnEtUEHclL6dmMi5vrQ60FEeXxurjSzFFGFy2UbfCO2UT5fL5qT2u9qIUqw9ks5XEjTfzi3o4ZwfmiyK3ZydhUPU2E1G7cuuGWuN6WnLw0zGWdQVHXgYfkX1/NvYVcYQ7QuwC9SG5NselcPmeAs7H/vL7IMYVMvKiOS0Eq42vCIiha1ky+Xs17NA8Od3pUwJLT9WOGeFv7yrNbqxfhXqaxDUK2CA2ekGR9G8T3ba+blOG1oHlnUw73vAsIvpdoFqSe8KlkuAW6I0Kak0M2DlWvlQMis6l6d0VrzEYbQxgeR+EQX5EqbfRGoVRE894x33dCvn8SGXERFCRQEgBbnpN4OWObq5u2M0xjOlPFvwHjEqZhgwAHl4uL+s8jpZbmV2zcZKO+YceWvR7JaVR7wmCFRY9TfhZWElth0S3s8w5822wWFEXiX8P0uakg8WtndQmP2W0opn/1qoRAywRbWs+1GLslAtz/4trbD0MykdC9sBP8KbCY9oQ3SjW/FCEfEWKpPSY+nosFRrtadjuZHK9hriOSIzdyzvqZWkDssOfVtAWm75GcQwqR0hCytrpe9xWD+ue/AGb3l8w3s87jd7pm3ISfM+ZNlhGVXTkp7/OjQLJpjbA4RZmdT8Bfcs1G6G07aRDioDDWQv23Smby9FM1C6vhv/n6TMQab0J/+7dzuIC6ftRQTGIDP0J/9v6SZoht6l++2EzrKhaQvSCyAea5DFg3QFC2gOdzt8Obi6m2y/GG413cKT+jQLrGO3VrzWL1HLPbX1DQ1806x8lPaG63Kl7VO1xocIl0t70PXCOKHP0XnKaJzy+/CMi0Ts4OGzBXysAkDWJB81Jf9vOuY6FR4Qxr3jcMzvjklH9AayA+aDc8Pd1IFFmYocVT22BlviXxagzuEp/H4kD+tWq3jlCueHqsLMd5eepDCNOI6UGXhtY36gY/x/oUlZLD0rF23EJElXxDY7rWQu7Q5NzPK2PyHJ0r5IHbEm4NTc7h2jA5FpSDkG6x/aH7YDyOD9/XLKll0UxddLlv7B6Uar2uQAYuBnUvlSMxCzeqIdnghNGE3Dgexy0Xw/qOs8Mwg9FRaicfiCeYyGY0SzPH5QRHizu8UzxLMxENVjC3+2isF8zPTX8LWkJYd0AxIiHoi0fKX0pCYAY5ukJ0HM86bdeU0TVaqO8oLe+WyXm/tykc50TMSZzKPTSzIdl10ARHg39t7Y+X6zyXVCxgDB5XHboHKUxy5cqBo8ALSJpWML1XozT4cuDLBF5PhBSj77ofDklaHVVaErekmq/4Qg7UXLVvbsdldesAYf1g/ANu2+OBDyBImWVkvYoWyyOmtqwCRqlM65p/rssws2JQVoAo9oHr0mGHvsDIFnoeWuJRo55wgattJHLvdRsn8kEPFpmarWoK2L+qodCR4Ex2Wov7ou8tK53PSikHS0FaWH3K8CPiXuxoaFnnVOSkV9fbulXi6vV8sfneLpPGa3EzI8rl9G4jypOLmmoFUU7wjDe9Efhm3af416uLMragfVE4c88ahrij6KBaZpnzfWt/7cE0OXGJSq9YZuQZQhP9Y58lp3crB236IJ7C2z3kfp6/EVhjDxdFBjjL/hlhL+DLQzcJODE5M5mqCxlMDkgOAEbqJ9zq+LRjBLISZuLabhL/iG2S99zfu7qLrOLmG6d6srHiqdPbsI7lwEq28qjfCuDWzdj5GjS/zO3mFC3vhGaAMk+H0YCIhbbKoiwpO1KAtqzVNio0311LuYurtxGQJTFSDscpD0E1qO/lTPzOh7uMJrRZMMQqv5EBLrz30aIHs9v4hUXKsO+MWn9L8C1Xr4l+1r6DepZJ4f267xbE205GXhvMsBFzuxNTXDijFqOCXAsDpB4dbAje+RB1bqQeo2k1ca1w6SpjTA4KPHtR2GMBuP9aLg+WWM1fl/JiBpmwmj0vrRFToQNZmmRYjcJSE43cpKTmPl0V7Wagm1H4ZEpkWnCkzXouMmFMS3+K8GfgXgfenHU6mZD0RGirPd6DSt3uqC+UEO/J4smKTfD2rEuFTUMCvJ+NEiJjSaHn6IFTLxA+XrilYWT/w2PFdrnBCffJnVAcOGmAEDei8qY9Cc+Cg6rYJLHbKNVKTU+LjNXqgznurGZEVvK5faYylMknvJw3kNZYWTzrHA4JZN4Q+OPJ36R0aSR4rzIhZ7z0KPOmc07z75mj0ck/JKGwATYeIJgET+SQpiZZyxidgv/cnKuWltrkdxBX8YE4qvlZS3AeQ7TaInorqs1T0MK21neekTJkRhMu0meuepVY5QGaKwsldnPeGLE9syzSw77rpfVcQTJG3xRtAU8atCT0YBUDdhnQCnwjjmqFjSfBODASaeECFiStE4IMdZM2V8wkk0jEWzMGBYvdhFhDzwwCtV1RblIo6lsBqTrCJFwDhMystMx4QBmXX08yCt/zCEdXNTIsqxZVvTwsJn0gANWOx5744a/h9msw6Af8Stj5SqGRl+BZBMz2kB/2NTze1YOirV5qaEsw7Q9sJ/NNsMXvPsX3fFeB2FRAI4cwI0m0EiGGiW9B9Ru3J9y6CYR61D0CzMtDFSdo1xmr0zfv6hMUHPozFR82xMdXR88DQzZyLSGYJG11GjGLs1qqG/RjN2d/r8T2NY+jWmsX9j13xWo8eM9TRlCAgRdVYMGSlhIxzx9f0bbfIQnAb+x9AQ+rL3t3enq/5CxhBEmaa1H2I0mQlSZX9OHh16L1kdpEQVby7G+sfbt4ZU801J9ew3AQIR0jKFQf9woghmskfrD9/fkJV4IFA6/zeCBsH1z7x3847C+RdlqpSCxDda1gcR6UbGTFVRGeKf/lTkVUNkanKxElKiG+dDr/3wFmUztPQWvVjVfiJFMM1uBmekAgQNWnToMcQIf2HusyYho6BiTBAlWVE13TAtO5XOZHP5glMslSvVWr3RbLUfFX/29PqD4Wg8mc7mi+VqvdHpDUaT2WK12R1Ol9vj9fkDwdBfOjBHY/Hv9v/nSqUz2Vy+UCyVK9VavdFstTvdXn8wHI0n09l8sVytN1skFjWPLLX1Mdc+931d50A+AvUE3Cfs6QHSOKqR+sQPVA7Z5u8FSPv+E89Hl4A98Hp0VIhLZIDtxDT6lZaOpwMxjd4hj27WmexZUglA6RNF9JKUcD4yludhCTf0Yu8yyB4vMyTgw+Y6bKIRzzZHJJZinD1OiPY3uaTTqYMma2DgG76aawre1DhJLnmC3AlbtE7qUk840Nm+TjSGVbczBuKGVnWbNYoUCcvAEK1kxX+/cribyiMliBGBj8EQkcZIYdsT7xdMDlz6gSZtfcANszRKMsh8Y/mIqw1BnjdNGMcwSUGJIwp8Jxs/xPda6SkBXy9T2OYteTKkY/kh68RvU0/kyMmAb0+gB25LD8EicTjbGpsyFSCWhHWHVFKd5CYvS2mtq8El2XmCjIdRnFuGtGIbvYkgPrHj/XpK68ZRl6ywfQClUt/9/XejqBjs7u8+GQ2wSzQNq68nnp9TJyVdyh+SqA+UP9BhNTFI709zuZHQUZpO2do9hXge47NSgUwAmmmzqVCADJJWFVUwEKcsPqIIYWTar5Bz9VYFpCFniKTkfdJUYRuQYZA/rd2Ha2LbIZkcOUrCMlgzetQFcg0iX3aP2SIC45FVMBoyySNVOEeh9jAs8gafErLCRf4nNPcC1GOfq8R7VJEyPI68n+Se2rPoyjV7AT3LE16kHnLAAKwHWvtCgsYwzSFpkougFzBKgwGEROpNBIcS70ZCB0Ev8i5QxDvxNG9Rk5wS2gR0hQ67m+T9a7t/SMU0MiiLsaP37HFJTRQmbt8hkx4pTSF4j3a8xUumIoU0FamUT2DsTlC1grDwzF2j0GGskxhM7ox8InQJ+CxXrK6HAypA7ExeZb6G6BrZDpKKDN040rJ4NIGUY8b74OjIpHjgT8gU49CsJpVDZRcKKgwAWr9qkPXEb3TAObERF/7VoeAS6jqgIog4z3/siFChmZKqQo4zjdmcJ7ysYXhlJFSYA6lpQJNYr0DrgE1TiDwmyqHS989Lg69QU5xgJSUtDLQSigs2Ks+8gCa2ay8KIgk7e+fbopPaCeM2SGLNCrlYlmaWiNgnA1I8UyZCUG7eQWDx0UFYJh1Zhekn/6okP6JJIOviLKAJ2LilRo8x1oMKQpwq/PyIHOg6BA20FpIzkZfa+rMGQ0sKVxifRSUfs6ncRKn3MRCw9ail44l3e9KUau7DqCQwFaaf8jMA) format('woff2'), url(../fonts/shop-iconfont/iconfont.woff?t=1659598557217) format('woff'), url(../fonts/shop-iconfont/iconfont.ttf?t=1659598557217) format('truetype'), url(../fonts/shop-iconfont/iconfont.svg?t=1659598557217#iconfont) format('svg')
}

.shop-iconfont {
    font-family: shop-iconfont !important
}

.icona-zaixianxuexikaoshipeixunkecheng-13:before {
    content: "\e8cb"
}

.iconshipin:before {
    content: "\e703"
}

.iconzhuanlan:before {
    content: "\e704"
}

.iconzhibohuifang:before {
    content: "\e705"
}

.iconzhibo:before {
    content: "\e706"
}

.icondown:before {
    content: "\e707"
}

.iconyinpin:before {
    content: "\e708"
}

.iconwenzhang:before {
    content: "\e709"
}

.iconxiaochengxuzhibo:before {
    content: "\e701"
}

.iconicon-zixun:before {
    content: "\e692"
}

.iconrenzheng:before {
    content: "\e691"
}

.iconicon-fenxiaochengyuan:before {
    content: "\e68b"
}

.iconicon-fenxiaoguize:before {
    content: "\e68c"
}

.iconicon-fenxiaotuiguang:before {
    content: "\e68d"
}

.iconicon-fenxiaodengji:before {
    content: "\e68e"
}

.iconicon-fenxiaodingdan:before {
    content: "\e68f"
}

.iconicon-fenxiaoshangpin:before {
    content: "\e690"
}

.iconicon-shouhuodizhi:before {
    content: "\e67c"
}

.iconicon-fuwuxieyi:before {
    content: "\e67d"
}

.iconicon-wodetuiguang:before {
    content: "\e67e"
}

.iconicon-yinsixieyi:before {
    content: "\e67f"
}

.iconicon-butiejin:before {
    content: "\e680"
}

.iconicon-wodegouwuche:before {
    content: "\e681"
}

.iconicon-wodeziyuan:before {
    content: "\e682"
}

.iconicon-tuangouzhongxin:before {
    content: "\e683"
}

.iconicon-zaixiankefu:before {
    content: "\e684"
}

.iconicon-wodezixun:before {
    content: "\e685"
}

.iconicon-jifenshangcheng:before {
    content: "\e686"
}

.iconicon-shezhi:before {
    content: "\e687"
}

.iconicon-fenxiaozhongxin:before {
    content: "\e688"
}

.iconicon-wodeshoucang:before {
    content: "\e689"
}

.iconicon-wodeyouhuiquan:before {
    content: "\e68a"
}

.iconicon-fenxiangzhuanqian:before {
    content: "\e67b"
}

.iconjianduyuanxinxiang:before {
    content: "\e62c"
}

.iconfalvyuanzhuxinxiang:before {
    content: "\e62b"
}

.iconshouchangxinxiang:before {
    content: "\e62a"
}

.iconjubaoxinxiang:before {
    content: "\e629"
}

.iconweijipuguang:before {
    content: "\e628"
}

.iconjieyidahuo:before {
    content: "\e627"
}

.iconlianzhengjiaoyu:before {
    content: "\e626"
}

.iconfalvyuanzhu:before {
    content: "\e625"
}

.icontaolunjiaoliu:before {
    content: "\e624"
}

.iconshiwugongkai:before {
    content: "\e623"
}

.iconicon_19_fenxiang:before {
    content: "\e622"
}

.iconicon_04_fanhui:before {
    content: "\e621"
}

.iconweixin:before {
    content: "\e620"
}

.iconfenxiang:before {
    content: "\e61f"
}

.iconjishi:before {
    content: "\e61e"
}

.iconquanyi-kexiaofei1:before {
    content: "\e61d"
}

.iconquanyi-songjifensvg:before {
    content: "\e61c"
}

.iconquanyi-kexiaofei:before {
    content: "\e61b"
}

.iconquanyi-jifenbeishuai:before {
    content: "\e61a"
}

.iconquanyi-baoyou:before {
    content: "\e619"
}

.iconmimayincang:before {
    content: "\e678"
}

.iconmimaxianshi:before {
    content: "\e67a"
}

.icona-icon_caidan_faxian-xuanzhongbeifen4:before {
    content: "\e618"
}

.iconicon_dingwei:before {
    content: "\e617"
}

.iconicon-dianhua:before {
    content: "\e615"
}

.iconweixinweixin:before {
    content: "\e614"
}

.icona-daohangdaohang-icon:before {
    content: "\e613"
}

.icona-dianhuadianhua-icon:before {
    content: "\e616"
}

.icon-time:before {
    content: "\e612"
}

.icon-play:before {
    content: "\e607"
}

.icon-sequence:before {
    content: "\e608"
}

.icon-Fas_back:before {
    content: "\e609"
}

.icon-Collection-fill:before {
    content: "\e60a"
}

.icon-live:before {
    content: "\e60b"
}

.icon-download:before {
    content: "\e60c"
}

.icon-unlock:before {
    content: "\e60d"
}

.icon-replay:before {
    content: "\e60e"
}

.iconCollection-border:before {
    content: "\e60f"
}

.icon-audio:before {
    content: "\e610"
}

.icon-lock:before {
    content: "\e611"
}

.icon-sell:before {
    content: "\e602"
}

.icon-loop:before {
    content: "\e603"
}

.classified-component .jz-shuaxin:before,
.icon-Fast_forward:before {
    content: "\e604"
}

.icon-write_in:before {
    content: "\e605"
}

.icon-vedio:before {
    content: "\e606"
}

.iconicon_daidengji_full:before {
    content: "\e670"
}

.iconicon_yuyuechenggong_full:before {
    content: "\e672"
}

.iconicon_daipingjia_full:before {
    content: "\e674"
}

.iconicon_daifukuan_full:before {
    content: "\e676"
}

.iconicon_daiyuyue_full:before {
    content: "\e677"
}

.iconicon-dibuwodenew:before {
    content: "\e66d"
}

.iconicon-dibukefunew:before {
    content: "\e66e"
}

.iconicon-dibugouwuchenew:before {
    content: "\e66f"
}

.iconicon_yuyuechenggong:before {
    content: "\e668"
}

.iconicon_qiehuan:before {
    content: "\e669"
}

.iconicon_fenxianghaibao:before {
    content: "\e64d"
}

.iconicon_fenxiangweixin:before {
    content: "\e648"
}

.iconicon_fenxiangpengyouquan:before {
    content: "\e647"
}

.iconicon_jianshao:before {
    content: "\e643"
}

.iconicon_weixinzhifu:before {
    content: "\e641"
}

.iconicon_zhifubaozhifu:before {
    content: "\e642"
}

.iconpicfill:before {
    content: "\e72c"
}

.iconcameraadd:before {
    content: "\e724"
}

.iconsend:before {
    content: "\e675"
}

.iconshare:before {
    content: "\e6f3"
}

.iconinfofill:before {
    content: "\e6e4"
}

.iconinfo:before {
    content: "\e6e5"
}

.iconappreciate:before {
    content: "\e644"
}

.icontimefill:before {
    content: "\e65e"
}

.icontime:before {
    content: "\e65f"
}

.iconcomment:before {
    content: "\e667"
}

.icondeliver:before {
    content: "\e671"
}

.iconpay:before {
    content: "\e673"
}

.iconform:before {
    content: "\e699"
}

.iconpic:before {
    content: "\e69b"
}

.iconrefund:before {
    content: "\e6ac"
}

.iconaddressbook:before {
    content: "\e6bd"
}

.iconcheck:before {
    content: "\e645"
}

.iconclose:before {
    content: "\e646"
}

.iconedit:before {
    content: "\e649"
}

.iconemoji:before {
    content: "\e64a"
}

.iconfavorfill:before {
    content: "\e64b"
}

.iconfavor:before {
    content: "\e64c"
}

.iconloading:before {
    content: "\e64f"
}

.iconlocationfill:before {
    content: "\e650"
}

.iconlocation:before {
    content: "\e651"
}

.iconphone:before {
    content: "\e652"
}

.iconroundcheckfill:before {
    content: "\e656"
}

.iconroundcheck:before {
    content: "\e657"
}

.iconroundclosefill:before {
    content: "\e658"
}

.iconroundclose:before {
    content: "\e659"
}

.iconsearch:before {
    content: "\e65c"
}

.iconwarnfill:before {
    content: "\e662"
}

.iconwarn:before {
    content: "\e663"
}

.iconcamerafill:before {
    content: "\e664"
}

.iconcamera:before {
    content: "\e665"
}

.iconback:before {
    content: "\e679"
}

.iconright:before {
    content: "\e6a3"
}

.iconrefresh:before {
    content: "\e6a4"
}

.icondeletefill:before {
    content: "\e6a6"
}

.iconcart:before {
    content: "\e6af"
}

.icondelete:before {
    content: "\e6b4"
}

.iconcartfill:before {
    content: "\e6b9"
}

.iconroundaddfill:before {
    content: "\e6d8"
}

.iconroundadd:before {
    content: "\e6d9"
}

.iconadd:before {
    content: "\e6da"
}

.iconservice:before {
    content: "\e6ff"
}

.iconservicefill:before {
    content: "\e737"
}

.iconplayfill:before {
    content: "\e74f"
}

.iconstop:before {
    content: "\e750"
}

.icontriangledownfill:before {
    content: "\e79b"
}

.icontriangleupfill:before {
    content: "\e79c"
}

.iconrecordfill:before {
    content: "\e7a4"
}

.iconrecord:before {
    content: "\e7a6"
}

.search-popup {
    --primaryColor: #ff4135;
    --bgColor: #fff;
    --fontColor: #222;
    --labelColor: #ff4135;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    visibility: hidden;
    opacity: 0;
    overflow: auto;
    background: rgba(0, 0, 0, .9);
    -webkit-transform: translateY(101%);
    -ms-transform: translateY(101%);
    transform: translateY(101%);
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.search-popup .overlay-layer {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block
}

.search-popup .close-search {
    position: absolute;
    right: 25px;
    top: 25px;
    font-size: 22px;
    color: #fff;
    cursor: pointer;
    z-index: 5;
    transition: all .5s ease
}

.search-popup .close-search:hover {
    color: var(--primaryColor)
}

.search-popup .search-form {
    position: relative;
    padding: 0 15px;
    max-width: 1024px;
    margin: 150px auto 100px;
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    z-index: 10
}

.search-popup .search-form .form-group {
    margin-bottom: 30px
}

.search-popup .search-form fieldset {
    position: relative;
    border-radius: 12px
}

.search-popup .search-form fieldset input[type=search] {
    position: relative;
    height: 70px;
    padding: 20px 20px 30px;
    background: #fff;
    line-height: 30px;
    font-size: 24px;
    color: #233145;
    border-radius: 7px
}

.search-popup .search-form fieldset input[type=submit] {
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    text-align: center;
    width: 220px;
    height: 70px;
    padding: 20px 10px;
    color: #fff !important;
    line-height: 30px;
    font-size: 20px;
    cursor: pointer;
    text-transform: uppercase;
    border-radius: 0 7px 7px 0;
    background: var(--primaryColor)
}

.search-popup .search-form fieldset input[type=submit]:hover {
    transform: translateY(0)
}

.search-popup h3 {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px;
    letter-spacing: 1px;
    text-align: center
}

.search-popup .recent-searches {
    font-size: 16px;
    color: #fff;
    text-align: center
}

.search-popup .recent-searches li {
    display: inline-block;
    margin: 0 10px 10px 0
}

.search-popup .recent-searches li a {
    display: block;
    line-height: 24px;
    border: 1px solid #fff;
    padding: 7px 15px;
    color: #fff;
    border-radius: 3px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.search-popup .recent-searches li a:hover {
    color: var(--primaryColor);
    border-color: var(--primaryColor)
}

.search-popup.popup-visible {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
    opacity: 1
}

.search-popup.popup-visible .search-form {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition: all .5s ease .5s;
    -moz-transition: all .9s ease .5s;
    -webkit-transition: all .9s ease .5s;
    -ms-transition: all .9s ease .5s;
    -o-transition: all .9s ease .5s
}

.case-style2 .relevant-cases .caseItem:hover .caseItem-cover img,
.gw-editor-page {
    transform: scale(1)
}

@media only screen and (max-width:499px) {
    .search-popup .search-form fieldset input[type=submit] {
        position: relative;
        width: 100%;
        border-radius: 7px
    }

    .search-popup .search-form fieldset input[type=search] {
        margin-bottom: 15px
    }
}

.mobile .gw-editor-module .search-popup .search-form fieldset input[type=submit] {
    position: relative;
    width: 100%;
    border-radius: 7px
}

.gw-editor-page {
    padding: 5px 40px 50px;
    width: 100%;
    min-width: 1320px
}

.layer-publish {
    text-align: center
}

.layer-publish .layer-erweima-box {
    width: 49%;
    float: left
}

.layer-publish .layer-erweima-box p:first-child {
    margin-bottom: 0
}

.layer-publish .layer-erweima-box .layer-erweima {
    width: 180px;
    height: 180px;
    border: 1px solid #E8E8E8;
    margin: 0 auto
}

.layer-publish .layer-erweima-box .layer-erweima img {
    width: 100%;
    height: 100%
}

.layer-publish .layer-right-box {
    width: 49%;
    float: right;
    border-left: 1px solid #e3e3e3;
    padding: 10px
}

.layer-publish .layer-publish-url {
    width: 235px;
    word-wrap: break-word;
    word-break: break-all;
    margin: 0 auto 25px;
    background-color: #FAFAFA;
    padding: 10px;
    color: #61687C;
    border-radius: 4px;
    border: 1px solid #DCDFE6
}

.layer-publish .layer-publish-active {
    display: inline-block;
    font-size: 14px;
    text-align: center;
    margin-bottom: 25px
}

.layer-publish .layer-publish-active a {
    width: 112px;
    height: 36px;
    color: #2D8DF0;
    border-radius: 2px;
    border: 1px solid #0091FF;
    background-color: rgba(0, 145, 255, .1);
    display: inline-block;
    line-height: 36px
}

.layer-publish .layer-publish-active a:last-child {
    margin-left: 15px;
    background-color: #2D8DF0;
    border: 1px solid #2D8DF0;
    color: #fff
}

.layer-publish .layer-publish-show {
    margin: 0 auto 25px
}

.layer-publish .layer-publish-show p {
    margin-bottom: 0
}

.layer-publish .layer-publish-show .layer-share-images {
    margin-bottom: 5px;
    display: inline-block
}

.layer-publish .layer-publish-show .layer-share-images .share_common {
    background-image: url(../images/share_three.png);
    display: inline-block;
    margin-right: 5px
}

.layer-publish .layer-publish-show .layer-share-images .share_common.qqkongjian_share {
    background-position: 0 0;
    width: 30px;
    height: 30px
}

.layer-publish .layer-publish-show .layer-share-images .share_common.sina_share {
    background-position: -35px 0;
    width: 30px;
    height: 30px
}

.layer-publish .layer-publish-show .layer-share-images .share_common.wx_share {
    background-position: -75px 0;
    width: 30px;
    height: 30px
}

.layer-publish .layer-publish-show .layer-share-images .share_common.db_share {
    background-position: -110px 0;
    width: 30px;
    height: 30px
}

.layer-publish .layer-publish-show .layer-share-images .share_common.qq_share {
    background: url(../images/share_three.png) -155px 0;
    width: 30px;
    height: 30px
}

.layer-publish .layer-publish-img {
    margin: 0 auto 25px;
    width: 330px;
    height: 80px;
    display: none
}

.layer .tips-blue i,
.layer .tips-yellow i {
    margin-right: 4px;
    font-size: 12px
}

.layer-publish .layer-publish-img img {
    width: 78px
}

.layer-publish .layer-publish-img .layer-publish-font {
    height: 80px;
    line-height: 80px
}

.layer-publish .layer-publish-img .layer-publish-font p {
    font-size: 12px;
    color: #666
}

.layer .tips-blue {
    font-size: 12px;
    color: #2D8DF0;
    margin-top: 8px
}

.layer .tips-yellow {
    color: #E6A23C;
    font-size: 12px;
    margin-top: 8px
}

.layer .input-group-addon {
    background-color: #FAFAFA
}

.layer label {
    color: #606266;
    font-weight: 400
}

.layer label>span {
    color: #FE5B57
}

.layer .form-group input,
.layer .form-group textarea {
    color: #303133
}

.layer .delete-content {
    display: flex;
    align-items: center;
    color: #606266
}

.layer .delete-content .icon {
    color: #FE5B57;
    font-size: 32px;
    border: 1px solid #FE5B57;
    border-radius: 50%;
    line-height: 32px;
    padding: 4px;
    margin-bottom: 16px
}

.layer.confirm-page .content {
    display: flex;
    flex-direction: column;
    align-items: center
}

.layer.confirm-page .content .icon {
    color: #734DF1;
    border: 1px solid #734DF1;
    border-radius: 50%;
    font-size: 32px;
    margin-bottom: 16px;
    line-height: 32px;
    padding: 4px
}

.layer.confirm-page .gw-layer-btn.primary {
    background-color: #734DF1;
    border-color: #734DF1;
    transition: all ease .1s
}

.layer.confirm-page .gw-layer-btn.primary:hover {
    background-color: #8e6ff1;
    border-color: #8e6ff1
}

.input-group-addon.url-addon {
    cursor: pointer;
    border-right: 1px solid #e8e8e8
}

.input-group-addon.url-addon:hover {
    color: #0091FF;
    background-color: rgba(0, 145, 255, .1);
    border: 1px solid #0091FF
}

.gw-browse-module {
    position: relative;
    width: 100%;
    background-color: #fff;
    background-position: center center
}

.gw-browse-module.gw-media-module {
    --gw-module-content-background-size: cover
}

.gw-browse-module.gw-media-module::before {
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    width: 100%;
    background: var(--gw-module-background);
    background-size: var(--gw-module-background-size) !important
}

.gw-browse-module.gw-media-module .gw-browse-module-content {
    background-color: #fff;
    margin: 0 auto;
    width: 100% !important;
    overflow: visible;
    max-width: var(--gw-module-content-max-width) !important;
    background: var(--gw-module-content-background);
    background-size: var(--gw-module-content-background-size) !important;
    box-shadow: var(--gw-module-content-shadow)
}

.gw-browse-module.gw-media-module.module-bg-card {
    --gw-module-content-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
    --gw-module-content-hover-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    --gw-module-content-background: white;
    --gw-module-content-max-width: 1170px;
    margin-bottom: 16px
}

.gw-browse-module.gw-media-module.module-bg-card .gw-browse-module-content {
    margin-bottom: 16px;
    border-radius: 4px;
    transition: all .3s cubic-bezier(.25, .8, .25, 1);
    transition-property: all;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.25, .8, .25, 1);
    transition-delay: 0s
}

.gw-browse-module.gw-media-module.module-bg-card .gw-browse-module-content:hover {
    box-shadow: var(--gw-module-content-hover-shadow);
    transform: var(--gw-module-content-hover-transform)
}

.gw-browse-module.gw-media-module.module-bg-clear .gw-browse-module-content {
    background-color: rgba(0, 0, 0, 0) !important
}

.gw-browse-module.gw-media-module .gw-special-component {
    margin-bottom: 0;
    min-height: none
}

.gw-browse-module .module-bg-cover,
.gw-browse-module .module-bg-effect,
.gw-browse-module .module-bg-video {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.gw-browse-module .module-bg-cover {
    height: 100%
}

.gw-browse-module .gw-browse-module-content {
    position: relative;
    width: 1170px;
    height: 100%;
    background-color: transparent;
    background-position: center center;
    margin: 0 auto;
    overflow: hidden
}

.gw-browse-module.fixed-bottom,
.gw-browse-module.fixed-top {
    position: fixed
}

.gw-browse-module.gw-responsive-scale {
    width: 100% !important;
    margin-bottom: -.1px;
    overflow: hidden
}

.gw-browse-module.gw-responsive-scale:not([data-full='1'])>.gw-browse-module-content {
    transform-origin: left top;
    position: absolute;
    transform: scale(var(--gw-transform-scale), var(--gw-transform-scale)) translate(-50%);
    left: 50%
}

.gw-browse-module.gw-responsive-scale .gw-visible,
.gw-browse-module.gw-responsive-scale[name="顶部导航"] {
    overflow: visible;
    z-index: 2
}

.gw-browse-module:not([data-full='1'])>.gw-browse-module-content {
    height: auto
}

.gw-browse-module.gw-responsive-stretch {
    width: 100% !important;
    padding: 0 15px
}

.gw-browse-module.gw-responsive-stretch .gw-browse-module-content {
    margin: 0 auto;
    width: auto;
    max-width: calc(1px * var(--gw-max-module-width))
}

.gw-browse-module.gw-responsive-stretch.gw-fit-full>.gw-browse-module-content {
    width: 100%;
    margin: 0 auto;
    max-width: 100%
}

@media only screen and (max-width:991px) {
    .gw-browse-module.gw-media-module .gw-browse-module-content {
        width: 100%;
        max-width: 100%
    }
}

.mobile .gw-browse-module.gw-media-module.module-bg-card {
    --gw-module-content-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
    --gw-module-content-hover-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    --gw-module-content-background: white;
    --gw-module-content-max-width: 100%
}

.mobile .gw-browse-module.gw-media-module .gw-browse-module-content {
    width: 100%;
    max-width: 100%
}

.gw-editor-module {
    width: 100%;
    box-shadow: 0 2px 5px 2px rgba(0, 0, 0, .1)
}

.gw-editor-module.gw-selected {
    position: relative
}

.gw-editor-module.gw-selected .gw-editor-tool {
    z-index: 2147483647
}

.gw-editor-module.ui-sortable-helper {
    left: auto !important
}

.gw-editor-module .gw-browse-module {
    z-index: 1
}

.gw-editor-module .gw-browse-module .gw-edit-module-tips {
    position: absolute;
    right: 0;
    top: 0;
    background: #24BF51;
    color: #fff;
    z-index: 100;
    display: none;
    width: 24px;
    line-height: 24px;
    padding: 0 5px;
    cursor: pointer
}

.gw-editor-module .gw-browse-module:after {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.gw-editor-module .gw-browse-module.gw-highlight:after {
    border: 2px solid #0091ff
}

.gw-editor-module .gw-browse-module:hover {
    z-index: 4
}

.gw-editor-module .gw-browse-module:hover .gw-edit-module-tips {
    display: block
}

.gw-editor-module .gw-browse-module.gw-selected .gw-edit-module-tips,
.gw-editor-module .gw-browse-module[data-fixed='1'] .gw-browse-module-tool .gw-drag-module {
    display: none
}

.gw-editor-module .gw-browse-module:hover .gw-edit-module-tips:hover {
    background-color: #449d44
}

.gw-editor-module .gw-browse-module.gw-highlight,
.gw-editor-module .gw-browse-module.gw-selected {
    z-index: 3
}

.gw-editor-module .gw-browse-module[data-full='1'].ui-resizable-resizing {
    width: 100% !important
}

.gw-editor-module .gw-browse-module[data-fixed='1'] {
    z-index: 100 !important
}

.gw-editor-module .gw-browse-module>.ui-resizable-s {
    height: 10px;
    background: 0 0
}

.gw-editor-module .gw-browse-module>.ui-resizable-s:before {
    top: 5px
}

.gw-editor-module .gw-browse-module-content {
    border-left: 1px dashed #ccc;
    border-right: 1px dashed #ccc
}

.gw-editor-module .fixed-bottom,
.gw-editor-module .fixed-top {
    position: absolute;
    height: auto;
    z-index: 2
}

.gw-editor-module .fixed-bottom .gw-browse-module-content,
.gw-editor-module .fixed-top .gw-browse-module-content {
    height: auto
}

.pc .gw-editor-module .fixed-bottom,
.pc .gw-editor-module .fixed-top {
    left: 40px
}

.pc .gw-editor-module .fixed-top {
    top: 5px
}

.gw-browse-module[data-full="1"] {
    height: 500px
}

.gw-browse-module[data-full="1"] .gw-browse-module-content {
    width: 100%
}

.gw-browse-module[data-full="1"] .gw-browse-grid,
.gw-browse-module[data-full="1"] .gw-grid-col {
    height: 100% !important
}

.gw-browse-module[data-full="1"] .gw-browse-component[data-full="1"],
.gw-browse-module[data-full="1"] .gw-browse-container {
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
    top: 0 !important
}

.gw-browse-module[data-full="1"].gw-highlight .gw-browse-module-tool {
    display: block
}

.article-detail-container .article-detail-info,
.gw-browse-module[data-full="1"].gw-highlight .gw-browse-component-tool {
    display: none
}

.mobile .gw-browse-module[data-full="1"] {
    height: 250px
}

.article-detail-container {
    padding: 30px 0
}

.article-detail-container .article-detail {
    background: #fff;
    padding: 30px
}

.article-detail-container .article-detail-title {
    font-size: 26px;
    color: #2F2F2F;
    text-align: center;
    font-weight: 500;
    line-height: 1.3
}

.article-detail-container .article-detail-abs {
    font-size: 16px;
    color: #8c8c8c;
    line-height: 1.1
}

.article-detail-container .article-detail-date {
    color: #999;
    margin-top: 15px;
    text-align: center
}

.article-detail-container .article-detail-content {
    border-top: 1px solid #f5f5f5;
    margin: 15px 0;
    padding-top: 20px;
    border-bottom: 1px solid #f5f5f5;
    text-align: justify;
    line-height: 1.667;
    font-size: 17px
}

.article-detail-container .article-link-qrcode,
.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .article-detail-content-box {
    text-align: center
}

.article-detail-container .article-detail-content * {
    max-width: 100%
}

.article-detail-container .article-detail-content img {
    max-width: 100%;
    height: auto
}

.article-detail-container .article-detail-content .container {
    width: 100%;
    padding: 0
}

.article-detail-container .article-detail-content video {
    max-width: 100%
}

.article-detail-container .article-detail-content li {
    list-style: inherit
}

.article-detail-container .article-detail-content.fr-view blockquote {
    border-left: 6px solid #eee
}

.article-detail-container .article {
    position: relative
}

.article-detail-container .article::after {
    content: '';
    display: block;
    clear: both
}

.article-detail-container .left {
    float: left
}

.article-detail-container .right {
    float: right;
    height: 55px;
    line-height: 55px
}

.article-detail-container .right .bd_share {
    margin-top: 10px
}

.article-detail-container .article-url {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 5px 0
}

.article-detail-container .article-url a {
    color: #333;
    font-size: 14px;
    cursor: pointer;
    padding-left: 5px
}

.article-detail-container .article-url a:hover {
    color: #5BAAF4
}

.article-detail-container .article-share-me {
    width: 100%;
    float: left
}

.article-detail-container .article-share-me span {
    line-height: 55px;
    display: block;
    margin-right: 5px
}

.article-detail-container .article-link-qrcode img {
    width: 100%;
    margin-bottom: 10px
}

.article-detail-container .article-file-download {
    border-bottom: 1px solid #f5f5f5
}

.article-detail-container .article-file-download .article-file-row {
    display: block
}

.article-detail-container .lable-content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap
}

.article-detail-container .lable-content .lable-one {
    padding: 4px 18px;
    font-size: 14px;
    font-weight: 400;
    color: #889099;
    line-height: 20px;
    background-color: #F2F5FB;
    border-radius: 2px;
    margin: 8px
}

.article-detail-container .details-look {
    display: flex;
    flex-flow: column;
    align-items: center
}

.article-detail-container .details-look .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 12px
}

.article-detail-container .details-look .title .common-border {
    width: 15%;
    height: 2px;
    background-color: #d9d9d9
}

.article-detail-container .details-look .title .title-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px
}

.article-detail-container .details-look .img-item {
    cursor: pointer;
    height: 137px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden
}

.article-detail-container .details-look .img-item a {
    display: flex;
    width: 100%;
    height: 100%
}

.article-detail-container .details-look .img-item img {
    max-width: 100%;
    max-height: 100%;
    margin-bottom: 0;
    overflow: hidden;
    object-fit: cover
}

.article-detail-container .details-look .img-item .mask-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .2);
    color: #fff;
    line-height: 1.2;
    font-size: 12px;
    text-align: left;
    padding: 5px
}

.article-detail-container .details-look .img-item .mask-bg p {
    padding: 2px 4px;
    margin-bottom: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.article-detail-container .details-look .img-item:last-child {
    margin-bottom: 0
}

.article-detail-container .report-content {
    border-bottom: 1px solid #f5f5f5;
    margin: 10px auto;
    padding: 5px 0
}

.article-detail-container .aticle-detail-style1 {
    background-color: #fff
}

.article-detail-container .aticle-detail-style1 .article-detail-1 {
    font-family: PingFang;
    display: flex;
    justify-content: flex-start
}

.article-detail-container .aticle-detail-style1 .article-detail-1 .left-box {
    margin: 0 30px
}

.article-detail-container .aticle-detail-style1 .article-detail-1 .left-box i {
    color: #D0AC77;
    font-size: 26px
}

.article-detail-container .aticle-detail-style1 .article-detail-1 .left-box .menu-more {
    font-size: 40px;
    font-weight: 800;
    color: #000;
    line-height: 36px
}

.article-detail-container .aticle-detail-style1 .article-detail-1 .left-box .menu-more-font {
    font-size: 24px;
    font-weight: 700;
    color: #000;
    line-height: 28px;
    margin-bottom: 0
}

.article-detail-container .aticle-detail-style1 .article-detail-1 .left-box ul {
    margin-top: 150px
}

.article-detail-container .aticle-detail-style1 .article-detail-1 .left-box ul li {
    margin: 20px auto
}

.article-detail-container .aticle-detail-style1 .article-detail-1 .left-box ul>li>a {
    font-size: 14px;
    font-weight: 400;
    color: #959595;
    line-height: 36px
}

.article-detail-container .aticle-detail-style1 .article-detail-1 .left-box ul>li>a.active {
    color: #D0AC77;
    position: relative
}

.article-detail-container .aticle-detail-style1 .article-detail-1 .left-box ul>li>a.active::before {
    content: '';
    width: 200px;
    height: 2px;
    background-color: #D0AC77;
    position: absolute;
    top: 7px;
    left: -219px
}

.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box {
    width: 77%;
    margin-left: 50px
}

.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .title-info-box .title-box {
    display: flex;
    justify-content: space-between;
    padding-top: 30px
}

.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .title-info-box .title-box .title {
    font-size: 35px;
    font-weight: 700;
    color: #000;
    max-width: 60%
}

.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .title-info-box .time {
    font-size: 18px;
    font-weight: 400;
    color: #434343
}

.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .navigation-box {
    height: 30px;
    line-height: 30px;
    border: 1px solid #DCDCDC;
    position: relative;
    margin-top: 15px
}

.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .navigation-box a {
    padding: 3px 24px;
    width: 49%;
    font-size: 14px;
    font-weight: 400;
    color: #434343;
    border-right: 1px solid #DCDCDC
}

.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .navigation-box a:last-child {
    margin-left: -5px;
    border-right: none
}

.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .navigation-box a.active {
    color: #D0AC77
}

.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .navigation-box .line {
    position: absolute;
    top: 25%;
    height: 50%;
    width: 3px;
    border-left: 3px solid #959595
}

.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .navigation-box .line:first-child {
    left: 0
}

.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .navigation-box .line:last-child {
    right: 0
}

.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .navigation-box .line.active {
    border-color: #D0AC77
}

.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .article-detail-content-box .article-img {
    margin: 50px auto 0;
    max-width: 100%
}

.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .article-detail-content-box .article-detail-content {
    text-align: justify;
    margin-top: 30px;
    border: none
}

.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .pagination-box {
    margin-top: 100px;
    display: flex;
    justify-content: space-between
}

.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .pagination-box .pagination-link {
    text-align: left;
    width: 48%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 19px;
    font-weight: 400;
    color: #434343;
    line-height: 33px
}

.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .pagination-box .pagination-link a {
    color: #434343
}

.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .pagination-box .pagination-link.active,
.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .pagination-box .pagination-link.active a {
    color: #D0AC77
}

.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .pagination-box .pagination-link:last-child {
    text-align: right
}

.article-detail-container .aticle-detail-style1 .recommend-box {
    padding: 50px 0
}

.article-detail-container .aticle-detail-style1 .recommend-box .recommend-title {
    margin: 60px auto 50px;
    text-align: center
}

.article-detail-container .aticle-detail-style1 .recommend-box .recommend-title p:first-child {
    font-size: 30px;
    font-weight: 700;
    color: #000
}

.article-detail-container .aticle-detail-style1 .recommend-box .recommend-title p:last-child {
    font-size: 19px;
    font-weight: 400;
    color: #959595
}

.article-detail-container .aticle-detail-style1 .recommend-box .recommend-item {
    text-align: center;
    margin: 0 auto;
    padding: 0 0 40px;
    border: 1px solid #DCDCDC;
    display: block
}

.article-detail-container .aticle-detail-style1 .recommend-box .recommend-item img {
    object-fit: contain;
    width: 99%;
    height: 300px
}

.article-detail-container .aticle-detail-style1 .recommend-box .recommend-item .item-info {
    text-align: center
}

.article-detail-container .aticle-detail-style1 .recommend-box .recommend-item .item-info .title {
    margin-top: 20px;
    font-size: 16px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.article-detail-container .aticle-detail-style1 .recommend-box .recommend-item .item-info .click-btn {
    background-color: #000;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    margin: 15px 26px;
    padding: 15px 20px;
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: center
}

.article-detail-container .aticle-detail-style1 .recommend-box .recommend-item .item-info .click-btn i {
    margin-right: 5px
}

.article-detail-container .aticle-detail-style1 .recommend-box .recommend-item:hover {
    border: none;
    background-color: #F6F6F6
}

.article-detail-container .aticle-detail-style1 .recommend-box .recommend-item:hover .item-info .click-btn {
    background-color: #fff;
    color: #333;
    border: 1px solid #333
}

.article-detail-container .article-container2 {
    width: 1440px
}

.article-detail-container .article-container2-img {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.article-detail-container .article-container2-img img {
    width: 100%
}

.article-detail-container .article-panel2 {
    background-color: #fff;
    padding: 20px 10px
}

.article-detail-container .article-panel2 .flex,
.article-detail-container .article-panel2 .title-panel {
    display: flex
}

.article-detail-container .article-panel2 .title-panel .date-content {
    padding: 5px 10px;
    background-color: #ebebeb;
    width: 80px;
    min-width: 80px;
    height: 80px;
    font-size: 14px;
    justify-content: space-between;
    flex-direction: column
}

.article-detail-container .article-panel2 .title-panel .date-content p {
    margin-bottom: 0;
    line-height: 1.25
}

.article-detail-container .article-panel2 .title-panel .date-content .bold {
    font-size: 30px;
    font-weight: 700
}

.article-detail-container .article-panel2 .title-content {
    margin-left: 10px;
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

.article-detail-container .article-panel2 .title-content .article-detail-abs,
.article-detail-container .article-panel2 .title-content .article-detail-title {
    text-align: left;
    line-height: 1.3
}

.article-detail-container .article-panel2 .article-share-me span,
.article-detail-container .article-panel2 .right {
    line-height: 1.25
}

.article-detail-container .article-panel2 .article-other-panel {
    text-align: center;
    padding: 5px
}

.article-detail-container .pagination-panel {
    padding-top: 24px;
    font-size: 12px
}

.article-detail-container .pagination-panel a {
    display: block;
    text-align: left;
    margin-top: 5px
}

.article-detail-container .pagination-panel .round-pagination {
    border: 1px solid;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 1;
    margin-right: 5px
}

.article-detail-container .details-look {
    margin: auto
}

.article-detail-container .details-look .img-item,
.article-detail-container .details-look .title {
    width: 100%
}

.article-detail-container .details-look .title .title-text {
    color: #101820
}

.article-detail-container .activity-table {
    margin: 15px 0
}

.article-detail-container .activity-table .activity-title {
    font-weight: 700;
    color: #737373;
    font-size: 16px;
    padding-left: 0
}

.article-detail-container .activity-table .activity-item {
    color: #101010;
    font-size: 14px;
    line-height: 24px;
    padding-left: 0
}

.article-detail-container .activity-table .activity-item>label {
    padding-left: 0;
    font-weight: 700;
    color: #101010;
    text-overflow: ellipsis
}

.article-detail-container .activity-table .activity-btn {
    padding-left: 0;
    margin: 10px 0
}

.article-detail-container .activity-table .activity-btn>.btn {
    background-color: #505050;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    padding: 5px 24px
}

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

.pc .article-detail-style3 {
    background-color: #fff;
    margin-bottom: 30px;
    margin-top: 30px
}

.pc .article-detail-style3 .hidden-sm {
    display: none
}

@media (max-width:991px) {
    .pc .article-detail-style3 .right-sidebar {
        display: none
    }

    .pc .article-detail-style3 .main {
        width: 100%
    }

    .pc .article-detail-style3 .left-sidebar {
        display: none !important
    }
}

.pc .article-detail-style3 .comment-popup-box {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    display: none
}

.pc .article-detail-style3 .comment-popup-box .mask {
    transition: opacity .3s cubic-bezier(.34, .69, .1, 1);
    background-color: rgba(0, 0, 0, .05);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1
}

.pc .article-detail-style3 .comment-popup-box .content-drawer {
    position: absolute;
    top: 0;
    right: 0;
    width: 458px;
    height: 100%;
    transition: transform .3s cubic-bezier(.34, .69, .1, 1), -webkit-transform .3s cubic-bezier(.34, .69, .1, 1), -moz-transform .3s cubic-bezier(.34, .69, .1, 1);
    background-color: #fff;
    transform: translateX(458px);
    overflow: hidden
}

.pc .article-detail-style3 .comment-popup-box .content-drawer.put-away {
    transform: translateX(0)
}

.pc .article-detail-style3 .comment-popup-box .content-drawer .top-title {
    margin: 20px 0 16px;
    padding: 0 44px 0 24px;
    font-weight: 600;
    line-height: 28px;
    font-size: 20px;
    position: relative
}

.pc .article-detail-style3 .comment-popup-box .content-drawer .top-title .close-btn {
    position: absolute;
    top: 0;
    right: 16px;
    width: 28px;
    height: 28px;
    cursor: pointer;
    background-image: url(/visual-editor/images/close.svg)
}

.pc .article-detail-style3 .comment-popup-box .content-drawer .body {
    padding: 0 24px;
    overflow-y: scroll;
    position: absolute;
    height: 90%;
    top: 64px;
    width: 100%
}

.pc .article-detail-style3 .comment-popup-box .content-drawer .body .no-more {
    font-size: 16px;
    text-align: center;
    color: #999;
    line-height: 22px
}

.pc .article-detail-style3 .comment-input {
    flex: 1 1 0;
    border-radius: 8px;
    padding: 16px;
    background-color: #f8f8f8;
    position: relative
}

.pc .article-detail-style3 .comment-input .login-mask {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #f8f8f8;
    cursor: pointer;
    width: 100%;
    height: 100%;
    z-index: 1
}

.pc .article-detail-style3 .comment-input .login-mask p {
    font-size: 15px;
    color: #222;
    line-height: 22px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.pc .article-detail-style3 .comment-input .login-mask p span {
    color: #f04142;
    margin: 0 5px
}

.pc .article-detail-style3 .comment-input .comment-textarea {
    font-size: 16px;
    outline: 0;
    width: 100%;
    resize: none;
    border: 0;
    line-height: 24px;
    transition: height .3s ease-in-out;
    height: 24px;
    background-color: #f8f8f8;
    max-height: 72px;
    overflow: auto;
    display: block
}

.pc .article-detail-style3 .comment-input .comment-textarea.expand {
    height: 120px
}

.pc .article-detail-style3 .comment-input .action {
    margin-top: 12px;
    text-align: right
}

.pc .article-detail-style3 .comment-input .action .submit-btn {
    padding: 6px 18px;
    border-radius: 4px;
    color: #fff;
    background-color: #505050;
    cursor: pointer;
    display: inline-block
}

.pc .article-detail-style3 .comment-input .action .submit-btn:hover {
    background-color: #707070
}

.pc .article-detail-style3 .comment-input .action .submit-btn.disable {
    opacity: .3;
    cursor: default
}

.mobile .article-detail-style3 .mobile-content .article-contaniner article .label-group li:hover,
.pc .article-detail-style3 .comment-list .comment-item .comment-info .header .right-action:hover,
.pc .article-detail-style3 .main .article-content .label-group li:hover,
.pc .article-detail-style3 .main .comment-box .see-more-comment:hover {
    opacity: .8
}

.pc .article-detail-style3 .main-input {
    margin: 24px 0 40px;
    display: flex
}

.pc .article-detail-style3 .main-input .author-avatar {
    margin-right: 12px;
    width: 36px;
    height: 36px;
    position: relative
}

.pc .article-detail-style3 .main-input .author-avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #f2f2f2
}

.pc .article-detail-style3 .main-input .author-avatar.author-v::before {
    content: "";
    background-image: url(/visual-editor/images/article-detail-style3/v.png);
    width: 13px;
    height: 13px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-size: cover;
    display: none
}

.pc .article-detail-style3 .comment-list li {
    margin: 40px 0
}

.pc .article-detail-style3 .comment-list li .reply-list li {
    margin: 24px 0
}

.pc .article-detail-style3 .comment-list .comment-item {
    display: flex;
    align-items: flex-start
}

.pc .article-detail-style3 .comment-list .comment-item .author-avatar {
    margin-right: 12px;
    width: 36px;
    height: 36px;
    position: relative
}

.pc .article-detail-style3 .comment-list .comment-item .author-avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #f2f2f2
}

.pc .article-detail-style3 .comment-list .comment-item .author-avatar.author-v::before {
    content: "";
    background-image: url(/visual-editor/images/article-detail-style3/v.png);
    width: 13px;
    height: 13px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-size: cover;
    display: none
}

.pc .article-detail-style3 .comment-list .comment-item .comment-info {
    flex: 1 1 0
}

.pc .article-detail-style3 .comment-list .comment-item .comment-info .header {
    display: flex;
    justify-content: space-between;
    font-size: 16px
}

.pc .article-detail-style3 .comment-list .comment-item .comment-info .header .right-action {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.pc .article-detail-style3 .comment-list .comment-item .comment-info .header .right-action .svg-wrap {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center
}

.pc .article-detail-style3 .comment-list .comment-item .comment-info .header .right-action .svg-wrap svg {
    width: 24px;
    height: 24px
}

.pc .article-detail-style3 .comment-list .comment-item .comment-info .header .right-action.liked span {
    color: #f04142
}

.pc .article-detail-style3 .comment-list .comment-item .comment-info .header .right-action.liked svg {
    animation: liked .3s cubic-bezier(.3, 1.8, .3, 1);
    -webkit-animation: liked .3s cubic-bezier(.3, 1.8, .3, 1)
}

.pc .article-detail-style3 .comment-list .comment-item .comment-info .content {
    margin: 8px 0 12px;
    font-size: 16px;
    line-height: 24px;
    word-break: break-all
}

.pc .article-detail-style3 .comment-list .comment-item .comment-info .footer {
    color: #999
}

.pc .article-detail-style3 .comment-list .comment-item .comment-info .footer .reply {
    color: #222;
    cursor: pointer
}

.pc .article-detail-style3 .comment-list .comment-item .comment-info .child-input {
    margin-top: 12px
}

.pc .article-detail-style3 .comment-list .comment-item .comment-info .check-more-reply {
    margin-top: 16px;
    line-height: 20px;
    color: #505050;
    cursor: pointer
}

.pc .article-detail-style3 .left-sidebar {
    position: absolute;
    margin-left: -85px;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 10
}

.pc .article-detail-style3 .left-sidebar .divide {
    width: 24px;
    height: 1px;
    background-color: #e8e8e8;
    margin-bottom: 10px
}

.pc .article-detail-style3 .left-sidebar .icon {
    cursor: pointer;
    text-align: center;
    line-height: 24px;
    font-size: 20px;
    border-radius: 50%;
    margin-bottom: 10px;
    color: #b2bac2;
    display: flex;
    flex-direction: column;
    align-items: center
}

.pc .article-detail-style3 .left-sidebar .icon:hover {
    color: #8A93A0
}

.pc .article-detail-style3 .left-sidebar .icon span {
    color: #222;
    font-size: 12px
}

.pc .article-detail-style3 .left-sidebar .like-btn .icon-box {
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .04);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #f8f8f8
}

.pc .article-detail-style3 .left-sidebar .like-btn.active {
    color: #f04142
}

.pc .article-detail-style3 .left-sidebar .collect-btn.active {
    color: #FFC347
}

.pc .article-detail-style3 .left-sidebar .share-title {
    color: #c6c6c6;
    font-size: 12px;
    text-align: center
}

.pc .article-detail-style3 .left-sidebar #share-content {
    display: flex;
    flex-direction: column;
    align-items: center
}

.pc .article-detail-style3 .left-sidebar #share-content .social-share-icon {
    border: #b2bac2;
    color: #b2bac2
}

.pc .article-detail-style3 .left-sidebar #share-content .social-share-icon:hover {
    color: #fff
}

.pc .article-detail-style3 .main a:hover {
    color: #406599
}

.pc .article-detail-style3 .main .article-content {
    position: relative
}

.pc .article-detail-style3 .main .article-content h1 {
    font-size: 30px;
    line-height: 56px;
    color: #000;
    margin: 0
}

.pc .article-detail-style3 .main .article-content .article-meta {
    color: #707070;
    line-height: 20px;
    margin: 16px 0 36px
}

.pc .article-detail-style3 .main .article-content .article-meta .tag {
    background-color: #f2f2f2;
    margin: 1px 6px 1px 0;
    border-radius: 3px;
    padding: 1px 4px;
    font-size: 12px
}

.pc .article-detail-style3 .main .article-content .abs {
    color: #505050;
    background-color: #f4f5f6;
    padding: 16px 20px;
    border-radius: 4px;
    font-size: 16px;
    line-height: 1.64;
    margin-bottom: 20px;
    word-break: break-word
}

.pc .article-detail-style3 .main .article-content article {
    line-height: 1.667;
    font-size: 17px;
    color: #222;
    border: none
}

.pc .article-detail-style3 .main .article-content article.hidden-content {
    height: 300px;
    overflow: hidden
}

.pc .article-detail-style3 .main .article-content .label-group {
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0 0;
    padding-right: 15px
}

.pc .article-detail-style3 .main .article-content .label-group li {
    margin: 0 5px 5px 0;
    border: 1px solid #e6e6e6;
    background-color: #f4f4f4;
    font-size: 13px;
    padding: 5px 10px;
    font-weight: 600;
    border-radius: 3px;
    line-height: 1
}

.pc .article-detail-style3 .main .article-content .label-group li a {
    color: #555
}

.pc .article-detail-style3 .main .article-content .open-more {
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0
}

.pc .article-detail-style3 .main .article-content .open-more .fold-btn-mask {
    height: 40px;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff)
}

.pc .article-detail-style3 .main .article-content .open-more .tips {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.pc .article-detail-style3 .main .article-nav {
    display: flex;
    justify-content: space-between;
    color: #BBB;
    padding: 20px;
    margin-top: 40px
}

.pc .article-detail-style3 .main .article-nav a {
    color: #999;
    transition: all .3s ease;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    width: 100%
}

.pc .article-detail-style3 .main .article-nav a:hover {
    color: #45B6F7
}

.pc .article-detail-style3 .main .article-nav .article-nav-prev {
    width: 50%;
    border-right: 1px solid #eee;
    padding-right: 5px;
    margin-right: 5px
}

.pc .article-detail-style3 .main .article-nav .article-nav-next {
    text-align: right;
    width: 50%
}

.pc .article-detail-style3 .main .comment-box {
    margin: 40px 0
}

.pc .article-detail-style3 .main .comment-box .comment-area .title {
    font-size: 20px;
    font-weight: 600
}

.pc .article-detail-style3 .main .comment-box .see-more-comment {
    background-color: #f8f8f8;
    border-radius: 4px;
    padding: 11px 0;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    display: none
}

.pc .article-detail-style3 .main .comment-box .see-more-comment i {
    margin-left: 5px;
    font-size: 20px
}

.pc .article-detail-style3 .main .divide {
    background-color: #222;
    height: 2px;
    width: 100%
}

.pc .article-detail-style3 .main .detail-end-feed {
    margin-top: 20px
}

.pc .article-detail-style3 .main .detail-end-feed .feed-card-article {
    padding: 16px 0;
    display: flex
}

.pc .article-detail-style3 .main .detail-end-feed .feed-card-article .item-left {
    flex: 1 1 0;
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

.pc .article-detail-style3 .main .detail-end-feed .feed-card-article .item-left .title {
    font-size: 18px;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word
}

.pc .article-detail-style3 .main .detail-end-feed .feed-card-article .item-left .title:hover {
    color: #f04142
}

.pc .article-detail-style3 .main .detail-end-feed .feed-card-article .item-left .title p {
    margin-bottom: 0
}

.pc .article-detail-style3 .main .detail-end-feed .feed-card-article .item-left .footer {
    color: #999
}

.pc .article-detail-style3 .main .detail-end-feed .feed-card-article .item-left .footer span {
    margin-right: 20px
}

.pc .article-detail-style3 .main .detail-end-feed .feed-card-article .item-right {
    height: 120px;
    width: 160px;
    overflow: hidden;
    margin-left: 20px;
    border-radius: 4px
}

.pc .article-detail-style3 .main .detail-end-feed .feed-card-article .item-right img {
    width: 100%;
    height: 100%;
    transition: all .5s ease .1s;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden
}

.pc .article-detail-style3 .main .detail-end-feed .feed-card-article .item-right img:hover {
    transform: scale(1.04)
}

.pc .article-detail-style3 .main .detail-end-feed .feed-card-article .item-right img[src='/assets/images/no-image.jpg'] {
    display: none
}

.pc .article-detail-style3 .right-sidebar .media-info {
    margin-top: 10px
}

.pc .article-detail-style3 .right-sidebar .media-info .user-info {
    display: flex;
    flex-direction: column;
    align-items: center
}

.pc .article-detail-style3 .right-sidebar .media-info .user-info .user-avatar .avatar-box {
    margin-right: 12px;
    width: 60px;
    height: 60px;
    position: relative
}

.pc .article-detail-style3 .right-sidebar .media-info .user-info .user-avatar .avatar-box img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #f2f2f2
}

.pc .article-detail-style3 .right-sidebar .media-info .user-info .user-avatar .avatar-box.author-v::before {
    content: "";
    background-image: url(/visual-editor/images/article-detail-style3/v.png);
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-size: cover
}

.pc .article-detail-style3 .right-sidebar .media-info .user-info .user-name {
    font-size: 16px;
    line-height: 24px;
    margin: 8px 0 4px;
    color: #222
}

.pc .article-detail-style3 .right-sidebar .media-info .user-info .user-auth {
    color: #707070
}

.pc .article-detail-style3 .right-sidebar .media-info .user-info .mybtn {
    background-color: #505050;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    padding: 5px 24px;
    display: none
}

.pc .article-detail-style3 .right-sidebar .media-info .user-info .mybtn:hover {
    background-color: #707070
}

.pc .article-detail-style3 .right-sidebar .media-info .user-info .follow {
    background-color: #505050;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    padding: 5px 24px
}

.pc .article-detail-style3 .right-sidebar .media-info .user-info .follow:hover {
    background-color: #707070
}

.pc .article-detail-style3 .right-sidebar .media-info .related-title {
    margin: 36px 0 8px;
    color: #222;
    line-height: 20px;
    text-align: center;
    position: relative;
    z-index: 0
}

.pc .article-detail-style3 .right-sidebar .media-info .related-title::before {
    content: "";
    height: 1px;
    width: 100%;
    position: absolute;
    top: 50%;
    z-index: -1;
    display: block;
    background-color: #f2f2f2;
    transform: translateY(-50%)
}

.pc .article-detail-style3 .right-sidebar .media-info .related-title span {
    padding: 0 18px;
    background-color: #fff
}

.pc .article-detail-style3 .right-sidebar .media-info .related-list .related-list-item {
    padding: 16px 0;
    overflow: hidden;
    display: flex
}

.pc .article-detail-style3 .right-sidebar .media-info .related-list .related-list-item .left-img {
    width: 96px;
    height: 72px;
    margin-right: 12px;
    border-radius: 4px;
    border: 1px solid #f2f2f2;
    overflow: hidden
}

.pc .article-detail-style3 .right-sidebar .media-info .related-list .related-list-item .left-img img {
    width: 100%;
    height: 100%;
    transition: all .5s ease-out .1s;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden
}

.pc .article-detail-style3 .right-sidebar .media-info .related-list .related-list-item .left-img:hover img {
    transform: matrix(1.04, 0, 0, 1.04, 0, 0)
}

.pc .article-detail-style3 .right-sidebar .media-info .related-list .related-list-item .right-content {
    flex: 1 1 0;
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

.pc .article-detail-style3 .right-sidebar .media-info .related-list .related-list-item .right-content .title {
    max-height: 44px;
    line-height: 22px;
    font-size: 16px;
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.pc .article-detail-style3 .right-sidebar .media-info .related-list .related-list-item .right-content .title:hover {
    color: #f04142
}

.pc .article-detail-style3 .right-sidebar .media-info .related-list .related-list-item .right-content .info {
    margin-bottom: 0;
    color: #999
}

.pc .article-detail-style3 .right-sidebar .media-info .related-list .related-list-item .right-content .info span:nth-child(2) {
    margin-left: 16px
}

.pc .article-detail-style3 .right-sidebar .detail-hotboard {
    margin-top: 60px;
    width: 360px
}

.pc .article-detail-style3 .right-sidebar .detail-hotboard.fixed {
    position: fixed;
    z-index: 50;
    top: 90px;
    background-color: #fff;
    margin-top: 0
}

.pc .article-detail-style3 .right-sidebar .detail-hotboard .title {
    font-size: 20px;
    padding-left: 32px;
    position: relative;
    margin-bottom: 7px
}

.pc .article-detail-style3 .right-sidebar .detail-hotboard .title::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 22px;
    background: url(/visual-editor/images/hot.png);
    background-size: contain;
    left: 0
}

.pc .article-detail-style3 .right-sidebar .detail-hotboard .article-item {
    padding: 12px 0;
    display: flex;
    cursor: pointer;
    align-items: center
}

.mobile .article-detail-container,
.pc .article-detail-style3 .right-sidebar .hot-video .video-list {
    padding: 0
}

.pc .article-detail-style3 .right-sidebar .detail-hotboard .article-item:hover {
    color: #f04142
}

.pc .article-detail-style3 .right-sidebar .detail-hotboard .article-item .news-index {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
    color: #999;
    margin-right: 10px;
    width: 24px
}

.pc .article-detail-style3 .right-sidebar .detail-hotboard .article-item .news-title {
    margin-bottom: 0;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: 1px;
    flex: 1
}

.pc .article-detail-style3 .right-sidebar .detail-hotboard ul li:nth-child(1) .news-index {
    color: #a82e2e
}

.pc .article-detail-style3 .right-sidebar .detail-hotboard ul li:nth-child(2) .news-index {
    color: #f04142
}

.pc .article-detail-style3 .right-sidebar .detail-hotboard ul li:nth-child(3) .news-index {
    color: #ff9a03
}

.pc .article-detail-style3 .right-sidebar .hot-video {
    margin-top: 46px
}

.pc .article-detail-style3 .right-sidebar .hot-video .title {
    font-size: 20px;
    margin-bottom: 8px;
    display: flex;
    align-items: center
}

.pc .article-detail-style3 .right-sidebar .hot-video .title img {
    height: 22px;
    margin-right: 8px
}

.pc .article-detail-style3 .right-sidebar .hot-video .video-list .video-item {
    padding: 16px 0;
    display: flex
}

.pc .article-detail-style3 .right-sidebar .hot-video .video-list .video-item .left-img {
    width: 96px;
    height: 72px;
    margin-right: 12px;
    border-radius: 4px;
    overflow: hidden
}

.pc .article-detail-style3 .right-sidebar .hot-video .video-list .video-item .left-img img {
    width: 100%;
    height: 100%;
    transition: all .5s ease-out .1s;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden
}

.mobile .article-detail-style3 .mobile-content .wx-share-mask,
.mobile .photos-detail-style1 .mobile-content .wx-share-mask {
    width: 100vw;
    height: 100vh;
    background-image: url(/visual-editor/images/article-detail-style3/wx-share.png);
    background-size: 70% 30%;
    background-position: right top
}

.pc .article-detail-style3 .right-sidebar .hot-video .video-list .video-item .left-img:hover img {
    transform: matrix(1.04, 0, 0, 1.04, 0, 0)
}

.pc .article-detail-style3 .right-sidebar .hot-video .video-list .video-item .right-content {
    flex: 1 1 0;
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

.pc .article-detail-style3 .right-sidebar .hot-video .video-list .video-item .right-content .title {
    font-size: 16px;
    color: #222;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all
}

.pc .article-detail-style3 .right-sidebar .hot-video .video-list .video-item .right-content .title:hover {
    color: #f04142
}

.pc .article-detail-style3 .right-sidebar .hot-video .video-list .video-item .right-content span {
    color: #999
}

.mobile .hidden-mobile,
.mobile .hidden-xs {
    display: none
}

.mobile .article-detail-style3 .mobile-content {
    background-color: #eee;
    margin-bottom: 20px
}

.mobile .article-detail-style3 .mobile-content .wx-share-mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, .8)
}

.mobile .article-detail-style3 .mobile-content .article-header {
    padding: 20px 13px 24px;
    background-color: #fff
}

.mobile .article-detail-style3 .mobile-content .article-header .author,
.mobile .article-detail-style3 .mobile-content .article-header .author .left-box {
    display: flex;
    align-items: center
}

.mobile .article-detail-style3 .mobile-content .article-header .article-title {
    margin: 0 0 14px;
    font-size: 20px
}

.mobile .article-detail-style3 .mobile-content .article-header .author-avatar {
    width: 31px;
    height: 31px;
    position: relative;
    flex-shrink: 0
}

.mobile .article-detail-style3 .mobile-content .article-header .author-avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #f2f2f2
}

.mobile .article-detail-style3 .mobile-content .article-header .author-avatar.author-v::before {
    content: "";
    background-image: url(/visual-editor/images/article-detail-style3/v.png);
    width: 12px;
    height: 12px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-size: cover
}

.mobile .article-detail-style3 .mobile-content .article-header .author-info {
    margin-left: 10px;
    font-size: 12px;
    width: calc(100% - 90px)
}

.mobile .article-detail-style3 .mobile-content .article-header .author-info .author-info-name {
    display: flex
}

.mobile .article-detail-style3 .mobile-content .article-header .author-info .author-info-name span {
    color: #222;
    max-width: 50%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mobile .article-detail-style3 .mobile-content .article-header .author-info .author-info-desc {
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mobile .article-detail-style3 .mobile-content .article-header .author-btn {
    border-radius: 3px;
    padding: 3px 12px;
    border: 1px solid #d8d8d8;
    cursor: pointer;
    font-size: 11px;
    flex-shrink: 0
}

.mobile .article-detail-style3 .mobile-content .article-contaniner {
    position: relative;
    margin-bottom: 5px;
    background-color: #fff
}

.mobile .article-detail-style3 .mobile-content .article-contaniner .abs {
    font-size: 14px;
    color: #505050;
    padding: 16px 20px;
    margin: 0 13px 20px;
    background-color: #f4f5f6;
    border-radius: 4px;
    line-height: 1.64;
    letter-spacing: 2px;
    word-break: break-all
}

.mobile .article-detail-style3 .mobile-content .article-contaniner article {
    margin: 0 13px;
    font-size: 17px;
    line-height: 2;
    word-break: break-all
}

.mobile .article-detail-style3 .mobile-content .article-contaniner article video {
    max-width: 100%
}

.mobile .article-detail-style3 .mobile-content .article-contaniner article.hidden-content {
    height: 300px;
    overflow: hidden
}

.mobile .article-detail-style3 .mobile-content .article-contaniner article .label-group {
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0 0;
    padding: 10px 0
}

.mobile .article-detail-style3 .mobile-content .article-contaniner article .label-group li {
    margin: 0 5px 5px 0;
    border: 1px solid #e6e6e6;
    background-color: #f4f4f4;
    font-size: 13px;
    padding: 5px 10px;
    font-weight: 600;
    border-radius: 3px;
    line-height: 1
}

.mobile .article-detail-style3 .mobile-content .article-contaniner article .label-group li a {
    color: #555
}

.mobile .article-detail-style3 .mobile-content .article-contaniner .open-more {
    position: absolute;
    bottom: -21px;
    width: 100%;
    margin-bottom: 5px
}

.mobile .article-detail-style3 .mobile-content .article-contaniner .open-more .open-more-mask {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
    height: 70px;
    width: 100%
}

.mobile .article-detail-style3 .mobile-content .article-contaniner .open-more .tips {
    width: 100%;
    background-color: #fff;
    text-align: center;
    padding-bottom: 20px;
    font-size: 12px
}

.mobile .article-detail-style3 .mobile-content .article-nav {
    display: flex;
    justify-content: space-between;
    color: #BBB;
    padding: 20px 13px;
    background-color: #fff;
    font-size: 12px
}

.mobile .article-detail-style3 .mobile-content .article-nav a {
    color: #999;
    transition: all .3s ease;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    width: 100%;
    font-size: 13px
}

.mobile .article-detail-style3 .mobile-content .article-nav a:hover {
    color: #45B6F7
}

.mobile .article-detail-style3 .mobile-content .article-nav .article-nav-prev {
    width: 50%;
    border-right: 1px solid #eee;
    padding-right: 5px;
    margin-right: 5px
}

.mobile .article-detail-style3 .mobile-content .article-nav .article-nav-next {
    text-align: right;
    width: 50%
}

.mobile .article-detail-style3 .mobile-content .tool-wrap {
    display: flex;
    justify-content: space-between;
    padding: 15px 13px;
    background-color: #fff;
    margin: 5px 0;
    font-size: 12px
}

.mobile .article-detail-style3 .mobile-content .tool-wrap .icon,
.mobile .article-detail-style3 .mobile-content .tool-wrap .icon-wrap {
    display: flex;
    flex-direction: column;
    align-items: center
}

.mobile .article-detail-style3 .mobile-content .tool-wrap .icon>div {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 100%
}

.mobile .article-detail-style3 .mobile-content .tool-wrap .share-btn {
    background-image: url(/visual-editor/images/article-detail-style3/share.png)
}

.mobile .article-detail-style3 .mobile-content .tool-wrap .collect-btn {
    background-image: url(/visual-editor/images/article-detail-style3/collect.png)
}

.mobile .article-detail-style3 .mobile-content .tool-wrap .collect-btn.active {
    background-image: url(/visual-editor/images/article-detail-style3/collect-active.png)
}

.mobile .article-detail-style3 .mobile-content .tool-wrap .comment-btn {
    background-image: url(/visual-editor/images/article-detail-style3/comment.png)
}

.mobile .article-detail-style3 .mobile-content .tool-wrap .like-btn {
    background-image: url(/visual-editor/images/article-detail-style3/like.png)
}

.mobile .article-detail-style3 .mobile-content .tool-wrap .like-btn.active {
    background-image: url(/visual-editor/images/article-detail-style3/like-active.png)
}

.mobile .article-detail-style3 .mobile-content .comment-area {
    background-color: #fff;
    padding: 0 13px
}

.mobile .article-detail-style3 .mobile-content .comment-area .title {
    font-size: 14px;
    padding: 16px 0
}

.mobile .article-detail-style3 .mobile-content .comment-area .comment-input {
    flex: 1 1 0;
    border-radius: 8px;
    padding: 16px;
    background-color: #f8f8f8;
    position: relative
}

.mobile .article-detail-style3 .mobile-content .comment-area .comment-input .login-mask {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #f8f8f8;
    cursor: pointer;
    width: 100%;
    height: 100%;
    z-index: 1
}

.mobile .article-detail-style3 .mobile-content .comment-area .comment-input .login-mask p {
    font-size: 14px;
    color: #222;
    line-height: 100px;
    text-align: center
}

.mobile .article-detail-style3 .mobile-content .comment-area .comment-input .login-mask p span {
    color: #f04142;
    margin: 0 5px
}

.mobile .article-detail-style3 .mobile-content .comment-area .comment-input .comment-textarea {
    font-size: 14px;
    outline: 0;
    width: 100%;
    resize: none;
    border: 0;
    line-height: 24px;
    transition: height .3s ease-in-out;
    height: 24px;
    background-color: #f8f8f8;
    max-height: 72px;
    overflow: auto;
    display: block
}

.mobile .article-detail-style3 .mobile-content .comment-area .comment-input .comment-textarea.expand {
    height: 120px
}

.mobile .article-detail-style3 .mobile-content .comment-area .comment-input .action {
    margin-top: 12px;
    text-align: right
}

.mobile .article-detail-style3 .mobile-content .comment-area .comment-input .action .submit-btn {
    padding: 6px 18px;
    border-radius: 4px;
    color: #fff;
    background-color: #505050;
    cursor: pointer;
    display: inline-block
}

.mobile .article-detail-style3 .mobile-content .comment-area .comment-input .action .submit-btn:hover {
    background-color: #707070
}

.mobile .article-detail-style3 .mobile-content .comment-area .comment-input .action .submit-btn.disable {
    opacity: .3;
    cursor: default
}

.mobile .article-detail-style3 .mobile-content .comment-area .comment-list li {
    margin: 20px 0
}

.mobile .article-detail-style3 .mobile-content .comment-area .comment-list li .reply-list li {
    margin: 24px 0
}

.mobile .article-detail-style3 .mobile-content .comment-area .comment-list .comment-item {
    display: flex;
    align-items: flex-start
}

.mobile .article-detail-style3 .mobile-content .comment-area .comment-list .comment-item .author-avatar {
    margin-right: 12px;
    width: 36px;
    height: 36px;
    position: relative
}

.mobile .article-detail-style3 .mobile-content .comment-area .comment-list .comment-item .author-avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #f2f2f2
}

.mobile .article-detail-style3 .mobile-content .comment-area .comment-list .comment-item .author-avatar.author-v::before {
    content: "";
    background-image: url(/visual-editor/images/article-detail-style3/v.png);
    width: 13px;
    height: 13px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-size: cover;
    display: none
}

.mobile .article-detail-style3 .mobile-content .comment-area .comment-list .comment-item .comment-info {
    flex: 1 1 0
}

.mobile .article-detail-style3 .mobile-content .comment-area .comment-list .comment-item .comment-info .header {
    display: flex;
    justify-content: space-between;
    font-size: 15px
}

.mobile .article-detail-style3 .mobile-content .comment-area .comment-list .comment-item .comment-info .header .right-action {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.mobile .article-detail-style3 .mobile-content .comment-area .comment-list .comment-item .comment-info .header .right-action:hover {
    opacity: .8
}

.mobile .article-detail-style3 .mobile-content .comment-area .comment-list .comment-item .comment-info .header .right-action .svg-wrap {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center
}

.mobile .article-detail-style3 .mobile-content .comment-area .comment-list .comment-item .comment-info .header .right-action .svg-wrap svg {
    width: 24px;
    height: 24px
}

.mobile .article-detail-style3 .mobile-content .comment-area .comment-list .comment-item .comment-info .header .right-action.liked span {
    color: #f04142
}

.mobile .article-detail-style3 .mobile-content .comment-area .comment-list .comment-item .comment-info .header .right-action.liked svg {
    animation: liked .3s cubic-bezier(.3, 1.8, .3, 1);
    -webkit-animation: liked .3s cubic-bezier(.3, 1.8, .3, 1)
}

.mobile .article-detail-style3 .mobile-content .comment-area .comment-list .comment-item .comment-info .content {
    margin: 5px 0 10px;
    font-size: 15px;
    line-height: 24px;
    word-break: break-all
}

.mobile .article-detail-style3 .mobile-content .comment-area .comment-list .comment-item .comment-info .footer {
    color: #999
}

.mobile .article-detail-style3 .mobile-content .comment-area .comment-list .comment-item .comment-info .footer .reply {
    color: #222;
    cursor: pointer
}

.mobile .article-detail-style3 .mobile-content .comment-area .comment-list .comment-item .comment-info .child-input {
    margin-top: 12px
}

.mobile .article-detail-style3 .mobile-content .comment-area .comment-list .comment-item .comment-info .check-more-reply {
    margin-top: 5px;
    line-height: 20px;
    font-size: 12px;
    color: #505050;
    cursor: pointer
}

.mobile .article-detail-style3 .mobile-content .comment-area .main-input {
    margin: 24px 0 40px;
    display: flex
}

.mobile .article-detail-style3 .mobile-content .comment-area .main-input .author-avatar {
    margin-right: 12px;
    width: 36px;
    height: 36px;
    position: relative
}

.mobile .article-detail-style3 .mobile-content .comment-area .main-input .author-avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #f2f2f2
}

.mobile .article-detail-style3 .mobile-content .comment-area .main-input .author-avatar.author-v::before {
    content: "";
    background-image: url(/visual-editor/images/article-detail-style3/v.png);
    width: 13px;
    height: 13px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-size: cover;
    display: none
}

.mobile .article-detail-style3 .mobile-content .comment-area .show-all {
    text-align: center;
    font-size: 12px
}

.mobile .article-detail-container .article-detail-title {
    font-size: 20px
}

.mobile .article-detail-container .article-detail {
    background: #fff;
    padding: 20px 15px
}

.mobile .article-detail-container .article-detail-date {
    display: none
}

.mobile .article-detail-container .article-detail-info {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mobile .article-detail-container .article-detail-info>div {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #A5A5A5;
    font-size: 14px;
    font-weight: 400
}

.mobile .article-detail-container .article-panel2 .aticle-detail-style2 .date-content,
.mobile .gw-editor-page .article-detail-container .article-link-qrcode {
    display: none
}

.mobile .article-detail-container .article-detail-info>div>span {
    margin-right: 6px
}

.mobile .article-detail-container .article-detail-info>div>span:last-child {
    margin-right: 0
}

.mobile .article-detail-container .article-detail-info>div .purple {
    color: #AC5BB5
}

.mobile .article-detail-container .article-detail-info>div>img {
    margin-right: 4px;
    width: 16px;
    height: 16px
}

.mobile .article-detail-container .article-detail-content {
    line-height: 2
}

.mobile .article-detail-container .article-detail-content img {
    width: 100%
}

.mobile .article-detail-container .left,
.mobile .article-detail-container .right {
    width: 100%;
    height: auto
}

.mobile .article-detail-container .article-container2 {
    width: 100%
}

.mobile .article-detail-container .article-panel2 .aticle-detail-style2 {
    width: 100%;
    padding: 5px
}

.mobile .article-detail-container .article-panel2 .article-detail-content {
    margin: 15px 0 5px
}

.mobile .article-detail-container .article-panel2 .article-other-panel {
    width: 100%;
    padding: 5px
}

.mobile .article-detail-container .article-panel2 .pagination-panel {
    padding-top: 0
}

.mobile .article-detail-container .article-panel2 .details-look {
    margin-top: 10px
}

.mobile .article-detail-container .article-panel2 .details-look .img-item,
.mobile .article-detail-container .article-panel2 .details-look .title {
    width: 100%
}

.mobile .activity-table {
    margin: 15px 13px
}

.mobile .activity-table .activity-item {
    padding: 0
}

.mobile .activity-table .activity-item>label,
.mobile .activity-table .activity-item>span {
    padding-right: 0
}

.mobile .gw-editor-page .article-detail-container .article-detail,
.mobile .gw-editor-page .article-detail-container .container {
    width: 100%
}

.mobile .gw-editor-page .article-detail-container .col-xs-12 {
    width: 100%
}

.goods-detail-container {
    padding: 30px 0
}

.goods-detail-container .gw-align-container {
    max-width: 100%
}

@media (min-width:1200px) {
    .goods-detail-container .gw-align-container {
        max-width: var(--max-width)
    }
}

.goods-detail-container.padding-0 {
    padding: 0
}

.goods-detail-container .w-100 {
    width: 100%
}

.goods-detail-container .h-100 {
    height: 100%
}

.goods-detail-container .pt-20 {
    padding-top: 20px
}

.goods-detail-container .goods-detail {
    background: #fff;
    padding: 30px
}

.goods-detail-container .goods-detail-box {
    display: flex;
    justify-content: flex-start
}

.goods-detail-container .goods-detail-title {
    font-size: 24px;
    color: #121212;
    font-weight: 600
}

.goods-detail-container .goods-detail-abs {
    color: #9C9C9C;
    font-size: 18px;
    margin-top: 10px;
    font-weight: 500;
    margin-bottom: 10px
}

.goods-detail-container .goods-detail-img {
    border-radius: 2px
}

.goods-detail-container .goods-detail-img img {
    height: auto !important;
    width: auto !important;
    max-width: 100% !important;
    max-height: 100% !important
}

.goods-detail-container .goods-detail-p {
    text-align: left;
    margin-left: 26px
}

.goods-detail-container .goods-detail-money {
    font-size: 18px;
    color: #121212;
    display: inline-block;
    font-weight: 600
}

.goods-detail-container .goods-detail-price {
    font-size: 24px;
    color: #CE0000;
    display: inline-block
}

.goods-detail-container .goods-detail-mes {
    font-size: 30px;
    color: #000
}

.goods-detail-container .goods-attr-box {
    background-color: #FBFBFB;
    padding: 0 20px;
    width: 100%;
    margin: 20px auto
}

.goods-detail-container .goods-attr-box .attr-row {
    color: #666;
    font-size: 16px;
    line-height: 25px;
    padding: 0;
    font-weight: 600;
    max-width: 100%
}

.goods-detail-container .goods-attr-box .attr-row .attr-value {
    font-size: 14px;
    font-weight: 400
}

.goods-detail-container .goods-detail-date {
    color: #999;
    margin-top: 15px;
    text-align: center
}

.goods-detail-container .goods-detail-content {
    border-top: 1px solid #f5f5f5;
    margin-top: 15px;
    padding: 20px 0;
    line-height: 1.5
}

.goods-detail-container .goods-detail-content * {
    max-width: 100%
}

.goods-detail-container .goods-detail-content img {
    max-width: 100%;
    height: auto !important;
    max-height: 100% !important;
    margin-top: 0;
    margin-bottom: 0
}

.goods-detail-container .goods-detail-content img.fr-dib {
    margin-top: 0;
    margin-bottom: 0
}

.goods-detail-container .goods-detail-content .good-url {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 5px 0
}

.goods-detail-container .goods-detail-content .good-url a {
    color: #333;
    font-size: 14px;
    cursor: pointer;
    padding-left: 5px
}

.goods-detail-container .goods-detail-content .good-url a a:hover {
    color: #5BAAF4
}

.goods-detail-container .goods-detail-content p {
    margin-bottom: 0
}

.goods-detail-container .goods-share-me {
    border-top: 1px solid #f5f5f5;
    padding-top: 20px;
    width: 100%;
    float: left
}

.goods-detail-container .goods-share-me span {
    line-height: 36px;
    display: block;
    margin-right: 5px
}

.goods-detail-container .goods-link-qrcode {
    text-align: center
}

.goods-detail-container .goods-link-qrcode img {
    width: 100%;
    margin-bottom: 10px
}

.goods-detail-container .goods-file-download {
    border-top: 1px solid #f5f5f5
}

.goods-detail-container .goods-file-download .goods-file-row {
    display: block
}

.goods-detail-container .goods-detail-abstract {
    background-color: #FBFBFB;
    padding: 16px;
    width: 100%;
    margin: 20px auto;
    color: #666;
    font-size: 16px;
    word-break: break-word
}

.goods-detail-container .goods-detail-box1 {
    margin-bottom: 10px
}

.goods-detail-container .goods-detail-box1 .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important
}

.goods-detail-container .goods-detail-box1 .goodsImg {
    max-width: 100%
}

.goods-detail-container .details-look {
    margin: 20px auto 0;
    display: flex;
    flex-flow: column;
    align-items: center
}

.goods-detail-container .details-look .title {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 12px
}

.goods-detail-container .details-look .title .common-border {
    width: 15%;
    height: 2px;
    background-color: #d9d9d9
}

.goods-detail-container .details-look .title .title-text {
    font-size: 16px;
    font-weight: 400;
    color: silver;
    line-height: 22px
}

.goods-detail-container .details-look .img-item {
    cursor: pointer;
    width: 100%;
    height: 137px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.goods-detail-container .details-look .img-item a {
    display: flex;
    width: 100%;
    height: 100%
}

.goods-detail-container .details-look .img-item img {
    max-width: 100%;
    max-height: 100%;
    margin-bottom: 0;
    overflow: hidden;
    object-fit: cover
}

.goods-detail-container .details-look .img-item:last-child {
    margin-bottom: 0
}

.goods-detail-container .details-look .img-item .mask-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .2);
    color: #fff;
    line-height: 1.2;
    font-size: 12px;
    text-align: left;
    padding: 5px
}

.goods-detail-container .details-look .img-item .mask-bg p {
    padding: 2px 4px;
    margin-bottom: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.goods-detail-container .goods-pagination-panel {
    border-top: 1px solid #d2d6dc;
    margin-top: 20px;
    padding-top: 5px;
    font-size: 12px
}

.goods-detail-container .goods-pagination-panel a {
    display: block;
    text-align: left;
    margin-top: 5px
}

.goods-detail-container .goods-pagination-panel .round-pagination {
    border: 1px solid;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 1;
    margin-right: 5px
}

.goods-detail-container .width-100 {
    width: 100%
}

.goods-detail-container .padding-lr-15 {
    padding: 0 15px
}

.goods-detail-container .padding-0 {
    padding: 0
}

.goods-detail-container .BMapLabel {
    max-width: inherit
}

.goods-detail-container .recommend-panel {
    margin-top: 30px
}

.goods-detail-container .recommend-panel .recommend-title {
    margin-top: 10px
}

.goods-detail-container .recommend-panel .item-box {
    overflow: hidden;
    position: relative;
    width: calc(25% - 5px);
    height: 192px;
    margin: 0 .25px;
    display: inline-block;
    box-sizing: content-box
}

.goods-detail-container .recommend-panel .item-box:first-child {
    margin-left: 0
}

.goods-detail-container .recommend-panel .item-box:nth-child(4n) {
    margin-right: 0
}

.goods-detail-container .recommend-panel .scale-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: -webkit-transform 1s ease;
    transition: transform 1s ease;
    transition: transform 1s ease, -webkit-transform 1s ease
}

.goods-detail-container .recommend-panel .scale-img:hover {
    -webkit-transform: translateZ(0) scale(1.25);
    transform: translateZ(0) scale(1.25)
}

.goods-detail-container .recommend-panel .card-title-mask {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .8), transparent)
}

.goods-detail-container .recommend-panel .item-info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 4px 8px;
    text-align: left;
    color: #fff
}

.goods-detail-container .recommend-panel .item-info .title {
    font-size: 18px;
    font-weight: 700;
    width: 100%;
    margin-bottom: 0;
    line-height: 1.25
}

.goods-detail-container .recommend-panel .item-info .abs {
    font-size: 14px;
    width: 100%;
    line-height: 1.25;
    margin-bottom: 0
}

.goods-detail-container .mrg-left-7 {
    margin-left: 7px
}

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

.goods-detail-container .ellipsis-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.goods-detail-container a:hover {
    color: inherit
}

.goods-detail-container .goods-tags>li {
    border-radius: 3px;
    background-color: var(--main_color);
    padding: 6px 14px;
    display: inline-block;
    color: #fff;
    margin-left: 7px;
    margin-top: 5px;
    line-height: 1
}

.goods-detail-container .goods-tags>li:first-child {
    margin-left: 0
}

.goods-detail-container .inline-block {
    display: inline-block
}

.goods-detail-container .flex-between {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.goods-detail-container .left-sidebar {
    position: absolute;
    top: 30px;
    margin-left: -85px;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 10
}

.goods-detail-container .left-sidebar .divide {
    width: 24px;
    height: 1px;
    background-color: #e8e8e8;
    margin-bottom: 10px
}

.goods-detail-container .left-sidebar .icon {
    cursor: pointer;
    text-align: center;
    line-height: 24px;
    font-size: 20px;
    border-radius: 50%;
    margin-bottom: 10px;
    color: #b2bac2;
    display: flex;
    flex-direction: column;
    align-items: center
}

.goods-detail-container .left-sidebar .icon:hover {
    color: #8A93A0
}

.goods-detail-container .left-sidebar .icon span {
    color: #222;
    font-size: 12px
}

.goods-detail-container .left-sidebar .like-btn .icon-box {
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .04);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #f8f8f8
}

.goods-detail-container .left-sidebar .like-btn.active {
    color: #f04142
}

.goods-detail-container .left-sidebar .collect-btn.active {
    color: #FFC347
}

.goods-detail-container .left-sidebar .share-title {
    color: #c6c6c6;
    font-size: 12px;
    text-align: center
}

.goods-detail-container .left-sidebar #share-content {
    display: flex;
    flex-direction: column;
    align-items: center
}

.goods-detail-container .left-sidebar #share-content .social-share-icon {
    border: #b2bac2;
    color: #b2bac2
}

.goods-detail-container .left-sidebar #share-content .social-share-icon:hover {
    color: #fff
}

.goods-detail-container .nav-wrapper {
    position: fixed;
    height: 110px;
    top: 50%;
    width: 250px;
    background: #fff;
    color: #222;
    margin-top: -55px;
    text-decoration: none;
    z-index: 200;
    right: -210px;
    margin-left: -40px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    cursor: pointer;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    padding: 0 15px;
    display: table;
    box-shadow: 0 0 27px 0 rgba(0, 0, 0, .045)
}

.goods-detail-container .nav-wrapper i {
    display: inline;
    float: left;
    font-size: 20px;
    line-height: 22px;
    top: 50%;
    margin-top: -11px;
    position: absolute;
    font-weight: 900
}

.goods-detail-container .nav-wrapper .nav-item {
    display: table-cell;
    vertical-align: middle
}

.goods-detail-container .nav-wrapper .nav-item a {
    line-height: 20px;
    max-width: 250px;
    font-weight: 700
}

.goods-detail-container .nav-prev-wrapper {
    left: -170px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.goods-detail-container .nav-prev-wrapper:hover {
    left: 0
}

.goods-detail-container .nav-prev-wrapper i {
    right: 16px
}

.goods-detail-container .nav-next-wrapper {
    right: -210px
}

.goods-detail-container .nav-next-wrapper i {
    margin-left: 5px;
    margin-right: 5px;
    left: 12px
}

.goods-detail-container .nav-next-wrapper:hover {
    right: 0
}

.goods-detail-container .navigational_links a,
.goods-detail-container .navigational_links a:hover {
    color: #222;
    text-decoration: none;
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

.goods-detail-container .nav-prev {
    text-align: right
}

.goods-detail-container .nav-prev a {
    display: block;
    padding-right: 25px;
    float: right;
    text-align: right
}

.goods-detail-container .nav-next a {
    margin-left: 24px;
    padding-left: 1PX;
    display: inline;
    float: left
}

.goods-detail-container .goods-detail-style2 {
    font-family: PingFang SC
}

.goods-detail-container .goods-detail-style2 .detail-content-box {
    background-color: #F9F9F9
}

.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .left-swiper .slider-pro .sp-next-arrow:after,
.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .left-swiper .slider-pro .sp-next-arrow:before,
.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .left-swiper .slider-pro .sp-next-thumbnail-arrow:after,
.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .left-swiper .slider-pro .sp-next-thumbnail-arrow:before,
.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .left-swiper .slider-pro .sp-previous-arrow:after,
.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .left-swiper .slider-pro .sp-previous-arrow:before,
.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .left-swiper .slider-pro .sp-previous-thumbnail-arrow:after,
.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .left-swiper .slider-pro .sp-previous-thumbnail-arrow:before {
    background-color: #d5d5d5
}

.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content {
    display: flex;
    padding: 100px 0
}

.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .left-swiper {
    width: 850px
}

.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .left-swiper .slider-pro img {
    height: auto !important;
    width: auto !important;
    max-width: 100% !important;
    max-height: 100% !important
}

.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .left-swiper .slider-pro .sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
    border-color: transparent
}

.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .left-swiper .slider-pro .sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
    border-left-color: transparent
}

.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid {
    min-width: 300px;
    max-width: 450px;
    width: 30%;
    position: relative
}

.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .title-info {
    font-weight: 500;
    color: #000;
    font-size: 14px
}

.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .title-info .title {
    font-size: 21px
}

.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .title-info .abs {
    font-weight: 400;
    margin: 15px 0 0;
    word-break: break-all
}

.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .bottom-line {
    border-bottom: 1px solid #EBE8E7;
    padding: 10px 0
}

.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .panel-group {
    color: #000;
    font-size: 14px;
    position: relative
}

.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .panel-group .panel {
    background-color: #F9F9F9;
    border: none;
    text-align: left
}

.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .panel-group .panel .panel-heading {
    padding: 0
}

.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .panel-group .panel .panel-heading .panel-title {
    font-weight: 700;
    position: relative
}

.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .panel-group .panel .panel-heading .panel-title a {
    display: block;
    background-color: #F9F9F9
}

.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .panel-group .panel .panel-heading .panel-title a div {
    width: 90%
}

.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .panel-group .panel .panel-heading .panel-title a:focus,
.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .panel-group .panel .panel-heading .panel-title a:hover {
    color: #000
}

.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .panel-group .panel .panel-heading .panel-title i {
    position: absolute;
    right: 0;
    top: 0;
    color: #676564
}

.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .panel-group .panel .panel-body {
    padding: 14px 0 0;
    border: none;
    font-weight: 400;
    line-height: 20px;
    word-break: break-all
}

.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .contact-us {
    margin-top: 54px
}

.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .contact-us a {
    text-align: center;
    width: 151px;
    height: 40px;
    background: var(--main_color);
    border-radius: 5px;
    color: #fff;
    display: block;
    line-height: 40px
}

.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .right-product {
    position: absolute;
    right: -100px;
    bottom: 50px
}

.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .right-product .right-product-content {
    position: relative
}

.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .right-product .right-product-content div {
    font-size: 18px;
    font-weight: 700;
    color: #555;
    display: block;
    word-wrap: break-word;
    width: 18px;
    margin-bottom: 30px;
    text-align: center
}

.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .right-product .right-product-content div span {
    font-weight: 100
}

.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .right-product .right-product-content::after {
    content: '';
    position: absolute;
    right: 55%;
    width: 1px;
    height: 100px;
    background-color: #555
}

.goods-detail-container .goods-detail-style2 .recommend-box {
    background-color: #fff;
    padding: 30px 0
}

.goods-detail-container .goods-detail-style2 .recommend-box .line {
    margin: 0 auto;
    width: 1147px;
    border-bottom: 2px solid #CECECE
}

.goods-detail-container .goods-detail-style2 .recommend-box .recommend-title {
    color: #000;
    margin: 0 auto;
    text-align: center
}

.goods-detail-container .goods-detail-style2 .recommend-box .recommend-title p:first-child {
    font-size: 14px;
    font-weight: 700;
    margin: 40px auto 18px
}

.goods-detail-container .goods-detail-style2 .recommend-box .recommend-title p:last-child {
    font-size: 29px;
    font-weight: 500
}

.goods-detail-container .goods-detail-style2 .recommend-box .swiper-goods-cat {
    text-align: center
}

.goods-detail-container .goods-detail-style2 .recommend-box .swiper-goods-cat li {
    width: 160px;
    border-bottom: 1px solid #BFBFBF;
    display: inline-block;
    text-align: center;
    padding: 10px 0;
    margin-left: -5px
}

.goods-detail-container .goods-detail-style2 .recommend-box .swiper-goods-cat li a {
    color: #BFBFBF;
    font-size: 14px;
    font-weight: 500
}

.goods-detail-container .goods-detail-style2 .recommend-box .swiper-goods-cat li.active {
    border-bottom-color: var(--main_color)
}

.goods-detail-container .goods-detail-style2 .recommend-box .swiper-goods-cat li.active a {
    color: var(--main_color)
}

.goods-detail-container .goods-detail-style2 .recommend-box .swiper-box {
    position: relative;
    width: 90%;
    margin: 0 auto
}

.goods-detail-container .goods-detail-style2 .recommend-box .swiper-box .swiper-container {
    width: 85%;
    height: 430px;
    margin: 20px auto
}

.goods-detail-container .goods-detail-style2 .recommend-box .swiper-box .swiper-container .swiper-wrapper {
    width: 100%;
    margin: 0 auto
}

.goods-detail-container .goods-detail-style2 .recommend-box .swiper-box .swiper-container .swiper-slide {
    text-align: center;
    font-size: 18px
}

.goods-detail-container .goods-detail-style2 .recommend-box .swiper-box .swiper-container .swiper-slide .swiper-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.goods-detail-container .goods-detail-style2 .recommend-box .swiper-box .swiper-container .swiper-slide .swiper-item .swiper-img-box {
    background-color: #F9F9F9;
    width: 290px;
    height: 290px;
    display: flex;
    align-items: center;
    justify-content: center
}

.goods-detail-container .goods-detail-style2 .recommend-box .swiper-box .swiper-container .swiper-slide .swiper-item .swiper-img-box img {
    object-fit: contain;
    max-width: 100%;
    max-height: 100%
}

.goods-detail-container .goods-detail-style2 .recommend-box .swiper-box .swiper-container .swiper-slide .swiper-item .swiper-info {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    padding: 34px 40px;
    width: 100%
}

.goods-detail-container .goods-detail-style2 .recommend-box .swiper-box .swiper-container .swiper-slide .swiper-item .swiper-info .info-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px
}

.goods-detail-container .goods-detail-style2 .recommend-box .swiper-box .swiper-container .swiper-slide .swiper-item .swiper-info .info-abs {
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.goods-detail-container .goods-detail-style2 .recommend-box .swiper-box .swiper-container .swiper-slide .swiper-item .swiper-info .info-price {
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 0
}

.goods-detail-container .goods-detail-style2 .recommend-box .swiper-box .swiper-container .swiper-slide .swiper-item .swiper-info .info-price span {
    color: #8C8A8A;
    padding-left: 10px;
    border-left: 1px solid #000;
    margin-left: 10px;
    display: inline-block
}

.goods-detail-container .goods-detail-style2 .recommend-box .swiper-box .swiper-container .swiper-slide .swiper-item .swiper-info .info-price span:first-child {
    border-left: none;
    color: #000
}

.goods-detail-container .goods-detail-style2 .recommend-box .swiper-box .swiper-button-next,
.goods-detail-container .goods-detail-style2 .recommend-box .swiper-box .swiper-button-prev {
    color: var(--main_color);
    padding: 145px 30px;
    top: 22px;
    background-color: #F9F9F9;
    background-image: none;
    display: flex;
    align-items: center;
    justify-content: center
}

.goods-detail-container .goods-detail-style2 .recommend-box .swiper-box .swiper-button-next i,
.goods-detail-container .goods-detail-style2 .recommend-box .swiper-box .swiper-button-prev i {
    font-size: 50px;
    color: #000
}

.goods-detail-container .goods-detail-style2 .goods-detail-box {
    background-color: #fff;
    padding-top: 0
}

.goods-detail-container .goods-detail-style2 .goods-detail-box .goods-detail-content {
    border: none
}

.goods-detail-container .goods-detail-style3 .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important
}

.goods-detail-container .goods-detail-style3 .goodsImg {
    width: 100%
}

.goods-detail-container .goods-detail-style3 .info {
    padding: 10px 0;
    border-bottom: 1px solid #e5e7eb
}

.goods-detail-container .goods-detail-style3 .goods-detail-abs,
.goods-detail-container .goods-detail-style3 .goods-detail-title,
.goods-detail-container .goods-detail-style3 .info>div {
    padding: 0
}

.goods-detail-container .goods-detail-style3 .goods-attr-box {
    padding: 0;
    text-align: right;
    margin: 0;
    font-size: 16px;
    font-weight: 100;
    background-color: transparent
}

.goods-detail-container .goods-detail-style3 .goods-detail-content {
    border-top: 0
}

.goods-detail-container .goods-detail-style3 .details-look .img-item {
    width: 100%;
    border: none;
    text-align: left
}

.goods-detail-container .goods-detail-style3 .details-look .img-item img {
    object-fit: cover
}

.goods-detail-container .goods-detail-style3 .details-look .title {
    width: 100%
}

.goods-detail-container .goods-detail-style3 .details-look .title .title-text {
    color: #101820
}

.goods-detail-container .goods-detail-style3 .goods-other-panel {
    text-align: center;
    padding: 5px
}

.goods-detail-container .goods-detail-style4 {
    background-color: #fff
}

.goods-detail-container .goods-detail-style4 .detail-content-box {
    background-color: #fff;
    padding: 10px 0
}

.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content {
    position: relative
}

.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .title-info .title {
    color: #333;
    font-size: 24px;
    margin-bottom: 12px
}

.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .title-info .price {
    color: #D0021B;
    font-size: 24px;
    line-height: 33px
}

.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .title-info .label-group {
    display: flex
}

.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .title-info .label-group li {
    border: 1px solid #DDD;
    border-radius: 4px;
    margin-right: 20px;
    color: #999;
    padding: 3px 11px
}

.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .details-view .swiper-box {
    height: 445px;
    margin: 2px 0 20px
}

.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .details-view .text-information .items {
    margin-bottom: 20px;
    line-height: 20px
}

.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .details-view .text-information .items .info {
    color: #666
}

.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .details-view .text-information .items .value {
    color: #333
}

.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .details-view .text-information .items-group-more {
    display: none
}

.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .detail-main .navigation {
    background-color: #fff;
    position: sticky;
    top: 0;
    z-index: 999
}

.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .detail-main .navigation ul {
    border-bottom: 1px solid #DDD;
    margin-bottom: 0
}

.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .detail-main .navigation ul li {
    padding: 16px 0;
    font-size: 18px;
    margin-right: 49px;
    float: left
}

.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .detail-main .navigation ul li a {
    color: #666
}

.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .detail-main .navigation ul .active {
    border-bottom: 2px solid var(--main_color)
}

.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .detail-main .navigation ul .active a,
.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .detail-main .navigation ul a:hover {
    color: var(--main_color)
}

.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .detail-main .main-content {
    padding-top: 40px
}

.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .detail-main .main-content .box-left .tit {
    color: #333;
    line-height: 25px;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 12px
}

.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .detail-main .main-content .box-left .parameter-info {
    margin-bottom: 30px
}

.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .detail-main .main-content .box-left .parameter-info ul {
    display: flex;
    flex-wrap: wrap
}

.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .detail-main .main-content .box-left .parameter-info ul li {
    width: 50%;
    margin-bottom: 12px
}

.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .detail-main .main-content .box-left .details-info,
.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .detail-main .main-content .box-left .map {
    margin-bottom: 40px
}

.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .detail-main .main-content .box-left .map .content {
    height: 337px
}

.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .detail-main .main-content .box-right .title {
    font-size: 18px;
    line-height: 25px;
    color: #333;
    margin-bottom: 16px;
    font-weight: 600
}

.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .detail-main .main-content .box-right .relation-form {
    border: 1px solid #DDD;
    border-radius: 6px;
    height: 291px;
    padding: 16px
}

.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .detail-main .main-content .box-right .relation-form form p {
    color: #666;
    line-height: 20px
}

.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .detail-main .main-content .box-right .relation-form form input {
    width: 100%;
    border-radius: 6px;
    border: 1px solid #DDD;
    margin-bottom: 16px;
    height: 36px
}

.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .detail-main .main-content .box-right .relation-form form .submit {
    height: 36px;
    width: 100%;
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #DDD;
    margin-top: 14px
}

.goods-detail-container .goods-detail-style4 .swiper {
    background: #fff;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0
}

.goods-detail-container .goods-detail-style4 .swiper .swiper-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.goods-detail-container .goods-detail-style4 .swiper .swiper-container .swiper-slide {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.goods-detail-container .goods-detail-style4 .swiper .gallery-top {
    height: 80%;
    width: 100%
}

.goods-detail-container .goods-detail-style4 .swiper .gallery-thumbs {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0
}

.goods-detail-container .goods-detail-style4 .swiper .gallery-thumbs .swiper-slide {
    height: 100%;
    opacity: .4
}

.goods-detail-container .goods-detail-style4 .swiper .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1
}

.goods-detail-container .goods-detail-style4 .related-content {
    margin-bottom: 40px
}

.goods-detail-container .goods-detail-style4 .related-content .content .item .item-content {
    height: 120px;
    position: relative;
    overflow: hidden;
    display: block
}

.goods-detail-container .goods-detail-style4 .related-content .content .item .item-content img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: all .5s ease
}

.goods-detail-container .goods-detail-style4 .related-content .content .item .item-content p {
    color: #FFF;
    font-size: 12px;
    background: #000;
    opacity: .6;
    line-height: 37px;
    width: 100%;
    padding-left: 10px;
    position: absolute;
    bottom: 0;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.goods-detail-container .goods-detail-style4 .related-content .content .item .item-content:hover img {
    transform: scale(1.04)
}

.goods-detail-container .goods-detail-style4 .relation-personnel {
    border: 1px solid #DDD;
    border-radius: 6px;
    padding: 16px;
    margin-bottom: 46px
}

.goods-detail-container .goods-detail-style4 .relation-personnel .personnel-item {
    margin-bottom: 10px
}

.goods-detail-container .goods-detail-style4 .relation-personnel .personnel-item .personnel-info {
    display: flex
}

.goods-detail-container .goods-detail-style4 .relation-personnel .personnel-item .personnel-info img {
    width: 60px;
    height: 80px;
    object-fit: contain;
    margin-right: 10px
}

.goods-detail-container .goods-detail-style4 .relation-personnel .personnel-item .personnel-info .right .name {
    line-height: 20px;
    color: #333;
    margin-bottom: 4px
}

.goods-detail-container .goods-detail-style4 .relation-personnel .personnel-item .personnel-info .right .abs {
    font-size: 12px;
    color: #666;
    line-height: 17px
}

.goods-detail-container .goods-detail-style4 .relation-personnel .personnel-item .button-group {
    display: flex;
    justify-content: space-between;
    margin: 10px 0
}

.goods-detail-container .goods-detail-style4 .relation-personnel .personnel-item .button-group .button {
    background-color: #4A90E2;
    border-radius: 14px;
    padding: 6px 16px 5px;
    line-height: 17px;
    font-size: 12px;
    color: #fff
}

.goods-detail-container .goods-detail-style4 .relation-personnel .personnel-item .button-group .button.tel-btn {
    background-color: #F5A623
}

.goods-detail-container .goods-detail-style4 .relation-personnel .personnel-item:not(:last-child) {
    border-bottom: 1px solid #ddd
}

.goods-detail-container .goods-detail-style5 {
    background: 0 0;
    padding: 0 0 30px
}

.goods-detail-container .goods-detail-style5 .container {
    width: 1400px
}

.goods-detail-container .goods-detail-style5 .goods-detail {
    background: 0 0;
    padding: 0 30px;
    color: #5c727d;
    position: relative
}

.goods-detail-container .goods-detail-style5 .goods-detail-price {
    color: #091540
}

.goods-detail-container .goods-detail-style5 .title-panel {
    padding-left: 0
}

.goods-detail-container .goods-detail-style5 .title-panel .location-item {
    margin-top: 5px
}

.goods-detail-container .goods-detail-style5 .price-panel {
    padding-left: 0;
    padding-right: 0
}

.goods-detail-container .goods-detail-style5 .map-content {
    width: 100%;
    height: 400px
}

.goods-detail-container .goods-detail-style5 .house-layout {
    text-align: center
}

.goods-detail-container .goods-detail-style5 .house-layout>img {
    max-width: 100%;
    width: auto
}

.goods-detail-container .goods-detail-style5 .image_gallery {
    background-position: 50% 50%;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border: 1px solid #f0f0f0
}

.goods-detail-container .goods-detail-style5 .image_gallery .img_listings_overlay {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    background-color: #444;
    opacity: 0;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

.goods-detail-container .goods-detail-style5 .image_gallery .load-more {
    color: #fff;
    font-weight: 700;
    font-size: 16px
}

.goods-detail-container .goods-detail-style5 .col-md-6.image_gallery {
    height: 650px
}

.goods-detail-container .goods-detail-style5 .col-md-12.image_gallery {
    height: 325px
}

.goods-detail-container .goods-detail-style5 .goods-detail-content {
    border-top: none;
    padding: 0;
    margin: 0;
    font-size: 16px
}

.goods-detail-container .goods-detail-style5 .tab-nav-panel {
    background-color: var(--main_color);
    color: #fff
}

.goods-detail-container .goods-detail-style5 .tab-nav-panel .tabs-item {
    border-right: 1px solid #fff
}

.goods-detail-container .goods-detail-style5 .tab-nav-panel .tabs-item a {
    color: #fff;
    border-radius: 0
}

.goods-detail-container .goods-detail-style5 .tab-nav-panel .tabs-item.active a,
.goods-detail-container .goods-detail-style5 .tab-nav-panel .tabs-item.active a:hover {
    background-color: #f0f0f0;
    color: #333;
    border: none;
    font-weight: 800;
    border-radius: 0
}

.goods-detail-container .goods-detail-style5 .goods-attr-box {
    background-color: transparent;
    padding: 0;
    margin: 5px 0;
    font-size: 14px;
    font-weight: 400;
    color: #5c727d
}

.goods-detail-container .goods-detail-style5 .tab-pane {
    padding: 30px 15px
}

.goods-detail-container .goods-detail-style6 {
    background-color: #fff;
    padding: 10px 0 30px;
    --swiper-theme-color: var(--main_color)
}

.goods-detail-container .goods-detail-style6 ul {
    margin-bottom: 0
}

.goods-detail-container .goods-detail-style6 .swiper-container .swiper-wrapper {
    align-items: center
}

.goods-detail-container .goods-detail-style6 .swiper-container.main-swiper {
    min-height: 300px;
    display: flex;
    align-items: center
}

.goods-detail-container .goods-detail-style6 .related-content ul.secMenu,
.goods-detail-container .goods-detail-style6 .related-content ul.threeMenu {
    display: none
}

.goods-detail-container .goods-detail-style6 .swiper-container.main-swiper .swiper-pagination-bullets .swiper-pagination-bullet {
    background-color: var(--main_color);
    border-radius: 4px;
    transition: width ease .3s
}

.goods-detail-container .goods-detail-style6 .swiper-container.main-swiper .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    width: 32px
}

.goods-detail-container .goods-detail-style6 .swiper-container.relate-goods-swiper {
    margin-top: 30px
}

.goods-detail-container .goods-detail-style6 .swiper-container .swiper-slide {
    text-align: center
}

.goods-detail-container .goods-detail-style6 .swiper-container .swiper-slide img {
    width: 100%;
    max-height: 300px;
    object-fit: contain
}

.goods-detail-container .goods-detail-style6 .related-content:not(:last-child) {
    margin-bottom: 50px
}

.goods-detail-container .goods-detail-style6 .related-content .title {
    font-size: 22px;
    color: #2c2b2b;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
    position: relative
}

.goods-detail-container .goods-detail-style6 .related-content .title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    height: 1px;
    background-color: var(--main_color);
    width: 87px
}

.goods-detail-container .goods-detail-style6 .related-content.contact li {
    height: 37px;
    line-height: 37px
}

.goods-detail-container .goods-detail-style6 .related-content ul {
    transition: all .5s ease
}

.goods-detail-container .goods-detail-style6 .related-content ul.secMenu>li>a {
    padding-left: 15px
}

.goods-detail-container .goods-detail-style6 .related-content ul.threeMenu>li>a {
    padding-left: 30px
}

.goods-detail-container .goods-detail-style6 .related-content .menu a span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.goods-detail-container .goods-detail-style6 .related-content .menu ul {
    border-top: 1px solid #eee
}

.goods-detail-container .goods-detail-style6 .related-content li {
    overflow: hidden;
    border-bottom: 1px solid #eee
}

.goods-detail-container .goods-detail-style6 .related-content li i {
    margin-right: 5px;
    transform: rotate(0)
}

.goods-detail-container .goods-detail-style6 .related-content li i.reverse,
.goods_special_column_detail-container .goods_special_column_detail-style0 .catalogue .chapter-item.open .chapter-title-wrapper i {
    transform: rotate(180deg)
}

.goods-detail-container .goods-detail-style6 .related-content li>a {
    line-height: 37px;
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.goods-detail-container .goods-detail-style6 .related-content li>a.active,
.goods-detail-container .goods-detail-style6 .related-content li>a:hover {
    color: var(--main_color)
}

.goods-detail-container .goods-detail-style6 .related-content .secMenu li:last-child {
    border-bottom: none
}

.goods-detail-container .goods-detail-style6 .goods-detail {
    padding: 0
}

.goods-detail-container .goods-detail-style6 .goods-detail .info-line {
    border-bottom: 1px solid #eee;
    padding: 10px 0
}

.goods-detail-container .goods-detail-style6 .goods-detail .title {
    font-size: 22px;
    padding-top: 0
}

.goods-detail-container .goods-detail-style6 .goods-detail .price-box {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.goods-detail-container .goods-detail-style6 .goods-detail .price-box .price {
    color: #FB9C96;
    font-size: 24px
}

.goods-detail-container .goods-detail-style6 .goods-detail .price-box .msg-btn {
    cursor: pointer;
    background-color: var(--main_color);
    color: #fff;
    border-radius: 4px;
    padding: 10px 30px
}

.goods-detail-container .goods-detail-style6 .goods-detail .abs {
    color: #c4c4c4;
    margin-top: 10px;
    margin-bottom: 20px;
    word-break: break-word
}

.goods-detail-container .goods-detail-style6 .goods-detail .parameter ul li {
    display: flex;
    margin-bottom: 5px
}

.goods-detail-container .goods-detail-style6 .goods-detail .parameter ul li img {
    max-width: 20px;
    max-height: 20px;
    width: 20px;
    object-fit: contain;
    margin-right: 5px
}

.goods-detail-container .goods-detail-style6 .goods-detail .download {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    background-color: #f5f5f5;
    margin-bottom: 20px
}

.goods-detail-container .goods-detail-style6 .goods-detail .download .item {
    margin-right: 10px;
    display: flex;
    align-items: center
}

.goods-detail-container .goods-detail-style6 .goods-detail .download .item:hover {
    color: var(--main_color)
}

.goods-detail-container .goods-detail-style6 .detail-content {
    margin-top: 30px
}

.goods-detail-container .goods-detail-style6 .detail-content .title {
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    font-size: 24px;
    color: #333;
    position: relative
}

.goods-detail-container .goods-detail-style6 .detail-content .title::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100px;
    height: 1px;
    background-color: var(--main_color)
}

.goods-detail-container .goods-detail-style6 .detail-content .goods-detail-content {
    border-top: none;
    margin-top: 0;
    padding: 0
}

.goods-detail-container .goods-detail-style7 {
    background-color: #fbfbfb;
    --swiper-theme-color: var(--main_color)
}

.goods-detail-container .goods-detail-style7 .title-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 20px 0 35px
}

.goods-detail-container .goods-detail-style7 .title-box .title {
    color: #444;
    font-weight: 700;
    font-size: 22px;
    margin-right: 20px
}

.goods-detail-container .goods-detail-style7 .title-box .label-group {
    margin-bottom: 0
}

.goods-detail-container .goods-detail-style7 .title-box .label-group li {
    background-color: var(--main_color);
    border-radius: 4px;
    color: #fff;
    padding: 6px 14px;
    display: inline-block
}

.goods-detail-container .goods-detail-style7 .title-box .label-group li:not(:last-child) {
    margin-right: 7px
}

.goods-detail-container .goods-detail-style7 .one-row {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.goods-detail-container .goods-detail-style7 .main-box {
    padding-bottom: 50px
}

.goods-detail-container .goods-detail-style7 .main-box .swiper-box .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.goods-detail-container .goods-detail-style7 .main-box .swiper-box .gallery-top {
    height: 80%
}

.goods-detail-container .goods-detail-style7 .main-box .swiper-box .gallery-thumbs {
    padding-top: 10px;
    height: 20%
}

.goods-detail-container .goods-detail-style7 .main-box .swiper-box .gallery-thumbs .swiper-slide {
    height: 100%;
    opacity: .6
}

.goods-detail-container .goods-detail-style7 .main-box .swiper-box .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1
}

.goods-detail-container .goods-detail-style7 .main-box .right-content .price {
    font-size: 40px;
    color: #fd0000;
    font-weight: 600;
    margin-bottom: 30px
}

.goods-detail-container .goods-detail-style7 .main-box .right-content .abs {
    background-color: #f2eee3;
    margin-bottom: 25px;
    border-radius: 6px;
    padding: 8px 20px;
    border: 1px solid #e9e2cf;
    color: #bd7b10;
    font-size: 16px
}

.goods-detail-container .goods-detail-style7 .main-box .right-content .attr-list {
    font-size: 16px
}

.goods-detail-container .goods-detail-style7 .main-box .right-content .attr-list .attr {
    margin-bottom: 30px;
    display: flex
}

.goods-detail-container .goods-detail-style7 .main-box .right-content .attr-list .key {
    color: #888;
    flex-shrink: 0
}

.goods-detail-container .goods-detail-style7 .main-box .right-content .attr-list .value {
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.goods-detail-container .goods-detail-style7 .main-box .right-content .btn-group {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px
}

.goods-detail-container .goods-detail-style7 .main-box .right-content .btn-group>a {
    background-color: var(--main_color);
    color: #fff;
    border-radius: 50px;
    font-size: 16px;
    padding: 8px 15px;
    margin: 0 5px 5px 0
}

.goods-detail-container .goods-detail-style7 .nav-box {
    padding: 20px 10px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
    background-color: #fff
}

.goods-detail-container .goods-detail-style7 .nav-box .item {
    border-right: 1px solid #eee;
    margin-right: 20px;
    padding-right: 20px;
    font-size: 16px;
    cursor: pointer
}

.goods-detail-container .goods-detail-style7 .item-module {
    padding: 20px 20px 30px;
    background-color: #fff;
    margin-bottom: 30px
}

.goods-detail-container .goods-detail-style7 .item-module .b-title {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd
}

.goods-detail-container .goods-detail-style7 .item-module.type .swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center
}

.goods-detail-container .goods-detail-style7 .item-module.type .swiper-slide img {
    width: 100%;
    object-fit: contain
}

.goods-detail-container .goods-detail-style7 .item-module.type .swiper-slide .type-title {
    color: #666;
    font-size: 16px;
    width: 100%;
    text-align: center
}

.goods-detail-container .goods-detail-style7 .item-module.type .swiper-slide .enlarge-btn {
    color: var(--main_color);
    border: 1px solid var(--main_color);
    padding: 5px 10px;
    border-radius: 50px;
    transition: all .15s ease;
    margin-top: 10px;
    cursor: pointer
}

.goods-detail-container .goods-detail-style7 .item-module.type .swiper-slide .enlarge-btn:hover {
    color: #fff;
    background-color: var(--main_color)
}

.goods-detail-container .goods-detail-style7 .item-module.info {
    font-size: 16px
}

.goods-detail-container .goods-detail-style7 .item-module.info .content-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.goods-detail-container .goods-detail-style7 .item-module.info .content-box .item {
    width: 49%;
    display: flex;
    margin-bottom: 10px
}

.goods-detail-container .goods-detail-style7 .item-module.info .content-box .item .key {
    color: #888;
    flex-shrink: 0
}

.goods-detail-container .goods-detail-style7 .item-module.info .content-box .item .value {
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.goods-detail-container .goods-detail-style7 .item-module.album .album-swiper img {
    width: 100%;
    object-fit: contain
}

.goods-detail-container .goods-detail-style7 .item-module.album .album-swiper .album-title {
    text-align: center;
    font-size: 16px;
    line-height: 2
}

.goods-detail-container .goods-detail-style7 .item-module.recommend .recommend-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.goods-detail-container .goods-detail-style7 .item-module.recommend .recommend-list .item {
    width: 24%
}

.goods-detail-container .goods-detail-style7 .item-module.recommend .recommend-list .item img {
    width: 100%;
    object-fit: contain
}

.goods-detail-container .goods-detail-style7 .item-module.recommend .recommend-list .item .title-content {
    margin-top: 5px
}

.goods-detail-container .goods-detail-style7 .item-module.recommend .recommend-list .item .title-content .name {
    font-size: 16px
}

.goods-detail-container .goods-detail-style7 .item-module.recommend .recommend-list .item .title-content .addr {
    color: #9393b6
}

.goods-detail-container .goods-detail-style7 .item-module.recommend .recommend-list .item .price {
    color: #bd2020;
    font-size: 16px
}

.goods-detail-container .goods-detail-style7 .item-module.map .map-box,
.goods-detail-container .goods-detail-style7 .item-module.map .map-content {
    height: 300px
}

.goods-detail-container .goods-detail-style8 {
    --swiper-theme-color: #898989;
    --swiper-navigation-size: 20px
}

.goods-detail-container .goods-detail-style8 .main-box .title {
    font-size: 20px
}

.goods-detail-container .goods-detail-style8 .swiper-box {
    margin-bottom: 70px
}

.goods-detail-container .goods-detail-style8 .swiper-box .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.goods-detail-container .goods-detail-style8 .swiper-box .gallery-top {
    height: 80%;
    margin-bottom: 10px
}

.goods-detail-container .goods-detail-style8 .swiper-box .gallery-top .swiper-slide {
    cursor: pointer;
    aspect-ratio: 16/9;
    background-color: #000
}

.goods-detail-container .goods-detail-style8 .swiper-box .gallery-top .swiper-slide img {
    object-fit: contain
}

.goods-detail-container .goods-detail-style8 .swiper-box .gallery-top .swiper-slide .caption {
    position: absolute;
    bottom: 5%;
    width: 100%;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 3px #000
}

.goods-detail-container .goods-detail-style8 .swiper-box .gallery-top .count-bubble {
    cursor: pointer;
    position: absolute;
    bottom: 15px;
    right: 15px;
    border: 1px solid gray;
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    border-radius: .25rem;
    z-index: 8;
    padding: 8px 16px
}

.goods-detail-container .goods-detail-style8 .swiper-box .gallery-thumbs {
    height: 80px
}

.goods-detail-container .goods-detail-style8 .swiper-box .gallery-thumbs .swiper-slide {
    height: 100%;
    opacity: .6;
    border: 1px solid transparent
}

.goods-detail-container .goods-detail-style8 .swiper-box .gallery-thumbs .swiper-slide.active {
    opacity: 1;
    border: 1px solid var(--main_color)
}

.goods-detail-container .goods-detail-style8 .swiper-box .gallery-thumbs .swiper-slide img {
    object-fit: cover
}

.goods-detail-container .goods-detail-style8 .swiper-box .gallery-thumbs .swiper-button-next,
.goods-detail-container .goods-detail-style8 .swiper-box .gallery-thumbs .swiper-button-prev {
    position: absolute;
    top: 0;
    margin: 0;
    height: 100%;
    width: 25px;
    background-color: #b2b2b2
}

.goods-detail-container .goods-detail-style8 .swiper-box .gallery-thumbs .swiper-button-next::after,
.goods-detail-container .goods-detail-style8 .swiper-box .gallery-thumbs .swiper-button-prev::after {
    font-size: 16px
}

.goods-detail-container .goods-detail-style8 .swiper-box .gallery-thumbs .swiper-button-next {
    right: 0
}

.goods-detail-container .goods-detail-style8 .swiper-box .gallery-thumbs .swiper-button-prev {
    left: 0
}

.goods-detail-container .goods-detail-style8 .swiper-box .thumbs-grid {
    display: grid;
    grid-auto-rows: 80px;
    grid-template-columns: repeat(auto-fill, minmax(94px, 1fr));
    gap: 3px;
    max-height: 170px;
    padding-right: 1px;
    overflow: auto
}

.goods-detail-container .goods-detail-style8 .swiper-box .thumbs-grid .thumb {
    cursor: pointer;
    border: 1px solid transparent
}

.goods-detail-container .goods-detail-style8 .swiper-box .thumbs-grid .thumb.active {
    border: 1px solid var(--main_color)
}

.goods-detail-container .goods-detail-style8 .swiper-box .thumbs-grid .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

.goods-detail-container .goods-detail-style8 .swiper-box .flag3d {
    position: relative;
    background-color: #999
}

.goods-detail-container .goods-detail-style8 .swiper-box .flag3d>img {
    opacity: .6
}

.goods-detail-container .goods-detail-style8 .swiper-box .flag3d .icon-zx {
    width: 50px;
    height: 50px;
    top: 14px;
    left: 22px;
    background: url(https://static.ltdcdn.com/assets/images/3d.png) no-repeat;
    background-size: contain;
    position: absolute;
    -webkit-animation: icon-circle 5s linear infinite;
    -moz-animation: icon-circle 5s linear infinite;
    -o-animation: icon-circle 5s linear infinite;
    animation: icon-circle 5s linear infinite
}

@-webkit-keyframes icon-circle {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes icon-circle {
    0% {
        -moz-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -moz-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes icon-circle {
    0% {
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes icon-circle {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.goods-detail-container .goods-detail-style8 .nav-tabs-custom {
    margin: 0 0 10px;
    gap: 10px;
    border: none;
    background-color: #fff
}

.goods-detail-container .goods-detail-style8 .nav-tabs-custom>li a:hover {
    color: #000;
    background-color: #fff
}

.goods-detail-container .goods-detail-style8 .nav-tabs-custom .custom-item {
    padding: 10px;
    border: none;
    border-bottom: 2px solid transparent;
    font-weight: 700
}

.goods-detail-container .goods-detail-style8 .nav-tabs-custom .active .custom-item {
    border-color: var(--main_color)
}

.goods-detail-container .goods-detail-style8 .goods-detail-content {
    margin-top: 0;
    padding-top: 0;
    border-top: none
}

.goods-detail-container .goods-detail-style8 .postion-relative {
    position: relative
}

.goods-detail-container .goods-detail-style8 .iframe-box {
    width: 100%;
    height: 100%;
    position: relative
}

.goods-detail-container .goods-detail-style8 .iframe-box iframe {
    width: 100%;
    height: 100%;
    min-height: 400px
}

.goods-detail-container .goods-detail-style8 .iframe-box .vr-bubble {
    cursor: pointer;
    position: absolute;
    bottom: 15px;
    right: 15px;
    border: 1px solid gray;
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    border-radius: .25rem;
    z-index: 8;
    padding: 8px 16px
}

.goods-detail-container .goods-detail-style8 .iframe-box .full-screen-panel {
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #333840;
    opacity: .6;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 8
}

.goods-detail-container .goods-detail-style8 .iframe-box .full-screen-panel .text {
    color: #fff;
    margin-top: 15px
}

.goods-detail-container .goods-detail-style8 .iframe-box .full-screen-panel>img {
    width: 96px;
    height: 96px
}

.goods-detail-container .goods-detail-style8 .iframe-box .full-screen-panel .btn-opacity {
    margin-top: 25px;
    background: 0 0;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 0;
    outline: 0
}

.goods-detail-container .goods-detail-style8 .iframe-box .full-screen-btn {
    position: absolute;
    bottom: 15px;
    right: 15px;
    z-index: 9;
    color: #fff;
    font-size: 16px
}

.goods-detail-container .goods-detail-style8 .iframe-box .full-screen-btn .icon-full-screen {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background: url(../images/goods-detail/full-screen.svg)
}

.goods-detail-container .goods-detail-style8 .iframe-box .full-screen-btn.active {
    color: #262626
}

.goods-detail-container .goods-detail-style8 .iframe-box .full-screen-btn.active .icon-full-screen {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background: url(../images/goods-detail/full-screen-active.svg)
}

.goods-detail-container .goods-detail-style8 .gallery-top .iframe-box .vr-bubble {
    height: 38px;
    right: 82px;
    padding: 8px 16px
}

.goods-detail-container .goods-detail-style8 .page-tracks {
    position: sticky;
    top: 0;
    z-index: 9;
    background: #F7F7F7
}

.goods-detail-container .goods-detail-style8 .page-tracks .tracks-container {
    position: relative;
    height: 50px;
    font-size: 16px
}

.goods-detail-container .goods-detail-style8 .page-tracks .tracks-container .nav-item {
    display: inline-block;
    outline: 0;
    min-width: 60px;
    float: none
}

.goods-detail-container .goods-detail-style8 .page-tracks .tracks-container .nav-item .nav-link {
    display: block;
    color: #959ca3;
    height: 45px;
    line-height: 45px;
    text-decoration: none;
    border: none;
    border-bottom: 3px solid transparent;
    transition: all .3s ease-in-out;
    outline: 0;
    padding: 0 10px;
    text-align: center
}

.goods-detail-container .goods-detail-style8 .page-tracks .tracks-container .nav-item .nav-link.active,
.goods-detail-container .goods-detail-style8 .page-tracks .tracks-container .nav-item .nav-link:hover {
    color: #000;
    border-color: var(--main_color);
    background-color: transparent
}

.goods-detail-container .goods-detail-style8 .page-tracks .tracks-container .nav-tabs {
    overflow-y: hidden;
    overflow-x: auto;
    width: 100%;
    white-space: nowrap;
    border-bottom: none;
    height: inherit
}

.goods-detail-container .goods-detail-style8 .page-tracks .tracks-container .nav-tabs .nav-link {
    line-height: 50px;
    height: 50px;
    padding: 0 10px
}

.goods-detail-container .goods-detail-style8 .page-tracks.stuck {
    box-shadow: rgba(120, 120, 120, .3) 0 5px 35px 8px
}

.goods-detail-container .goods-detail-style8 .info-content-panel,
.goods-detail-container .goods-detail-style8 .info-content-panel .base-type-swiper {
    position: relative
}

.goods-detail-container .goods-detail-style8 .info-content-panel .base-type-swiper .swiper-container {
    overflow: hidden;
    padding: 0 38px;
    width: calc(100% - 80px);
    margin: 0 auto
}

.goods-detail-container .goods-detail-style8 .info-content-panel .item-content .item-title {
    color: var(--main_color);
    padding-bottom: 8px
}

.goods-detail-container .goods-detail-style8 .info-content-panel .item-content.size img {
    width: auto;
    max-width: 100%
}

.goods-detail-container .goods-detail-style8 .info-content-panel .item-content.base .swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 240px;
    height: 240px
}

.goods-detail-container .goods-detail-style8 .info-content-panel .item-content.base .swiper-slide img {
    width: 100%;
    height: calc(100% - 30px);
    object-fit: cover
}

.goods-detail-container .goods-detail-style8 .info-content-panel .item-content.base .swiper-slide .type-title {
    color: #666;
    font-size: 16px;
    width: 100%;
    text-align: center
}

.goods-detail-container .goods-detail-style8 .info-content-panel .item-content.downloads .media {
    padding-bottom: 5px;
    border-bottom: 1px solid #bbb
}

.goods-detail-container .goods-detail-style8 .info-content-panel .item-content.downloads .mes {
    color: #888;
    font-size: 12px
}

.goods-detail-container .goods-detail-style8 .info-content-panel .item-content.downloads .btn {
    color: var(--main_color);
    border-color: var(--main_color);
    border-radius: 0
}

.goods-detail-container .goods-detail-style8 .info-content-panel .item-content.downloads .btn:hover {
    border-radius: 0;
    border-color: #fff;
    color: #fff;
    background-color: var(--main_color)
}

.goods-detail-container .goods-detail-style8 .item-content {
    margin-top: 70px
}

.goods-detail-container .sales-user-box .agentpic-wrapper {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.goods-detail-container .sales-user-box .agent-listing-img-wrapper {
    width: 100%;
    position: relative;
    cursor: pointer
}

.goods-detail-container .sales-user-box .agent-listing-img-wrapper .agentpict {
    width: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 250px
}

.goods-detail-container .sales-user-box .agent_unit_social_single {
    bottom: 20px;
    left: 0;
    right: 0;
    background-color: #fff;
    width: 72%;
    padding: 10px;
    z-index: 10;
    position: relative;
    text-align: center;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    margin: 0 auto;
    border-radius: 2px;
    font-size: 16px
}

.goods-detail-container .sales-user-box .agent_unit_social_single a {
    color: #777;
    margin-right: 7px;
    margin-left: 7px
}

.goods-detail-container .sales-user-box .agent_position {
    font-size: 13px;
    margin: 0 0 10px;
    line-height: 13px;
    color: #777
}

.goods-detail-container .sales-user-box .agent_detail {
    margin: 0 0 2px;
    padding-left: 0;
    font-size: 13px
}

.goods-detail-container .sales-user-box .agent_detail i {
    color: #777;
    margin-right: 10px;
    font-size: 12px;
    background: #f2f2f2;
    position: relative;
    width: 27px;
    height: 27px;
    line-height: 27px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    margin-bottom: 5px
}

.goods-detail-container .goods-action {
    background: #fff;
    padding: 7px 14px;
    border-radius: 3px;
    box-shadow: 0 10px 31px 0 rgba(7, 152, 255, .09);
    font-weight: 700;
    line-height: 10px;
    font-size: 12px;
    color: #222;
    text-align: center;
    cursor: pointer;
    text-transform: capitalize;
    border: 1px solid #eef3f6
}

.goods-detail-container .cu-attrs-panel .overview_element {
    list-style: none;
    margin: 10px 0 0;
    float: left;
    width: 16%;
    text-align: center
}

.goods-detail-container .cu-attrs-panel .overview_element:first-of-type {
    text-align: left;
    font-weight: 800;
    font-size: 14px;
    color: #444;
    margin-bottom: 4px
}

.goods-detail-container .cu-attrs-panel .overview_element .overview-icon {
    width: 23px;
    height: 23px;
    border-radius: 4px
}

.goods-detail-container .cu-shadow {
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    border-radius: 2px;
    background-color: #fff;
    padding: 30px;
    margin-top: 30px
}

.goods-detail-container .goods-recommend {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.goods-detail-container .goods-recommend .listing_wrapper {
    margin-bottom: 30px
}

.goods-detail-container .goods-recommend .listing_wrapper .list-item {
    width: 100%;
    height: 100%;
    margin: 15px 0;
    max-width: 525px;
    transition: .3s ease-out;
    position: relative;
    box-shadow: 0 4px 8px 0 rgba(153, 153, 153, .3)
}

.goods-detail-container .goods-recommend .listing_wrapper .list-item:hover {
    transform: translate(0, -10px);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
}

.goods-detail-container .goods-recommend .listing_wrapper .list-item:hover .img-box img {
    opacity: .8;
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand')";
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand')
}

.goods-detail-container .goods-recommend .listing_wrapper .list-item .img-box {
    position: relative;
    height: 190px;
    overflow: hidden;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.goods-detail-container .goods-recommend .listing_wrapper .list-item .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -moz-transition: all .7s ease;
    -ms-transition: all .7s ease;
    -webkit-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease
}

.goods-detail-container .goods-recommend .listing_wrapper .list-item .img-box .property_mask {
    width: 100%;
    left: 0;
    bottom: 0;
    color: #fff;
    background-color: rgba(0, 0, 0, .4);
    position: absolute;
    opacity: .9;
    padding: 4px 13px;
    pointer-events: auto
}

.goods-detail-container .goods-recommend .listing_wrapper .list-item .resblock-desc-wrapper {
    padding: 0 13px;
    float: initial
}

.goods-detail-container .goods-recommend .listing_wrapper .list-item .resblock-name {
    font-size: 20px;
    margin-top: 15px;
    margin-bottom: 0;
    float: left;
    width: 100%;
    line-height: 1.4
}

.goods-detail-container .goods-recommend .listing_wrapper .list-item .resblock-price {
    position: relative;
    margin-top: 5px;
    line-height: 30px;
    font-weight: 700;
    height: 21px;
    font-size: 15px;
    float: left
}

.goods-detail-container .goods-recommend .listing_wrapper .list-item .resblock-abs {
    margin: 10px 0 0;
    line-height: 1.65em;
    float: left;
    width: 100%;
    word-break: break-word;
    color: #5c727d;
    font-size: 13px;
    max-height: 38px
}

.goods-detail-container .goods-recommend .listing_wrapper .list-item .resblock-info-wrapper {
    position: relative;
    color: #333;
    width: 100%;
    float: left;
    margin-top: 5px;
    margin-bottom: 36px
}

.goods-detail-container .goods-recommend .listing_wrapper .list-item .resblock-info-wrapper .resblock-attrs {
    height: 20px
}

.goods-detail-container .goods-recommend .listing_wrapper .list-item .resblock-info-wrapper .resblock-attrs span {
    color: #5c727d
}

.goods-detail-container .goods-recommend .listing_wrapper .list-item .list-footer {
    position: absolute;
    bottom: 0;
    left: 13px;
    right: 13px;
    border-top: 1px solid #eef3f6;
    padding: 13px 0;
    color: #b4b4b4
}

.goods-detail-container .goods-recommend .listing_wrapper .list-item .list-footer .icon {
    margin-left: 8px;
    border: 1px solid #eef3f6;
    border-radius: 2px
}

.goods-detail-container .goods-recommend .listing_wrapper .list-item .list-footer .footer-info {
    float: left;
    max-width: 50%
}

.goods-detail-container .goods-recommend .listing_wrapper .list-item .list-footer .footer-info .img {
    width: 24px;
    height: 24px;
    border-radius: 4px
}

.goods-detail-container .goods-recommend .listing_wrapper .list-item .list-footer .footer-views {
    float: right
}

.goods-detail-container .goods-recommend .listing_wrapper:nth-child(4n) {
    padding-right: 0
}

.goods-detail-container .goods-recommend .listing_wrapper:nth-child(4n+1) {
    padding-left: 0
}

.mobile .goods-detail-container {
    padding: 0
}

.mobile .goods-detail-container .goods-detail {
    background: #fff;
    padding: 20px 0
}

.mobile .goods-detail-container .goods-detail-title {
    font-size: 22px;
    font-weight: 0;
    text-align: center
}

.mobile .goods-detail-container .goods-detail-p {
    text-align: left;
    margin: 0 auto;
    padding: 0 10px
}

.mobile .goods-detail-container .goods-detail-price {
    font-size: 14px;
    font-weight: 0
}

.mobile .goods-detail-container .goods-detail-abstract {
    padding: 8px;
    font-size: 14px
}

.mobile .goods-detail-container .goods-detail-box {
    border-bottom: 5px solid #f5f5f5;
    margin-bottom: 15px;
    display: flex;
    flex-direction: column
}

.mobile .goods-detail-container .goods-detail-box .goods-detail-img {
    padding: 0
}

.mobile .goods-detail-container .goods-detail-mes {
    font-size: 18px;
    text-align: center
}

.mobile .goods-detail-container .goods-detail-content {
    padding: 15px 10px
}

.mobile .goods-detail-container .goods-detail-content img {
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 0
}

.mobile .goods-detail-container .goods-share-me {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap
}

.mobile .goods-detail-container .goods-file-download {
    padding: 0 10px
}

.mobile .goods-detail-container .gw-align-container {
    width: 100% !important
}

.mobile .goods-detail-style3 .info>div {
    width: 100%;
    text-align: left;
    padding: 5px
}

.mobile .goods-detail-style3 .info .goods-attr-box,
.mobile .goods-detail-style3 .info .goods-detail-abs,
.mobile .goods-detail-style3 .info .goods-detail-title {
    text-align: left
}

.mobile .goods-detail-style3 .goods-detail-content {
    width: 100%;
    padding: 5px
}

.mobile .goods-detail-style3 .goods-link-qrcode {
    width: 100%
}

.mobile .goods-detail-style3 .item-box {
    width: 100%;
    margin: 5px auto
}

.mobile .goods-detail-style3 .goods-other-panel {
    width: 100%;
    padding: 5px
}

.mobile .goods-detail-style4 .detail-content-box .detail-content .details-view .swiper-box {
    height: 300px
}

.mobile .goods-detail-style4 .detail-content-box .detail-content .details-view .text-information .items-group {
    margin: 0
}

.mobile .goods-detail-style4 .detail-content-box .detail-content .details-view .text-information .items-group .items {
    margin-bottom: 10px
}

.mobile .goods-detail-style4 .detail-content-box .detail-content .detail-main .main-content {
    padding-top: 20px
}

.mobile .goods-detail-style4 .detail-content-box .detail-content .detail-main .main-content .box-left>div {
    padding: 0;
    margin-bottom: 20px
}

.mobile .goods-detail-style4 .detail-content-box .related-content .item:not(:last-child) {
    margin-bottom: 10px
}

.mobile .goods-detail-style5 .container {
    width: 100%
}

.mobile .goods-detail-style5 .goods-detail {
    background: 0 0;
    padding: 10px
}

.mobile .goods-detail-style5 .cu-shadow {
    padding: 15px;
    margin-top: 20px
}

.mobile .goods-detail-style5 .col-md-6.image_gallery {
    height: 300px
}

.mobile .goods-detail-style5 .col-md-12.image_gallery {
    width: 100%;
    height: 150px
}

.mobile .goods-detail-style5 .goods-info-panel .col-xs-12 {
    width: 100%
}

.mobile .goods-detail-style5 .goods-info-panel .goods-detail-title {
    text-align: left
}

.mobile .goods-detail-style5 .goods-detail-content {
    font-size: 14px;
    padding: 5px
}

.mobile .goods-detail-style5 .cu-tab-panel {
    padding: 0
}

.mobile .goods-detail-style5 .tab-pane {
    padding: 20px 15px
}

.mobile .goods-detail-style5 .tab-nav-panel .tabs-item {
    display: block;
    width: 100%;
    margin-left: 0
}

.mobile .goods-detail-style5 .tab-nav-panel .tabs-item a {
    margin-bottom: 0
}

.mobile .goods-detail-style5 .cu-attrs-panel .overview_element {
    width: 50%
}

.mobile .goods-detail-style5 .cu-attrs-panel .overview_element:first-of-type,
.mobile .goods-detail-style5 .sales-user-box .agent_details,
.mobile .goods-detail-style5 .sales-user-box .agentpic-wrapper,
.mobile .goods-detail-style7 .item-module.info .content-box .item,
.mobile .goods-detail-style7 .item-module.recommend .recommend-list .item,
.mobile .gw-editor-page .goods-detail-container .container {
    width: 100%
}

.mobile .goods-detail-style6 .goods-detail {
    padding: 0
}

.mobile .goods-detail-style6 .detail-content {
    margin-bottom: 30px
}

.mobile .goods-detail-style6 .swiper-container.main-swiper {
    min-height: 200px
}

.mobile .goods-detail-style6 .swiper-container.relate-goods-swiper {
    margin: 20px 0
}

.mobile .goods-detail-style6 .detail-content .title,
.mobile .goods-detail-style6 .related-content .title {
    font-size: 20px
}

.mobile .goods-detail-style7 .title-box {
    margin: 20px 0 15px
}

.mobile .goods-detail-style7 .title-box .title {
    margin-bottom: 5px;
    font-size: 16px
}

.mobile .goods-detail-style7 .title-box .label-group li {
    padding: 2px 10px
}

.mobile .goods-detail-style7 .main-box .right-content .price {
    margin-top: 20px;
    margin-bottom: 12px;
    font-size: 24px
}

.mobile .goods-detail-style7 .main-box .right-content .btn-group {
    margin-bottom: 0
}

.mobile .goods-detail-style7 .main-box .right-content .btn-group>a {
    line-height: 1
}

.mobile .goods-detail-style7 .main-box .right-content .abs {
    margin-bottom: 12px;
    line-height: 1;
    font-size: 14px
}

.mobile .goods-detail-style7 .main-box .right-content .attr-list .attr {
    margin-bottom: 10px;
    font-size: 14px
}

.mobile .goods-detail-style7 .main-box .right-content .attr-list .attr .key,
.mobile .goods-detail-style7 .main-box .right-content .attr-list .attr .value {
    color: #333
}

.mobile .goods-detail-style7 .nav-box .item {
    font-size: 14px;
    margin-right: 2px;
    padding-right: 2px
}

.mobile .left-sidebar {
    display: none
}

.mobile .recommend-panel .goods-recommend .col-xs-12.listing_wrapper {
    padding: 0;
    margin-bottom: 10px
}

.mobile .gw-editor-page .goods-detail-container .col-xs-12 {
    width: 100% !important
}

.mobile .gw-editor-page .goods-detail-container .hidden-xs {
    display: none !important
}

.mobile .gw-editor-page .goods-detail-container .visible-xs {
    display: block !important
}

.mobile .gw-editor-page .goods-detail-container .goods-detail {
    width: 100%
}

.mobile .gw-editor-page .goods-detail-container .goods-link-qrcode {
    display: none
}

.search-detail-container .search-detail {
    background: #fff;
    padding: 30px
}

.search-detail-container .search-detail .search-detail-content {
    width: 100%;
    padding-top: 10px
}

.search-detail-container .search-detail .search-detail-content .search-empty {
    text-align: center
}

.search-detail-container .search-detail-style2 {
    background: #fff
}

.search-detail-container .search-detail-style2 em {
    color: #f04142;
    font-style: normal
}

.search-detail-container .search-detail-style2 .content_goods .main_content_text .abs {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 10px
}

.search-detail-container .search-detail-style2 .content_goods .main_content_text .price {
    color: red
}

.search-detail-container .search-detail-style2 .content_photos .waterfall {
    column-count: 5;
    column-gap: 10px;
    margin-top: 16px
}

.search-detail-container .search-detail-style2 .content_photos .waterfall a {
    height: 100%;
    overflow: hidden;
    border-radius: 6px;
    display: block;
    margin-bottom: 10px
}

.search-detail-container .search-detail-style2 .content_photos .img-wrap {
    position: relative;
    overflow: hidden
}

.search-detail-container .search-detail-style2 .content_photos .img-wrap img {
    width: 100%;
    height: auto
}

.search-detail-container .search-detail-style2 .content_photos .img-wrap .title-box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 10px 5px;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .3))
}

.search-detail-container .search-detail-style2 .content_photos .img-wrap .title-box .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
    margin-bottom: 0
}

.search-detail-container .search-detail-style2 .content_photos .img-wrap::before {
    content: '';
    transition: all .3s ease;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute
}

.search-detail-container .search-detail-style2 .content_photos .img-wrap:hover::before {
    background-color: rgba(255, 255, 255, .2)
}

.pc .search_article_style {
    margin-bottom: 10px
}

.pc .search_article_style .article_title {
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.4em;
    max-height: 2.8em;
    height: 2.8em
}

.pc .search_article_style .article_style_2_content div:first-child {
    float: left;
    width: 30%;
    text-align: center;
    background: #fff;
    overflow: hidden;
    border: 1px solid #ddd;
    padding: 2px;
    border-radius: 2px
}

.pc .search_article_style .article_style_2_content div:last-child {
    float: right;
    width: 69%
}

.pc .search_article_style .article_style_2_content div:last-child .article_date {
    width: 100%
}

.pc .search_article_style.col-xs-12 {
    height: 180px
}

.pc .search_article_style.col-xs-12 .article_style_2_content div:first-child img {
    max-width: 100%;
    max-height: 180px;
    height: 180px
}

.pc .search_article_style.col-xs-6 {
    height: 129px
}

.pc .search_article_style.col-xs-6 .article_style_2_content div:first-child img {
    max-width: 100%;
    max-height: 124px;
    height: 124px
}

.pc .search_article_style.col-xs-4 {
    height: 86px
}

.pc .search_article_style.col-xs-4 .article_style_2_content div:first-child img {
    max-width: 100%;
    max-height: 81px;
    height: 81px
}

.pc .search_article_style.col-xs-3 {
    height: 65px
}

.pc .search_article_style.col-xs-3 .article_style_2_content div:first-child img {
    max-width: 100%;
    max-height: 60px;
    height: 60px
}

.pc .search_article_style.col-xs-3 .article_style_2_content .article_date {
    display: none
}

.pc .search_goods_style .goods_img {
    text-align: center;
    background: #fff;
    overflow: hidden
}

.pc .search_goods_style.col-xs-12 .goods_img {
    border: 1px solid #ddd;
    padding: 2px;
    border-radius: 2px
}

.pc .search_goods_style.col-xs-12 .goods_img img {
    max-width: 100%;
    max-height: 100%;
    height: 500px
}

.pc .search_goods_style.col-xs-6 {
    height: 540px
}

.pc .search_goods_style.col-xs-6 .goods_img {
    width: 550px;
    height: 427px;
    border: 1px solid #ddd;
    padding: 2px;
    border-radius: 2px
}

.pc .search_goods_style.col-xs-6 .goods_img img {
    max-width: 100%;
    max-height: 425px;
    height: 425px
}

.pc .search_goods_style.col-xs-4 {
    height: 370px
}

.pc .search_goods_style.col-xs-4 .goods_img {
    width: 360px;
    height: 270px;
    border: 1px solid #ddd;
    padding: 2px;
    border-radius: 2px
}

.pc .search_goods_style.col-xs-4 .goods_img img {
    max-width: 100%;
    max-height: 270px;
    height: 270px
}

.pc .search_goods_style.col-xs-3 {
    height: 295px
}

.pc .search_goods_style.col-xs-3 .goods_img {
    width: 263px;
    height: 197px;
    border: 1px solid #ddd;
    padding: 2px;
    border-radius: 2px
}

.pc .search_goods_style.col-xs-3 .goods_img img {
    max-width: 100%;
    max-height: 197px;
    height: 197px
}

.pc .search_shop_goods_style .shop_goods_img {
    text-align: center;
    background: #fff;
    overflow: hidden
}

.pc .search_shop_goods_style .market_price {
    color: #999;
    font-size: 12px;
    margin-left: 10px;
    text-decoration: line-through;
    line-height: 30px
}

.pc .search_shop_goods_style .shop_goods_buy_btn {
    width: 60px !important;
    height: 30px;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    background: #FF0036;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -15px
}

.pc .search_shop_goods_style .shop_goods_title {
    font-size: 16px;
    color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.pc .search_shop_goods_style.col-xs-12 .shop_goods_img {
    border: 1px solid #ddd;
    padding: 2px;
    border-radius: 2px
}

.pc .search_shop_goods_style.col-xs-12 .shop_goods_img img {
    max-width: 100%;
    max-height: 100%;
    height: 500px
}

.pc .search_shop_goods_style.col-xs-3 {
    height: 295px
}

.pc .search_shop_goods_style.col-xs-3 .shop_goods_img {
    width: 263px;
    height: 197px;
    border: 1px solid #ddd;
    padding: 2px;
    border-radius: 2px
}

.pc .search_shop_goods_style.col-xs-3 .shop_goods_img img {
    max-width: 100%;
    max-height: 197px;
    height: 192px
}

.pc .search_case_style {
    background: #fff;
    margin: 10px;
    box-sizing: border-box;
    box-shadow: -2px 5px 10px #eee;
    float: left;
    border-radius: 6px;
    position: relative;
    overflow: hidden
}

.pc .search_case_style .img-box {
    padding: 5px
}

.pc .search_case_style .img-content {
    width: 100%;
    padding-top: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    max-height: 210px
}

.pc .search_case_style .info-content {
    padding: 20px 25px
}

.pc .search_case_style .info-content p {
    margin: 0;
    font-size: 14px;
    padding-left: 5px;
    text-align: center
}

.pc .search_case_style .info-content p.title {
    width: 100%;
    height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.pc .search_case_style .info-content p.price {
    height: 18px
}

.pc .search-detail-container .search-detail-style2 .main .main__content .search-empty {
    padding: 30px 0;
    text-align: center;
    font-size: 18px
}

.pc .search-detail-container .search-detail-style2 .main .main__content .content_video .img-wrap {
    width: 184px;
    height: auto;
    position: relative
}

.pc .search-detail-container .search-detail-style2 .main .main__content .content_video .img-wrap img.icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 48px;
    height: 48px;
    transform: translate(-50%, -50%);
    opacity: .8
}

.pc .search-detail-container .search-detail-style2 .main .main__content .content_video .img-wrap .time {
    color: #fff;
    background-color: rgba(0, 0, 0, .5);
    font-size: 12px;
    border-radius: 9px;
    line-height: 18px;
    text-align: center;
    padding: 0 6px;
    position: absolute;
    bottom: 5px;
    right: 5px
}

.pc .search-detail-container .search-detail-style2 .main .main__content .content_goods .img-wrap {
    width: 72px
}

.pc .search-detail-container .search-detail-style2 .main .navigation .nav-tabs>li.active>a,
.pc .search-detail-container .search-detail-style2 .main .navigation .nav-tabs>li.active>a:focus,
.pc .search-detail-container .search-detail-style2 .main .navigation .nav-tabs>li.active>a:hover {
    color: #070708;
    border-bottom: 2px solid var(--main_color);
    padding-bottom: 5px
}

.pc .search-detail-container .search-detail-style2 .main .navigation .nav-tabs>li>a {
    border-radius: 0;
    border: 0;
    margin-right: 0;
    padding: 0;
    color: #4b4d52
}

.pc .search-detail-container .search-detail-style2 .main .navigation .nav-tabs>li {
    margin: 16px 16px 0
}

.pc .search-detail-container .search-detail-style2 .main .navigation .nav-tabs>li:first-child {
    margin-left: 0
}

.pc .search-detail-container .search-detail-style2 .main .navigation .nav-tabs {
    border: 0;
    height: 48px;
    margin-right: 0;
    border-bottom: 1px solid #eee
}

.pc .search-detail-container .search-detail-style2 .main .navigation .nav>li>a:focus,
.pc .search-detail-container .search-detail-style2 .main .navigation .nav>li>a:hover {
    background-color: #fff
}

.pc .search-detail-container .search-detail-style2 .content_box {
    background: #fff;
    margin-top: 8px
}

.pc .search-detail-container .search-detail-style2 .content_box .title_content {
    margin-top: 16px;
    margin-bottom: 10px;
    vertical-align: top;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
    line-height: 28px
}

.pc .search-detail-container .search-detail-style2 .content_box .title_content .title_type {
    font-size: 12px;
    background-color: #FAFAFA;
    width: 56px;
    height: 24px;
    float: left;
    border-radius: 4px;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #EBEEF5;
    margin-right: 16px;
    color: #909399;
    padding-top: 2px
}

.pc .search-detail-container .search-detail-style2 .content_box .title_content .title_text {
    font-size: 20px;
    color: #070708
}

.pc .search-detail-container .search-detail-style2 .content_box .title_content .title_text:hover {
    text-decoration: underline
}

.pc .search-detail-container .search-detail-style2 .content_box .content_views {
    height: 16px;
    display: flex
}

.pc .search-detail-container .search-detail-style2 .content_box .content_views h5 {
    margin: 0;
    font-size: 12px;
    color: #80838a;
    line-height: 16px
}

.pc .search-detail-container .search-detail-style2 .content_box .content_views .author_name,
.pc .search-detail-container .search-detail-style2 .content_box .content_views .times {
    margin-right: 40px
}

.pc .search-detail-container .search-detail-style2 .content_box .main_content {
    margin-bottom: 12px;
    display: flex
}

.pc .search-detail-container .search-detail-style2 .content_box .main_content video {
    width: 120px;
    height: 72px;
    border-radius: 4px;
    border: .5px solid #F5F5F5;
    margin-right: 16px
}

.pc .search-detail-container .search-detail-style2 .content_box .main_content .img-wrap {
    overflow: hidden;
    width: 120px;
    height: 72px;
    border-radius: 4px;
    margin-right: 16px;
    flex-shrink: 0
}

.pc .search-detail-container .search-detail-style2 .content_box .main_content .img-wrap img.main-img {
    transition: all .3s ease;
    width: 100%;
    height: 100%;
    object-fit: contain
}

.pc .search-detail-container .search-detail-style2 .content_box .main_content .img-wrap:hover img.main-img {
    transform: scale(1.04)
}

.pc .search-detail-container .search-detail-style2 .content_box .main_content .main_content_text {
    color: #4b4d52
}

.pc .search-detail-container .search-detail-style2 .content_box .main_content .main_content_text p {
    margin-bottom: 0;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all
}

.pc .search-detail-container .search-detail-style2 .content_box .label_group {
    display: flex;
    flex-wrap: wrap
}

.pc .search-detail-container .search-detail-style2 .content_box .label_group .label {
    text-align: center;
    border-radius: 14px;
    margin-right: 8px;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 500;
    line-height: 17px;
    background-color: #f1f1f1;
    display: flex;
    align-items: center
}

.pc .search-detail-container .search-detail-style2 .content_box .label_group .label a {
    color: #80838a
}

.pc .search-detail-container .search-detail-style2 .content_box hr {
    margin: 24px 0 0;
    border: 0 solid #E8E8E8
}

.pc .search-detail-container .search-detail-style2 .content_box .search-empty {
    padding: 30px 0;
    text-align: center;
    font-size: 18px
}

.mobile .search-detail-container {
    padding: 0
}

.mobile .search-detail-container .search-detail {
    background: #fff;
    padding: 20px 15px
}

.mobile .search-detail-container .search_article_style {
    margin-bottom: 10px
}

.mobile .search-detail-container .search_article_style .article_title {
    font-size: 14px;
    line-height: 1.4em;
    height: 2.8em;
    overflow: none
}

.mobile .search-detail-container .search_article_style .article_style_2_content div:first-child {
    text-align: center;
    background: #fff;
    overflow: hidden;
    border: 1px solid #ddd;
    padding: 2px;
    border-radius: 2px
}

.mobile .search-detail-container .search_article_style.col-xs-12 {
    height: 70px
}

.mobile .search-detail-container .search_article_style.col-xs-12 .article_style_2_content {
    height: 100%;
    border-bottom: 1px dashed #e3e3e3
}

.mobile .search-detail-container .search_article_style.col-xs-12 .article_style_2_content div:first-child {
    height: 65px;
    width: 30%;
    text-align: center;
    float: left
}

.mobile .search-detail-container .search_article_style.col-xs-12 .article_style_2_content div:first-child img {
    max-width: 100%;
    max-height: 65px;
    height: 65px
}

.mobile .search-detail-container .search_article_style.col-xs-12 .article_style_2_content div:last-child {
    float: right;
    width: 69%
}

.mobile .search-detail-container .search_article_style.col-xs-12 .article_style_2_content div:last-child .article_date {
    width: 100%
}

.mobile .search-detail-container .search_article_style.col-xs-6 {
    height: 33px
}

.mobile .search-detail-container .search_article_style.col-xs-6 .article_style_2_content div:first-child {
    height: 28px;
    width: 30%;
    text-align: center;
    float: left
}

.mobile .search-detail-container .search_article_style.col-xs-6 .article_style_2_content div:first-child img {
    max-width: 100%;
    max-height: 28px;
    height: 28px
}

.mobile .search-detail-container .search_article_style.col-xs-6 .article_style_2_content div:last-child {
    float: right;
    width: 69%
}

.mobile .search-detail-container .search_article_style.col-xs-6 .article_style_2_content div:last-child .article_title {
    width: 100%;
    font-size: 12px;
    margin-bottom: 0
}

.mobile .search-detail-container .search_article_style.col-xs-6 .article_style_2_content div:last-child .article_date {
    width: 100%;
    font-size: 12px;
    margin-bottom: 0;
    display: none
}

.mobile .search-detail-container .search_goods_style .goods_title {
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden
}

.mobile .search-detail-container .search_goods_style .goods_img {
    text-align: center;
    background: #fff;
    overflow: hidden;
    border: 1px solid #ddd;
    padding: 2px;
    border-radius: 2px
}

.mobile .search-detail-container .search_goods_style.col-xs-12 {
    height: 250px
}

.mobile .search-detail-container .search_goods_style.col-xs-12 .goods_img {
    width: 265px;
    height: 198px
}

.mobile .search-detail-container .search_goods_style.col-xs-12 .goods_img img {
    max-width: 100%;
    max-height: 195px;
    height: 195px
}

.mobile .search-detail-container .search_goods_style.col-xs-6 {
    height: 150px
}

.mobile .search-detail-container .search_goods_style.col-xs-6 .goods_img {
    width: 118px;
    height: 88px
}

.mobile .search-detail-container .search_goods_style.col-xs-6 .goods_img img {
    max-width: 100%;
    max-height: 88px;
    height: 88px
}

.mobile .search-detail-container .search_shop_goods_style {
    margin: 5px auto
}

.mobile .search-detail-container .search_shop_goods_style .shop_goods_title {
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden
}

.mobile .search-detail-container .search_shop_goods_style .shop_goods_img {
    text-align: center;
    background: #fff;
    overflow: hidden;
    border-radius: 2px
}

.mobile .search-detail-container .search_shop_goods_style .shop_goods_buy_btn {
    width: 50px;
    height: 25px;
    border-radius: 3px;
    position: absolute;
    right: 5px;
    bottom: 5px;
    text-align: center;
    line-height: 25px;
    font-size: 12px;
    color: #fff;
    background: #FF0036
}

.mobile .search-detail-container .search_shop_goods_style .market_price {
    color: #999;
    font-size: 12px;
    margin-left: 10px;
    text-decoration: line-through;
    line-height: 30px
}

.mobile .search-detail-container .search_shop_goods_style a:hover {
    color: #999
}

.mobile .search-detail-container .search_shop_goods_style.col-xs-12 {
    height: 250px;
    background: #fff
}

.mobile .search-detail-container .search_shop_goods_style.col-xs-12 .shop_goods_img {
    width: 265px;
    height: 198px
}

.mobile .search-detail-container .search_shop_goods_style.col-xs-12 .shop_goods_img img {
    max-width: 100%;
    max-height: 195px;
    height: 195px
}

.mobile .search-detail-container .search_shop_goods_style.col-xs-6 {
    height: 165px;
    width: 48%;
    background: #fff;
    margin-left: 5px;
    margin-bottom: 5px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-radius: 3px;
    border: 1px solid #ddd
}

.mobile .search-detail-container .search_shop_goods_style.col-xs-6 .shop_goods_img {
    width: 100%;
    height: 104px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px
}

.mobile .search-detail-container .search_shop_goods_style.col-xs-6 .shop_goods_img img {
    max-width: 100%
}

.mobile .search-detail-container .search_shop_goods_style.col-xs-6 p {
    padding-left: 5px
}

.mobile .search-detail-container .search_shop_goods_style.col-xs-6 .shop_goods_price {
    color: red;
    font-size: 12px
}

.mobile .search-detail-container .search_shop_goods_style.col-xs-6 .shop_goods_price .market_price {
    color: #9999 !important
}

.mobile .search-detail-container .search_shop_goods_style.col-xs-6 .shop_goods_title {
    font-size: 12px;
    margin-top: 5px
}

.mobile .search-detail-container .search_case_style {
    background: #fff;
    margin-bottom: 10px;
    box-sizing: border-box;
    box-shadow: -2px 5px 10px #eee;
    float: left;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    border: 1px solid
}

.mobile .search-detail-container .search_case_style .img-box {
    padding: 5px
}

.mobile .search-detail-container .search_case_style .img-content {
    width: 100%;
    height: 120px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.mobile .search-detail-container .search_case_style .info-content {
    padding: 8px 10px
}

.mobile .search-detail-container .search_case_style .info-content p {
    margin: 0;
    font-size: 14px;
    padding-left: 5px;
    text-align: center
}

.mobile .search-detail-container .search_case_style .info-content p.title {
    width: 100%;
    height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.mobile .search-detail-container .search_case_style .info-content p.price {
    height: 18px
}

.mobile .search-detail-container .search-detail-style2 {
    padding: 0
}

.mobile .search-detail-container .search-detail-style2 .main .main__content {
    width: 100%
}

.mobile .search-detail-container .search-detail-style2 .main .main__content .search-empty {
    padding: 30px 0;
    text-align: center;
    font-size: 18px
}

.mobile .search-detail-container .search-detail-style2 .main .main__content .content_goods .img-wrap {
    width: 63px
}

.mobile .search-detail-container .search-detail-style2 .main .main__content .content_video .img-wrap {
    width: 100%;
    height: auto;
    position: relative
}

.mobile .search-detail-container .search-detail-style2 .main .main__content .content_video .img-wrap img.icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 48px;
    height: 48px;
    transform: translate(-50%, -50%);
    opacity: .8
}

.mobile .search-detail-container .search-detail-style2 .main .main__content .content_video .img-wrap .time {
    color: #fff;
    background-color: rgba(0, 0, 0, .5);
    font-size: 12px;
    border-radius: 9px;
    line-height: 18px;
    text-align: center;
    padding: 0 6px;
    position: absolute;
    bottom: 5px;
    right: 5px
}

.mobile .search-detail-container .search-detail-style2 .main .main__content .content_photos .waterfall {
    column-count: 2
}

.mobile .search-detail-container .search-detail-style2 .main .navigation .nav-tabs>li.active>a,
.mobile .search-detail-container .search-detail-style2 .main .navigation .nav-tabs>li.active>a:focus,
.mobile .search-detail-container .search-detail-style2 .main .navigation .nav-tabs>li.active>a:hover {
    color: #070708;
    border-bottom: 2px solid var(--main_color);
    padding-bottom: 2px
}

.mobile .search-detail-container .search-detail-style2 .main .navigation .nav-tabs>li>a {
    border-radius: 0;
    border: 0;
    margin-right: 0;
    padding: 0;
    color: #4b4d52
}

.mobile .search-detail-container .search-detail-style2 .main .navigation .nav-tabs>li {
    margin: 16px 16px 0;
    float: none
}

.mobile .search-detail-container .search-detail-style2 .main .navigation .nav-tabs {
    border: 0;
    width: 375px;
    white-space: nowrap;
    overflow-x: scroll;
    display: flex;
    height: 48px;
    margin-right: 0;
    border-bottom: 1px solid #eee
}

.mobile .search-detail-container .search-detail-style2 .main .navigation .nav>li>a:focus,
.mobile .search-detail-container .search-detail-style2 .main .navigation .nav>li>a:hover {
    background-color: #fff
}

.mobile .search-detail-container .search-detail-style2 .content_box {
    box-sizing: border-box;
    background: #fff;
    padding: 0 16px
}

.mobile .search-detail-container .search-detail-style2 .content_box .title_content {
    margin-top: 8px;
    margin-bottom: 8px;
    vertical-align: top;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all
}

.mobile .search-detail-container .search-detail-style2 .content_box .title_content .title_type {
    font-size: 12px;
    background-color: #FAFAFA;
    width: 56px;
    height: 24px;
    float: left;
    border-radius: 4px;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #EBEEF5;
    margin-right: 16px;
    color: #909399;
    padding-top: 2px
}

.mobile .search-detail-container .search-detail-style2 .content_box .title_content .title_text {
    font-size: 16px;
    color: #070708
}

.mobile .search-detail-container .search-detail-style2 .content_box .content_views {
    height: 16px;
    display: flex
}

.mobile .search-detail-container .search-detail-style2 .content_box .content_views h5 {
    margin: 0;
    font-size: 12px;
    color: #80838a;
    line-height: 16px
}

.mobile .search-detail-container .search-detail-style2 .content_box .content_views .author_name,
.mobile .search-detail-container .search-detail-style2 .content_box .content_views .times {
    margin-right: 15px
}

.mobile .search-detail-container .search-detail-style2 .content_box .main_content {
    margin-bottom: 12px;
    width: 100%;
    display: flex
}

.case-style2 p,
.case-style2 ul,
.mobile .search-detail-container .search-detail-style2 .content_box .main_content .main_content_text p {
    margin-bottom: 0
}

.mobile .search-detail-container .search-detail-style2 .content_box .main_content .img-wrap,
.mobile .search-detail-container .search-detail-style2 .content_box .main_content video {
    flex-shrink: 0;
    width: 35%;
    height: 63px;
    border-radius: 4px;
    border: .5px solid #F5F5F5;
    margin-right: 16px
}

.mobile .search-detail-container .search-detail-style2 .content_box .main_content .img-wrap {
    overflow: hidden;
    border: none
}

.mobile .search-detail-container .search-detail-style2 .content_box .main_content .img-wrap img.main-img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.mobile .search-detail-container .search-detail-style2 .content_box .main_content .main_content_text {
    color: #4b4d52;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all
}

.mobile .search-detail-container .search-detail-style2 .content_box .label_group {
    display: flex;
    flex-wrap: wrap
}

.mobile .search-detail-container .search-detail-style2 .content_box .label_group .label {
    text-align: center;
    border-radius: 14px;
    margin-right: 8px;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 500;
    line-height: 17px;
    background-color: #f1f1f1;
    display: flex;
    align-items: center
}

.mobile .search-detail-container .search-detail-style2 .content_box .label_group .label a {
    color: #80838a
}

.mobile .search-detail-container .search-detail-style2 .content_box hr {
    margin: 12px 0 0
}

.mobile .gw-editor-page .search-detail-container .container,
.mobile .gw-editor-page .search-detail-container .search-detail {
    width: 100%
}

.case-detail-container {
    padding: 30px 0
}

.case-detail-container .case-detail {
    background: #fff;
    padding: 30px
}

.case-detail-container .case-detail-box {
    margin-bottom: 30px;
    display: flex;
    justify-content: flex-start
}

.case-detail-container .case-detail-title {
    font-size: 24px;
    color: #121212;
    font-weight: 400;
    font-weight: 600
}

.case-detail-container .case-detail-abs {
    color: #9C9C9C;
    font-size: 18px;
    margin-top: 10px;
    font-weight: 500;
    margin-bottom: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.case-detail-container .case-detail-img {
    border-radius: 2px;
    width: 334px
}

.case-detail-container .case-detail-img img {
    height: auto !important;
    width: auto !important;
    max-width: 100% !important
}

.case-detail-container .case-detail-img .sp-selected-thumbnail {
    border: 4px solid #000
}

.case-detail-container .case-detail-p {
    text-align: left;
    margin-left: 26px
}

.case-detail-container .case-detail-money {
    font-size: 18px;
    color: #121212;
    display: inline-block;
    font-weight: 600
}

.case-detail-container .case-detail-price {
    font-size: 24px;
    color: #CE0000;
    display: inline-block
}

.case-detail-container .case-detail-mes {
    font-size: 24px;
    color: #000;
    font-weight: 600
}

.case-detail-container .case-attr-box {
    background-color: #FBFBFB;
    padding: 0 20px;
    width: 100%;
    margin: 20px auto
}

.case-detail-container .case-attr-box .attr-row {
    color: #666;
    font-size: 16px;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0;
    font-weight: 600
}

.case-detail-container .case-attr-box .attr-row .attr-value {
    font-size: 14px;
    font-weight: 400
}

.case-detail-container .case-detail-date {
    color: #999;
    margin-top: 15px;
    text-align: center
}

.case-detail-container .case-detail-content {
    border-top: 1px solid #f5f5f5;
    margin-top: 15px;
    padding: 20px 0;
    line-height: 1.5
}

.case-detail-container .case-detail-content * {
    max-width: 100%
}

.case-detail-container .case-detail-content img {
    max-width: 100%;
    height: auto !important;
    max-height: 100% !important
}

.case-detail-container .case-share-me {
    border-top: 1px solid #f5f5f5;
    padding-top: 20px;
    width: 100%;
    float: left
}

.case-detail-container .case-share-me span {
    line-height: 36px;
    display: block;
    margin-right: 5px
}

.case-detail-container .case-share-me .case-url {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 5px 0
}

.case-detail-container .case-share-me .case-url a {
    color: #333;
    font-size: 14px;
    cursor: pointer;
    padding-left: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
    width: 550px
}

.case-detail-container .case-share-me .case-url a a:hover {
    color: #5BAAF4
}

.case-detail-container .case-link-qrcode {
    text-align: center
}

.case-detail-container .case-link-qrcode img {
    width: 100%;
    margin-bottom: 10px
}

.case-detail-container .case-detail-abstract {
    background-color: #FBFBFB;
    padding: 16px;
    width: 100%;
    margin: 20px auto;
    color: #666;
    font-size: 16px
}

.case-detail-container .case-detail-box1 {
    margin-bottom: 10px
}

.case-detail-container .case-detail-box1 .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important
}

.case-detail-container .case-detail-box1 .caseImg {
    max-width: 100%
}

.case-style2 {
    background-color: #fff;
    color: #303133;
    font-size: 20px
}

.case-style2 .left-sidebar {
    position: absolute;
    margin-left: -85px;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 10;
    margin-top: 64px
}

.case-style2 .left-sidebar .share-title {
    color: #c6c6c6;
    font-size: 12px;
    text-align: center
}

.case-style2 .left-sidebar #share-content {
    display: flex;
    flex-direction: column;
    align-items: center
}

.case-style2 .left-sidebar #share-content .social-share-icon {
    border: #b2bac2;
    color: #b2bac2
}

.case-style2 .left-sidebar #share-content .social-share-icon:hover {
    color: #fff
}

.case-style2 .qrcode-box {
    position: sticky;
    top: 150px;
    border: 1px solid #eaebec;
    text-align: center;
    background-color: #fff;
    padding: 0
}

.case-style2 .qrcode-box img {
    width: 70px;
    height: 70px;
    margin: 15px 0 8px
}

.case-style2 .qrcode-box .tips {
    font-size: 14px;
    color: #666
}

.case-style2 input,
.case-style2 textarea::-webkit-input-placeholder {
    color: #909399
}

.case-style2 input,
.case-style2 textarea::-moz-placeholder {
    color: #909399
}

.case-style2 input,
.case-style2 textarea:-moz-placeholder {
    color: #909399
}

.case-style2 input,
.case-style2 textarea:-ms-input-placeholder {
    color: #909399
}

.case-style2 .top-box {
    width: 100%;
    background-color: #F2F4F7;
    display: flex;
    align-items: flex-end;
    padding-top: 80px
}

.case-style2 .top-box .logo {
    margin: 16px 0 34px;
    background-color: #fff;
    box-shadow: 2px 2px 8px 0 rgba(34, 38, 48, .08);
    padding: 14px 18px;
    border-radius: 4px;
    height: 60px;
    display: inline-block
}

.case-style2 .top-box .abs,
.case-style2 .top-box .big-title {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.case-style2 .top-box .logo img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 4px
}

.case-style2 .top-box .big-title {
    font-size: 32px;
    color: #303133;
    margin-bottom: 8px;
    -webkit-line-clamp: 2
}

.case-style2 .top-box .abs {
    color: rgba(23, 26, 29, .6);
    font-size: 16px;
    -webkit-line-clamp: 3;
    margin-top: 12px
}

.case-style2 .top-box .label-group {
    display: flex;
    align-items: center;
    margin-top: 10px;
    color: rgba(23, 26, 29, .6);
    flex-wrap: wrap
}

.case-style2 .top-box .label-group li {
    padding: 5px 10px;
    margin-right: 8px;
    border-radius: 4px;
    font-size: 14px;
    border: 1px solid rgba(126, 134, 142, .16)
}

.case-style2 .top-box .img-contain .main-swiper {
    --swiper-theme-color: #fff;
    height: 300px;
    border-radius: 8px 8px 0 0;
    overflow: hidden
}

.case-style2 .top-box .img-contain .main-swiper .swiper-wrapper {
    align-items: center;
    height: 100%
}

.case-style2 .top-box .img-contain .main-swiper .swiper-wrapper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.case-style2 .top-box .img-contain .main-swiper .swiper-pagination-bullets .swiper-pagination-bullet {
    border-radius: 4px;
    transition: width ease .3s
}

.case-style2 .top-box .img-contain .main-swiper .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    width: 32px
}

.case-style2 .top-box .img-contain .main-swiper img {
    width: 100%;
    object-fit: contain
}

.case-style2 .main-contain {
    padding-top: 64px
}

.case-style2 a:hover {
    color: #7142D3
}

.case-style2 .vertical-line {
    color: #E8E8E8;
    margin: 0 10px
}

.case-style2 .company-info-box {
    padding-bottom: 60px
}

.case-style2 .company-info-box .company-name .name {
    color: #303133;
    font-size: 24px
}

.case-style2 .company-info-box .company-name .type {
    font-size: 20px
}

.case-style2 .company-info-box .info-item {
    display: flex;
    margin-top: 10px
}

.case-style2 .company-info-box .info-item.site .content {
    color: #7142D3;
    word-break: break-all;
    flex: 1
}

.case-style2 .company-info-box .info-item .tit {
    font-size: 20px;
    color: #909399;
    width: 100px;
    display: flex;
    justify-content: flex-end
}

.case-style2 .company-info-box .info-item img {
    max-width: 104px;
    max-height: 104px
}

.case-style2 .content-box {
    font-size: 16px;
    line-height: 2;
    margin-bottom: 24px
}

.case-style2 .nav-box {
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    padding: 10px 0;
    font-size: 14px;
    margin-bottom: 64px
}

.case-style2 .nav-box .arrow-left {
    margin-right: 10px
}

.case-style2 .form-box .first-line input:not(:last-child),
.case-style2 .form-box form .row input:not(:last-child) {
    margin-right: 40px
}

.case-style2 .nav-box .arrow-right {
    margin-left: 10px
}

.case-style2 .nav-box .pre {
    display: flex;
    padding-right: 40px
}

.case-style2 .nav-box .pre a {
    flex: 1 1 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.case-style2 .nav-box .next {
    display: flex;
    padding-left: 40px
}

.case-style2 .nav-box .next a {
    flex: 1 1 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.case-style2 .form-box {
    padding-top: 48px
}

.case-style2 .form-box .title {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 32px
}

.case-style2 .form-box .first-line {
    display: flex
}

.case-style2 .form-box .first-line input {
    width: 160px
}

.case-style2 .form-box .first-line input:nth-child(1) {
    background: url(/visual-editor/images/input-name.png) 5% no-repeat;
    background-size: 15px 15px
}

.case-style2 .form-box .first-line input:nth-child(2),
.case-style2 .form-box .first-line input:nth-child(3) {
    background: url(/visual-editor/images/input-phone.png) 5% no-repeat;
    background-size: 15px 15px
}

.case-style2 .form-box textarea {
    width: 560px
}

.case-style2 .form-box form {
    font-size: 14px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.case-style2 .form-box form .row {
    display: flex
}

.case-style2 .form-box form input {
    margin-bottom: 24px
}

.case-style2 .form-box form input,
.case-style2 .form-box form textarea {
    padding: 10px 12px 10px 25px;
    border-radius: 4px;
    border: 1px solid #E8E8E8;
    outline: 0;
    resize: none
}

.case-style2 .form-box form .submit {
    border-radius: 4px;
    background-color: #7142D3;
    color: #fff;
    font-size: 18px;
    border: 0;
    margin-top: 40px;
    padding: 12px 50px
}

.case-style2 .relevant-cases {
    background-color: #f5f6f7;
    padding-top: 56px
}

.case-style2 .relevant-cases .title-text {
    text-align: center;
    font-size: 32px;
    color: #171a1d
}

.case-style2 .relevant-cases .relevant-case-swiper {
    padding-top: 48px;
    padding-bottom: 64px
}

.case-style2 .relevant-cases .relevant-case-swiper .swiper-wrapper {
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear
}

.case-style2 .relevant-cases .relevant-case-swiper .swiper-slide {
    display: flex;
    justify-content: center;
    margin: 0 12px
}

.case-style2 .relevant-cases .caseItem {
    display: block;
    position: relative;
    transition: .2s;
    border-radius: 8px;
    overflow: hidden;
    top: 0
}

.case-style2 .relevant-cases .caseItem:hover {
    top: -8px
}

.case-style2 .relevant-cases .caseItem:hover .caseItem-cover {
    opacity: .8
}

.case-style2 .relevant-cases .caseItem .caseItem-info-wrap {
    box-shadow: 0 8px 32px 0 rgba(34, 38, 48, .12);
    background-color: #fff;
    width: 100%;
    max-width: 376px
}

.goods-video-course-detail-style1 #product-info img,
.goods-video-course-detail-style1 #product-info video,
.goods_text_course_detail-container .goods_text_course-detail-content *,
.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .tips-content img,
.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .try-and-see img,
.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .related-article .article-item .entry-media a img,
.gw-editor-page .goods_video_course_detail-container .container,
.mobile .case-detail-container .case-detail-box1 .caseImg,
.mobile .goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-img .img-big img,
.shop_goods_detail-container .shop_goods-detail-content *,
.shop_goods_detail-container .shop_goods_detail-style0 #product-info img,
.shop_goods_detail-container .shop_goods_detail-style0 #product-info video {
    max-width: 100%
}

.case-style2 .relevant-cases .caseItem .caseItem-info-wrap img {
    width: 100%;
    object-fit: cover;
    height: 200px
}

.case-style2 .relevant-cases .caseItem .caseItem-info-wrap .caseItem-info {
    padding: 32px;
    height: 160px
}

.case-style2 .relevant-cases .caseItem .caseItem-info-wrap .caseItem-info .title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #171a1d;
    font-size: 20px
}

.case-style2 .relevant-cases .caseItem .caseItem-info-wrap .caseItem-info .desc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: rgba(23, 26, 29, .6);
    font-size: 15px;
    margin-top: 14px
}

.case-style2 .relevant-cases .caseItem .caseItem-cover {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #0089ff;
    box-shadow: 0 8px 32px 0 rgba(34, 38, 48, .12);
    text-align: center;
    opacity: 0;
    transition: .2s;
    display: flex;
    align-items: center;
    justify-content: center
}

.case-style2 .relevant-cases .caseItem .caseItem-cover img {
    width: 58px;
    height: 58px;
    transition: .4s;
    transform: scale(0)
}

.pc .hidden-sm {
    display: none
}

.mobile .case-detail-container {
    padding: 0
}

.mobile .case-detail-container .case-detail {
    background: #fff;
    padding: 20px 0
}

.mobile .case-detail-container .case-detail-title {
    font-size: 16px;
    font-weight: 0
}

.mobile .case-detail-container .case-detail-p {
    text-align: left;
    margin: 0 auto
}

.mobile .case-detail-container .case-detail-price {
    font-size: 14px;
    font-weight: 0
}

.mobile .case-detail-container .case-detail-abstract {
    padding: 8px;
    font-size: 14px
}

.mobile .case-detail-container .case-detail-box {
    border-bottom: 5px solid #f5f5f5;
    margin-bottom: 15px;
    display: flex;
    flex-direction: column
}

.mobile .case-detail-container .case-detail-box .case-detail-img {
    padding: 0
}

.mobile .case-detail-container .case-detail-mes {
    font-size: 18px;
    text-align: center
}

.mobile .case-detail-container .case-detail-content {
    margin: 20px 10px
}

.mobile .case-detail-container .case-detail-content img {
    width: 100%
}

.mobile .case-detail-container .case-share-me {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 20px 10px
}

.mobile .case-detail-container .case-share-me .case-url a {
    width: 250px
}

.mobile .case-style2 {
    padding-top: 16px
}

.mobile .case-style2 .top-box {
    padding: 0;
    background-color: rgba(0, 0, 0, .5)
}

.mobile .case-style2 .top-box .title-contain {
    padding: 0
}

.mobile .case-style2 .top-box .title-contain .big-title {
    font-size: 20px;
    color: #fff;
    position: absolute;
    margin: 0 16px;
    z-index: 1;
    bottom: 16px
}

.mobile .case-style2 .top-box .title-contain img {
    width: 100%;
    height: 100%;
    position: relative
}

.mobile .case-style2 .col-xs-12 {
    width: 100%
}

.mobile .case-style2 .hidden-xs {
    display: none
}

.mobile .case-style2 .company-info-box {
    font-size: 14px;
    padding-bottom: 30px
}

.mobile .case-style2 .company-info-box .company-name .name {
    font-size: 16px
}

.mobile .case-style2 .company-info-box .company-name .type {
    font-size: 14px
}

.mobile .case-style2 .company-info-box .info-item .tit {
    font-size: 14px;
    width: 70px
}

.mobile .case-style2 .form-box-m {
    padding: 48px 40px 64px;
    background-color: #F2F4F7
}

.mobile .case-style2 .form-box-m form {
    display: flex;
    flex-direction: column;
    align-items: center
}

.mobile .case-style2 .form-box-m .title {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 32px
}

.mobile .case-style2 .form-box-m input {
    padding: 10px 12px 10px 30px
}

.mobile .case-style2 .form-box-m input:nth-child(1) {
    background: url(/visual-editor/images/input-name.png) 5% no-repeat #fff;
    background-size: 15px 15px
}

.mobile .case-style2 .form-box-m input:nth-child(2),
.mobile .case-style2 .form-box-m input:nth-child(3) {
    background: url(/visual-editor/images/input-phone.png) 5% no-repeat #fff;
    background-size: 15px 15px
}

.mobile .case-style2 .form-box-m input,
.mobile .case-style2 .form-box-m textarea {
    margin-bottom: 24px;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #E8E8E8;
    outline: 0;
    font-size: 14px
}

.mobile .case-style2 .form-box-m textarea {
    padding: 10px 12px;
    margin-bottom: 0;
    resize: none
}

.mobile .case-style2 .form-box-m .submit {
    border-radius: 4px;
    background-color: #7142D3;
    color: #fff;
    font-size: 18px;
    border: 0;
    margin-top: 36px;
    margin-bottom: 0;
    padding: 12px 50px;
    width: auto
}

.mobile .case-style2 .abs {
    border-radius: 8px;
    background-color: #F2F4F7;
    padding: 20px;
    font-size: 16px;
    margin-bottom: 40px
}

.mobile .case-style2 .abs p {
    font-weight: 600;
    margin-bottom: 8px
}

.mobile .case-style2 .title-name {
    flex: 1 1 0
}

.mobile .case-style2 .main-contain {
    padding-top: 16px
}

.mobile .case-style2 .more-case {
    margin-bottom: 40px
}

.mobile .case-style2 .nav-box {
    border-bottom: none;
    margin-bottom: 56px;
    padding: 0
}

.mobile .case-style2 .nav-box .next,
.mobile .case-style2 .nav-box .pre {
    padding: 10px 15px
}

.mobile .case-style2 .relevant-cases .caseItem,
.mobile .case-style2 .relevant-cases .caseItem .caseItem-cover,
.mobile .case-style2 .relevant-cases .caseItem .caseItem-info-wrap,
.mobile .gw-editor-page .case-detail-container .case-detail,
.mobile .gw-editor-page .case-detail-container .container {
    width: 100%
}

.mobile .gw-editor-page .case-detail-container .case-link-qrcode {
    display: none
}

#bdshare_weixin_qrcode_dialog {
    width: 251px !important;
    height: 297px !important
}

.goods_text_course_detail-container {
    padding: 30px 0;
    background-color: #f6f6f6
}

@media (min-width:1450px) {
    .goods_text_course_detail-container .goods_text_course_detail-style1 .container {
        width: 1440px
    }
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .panel {
    padding: 20px
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .top-info {
    display: flex;
    align-items: center;
    color: #aaa;
    font-size: 11px;
    margin-bottom: 10px;
    padding: 0 15px;
    height: 24px
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .top-info .author {
    display: flex;
    align-items: center
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .top-info .author img {
    border-radius: 50%;
    height: 15px;
    width: 15px;
    margin-right: 8px
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .top-info .author span {
    cursor: pointer
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .top-info .category {
    display: flex;
    margin: 0 0 0 15px
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .top-info .category li {
    display: flex;
    align-items: center
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .top-info .category li:nth-child(2) .dot {
    background-color: #4CAF50
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .top-info .category li:nth-child(3) .dot {
    background-color: #2196F3
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .top-info .category li+li {
    margin-left: 8px
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .top-info .category .dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 5px;
    background-color: #fd721f
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .top-info .date {
    margin-left: 15px
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .title {
    font-size: 24px;
    color: #555;
    margin: 0 15px 30px;
    border-bottom: 1px dashed #eee;
    line-height: 1.4;
    padding-bottom: 20px
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .tips-content {
    font-size: 16px;
    line-height: 2;
    margin-bottom: 0;
    padding: 0 15px
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .content-hide-tips {
    padding: 40px 20px 20px;
    border: 1px dashed #ccc;
    border-radius: 4px;
    background-color: #f6f6f6;
    position: relative;
    margin: 0 15px 40px
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .content-hide-tips .fa.fa-lock {
    color: #ccc;
    font-size: 30px;
    top: 5px;
    right: 10px;
    position: absolute
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .content-hide-tips .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 2
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .content-hide-tips .content .text {
    color: #555;
    font-size: 15px
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .content-hide-tips .content .coin {
    background-color: #fff;
    color: #f0ad4e;
    padding: 4px 18px;
    border-radius: 20px;
    border: 1px solid #f0ad4e;
    font-size: 13px;
    font-weight: 600
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .content-hide-tips .content .paid {
    margin-bottom: 20px
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .content-hide-tips .content .paid span {
    color: #ff3b41
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .content-hide-tips .content .text-course-btn {
    padding: 0 18px;
    background: linear-gradient(90deg, #34495e, #475f77);
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 36px;
    font-size: 12px
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .content-hide-tips .content .text-course-btn:hover {
    opacity: .8;
    transition: all .3s ease-in-out
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .content-hide-tips .content .text-course-btn.login-button {
    box-shadow: 0 3px 5px rgba(52, 73, 94, .5)
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .content-hide-tips .content .text-course-btn.login-button i {
    margin-right: 3px
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .content-hide-tips .content .text-course-btn.free-buy-button,
.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .content-hide-tips .content .text-course-btn.integral-buy-button,
.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .content-hide-tips .content .text-course-btn.pay-buy-button {
    background: linear-gradient(90deg, #20a0ff, #20b8ff);
    box-shadow: 0 3px 5px rgba(32, 160, 255, .5)
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .main-content {
    font-size: 16px;
    line-height: 2;
    padding: 40px 20px 20px;
    border: 1px dashed #ccc;
    border-radius: 4px;
    background-color: #f6f6f6;
    position: relative;
    margin: 0 15px 40px
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .main-content i {
    color: #ccc;
    font-size: 30px;
    top: 5px;
    right: 10px;
    position: absolute
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .try-and-see {
    font-size: 16px;
    line-height: 2;
    padding: 0 15px
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .try-and-see p {
    margin-bottom: 0
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .label-group {
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0 0;
    padding: 0 15px
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .label-group li {
    margin: 0 5px 5px 0;
    border: 1px solid #e6e6e6;
    background-color: #f4f4f4;
    font-size: 13px;
    padding: 5px 10px;
    font-weight: 600;
    border-radius: 3px;
    line-height: 1
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .label-group li:hover {
    opacity: .8
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .label-group li a {
    color: #555
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .article-footer {
    margin-bottom: 5px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 30px 15px 0
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .article-footer .author-box,
.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .article-footer .xshare {
    align-items: center;
    display: flex
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .article-footer .author-box img {
    width: 30px;
    height: 30px;
    border: 2px solid #eee;
    border-radius: 50%;
    margin-right: 10px
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .article-footer .author-box .author-info {
    font-size: 16px;
    color: #34495e;
    transition: all .3s ease;
    cursor: pointer
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .article-footer .author-box .author-info:hover {
    opacity: .8
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .article-footer .xshare>span {
    margin-right: 20px;
    color: #555
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .article-footer .xshare>li {
    display: flex;
    align-items: center
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .comment {
    display: none;
    padding: 40px 20px
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .comment .title {
    color: #333;
    font-size: 18px;
    font-weight: 600
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .comment ul.comment-label {
    display: flex
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .comment ul.comment-label li {
    padding: 5px 12px;
    border: 1px solid #DDD;
    color: #999;
    border-radius: 4px;
    margin-right: 20px;
    cursor: pointer
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .comment ul.comment-label li.active {
    border: 1px solid #2D8DF0
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .comment .comment-item {
    padding: 20px 0;
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid #DDD
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .comment .comment-item .info {
    flex: 1;
    display: flex;
    align-items: center
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .comment .comment-item .info .avatar {
    margin-right: 10px
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .comment .comment-item .info .avatar img {
    border-radius: 50%;
    width: 50px;
    height: 50px
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .comment .comment-item .info .name {
    color: #999
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .comment .comment-item .content {
    flex: 3
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .comment .comment-item .content .comment-message {
    display: flex
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .comment .comment-item .content .comment-message .star-group {
    width: 140px
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .comment .comment-item .content .comment-content {
    margin: 12px 0
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .comment .comment-item .content .pic-list ul {
    margin-bottom: 20px;
    display: flex
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .comment .comment-item .content .pic-list ul li {
    margin-right: 20px
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .comment .comment-item .content .pic-list ul img {
    height: 100px;
    width: 100px
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .comment .comment-item .content .append-commit .append-message {
    display: flex
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .comment .comment-item .content .append-commit .append-message .text {
    width: 140px
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .comment .comment-item .content .append-commit .append-content {
    padding: 12px 0
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .article-nav {
    display: flex;
    justify-content: space-between;
    color: #BBB
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .article-nav a {
    color: #999;
    transition: all .3s ease
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .article-nav a:hover {
    color: #45B6F7
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .article-nav .article-nav-prev {
    width: 50%;
    border-right: 1px solid #eee
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .article-nav .article-nav-next {
    text-align: right;
    width: 50%
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .related-article .tit {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 15px
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .related-article .tit::before {
    content: "";
    background-color: #1a1a1a;
    width: 30px;
    height: 2px;
    margin-right: 10px
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .related-article .article-item {
    margin-bottom: 10px
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .related-article .article-item .entry-media {
    position: relative;
    margin-bottom: 10px;
    height: 150px;
    text-align: center
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .related-article .article-item .entry-media a {
    display: block;
    width: 100%;
    height: 100%
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .related-article .article-item .entry-media a img {
    width: auto;
    height: 100%;
    transition: all .3s ease
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .related-article .article-item .entry-media a:hover img {
    opacity: .8
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .related-article .article-item .lock {
    background-color: rgba(0, 0, 0, .4);
    color: #fff;
    border-radius: 50%;
    position: absolute;
    font-size: 15px;
    left: 10px;
    top: 10px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .related-article .article-item .article-title {
    color: #34495e;
    cursor: pointer;
    transition: all .3s ease;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 40px
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .related-article .article-item .article-title:hover {
    opacity: .8
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .sidebar-column {
    padding: 0 15px;
    position: sticky;
    top: 90px
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .sidebar-column .sidebar-area .user-info .user-avatar {
    align-items: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #f6f6f6;
    display: flex
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .sidebar-column .sidebar-area .user-info .user-avatar img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, .16);
    border: 2px solid #eee;
    cursor: pointer
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .sidebar-column .sidebar-area .user-info .user-avatar .user-name {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    padding: 0 10px
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .sidebar-column .sidebar-area .user-info .user-avatar .user-name .name {
    color: #34495e;
    font-size: 15px;
    cursor: pointer
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .sidebar-column .sidebar-area .user-info .user-avatar .user-name .type {
    color: #8492a6;
    font-size: 12px
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .sidebar-column .sidebar-area .user-info .user-avatar .qd {
    padding: 6px 16px;
    color: #8492a6;
    background-color: #f2f7ff;
    line-height: 1.5;
    font-size: 12px;
    font-weight: 600;
    border-radius: 15px;
    cursor: pointer
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .sidebar-column .sidebar-area .user-info .user-fields {
    display: flex;
    padding-top: 20px
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .sidebar-column .sidebar-area .user-info .user-fields .item {
    padding: 0 15px;
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .sidebar-column .sidebar-area .user-info .user-fields .item .num {
    color: #8BC34A;
    font-size: 18px;
    cursor: pointer
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .sidebar-column .sidebar-area .user-info .user-fields .item .text {
    font-size: 13px;
    color: #8492a6
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .sidebar-column .sidebar-area .article-rank .tit {
    font-size: 15px;
    margin-bottom: 10px;
    color: #555;
    font-weight: 700
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .sidebar-column .sidebar-area .article-rank ul li {
    padding: 5px 0;
    display: flex;
    margin-bottom: 10px;
    justify-content: space-between
}

.goods-video-course-detail-style1 .hidden-sm,
.goods-video-course-detail-style1 .noshow,
.mobile .goods_text_course_detail-style1 .content-column .content-area .article-footer .author-box,
.mobile .gw-editor-page .goods_text_course_detail-container .article-link-qrcode {
    display: none
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .sidebar-column .sidebar-area .article-rank ul li .index {
    line-height: 30px;
    font-size: 18px;
    font-weight: 600;
    width: 20px
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .sidebar-column .sidebar-area .article-rank ul li .index.num-1 {
    color: #F44336
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .sidebar-column .sidebar-area .article-rank ul li .index.num-2 {
    color: #4CAF50
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .sidebar-column .sidebar-area .article-rank ul li .index.num-3 {
    color: #FFC107
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .sidebar-column .sidebar-area .article-rank ul li .index.num-4 {
    color: #00BCD4
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .sidebar-column .sidebar-area .article-rank ul li .index.num-5 {
    color: #2196F3
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .sidebar-column .sidebar-area .article-rank ul li .index.num-6 {
    color: #E91E63
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .sidebar-column .sidebar-area .article-rank ul li .name {
    flex: 1;
    width: 100px;
    line-height: 30px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.goods_text_course_detail-container .goods_text_course_detail-style1 .sidebar-column .sidebar-area .article-rank ul li .credits {
    color: #999;
    line-height: 30px;
    font-size: 12px
}

.mobile .goods_text_course_detail-style1 .content-column {
    width: 100%;
    padding: 0 10px
}

.mobile .goods_text_course_detail-style1 .content-column .top-info {
    flex-wrap: wrap
}

.mobile .goods_text_course_detail-style1 .content-column .content-area {
    padding: 10px 0 0
}

.mobile .goods_text_course_detail-style1 .content-column .content-area .title {
    padding-bottom: 10px;
    font-size: 14px
}

.mobile .goods_text_course_detail-style1 .content-column .content-area .article-footer {
    margin-bottom: 16px
}

.mobile .goods_text_course_detail-style1 .content-column .related-article .article-item .entry-media {
    height: 95px
}

.mobile .goods_text_course_detail-style1 .sidebar-column {
    width: 100%;
    padding: 0 10px
}

.mobile .goods_text_course_detail-style1 .article-item {
    width: 50%
}

.mobile .gw-editor-page .goods_text_course_detail-container .container,
.mobile .gw-editor-page .goods_text_course_detail-container .goods_text_course_detail {
    width: 100%
}

.goods-video-course-detail-style1 {
    background-color: #f4f5f7
}

.goods-video-course-detail-style1 .pc-content>.container {
    padding-top: 60px
}

.goods-video-course-detail-style1 .video-main-content {
    background-color: #292C35;
    padding-top: 30px
}

.goods-video-course-detail-style1 .video-main-content .video-content {
    overflow: hidden;
    height: 498px
}

.goods-video-course-detail-style1 .video-main-content .video-content .my_video {
    height: 100%;
    background-color: #000;
    transition: all 1s ease
}

.goods-video-course-detail-style1 .video-main-content .video-content .my_video .dplayer {
    height: 100%
}

.goods-video-course-detail-style1 .video-main-content .video-content .my_video .dplayer-video-wrap {
    display: flex;
    align-items: center;
    justify-content: center
}

.goods-video-course-detail-style1 .video-main-content .video-content .my_video .dplayer-video-wrap .dplayer-video {
    height: 100%
}

.goods-video-course-detail-style1 .video-main-content .video-content .my_video .video_box_conter {
    height: 100%;
    background: #000
}

.goods-video-course-detail-style1 .video-main-content .video-content .my_video .video_box_conter .video-panel {
    width: 100%
}

.goods-video-course-detail-style1 .video-main-content .video-content .my_video .trySee {
    position: relative;
    width: 100%;
    height: 100%;
    display: none
}

.goods-video-course-detail-style1 .video-main-content .video-content .my_video .trySee .bgPic {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.goods-video-course-detail-style1 .video-main-content .video-content .my_video .trySee .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: rgba(0, 0, 0, .7)
}

.goods-video-course-detail-style1 .video-main-content .video-content .my_video .trySee .mask .maskBox {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 300px;
    height: 100px;
    text-align: center
}

.goods-video-course-detail-style1 .video-main-content .video-content .my_video .trySee .mask .maskBox .end {
    font-size: 20px;
    color: #fff;
    margin-bottom: 20px;
    width: 300px
}

.goods-video-course-detail-style1 .video-main-content .video-content.hide-list-box .my_video {
    width: 100%
}

.goods-video-course-detail-style1 .video-main-content .video-content.hide-list-box .video-list-box {
    margin-left: 100%
}

.goods-video-course-detail-style1 .video-main-content .video-content.hide-list-box .video-list-box .pull-right-btn {
    background-image: url(/visual-editor/images/video-detail/left-arrow.png)
}

.goods-video-course-detail-style1 .video-main-content .video-info-panel {
    padding: 14px 24px 14px 20px;
    background-color: #1F2123
}

.goods-video-course-detail-style1 .video-main-content .video-info-panel .title {
    font-size: 24px;
    font-weight: 500
}

.goods-video-course-detail-style1 .video-main-content .video-info-panel .title .title-text {
    color: #fff;
    margin-right: 20px
}

.goods-video-course-detail-style1 .video-main-content .video-info-panel .title .price {
    color: #EB312D
}

.goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap
}

.goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .left-box,
.pc .audio-course .detail-info .main-title div:nth-child(3) {
    flex: 1 1 0
}

.goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .label-group {
    margin-top: 8px;
    color: #999
}

.goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .label-group ul {
    display: flex;
    flex-wrap: wrap
}

.goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .label-group ul li {
    margin-right: 20px;
    padding: 4px 12px;
    border-radius: 4px;
    border: 1px solid #DDD
}

.goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .title-info {
    color: rgba(255, 255, 255, .6);
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .title-info>div {
    display: flex;
    border-right: 1px solid rgba(255, 255, 255, .6);
    align-items: center
}

.goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .title-info>div:nth-child(3),
.goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .title-info>div:nth-child(4) {
    border-right: none
}

.goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .title-info .value {
    font-size: 18px
}

.goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .title-info .sold {
    padding-right: 20px;
    height: 20px
}

.goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .title-info .score {
    padding: 0 20px;
    height: 20px
}

.goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .title-info .add-collection {
    padding-left: 20px;
    flex: 1
}

.goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .title-info .add-collection .fa {
    font-size: 16px;
    cursor: pointer
}

.goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .title-info .add-collection .fa.collected {
    color: #FFC347
}

.goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .title-info .share-box {
    margin-right: 20px
}

.goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .title-info .share-box #share-3 a.social-share-icon {
    border: none;
    color: rgba(255, 255, 255, .6)
}

.goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .title-info .share-box .icon {
    width: 32px;
    height: 32px
}

.goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .title-info .share-box .wx-icon {
    background-image: url(/visual-editor/images/video-detail/wx-icon.png)
}

.goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .title-info .share-box .wb-icon {
    background-image: url(/visual-editor/images/video-detail/wb-icon.png)
}

.goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .title-info .share-box .qq-icon {
    background-image: url(/visual-editor/images/video-detail/QQicon.png)
}

.goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .title-info .share-box .qzone-icon {
    background-image: url(/visual-editor/images/video-detail/qzone-icon.png)
}

.goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .title-info .share-box .more-icon {
    background-image: url(/visual-editor/images/video-detail/more-icon.png)
}

.goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .buy-btn {
    background-color: #EB312D;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    width: 230px;
    padding: 12px 0;
    cursor: pointer
}

.goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .has-buy-btn {
    background-color: #B6B6B6;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    width: 230px;
    padding: 12px 0
}

.goods-video-course-detail-style1 .product-tab {
    background-color: #fff;
    padding: 30px 0;
    width: 100%;
    z-index: 100
}

.goods-video-course-detail-style1 .product-tab.fixed {
    padding: 10px 0;
    position: fixed;
    top: 0;
    box-shadow: 0 1px 2px #ddd
}

.goods-video-course-detail-style1 .product-tab ul {
    display: flex;
    justify-content: center
}

.goods-video-course-detail-style1 .product-tab ul li {
    font-size: 18px;
    margin: 0 25px;
    cursor: pointer
}

.goods-video-course-detail-style1 .product-tab ul li a {
    color: #333
}

.goods-video-course-detail-style1 .product-tab ul li.selected {
    border-bottom: 2px solid red;
    color: red
}

.goods-video-course-detail-style1 .product-tab ul #show-onmobile {
    position: relative
}

.goods-video-course-detail-style1 .product-tab ul #show-onmobile .content {
    display: flex;
    align-items: center
}

.goods-video-course-detail-style1 .product-tab ul #show-onmobile .content .small-code {
    width: 25px;
    height: 26px;
    display: inline-block
}

.goods-video-course-detail-style1 .product-tab ul #show-onmobile .content .small-code img {
    width: 100%;
    height: 100%
}

.goods-video-course-detail-style1 .product-tab ul #show-onmobile .qrcode-box {
    width: 150px;
    height: 150px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    border: 0 solid #ebeef5;
    background-color: #fff;
    position: absolute;
    display: none;
    z-index: 10
}

.goods-video-course-detail-style1 .product-tab ul #show-onmobile .qrcode-box img {
    width: 100%;
    height: 100%
}

.goods-video-course-detail-style1 #product-info {
    font-size: 16px;
    line-height: 2;
    background-color: #fff;
    padding: 0 16px;
    overflow: hidden
}

.goods-video-course-detail-style1 #product-param {
    padding: 0 16px;
    background-color: #fff;
    overflow: hidden
}

.goods-video-course-detail-style1 #product-param .title {
    border-bottom: 1px solid #ccc;
    font-size: 18px;
    padding-left: 14px;
    padding-bottom: 14px;
    position: relative
}

.goods-video-course-detail-style1 #product-param .title::before {
    content: "";
    width: 4px;
    height: 23px;
    background-color: red;
    position: absolute;
    left: 0;
    top: 1px
}

.goods-video-course-detail-style1 #product-param .param-box {
    font-size: 16px;
    display: flex;
    flex-direction: column;
    margin-top: 24px
}

.goods-video-course-detail-style1 #product-param .param-box li {
    display: flex;
    margin-bottom: 24px
}

.goods-video-course-detail-style1 #product-param .param-box li .name {
    width: 128px;
    margin-right: 54px
}

.goods-video-course-detail-style1 #product-comment {
    padding: 0 16px;
    background-color: #fff;
    overflow: hidden
}

.goods-video-course-detail-style1 #product-comment .product-score {
    margin-left: 16px;
    padding-bottom: 10px
}

.goods-video-course-detail-style1 #product-comment .product-score span {
    color: red;
    font-size: 56px;
    margin-bottom: 12px
}

.goods-video-course-detail-style1 #product-comment .product-score span:nth-child(2) {
    font-size: 16px
}

.goods-video-course-detail-style1 #product-comment .product-score p {
    font-size: 12px;
    margin-left: 10px
}

.goods-video-course-detail-style1 #product-comment .product-comment-tab {
    padding: 16px 0 17px 16px;
    border-top: 1px dashed #eaeaea;
    border-bottom: 1px solid #eaeaea;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.goods-video-course-detail-style1 #product-comment .product-comment-tab ul {
    display: flex;
    flex-wrap: wrap
}

.goods-video-course-detail-style1 #product-comment .product-comment-tab ul li {
    margin-right: 25px;
    cursor: pointer
}

.goods-video-course-detail-style1 #product-comment .product-comment-tab ul li.selected {
    color: red
}

.goods-video-course-detail-style1 #product-comment .product-comment-tab .tab-right input {
    cursor: pointer;
    display: inline-block;
    width: 14px;
    height: 14px
}

.goods-video-course-detail-style1 #product-comment .product-comment-tab .tab-right input:checked {
    background-color: red
}

.goods-video-course-detail-style1 #product-comment .product-comment-tab .tab-right span {
    color: #666
}

.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list {
    display: flex;
    flex-direction: column;
    font-size: 12px
}

.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item {
    padding: 20px 0 20px 16px;
    display: flex;
    justify-content: space-between
}

.form-group.open-enlarge,
.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-img,
.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-img,
.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-img {
    padding-top: 15px
}

.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .avatar-box {
    display: flex;
    flex-direction: column;
    align-items: center
}

.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .avatar-box .avatar {
    width: 70px;
    height: 70px;
    flex-shrink: 0
}

.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .avatar-box .avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .avatar-box .nickname {
    margin-top: 6px;
    max-width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail {
    margin-top: 16px;
    padding-left: 60px;
    flex: 1
}

.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .top-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .top-box .product-star {
    margin-bottom: 5px;
    background: url(/visual-editor/images/shop_goods_detail/star12.png);
    width: 110px;
    height: 30px
}

.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .top-box .product-star.star-5 {
    background-position: 110px 0
}

.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .top-box .product-star.star-4 {
    background-position: 88px 0
}

.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .top-box .product-star.star-3 {
    background-position: 66px 0
}

.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .top-box .product-star.star-2 {
    background-position: 44px 0
}

.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .top-box .product-star.star-1 {
    background-position: 22px 0
}

.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .top-box .time {
    color: #a4a4a4
}

.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-content {
    word-break: break-all;
    margin-bottom: 10px
}

.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-img .small-img-group {
    display: flex
}

.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-img .small-img-group .img-wrap {
    width: 88px;
    height: 88px;
    padding: 2px;
    margin-right: 10px;
    cursor: -moz-zoom-in;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    border: 2px solid #fff
}

.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-img .small-img-group .img-wrap.selected {
    border: 2px solid red
}

.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-img .small-img-group .img-wrap img {
    width: 100%;
    height: 100%
}

.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-img .img-big {
    display: none;
    margin-top: 16px;
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-img .img-big img {
    max-width: 410px;
    max-height: 410px
}

.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-sku {
    color: #a4a4a4;
    margin-top: 21px
}

.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .product-reply {
    padding-top: 40px
}

.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .product-reply .avatar {
    float: left;
    width: 32px;
    height: 32px;
    margin-right: 12px
}

.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .product-reply .avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .product-reply .content-box {
    float: left;
    width: 596px
}

.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .product-reply .content-box .nickname {
    margin-bottom: 6px;
    color: #CA141D
}

.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .product-reply .content-box .content {
    color: #717171
}

.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .no-comment {
    min-height: 200px;
    border-bottom: 1px solid #eaeaea;
    color: #a4a4a4;
    text-align: center
}

.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .no-comment::before {
    content: "";
    display: block;
    width: 80px;
    height: 80px;
    margin: 40px auto 20px;
    background: url(/visual-editor/images/shop_goods_detail/empty.png) no-repeat;
    background-size: 100%
}

.goods-video-course-detail-style1 .recommend-box {
    background-color: #fff;
    padding: 20px
}

.goods-video-course-detail-style1 .recommend-box .title {
    font-size: 18px;
    margin-bottom: 10px
}

.goods-video-course-detail-style1 .recommend-box .recommend-item-group .item .img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.goods-video-course-detail-style1 .recommend-box .recommend-item-group .item .recommend-title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #474F66;
    font-size: 16px;
    margin: 12px 0 10px
}

.goods-video-course-detail-style1 .recommend-box .recommend-item-group .item .time {
    margin-bottom: 10px;
    font-size: 12px;
    color: #000
}

.goods-video-course-detail-style1 .recommend-box .recommend-item-group .item .label-group {
    display: flex;
    flex-wrap: wrap
}

.goods-video-course-detail-style1 .recommend-box .recommend-item-group .item .label-group li {
    background-color: red;
    border-radius: 4px;
    margin: 0 5px 5px 0;
    padding: 2px 5px;
    font-size: 12px;
    color: #fff
}

.mobile .goods-video-course-detail-style1 .container {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0
}

.mobile .goods-video-course-detail-style1 .video-main-content {
    padding-top: 0
}

.mobile .goods-video-course-detail-style1 .video-main-content .video-content {
    height: 300px
}

.mobile .goods-video-course-detail-style1 .product-tab ul li {
    margin: 0 15px;
    font-size: 16px
}

.mobile .goods-video-course-detail-style1 #product-comment {
    padding: 0
}

.mobile .goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail {
    padding-left: 10px;
    margin-top: 0
}

.mobile .goods-video-course-detail-style1 #product-comment .avatar-box .avatar {
    width: 50px;
    height: 50px
}

.pc .audio-course {
    padding: 40px;
    background-color: #fff
}

.pc .audio-course .hidden-sm {
    display: none
}

.pc .audio-course .line {
    margin: 0 20px;
    background-color: #DDD;
    width: 1px;
    height: 20px;
    display: inline-block
}

.mobile .audio-course .course-main-content .course-content .controller .cleft,
.pc .audio-course .audio-panel .panel-left .controller .cleft {
    margin-right: 40px
}

.mobile .audio-course .course-main-content .course-content .controller .cright .download,
.pc .audio-course .audio-panel .panel-left .controller .cright .download {
    margin-left: 14px
}

.pc .audio-course .share-box,
.pc .live-stream-course .share-box {
    margin-top: 20px
}

.pc .audio-course .audio-panel .panel-left {
    position: relative
}

.pc .audio-course .audio-panel .panel-left video {
    display: block;
    width: 100%;
    background-color: #d0bce4
}

.pc .audio-course .audio-panel .panel-left .controller {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 4px 35px 4px 20px
}

.pc .audio-course .audio-panel .panel-left .controller img {
    width: 100%;
    height: 100%;
    cursor: pointer
}

.pc .audio-course .audio-panel .panel-left .controller .loop {
    width: 24px;
    height: 24px
}

.pc .audio-course .audio-panel .panel-left .controller .ccenter {
    display: flex;
    align-items: center
}

.pc .audio-course .audio-panel .panel-left .controller .ccenter .back,
.pc .audio-course .audio-panel .panel-left .controller .ccenter .forward {
    width: 32px;
    height: 32px
}

.pc .audio-course .audio-panel .panel-left .controller .ccenter .start {
    width: 52px;
    height: 52px
}

.pc .audio-course .audio-panel .panel-left .controller .cright {
    display: flex;
    color: #fff
}

.pc .audio-course .audio-panel .panel-right>* {
    margin-bottom: 20px
}

.pc .audio-course .audio-panel .panel-right .course-title {
    font-size: 24px
}

.pc .audio-course .audio-panel .panel-right .label-group {
    color: #999;
    display: flex
}

.pc .audio-course .audio-panel .panel-right .label-group li {
    padding: 4px 12px;
    border: 1px solid #DDD;
    border-radius: 4px;
    margin-right: 20px
}

.pc .audio-course .audio-panel .panel-right .price .new {
    color: #D0021B;
    font-size: 24px;
    font-weight: 600;
    margin-right: 5px
}

.pc .audio-course .audio-panel .panel-right .price .old {
    color: #909399;
    text-decoration: line-through
}

.pc .audio-course .audio-panel .panel-right .start-play-time .time {
    font-weight: 600;
    font-size: 18px
}

.pc .audio-course .audio-panel .panel-right .has-sell {
    display: flex;
    align-items: center;
    flex: 1 1 0
}

.pc .audio-course .audio-panel .panel-right .has-sell .num {
    font-weight: 600;
    font-size: 18px
}

.pc .audio-course .audio-panel .panel-right .btn-group {
    display: flex;
    justify-content: space-between
}

.pc .audio-course .audio-panel .panel-right .btn-group div {
    border-radius: 4px;
    padding: 10px 40px;
    font-size: 18px;
    color: #fff;
    background-color: #FA9000;
    cursor: pointer
}

.pc .audio-course .audio-panel .panel-right .btn-group div.buy {
    background-color: #EB312D
}

.pc .audio-course .audio-panel .panel-right .hasbuy {
    background-color: #B6B6B6;
    color: #fff;
    font-size: 18px;
    padding: 10px 0;
    border-radius: 4px;
    text-align: center;
    margin-bottom: 0
}

.pc .audio-course .share-box .share {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.pc .audio-course .share-box .share .share-left {
    display: flex;
    align-items: center
}

.pc .audio-course .share-box .share .share-left ul {
    display: flex;
    margin-bottom: 0
}

.pc .audio-course .share-box .share .share-left ul img {
    width: 32px
}

.pc .audio-course .detail-info .main-title {
    padding-top: 20px;
    font-size: 18px;
    display: flex;
    border-bottom: 1px solid #DDD;
    color: #666;
    position: relative
}

.pc .audio-course .detail-info .main-title a {
    color: #666;
    margin-right: 50px;
    padding-bottom: 12px
}

.pc .audio-course .detail-info .main-title a.active {
    color: #2D8DF0;
    border-bottom: 4px solid #2D8DF0
}

.pc .audio-course .detail-info .main-title .mobile-buy {
    cursor: pointer;
    display: flex;
    align-items: center;
    padding-bottom: 12px
}

.pc .audio-course .detail-info .main-title .mobile-buy .icon {
    margin-left: 8px;
    width: 18px;
    height: 18px;
    background-image: url(/visual-editor/images/qrcode-icon.png)
}

.pc .audio-course .detail-info .main-title .code {
    padding: 20px;
    position: absolute;
    bottom: -150px;
    right: 0;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .3);
    z-index: 1;
    background-color: #fff
}

.pc .audio-course .detail-info .main-content {
    padding-top: 40px
}

.pc .audio-course .detail-info .main-content .title {
    color: #333;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px
}

.pc .audio-course .detail-info .main-content .content-left .content-box {
    margin-bottom: 40px
}

.pc .audio-course .detail-info .main-content .content-left .content-box img {
    width: 100%;
    margin-bottom: 20px
}

.pc .audio-course .detail-info .main-content .content-left .content-box .content-text {
    line-height: 24px
}

.pc .audio-course .detail-info .main-content .content-left .comment-box .title {
    color: #333;
    font-size: 18px;
    font-weight: 600
}

.pc .audio-course .detail-info .main-content .content-left .comment-box ul.comment-label {
    display: flex
}

.pc .audio-course .detail-info .main-content .content-left .comment-box ul.comment-label li {
    padding: 5px 12px;
    border: 1px solid #DDD;
    color: #999;
    border-radius: 4px;
    margin-right: 20px;
    cursor: pointer
}

.pc .audio-course .detail-info .main-content .content-left .comment-box ul.comment-label li.active {
    border: 1px solid #2D8DF0
}

.pc .audio-course .detail-info .main-content .content-left .comment-box .comment-item {
    padding: 20px 0;
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid #DDD
}

.pc .audio-course .detail-info .main-content .content-left .comment-box .comment-item:last-child {
    border-bottom: none
}

.pc .audio-course .detail-info .main-content .content-left .comment-box .comment-item .info {
    flex: 1 1 0;
    display: flex;
    align-items: center
}

.pc .audio-course .detail-info .main-content .content-left .comment-box .comment-item .info .avatar {
    margin-right: 10px
}

.pc .audio-course .detail-info .main-content .content-left .comment-box .comment-item .info .avatar img {
    border-radius: 50%;
    width: 50px;
    height: 50px
}

.pc .audio-course .detail-info .main-content .content-left .comment-box .comment-item .info .name {
    color: #999
}

.pc .audio-course .detail-info .main-content .content-left .comment-box .comment-item .content {
    flex: 3 1 0
}

.pc .audio-course .detail-info .main-content .content-left .comment-box .comment-item .content .comment-message {
    display: flex
}

.pc .audio-course .detail-info .main-content .content-left .comment-box .comment-item .content .comment-message .star-group {
    width: 140px
}

.pc .audio-course .detail-info .main-content .content-left .comment-box .comment-item .content .comment-content {
    margin: 12px 0
}

.pc .audio-course .detail-info .main-content .content-left .comment-box .comment-item .content .pic-list ul,
.pc .audio-course .detail-info .main-content .content-left .release-box .score {
    margin-bottom: 20px;
    display: flex
}

.pc .audio-course .detail-info .main-content .content-left .comment-box .comment-item .content .pic-list ul li,
.pc .audio-course .detail-info .main-content .content-left .release-box .score .text {
    margin-right: 20px
}

.pc .audio-course .detail-info .main-content .content-left .comment-box .comment-item .content .pic-list ul img {
    width: 100px
}

.pc .audio-course .detail-info .main-content .content-left .comment-box .comment-item .content .append-commit .append-message {
    display: flex
}

.pc .audio-course .detail-info .main-content .content-left .comment-box .comment-item .content .append-commit .append-message .text {
    width: 140px
}

.pc .audio-course .detail-info .main-content .content-left .comment-box .comment-item .content .append-commit .append-content {
    padding: 12px 0
}

.pc .audio-course .detail-info .main-content .content-left .release-box {
    box-shadow: 0 0 4px 1px rgba(221, 221, 221, .6);
    border-radius: 8px;
    padding: 20px 10px
}

.pc .audio-course .detail-info .main-content .content-left .release-box textarea {
    border: 1px solid #DDD;
    width: 100%;
    resize: none;
    outline: 0;
    margin-bottom: 10px
}

.pc .audio-course .detail-info .main-content .content-left .release-box .release {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.pc .audio-course .detail-info .main-content .content-left .release-box .release .upload {
    background-color: #F5F5F5;
    border: 1px solid #DDD;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 10px;
    cursor: pointer;
    padding: 5px
}

.pc .audio-course .detail-info .main-content .content-left .release-box .release .release-btn {
    background-color: #2D8DF0;
    border-radius: 4px;
    color: #fff;
    padding: 9px 30px;
    font-size: 18px;
    cursor: pointer
}

.pc .audio-course .detail-info .main-content .recommend {
    border: 1px solid #DDD;
    border-radius: 6px;
    padding: 20px
}

.pc .audio-course .detail-info .main-content .recommend .recommend-item {
    display: flex
}

.pc .audio-course .detail-info .main-content .recommend .recommend-item .item-left {
    flex: 7;
    border-radius: 4px;
    background: rgba(0, 0, 0, .3);
    margin-right: 14px
}

.pc .audio-course .detail-info .main-content .recommend .recommend-item .item-left video {
    width: 100%;
    height: 100%
}

.pc .audio-course .detail-info .main-content .recommend .recommend-item .item-right {
    flex: 9
}

.pc .audio-course .detail-info .main-content .recommend .recommend-item .item-right .item-title {
    font-size: 16px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 5px
}

.pc .audio-course .detail-info .main-content .recommend .recommend-item .item-right .buy-num {
    color: #666;
    font-size: 12px
}

.pc .audio-course .detail-info .main-content .recommend .recommend-item .item-right .price {
    display: flex;
    align-items: center;
    margin-bottom: 0
}

.pc .audio-course .detail-info .main-content .recommend .recommend-item .item-right .price .new {
    font-size: 18px;
    color: #D0021B;
    margin-right: 10px;
    font-weight: 600
}

.pc .audio-course .detail-info .main-content .recommend .recommend-item .item-right .price .old {
    font-size: 12px;
    color: #8F939A;
    text-decoration: line-through
}

.mobile .audio-course .hidden-xs {
    display: none
}

.mobile .audio-course .course-main-content {
    background-color: #fff;
    margin-bottom: 16px
}

.mobile .audio-course .course-main-content .course-content {
    background-color: #000;
    padding: 69px 0 9px;
    position: relative
}

.mobile .audio-course .course-main-content .course-content .icon {
    width: 30px;
    height: 30px;
    top: 20px;
    position: absolute;
    cursor: pointer
}

.mobile .audio-course .course-main-content .course-content .back-icon {
    left: 20px;
    background-image: url(/visual-editor/images/video-detail/icon-back.png)
}

.mobile .audio-course .course-main-content .course-content .share-icon {
    right: 20px;
    background-image: url(/visual-editor/images/video-detail/icon-share.png)
}

.mobile .audio-course .course-main-content .course-content video {
    background-color: #aca8a8;
    width: 100%
}

.mobile .audio-course .course-main-content .course-content .controller {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 20px
}

.mobile .audio-course .course-main-content .course-info-panel,
.mobile .live-stream-course .course-main-content .course-info-panel {
    padding: 16px 20px
}

.mobile .audio-course .course-main-content .course-content .controller img {
    width: 100%;
    height: 100%;
    cursor: pointer
}

.mobile .audio-course .course-main-content .course-content .controller .loop {
    width: 24px;
    height: 24px
}

.mobile .audio-course .course-main-content .course-content .controller .ccenter {
    display: flex;
    align-items: center
}

.mobile .audio-course .course-main-content .course-content .controller .ccenter .back,
.mobile .audio-course .course-main-content .course-content .controller .ccenter .forward {
    width: 32px;
    height: 32px
}

.mobile .audio-course .course-main-content .course-content .controller .ccenter .start {
    width: 52px;
    height: 52px
}

.mobile .audio-course .course-main-content .course-content .controller .cright {
    display: flex;
    color: #fff
}

.mobile .audio-course .course-main-content .course-info-panel .course-title {
    font-size: 18px;
    color: #333;
    font-weight: 600;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.mobile .audio-course .course-main-content .course-info-panel .course-info-center {
    padding: 10px 0 15px;
    display: flex;
    justify-content: space-between
}

.mobile .audio-course .course-main-content .course-info-panel .course-info-center .price {
    display: flex;
    align-items: center
}

.mobile .audio-course .course-main-content .course-info-panel .course-info-center .price .new {
    color: #F44;
    font-size: 24px;
    font-weight: 600;
    margin-right: 10px
}

.mobile .audio-course .course-main-content .course-info-panel .course-info-center .price .old {
    font-size: 12px;
    color: #8F939A;
    text-decoration: line-through
}

.mobile .audio-course .course-main-content .course-info-panel .course-info-center .has-buy {
    font-size: 12px;
    display: flex;
    align-items: center;
    color: #999
}

.mobile .audio-course .course-main-content .course-info-panel .course-info-center .has-buy>p {
    margin-bottom: 0
}

.mobile .audio-course .course-main-content .course-info-panel .course-info-center .has-buy>p span {
    color: #F85
}

.mobile .audio-course .course-main-content .course-info-panel .course-info-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.mobile .audio-course .course-main-content .course-info-panel .course-info-bottom .validity {
    border-right: 1px solid #999;
    color: #999;
    font-size: 12px;
    height: 26px;
    margin-bottom: 0;
    padding-right: 20px;
    width: 56%
}

.mobile .audio-course .course-main-content .course-info-panel .course-info-bottom .validity span {
    font-size: 18px;
    color: #F85
}

.mobile .audio-course .course-main-content .course-info-panel .course-info-bottom .course-label-group {
    overflow-x: scroll
}

.mobile .audio-course .course-main-content .course-info-panel .course-info-bottom .course-label-group ul {
    display: flex;
    margin-bottom: 0;
    padding-left: 20px
}

.mobile .audio-course .course-main-content .course-info-panel .course-info-bottom .course-label-group ul li {
    border: 1px solid #DDD;
    border-radius: 4px;
    padding: 4px 12px;
    color: #999;
    margin-right: 20px
}

.mobile .audio-course .course-detail-info {
    background-color: #fff;
    padding: 20px
}

.mobile .audio-course .course-detail-info ul {
    margin-bottom: 30px;
    border-bottom: none
}

.mobile .audio-course .course-detail-info ul li {
    color: #666;
    font-size: 18px;
    margin-right: 40px
}

.mobile .audio-course .course-detail-info ul li.active>a {
    color: #F44;
    border-bottom: 4px solid #F44;
    font-weight: 600
}

.mobile .audio-course .course-detail-info ul li a {
    border: none;
    padding: 0
}

.mobile .audio-course .course-detail-info .recommend li {
    margin-right: 0
}

.mobile .audio-course .course-detail-info .recommend li:not(:last-child) {
    border-bottom: 1px solid #eee;
    margin-bottom: 15px
}

.mobile .audio-course .course-detail-info .recommend .zb-recommend-item {
    padding-bottom: 15px;
    display: flex
}

.mobile .audio-course .course-detail-info .recommend .zb-recommend-item .item-left {
    flex: 7 1 0;
    padding-right: 14px
}

.mobile .audio-course .course-detail-info .recommend .zb-recommend-item .item-left video {
    width: 100%;
    height: 100%;
    background-color: #999;
    border-radius: 4px
}

.mobile .audio-course .course-detail-info .recommend .zb-recommend-item .item-right {
    flex: 11 1 0;
    display: flex;
    flex-direction: column;
    font-size: 12px
}

.mobile .audio-course .course-detail-info .recommend .zb-recommend-item .item-right .item-title {
    font-size: 16px;
    margin-bottom: 20px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.mobile .audio-course .course-detail-info .recommend .zb-recommend-item .item-right .item-info {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.mobile .audio-course .course-detail-info .recommend .zb-recommend-item .item-right .item-info .price {
    margin-bottom: 0
}

.mobile .audio-course .course-detail-info .recommend .zb-recommend-item .item-right .item-info .price .new {
    color: #F44;
    font-size: 18px;
    margin-right: 10px
}

.mobile .audio-course .course-detail-info .recommend .zb-recommend-item .item-right .item-info .price .old {
    text-decoration: line-through
}

.mobile .audio-course .course-detail-info .recommend .zb-recommend-item .item-right .item-info .buy {
    display: flex
}

.mobile .audio-course .course-detail-info .recommend .zb-recommend-item .item-right .item-info .buy .icon {
    width: 18px;
    height: 18px;
    background-image: url(/visual-editor/images/cart-icon.png)
}

.mobile .audio-course .course-detail-info .comment .comment-item {
    border-bottom: 1px solid #F0F0F0
}

.mobile .audio-course .course-detail-info .comment .comment-item .comment-info {
    margin-bottom: 10px;
    display: flex;
    align-items: center
}

.mobile .audio-course .course-detail-info .comment .comment-item .comment-info .avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-right: 12px
}

.mobile .audio-course .course-detail-info .comment .comment-item .comment-info .info-center {
    flex: 1;
    display: flex;
    flex-direction: column
}

.mobile .audio-course .course-detail-info .comment .comment-item .comment-info .info-center .phone-num {
    color: #303133
}

.mobile .audio-course .course-detail-info .comment .comment-item .comment-info .info-center .date {
    font-size: 12px;
    color: #8F939A
}

.mobile .audio-course .course-detail-info .comment .comment-item .comment-info .star-group img {
    width: 12px;
    height: 12px
}

.mobile .audio-course .course-detail-info .comment .comment-item .comment-content {
    margin-bottom: 12px
}

.mobile .audio-course .course-detail-info .comment .comment-item .img-content {
    height: 100px;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.mobile .audio-course .course-detail-info .comment .comment-item .img-content img {
    width: 100px;
    height: fit-content;
    margin-right: 10px
}

.pc .live-stream-course {
    padding: 40px;
    background-color: #fff
}

.pc .live-stream-course .hidden-sm {
    display: none
}

.pc .live-stream-course .line {
    margin: 0 20px;
    background-color: #DDD;
    width: 1px;
    height: 20px;
    display: inline-block
}

.pc .live-stream-course .live-stream-panel .panel-left video {
    display: block;
    width: 100%;
    background-color: #F0F0F0
}

.pc .live-stream-course .live-stream-panel .panel-left .controller {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 80px;
    height: 80px
}

.pc .live-stream-course .live-stream-panel .panel-left .controller img {
    width: 100%;
    height: 100%
}

.pc .live-stream-course .live-stream-panel .panel-right>* {
    margin-bottom: 20px
}

.pc .live-stream-course .live-stream-panel .panel-right .course-title {
    font-size: 24px
}

.pc .live-stream-course .live-stream-panel .panel-right .label-group {
    color: #999;
    display: flex
}

.pc .live-stream-course .live-stream-panel .panel-right .label-group li {
    padding: 4px 12px;
    border: 1px solid #DDD;
    border-radius: 4px;
    margin-right: 20px
}

.pc .live-stream-course .live-stream-panel .panel-right .price .new {
    color: #D0021B;
    font-size: 24px;
    font-weight: 600;
    margin-right: 5px
}

.pc .live-stream-course .live-stream-panel .panel-right .price .old {
    color: #909399;
    text-decoration: line-through
}

.pc .live-stream-course .live-stream-panel .panel-right .start-play-time .time {
    font-weight: 600;
    font-size: 18px
}

.pc .live-stream-course .live-stream-panel .panel-right .has-sell {
    display: flex;
    align-items: center;
    flex: 1 1 0
}

.pc .live-stream-course .live-stream-panel .panel-right .has-sell .num {
    font-weight: 600;
    font-size: 18px
}

.pc .live-stream-course .live-stream-panel .panel-right .btn-group {
    display: flex;
    justify-content: space-between
}

.pc .live-stream-course .live-stream-panel .panel-right .btn-group div {
    border-radius: 4px;
    padding: 10px 40px;
    font-size: 18px;
    color: #fff;
    background-color: #FA9000;
    cursor: pointer
}

.pc .live-stream-course .live-stream-panel .panel-right .btn-group div.buy {
    background-color: #EB312D
}

.pc .live-stream-course .live-stream-panel .panel-right .hasbuy {
    background-color: #B6B6B6;
    color: #fff;
    font-size: 18px;
    padding: 10px 0;
    border-radius: 4px;
    text-align: center;
    margin-bottom: 0
}

.pc .live-stream-course .share-box .share {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.pc .live-stream-course .share-box .share .share-left {
    display: flex;
    align-items: center
}

.pc .live-stream-course .share-box .share .share-left ul {
    display: flex;
    margin-bottom: 0
}

.pc .live-stream-course .share-box .share .share-left ul img {
    width: 32px
}

.pc .live-stream-course .detail-info .main-title {
    padding-top: 20px;
    font-size: 18px;
    display: flex;
    border-bottom: 1px solid #DDD;
    color: #666;
    position: relative
}

.pc .live-stream-course .detail-info .main-title div:nth-child(3) {
    flex: 1 1 0
}

.pc .live-stream-course .detail-info .main-title a {
    color: #666;
    margin-right: 50px;
    padding-bottom: 12px
}

.pc .live-stream-course .detail-info .main-title a.active {
    color: #2D8DF0;
    border-bottom: 4px solid #2D8DF0
}

.pc .live-stream-course .detail-info .main-title .mobile-buy {
    cursor: pointer;
    display: flex;
    align-items: center;
    padding-bottom: 12px
}

.pc .live-stream-course .detail-info .main-title .mobile-buy .icon {
    margin-left: 8px;
    width: 18px;
    height: 18px;
    background-image: url(/visual-editor/images/qrcode-icon.png)
}

.pc .live-stream-course .detail-info .main-title .code {
    padding: 20px;
    position: absolute;
    bottom: -150px;
    right: 0;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .3);
    z-index: 1;
    background-color: #fff
}

.pc .live-stream-course .detail-info .main-content {
    padding-top: 40px
}

.pc .live-stream-course .detail-info .main-content .title {
    color: #333;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px
}

.pc .live-stream-course .detail-info .main-content .content-left .content-box {
    margin-bottom: 40px
}

.pc .live-stream-course .detail-info .main-content .content-left .content-box .content-hide-tips {
    padding: 20px 20px 30px;
    border: 1px dashed #ccc;
    border-radius: 4px;
    background-color: #f6f6f6;
    margin: 20px 0;
    position: relative
}

.pc .live-stream-course .detail-info .main-content .content-left .content-box .content-hide-tips .lock {
    width: 28px;
    height: 28px;
    background-image: url(/visual-editor/images/lock1.png)
}

.pc .live-stream-course .detail-info .main-content .content-left .content-box .content-hide-tips .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 2
}

.pc .live-stream-course .detail-info .main-content .content-left .content-box .content-hide-tips .content .text {
    color: #333
}

.pc .live-stream-course .detail-info .main-content .content-left .content-box .content-hide-tips .content .coin {
    background-color: #fff;
    color: #D0021B;
    padding: 6px 23px;
    border-radius: 18px;
    border: 1px solid #515866;
    font-size: 18px;
    font-weight: 600
}

.pc .live-stream-course .detail-info .main-content .content-left .content-box .content-hide-tips .content .paid {
    margin-bottom: 20px
}

.pc .live-stream-course .detail-info .main-content .content-left .content-box .content-hide-tips .content .paid span {
    color: #2D8DF0
}

.pc .live-stream-course .detail-info .main-content .content-left .content-box .content-hide-tips .hide-text {
    position: absolute;
    font-size: 50px;
    height: 60px;
    color: #E9E9E9;
    text-align: center;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.pc .live-stream-course .detail-info .main-content .content-left .content-box .content-show-tips {
    padding: 20px 20px 30px;
    border: 1px dashed #ccc;
    border-radius: 4px;
    background-color: #f6f6f6;
    margin: 20px 0;
    position: relative
}

.pc .live-stream-course .detail-info .main-content .content-left .content-box .content-show-tips .title {
    font-size: 14px;
    margin: 10px 0
}

.pc .live-stream-course .detail-info .main-content .content-left .content-box .content-show-tips .copy {
    color: #999;
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 4px;
    background-color: #fff;
    cursor: pointer
}

.pc .live-stream-course .detail-info .main-content .content-left .content-box .content-show-tips .lock {
    width: 28px;
    height: 28px;
    background-image: url(/visual-editor/images/lock2.png)
}

.pc .live-stream-course .detail-info .main-content .content-left .content-box .content-show-tips .zb-info {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 10px;
    color: #666;
    word-break: break-all
}

.pc .live-stream-course .detail-info .main-content .content-left .content-box .content-show-tips .zb-info p {
    margin-bottom: 0
}

.pc .live-stream-course .detail-info .main-content .content-left .content-box .content-show-tips .zb-info span {
    color: #333
}

.pc .live-stream-course .detail-info .main-content .content-left .content-box .content-show-tips .zb-info .left {
    width: 85%
}

.pc .live-stream-course .detail-info .main-content .content-left .content-box .content-show-tips .bottom-box {
    display: flex
}

.pc .live-stream-course .detail-info .main-content .content-left .content-box .content-show-tips .bottom-box img {
    width: 120px;
    height: 120px;
    margin: 0 30px 0 0
}

.pc .live-stream-course .detail-info .main-content .content-left .content-box .content-show-tips .bottom-box .box-right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    color: #666
}

.pc .live-stream-course .detail-info .main-content .content-left .content-box .content-show-tips .bottom-box .box-right .time {
    flex: 1 1 0
}

.pc .live-stream-course .detail-info .main-content .content-left .content-box .content-show-tips .bottom-box .box-right .time span {
    color: #333
}

.pc .live-stream-course .detail-info .main-content .content-left .content-box .content-show-tips .bottom-box .box-right .save-btn {
    padding: 4px 66px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #979797;
    color: #333;
    cursor: pointer
}

.pc .live-stream-course .detail-info .main-content .content-left .content-box .content-show-tips .bottom-box .box-right .save-btn .icon {
    background-image: url(/visual-editor/images/xz-icon.png);
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 6px
}

.pc .live-stream-course .detail-info .main-content .content-left .content-box img {
    width: 100%;
    margin-bottom: 20px
}

.pc .live-stream-course .detail-info .main-content .content-left .content-box .content-text {
    line-height: 24px
}

.pc .live-stream-course .detail-info .main-content .content-left .comment-box .title {
    color: #333;
    font-size: 18px;
    font-weight: 600
}

.pc .live-stream-course .detail-info .main-content .content-left .comment-box ul.comment-label {
    display: flex
}

.pc .live-stream-course .detail-info .main-content .content-left .comment-box ul.comment-label li {
    padding: 5px 12px;
    border: 1px solid #DDD;
    color: #999;
    border-radius: 4px;
    margin-right: 20px;
    cursor: pointer
}

.pc .live-stream-course .detail-info .main-content .content-left .comment-box ul.comment-label li.active {
    border: 1px solid #2D8DF0
}

.pc .live-stream-course .detail-info .main-content .content-left .comment-box .comment-item {
    padding: 20px 0;
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid #DDD
}

.pc .live-stream-course .detail-info .main-content .content-left .comment-box .comment-item:last-child {
    border-bottom: none
}

.pc .live-stream-course .detail-info .main-content .content-left .comment-box .comment-item .info {
    flex: 1 1 0;
    display: flex;
    align-items: center
}

.pc .live-stream-course .detail-info .main-content .content-left .comment-box .comment-item .info .avatar {
    margin-right: 10px
}

.pc .live-stream-course .detail-info .main-content .content-left .comment-box .comment-item .info .avatar img {
    border-radius: 50%;
    width: 50px;
    height: 50px
}

.pc .live-stream-course .detail-info .main-content .content-left .comment-box .comment-item .info .name {
    color: #999
}

.pc .live-stream-course .detail-info .main-content .content-left .comment-box .comment-item .content {
    flex: 3 1 0
}

.pc .live-stream-course .detail-info .main-content .content-left .comment-box .comment-item .content .comment-message {
    display: flex
}

.pc .live-stream-course .detail-info .main-content .content-left .comment-box .comment-item .content .comment-message .star-group {
    width: 140px
}

.pc .live-stream-course .detail-info .main-content .content-left .comment-box .comment-item .content .comment-content {
    margin: 12px 0
}

.pc .live-stream-course .detail-info .main-content .content-left .comment-box .comment-item .content .pic-list ul,
.pc .live-stream-course .detail-info .main-content .content-left .release-box .score {
    margin-bottom: 20px;
    display: flex
}

.pc .live-stream-course .detail-info .main-content .content-left .comment-box .comment-item .content .pic-list ul li,
.pc .live-stream-course .detail-info .main-content .content-left .release-box .score .text {
    margin-right: 20px
}

.pc .live-stream-course .detail-info .main-content .content-left .comment-box .comment-item .content .pic-list ul img {
    width: 100px
}

.pc .live-stream-course .detail-info .main-content .content-left .comment-box .comment-item .content .append-commit .append-message {
    display: flex
}

.pc .live-stream-course .detail-info .main-content .content-left .comment-box .comment-item .content .append-commit .append-message .text {
    width: 140px
}

.pc .live-stream-course .detail-info .main-content .content-left .comment-box .comment-item .content .append-commit .append-content {
    padding: 12px 0
}

.pc .live-stream-course .detail-info .main-content .content-left .release-box {
    box-shadow: 0 0 4px 1px rgba(221, 221, 221, .6);
    border-radius: 8px;
    padding: 20px 10px
}

.pc .live-stream-course .detail-info .main-content .content-left .release-box textarea {
    border: 1px solid #DDD;
    width: 100%;
    resize: none;
    outline: 0;
    margin-bottom: 10px
}

.pc .live-stream-course .detail-info .main-content .content-left .release-box .release {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.pc .live-stream-course .detail-info .main-content .content-left .release-box .release .upload {
    background-color: #F5F5F5;
    border: 1px solid #DDD;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 10px;
    cursor: pointer;
    padding: 5px
}

.pc .live-stream-course .detail-info .main-content .content-left .release-box .release .release-btn {
    background-color: #2D8DF0;
    border-radius: 4px;
    color: #fff;
    padding: 9px 30px;
    font-size: 18px;
    cursor: pointer
}

.pc .live-stream-course .detail-info .main-content .recommend {
    border: 1px solid #DDD;
    border-radius: 6px;
    padding: 20px
}

.pc .live-stream-course .detail-info .main-content .recommend .recommend-item {
    display: flex
}

.pc .live-stream-course .detail-info .main-content .recommend .recommend-item .item-left {
    flex: 7;
    border-radius: 4px;
    background: rgba(0, 0, 0, .3);
    margin-right: 14px
}

.pc .live-stream-course .detail-info .main-content .recommend .recommend-item .item-left video {
    width: 100%;
    height: 100%
}

.pc .live-stream-course .detail-info .main-content .recommend .recommend-item .item-right {
    flex: 9
}

.pc .live-stream-course .detail-info .main-content .recommend .recommend-item .item-right .item-title {
    font-size: 16px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 5px
}

.pc .live-stream-course .detail-info .main-content .recommend .recommend-item .item-right .buy-num {
    color: #666;
    font-size: 12px
}

.pc .live-stream-course .detail-info .main-content .recommend .recommend-item .item-right .price {
    display: flex;
    align-items: center;
    margin-bottom: 0
}

.pc .live-stream-course .detail-info .main-content .recommend .recommend-item .item-right .price .new {
    font-size: 18px;
    color: #D0021B;
    margin-right: 10px;
    font-weight: 600
}

.pc .live-stream-course .detail-info .main-content .recommend .recommend-item .item-right .price .old {
    font-size: 12px;
    color: #8F939A;
    text-decoration: line-through
}

.mobile .live-stream-course .hidden-xs {
    display: none
}

.mobile .live-stream-course .course-main-content {
    background-color: #fff;
    margin-bottom: 16px
}

.mobile .live-stream-course .course-main-content .course-content {
    background-color: #000;
    padding: 69px 0;
    position: relative
}

.mobile .live-stream-course .course-main-content .course-content .icon {
    width: 30px;
    height: 30px;
    top: 20px;
    position: absolute;
    cursor: pointer
}

.mobile .live-stream-course .course-main-content .course-content .back-icon {
    left: 20px;
    background-image: url(/visual-editor/images/video-detail/icon-back.png)
}

.mobile .live-stream-course .course-main-content .course-content .share-icon {
    right: 20px;
    background-image: url(/visual-editor/images/video-detail/icon-share.png)
}

.mobile .live-stream-course .course-main-content .course-content video {
    background-color: #aca8a8;
    width: 100%
}

.mobile .live-stream-course .course-main-content .course-content .controller {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 60px
}

.mobile .live-stream-course .course-main-content .course-content .controller img {
    width: 100%;
    height: 100%
}

.mobile .live-stream-course .course-main-content .course-info-panel .course-title {
    font-size: 18px;
    color: #333;
    font-weight: 600;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.mobile .live-stream-course .course-main-content .course-info-panel .course-info-center {
    padding: 10px 0 15px;
    display: flex;
    justify-content: space-between
}

.mobile .live-stream-course .course-main-content .course-info-panel .course-info-center .price {
    display: flex;
    align-items: center
}

.mobile .live-stream-course .course-main-content .course-info-panel .course-info-center .price .new {
    color: #F44;
    font-size: 24px;
    font-weight: 600;
    margin-right: 10px
}

.mobile .live-stream-course .course-main-content .course-info-panel .course-info-center .price .old {
    font-size: 12px;
    color: #8F939A;
    text-decoration: line-through
}

.mobile .live-stream-course .course-main-content .course-info-panel .course-info-center .has-buy {
    font-size: 12px;
    display: flex;
    align-items: center;
    color: #999
}

.mobile .live-stream-course .course-main-content .course-info-panel .course-info-center .has-buy>p {
    margin-bottom: 0
}

.mobile .live-stream-course .course-main-content .course-info-panel .course-info-center .has-buy>p span {
    color: #F85
}

.mobile .live-stream-course .course-main-content .course-info-panel .course-info-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.mobile .live-stream-course .course-main-content .course-info-panel .course-info-bottom .validity {
    border-right: 1px solid #999;
    color: #999;
    font-size: 12px;
    height: 26px;
    margin-bottom: 0;
    padding-right: 20px;
    width: 56%
}

.mobile .live-stream-course .course-main-content .course-info-panel .course-info-bottom .validity span {
    font-size: 18px;
    color: #F85
}

.mobile .live-stream-course .course-main-content .course-info-panel .course-info-bottom .course-label-group {
    overflow-x: scroll
}

.mobile .live-stream-course .course-main-content .course-info-panel .course-info-bottom .course-label-group ul {
    display: flex;
    margin-bottom: 0;
    padding-left: 20px
}

.mobile .live-stream-course .course-main-content .course-info-panel .course-info-bottom .course-label-group ul li {
    border: 1px solid #DDD;
    border-radius: 4px;
    padding: 4px 12px;
    color: #999;
    margin-right: 20px
}

.mobile .live-stream-course .course-detail-info {
    background-color: #fff;
    padding: 20px
}

.mobile .live-stream-course .course-detail-info ul {
    margin-bottom: 30px;
    border-bottom: none
}

.mobile .live-stream-course .course-detail-info ul li {
    color: #666;
    font-size: 18px;
    margin-right: 40px
}

.mobile .live-stream-course .course-detail-info ul li.active>a {
    color: #F44;
    border-bottom: 4px solid #F44;
    font-weight: 600
}

.mobile .live-stream-course .course-detail-info ul li a {
    border: none;
    padding: 0
}

.mobile .live-stream-course .course-detail-info .main-content .content-hide-tips {
    padding: 10px 10px 20px;
    border: 1px dashed #ccc;
    border-radius: 4px;
    background-color: #f6f6f6;
    margin: 20px 0;
    position: relative
}

.mobile .live-stream-course .course-detail-info .main-content .content-hide-tips .lock {
    width: 28px;
    height: 28px;
    background-image: url(/visual-editor/images/lock1.png)
}

.mobile .live-stream-course .course-detail-info .main-content .content-hide-tips .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 2
}

.mobile .live-stream-course .course-detail-info .main-content .content-hide-tips .content .text {
    color: #333
}

.mobile .live-stream-course .course-detail-info .main-content .content-hide-tips .content .hide-text {
    color: #E9E9E9;
    font-size: 32px;
    white-space: nowrap;
    overflow: hidden;
    width: 100%
}

.mobile .live-stream-course .course-detail-info .main-content .content-hide-tips .content .paid {
    margin-bottom: 20px
}

.mobile .live-stream-course .course-detail-info .main-content .content-hide-tips .content .paid span {
    color: #2D8DF0
}

.mobile .live-stream-course .course-detail-info .main-content .content-show-tips {
    padding: 20px 20px 30px;
    border: 1px dashed #ccc;
    border-radius: 4px;
    background-color: #f6f6f6;
    margin: 20px 0;
    position: relative
}

.mobile .live-stream-course .course-detail-info .main-content .content-show-tips .title {
    font-size: 14px;
    margin: 10px 0
}

.mobile .live-stream-course .course-detail-info .main-content .content-show-tips .copy {
    color: #999;
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 4px;
    background-color: #fff;
    cursor: pointer
}

.mobile .live-stream-course .course-detail-info .main-content .content-show-tips .lock {
    width: 28px;
    height: 28px;
    background-image: url(/visual-editor/images/lock2.png)
}

.mobile .live-stream-course .course-detail-info .main-content .content-show-tips .zb-info {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 10px;
    color: #666;
    word-break: break-all
}

.mobile .live-stream-course .course-detail-info .main-content .content-show-tips .zb-info p {
    margin-bottom: 0
}

.mobile .live-stream-course .course-detail-info .main-content .content-show-tips .zb-info span {
    color: #333
}

.mobile .live-stream-course .course-detail-info .main-content .content-show-tips .zb-info .left-box {
    width: 75%
}

.mobile .live-stream-course .course-detail-info .main-content .content-show-tips .bottom-box {
    display: flex
}

.mobile .live-stream-course .course-detail-info .main-content .content-show-tips .bottom-box .img-box {
    flex: 1 1 0;
    margin: 0 20px 0 0
}

.mobile .live-stream-course .course-detail-info .main-content .content-show-tips .bottom-box .img-box img {
    width: 100%
}

.mobile .live-stream-course .course-detail-info .main-content .content-show-tips .bottom-box .box-right {
    flex: 2 1 0;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: flex-start;
    color: #666
}

.mobile .live-stream-course .course-detail-info .main-content .content-show-tips .bottom-box .box-right .video-title {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2
}

.mobile .live-stream-course .course-detail-info .main-content .content-show-tips .bottom-box .box-right .time {
    flex: 1 1 0
}

.mobile .live-stream-course .course-detail-info .main-content .content-show-tips .bottom-box .box-right .time span {
    color: #333
}

.mobile .live-stream-course .course-detail-info .main-content .content-show-tips .bottom-box .box-right .save-btn {
    padding: 4px 0;
    text-align: center;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #979797;
    color: #333;
    cursor: pointer;
    width: 100%
}

.mobile .live-stream-course .course-detail-info .main-content .content-show-tips .bottom-box .box-right .save-btn .icon {
    background-image: url(/visual-editor/images/xz-icon.png);
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 6px
}

.mobile .live-stream-course .course-detail-info .recommend li {
    margin-right: 0
}

.mobile .live-stream-course .course-detail-info .recommend li:not(:last-child) {
    border-bottom: 1px solid #eee;
    margin-bottom: 15px
}

.mobile .live-stream-course .course-detail-info .recommend .zb-recommend-item {
    padding-bottom: 15px;
    display: flex
}

.mobile .live-stream-course .course-detail-info .recommend .zb-recommend-item .item-left {
    flex: 7 1 0;
    padding-right: 14px
}

.mobile .live-stream-course .course-detail-info .recommend .zb-recommend-item .item-left video {
    width: 100%;
    height: 100%;
    background-color: #999;
    border-radius: 4px
}

.mobile .live-stream-course .course-detail-info .recommend .zb-recommend-item .item-right {
    flex: 11 1 0;
    display: flex;
    flex-direction: column;
    font-size: 12px
}

.mobile .live-stream-course .course-detail-info .recommend .zb-recommend-item .item-right .item-title {
    font-size: 16px;
    margin-bottom: 20px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.mobile .live-stream-course .course-detail-info .recommend .zb-recommend-item .item-right .item-info {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.mobile .live-stream-course .course-detail-info .recommend .zb-recommend-item .item-right .item-info .price {
    margin-bottom: 0
}

.mobile .live-stream-course .course-detail-info .recommend .zb-recommend-item .item-right .item-info .price .new {
    color: #F44;
    font-size: 18px;
    margin-right: 10px
}

.mobile .live-stream-course .course-detail-info .recommend .zb-recommend-item .item-right .item-info .price .old {
    text-decoration: line-through
}

.mobile .live-stream-course .course-detail-info .recommend .zb-recommend-item .item-right .item-info .buy {
    display: flex
}

.mobile .live-stream-course .course-detail-info .recommend .zb-recommend-item .item-right .item-info .buy .icon {
    width: 18px;
    height: 18px;
    background-image: url(/visual-editor/images/cart-icon.png)
}

.mobile .live-stream-course .course-detail-info .comment .comment-item {
    border-bottom: 1px solid #F0F0F0
}

.mobile .live-stream-course .course-detail-info .comment .comment-item .comment-info {
    margin-bottom: 10px;
    display: flex;
    align-items: center
}

.mobile .live-stream-course .course-detail-info .comment .comment-item .comment-info .avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-right: 12px
}

.mobile .live-stream-course .course-detail-info .comment .comment-item .comment-info .info-center {
    flex: 1;
    display: flex;
    flex-direction: column
}

.mobile .live-stream-course .course-detail-info .comment .comment-item .comment-info .info-center .phone-num {
    color: #303133
}

.mobile .live-stream-course .course-detail-info .comment .comment-item .comment-info .info-center .date {
    font-size: 12px;
    color: #8F939A
}

.mobile .live-stream-course .course-detail-info .comment .comment-item .comment-info .star-group img {
    width: 12px;
    height: 12px
}

.mobile .live-stream-course .course-detail-info .comment .comment-item .comment-content {
    margin-bottom: 12px
}

.mobile .live-stream-course .course-detail-info .comment .comment-item .img-content {
    height: 100px;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.mobile .live-stream-course .course-detail-info .comment .comment-item .img-content img {
    width: 100px;
    height: fit-content;
    margin-right: 10px
}

.shop_goods_detail-container {
    --main_color: #ca141d;
    --secondary_color: #FF5802
}

.shop_goods_detail-container p,
.shop_goods_detail-container ul {
    margin-bottom: 0
}

.shop_goods_detail-container .receive-coupons-modal {
    position: fixed;
    background-color: rgba(0, 0, 0, .4);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    transition: all .3s ease;
    display: none
}

.shop_goods_detail-container .receive-coupons-modal .modal-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 15px;
    height: 15px;
    cursor: pointer;
    background: url(/visual-editor/images/shop_goods_detail/icon50.png) 0 -160px no-repeat;
    z-index: 2
}

.shop_goods_detail-container .receive-coupons-modal .modal-main-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    width: 768px
}

.shop_goods_detail-container .receive-coupons-modal .modal-main-content .title {
    text-align: center;
    padding: 18px 0 15px;
    font-size: 18px
}

.shop_goods_detail-container .receive-coupons-modal .modal-main-content .content {
    padding: 0 50px 34px
}

.shop_goods_detail-container .receive-coupons-modal .modal-main-content .content .coupon-list {
    display: flex;
    flex-wrap: wrap
}

.shop_goods_detail-container .receive-coupons-modal .modal-main-content .content .coupon-list li {
    width: 49%;
    margin-bottom: 16px;
    background-color: #fdf5f7;
    border-radius: 8px;
    padding: 15px;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.shop_goods_detail-container .receive-coupons-modal .modal-main-content .content .coupon-list li:nth-child(odd) {
    margin-right: 2%
}

.shop_goods_detail-container .receive-coupons-modal .modal-main-content .content .coupon-list li .price-box {
    padding-right: 10px;
    color: #E64566;
    border-right: 1px dashed #E6456611
}

.shop_goods_detail-container .receive-coupons-modal .modal-main-content .content .coupon-list li .price-box .price {
    font-size: 24px
}

.shop_goods_detail-container .receive-coupons-modal .modal-main-content .content .coupon-list li .detail .time,
.shop_goods_detail-container .receive-coupons-modal .modal-main-content .content .coupon-list li .price-box .price span,
.shop_goods_detail-container .receive-coupons-modal .modal-main-content .content .coupon-list li .price-box .tips {
    font-size: 12px
}

.shop_goods_detail-container .receive-coupons-modal .modal-main-content .content .coupon-list li .detail {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding-left: 10px
}

.shop_goods_detail-container .receive-coupons-modal .modal-main-content .content .coupon-list li .receive {
    color: #fff;
    background-color: #E64566;
    line-height: 28px;
    width: 56px;
    text-align: center;
    border-radius: 14px;
    cursor: pointer
}

.shop_goods_detail-container .addcart-modal {
    position: fixed;
    background-color: rgba(0, 0, 0, .4);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    transition: all .3s ease;
    display: none
}

.shop_goods_detail-container .addcart-modal .modal-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 15px;
    height: 15px;
    cursor: pointer;
    background: url(/visual-editor/images/shop_goods_detail/icon50.png) 0 -160px no-repeat;
    z-index: 2
}

.shop_goods_detail-container .addcart-modal .modal-main-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    width: 468px
}

.shop_goods_detail-container .addcart-modal .modal-main-content .content {
    padding: 30px
}

.shop_goods_detail-container .addcart-modal .modal-main-content .content .text {
    font-size: 18px;
    color: #444
}

.shop_goods_detail-container .addcart-modal .modal-main-content .content .btn-group {
    display: flex;
    margin-top: 20px
}

.shop_goods_detail-container .addcart-modal .modal-main-content .content .btn-group div {
    font-size: 18px;
    border-radius: 2px;
    height: 44px;
    line-height: 44px;
    cursor: pointer;
    text-align: center;
    width: 50%
}

.shop_goods_detail-container .addcart-modal .modal-main-content .content .btn-group .cancel-btn {
    border: 1px solid #ddd;
    margin-right: 5px
}

.shop_goods_detail-container .addcart-modal .modal-main-content .content .btn-group .cancel-btn:hover {
    border-color: #888
}

.shop_goods_detail-container .addcart-modal .modal-main-content .content .btn-group .ok-btn {
    background-color: var(--main_color);
    color: #fff;
    margin-left: 5px
}

.shop_goods_detail-container .shop_goods_detail-style0 {
    color: #3a3a3a;
    background-color: #fff;
    margin-top: 20px
}

.shop_goods_detail-container .shop_goods_detail-style0 .container {
    width: 1270px
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap {
    padding-bottom: 40px;
    border-bottom: 1px solid #ddd
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .left-content {
    position: sticky;
    top: 0;
    z-index: 10;
    width: 40%
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .left-content .gallery-wrap {
    width: 450px
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .left-content>img {
    width: 100%;
    height: 450px
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content {
    padding-right: 0;
    width: 60%;
    padding-left: 35px
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .title {
    font-size: 21px;
    margin-bottom: 10px
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .intro {
    color: var(--main_color);
    margin-bottom: 10px
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .label-group {
    display: flex
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .label-group li {
    font-size: 12px;
    margin-right: 15px;
    border-radius: 4px;
    padding: 0 5px;
    border: 1px solid var(--main_color);
    color: var(--main_color);
    height: 20px;
    line-height: 18px
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info {
    background-color: #f5f5f5;
    line-height: 30px;
    margin-bottom: 20px;
    margin-top: 20px;
    position: relative
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .rush-buy {
    background-image: linear-gradient(90deg, var(--main_color) 0, var(--main_color) 100%);
    color: #fff;
    width: 100%;
    height: 36px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    font-size: 12px
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .rush-buy .rush-buy-title {
    font-size: 18px;
    padding-left: 35px;
    position: relative;
    flex: 1
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .rush-buy .rush-buy-title::before {
    content: "";
    width: 16px;
    height: 16px;
    background: url(/visual-editor/images/shop_goods_detail/timelimit.png) 0 -16px no-repeat;
    top: 7px;
    left: 10px;
    position: absolute;
    background-size: 100%
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .rush-buy.rush-buy-announce {
    background-image: none;
    background-color: rgba(0, 0, 0, .1)
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .rush-buy.rush-buy-announce .rush-buy-title {
    color: var(--main_color);
    flex: none;
    margin-right: 10px
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .rush-buy.rush-buy-announce .rush-buy-title::before {
    background-position: 0 0
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .rush-buy.rush-buy-announce .info {
    font-size: 14px;
    color: rgba(0, 0, 0, .4);
    display: flex;
    flex: 1
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .rush-buy.rush-buy-announce .info p {
    margin-right: 10px
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .rush-buy.rush-buy-announce .rush-buy-counter .text {
    color: rgba(0, 0, 0, .4)
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .rush-buy.rush-buy-announce .rush-buy-counter .counter {
    background-color: rgba(0, 0, 0, .4);
    color: #fff
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .rush-buy .rush-buy-progress {
    margin-right: 16px;
    position: relative;
    width: 136px;
    height: 16px;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, .2);
    color: #fff
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .rush-buy .rush-buy-progress span {
    position: absolute;
    left: 8px;
    top: 0;
    line-height: 16px
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .rush-buy .rush-buy-counter {
    display: flex;
    align-items: center
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .rush-buy .rush-buy-counter .text {
    margin-right: 5px
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .rush-buy .rush-buy-counter .counter {
    background-color: #fff;
    color: var(--main_color);
    height: 20px;
    padding: 0 4px;
    border-radius: 2px;
    line-height: 20px;
    text-align: center
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .rush-buy .rush-buy-counter b {
    margin: 0 5px
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .info-box {
    padding: 10px
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .product-info-list {
    display: flex
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .product-info-list .tit {
    margin-right: 20px;
    font-size: 12px
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .product-info-list.price-box .left-box {
    display: flex;
    flex: 1
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .product-info-list.price-box .left-box .price {
    color: var(--main_color);
    font-size: 24px;
    margin-right: 4px
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .product-info-list.price-box .left-box .price.new-price span:first-child {
    font-size: 18px;
    float: left;
    line-height: 32px
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .product-info-list.price-box .left-box .price.old-price {
    font-size: 14px;
    color: #a4a4a4;
    text-decoration: line-through
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .product-info-list.price-box .right-box {
    display: flex;
    align-items: center
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .product-info-list.price-box .right-box .line {
    background-color: #ddd;
    width: 1px;
    height: 16px;
    margin: 0 12px
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .product-info-list.price-box .right-box .num {
    color: var(--main_color)
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .product-info-list.price-box .right-box .text {
    color: #666
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .product-info-list.promotion-box .item {
    display: flex;
    font-size: 12px;
    align-items: center
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .product-info-list.promotion-box .item .tag {
    border: 1px solid var(--main_color);
    padding: 0 6px;
    color: var(--main_color);
    margin-right: 10px;
    line-height: 18px
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .product-info-list.discount-box .ticket-group {
    display: flex;
    align-items: center;
    font-size: 12px;
    flex-wrap: wrap;
    flex: 1
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .product-info-list.discount-box .ticket-group .ticket {
    background-color: #ef5a62;
    position: relative;
    color: #fff;
    cursor: pointer;
    margin: 0 15px 5px 5px;
    line-height: 20px;
    padding: 0 2px
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .product-info-list.discount-box .ticket-group .ticket::before {
    content: "";
    position: absolute;
    width: 5px;
    left: -5px;
    top: 0;
    height: 20px;
    background: url(/visual-editor/images/shop_goods_detail/ticket.png) no-repeat
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .product-info-list.discount-box .ticket-group .ticket::after {
    content: "";
    position: absolute;
    width: 5px;
    right: -5px;
    top: 0;
    height: 20px;
    background: url(/visual-editor/images/shop_goods_detail/ticket.png) -5px 0 no-repeat
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .product-info-list.discount-box span {
    cursor: pointer;
    color: var(--main_color);
    font-size: 12px
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .sale-info {
    padding-left: 10px;
    border-bottom: 1px solid #ddd;
    font-size: 12px
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .sale-info .item {
    display: flex
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .sale-info .item .tit {
    width: 75px;
    margin-bottom: 16px
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .sale-info .item .fee {
    color: var(--main_color)
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .sale-info .item ul {
    display: flex
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .sale-info .item ul li {
    margin-right: 10px
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .sale-info .item ul li img {
    width: 20px;
    height: 20px
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .choose-box .product-choose .choose-item .tit,
.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .choose-box .product-choose .recommend .tit {
    width: 75px
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .choose-box {
    margin-top: 20px;
    padding-left: 10px;
    font-size: 12px
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .choose-box .product-choose .choose-item {
    display: flex;
    line-height: 30px
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .choose-box .product-choose .choose-item .product-choose-detail {
    display: flex;
    flex: 1;
    flex-wrap: wrap
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .choose-box .product-choose .choose-item .product-choose-detail li {
    margin-right: 10px;
    border: 1px solid #a4a4a4;
    padding: 0 12px;
    border-radius: 2px;
    cursor: pointer;
    position: relative;
    margin-bottom: 10px
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .choose-box .product-choose .choose-item .product-choose-detail li:hover {
    border-color: #717171
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .choose-box .product-choose .choose-item .product-choose-detail li.selected {
    border: 1px solid var(--main_color)
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .choose-box .product-choose .choose-item .product-choose-detail li.selected span {
    display: block
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .choose-box .product-choose .choose-item .product-choose-detail li span {
    display: none;
    position: absolute;
    bottom: -3px;
    line-height: normal;
    right: -3px;
    font-size: 22px;
    color: var(--main_color)
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .choose-box .product-choose .recommend {
    display: flex;
    flex-wrap: wrap
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .choose-box .product-choose .recommend li {
    margin: 0 10px 10px 0;
    border: 1px solid #D6D6D6
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .choose-box .product-choose .recommend li:hover {
    border-color: #717171
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .choose-box .product-choose .recommend li:hover a {
    color: var(--main_color)
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .choose-box .product-choose .recommend li a {
    display: flex;
    width: 141px;
    height: 66px;
    border-radius: 2px;
    padding: 8px
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .choose-box .product-choose .recommend li a img {
    height: 100%;
    width: 48px;
    margin-right: 6px;
    position: relative
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .choose-box .product-choose .recommend li a img::after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(/visual-editor/images/shop_goods_detail/empty.png) no-repeat #fff;
    background-size: 100% 100%
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .choose-box .product-choose .recommend li a p {
    height: 36px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .choose-box .choose-result {
    margin-bottom: 10px
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .choose-box .choose-result .selected-result {
    color: var(--main_color)
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-operate {
    display: flex;
    padding-left: 10px;
    align-items: center
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-operate .product-stock {
    margin-right: 8px;
    border: 1px solid #d6d6d6;
    position: relative;
    display: flex
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-operate .product-stock .product-stock-text {
    width: 44px;
    outline: 0;
    text-align: center;
    font-size: 18px;
    border: 0
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-operate .product-stock .product-stock-btn {
    display: flex;
    flex-direction: column;
    border-left: 1px solid #e2e2e2;
    align-items: center
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-operate .product-stock .product-stock-btn .add {
    border-bottom: 1px solid #e2e2e2
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-operate .product-stock .product-stock-btn a {
    padding: 0 5px;
    display: block;
    font-weight: 700;
    color: #777;
    font-size: 16px
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-operate .product-stock .product-stock-btn a.not-allow {
    color: #c4c4c4;
    cursor: not-allowed
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-operate .product-btn {
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    padding: 0 40px;
    line-height: 47px;
    background-color: var(--main_color);
    margin-right: 20px;
    border-radius: 2px
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-operate .product-btn:hover {
    opacity: .8
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-operate .product-btn.addcart {
    background-color: var(--secondary_color)
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-tab {
    background-color: #fff;
    padding: 30px 0;
    width: 100%;
    z-index: 100
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-tab.fixed {
    padding: 10px 0;
    position: fixed;
    top: 0;
    box-shadow: 0 1px 2px #ddd
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-tab ul {
    display: flex;
    justify-content: center
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-tab ul li {
    font-size: 18px;
    margin: 0 25px;
    cursor: pointer
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-tab ul li.selected {
    border-bottom: 2px solid var(--main_color);
    color: var(--main_color)
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-tab ul #show-onmobile {
    position: relative
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-tab ul #show-onmobile .content {
    display: flex;
    align-items: center
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-tab ul #show-onmobile .content .small-code {
    width: 25px;
    height: 26px;
    display: inline-block
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-tab ul #show-onmobile .content .small-code img {
    width: 100%;
    height: 100%
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-tab ul #show-onmobile .qrcode-box {
    width: 150px;
    height: 150px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    border: 0 solid #ebeef5;
    background-color: #fff;
    position: absolute;
    display: none;
    z-index: 10
}

.shop_goods_detail-container .shop_goods_detail-style0 .product-tab ul #show-onmobile .qrcode-box img {
    width: 100%;
    height: 100%
}

.shop_goods_detail-container .shop_goods_detail-style0 #product-info {
    font-size: 16px;
    line-height: 2
}

.shop_goods_detail-container .shop_goods_detail-style0 #product-param {
    padding-top: 60px
}

.shop_goods_detail-container .shop_goods_detail-style0 #product-param .title {
    border-bottom: 1px solid #ccc;
    font-size: 18px;
    padding-left: 14px;
    padding-bottom: 14px;
    position: relative
}

.shop_goods_detail-container .shop_goods_detail-style0 #product-param .title::before {
    content: "";
    width: 4px;
    height: 23px;
    background-color: var(--main_color);
    position: absolute;
    left: 0;
    top: 1px
}

.shop_goods_detail-container .shop_goods_detail-style0 #product-param .param-box {
    font-size: 16px;
    display: flex;
    flex-direction: column;
    margin-top: 24px
}

.shop_goods_detail-container .shop_goods_detail-style0 #product-param .param-box li {
    display: flex;
    margin-bottom: 24px
}

.shop_goods_detail-container .shop_goods_detail-style0 #product-param .param-box li .name {
    width: 128px;
    margin-right: 54px
}

.shop_goods_detail-container .shop_goods_detail-style0 #product-comment {
    border-top: 1px solid #eaeaea;
    padding-top: 60px
}

.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-score {
    margin-left: 16px;
    padding-bottom: 10px
}

.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-score span {
    color: var(--main_color);
    font-size: 56px;
    margin-bottom: 12px
}

.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-score span:nth-child(2) {
    font-size: 16px
}

.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-score p {
    font-size: 12px;
    margin-left: 10px
}

.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-tab {
    padding: 16px 0 17px 16px;
    border-top: 1px dashed #eaeaea;
    border-bottom: 1px solid #eaeaea;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-tab ul {
    display: flex
}

.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-tab ul li {
    margin-right: 25px;
    cursor: pointer
}

.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-tab ul li.selected {
    color: var(--main_color)
}

.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-tab .tab-right input {
    cursor: pointer;
    display: inline-block;
    width: 14px;
    height: 14px
}

.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-tab .tab-right input:checked {
    background-color: var(--main_color)
}

.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-tab .tab-right span {
    color: #666
}

.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list {
    display: flex;
    flex-direction: column;
    font-size: 12px
}

.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item {
    padding: 20px 0 20px 16px;
    display: flex;
    justify-content: space-between
}

.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .avatar-box {
    display: flex;
    flex-direction: column;
    align-items: center
}

.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .avatar-box .avatar {
    width: 70px;
    height: 70px
}

.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .avatar-box .avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .avatar-box .nickname {
    margin-top: 6px;
    max-width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail {
    margin-top: 16px;
    padding-left: 60px;
    flex: 1
}

.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .top-box {
    display: flex;
    justify-content: space-between
}

.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .top-box .product-star {
    margin-bottom: 5px;
    background: url(/visual-editor/images/shop_goods_detail/star12.png);
    width: 110px;
    height: 30px
}

.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .top-box .product-star.star-5 {
    background-position: 110px 0
}

.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .top-box .product-star.star-4 {
    background-position: 88px 0
}

.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .top-box .product-star.star-3 {
    background-position: 66px 0
}

.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .top-box .product-star.star-2 {
    background-position: 44px 0
}

.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .top-box .product-star.star-1 {
    background-position: 22px 0
}

.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .top-box .time {
    color: #a4a4a4
}

.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-content {
    word-break: break-all;
    margin-bottom: 10px
}

.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-img .small-img-group {
    display: flex
}

.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-img .small-img-group .img-wrap {
    width: 88px;
    height: 88px;
    padding: 2px;
    margin-right: 10px;
    cursor: -moz-zoom-in;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    border: 2px solid #fff
}

.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-img .small-img-group .img-wrap.selected {
    border: 2px solid var(--main_color)
}

.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-img .small-img-group .img-wrap img {
    width: 100%;
    height: 100%
}

.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-img .img-big {
    display: none;
    margin-top: 16px;
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-img .img-big img {
    max-width: 410px;
    max-height: 410px
}

.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-sku {
    color: #a4a4a4;
    margin-top: 21px
}

.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .product-reply {
    padding-top: 40px
}

.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .product-reply .avatar {
    float: left;
    width: 32px;
    height: 32px;
    margin-right: 12px
}

.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .product-reply .avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .product-reply .content-box {
    float: left;
    width: 596px
}

.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .product-reply .content-box .nickname {
    margin-bottom: 6px;
    color: #CA141D
}

.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .product-reply .content-box .content {
    color: #717171
}

.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .no-comment {
    min-height: 200px;
    border-bottom: 1px solid #eaeaea;
    color: #a4a4a4;
    text-align: center
}

.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .no-comment::before {
    content: "";
    display: block;
    width: 80px;
    height: 80px;
    margin: 40px auto 20px;
    background: url(/visual-editor/images/shop_goods_detail/empty.png) no-repeat;
    background-size: 100%
}

.shop_goods_detail-container .gw-align-container {
    max-width: 100%
}

@media (min-width:1200px) {
    .shop_goods_detail-container .gw-align-container {
        max-width: var(--max-width)
    }
}

.shop_goods_detail-container .shop_goods_detail-style1 {
    background-color: #fff;
    padding-top: 20px;
    color: #000;
    font-size: 16px
}

.shop_goods_detail-container .shop_goods_detail-style1.print .calculate,
.shop_goods_detail-container .shop_goods_detail-style1.print .detail-info-box,
.shop_goods_detail-container .shop_goods_detail-style1.print .quality-control,
.shop_goods_detail-container .shop_goods_detail-style1.print .recommend {
    display: none
}

.shop_goods_detail-container .shop_goods_detail-style1 label,
.shop_goods_detail-container .shop_goods_detail-style1 p,
.shop_goods_detail-container .shop_goods_detail-style1 ul {
    margin-bottom: 0
}

.shop_goods_detail-container .shop_goods_detail-style1 a {
    color: #007ac3;
    text-underline-offset: 2px
}

.shop_goods_detail-container .shop_goods_detail-style1 a:hover {
    text-decoration: underline
}

.shop_goods_detail-container .shop_goods_detail-style1 .bold {
    font-weight: 700
}

.shop_goods_detail-container .shop_goods_detail-style1 .one-row {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.shop_goods_detail-container .shop_goods_detail-style1 .border-right {
    border-right: 1px solid #c8c9ca
}

.shop_goods_detail-container .shop_goods_detail-style1 .batch-select {
    width: 70px;
    height: 27px;
    outline: 0;
    padding-left: 5px;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: url(/visual-editor/images/shop_goods_detail/style2/yellow-arrow.png) 50px center no-repeat
}

.shop_goods_detail-container .shop_goods_detail-style1 .func-module {
    font-size: 14px;
    margin-bottom: 50px
}

.shop_goods_detail-container .shop_goods_detail-style1 .func-module .title {
    background-color: var(--main_color);
    border-radius: 20px 20px 0 0;
    color: #fff;
    height: 50px;
    text-indent: 30px;
    font-size: 22px;
    font-weight: 700;
    line-height: 46px
}

.shop_goods_detail-container .shop_goods_detail-style1 .func-module .module-box {
    box-shadow: 0 1px 5px 1px #dee7eb;
    border-radius: 0 0 20px 20px;
    border: 1px solid #dee7eb;
    border-top: none;
    background-color: #fff;
    padding: 20px 30px
}

.shop_goods_detail-container .shop_goods_detail-style1 .func-module .module-box.without-padding {
    padding: 0
}

.shop_goods_detail-container .shop_goods_detail-style1 .detail-breadcrumb {
    font-size: 14px;
    margin-bottom: 20px
}

.shop_goods_detail-container .shop_goods_detail-style1 .detail-breadcrumb a {
    color: #00b0f0
}

.shop_goods_detail-container .shop_goods_detail-style1 .detail-breadcrumb i {
    margin: 0 10px
}

.shop_goods_detail-container .shop_goods_detail-style1 .detail-breadcrumb .title {
    color: #848484
}

.shop_goods_detail-container .shop_goods_detail-style1 .top-info {
    margin-bottom: 45px
}

.shop_goods_detail-container .shop_goods_detail-style1 .top-info .title-info {
    display: flex;
    align-items: center
}

.shop_goods_detail-container .shop_goods_detail-style1 .top-info .title-info .title {
    margin: 0 35px 0 0;
    font-size: 36px;
    color: #000;
    text-decoration: none
}

.shop_goods_detail-container .shop_goods_detail-style1 .top-info .title-info .tips {
    color: #848484
}

.shop_goods_detail-container .shop_goods_detail-style1 .top-info .title-info .alternative-names {
    flex-grow: 1
}

.shop_goods_detail-container .shop_goods_detail-style1 .top-info .title-info .label-item {
    background-color: #f9f9f9;
    padding: 0 25px;
    display: inline-block;
    border-radius: 24px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #007ac3
}

.shop_goods_detail-container .shop_goods_detail-style1 .top-info .title-info .print-btn {
    display: none;
    color: #007ac3;
    cursor: pointer;
    font-size: 20px;
    float: right;
    flex-shrink: 0
}

.shop_goods_detail-container .shop_goods_detail-style1 .top-info .title-info .print-btn .icon {
    width: 21px;
    height: 26px;
    display: inline-block;
    background: url(/visual-editor/images/shop_goods_detail/style2/print.png) -71px -10px no-repeat;
    margin-right: 5px
}

.shop_goods_detail-container .shop_goods_detail-style1 .top-info .abstract {
    font-size: 14px;
    margin: 15px 0 10px
}

.mobile .goods_building_detail-container .blockquote-text,
.shop-store-detail-container .shop-store-detail-style1 .container,
.shop_goods_detail-container .shop_goods_detail-style1 .top-info .detail-info-box .right-info {
    margin-top: 20px
}

.shop_goods_detail-container .shop_goods_detail-style1 .top-info .detail-info-box {
    border-top: 1px solid #c8c9ca;
    border-bottom: 1px solid #c8c9ca;
    padding: 20px 0
}

.shop_goods_detail-container .shop_goods_detail-style1 .top-info .detail-info-box .goods-img .swiper-container {
    width: 100%
}

.shop_goods_detail-container .shop_goods_detail-style1 .top-info .detail-info-box .goods-img .swiper-container .swiper-wrapper {
    align-items: center
}

.shop_goods_detail-container .shop_goods_detail-style1 .top-info .detail-info-box .goods-img .swiper-container img {
    width: 100%;
    object-fit: contain;
    max-height: 300px
}

.shop_goods_detail-container .shop_goods_detail-style1 .top-info .detail-info-box .goods-img .registry-number {
    font-size: 14px
}

.shop_goods_detail-container .shop_goods_detail-style1 .top-info .detail-info-box table td {
    height: 36px
}

.shop_goods_detail-container .shop_goods_detail-style1 .top-info .detail-info-box .right-info .btn-group {
    display: flex
}

.shop_goods_detail-container .shop_goods_detail-style1 .top-info .detail-info-box .right-info .btn-group>div {
    font-size: 20px;
    font-weight: 600;
    border-radius: 5px;
    cursor: pointer;
    color: #fff;
    padding: 9px 0;
    width: 220px;
    text-align: center
}

.shop_goods_detail-container .shop_goods_detail-style1 .top-info .detail-info-box .right-info .btn-group .add-cart {
    padding-left: 40px;
    background: url(/visual-editor/images/shop_goods_detail/style2/cart.png) 25px 10px no-repeat, linear-gradient(#fc5d37, #e64525);
    margin-right: 15px
}

.shop_goods_detail-container .shop_goods_detail-style1 .top-info .detail-info-box .right-info .btn-group .add-cart:hover {
    background: url(/visual-editor/images/shop_goods_detail/style2/cart.png) 25px 10px no-repeat, linear-gradient(#f25d37, #be4525)
}

.shop_goods_detail-container .shop_goods_detail-style1 .top-info .detail-info-box .right-info .btn-group .order-btn {
    border: 1px solid #595757;
    color: #595757
}

.shop_goods_detail-container .shop_goods_detail-style1 .parameter table tr:not(:last-child),
.shop_goods_detail-container .shop_goods_detail-style1 .specifications table tr {
    border-bottom: 1px solid #c8c9ca
}

.shop_goods_detail-container .shop_goods_detail-style1 .top-info .detail-info-box .right-info .btn-group .order-btn:hover {
    background: #f9f9f9
}

.shop_goods_detail-container .shop_goods_detail-style1 .top-info .detail-info-box .right-info .delivery {
    margin-top: 10px;
    color: #848484
}

.shop_goods_detail-container .shop_goods_detail-style1 .top-info .detail-info-box .right-info .delivery .line span {
    margin-right: 20px
}

.shop_goods_detail-container .shop_goods_detail-style1 .top-info .detail-info-box .right-info .delivery .line a {
    color: #00b0f0
}

.shop_goods_detail-container .shop_goods_detail-style1 .quality-control select {
    width: 85px;
    background-position: 65px center;
    margin-right: 10px
}

.shop_goods_detail-container .shop_goods_detail-style1 .quality-control .module-box {
    display: flex;
    align-items: center
}

.shop_goods_detail-container .shop_goods_detail-style1 .quality-control .label-group {
    display: flex;
    flex-wrap: wrap
}

.shop_goods_detail-container .shop_goods_detail-style1 .quality-control .label-group li {
    padding: 10px 25px;
    background-color: #f9f9f9;
    border-radius: 100px
}

.shop_goods_detail-container .shop_goods_detail-style1 .quality-control .label-group li:hover {
    background-color: #e8eaf2
}

.shop_goods_detail-container .shop_goods_detail-style1 .quality-control .label-group li.enclosure {
    background-color: #fff;
    padding-left: 0
}

.shop_goods_detail-container .shop_goods_detail-style1 .quality-control .label-group li.enclosure i {
    margin-right: 5px
}

.shop_goods_detail-container .shop_goods_detail-style1 .parameter table {
    table-layout: fixed;
    width: 100%
}

.shop_goods_detail-container .shop_goods_detail-style1 .parameter table td {
    padding: 10px 10px 10px 30px;
    height: 41px
}

.shop_goods_detail-container .shop_goods_detail-style1 .parameter table td:first-child {
    border-right: 1px solid #c8c9ca
}

.shop_goods_detail-container .shop_goods_detail-style1 .parameter .goods-img td {
    padding: 20px 30px
}

.shop_goods_detail-container .shop_goods_detail-style1 .parameter .goods-img img {
    width: 25%
}

.shop_goods_detail-container .shop_goods_detail-style1 .specifications table {
    width: 100%
}

.shop_goods_detail-container .shop_goods_detail-style1 .specifications table tr:last-child {
    border-bottom: none
}

.shop_goods_detail-container .shop_goods_detail-style1 .specifications table td {
    padding: 10px
}

.shop_goods_detail-container .shop_goods_detail-style1 .specifications table td:first-child {
    padding-left: 30px
}

.shop_goods_detail-container .shop_goods_detail-style1 .specifications table td:not(:first-child) {
    border-left: 1px solid #c8c9ca
}

.shop_goods_detail-container .shop_goods_detail-style1 .specifications table .partition {
    background: url(/visual-editor/images/shop_goods_detail/style2/partition.png) no-repeat;
    position: relative;
    width: 214px
}

.shop_goods_detail-container .shop_goods_detail-style1 .specifications table .partition label {
    position: absolute
}

.shop_goods_detail-container .shop_goods_detail-style1 .specifications table .partition label:first-child {
    top: 19px;
    left: 10px
}

.shop_goods_detail-container .shop_goods_detail-style1 .specifications table .partition label:nth-child(2) {
    top: 5px;
    left: 100px
}

.shop_goods_detail-container .shop_goods_detail-style1 .specifications table .partition label:last-child {
    top: 5px;
    left: 174px
}

.shop_goods_detail-container .shop_goods_detail-style1 .recommend .list li {
    font-size: 16px;
    height: 35px
}

.mobile .gw-editor-page .shop_goods_detail-container .container,
.mobile .gw-editor-page .shop_goods_detail-container .shop_goods {
    width: 100%
}

.mobile .gw-editor-page .shop_goods_detail-container .article-link-qrcode {
    display: none
}

.photos-detail-container .photos-detail-content * {
    max-width: 100%
}

@font-face {
    font-family: iconfont;
    src: url(//at.alicdn.com/t/font_2919558_s1kkmm3hl8k.woff2?t=1639029314246) format('woff2'), url(//at.alicdn.com/t/font_2919558_s1kkmm3hl8k.woff?t=1639029314246) format('woff'), url(//at.alicdn.com/t/font_2919558_s1kkmm3hl8k.ttf?t=1639029314246) format('truetype')
}

.photos-detail-container .iconfont {
    font-family: iconfont !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.photos-detail-container .jz-shanchu:before {
    content: "\e605"
}

.photos-detail-container .one-row {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.photos-detail-container .photos-detail-style1 .gw-align-container {
    max-width: 100%
}

@media (min-width:1200px) {
    .photos-detail-container .photos-detail-style1 .gw-align-container {
        max-width: var(--max-width)
    }
}

.pc .photos-detail-container .hidden-pc {
    display: none
}

.pc .photos-detail-style1 {
    background-color: #fff
}

.pc .photos-detail-style1 .comment-popup-box {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    display: none
}

.pc .photos-detail-style1 .comment-popup-box .mask {
    transition: opacity .3s cubic-bezier(.34, .69, .1, 1);
    background-color: rgba(0, 0, 0, .05);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1
}

.pc .photos-detail-style1 .comment-popup-box .content-drawer {
    position: absolute;
    top: 0;
    right: 0;
    width: 458px;
    height: 100%;
    transition: transform .3s cubic-bezier(.34, .69, .1, 1), -webkit-transform .3s cubic-bezier(.34, .69, .1, 1), -moz-transform .3s cubic-bezier(.34, .69, .1, 1);
    background-color: #fff;
    transform: translateX(458px);
    overflow: hidden
}

.pc .photos-detail-style1 .comment-popup-box .content-drawer.put-away {
    transform: translateX(0)
}

.pc .photos-detail-style1 .comment-popup-box .content-drawer .top-title {
    margin: 20px 0 16px;
    padding: 0 44px 0 24px;
    font-weight: 600;
    line-height: 28px;
    font-size: 20px;
    position: relative
}

.pc .photos-detail-style1 .comment-popup-box .content-drawer .top-title .close-btn {
    position: absolute;
    top: 0;
    right: 16px;
    width: 28px;
    height: 28px;
    cursor: pointer;
    background-image: url(/visual-editor/images/close.svg)
}

.pc .photos-detail-style1 .comment-popup-box .content-drawer .body {
    padding: 0 24px;
    overflow-y: scroll;
    position: absolute;
    height: 90%;
    top: 64px;
    width: 100%
}

.pc .photos-detail-style1 .comment-popup-box .content-drawer .body .no-more {
    font-size: 16px;
    text-align: center;
    color: #999;
    line-height: 22px
}

.pc .photos-detail-style1 .header-info-wrap {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.pc .photos-detail-style1 p {
    margin-bottom: 0
}

.pc .photos-detail-style1 .offset-fixed {
    height: 56px;
    background-color: #fff;
    position: fixed;
    top: -56px;
    left: 0;
    right: 0;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
    transition: top linear .2s;
    z-index: 99;
    width: 100%;
    display: flex;
    align-items: center
}

.pc .photos-detail-style1 .offset-fixed .content-wrap {
    display: flex;
    justify-content: space-between
}

.pc .photos-detail-style1 .offset-fixed .title {
    font-size: 16px;
    font-weight: 600;
    color: #282828;
    line-height: 30px;
    display: flex;
    align-items: center
}

.pc .photos-detail-style1 .offset-fixed .author-info {
    display: flex;
    align-items: center
}

.pc .photos-detail-style1 .offset-fixed .author-info .avatar {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    border-radius: 50%;
    overflow: hidden
}

.pc .photos-detail-style1 .offset-fixed .author-info .avatar img {
    width: 100%;
    height: 100%
}

.pc .photos-detail-style1 .offset-fixed .author-info .nickname {
    font-size: 16px
}

.pc .photos-detail-style1 .offset-fixed .author-info .follow-btn {
    margin-left: 20px;
    color: #fff;
    text-align: center;
    padding: 0 20px;
    border-radius: 4px;
    cursor: pointer;
    line-height: 28px;
    background-color: var(--main_color)
}

.pc .photos-detail-style1 .offset-fixed .author-info .follow-btn:hover {
    opacity: .8
}

.pc .photos-detail-style1 .header-info {
    display: flex
}

.pc .photos-detail-style1 .header-info .left-details {
    padding: 13px 30px 20px 0;
    border-right: 1px solid #eee
}

.pc .photos-detail-style1 .header-info .left-details .title {
    font-size: 24px
}

.pc .photos-detail-style1 .header-info .left-details .release-time {
    padding-top: 9px;
    color: #bbb
}

.pc .photos-detail-style1 .header-info .left-details .work-head-box {
    display: flex;
    justify-content: space-between;
    color: #bbb;
    padding-top: 8px
}

.pc .photos-detail-style1 .header-info .left-details .work-head-box ul {
    display: flex;
    margin-bottom: 0
}

.pc .photos-detail-style1 .header-info .left-details .work-head-box .cates li:not(:last-child)::after {
    content: "/";
    margin: 0 16px
}

.pc .photos-detail-style1 .header-info .left-details .work-head-box .info li:not(:last-child) {
    border-right: 1px solid #f2f2f2;
    padding-right: 16px;
    margin-right: 16px
}

.pc .photos-detail-style1 .header-info .left-details .work-head-box .info i {
    margin-right: 8px
}

.pc .photos-detail-style1 .header-info .right-details {
    padding: 15px 0 20px 30px;
    display: flex
}

.pc .photos-detail-style1 .header-info .right-details .avatar {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0
}

.pc .photos-detail-style1 .header-info .right-details .avatar img {
    width: 100%;
    height: 100%
}

.pc .photos-detail-style1 .header-info .right-details .author-info {
    margin-left: 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.pc .photos-detail-style1 .header-info .right-details .author-info .nickname {
    margin-bottom: 2px;
    font-size: 16px;
    color: #444;
    font-weight: 600;
    max-width: 88%
}

.pc .photos-detail-style1 .header-info .right-details .author-info .position-info {
    margin-bottom: 12px;
    color: #bbb;
    font-size: 12px
}

.pc .photos-detail-style1 .header-info .right-details .author-info .follow-btn {
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    padding: 8px 40px;
    transition: all .5s ease;
    background-color: var(--main_color)
}

.pc .photos-detail-style1 .header-info .right-details .author-info .follow-btn:hover {
    opacity: .8
}

.pc .photos-detail-style1 .main-content {
    padding-top: 40px
}

.pc .photos-detail-style1 .main-content .detail-content .left-sidebar {
    float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 10;
    margin-right: 20px;
    position: sticky;
    top: 60px
}

.pc .photos-detail-style1 .main-content .detail-content .left-sidebar .divide {
    width: 24px;
    height: 1px;
    background-color: #e8e8e8;
    margin-bottom: 10px
}

.pc .photos-detail-style1 .main-content .detail-content .left-sidebar .icon {
    cursor: pointer;
    text-align: center;
    line-height: 24px;
    font-size: 20px;
    border-radius: 50%;
    margin-bottom: 10px;
    color: #b2bac2;
    display: flex;
    flex-direction: column;
    align-items: center
}

.pc .photos-detail-style1 .main-content .detail-content .left-sidebar .icon:hover {
    color: #8A93A0
}

.pc .photos-detail-style1 .main-content .detail-content .left-sidebar .icon span {
    color: #222;
    font-size: 12px
}

.pc .photos-detail-style1 .main-content .detail-content .left-sidebar .like-btn .icon-box {
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .04);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #f8f8f8
}

.pc .photos-detail-style1 .main-content .detail-content .left-sidebar .like-btn.active {
    color: #f04142
}

.pc .photos-detail-style1 .main-content .detail-content .left-sidebar .collect-btn.active {
    color: #FFC347
}

.pc .photos-detail-style1 .main-content .detail-content .left-sidebar .share-title {
    color: #c6c6c6;
    font-size: 12px;
    text-align: center
}

.pc .photos-detail-style1 .main-content .detail-content .left-sidebar #share-content {
    display: flex;
    flex-direction: column;
    align-items: center
}

.pc .photos-detail-style1 .main-content .detail-content .left-sidebar #share-content .social-share-icon {
    border: #b2bac2;
    color: #b2bac2
}

.pc .photos-detail-style1 .main-content .detail-content .left-sidebar #share-content .social-share-icon:hover {
    color: #fff
}

.pc .photos-detail-style1 .main-content .detail-content .right-content {
    margin-left: 68px
}

.pc .photos-detail-style1 .main-content .detail-content .right-content .photos-detail-content {
    margin-bottom: 40px;
    font-size: 16px;
    line-height: 32px;
    color: #666
}

.pc .photos-detail-style1 .main-content .detail-content .right-content .photo-content {
    flex: 1
}

.pc .photos-detail-style1 .main-content .detail-content .right-content .photo-content img {
    width: 100%;
    margin-bottom: 15px
}

.pc .photos-detail-style1 .main-content .detail-content .right-content .photo-content.waterfall-flow {
    column-count: 4
}

.pc .photos-detail-style1 .main-content .detail-content .right-content .photo-content.waterfall-flow.column-1 {
    column-count: 1
}

.pc .photos-detail-style1 .main-content .detail-content .right-content .photo-content.waterfall-flow.column-2 {
    column-count: 2
}

.pc .photos-detail-style1 .main-content .detail-content .right-content .photo-content.waterfall-flow>a {
    display: block
}

.pc .photos-detail-style1 .main-content .label-group {
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0 0 68px;
    padding-right: 15px
}

.pc .photos-detail-style1 .main-content .label-group li {
    margin: 0 5px 5px 0;
    border: 1px solid #e6e6e6;
    background-color: #f4f4f4;
    font-size: 13px;
    padding: 5px 10px;
    font-weight: 600;
    border-radius: 3px;
    line-height: 1
}

.pc .photos-detail-style1 .main-content .label-group li:hover {
    opacity: .8
}

.pc .photos-detail-style1 .main-content .label-group li a {
    color: #555
}

.pc .photos-detail-style1 .main-content .album-nav {
    display: flex;
    justify-content: space-between;
    color: #BBB;
    padding: 20px;
    margin-top: 40px
}

.pc .photos-detail-style1 .main-content .album-nav a {
    color: #999;
    transition: all .3s ease;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    width: 100%
}

.pc .photos-detail-style1 .main-content .album-nav a:hover {
    color: var(--main_color)
}

.pc .photos-detail-style1 .main-content .album-nav .album-nav-prev {
    width: 50%;
    border-right: 1px solid #eee;
    padding-right: 5px;
    margin-right: 5px
}

.pc .photos-detail-style1 .main-content .album-nav .album-nav-next {
    text-align: right;
    width: 50%
}

.pc .photos-detail-style1 .main-input {
    margin: 24px 0 40px;
    display: flex
}

.pc .photos-detail-style1 .main-input .author-avatar {
    margin-right: 12px;
    width: 36px;
    height: 36px;
    position: relative
}

.pc .photos-detail-style1 .main-input .author-avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #f2f2f2
}

.pc .photos-detail-style1 .main-input .author-avatar.author-v::before {
    content: "";
    background-image: url(/visual-editor/images/article-detail-style3/v.png);
    width: 13px;
    height: 13px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-size: cover;
    display: none
}

.pc .photos-detail-style1 .comment-box {
    margin: 40px 0
}

.pc .photos-detail-style1 .comment-box .comment-area .title {
    font-size: 20px;
    font-weight: 600
}

.pc .photos-detail-style1 .comment-box .comment-area .main-input {
    margin: 24px 0 40px;
    display: flex
}

.pc .photos-detail-style1 .comment-box .comment-area .main-input .author-avatar {
    margin-right: 12px;
    width: 36px;
    height: 36px;
    position: relative
}

.pc .photos-detail-style1 .comment-box .comment-area .main-input .author-avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #f2f2f2
}

.pc .photos-detail-style1 .comment-box .comment-area .main-input .author-avatar.author-v::before {
    content: "";
    background-image: url(/visual-editor/images/article-detail-style3/v.png);
    width: 13px;
    height: 13px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-size: cover;
    display: none
}

.pc .photos-detail-style1 .comment-box .see-more-comment {
    background-color: #f8f8f8;
    border-radius: 4px;
    padding: 11px 0;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    display: none
}

.pc .photos-detail-style1 .comment-box .see-more-comment:hover {
    opacity: .8
}

.pc .photos-detail-style1 .comment-box .see-more-comment i {
    margin-left: 5px;
    font-size: 20px
}

.pc .photos-detail-style1 .comment-input {
    flex: 1 1 0;
    border-radius: 8px;
    padding: 16px;
    background-color: #f8f8f8;
    position: relative
}

.pc .photos-detail-style1 .comment-input .login-mask {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #f8f8f8;
    cursor: pointer;
    width: 100%;
    height: 100%;
    z-index: 1
}

.pc .photos-detail-style1 .comment-input .login-mask p {
    font-size: 15px;
    color: #222;
    line-height: 22px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.pc .photos-detail-style1 .comment-input .login-mask p span {
    color: #f04142;
    margin: 0 5px
}

.pc .photos-detail-style1 .comment-input .comment-textarea {
    font-size: 16px;
    outline: 0;
    width: 100%;
    resize: none;
    border: 0;
    line-height: 24px;
    transition: height .3s ease-in-out;
    height: 24px;
    background-color: #f8f8f8;
    max-height: 72px;
    overflow: auto;
    display: block
}

.pc .photos-detail-style1 .comment-input .comment-textarea.expand {
    height: 120px
}

.pc .photos-detail-style1 .comment-input .action {
    margin-top: 12px;
    text-align: right
}

.pc .photos-detail-style1 .comment-input .action .submit-btn {
    padding: 6px 18px;
    border-radius: 4px;
    color: #fff;
    background-color: #505050;
    cursor: pointer;
    display: inline-block
}

.pc .photos-detail-style1 .comment-input .action .submit-btn:hover {
    background-color: #707070
}

.pc .photos-detail-style1 .comment-input .action .submit-btn.disable {
    opacity: .3;
    cursor: default
}

.pc .photos-detail-style1 .comment-list li {
    margin: 40px 0
}

.pc .photos-detail-style1 .comment-list li .reply-list li {
    margin: 24px 0
}

.pc .photos-detail-style1 .comment-list .comment-item {
    display: flex;
    align-items: flex-start
}

.pc .photos-detail-style1 .comment-list .comment-item .author-avatar {
    margin-right: 12px;
    width: 36px;
    height: 36px;
    position: relative
}

.pc .photos-detail-style1 .comment-list .comment-item .author-avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #f2f2f2
}

.pc .photos-detail-style1 .comment-list .comment-item .author-avatar.author-v::before {
    content: "";
    background-image: url(/visual-editor/images/article-detail-style3/v.png);
    width: 13px;
    height: 13px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-size: cover;
    display: none
}

.pc .photos-detail-style1 .comment-list .comment-item .comment-info {
    flex: 1 1 0
}

.pc .photos-detail-style1 .comment-list .comment-item .comment-info .header {
    display: flex;
    justify-content: space-between;
    font-size: 16px
}

.pc .photos-detail-style1 .comment-list .comment-item .comment-info .header .right-action {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.pc .photos-detail-style1 .comment-list .comment-item .comment-info .header .right-action:hover {
    opacity: .8
}

.pc .photos-detail-style1 .comment-list .comment-item .comment-info .header .right-action .svg-wrap {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center
}

.pc .photos-detail-style1 .comment-list .comment-item .comment-info .header .right-action .svg-wrap svg {
    width: 24px;
    height: 24px
}

.pc .photos-detail-style1 .comment-list .comment-item .comment-info .header .right-action.liked span {
    color: #f04142
}

.pc .photos-detail-style1 .comment-list .comment-item .comment-info .header .right-action.liked svg {
    animation: liked .3s cubic-bezier(.3, 1.8, .3, 1);
    -webkit-animation: liked .3s cubic-bezier(.3, 1.8, .3, 1)
}

.pc .photos-detail-style1 .comment-list .comment-item .comment-info .content {
    margin: 8px 0 12px;
    font-size: 16px;
    line-height: 24px;
    word-break: break-all
}

.pc .photos-detail-style1 .comment-list .comment-item .comment-info .footer {
    color: #999
}

.pc .photos-detail-style1 .comment-list .comment-item .comment-info .footer .reply {
    color: #222;
    cursor: pointer
}

.pc .photos-detail-style1 .comment-list .comment-item .comment-info .child-input {
    margin-top: 12px
}

.pc .photos-detail-style1 .comment-list .comment-item .comment-info .check-more-reply {
    margin-top: 16px;
    line-height: 20px;
    color: #505050;
    cursor: pointer
}

.pc .photos-detail-style1 .back-top {
    position: fixed;
    right: 40px;
    bottom: 40px;
    cursor: pointer;
    z-index: 99;
    display: none
}

.pc .photos-detail-style1 .back-top .icon-wrap {
    box-shadow: 0 2px 30px rgba(54, 56, 79, .08);
    border-radius: 50%;
    padding: 12px 0;
    width: 48px;
    text-align: center;
    position: relative;
    background-color: #fff
}

.pc .photos-detail-style1 .back-top .icon-wrap img {
    width: 24px;
    height: auto
}

.pc .photos-detail-style1 .back-top .icon-wrap .bubble {
    display: none;
    line-height: 16px;
    color: #fff;
    background-color: rgba(0, 0, 0, .8);
    padding: 7px 8px;
    border-radius: 4px;
    position: absolute;
    white-space: nowrap;
    left: -11px;
    font-size: 12px;
    top: 50%;
    transform: translate(-100%, -50%)
}

.mobile .photos-detail-container .hidden-mobile {
    display: none
}

.mobile .photos-detail-style1 .mobile-content {
    padding-bottom: 20px;
    background-color: var(--main_color)
}

.mobile .photos-detail-style1 .mobile-content p {
    margin-bottom: 0
}

.mobile .photos-detail-style1 .mobile-content .wx-share-mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, .8)
}

.mobile .photos-detail-style1 .mobile-content .top-box {
    background-color: #fff;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 1px 2px
}

.mobile .photos-detail-style1 .mobile-content .top-box img {
    width: 100%
}

.mobile .photos-detail-style1 .mobile-content .top-box .title {
    font-size: 20px;
    padding: 14px 0
}

.mobile .photos-detail-style1 .mobile-content .top-box .info {
    display: flex;
    background-color: #F5F5F5;
    color: #606266;
    padding: 3px 20px;
    border-radius: 13px;
    margin-bottom: 13px
}

.mobile .photos-detail-style1 .mobile-content .top-box .info .time {
    margin-right: 20px
}

.mobile .photos-detail-style1 .mobile-content .top-box .bottom-btn {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 20px
}

.mobile .photos-detail-style1 .mobile-content .top-box .bottom-btn .icon-wrap {
    padding: 10px
}

.mobile .photos-detail-style1 .mobile-content .top-box .bottom-btn .icon-wrap span {
    font-size: 24px;
    color: #606266
}

.mobile .photos-detail-style1 .mobile-content .bottom-fix-box .content .like-btn.active,
.mobile .photos-detail-style1 .mobile-content .top-box .bottom-btn .collect-btn.active span {
    color: red
}

.mobile .photos-detail-style1 .mobile-content .top-box .bottom-btn .left-btn-group {
    display: flex
}

.mobile .photos-detail-style1 .mobile-content .top-box .swiper-container {
    width: 100%;
    height: 100%
}

.mobile .photos-detail-style1 .mobile-content .top-box .swiper-container .swiper-wrapper {
    align-items: center
}

.mobile .photos-detail-style1 .mobile-content .top-box .swiper-container .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center
}

.mobile .photos-detail-style1 .mobile-content .top-box .swiper-container .swiper-pagination-bullet-active {
    background: var(--main_color)
}

.mobile .photos-detail-style1 .mobile-content .main-content {
    background-color: #fff;
    margin: 0 1px 2px;
    border-radius: 20px;
    padding: 32px 0
}

.mobile .photos-detail-style1 .mobile-content .main-content .photos-detail-content {
    padding: 0 13px
}

.mobile .photos-detail-style1 .mobile-content .main-content .bottom-nav {
    margin: 20px 20px 0;
    background-color: #f5f5f5;
    border-radius: 12px;
    font-size: 17px
}

.mobile .photos-detail-style1 .mobile-content .main-content .bottom-nav>a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 12px 8px;
    color: #303133;
    font-size: 14px
}

.mobile .photos-detail-style1 .mobile-content .main-content .bottom-nav>a .nav-left {
    flex-shrink: 0;
    margin-right: 5px
}

.mobile .photos-detail-style1 .mobile-content .main-content .bottom-nav>a .nav-right {
    display: flex;
    align-items: center
}

.mobile .photos-detail-style1 .mobile-content .main-content .bottom-nav>a .nav-right .small-pic {
    height: 36px;
    width: auto
}

.mobile .photos-detail-style1 .mobile-content .main-content .bottom-nav>a .nav-right .icon {
    font-size: 26px;
    color: #aaa
}

.mobile .photos-detail-style1 .mobile-content .main-content .bottom-nav .pre-nav {
    border-bottom: 1px solid #E8E8E8
}

.mobile .photos-detail-style1 .mobile-content .guess-you-like {
    background-color: #fff;
    border-radius: 20px;
    padding: 20px 13px;
    margin: 0 1px
}

.mobile .photos-detail-style1 .mobile-content .guess-you-like .title {
    margin-bottom: 20px;
    font-size: 17px;
    color: #000
}

.mobile .photos-detail-style1 .mobile-content .guess-you-like .content {
    column-count: 2;
    column-gap: 0;
    margin: 0 -5px
}

.mobile .photos-detail-style1 .mobile-content .guess-you-like .content .content-box {
    padding: 5px;
    display: block
}

.mobile .photos-detail-style1 .mobile-content .guess-you-like .content .content-box .img-wrap {
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    border-radius: 20px;
    position: relative;
    overflow: hidden
}

.mobile .photos-detail-style1 .mobile-content .guess-you-like .content .content-box .img-wrap .title-box {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 7px 12px;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5))
}

.mobile .photos-detail-style1 .mobile-content .guess-you-like .content .content-box .img-wrap .title-box .title {
    color: #fff;
    margin-bottom: 0;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px
}

.mobile .photos-detail-style1 .mobile-content .guess-you-like .content .content-box .img-wrap img {
    width: 100%
}

.mobile .photos-detail-style1 .mobile-content .comment-area {
    background-color: #fff;
    padding: 20px 13px;
    margin: 2px 1px 0;
    border-radius: 20px
}

.mobile .photos-detail-style1 .mobile-content .comment-area .title {
    margin-bottom: 20px;
    font-size: 17px;
    color: #000
}

.mobile .photos-detail-style1 .mobile-content .comment-area .comment-input {
    flex: 1 1 0;
    border-radius: 8px;
    padding: 16px;
    background-color: #f8f8f8;
    position: relative
}

.mobile .photos-detail-style1 .mobile-content .comment-area .comment-input .login-mask {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #f8f8f8;
    cursor: pointer;
    width: 100%;
    height: 100%;
    z-index: 1
}

.mobile .photos-detail-style1 .mobile-content .comment-area .comment-input .login-mask p {
    font-size: 14px;
    color: #222;
    line-height: 100px;
    text-align: center
}

.mobile .photos-detail-style1 .mobile-content .comment-area .comment-input .login-mask p span {
    color: #f04142;
    margin: 0 5px
}

.mobile .photos-detail-style1 .mobile-content .comment-area .comment-input .comment-textarea {
    font-size: 14px;
    outline: 0;
    width: 100%;
    resize: none;
    border: 0;
    line-height: 24px;
    transition: height .3s ease-in-out;
    height: 24px;
    background-color: #f8f8f8;
    max-height: 72px;
    overflow: auto;
    display: block
}

.mobile .photos-detail-style1 .mobile-content .comment-area .comment-input .comment-textarea.expand {
    height: 120px
}

.mobile .photos-detail-style1 .mobile-content .comment-area .comment-input .action {
    margin-top: 12px;
    text-align: right
}

.mobile .photos-detail-style1 .mobile-content .comment-area .comment-input .action .submit-btn {
    padding: 6px 18px;
    border-radius: 4px;
    color: #fff;
    background-color: #505050;
    cursor: pointer;
    display: inline-block
}

.mobile .photos-detail-style1 .mobile-content .comment-area .comment-input .action .submit-btn:hover {
    background-color: #707070
}

.mobile .photos-detail-style1 .mobile-content .comment-area .comment-input .action .submit-btn.disable {
    opacity: .3;
    cursor: default
}

.mobile .photos-detail-style1 .mobile-content .comment-area .comment-list li {
    margin: 20px 0
}

.mobile .photos-detail-style1 .mobile-content .comment-area .comment-list li .reply-list li {
    margin: 24px 0
}

.mobile .photos-detail-style1 .mobile-content .comment-area .comment-list .comment-item {
    display: flex;
    align-items: flex-start
}

.mobile .photos-detail-style1 .mobile-content .comment-area .comment-list .comment-item .author-avatar {
    margin-right: 12px;
    width: 36px;
    height: 36px;
    position: relative
}

.mobile .photos-detail-style1 .mobile-content .comment-area .comment-list .comment-item .author-avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #f2f2f2
}

.mobile .photos-detail-style1 .mobile-content .comment-area .comment-list .comment-item .author-avatar.author-v::before {
    content: "";
    background-image: url(/visual-editor/images/article-detail-style3/v.png);
    width: 13px;
    height: 13px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-size: cover;
    display: none
}

.mobile .photos-detail-style1 .mobile-content .comment-area .comment-list .comment-item .comment-info {
    flex: 1 1 0
}

.mobile .photos-detail-style1 .mobile-content .comment-area .comment-list .comment-item .comment-info .header {
    display: flex;
    justify-content: space-between;
    font-size: 15px
}

.mobile .photos-detail-style1 .mobile-content .comment-area .comment-list .comment-item .comment-info .header .right-action {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.mobile .photos-detail-style1 .mobile-content .comment-area .comment-list .comment-item .comment-info .header .right-action:hover {
    opacity: .8
}

@keyframes liked {
    0% {
        width: 0;
        height: 0
    }

    100% {
        width: 24px;
        height: 24px
    }
}

.mobile .photos-detail-style1 .mobile-content .comment-area .comment-list .comment-item .comment-info .header .right-action .svg-wrap {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center
}

.mobile .photos-detail-style1 .mobile-content .comment-area .comment-list .comment-item .comment-info .header .right-action .svg-wrap svg {
    width: 24px;
    height: 24px
}

.mobile .photos-detail-style1 .mobile-content .comment-area .comment-list .comment-item .comment-info .header .right-action.liked span {
    color: #f04142
}

.mobile .photos-detail-style1 .mobile-content .comment-area .comment-list .comment-item .comment-info .header .right-action.liked svg {
    animation: liked .3s cubic-bezier(.3, 1.8, .3, 1);
    -webkit-animation: liked .3s cubic-bezier(.3, 1.8, .3, 1)
}

.mobile .photos-detail-style1 .mobile-content .comment-area .comment-list .comment-item .comment-info .content {
    margin: 5px 0 10px;
    font-size: 15px;
    line-height: 24px;
    word-break: break-all
}

.mobile .photos-detail-style1 .mobile-content .comment-area .comment-list .comment-item .comment-info .footer {
    color: #999
}

.mobile .photos-detail-style1 .mobile-content .comment-area .comment-list .comment-item .comment-info .footer .reply {
    color: #222;
    cursor: pointer
}

.mobile .photos-detail-style1 .mobile-content .comment-area .comment-list .comment-item .comment-info .child-input {
    margin-top: 12px
}

.mobile .photos-detail-style1 .mobile-content .comment-area .comment-list .comment-item .comment-info .check-more-reply {
    margin-top: 5px;
    line-height: 20px;
    font-size: 12px;
    color: #505050;
    cursor: pointer
}

.mobile .photos-detail-style1 .mobile-content .comment-area .main-input {
    margin: 24px 0 40px;
    display: flex
}

.mobile .photos-detail-style1 .mobile-content .comment-area .main-input .author-avatar {
    margin-right: 12px;
    width: 36px;
    height: 36px;
    position: relative
}

.mobile .photos-detail-style1 .mobile-content .comment-area .main-input .author-avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #f2f2f2
}

.mobile .photos-detail-style1 .mobile-content .comment-area .main-input .author-avatar.author-v::before {
    content: "";
    background-image: url(/visual-editor/images/article-detail-style3/v.png);
    width: 13px;
    height: 13px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-size: cover;
    display: none
}

.mobile .photos-detail-style1 .mobile-content .comment-area .show-all {
    text-align: center;
    font-size: 12px
}

.mobile .photos-detail-style1 .mobile-content .back-top {
    position: fixed;
    right: 20px;
    bottom: 80px;
    border-radius: 50%;
    background-color: #fff;
    z-index: 100;
    width: 50px;
    height: 50px;
    padding: 4px;
    display: none
}

.mobile .photos-detail-style1 .mobile-content .back-top .icon-wrap {
    text-align: center;
    border-radius: 50%;
    background-color: #eee
}

.mobile .photos-detail-style1 .mobile-content .back-top .icon-wrap .icon {
    font-size: 20px;
    line-height: 40px
}

.mobile .photos-detail-style1 .mobile-content .bottom-fix-box {
    background-color: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 20px 20px 0 0;
    z-index: 99;
    padding: 5px 20px 10px
}

.mobile .photos-detail-style1 .mobile-content .bottom-fix-box .content {
    display: flex
}

.mobile .photos-detail-style1 .mobile-content .bottom-fix-box .content>div {
    text-align: center;
    line-height: 30px;
    height: 30px;
    background-color: #f3f3f3;
    border-radius: 15px;
    cursor: pointer
}

.mobile .photos-detail-style1 .mobile-content .bottom-fix-box .content .comment-btn {
    width: 30px;
    margin-right: 5px;
    flex-shrink: 0
}

.mobile .photos-detail-style1 .mobile-content .bottom-fix-box .content .like-btn {
    flex: 1
}

.mobile .photos-detail-style1 .mobile-content .bottom-fix-box .content .like-btn span {
    margin-left: 5px
}

.mobile .photos-detail-style1 .mobile-content .bottom-pull-box {
    position: fixed;
    bottom: 0;
    width: 100%;
    transform: translateY(100%);
    background-color: #fff;
    height: 160px;
    transition: all .5s ease;
    border-radius: 20px 20px 0 0;
    padding: 40px 20px 20px;
    z-index: 100
}

.mobile .photos-detail-style1 .mobile-content .bottom-pull-box.up {
    transform: translateY(0)
}

.mobile .photos-detail-style1 .mobile-content .bottom-pull-box.up::after {
    content: "";
    background-color: rgba(0, 0, 0, .2);
    width: 100vw;
    height: 100vh
}

.mobile .photos-detail-style1 .mobile-content .bottom-pull-box>i {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 20px
}

.mobile .photos-detail-style1 .mobile-content .bottom-pull-box ul li {
    padding: 10px 0;
    border-bottom: 1px solid #eee
}

.mobile .photos-detail-style1 .mobile-content .bottom-pull-box ul li a {
    display: inline-block;
    color: #666;
    width: 100%
}

.mobile .photos-detail-style1 .mobile-content .bottom-pull-box ul li i {
    margin-right: 5px
}

.mobile .photos-detail-style1 .mobile-content .bottom-pull-mask {
    position: fixed;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 10;
    background-color: rgba(0, 0, 0, .5);
    display: none;
    opacity: 0
}

.gw-editor-page .photos-detail-container .photos-detail-style1 .back-top,
.gw-editor-page .photos-detail-container .photos-detail-style1 .bottom-fix-box,
.gw-editor-page .photos-detail-container .photos-detail-style1 .offset-fixed {
    display: none
}

.shop-store-detail-container .shop_store-detail-content * {
    max-width: 100%
}

.shop-store-detail-container .shop-store-detail-style1 {
    background-color: #F5F7FD
}

.shop-store-detail-container .shop-store-detail-style1 .swiper-pagination-bullet {
    width: 6px;
    height: 6px
}

.shop-store-detail-container .shop-store-detail-style1 .swiper-pagination-bullet-active {
    width: 20px;
    border-radius: 4px
}

@media (min-width:1440px) {
    .shop-store-detail-container .shop-store-detail-style1 .container {
        width: 1440px
    }
}

.shop-store-detail-container .shop-store-detail-style1 .one-row {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.shop-store-detail-container .shop-store-detail-style1 .two-row {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.shop-store-detail-container .shop-store-detail-style1 .title {
    color: #004B9E;
    font-size: 24px;
    margin-bottom: 16px
}

.shop-store-detail-container .shop-store-detail-style1 p,
.shop-store-detail-container .shop-store-detail-style1 ul {
    margin-bottom: 0
}

.shop-store-detail-container .shop-store-detail-style1 .main-swiper-container {
    height: 296px;
    margin-bottom: 30px;
    --swiper-theme-color: #fff
}

.shop-store-detail-container .shop-store-detail-style1 .main-swiper-container .swiper-slide {
    text-align: center
}

.shop-store-detail-container .shop-store-detail-style1 .main-swiper-container .swiper-slide img {
    width: 100%;
    height: 100%
}

.shop-store-detail-container .shop-store-detail-style1 .main-swiper-container .swiper-button-next,
.shop-store-detail-container .shop-store-detail-style1 .main-swiper-container .swiper-button-prev,
.shop-store-detail-container .shop-store-detail-style1 .main-swiper-container .swiper-pagination-bullet {
    opacity: .7
}

.shop-store-detail-container .shop-store-detail-style1 .general-situation-box {
    margin-bottom: 30px
}

.shop-store-detail-container .shop-store-detail-style1 .general-situation-box .shop_store-detail-content {
    background-color: #fff;
    padding: 32px;
    font-size: 16px;
    line-height: 2
}

.shop-store-detail-container .shop-store-detail-style1 .feature-box {
    margin-bottom: 30px
}

.shop-store-detail-container .shop-store-detail-style1 .feature-box #shop-store-detail-feature-swiper {
    --swiper-theme-color: #fff
}

.shop-store-detail-container .shop-store-detail-style1 .feature-box .swiper-pagination {
    width: 100%
}

.shop-store-detail-container .shop-store-detail-style1 .feature-box .swiper-pagination .swiper-pagination-bullet {
    margin: 0 4px
}

.shop-store-detail-container .shop-store-detail-style1 .feature-box .item-box {
    background-color: #fff;
    display: block;
    transition: all .3s ease
}

.shop-store-detail-container .shop-store-detail-style1 .feature-box .item-box .img-wrap {
    height: 160px;
    overflow: hidden;
    text-align: center
}

.shop-store-detail-container .shop-store-detail-style1 .feature-box .item-box .img-wrap img {
    max-width: 100%;
    height: 100%;
    transition: all .3s ease
}

.shop-store-detail-container .shop-store-detail-style1 .feature-box .item-box .info-box {
    padding: 16px
}

.shop-store-detail-container .shop-store-detail-style1 .feature-box .item-box .info-box .name {
    font-size: 20px;
    color: #303133;
    margin-bottom: 8px
}

.shop-store-detail-container .shop-store-detail-style1 .feature-box .item-box .info-box .abs {
    color: #606266;
    font-size: 16px;
    line-height: 23px;
    height: 46px
}

.shop-store-detail-container .shop-store-detail-style1 .feature-box .item-box:hover {
    box-shadow: 0 0 10px rgba(204, 204, 204, .6)
}

.shop-store-detail-container .shop-store-detail-style1 .feature-box .item-box:hover .img-wrap img {
    transform: scale(1.04)
}

.shop-store-detail-container .shop-store-detail-style1 .server-box {
    margin-bottom: 30px;
    font-size: 16px
}

.shop-store-detail-container .shop-store-detail-style1 .server-box .top-header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.shop-store-detail-container .shop-store-detail-style1 .server-box .top-header .see-more {
    color: #FF6E00;
    font-size: 16px
}

.shop-store-detail-container .shop-store-detail-style1 .server-box .content {
    background-color: #fff
}

.shop-store-detail-container .shop-store-detail-style1 .server-box .content .tab-list {
    display: flex;
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    border-bottom: 1px solid #ddd
}

.shop-store-detail-container .shop-store-detail-style1 .server-box .content .tab-list li {
    padding: 16px;
    cursor: pointer
}

.shop-store-detail-container .shop-store-detail-style1 .server-box .content .tab-list li.active {
    color: #FF6E00
}

.shop-store-detail-container .shop-store-detail-style1 .server-box .content .server-list {
    padding: 32px
}

.shop-store-detail-container .shop-store-detail-style1 .server-box .content .server-list ul {
    display: flex;
    flex-wrap: wrap
}

.shop-store-detail-container .shop-store-detail-style1 .server-box .content .server-list ul li {
    width: 48%;
    padding: 8px 0 8px 2%;
    position: relative;
    cursor: pointer
}

.shop-store-detail-container .shop-store-detail-style1 .server-box .content .server-list ul li::before {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    background-color: #004b9e;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

.shop-store-detail-container .shop-store-detail-style1 .server-box .content .server-list ul li:hover a {
    color: #FF6E00
}

.shop-store-detail-container .shop-store-detail-style1 .server-box .content .server-list ul li:hover::before {
    background-color: #FF6E00
}

.shop-store-detail-container .shop-store-detail-style1 .trends-box {
    margin-bottom: 30px
}

.shop-store-detail-container .shop-store-detail-style1 .trends-box .content {
    background-color: #fff
}

.shop-store-detail-container .shop-store-detail-style1 .trends-box .content .item {
    padding: 16px 32px;
    display: block;
    transition: all .3s ease
}

.shop-store-detail-container .shop-store-detail-style1 .trends-box .content .item:hover {
    box-shadow: 0 0 10px rgba(204, 204, 204, .6)
}

.shop-store-detail-container .shop-store-detail-style1 .trends-box .content .item:hover .img-wrap .thumbnail-img {
    transform: scale(1.04)
}

.shop-store-detail-container .shop-store-detail-style1 .trends-box .content .item .img-wrap {
    height: 135px;
    overflow: hidden;
    position: relative;
    text-align: center
}

.shop-store-detail-container .shop-store-detail-style1 .trends-box .content .item .img-wrap .thumbnail-img {
    max-width: 100%;
    height: 100%;
    transition: all .3s ease
}

.shop-store-detail-container .shop-store-detail-style1 .trends-box .content .item .item-title {
    color: #303133;
    font-size: 20px;
    margin-bottom: 8px
}

.shop-store-detail-container .shop-store-detail-style1 .trends-box .content .item .abs {
    color: #606266;
    font-size: 16px;
    margin-bottom: 32px
}

.shop-store-detail-container .shop-store-detail-style1 .trends-box .content .item .bottom-info {
    display: flex;
    color: #909399
}

.shop-store-detail-container .shop-store-detail-style1 .trends-box .content .item .bottom-info .icon {
    display: inline-block
}

.shop-store-detail-container .shop-store-detail-style1 .trends-box .content .item .bottom-info .icon img {
    margin-bottom: 2px
}

.goods_rental_detail-container .goods_rental_detail-style .similars-box,
.shop-store-detail-container .shop-store-detail-style1 .goods-box {
    margin-bottom: 30px
}

.shop-store-detail-container .shop-store-detail-style1 .trends-box .content .item .bottom-info .time {
    flex: 1
}

.shop-store-detail-container .shop-store-detail-style1 .trends-box .content .item .bottom-info .info:last-child {
    margin-left: 24px
}

.shop-store-detail-container .shop-store-detail-style1 .trends-box .content .video-item .start-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 48px;
    height: 48px;
    transform: translate(-50%, -50%);
    opacity: .8
}

.shop-store-detail-container .shop-store-detail-style1 .goods-box .content .item:hover .img-wrap .thumbnail-img,
.shop-store-detail-container .shop-store-detail-style1 .recommend-box .content .item:hover .img-wrap img {
    transform: scale(1.04)
}

.shop-store-detail-container .shop-store-detail-style1 .trends-box .content .video-item .img-wrap .time {
    color: #fff;
    background-color: rgba(0, 0, 0, .5);
    font-size: 12px;
    border-radius: 9px;
    line-height: 18px;
    text-align: center;
    padding: 0 6px;
    position: absolute;
    bottom: 5px;
    right: 5px
}

.shop-store-detail-container .shop-store-detail-style1 .goods-box .content {
    background-color: #fff
}

.shop-store-detail-container .shop-store-detail-style1 .goods-box .content .item {
    padding: 16px 32px;
    display: block;
    transition: all .3s ease
}

.shop-store-detail-container .shop-store-detail-style1 .goods-box .content .item:hover {
    box-shadow: 0 0 10px rgba(204, 204, 204, .6)
}

.shop-store-detail-container .shop-store-detail-style1 .goods-box .content .item .img-wrap {
    height: 135px;
    overflow: hidden;
    position: relative;
    text-align: center
}

.shop-store-detail-container .shop-store-detail-style1 .goods-box .content .item .img-wrap .thumbnail-img {
    max-width: 100%;
    height: 100%;
    transition: all .3s ease
}

.shop-store-detail-container .shop-store-detail-style1 .goods-box .content .item .item-title {
    color: #303133;
    font-size: 20px;
    margin-bottom: 8px
}

.shop-store-detail-container .shop-store-detail-style1 .goods-box .content .item .abs {
    color: #303133;
    font-size: 16px;
    margin-bottom: 32px
}

.shop-store-detail-container .shop-store-detail-style1 .goods-box .content .item .bottom-info .price-box {
    display: flex;
    font-size: 16px
}

.shop-store-detail-container .shop-store-detail-style1 .goods-box .content .item .bottom-info .price-box .price {
    color: #FF6E00;
    margin-right: 24px
}

.shop-store-detail-container .shop-store-detail-style1 .goods-box .content .item .bottom-info .price-box .old-price {
    text-decoration: line-through;
    color: #909399
}

.shop-store-detail-container .shop-store-detail-style1 .organization-info-box {
    background-color: #fff;
    margin-bottom: 24px
}

.shop-store-detail-container .shop-store-detail-style1 .organization-info-box .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 32px 24px
}

.shop-store-detail-container .shop-store-detail-style1 .organization-info-box .content .avatar {
    overflow: hidden;
    border-radius: 50%;
    margin-bottom: 10px;
    width: 90px;
    height: 90px
}

.shop-store-detail-container .shop-store-detail-style1 .organization-info-box .content .avatar img {
    width: 100%;
    height: 100%
}

.shop-store-detail-container .shop-store-detail-style1 .organization-info-box .content .name {
    font-size: 20px;
    color: #303133;
    margin-bottom: 16px
}

.shop-store-detail-container .shop-store-detail-style1 .organization-info-box .content .btn-group {
    display: flex;
    justify-content: center;
    margin-bottom: 24px;
    width: 100%
}

.shop-store-detail-container .shop-store-detail-style1 .organization-info-box .content .btn-group .my-btn {
    border-radius: 4px;
    border: 1px solid #FF6601;
    color: #FF6601;
    font-size: 18px;
    padding: 7px 20px;
    display: block;
    cursor: pointer;
    transition: all .3s ease
}

.shop-store-detail-container .shop-store-detail-style1 .organization-info-box .content .btn-group .my-btn:hover {
    box-shadow: 0 0 10px #FF6601
}

.shop-store-detail-container .shop-store-detail-style1 .organization-info-box .content .btn-group .follow-btn {
    background-color: #FF6601;
    color: #fff;
    display: none;
    margin-right: 10px
}

.shop-store-detail-container .shop-store-detail-style1 .organization-info-box .content .btn-group .unfollow-btn {
    background-color: #999;
    border: 1px solid #999;
    color: #fff;
    display: none;
    margin-right: 10px
}

.shop-store-detail-container .shop-store-detail-style1 .organization-info-box .content .btn-group .message-btn {
    margin-left: 10px
}

.shop-store-detail-container .shop-store-detail-style1 .organization-info-box .content .info-line {
    display: flex;
    margin-bottom: 20px;
    color: #424A5E;
    font-size: 16px;
    width: 100%
}

.shop-store-detail-container .shop-store-detail-style1 .organization-info-box .content .info-line .icon {
    margin-right: 8px
}

.shop-store-detail-container .shop-store-detail-style1 .organization-info-box .content .info-line .text {
    flex-shrink: 0
}

.shop-store-detail-container .shop-store-detail-style1 .organization-info-box .content .info-line span:last-child {
    word-break: break-all
}

.shop-store-detail-container .shop-store-detail-style1 .organization-info-box .bottom-box {
    display: flex;
    background-color: #F2F2F2;
    border: 1px solid #ddd
}

.shop-store-detail-container .shop-store-detail-style1 .organization-info-box .bottom-box .item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px 10px
}

.shop-store-detail-container .shop-store-detail-style1 .organization-info-box .bottom-box .item:not(:last-child) {
    border-right: 1px solid #ddd
}

.shop-store-detail-container .shop-store-detail-style1 .organization-info-box .bottom-box .item .text {
    color: #424A5E;
    word-break: break-all
}

.shop-store-detail-container .shop-store-detail-style1 .organization-info-box .bottom-box .item .num {
    color: #007AFF;
    font-size: 20px
}

.shop-store-detail-container .shop-store-detail-style1 .recommend-box {
    background-color: #fff
}

.shop-store-detail-container .shop-store-detail-style1 .recommend-box .small-title {
    padding: 16px;
    color: #424A5E;
    font-size: 16px;
    border-bottom: 1px solid #eee
}

.shop-store-detail-container .shop-store-detail-style1 .recommend-box .content {
    padding: 20px 16px
}

.shop-store-detail-container .shop-store-detail-style1 .recommend-box .content .item {
    display: block;
    margin-bottom: 20px
}

.shop-store-detail-container .shop-store-detail-style1 .recommend-box .content .item .img-wrap {
    margin-bottom: 16px;
    overflow: hidden
}

.shop-store-detail-container .shop-store-detail-style1 .recommend-box .content .item .img-wrap img {
    width: 100%;
    transition: all .3s ease
}

.shop-store-detail-container .shop-store-detail-style1 .recommend-box .content .item .title {
    font-size: 16px;
    color: #303133;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 24px;
    height: 48px
}

.goods_building_detail-container .goods_building_detail-content,
.goods_special_column_detail-container .goods_special_column_detail-content {
    font-size: 17px
}

.mobile .shop-store-detail-style1 #shop-store-detail-main-swiper {
    height: 148px
}

.mobile .shop-store-detail-style1 #shop-store-detail-main-swiper .swiper-slide img {
    width: auto;
    max-width: 100%
}

.mobile .shop-store-detail-style1 #shop-store-detail-main-swiper .swiper-button-next,
.mobile .shop-store-detail-style1 #shop-store-detail-main-swiper .swiper-button-prev {
    display: none
}

.mobile .shop-store-detail-style1 .general-situation-box .content,
.mobile .shop-store-detail-style1 .trends-box .item {
    padding: 16px
}

.mobile .shop-store-detail-style1 .trends-box .item .bottom-info .comment .text,
.mobile .shop-store-detail-style1 .trends-box .item .bottom-info .read .text {
    display: none
}

.mobile .shop-store-detail-style1 .goods-box .item {
    padding: 16px;
    border-bottom: 5px solid #F5F7FD
}

.mobile .shop-store-detail-style1 .goods-box .item .img-wrap {
    margin-bottom: 10px
}

.mobile .shop-store-detail-style1 .trends-box.no-swiper .item {
    border-bottom: 5px solid #F5F7FD
}

.goods_special_column_detail-container {
    --main_color: #FD2345
}

.goods_special_column_detail-container .gw-align-container {
    max-width: 100%
}

@media (min-width:1200px) {
    .goods_special_column_detail-container .gw-align-container {
        max-width: var(--max-width)
    }
}

.goods_special_column_detail-container .goods_special_column_detail-content * {
    max-width: 100%
}

.goods_special_column_detail-container .receive-coupons-modal {
    position: fixed;
    background-color: rgba(0, 0, 0, .4);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    transition: all .3s ease;
    display: none
}

.goods_special_column_detail-container .receive-coupons-modal .modal-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 15px;
    height: 15px;
    cursor: pointer;
    background: url(/visual-editor/images/shop_goods_detail/icon50.png) 0 -160px no-repeat;
    z-index: 2
}

.goods_special_column_detail-container .receive-coupons-modal .modal-main-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    width: 768px
}

.goods_special_column_detail-container .receive-coupons-modal .modal-main-content .title {
    text-align: center;
    padding: 18px 0 15px;
    font-size: 18px
}

.goods_special_column_detail-container .receive-coupons-modal .modal-main-content .content {
    padding: 0 50px 34px
}

.goods_special_column_detail-container .receive-coupons-modal .modal-main-content .content .coupon-list {
    display: flex;
    flex-wrap: wrap
}

.goods_special_column_detail-container .receive-coupons-modal .modal-main-content .content .coupon-list li {
    width: 49%;
    margin-bottom: 16px;
    background-color: #fdf5f7;
    border-radius: 8px;
    padding: 15px;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.goods_special_column_detail-container .receive-coupons-modal .modal-main-content .content .coupon-list li:nth-child(odd) {
    margin-right: 2%
}

.goods_special_column_detail-container .receive-coupons-modal .modal-main-content .content .coupon-list li .price-box {
    padding-right: 10px;
    color: #E64566;
    border-right: 1px dashed #E6456611
}

.goods_special_column_detail-container .receive-coupons-modal .modal-main-content .content .coupon-list li .price-box .price {
    font-size: 24px
}

.goods_special_column_detail-container .receive-coupons-modal .modal-main-content .content .coupon-list li .price-box .price span,
.goods_special_column_detail-container .receive-coupons-modal .modal-main-content .content .coupon-list li .price-box .tips {
    font-size: 12px
}

.goods_special_column_detail-container .receive-coupons-modal .modal-main-content .content .coupon-list li .detail {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding-left: 10px
}

.goods_special_column_detail-container .receive-coupons-modal .modal-main-content .content .coupon-list li .detail .time {
    font-size: 12px
}

.goods_special_column_detail-container .receive-coupons-modal .modal-main-content .content .coupon-list li .receive {
    color: #fff;
    background-color: #E64566;
    line-height: 28px;
    width: 56px;
    text-align: center;
    border-radius: 14px;
    cursor: pointer;
    flex-shrink: 0
}

.goods_special_column_detail-container .goods_special_column_detail-style0 {
    background-color: #fff
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .title {
    font-size: 20px;
    color: #303133;
    margin-bottom: 32px
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .one-row {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .info-wrap {
    padding: 64px 0 40px;
    background: linear-gradient(180deg, rgba(0, 145, 255, .1) 0, rgba(255, 255, 255, 0) 100%)
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .info-wrap>.container {
    display: flex;
    justify-content: space-between
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .info-wrap .row {
    width: 100%
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .info-wrap .big-title {
    font-size: 40px;
    color: #2A303C
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .info-wrap .subtitle {
    margin-top: 16px;
    font-size: 16px;
    color: #424A5E;
    margin-bottom: 10px
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .info-wrap .label-group {
    display: flex;
    flex-wrap: wrap
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .info-wrap .label-group li {
    font-size: 12px;
    margin-right: 15px;
    margin-top: 5px;
    border-radius: 4px;
    padding: 0 5px;
    border: 1px solid var(--main_color);
    color: var(--main_color);
    height: 20px;
    line-height: 18px
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .info-wrap .main-img {
    width: 240px;
    height: 240px;
    object-fit: cover;
    border-radius: 8px;
    float: right
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .info-wrap .info .short-info {
    font-size: 0;
    color: #424A5E;
    margin: 40px 0 20px
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .info-wrap .info .short-info span {
    font-size: 16px
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .info-wrap .info .short-info span.divide {
    margin: 0 20px
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .info-wrap .info .short-info span.icon-item {
    cursor: pointer;
    margin-right: 18px
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .info-wrap .info .short-info span.icon-item i {
    margin-right: 4px
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .info-wrap .info .short-info span.icon-item i.active,
.goods_special_column_detail-container .goods_special_column_detail-style0 .info-wrap .info .short-info span.icon-item:hover {
    color: var(--main_color)
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .info-wrap .info .short-info span.icon-item.mobile {
    position: relative
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .info-wrap .info .short-info span.icon-item.mobile .mobile-code {
    display: none;
    position: absolute;
    background-color: #fff;
    padding: 16px;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .16);
    left: 0;
    z-index: 10
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .info-wrap .info .short-info span.icon-item.mobile .mobile-code p {
    color: #606266;
    font-size: 14px;
    text-align: center;
    margin-bottom: 0
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .info-wrap .info .short-info span.icon-item.mobile .mobile-code .qr-code {
    width: 128px;
    height: 128px;
    margin: 8px auto
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .info-wrap .info .short-info span.icon-item.mobile .mobile-code .download {
    color: var(--main_color)
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .info-wrap .info .short-info span.icon-item.mobile:hover .mobile-code {
    display: block
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .info-wrap .info .short-info span.dot {
    margin: 0 4px
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .info-banner {
    position: relative;
    border-radius: 16px;
    background-image: url(/visual-editor/images/shop_goods_detail/border.png);
    background-size: 100%;
    background-repeat: no-repeat;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    padding: 0 40px 22px;
    margin-bottom: 40px
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .info-banner .tip-info {
    position: absolute;
    top: 2px;
    left: 26px;
    font-size: 20px;
    color: #fff
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .info-banner .collect-coupons {
    position: absolute;
    top: 14px;
    right: 40px;
    font-size: 16px;
    color: var(--main_color);
    cursor: pointer
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .info-banner .content-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 50px
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .info-banner .content-wrap .price-box {
    color: var(--main_color)
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .info-banner .content-wrap .price-box span {
    font-size: 16px
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .info-banner .content-wrap .price-box span.big {
    font-size: 56px;
    font-weight: 600
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .info-banner .content-wrap .price-box .old-price {
    color: #C0C4CC;
    text-decoration: line-through
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .info-banner .content-wrap .buy-btn {
    color: #fff;
    background-color: var(--main_color);
    font-size: 16px;
    padding: 12px 32px;
    border-radius: 40px;
    cursor: pointer
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .nav-bar {
    display: flex;
    font-size: 20px;
    color: #303133;
    padding: 8px 0
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .nav-bar li {
    margin-right: 80px;
    cursor: pointer
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .nav-bar li .tag {
    font-size: 12px;
    color: var(--main_color);
    padding: 2px 4px;
    border: 1px solid var(--main_color);
    border-radius: 2px;
    margin-left: 6px
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .nav-bar li a {
    padding: 0;
    background-color: transparent;
    color: #303133
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .nav-bar li.active {
    color: var(--main_color)
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .nav-bar li.active .tab {
    border-bottom: 4px solid var(--main_color)
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .nav-bar li.active a {
    color: var(--main_color);
    border-radius: 0
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .column-content {
    padding: 40px 0 50px
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .evaluate {
    margin-bottom: 20px
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .evaluate .comment-list .item .user {
    display: flex
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .evaluate .comment-list .item .user .avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 16px
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .evaluate .comment-list .item .user .user-info {
    flex: 1
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .evaluate .comment-list .item .user .user-info .name {
    font-size: 16px;
    color: #303133
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .evaluate .comment-list .item .user .user-info .time {
    color: #909399
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .evaluate .comment-list .item .user .score {
    color: #FFB202
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .evaluate .comment-list .item .user .score i {
    font-size: 20px
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .evaluate .comment-list .item .comment-content {
    margin: 14px 0 0 56px
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .evaluate .comment-list .item .comment-content .img-list {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(5, 1fr)
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .evaluate .comment-list .item .comment-content .img-list img {
    width: 100%;
    height: 168px;
    border-radius: 4px;
    object-fit: contain
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .evaluate .comment-list .item .reply {
    background-color: #f6f7fb;
    border-radius: 2px;
    padding: 22px 24px;
    margin: 24px 0 0 56px;
    color: #909399
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .evaluate .comment-list .item .date-agree {
    margin: 32px 0 0 56px
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .author,
.goods_special_column_detail-container .goods_special_column_detail-style0 .who-learn {
    margin-bottom: 48px
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .evaluate .comment-list .item .date-agree .date {
    color: #C0C4CC
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .author .author-code p {
    color: #606266;
    font-size: 14px;
    text-align: center;
    margin-bottom: 0
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .author .author-code .qr-code {
    width: 128px;
    height: 128px;
    margin: 8px auto
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .author .author-code .download {
    color: var(--main_color)
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .author .author-top {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    margin-top: 24px
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .author .author-top .avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 16px;
    flex-shrink: 0
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .author .author-top .info {
    flex: 1
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .author .author-top .author-name {
    margin-bottom: 4px;
    font-size: 16px;
    display: flex;
    justify-content: space-between
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .author .author-top .author-name .author-code-wrap {
    position: relative
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .author .author-top .author-name .author-code-wrap .author-code {
    display: none;
    position: absolute;
    background-color: #fff;
    padding: 16px;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .16)
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .author .author-top .author-name .author-code-wrap>img {
    width: 20px;
    height: 20px
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .author .author-top .author-name .author-code-wrap>img:hover+.author-code {
    display: block
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .author .author-top .author-title {
    color: #909399
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .author .author-brief .btn-more {
    color: var(--main_color);
    cursor: pointer;
    margin-left: 4px
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .catalogue .chapter-item .chapter-title-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 24px 16px;
    cursor: pointer;
    margin-top: 40px
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .catalogue .chapter-item .chapter-title-wrapper .chapter-title {
    color: #303133;
    font-size: 20px
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .catalogue .chapter-item .chapter-title-wrapper .chapter-title:hover {
    text-decoration: underline
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .catalogue .chapter-item .chapter-title-wrapper i {
    font-size: 20px;
    color: #b2b2b2;
    transition: transform .3s ease
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .catalogue .chapter-item .article-list-wrapper {
    transition: height .3s ease;
    overflow: hidden;
    height: 0
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .catalogue .chapter-item .article-list-wrapper .article-item {
    padding: 20px 48px;
    display: flex;
    align-items: center;
    font-size: 16px;
    border-radius: 6px
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .catalogue .chapter-item .article-list-wrapper .article-item i {
    margin-right: 6px
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .catalogue .chapter-item .article-list-wrapper .article-item .label-free {
    margin-right: 6px;
    font-size: 12px;
    border-radius: 4px;
    padding: 0 5px;
    border: 1px solid var(--main_color);
    color: var(--main_color)
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .catalogue .chapter-item .article-list-wrapper .article-item .label-free_live {
    color: #fff;
    background-color: var(--main_color)
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .catalogue .chapter-item .article-list-wrapper .article-item .article-title {
    flex: 1;
    color: #303133
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .catalogue .chapter-item .article-list-wrapper .article-item .duration {
    color: #909399;
    font-size: 14px
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .catalogue .chapter-item .article-list-wrapper .article-item .recommend-item {
    font-size: 12px;
    background-color: var(--main_color);
    border-radius: 10px;
    padding: 2px 4px;
    color: #fff
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .catalogue .chapter-item .article-list-wrapper .article-item:hover {
    background-color: #fdfbfa
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .catalogue .chapter-item .article-list-wrapper .article-item:hover .article-title,
.goods_special_column_detail-container .goods_special_column_detail-style0 .catalogue .chapter-item .article-list-wrapper .article-item:hover .duration,
.goods_special_column_detail-container .goods_special_column_detail-style0 .catalogue .chapter-item .article-list-wrapper .article-item:hover i {
    color: var(--main_color)
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .catalogue .chapter-item:first-child .chapter-title-wrapper {
    margin-top: 0
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .who-learn .list {
    display: flex;
    flex-wrap: wrap
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .who-learn .item {
    width: 32px;
    height: 40px
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .who-learn .item img {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    border: 2px solid #fff
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .who-learn .more {
    margin-left: 16px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #FAFAFA
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .recommend .item {
    overflow: hidden
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .recommend .item img {
    margin-right: 16px;
    width: 80px;
    height: 80px;
    object-fit: contain;
    border-radius: 8px;
    float: left
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .recommend .item .right-box {
    float: left;
    width: calc(100% - 96px)
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .recommend .item .right-box .tit {
    color: #424A5E;
    font-size: 16px
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .recommend .item .right-box .info {
    color: #909399;
    margin: 4px 0 8px
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .recommend .item .right-box .price {
    color: var(--main_color);
    font-size: 16px
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .recommend .item:not(:last-child) {
    margin-bottom: 16px
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .recommend-try-see .item {
    border-bottom: 1px solid #EAEAEA;
    padding: 16px 0;
    display: flex;
    align-items: center
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .recommend-try-see .item i {
    margin-right: 8px
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .recommend-try-see .item .name-wrap {
    flex: 1
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .recommend-try-see .item .name-wrap .name {
    color: #424A5E;
    overflow: hidden;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .recommend-try-see .item .name-wrap .time {
    color: #909399
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .recommend-try-see .item .free {
    color: var(--main_color);
    margin-left: 28px
}

.goods_special_column_detail-container .goods_special_column_detail-style0 .recommend-try-see .item:hover i {
    color: #424A5E
}

.goods_special_column_detail-container #product-comment .container {
    width: 100%
}

.goods_special_column_detail-container #product-comment .product-score {
    margin-left: 16px;
    padding-bottom: 10px
}

.goods_special_column_detail-container #product-comment .product-score span {
    color: var(--main_color);
    font-size: 56px;
    margin-bottom: 12px
}

.goods_special_column_detail-container #product-comment .product-score span:nth-child(2) {
    font-size: 16px
}

.goods_special_column_detail-container #product-comment .product-score p {
    font-size: 12px;
    margin-left: 10px
}

.goods_special_column_detail-container #product-comment .product-comment-tab {
    padding: 16px 0 17px 16px;
    border-top: 1px dashed #eaeaea;
    border-bottom: 1px solid #eaeaea;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.goods_special_column_detail-container #product-comment .product-comment-tab ul {
    display: flex
}

.goods_special_column_detail-container #product-comment .product-comment-tab ul li {
    margin-right: 25px;
    cursor: pointer
}

.goods_special_column_detail-container #product-comment .product-comment-tab ul li.selected {
    color: var(--main_color)
}

.goods_special_column_detail-container #product-comment .product-comment-tab .tab-right input {
    cursor: pointer;
    display: inline-block;
    width: 14px;
    height: 14px
}

.goods_special_column_detail-container #product-comment .product-comment-tab .tab-right input:checked {
    background-color: var(--main_color)
}

.goods_special_column_detail-container #product-comment .product-comment-tab .tab-right span {
    color: #666
}

.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list {
    display: flex;
    flex-direction: column;
    font-size: 12px
}

.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item {
    padding: 20px 0 20px 16px;
    display: flex;
    justify-content: space-between
}

.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .avatar-box {
    display: flex;
    flex-direction: column;
    align-items: center
}

.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .avatar-box .avatar {
    width: 70px;
    height: 70px
}

.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .avatar-box .avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .avatar-box .nickname {
    margin-top: 6px;
    max-width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail {
    margin-top: 16px;
    padding-left: 60px;
    flex: 1
}

.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .top-box {
    display: flex;
    justify-content: space-between
}

.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .top-box .product-star {
    margin-bottom: 5px;
    background: url(/visual-editor/images/shop_goods_detail/star12.png);
    width: 110px;
    height: 30px
}

.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .top-box .product-star.star-5 {
    background-position: 110px 0
}

.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .top-box .product-star.star-4 {
    background-position: 88px 0
}

.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .top-box .product-star.star-3 {
    background-position: 66px 0
}

.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .top-box .product-star.star-2 {
    background-position: 44px 0
}

.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .top-box .product-star.star-1 {
    background-position: 22px 0
}

.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .top-box .time {
    color: #a4a4a4
}

.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-content {
    word-break: break-all;
    margin-bottom: 10px
}

.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-img .small-img-group {
    display: flex
}

.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-img .small-img-group .img-wrap {
    width: 88px;
    height: 88px;
    padding: 2px;
    margin-right: 10px;
    cursor: -moz-zoom-in;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    border: 2px solid #fff
}

.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-img .small-img-group .img-wrap.selected {
    border: 2px solid var(--main_color)
}

.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-img .small-img-group .img-wrap img {
    width: 100%;
    height: 100%
}

.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-img .img-big {
    display: none;
    margin-top: 16px;
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-img .img-big img {
    max-width: 410px;
    max-height: 410px
}

.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-sku {
    color: #a4a4a4;
    margin-top: 21px
}

.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .product-reply {
    padding-top: 40px
}

.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .product-reply .avatar {
    float: left;
    width: 32px;
    height: 32px;
    margin-right: 12px
}

.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .product-reply .avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .product-reply .content-box {
    float: left;
    width: 596px
}

.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .product-reply .content-box .nickname {
    margin-bottom: 6px;
    color: #CA141D
}

.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .product-reply .content-box .content {
    color: #717171
}

.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .no-comment {
    min-height: 200px;
    border-bottom: 1px solid #eaeaea;
    color: #a4a4a4;
    text-align: center
}

.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .no-comment::before {
    content: "";
    display: block;
    width: 80px;
    height: 80px;
    margin: 40px auto 20px;
    background: url(/visual-editor/images/shop_goods_detail/empty.png) no-repeat;
    background-size: 100%
}

.mobile .gw-editor-page .goods_special_column_detail-container .container,
.mobile .gw-editor-page .goods_special_column_detail-container .shop_goods {
    width: 100%
}

.mobile .gw-editor-page .goods_special_column_detail-container .article-link-qrcode {
    display: none
}

.goods_building_detail-container {
    --main_color: #FD2345
}

.goods_building_detail-container .gw-align-container {
    max-width: 100%
}

@media (min-width:1200px) {
    .goods_building_detail-container .gw-align-container {
        max-width: var(--max-width)
    }
}

.goods_building_detail-container .goods_building_detail-content * {
    max-width: 100%
}

.goods_building_detail-container .bg-light {
    background-color: #f5f5f5
}

.goods_building_detail-container .gap-2 {
    gap: 2px
}

.goods_building_detail-container .gap-4 {
    gap: 4px
}

.goods_building_detail-container .gap-10 {
    gap: 10px
}

.goods_building_detail-container .btn-light {
    color: #000;
    background-color: #f5f5f5;
    border-color: #f5f5f5
}

.goods_building_detail-container .text-highlight-dark {
    color: #a07800
}

.goods_building_detail-container .list-line {
    padding-left: 0;
    list-style: none
}

.goods_building_detail-container .list-inline-item {
    display: inline-block
}

.goods_building_detail-container .list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.goods_building_detail-container .text-primary {
    color: var(--main_color)
}

.goods_building_detail-container .cursor-pointer {
    cursor: pointer
}

.goods_building_detail-container .position-relative {
    position: relative
}

.goods_building_detail-container .fit-contain {
    object-fit: contain
}

.goods_building_detail-container .h-100 {
    height: 100%
}

.goods_building_detail-container .w-100 {
    width: 100%
}

.goods_building_detail-container .bold {
    font-weight: 700
}

.goods_building_detail-container .d-block {
    display: block
}

.goods_building_detail-container .img-fluid {
    max-width: 100%;
    height: auto
}

.goods_building_detail-container .btn {
    outline: 0
}

.goods_building_detail-container .container-panel {
    margin: 0 15px
}

.goods_building_detail-container .fs-14 {
    font-size: 14px
}

.goods_building_detail-container .fs-18 {
    font-size: 18px
}

.goods_building_detail-container a:active,
.goods_building_detail-container a:hover {
    color: var(--main_color)
}

.goods_building_detail-container .border-bottom {
    border-bottom: 1px solid #dee2e6
}

.goods_building_detail-container .border-top {
    border-top: 1px solid #dee2e6
}

.goods_building_detail-container .btn-outline-primary {
    color: var(--main_color);
    border-color: var(--main_color)
}

.goods_building_detail-container .btn-outline-primary.active,
.goods_building_detail-container .btn-outline-primary:hover {
    color: #fff;
    background-color: var(--main_color);
    border-color: var(--main_color)
}

.goods_building_detail-container .btn-menu .btn {
    outline: 0;
    background-color: #fff;
    min-width: 100px
}

.goods_building_detail-container .btn-menu .btn.btn-outline-primary.active,
.goods_building_detail-container .btn-menu .btn.btn-outline-primary:hover {
    background-color: var(--main_color)
}

.goods_building_detail-container .list-separator {
    --delimiter: " ・ ";
    display: inline-flex;
    flex-direction: row;
    gap: 0;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0
}

.goods_building_detail-container .list-separator li+li:before {
    content: var(--delimiter);
    margin: 0 2px
}

.goods_building_detail-container .goods_building_detail-style {
    position: relative;
    --swiper-theme-color: #fff
}

.goods_building_detail-container .goods_building_detail-style .property-header {
    display: block
}

.goods_building_detail-container .goods_building_detail-style .property-header .header-info-panel {
    --bs-gutter-x: 12px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-bottom: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5)
}

.goods_building_detail-container .goods_building_detail-style .property-header .contact-buttons {
    text-align: right
}

.goods_building_detail-container .goods_building_detail-style .property-header .contact-buttons .btn-outline-secondary {
    background-color: #e9e8f5;
    color: #272454;
    border-color: #272454
}

.goods_building_detail-container .goods_building_detail-style .property-header .contact-buttons .btn-outline-secondary.active,
.goods_building_detail-container .goods_building_detail-style .property-header .contact-buttons .btn-outline-secondary:hover {
    background-color: #272454;
    color: #fff
}

.goods_building_detail-container .goods_building_detail-style .property-header .page-tracks {
    display: none;
    position: relative;
    background: #fff;
    box-shadow: rgba(120, 120, 120, .3) 0 5px 35px 8px;
    height: 60px;
    font-size: 16px;
    z-index: 10
}

.goods_building_detail-container .goods_building_detail-style .property-header .page-tracks .nav-track {
    gap: 25px;
    padding: 5px 0 10px;
    border-bottom: none
}

.goods_building_detail-container .goods_building_detail-style .property-header .page-tracks .nav-track .nav-item {
    display: list-item;
    outline: 0
}

.goods_building_detail-container .goods_building_detail-style .property-header .page-tracks .nav-track .nav-item .nav-link {
    display: block;
    color: #959ca3;
    height: 45px;
    line-height: 45px;
    padding: 0;
    text-decoration: none;
    border: none;
    border-bottom: 3px solid transparent;
    transition: all .3s ease-in-out;
    outline: 0
}

.goods_building_detail-container .goods_building_detail-style .property-header .page-tracks .nav-track .nav-item .nav-link.active,
.goods_building_detail-container .goods_building_detail-style .property-header .page-tracks .nav-track .nav-item .nav-link:hover {
    color: #000;
    border-color: var(--main_color)
}

.goods_building_detail-container .goods_building_detail-style .property-header.stuck .abbr-info {
    position: relative;
    z-index: 505
}

.goods_building_detail-container .goods_building_detail-style .property-header.stuck .page-tracks {
    display: block
}

.goods_building_detail-container .goods_building_detail-style .main-box {
    padding-bottom: 50px
}

.goods_building_detail-container .goods_building_detail-style .main-box .list-separator {
    --delimiter: " ・ ";
    display: inline-flex;
    flex-direction: row;
    gap: 0;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0
}

.goods_building_detail-container .goods_building_detail-style .main-box .nav-tabs-custom {
    margin: 0 0 10px;
    gap: 10px;
    border: none;
    background-color: #fff
}

.goods_building_detail-container .goods_building_detail-style .main-box .nav-tabs-custom>li a:hover {
    color: #000;
    background-color: #fff
}

.goods_building_detail-container .goods_building_detail-style .main-box .nav-tabs-custom .custom-item {
    padding: 10px;
    border: none;
    border-bottom: 2px solid transparent;
    font-weight: 700
}

.goods_building_detail-container .goods_building_detail-style .main-box .nav-tabs-custom .active .custom-item {
    border-color: var(--main_color)
}

.goods_building_detail-container .goods_building_detail-style .main-box .nav-map-tab-panel,
.goods_building_detail-container .goods_building_detail-style .main-box .nav-street-tab-panel,
.goods_building_detail-container .goods_building_detail-style .main-box .nav-vr-tab-panel {
    min-height: 400px
}

.goods_building_detail-container .goods_building_detail-style .main-box .swiper-box .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.goods_building_detail-container .goods_building_detail-style .main-box .swiper-box .gallery-top {
    height: 80%;
    margin-bottom: 10px
}

.goods_building_detail-container .goods_building_detail-style .main-box .swiper-box .gallery-top .swiper-slide {
    cursor: pointer;
    aspect-ratio: 16/9;
    background-color: #000
}

.goods_building_detail-container .goods_building_detail-style .main-box .swiper-box .gallery-top .swiper-slide img {
    object-fit: contain
}

.goods_building_detail-container .goods_building_detail-style .main-box .swiper-box .gallery-top .swiper-slide .caption {
    position: absolute;
    bottom: 5%;
    width: 100%;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 3px #000
}

.goods_building_detail-container .goods_building_detail-style .main-box .swiper-box .gallery-top .count-bubble {
    cursor: pointer;
    position: absolute;
    bottom: 15px;
    right: 15px;
    border: 1px solid gray;
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    border-radius: .25rem;
    z-index: 8;
    padding: 8px 16px
}

.goods_building_detail-container .goods_building_detail-style .main-box .swiper-box .gallery-thumbs {
    height: 80px
}

.goods_building_detail-container .goods_building_detail-style .main-box .swiper-box .gallery-thumbs .swiper-slide {
    height: 100%;
    opacity: .6;
    border: 3px solid transparent
}

.goods_building_detail-container .goods_building_detail-style .main-box .swiper-box .gallery-thumbs .swiper-slide.active {
    opacity: 1;
    border: 3px solid var(--main_color)
}

.goods_building_detail-container .goods_building_detail-style .main-box .swiper-box .gallery-thumbs .swiper-slide img {
    object-fit: cover
}

.goods_building_detail-container .goods_building_detail-style .main-box .swiper-box .gallery-thumbs .swiper-button-next,
.goods_building_detail-container .goods_building_detail-style .main-box .swiper-box .gallery-thumbs .swiper-button-prev {
    position: absolute;
    top: 0;
    margin: 0;
    height: 100%;
    width: 25px;
    background-color: #b2b2b2
}

.goods_building_detail-container .goods_building_detail-style .main-box .swiper-box .gallery-thumbs .swiper-button-next::after,
.goods_building_detail-container .goods_building_detail-style .main-box .swiper-box .gallery-thumbs .swiper-button-prev::after {
    font-size: 16px
}

.goods_building_detail-container .goods_building_detail-style .main-box .swiper-box .gallery-thumbs .swiper-button-next {
    right: 0
}

.goods_building_detail-container .goods_building_detail-style .main-box .swiper-box .gallery-thumbs .swiper-button-prev {
    left: 0
}

.goods_building_detail-container .goods_building_detail-style .main-box .swiper-box .thumbs-grid {
    display: grid;
    grid-auto-rows: 80px;
    grid-template-columns: repeat(auto-fill, minmax(94px, 1fr));
    gap: 3px;
    height: 170px;
    padding-right: 1px;
    overflow: auto
}

.goods_building_detail-container .goods_building_detail-style .main-box .swiper-box .thumbs-grid .thumb {
    cursor: pointer;
    border: 3px solid transparent
}

.goods_building_detail-container .goods_building_detail-style .main-box .swiper-box .thumbs-grid .thumb.active {
    border: 3px solid var(--main_color)
}

.goods_building_detail-container .goods_building_detail-style .main-box .swiper-box .thumbs-grid .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

.goods_building_detail-container .goods_building_detail-style .main-box .vr-bubble {
    cursor: pointer;
    position: absolute;
    bottom: 15px;
    right: 15px;
    border: 1px solid gray;
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    border-radius: .25rem;
    z-index: 8;
    padding: 8px 16px
}

.goods_building_detail-container .goods_building_detail-style .main-box .blockquote-text {
    position: relative;
    padding: 10px 0 10px 45px;
    margin-bottom: 15px
}

.goods_building_detail-container .goods_building_detail-style .main-box .blockquote-text::before {
    position: absolute;
    top: 0;
    left: 0;
    color: #bb9309;
    content: "";
    font: normal normal normal 14px/1 FontAwesome;
    font-weight: 700;
    font-size: 20px;
    font-style: normal;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}

.goods_building_detail-container .goods_building_detail-style .main-box .property-info .task-bar {
    display: flex;
    justify-content: end;
    gap: 10px;
    background-color: #fff;
    margin-bottom: 8px;
    margin-top: 8px
}

.goods_building_detail-container .goods_building_detail-style .main-box .property-info .task-bar .btn-outline-base {
    color: #6c757d;
    border-color: #ced4da;
    padding: 0 8px;
    background-color: #fff;
    outline: 0
}

.goods_building_detail-container .goods_building_detail-style .main-box .property-info .task-bar .btn-outline-base:active:focus,
.goods_building_detail-container .goods_building_detail-style .main-box .property-info .task-bar .btn-outline-base:focus {
    outline: 0
}

.goods_building_detail-container .goods_building_detail-style .main-box .property-info .task-bar .btn-outline-base.has-collected,
.goods_building_detail-container .goods_building_detail-style .main-box .property-info .task-bar .btn-outline-base:hover {
    color: var(--main_color);
    border-color: var(--main_color)
}

.goods_building_detail-container .goods_building_detail-style .main-box .property-info .list-meta {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 0;
    justify-content: center
}

.goods_building_detail-container .goods_building_detail-style .main-box .property-info .list-meta .value {
    font-weight: 700
}

.goods_building_detail-container .goods_building_detail-style .main-box .property-info .list-meta .label {
    color: #959ca3;
    font-size: 12px
}

.goods_building_detail-container .goods_building_detail-style .main-box .property-info .table-data {
    table-layout: fixed
}

.goods_building_detail-container .goods_building_detail-style .main-box .property-info .table-data>tbody {
    vertical-align: inherit
}

.goods_building_detail-container .goods_building_detail-style .main-box .property-info .table-data>tbody tr {
    vertical-align: top;
    border-bottom: 1px solid #dee2e6
}

.goods_building_detail-container .goods_building_detail-style .main-box .property-info .table-data>tbody tr th {
    color: #959ca3;
    font-weight: 400;
    padding: 8px;
    border-top: none
}

.goods_building_detail-container .goods_building_detail-style .main-box .property-info .table-data>tbody tr td {
    padding: 8px;
    border-top: none
}

.goods_building_detail-container .goods_building_detail-style .gallery-preview {
    position: relative
}

.goods_building_detail-container .goods_building_detail-style .gallery-preview .img-fluid {
    max-width: 100%;
    height: auto;
    display: block
}

.goods_building_detail-container .goods_building_detail-style .gallery-preview .count-bubble {
    cursor: pointer;
    position: absolute;
    bottom: 15px;
    right: 15px;
    border: 1px solid gray;
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    border-radius: .25rem;
    z-index: 8;
    padding: 8px 16px
}

.goods_building_detail-container .goods_building_detail-style .listings-box .listview-results .table-sm>:not(caption)>*>* {
    padding: 4px;
    border-bottom: 1px solid #dee2e6
}

.goods_building_detail-container .goods_building_detail-style .listings-box .listview-results .table>:not(:last-child)>:last-child>* {
    border-bottom: none;
    border-top: none
}

.goods_building_detail-container .goods_building_detail-style .listings-box .listview-results td,
.goods_building_detail-container .goods_building_detail-style .listings-box .listview-results th {
    border-top: none;
    text-align: center;
    vertical-align: middle
}

.goods_building_detail-container .goods_building_detail-style .listings-box .listview-results tr {
    border-bottom: 1px solid #dee2e6
}

.goods_building_detail-container .goods_building_detail-style .listings-box .listview-results thead>tr {
    border-bottom: 1px solid #959ca3
}

.goods_building_detail-container .goods_building_detail-style .listings-box .listview-results th a .fa {
    opacity: .4;
    color: var(--main_color)
}

.goods_building_detail-container .goods_building_detail-style .listings-box .listview-results th a.active .fa {
    opacity: 1
}

.goods_building_detail-container .goods_building_detail-style .listings-box .listview-results .row-thumb a {
    height: 90px
}

.goods_building_detail-container .goods_building_detail-style .listings-box .listview-results .border {
    border: 1px solid #dee2e6
}

.goods_building_detail-container .goods_building_detail-style .listings-box .listview-results .border-bottom {
    border-bottom: 1px solid #dee2e6
}

.goods_building_detail-container .goods_building_detail-style .listings-box .listview-results .listview-grid.listview-grid-sm {
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    grid-auto-rows: auto;
    gap: 10px;
    display: grid
}

.goods_building_detail-container .goods_building_detail-style .listings-box .listview-results .listview-grid.listview-grid-sm .listview-item {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.goods_building_detail-container .goods_building_detail-style .listings-box .listview-results .listview-grid.listview-grid-sm .listview-item:hover {
    box-shadow: 0 0 7px 0 #ccc
}

.goods_building_detail-container .goods_building_detail-style .listings-box .listview-results .listview-grid.listview-grid-sm .thumbs {
    height: 135px
}

.goods_building_detail-container .goods_building_detail-style .listings-box .listview-results .listview-grid.listview-grid-sm .info {
    padding: 8px
}

.goods_building_detail-container .goods_building_detail-style .listings-box .listview-results .listview-grid.listview-grid-sm .info .title {
    line-height: 1.25;
    font-size: 15px
}

.goods_building_detail-container .goods_building_detail-style .listings-box .listview-results .listview-grid.listview-grid-sm .info .link-black:active,
.goods_building_detail-container .goods_building_detail-style .listings-box .listview-results .listview-grid.listview-grid-sm .info .link-black:hover {
    color: var(--main_color)
}

.goods_building_detail-container .goods_building_detail-style .listings-box .listview-results .listview-grid.listview-grid-sm .info .list-unstyled {
    font-size: 12px;
    color: #5b5b5b
}

.goods_building_detail-container .goods_building_detail-style .listings-box .listview-results .listview-grid.listview-grid-sm .actions {
    padding: 4px 8px;
    text-align: right
}

.goods_building_detail-container .goods_building_detail-style .listings-box .listview-results .listview-grid.listview-grid-sm .actions .btn {
    padding: 2px 4px;
    font-size: 19px;
    color: #959ca3;
    cursor: pointer
}

.goods_building_detail-container .goods_building_detail-style .transactions-box .listview-results .table-sm>:not(caption)>*>* {
    padding: 4px;
    border-bottom: 1px solid #dee2e6
}

.goods_building_detail-container .goods_building_detail-style .transactions-box .listview-results .table>:not(:last-child)>:last-child>* {
    border-bottom: 1px solid #959ca3
}

.goods_building_detail-container .goods_building_detail-style .transactions-box .listview-results td,
.goods_building_detail-container .goods_building_detail-style .transactions-box .listview-results th {
    text-align: center;
    vertical-align: middle
}

.goods_building_detail-container .goods_building_detail-style .transactions-box .listview-results th a .fa {
    opacity: .4;
    color: var(--main_color)
}

.goods_building_detail-container .goods_building_detail-style .transactions-box .listview-results th a.active .fa {
    opacity: 1
}

.goods_building_detail-container .goods_building_detail-style .transactions-box .listview-results .row-thumb a {
    height: 90px
}

.goods_building_detail-container .goods_building_detail-style .transactions-box .listview-results .border {
    border: 1px solid #dee2e6
}

.goods_building_detail-container .goods_building_detail-style .transactions-box .listview-results .border-bottom {
    border-bottom: 1px solid #dee2e6
}

.goods_building_detail-container .goods_building_detail-style .transactions-box .listview-results .listview-grid.listview-grid-sm {
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    grid-auto-rows: auto;
    gap: 10px;
    display: grid
}

.goods_building_detail-container .goods_building_detail-style .transactions-box .listview-results .listview-grid.listview-grid-sm .listview-item {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.goods_building_detail-container .goods_building_detail-style .transactions-box .listview-results .listview-grid.listview-grid-sm .listview-item:hover {
    box-shadow: 0 0 7px 0 #ccc
}

.goods_building_detail-container .goods_building_detail-style .transactions-box .listview-results .listview-grid.listview-grid-sm .thumbs {
    height: 135px
}

.goods_building_detail-container .goods_building_detail-style .transactions-box .listview-results .listview-grid.listview-grid-sm .info {
    padding: 8px
}

.goods_building_detail-container .goods_building_detail-style .transactions-box .listview-results .listview-grid.listview-grid-sm .info .title {
    line-height: 1.25;
    font-size: 15px
}

.goods_building_detail-container .goods_building_detail-style .transactions-box .listview-results .listview-grid.listview-grid-sm .info .link-black:active,
.goods_building_detail-container .goods_building_detail-style .transactions-box .listview-results .listview-grid.listview-grid-sm .info .link-black:hover {
    color: var(--main_color)
}

.goods_building_detail-container .goods_building_detail-style .transactions-box .listview-results .listview-grid.listview-grid-sm .info .list-unstyled {
    font-size: 12px;
    color: #5b5b5b
}

.goods_building_detail-container .goods_building_detail-style .transactions-box .listview-results .listview-grid.listview-grid-sm .actions {
    padding: 4px 8px;
    text-align: right
}

.goods_building_detail-container .goods_building_detail-style .transactions-box .listview-results .listview-grid.listview-grid-sm .actions .btn {
    padding: 2px 4px;
    font-size: 19px;
    color: #959ca3;
    cursor: pointer
}

.goods_building_detail-container .goods_building_detail-style .transactions-box .list-result-panel .result-item {
    border-bottom: 1px solid #dee2e6;
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
    font-size: 14px
}

.goods_building_detail-container .goods_building_detail-style .transactions-box .list-result-panel .result-item .text-muted {
    font-size: 12px
}

.goods_building_detail-container .goods_building_detail-style .agents-box {
    --swiper-pagination-color: var(--main_color)
}

.goods_building_detail-container .goods_building_detail-style .agents-box .swiper-agents {
    position: relative;
    padding-bottom: 40px
}

.goods_building_detail-container .goods_building_detail-style .agents-box .swiper-agents .swiper-pagination {
    bottom: 10px;
    left: 0;
    width: 100%
}

.goods_building_detail-container .goods_building_detail-style .agents-box .swiper-agents .swiper-pagination .swiper-pagination-bullet {
    margin: 0 4px
}

.goods_building_detail-container .goods_building_detail-style .agents-box .swiper-agents .swiper-button-next,
.goods_building_detail-container .goods_building_detail-style .agents-box .swiper-agents .swiper-button-prev {
    --swiper-navigation-size: 20px;
    position: absolute;
    top: 45%;
    background: #c3c3c3;
    border-radius: 100%;
    padding: 1rem;
    color: #fff;
    width: 40px;
    height: 40px
}

.goods_building_detail-container .goods_building_detail-style .agents-box .swiper-agents .swiper-button-prev {
    transform: translateX(30px)
}

.goods_building_detail-container .goods_building_detail-style .agents-box .swiper-agents .swiper-button-next {
    transform: translateX(-30px)
}

.goods_building_detail-container .goods_building_detail-style .agents-box .swiper-agents .agent-card .thumbs {
    flex-basis: 80px;
    height: 80px
}

.goods_building_detail-container .goods_building_detail-style .agents-box .swiper-agents .agent-card .thumbs img {
    object-fit: cover;
    width: 80px;
    height: 80px;
    min-width: 80px;
    max-width: 80px
}

.goods_building_detail-container .goods_building_detail-style .agents-box .swiper-agents blockquote {
    border-left: none
}

.goods_building_detail-container .goods_building_detail-style .agents-box .fa-whatsapp {
    color: #47c757
}

.goods_building_detail-container .goods_building_detail-style .faq-box .panel {
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #dee2e6;
    box-shadow: none;
    padding: 0 8px;
    background-color: transparent
}

.goods_building_detail-container .goods_building_detail-style .faq-box .panel .panel-heading {
    background-color: transparent;
    border: none;
    font-size: 14px;
    font-weight: 700
}

.goods_building_detail-container .goods_building_detail-style .faq-box .panel .panel-heading .panel-title>a[aria-expanded=true] {
    color: var(--main_color)
}

.goods_building_detail-container .goods_building_detail-style .faq-box .panel .panel-heading .collapsed {
    color: #333
}

.goods_building_detail-container .goods_building_detail-style .faq-box .panel .panel-body {
    padding-top: 0;
    border: none
}

.mobile .goods_building_detail-container .container,
.mobile .goods_building_detail-container .shop_goods {
    width: 100%
}

.mobile .goods_building_detail-container .container-panel {
    margin: 0
}

.goods_compare_detail-container .list-inline-item:not(:last-child),
.goods_rental_detail-container .list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.mobile .goods_building_detail-container .article-link-qrcode {
    display: none
}

@media (min-width:992px) {
    .sticky-lg-top {
        position: sticky;
        top: 0;
        z-index: 10
    }

    .goods_building_detail-style .container-panel {
        max-width: 100%
    }
}

.goods_rental_detail-container {
    --main_color: #FD2345
}

.goods_rental_detail-container .gw-align-container {
    max-width: 100%
}

@media (min-width:1200px) {
    .goods_rental_detail-container .gw-align-container {
        max-width: var(--max-width)
    }
}

.goods_rental_detail-container .goods_rental_detail-content {
    font-size: 17px
}

.goods_rental_detail-container .goods_rental_detail-content * {
    max-width: 100%
}

.goods_rental_detail-container .bg-light {
    background-color: #f5f5f5
}

.goods_rental_detail-container .gap-2 {
    gap: 2px
}

.goods_rental_detail-container .gap-10 {
    gap: 10px
}

.goods_rental_detail-container .btn-light {
    color: #000;
    background-color: #f5f5f5;
    border-color: #f5f5f5
}

.goods_rental_detail-container .text-highlight-dark {
    color: #a07800
}

.goods_rental_detail-container .list-line {
    padding-left: 0;
    list-style: none
}

.goods_rental_detail-container .list-inline-item {
    display: inline-block
}

.goods_rental_detail-container .text-block {
    color: #333
}

.goods_rental_detail-container .text-primary {
    color: var(--main_color)
}

.goods_rental_detail-container .color-green {
    color: green
}

.goods_rental_detail-container .color-blue {
    color: #7FC8FF
}

.goods_rental_detail-container .cursor-pointer {
    cursor: pointer
}

.goods_rental_detail-container .fit-contain {
    object-fit: contain
}

.goods_rental_detail-container .position-relative {
    position: relative
}

.goods_rental_detail-container .h-100 {
    height: 100%
}

.goods_rental_detail-container .w-100 {
    width: 100%
}

.goods_rental_detail-container .bold {
    font-weight: 700
}

.goods_rental_detail-container .d-block {
    display: block
}

.goods_rental_detail-container .img-fluid {
    max-width: 100%;
    height: auto
}

.goods_rental_detail-container .btn {
    outline: 0
}

.goods_rental_detail-container .container-panel {
    margin: 0 15px
}

.goods_rental_detail-container .fs-12 {
    font-size: 12px
}

.goods_rental_detail-container .fs-14 {
    font-size: 14px
}

.goods_rental_detail-container .fs-18 {
    font-size: 18px
}

.goods_rental_detail-container a:active,
.goods_rental_detail-container a:hover {
    color: var(--main_color)
}

.goods_rental_detail-container .btn-outline-primary {
    color: var(--main_color);
    border-color: var(--main_color)
}

.goods_rental_detail-container .btn-outline-primary.active,
.goods_rental_detail-container .btn-outline-primary:hover {
    color: #fff;
    background-color: var(--main_color);
    border-color: var(--main_color)
}

.goods_rental_detail-container .btn-menu .btn {
    outline: 0;
    background-color: #fff;
    min-width: 100px
}

.goods_rental_detail-container .btn-menu .btn.btn-outline-primary.active,
.goods_rental_detail-container .btn-menu .btn.btn-outline-primary:hover {
    background-color: var(--main_color)
}

.goods_rental_detail-container .list-separator {
    --delimiter: " ・ ";
    display: inline-flex;
    flex-direction: row;
    gap: 0;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0
}

.goods_rental_detail-container .list-separator li+li:before {
    content: var(--delimiter);
    margin: 0 2px
}

.goods_rental_detail-container .goods_rental_detail-style {
    position: relative;
    --swiper-theme-color: #fff
}

.goods_rental_detail-container .goods_rental_detail-style .property-header {
    display: block
}

.goods_rental_detail-container .goods_rental_detail-style .property-header .header-info-panel {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5)
}

.goods_rental_detail-container .goods_rental_detail-style .property-header .contact-buttons {
    text-align: right
}

.goods_rental_detail-container .goods_rental_detail-style .property-header .contact-buttons .btn-outline-secondary {
    background-color: #e9e8f5;
    color: #272454;
    border-color: #272454
}

.goods_rental_detail-container .goods_rental_detail-style .property-header .contact-buttons .btn-outline-secondary.active,
.goods_rental_detail-container .goods_rental_detail-style .property-header .contact-buttons .btn-outline-secondary:hover {
    background-color: #272454;
    color: #fff
}

.goods_rental_detail-container .goods_rental_detail-style .property-header .page-tracks {
    display: none;
    position: relative;
    background: #fff;
    box-shadow: rgba(120, 120, 120, .3) 0 5px 35px 8px;
    height: 60px;
    font-size: 16px;
    z-index: 10
}

.goods_rental_detail-container .goods_rental_detail-style .property-header .page-tracks .nav-track {
    gap: 25px;
    padding: 5px 0 10px;
    border-bottom: none
}

.goods_rental_detail-container .goods_rental_detail-style .property-header .page-tracks .nav-track .nav-item {
    display: list-item;
    outline: 0
}

.goods_rental_detail-container .goods_rental_detail-style .property-header .page-tracks .nav-track .nav-item .nav-link {
    display: block;
    color: #959ca3;
    height: 45px;
    line-height: 45px;
    padding: 0;
    text-decoration: none;
    border: none;
    border-bottom: 3px solid transparent;
    transition: all .3s ease-in-out;
    outline: 0
}

.goods_rental_detail-container .goods_rental_detail-style .property-header .page-tracks .nav-track .nav-item .nav-link.active,
.goods_rental_detail-container .goods_rental_detail-style .property-header .page-tracks .nav-track .nav-item .nav-link:hover {
    color: #000;
    border-color: var(--main_color)
}

.goods_rental_detail-container .goods_rental_detail-style .property-header.stuck .abbr-info {
    position: relative;
    z-index: 505
}

.goods_rental_detail-container .goods_rental_detail-style .property-header.stuck .page-tracks {
    display: block
}

.goods_rental_detail-container .goods_rental_detail-style .main-box {
    padding-bottom: 50px
}

.goods_rental_detail-container .goods_rental_detail-style .main-box .list-separator {
    --delimiter: " ・ ";
    display: inline-flex;
    flex-direction: row;
    gap: 0;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0
}

.goods_rental_detail-container .goods_rental_detail-style .main-box .list-separator li+li:before {
    content: var(--delimiter);
    margin: 0 2px
}

.goods_rental_detail-container .goods_rental_detail-style .main-box .nav-tabs-custom {
    margin: 0 0 10px;
    gap: 10px;
    border: none;
    background-color: #fff
}

.goods_rental_detail-container .goods_rental_detail-style .main-box .nav-tabs-custom>li a:hover {
    color: #000;
    background-color: #fff
}

.goods_rental_detail-container .goods_rental_detail-style .main-box .nav-tabs-custom .custom-item {
    padding: 10px;
    border: none;
    border-bottom: 2px solid transparent;
    font-weight: 700
}

.goods_rental_detail-container .goods_rental_detail-style .main-box .nav-tabs-custom .active .custom-item {
    border-color: var(--main_color)
}

.goods_rental_detail-container .goods_rental_detail-style .main-box .nav-map-tab-panel,
.goods_rental_detail-container .goods_rental_detail-style .main-box .nav-street-tab-panel,
.goods_rental_detail-container .goods_rental_detail-style .main-box .nav-vr-tab-panel {
    min-height: 400px
}

.goods_rental_detail-container .goods_rental_detail-style .main-box .swiper-box .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.goods_rental_detail-container .goods_rental_detail-style .main-box .swiper-box .gallery-top {
    height: 80%;
    margin-bottom: 10px
}

.goods_rental_detail-container .goods_rental_detail-style .main-box .swiper-box .gallery-top .swiper-slide {
    cursor: pointer;
    aspect-ratio: 16/9;
    background-color: #000
}

.goods_rental_detail-container .goods_rental_detail-style .main-box .swiper-box .gallery-top .swiper-slide img {
    object-fit: contain
}

.goods_rental_detail-container .goods_rental_detail-style .main-box .swiper-box .gallery-top .swiper-slide .caption {
    position: absolute;
    bottom: 5%;
    width: 100%;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 3px #000
}

.goods_rental_detail-container .goods_rental_detail-style .main-box .swiper-box .gallery-top .count-bubble {
    cursor: pointer;
    position: absolute;
    bottom: 15px;
    right: 15px;
    border: 1px solid gray;
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    border-radius: .25rem;
    z-index: 8;
    padding: 8px 16px
}

.goods_rental_detail-container .goods_rental_detail-style .main-box .swiper-box .gallery-thumbs {
    height: 80px
}

.goods_rental_detail-container .goods_rental_detail-style .main-box .swiper-box .gallery-thumbs .swiper-slide {
    height: 100%;
    opacity: .6;
    border: 3px solid transparent
}

.goods_rental_detail-container .goods_rental_detail-style .main-box .swiper-box .gallery-thumbs .swiper-slide.active {
    opacity: 1;
    border: 3px solid var(--main_color)
}

.goods_rental_detail-container .goods_rental_detail-style .main-box .swiper-box .gallery-thumbs .swiper-slide img {
    object-fit: cover
}

.goods_rental_detail-container .goods_rental_detail-style .main-box .swiper-box .gallery-thumbs .swiper-button-next,
.goods_rental_detail-container .goods_rental_detail-style .main-box .swiper-box .gallery-thumbs .swiper-button-prev {
    position: absolute;
    top: 0;
    margin: 0;
    height: 100%;
    width: 25px;
    background-color: #b2b2b2
}

.goods_rental_detail-container .goods_rental_detail-style .main-box .swiper-box .gallery-thumbs .swiper-button-next::after,
.goods_rental_detail-container .goods_rental_detail-style .main-box .swiper-box .gallery-thumbs .swiper-button-prev::after {
    font-size: 16px
}

.goods_rental_detail-container .goods_rental_detail-style .main-box .swiper-box .gallery-thumbs .swiper-button-next {
    right: 0
}

.goods_rental_detail-container .goods_rental_detail-style .main-box .swiper-box .gallery-thumbs .swiper-button-prev {
    left: 0
}

.goods_rental_detail-container .goods_rental_detail-style .main-box .swiper-box .thumbs-grid {
    display: grid;
    grid-auto-rows: 80px;
    grid-template-columns: repeat(auto-fill, minmax(94px, 1fr));
    gap: 3px;
    height: 170px;
    padding-right: 1px;
    overflow: auto
}

.goods_rental_detail-container .goods_rental_detail-style .main-box .swiper-box .thumbs-grid .thumb {
    cursor: pointer;
    border: 3px solid transparent
}

.goods_rental_detail-container .goods_rental_detail-style .main-box .swiper-box .thumbs-grid .thumb.active {
    border: 3px solid var(--main_color)
}

.goods_rental_detail-container .goods_rental_detail-style .main-box .swiper-box .thumbs-grid .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

.goods_rental_detail-container .goods_rental_detail-style .main-box .vr-bubble {
    cursor: pointer;
    position: absolute;
    bottom: 15px;
    right: 15px;
    border: 1px solid gray;
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    border-radius: .25rem;
    z-index: 8;
    padding: 8px 16px
}

.goods_rental_detail-container .goods_rental_detail-style .property-info .property-panel p {
    margin-bottom: 0
}

.goods_rental_detail-container .goods_rental_detail-style .property-info .property-panel .avatar {
    width: 60px;
    height: 60px
}

.goods_rental_detail-container .goods_rental_detail-style .property-info .property-panel .daili-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #ced4da;
    margin-bottom: 4px;
    padding: 6px 12px;
    border-radius: 4px
}

.goods_rental_detail-container .goods_rental_detail-style .property-info .property-panel .daili-btn a {
    padding: 0 2px;
    margin: 0;
    color: green;
    border: 0
}

.goods_rental_detail-container .goods_rental_detail-style .property-info .property-panel .daili-btn a:hover {
    background-color: green;
    color: #fff
}

.goods_rental_detail-container .goods_rental_detail-style .property-info .task-info {
    border: 1px solid #ced4da;
    margin-top: 15px;
    padding: 5px 10px
}

.goods_rental_detail-container .goods_rental_detail-style .property-info .task-info p {
    margin-bottom: 5px
}

.goods_rental_detail-container .goods_rental_detail-style .property-info .task-bar {
    display: flex;
    justify-content: end;
    gap: 10px;
    background-color: #fff;
    margin-bottom: 8px;
    margin-top: 8px
}

.goods_rental_detail-container .goods_rental_detail-style .property-info .task-bar .btn-outline-base {
    color: #6c757d;
    border-color: #ced4da;
    padding: 0 8px;
    background-color: #fff;
    outline: 0
}

.goods_rental_detail-container .goods_rental_detail-style .property-info .task-bar .btn-outline-base:active:focus,
.goods_rental_detail-container .goods_rental_detail-style .property-info .task-bar .btn-outline-base:focus {
    outline: 0
}

.goods_rental_detail-container .goods_rental_detail-style .property-info .task-bar .btn-outline-base.has-collected,
.goods_rental_detail-container .goods_rental_detail-style .property-info .task-bar .btn-outline-base:hover {
    color: var(--main_color);
    border-color: var(--main_color)
}

.goods_rental_detail-container .goods_rental_detail-style .property-info .list-meta {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 0;
    justify-content: center
}

.goods_rental_detail-container .goods_rental_detail-style .property-info .list-meta .value {
    font-weight: 700
}

.goods_rental_detail-container .goods_rental_detail-style .property-info .list-meta .label {
    color: #959ca3;
    font-size: 12px
}

.goods_rental_detail-container .goods_rental_detail-style .property-info .table-data {
    table-layout: fixed
}

.goods_rental_detail-container .goods_rental_detail-style .property-info .table-data>tbody {
    vertical-align: inherit
}

.goods_rental_detail-container .goods_rental_detail-style .property-info .table-data>tbody tr {
    vertical-align: top;
    border-bottom: 1px solid #dee2e6
}

.goods_rental_detail-container .goods_rental_detail-style .property-info .table-data>tbody tr th {
    color: #959ca3;
    font-weight: 400;
    padding: 8px;
    border-top: none
}

.goods_rental_detail-container .goods_rental_detail-style .property-info .table-data>tbody tr td {
    padding: 8px;
    border-top: none
}

.goods_rental_detail-container .goods_rental_detail-style .property-main {
    display: flex;
    gap: 2%
}

.goods_rental_detail-container .goods_rental_detail-style .property-main .property-media {
    width: 58%
}

.goods_rental_detail-container .goods_rental_detail-style .property-main .property-info {
    width: 40%
}

.goods_rental_detail-container .goods_rental_detail-style .gallery-preview {
    position: relative
}

.goods_rental_detail-container .goods_rental_detail-style .gallery-preview .img-fluid {
    max-width: 100%;
    height: auto;
    display: block
}

.goods_rental_detail-container .goods_rental_detail-style .gallery-preview .count-bubble {
    cursor: pointer;
    position: absolute;
    bottom: 15px;
    right: 15px;
    border: 1px solid gray;
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    border-radius: .25rem;
    z-index: 8;
    padding: 8px 16px
}

.goods_rental_detail-container .goods_rental_detail-style .listings-box .listview-results .table-sm>:not(caption)>*>* {
    padding: 4px;
    border-bottom: 1px solid #dee2e6
}

.goods_rental_detail-container .goods_rental_detail-style .listings-box .listview-results .table>:not(:last-child)>:last-child>* {
    border-bottom: 1px solid #959ca3
}

.goods_rental_detail-container .goods_rental_detail-style .listings-box .listview-results td,
.goods_rental_detail-container .goods_rental_detail-style .listings-box .listview-results th {
    text-align: center;
    vertical-align: middle
}

.goods_rental_detail-container .goods_rental_detail-style .listings-box .listview-results th a .fa {
    opacity: .4;
    color: var(--main_color)
}

.goods_rental_detail-container .goods_rental_detail-style .listings-box .listview-results th a.active .fa {
    opacity: 1
}

.goods_rental_detail-container .goods_rental_detail-style .listings-box .listview-results .row-thumb a {
    height: 90px
}

.goods_rental_detail-container .goods_rental_detail-style .listings-box .listview-results .border {
    border: 1px solid #dee2e6
}

.goods_rental_detail-container .goods_rental_detail-style .listings-box .listview-results .border-bottom {
    border-bottom: 1px solid #dee2e6
}

.goods_rental_detail-container .goods_rental_detail-style .listings-box .listview-results .listview-grid.listview-grid-sm {
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    grid-auto-rows: auto;
    gap: 10px;
    display: grid
}

.goods_rental_detail-container .goods_rental_detail-style .listings-box .listview-results .listview-grid.listview-grid-sm .listview-item {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.goods_rental_detail-container .goods_rental_detail-style .listings-box .listview-results .listview-grid.listview-grid-sm .listview-item:hover {
    box-shadow: 0 0 7px 0 #ccc
}

.goods_rental_detail-container .goods_rental_detail-style .listings-box .listview-results .listview-grid.listview-grid-sm .thumbs {
    height: 135px
}

.goods_rental_detail-container .goods_rental_detail-style .listings-box .listview-results .listview-grid.listview-grid-sm .info {
    padding: 8px
}

.goods_rental_detail-container .goods_rental_detail-style .listings-box .listview-results .listview-grid.listview-grid-sm .info .title {
    line-height: 1.25;
    font-size: 15px
}

.goods_rental_detail-container .goods_rental_detail-style .listings-box .listview-results .listview-grid.listview-grid-sm .info .link-black:active,
.goods_rental_detail-container .goods_rental_detail-style .listings-box .listview-results .listview-grid.listview-grid-sm .info .link-black:hover {
    color: var(--main_color)
}

.goods_rental_detail-container .goods_rental_detail-style .listings-box .listview-results .listview-grid.listview-grid-sm .info .list-unstyled {
    font-size: 12px;
    color: #5b5b5b
}

.goods_rental_detail-container .goods_rental_detail-style .listings-box .listview-results .listview-grid.listview-grid-sm .actions {
    padding: 4px 8px;
    text-align: right
}

.goods_rental_detail-container .goods_rental_detail-style .listings-box .listview-results .listview-grid.listview-grid-sm .actions .btn {
    padding: 2px 4px;
    font-size: 19px;
    color: #959ca3;
    cursor: pointer
}

.goods_rental_detail-container .goods_rental_detail-style .transactions-box .listview-results .table-sm>:not(caption)>*>* {
    padding: 4px;
    border-bottom: 1px solid #dee2e6
}

.goods_rental_detail-container .goods_rental_detail-style .transactions-box .listview-results .table>:not(:last-child)>:last-child>* {
    border-bottom: 1px solid #959ca3
}

.goods_rental_detail-container .goods_rental_detail-style .transactions-box .listview-results td,
.goods_rental_detail-container .goods_rental_detail-style .transactions-box .listview-results th {
    text-align: center;
    vertical-align: middle
}

.goods_rental_detail-container .goods_rental_detail-style .transactions-box .listview-results th a .fa {
    opacity: .4;
    color: var(--main_color)
}

.goods_rental_detail-container .goods_rental_detail-style .transactions-box .listview-results th a.active .fa {
    opacity: 1
}

.goods_rental_detail-container .goods_rental_detail-style .transactions-box .listview-results .row-thumb a {
    height: 90px
}

.goods_rental_detail-container .goods_rental_detail-style .transactions-box .listview-results .border {
    border: 1px solid #dee2e6
}

.goods_rental_detail-container .goods_rental_detail-style .transactions-box .listview-results .border-bottom {
    border-bottom: 1px solid #dee2e6
}

.goods_rental_detail-container .goods_rental_detail-style .transactions-box .listview-results .listview-grid.listview-grid-sm {
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    grid-auto-rows: auto;
    gap: 10px;
    display: grid
}

.goods_rental_detail-container .goods_rental_detail-style .transactions-box .listview-results .listview-grid.listview-grid-sm .listview-item {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.goods_rental_detail-container .goods_rental_detail-style .transactions-box .listview-results .listview-grid.listview-grid-sm .listview-item:hover {
    box-shadow: 0 0 7px 0 #ccc
}

.goods_rental_detail-container .goods_rental_detail-style .transactions-box .listview-results .listview-grid.listview-grid-sm .thumbs {
    height: 135px
}

.goods_rental_detail-container .goods_rental_detail-style .transactions-box .listview-results .listview-grid.listview-grid-sm .info {
    padding: 8px
}

.goods_rental_detail-container .goods_rental_detail-style .transactions-box .listview-results .listview-grid.listview-grid-sm .info .title {
    line-height: 1.25;
    font-size: 15px
}

.goods_rental_detail-container .goods_rental_detail-style .transactions-box .listview-results .listview-grid.listview-grid-sm .info .link-black:active,
.goods_rental_detail-container .goods_rental_detail-style .transactions-box .listview-results .listview-grid.listview-grid-sm .info .link-black:hover {
    color: var(--main_color)
}

.goods_rental_detail-container .goods_rental_detail-style .transactions-box .listview-results .listview-grid.listview-grid-sm .info .list-unstyled {
    font-size: 12px;
    color: #5b5b5b
}

.goods_rental_detail-container .goods_rental_detail-style .transactions-box .listview-results .listview-grid.listview-grid-sm .actions {
    padding: 4px 8px;
    text-align: right
}

.goods_rental_detail-container .goods_rental_detail-style .transactions-box .listview-results .listview-grid.listview-grid-sm .actions .btn {
    padding: 2px 4px;
    font-size: 19px;
    color: #959ca3;
    cursor: pointer
}

.goods_rental_detail-container .goods_rental_detail-style .transactions-box .list-result-panel .result-item {
    border-bottom: 1px solid #dee2e6;
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
    font-size: 14px
}

.goods_rental_detail-container .goods_rental_detail-style .transactions-box .list-result-panel .result-item .text-muted {
    font-size: 12px
}

.goods_rental_detail-container .goods_rental_detail-style .agents-box .agent-listview {
    display: flex;
    gap: 10px
}

.goods_rental_detail-container .goods_rental_detail-style .agents-box .agent-listview .listview-item {
    flex-direction: column;
    flex: 0 0 24%
}

.goods_rental_detail-container .goods_rental_detail-style .agents-box .agent-card .thumbs {
    flex-basis: 80px;
    height: 80px
}

.goods_rental_detail-container .goods_rental_detail-style .agents-box .agent-card .thumbs img {
    object-fit: cover;
    width: 80px;
    height: 80px;
    min-width: 80px;
    max-width: 80px
}

.goods_rental_detail-container .goods_rental_detail-style .agents-box .agent-card .details {
    flex-grow: 1
}

.goods_rental_detail-container .goods_rental_detail-style .agents-box .agent-card .quote-msg {
    position: relative;
    border-radius: 4px;
    background-color: #f0f0f0;
    color: #c79353;
    font-size: 12px;
    height: 35px;
    flex-basis: 35px;
    flex-shrink: 0;
    padding: 8px 16px;
    margin: 8px auto
}

.goods_rental_detail-container .goods_rental_detail-style .agents-box .agent-card .quote-msg::after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    left: 35px;
    top: 0;
    border: 8px solid transparent;
    border-top: 0;
    border-bottom: 8px solid #f0f0f0;
    transform: translateY(-100%)
}

.goods_rental_detail-container .goods_rental_detail-style .agents-box blockquote {
    border-left: none
}

.goods_rental_detail-container .goods_rental_detail-style .faq-box .panel {
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #dee2e6;
    box-shadow: none;
    padding: 0 8px;
    background-color: transparent
}

.goods_rental_detail-container .goods_rental_detail-style .faq-box .panel .panel-heading {
    background-color: transparent;
    border: none;
    color: var(--main_color);
    font-size: 14px;
    font-weight: 700
}

.goods_rental_detail-container .goods_rental_detail-style .faq-box .panel .panel-heading .collapsed {
    color: #333
}

.goods_rental_detail-container .goods_rental_detail-style .faq-box .panel .panel-body {
    padding-top: 0;
    border: none
}

.goods_rental_detail-container .goods_rental_detail-style .similars-box .swiper-similars {
    --swiper-pagination-color: var(--main_color);
    position: relative
}

.goods_rental_detail-container .goods_rental_detail-style .similars-box .swiper-similars .stock-item {
    display: flex;
    flex-direction: column;
    height: 430px;
    border: 1px solid #dee2e6
}

.goods_rental_detail-container .goods_rental_detail-style .similars-box .swiper-similars .stock-item .thumbs {
    position: relative;
    height: 200px;
    border-bottom: 1px solid #dee2e6
}

.goods_rental_detail-container .goods_rental_detail-style .similars-box .swiper-similars .stock-item .thumbs .carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    backface-visibility: hidden;
    cursor: pointer;
    transition: transform .6s ease-in-out
}

.goods_rental_detail-container .goods_rental_detail-style .similars-box .swiper-similars .stock-item .thumbs .carousel-item.active,
.mobile .goods_rental_detail-container .property-main {
    display: block
}

.goods_rental_detail-container .goods_rental_detail-style .similars-box .swiper-similars .stock-item .thumbs .carousel-item>img {
    height: 100%
}

.goods_rental_detail-container .goods_rental_detail-style .similars-box .swiper-similars .stock-item .thumbs .carousel-control {
    background: 0 0
}

.goods_rental_detail-container .goods_rental_detail-style .similars-box .swiper-similars .listview-item .info {
    padding: 8px;
    flex-grow: 1
}

.goods_rental_detail-container .goods_rental_detail-style .similars-box .swiper-similars .listview-item .info .title {
    font-size: 16px
}

.goods_rental_detail-container .goods_rental_detail-style .similars-box .swiper-similars .listview-item .info .lh-sm {
    line-height: 1.25
}

.goods_rental_detail-container .goods_rental_detail-style .similars-box .swiper-similars .listview-item .actions .btn-link {
    color: #959ca3;
    font-size: 19px
}

.goods_rental_detail-container .goods_rental_detail-style .similars-box .swiper-similars .swiper-pagination {
    bottom: -24px;
    left: 0;
    width: 100%
}

.goods_rental_detail-container .goods_rental_detail-style .similars-box .swiper-similars .swiper-pagination .swiper-pagination-bullet {
    margin: 0 4px
}

.goods_rental_detail-container .goods_rental_detail-style .similars-box .swiper-similars .swiper-button-next,
.goods_rental_detail-container .goods_rental_detail-style .similars-box .swiper-similars .swiper-button-prev {
    --swiper-navigation-size: 20px;
    position: absolute;
    top: 45%;
    background: #c3c3c3;
    border-radius: 100%;
    padding: 1rem;
    color: #fff;
    width: 40px;
    height: 40px
}

.goods_rental_detail-container .goods_rental_detail-style .similars-box .swiper-similars .swiper-button-next::after,
.goods_rental_detail-container .goods_rental_detail-style .similars-box .swiper-similars .swiper-button-prev::after {
    font-size: 16px
}

.goods_rental_detail-container .goods_rental_detail-style .similars-box .swiper-similars .swiper-button-next {
    right: 0
}

.goods_rental_detail-container .goods_rental_detail-style .similars-box .swiper-similars .swiper-button-prev {
    left: 0
}

.mobile .goods_rental_detail-container .container {
    width: 100%
}

.mobile .goods_rental_detail-container .container-panel {
    margin: 0
}

.mobile .goods_rental_detail-container .property-main .property-info,
.mobile .goods_rental_detail-container .property-main .property-media {
    width: 100%
}

.mobile .goods_rental_detail-container .agents-box .agent-listview .agent-item {
    flex: 0 0 49%
}

@media (min-width:768px) {
    .text-md-start {
        text-align: left !important
    }

    .container-panel {
        max-width: 540px
    }
}

@media (min-width:992px) {
    .sticky-lg-top {
        position: sticky;
        top: 0;
        z-index: 9
    }

    .goods_rental_detail-style .container-panel {
        max-width: 100%
    }

    .goods_rental_detail-style .property-main {
        display: block
    }

    .goods_rental_detail-style .property-main .property-info,
    .goods_rental_detail-style .property-main .property-media {
        width: 100%
    }

    .goods_rental_detail-style .agents-box .agent-listview .agent-item {
        flex: 0 0 49%
    }
}

.goods_compare_detail-container {
    --main_color: #FD2345
}

.goods_compare_detail-container .gw-align-container {
    max-width: 100%
}

@media (min-width:1200px) {
    .goods_compare_detail-container .gw-align-container {
        max-width: var(--max-width)
    }
}

.goods_compare_detail-container .bg-light {
    background-color: #fff
}

.goods_compare_detail-container .bg-black {
    background-color: #000
}

.goods_compare_detail-container .gap-5 {
    gap: 5px
}

.goods_compare_detail-container .gap-10 {
    gap: 10px
}

.goods_compare_detail-container .btn-light {
    color: #000;
    background-color: #f5f5f5;
    border-color: #f5f5f5
}

.goods_compare_detail-container .text-highlight-dark {
    color: #a07800
}

.goods_compare_detail-container .flex-box-center {
    display: flex;
    justify-content: center;
    align-items: center
}

.goods_compare_detail-container .flex-column {
    flex-direction: column
}

.goods_compare_detail-container .list-line {
    padding-left: 0;
    list-style: none
}

.goods_compare_detail-container .list-inline-item {
    display: inline-block
}

.goods_compare_detail-container .text-primary {
    color: var(--main_color)
}

.goods_compare_detail-container .btn-primary,
.goods_compare_detail-container .btn-primary.disabled,
.goods_compare_detail-container .btn-primary:disabled {
    color: #fff;
    background-color: var(--main_color);
    border-color: var(--main_color)
}

.goods_compare_detail-container .btn.disabled,
.goods_compare_detail-container .btn:disabled,
.goods_compare_detail-container fieldset:disabled .btn {
    pointer-events: none;
    opacity: .65
}

.goods_compare_detail-container .rounded-0 {
    border-radius: 0
}

.goods_compare_detail-container .cursor-pointer {
    cursor: pointer
}

.goods_compare_detail-container .fit-contain {
    object-fit: contain
}

.goods_compare_detail-container .flex-grow-1 {
    flex-grow: 1
}

.goods_compare_detail-container .h-100 {
    height: 100%
}

.goods_compare_detail-container .w-100 {
    width: 100%
}

.goods_compare_detail-container .border {
    border: 1px solid #dee2e6
}

.goods_compare_detail-container .bold {
    font-weight: 700
}

.goods_compare_detail-container .d-block {
    display: block
}

.goods_compare_detail-container .img-fluid {
    max-width: 100%;
    height: auto
}

.goods_compare_detail-container .btn {
    outline: 0
}

.goods_compare_detail-container .container-panel {
    margin: 0 15px
}

.goods_compare_detail-container .fs-14 {
    font-size: 14px
}

.goods_compare_detail-container .fs-16 {
    font-size: 16px
}

.goods_compare_detail-container .fs-18 {
    font-size: 18px
}

.goods_compare_detail-container .fa-2x,
.goods_compare_detail-container .fs-26 {
    font-size: 26px
}

.goods_compare_detail-container .lh-sm {
    line-height: 1.25
}

.goods_compare_detail-container .lh-1 {
    line-height: 1
}

.goods_compare_detail-container .link-black {
    color: #000
}

.goods_compare_detail-container .position-relative {
    position: relative
}

.goods_compare_detail-container .text-pre {
    white-space: pre-line
}

.goods_compare_detail-container a:active,
.goods_compare_detail-container a:hover {
    color: var(--main_color)
}

.goods_compare_detail-container .d-none {
    display: none
}

.goods_compare_detail-container .mx-auto {
    margin-right: auto;
    margin-left: auto
}

.goods_compare_detail-container .btn-outline-secondary {
    color: #272454;
    border-color: #272454
}

.goods_compare_detail-container .list-separator {
    --delimiter: " ・ ";
    display: inline-flex;
    flex-direction: row;
    gap: 0;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0
}

.goods_compare_detail-container .list-separator li+li:before {
    content: var(--delimiter);
    margin: 0 2px
}

.goods_compare_detail-container .goods_compare_detail-content {
    font-size: 17px
}

.goods_compare_detail-container .goods_compare_detail-content * {
    max-width: 100%
}

.goods_compare_detail-container .compare-style_0 {
    background-color: #fff
}

.goods_compare_detail-container .compare-style_0 .container-lg {
    width: 100%;
    padding: 0 12px;
    margin: 0
}

.goods_compare_detail-container .compare-style_0 .nav-tabs {
    border-bottom: none
}

.goods_compare_detail-container .compare-style_0 .nav-tabs .nav-item {
    padding: 0 10px
}

.goods_compare_detail-container .compare-style_0 .nav-tabs .nav-item .nav-link {
    padding: 8px 0;
    margin-bottom: 2px;
    color: #5b5b5b;
    font-weight: 700;
    border-bottom: 2px solid transparent;
    border-top: transparent;
    border-left: transparent;
    border-right: transparent;
    background-color: transparent
}

.goods_compare_detail-container .compare-style_0 .nav-tabs .nav-item .nav-link.active {
    border-bottom: 2px solid var(--main_color);
    background-color: transparent
}

.goods_compare_detail-container .compare-style_0 .compare-heading {
    height: 380px
}

.goods_compare_detail-container .compare-style_0 .compare-heading .legend {
    flex: 0 0 160px
}

.goods_compare_detail-container .compare-style_0 .compare-heading>.compare-linked {
    overflow-x: scroll
}

.goods_compare_detail-container .compare-style_0 .compare-heading .compare-item {
    position: relative;
    flex: 1 0 220px;
    height: 100%
}

.goods_compare_detail-container .compare-style_0 .compare-heading .compare-item .btn-item {
    white-space: break-spaces;
    background-color: transparent;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.goods_compare_detail-container .compare-style_0 .compare-heading .compare-item .btn-item:hover {
    background-color: #f5f5f5;
    color: #5b5b5b
}

.goods_compare_detail-container .compare-style_0 .carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    backface-visibility: hidden;
    cursor: pointer;
    transition: transform .6s ease-in-out
}

.goods_compare_detail-container .compare-style_0 .carousel-item>img {
    height: 100%
}

.goods_compare_detail-container .compare-style_0 .carousel-item.active {
    display: block
}

.goods_compare_detail-container .compare-style_0 .carousel-item.pointer-event {
    touch-action: pan-y
}

.goods_compare_detail-container .compare-style_0 .carousel-control {
    background: 0 0
}

.goods_compare_detail-container .compare-style_0 .compare-table {
    padding: 0;
    font-size: 12px;
    overflow-x: scroll;
    overflow-y: visible
}

.goods_compare_detail-container .compare-style_0 .compare-table .compare-content {
    border-bottom: 1px solid #dee2e6;
    border-top: none;
    display: flex
}

.goods_compare_detail-container .compare-style_0 .compare-table .compare-content .compare-item,
.goods_compare_detail-container .compare-style_0 .compare-table .compare-content .compare-item_menu {
    display: grid;
    grid-template-columns: repeat(4, 225px);
    grid-template-rows: repeat(10, 1fr);
    grid-auto-flow: column
}

.goods_compare_detail-container .compare-style_0 .compare-table .compare-content .compare-item li {
    white-space: pre-line;
    padding: 8px 10.5px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.goods_compare_detail-container .compare-style_0 .compare-table .compare-content .compare-item li:nth-child(2n) li {
    background: #f8f8f8
}

.goods_compare_detail-container .compare-style_0 .compare-table .compare-content .compare-item_menu {
    min-width: 170px;
    max-width: 170px
}

.goods_compare_detail-container .compare-style_0 .compare-table .compare-content .compare-item_menu>li {
    border-top: 1px solid #ddd;
    background: #f5f5f5;
    position: sticky;
    left: 0;
    top: auto;
    width: 170px;
    padding: 8px 10.5px 8px 8px
}

.goods_compare_detail-container .compare-style_0 .compare-table table {
    vertical-align: top;
    border-bottom: 1px solid #dee2e6;
    border-top: none
}

.goods_compare_detail-container .compare-style_0 .compare-table table th {
    background: #f5f5f5;
    min-width: 170px;
    position: sticky;
    left: 0;
    top: auto;
    width: 170px
}

.goods_compare_detail-container .compare-style_0 .compare-table table td {
    font-weight: 400;
    min-width: 225px;
    max-width: 225px;
    padding: 8px;
    background-color: transparent;
    box-shadow: inset 0 0 0 9999px transparent
}

.goods_compare_detail-container .compare-style_0 .compare-table table td:nth-child(2n+3) {
    background: #f8f8f8
}

.goods_compare_detail-container .stock-item {
    flex-grow: 1;
    border: 1px solid #dee2e6;
    font-size: 12px
}

.goods_compare_detail-container .stock-item .icons {
    position: absolute;
    right: 5px;
    bottom: 5px;
    z-index: 8;
    display: flex;
    opacity: .8;
    gap: 1px;
    pointer-events: none
}

.goods_compare_detail-container .stock-item .icons>span {
    display: flex;
    width: 38px;
    height: 30px;
    justify-content: center;
    align-items: center;
    padding: 5px
}

.goods_compare_detail-container .stock-item .thumbs {
    position: relative;
    height: 172px;
    border-bottom: 1px solid #dee2e6
}

.goods_compare_detail-container .stock-item .btn-link {
    font-weight: 400;
    color: #5b5b5b;
    text-decoration: none
}

.goods_compare_detail-container .side-drawer {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1000;
    height: 100vh;
    background: #fff;
    transform: translateX(100%);
    transition: transform .25s ease;
    display: none
}

.goods_compare_detail-container .side-drawer .btn-toggle-side-drawer {
    position: absolute;
    top: 15px;
    left: -35px;
    color: #fff;
    display: none
}

.goods_compare_detail-container .side-drawer .nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    border: transparent;
    border-bottom: 2px solid transparent;
    background-color: transparent
}

.goods_compare_detail-container .side-drawer .nav-fill .nav-item a,
.goods_compare_detail-container .side-drawer .nav-fill .nav-item a:focus,
.goods_compare_detail-container .side-drawer .nav-fill .nav-item a:hover {
    outline: 0;
    background-color: transparent
}

.goods_compare_detail-container .side-drawer .nav-fill .nav-item.active {
    border-bottom: 2px solid var(--main_color)
}

.goods_compare_detail-container .side-drawer .nav-fill .nav-item.active a,
.goods_compare_detail-container .side-drawer .nav-fill .nav-item.active a:focus,
.goods_compare_detail-container .side-drawer .nav-fill .nav-item.active a:hover {
    border: transparent;
    background-color: transparent
}

.goods_compare_detail-container .side-drawer .nav-fill .nav-link {
    color: #5b5b5b;
    font-weight: 700;
    border: transparent
}

.goods_compare_detail-container .side-drawer .pane-heading .nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.goods_compare_detail-container .side-drawer .pane-heading .nav.nav-pills .nav-item a,
.goods_compare_detail-container .side-drawer .pane-heading .nav.nav-pills .nav-item a:focus,
.goods_compare_detail-container .side-drawer .pane-heading .nav.nav-pills .nav-item a:hover {
    color: #333;
    background-color: transparent
}

.goods_compare_detail-container .side-drawer .pane-heading .nav.nav-pills .nav-item.active {
    background-color: var(--main_color)
}

.goods_compare_detail-container .side-drawer .pane-heading .nav.nav-pills .nav-item.active a,
.goods_compare_detail-container .side-drawer .pane-heading .nav.nav-pills .nav-item.active a:focus,
.goods_compare_detail-container .side-drawer .pane-heading .nav.nav-pills .nav-item.active a:hover {
    color: #fff;
    background-color: var(--main_color)
}

.goods_compare_detail-container .side-drawer .pane-content {
    flex: 1 1 0%;
    overflow: auto;
    height: calc(100vh - 200px - 50px)
}

.goods_compare_detail-container .side-drawer .listview-list {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.goods_compare_detail-container .side-drawer .listview-compact {
    display: flex;
    flex-direction: column
}

.goods_compare_detail-container .side-drawer .listview-compact .listview-container {
    overflow-y: auto;
    overflow-x: hidden;
    position: sticky;
    top: 0;
    flex-grow: 1
}

.goods_compare_detail-container .side-drawer .listview-compact .listview-container .listview-item {
    border-bottom: 1px solid #dee2e6;
    background-color: #fff;
    display: flex;
    flex-direction: row;
    height: auto;
    text-align: left;
    overflow: hidden;
    font-size: 14px;
    color: #5b5b5b
}

.goods_compare_detail-container .side-drawer .listview-compact .listview-container .listview-item.stock-item {
    position: relative;
    border: none
}

.goods_compare_detail-container .side-drawer .listview-compact .listview-container .listview-item.stock-item .thumbs {
    display: flex;
    flex-direction: column;
    width: 160px;
    flex-shrink: 0;
    gap: 5px;
    margin: 0;
    padding: 0;
    height: auto
}

.goods_compare_detail-container .side-drawer .listview-compact .listview-container .listview-item.stock-item .actions {
    position: absolute;
    top: 0;
    right: 0
}

.goods_compare_detail-container .side-drawer .listview-compact .listview-container .listview-item.stock-item .actions .btn-link {
    color: #959ca3;
    font-size: 19px;
    padding: 2px 4px
}

.goods_compare_detail-container .side-drawer .listview-compact .listview-container .listview-item .list-separator {
    margin-bottom: 10px
}

.goods_compare_detail-container .side-drawer .listview-compact .listview-container .listview-item .info {
    padding: 0 40px 10px 10px;
    display: block
}

.goods_compare_detail-container .canvas-overlay {
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 901;
    height: 100vh;
    background-color: rgba(0, 0, 0, .4);
    opacity: 0;
    transition: opacity .25s ease
}

.gw-article-detail .article_datail_style_box .article_datail_style_content button,
.gw-case-detail .case_datail_style_box .case_datail_style_content button,
.gw-copyright .copyright_style_box .copyright_style_content button,
.gw-goods-detail .goods_datail_style_box .goods_datail_style_content button,
.gw-goods-detail .goods_detail_maxwidth button,
.gw-goods_building_detail .goods_building_detail_maxwidth button,
.gw-goods_building_detail .goods_building_detail_style_box .goods_building_detail_style_content button,
.gw-goods_compare_detail .goods_compare_detail_maxwidth button,
.gw-goods_compare_detail .goods_compare_detail_style_box .goods_compare_detail_style_content button,
.gw-goods_rental_detail .goods_rental_detail_maxwidth button,
.gw-goods_rental_detail .goods_rental_detail_style_box .goods_rental_detail_style_content button,
.gw-goods_special_column_detail .goods_special_column_detail_maxwidth button,
.gw-goods_special_column_detail .goods_special_column_detail_style_box .goods_special_column_detail_style_content button,
.gw-photos_detail .photos_detail_maxwidth button,
.gw-search-detail .search_datail_style_box .search_datail_style_content button,
.gw-shop_goods_detail .shop_goods_detail_maxwidth button,
.gw-shop_goods_detail .shop_goods_detail_style_box .shop_goods_detail_style_content button {
    background-color: transparent;
    outline: 0;
    background-repeat: no-repeat;
    text-align: center
}

.side-nav-open {
    overflow: hidden
}

.side-nav-open .side-drawer {
    width: 480px;
    display: flex;
    flex-direction: column;
    transform: translateX(0)
}

.side-nav-open .side-drawer .btn-toggle-side-drawer {
    display: block
}

.side-nav-open .canvas-overlay {
    visibility: visible;
    opacity: 1;
    width: 100vw
}

.mobile .gw-editor-page .goods_compare_detail-container .container,
.mobile .side-nav-open .side-drawer {
    width: 100%
}

@media (min-width:992px) {
    .goods_compare_detail-container .d-lg-flex {
        display: flex !important
    }

    .goods_compare_detail-container .d-lg-inline {
        display: inline !important
    }
}

@media (max-width:992px) {
    .compare-style_0 .compare-heading.pinned {
        position: sticky;
        height: 220px;
        top: 35px;
        box-shadow: #b3b3b3 0 1px 4px 0
    }

    .compare-style_0 .compare-heading.pinned .thumbs {
        display: none
    }
}

.gw-copyright .copyright_style_box .copyright_style_content {
    border: 1px solid #dcdcdc;
    margin-bottom: 12px;
    border-radius: 2px
}

.gw-copyright .copyright_style_box .copyright_style_content.on {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.gw-copyright .copyright_style_box .copyright_style_content button {
    border: none;
    display: block
}

.gw-copyright .copyright_style_box .copyright_style_content .copyright_style_choose {
    background-image: url(../images/copyrightImg.png);
    display: block;
    margin: 8px auto
}

.gw-copyright .copyright_style_box .copyright_style_content .style_1 {
    background-position: -5px -35px;
    width: 190px;
    height: 24px
}

.gw-copyright .copyright_style_box .copyright_style_content .style_2 {
    background-position: -5px -70px;
    width: 190px;
    height: 24px
}

.gw-copyright .copyright_style_box .copyright_style_content .style_3 {
    background-position: -5px -105px;
    width: 190px;
    height: 24px
}

.gw-copyright .copyright_style_box .copyright_style_content .style_4 {
    background-position: -5px -140px;
    width: 190px;
    height: 24px
}

.gw-copyright .copyright_style_box .copyright_style_content .style_5 {
    background-position: 0 0;
    width: 190px;
    height: 24px
}

.gw-editor-copyright {
    height: 50px;
    line-height: 50px;
    text-align: center
}

.gw-editor-copyright.fixed-bottom {
    height: 55px;
    line-height: 55px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    background-color: rgba(51, 51, 51, .75);
    width: 100%
}

.gw-editor-copyright.fixed-bottom .gw-editor-copyright-box {
    display: inline-block
}

.gw-editor-copyright.fixed-bottom .gw-editor-copyright-close {
    font-size: 1.5em;
    position: absolute;
    top: 0;
    right: 0;
    height: 30px;
    width: 32px;
    margin-top: -10px;
    float: right
}

.gw-editor-copyright.fixed-bottom .gw-editor-copyright-logo {
    display: inline-block;
    width: 80px;
    height: 30px;
    background: url(/visual-editor/images/22logos_max.png) no-repeat;
    background-size: 80px 30px;
    vertical-align: middle
}

.gw-editor-copyright.fixed-bottom .gw-editor-copyright-font {
    display: inline-block;
    line-height: 55px;
    font-size: 14px;
    margin-left: 5px;
    vertical-align: middle;
    font-weight: 400
}

.gw-editor-copyright.fixed-bottom .gw-editor-copyright-btn {
    display: inline-block;
    margin-left: 30px;
    vertical-align: middle;
    font-size: 12px;
    width: 100px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #fff;
    border-radius: 30px;
    padding-left: 5px;
    padding-right: 5px
}

.gw-goods-detail .goods_datail_style_box .goods_datail_style_content {
    border: 1px solid #dcdcdc;
    margin-bottom: 12px;
    border-radius: 2px
}

.gw-goods-detail .goods_datail_style_box .goods_datail_style_content.on {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.gw-goods-detail .goods_datail_style_box .goods_datail_style_content button {
    border: none;
    display: block
}

.gw-goods-detail .goods_datail_style_box .goods_datail_style_choose {
    background-image: url(../images/goods-detail-style.png?d=20210425);
    display: block;
    cursor: pointer;
    background-size: 93%
}

.gw-goods-detail .goods_datail_style_box .style_0 {
    background-position: 3px -129px;
    width: 190px;
    height: 135px;
    margin: -13px auto 5px
}

.gw-goods-detail .goods_datail_style_box .style_1 {
    background-position: 3px 0;
    width: 190px;
    height: 116px;
    margin: 10px auto -4px
}

.gw-goods-detail .goods_datail_style_box .style_2 {
    background-position: 3px -301px;
    width: 190px;
    height: 127px;
    margin: 10px auto -4px
}

.gw-goods-detail .goods_datail_style_box .style_3 {
    background-position: 3px -763px;
    width: 190px;
    height: 127px;
    margin: 10px auto -4px
}

.gw-goods-detail .goods_datail_style_box .style_4 {
    background-image: url(/visual-editor/images/goods-style4.png);
    width: 190px;
    height: 127px;
    margin: 10px auto -4px;
    background-position: 3px 0
}

.gw-goods-detail .goods_datail_style_box .style_5 {
    background-image: url(/visual-editor/images/goods-detail/style-5.png);
    width: 190px;
    height: 120px;
    margin: 10px auto -4px;
    background-position: 3px 0
}

.gw-goods-detail .goods_datail_style_box .style_6 {
    background-image: url(/visual-editor/images/goods-detail/style-6.png);
    width: 190px;
    height: 119px;
    margin: 10px auto -4px;
    background-position: 3px 0
}

.gw-goods-detail .goods_datail_style_box .style_7 {
    background-image: url(/visual-editor/images/goods-detail/style-7.png);
    width: 190px;
    height: 303px;
    margin: 10px auto -4px;
    background-position: 3px 0
}

.gw-goods-detail .goods_datail_style_box .style_8 {
    background-image: url(/visual-editor/images/goods-detail/style-8.png);
    width: 190px;
    height: 163px;
    margin: 10px auto -4px;
    background-position: 3px 0
}

.gw-goods-detail .goods_detail_maxwidth {
    border: 1px solid #dcdcdc;
    margin-bottom: 12px;
    border-radius: 2px
}

.gw-goods-detail .goods_detail_maxwidth.on {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.gw-goods-detail .goods_detail_maxwidth button {
    border: none;
    display: block
}

.gw-goods-detail .gw-goods_detail_maxwidth_choose {
    background-image: url(../images/photos_detail_maxwidth.png);
    display: block;
    cursor: pointer
}

.gw-goods-detail .type0 {
    background-position: -7px 5px;
    width: 190px;
    height: 100px;
    margin: 0 auto
}

.gw-goods-detail .type1 {
    background-position: -7px -84px;
    width: 190px;
    height: 100px;
    margin: 0 auto
}

.gw-case-detail .case_datail_style_box .case_datail_style_content {
    border: 1px solid #dcdcdc;
    margin-bottom: 12px;
    border-radius: 2px
}

.gw-case-detail .case_datail_style_box .case_datail_style_content.on {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.gw-case-detail .case_datail_style_box .case_datail_style_content button {
    border: none;
    display: block
}

.gw-case-detail .case_datail_style_box .case_datail_style_choose {
    background-image: url(../images/goods-detail-style.png?d=20191010);
    display: block;
    cursor: pointer
}

.gw-case-detail .case_datail_style_box .style_0 {
    background-position: 0 -144px;
    width: 190px;
    height: 135px;
    margin: -13px auto 5px
}

.gw-case-detail .case_datail_style_box .style_1 {
    background-position: 0 0;
    width: 190px;
    height: 127px;
    margin: 10px auto -4px
}

.gw-case-detail .case_datail_style_box .style_2 {
    background-image: url(/visual-editor/images/case-style2.png);
    width: 190px;
    height: 127px;
    margin: 10px auto -4px
}

.gw-article-detail .article_datail_style_box .article_datail_style_content {
    border: 1px solid #dcdcdc;
    margin-bottom: 12px;
    border-radius: 2px
}

.gw-article-detail .article_datail_style_box .article_datail_style_content.on {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.gw-article-detail .article_datail_style_box .article_datail_style_content button {
    border: none;
    display: block;
    background-size: 93%
}

.gw-article-detail .article_datail_style_box .article_datail_style_choose {
    background-image: url(../images/goods-detail-style.png?d=20210425);
    display: block;
    cursor: pointer
}

.gw-article-detail .article_datail_style_box .style_3 {
    background-position: 3px -612px;
    width: 190px;
    height: 127px;
    margin: 10px auto -4px
}

.gw-article-detail .article_datail_style_box .style_4 {
    background-position: 3px -456px;
    width: 190px;
    height: 127px;
    margin: 10px auto -4px
}

.gw-article-detail .article_datail_style_box .style_5 {
    background-position: 3px -914px;
    width: 190px;
    height: 127px;
    margin: 10px auto -4px
}

.gw-article-detail .article_datail_style_box .style_6 {
    background-image: url(/visual-editor/images/article-detail-style3/a.png);
    width: 190px;
    height: 127px;
    margin: 10px auto -4px;
    background-position: 3px 6px
}

.gw-search-detail .search_datail_style_box .search_datail_style_content {
    border: 1px solid #dcdcdc;
    margin-bottom: 12px;
    border-radius: 2px
}

.gw-search-detail .search_datail_style_box .search_datail_style_content.on {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.gw-search-detail .search_datail_style_box .search_datail_style_content button {
    border: none;
    display: block;
    background-size: 95%
}

.gw-search-detail .search_datail_style_box .search_datail_style_choose {
    background-image: url(../images/search_detail_style.png);
    display: block;
    cursor: pointer
}

.gw-search-detail .search_datail_style_box .style_0 {
    background-position: 0 20px;
    width: 190px;
    height: 135px;
    margin: -13px auto 5px
}

.gw-search-detail .search_datail_style_box .style_1 {
    background-position: 0 -153px;
    width: 190px;
    height: 127px;
    margin: 10px auto -4px
}

.gw-shop_goods_detail .shop_goods_detail_style_box .shop_goods_detail_style_content {
    border: 1px solid #dcdcdc;
    margin-bottom: 12px;
    border-radius: 2px
}

.gw-shop_goods_detail .shop_goods_detail_style_box .shop_goods_detail_style_content.on {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.gw-shop_goods_detail .shop_goods_detail_style_box .shop_goods_detail_style_content button {
    border: none;
    display: block;
    background-size: 93%
}

.gw-shop_goods_detail .shop_goods_detail_style_box .shop_goods_detail_style_choose {
    background-image: url(../images/goods-detail-style.png?d=20210425);
    display: block;
    cursor: pointer
}

.gw-photos_detail .gw-photos_detail_maxwidth_choose,
.gw-shop_goods_detail .gw-shop_goods_detail_maxwidth_choose {
    background-image: url(../images/photos_detail_maxwidth.png);
    display: block;
    cursor: pointer
}

.gw-shop_goods_detail .shop_goods_detail_style_box .style_0 {
    background-position: 3px 0;
    width: 190px;
    height: 116px;
    margin: 10px auto -4px
}

.gw-shop_goods_detail .shop_goods_detail_style_box .style_1 {
    background-position: 3px -308px;
    width: 190px;
    height: 114px;
    margin: 10px auto -4px
}

.gw-shop_goods_detail .shop_goods_detail_maxwidth {
    border: 1px solid #dcdcdc;
    margin-bottom: 12px;
    border-radius: 2px
}

.gw-shop_goods_detail .shop_goods_detail_maxwidth.on {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.gw-shop_goods_detail .shop_goods_detail_maxwidth button {
    border: none;
    display: block;
    background-size: 96%
}

.gw-shop_goods_detail .type0 {
    background-position: 0 5px;
    width: 190px;
    height: 95px;
    margin: 0 auto
}

.gw-shop_goods_detail .type1 {
    background-position: 0 -84px;
    width: 190px;
    height: 95px;
    margin: 0 auto
}

.gw-photos_detail .photos_detail_maxwidth {
    border: 1px solid #dcdcdc;
    margin-bottom: 12px;
    border-radius: 2px
}

.gw-photos_detail .photos_detail_maxwidth.on {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.gw-photos_detail .photos_detail_maxwidth button {
    border: none;
    display: block
}

.gw-photos_detail .type0 {
    background-position: -7px 5px;
    width: 190px;
    height: 100px;
    margin: 0 auto
}

.gw-photos_detail .type1 {
    background-position: -7px -84px;
    width: 190px;
    height: 100px;
    margin: 0 auto
}

.gw-goods_special_column_detail .goods_special_column_detail_style_box .goods_special_column_detail_style_content {
    border: 1px solid #dcdcdc;
    margin-bottom: 12px;
    border-radius: 2px
}

.gw-goods_special_column_detail .goods_special_column_detail_style_box .goods_special_column_detail_style_content.on {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.gw-goods_special_column_detail .goods_special_column_detail_style_box .goods_special_column_detail_style_content button {
    border: none;
    display: block;
    background-size: 93%
}

.gw-goods_special_column_detail .goods_special_column_detail_style_box .goods_special_column_detail_style_choose {
    background-image: url(../images/goods-detail-style.png?d=20210425);
    display: block;
    cursor: pointer
}

.gw-goods_special_column_detail .goods_special_column_detail_style_box .style_0 {
    background-position: 3px 0;
    width: 190px;
    height: 116px;
    margin: 10px auto -4px
}

.gw-goods_special_column_detail .goods_special_column_detail_maxwidth {
    border: 1px solid #dcdcdc;
    margin-bottom: 12px;
    border-radius: 2px
}

.gw-goods_special_column_detail .goods_special_column_detail_maxwidth.on {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.gw-goods_special_column_detail .goods_special_column_detail_maxwidth button {
    border: none;
    display: block;
    background-size: 96%
}

.gw-goods_special_column_detail .gw-goods_special_column_detail_maxwidth_choose {
    background-image: url(../images/photos_detail_maxwidth.png);
    display: block;
    cursor: pointer
}

.gw-goods_special_column_detail .type0 {
    background-position: 0 5px;
    width: 190px;
    height: 95px;
    margin: 0 auto
}

.gw-goods_special_column_detail .type1 {
    background-position: 0 -84px;
    width: 190px;
    height: 95px;
    margin: 0 auto
}

.gw-goods_building_detail .goods_building_detail_style_box .goods_building_detail_style_content {
    border: 1px solid #dcdcdc;
    margin-bottom: 12px;
    border-radius: 2px
}

.gw-goods_building_detail .goods_building_detail_style_box .goods_building_detail_style_content.on {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.gw-goods_building_detail .goods_building_detail_style_box .goods_building_detail_style_content button {
    border: none;
    display: block;
    background-size: 93%
}

.gw-goods_building_detail .goods_building_detail_style_box .goods_building_detail_style_choose {
    background-image: url(../images/goods-detail-style.png?d=20210425);
    display: block;
    cursor: pointer
}

.gw-goods_building_detail .goods_building_detail_style_box .style_0 {
    background-position: 3px 0;
    width: 190px;
    height: 116px;
    margin: 10px auto -4px
}

.gw-goods_building_detail .goods_building_detail_maxwidth {
    border: 1px solid #dcdcdc;
    margin-bottom: 12px;
    border-radius: 2px
}

.gw-goods_building_detail .goods_building_detail_maxwidth.on {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.gw-goods_building_detail .goods_building_detail_maxwidth button {
    border: none;
    display: block;
    background-size: 96%
}

.gw-goods_building_detail .gw-goods_building_detail_maxwidth_choose {
    background-image: url(../images/photos_detail_maxwidth.png);
    display: block;
    cursor: pointer
}

.gw-goods_building_detail .type0 {
    background-position: 0 5px;
    width: 190px;
    height: 95px;
    margin: 0 auto
}

.gw-goods_building_detail .type1 {
    background-position: 0 -84px;
    width: 190px;
    height: 95px;
    margin: 0 auto
}

.gw-goods_rental_detail .goods_rental_detail_style_box .goods_rental_detail_style_content {
    border: 1px solid #dcdcdc;
    margin-bottom: 12px;
    border-radius: 2px
}

.gw-goods_rental_detail .goods_rental_detail_style_box .goods_rental_detail_style_content.on {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.gw-goods_rental_detail .goods_rental_detail_style_box .goods_rental_detail_style_content button {
    border: none;
    display: block;
    background-size: 93%
}

.gw-goods_rental_detail .goods_rental_detail_style_box .goods_rental_detail_style_choose {
    background-image: url(../images/goods-detail-style.png?d=20210425);
    display: block;
    cursor: pointer
}

.gw-goods_rental_detail .goods_rental_detail_style_box .style_0 {
    background-position: 3px 0;
    width: 190px;
    height: 116px;
    margin: 10px auto -4px
}

.gw-goods_rental_detail .goods_rental_detail_maxwidth {
    border: 1px solid #dcdcdc;
    margin-bottom: 12px;
    border-radius: 2px
}

.gw-goods_rental_detail .goods_rental_detail_maxwidth.on {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.gw-goods_rental_detail .goods_rental_detail_maxwidth button {
    border: none;
    display: block;
    background-size: 96%
}

.gw-goods_rental_detail .gw-goods_rental_detail_maxwidth_choose {
    background-image: url(../images/photos_detail_maxwidth.png);
    display: block;
    cursor: pointer
}

.gw-goods_rental_detail .type0 {
    background-position: 0 5px;
    width: 190px;
    height: 95px;
    margin: 0 auto
}

.gw-goods_rental_detail .type1 {
    background-position: 0 -84px;
    width: 190px;
    height: 95px;
    margin: 0 auto
}

.gw-goods_compare_detail .goods_compare_detail_style_box .goods_compare_detail_style_content {
    border: 1px solid #dcdcdc;
    margin-bottom: 12px;
    border-radius: 2px
}

.gw-goods_compare_detail .goods_compare_detail_style_box .goods_compare_detail_style_content.on {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.gw-goods_compare_detail .goods_compare_detail_style_box .goods_compare_detail_style_content button {
    border: none;
    display: block;
    background-size: 93%
}

.gw-goods_compare_detail .goods_compare_detail_style_box .goods_compare_detail_style_choose {
    background-image: url(../images/goods-detail-style.png?d=20210425);
    display: block;
    cursor: pointer
}

.gw-goods_compare_detail .goods_compare_detail_style_box .style_0 {
    background-position: 3px 0;
    width: 190px;
    height: 116px;
    margin: 10px auto -4px
}

.gw-goods_compare_detail .goods_compare_detail_maxwidth {
    border: 1px solid #dcdcdc;
    margin-bottom: 12px;
    border-radius: 2px
}

.gw-goods_compare_detail .goods_compare_detail_maxwidth.on {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.gw-goods_compare_detail .goods_compare_detail_maxwidth button {
    border: none;
    display: block;
    background-size: 96%
}

.gw-goods_compare_detail .gw-goods_compare_detail_maxwidth_choose {
    background-image: url(../images/photos_detail_maxwidth.png);
    display: block;
    cursor: pointer
}

.gw-goods_compare_detail .type0 {
    background-position: 0 5px;
    width: 190px;
    height: 95px;
    margin: 0 auto
}

.gw-goods_compare_detail .type1 {
    background-position: 0 -84px;
    width: 190px;
    height: 95px;
    margin: 0 auto
}

.grid-demo-list {
    width: 225px
}

.grid-demo-list li {
    background: url(../images/grid-icon.jpg) no-repeat;
    background-size: cover;
    width: 60px;
    height: 60px;
    border: 2px solid #ddd;
    float: left;
    margin-top: 15px;
    margin-left: 15px
}

.grid-demo-list .selected {
    border: 2px solid #1181ff
}

.grid-demo-list .col-12 {
    background-position: 0 0
}

.grid-demo-list .col-6-6 {
    background-position: 0 -56px
}

.grid-demo-list .col-12-12 {
    background-position: 0 -112px
}

.grid-demo-list .col-3-9 {
    background-position: 0 -168px
}

.grid-demo-list .col-9-3 {
    background-position: 0 -224px
}

.grid-demo-list .col-4-4-4 {
    background-position: 0 -279px
}

.grid-demo-list .col-3-3-3-3 {
    background-position: 0 -335px
}

.grid-demo-list .col-2-2-2-2-2-2 {
    background-position: 0 -391px
}

.grid-demo-list .col-manual {
    background-position: 0 -449px
}

.pc .grid-col-pc-1,
.pc .grid-col-pc-10,
.pc .grid-col-pc-11,
.pc .grid-col-pc-12,
.pc .grid-col-pc-2,
.pc .grid-col-pc-3,
.pc .grid-col-pc-4,
.pc .grid-col-pc-5,
.pc .grid-col-pc-6,
.pc .grid-col-pc-7,
.pc .grid-col-pc-8,
.pc .grid-col-pc-9 {
    float: left;
    position: relative;
    height: auto;
    padding-left: 0;
    padding-right: 0
}

.pc .grid-col-pc-0 {
    width: 0
}

.pc .grid-col-pc-1 {
    width: 8.33333%
}

.pc .grid-col-pc-2 {
    width: 16.66667%
}

.pc .grid-col-pc-3 {
    width: 25%
}

.pc .grid-col-pc-4 {
    width: 33.33333%
}

.pc .grid-col-pc-5 {
    width: 41.66667%
}

.pc .grid-col-pc-6 {
    width: 50%
}

.pc .grid-col-pc-7 {
    width: 58.33333%
}

.pc .grid-col-pc-8 {
    width: 66.66667%
}

.pc .grid-col-pc-9 {
    width: 75%
}

.pc .grid-col-pc-10 {
    width: 83.33333%
}

.pc .grid-col-pc-11 {
    width: 91.66667%
}

.pc .grid-col-pc-12 {
    width: 100%
}

.pc .gw-browse-grid {
    height: 500px
}

.mobile .grid-col-mobile-1,
.mobile .grid-col-mobile-10,
.mobile .grid-col-mobile-11,
.mobile .grid-col-mobile-12,
.mobile .grid-col-mobile-2,
.mobile .grid-col-mobile-3,
.mobile .grid-col-mobile-4,
.mobile .grid-col-mobile-5,
.mobile .grid-col-mobile-6,
.mobile .grid-col-mobile-7,
.mobile .grid-col-mobile-8,
.mobile .grid-col-mobile-9 {
    float: left;
    position: relative;
    height: auto;
    padding-left: 0;
    padding-right: 0
}

.mobile .grid-col-mobile-0 {
    width: 0
}

.mobile .grid-col-mobile-1 {
    width: 8.33333%
}

.mobile .grid-col-mobile-2 {
    width: 16.66667%
}

.mobile .grid-col-mobile-3 {
    width: 25%
}

.mobile .grid-col-mobile-4 {
    width: 33.33333%
}

.mobile .grid-col-mobile-5 {
    width: 41.66667%
}

.mobile .grid-col-mobile-6 {
    width: 50%
}

.mobile .grid-col-mobile-7 {
    width: 58.33333%
}

.mobile .grid-col-mobile-8 {
    width: 66.66667%
}

.mobile .grid-col-mobile-9 {
    width: 75%
}

.mobile .grid-col-mobile-10 {
    width: 83.33333%
}

.mobile .grid-col-mobile-11 {
    width: 91.66667%
}

.mobile .grid-col-mobile-12 {
    width: 100%
}

.mobile .gw-browse-grid {
    height: 250px
}

.gw-special-grid {
    min-height: 28px
}

.gw-special-grid .gw-browse-container {
    position: relative
}

.gw-browse-grid-content {
    height: 100%;
    width: 100%
}

.gw-editor-grid {
    z-index: 20
}

.gw-editor-grid .gw-browse-grid:after {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px dashed #ccc
}

.gw-editor-grid .gw-browse-grid.gw-highlight:after {
    border-color: #0091ff
}

.gw-editor-grid .gw-browse-grid.ui-resizable-resizing {
    width: 100% !important
}

.gw-editor-grid .gw-browse-grid>.ui-resizable-s {
    height: 10px;
    background: 0 0
}

.gw-browse-container,
.gw-browse-container-content {
    height: 100%;
    width: 100%
}

.gw-editor-grid .gw-browse-grid>.ui-resizable-s:before {
    top: 5px
}

.gw-browse-container {
    position: absolute;
    left: 0;
    top: 0
}

.gw-browse-container[data-editable="0"] {
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important
}

.gw-editor-container>.gw-highlight[data-editable="1"]:after {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #0091ff
}

.gw-editor-container .gw-browse-container[data-editable="1"] {
    background: rgba(204, 204, 204, .34);
    z-index: 1
}

.gw-editor-container .gw-browse-container-tool {
    right: 1px;
    top: 1px
}

.gw-shape-btn button {
    width: 130px;
    height: 40px;
    outline: 0;
    color: #FFF;
    background-color: #7FC8FF;
    border: none
}

.gw-shape-btn button.large {
    width: 184px
}

.gw-shape-btn .form-group:nth-child(2) button {
    border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    -webkit-border-radius: 20px
}

.gw-shape-btn .form-group:nth-child(3) button {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px
}

.gw-shape-btn .form-group:nth-child(4) button {
    border-radius: 15px 0;
    -moz-border-radius: 15px 0;
    -o-border-radius: 15px 0;
    -webkit-border-radius: 15px 0 15px 0
}

.gw-images-shape .shape-imgs {
    display: flex;
    justify-content: space-between
}

.gw-images-shape .shape-imgs button {
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    border: none;
    outline: 0;
    display: inline-block;
    background-color: transparent;
    text-align: center
}

.gw-images-shape .shape-imgs button.active {
    border-color: #66afe9;
    outline: 0
}

.gw-images-shape .shape-imgs button:nth-child(1) {
    background-image: url(../images/image-component/noactive1.png)
}

.gw-images-shape .shape-imgs button:nth-child(1).active {
    background-image: url(../images/image-component/active1.png)
}

.gw-images-shape .shape-imgs button:nth-child(2) {
    background-image: url(../images/image-component/noactive2.png)
}

.gw-images-shape .shape-imgs button:nth-child(2).active {
    background-image: url(../images/image-component/active2.png)
}

.gw-images-shape .shape-imgs button:nth-child(3) {
    background-image: url(../images/image-component/noactive3.png)
}

.gw-images-shape .shape-imgs button:nth-child(3).active {
    background-image: url(../images/image-component/active3.png)
}

.form-group.open-enlarge {
    border-top: 1px solid #E8E8E8;
    margin-bottom: 0
}

.form-group.open-enlarge label {
    width: fit-content
}

.gw-divide-editor .gw-content .gw-divide-hd input {
    width: 70px;
    display: inline-block
}

.gw-carousel-editor .carousel_style_content {
    border: 1px solid #dcdcdc;
    margin-bottom: 12px;
    border-radius: 2px
}

.gw-carousel-editor .carousel_style_content.on {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.gw-article-editor .article_style_content.on,
.gw-classified-editor .classified_style_content.on,
.gw-goods-editor .goods_style_content.on,
.gw-shop_goods-editor .shop_goods_style_content.on {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    outline: 0
}

.gw-carousel-editor .carousel_style_content button {
    background-repeat: no-repeat;
    border: none;
    outline: 0;
    display: block;
    background-color: transparent;
    text-align: center;
    background-size: 93%
}

.gw-carousel-editor .carousel_style_choose {
    display: block;
    cursor: pointer;
    background-repeat: no-repeat
}

.gw-carousel-editor .carousel_style_choose.style_1 {
    background-image: url(../images/special_list/pc-style1.png);
    width: 190px;
    height: 70px;
    margin: 0 auto
}

.gw-carousel-editor .carousel_style_choose.style_2,
.gw-carousel-editor .carousel_style_choose.style_3 {
    background-image: url(../images/special_list/pc-style2.png);
    width: 190px;
    height: 70px;
    margin: 0 auto
}

.gw-carousel-layer .tips-yellow {
    display: inline-block;
    margin: 0
}

.gw-carousel-layer .no-margin-bottom {
    margin-bottom: 0
}

.gw-carousel-layer .text-danger {
    margin-right: 4px
}

.gw-carousel-layer .control-label.enlarge-label {
    padding-top: 0
}

.gw-carousel-layer .gw-switch-button {
    margin-top: 4px
}

#nav-column-show .horn {
    position: absolute;
    width: 16px;
    height: 16px;
    background-color: #fff;
    right: 0;
    bottom: -8px;
    transform: translateX(8px) rotateZ(45deg)
}

#nav-column-show div.list-group-item {
    overflow: hidden;
    padding: 14px;
    line-height: 16px;
    width: 200px
}

#nav-column-show div.list-group-item:hover {
    border-color: #2D8DF0;
    cursor: pointer
}

#nav-column-show div.list-group-item:hover .horn {
    background-color: #2D8DF0
}

#nav-column-show div.list-group-sec-item.list-group-item {
    width: 205px;
    min-height: 40px;
    margin-bottom: 16px;
    padding: 12px
}

#nav-column-show div.list-group-sec-item.list-group-item:before {
    content: "";
    display: block;
    width: 15px;
    height: 0;
    border-top: 1px solid #ccc;
    position: absolute;
    top: 20px;
    left: -15px
}

#nav-column-show div.list-group-three-item.list-group-item {
    width: 191px;
    min-height: 40px;
    margin-bottom: 16px;
    padding: 12px
}

#nav-column-show div.list-group-three-item.list-group-item:before {
    content: "";
    display: block;
    width: 15px;
    height: 0;
    border-top: 1px solid #ccc;
    position: absolute;
    top: 20px;
    left: -15px
}

.gw-nav-editor .gw-editor-menu-list {
    width: 64px
}

.gw-nav-editor .gw-editor-content-list #nav-column-show .list-group-sec-item.list-group-item {
    width: 174px
}

.gw-nav-editor .gw-editor-content-list #nav-column-show .gw-edit-three-list .list-group-item.list-group-three-item {
    width: 161px
}

.gw-form-editor .gw-form-item-add {
    color: #0091FF;
    cursor: pointer;
    transition: all .2s ease
}

.gw-form-editor .gw-form-item-add:hover {
    background-color: #0091FF;
    border: 1px solid #0091FF;
    color: #fff
}

.gw-form-editor .list-group-item {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    border-radius: 4px;
    padding: 12px
}

.gw-form-editor .list-group-item span {
    flex-grow: 1
}

.gw-form-item-delete .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #606266
}

.gw-form-item-delete .content .icon {
    color: #FE5B57;
    font-size: 32px;
    border: 1px solid #FE5B57;
    border-radius: 50%;
    line-height: 32px;
    padding: 4px;
    margin-bottom: 16px
}

.gw-article-editor .gw-article-items-add {
    color: #0091FF;
    cursor: pointer;
    transition: all .2s ease
}

.gw-article-editor .gw-article-items-add:hover {
    background-color: #0091FF;
    border: 1px solid #0091FF;
    color: #fff
}

.gw-article-editor .article_style_content {
    border: 1px solid #dcdcdc;
    margin-bottom: 12px;
    border-radius: 2px
}

.gw-article-editor .article_style_content.on {
    border-color: #66afe9;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.gw-article-editor .article_style_content button {
    background-repeat: no-repeat;
    border: none;
    outline: 0;
    display: block;
    background-color: transparent;
    text-align: center
}

.gw-article-editor .article_style_choose {
    background-size: contain
}

.gw-article-editor .style_1 {
    width: 183px;
    height: 78px;
    background-image: url(/visual-editor/images/component-article/style1.png)
}

.gw-article-editor .style_2 {
    width: 183px;
    height: 56px;
    background-image: url(/visual-editor/images/component-article/style2.png)
}

.gw-article-editor .style_3 {
    width: 183px;
    height: 50px;
    background-image: url(/visual-editor/images/component-article/style3.png)
}

.gw-article-editor .style_4 {
    width: 183px;
    height: 54px;
    background-image: url(/visual-editor/images/component-article/style4.png)
}

.gw-article-editor .style_5 {
    width: 183px;
    height: 74px;
    background-image: url(/visual-editor/images/component-article/style5.png)
}

.gw-article-editor .style_6 {
    width: 183px;
    height: 68px;
    background-image: url(/visual-editor/images/component-article/style6.png)
}

.gw-article-editor .style_7 {
    width: 183px;
    height: 76px;
    background-image: url(/visual-editor/images/component-article/style7.png)
}

.gw-article-editor .style_8 {
    width: 183px;
    height: 80px;
    background-image: url(/visual-editor/images/component-article/style8.png)
}

.gw-article-editor .style_9 {
    width: 183px;
    height: 80px;
    background-image: url(/visual-editor/images/component-article/style9.png)
}

.gw-article-editor .style_10 {
    width: 183px;
    height: 93px;
    background-image: url(/visual-editor/images/component-article/style10.png)
}

.gw-article-editor .style_11 {
    width: 183px;
    height: 68px;
    background-image: url(/visual-editor/images/component-article/style11.png)
}

.gw-article-editor .on .style_1 {
    background-image: url(/visual-editor/images/component-article/style1-active.png)
}

.gw-article-editor .on .style_2 {
    background-image: url(/visual-editor/images/component-article/style2-active.png)
}

.gw-article-editor .on .style_3 {
    background-image: url(/visual-editor/images/component-article/style3-active.png)
}

.gw-article-editor .on .style_4 {
    background-image: url(/visual-editor/images/component-article/style4-active.png)
}

.gw-article-editor .on .style_5 {
    background-image: url(/visual-editor/images/component-article/style5-active.png)
}

.gw-article-editor .on .style_6 {
    background-image: url(/visual-editor/images/component-article/style6-active.png)
}

.gw-article-editor .on .style_7 {
    background-image: url(/visual-editor/images/component-article/style7-active.png)
}

.gw-article-editor .on .style_8 {
    background-image: url(/visual-editor/images/component-article/style8-active.png)
}

.gw-article-editor .on .style_9 {
    background-image: url(/visual-editor/images/component-article/style9-active.png)
}

.gw-article-editor .on .style_10 {
    background-image: url(/visual-editor/images/component-article/style10-active.png)
}

.gw-article-editor .on .style_11 {
    background-image: url(/visual-editor/images/component-article/style11-active.png)
}

.gw-article-editor .list-group-item span {
    width: 65%
}

.layer-article {
    margin: 0 15px 22px
}

.layer-article .gw-choice-article-header li {
    margin-bottom: 0
}

.layer-article .gw-choice-article-header li a {
    border: 0
}

.layer-article .gw-choice-article-header li a:focus,
.layer-article .gw-choice-article-header li a:hover {
    color: #2D8DF0;
    border: 0;
    background-color: #fff
}

.layer-article .gw-choice-article-header li.active a {
    color: #2D8DF0
}

.layer-article .list-keywords-box {
    padding: 0 15px;
    margin: 24px 0 14px;
    display: flex;
    align-items: center
}

.layer-article .list-keywords-box input {
    margin-left: 24px;
    flex: 1
}

.layer-article .tab-content {
    margin: 16px 0 10px
}

.layer-article .tab-content .tips-yellow {
    margin: 0;
    padding: 0 15px
}

.layer-article .tab-content .input-group .input-group-addon {
    cursor: pointer;
    background-color: #fff;
    border: none;
    padding-left: 0;
    width: auto
}

.layer-article .tab-content ul {
    cursor: pointer;
    margin: 10px 0;
    height: 360px;
    overflow-y: scroll;
    border-radius: 4px;
    background-color: #FAFAFA;
    border: 1px solid #DCDFE6
}

.layer-article .tab-content ul.gw-choice-article-list {
    color: #888F9E
}

.layer-article .tab-content ul li {
    padding: 8px 16px;
    background-color: #fff;
    cursor: pointer
}

.layer-article .tab-content ul li:hover {
    background-color: #2D8DF0;
    color: #fff
}

.layer-article .tab-content .row {
    margin: 0
}

.layer-article .tab-content .row .left-right-arrow {
    margin-top: 140px
}

.layer-article .tab-content .row .left-right-arrow i {
    padding: 4px;
    border: 1px solid #DCDFE6;
    border-radius: 4px
}

.layer-article .tab-content .row .choosed_article {
    color: #2d8df0
}

.layer-article .tab-content .gw-dynamic-article {
    padding-left: 15px
}

.layer-article .tab-content .gw-dynamic-article label {
    font-weight: 500;
    padding-right: 15px
}

.layer-article .tab-content .gw-dynamic-article .form-group {
    display: flex
}

.layer-article .gw-article-load-more {
    display: block;
    background-color: #fff;
    text-align: center;
    padding: 10px
}

.layer-article .gw-article-load-more.no-more a {
    color: #B6BBC6
}

.layer-article .gw-article-load-more a {
    color: #3B98EF
}

.gw-map-editor .js-map-add-marker {
    color: #3B98EF;
    line-height: 44px;
    font-size: 12px
}

.gw-map-editor .js-map-location {
    width: 184px
}

.gw-map-editor .fa-map-marker {
    color: #3B98EF
}

.gw-map-editor .gw-editor-group .marker_edit_panel label {
    width: 48px
}

.gw-map-editor .gw-editor-group .marker_edit_panel .form-control {
    border-right: 1px solid #ccc;
    width: 184px;
    color: #888F9E
}

.gw-map-editor .gw-editor-group .marker_edit_panel .btn {
    padding: 4px 15px
}

.gw-map-editor .tags {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.gw-map-editor .map-btn {
    width: 112px;
    height: 36px;
    color: #fff;
    background-color: #2D8DF0;
    border-radius: 2px;
    text-align: center;
    line-height: 36px;
    cursor: pointer
}

.gw-goods-editor .gw-goods-items-add {
    color: #0091FF;
    cursor: pointer;
    transition: all .2s ease
}

.gw-goods-editor .gw-goods-items-add:hover {
    background-color: #0091FF;
    border: 1px solid #0091FF;
    color: #fff
}

.gw-goods-editor .goods_style_content {
    border: 1px solid #dcdcdc;
    margin-bottom: 12px;
    border-radius: 2px
}

.gw-goods-editor .goods_style_content.on {
    border-color: #66afe9;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.gw-goods-editor .goods_style_content button {
    background-repeat: no-repeat;
    border: none;
    outline: 0;
    display: block;
    background-color: transparent;
    text-align: center;
    background-size: 93%
}

.gw-goods-editor .goods_style_choose {
    background-image: url(../images/article-style.png);
    display: block;
    cursor: pointer
}

.gw-goods-editor .style_1 {
    background-position: 3px 0;
    width: 190px;
    height: 70px;
    margin: 10px auto -4px
}

.gw-goods-editor .style_2 {
    background-position: 3px -67px;
    width: 190px;
    height: 66px;
    margin: -13px auto 5px
}

.gw-goods-editor .style_3 {
    background-position: 0 -150px;
    width: 190px;
    height: 70px;
    margin: -8px auto
}

.gw-goods-editor .style_4 {
    background-position: 0 -225px;
    width: 190px;
    height: 67px;
    margin: -8px auto
}

.gw-goods-editor .style_5,
.gw-goods-editor .style_6,
.gw-goods-editor .style_8 {
    height: 100px;
    margin: -8px auto;
    width: 190px
}

.gw-goods-editor .style_5 {
    background-image: url(../images/goods-list-style6.png);
    background-position: 3px 15px
}

.gw-goods-editor .style_6 {
    background-position: 3px -357px
}

.gw-goods-editor .style_7 {
    background-position: 3px -963px;
    width: 190px;
    height: 80px;
    margin: -8px auto
}

.gw-goods-editor .style_8 {
    background-image: url(../images/goods-list-style6.png);
    background-position: 0 15px
}

.gw-goods-editor .list-group-item span {
    width: 65%
}

.layer-goods {
    margin: 0 15px 22px
}

.layer-goods .gw-choice-goods-header li {
    margin-bottom: 0
}

.layer-goods .gw-choice-goods-header li a {
    border: 0
}

.layer-goods .gw-choice-goods-header li a:focus,
.layer-goods .gw-choice-goods-header li a:hover {
    color: #2D8DF0;
    border: 0;
    background-color: #fff
}

.layer-goods .gw-choice-goods-header li.active a {
    color: #2D8DF0
}

.layer-goods .list-keywords-box {
    padding: 0 15px;
    margin: 24px 0 14px;
    display: flex;
    align-items: center
}

.layer-goods .list-keywords-box input {
    margin-left: 24px;
    flex: 1
}

.layer-goods .choosed_goods {
    color: #2D8DF0
}

.layer-goods .tab-content {
    margin: 16px 0 10px
}

.layer-goods .tab-content .tips-yellow {
    padding: 0 15px;
    margin: 0
}

.layer-goods .tab-content .input-group .input-group-addon {
    cursor: pointer;
    background-color: #fff;
    border: none;
    padding-left: 0;
    width: auto
}

.layer-goods .tab-content ul {
    cursor: pointer;
    margin: 10px 0;
    height: 360px;
    overflow-y: scroll;
    border-radius: 4px;
    background-color: #FAFAFA;
    border: 1px solid #DCDFE6
}

.layer-goods .tab-content ul.gw-choice-goods-list {
    color: #888F9E
}

.layer-goods .tab-content ul li {
    padding: 8px 16px;
    background-color: #fff;
    cursor: pointer
}

.layer-goods .tab-content ul li:hover {
    background-color: #2D8DF0;
    color: #fff
}

.layer-goods .tab-content .row {
    margin: 0
}

.layer-goods .tab-content .row .left-right-arrow {
    margin-top: 140px
}

.layer-goods .tab-content .row .left-right-arrow i {
    padding: 4px;
    border: 1px solid #DCDFE6;
    border-radius: 4px
}

.layer-goods .tab-content .row .choosed_article {
    color: #2d8df0
}

.layer-goods .tab-content .gw-dynamic-goods {
    padding-left: 15px
}

.layer-goods .tab-content .gw-dynamic-goods label {
    font-weight: 500;
    padding-right: 15px
}

.layer-goods .tab-content .gw-dynamic-goods .form-group {
    display: flex
}

.layer-goods .gw-goods-load-more {
    display: block;
    background-color: #fff;
    text-align: center;
    padding: 10px
}

.layer-goods .gw-goods-load-more.no-more a {
    color: #B6BBC6
}

.layer-goods .gw-goods-load-more a {
    color: #3B98EF
}

.gw-icon-editor #icon-colorStyle-show .keywords .form-control {
    width: 148px !important;
    border-left: 0 none !important;
    border-right: 1px solid #dcdcdc !important
}

.gw-icon-editor #icon-colorStyle-show .keywords .input-group-addon {
    background-color: transparent !important;
    border-right: 0 none !important;
    border-left: 1px solid #dcdcdc !important;
    cursor: pointer
}

.gw-icon-editor .iconBox {
    box-sizing: content-box;
    width: 184px;
    height: 568px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    margin: 0 auto;
    overflow: auto;
    border: 1px solid #DCDFE6
}

.gw-icon-editor .iconBox::-webkit-scrollbar {
    display: none
}

.gw-icon-editor .iconBox .iconfont {
    list-style: none;
    width: 46px;
    height: 46px;
    border: 1px solid #DCDFE6;
    cursor: pointer;
    color: #333
}

.gw-icon-editor .iconBox .iconfont .iconpark-icon {
    width: 100%;
    height: 100%;
    padding: 7px
}

.gw-icon-editor .iconBox .iconfont.selected,
.gw-icon-editor .iconBox .iconfont:hover {
    border: 2px solid #2D8DF0
}

.gw-icon-editor .pagination {
    width: 100%;
    margin-top: 12px;
    text-align: center;
    display: flex;
    justify-content: center
}

.gw-icon-editor .pagination button {
    background-color: #409eff;
    border: 1px solid #409eff;
    color: #fff;
    transition: .1s;
    outline: 0;
    padding: 9px 15px;
    border-radius: 4px;
    line-height: 1
}

.gw-icon-editor .pagination button:focus,
.gw-icon-editor .pagination button:hover {
    background-color: #66b1ff;
    border-color: #66b1ff
}

.gw-icon-editor .pagination button:active {
    background-color: #3a8ee6;
    border-color: #3a8ee6
}

.gw-icon-editor .pagination .preview {
    margin-right: 4px
}

.gw-icon-editor .pagination .next {
    margin-left: 4px
}

.gw-shop_goods-editor {
    height: inherit
}

.gw-shop_goods-editor .gw-shop_goods-items-add {
    color: #0091FF;
    cursor: pointer;
    transition: all .2s ease
}

.gw-shop_goods-editor .gw-shop_goods-items-add:hover {
    background-color: #0091FF;
    border: 1px solid #0091FF;
    color: #fff
}

.gw-shop_goods-editor .shop_goods_style_content {
    border: 1px solid #dcdcdc;
    margin-bottom: 12px;
    border-radius: 2px
}

.gw-shop_goods-editor .shop_goods_style_content.on {
    border-color: #66afe9;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.gw-shop_goods-editor .shop_goods_style_content button {
    background-repeat: no-repeat;
    border: none;
    outline: 0;
    display: block;
    background-color: transparent;
    text-align: center;
    background-size: 95%
}

.gw-shop_goods-editor .shop_goods_style_choose {
    background-image: url(../images/article-style.png);
    display: block;
    cursor: pointer
}

.gw-shop_goods-editor .style_1 {
    background-position: 0 0;
    width: 190px;
    height: 70px;
    margin: 10px auto -4px
}

.gw-shop_goods-editor .style_2 {
    background-position: 0 -75px;
    width: 190px;
    height: 66px;
    margin: -13px auto 5px
}

.gw-shop_goods-editor .style_3 {
    background-position: 0 -150px;
    width: 190px;
    height: 70px;
    margin: -8px auto
}

.gw-shop_goods-editor .style_4 {
    background-position: 0 -225px;
    width: 190px;
    height: 67px;
    margin: -8px auto
}

.gw-shop_goods-editor .style_5 {
    background-position: 0 -295px;
    width: 190px;
    height: 100px;
    margin: -8px auto
}

.gw-shop_goods-editor .style_6 {
    background-position: 0 -395px;
    width: 190px;
    height: 100px;
    margin: -8px auto
}

.gw-shop_goods-editor .style_7 {
    background-position: -4px -747px;
    width: 190px;
    height: 90px;
    margin: -8px auto
}

.gw-shop_goods-editor .style_8 {
    background-position: -4px -822px;
    width: 190px;
    height: 92px;
    margin: -8px auto
}

.gw-shop_goods-editor .style_9 {
    background-position: 0 -901px;
    width: 190px;
    height: 100px;
    margin: -8px auto
}

.gw-shop_goods-editor .style_10 {
    background-position: 2px -984px;
    width: 190px;
    height: 78px;
    margin: -8px auto
}

.gw-shop_goods-editor .style_11 {
    background-position: 2px -1066px;
    width: 190px;
    height: 93px;
    margin: -8px auto
}

.gw-shop_goods-editor .style_12 {
    background-position: 2px -1138px;
    width: 190px;
    height: 100px;
    margin: -8px auto
}

.gw-shop_goods-editor .style_13 {
    background-position: 2px -1224px;
    width: 190px;
    height: 70px;
    margin: -8px auto
}

.gw-shop_goods-editor .style_14 {
    background-position: 2px -1302px;
    width: 190px;
    height: 80px;
    margin: -8px auto
}

.gw-shop_goods-editor .style_15 {
    background-image: url(/visual-editor/images/goods-list-style6.png);
    background-position: 0 15px;
    width: 190px;
    height: 100px;
    margin: -8px auto
}

.gw-shop_goods-editor .style_16 {
    background-image: url(/visual-editor/images/shop-goods-style11.png);
    background-position: 0 15px;
    width: 190px;
    height: 100px;
    margin: -8px auto
}

.gw-shop_goods-editor .list-group-item span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: 65%
}

.layer-shop_goods {
    margin: 0 15px 22px
}

.layer-shop_goods .gw-choice-shop_goods-header li {
    margin-bottom: 0
}

.layer-shop_goods .gw-choice-shop_goods-header li a {
    border: 0
}

.layer-shop_goods .gw-choice-shop_goods-header li a:focus,
.layer-shop_goods .gw-choice-shop_goods-header li a:hover {
    color: #2D8DF0;
    border: 0;
    background-color: #fff
}

.layer-shop_goods .gw-choice-shop_goods-header li.active a {
    color: #2D8DF0
}

.layer-shop_goods .list-keywords-box {
    padding: 0 15px;
    margin: 24px 0 14px;
    display: flex;
    align-items: center
}

.layer-shop_goods .list-keywords-box input {
    margin-left: 24px;
    flex: 1
}

.layer-shop_goods .choosed_shop_goods {
    color: #2D8DF0
}

.layer-shop_goods .tab-content {
    margin: 16px 0 10px
}

.layer-shop_goods .tab-content .tips-yellow {
    padding: 0 15px;
    margin: 0
}

.layer-shop_goods .tab-content .input-group .input-group-addon {
    cursor: pointer;
    background-color: #fff;
    border: none;
    padding-left: 0;
    width: auto
}

.layer-shop_goods .tab-content ul {
    cursor: pointer;
    margin: 10px 0;
    height: 360px;
    overflow-y: scroll;
    border-radius: 4px;
    background-color: #FAFAFA;
    border: 1px solid #DCDFE6
}

.layer-shop_goods .tab-content ul.gw-choice-shop_goods-list {
    color: #888F9E
}

.layer-shop_goods .tab-content ul li {
    padding: 8px 16px;
    background-color: #fff;
    cursor: pointer
}

.layer-shop_goods .tab-content ul li:hover {
    background-color: #2D8DF0;
    color: #fff
}

.layer-shop_goods .tab-content .row {
    margin: 0
}

.layer-shop_goods .tab-content .row .left-right-arrow {
    margin-top: 140px
}

.layer-shop_goods .tab-content .row .left-right-arrow i {
    padding: 4px;
    border: 1px solid #DCDFE6;
    border-radius: 4px
}

.layer-shop_goods .tab-content .gw-dynamic-shop_goods {
    padding-left: 15px
}

.layer-shop_goods .tab-content .gw-dynamic-shop_goods label {
    font-weight: 500;
    padding-right: 15px
}

.layer-shop_goods .tab-content .gw-dynamic-shop_goods .layer-cat-content {
    flex-wrap: wrap
}

.layer-shop_goods .tab-content .gw-dynamic-shop_goods .form-group {
    display: flex
}

.layer-shop_goods .gw-shop_goods-load-more {
    display: block;
    background-color: #fff;
    text-align: center;
    padding: 10px
}

.layer-shop_goods .gw-shop_goods-load-more.no-more a {
    color: #B6BBC6
}

.layer-shop_goods .gw-shop_goods-load-more a {
    color: #3B98EF
}

.gw-video-editor {
    height: inherit
}

.gw-video-editor .gw-content .gw-video-hd input {
    width: 70px;
    display: inline-block
}

.gw-classified-editor .classified_style_content {
    border: 1px solid #dcdcdc;
    margin-bottom: 12px;
    border-radius: 2px
}

.gw-classified-editor .classified_style_content.on {
    border-color: #66afe9;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.gw-classified-editor .classified_style_content button {
    background-repeat: no-repeat;
    border: none;
    outline: 0;
    display: block;
    background-color: transparent;
    text-align: center
}

.gw-classified-editor .classified_style_choose {
    background-size: 95%;
    background-image: url(../images/classified-style.png?d=20200606);
    display: block;
    cursor: pointer
}

.gw-classified-editor .style_1 {
    background-position: 0 0;
    width: 190px;
    height: 100px;
    margin: 10px auto -4px
}

.gw-classified-editor .style_2 {
    background-position: 0 -102px;
    width: 190px;
    height: 135px;
    margin: -13px auto 5px
}

.gw-classified-editor .style_3,
.gw-classified-editor .style_4,
.gw-classified-editor .style_5,
.gw-classified-editor .style_6 {
    height: 117px;
    margin: -13px auto 5px;
    width: 190px
}

.gw-classified-editor .style_3 {
    background-position: 0 -257px
}

.gw-classified-editor .style_4 {
    background-position: 0 -387px
}

.gw-classified-editor .style_5 {
    background-position: 0 -530px
}

.gw-classified-editor .style_6 {
    background-image: url(/visual-editor/images/classified-style6.png);
    background-position: 0 25px
}

.gw-classified-editor .style_7 {
    background-image: url(/visual-editor/images/classified-style7.png);
    background-position: 0 25px;
    width: 190px;
    height: 140px;
    margin: -16px auto 5px
}

.gw-classified-editor .list-group-item span {
    width: 65%
}

.gw-classified-editor label.class-title {
    width: 100px
}

.gw-classified-editor .gw-editor-content-list #classified-list-show .tips-yellow {
    margin-bottom: 0
}

.gw-classified-editor .gw-classified-items-choose {
    cursor: pointer;
    color: #0091FF;
    transition: all .2s ease
}

.gw-classified-editor .gw-classified-items-choose:hover {
    background-color: #0091FF;
    border: 1px solid #0091FF;
    color: #fff
}

.layer-classfied-choose .form-group {
    display: flex
}

.layer-classfied-choose .form-group.cat-list {
    display: none
}

.layer-classfied-choose .form-group.cat-list.active {
    display: flex
}

.layer-classfied-choose label {
    margin-right: 30px
}

.layer-classfied-choose .input-group-addon {
    border: none;
    background-color: #fff;
    padding-left: 0;
    width: auto
}

.gw-component-edit-region .gw-search-editor .btn-group {
    display: block
}

.gw-component-edit-region .gw-search-editor .gw-switch-button {
    margin-top: 0
}

.gw-component-edit-region .gw-search-editor .check-label {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.gw-component-edit-region .gw-search-editor .check-label>input {
    float: right
}

.gw-component-edit-region .gw-search-editor .search_style_content {
    border: 1px solid #dcdcdc;
    margin-bottom: 12px;
    border-radius: 2px
}

.gw-component-edit-region .gw-search-editor .search_style_content.on {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.gw-component-edit-region .gw-search-editor .search_style_content button {
    background-repeat: no-repeat;
    border: none;
    outline: 0;
    display: block;
    background-color: transparent;
    text-align: center
}

.gw-component-edit-region .gw-search-editor .search_style_content .search_style_choose {
    background-image: url(../images/search-icon.png);
    display: block;
    cursor: pointer;
    background-repeat: no-repeat
}

.gw-component-edit-region .gw-search-editor .search_style_content .search_style_choose.style_1 {
    background-size: 88%;
    background-position: 0 0;
    width: 190px;
    height: 45px;
    margin: 5px 10px
}

.gw-component-edit-region .gw-search-editor .search_style_content .search_style_choose.style_2 {
    background-size: 88%;
    background-position: 0 -48px;
    width: 190px;
    height: 50px;
    margin: 5px 10px
}

.gw-component-edit-region .gw-search-editor .search_style_content .search_style_choose.style_3 {
    background-size: 88%;
    background-position: 0 -102px;
    width: 191px;
    height: 45px;
    margin: 5px 10px
}

.gw-component-edit-region .gw-search-editor .search_style_content .search_style_choose.style_4 {
    background-size: 88%;
    background-position: 0 -156px;
    width: 191px;
    height: 45px;
    margin: 5px 10px
}

.gw-attribute-editor .gw-attribute-items-add {
    color: #0091FF;
    cursor: pointer;
    transition: all .2s ease
}

.gw-attribute-editor .gw-attribute-items-add:hover {
    background-color: #0091FF;
    border: 1px solid #0091FF;
    color: #fff
}

.gw-attribute-editor .attribute_style_content {
    border: 1px solid #dcdcdc;
    margin-bottom: 12px;
    border-radius: 2px
}

.gw-attribute-editor .attribute_style_content.on {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.gw-attribute-editor .attribute_style_content button {
    background-repeat: no-repeat;
    border: none;
    outline: 0;
    display: block;
    background-color: transparent;
    text-align: center;
    background-size: 95%
}

.gw-attribute-editor .attribute_style_choose {
    background-image: url(../images/article-style.png?d=20200108);
    display: block;
    cursor: pointer
}

.gw-attribute-editor .style_1 {
    background-position: 2px 0;
    width: 190px;
    height: 70px;
    margin: 10px auto -4px
}

.gw-attribute-editor .style_2 {
    background-position: 0 -75px;
    width: 190px;
    height: 66px;
    margin: -13px auto 5px
}

.gw-attribute-editor .style_3 {
    background-position: 0 -150px;
    width: 190px;
    height: 70px;
    margin: -8px auto
}

.gw-attribute-editor .style_4 {
    background-position: 0 -225px;
    width: 190px;
    height: 67px;
    margin: -8px auto
}

.gw-attribute-editor .style_5 {
    background-position: 0 -295px;
    width: 190px;
    height: 100px;
    margin: -8px auto
}

.gw-attribute-editor .style_6 {
    background-position: 0 -395px;
    width: 190px;
    height: 100px;
    margin: -8px auto
}

.gw-attribute-editor .style_7 {
    background-position: 0 -1051px;
    width: 190px;
    height: 80px;
    margin: -8px auto
}

.gw-attribute-editor .list-group-item span {
    width: 65%
}

.layer-attribute {
    margin: 0 15px 22px
}

.layer-attribute label {
    margin-right: 30px
}

.layer-attribute .input-group-addon {
    border: none;
    background-color: #fff;
    padding-left: 0;
    width: auto
}

.layer-attribute .form-group {
    display: flex
}

.layer-attribute .form-group.attribute-list {
    display: none
}

.layer-attribute .form-group.attribute-list.active {
    display: flex
}

.layer-attribute .attribute-add {
    float: right;
    padding: 10px 15px;
    text-decoration: underline;
    color: #337ab7
}

.layer-attribute .tab-content {
    margin: 10px 0
}

.layer-attribute .tab-content ul {
    cursor: pointer;
    margin: 10px 0;
    height: 240px;
    overflow-y: scroll;
    border-radius: 6px;
    background: #f2f2f2
}

.layer-attribute .tab-content ul li {
    padding: 12px 5px 0 10px;
    border-bottom: 1px dashed #337ab7
}

.layer-attribute .tab-content .row {
    margin: 10px 0
}

.layer-attribute .tab-content .row .left-right-arrow {
    margin-top: 45px
}

.layer-attribute .tab-content .row .left-right-arrow i {
    padding: 5px;
    border: 1px solid #999
}

.layer-attribute .tab-content .row .choosed_attribute {
    margin-top: 35px;
    color: #3B98EF
}

.layer-attribute .tab-content .gw-dynamic-attribute label {
    font-weight: 500;
    padding-right: 15px
}

.layer-attribute .gw-attribute-load-more {
    color: #3B98EF;
    background-color: #f2f2f2;
    display: block;
    text-align: center;
    padding: 10px
}

.layer-attribute .gw-attribute-load-more a {
    color: #3B98EF
}

.sp-light {
    z-index: 19999999
}

.gw-content .scrollNotice-check {
    height: 44px;
    line-height: 44px;
    display: inline-block;
    margin: 0 5px 0 0
}

.gw-scrollNotice-editor .gw-editor-content-list .gw-edit-list .list-group-item span {
    max-width: 50%
}

.gw-case-editor .gw-case-items-add {
    color: #0091FF;
    cursor: pointer;
    transition: all .2s ease
}

.gw-case-editor .gw-case-items-add:hover {
    background-color: #0091FF;
    border: 1px solid #0091FF;
    color: #fff
}

.gw-case-editor .case_style_content {
    border: 1px solid #dcdcdc;
    margin-bottom: 12px;
    border-radius: 2px
}

.gw-case-editor .case_style_content.on {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.gw-case-editor .case_style_content button {
    background-repeat: no-repeat;
    border: none;
    outline: 0;
    display: block;
    background-color: transparent;
    text-align: center;
    background-size: 95%
}

.gw-case-editor .case_style_choose {
    background-image: url(../images/article-style.png);
    display: block;
    cursor: pointer
}

.gw-case-editor .style_1 {
    background-position: 2px 0;
    width: 190px;
    height: 70px;
    margin: 10px auto -4px
}

.gw-case-editor .style_2 {
    background-position: 0 -75px;
    width: 190px;
    height: 66px;
    margin: -13px auto 5px
}

.gw-case-editor .style_3 {
    background-position: 0 -150px;
    width: 190px;
    height: 70px;
    margin: -8px auto
}

.gw-case-editor .style_4 {
    background-position: 0 -225px;
    width: 190px;
    height: 67px;
    margin: -8px auto
}

.gw-case-editor .style_5 {
    background-position: 0 -295px;
    width: 190px;
    height: 100px;
    margin: -8px auto
}

.gw-case-editor .style_6 {
    background-position: 0 -395px;
    width: 190px;
    height: 100px;
    margin: -8px auto
}

.gw-case-editor .style_7 {
    background-position: 0 -1051px;
    width: 190px;
    height: 80px;
    margin: -8px auto
}

.gw-case-editor .list-group-item span {
    width: 65%
}

.layer-case {
    margin: 0 15px 22px
}

.layer-case .gw-choice-case-header li {
    margin-bottom: 0
}

.layer-case .gw-choice-case-header li a {
    border: 0
}

.layer-case .gw-choice-case-header li a:focus,
.layer-case .gw-choice-case-header li a:hover {
    color: #2D8DF0;
    border: 0;
    background-color: #fff
}

.layer-case .gw-choice-case-header li.active a {
    color: #2D8DF0
}

.layer-case .list-keywords-box {
    padding: 0 15px;
    margin: 24px 0 14px;
    display: flex;
    align-items: center
}

.layer-case .list-keywords-box input {
    margin-left: 24px;
    flex: 1
}

.layer-case .tab-content {
    margin: 16px 0 10px
}

.layer-case .tab-content .tips-yellow {
    padding: 0 15px;
    margin: 0
}

.layer-case .tab-content .input-group .input-group-addon {
    cursor: pointer;
    background-color: #fff;
    border: none;
    padding-left: 0;
    width: auto
}

.layer-case .tab-content ul {
    cursor: pointer;
    margin: 10px 0;
    height: 360px;
    overflow-y: scroll;
    border-radius: 4px;
    background-color: #FAFAFA;
    border: 1px solid #DCDFE6
}

.layer-case .tab-content ul.gw-choice-case-list {
    color: #888F9E
}

.layer-case .tab-content ul li {
    padding: 8px 16px;
    background-color: #fff;
    cursor: pointer
}

.layer-case .tab-content ul li:hover {
    background-color: #2D8DF0;
    color: #fff
}

.layer-case .tab-content .row {
    margin: 0
}

.layer-case .tab-content .row .left-right-arrow {
    margin-top: 140px
}

.layer-case .tab-content .row .left-right-arrow i {
    padding: 4px;
    border: 1px solid #DCDFE6;
    border-radius: 4px
}

.layer-case .tab-content .row .choosed_case {
    color: #2d8df0
}

.layer-case .tab-content .gw-dynamic-case {
    padding-left: 15px
}

.layer-case .tab-content .gw-dynamic-case label {
    font-weight: 500;
    padding-right: 15px
}

.layer-case .tab-content .gw-dynamic-case .form-group {
    display: flex
}

.layer-case .gw-case-load-more {
    display: block;
    background-color: #fff;
    text-align: center;
    padding: 10px
}

.layer-case .gw-case-load-more.no-more a {
    color: #B6BBC6
}

.layer-case .gw-case-load-more a {
    color: #3B98EF
}

.gw-component-edit-region .gw-rich-editor .gw-content textarea {
    resize: vertical
}

.gw-component-edit-region .gw-rich-items-add {
    cursor: pointer;
    background-color: #2D8DF0;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    width: 184px;
    height: 48px;
    line-height: 48px;
    margin-bottom: 24px
}

.layer-formPlus {
    padding: 10px
}

.layer-formPlus .formPlus-list ul {
    height: 100%;
    background-color: #FAFAFA;
    border: 1px solid #DCDFE6;
    border-radius: 4px;
    overflow: hidden;
    overflow-y: auto
}

.layer-formPlus .formPlus-list ul label {
    padding: 7px;
    background-color: #fff;
    display: block
}

.layer-formPlus .formPlus-list ul label input {
    display: none
}

.layer-formPlus .formPlus-list ul label:hover {
    cursor: pointer;
    background-color: #2D8DF0;
    color: #fff
}

.layer-formPlus .formPlus-list ul label.checked {
    background-color: #2D8DF0;
    color: #fff
}

.layer-formPlus .gw-formPlus-choose-submit {
    margin-left: 24px
}

.layer-screen {
    margin: 15px
}

.layer-screen .line {
    border-bottom: 1px solid #bbb;
    margin-bottom: 10px
}

.layer-screen .screen-add {
    float: right;
    padding: 10px 15px;
    text-decoration: underline;
    color: #337ab7
}

.layer-screen .choose-form-content .form-item {
    display: inline-block;
    margin-right: 20px
}

.layer-screen .gw-screen-load-more {
    color: #3B98EF;
    background-color: #f2f2f2;
    display: block;
    text-align: center;
    padding: 10px
}

.layer-screen .gw-screen-load-more a {
    color: #3B98EF
}

.layer-screen .screen-list {
    display: none
}

.layer-screen .screen-list.active {
    display: block
}

.layer-screen .screen-list .attr-box {
    height: auto;
    height: 150px;
    overflow-y: scroll
}

.layer-screen .screen-list .attr-box-row {
    margin-top: 20px;
    display: inline-block
}

.layer-screen .screen-list .attr-key-box {
    font-size: 18px;
    font-weight: 600;
    color: #262626;
    line-height: 25px
}

.layer-screen .screen-list .attr-value-box {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    line-height: 20px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap
}

.layer-screen .screen-list .attr-value-box .attr-value {
    margin-right: 20px
}

.layer-screen .screen-list .attr-value-box .attr-value .attr-input {
    width: 100px
}

.layer-screen .screen-list .attr-value-box .attr-value .attr-input.number {
    width: 50px;
    display: inline-block
}

.layer-screen label {
    margin-right: 30px !important
}

.layer-special-list {
    margin: 15px
}

.gw-special_list-editor .special_list_style_content {
    border: 1px solid #dcdcdc;
    margin-bottom: 12px;
    border-radius: 2px
}

.gw-special_list-editor .special_list_style_content.on {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.gw-special_list-editor .special_list_style_content button {
    background-repeat: no-repeat;
    border: none;
    outline: 0;
    display: block;
    background-color: transparent;
    text-align: center;
    background-size: 93%
}

.gw-special_list-editor .special_list_style_choose {
    display: block;
    cursor: pointer;
    background-repeat: no-repeat
}

.gw-special_list-editor .special_list_style_choose.style_1 {
    background-image: url(../images/special_list/pc-style1.png);
    width: 190px;
    height: 70px;
    margin: 0 auto
}

.gw-special_list-editor .special_list_style_choose.style_2 {
    background-image: url(../images/special_list/pc-style2.png);
    width: 190px;
    height: 70px;
    margin: 0 auto
}

.gw-special_list-editor .special_list_style_choose.style_3 {
    background-image: url(/visual-editor/images/special-list-style3.png);
    width: 190px;
    height: 80px;
    background-position: 0 5px;
    margin: 0 auto
}

.gw-special_list-editor .special_list_style_choose.style_4 {
    background-image: url(../images/special_list/pc-style4.png);
    width: 190px;
    height: 114px;
    background-position: 0 5px;
    margin: 0 auto
}

.gw-special_list-editor .special_list_style_choose.style_5 {
    background-image: url(../images/special_list/pc-style5.png);
    width: 190px;
    height: 114px;
    background-position: 0 5px;
    margin: 0 auto
}

.gw-special_list-editor .special_list_style_choose.style_6 {
    background-image: url(../images/special_list/pc-style6.png);
    width: 190px;
    height: 114px;
    background-position: 0 5px;
    margin: 0 auto
}

.gw-special_list-editor .special_list_style_choose.style_mobile_1 {
    background-image: url(../images/special_list/mobile-style1.png);
    width: 190px;
    height: 70px;
    margin: 0 auto
}

.gw-special_list-editor .special_list_style_choose.style_mobile_2 {
    background-image: url(../images/special_list/mobile-style2.png);
    width: 190px;
    height: 75px;
    margin: 10px auto
}

.gw-component-edit-region .gw-marquee-editor .title-blue {
    margin-bottom: 0;
    line-height: 36px
}

.gw-marquee-layer .tips-yellow {
    margin-top: 10px;
    margin-bottom: 0;
    display: inline-block
}

.gw-marquee-layer .no-margin-bottom {
    margin-bottom: 0
}

.general_style_box .general_style_content {
    border: 1px solid #dcdcdc;
    margin-bottom: 12px;
    border-radius: 2px
}

.general_style_box .general_style_content.on {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.general_style_box .general_style_content button {
    background-repeat: no-repeat;
    border: none;
    outline: 0;
    display: block;
    background-color: transparent;
    text-align: center
}

.general_style_box .general_style_choose {
    background-image: url(../images/general/components-style.png?d=20200902);
    display: block;
    cursor: pointer
}

.general_style_box .general_style_choose.style_0 {
    background-position: -13px -10px;
    width: 183px;
    height: 50px;
    margin: 0 auto
}

.general_style_box .general_style_choose.style_1 {
    background-position: -13px -58px;
    width: 183px;
    height: 50px;
    margin: 0 auto
}

.general_style_box .general_style_choose.style_2 {
    background-position: 0 -106px;
    width: 210px;
    height: 50px;
    margin: 0 auto
}

.layer-nav-box {
    padding: 20px 20px 10px
}

.layer-nav-box .mr-bt-0 {
    margin-bottom: 0
}

.layer-nav-box .mr-rt-5 {
    margin-right: 5px
}

.layer-nav-box .cursor {
    cursor: pointer
}

.layer-nav-box .layer-nav-add-content .tab-content {
    max-height: 500px;
    overflow-y: scroll
}

.layer-nav-box .layer-nav-edit-content {
    max-height: 480px;
    overflow-y: scroll
}

.layer-nav-box .pd-lf-30 {
    padding-left: 30px
}

.layer-nav-box .pd-lf-15 {
    padding-left: 15px
}

.gw-component-edit-region .code-add-btn {
    cursor: pointer;
    background-color: #2D8DF0;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    width: 184px;
    height: 48px;
    line-height: 48px;
    margin-bottom: 24px
}

.text-component .gw-browse-component-content {
    border-color: #ccc;
    width: 100%;
    height: 100%;
    font-family: "微软雅黑";
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    text-decoration: none
}

.text-component .gw-browse-component-content a,
.text-component .gw-browse-component-content span {
    white-space: pre-wrap
}

.button-component .gw-browse-component {
    display: table
}

.button-component .gw-browse-component .gw-browse-component-content {
    width: 100%;
    height: 100%;
    background-color: #65abd0;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    border-radius: 6px;
    cursor: pointer;
    font-family: "微软雅黑";
    font-size: 16px
}

.images-component .gw-browse-component h1 {
    margin: 0
}

.gw-browse-component.gw-browse-component--image {
    width: auto;
    min-height: auto
}

.mobile .gw-browse-component.gw-browse-component--image .gw-browse-component-content {
    max-width: 320px;
    max-height: 150px
}

.mobile.mobile-375 .gw-browse-component.gw-browse-component--image .gw-browse-component-content {
    max-width: 375px
}

.gw-image-hoverBig {
    width: 100%;
    height: 100%
}

.gw-image-hoverBig .gw-image-hoverBig-box:hover {
    transform: scale(1.02);
    cursor: pointer
}

.gw-image-hoverBig .big {
    transition: all ease .5s;
    -moz-transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s
}

.gw-image-hoverColor img {
    position: relative
}

.gw-image-hoverColor .gw-image-hoverColor-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.gw-image-hoverColor .gw-image-hoverColor-box:hover {
    opacity: 1
}

.gw-image-hoverImg .hoverImg {
    position: relative
}

.gw-image-hoverImg .gw-image-hoverImg-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.gw-image-hoverImg .gw-image-hoverImg-box img {
    width: 100%;
    height: 100%;
    opacity: 0
}

.gw-image-hoverImg .gw-image-hoverImg-box img:hover {
    opacity: 1
}

.gw-image-hoverFont {
    position: relative
}

.gw-image-hoverFont .gw-image-hoverFont-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    display: table
}

.gw-image-hoverFont .gw-image-hoverFont-box:hover {
    opacity: 1
}

.gw-image-hoverFont .gw-image-hoverFont-box p {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    max-height: 48px;
    font-size: 12px;
    display: table-cell;
    vertical-align: middle
}

.gw-image-hoverShadow {
    cursor: pointer
}

.gw-image-hoverShadow img {
    transition: all .4s ease-in-out
}

.gw-image-hoverShadowNuage {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    overflow: hidden
}

.gw-image-hoverShadowNuage::before {
    position: absolute;
    top: 0;
    left: -100%;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.gw-image-hoverShadowNuage:hover::before {
    -webkit-animation: shine 1s;
    animation: shine 1s
}

@-webkit-keyframes shine {
    100% {
        left: 125%
    }
}

@keyframes shine {
    100% {
        left: 125%
    }
}

.gw-image-hoverFadeInSB {
    width: 100%;
    height: 100%
}

.gw-image-hoverFadeInSB:hover {
    -webkit-animation: fadeInSB 1s ease infinite;
    animation: fadeInSB 1s ease infinite
}

@-webkit-keyframes fadeInSB {

    0%,
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes fadeInSB {

    0%,
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.gw-imageText-shadow {
    position: relative;
    cursor: pointer
}

.gw-imageText-shadow img {
    transition: all .4s
}

.gw-imageText-shadow .gw-imageText-shadow-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.gw-imageText-shadow .gw-imageText-shadow-box .headLine {
    margin-top: 8px
}

.gw-imageText-shadow .gw-imageText-shadow-box .desc {
    letter-spacing: 0;
    line-height: 34px;
    padding: 0 20px;
    text-align: center
}

.gw-image-hoverTopBorderAnimation {
    position: relative
}

.gw-image-hoverTopBorderAnimation .topBorder {
    position: absolute;
    left: 0;
    top: 0;
    height: 4px;
    width: 0%;
    -webkit-transition: all .4s cubic-bezier(.42, 0, .58, 1);
    -o-transition: all .4s cubic-bezier(.42, 0, .58, 1);
    transition: all .4s cubic-bezier(.46, .03, .52, .96)
}

.gw-image-hoverTopBorderAnimation:hover .topBorder {
    width: 100%
}

.gw-imageText-card {
    position: relative;
    cursor: pointer
}

.gw-imageText-card img {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear
}

.gw-imageText-card:hover .gw-imageText-card-box .viewMore::after {
    left: 10px
}

.gw-imageText-card .gw-imageText-card-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 20px 30px
}

.gw-imageText-card .gw-imageText-card-box .headLine {
    line-height: 42px;
    font-weight: 100;
    margin-bottom: 10px
}

.gw-imageText-card .gw-imageText-card-box .desc {
    line-height: 27px;
    -webkit-font-smoothing: antialiased
}

.gw-imageText-card .gw-imageText-card-box .viewMore {
    position: absolute;
    bottom: 20px;
    left: 30px;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.gw-imageText-card .gw-imageText-card-box .viewMore::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 12px;
    background-image: url(/visual-editor/images/rightIcon.png);
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: relative;
    left: 0;
    margin-left: 6px;
    margin-top: -1px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear
}

.gw-shadow-overlay {
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.gw-shadow-overlay:hover .gw-shadow-overlay-box .first-shadow {
    bottom: -270px
}

.gw-shadow-overlay:hover .gw-shadow-overlay-box .second-shadow {
    bottom: -330px
}

.gw-shadow-overlay .gw-shadow-overlay-box {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 70px 30px 40px
}

.gw-shadow-overlay .gw-shadow-overlay-box .headLine {
    font-weight: 500;
    line-height: 1.4
}

.gw-shadow-overlay .gw-shadow-overlay-box .desc {
    font-weight: 400;
    line-height: 1.7
}

.gw-shadow-overlay .gw-shadow-overlay-box .first-shadow {
    position: absolute;
    width: 470px;
    height: 470px;
    right: -115px;
    bottom: -470px;
    border-radius: 50%;
    transition-duration: .5s
}

.gw-shadow-overlay .gw-shadow-overlay-box .second-shadow {
    position: absolute;
    width: 470px;
    height: 470px;
    right: -145px;
    bottom: -470px;
    border-radius: 50%;
    -webkit-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    transition: all 1.5s ease
}

.gw-imagetext-enlarge {
    position: relative;
    cursor: pointer;
    transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -webkit-transition: all .2s linear
}

.gw-imagetext-enlarge:hover {
    transform: scale(1.02);
    -moz-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02)
}

.gw-imagetext-enlarge .gw-imagetext-enlarge-box {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.gw-imagetext-enlarge .gw-imagetext-enlarge-box .text {
    margin-left: 6%
}

.gw-imagetext-enlarge .gw-imagetext-enlarge-box .text .headLine {
    font-weight: 600
}

.gw-imagetext-enlarge .gw-imagetext-enlarge-box img {
    margin-right: 6%;
    border-radius: 50%
}

.gw-shiftUp-shadow {
    position: relative;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.gw-shiftUp-shadow:hover {
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1) !important;
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1) !important;
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0)
}

.gw-jump-image {
    cursor: pointer
}

.divide-component .gw-browse-component-content {
    width: 100%;
    height: 1px;
    overflow: hidden
}

.nav-component .gw-browse-component {
    z-index: 2
}

@keyframes secondShow {
    from {
        opacity: 0;
        margin-top: 15px
    }

    to {
        background: 1;
        margin-top: 0
    }
}

.nav-component .gw-browse-component-content {
    width: 100%;
    height: 100%
}

.nav-component .gw-browse-component-content .gw-nav-cont {
    float: left;
    position: relative
}

.nav-component .gw-browse-component-content .gw-nav-cont .gw-nav {
    float: left
}

.nav-component .gw-browse-component-content .gw-nav-cont .menu-list {
    display: none;
    width: 100%;
    text-align: center;
    animation: secondShow .3s
}

.nav-component .gw-browse-component-content .gw-nav-cont .menu-list ul {
    margin-top: 5px
}

.nav-component .gw-browse-component-content .gw-nav-cont .menu-list>ul {
    float: left
}

.nav-component .gw-browse-component-content .gw-nav-cont .menu-list li {
    float: left;
    list-style: none;
    width: 100%
}

.nav-component .gw-browse-component-content .gw-nav-cont .menu-list li a {
    display: block;
    height: 100%;
    width: 100%
}

.nav-component .gw-browse-component-content .gw-nav-cont .menu-list.has-three-child .sec-menu {
    position: relative
}

.nav-component .gw-browse-component-content .gw-nav-cont .menu-list.has-three-child .sec-menu .three-list {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    width: inherit;
    margin-top: -5px
}

.nav-component .gw-browse-component-content .gw-nav-cont-row,
.nav-component .gw-browse-component-content .gw-nav-cont-row .gw-nav {
    float: left
}

.nav-component .gw-browse-component-content .three-list ul {
    overflow: hidden
}

.nav-component .gw-browse-component-content .menu-list-row {
    display: none;
    width: 100%;
    text-align: center;
    animation: secondShow .3s
}

.nav-component .gw-browse-component-content .menu-list-row ul {
    margin-top: 5px;
    display: flex;
    flex-wrap: wrap
}

.nav-component .gw-browse-component-content .menu-list-row li {
    float: left;
    list-style: none
}

.nav-component .gw-browse-component-content .menu-list-row li a {
    display: block;
    height: 100%;
    width: 100%
}

.nav-component .gw-browse-component-content .menu-list-row.has-three-child-row .three-list li {
    width: 100%
}

.nav-component .gw-browse-component-content .gw-nav-cont-mobile {
    width: 100% !important;
    border-bottom: 1px solid #ececec;
    position: relative;
    margin-bottom: -2px
}

.nav-component .gw-browse-component-content .gw-nav-cont-mobile .first-nav-cont {
    position: relative
}

.nav-component .gw-browse-component-content .gw-nav-cont-mobile .first-nav-cont a {
    padding-left: 20px;
    width: 100% !important
}

.nav-component .gw-browse-component-content .gw-nav-cont-mobile .second-icon {
    position: absolute;
    top: 50%;
    margin-top: -18px;
    right: 10px;
    font-size: 20px;
    color: #999;
    width: 70px;
    height: 90%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.nav-component .gw-browse-component-content .gw-nav-cont-mobile .menu-list {
    display: none;
    width: 100% !important;
    position: static !important;
    top: 0
}

.nav-component .gw-browse-component-content .gw-nav-cont-mobile .menu-list ul {
    margin-top: 0;
    margin-bottom: 0 !important;
    width: 100%
}

.nav-component .gw-browse-component-content .gw-nav-cont-mobile .menu-list li {
    list-style: none;
    width: 100%;
    position: relative
}

.nav-component .gw-browse-component-content .gw-nav-cont-mobile .menu-list li a {
    display: block;
    height: 100%;
    width: 100%;
    padding-left: 40px
}

.nav-component .gw-browse-component-content .gw-nav-cont-mobile .three-list {
    display: none;
    width: 100%;
    position: static;
    top: 0
}

.nav-component .gw-browse-component-content .gw-nav-cont-mobile .three-list li a {
    padding-left: 60px
}

.nav-component .gw-browse-component-content .gw-nav-cont:hover .menu-list,
.nav-component .gw-browse-component-content .gw-nav-cont:hover .menu-list.has-three-child .sec-menu:hover .three-list {
    display: block;
    z-index: 999
}

.nav-component .gw-browse-component-content .container-fluid {
    padding: 0 !important;
    text-align: center
}

.nav-component .gw-browse-component-content.navbar-default {
    background-color: transparent !important;
    border-color: transparent !important;
    border-width: 0
}

.nav-component .gw-browse-component-content .navbar-toggle {
    margin: 15px;
    border: none;
    cursor: pointer;
    float: none;
    padding: 0
}

.nav-component .gw-browse-component-content .navbar-toggle:hover {
    background-color: transparent !important
}

.nav-component .gw-browse-component-content .navbar-toggle .icon-bar {
    width: 20px;
    -webkit-transform-origin: 20px;
    transform-origin: 20px;
    transition: background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, width .5s, -webkit-transform .5s cubic-bezier(.77, .2, .05, 1);
    transition: background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, transform .5s cubic-bezier(.77, .2, .05, 1), width .5s;
    transition: background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, transform .5s cubic-bezier(.77, .2, .05, 1), width .5s, -webkit-transform .5s cubic-bezier(.77, .2, .05, 1);
    opacity: 1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.nav-component .gw-browse-component-content .navbar-toggle .icon-bar:nth-last-child(3) {
    opacity: 1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.nav-component .gw-browse-component-content .navbar-toggle .icon-bar:nth-last-child(2) {
    width: 0;
    opacity: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transition: width .5s
}

.nav-component .gw-browse-component-content .navbar-toggle.collapsed .icon-bar,
.nav-component .gw-browse-component-content .navbar-toggle.collapsed .icon-bar:nth-last-child(3) {
    opacity: 1;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.nav-component .gw-browse-component-content .navbar-toggle.collapsed .icon-bar:nth-last-child(2) {
    width: auto;
    opacity: 1;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transition: width .5s
}

.nav-component .gw-browse-component-content.hover-effect-changer .gw-nav-cont:hover .gw-nav,
.nav-component .gw-browse-component-content.hover-effect-swipe .gw-nav-cont:hover .gw-nav {
    transform: translateY(-100%)
}

.nav-component .gw-browse-component-content .navbar-toggle .icon-bar+.icon-bar {
    margin-top: 6px
}

.nav-component .gw-browse-component-content .navbar-collapse {
    padding: 0 !important;
    width: 320px !important;
    position: absolute !important;
    overflow-x: hidden
}

.nav-component .gw-browse-component-content .collapse {
    display: none !important
}

.nav-component .gw-browse-component-content .collapse.in {
    display: block !important
}

.nav-component .gw-browse-component-content.hover-effect-swipe .gw-nav {
    transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55)
}

.nav-component .gw-browse-component-content.hover-effect-swipe .gw-nav::after {
    content: attr(data-alt);
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%
}

.nav-component .gw-browse-component-content.hover-effect-swipe .gw-nav-cont {
    overflow: hidden
}

.nav-component .gw-browse-component-content.hover-effect-changer .gw-nav {
    transition: transform .5s ease
}

.nav-component .gw-browse-component-content.hover-effect-changer .gw-nav::after {
    content: attr(data-alt);
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%
}

.nav-component .gw-browse-component-content.hover-effect-changer .gw-nav-cont {
    overflow: hidden
}

.nav-component .gw-browse-component-content.hover-effect-topliner .gw-nav::after {
    content: "";
    position: absolute;
    transition: all .3s;
    height: 3px;
    width: 60%;
    top: -4px
}

.nav-component .gw-browse-component-content.hover-effect-topliner .gw-nav-cont:hover .gw-nav::after {
    left: 50%;
    transform: rotate(0) translateX(-50%);
    background-color: var(--nav-effect-color)
}

.nav-component .gw-browse-component-content.hover-effect-center_line .gw-nav::after {
    content: "";
    width: 0;
    height: 3px;
    position: absolute;
    left: 50%;
    bottom: -4px;
    transform: translateX(-50%);
    transition: .35s all cubic-bezier(.77, 0, .175, 1);
    background-color: var(--nav-effect-color)
}

.nav-component .gw-browse-component-content.hover-effect-center_line .gw-nav-cont:hover .gw-nav::after {
    width: 100%
}

.nav-component .gw-browse-component-content.hover-effect-roll_box .gw-nav {
    transform-style: preserve-3d;
    transition: all .4s ease 0s;
    transform-origin: 50% 0
}

.nav-component .gw-browse-component-content.hover-effect-roll_box .gw-nav::after {
    content: attr(data-alt);
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    transform: translate3d(0, 105%, 0) rotateX(-90deg);
    transform-origin: 50% 0;
    background-color: var(--nav-effect-color)
}

.nav-component .gw-browse-component-content.hover-effect-roll_box .gw-nav-cont:hover .gw-nav {
    transform: translate3d(0, 0, -30px) rotateX(90deg)
}

.nav-component .gw-browse-component-content.hover-effect-starter_line .gw-nav::after {
    content: "";
    width: 0;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: -4px;
    transition: width .5s ease;
    background-color: var(--nav-effect-color)
}

.nav-component .gw-browse-component-content.hover-effect-starter_line .gw-nav-cont:hover .gw-nav::after {
    width: 100%
}

.nav-component .gw-browse-component-content.hover-effect-bottom_line .gw-nav::after {
    content: "";
    width: 100%;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: -12px;
    transition: opacity .3s ease, bottom .3s ease;
    opacity: 0;
    background-color: var(--nav-effect-color)
}

.nav-component .gw-browse-component-content.hover-effect-bottom_line .gw-nav-cont:hover .gw-nav::after {
    opacity: 1;
    bottom: -4px
}

.nav-component .gw-browse-component-content.hover-effect-pop_box .gw-nav {
    transition: all .2s linear .1s
}

.nav-component .gw-browse-component-content.hover-effect-pop_box .gw-nav::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 0;
    height: 10px;
    transition: all .3s ease;
    z-index: -1;
    background-color: var(--nav-effect-color)
}

.nav-component .gw-browse-component-content.hover-effect-pop_box .gw-nav-cont:hover .gw-nav::after {
    width: 100%;
    height: 100%;
    left: 0
}

.nav-component .gw-browse-component-content.hover-effect-border_outer .gw-nav {
    border: 1px solid transparent
}

.nav-component .gw-browse-component-content.hover-effect-border_outer .gw-nav::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 0;
    height: 10px;
    transition: all .3s ease;
    z-index: -1
}

.nav-component .gw-browse-component-content.hover-effect-border_outer .gw-nav-cont:hover .gw-nav::after {
    width: 100%;
    height: 100%;
    left: 0;
    border: 1px solid var(--nav-effect-color)
}

@keyframes bubbles {
    0% {
        opacity: 1;
        font-size: 0;
        top: 0
    }

    100% {
        opacity: 0;
        font-size: 80px;
        top: -50%
    }
}

.nav-component .gw-browse-component-content.hover-effect-bubbles .gw-nav::after,
.nav-component .gw-browse-component-content.hover-effect-bubbles .gw-nav::before {
    content: "〇";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0;
    color: var(--nav-effect-color)
}

.nav-component .gw-browse-component-content.hover-effect-bubbles .gw-nav:hover::before {
    animation: bubbles 1s
}

.nav-component .gw-browse-component-content.hover-effect-bubbles .gw-nav:hover::after {
    animation: bubbles 1s .5s
}

.nav-component .gw-browse-component-content.hover-effect-classic .gw-nav-cont::after,
.nav-component .gw-browse-component-content.hover-effect-classic .gw-nav-cont::before {
    content: "";
    background-color: transparent;
    width: 6px;
    height: 6px;
    opacity: 0;
    transition: .3s;
    position: absolute;
    top: -10px;
    border-top: 2px solid var(--nav-effect-color)
}

.nav-component .gw-browse-component-content.hover-effect-classic .gw-nav-cont::before {
    left: -10px;
    border-left: 2px solid var(--nav-effect-color)
}

.nav-component .gw-browse-component-content.hover-effect-classic .gw-nav-cont::after {
    right: -10px;
    border-right: 2px solid var(--nav-effect-color)
}

.nav-component .gw-browse-component-content.hover-effect-classic .gw-nav-cont:hover::before {
    opacity: 1;
    left: -5px;
    top: -5px
}

.nav-component .gw-browse-component-content.hover-effect-classic .gw-nav-cont:hover::after {
    opacity: 1;
    right: -5px;
    top: -5px
}

.nav-component .gw-browse-component-content.hover-effect-classic .gw-nav-cont .gw-nav::after,
.nav-component .gw-browse-component-content.hover-effect-classic .gw-nav-cont .gw-nav::before {
    content: "";
    background-color: transparent;
    width: 6px;
    height: 6px;
    opacity: 0;
    transition: .3s;
    position: absolute;
    bottom: -10px;
    border-bottom: 2px solid var(--nav-effect-color)
}

.nav-component .gw-browse-component-content.hover-effect-classic .gw-nav-cont .gw-nav::before {
    left: -10px;
    border-left: 2px solid var(--nav-effect-color)
}

.nav-component .gw-browse-component-content.hover-effect-classic .gw-nav-cont .gw-nav::after {
    right: -10px;
    border-right: 2px solid var(--nav-effect-color)
}

.nav-component .gw-browse-component-content.hover-effect-classic .gw-nav-cont .gw-nav:hover::before {
    opacity: 1;
    left: -5px;
    bottom: -5px
}

.nav-component .gw-browse-component-content.hover-effect-classic .gw-nav-cont .gw-nav:hover::after {
    opacity: 1;
    right: -5px;
    bottom: -5px
}

.nav-component .gw-browse-component-content.hover-effect-border_style1 .gw-nav-cont {
    padding: 5px 10px
}

.nav-component .gw-browse-component-content.hover-effect-border_style1 .gw-nav-cont::after,
.nav-component .gw-browse-component-content.hover-effect-border_style1 .gw-nav-cont::before {
    content: "";
    background-color: var(--nav-effect-color);
    height: 2px;
    width: 100%;
    position: absolute;
    left: 0;
    transition: .3s;
    transform: scale(0)
}

.nav-component .gw-browse-component-content.hover-effect-border_style1 .gw-nav-cont::before {
    top: 0
}

.nav-component .gw-browse-component-content.hover-effect-border_style1 .gw-nav-cont::after {
    bottom: 0
}

.nav-component .gw-browse-component-content.hover-effect-border_style1 .gw-nav-cont:hover::after,
.nav-component .gw-browse-component-content.hover-effect-border_style1 .gw-nav-cont:hover::before {
    transform: scale(1)
}

.nav-component .gw-browse-component-content.hover-effect-border_style1 .gw-nav-cont .gw-nav::after,
.nav-component .gw-browse-component-content.hover-effect-border_style1 .gw-nav-cont .gw-nav::before {
    content: "";
    transition: .3s;
    position: absolute;
    background-color: var(--nav-effect-color);
    top: 0;
    height: 100%;
    width: 2px;
    transform: scale(0)
}

.nav-component .gw-browse-component-content.hover-effect-border_style1 .gw-nav-cont .gw-nav::before {
    left: 0
}

.nav-component .gw-browse-component-content.hover-effect-border_style1 .gw-nav-cont .gw-nav::after {
    right: 0
}

.nav-component .gw-browse-component-content.hover-effect-border_style1 .gw-nav-cont .gw-nav:hover::after,
.nav-component .gw-browse-component-content.hover-effect-border_style1 .gw-nav-cont .gw-nav:hover::before {
    transform: scale(1)
}

.nav-component .gw-browse-component-content.hover-effect-border_style2 .gw-nav-cont {
    padding: 5px 10px
}

.nav-component .gw-browse-component-content.hover-effect-border_style2 .gw-nav-cont::after,
.nav-component .gw-browse-component-content.hover-effect-border_style2 .gw-nav-cont::before {
    content: "";
    background-color: var(--nav-effect-color);
    height: 2px;
    width: 0;
    position: absolute;
    transition: .3s
}

.nav-component .gw-browse-component-content.hover-effect-border_style2 .gw-nav-cont::before {
    left: 0;
    top: 0
}

.nav-component .gw-browse-component-content.hover-effect-border_style2 .gw-nav-cont::after {
    right: 0;
    bottom: 0
}

.nav-component .gw-browse-component-content.hover-effect-border_style2 .gw-nav-cont:hover::after,
.nav-component .gw-browse-component-content.hover-effect-border_style2 .gw-nav-cont:hover::before {
    width: 100%
}

.nav-component .gw-browse-component-content.hover-effect-border_style2 .gw-nav-cont .gw-nav::after,
.nav-component .gw-browse-component-content.hover-effect-border_style2 .gw-nav-cont .gw-nav::before {
    content: "";
    transition: .3s;
    position: absolute;
    background-color: var(--nav-effect-color);
    height: 0;
    width: 2px
}

.nav-component .gw-browse-component-content.hover-effect-border_style2 .gw-nav-cont .gw-nav::before {
    top: 0;
    left: 0
}

.nav-component .gw-browse-component-content.hover-effect-border_style2 .gw-nav-cont .gw-nav::after {
    right: 0;
    bottom: 0
}

.nav-component .gw-browse-component-content.hover-effect-border_style2 .gw-nav-cont .gw-nav:hover::after,
.nav-component .gw-browse-component-content.hover-effect-border_style2 .gw-nav-cont .gw-nav:hover::before {
    height: 100%
}

.nav-component .gw-browse-component-content.hover-effect-border_style3 .gw-nav-cont {
    padding: 5px 10px
}

.nav-component .gw-browse-component-content.hover-effect-border_style3 .gw-nav-cont::after,
.nav-component .gw-browse-component-content.hover-effect-border_style3 .gw-nav-cont::before {
    content: "";
    background-color: var(--nav-effect-color);
    height: 2px;
    width: 0;
    position: absolute
}

.nav-component .gw-browse-component-content.hover-effect-border_style3 .gw-nav-cont::before {
    left: 0;
    top: 0;
    transition: .1s
}

.nav-component .gw-browse-component-content.hover-effect-border_style3 .gw-nav-cont::after {
    right: 0;
    bottom: 0;
    transition: .1s .2s
}

.nav-component .gw-browse-component-content.hover-effect-border_style3 .gw-nav-cont:hover::after,
.nav-component .gw-browse-component-content.hover-effect-border_style3 .gw-nav-cont:hover::before {
    width: 100%
}

.nav-component .gw-browse-component-content.hover-effect-border_style3 .gw-nav-cont .gw-nav::after,
.nav-component .gw-browse-component-content.hover-effect-border_style3 .gw-nav-cont .gw-nav::before {
    content: "";
    position: absolute;
    background-color: var(--nav-effect-color);
    height: 0;
    width: 2px
}

.nav-component .gw-browse-component-content.hover-effect-border_style3 .gw-nav-cont .gw-nav::before {
    bottom: 0;
    left: 0;
    transition: .1s .3s
}

.nav-component .gw-browse-component-content.hover-effect-border_style3 .gw-nav-cont .gw-nav::after {
    right: 0;
    top: 0;
    transition: .1s .1s
}

.nav-component .gw-browse-component-content.hover-effect-border_style3 .gw-nav-cont .gw-nav:hover::after,
.nav-component .gw-browse-component-content.hover-effect-border_style3 .gw-nav-cont .gw-nav:hover::before {
    height: 100%
}

.nav-component .gw-browse-component-content.hover-effect-border_style4 .gw-nav-cont {
    padding: 5px 10px
}

.nav-component .gw-browse-component-content.hover-effect-border_style4 .gw-nav-cont::after,
.nav-component .gw-browse-component-content.hover-effect-border_style4 .gw-nav-cont::before {
    content: "";
    background-color: var(--nav-effect-color);
    height: 2px;
    width: 0;
    position: absolute;
    transition: .3s
}

.nav-component .gw-browse-component-content.hover-effect-border_style4 .gw-nav-cont::before {
    left: 0;
    top: 0
}

.nav-component .gw-browse-component-content.hover-effect-border_style4 .gw-nav-cont::after {
    right: 0;
    bottom: 0
}

.nav-component .gw-browse-component-content.hover-effect-border_style4 .gw-nav-cont:hover::after,
.nav-component .gw-browse-component-content.hover-effect-border_style4 .gw-nav-cont:hover::before {
    width: 100%
}

.nav-component .gw-browse-component-content.hover-effect-border_style4 .gw-nav-cont .gw-nav::after,
.nav-component .gw-browse-component-content.hover-effect-border_style4 .gw-nav-cont .gw-nav::before {
    content: "";
    transition: .3s;
    position: absolute;
    background-color: var(--nav-effect-color);
    height: 0;
    width: 2px
}

.nav-component .gw-browse-component-content.hover-effect-border_style4 .gw-nav-cont .gw-nav::before {
    bottom: 0;
    left: 0
}

.nav-component .gw-browse-component-content.hover-effect-border_style4 .gw-nav-cont .gw-nav::after {
    right: 0;
    top: 0
}

.nav-component .gw-browse-component-content.hover-effect-border_style4 .gw-nav-cont .gw-nav:hover::after,
.nav-component .gw-browse-component-content.hover-effect-border_style4 .gw-nav-cont .gw-nav:hover::before {
    height: 100%
}

.nav-component .gw-browse-component-content.hover-effect-double_quotes .gw-nav::after,
.nav-component .gw-browse-component-content.hover-effect-double_quotes .gw-nav::before {
    opacity: 0;
    transition: transform .3s, opacity .2s;
    display: inline-block
}

.nav-component .gw-browse-component-content.hover-effect-double_quotes .gw-nav::before {
    content: "[";
    transform: translateX(20px)
}

.nav-component .gw-browse-component-content.hover-effect-double_quotes .gw-nav::after {
    content: "]";
    transform: translateX(-20px)
}

.nav-component .gw-browse-component-content.hover-effect-double_quotes .gw-nav-cont:hover .gw-nav::after,
.nav-component .gw-browse-component-content.hover-effect-double_quotes .gw-nav-cont:hover .gw-nav::before {
    opacity: 1;
    color: var(--nav-effect-color);
    transform: translateX(0)
}

@keyframes jelly {

    from,
    to {
        transform: scale(1, 1)
    }

    25% {
        transform: scale(.9, 1.1)
    }

    50% {
        transform: scale(1.1, .9)
    }

    75% {
        transform: scale(.95, 1.05)
    }
}

.nav-component .gw-browse-component-content.hover-effect-jelly .gw-nav-cont {
    padding: 5px 10px;
    border: 2px solid transparent
}

.nav-component .gw-browse-component-content.hover-effect-jelly .gw-nav-cont:hover {
    animation: jelly .5s 1;
    border: 2px solid var(--nav-effect-color)
}

.nav-component .gw-browse-component-content.hover-effect-slide_top .gw-nav {
    position: relative;
    overflow: hidden
}

.nav-component .gw-browse-component-content.hover-effect-slide_top .gw-nav::before {
    content: "";
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--nav-effect-color);
    transition: top .3s ease-in-out;
    z-index: -1
}

.nav-component .gw-browse-component-content.hover-effect-slide_top .gw-nav-cont:hover .gw-nav::before {
    top: 0
}

.nav-component .gw-browse-component-content.hover-effect-slide_bottom .gw-nav {
    position: relative;
    overflow: hidden
}

.nav-component .gw-browse-component-content.hover-effect-slide_bottom .gw-nav::before {
    content: "";
    position: absolute;
    bottom: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--nav-effect-color);
    transition: bottom .3s ease-in-out;
    z-index: -1
}

.nav-component .gw-browse-component-content.hover-effect-slide_bottom .gw-nav-cont:hover .gw-nav::before {
    bottom: 0
}

.nav-component .gw-browse-component-content.hover-effect-slide_right .gw-nav {
    position: relative;
    overflow: hidden
}

.nav-component .gw-browse-component-content.hover-effect-slide_right .gw-nav::before {
    content: "";
    position: absolute;
    right: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--nav-effect-color);
    transition: right .3s ease-in-out;
    z-index: -1
}

.nav-component .gw-browse-component-content.hover-effect-slide_right .gw-nav-cont:hover .gw-nav::before {
    right: 0
}

.nav-component .gw-browse-component-content.hover-effect-slide_left .gw-nav {
    position: relative;
    overflow: hidden
}

.nav-component .gw-browse-component-content.hover-effect-slide_left .gw-nav::before {
    content: "";
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--nav-effect-color);
    transition: left .3s ease-in-out;
    z-index: -1
}

.nav-component .gw-browse-component-content.hover-effect-slide_left .gw-nav-cont:hover .gw-nav::before {
    left: 0
}

.nav-component .gw-browse-component-content.hover-effect-slide_corner .gw-nav {
    position: relative;
    overflow: hidden
}

.nav-component .gw-browse-component-content.hover-effect-slide_corner .gw-nav::before {
    content: "";
    position: absolute;
    width: 250px;
    height: 150px;
    display: inline-block;
    left: 0;
    top: -250px;
    transition: all .25s ease;
    background-color: var(--nav-effect-color);
    transform: skewY(15deg) translateY(0);
    z-index: -1
}

.nav-component .gw-browse-component-content.hover-effect-slide_corner .gw-nav-cont:hover .gw-nav::before {
    top: -50px
}

.nav-component .gw-browse-component-content.hover-effect-center_out_lr .gw-nav::after,
.nav-component .gw-browse-component-content.hover-effect-center_out_lr .gw-nav::before {
    content: "";
    transition: all .5s;
    width: 2px;
    background-color: var(--nav-effect-color);
    opacity: 0;
    height: 100%;
    position: absolute;
    top: 0
}

.nav-component .gw-browse-component-content.hover-effect-center_out_lr .gw-nav::before {
    transform: translateX(20px)
}

.nav-component .gw-browse-component-content.hover-effect-center_out_lr .gw-nav::after {
    transform: translateX(-20px)
}

.nav-component .gw-browse-component-content.hover-effect-center_out_lr .gw-nav-cont:hover .gw-nav::before {
    opacity: 1;
    transform: translateX(-10px)
}

.nav-component .gw-browse-component-content.hover-effect-center_out_lr .gw-nav-cont:hover .gw-nav::after {
    opacity: 1;
    transform: translateX(10px)
}

.nav-component .gw-browse-component-content.hover-effect-center_out_ud .gw-nav::after,
.nav-component .gw-browse-component-content.hover-effect-center_out_ud .gw-nav::before {
    content: "";
    transition: all .28s ease-in-out;
    display: block;
    margin: 0 auto;
    width: 0;
    border: 1px solid rgba(255, 255, 255, 0)
}

.nav-component .gw-browse-component-content.hover-effect-center_out_ud .gw-nav-cont:hover .gw-nav::after,
.nav-component .gw-browse-component-content.hover-effect-center_out_ud .gw-nav-cont:hover .gw-nav::before {
    width: 70%;
    border-color: var(--nav-effect-color);
    transition: width .35s ease-in-out
}

.nav-component .gw-browse-component-content.hover-effect-double_border .gw-nav::after,
.nav-component .gw-browse-component-content.hover-effect-double_border .gw-nav::before {
    content: "";
    transition: .3s ease;
    position: absolute;
    height: 2px;
    width: 100%;
    background-color: var(--nav-effect-color);
    opacity: 0;
    left: 0
}

.nav-component .gw-browse-component-content.hover-effect-double_border .gw-nav::before {
    top: -20px
}

.nav-component .gw-browse-component-content.hover-effect-double_border .gw-nav::after {
    bottom: -20px
}

.nav-component .gw-browse-component-content.hover-effect-double_border .gw-nav-cont:hover .gw-nav::before {
    top: -4px;
    opacity: 1
}

.nav-component .gw-browse-component-content.hover-effect-double_border .gw-nav-cont:hover .gw-nav::after {
    bottom: -4px;
    opacity: 1
}

.nav-component .gw-browse-component-content.hover-effect-arrow .gw-nav-cont.has-sec-child i {
    transition: .3s;
    transform: rotate(0);
    margin-left: 5px;
    color: var(--nav-color)
}

.nav-component .gw-browse-component-content.hover-effect-arrow .gw-nav-cont.has-sec-child:hover i {
    transform: rotate(180deg);
    color: var(--nav-active-color)
}

.mobile-375 .nav-component .gw-browse-component-content .navbar-collapse {
    width: 375px !important
}

.carousel-component .gw-browse-component .gw-browse-component-content {
    width: 100%;
    height: 100%
}

.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.left-container {
    width: calc(100% - 85px)
}

.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.bottom-container {
    height: calc(100% - 85px)
}

.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.carousel_style_2 .swiper-slide .content {
    position: absolute;
    top: 30%;
    left: 100px;
    max-width: 43%;
    text-align: left
}

.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.carousel_style_2 .swiper-slide .content .text.describe {
    margin-bottom: 50px
}

.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.carousel_style_2 .swiper-slide .content .swiper-btn-wrap {
    display: inline-block
}

.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.carousel_style_2 .swiper-slide .content .swiper-btn {
    transition: all .3s ease;
    padding: 10px 40px;
    cursor: pointer;
    border: 2px solid rgba(255, 255, 255, .7)
}

.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.carousel_style_2 .swiper-slide .img-wrap {
    position: absolute;
    top: 10%;
    right: 100px;
    width: 43%;
    height: 70%
}

.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.carousel_style_2 .swiper-slide .img-wrap img {
    width: 100%;
    object-fit: contain
}

.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.carousel_style_2 .swiper-button {
    opacity: 0;
    visibility: hidden;
    transition: all .3s
}

.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.carousel_style_2 .swiper-button>div {
    transition: all .3s
}

.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.carousel_style_2:hover .swiper-button {
    visibility: visible;
    opacity: 1
}

.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.carousel_style_2:hover .swiper-button .swiper-button-prev {
    left: 50px
}

.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.carousel_style_2:hover .swiper-button .swiper-button-next {
    right: 50px
}

@keyframes ripple {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1
    }

    80% {
        transform: translate(-50%, -50%) scale(3);
        opacity: 0
    }

    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0
    }
}

.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.carousel_style_3 .swiper-slide .content-wrap {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.carousel_style_3 .swiper-slide .content {
    width: 80%;
    text-align: left;
    margin: 0 auto
}

.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.carousel_style_3 .swiper-slide .content .text.describe {
    margin-bottom: 50px
}

.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.carousel_style_3 .swiper-slide .content .swiper-btn-wrap {
    display: inline-block;
    position: relative;
    padding: 8px 20px;
    width: auto;
    height: 40px;
    transition: .3s ease-in-out
}

.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.carousel_style_3 .swiper-slide .content .swiper-btn-wrap::after {
    content: "";
    position: absolute;
    left: 15px;
    top: 10px;
    width: 100%;
    height: 100%;
    transition: .3s ease-in-out
}

.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.carousel_style_3 .swiper-slide .content .swiper-btn-wrap:hover span:first-child {
    opacity: 0;
    transform: translateY(-24px)
}

.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.carousel_style_3 .swiper-slide .content .swiper-btn-wrap:hover span:last-child {
    opacity: 1;
    transform: translateY(-24px)
}

.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.carousel_style_3 .swiper-slide .content .swiper-btn {
    display: block;
    cursor: pointer;
    line-height: 24px;
    transition: .3s ease-in-out;
    position: relative;
    z-index: 2
}

.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.carousel_style_3 .swiper-slide .content .swiper-btn:last-child {
    opacity: 0
}

.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.carousel_style_3 .swiper-pagination-bullets {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 30px;
    right: 10%;
    left: unset;
    top: 0;
    bottom: 0;
    transform: none
}

.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.carousel_style_3 .swiper-pagination-bullets .swiper-pagination-bullet {
    background-color: #fff;
    opacity: 1;
    width: 10px;
    height: 10px;
    position: relative;
    margin: 35px 0
}

.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.carousel_style_3 .swiper-pagination-bullets .swiper-pagination-bullet-active::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #fff;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    animation: ripple 2s linear infinite
}

.carousel-component .gw-browse-component .swiper-container {
    width: 100%;
    height: 100%
}

.carousel-component .gw-browse-component .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.carousel-component .gw-browse-component .swiper-slide .swiper-img {
    width: 100%;
    height: 100%;
    background-size: cover !important
}

.carousel-component .gw-browse-component .swiper-slide.vm-list-row {
    width: 80%;
    height: auto
}

.carousel-component .gw-browse-component .swiper-slide a,
.carousel-component .gw-browse-component .swiper-slide img {
    width: 100%;
}

.carousel-component .gw-browse-component .swiper-button .swiper-button-next,
.carousel-component .gw-browse-component .swiper-button .swiper-button-prev {
    display: table;
    text-align: center
}

.carousel-component .gw-browse-component .swiper-button i {
    display: table-cell;
    vertical-align: middle
}

.carousel-component .gw-browse-component .swiper-pagination {
    margin-bottom: 0
}

.carousel-component .gw-browse-component .swiper-button-next:after,
.carousel-component .gw-browse-component .swiper-button-prev:after {
    padding: 5px
}

.carousel-component .gw-browse-component .swiper-pagination-bullet {
    transition: all .3s
}

.carousel-component .gw-browse-component .swiper-pagination-line .swiper-pagination-bullet {
    width: 30px;
    height: 3px;
    margin: 0 3px;
    cursor: pointer;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
    position: relative
}

.carousel-component .gw-browse-component .swiper-pagination-line .swiper-pagination-bullet span {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.carousel-component .gw-browse-component .swiper-pagination-line .swiper-pagination-bullet span.bg {
    height: 100%;
    width: 100%;
    opacity: .2
}

.carousel-component .gw-browse-component .swiper-pagination-line .swiper-pagination-bullet span.cover {
    width: 0;
    height: 100%;
    transition-property: width, height;
    transition-timing-function: linear
}

.carousel-component .gw-browse-component .swiper-pagination-line .swiper-pagination-bullet i {
    background: gray;
    height: 2px;
    transform: scaleX(0);
    transform-origin: 0;
    display: block
}

.carousel-component .gw-browse-component .swiper-pagination-line .swiper-pagination-bullet-active span.cover {
    width: 100%
}

.carousel-component .gw-browse-component .swiper-container-vertical .swiper-pagination-line .swiper-pagination-bullet {
    width: 5px;
    height: 30px;
    margin: 3px 0
}

.carousel-component .gw-browse-component .swiper-container-vertical .swiper-pagination-line .swiper-pagination-bullet span.cover {
    width: 100%;
    height: 0
}

.carousel-component .gw-browse-component .swiper-container-vertical .swiper-pagination-line .swiper-pagination-bullet.swiper-pagination-bullet-active span.cover {
    height: 100%
}

.carousel-component .gw-browse-component .gallery-thumbs {
    height: 85px;
    box-sizing: border-box;
    padding: 10px 0
}

.carousel-component .gw-browse-component .gallery-thumbs .swiper-slide {
    width: 71px;
    height: 71px
}

.carousel-component .gw-browse-component .gallery-thumbs .swiper-slide-thumb-active {
    border: 2px solid #1e50ae
}

.carousel-component .gw-browse-component .gallery-thumbs .swiper-img-thumbs {
    width: auto !important;
    height: auto !important;
    max-width: 100%;
    max-height: 100%
}

.carousel-component .gw-browse-component .gallery-thumbs.gallery-thumbs-left,
.carousel-component .gw-browse-component .gallery-thumbs.gallery-thumbs-right {
    width: 85px;
    height: 100%;
    display: flex;
    justify-content: center
}

.carousel-component .gw-browse-component .gallery-thumbs.gallery-thumbs-left .swiper-wrapper,
.carousel-component .gw-browse-component .gallery-thumbs.gallery-thumbs-right .swiper-wrapper {
    margin: 0 auto
}

.carousel-component .gw-browse-component .gallery-thumbs.gallery-thumbs-left .swiper-slide,
.carousel-component .gw-browse-component .gallery-thumbs.gallery-thumbs-right .swiper-slide {
    width: 71px;
    height: 71px
}

.mobile .carousel-component .gw-browse-component .swiper-container.on {
    width: 320px
}

.mobile.mobile-375 .carousel-component .gw-browse-component .swiper-container.on {
    width: 375px
}

.form-component .gw-browse-component-content {
    width: 100%;
    font-family: "微软雅黑"
}

.form-component .gw-form .form-title {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    line-height: 26px;
    padding-bottom: 8px
}

.form-component .gw-form .form-placeholder {
    font-size: 14px;
    font-weight: 500;
    color: #828282;
    line-height: 22px;
    padding-bottom: 20px;
    padding-top: 5px
}

.form-component .gw-form input,
.form-component .gw-form textarea {
    border-radius: 2px;
    padding: 0 10px;
    border-width: 1px;
    border-style: solid
}

.form-component .gw-form input:focus,
.form-component .gw-form textarea:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.form-component .gw-form .input-text,
.form-component .gw-form textarea {
    border-color: #dcdcdc;
    background-color: #F7F9FB
}

.form-component .gw-form textarea {
    padding: 10px
}

.form-component .gw-form .qrcode {
    margin-left: 12px;
    width: 100px;
    height: 36px
}

.form-component .gw-form .btn-black {
    color: #fff;
    background-color: #333
}

.form-component .gw-area {
    display: flex;
    justify-content: space-between
}

.form-component .gw-area select {
    width: 31%
}

.mobile .gw-browse-component-content {
    font-size: 14px
}

.article-component .row {
    margin: 0
}

.article-component .gw-browse-component-content a,
.pc .article_style_2 {
    margin-bottom: 10px
}

.article-component .gw-browse-component {
    min-height: 26px
}

.article-component .pagination_yulan li a {
    color: #999 !important;
    cursor: move
}

.article-component .pagination_yulan li.active a {
    background-color: #eee;
    border-color: #ddd
}

.article-component .gw-browse-component-content {
    width: 100%;
    font-family: "微软雅黑";
    font-size: 18px
}

.article-component .gw-browse-component-content .article_title {
    font-size: 16px;
    color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.article-component .gw-browse-component-content .article_abstract {
    font-size: 14px;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    line-height: 1.4em
}

.article-component .gw-browse-component-content .article_date {
    font-size: 14px;
    color: #666;
    width: 25px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden
}

.article-component .gw-browse-component-content .flex-img {
    display: flex;
    align-items: center;
    justify-content: center
}

.pc .article_style_1 .article_title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.pc .article_style_1 .article_img {
    text-align: center;
    background: #fff;
    overflow: hidden;
    border: 1px solid #ddd;
    padding: 2px;
    border-radius: 2px
}

.pc .article_style_1.col-xs-12 .article_img {
    height: 500px
}

.pc .article_style_1.col-xs-12 .article_img img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.pc .article_style_1.col-xs-6 {
    height: 540px
}

.pc .article_style_1.col-xs-6 .article_img {
    width: 550px;
    height: 427px
}

.pc .article_style_1.col-xs-6 .article_img img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.pc .article_style_1.col-xs-4 {
    height: 370px
}

.pc .article_style_1.col-xs-4 .article_img {
    width: 360px;
    height: 270px
}

.pc .article_style_1.col-xs-4 .article_img img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.pc .article_style_1.col-xs-3 {
    height: 295px
}

.pc .article_style_1.col-xs-3 .article_img {
    width: 263px;
    height: 197px
}

.pc .article_style_1.col-xs-3 .article_img img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.pc .article_style_2 .article_style_2_content p,
.pc .article_style_2 p {
    margin-bottom: 0
}

.pc .article_style_2 .article_title {
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.4em;
    max-height: 2.8em;
    height: 2.8em
}

.pc .article_style_2 .article_style_2_content {
    display: flex
}

.mobile .article_style_2,
.pc .article_style_3,
.pc .article_style_5,
.pc .article_style_6 {
    margin-bottom: 10px
}

.pc .article_style_2 .article_style_2_content div:first-child {
    float: left;
    width: 30%;
    text-align: center;
    background: #fff;
    overflow: hidden;
    border: 1px solid #ddd;
    padding: 2px;
    border-radius: 2px;
    flex-shrink: 0;
    flex-grow: 0
}

.pc .article_style_2 .article_style_2_content div:last-child {
    float: right;
    width: 69%;
    margin-left: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.pc .article_style_2.col-xs-3 .article_style_2_content .article_date,
.pc .article_style_3.col-xs-3 .article_style_3_content .article_abstract,
.pc .article_style_3.col-xs-4 .article_style_3_content .article_abstract {
    display: none
}

.pc .article_style_2 .article_style_2_content div:last-child .article_date {
    width: 100%
}

.pc .article_style_2.col-xs-12 {
    height: 180px
}

.pc .article_style_2.col-xs-12 .article_style_2_content div:first-child img {
    max-width: 100%;
    max-height: 100%;
    height: 180px;
    object-fit: cover
}

.pc .article_style_2.col-xs-6 {
    height: 129px
}

.pc .article_style_2.col-xs-6 .article_style_2_content div:first-child img {
    max-width: 100%;
    max-height: 100%;
    height: 124px;
    object-fit: cover
}

.pc .article_style_2.col-xs-4 {
    height: 86px
}

.pc .article_style_2.col-xs-4 .article_style_2_content div:first-child img {
    max-width: 100%;
    max-height: 100%;
    height: 81px;
    object-fit: cover
}

.pc .article_style_2.col-xs-3 {
    height: 65px
}

.pc .article_style_2.col-xs-3 .article_style_2_content div:first-child img {
    max-width: 100%;
    max-height: 100%;
    height: 60px;
    object-fit: cover
}

.pc .article_style_3 .article_title {
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.4em;
    max-height: 2.8em;
    height: 2.8em
}

.pc .article_style_3 .article_style_3_content div:first-child {
    float: left;
    width: 30%;
    text-align: center;
    background: #fff;
    overflow: hidden;
    border: 1px solid #ddd;
    padding: 2px;
    border-radius: 2px
}

.pc .article_style_3 .article_style_3_content div:last-child {
    float: right;
    width: 69%
}

.pc .article_style_3.col-xs-12 {
    height: 180px
}

.pc .article_style_3.col-xs-12 .article_style_3_content div:first-child img {
    max-width: 100%;
    max-height: 180px;
    height: 180px;
    object-fit: cover
}

.pc .article_style_3.col-xs-6 {
    height: 129px
}

.pc .article_style_3.col-xs-6 .article_style_3_content div:first-child img {
    max-width: 100%;
    max-height: 124px;
    height: 124px;
    object-fit: cover
}

.pc .article_style_3.col-xs-4 {
    height: 86px
}

.pc .article_style_3.col-xs-4 .article_style_3_content div:first-child img {
    max-width: 100%;
    max-height: 81px;
    height: 81px;
    object-fit: cover
}

.pc .article_style_3.col-xs-3 {
    height: 65px
}

.pc .article_style_3.col-xs-3 .article_style_3_content div:first-child img {
    max-width: 100%;
    max-height: 60px;
    height: 60px;
    object-fit: cover
}

.pc .article_style_4 div {
    border-bottom: 1px dashed #e3e3e3;
    padding: 8px 0;
    height: 35px;
    margin-top: 2px
}

.pc .article_style_4 .article_title {
    font-size: 14px;
    width: 63%;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block
}

.pc .article_style_4 .article_date {
    float: right;
    width: 35%;
    text-align: right
}

.pc .article_style_5 .article_style_5_content {
    border-bottom: 1px dashed #ddd;
    padding: 8px 0;
    margin-top: 2px;
    height: 95px;
    width: 100%
}

.pc .article_style_5 .article_style_5_content .article_date {
    float: left;
    min-width: 80px;
    max-width: 80px;
    width: 80px;
    height: 80px;
    text-align: center;
    background: #F2F2F2;
    overflow: hidden;
    border: 1px solid #ddd;
    padding: 2px;
    border-radius: 2px;
    margin-right: 15px
}

.pc .article_style_5 .article_style_5_content .article_date .article_ss {
    font-size: 22px;
    color: #666;
    display: block;
    margin-top: 15px
}

.pc .article_style_5 .article_style_5_content .article_date .article_yy {
    font-size: 14px;
    color: #9C8D8D;
    display: inline-block;
    height: 20px;
    line-height: 20px
}

.pc .article_style_5 .article_style_5_content div:last-child {
    float: left;
    width: 84%
}

.pc .article_style_5 .article_style_5_content div:last-child .article_abstract,
.pc .article_style_5 .article_style_5_content div:last-child .article_title {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    display: block
}

.pc .article_style_5.col-xs-12 {
    height: 120px
}

.pc .article_style_5.col-xs-6 {
    height: 129px
}

.pc .article_style_5.col-xs-6 .article_style_5_content div:last-child {
    width: 70%
}

.pc .article_style_5.col-xs-4 {
    height: 120px
}

.pc .article_style_5.col-xs-4 .article_style_5_content div:last-child {
    width: 60%
}

.pc .article_style_5.col-xs-3 {
    height: 120px
}

.pc .article_style_5.col-xs-3 .article_style_5_content div:last-child {
    width: 65%
}

.pc .article_style_6 {
    border-bottom: 1px dashed #e3e3e3
}

.pc .article_style_6 .right {
    float: right
}

.pc .article_style_6 .left {
    float: left
}

.pc .article_style_6 .article_style_6_content .article_date {
    width: auto
}

.pc .article_style_6 .article_style_6_content .article_title {
    -webkit-line-clamp: 1;
    overflow: hidden;
    line-height: 1.4em;
    max-height: 1.4em;
    height: 1.4em
}

.pc .article_style_6 .article_style_6_content .img-content {
    width: 162px;
    height: 117px;
    border: 1px solid #ddd;
    text-align: center
}

.pc .article_style_6 .article_style_6_content .img-content img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.pc .article_style_6 .article_style_6_content .font-content {
    width: 60%
}

.pc .article_style_6.col-xs-6 .img-content {
    width: 162px;
    height: 117px;
    border: 1px solid #ddd;
    text-align: center
}

.pc .article_style_6.col-xs-6 .img-content img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.pc .article_style_6.col-xs-6 .font-content {
    width: 50%
}

.pc .article_style_6.col-xs-4 .article_abstract {
    -webkit-line-clamp: 1;
    overflow: hidden;
    line-height: 1.4em;
    max-height: 1.4em;
    height: 1.4em
}

.pc .article_style_6.col-xs-4 .img-content {
    width: 102px;
    height: 77px;
    border: 1px solid #ddd;
    text-align: center
}

.pc .article_style_6.col-xs-4 .img-content img {
    max-width: 100px;
    max-height: 75px;
    object-fit: cover
}

.pc .article_style_6.col-xs-4 .font-content {
    width: 30%
}

.pc .article_style_6.col-xs-3 .article_abstract {
    -webkit-line-clamp: 1;
    overflow: hidden;
    line-height: 1.4em;
    height: 1.4em;
    max-height: 1.4em
}

.pc .article_style_7 .article_date {
    width: auto
}

.pc .article_style_7 .timezone {
    width: 4px;
    height: 120px;
    background: #ccc;
    margin: 8px auto 0 120px;
    border-radius: 3px;
    position: relative;
    -webkit-animation: heightSlide 2s linear
}

.pc .article_style_7 .timezone .time,
.pc .article_style_7 .timezone .timeLeft {
    position: absolute;
    margin-left: -7px;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 4px solid rgba(255, 255, 255, .5);
    background: #bababa;
    -webkit-transition: all .5s;
    -webkit-animation: showIn ease
}

.pc .article_style_7 .timezone .time:nth-child(1) {
    -webkit-animation-duration: 1s
}

.pc .article_style_7 .timezone .timeLeft:nth-child(2) {
    -webkit-animation-duration: 1.5s
}

.pc .article_style_7 .timezone .time:nth-child(3) {
    -webkit-animation-duration: 2s
}

.pc .article_style_7 .timezone .timeLeft:nth-child(4) {
    -webkit-animation-duration: 2.5s
}

.pc .article_style_7 .timezone .time h2,
.pc .article_style_7 .timezone .timeLeft h2 {
    position: absolute;
    margin-left: -120px;
    margin-top: 3px;
    color: #eee;
    font-size: 14px;
    cursor: pointer;
    -webkit-animation: showIn 3s ease
}

.pc .article_style_7 .timezone .timeLeft h2 {
    margin-left: 60px;
    width: 100px
}

.pc .article_style_7 .timezone .time:hover,
.pc .article_style_7 .timezone .timeLeft:hover {
    border: 4px solid #add8e6;
    background: #fffacd;
    box-shadow: 0 0 2px 2px rgba(255, 255, 255, .4)
}

.pc .article_style_7 .timezone .time div,
.pc .article_style_7 .timezone .timeLeft div {
    position: absolute;
    top: 50%;
    margin-top: -9px;
    padding: 5px;
    left: 50px;
    width: 800px;
    height: 100px;
    border: 1px solid #ccc;
    border-radius: 10px;
    z-index: 2;
    overflow: hidden;
    cursor: pointer;
    -webkit-animation: showIn 3s ease;
    -webkit-transition: all .5s
}

.pc .article_style_8 div,
.pc .article_style_9 div {
    border-bottom: 1px dashed #e3e3e3;
    padding: 8px 0;
    margin-top: 2px
}

.pc .article_style_7.col-xs-6 .timezone .time div,
.pc .article_style_7.col-xs-6 .timezone .timeLeft div {
    width: 300px
}

.pc .article_style_7.col-xs-4 .timezone .time div,
.pc .article_style_7.col-xs-4 .timezone .timeLeft div {
    width: 200px
}

.pc .article_style_7.col-xs-3 .timezone {
    margin-left: 100px
}

.pc .article_style_7.col-xs-3 .timezone .time h2 {
    margin-left: -95px
}

.pc .article_style_7.col-xs-3 .timezone .time div,
.pc .article_style_7.col-xs-3 .timezone .timeLeft div {
    width: 100px
}

.pc .article_style_8 div {
    height: auto
}

.pc .article_style_8 .article_title {
    font-size: 14px;
    width: 63%;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block
}

.pc .article_style_8 .article_date {
    float: right;
    width: 35%;
    text-align: right
}

.pc .article_style_8 .article_abstract {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    height: 1.4em;
    line-height: 1.4em;
    max-height: 1.4em
}

.pc .article_style_9 div {
    height: auto
}

.pc .article_style_9 .article_title {
    font-size: 14px;
    width: 63%;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block
}

.pc .article_style_9 .article_date {
    float: right;
    width: 35%;
    text-align: right
}

.pc .article_style_9 .article_abstract {
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.4em;
    display: block
}

.pc .article_style_10 {
    padding: 0 10px
}

.pc .article_style_10 .article_title {
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.4em;
    max-height: 2.8em;
    height: 2.8em
}

.pc .article_style_10 .article_style_10_content {
    display: flex;
    margin: 6px;
    padding: 16px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.pc .article_style_10 .article_style_10_content div:first-child {
    width: 128px;
    height: 72px;
    max-width: 128px;
    max-height: 72px;
    min-width: 128px;
    min-height: 72px;
    text-align: center;
    background: #fff;
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 4px
}

.pc .article_style_10 .article_style_10_content div:first-child img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%
}

.pc .article_style_10 .article_style_10_content div:last-child {
    margin-left: 12px;
    width: calc((100% - 130px));
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.pc .article_style_10 .article_style_10_content div:last-child .article_date {
    width: 100%;
    margin-bottom: 0
}

.pc .article_style_10.col-xs-12 .article_style_10_content div:first-child img,
.pc .article_style_10.col-xs-3 .article_style_10_content div:first-child img,
.pc .article_style_10.col-xs-4 .article_style_10_content div:first-child img,
.pc .article_style_10.col-xs-6 .article_style_10_content div:first-child img {
    object-fit: cover
}

.pc .article_style_10.col-xs-3 .article_style_10_content .article_date {
    display: none
}

.pc .article_style_11 {
    padding: 0
}

.pc .article_style_11 .article-content {
    color: #919191;
    font-size: 13px;
    display: flex;
    border-bottom: 1px solid #efefef;
    padding: 20px 16px 20px 0
}

.pc .article_style_11 .article-content .content-left {
    overflow: hidden;
    height: 120px
}

.pc .article_style_11 .article-content .content-left img {
    width: 100%;
    height: 100%
}

.pc .article_style_11 .article-content .content-left.hover-style1:hover img {
    transform: scale(1.1)
}

.pc .article_style_11 .article-content .content-left.hover-style1 img {
    transition: all .3s;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden
}

.pc .article_style_11 .article-content .content-left.hover-style2 {
    position: relative
}

.pc .article_style_11 .article-content .content-left.hover-style2::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
    transform: skewX(-25deg)
}

.mobile .goods_style_8 .item-content:hover,
.pc .goods_style_5 .item-content:hover,
.pc .shop_goods_style_9 .item-content:hover {
    transform: translateY(-5px)
}

.pc .article_style_11 .article-content .content-left.hover-style2:hover::before {
    left: 100%;
    transition: all .3s ease-out 0s
}

.pc .article_style_11 .article-content .content-left.hover-style3 {
    position: relative
}

.pc .article_style_11 .article-content .content-left.hover-style3::after {
    position: absolute;
    content: '';
    background-color: #4527a4;
    height: 0;
    width: 0;
    left: 0;
    bottom: 0;
    transition: all .3s ease-in-out;
    opacity: .3
}

.pc .article_style_11 .article-content .content-left.hover-style3:hover::after {
    width: 100%;
    height: 100%
}

.pc .article_style_11 .article-content .content-body {
    flex: 1;
    padding-left: 20px;
    position: relative
}

.pc .article_style_11 .article-content .content-body .tag-mobile {
    display: none
}

.pc .article_style_11 .article-content .content-body .article-title {
    font-size: 17.5px;
    margin-bottom: 5px;
    transition: all .3s ease;
    color: #444;
    word-break: break-all;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical
}

.pc .article_style_11 .article-content .content-body .article-title:hover {
    color: #007bff;
    text-decoration: underline
}

.pc .article_style_11 .article-content .content-body .article-abs {
    word-break: break-all;
    font-size: 14px;
    color: #828a92;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical
}

.pc .article_style_11 .article-content .content-body .article-tag {
    position: absolute;
    bottom: 0
}

.pc .article_style_11 .article-content .content-body .article-tag>* {
    display: inline
}

.pc .article_style_11 .article-content .content-body .article-tag .tag-pc {
    border-radius: 2px;
    margin-right: 3px;
    text-align: center;
    background: rgba(0, 132, 255, .1);
    padding: 0 8px;
    margin-bottom: 0;
    display: inline-block
}

.pc .article_style_11 .article-content .content-body .article-tag .tag-pc:hover {
    color: #fff !important;
    cursor: pointer
}

.pc .article_style_11 .article-content .content-body .article-tag .view {
    margin: 0 8px;
    color: #aaa
}

.mobile .article_abstract {
    display: none !important
}

.mobile .article_style_1 .article_title {
    font-size: 14px;
    line-height: 1.4em;
    height: 2.8em;
    overflow: none;
    font-weight: 700
}

.mobile .article_style_1 .article_img {
    text-align: center;
    background: #fff;
    overflow: hidden;
    padding: 2px;
    border-radius: 2px
}

.mobile .article_style_1.col-xs-12 {
    height: 250px
}

.mobile .article_style_1.col-xs-12 .article_img {
    width: 265px;
    height: 198px;
    text-align: center
}

.mobile .article_style_1.col-xs-12 .article_img img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 3px
}

.mobile .article_style_1.col-xs-6 {
    height: 130px
}

.mobile .article_style_1.col-xs-6 .article_img {
    width: 118px;
    height: 88px;
    text-align: center
}

.mobile .article_style_1.col-xs-6 .article_img img {
    max-width: 100%;
    width: 100%;
    height: 100%
}

.mobile .article_style_2 .article_title {
    font-size: 14px;
    line-height: 1.4em;
    height: 2.8em;
    overflow: none
}

.mobile .article_style_2 .article_style_2_content {
    display: flex
}

.mobile .article_style_2 .article_style_2_content p {
    margin-bottom: 0
}

.mobile .article_style_2 .article_style_2_content div:first-child {
    text-align: center;
    background: #fff;
    overflow: hidden;
    border: 1px solid #ddd;
    padding: 2px;
    border-radius: 2px;
    flex-shrink: 0;
    flex-grow: 0
}

.mobile .article_style_2 .article_style_2_content div:last-child {
    margin-left: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.mobile .article_style_2.col-xs-12 {
    height: 77px
}

.mobile .article_style_2.col-xs-12 .article_style_2_content {
    height: 100%;
    border-bottom: 1px dashed #e3e3e3
}

.mobile .article_style_2.col-xs-12 .article_style_2_content div:first-child {
    height: 65px;
    width: 30%;
    text-align: center;
    float: left
}

.mobile .article_style_2.col-xs-12 .article_style_2_content div:first-child img {
    max-width: 100%;
    max-height: 100%;
    height: 65px;
    object-fit: cover
}

.mobile .article_style_2.col-xs-12 .article_style_2_content div:last-child {
    height: 65px;
    line-height: 14px
}

.mobile .article_style_2.col-xs-12 .article_style_2_content div:last-child .article_date {
    width: 100%
}

.mobile .article_style_2.col-xs-6 {
    height: 33px
}

.mobile .article_style_2.col-xs-6 .article_style_2_content div:first-child {
    height: 28px;
    width: 30%;
    text-align: center;
    float: left
}

.mobile .article_style_2.col-xs-6 .article_style_2_content div:first-child img {
    max-width: 100%;
    max-height: 100%;
    height: 28px
}

.mobile .article_style_2.col-xs-6 .article_style_2_content div:last-child {
    float: right;
    width: 69%
}

.mobile .article_style_2.col-xs-6 .article_style_2_content div:last-child .article_title {
    width: 100%;
    font-size: 12px;
    margin-bottom: 0
}

.mobile .article_style_2.col-xs-6 .article_style_2_content div:last-child .article_date {
    width: 100%;
    font-size: 12px;
    margin-bottom: 0;
    display: none
}

.mobile .article_style_3 {
    margin-bottom: 10px
}

.mobile .article_style_3 .article_title {
    font-size: 14px;
    line-height: 1.4em;
    height: 2.8em
}

.mobile .article_style_3 .article_style_3_content div:first-child {
    text-align: center;
    background: #fff;
    overflow: hidden;
    border: 1px solid #ddd;
    padding: 2px;
    border-radius: 2px
}

.mobile .article_style_3.col-xs-12 {
    height: 70px
}

.mobile .article_style_3.col-xs-12 .article_style_3_content {
    border-bottom: 1px dashed #e3e3e3;
    height: 100%
}

.mobile .article_style_3.col-xs-12 .article_style_3_content div:first-child {
    width: 30%;
    height: 65px;
    text-align: center;
    float: left
}

.mobile .article_style_3.col-xs-12 .article_style_3_content div:first-child img {
    max-width: 100%;
    max-height: 65px;
    height: 65px
}

.mobile .article_style_3.col-xs-12 .article_style_3_content div:last-child {
    float: right;
    width: 69%
}

.mobile .article_style_3.col-xs-12 .article_style_3_content div:last-child .article_date {
    width: 100%
}

.mobile .article_style_3.col-xs-6 {
    height: 33px
}

.mobile .article_style_3.col-xs-6 .article_style_3_content div:first-child {
    height: 28px;
    width: 30%;
    text-align: center;
    float: left
}

.mobile .article_style_3.col-xs-6 .article_style_3_content div:first-child img {
    max-width: 100%;
    max-height: 28px;
    height: 28px
}

.mobile .article_style_3.col-xs-6 .article_style_3_content div:last-child {
    float: right;
    width: 69%
}

.mobile .article_style_3.col-xs-6 .article_style_3_content div:last-child .article_title {
    width: 100%;
    font-size: 12px;
    margin-bottom: 0
}

.mobile .article_style_3.col-xs-6 .article_style_3_content div:last-child .article_date {
    width: 100%;
    font-size: 12px;
    margin-bottom: 0;
    display: none
}

.mobile .article_style_4 .article_title {
    font-size: 14px;
    width: 63%;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block
}

.mobile .article_style_4 div {
    border-bottom: 1px dashed #e3e3e3;
    padding: 8px 0;
    height: 35px;
    margin-top: 2px
}

.mobile .article_style_4 .article_date {
    float: right;
    width: 35%;
    text-align: right
}

.mobile .article_style_5 {
    margin-bottom: 10px
}

.mobile .article_style_5 .article_style_5_content {
    border-bottom: 1px dashed #e3e3e3;
    padding: 8px 0;
    margin-top: 2px;
    height: 95px
}

.mobile .article_style_5 .article_style_5_content .article_date {
    float: left;
    width: 80px;
    min-width: 80px;
    max-width: 80px;
    height: 80px;
    text-align: center;
    background: #F2F2F2;
    overflow: hidden;
    border: 1px solid #ddd;
    padding: 2px;
    border-radius: 2px
}

.mobile .article_style_5 .article_style_5_content div:last-child .article_abstract,
.mobile .article_style_5 .article_style_5_content div:last-child .article_title {
    width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mobile .article_style_5 .article_style_5_content .article_date .article_ss {
    font-size: 22px;
    color: #666;
    display: block;
    margin-top: 15px
}

.mobile .article_style_5 .article_style_5_content .article_date .article_yy {
    font-size: 12px;
    color: #9C8D8D;
    display: inline-block;
    height: 20px;
    line-height: 20px
}

.mobile .article_style_5 .article_style_5_content .article_date .article_xiegang {
    display: inline-block
}

.mobile .article_style_5 .article_style_5_content div:last-child {
    float: left
}

.mobile .article_style_5 .article_style_5_content div:last-child .article_title {
    display: block
}

.mobile .article_style_5 .article_style_5_content div:last-child .article_xiegang {
    display: inline-block
}

.mobile .article_style_5.col-xs-6 .article_style_5_content .article_date .article_xiegang,
.mobile .article_style_5.col-xs-6 .article_style_5_content .article_date .article_yy {
    display: none
}

.mobile .article_style_5.col-xs-12 {
    height: 110px
}

.mobile .article_style_5.col-xs-12 .article_style_5_content div:last-child {
    float: right;
    width: 65%
}

.mobile .article_style_5.col-xs-6 {
    height: 50px
}

.mobile .article_style_5.col-xs-6 .article_style_5_content {
    height: 55px
}

.mobile .article_style_5.col-xs-6 .article_style_5_content .article_date {
    float: left;
    width: 20%;
    min-width: 40px;
    max-width: 40px;
    height: 40px
}

.mobile .article_style_5.col-xs-6 .article_style_5_content .article_date .article_ss {
    margin-top: 4px
}

.mobile .article_style_5.col-xs-6 .article_style_5_content div:last-child {
    float: right;
    width: 65%
}

.mobile .article_style_6 {
    margin-bottom: 10px;
    border-bottom: 1px dashed #e3e3e3
}

.mobile .article_style_6 .right {
    float: right
}

.mobile .article_style_6 .left {
    float: left
}

.mobile .article_style_6 .article_style_6_content .article_date {
    width: auto
}

.mobile .article_style_6 .article_style_6_content .article_title {
    -webkit-line-clamp: 1;
    overflow: hidden;
    line-height: 1.4em;
    max-height: 1.4em;
    height: 1.4em
}

.mobile .article_style_6 .article_style_6_content .img-content {
    width: 162px;
    height: 117px;
    border: 1px solid #ddd;
    text-align: center
}

.mobile .article_style_6 .article_style_6_content .img-content img {
    width: 100%;
    height: 100%
}

.mobile .article_style_6 .article_style_6_content .font-content {
    width: 60%
}

.mobile .article_style_6.col-xs-6 .img-content {
    width: 102px;
    height: 77px;
    border: 1px solid #ddd;
    text-align: center
}

.mobile .article_style_6.col-xs-6 .img-content img {
    width: 100%;
    height: 100%
}

.mobile .article_style_6.col-xs-6 .font-content {
    width: 50%
}

.mobile .article_style_7 .article_date {
    width: auto;
    display: block
}

.mobile .article_style_7 .timezone {
    width: 4px;
    height: 120px;
    background: #ccc;
    margin: 8px auto 0 75px;
    border-radius: 3px;
    position: relative;
    -webkit-animation: heightSlide 2s linear
}

@-webkit-keyframes heightSlide {
    0% {
        height: 0
    }

    100% {
        height: 120px
    }
}

.mobile .article_style_7 .timezone .time,
.mobile .article_style_7 .timezone .timeLeft {
    position: absolute;
    margin-left: -7px;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 4px solid rgba(255, 255, 255, .5);
    background: #bababa;
    -webkit-transition: all .5s;
    -webkit-animation: showIn ease
}

.mobile .article_style_7 .timezone .time:nth-child(1) {
    -webkit-animation-duration: 1s
}

.mobile .article_style_7 .timezone .timeLeft:nth-child(2) {
    -webkit-animation-duration: 1.5s
}

.mobile .article_style_7 .timezone .time:nth-child(3) {
    -webkit-animation-duration: 2s
}

.mobile .article_style_7 .timezone .timeLeft:nth-child(4) {
    -webkit-animation-duration: 2.5s
}

@-webkit-keyframes showIn {

    0%,
    70% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.mobile .article_style_7 .timezone .time h2,
.mobile .article_style_7 .timezone .timeLeft h2 {
    position: absolute;
    margin-left: -75px;
    margin-top: 3px;
    color: #eee;
    font-size: 14px;
    cursor: pointer;
    -webkit-animation: showIn 3s ease
}

.mobile .article_style_7 .timezone .timeLeft h2 {
    margin-left: 60px;
    width: 100px
}

.mobile .article_style_7 .timezone .time:hover,
.mobile .article_style_7 .timezone .timeLeft:hover {
    border: 4px solid #add8e6;
    background: #fffacd;
    box-shadow: 0 0 2px 2px rgba(255, 255, 255, .4)
}

.mobile .article_style_7 .timezone .time div,
.mobile .article_style_7 .timezone .timeLeft div {
    position: absolute;
    top: 50%;
    margin-top: -9px;
    padding: 5px;
    left: 20px;
    width: 180px;
    height: 80px;
    border: 1px solid #ccc;
    border-radius: 10px;
    z-index: 2;
    overflow: hidden;
    cursor: pointer;
    -webkit-animation: showIn 3s ease;
    -webkit-transition: all .5s
}

.mobile .article_style_8 div,
.mobile .article_style_9 div {
    border-bottom: 1px dashed #e3e3e3;
    padding: 8px 0;
    margin-top: 2px
}

.mobile .article_style_7.col-xs-6 .article_date {
    display: none
}

.mobile .article_style_7.col-xs-6 .timezone {
    margin-left: 10px
}

.mobile .article_style_7.col-xs-6 .timezone .time h2 {
    margin-left: -45px
}

.mobile .article_style_7.col-xs-6 .timezone .time div,
.mobile .article_style_7.col-xs-6 .timezone .timeLeft div {
    width: 80px
}

.mobile .article_style_8 .article_title {
    font-size: 14px;
    width: 63%;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block
}

.mobile .article_style_8 div {
    height: auto
}

.mobile .article_style_8 .article_date {
    float: right;
    width: 35%;
    text-align: right
}

.mobile .article_style_8 .article_abstract {
    display: block !important;
    width: 100%;
    font-size: 14px;
    height: 1.4em;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden
}

.mobile .article_style_9 .article_title {
    font-size: 14px;
    width: 63%;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block
}

.mobile .article_style_9 div {
    height: auto
}

.mobile .article_style_9 .article_date {
    float: right;
    width: 35%;
    text-align: right
}

.mobile .article_style_9 .article_abstract {
    display: block !important;
    width: 100%;
    font-size: 14px
}

.mobile .article_style_10 {
    padding: 0 5px
}

.mobile .article_style_10 .article_title {
    font-size: 14px;
    line-height: 1.4em;
    height: 2.8em;
    overflow: none
}

.mobile .article_style_10 .article_style_10_content {
    display: flex;
    margin: 6px;
    padding: 16px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.mobile .article_style_10 .article_style_10_content div:first-child {
    text-align: center;
    background: #fff;
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 4px;
    width: 128px;
    height: 72px;
    max-width: 128px;
    max-height: 72px;
    min-width: 128px;
    min-height: 72px
}

.mobile .article_style_10 .article_style_10_content div:first-child img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%
}

.mobile .article_style_10 .article_style_10_content div:last-child {
    margin-left: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.mobile .article_style_10 .article_style_10_content div:last-child .article_date {
    width: 100%;
    margin-bottom: 0
}

.mobile .article_style_10.col-xs-12 .article_style_10_content {
    height: 100%
}

.mobile .article_style_10.col-xs-12 .article_style_10_content div:first-child {
    width: 30%;
    text-align: center
}

.mobile .article_style_10.col-xs-12 .article_style_10_content div:first-child img {
    object-fit: cover
}

.mobile .article_style_10.col-xs-12 .article_style_10_content div:last-child {
    width: 69%
}

.mobile .article_style_10.col-xs-12 .article_style_10_content div:last-child .article_date {
    width: 100%
}

.mobile .article_style_10.col-xs-6 .article_style_10_content div:first-child {
    text-align: center;
    width: 64px;
    height: 36px;
    max-width: 64px;
    max-height: 72px;
    min-width: 36px;
    min-height: 36px
}

.mobile .article_style_10.col-xs-6 .article_style_10_content div:last-child {
    width: 69%
}

.mobile .article_style_10.col-xs-6 .article_style_10_content div:last-child .article_title {
    width: 100%;
    font-size: 12px;
    margin-bottom: 0
}

.mobile .article_style_10.col-xs-6 .article_style_10_content div:last-child .article_date {
    width: 100%;
    font-size: 12px;
    margin-bottom: 0;
    display: none
}

.mobile .article_style_11 {
    padding: 0 15px
}

.mobile .article_style_11 .article-content {
    border-bottom: 1px solid #efefef;
    display: flex;
    padding: 20px 0
}

.mobile .article_style_11 .article-content .content-left {
    height: 90px
}

.mobile .article_style_11 .article-content .content-left img {
    width: 100%;
    height: 100%
}

.mobile .article_style_11 .article-content .content-body {
    flex: 1;
    padding-left: 20px;
    position: relative
}

.mobile .article_style_11 .article-content .content-body .title-wrap {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    line-height: 24px
}

.mobile .article_style_11 .article-content .content-body .title-wrap .tag-mobile {
    border-radius: 2px;
    margin-right: 3px;
    padding: 0 8px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: rgba(0, 132, 255, .1);
    font-size: 13px;
    float: left
}

.mobile .article_style_11 .article-content .content-body .title-wrap .article-title {
    margin-bottom: 0
}

.mobile .article_style_11 .article-content .content-body .article-abs {
    display: none
}

.mobile .article_style_11 .article-content .content-body .article-tag {
    font-size: 12px;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    position: absolute;
    bottom: 0
}

.mobile .article_style_11 .article-content .content-body .article-tag>* {
    display: inline
}

.mobile .article_style_11 .article-content .content-body .article-tag .tag-pc,
.mobile .article_style_11 .article-content .content-body .article-tag .view .text {
    display: none
}

.mobile .article_style_11 .article-content .content-body .article-tag .date {
    margin-right: 5px
}

.mobile .article_style_11 .article-content .content-body .article-tag .view {
    color: #aaa
}

.map-component .gw-browse-component {
    display: table
}

.map-component .gw-browse-component .gw-browse-component-content {
    width: 100%;
    height: 100%;
    background-color: #65abd0;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    border-radius: 6px;
    cursor: pointer;
    font-family: "微软雅黑";
    font-size: 16px
}

.map-component .BMapLabel {
    max-width: inherit;
    color: #333
}

.goods-component .row {
    margin: 0
}

.goods-component .gw-browse-component {
    min-height: 26px
}

.goods-component .pagination_yulan li a {
    color: #999 !important;
    cursor: move
}

.goods-component .pagination_yulan li.active a {
    background-color: #eee;
    border-color: #ddd
}

.goods-component .gw-browse-component-content {
    width: 100%;
    font-family: "微软雅黑";
    font-size: 18px
}

.goods-component .gw-browse-component-content a {
    margin-bottom: 10px;
    display: block
}

.goods-component .gw-browse-component-content .goods_title {
    font-size: 16px;
    color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.4em;
    height: 2.8em;
    width: 100%
}

.goods-component .gw-browse-component-content .goods_abstract {
    font-size: 14px;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    line-height: 1.4em;
    max-height: 4.2em;
    height: 4.2em
}

.goods-component .gw-browse-component-content .goods_date {
    font-size: 14px;
    color: #666;
    width: 25px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden
}

.goods-component .gw-browse-component-content .goods_price {
    font-size: 14px;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 600;
    height: 1.6em
}

.goods-component .gw-browse-component-content .hover-img-box {
    position: relative
}

.goods-component .gw-browse-component-content .hover-img-box:hover .hover_bgcolor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.goods-component .gw-browse-component-content .hover-img-box img {
    transition: all ease .5s;
    -moz-transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s
}

.goods-component .gw-browse-component-content .flex-img {
    display: flex;
    align-items: center;
    justify-content: center
}

.goods-component .gw-browse-component-content .img-contain {
    height: auto;
    max-height: none;
    width: 100%
}

.goods-component .gw-browse-component-content .img-cover {
    height: 100%;
    width: 100%
}

.goods-component .gw-browse-component-content .img-norepeat {
    width: auto;
    height: auto
}

.goods-component .gw-browse-component-content .goods_item_block {
    margin: 10px auto;
    background-color: #fff;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
}

.goods-component .gw-browse-component-content .goods_item_block .right-cont {
    padding-right: 5px
}

.goods-component .gw-browse-component-content .goods_item_block .bottom-cont {
    padding: 10px
}

.goods-component .gw-browse-component-content .goods_item_radius {
    border-radius: 4px
}

.goods-component .gw-browse-component-content .goods_item_radius.goods_style_4_content div:first-child {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important
}

.goods-component .gw-browse-component-content .goods_item_radius .goods_img {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important
}

.goods-component .gw-browse-component-content .goods_flex_between {
    display: flex;
    height: 100%
}

.goods-component .gw-browse-component-content .goods_flex_between div.right-cont {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    padding: 5px
}

.goods-component .gw-browse-component-content .goods_image_noborder.goods_img,
.goods-component .gw-browse-component-content .goods_image_noborder.left-cont {
    border: 0 !important
}

.pc .goods_style_1 .goods_title {
    margin-top: 16px;
    text-align: center
}

.pc .goods_style_1 .goods_img {
    text-align: center;
    background: #fff;
    overflow: hidden
}

.pc .goods_style_1.col-xs-12 .goods_img {
    border: 1px solid #ddd;
    border-radius: 2px
}

.pc .goods_style_1.col-xs-12 .goods_img img {
    max-width: 100%;
    max-height: 100%;
    height: 500px
}

.pc .goods_style_1.col-xs-6 .goods_img {
    height: 427px;
    border: 1px solid #ddd;
    border-radius: 2px
}

.pc .goods_style_1.col-xs-6 .goods_img img {
    max-width: 100%;
    max-height: 425px;
    height: 425px
}

.pc .goods_style_1.col-xs-4 .goods_img {
    height: 270px;
    border: 1px solid #ddd;
    border-radius: 2px
}

.pc .goods_style_1.col-xs-4 .goods_img img {
    max-width: 100%;
    max-height: 270px;
    height: 270px
}

.pc .goods_style_1.col-xs-3 .goods_img {
    height: 197px;
    border: 1px solid #ddd;
    border-radius: 2px
}

.pc .goods_style_1.col-xs-3 .goods_img img {
    max-width: 100%;
    max-height: 197px;
    height: 197px
}

.pc .goods_style_2 {
    margin-bottom: 10px
}

.pc .goods_style_2 p {
    margin: 0
}

.pc .goods_style_5 .item-content,
.pc .shop_goods_style_9 .item-content {
    margin-bottom: 30px;
    transition: box-shadow .3s cubic-bezier(.215, .61, .355, 1), transform .3s cubic-bezier(.215, .61, .355, 1), -webkit-box-shadow .3s cubic-bezier(.215, .61, .355, 1), -webkit-transform .3s cubic-bezier(.215, .61, .355, 1)
}

.pc .goods_style_2 .goods_title {
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.4em;
    max-height: 2.8em;
    height: 2.8em
}

.pc .goods_style_2 .goods_style_2_content div:first-child {
    float: left;
    width: 30%;
    border: 1px solid #ddd;
    padding: 2px;
    border-radius: 2px;
    text-align: center;
    background: #fff;
    overflow: hidden
}

.pc .goods_style_2 .goods_style_2_content div:last-child {
    float: right;
    width: 69%
}

.pc .goods_style_2 .goods_style_2_content div:last-child .goods_date {
    width: 100%
}

.pc .goods_style_2.col-xs-12 .goods_style_2_content div:first-child {
    height: 180px
}

.pc .goods_style_2.col-xs-12 .goods_style_2_content div:first-child img {
    max-width: 100%;
    max-height: 180px;
    height: 180px
}

.pc .goods_style_2.col-xs-6 .goods_style_2_content div:first-child {
    border: 1px solid #ddd;
    padding: 2px;
    border-radius: 2px;
    height: 124px
}

.pc .goods_style_2.col-xs-6 .goods_style_2_content div:first-child img {
    max-width: 100%;
    max-height: 124px;
    height: 124px
}

.pc .goods_style_2.col-xs-4 .goods_style_2_content div:first-child {
    height: 81px;
    border: 1px solid #ddd;
    padding: 2px;
    border-radius: 2px
}

.pc .goods_style_2.col-xs-4 .goods_style_2_content div:first-child img {
    max-width: 100%;
    max-height: 81px;
    height: 81px
}

.pc .goods_style_2.col-xs-3 .goods_style_2_content div:first-child {
    height: 60px;
    border: 1px solid #ddd;
    padding: 2px;
    border-radius: 2px
}

.pc .goods_style_2.col-xs-3 .goods_style_2_content div:first-child img {
    max-width: 100%;
    max-height: 60px;
    height: 60px
}

.pc .goods_style_5 .space-10 {
    height: 10px
}

.pc .goods_style_5 .item-content {
    border: 1px solid #eee;
    position: relative;
    overflow: hidden;
    background-color: #fff
}

.pc .goods_style_5 .item-content.goods_item_radius {
    border-radius: 4px
}

.pc .goods_style_5 .img-box {
    text-align: center;
    background-color: #fff;
    overflow: hidden;
    transition: all .3s ease;
    position: relative;
    height: 0;
    padding-bottom: 50%
}

.pc .goods_style_5 .img-box:hover {
    opacity: .8
}

.pc .goods_style_5 .img-box:hover .hover_bgcolor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pc .goods_style_5 .img-box img {
    max-width: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden
}

.pc .goods_style_5 .content-box .author_avt {
    display: block;
    position: relative;
    margin-top: -15px;
    width: 100px;
    height: 36px
}

.pc .goods_style_5 .content-box .author_avt .avatar {
    background-image: url(/visual-editor/images/touxiang.png);
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    position: absolute;
    border-radius: 50%;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 1
}

.pc .goods_style_5 .content-box .author_avt::after {
    content: '';
    position: absolute;
    background-image: url(/visual-editor/images/1.svg);
    width: 100%;
    height: 100%;
    background-size: 100px 30px;
    top: -2px
}

.pc .goods_style_5 .content-box .label-group {
    display: flex;
    margin-bottom: 5px;
    padding: 0 10px;
    min-height: 17px
}

.pc .goods_style_5 .content-box .label-group .dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 5px
}

.pc .goods_style_5 .content-box .label-group li {
    display: flex;
    align-items: center;
    margin-right: 8px
}

.pc .goods_style_5 .content-box .label-group li:hover {
    opacity: .8
}

.pc .goods_style_5 .content-box .label-group li span {
    color: #aaa;
    font-size: 12px
}

.pc .goods_style_5 .content-box .label-group .first.dot {
    background-color: #fd721f
}

.pc .goods_style_5 .content-box .label-group .second.dot {
    background-color: #4CAF50
}

.pc .goods_style_5 .content-box .label-group .third.dot {
    background-color: #2196F3
}

.pc .goods_style_5 .content-box .goods-title {
    color: #34495e;
    transition: all .3s ease;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 10px;
    margin-bottom: 10px
}

.pc .goods_style_5 .content-box .goods-title:hover {
    opacity: .8
}

.pc .goods_style_5 .content-box .abstract {
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 14px;
    line-height: 1.4
}

.pc .goods_style_5 .content-box .goods-price {
    padding: 0 10px
}

.pc .goods_style_5 .content-box .goods-price .market_price {
    text-decoration: line-through;
    color: #999;
    font-size: 12px
}

.pc .goods_style_5 .content-box .goods-price span {
    display: inline-block
}

.pc .goods_style_5 .content-box .goods-footer {
    margin-top: 10px;
    color: #b4b4b4;
    font-size: 12px;
    border-top: 1px solid #ebeef5
}

.mobile .goods_style_1 .goods_abstract,
.mobile .goods_style_2 .goods_title {
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis
}

.pc .goods_style_5 .content-box .goods-footer ul {
    display: flex;
    margin: 5px 10px;
    padding: 5px 0
}

.pc .goods_style_5 .content-box .goods-footer ul .date {
    flex: 1 1 0;
    color: #555
}

.pc .goods_style_5 .content-box .goods-footer ul .comment {
    padding-left: 8px
}

.mobile .goods_abstract {
    display: none !important
}

.mobile .goods_style_1 {
    padding: 0 5px
}

.mobile .goods_style_1 p {
    margin: 0
}

.mobile .goods_style_1 .goods_title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-align: center;
    padding: 10px;
    display: block
}

.mobile .goods_style_1 .goods_img {
    text-align: center;
    background: #fff;
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 2px
}

.mobile .goods_style_1 .goods_abstract {
    color: #666;
    text-overflow: ellipsis;
    text-align: center;
    height: auto
}

.mobile .goods_style_1.col-xs-12 .goods_img {
    height: 198px
}

.mobile .goods_style_1.col-xs-12 .goods_img img {
    max-width: 100%;
    max-height: 195px;
    height: 195px
}

.mobile .goods_style_1.col-xs-6 .goods_img {
    height: 110px
}

.mobile .goods_style_1.col-xs-6 .goods_img img {
    max-width: 100%;
    max-height: 110px;
    height: 110px
}

.mobile .goods_style_2 {
    padding: 0 5px;
    margin-bottom: 10px
}

.mobile .goods_style_2 p {
    margin: 0
}

.mobile .goods_style_2 .goods_title {
    line-height: 1.4em;
    text-overflow: ellipsis
}

.mobile .goods_style_2 .goods_style_2_content div:first-child {
    text-align: center;
    background: #fff;
    overflow: hidden;
    border: 1px solid #ddd;
    padding: 2px;
    border-radius: 2px
}

.mobile .goods_style_2.col-xs-12 {
    height: 76px
}

.mobile .goods_style_2.col-xs-12 .goods_style_2_content {
    height: 100%;
    border-bottom: 1px dashed #e3e3e3;
    display: flex
}

.mobile .goods_style_2.col-xs-12 .goods_style_2_content div:first-child {
    height: 72px;
    width: 30%;
    text-align: center;
    float: left
}

.mobile .goods_style_2.col-xs-12 .goods_style_2_content div:first-child img {
    max-width: 100%;
    height: 100%
}

.mobile .goods_style_2.col-xs-12 .goods_style_2_content div:last-child {
    float: right;
    width: 69%;
    margin-left: 10px
}

.mobile .goods_style_2.col-xs-12 .goods_style_2_content div:last-child .goods_price {
    width: 100%
}

.mobile .goods_style_2.col-xs-6 .goods_style_2_content div:first-child {
    height: 28px;
    width: 30%;
    text-align: center;
    float: left
}

.mobile .goods_style_2.col-xs-6 .goods_style_2_content div:first-child img {
    max-width: 100%;
    max-height: 28px;
    height: 28px
}

.mobile .goods_style_2.col-xs-6 .goods_style_2_content div:last-child {
    float: right;
    width: 69%
}

.mobile .goods_style_2.col-xs-6 .goods_style_2_content div:last-child .goods_title {
    width: 100%;
    font-size: 12px;
    margin-bottom: 0
}

.mobile .goods_style_2.col-xs-6 .goods_style_2_content div:last-child .goods_price {
    width: 100%;
    font-size: 12px;
    margin-bottom: 0;
    display: none
}

.mobile .goods_style_8 {
    padding: 0 10px
}

.mobile .goods_style_8 .space-10 {
    height: 10px
}

.mobile .goods_style_8 .item-content {
    border: 1px solid #eee;
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
    background-color: #fff;
    transition: box-shadow .3s cubic-bezier(.215, .61, .355, 1), transform .3s cubic-bezier(.215, .61, .355, 1), -webkit-box-shadow .3s cubic-bezier(.215, .61, .355, 1), -webkit-transform .3s cubic-bezier(.215, .61, .355, 1)
}

.mobile .goods_style_8 .item-content.goods_item_radius {
    border-radius: 4px
}

.mobile .goods_style_8 .img-box {
    text-align: center;
    background-color: #fff;
    overflow: hidden;
    transition: all .3s ease;
    position: relative;
    height: 0;
    padding-bottom: 50%
}

.mobile .goods_style_8 .img-box:hover {
    opacity: .8
}

.mobile .goods_style_8 .img-box:hover .hover_bgcolor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mobile .goods_style_8 .img-box img {
    max-width: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden
}

.mobile .goods_style_8 .content-box .author_avt {
    display: block;
    position: relative;
    margin-top: -15px;
    width: 100px;
    height: 36px
}

.mobile .goods_style_8 .content-box .author_avt .avatar {
    background-image: url(/visual-editor/images/touxiang.png);
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    position: absolute;
    border-radius: 50%;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 1
}

.mobile .goods_style_8 .content-box .author_avt::after {
    content: '';
    position: absolute;
    background-image: url(/visual-editor/images/1.svg);
    width: 100%;
    height: 100%;
    background-size: 100px 30px;
    top: -2px
}

.mobile .goods_style_8 .content-box .label-group {
    display: flex;
    margin-bottom: 5px;
    padding: 0 10px;
    min-height: 17px
}

.mobile .goods_style_8 .content-box .label-group .dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 5px
}

.mobile .goods_style_8 .content-box .label-group li {
    display: flex;
    align-items: center;
    margin-right: 8px
}

.mobile .goods_style_8 .content-box .label-group li:hover {
    opacity: .8
}

.mobile .goods_style_8 .content-box .label-group li span {
    color: #aaa;
    font-size: 12px
}

.mobile .goods_style_8 .content-box .label-group .first.dot {
    background-color: #fd721f
}

.mobile .goods_style_8 .content-box .label-group .second.dot {
    background-color: #4CAF50
}

.mobile .goods_style_8 .content-box .label-group .third.dot {
    background-color: #2196F3
}

.mobile .goods_style_8 .content-box .goods-title {
    color: #34495e;
    transition: all .3s ease;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 10px;
    margin-bottom: 10px
}

.mobile .goods_style_8 .content-box .goods-title:hover {
    opacity: .8
}

.mobile .goods_style_8 .content-box .abstract {
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 14px;
    line-height: 1.4
}

.mobile .goods_style_8 .content-box .goods-price {
    padding: 0 10px
}

.mobile .goods_style_8 .content-box .goods-price .market_price {
    text-decoration: line-through;
    color: #999;
    font-size: 12px
}

.mobile .goods_style_8 .content-box .goods-price span {
    display: inline-block
}

.mobile .goods_style_8 .content-box .goods-footer {
    margin-top: 10px;
    color: #b4b4b4;
    font-size: 12px;
    border-top: 1px solid #ebeef5
}

.mobile .goods_style_8 .content-box .goods-footer ul {
    display: flex;
    margin: 5px 10px;
    padding: 5px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mobile .goods_style_8 .content-box .goods-footer ul .date {
    flex: 1 1 0;
    color: #555
}

.mobile .goods_style_8 .content-box .goods-footer ul .comment {
    padding-left: 8px
}

.icon-component .iconbrowse {
    vertical-align: -.15em;
    fill: currentColor;
    overflow: hidden
}

.shop_goods-component .row {
    margin: 0
}

.shop_goods-component .gw-browse-component {
    min-height: 26px
}

.shop_goods-component .pagination_yulan li a {
    color: #999 !important;
    cursor: move
}

.shop_goods-component .pagination_yulan li.active a {
    background-color: #eee;
    border-color: #ddd
}

.shop_goods-component .gw-browse-component-content {
    width: 100%;
    font-family: "微软雅黑";
    font-size: 18px;
    padding-top: 10px
}

.shop_goods-component .gw-browse-component-content a {
    display: block
}

.shop_goods-component .gw-browse-component-content .shop_goods_title {
    font-size: 16px;
    color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.shop_goods-component .gw-browse-component-content .shop_goods_abstract {
    font-size: 14px;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    line-height: 1.4em;
    max-height: 4.2em
}

.shop_goods-component .gw-browse-component-content .shop_goods_date {
    font-size: 14px;
    color: #666;
    width: 25px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden
}

.shop_goods-component .gw-browse-component-content .shop_goods_price {
    font-size: 16px;
    color: red;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 600
}

.shop_goods-component .gw-browse-component-content .shop_goods_price .market_price {
    color: #999;
    font-size: 12px;
    margin-left: 5px
}

.shop_goods-component .gw-browse-component-content .shop_goods_item_block {
    margin: 10px auto;
    background-color: #fff;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
}

.shop_goods-component .gw-browse-component-content .shop_goods_item_block .right-cont {
    padding-right: 5px
}

.shop_goods-component .gw-browse-component-content .shop_goods_item_block .bottom-cont {
    padding: 10px
}

.shop_goods-component .gw-browse-component-content .shop_goods_item_radius {
    border-radius: 4px
}

.shop_goods-component .gw-browse-component-content .shop_goods_item_radius.shop_goods_style_4_content div:first-child {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important
}

.shop_goods-component .gw-browse-component-content .shop_goods_item_radius .goods_img {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important
}

.shop_goods-component .gw-browse-component-content .shop_goods_flex_between {
    display: flex;
    height: 100%
}

.shop_goods-component .gw-browse-component-content .shop_goods_flex_between div.right-cont {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    padding: 5px
}

.shop_goods-component .gw-browse-component-content .shop_goods_image_noborder.goods_img,
.shop_goods-component .gw-browse-component-content .shop_goods_image_noborder.left-cont {
    border: 0 !important
}

.shop_goods-component .gw-browse-component-content .two-rows {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.shop_goods-component .gw-browse-component-content .one-row {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.pc .shop_goods_style_4 {
    margin-bottom: 10px;
    height: 100%
}

.pc .shop_goods_style_4 .goods_title {
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.4em;
    max-height: 2.8em;
    height: 1.8em
}

.pc .shop_goods_style_4 .market_price {
    color: #999;
    font-size: 12px;
    text-decoration: line-through;
    line-height: 30px
}

.pc .shop_goods_style_4 .shop_goods_buy_btn {
    width: 60px !important;
    height: 30px;
    border-radius: 3px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    background: #FF0036;
    margin-left: 15px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -15px
}

.pc .shop_goods_style_4 .price_btn_cont {
    float: left;
    width: 100%;
    position: relative;
    padding-left: 5%
}

.pc .shop_goods_style_4 div.left-cont {
    float: left;
    width: 30%;
    padding-top: 30%;
    border: 1px solid #ddd;
    border-radius: 2px;
    text-align: center;
    background: center no-repeat #fff;
    overflow: hidden;
    background-size: contain
}

.pc .shop_goods_style_4 div.right-cont {
    float: left;
    width: 70%;
    overflow: hidden
}

.pc .shop_goods_style_4 div.right-cont .shop_goods_title {
    padding-left: 5%;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    display: block
}

.pc .shop_goods_style_4 div.right-cont .goods_date {
    width: 100%
}

.pc .shop_goods_style_4.col-xs-12 .shop_goods_style_4_content div:first-child img {
    max-width: 100%;
    max-height: 180px
}

.pc .shop_goods_style_4.col-xs-4 .shop_goods_style_4_content div:first-child,
.pc .shop_goods_style_4.col-xs-6 .shop_goods_style_4_content div:first-child {
    border: 1px solid #ddd;
    border-radius: 2px
}

.pc .shop_goods_style_4.col-xs-4 .shop_goods_style_4_content div:first-child img {
    max-width: 100%;
    max-height: 81px;
    height: 81px
}

.pc .shop_goods_style_4.col-xs-3 .shop_goods_style_4_content div:first-child {
    width: 65px;
    border: 1px solid #ddd;
    padding: 2px;
    border-radius: 2px
}

.pc .shop_goods_style_4.col-xs-3 .shop_goods_style_4_content div:first-child img {
    max-width: 100%;
    max-height: 60px;
    height: 60px
}

.pc .shop_goods_style_6 .goods_img {
    text-align: center;
    background-color: #fff;
    overflow: hidden;
    width: 100%;
    padding-top: 100%;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.pc .shop_goods_style_6 .goods_title {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pc .shop_goods_style_6 .market_price {
    color: #999;
    font-size: 12px;
    margin-left: 10px;
    text-decoration: line-through;
    line-height: 30px
}

.pc .shop_goods_style_6 .shop_goods_buy_btn {
    width: 60px !important;
    height: 30px;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    background: #FF0036;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -15px
}

.pc .shop_goods_style_6.col-xs-12 .goods_img {
    border: 1px solid #ddd;
    border-radius: 2px
}

.pc .shop_goods_style_6.col-xs-12 .goods_img img {
    max-width: 100%;
    max-height: 100%;
    height: 500px
}

.pc .shop_goods_style_6.col-xs-6 .goods_img {
    border: 1px solid #ddd;
    border-radius: 2px
}

.pc .shop_goods_style_6.col-xs-6 .goods_img img {
    max-width: 100%;
    max-height: 425px;
    height: 425px
}

.pc .shop_goods_style_6.col-xs-4 .goods_img {
    border: 1px solid #ddd;
    border-radius: 2px
}

.pc .shop_goods_style_6.col-xs-4 .goods_img img {
    max-width: 100%;
    max-height: 270px;
    height: 270px
}

.pc .shop_goods_style_6.col-xs-3 .goods_img {
    border: 1px solid #ddd;
    border-radius: 2px
}

.pc .shop_goods_style_6.col-xs-3 .goods_img img {
    max-width: 100%;
    max-height: 197px;
    height: 197px
}

.pc .shop_goods_style_9 .height10 {
    height: 10px
}

.pc .shop_goods_style_9 .item-content {
    border: 1px solid #eee;
    position: relative;
    overflow: hidden;
    background-color: #fff
}

.pc .shop_goods_style_9 .item-content.noborder {
    border: none
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_1 .classified-name-box .arrow-icon.active .fa-caret-down,
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_3 .classified-name-box .arrow-icon.active .fa-caret-down,
.image-uploader-layer .tab-pane .list-cat-box .list-cat-title-box .arrow-img-cat-icon.active .fa-caret-down {
    transform: rotate(-90deg)
}

.pc .shop_goods_style_9 .item-content .icon {
    background-color: rgba(0, 0, 0, .4);
    color: #fff;
    font-size: 15px;
    position: absolute;
    height: 25px;
    width: 25px;
    top: 10px;
    left: 10px;
    border-radius: 50%;
    line-height: 25px;
    text-align: center;
    z-index: 1
}

.pc .shop_goods_style_9>a {
    background-color: #7fffd4;
    border-radius: 4px
}

.pc .shop_goods_style_9 .img-box {
    text-align: center;
    background-color: #fff;
    overflow: hidden;
    display: block;
    transition: all .3s ease;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.pc .shop_goods_style_9 .img-box:hover {
    opacity: .8
}

.pc .shop_goods_style_9 .content-box .author_avt {
    display: block;
    position: relative;
    margin-top: -15px;
    width: 100px;
    height: 36px
}

.pc .shop_goods_style_9 .content-box .author_avt .avatar {
    background-image: url(/visual-editor/images/touxiang.png);
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    position: absolute;
    border-radius: 50%;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 1
}

.pc .shop_goods_style_9 .content-box .author_avt::after {
    content: '';
    position: absolute;
    background-image: url(/visual-editor/images/1.svg);
    width: 100%;
    height: 100%;
    background-size: 100px 30px;
    top: -2px
}

.pc .shop_goods_style_9 .content-box .label-group {
    display: flex;
    margin-bottom: 5px;
    padding: 0 10px;
    min-height: 17px
}

.pc .shop_goods_style_9 .content-box .label-group .dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 5px
}

.pc .shop_goods_style_9 .content-box .label-group li {
    display: flex;
    align-items: center;
    margin-right: 8px
}

.pc .shop_goods_style_9 .content-box .label-group li:hover {
    opacity: .8
}

.pc .shop_goods_style_9 .content-box .label-group li span {
    color: #aaa;
    font-size: 12px
}

.pc .shop_goods_style_9 .content-box .label-group .first.dot {
    background-color: #fd721f
}

.pc .shop_goods_style_9 .content-box .label-group .second.dot {
    background-color: #4CAF50
}

.pc .shop_goods_style_9 .content-box .label-group .third.dot {
    background-color: #2196F3
}

.pc .shop_goods_style_9 .content-box .goods-title {
    color: #34495e;
    transition: all .3s ease;
    padding: 0 10px;
    margin-bottom: 10px;
    line-height: 1.4
}

.pc .shop_goods_style_9 .content-box .goods-title:hover {
    opacity: .8
}

.pc .shop_goods_style_9 .content-box .goods-price {
    padding: 0 10px
}

.pc .shop_goods_style_9 .content-box .goods-price .market_price {
    text-decoration: line-through;
    color: #999;
    font-size: 12px
}

.pc .shop_goods_style_9 .content-box .goods-footer {
    margin-top: 10px;
    color: #b4b4b4;
    font-size: 12px;
    border-top: 1px solid #ebeef5
}

.pc .shop_goods_style_9 .content-box .goods-footer ul {
    display: flex;
    margin: 5px 10px;
    padding: 5px 0
}

.pc .shop_goods_style_9 .content-box .goods-footer ul .date {
    flex: 1 1 0;
    color: #555
}

.pc .shop_goods_style_9 .content-box .goods-footer ul .comment {
    padding-left: 8px
}

.mobile .shop_goods_abstract {
    display: none !important
}

.mobile .gw-browse-component-content .shop_goods_item_block {
    margin: 5px auto
}

.mobile .gw-browse-component-content .shop_goods_item_block .bottom-cont {
    padding: 0
}

.mobile .price-info-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 5px 5px 5px 0
}

.mobile .price-info-flex .shop_goods_price {
    margin-bottom: 0
}

.mobile .shop_goods_style_1 .shop_goods_title {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 5px;
    display: block
}

.mobile .shop_goods_style_1 .shop_goods_img {
    text-align: center;
    background: #fff;
    overflow: hidden;
    border-radius: 2px
}

.mobile .shop_goods_style_1 .shop_goods_buy_btn {
    width: 50px;
    height: 25px;
    border-radius: 3px;
    text-align: center;
    line-height: 25px;
    font-size: 12px;
    color: #fff;
    background: #FF0036
}

.mobile .shop_goods_style_1 a:hover {
    color: #999
}

.mobile .shop_goods_style_1.col-xs-6 {
    width: 48%;
    background: #fff;
    margin-left: 5px;
    margin-bottom: 5px;
    padding-left: 0;
    padding-right: 0;
    border-radius: 3px;
    border: 1px solid #ddd;
    overflow: hidden
}

.mobile .shop_goods_style_1.col-xs-6 .shop_goods_img {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.mobile .shop_goods_style_1.col-xs-6 .shop_goods_img img {
    width: 100%;
    max-height: 100%
}

.mobile .shop_goods_style_1.col-xs-6 p {
    padding-left: 5px
}

.mobile .shop_goods_style_1.col-xs-6 .shop_goods_price {
    color: red;
    font-size: 12px
}

.mobile .shop_goods_style_1.col-xs-6 .shop_goods_price .shop_goods_market_price {
    text-decoration: line-through;
    font-size: 12px;
    margin-left: 0;
    color: #999
}

.mobile .shop_goods_style_1.col-xs-6 .shop_goods_title {
    font-size: 12px;
    margin-top: 5px
}

.mobile .shop_goods_style_2 .shop_goods_title {
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden
}

.mobile .shop_goods_style_2 .shop_goods_img {
    text-align: center;
    background: #fff;
    overflow: hidden;
    border-radius: 2px
}

.mobile .shop_goods_style_2 .shop_goods_buy_btn {
    width: 80px;
    height: 30px;
    border-radius: 3px;
    position: absolute;
    right: 10px;
    bottom: 10px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    background: #FF0036
}

.mobile .shop_goods_style_2 a:hover {
    color: #999
}

.mobile .shop_goods_style_2.col-xs-12 {
    margin-bottom: 10px;
    background: #FFF;
    padding-left: 0 !important;
    padding-right: 0 !important
}

.mobile .shop_goods_style_2.col-xs-12 .shop_goods_img {
    width: 320px;
    height: 320px;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.mobile .shop_goods_style_2.col-xs-12 .shop_goods_img img {
    width: 100%;
    max-height: 100%;
    vertical-align: middle
}

.mobile .shop_goods_style_2.col-xs-12 .shop_goods_title {
    font-size: 14px;
    padding-left: 10px;
    margin-top: 5px
}

.mobile .shop_goods_style_2.col-xs-12 .shop_goods_price {
    padding-left: 10px;
    font-size: 18px;
    color: red
}

.mobile .shop_goods_style_2.col-xs-12 .shop_goods_price .market_price {
    color: #999
}

.mobile .shop_goods_style_2.col-xs-12 .shop_goods_market_price {
    text-decoration: line-through;
    font-size: 14px;
    margin-left: 5px;
    color: #999
}

.mobile.mobile-375 .shop_goods_style_2.col-xs-12 .shop_goods_img {
    width: 375px;
    height: 375px
}

.mobile .shop_goods_style_3 {
    position: relative;
    background: #fff;
    border-bottom: 1px solid #ddd;
    overflow-y: hidden;
    padding: 10px 5px
}

.mobile .shop_goods_style_3 a:hover {
    color: #999
}

.mobile .shop_goods_style_3 .shop_goods_img {
    box-sizing: border-box;
    margin-right: 5px;
    width: 60px;
    height: 60px;
    float: left;
    overflow: hidden
}

.mobile .shop_goods_style_3 .shop_goods_img img {
    width: 100%;
    overflow: hidden
}

.mobile .shop_goods_style_3 .shop_goods_buy_btn {
    color: #FF0036;
    font-size: 22px;
    text-align: center
}

.mobile .shop_goods_style_3 .shop_goods_title {
    margin-right: 10px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mobile .shop_goods_style_3 .shop_goods_price {
    font-size: 14px
}

.mobile .shop_goods_style_3 .shop_goods_price .shop_goods_market_price {
    text-decoration: line-through;
    font-size: 12px;
    margin-left: 0;
    color: #999
}

.mobile .shop_goods_style_10 {
    padding: 0;
    border-radius: 4px
}

.mobile .shop_goods_style_10 p {
    margin-bottom: 0
}

.mobile .shop_goods_style_10 .item-content {
    padding: 10px;
    position: relative
}

.mobile .shop_goods_style_10 .item-content .lock {
    position: absolute;
    top: 20px;
    left: 20px;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    line-height: 25px;
    font-size: 15px;
    text-align: center;
    background-color: rgba(0, 0, 0, .4);
    color: #fff
}

.mobile .shop_goods_style_10 .shop_goods_img {
    margin-right: 20px;
    float: left;
    height: 80px
}

.mobile .shop_goods_style_10 .shop_goods_img img {
    height: 100%;
    width: 100%
}

.mobile .shop_goods_style_10 .right-cont {
    height: 80px
}

.mobile .shop_goods_style_10 .right-cont .author-box {
    display: flex;
    align-items: center
}

.mobile .shop_goods_style_10 .right-cont .author-box .avatar {
    border-radius: 50%;
    width: 15px;
    height: 15px;
    margin-right: 8px
}

.mobile .shop_goods_style_10 .right-cont .author-box .name {
    color: #aaa;
    font-size: 12px;
    line-height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mobile .shop_goods_style_10 .right-cont .style10-title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #34495e;
    line-height: 24px
}

.mobile .shop_goods_style_10 .right-cont .shop_goods_price span:nth-child(2) {
    text-decoration: line-through;
    color: #aaa;
    font-weight: 400;
    font-size: 12px;
    margin-left: 5px
}

.mobile .shop_goods_style_11 {
    padding: 10px;
    font-size: 12px
}

.mobile .shop_goods_style_11 .img-wrap {
    height: 80px;
    float: left
}

.mobile .shop_goods_style_11 .img-wrap img {
    width: 100%;
    height: 100%
}

.mobile .shop_goods_style_11 .content-wrap .title {
    width: 100%;
    margin-bottom: 5px
}

.mobile .shop_goods_style_11 .content-wrap .tag-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 0
}

.mobile .shop_goods_style_11 .content-wrap .tag-group .tag {
    border-radius: 6px;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 2px 5px
}

.mobile .shop_goods_style_11 .content-wrap .bottom-box {
    display: flex;
    align-items: flex-end;
    justify-content: space-between
}

.mobile .shop_goods_style_11 .content-wrap .bottom-box .price-wrap .market-price,
.mobile .shop_goods_style_11 .content-wrap .bottom-box .price-wrap .new-price {
    margin-bottom: 0
}

.mobile .shop_goods_style_11 .content-wrap .bottom-box .price-wrap .market-price span {
    text-decoration: line-through;
    color: #999
}

.mobile .shop_goods_style_11 .content-wrap .bottom-box .buy-button {
    padding: 5px 10px;
    line-height: 1
}

.mobile .shop_goods_style_11 .content-wrap .bottom-box .buy-button i {
    margin-right: 3px
}

.video-component .gw-browse-component {
    position: relative
}

.video-component .gw-browse-component-content {
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-family: "微软雅黑";
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    text-decoration: none
}

.video-component .video-browse-control-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 100px;
    background: rgba(255, 255, 255, .5);
    cursor: default;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.video-component .video-browse-control-bg .fa {
    font-size: 45px;
    color: #333;
    cursor: pointer
}

.video-component .mwb-video {
    position: relative
}

.video-component .mwb-video .m-img-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-component .mwb-video .m-img-box img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.video-component .mwb-video .mwbv-play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    background: rgba(0, 0, 0, .4);
    border-radius: 50%;
    border: none
}

.video-component .mwb-video .mwbv-play-button .mwbv-icon {
    font-size: 22px;
    color: #fff;
    margin-left: 7px;
    margin-top: 4px
}

@font-face {
    font-family: iconfont;
    src: url(//at.alicdn.com/t/font_2919558_yv9r175s21.woff2?t=1637660791637) format('woff2'), url(//at.alicdn.com/t/font_2919558_yv9r175s21.woff?t=1637660791637) format('woff'), url(//at.alicdn.com/t/font_2919558_yv9r175s21.ttf?t=1637660791637) format('truetype')
}

.classified-component .iconfont {
    font-family: iconfont !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.classified-component .jz-a-24gl-bag:before {
    content: "\e602"
}

.classified-component .jz-a-danjiantouchangjiantouyou:before {
    content: "\e601"
}

.classified-component .gw-browse-component-content {
    border-color: #ccc;
    width: 100%;
    font-family: "微软雅黑";
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    text-decoration: none
}

.classified-component .gw-browse-component-content:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_1,
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_3 {
    float: left
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_1 .classified-title,
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_3 .classified-title {
    padding-left: 10px;
    line-height: 40px;
    background: #0084ff
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_1 .child-classified-name,
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_1 .classified-name,
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_3 .child-classified-name,
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_3 .classified-name {
    padding: 0 10px;
    display: block;
    height: 100%;
    background: #eee;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_1 .classified-name-box,
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_3 .classified-name-box {
    position: relative;
    cursor: pointer
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_1 .classified-name-box .arrow-icon,
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_3 .classified-name-box .arrow-icon {
    position: absolute;
    right: 0;
    top: 50%;
    width: 40px;
    text-align: center;
    color: #999;
    margin-top: -20px
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_1 .child-classified-name .arrow-icon,
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_3 .child-classified-name .arrow-icon {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -15px
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_1 .classified-name.all-class,
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_3 .classified-name.all-class {
    border: 1px solid #eee;
    border-bottom: none
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_1 ul.classified-list,
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_3 ul.classified-list {
    width: 100%;
    border: 1px solid #eee;
    border-top: none
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_1 ul.classified-list li,
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_3 ul.classified-list li {
    line-height: 40px
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_1 ul.classified-list .child-classified-list li a,
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_3 ul.classified-list .child-classified-list li a {
    background: #fff;
    padding: 10px 10px 10px 20px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_1 ul.classified-list .child-classified-list .three-child-classified-list li a,
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_3 ul.classified-list .child-classified-list .three-child-classified-list li a {
    background: #fff;
    padding: 10px 10px 10px 30px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_2 .classified-title {
    display: none
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_2 .arrow-icon {
    display: inline-block;
    transform: rotate(180deg)
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_2 ul.classified-list {
    padding: 10px 20px 10px 0
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_2 ul.classified-list>li {
    display: inline-block;
    margin: 10px 24px 10px 0;
    position: relative
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_2 ul.classified-list>li a {
    padding: 5px 24px;
    display: block;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 4px;
    background-color: #C9C9C9
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_2 ul.classified-list>li .child-classified-list {
    box-shadow: 2px 1px 9px 0 #eeecec;
    border-radius: 4px
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_2 ul.classified-list>li .child-classified-content {
    display: none;
    position: absolute;
    left: 0;
    z-index: 1;
    min-width: 100%
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_2 ul.classified-list>li .child-classified-content>li {
    position: relative
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_2 ul.classified-list>li .child-classified-content>li:hover .three-child-classified-list {
    display: block
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_2 ul.classified-list>li .child-classified-content>li:hover .arrow-icon .fa-angle-down {
    transform: rotate(90deg)
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_2 ul.classified-list>li .child-classified-content .child-classified-name,
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_2 ul.classified-list>li .child-classified-content .three-child-classified-name {
    border-radius: 0;
    padding: 8px
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_2 ul.classified-list>li .child-classified-content .three-child-classified-list {
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 1;
    display: none;
    margin-left: 5px
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_2 ul.classified-list>li:hover .child-classified-content {
    display: block
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_2 ul.classified-list>li:hover .classified-name .arrow-icon .fa-angle-down {
    transform: rotate(180deg)
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 {
    float: left
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 .classified-title {
    display: none
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 .arrow-icon {
    display: inline-block;
    transform: rotate(180deg);
    position: absolute;
    right: 10px
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 ul.classified-list>li .child-classified-content>li:hover .arrow-icon .fa-angle-down,
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 ul.classified-list>li:hover .classified-name .arrow-icon .fa-angle-down {
    transform: rotate(90deg)
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 ul.classified-list {
    width: 100%;
    border: 1px solid #eee
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 ul.classified-list>li {
    position: relative;
    border-bottom: 1px solid #eee
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 ul.classified-list>li:last-child {
    border-bottom: none
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 ul.classified-list>li a {
    padding: 5px 24px;
    display: block;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #C9C9C9
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 ul.classified-list>li .child-classified-list {
    box-shadow: 2px 1px 9px 0 #eeecec;
    border-radius: 4px
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 ul.classified-list>li .child-classified-content {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 1;
    min-width: 100%
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 ul.classified-list>li .child-classified-content>li {
    position: relative;
    border-bottom: 1px solid #eee
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 ul.classified-list>li .child-classified-content>li:hover .three-child-classified-list {
    display: block
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 ul.classified-list>li .child-classified-content .child-classified-name,
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 ul.classified-list>li .child-classified-content .three-child-classified-name {
    border-radius: 0;
    padding: 8px
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 ul.classified-list>li .child-classified-content .three-child-classified-list {
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 1;
    display: none
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 ul.classified-list>li:hover .child-classified-content {
    display: block
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 .classified-title {
    display: none
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 .arrow-icon {
    display: inline-block;
    transform: rotate(180deg)
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 ul.classified-list {
    line-height: 1;
    text-align: center;
    border-bottom: 1px solid #848484;
    padding-top: 10px
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 ul.classified-list>li {
    display: inline-block;
    margin: auto 10px;
    position: relative
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 ul.classified-list>li.active {
    border-bottom: 3px solid #000
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 ul.classified-list>li.active .classified-name {
    font-weight: 700 !important
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 ul.classified-list>li a {
    padding: 5px 24px;
    display: block;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 4px;
    background-color: #C9C9C9
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 ul.classified-list>li .child-classified-list {
    box-shadow: 2px 1px 9px 0 #eeecec;
    border-radius: 4px
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 ul.classified-list>li .child-classified-content {
    display: none;
    position: absolute;
    left: 0;
    z-index: 1;
    min-width: 100%
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 ul.classified-list>li .child-classified-content>li {
    position: relative
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 ul.classified-list>li .child-classified-content>li:hover .three-child-classified-list {
    display: block
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 ul.classified-list>li .child-classified-content>li:hover .arrow-icon .fa-angle-down {
    transform: rotate(90deg)
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 ul.classified-list>li .child-classified-content .child-classified-name,
.classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 ul.classified-list>li .child-classified-content .three-child-classified-name {
    border-radius: 0;
    padding: 8px
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 ul.classified-list>li .child-classified-content .three-child-classified-list {
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 1;
    display: none;
    margin-left: 5px
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 ul.classified-list>li:hover .child-classified-content {
    display: block
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 ul.classified-list>li:hover .classified-name .arrow-icon .fa-angle-down {
    transform: rotate(180deg)
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_6 ul.classified-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 20px
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_6 ul.classified-list>li {
    margin-right: 45px
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_6 ul.classified-list>li.button_type {
    text-align: center;
    margin-right: 20px;
    margin-bottom: 10px
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_6 ul.classified-list>li.active:not(.button_type) {
    border-bottom: 3px solid #000
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 {
    position: relative
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 .menu-header {
    display: flex;
    align-items: center;
    font-size: 16px;
    padding: 10px 0
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 .menu-header .group {
    display: flex;
    margin-bottom: 0;
    width: 100%;
    justify-content: space-between
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 .menu-header .group>div {
    display: flex
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 .menu-header .group li {
    padding: 0 10px;
    border-radius: 15px;
    line-height: 30px;
    cursor: pointer
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 .menu-header .group li.active {
    background-color: var(--menu_main_color);
    color: #fff
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 .menu-header .change {
    cursor: pointer;
    margin-right: 10px
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 .classified-list-wrap {
    padding: 0 10px 10px;
    display: none;
    background-color: #fff;
    position: absolute;
    top: 50px;
    right: 0;
    width: 100%;
    max-width: 350px;
    z-index: 10;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .1);
    border-bottom-left-radius: 8px
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 .classified-list-wrap.show {
    display: block
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 .classified-list-wrap ul.classified-list {
    overflow-y: scroll;
    max-height: 300px;
    margin-top: 10px
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 .classified-list-wrap ul.classified-list .classified-name {
    margin-bottom: 10px;
    display: inline-block;
    font-size: 17px;
    padding: 0 12px;
    border-radius: 24px
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 .classified-list-wrap ul.classified-list .classified-name.style7-active {
    background-color: var(--menu_main_color);
    color: #fff !important
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 .classified-list-wrap ul.classified-list .child-classified-list {
    display: flex;
    flex-wrap: wrap
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 .classified-list-wrap ul.classified-list .child-classified-list li {
    padding: 0 24px;
    margin: 0 5px 5px 0;
    cursor: pointer
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 .classified-list-wrap ul.classified-list .child-classified-list li a {
    color: var(--menu_main_color)
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 .classified-list-wrap ul.classified-list .child-classified-list li.active {
    background-color: var(--menu_main_color) !important
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 .classified-list-wrap ul.classified-list .child-classified-list li.active a {
    color: #fff !important
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 .classified-list-wrap .bottom-btn {
    display: flex;
    justify-content: space-evenly;
    position: sticky;
    bottom: 0
}

.classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 .classified-list-wrap .bottom-btn>a {
    background-color: var(--menu_main_color);
    line-height: 40px;
    border-radius: 25px;
    font-size: 18px;
    text-align: center;
    width: 40%;
    display: block;
    color: #fff
}

.classified-component .gw-browse-component-content .list-content {
    display: flex;
    flex-wrap: wrap
}

.classified-component .gw-browse-component-content .list-content.list-content-style_1 {
    margin-left: 150px
}

.classified-component .gw-browse-component-content .list-content.list-content-style_2 {
    margin-left: 0;
    overflow: hidden
}

.classified-component .gw-browse-component-content .list-content.list-content-style_4 .child-container {
    border: 1px solid #eee;
    border-radius: 0
}

.classified-component .gw-browse-component-content .list-content.list-content-style_4 .child-container p {
    margin: 10px 8px;
    padding-left: 0
}

.classified-component .gw-browse-component-content .list-content.list-content-style_4 .child-container p.title {
    width: auto
}

.classified-component .gw-browse-component-content .list-content.list-content-style_5 {
    margin-left: 0;
    overflow: hidden
}

.classified-component .gw-browse-component-content .list-content.list-content-style_5 .child-container {
    margin-left: 2.6%
}

.classified-component .gw-browse-component-content .list-content.list-content-style_5 .child-container:nth-of-type(4n+1) {
    margin-left: 0
}

.classified-component .gw-browse-component-content .list-content.list-content-style_5 .child-container .img-content {
    position: relative
}

.classified-component .gw-browse-component-content .list-content.list-content-style_5 .child-container .img-content .img-mask {
    display: none
}

.classified-component .gw-browse-component-content .list-content.list-content-style_5 .child-container .info-box {
    padding: 10px
}

.classified-component .gw-browse-component-content .list-content.list-content-style_5 .child-container .info-box .title-box {
    display: flex;
    justify-content: space-between
}

.classified-component .gw-browse-component-content .list-content.list-content-style_5 .child-container .info-box .title-box span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color: #666
}

.classified-component .gw-browse-component-content .list-content.list-content-style_5 .child-container .info-box .title-box span:first-child {
    width: 70%;
    text-align: left
}

.classified-component .gw-browse-component-content .list-content.list-content-style_5 .child-container .info-box .title-box span:last-child {
    width: 30%;
    text-align: right
}

.classified-component .gw-browse-component-content .list-content.list-content-style_5 .child-container .info-box .abs {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    width: 100%;
    padding-left: 0;
    text-align: left
}

.classified-component .gw-browse-component-content .list-content.list-content-style_5 .child-container:hover {
    background-color: #f2f2f2;
    box-shadow: 5px 3px 4px 0 #eee
}

.classified-component .gw-browse-component-content .list-content.list-content-style_5 .child-container:hover .img-content .img-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px;
    overflow: hidden;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.classified-component .gw-browse-component-content .list-content.list-content-style_5 .child-container:hover .img-content .img-mask p {
    font-size: 14px;
    color: #fff;
    text-align: left;
    padding-left: 0;
    max-height: 60px;
    margin: 5px auto;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.classified-component .gw-browse-component-content .list-content.list-content-style_5 .child-container:hover .img-content .img-mask p:nth-child(2) {
    font-size: 18px;
    max-height: 75px
}

.classified-component .gw-browse-component-content .list-content.list-content-style_5 .child-container:hover .img-content .img-mask label {
    margin-top: 10px;
    padding: 2px 3px;
    color: #fff;
    font-size: 12px;
    border-radius: 2px;
    background-color: #D0AD78;
    font-weight: 400
}

.classified-component .gw-browse-component-content .list-content.list-content-style_6 {
    justify-content: space-between;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-items: center
}

.classified-component .gw-browse-component-content .list-content.list-content-style_6 .swiper-button-next::after,
.classified-component .gw-browse-component-content .list-content.list-content-style_6 .swiper-button-prev::after {
    display: none
}

.classified-component .gw-browse-component-content .list-content.list-content-style_6 .swiper-btn {
    opacity: 0.8;
    transition: all .5s ease-out;
    width: 54px;
    height: 54px;
    background-color: rgba(255, 255, 255, .6);
    border-radius: 50%;
    box-shadow: 0 3px 25.5px 4.5px rgba(0, 0, 0, .06);
    font-size: 24px;
    color: var(--theme-classified-style1-color1)
}

.classified-component .gw-browse-component-content .list-content.list-content-style_6 .swiper-btn:hover {
    background-color: var(--theme-classified-style1-color1);
    color: #fff
}

.classified-component .gw-browse-component-content .list-content.list-content-style_6.swiper-container {
    display: flex
}

.classified-component .gw-browse-component-content .list-content.list-content-style_6.swiper-container .wrapper {
    padding: 0 10px;
    width: 25%
}

.classified-component .gw-browse-component-content .list-content.list-content-style_6.swiper-container .wrapper>a {
    display: block;
    width: 100%;
    transition: all .4s ease-out;
    margin-top: 10px
}

.classified-component .gw-browse-component-content .list-content.list-content-style_6.swiper-container:hover .swiper-btn {
    opacity: 1
}

.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container {
    margin-left: 0;
    width: 94%;
    box-shadow: none;
    border-radius: 0;
    position: relative;
    transition: all .4s ease-out;
    overflow: hidden
}

.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container p {
    padding-left: 0
}

.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .action-box {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 1
}

.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .action-box>div {
    background-color: #f6f6f6;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-size: 16px;
    color: #0f0f0f;
    text-align: center;
    transition: all .3s ease-out;
    opacity: 0;
    visibility: hidden;
    display: inline-block;
    line-height: 40px;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    cursor: pointer
}

.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .action-box>div:hover {
    color: #fff;
    background-color: var(--theme-classified-style1-color1)
}

.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .label-group {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 2
}

.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .label-group li {
    color: #fff;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
    padding: 0 5px;
    line-height: 20px;
    height: 20px;
    margin-bottom: 5px;
    background-color: var(--theme-classified-style1-color1)
}

.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .content-box .play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px
}

.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .content-box .duration {
    position: absolute;
    right: 6px;
    bottom: 6px;
    background-color: rgba(0, 0, 0, .4);
    color: #fff;
    font-size: 12px;
    border-radius: 4px;
    padding: 2px 4px
}

.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .content-box .img-content {
    position: relative
}

.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .content-box .img-content::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: .3s
}

.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .content-box .img-content:hover::before {
    background-color: rgba(255, 255, 255, .2)
}

.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .content-box .img-content-proportion {
    transition: .3s;
    padding-top: 0;
    overflow: hidden;
    height: 0;
    position: relative
}

.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .content-box .img-content-proportion .duration,
.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .content-box .img-content-proportion .play-icon {
    z-index: 1
}

.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .content-box .img-content-proportion img:not(.play-icon) {
    transition: .3s;
    width: 80%
}

.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .content-box .info-box {
    margin-bottom: 15px;
    padding: 0 15px;
    position: relative
}

.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .content-box .info-box .time-box {
    position: absolute;
    display: flex;
    align-items: flex-end;
    top: -70px;
    color: #8f98a8
}

.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .content-box .info-box .time-box .time {
    margin-right: 30px;
    width: 60px;
    height: 60px;
    background-color: var(--theme-classified-style1-color1);
    border-radius: 3px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .content-box .info-box .time-box .time p:first-child {
    font-size: 20px
}

.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .content-box .info-box .time-box .view {
    margin-right: 20px;
    font-size: 15px
}

.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .content-box .info-box .time-box .view i {
    color: var(--theme-classified-style1-color1)
}

.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .content-box .info-box .time-box .view span {
    color: #261f1f94
}

.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .content-box .info-box .title.one-row {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .content-box .info-box .title.two-row {
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .content-box .info-box .title:hover {
    color: var(--theme-classified-style1-color1)
}

.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .content-box .info-box .abs {
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: left;
    margin-top: 8px
}

.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .content-box .prices .old-price {
    text-decoration: line-through;
    color: #261f1f94;
    font-size: 15px
}

.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .content-box .see-more {
    display: flex;
    align-items: center;
    color: var(--theme-classified-style1-color1);
    cursor: pointer;
    margin-top: 10px;
    position: relative
}

.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .content-box .see-more span {
    font-size: 16px
}

.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .content-box .see-more i {
    margin-left: 8px;
    transition: all .2s linear;
    line-height: 24px;
    font-size: 24px;
    color: var(--theme-classified-style1-color1)
}

.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .footer-box {
    padding: 0 15px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    transition: all .4s ease-out
}

.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .footer-box .add-btn {
    background-color: #f6f5f4;
    border-radius: 50px;
    color: #0f0f0f;
    font-weight: 600;
    padding: 13px 55px 13px 25px;
    position: relative;
    line-height: 24px;
    z-index: 1;
    overflow: hidden;
    transition: all .4s ease-out
}

.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .footer-box .add-btn::before {
    content: "";
    width: 40px;
    height: 40px;
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: #fff;
    border-radius: 50%;
    line-height: 40px;
    color: #0f0f0f;
    font-size: 16px;
    background-image: url(/visual-editor/images/bag.png);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center
}

.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .footer-box .add-btn::after {
    content: "";
    border-radius: 50px;
    position: absolute;
    transition: all .4s cubic-bezier(.5, .24, 0, 1);
    height: 100%;
    width: 0;
    top: 0;
    z-index: -1;
    background-color: var(--theme-classified-style1-color1);
    left: auto;
    right: 0
}

.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .footer-box .add-btn:hover {
    color: #fff !important
}

.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .footer-box .add-btn:hover::after {
    width: 100%;
    left: 0;
    right: auto
}

.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .footer-box .quick-view {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    transition: all .3s
}

.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .footer-box .quick-view:hover {
    color: var(--theme-classified-style1-color1) !important;
    border-color: var(--theme-classified-style1-color1) !important
}

.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container:hover {
    z-index: 3
}

.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container:hover .action-box>div {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1)
}

.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container:hover .img-content-proportion img:not(.play-icon) {
    transform: scale(1.1)
}

.classified-component .gw-browse-component-content .list-content.list-content-style_7 {
    display: block;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    -ms-column-gap: 0;
    -o-column-gap: 0;
    column-gap: 0
}

.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container-wrap {
    break-inside: avoid
}

.classified-component .gw-browse-component-content .list-content.list-content-style_7 .hover_title_color {
    transition: color .3s ease
}

.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container {
    display: block;
    margin-bottom: 0;
    float: none;
    width: auto;
    margin-left: 0;
    -webkit-break-inside: avoid;
    -moz-break-inside: avoid;
    -ms-break-inside: avoid;
    break-inside: avoid;
    transition: all .2s ease
}

.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .info-box .abs,
.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .title-box .title.two-row {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-break: break-all
}

.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .title-box .title {
    margin-bottom: 0;
    text-align: left
}

.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .title-box .title.one-row {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .img-wrap {
    position: relative;
    height: 0;
    transition: all .3s ease
}

.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .img-wrap::before {
    content: "";
    transition: all .1s linear;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .img-wrap:hover::before {
    background-color: rgba(255, 255, 255, .2)
}

.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .img-wrap.img-wrap-hidden,
.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .img-wrap.img-wrap-style {
    overflow: hidden
}

.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .img-wrap.img-wrap-style img:not(.play-icon) {
    position: absolute
}

.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .img-wrap img {
    width: 100%;
    height: auto
}

.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .img-wrap .play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px
}

.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .img-wrap .duration {
    position: absolute;
    right: 6px;
    bottom: 6px;
    background-color: rgba(0, 0, 0, .4);
    color: #fff;
    font-size: 12px;
    border-radius: 4px;
    padding: 2px 4px
}

.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .img-wrap .title-box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 10px 10px;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .3))
}

.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .info-box {
    padding: 0 10px
}

.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .info-box .abs {
    text-align: left;
    padding: 8px 0
}

.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .info-box .price-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 8px 0
}

.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .info-box .price-content .prices {
    font-size: 0
}

.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .info-box .price-content .prices span {
    font-size: 12px
}

.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .info-box .price-content .prices .old-price {
    text-decoration: line-through;
    color: #9b9b9b;
    font-size: 12px;
    margin-left: 5px
}

.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .info-box .price-content .prices .tips {
    color: #fff;
    font-size: 12px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 0 4px 0 2px;
    margin-left: 5px;
    position: relative;
    display: inline-block
}

.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .info-box .price-content .prices .tips::before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    bottom: -4px;
    left: -4px;
    transform: rotate(45deg);
    border-style: solid;
    border-width: 4px;
    border-left-color: inherit;
    border-top-color: inherit;
    border-bottom-color: transparent;
    border-right-color: transparent
}

.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .info-box .price-content .buy-button {
    border-radius: 100px;
    padding: 0 10px;
    transition: all .3s ease
}

.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .info-box .title-box {
    margin: 8px 0
}

.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .info-box .title-box p {
    padding-left: 0
}

.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .info-box .label-content {
    display: flex;
    flex-wrap: wrap;
    padding: 8px 0
}

.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .info-box .label-content li {
    text-align: center;
    padding: 0 8px;
    margin-right: 5px;
    float: left;
    line-height: 1.4;
    margin-bottom: 5px
}

.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .info-box .views-box {
    display: flex;
    color: #bbb;
    font-size: 12px;
    padding: 8px 0
}

.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .info-box .views-box .view {
    margin-right: 7px
}

.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .info-box .views-box .view i {
    margin-right: 5px
}

.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .avatar-box {
    border-top: 1px solid #cfcece69;
    display: flex;
    align-items: center;
    font-size: 12px;
    padding: 12px 10px
}

.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .avatar-box .avatar {
    border-radius: 50%;
    overflow: hidden;
    width: 24px;
    height: 24px;
    margin-right: 10px
}

.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .avatar-box .avatar img {
    width: 100%;
    height: 100%
}

.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .avatar-box .nickname {
    flex: 1;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .avatar-box .time {
    color: #bbb
}

.classified-component .gw-browse-component-content .list-content .child-container {
    background: #fff;
    margin-left: 2%;
    margin-bottom: 10px;
    width: 23%;
    box-sizing: border-box;
    box-shadow: -2px 5px 10px #eee;
    float: left;
    border-radius: 6px
}

.classified-component .gw-browse-component-content .list-content .child-container .img-content {
    width: 100%;
    padding-top: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.classified-component .gw-browse-component-content .list-content .child-container p {
    margin: 0;
    font-size: 13px;
    padding-left: 5px;
    text-align: center
}

.classified-component .gw-browse-component-content .list-content .child-container p.title {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.classified-component .gw-browse-component-content .list-content .child-container .text-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    -o-text-overflow: ellipsis
}

.classified-component .gw-browse-component-content .list-content .child-container.child-3 {
    width: 97%;
    border-radius: 0;
    box-shadow: none;
    background-color: none;
    border-bottom: 1px dashed #E2E2E2
}

.classified-component .gw-browse-component-content .list-content .child-container.child-3 .font {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.classified-component .gw-browse-component-content .list-content .child-container.child-3 .font .title {
    font-size: 16px;
    font-weight: 400;
    color: #262626;
    line-height: 22px;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%
}

.classified-component .gw-browse-component-content .list-content .child-container.child-3 .font .date {
    text-align: right;
    max-width: 35%
}

.classified-component .gw-browse-component-content .list-content .child-container.child-3 .font .download {
    position: absolute;
    right: 0;
    font-size: 12px;
    color: #5baaf4
}

.classified-component .gw-browse-component-content .list-content .text-center {
    width: 97%;
    float: left
}

.pagination_yulan li a {
    color: #999 !important;
    cursor: move
}

.pagination_yulan li.active a {
    background-color: #eee;
    border-color: #ddd
}

.mobile .classified-component .gw-browse-component-content:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_2 .classified-list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap
}

.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_2 .classified-list>li {
    margin: 7px 5px;
    display: table
}

.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_2 .classified-list>li .classified-name {
    padding: 4px 12px;
    border-radius: 4px;
    display: table-cell;
    vertical-align: middle
}

.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_1,
.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_3 {
    float: left;
    width: 100px
}

.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_1 .classified-list,
.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_3 .classified-list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap
}

.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_1 .classified-list li,
.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_3 .classified-list li {
    width: 100%
}

.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_1 .classified-list li a,
.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_3 .classified-list li a {
    padding: 4px 8px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_1 .child-classified-name,
.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_1 .classified-name,
.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_3 .child-classified-name,
.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_3 .classified-name {
    padding: 0 10px;
    display: block;
    height: 100%;
    background: #eee;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_1 .classified-name-box,
.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_3 .classified-name-box {
    position: relative;
    cursor: pointer;
    border-bottom: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5
}

.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_1 .classified-name-box .arrow-icon,
.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_3 .classified-name-box .arrow-icon {
    position: absolute;
    right: 0;
    top: 50%;
    width: 20px;
    margin-top: -15px;
    text-align: center;
    color: #999;
    transform: rotate(0)
}

.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_1 .classified-name-box .arrow-icon.active .fa-angle-down,
.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_3 .classified-name-box .arrow-icon.active .fa-angle-down {
    transform: rotate(180deg)
}

.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_1 .child-classified-name .arrow-icon,
.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_3 .child-classified-name .arrow-icon {
    position: absolute;
    width: 15px;
    right: 0;
    top: 50%;
    margin-top: -15px
}

.mobile .classified-component .gw-browse-component-content .classified-list-cont.classified-style_6 ul.classified-list {
    width: 100%;
    overflow-x: scroll;
    margin-bottom: 0;
    white-space: nowrap;
    display: block;
    height: 100%;
    margin-top: 8px
}

.mobile .classified-component .gw-browse-component-content .classified-list-cont.classified-style_6 ul.classified-list>li {
    margin: 0 20px;
    display: inline-block;
    line-height: 30px
}

.mobile .classified-component .gw-browse-component-content .classified-list-cont.classified-style_6 ul.classified-list>li.button_type {
    text-align: center;
    margin: 0 10px
}

.mobile .classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 {
    position: relative
}

.mobile .classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 .menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    padding: 10px 0
}

.mobile .classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 .menu-header .group {
    display: flex;
    margin-bottom: 0;
    width: auto
}

.mobile .classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 .menu-header .group li {
    line-height: 30px;
    padding: 0 10px;
    cursor: pointer;
    border-radius: 15px
}

.mobile .classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 .menu-header .group li.active {
    background-color: var(--menu_main_color);
    color: #fff
}

.mobile .classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 .menu-header .change {
    cursor: pointer;
    margin-right: 10px
}

.mobile .classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 .classified-list-wrap {
    left: 0;
    border-bottom-right-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .07);
    max-width: none
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content .gw-dynamic-load-more {
    font-size: 14px
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_2 {
    width: 100%
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_2 .child-container {
    background-color: #FAFAFA;
    margin: 4px;
    border-radius: 6px;
    width: 46%;
    padding: 0;
    display: inline-block;
    vertical-align: top
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_2 .child-container .img-content {
    width: 100%;
    height: 142px;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_2 .child-container .img-content img {
    max-width: 100%;
    max-height: 100%
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_2 .child-container .title {
    padding: 0 6px;
    margin: 10px auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_2 .child-container .price {
    color: #FF5057
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_2 .child-container:nth-of-type(even) {
    margin-right: 0
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_1 {
    margin-left: 100px
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_1 .child-container {
    background-color: #FAFAFA;
    margin: 4px;
    border-radius: 6px;
    width: 45%;
    display: inline-block;
    padding: 0
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_1 .child-container .img-content {
    width: 100%;
    height: 90px;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_1 .child-container .img-content img {
    max-width: 100%;
    max-height: 100%
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_1 .child-container .title {
    padding: 0 2px;
    margin: 4px auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_1 .child-container .price {
    color: #FF5057
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_1 .child-container:nth-of-type(even) {
    margin-right: 0
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_3 {
    margin-left: 100px
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_3 .child-container {
    border-bottom: 1px dashed #E2E2E2;
    padding: 4px;
    display: inline-block;
    width: 100%
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_3 .child-container .title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_3 .child-container .date {
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 {
    justify-content: space-between
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 p {
    margin-bottom: 0
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container {
    margin-left: 0;
    width: 100%;
    display: inline-block;
    border-radius: 0;
    position: relative;
    transition: all .4s ease-out;
    overflow: hidden;
    box-shadow: 0 3px 10px 4.5px rgba(0, 0, 0, .06);
    vertical-align: top
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container p {
    padding-left: 0
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .action-box {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 1
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .action-box>div {
    background-color: var(--theme-classified-style1-color1);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    display: inline-block;
    line-height: 40px
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .label-group {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 2
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .label-group li {
    color: #fff;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
    padding: 0 5px;
    line-height: 20px;
    height: 20px;
    margin-bottom: 5px;
    background-color: var(--theme-classified-style1-color1)
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .content-box .play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .content-box .duration {
    position: absolute;
    right: 6px;
    bottom: 6px;
    background-color: rgba(0, 0, 0, .4);
    color: #fff;
    font-size: 12px;
    border-radius: 4px;
    padding: 2px 4px
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .content-box .img-content {
    transition: .3s;
    padding-top: 100%;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .content-box .img-content-proportion {
    transition: .3s;
    padding-top: 0;
    overflow: hidden;
    height: 0;
    position: relative
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .content-box .img-content-proportion img:not(.play-icon) {
    transition: .3s;
    width: 100%
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .content-box .info-box {
    margin-bottom: 15px;
    padding: 0 15px;
    position: relative
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .content-box .info-box .time-box {
    position: absolute;
    display: flex;
    align-items: flex-end;
    top: -70px;
    color: #8f98a8
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .content-box .info-box .time-box .time {
    margin-right: 30px;
    width: 60px;
    height: 60px;
    background-color: var(--theme-classified-style1-color1);
    border-radius: 3px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .content-box .info-box .time-box .time p:first-child {
    font-size: 20px
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .content-box .info-box .time-box .time p:last-child {
    font-size: 13px
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .content-box .info-box .time-box .view {
    margin-right: 20px;
    font-size: 15px
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .content-box .info-box .time-box .view i {
    color: var(--theme-classified-style1-color1)
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .content-box .info-box .title.one-row {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .content-box .info-box .title.two-row {
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    white-space: initial
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .content-box .info-box .abs {
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: initial;
    margin-top: 8px
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .content-box .prices .old-price {
    text-decoration: line-through;
    color: #9b9b9b;
    font-size: 15px
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .content-box .see-more {
    display: flex;
    align-items: center;
    color: var(--theme-classified-style1-color1);
    cursor: pointer;
    margin-top: 10px;
    position: relative
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .content-box .see-more span {
    font-size: 16px
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .content-box .see-more i {
    margin-left: 8px;
    font-size: 24px;
    line-height: 24px;
    color: var(--theme-classified-style1-color1)
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .footer-box {
    padding: 0 15px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .footer-box .add-btn {
    background-color: var(--theme-classified-style1-color1);
    border-radius: 50px;
    font-weight: 600;
    padding: 13px 55px 13px 25px;
    position: relative;
    line-height: 24px;
    z-index: 1;
    overflow: hidden;
    color: #fff
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .footer-box .add-btn::before {
    content: "";
    width: 40px;
    height: 40px;
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: #fff;
    border-radius: 50%;
    line-height: 40px;
    color: #0f0f0f;
    font-size: 16px;
    background-image: url(/visual-editor/images/bag.png);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .footer-box .quick-view {
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6.open_swiper {
    width: 100vw;
    overflow-x: scroll;
    white-space: nowrap
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6.open_swiper::-webkit-scrollbar {
    display: none
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6.open_swiper .child-container {
    width: 66%;
    margin-left: 16px;
    margin-top: 10px
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6.open_swiper .child-container:nth-last-of-type(1) {
    margin-right: 16px
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 {
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    -ms-column-gap: 0;
    -o-column-gap: 0;
    column-gap: 0
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container {
    display: block;
    margin-bottom: 0;
    -webkit-break-inside: avoid;
    -moz-break-inside: avoid;
    -ms-break-inside: avoid;
    break-inside: avoid
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .title-box {
    margin: 5px 0
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .title-box .title {
    margin-bottom: 0
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .title-box .title.one-row {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .title-box .title.two-row {
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .img-wrap {
    position: relative;
    height: 0;
    transition: all .3s ease
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .img-wrap.img-wrap-hidden,
.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .img-wrap.img-wrap-style {
    overflow: hidden
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .img-wrap.img-wrap-style img:not(.play-icon) {
    position: absolute
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .img-wrap .play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .img-wrap .duration {
    position: absolute;
    right: 6px;
    bottom: 6px;
    background-color: rgba(0, 0, 0, .4);
    color: #fff;
    font-size: 12px;
    border-radius: 4px;
    padding: 2px 4px
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .img-wrap img {
    width: 100%;
    height: auto
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .img-wrap .title-box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 10px 5px;
    margin-bottom: 0;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .3))
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .info-box {
    padding: 0 10px
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .info-box .abs {
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    padding: 8px 0
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .info-box .price-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 8px 0
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .info-box .price-content .prices {
    font-size: 0
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .info-box .price-content .prices span {
    font-size: 12px
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .info-box .price-content .prices .old-price {
    text-decoration: line-through;
    color: #9b9b9b;
    font-size: 12px;
    margin-left: 5px
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .info-box .price-content .prices .tips {
    color: #fff;
    font-size: 12px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 0 4px 0 2px;
    margin-left: 5px;
    position: relative;
    display: inline-block
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .info-box .price-content .prices .tips::before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    bottom: -4px;
    left: -4px;
    transform: rotate(45deg);
    border-style: solid;
    border-width: 4px;
    border-left-color: inherit;
    border-top-color: inherit;
    border-bottom-color: transparent;
    border-right-color: transparent
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .info-box .price-content .buy-button {
    border-radius: 100px;
    padding: 0 10px
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .info-box .label-content {
    display: flex;
    flex-wrap: wrap;
    padding: 8px 0
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .info-box .label-content li {
    text-align: center;
    padding: 0 8px;
    margin-right: 5px;
    float: left;
    margin-bottom: 5px
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .info-box .views-box {
    display: flex;
    color: #bbb;
    font-size: 12px;
    padding: 8px 0
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .info-box .views-box .view {
    margin-right: 7px
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .info-box .views-box .view i {
    margin-right: 5px
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .avatar-box {
    border-top: 1px solid #cfcece69;
    display: flex;
    align-items: center;
    font-size: 12px;
    padding: 12px 10px
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .avatar-box .avatar {
    border-radius: 50%;
    overflow: hidden;
    width: 24px;
    height: 24px;
    margin-right: 10px
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .avatar-box .avatar img {
    width: 100%;
    height: 100%
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .avatar-box .nickname {
    flex: 1;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .avatar-box .time {
    color: #bbb
}

.mobile .gw-editor-page .classified-component .classified-style_6.classified-list-cont ul.classified-list,
.mobile .gw-editor-page .classified-component .mobile-list-content.list-content-style_6.open_swiper {
    width: 375px
}

.search-component .gw-browse-component {
    border-color: #ccc;
    width: 100%;
    height: 100%;
    font-family: "微软雅黑";
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    text-decoration: none
}

.search-component .gw-browse-component .search-content {
    padding: 5px;
    width: 100%;
    height: 100%
}

.search-component .gw-browse-component .search-content .search-text-box {
    border: 1px solid #b6b6b6;
    background: #fff;
    display: inline-block;
    vertical-align: top;
    margin-right: 0;
    border-right-width: 0;
    border-color: #b8b8b8 transparent #b8b8b8 #b8b8b8;
    overflow: hidden;
    height: 35px;
    height: 100%;
    line-height: 12px
}

.search-component .gw-browse-component .search-content .search-text-box .search-text {
    width: 100%;
    font-size: 12px;
    line-height: 22px;
    margin-left: 5px;
    padding: 0;
    background: 0 0;
    border: 0;
    outline: 0;
    -webkit-appearance: none;
    height: 100%
}

.search-component .gw-browse-component .search-content .search-btn-box {
    height: 100%;
    position: relative
}

.search-component .gw-browse-component .search-content .search-submit {
    height: 100%;
    width: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0
}

.search-component .gw-browse-component .search-content.search-style-1 .search-text-box {
    width: calc(100% - 105px)
}

.search-component .gw-browse-component .search-content.search-style-1 .search-btn-box {
    margin-left: -5px;
    display: inline-block;
    vertical-align: top;
    border-width: 1px;
    border-style: solid;
    border-left: none
}

.search-component .gw-browse-component .search-content.search-style-1 .search-btn-box .btn {
    width: 99px;
    color: #fff;
    font-size: 15px;
    letter-spacing: 1px;
    background: #3385ff;
    outline: 0;
    border-bottom: 0;
    -webkit-appearance: none;
    border-radius: 0;
    height: 100%
}

.search-component .gw-browse-component .search-content.search-style-2 .search-text-box {
    width: calc(100% - 55px)
}

.search-component .gw-browse-component .search-content.search-style-2 .search-btn-box {
    margin-left: -5px;
    display: inline-block;
    vertical-align: top;
    border-width: 1px;
    border-style: solid;
    border-left: none;
    text-align: center;
    position: relative
}

.search-component .gw-browse-component .search-content.search-style-2 .search-btn-box i {
    position: absolute;
    text-align: center;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -10px
}

.search-component .gw-browse-component .search-content.search-style-3 .search-text-box {
    margin-left: -5px;
    border-left-width: 0;
    border-color: #b8b8b8 #b8b8b8 #b8b8b8 transparent;
    border-right-width: 1px;
    width: calc(100% - 105px)
}

.search-component .gw-browse-component .search-content.search-style-3 .search-btn-box {
    margin-left: -5px;
    display: inline-block;
    vertical-align: top;
    border-width: 1px;
    border-style: solid;
    border-right: none
}

.search-component .gw-browse-component .search-content.search-style-3 .search-btn-box .btn {
    width: 100px;
    color: #fff;
    font-size: 15px;
    letter-spacing: 1px;
    background: #3385ff;
    outline: 0;
    border-bottom: 0;
    -webkit-appearance: none;
    border-radius: 0;
    height: 100%
}

.search-component .gw-browse-component .search-content.search-style-4 .search-text-box {
    margin-left: -5px;
    border-left-width: 0;
    border-color: #b8b8b8 #b8b8b8 #b8b8b8 transparent;
    border-right-width: 1px;
    width: calc(100% - 55px)
}

.search-component .gw-browse-component .search-content.search-style-4 .search-btn-box {
    display: inline-block;
    vertical-align: top;
    border-width: 1px;
    border-style: solid;
    border-right: none;
    text-align: center;
    position: relative
}

.search-component .gw-browse-component .search-content.search-style-4 .search-btn-box i {
    position: absolute;
    text-align: center;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -10px
}

.attribute-component .row {
    margin: 0
}

.attribute-component .gw-browse-component {
    min-height: 26px
}

.attribute-component .pagination_yulan li a {
    color: #999 !important;
    cursor: move
}

.attribute-component .pagination_yulan li.active a {
    background-color: #eee;
    border-color: #ddd
}

.attribute-component .gw-browse-component-content {
    width: 100%;
    font-family: "微软雅黑";
    font-size: 18px
}

.attribute-component .gw-browse-component-content a {
    margin-bottom: 10px
}

.attribute-component .gw-browse-component-content .child-container {
    background: #fff;
    margin: 10px;
    width: 23%;
    box-sizing: border-box;
    box-shadow: -2px 5px 10px #eee;
    float: left;
    border-radius: 6px;
    padding: 20px 25px;
    position: relative;
    overflow: hidden
}

.attribute-component .gw-browse-component-content .child-container .img-content {
    width: 100%;
    padding-top: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-bottom: 28px;
    transition: -webkit-transform .7s ease;
    transition: transform .7s ease;
    transition: transform .7s ease, -webkit-transform .7s ease
}

.attribute-component .gw-browse-component-content .child-container p {
    margin: 0;
    font-size: 14px;
    padding-left: 5px;
    text-align: center
}

.attribute-component .gw-browse-component-content .child-container p.title {
    width: 100%;
    height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.attribute-component .gw-browse-component-content .child-container .abstract {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    -o-text-overflow: ellipsis
}

.attribute-component .gw-browse-component-content .child-container:hover .child-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.attribute-component .gw-browse-component-content .attribute-style_1.attribute-list-cont.attribute-style_1 .arrow-icon,
.attribute-component .gw-browse-component-content .attribute-style_1.attribute-list-cont.attribute-style_1 .attribute-title {
    display: none
}

.attribute-component .gw-browse-component-content .attribute-style_1.attribute-list-cont.attribute-style_1 ul.attribute-menu-list {
    overflow: hidden
}

.attribute-component .gw-browse-component-content .attribute-style_1.attribute-list-cont.attribute-style_1 ul.attribute-menu-list a {
    margin: 5px 0
}

.attribute-component .gw-browse-component-content .attribute-style_1.attribute-list-cont.attribute-style_1 ul.attribute-menu-list>li {
    padding: 5px;
    display: flex;
    justify-content: flex-start
}

.attribute-component .gw-browse-component-content .attribute-style_1.attribute-list-cont.attribute-style_1 ul.attribute-menu-list>li a {
    display: block;
    height: 100%
}

.attribute-component .gw-browse-component-content .attribute-style_1.attribute-list-cont.attribute-style_1 ul.attribute-menu-list>li .attribute-name {
    margin-right: 5px;
    padding: 2px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 120px;
    max-width: 120px;
    min-width: 120px;
    text-align: justify
}

.attribute-component .gw-browse-component-content .attribute-style_1.attribute-list-cont.attribute-style_1 ul.child-attribute-list {
    list-style: none;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap
}

.attribute-component .gw-browse-component-content .attribute-style_1.attribute-list-cont.attribute-style_1 ul.child-attribute-list>li {
    margin: auto 5px
}

.attribute-component .gw-browse-component-content .attribute-style_1.attribute-list-cont.attribute-style_1 ul.child-attribute-list>li .child-attribute-name {
    padding: 2px 10px
}

.attribute-component .gw-browse-component-content .attribute-style_1.attribute-list-cont.attribute-style_1 ul.child-attribute-list>li .attr-input {
    width: 100px;
    height: 24px
}

.attribute-component .gw-browse-component-content .attribute-style_1.attribute-list-cont.attribute-style_1 ul.child-attribute-list>li .attr-input.number {
    width: 80px;
    display: inline-block
}

.attribute-component .gw-browse-component-content .attribute-style_1.attribute-list-cont.attribute-style_1 ul.child-attribute-list>li.value-row.input-number {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.attribute-component .gw-browse-component-content .attribute-style_1.attribute-list-cont .attribute-submit-btn {
    margin-left: 20px
}

.attribute-component .gw-browse-component-content .attribute-style_1.attribute-list-cont .attribute-submit-btn .btn {
    width: 120px
}

.attribute-component .gw-browse-component-content .list-content-style_1.list-content.list-content-style_1 {
    margin-left: 0;
    overflow: hidden
}

.attribute-component .gw-browse-component-content .list-content-style_1.list-content .text-center {
    width: 100%;
    float: left
}

.attribute-component .gw-browse-component-content .attribute-style_2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative
}

.attribute-component .gw-browse-component-content .attribute-style_2.attribute-list-panel {
    border-bottom: 1px solid #d2d6dc;
    padding-bottom: 6px
}

.attribute-component .gw-browse-component-content .attribute-style_2 .left-panel {
    min-width: 150px;
    font-size: 24px;
    font-weight: 700
}

.attribute-component .gw-browse-component-content .attribute-style_2 .left-panel a:after {
    content: '';
    width: 24px;
    height: 4px;
    background-color: #161e2e;
    position: absolute;
    left: 0;
    bottom: 0
}

.attribute-component .gw-browse-component-content .attribute-style_2 .right-panel {
    display: flex;
    flex-wrap: wrap
}

.attribute-component .gw-browse-component-content .attribute-style_2 .right-panel .attribute-menu-item {
    margin: 5px;
    width: auto;
    border-radius: 6px
}

.attribute-component .gw-browse-component-content .attribute-style_2 .right-panel .attribute-menu-item:focus {
    box-shadow: 0 0 0 3px #9fa6b273;
    outline: transparent solid 2px;
    outline-offset: 2px;
    border-color: #d2d6dc
}

.attribute-component .gw-browse-component-content .breadcrumb-box {
    padding-top: 12px;
    font-size: 14px
}

.attribute-component .gw-browse-component-content .breadcrumb-box .inline-block {
    display: inline-block
}

.attribute-component .gw-browse-component-content .breadcrumb-box .breadcrumb-item {
    display: inline-block;
    padding-left: 4px
}

.attribute-component .gw-browse-component-content .breadcrumb-box .breadcrumb-item::before {
    color: rgba(16, 24, 32, .7);
    content: ">";
    display: inline-block;
    padding-right: 4px
}

.layui-layer-content .attribute-choose .attribute-list .attr-box {
    height: auto;
    max-height: 350px;
    overflow-y: scroll
}

.layui-layer-content .attribute-choose .attribute-list .attr-box-row {
    margin-top: 20px
}

.layui-layer-content .attribute-choose .attribute-list .attr-key-box {
    font-size: 18px;
    font-weight: 600;
    color: #262626;
    line-height: 25px
}

.layui-layer-content .attribute-choose .attribute-list .attr-value-box {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    line-height: 20px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap
}

.layui-layer-content .attribute-choose .attribute-list .attr-value-box .attr-value {
    margin-right: 20px
}

.layui-layer-content .attribute-choose .attribute-list .attr-value-box .attr-value .attr-input {
    width: 100px
}

.layui-layer-content .attribute-choose .attribute-list .attr-value-box .attr-value .attr-input.number {
    width: 50px;
    display: inline-block
}

.pc .attribute-component .list-content-style_1.list-content.list-content-style_1 {
    margin-left: 0;
    overflow: hidden
}

.pc .attribute-component .list-content-style_1.list-content .text-center {
    width: 100%;
    float: left
}

.pc .attribute-component .list-content-style_2 .flex-between-style {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.pc .attribute-component .list-content-style_2 .child-container {
    width: 49.5%;
    margin: .5% 0;
    padding: 0;
    border-radius: 0;
    display: inline-block;
    float: none
}

.pc .attribute-component .list-content-style_2 .img-content {
    padding-top: 60%;
    margin-bottom: 0
}

.pc .attribute-component .list-content-style_2 .info-content {
    position: absolute;
    width: calc(100% - 20px);
    bottom: 10px;
    left: 10px
}

.mobile .attribute-component .attribute-style_2 {
    display: block
}

.mobile .attribute-component .attribute-style_2 .right-panel .attribute-menu-item {
    width: 46%
}

.mobile .attribute-component .attribute-style_2 .right-panel .attribute-menu-item__search {
    width: 100%;
    margin: 5px
}

.mobile .attribute-component .list-content-style_2 .child-container {
    width: 100%;
    padding: 0;
    margin: 2% 0
}

.mobile .attribute-component .list-content-style_2 .child-container .img-content {
    padding-top: 60%;
    margin-bottom: 0
}

.mobile .attribute-component .list-content-style_2 .child-container .info-content {
    position: absolute;
    width: calc(100% - 20px);
    bottom: 10px;
    left: 10px
}

.scrollNotice-component .gw-browse-component .gw-browse-component-content,
.scrollNotice-component .gw-browse-component .scrollNotice-container {
    width: 100%;
    height: 100%
}

.scrollNotice-component .gw-browse-component .scrollNotice-container a,
.scrollNotice-component .gw-browse-component .scrollNotice-container li {
    padding: 10px 0
}

.scrollNotice-component .gw-browse-component .scrollNotice-container.direction-level {
    width: 100%;
    height: 100%
}

.scrollNotice-component .gw-browse-component .scrollNotice-container.direction-level a {
    padding: 10px;
    margin: auto 10px
}

.case-component .row {
    margin: 0
}

.case-component .gw-browse-component {
    min-height: 26px
}

.case-component .pagination_yulan li a {
    color: #999 !important;
    cursor: move
}

.case-component .pagination_yulan li.active a {
    background-color: #eee;
    border-color: #ddd
}

.case-component .gw-browse-component-content {
    width: 100%;
    font-family: "微软雅黑";
    font-size: 18px
}

.case-component .gw-browse-component-content a {
    margin-bottom: 10px
}

.case-component .gw-browse-component-content .list-content.list-content-style_1 {
    margin-left: 0;
    overflow: hidden
}

.case-component .gw-browse-component-content .list-content .child-container {
    background: #fff;
    margin: 10px;
    width: 100%;
    box-sizing: border-box;
    box-shadow: -2px 5px 10px #eee;
    float: left;
    border-radius: 6px;
    position: relative;
    overflow: hidden
}

.case-component .gw-browse-component-content .list-content .child-container .img-box {
    padding: 5px
}

.case-component .gw-browse-component-content .list-content .child-container .img-content {
    width: 100%;
    padding-top: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    max-height: 210px
}

.case-component .gw-browse-component-content .list-content .child-container .info-content {
    padding: 20px 25px
}

.case-component .gw-browse-component-content .list-content .child-container .info-content p {
    margin: 0;
    font-size: 14px;
    padding-left: 5px;
    text-align: center
}

.case-component .gw-browse-component-content .list-content .child-container .info-content p.title {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    -o-text-overflow: ellipsis
}

.case-component .gw-browse-component-content .list-content .child-container .info-content p.price {
    height: 18px
}

.case-component .gw-browse-component-content .list-content .child-container:hover .child-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.case-component .gw-browse-component-content .list-content .text-center {
    width: 100%;
    float: left
}

.mobile .gw-browse-component-content .list-content .mobile-case-one {
    padding: 0 5px
}

.mobile .gw-browse-component-content .list-content .mobile-child-container {
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    box-shadow: -2px 5px 10px #eee;
    float: left;
    border-radius: 8px;
    position: relative;
    overflow: hidden
}

.mobile .gw-browse-component-content .list-content .mobile-child-container .content-box .img-content {
    width: 100%;
    height: 160px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.mobile .gw-browse-component-content .list-content .mobile-child-container .content-box .info-content {
    padding: 15px 8px;
    background: #fff
}

.mobile .gw-browse-component-content .list-content .mobile-child-container .content-box .info-content p {
    font-size: 14px;
    padding-left: 5px;
    text-align: left
}

.mobile .gw-browse-component-content .list-content .mobile-child-container .content-box .info-content p.title {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
    -o-text-overflow: ellipsis
}

.mobile .gw-browse-component-content .list-content .mobile-child-container .content-box .info-content p.price {
    height: 18px;
    font-size: 16px
}

.marquee-component .gw-browse-component .gw-browse-component-content,
.marquee-component .gw-browse-component .gw-browse-component-content .marquee-container {
    width: 100%;
    height: 100%
}

.marquee-component .gw-browse-component .gw-browse-component-content .marquee-container .marqueen-title {
    margin-bottom: 0;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.rich-component .gw-browse-component-content {
    width: 100%;
    height: 100%;
    padding: 5px
}

.rich-component .gw-browse-component-content .rich-view {
    height: 100%;
    overflow: hidden;
    overflow-y: auto
}

.rich-component .gw-browse-component-content .rich-view table {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc
}

.rich-component .gw-browse-component-content .rich-view table td,
.rich-component .gw-browse-component-content .rich-view table th {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 3px 5px
}

.rich-component .gw-browse-component-content .rich-view table th {
    border-bottom: 2px solid #ccc;
    text-align: center
}

.rich-component .gw-browse-component-content .rich-view blockquote {
    display: block;
    border-left: 8px solid #d0e5f2;
    padding: 5px 10px;
    margin: 10px 0;
    line-height: 1.4;
    font-size: 100%;
    background-color: #f1f1f1
}

.rich-component .gw-browse-component-content .rich-view code {
    display: inline-block;
    background-color: #f1f1f1;
    border-radius: 3px;
    padding: 3px 5px;
    margin: 0 3px
}

.rich-component .gw-browse-component-content .rich-view pre code {
    display: block
}

.rich-component .gw-browse-component-content .rich-view ol,
.rich-component .gw-browse-component-content .rich-view ul {
    margin: 10px 0 10px 20px
}

.formPlus-component .gw-browse-component-content {
    width: 100%;
    height: 100%;
    font-family: "微软雅黑"
}

.formPlus-component .gw-formPlus {
    color: #43425d;
    font-size: 16px;
    height: 100%
}

.formPlus-component .gw-formPlus .fromPlus-content {
    margin: auto 10px
}

.formPlus-component .gw-formPlus .formPlus-name {
    font-size: 18px;
    font-weight: 500;
    color: #303133;
    padding: 5px;
    margin-bottom: 8px;
    text-align: center
}

.formPlus-component .gw-formPlus .formPlus-des {
    font-size: 14px;
    margin-bottom: 8px;
    text-align: center
}

.formPlus-component .gw-formPlus .form-title-box {
    margin-top: 24px;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 500;
    color: #303133;
    display: flex;
    justify-content: flex-start
}

.formPlus-component .gw-formPlus .form-title {
    line-height: 24px;
    margin-left: 15px;
    margin-bottom: 0
}

.formPlus-component .gw-formPlus .require {
    color: red
}

.formPlus-component .gw-formPlus input,
.formPlus-component .gw-formPlus textarea {
    border-radius: 2px;
    padding: 0 10px;
    border-width: 1px;
    border-style: solid;
    border-color: #dcdcdc
}

.formPlus-component .gw-formPlus input:focus,
.formPlus-component .gw-formPlus textarea:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.formPlus-component .gw-formPlus textarea {
    padding: 10px;
    resize: none
}

.formPlus-component .gw-formPlus .checkbox-border .checkbox div,
.formPlus-component .gw-formPlus .checkbox-border .radio div,
.formPlus-component .gw-formPlus .radio-border .checkbox div,
.formPlus-component .gw-formPlus .radio-border .radio div {
    padding: 6px 20px
}

.formPlus-component .gw-formPlus .qrcode {
    margin-left: 12px;
    width: 100px;
    height: 36px
}

.formPlus-component .gw-formPlus .btn {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    margin-top: 32px
}

.formPlus-component .gw-formPlus .checkbox-border,
.formPlus-component .gw-formPlus .radio-border {
    border: 1px solid #eee;
    border-radius: 4px
}

.formPlus-component .gw-formPlus .checkbox-border .radio,
.formPlus-component .gw-formPlus .radio-border .radio {
    margin: 0;
    border-bottom: 1px solid #eee
}

.formPlus-component .gw-formPlus .checkbox-border .radio:last-child,
.formPlus-component .gw-formPlus .radio-border .radio:last-child {
    border-bottom: 0
}

.formPlus-component .gw-formPlus .checkbox-border .checkbox,
.formPlus-component .gw-formPlus .radio-border .checkbox {
    margin: 0;
    border-bottom: 1px solid #eee
}

.formPlus-component .gw-formPlus .checkbox-border .checkbox:last-child,
.formPlus-component .gw-formPlus .radio-border .checkbox:last-child {
    border-bottom: 0
}

.formPlus-component .gw-formPlus .gw-upload-image-box .from-model-upload {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    border: 1px solid #CCC;
    position: relative
}

.formPlus-component .gw-formPlus .gw-upload-image-box .gw-upload-content {
    width: 100px;
    height: 100px;
    position: relative;
    border: 1px solid #CCC;
    display: none
}

.formPlus-component .gw-formPlus .gw-upload-image-box .form-upimg-del {
    position: absolute;
    left: 100%;
    top: 0;
    margin-left: 10px;
    width: 80px;
    height: 27px;
    font-size: 16px;
    background-color: #fff;
    border: 1px solid #CCC;
    border-radius: 2px;
    color: #999;
    line-height: 26px;
    text-align: center
}

.formPlus-component .gw-formPlus .gw-upload-image-box .form-upimg-del:hover {
    border-color: #FF5E5E;
    color: #FF5E5E
}

.formPlus-component .gw-formPlus .gw-upload-image-box .gw-upimg {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain
}

.formPlus-component .gw-formPlus .from-input-code {
    border: 1px solid #dcdcdc;
    margin-top: 5px
}

.formPlus-component .gw-formPlus .from-input-code input {
    display: inline-block;
    border: none;
    width: calc(100% - 100px)
}

.formPlus-component .gw-formPlus .from-input-code .btn-code {
    display: inline-block;
    width: 90px;
    font-size: 12px;
    background-color: #fff;
    border-left: 1px solid #dcdcdc;
    color: #0091FF;
    text-align: center;
    cursor: pointer
}

.formPlus-component .gw-formPlus .from-input-code .btn-code.grey {
    color: #999
}

.formPlus-component .gw-area {
    display: flex;
    justify-content: space-between
}

.formPlus-component .checkbox+.checkbox,
.formPlus-component .radio+.radio {
    margin-top: 0
}

.formPlus-component .form-scroll {
    width: 100%;
    height: 100%;
    overflow: scroll
}

.formPlus-component .gw-browse-component:first-child>div {
    height: inherit
}

.formPlus-component .gw-browse-component:first-child>div .forms-box {
    overflow-y: auto;
    height: inherit
}

.pc .gw-browse-component-content {
    font-size: 18px
}

.mobile .formPlus-component .gw-browse-component-content {
    font-size: 14px
}

.mobile .formPlus-component .gw-browse-component-content .city {
    padding: 6px 12px
}

.mobile .formPlus-component .gw-browse-component-content .city .filed {
    padding: 0 5px
}

.screen-component .gw-browse-component .screen-list-panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding-bottom: 6px;
    font-size: 14px
}

.screen-component .gw-browse-component .screen-list-panel .screen-box {
    background: #FFF;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .09);
    padding: 30px;
    margin: 5px 10px;
    width: 100%
}

.screen-component .gw-browse-component .screen-list-panel .screen-content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%
}

.screen-component .gw-browse-component .screen-list-panel .screen-content_column {
    align-items: center;
    flex-direction: column;
    text-align: center
}

.screen-component .gw-browse-component .screen-list-panel .screen-content .screen-menu-item {
    margin: 5px;
    width: auto;
    border-radius: 6px;
    max-width: 100%
}

.screen-component .gw-browse-component .screen-list-panel .screen-content .screen-menu-item__search .btn {
    color: #fff;
    background-color: var(--btn-theme-color);
    border-color: var(--btn-theme-color);
    cursor: pointer;
    min-width: 128px;
    max-width: 278px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all
}

.screen-component .gw-browse-component .screen-list-panel .screen-content .screen-menu-item__search .btn:hover {
    background-color: var(--btn-theme-color);
    border-color: var(--btn-theme-color)
}

.screen-component .gw-browse-component .screen-list-panel .screen-search-panel {
    margin-top: 30px
}

.screen-component .gw-browse-component .screen-list-panel .table-panel {
    width: 100%;
    overflow: auto
}

.screen-component .gw-browse-component .screen-list-panel .search-table {
    border-collapse: collapse;
    width: 100%;
    margin-top: 16px
}

.screen-component .gw-browse-component .screen-list-panel .search-table th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #fafafa
}

.screen-component .gw-browse-component .screen-list-panel .search-table td,
.screen-component .gw-browse-component .screen-list-panel .search-table th {
    border: 1px solid #dcdfe6;
    padding: 8px;
    color: #303133;
    min-width: 100px;
    max-width: 300px
}

.screen-component .gw-browse-component .screen-list-panel .search-data {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8
}

.screen-component .gw-browse-component .screen-list-panel .search-data .search-item {
    display: flex;
    padding-left: 0;
    padding-right: 0
}

.screen-component .gw-browse-component .screen-list-panel .search-data .search-item:nth-last-child(2) {
    border-bottom: 1px solid #e8e8e8
}

.screen-component .gw-browse-component .screen-list-panel .search-data .bg-grey,
.screen-component .gw-browse-component .screen-list-panel .search-data .bg-white {
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8
}

.screen-component .gw-browse-component .screen-list-panel .search-data .bg-grey {
    background-color: #fafafa
}

.screen-component .gw-browse-component .screen-list-panel .search-data .bg-white,
.special_list-component .menu-content {
    background-color: #fff
}

.screen-component .gw-browse-component .screen-list-panel .flex {
    display: flex;
    align-items: center;
    justify-content: center
}

.screen-component .gw-browse-component .screen-list-panel .pagition-panel {
    margin: 10px auto
}

.screen-component .gw-browse-component .screen-list-panel .empty-panel {
    text-align: center;
    width: 100%;
    font-size: 24px;
    color: #999
}

.screen-component .gw-browse-component .screen-list-panel .empty-panel img {
    width: 240px;
    height: 240px
}

.screen-component .mr-t-10 {
    margin-top: 10px
}

.screen-component .width-100 {
    width: 100%
}

.mobile .screen-component .gw-browse-component .screen-list-panel .screen-box {
    padding: 16px
}

.mobile .screen-component .gw-browse-component .screen-list-panel .search-table td,
.mobile .screen-component .gw-browse-component .screen-list-panel .search-table th {
    min-width: auto;
    max-width: auto;
    word-break: break-all;
    vertical-align: middle;
    white-space: normal
}

:root {
    --theme-special-style1-color1: #7142D3;
    --pagination-theme-color: #333
}

.special_list-component .gw-special-component {
    position: relative !important;
    width: calc((100% - 12px));
    height: auto;
    margin: 24px 5px
}

.special_list-component .inline-block {
    display: inline-block
}

.special_list-component .ellipsis-2,
.special_list-component .special-list-content .list-item .info p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.special_list-component .m-style a:hover {
    color: #fff
}

.special_list-component .special-style-4 .special-list-panel .list-style4 a:hover,
.special_list-component a:hover {
    color: inherit
}

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

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

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

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

.special_list-component .pagition-panel {
    margin: 10px auto
}

.special_list-component .special-content {
    font-size: 14px;
    padding: 0 35px
}

.special_list-component li,
.special_list-component ul {
    margin: 0
}

.special_list-component .empty-panel {
    text-align: center;
    width: 100%;
    font-size: 24px;
    color: #999
}

.special_list-component .empty-panel img {
    width: 240px;
    height: 240px
}

.special_list-component .mrg-left-10 {
    margin-left: 10px
}

.special_list-component .mrg-right-10 {
    margin-right: 10px
}

.special_list-component .menu-content .menu-item {
    border-bottom: 1px solid #CCC;
    padding: 16px 0
}

.special_list-component .menu-content .menu-item li,
.special_list-component .menu-content .menu-item ul {
    cursor: pointer
}

.special_list-component .menu-content .menu-item .title {
    width: 108px;
    font-size: 18px;
    font-weight: 600;
    color: #333;
    display: inline-block;
    vertical-align: top
}

.special_list-component .menu-content .menu-item .name-box {
    display: inline-block;
    width: calc((100% - 120px))
}

.special_list-component .menu-content .menu-item .name {
    font-size: 14px;
    color: #666;
    padding: 4px 10px;
    margin: 0 2px 6px;
    display: inline-block;
    border-radius: 4px;
    border: 1px solid #fff
}

.special_list-component .menu-content .menu-item .name.active {
    border-color: var(--theme-special-style1-color1);
    color: var(--theme-special-style1-color1)
}

.special_list-component .menu-content .menu-item .attr-item {
    display: flex;
    align-items: center;
    width: 100%
}

.special_list-component .menu-content .menu-item .attr-item>ul {
    width: 90%;
    vertical-align: top
}

.special_list-component .menu-content .btn {
    background-color: var(--theme-special-style1-color1);
    color: #fff;
    cursor: pointer
}

.special_list-component .menu-content .attr-name {
    font-weight: 600;
    color: #333
}

.special_list-component .special-price-panel .input-control {
    width: 100px
}

.special_list-component .special-price-panel .price-content {
    vertical-align: middle
}

.special_list-component .special-price-panel .line-control {
    display: inline-block;
    height: 100%;
    padding: 0 5px;
    margin: 0;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    width: 5%;
    color: var(--theme-special-style1-color1)
}

.special_list-component .special-price-panel .btn {
    background-color: var(--theme-special-style1-color1);
    color: #fff;
    cursor: pointer
}

.special_list-component .special-sort-panel {
    background-color: #fff;
    border-bottom: 1px solid #CCC;
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px
}

.special_list-component .special-sort-panel ul>li {
    display: inline-block;
    color: #333;
    font-weight: 600;
    padding-right: 64px;
    cursor: pointer
}

.special_list-component .special-sort-panel .sort {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.special_list-component .special-sort-panel .gw-change-icon {
    height: 0;
    color: #999;
    cursor: pointer
}

.special_list-component .special-sort-panel .gw-change-icon.active,
.special_list-component .special-sort-panel .gw-change-icon:hover {
    color: var(--theme-special-style1-color1)
}

.special_list-component .special-sort-panel .search-input-box input {
    background-color: #f8f8f8;
    color: #aaa;
    border: 1px solid #f1f1f1;
    line-height: 26px;
    height: 26px;
    outline: 0;
    padding: 0 12px
}

.special_list-component .special-sort-panel .search-input-box .btn {
    letter-spacing: 1px;
    font-size: 12px;
    padding: 6px 12px;
    color: #fff;
    cursor: pointer;
    border-radius: 4px;
    background-color: var(--theme-special-style1-color1);
    text-align: center;
    line-height: 1;
    margin-left: 10px
}

.special_list-component .special-list-content {
    padding: 30px 2px;
    background-color: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.special_list-component .special-list-content .list-item {
    width: 254px;
    border-radius: 4px;
    color: #303133;
    font-size: 14px;
    margin: 15px 6px;
    display: inline-block;
    background-color: #fff;
    box-shadow: 0 4px 8px 0 rgba(153, 153, 153, .3)
}

.special_list-component .special-list-content .list-item.list-style {
    width: 25%;
    margin: 15px 0;
    padding: 0 10px;
    box-shadow: none
}

.special_list-component .special-list-content .list-item.list-style:nth-of-type(4n) {
    margin-right: 0;
    padding-right: 0
}

.special_list-component .special-list-content .list-item.list-style:nth-of-type(4n+1) {
    margin-left: 0;
    padding-left: 0
}

.special_list-component .special-list-content .list-item.list-style .item {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    box-shadow: 0 4px 8px 0 rgba(153, 153, 153, .3)
}

.special_list-component .special-list-content .list-item img {
    height: 170px;
    width: 100%;
    object-fit: cover;
    overflow: hidden
}

.special_list-component .special-list-content .list-item .info {
    padding: 12px;
    line-height: 1.2
}

.special_list-component .special-list-content .list-item .info p {
    height: 34px;
    text-overflow: ellipsis;
    line-clamp: 2
}

.special_list-component .special-list-content .list-item .price {
    color: #E02020;
    font-size: 18px;
    font-weight: 500
}

.special_list-component .special-list-content .list-item.list-style2 {
    border-radius: 6px;
    box-shadow: 0 2px 12px 0 rgba(153, 153, 153, .3)
}

.special_list-component .special-list-content .list-item.list-style2:nth-of-type(4n) {
    margin-right: 0
}

.special_list-component .special-list-content .list-item.list-style2:nth-of-type(4n+1) {
    margin-left: 0
}

.special_list-component .special-list-content .list-item.list-style2 .img-box {
    position: relative
}

.special_list-component .special-list-content .list-item.list-style2 .mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 170px;
    background-color: #CDCDCE
}

.special_list-component .special-list-content .list-item.list-style2 .mask .play-icon {
    position: absolute;
    width: 56px;
    height: 56px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.special_list-component .special-list-content .list-item.list-style2 .shop-box .cat-icon {
    width: 18px;
    height: 18px
}

.special_list-component .special-menu-3 {
    padding: 20px;
    box-shadow: 0 34px 20px -24px rgba(0, 36, 100, .06);
    margin: 0 0 30px;
    border: 1px solid #f3f3f3;
    border-radius: 4px;
    background-color: #fff
}

.special_list-component .special-menu-3 input {
    background-color: #f8f8f8;
    color: #aaa;
    border: 1px solid #f1f1f1;
    line-height: 26px;
    outline: 0;
    padding: 0 12px
}

.special_list-component .special-menu-3 .style3-btn {
    letter-spacing: 1px;
    font-size: 12px;
    padding: 8px 20px;
    color: #fff;
    cursor: pointer;
    border-radius: 4px;
    background-color: var(--theme-special-style1-color1);
    text-align: center;
    line-height: 1;
    margin-left: 20px
}

.special_list-component .special-menu-3 .style3-btn:hover {
    transition: all .3s ease-in-out;
    opacity: .8
}

.special_list-component .special-menu-3 .special-sort-panel3 {
    font-size: 15px;
    border-top: 1px solid #E9E9E9;
    padding-top: 13px;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.special_list-component .special-menu-3 .special-sort-panel3 ul {
    display: flex;
    justify-content: flex-end
}

.special_list-component .special-menu-3 .special-sort-panel3 ul li {
    padding-right: 20px;
    cursor: pointer
}

.special_list-component .special-menu-3 .special-sort-panel3 ul li i:not(.active) {
    display: none
}

.special_list-component .special-menu-3 .special-sort-panel3 ul li span {
    color: grey
}

.special_list-component .special-menu-3 .special-sort-panel3 ul li span.active {
    color: var(--theme-special-style1-color1)
}

.special_list-component .special-menu-3 .filter-item ul {
    margin-top: 10px;
    font-size: 15px
}

.special_list-component .special-menu-3 .filter-item ul span {
    margin-right: 10px;
    background-color: #eee;
    padding: 2px 6px;
    border-radius: 4px;
    color: #7b8695;
    border: 1px solid transparent
}

.special_list-component .special-menu-3 .filter-item ul li {
    margin-bottom: 5px;
    display: inline-block;
    border: 1px solid transparent;
    margin-right: 10px;
    border-radius: 4px;
    color: grey;
    padding: 0 10px;
    line-height: 24px;
    cursor: pointer;
    transition: all .3s ease
}

.special_list-component .special-menu-3 .filter-item ul li:hover {
    border: 1px dashed #cecece;
    background-color: #eee;
    color: grey
}

.special_list-component .special-menu-3 .filter-item ul li.active {
    border: 1px dashed #a5a5a5;
    background-color: #eee
}

.special_list-component .special-menu-3 .menu-item {
    border-bottom: none
}

.special_list-component .special-menu-3 .menu-item .tit {
    color: #7b8695;
    background-color: #eee;
    border: 1px solid transparent;
    border-radius: 4px;
    margin-right: 10px;
    padding: 0 6px;
    line-height: 24px;
    font-size: 15px
}

.special_list-component .special-menu-3 .special-attrs-panel3 .attr-item {
    margin-left: 10px
}

.special_list-component .special-menu-3 .special-attrs-panel3 .attr-item .attr-name {
    color: #666
}

.special_list-component .special-menu-3 .special-attrs-panel3 .menu-item {
    display: flex;
    align-items: flex-start
}

.special_list-component .special-menu-3 .special-price-panel3 .menu-item {
    display: flex;
    align-items: center
}

.special_list-component .special-menu-3 .special-price-panel3 .line {
    margin: 0 10px
}

.special_list-component .special-menu-3 .special-price-panel3 .price-content {
    display: flex;
    align-items: center;
    margin-left: 10px
}

.special_list-component .special-menu-3 .search-box {
    display: flex
}

.special_list-component .special-list-panel-3.special-list-panel .special-list-content {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
    background-color: transparent
}

.special_list-component .special-list-panel-3.special-list-panel .wrap {
    width: 20%;
    padding: 0 15px
}

.special_list-component .special-list-panel-3.special-list-panel .list-style3 {
    width: 100%;
    margin: 0 0 30px;
    border: 1px solid #eee;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    box-shadow: none;
    transition: box-shadow .3s cubic-bezier(.215, .61, .355, 1), transform .3s cubic-bezier(.215, .61, .355, 1), -webkit-box-shadow .3s cubic-bezier(.215, .61, .355, 1), -webkit-transform .3s cubic-bezier(.215, .61, .355, 1)
}

.special_list-component .special-list-panel-3.special-list-panel .list-style3:hover {
    transform: translateY(-5px);
    box-shadow: 0 34px 20px -24px rgba(136, 161, 206, .3)
}

.special_list-component .special-list-panel-3.special-list-panel .list-style3 .icon {
    background-color: rgba(0, 0, 0, .4);
    color: #fff;
    font-size: 15px;
    position: absolute;
    height: 25px;
    width: 25px;
    top: 10px;
    left: 10px;
    border-radius: 50%;
    line-height: 25px;
    text-align: center;
    z-index: 1
}

.special_list-component .special-list-panel-3.special-list-panel .list-style3 .first-label-group {
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 2
}

.special_list-component .special-list-panel-3.special-list-panel .list-style3 .first-label-group li {
    color: #fff;
    background-color: var(--theme-special-style1-color1);
    font-size: 12px;
    padding: 0 5px;
    border-radius: 5px;
    line-height: 20px;
    margin-bottom: 5px
}

.special_list-component .special-list-panel-3.special-list-panel .img-box {
    text-align: center;
    background-color: #fff;
    overflow: hidden;
    padding-top: 66%;
    display: block;
    transition: all .3s ease;
    background-repeat: no-repeat;
    background-size: cover
}

.special_list-component .special-list-panel-3.special-list-panel .img-box:hover {
    opacity: .8
}

.special_list-component .special-list-panel-3.special-list-panel .content-box .author_avt {
    display: block;
    position: relative;
    margin-top: -15px;
    width: 100px;
    height: 36px
}

.special_list-component .special-list-panel-3.special-list-panel .content-box .author_avt .avatar {
    background-image: url(/visual-editor/images/touxiang.png);
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    position: absolute;
    border-radius: 50%;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 1
}

.special_list-component .special-list-panel-3.special-list-panel .content-box .author_avt::after {
    content: '';
    position: absolute;
    background-image: url(/visual-editor/images/1.svg);
    width: 100%;
    height: 100%;
    background-size: 100px 30px;
    top: -2px
}

.special_list-component .special-list-panel-3.special-list-panel .content-box .label-group {
    display: flex;
    margin-bottom: 5px;
    padding: 0 10px;
    min-height: 17px;
    line-height: 24px
}

.special_list-component .special-list-panel-3.special-list-panel .content-box .label-group .dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 5px
}

.special_list-component .special-list-panel-3.special-list-panel .content-box .label-group li {
    display: flex;
    align-items: center;
    margin-right: 8px
}

.special_list-component .special-list-panel-3.special-list-panel .content-box .label-group li:hover {
    opacity: .8
}

.special_list-component .special-list-panel-3.special-list-panel .content-box .label-group li span {
    color: #aaa;
    font-size: 12px
}

.special_list-component .special-list-panel-3.special-list-panel .content-box .label-group .first.dot {
    background-color: #fd721f
}

.special_list-component .special-list-panel-3.special-list-panel .content-box .label-group .second.dot {
    background-color: #4CAF50
}

.special_list-component .special-list-panel-3.special-list-panel .content-box .label-group .third.dot {
    background-color: #2196F3
}

.special_list-component .special-list-panel-3.special-list-panel .content-box .goods-title {
    color: #34495e;
    transition: all .3s ease;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 42px;
    padding: 0 10px;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 15px
}

.special_list-component .special-list-panel-3.special-list-panel .content-box .goods-title:hover {
    opacity: .8
}

.special_list-component .special-list-panel-3.special-list-panel .content-box .goods-price {
    padding: 0 10px
}

.special_list-component .special-list-panel-3.special-list-panel .content-box .goods-price span:nth-child(1) {
    color: var(--theme-special-style1-color1);
    font-size: 16px;
    margin-right: 5px
}

.special_list-component .special-list-panel-3.special-list-panel .content-box .goods-price .market_price {
    text-decoration: line-through;
    color: #999;
    font-size: 12px
}

.special_list-component .special-list-panel-3.special-list-panel .content-box .goods-footer {
    margin-top: 10px;
    color: #b4b4b4;
    font-size: 12px;
    border-top: 1px solid #ebeef5
}

.special_list-component .special-list-panel-3.special-list-panel .content-box .goods-footer ul {
    display: flex;
    margin: 5px 10px;
    padding: 5px 0
}

.special_list-component .special-list-panel-3.special-list-panel .content-box .goods-footer ul .date {
    flex: 1 1 0;
    color: #555
}

.special_list-component .special-list-panel-3.special-list-panel .content-box .goods-footer ul .comment {
    padding-left: 8px
}

.special_list-component.gw-editor-component .special-style-4 .special-list-content {
    padding-top: 0
}

.special_list-component .special-style-4 .special-menu-panel .menu-item {
    position: relative;
    transition: height .3s ease;
    overflow: hidden
}

.special_list-component .special-style-4 .special-menu-panel .menu-item i {
    position: absolute;
    right: 20px;
    bottom: 10px;
    font-size: 20px;
    cursor: pointer
}

.special_list-component .special-style-4 .special-list-panel .list-style4 {
    width: calc(100% - 12px);
    box-shadow: none;
    border-bottom: 1px solid #DDD;
    padding: 30px 0;
    margin: 0 6px;
    border-radius: 0
}

.special_list-component .special-style-4 .special-list-panel .list-style4:first-child {
    padding-top: 0
}

.special_list-component .special-style-4 .special-list-panel .list-style4 .img-box {
    display: inline-block;
    vertical-align: top;
    width: 240px;
    height: 180px
}

.special_list-component .special-style-4 .special-list-panel .list-style4 .cur-img {
    height: 100%;
    border-radius: 4px
}

.special_list-component .special-style-4 .special-list-panel .list-style4 a {
    width: 100%;
    display: block
}

.special_list-component .special-style-4 .special-list-panel .list-style4 .resblock-desc-wrapper {
    width: calc(100% - 280px);
    display: inline-block;
    margin-left: 30px;
    vertical-align: top
}

.special_list-component .special-style-4 .special-list-panel .list-style4 .resblock-name {
    font-weight: 600;
    color: #333;
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 20px
}

.special_list-component .special-style-4 .special-list-panel .list-style4 .resblock-attrs>li {
    margin-bottom: 6px
}

.special_list-component .special-style-4 .special-list-panel .list-style4 .resblock-attrs .attrs-img {
    width: 20px;
    height: 20px
}

.special_list-component .special-style-4 .special-list-panel .list-style4 .resblock-attrs span {
    color: #999;
    line-height: 1.4
}

.special_list-component .special-style-4 .special-list-panel .list-style4 .resblock-attrs .name {
    color: #999;
    font-weight: 400;
    margin-right: 8px
}

.special_list-component .special-style-4 .special-list-panel .list-style4 .resblock-tag {
    margin-top: 18px
}

.special_list-component .special-style-4 .special-list-panel .list-style4 .resblock-tag>span {
    display: inline-block;
    height: 30px;
    margin-right: 10px;
    padding: 0 12px;
    line-height: 30px;
    font-size: 12px;
    color: #849aae;
    background: rgba(132, 154, 174, .1)
}

.special_list-component .special-style-4 .special-list-panel .list-style4 .resblock-info {
    vertical-align: top;
    max-width: 80%
}

.special_list-component .special-style-4 .special-list-panel .list-style4 .main-price {
    color: #fe615a
}

.special_list-component .special-style-4 .special-list-panel .list-style4 .main-price .number {
    font-size: 28px;
    font-weight: 500;
    vertical-align: bottom
}

.special_list-component .special-menu .select-control {
    margin: 5px 0;
    display: inline-block;
    color: #8593a9;
    height: 38px
}

.special_list-component .special-menu .select-control:focus {
    border-color: var(--theme-special-style1-color1);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08), 0 0 8px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08), 0 0 8px rgba(0, 0, 0, .1)
}

.special_list-component .special-menu .com-control {
    width: 100%;
    margin: 5px 0;
    display: inline-block
}

.special_list-component .special-menu .com-control:focus {
    border-color: var(--theme-special-style1-color1)
}

.special_list-component .special-menu .irs--big {
    height: 30px
}

.special_list-component .special-menu .irs--big .irs-from,
.special_list-component .special-menu .irs--big .irs-max,
.special_list-component .special-menu .irs--big .irs-min,
.special_list-component .special-menu .irs--big .irs-single,
.special_list-component .special-menu .irs--big .irs-to {
    display: none
}

.special_list-component .special-menu .irs--big .red {
    visibility: hidden
}

.special_list-component .special-menu .irs--big .irs-line {
    top: 0;
    height: 5px
}

.special_list-component .special-menu .irs--big .irs-handle {
    width: 17px;
    height: 17px;
    top: -5px
}

.special_list-component .special-menu .irs--big .irs-bar {
    height: 5px;
    top: 0;
    background: var(--theme-special-style1-color1);
    border-color: var(--theme-special-style1-color1);
    box-shadow: none
}

.special_list-component .special-menu .special-price-panel .btn:hover {
    background-color: #fff;
    border-color: var(--theme-special-style1-color1);
    color: var(--theme-special-style1-color1);
    outline: 0
}

.special_list-component .special-sort-panel.cu-card {
    margin: 20px 15px;
    background: #fff;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    padding: 10px 15px;
    border-bottom: none
}

.special_list-component .special-sort-panel.cu-card .filter_menu_trigger {
    position: relative;
    color: #8593a9
}

.special_list-component .special-sort-panel.cu-card .filter_menu_trigger .filter-menu {
    background-color: #fff;
    color: #8593a9;
    border-color: #f0f0f0;
    border-radius: 0;
    margin-left: -15px;
    padding-top: 0;
    text-align: center
}

.special_list-component .special-sort-panel.cu-card .filter_menu_trigger .filter-menu>li {
    border-bottom: 1px solid #f0f0f0;
    padding: 13px;
    line-height: 1.3em;
    width: 100%
}

.special_list-component .special-sort-panel.cu-card .filter_menu_trigger .filter-menu>li:last-child {
    border-bottom: none
}

.special_list-component .special-sort-panel.cu-card .filter_menu_trigger .filter-menu>li.active,
.special_list-component .special-sort-panel.cu-card .filter_menu_trigger .filter-menu>li:hover {
    background-color: var(--theme-special-style1-color1);
    color: #fff
}

.special_list-component .title_prop {
    margin-bottom: 0;
    color: #8593a9;
    margin-left: 10px;
    font-size: 16px
}

.special_list-component .special-list-content.list-content-5 {
    background-color: transparent;
    padding: 0 0 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.special_list-component .special-list-content.list-content-5 .listing_wrapper {
    margin-bottom: 30px
}

.special_list-component .special-list-content.list-content-5 .listing_wrapper .list-item {
    width: 100%;
    height: 100%;
    margin: 15px 0;
    max-width: 525px;
    transition: .3s ease-out;
    position: relative
}

.special_list-component .special-list-content.list-content-5 .listing_wrapper .list-item:hover {
    transform: translate(0, -10px);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
}

.special_list-component .special-list-content.list-content-5 .listing_wrapper .list-item:hover .img-box img {
    opacity: .8;
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand')";
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand')
}

.special_list-component .special-list-content.list-content-5 .listing_wrapper .list-item .img-box {
    position: relative;
    height: 190px;
    overflow: hidden;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.special_list-component .special-list-content.list-content-5 .listing_wrapper .list-item .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -moz-transition: all .7s ease;
    -ms-transition: all .7s ease;
    -webkit-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease
}

.special_list-component .special-list-content.list-content-5 .listing_wrapper .list-item .img-box .property_mask {
    width: 100%;
    left: 0;
    bottom: 0;
    color: #fff;
    background-color: rgba(0, 0, 0, .4);
    position: absolute;
    opacity: .9;
    padding: 4px 13px;
    pointer-events: auto
}

.special_list-component .special-list-content.list-content-5 .listing_wrapper .list-item .resblock-desc-wrapper {
    padding: 0 13px;
    float: initial
}

.special_list-component .special-list-content.list-content-5 .listing_wrapper .list-item .resblock-name {
    font-size: 20px;
    margin-top: 15px;
    margin-bottom: 0;
    float: left;
    width: 100%;
    line-height: 1.4
}

.special_list-component .special-list-content.list-content-5 .listing_wrapper .list-item .resblock-price {
    position: relative;
    margin-top: 5px;
    line-height: 30px;
    font-weight: 700;
    height: 21px;
    font-size: 15px;
    float: left
}

.special_list-component .special-list-content.list-content-5 .listing_wrapper .list-item .resblock-abs {
    margin: 10px 0 0;
    line-height: 1.65em;
    float: left;
    width: 100%;
    word-break: break-word;
    color: #5c727d;
    font-size: 13px;
    max-height: 38px
}

.special_list-component .special-list-content.list-content-5 .listing_wrapper .list-item .resblock-info-wrapper {
    position: relative;
    color: #333;
    width: 100%;
    float: left;
    margin-top: 5px;
    margin-bottom: 30px
}

.special_list-component .special-list-content.list-content-5 .listing_wrapper .list-item .resblock-info-wrapper .resblock-attrs {
    height: 20px
}

.special_list-component .special-list-content.list-content-5 .listing_wrapper .list-item .resblock-info-wrapper .resblock-attrs>li {
    display: flex;
    align-items: center
}

.special_list-component .special-list-content.list-content-5 .listing_wrapper .list-item .resblock-info-wrapper .resblock-attrs span {
    color: #5c727d
}

.special_list-component .special-list-content.list-content-5 .listing_wrapper .list-item .resblock-info-wrapper .resblock-attrs .attrs-img {
    width: 20px;
    height: 20px;
    margin-right: 4px;
    border-radius: 4px
}

.special_list-component .special-list-content.list-content-5 .listing_wrapper .list-item .list-footer {
    position: absolute;
    bottom: 0;
    left: 13px;
    right: 13px;
    border-top: 1px solid #eef3f6;
    padding: 13px 0;
    color: #b4b4b4
}

.special_list-component .special-list-content.list-content-5 .listing_wrapper .list-item .list-footer .icon {
    margin-left: 8px;
    border: 1px solid #eef3f6;
    border-radius: 2px
}

.special_list-component .special-list-content.list-content-5 .listing_wrapper .list-item .list-footer .footer-info {
    float: left;
    max-width: 50%
}

.special_list-component .special-list-content.list-content-5 .listing_wrapper .list-item .list-footer .footer-info .img {
    width: 24px;
    height: 24px;
    border-radius: 4px
}

.special_list-component .special-list-content.list-content-5 .listing_wrapper .list-item .list-footer .footer-views {
    float: right
}

.special_list-component .special-style-5 {
    padding: 0
}

.special_list-component .list-content-6 .listing_wrapper:nth-child(4n) {
    padding-left: 0
}

.special_list-component .list-content-6 .listing_wrapper:nth-child(4n+1) {
    padding-right: 0
}

.pc .special-list-panel .col-xs-12.listing_wrapper {
    margin-bottom: 0
}

.pc .special-list-panel .col-xs-12.listing_wrapper .list-item {
    height: 200px;
    display: flex;
    flex-direction: row;
    max-width: 100%
}

.pc .special-list-panel .col-xs-12.listing_wrapper .list-item .img-box {
    width: 320px;
    height: 100%
}

.pc .special-list-panel .col-xs-12.listing_wrapper .list-item .img-box img {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.pc .special-list-panel .col-xs-12.listing_wrapper .list-item .list-footer {
    margin-left: 320px
}

.pc .special-list-panel .col-xs-12.listing_wrapper .list-item .resblock-desc-wrapper {
    padding: 0 0 13px 13px;
    width: calc(100% - 333px)
}

.mobile .special_list-component .special-content {
    font-size: 14px;
    padding: 0 15px
}

.mobile .special_list-component .special_mobile_style_1 .mobile-special-menu-panel {
    position: relative
}

.mobile .special_list-component .special_mobile_style_1 .mobile-special-menu-panel .menu_panel {
    width: 100%;
    height: 35px;
    padding: 0 0 10px;
    border-bottom: 1px solid #CCC;
    overflow: scroll hidden;
    white-space: nowrap
}

.mobile .special_list-component .special_mobile_style_1 .mobile-special-menu-panel .menu_panel .title {
    margin: 0 5px;
    cursor: pointer;
    border-bottom: 2px solid transparent
}

.mobile .special_list-component .special_mobile_style_1 .mobile-special-menu-panel .menu_panel .title.active {
    color: var(--theme-special-style1-color1);
    border-color: var(--theme-special-style1-color1)
}

.mobile .special_list-component .special_mobile_style_1 .mobile-special-menu-panel .menu_panel .title:first-child {
    margin-left: 0
}

.mobile .special_list-component .special_mobile_style_1 .mobile-special-menu-panel .menu_panel .title:last-child {
    margin-right: 0
}

.mobile .special_list-component .special_mobile_style_1 .mobile-special-menu-panel .menu-list_panel .name-box {
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #ccc
}

.mobile .special_list-component .special_mobile_style_1 .mobile-special-menu-panel .menu-list_panel .name {
    margin: 5px;
    text-align: center;
    width: 21%;
    font-size: 12px;
    cursor: pointer;
    background-color: #F0F0F0;
    border-radius: 24px;
    color: #333;
    padding: 4px 12px
}

.mobile .special_list-component .special_mobile_style_1 .mobile-special-menu-panel .menu-list_panel .name.active {
    background-color: var(--theme-special-style1-color1);
    color: #fff
}

.mobile .special_list-component .special_mobile_style_1 .mobile-special-menu-panel .menu-list_panel .name:nth-child(4n) {
    margin-right: 0
}

.mobile .special_list-component .special_mobile_style_1 .mobile-special-menu-panel .menu-list_panel .name:nth-child(4n+1) {
    margin-left: 0
}

.mobile .special_list-component .special_mobile_style_1 .special-search-panel {
    width: 100%;
    padding: 10px 0;
    border-bottom: none
}

.mobile .special_list-component .special_mobile_style_1 .special-search-panel .input-group {
    width: inherit
}

.mobile .special_list-component .special_mobile_style_1 .special-sort-panel {
    font-size: 14px;
    padding: 8px 0
}

.mobile .special_list-component .special_mobile_style_1 .special-sort-panel ul {
    width: 100%
}

.mobile .special_list-component .special_mobile_style_1 .special-sort-panel li {
    width: 49%;
    text-align: center;
    padding-right: 0
}

.mobile .special_list-component .special_mobile_style_1 .special-price-panel {
    border-bottom: 1px solid #ccc
}

.mobile .special_list-component .special_mobile_style_1 .special-list-content {
    padding: 10px 0
}

.mobile .special_list-component .special_mobile_style_1 .special-list-content .list-item {
    width: 100%;
    border-bottom: 1px solid #eee;
    box-shadow: none;
    margin: 0;
    padding: 7px 0
}

.mobile .special_list-component .special_mobile_style_1 .special-list-content .list-item img {
    height: 70px;
    object-fit: cover;
    border-radius: 8px
}

.mobile .special_list-component .special_mobile_style_1 .special-list-content .list-item .img-box {
    width: 30%
}

.mobile .special_list-component .special_mobile_style_1 .special-list-content .list-item .info {
    padding: 0 0 0 7px;
    width: 69%
}

.mobile .special_list-component .special_mobile_style_1 .special-list-content .list-item .info p {
    height: 34px
}

.mobile .special_list-component .special_mobile_style_1 .special-list-content .list-item.list-style2 .mask {
    height: 70px;
    border-radius: 8px
}

.mobile .special_list-component .special_mobile_style_2 {
    padding: 0;
    background-color: #F5F5F5;
    margin: 0
}

.mobile .special_list-component .special_mobile_style_2 p {
    margin-bottom: 0
}

.mobile .special_list-component .special_mobile_style_2 .special-list-content {
    margin: 20px 10px 0;
    box-shadow: 0 34px 20px -24px rgba(0, 36, 100, .06);
    border: 1px solid #f3f3f3;
    border-radius: 4px;
    padding: 0;
    background-color: transparent;
    display: flex;
    flex-direction: column
}

.mobile .special_list-component .special_mobile_style_2 .special-list-content>a {
    width: 100%
}

.mobile .special_list-component .special_mobile_style_2 .special-list-content>a:nth-last-of-type(1) .item-content {
    margin-bottom: 0
}

.mobile .special_list-component .special_mobile_style_2 .pagition-panel {
    margin-top: 30px
}

.mobile .special_list-component .special_mobile_style_2 .pagition-panel .load-more {
    background-color: var(--pagination-theme-color);
    text-align: center;
    padding: 8px 15px;
    color: #fff;
    border-radius: 4px;
    min-width: 220px;
    margin-bottom: 20px
}

.mobile .special_list-component .special_mobile_style_2 .item-content {
    padding: 10px;
    position: relative;
    margin-bottom: 10px;
    border-radius: 4px;
    background-color: #fff
}

.mobile .special_list-component .special_mobile_style_2 .item-content .lock {
    position: absolute;
    top: 20px;
    left: 20px;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    line-height: 25px;
    font-size: 15px;
    text-align: center;
    background-color: rgba(0, 0, 0, .4);
    color: #fff
}

.mobile .special_list-component .special_mobile_style_2 .shop_goods_img {
    float: left;
    min-width: 120px;
    width: 120px;
    margin-right: 20px;
    height: 80px
}

.mobile .special_list-component .special_mobile_style_2 .shop_goods_img img {
    height: 100%;
    width: 100%
}

.mobile .special_list-component .special_mobile_style_2 .right-cont {
    height: 80px
}

.mobile .special_list-component .special_mobile_style_2 .right-cont .author-box {
    display: flex;
    align-items: center
}

.mobile .special_list-component .special_mobile_style_2 .right-cont .author-box .avatar {
    border-radius: 50%;
    width: 15px;
    height: 15px;
    margin-right: 8px
}

.mobile .special_list-component .special_mobile_style_2 .right-cont .author-box .name {
    color: #aaa;
    font-size: 12px;
    line-height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mobile .special_list-component .special_mobile_style_2 .right-cont .style2-title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #34495e;
    line-height: 24px
}

.mobile .special_list-component .special_mobile_style_2 .right-cont .shop_goods_price span:nth-child(1) {
    color: var(--theme-special-style1-color1);
    font-size: 16px;
    font-weight: 600
}

.mobile .special_list-component .special-filter-panel {
    padding: 10px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 34px 20px -24px rgba(0, 36, 100, .06);
    border: 1px solid #f3f3f3;
    margin: 0 10px
}

.mobile .special_list-component .special-filter-panel .filter-item {
    margin-top: 10px
}

.mobile .special_list-component .special-filter-panel .filter-item .tit {
    color: #7b8695;
    background-color: #eee;
    border: 1px solid transparent;
    border-radius: 4px;
    margin-right: 10px;
    padding: 2px 6px;
    line-height: 24px;
    font-size: 15px;
    margin-bottom: 10px
}

.mobile .special_list-component .special-filter-panel .filter-item .filter-tag {
    display: flex;
    flex-wrap: wrap
}

.mobile .special_list-component .special-filter-panel .filter-item .filter-tag li {
    transition: all .3s ease;
    font-size: 13px;
    padding: 0 5px;
    color: grey;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 4px;
    cursor: pointer;
    line-height: 20px;
    border: 1px solid transparent
}

.mobile .special_list-component .special-filter-panel .filter-item .filter-tag li.active {
    background-color: #eee;
    border: 1px dashed #cecece
}

.mobile .special_list-component .special-filter-panel .special-attrs-panel2 .attr-item {
    display: block
}

.mobile .special_list-component .special-filter-panel .special-attrs-panel2 .attr-item .attr-name {
    font-weight: 400;
    color: #7b8695;
    background-color: #eee;
    border: 1px solid transparent;
    border-radius: 4px;
    margin-right: 10px;
    padding: 2px 6px;
    line-height: 24px;
    font-size: 15px;
    margin-bottom: 10px
}

.mobile .special_list-component .special-filter-panel .special-attrs-panel2 .attr-item>ul {
    width: auto
}

.mobile .special_list-component .special-filter-panel .special-attrs-panel2 .attr-item>ul .name {
    border-radius: 4px;
    color: grey;
    font-size: 13px;
    transition: all .3s ease;
    padding: 0 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    line-height: 20px
}

.mobile .special_list-component .special-filter-panel .special-attrs-panel2 .attr-item>ul .name.active {
    background-color: #eee;
    border: 1px dashed #cecece
}

.mobile .special_list-component .special-filter-panel .special-attrs-panel2 .menu-item .name-box {
    width: 100%
}

.mobile .special_list-component .bottom-box {
    padding-top: 13px;
    margin-top: 10px;
    border-top: 1px solid #E9E9E9
}

.mobile .special_list-component .bottom-box ul {
    display: flex
}

.mobile .special_list-component .bottom-box ul li {
    margin: 10px 5px 10px 0;
    font-size: 13px;
    color: grey;
    line-height: 24px
}

.mobile .special_list-component .bottom-box ul li i:not(.active) {
    display: none
}

.mobile .special_list-component .bottom-box ul li span.active {
    color: var(--theme-special-style1-color1)
}

.mobile .special_list-component .special_mobile_style_3.special-content {
    padding: 0
}

.mobile .special_list-component .special_mobile_style_3.special-content .special-attrs-panel2 .attr-item {
    display: block
}

.mobile .special_list-component .special_mobile_style_3.special-content .special-attrs-panel2 .attr-item .attr-name {
    font-weight: 400;
    color: #7b8695;
    background-color: #eee;
    border: 1px solid transparent;
    border-radius: 4px;
    margin-right: 10px;
    padding: 2px 6px;
    line-height: 24px;
    font-size: 15px;
    margin-bottom: 10px
}

.mobile .special_list-component .special_mobile_style_3.special-content .special-attrs-panel2 .attr-item>ul {
    width: auto
}

.mobile .special_list-component .special_mobile_style_3.special-content .special-attrs-panel2 .attr-item>ul .name {
    border-radius: 4px;
    color: grey;
    font-size: 13px;
    transition: all .3s ease;
    padding: 0 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    line-height: 20px
}

.mobile .special_list-component .special_mobile_style_3.special-content .special-attrs-panel2 .attr-item>ul .name.active {
    background-color: #eee;
    border: 1px dashed #cecece
}

.mobile .special_list-component .special_mobile_style_3.special-content .special-attrs-panel2 .menu-item .name-box {
    width: 100%
}

.mobile .special_list-component .special_mobile_style_3.special-content .list-content-5 {
    padding-top: 10px
}

.mobile .special_list-component .special_mobile_style_3.special-content .listing_wrapper {
    margin-bottom: 10px;
    padding: 5px 10px
}

.mobile .special_list-component .special_mobile_style_3.special-content .listing_wrapper .list-item {
    margin: 0
}

.mobile .special_list-component .special_mobile_style_3.special-content .listing_wrapper .list-item .img-box {
    height: 214px
}

.mobile .special_list-component .special_mobile_style_3.special-content .listing_wrapper .list-item .abs {
    margin-top: 8px
}

.mobile .special_list-component .special_mobile_style_3.special-content .listing_wrapper .list-item .resblock-info-wrapper {
    margin-bottom: 56px
}

.mobile .special_list-component .special_mobile_style_3.special-content .listing_wrapper .list-item:hover {
    transform: none
}

.shop_store-component {
    padding: 10px
}

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

.shop_store-component .bg-white {
    background-color: #fff
}

.shop_store-component .flex {
    display: flex
}

.shop_store-component .justify-between {
    justify-content: space-between
}

.shop_store-component .width-80 {
    width: 80%
}

.shop_store-component .empty-panel {
    text-align: center;
    width: 100%;
    font-size: 24px;
    color: #999;
    margin: 20px auto;
    padding: 10px
}

.shop_store-component .empty-panel img {
    width: 240px;
    height: 240px
}

.shop_store-component .box-shadow {
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .1)
}

.shop_store-component .cur-padding {
    padding: 30px
}

.shop_store-component .select-panel>li:first-child {
    padding-left: 0
}

.shop_store-component .select-panel>li:last-child {
    padding-right: 0
}

.shop_store-component .select-control {
    display: inline-block;
    color: #8593a9;
    height: 38px
}

.shop_store-component .select-control:focus {
    border-color: var(--theme-shop-goods-color1);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08), 0 0 8px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08), 0 0 8px rgba(0, 0, 0, .1)
}

.shop_store-component .address-title {
    font-size: 18px;
    font-weight: 500;
    color: #333;
    line-height: 25px
}

.shop_store-component .sort-panel {
    margin-top: 20px
}

.shop_store-component .sort-panel .sort-wapper {
    margin-bottom: 0
}

.shop_store-component .sort-panel .sort-wapper>li {
    display: inline-block;
    margin-right: 20px;
    cursor: pointer
}

.shop_store-component .sort-panel .sort-wapper>li:last-child {
    margin-right: 0
}

.shop_store-component .sort-panel .sort-wapper>li a {
    color: inherit
}

.shop_store-component .sort-panel .sort-wapper>li i {
    color: #999;
    margin-left: 4px
}

.shop_store-component .num,
.shop_store-component .sort-panel .sort-wapper>li.active,
.shop_store-component .sort-panel .sort-wapper>li.active .fa {
    color: var(--theme-shop-goods-color1)
}

.shop_store-component .num {
    margin: 0 4px
}

.shop_store-component .list-vertical {
    width: 254px;
    border-radius: 4px;
    color: #303133;
    font-size: 14px;
    margin: 15px 6px;
    display: inline-block;
    background-color: #fff;
    box-shadow: 0 4px 8px 0 rgba(153, 153, 153, .3)
}

.shop_store-component .list-vertical .cur-img {
    height: 170px;
    width: 100%;
    object-fit: cover;
    overflow: hidden
}

.shop_store-component .list-vertical .info {
    padding: 12px;
    line-height: 1.2
}

.shop_store-component .list-vertical .info p {
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

.shop_store-component .list-vertical .price {
    color: #E02020;
    font-size: 18px;
    font-weight: 500
}

.shop_store-component .list-vertical .resblock-map {
    color: var(--theme-shop-goods-color1)
}

.shop_store-component .list-horizontal {
    margin: 24px auto;
    border-radius: 0
}

.shop_store-component .list-horizontal .img-box {
    display: inline-block;
    vertical-align: top;
    width: 220px;
    height: 132px
}

.shop_store-component .list-horizontal .cur-img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    object-fit: cover;
    overflow: hidden
}

.shop_store-component .list-horizontal .resblock-desc-wrapper {
    display: inline-block;
    margin-left: 15px;
    vertical-align: top;
    flex: 1
}

.shop_store-component .list-horizontal .resblock-name {
    font-weight: 600;
    color: #333;
    font-size: 24px;
    line-height: 1.4;
    margin-bottom: 15px
}

.shop_store-component .list-horizontal .resblock-info {
    vertical-align: top;
    max-width: 80%
}

.shop_store-component .list-horizontal .resblock-attrs {
    margin-bottom: 0
}

.shop_store-component .list-horizontal .resblock-attrs>li {
    margin-bottom: 6px
}

.shop_store-component .list-horizontal .resblock-attrs .attrs-img {
    width: 20px;
    height: 20px
}

.shop_store-component .list-horizontal .resblock-attrs span {
    color: #666;
    line-height: 1.4
}

.shop_store-component .list-horizontal .resblock-attrs .name {
    color: #333;
    font-weight: 400;
    margin-right: 8px
}

.shop_store-component .list-horizontal .resblock-tag {
    margin-top: 18px
}

.shop_store-component .list-horizontal .resblock-tag>span {
    display: inline-block;
    height: 30px;
    margin-right: 10px;
    padding: 0 12px;
    line-height: 30px;
    font-size: 12px;
    color: #849aae;
    background: rgba(132, 154, 174, .1)
}

.shop_store-component .list-horizontal .resblock-map {
    color: var(--theme-shop-goods-color1)
}

.mobile .shop_store-component .cur-padding {
    padding: 16px 10px
}

.mobile .shop_store-component .visible-xs {
    display: block !important
}

.mobile .shop_store-component .menu-panel {
    box-shadow: none
}

.general-component .general_components-basic .general-detail-list-content.horizontal .content-item:hover,
.general-component .general_components-basic .general-detail-list-content.vertical .content-box:hover {
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
}

.mobile .shop_store-component .select-panel>li {
    padding: 0;
    margin: 5px auto
}

.mobile .shop_store-component .col-xs-12 {
    width: 100%
}

.mobile .shop_store-component .menu-num {
    padding-bottom: 0
}

.mobile .shop_store-component .sort-panel {
    margin-top: 12px
}

.mobile .shop_store-component .list-content {
    background: #F9F9F9;
    padding: 16px 10px
}

.mobile .shop_store-component .list-horizontal {
    background: #fff
}

.mobile .shop_store-component .list-horizontal .img-box {
    width: 90px;
    height: 90px
}

.mobile .shop_store-component .resblock-desc-wrapper {
    margin-left: 5px
}

.mobile .shop_store-component .resblock-name {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px
}

.mobile .shop_store-component .resblock-attrs {
    font-size: 12px
}

.mobile .shop_store-component .resblock-attrs .name {
    margin-right: 0
}

.mobile .shop_store-component .resblock-info {
    max-width: 100%
}

.mobile .shop_store-component .address-panel {
    color: #999;
    font-size: 12px;
    margin-top: 8px
}

.general-component .bg-white {
    background-color: #fff
}

.general-component .pd-left-0 {
    padding-left: 0
}

.general-component .pd-right-0 {
    padding-right: 0
}

.general-component .mr-top-0 {
    margin-top: 0
}

.general-component .flex {
    display: flex
}

.general-component .ellipsis-2,
.general-component .ellipsis-3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.general-component .basis-xs {
    flex-basis: 20%
}

.general-component .basis-sm {
    flex-basis: 40%
}

.general-component .basis-df {
    flex-basis: 50%
}

.general-component .basis-lg {
    flex-basis: 60%
}

.general-component .basis-xl {
    flex-basis: 80%
}

.general-component .flex-sub {
    flex: 1
}

.general-component .flex-twice {
    flex: 2
}

.general-component .flex-treble {
    flex: 3
}

.general-component .flex-direction {
    flex-direction: column
}

.general-component .flex-wrap {
    flex-wrap: wrap
}

.general-component .align-start {
    align-items: flex-start
}

.general-component .align-end {
    align-items: flex-end
}

.general-component .align-center {
    align-items: center
}

.general-component .self-start {
    align-self: flex-start
}

.general-component .self-center {
    align-self: flex-center
}

.general-component .self-end {
    align-self: flex-end
}

.general-component .self-stretch {
    align-self: stretch
}

.general-component .align-stretch {
    align-items: stretch
}

.general-component .justify-start {
    justify-content: flex-start
}

.general-component .justify-end {
    justify-content: flex-end
}

.general-component .justify-center {
    justify-content: center
}

.general-component .justify-between {
    justify-content: space-between
}

.general-component .justify-around {
    justify-content: space-around
}

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

.general-component .ellipsis-2 {
    -webkit-line-clamp: 2
}

.general-component .ellipsis-3 {
    -webkit-line-clamp: 3
}

.general-component .width-100 {
    width: 100%
}

.general-component .empty-panel {
    text-align: center;
    margin: 0 auto
}

.general-component .gw-browse-component-content {
    width: 100%;
    height: 100%
}

.general-component .general_components-basic.gw-selected {
    z-index: 3;
    border: 1px solid #5BAAF4
}

.general-component .general-detail {
    line-height: 1.2;
    padding: 40px
}

.general-component .general-detail .general-detail-title-panel {
    display: flex;
    justify-content: space-between
}

.general-component .general-detail .general-detail-title-panel .title {
    font-size: 16px;
    font-weight: 500;
    color: #303133;
    margin-bottom: 24px
}

.general-component .general-detail .general-detail-title-panel .qrcode {
    width: 16px;
    height: 16px
}

.general-component .general-detail .general-detail-content-panel {
    font-size: 14px;
    font-weight: 400;
    color: #303133
}

.general-component .general-detail .general-pagition-panel {
    margin: 0 auto
}

.general-component .gw-editor-general-component {
    position: relative
}

.general-component .general_components-basic {
    line-height: 1.2
}

.general-component .general_components-basic .general-detail-list-content.vertical {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap
}

.general-component .general_components-basic .general-detail-list-content.vertical .content-box {
    transition: .3s ease-out;
    position: relative;
    margin: 0 0 20px;
    padding: 0 5px 18px
}

.general-component .general_components-basic .general-detail-list-content.vertical .content-box.pd-bottom {
    padding-bottom: 40px
}

.general-component .general_components-basic .general-detail-list-content.vertical .content-item {
    padding: 0
}

.general-component .general_components-basic .general-detail-list-content.vertical .content-item .content {
    width: 100%;
    padding: 16px 10px 0;
    transition: .3s ease-out
}

.general-component .general_components-basic .general-detail-list-content.vertical .content-item .img-box {
    width: 100%;
    padding-bottom: calc(9/16*100%);
    position: relative
}

.general-component .general_components-basic .general-detail-list-content.vertical .content-item .item-img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    object-fit: cover;
    position: absolute
}

.general-component .general_components-basic .general-detail-list-content.vertical .content-item .title {
    font-size: 14px;
    color: #303133;
    font-weight: 500;
    margin: 16px 0 0;
    line-height: 1.3
}

.general-component .general_components-basic .general-detail-list-content.vertical .content-item .desc {
    color: #909399;
    margin-bottom: 0;
    line-height: 1.4
}

.general-component .general_components-basic .general-detail-list-content.vertical .content-item .price {
    position: absolute;
    bottom: 16px;
    margin-bottom: 0
}

.general-component .general_components-basic .general-detail-list-content.horizontal .content-item {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    padding: 12px
}

.general-component .general_components-basic .general-detail-list-content.horizontal .content-item .item-img {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    margin-right: 10px;
    object-fit: cover
}

.general-component .general_components-basic .general-detail-list-content.horizontal .content-item .title {
    font-size: 14px;
    color: #303133;
    margin-bottom: 0
}

.general-component .general_components-basic .general-detail-list-content.horizontal .content-item .desc {
    color: #909399;
    margin-bottom: 0
}

.mobile .general-detail {
    padding: 10px
}

.mobile .gw-editor-page .col-xs-12 {
    width: 100%
}

@media only screen and (max-width:768px) {
    .general-component .general-detail {
        padding: 10px
    }
}

.cases-content_1 {
    display: grid;
    grid-gap: 0;
    grid-template-columns: repeat(2, 50%);
    background-color: rgba(255, 255, 255, 0)
}

.cases-content_1 .item {
    position: relative;
    display: block;
    aspect-ratio: 1/1;
    overflow: hidden
}

.cases-content_1 .item>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    animation-duration: .2s;
    display: block;
    transform: scale(1)
}

.cases-content_1 .item:hover>img {
    transform: scale(1.02, 1.02)
}

.cases-content_1 .item:hover .case-summary {
    opacity: 1
}

.cases-content_1 .title {
    position: absolute;
    top: 5%;
    left: 5%;
    right: 5%;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    margin: 0
}

.cases-content_1 .desc {
    position: absolute;
    bottom: 5%;
    left: 5%;
    right: 5%;
    color: #fff;
    margin: 0
}

.cases-content_1 .case-summary {
    opacity: 0;
    background-color: #000;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all .3s cubic-bezier(.25, .8, .25, 1);
    transition-property: all;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.25, .8, .25, 1);
    transition-delay: 0s
}

.cases-content_1 .case-summary .summary-content {
    position: relative;
    width: 100%;
    height: 100%
}

@media (min-width:569px) {
    .cases-content_1 {
        grid-template-columns: repeat(2, 50%)
    }
}

@media (min-width:768px) {
    .cases-content_1 {
        grid-template-columns: repeat(3, 33%)
    }
}

@media (min-width:960px) {
    .cases-content_1 {
        grid-template-columns: repeat(4, 25%)
    }
}

.companyclient-content .content .desc {
    height: 60px;
    line-height: 1.4
}

.social-content .content-item {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    padding: 12px
}

.social-content .content-item .item-img {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    margin-right: 10px;
    object-fit: cover
}

.social-content .content-item .title {
    font-size: 14px;
    color: #303133;
    margin-bottom: 0
}

.social-content .content-item .desc {
    color: #909399;
    margin-bottom: 0
}

.social-content .content-item .icon {
    display: none;
    font-size: 16px
}

.social-content .content-item:hover .icon {
    display: block
}

.mobile .content-item {
    margin-bottom: 10px
}

.partners-content .product-content .content .desc {
    height: 40px;
    line-height: 1.4;
    margin: 8px 0
}

.partners-content .product-content .content .price {
    color: #606266
}

.article-content .article-item {
    color: #303133;
    font-weight: 400;
    line-height: 20px;
    margin: 12px 0;
    padding: 0
}

.article-content .article-item:first-of-type {
    margin-top: 0
}

.article-content .article-item .time,
.article-content .article-item .title {
    padding: 0
}

.articleQuestion-content .articleQuestion-item {
    color: #303133;
    font-weight: 400;
    line-height: 20px;
    margin: 12px 0;
    padding: 0
}

.articleQuestion-content .articleQuestion-item:first-of-type {
    margin-top: 0
}

.articleQuestion-content .articleQuestion-item .title {
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 8px
}

.articleQuestion-content .articleQuestion-item .abstract {
    color: #606266;
    line-height: 1.3
}

.articleencylo-content .articleencylo-item {
    color: #303133;
    font-weight: 400;
    line-height: 20px;
    margin: 12px 0;
    padding: 0
}

.articleencylo-content .articleencylo-item:first-of-type {
    margin-top: 0
}

.articleencylo-content .articleencylo-item .title {
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 8px
}

.articleencylo-content .articleencylo-item .abstract {
    color: #606266;
    line-height: 1.3
}

.files-content .files-item {
    color: #303133;
    font-weight: 400;
    line-height: 20px;
    margin: 12px 0;
    padding: 0
}

.files-content .files-item:first-of-type {
    margin-top: 0
}

.files-content .files-item .files-icon {
    font-size: 32px;
    margin-right: 40px
}

.files-content .files-item .files-icon.red {
    color: #E02020
}

.files-content .files-item .files-icon.orange {
    color: #FA6400
}

.files-content .files-item .files-icon.blue {
    color: #0091FF
}

.files-content .files-item .title {
    font-weight: 700
}

.files-content .files-item .time {
    color: #909399
}

.articleinvite-content .articleinvite-item {
    color: #303133;
    font-weight: 400;
    line-height: 20px;
    margin: 12px 0;
    padding: 0
}

.articleinvite-content .articleinvite-item:first-of-type {
    margin-left: 0
}

.articleinvite-content .articleinvite-item .title {
    font-weight: 700;
    font-size: 14px
}

.articleinvite-content .articleinvite-item .price {
    font-size: 14px;
    font-weight: 500;
    color: #0091FF;
    line-height: 1.3
}

.articleinvite-content .articleinvite-item .tag {
    color: #606266;
    background: #F5F5F5;
    padding: 4px 8px;
    margin: 8px 8px 0;
    display: inline-block
}

.articleinvite-content .articleinvite-item .tag:first-of-type {
    margin-left: 0
}

.video-content .content-item .item-img {
    width: 100%;
    height: 120px;
    border-radius: 4px;
    object-fit: cover;
    position: relative;
    font-size: 12px
}

.video-content .content-item .item-img .video {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    object-fit: cover;
    position: absolute
}

.video-content .content-item .item-img .duration-content {
    position: absolute;
    top: 5px;
    left: 6px;
    background: rgba(0, 0, 0, .7);
    border-radius: 8px;
    padding: 4px 8px;
    color: #fff;
    z-index: 1
}

.video-content .content-item .item-img .play-icon {
    color: #fff;
    z-index: 1
}

.video-content .content-item .title {
    text-align: center;
    font-size: 14px;
    color: #303133;
    height: 20px;
    font-weight: 500;
    margin: 16px 0 0
}

.course-content,
.course-content .course-item {
    margin: 0;
    min-width: 0;
    position: relative;
    box-sizing: border-box
}

.course-content {
    padding-top: 16px
}

.course-content .course-item {
    color: #303133;
    font-weight: 400;
    line-height: 20px;
    padding: 0 24px 24px 48px
}

.course-content .course-item::after,
.course-content .course-item::before {
    position: absolute;
    display: block;
    content: ''
}

.course-content .course-item::before {
    z-index: 1;
    left: 25px;
    top: .5em;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #C0C4CC;
    border: 2px solid #FFF
}

.course-content .course-item::after {
    width: 2px;
    background-color: #8590A6;
    opacity: .12;
    left: 24px;
    top: .6em;
    height: 100%
}

.course-content .course-item:last-of-type:after {
    display: none
}

.course-content .course-item span {
    color: #303133;
    padding: 0
}

.course-content .course-item span:first-of-type {
    max-width: 120px
}

.contact-content .contact-item {
    color: #303133;
    font-weight: 400;
    line-height: 20px;
    margin: 12px 0;
    padding: 0
}

.contact-content .contact-item:first-child {
    margin-top: 0
}

.contact-content .contact-item .title {
    color: #909399
}

.contact-content .contact-item.map-content {
    width: 100%;
    height: 320px
}

.contact-content .contact-item.map-content .contact-map {
    width: 100%;
    height: 100%
}

.contact-content .contact-item .BMapLabel {
    max-width: inherit
}

.mobile .contact-item>span {
    padding: 0
}

.general-component_nav.gw-browse-component {
    z-index: 2
}

.general-component_nav .general-detail {
    padding: 0
}

.general-component_nav li,
.general-component_nav ul {
    margin-bottom: 0
}

.general_components-general_nav {
    --primaryColor: #ff4135;
    --bgColor: #fff;
    --fontColor: #222;
    --labelColor: #ff4135;
    background: var(--bgColor)
}

.general_components-general_nav .main-header {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.general_components-general_nav .main-header .menu-right-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.general_components-general_nav .main-header .menu-right-content li {
    position: relative;
    display: inline-block;
    font-size: 22px;
    line-height: 30px;
    color: var(--fontColor);
    margin-right: 10px;
    font-weight: 600
}

.general_components-general_nav .main-header .menu-right-content li a {
    display: inline-block;
    color: var(--fontColor)
}

.general_components-general_nav .main-header .menu-right-content li a:hover {
    color: var(--primaryColor)
}

.general_components-general_nav .main-header .menu-right-content li.userinfo {
    display: flex;
    align-items: center
}

.general_components-general_nav .main-header .menu-right-content li.userinfo .avatar {
    width: 22px;
    height: 22px;
    margin-right: 5px
}

.general_components-general_nav .main-header .menu-right-content li.userinfo .avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    vertical-align: initial
}

.general_components-general_nav .main-header .menu-right-content li.userinfo .info {
    font-weight: 400;
    line-height: 22px;
    font-size: 14px
}

.general_components-general_nav .main-header .menu-right-content li.shop-cart {
    font-weight: 400;
    font-size: 24px
}

.general_components-general_nav .main-header .menu-right-content li.shop-cart a {
    position: relative
}

.general_components-general_nav .main-header .menu-right-content li.shop-cart a .fa {
    color: #222
}

.general_components-general_nav .main-header .menu-right-content li.shop-cart a .fa:hover {
    color: var(--primaryColor)
}

.general_components-general_nav .main-header .menu-right-content li.shop-cart a span {
    position: absolute;
    top: -13px;
    right: 0;
    width: 19px;
    height: 19px;
    line-height: 19px;
    background: var(--primaryColor);
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .2)
}

.general_components-general_nav .main-header .logo-box {
    position: relative;
    display: block;
    margin-left: 10px
}

.general_components-general_nav .main-header .logo-box img {
    max-width: 150px;
    max-height: 50px
}

.general_components-general_nav .main-header .search-btn .search-toggler {
    position: relative;
    font-size: 22px;
    color: #222;
    font-weight: 400;
    background: 0 0;
    cursor: pointer;
    display: inline-block;
    transition: all .5s ease;
    border: none;
    outline: 0
}

.general_components-general_nav .main-header .header-lower .category-box .category-content li a:hover,
.general_components-general_nav .main-header .search-btn .search-toggler:hover {
    color: var(--primaryColor)
}

.general_components-general_nav .main-header .nice-select {
    width: 170px !important
}

.general_components-general_nav .main-header .header-lower .category-box p {
    background: var(--primaryColor)
}

.general_components-general_nav .sticky-header {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    left: 0;
    top: 0;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .2);
    width: 100%;
    z-index: 0;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.general_components-general_nav .sticky-header .main-menu .navigation>li {
    padding: 0;
    margin: 0
}

.general_components-general_nav .sticky-header .main-menu .navigation>li>a {
    padding: 10px 30px;
    color: var(--fontColor)
}

.general_components-general_nav .sticky-header .main-menu .navigation>li>a span {
    display: none
}

.general_components-general_nav .sticky-header .main-menu .navigation>li:hover>a {
    color: #fff;
    background: var(--primaryColor)
}

.general_components-general_nav .sticky-header .main-menu .navigation>li:last-child>ul {
    right: 0
}

.general_components-general_nav .sticky-header .main-menu .navigation>li:last-child>ul ul {
    right: 100%
}

.general_components-general_nav .sticky-header .main-menu .navigation>li.current>a {
    color: #fff !important;
    background: var(--primaryColor)
}

.general_components-general_nav .sticky-header .logo-box {
    padding: 0;
    line-height: 60px
}

.general_components-general_nav .sticky-header .logo-box .logo {
    position: relative;
    padding: 10px 0
}

.general_components-general_nav .sticky-header .logo-box .logo img {
    max-width: 150px;
    max-height: 60px
}

.general_components-general_nav .sticky-header .outer-box {
    position: relative
}

.general_components-general_nav .fixed-header .sticky-header {
    z-index: 999;
    opacity: 1;
    visibility: visible;
    animation-name: fadeInDown;
    animation-duration: .5s;
    animation-timing-function: linear;
    animation-iteration-count: 1
}

.general_components-general_nav .fixed-header .sticky-header .auto-container {
    position: static;
    max-width: var(--gw-module-content-max-width) !important;
    margin: 0 auto
}

.general_components-general_nav .header-lower {
    position: relative
}

.general_components-general_nav .header-lower .outer-box {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.general_components-general_nav .header-lower .outer-box .menu-area {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.general_components-general_nav .main-menu .navbar-collapse {
    padding: 0;
    display: block
}

.general_components-general_nav .main-menu .navigation {
    margin: 0
}

.general_components-general_nav .main-menu .navigation .icon-right {
    position: absolute;
    right: -10px;
    top: 14px;
    display: block;
    line-height: 24px;
    font-size: 14px;
    font-weight: 800;
    text-align: center;
    z-index: 5
}

.general_components-general_nav .main-menu .navigation>li {
    position: inherit;
    float: left;
    margin: 0 18px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.general_components-general_nav .main-menu .navigation>li:first-child {
    margin-left: 0
}

.general_components-general_nav .main-menu .navigation>li>a {
    position: relative;
    display: block;
    text-align: center;
    font-size: 15px;
    padding: 10px 0;
    line-height: 60px;
    font-weight: 500;
    opacity: 1;
    color: var(--fontColor);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.general_components-general_nav .main-menu .navigation>li>a span {
    position: absolute;
    top: 4px;
    right: 3px;
    font-size: 11px;
    color: #fff;
    font-weight: 500;
    padding: 2px 4px;
    line-height: 16px;
    text-align: center;
    border-radius: 20px;
    min-width: 28px;
    background: var(--labelColor);
    z-index: 1
}

.general_components-general_nav .main-menu .navigation>li>a span:before {
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    left: 50%;
    margin-left: -13%;
    bottom: -3px;
    transform: rotate(-45deg);
    z-index: -1;
    background: inherit
}

.general_components-general_nav .main-menu .navigation>li>ul {
    position: absolute;
    left: inherit;
    top: 100%;
    width: 250px;
    opacity: 0;
    padding: 0;
    background-color: #fff;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top
}

.general_components-general_nav .main-menu .navigation>li>ul>li {
    position: relative;
    width: 100%;
    padding: 0 30px
}

.general_components-general_nav .main-menu .navigation>li>ul>li>a,
.general_components-general_nav .main-menu .navigation>li>ul>li>ul>li>a {
    padding: 12px 0;
    transition: all .5s ease;
    display: block;
    text-transform: capitalize;
    text-align: left;
    line-height: 24px;
    font-weight: 500;
    font-size: 14px
}

.general_components-general_nav .main-menu .navigation>li>ul>li:last-child,
.general_components-general_nav .main-menu .navigation>li>ul>li:last-child>a {
    border-bottom: none
}

.general_components-general_nav .main-menu .navigation>li>ul>li>a {
    position: relative;
    color: var(--fontColor);
    border-bottom: 1px solid #e3e3e3;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.general_components-general_nav .main-menu .navigation>li>.megamenu li:last-child>a,
.general_components-general_nav .main-menu .navigation>li>ul>li>ul>li:last-child,
.general_components-general_nav .main-menu .navigation>li>ul>li>ul>li:last-child>a {
    border-bottom: none
}

.general_components-general_nav .main-menu .navigation>li>ul>li>a:hover {
    color: var(--primaryColor)
}

.general_components-general_nav .main-menu .navigation>li>ul>li>ul {
    position: absolute;
    left: auto;
    right: 100%;
    top: -2px;
    width: 230px;
    opacity: 0;
    padding: 0;
    background-color: #fff
}

.general_components-general_nav .main-menu .navigation>li>ul>li>ul>li {
    position: relative;
    width: 100%;
    padding: 0 30px
}

.general_components-general_nav .main-menu .navigation>li>ul>li>ul>li>a {
    position: relative;
    color: var(--fontColor);
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.general_components-general_nav .main-menu .navigation>li>ul>li>ul>li>a:hover {
    color: var(--primaryColor)
}

.general_components-general_nav .main-menu .navigation>li>ul>li>ul.from-right {
    left: auto;
    right: 0
}

.general_components-general_nav .main-menu .navigation>li>.megamenu {
    position: absolute;
    left: inherit;
    top: 100%;
    width: 250px;
    opacity: 0;
    padding: 10px 0;
    background-color: #fff;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top
}

.general_components-general_nav .main-menu .navigation>li>.megamenu li>a {
    position: relative;
    display: block;
    padding: 12px 0;
    line-height: 24px;
    font-weight: 500;
    font-size: 14px;
    text-transform: capitalize;
    color: var(--fontColor);
    text-align: left;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.general_components-general_nav .main-menu .navigation>li:hover>a,
.general_components-general_nav .main-menu .navigation>li>.megamenu li>a:hover {
    color: var(--primaryColor)
}

.general_components-general_nav .main-menu .navigation>li>ul.from-right {
    left: auto;
    right: 0
}

.general_components-general_nav .main-menu .navigation li>ul>li.dropdown:hover>ul {
    opacity: 1;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
    -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05)
}

.general_components-general_nav .main-menu .navigation li.dropdown .dropdown-btn {
    position: absolute;
    right: -32px;
    top: 66px;
    width: 34px;
    height: 30px;
    text-align: center;
    font-size: 18px;
    line-height: 26px;
    color: #3b3b3b;
    cursor: pointer;
    display: none;
    transition: all .5s ease
}

.general_components-general_nav .main-menu .navigation li.dropdown .megamenu .column li:first-child a,
.general_components-general_nav .main-menu .navigation li.dropdown .megamenu li .second-title:hover,
.general_components-general_nav .main-menu .navigation li.dropdown .megamenu li.current .second-title,
.general_components-general_nav .main-menu .navigation li.dropdown.current>a,
.general_components-general_nav .main-menu .navigation li.dropdown.current>a:before,
.general_components-general_nav .main-menu .navigation li.dropdown:hover>a:before {
    color: var(--primaryColor)
}

.general_components-general_nav .main-menu .navigation li.dropdown .megamenu .megamenu-content {
    display: flex;
    flex-wrap: wrap
}

.general_components-general_nav .main-menu .navigation li.dropdown .megamenu li .second-title {
    font-weight: 500;
    padding: 3px 0;
    font-size: 20px
}

.general_components-general_nav .main-menu .navigation li.dropdown .megamenu .column {
    flex: 1;
    max-width: 100%;
    min-width: 25%;
    padding: 0 10px
}

.general_components-general_nav .main-menu .navigation li.dropdown:hover>.megamenu,
.general_components-general_nav .main-menu .navigation li.dropdown:hover>ul {
    opacity: 1;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
    -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05)
}

.general_components-general_nav .main-menu .navigation li.dropdown:hover>.megamenu ul {
    opacity: 1;
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
}

.general_components-general_nav .main-menu .navigation li.dropdown>.megamenu {
    position: absolute;
    width: 100%;
    padding: 30px 50px;
    left: 0;
    max-height: 500px;
    overflow-y: auto;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

.general_components-general_nav .main-menu .navigation ul {
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.general_components-general_nav .menu-area .mobile-nav-toggler {
    position: relative;
    float: right;
    font-size: 40px;
    line-height: 50px;
    cursor: pointer;
    display: none
}

.general_components-general_nav .menu-area .mobile-nav-toggler .icon-bar {
    position: relative;
    height: 2px;
    width: 30px;
    display: block;
    margin-bottom: 5px;
    background-color: #3b3b3b;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.general_components-general_nav .menu-area .mobile-nav-toggler .icon-bar:last-child {
    margin-bottom: 0
}

.general_components-general_nav .mobile-menu {
    position: fixed;
    right: 0;
    top: 0;
    width: 300px;
    padding-right: 30px;
    max-width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
    background-color: #202020
}

.general_components-general_nav .mobile-menu .navbar-collapse {
    display: block !important
}

.general_components-general_nav .mobile-menu .nav-logo {
    position: relative;
    padding: 50px 25px;
    text-align: left
}

.general_components-general_nav .mobile-menu .nav-logo img {
    display: inline-block;
    max-width: 100%;
    height: auto;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all
}

.general_components-general_nav .mobile-menu .menu-backdrop {
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transform: translateX(101%);
    -ms-transform: translateX(101%);
    transform: translateX(101%);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    background: var(--primaryColor)
}

.general_components-general_nav .mobile-menu .menu-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    background: var(--bgColor);
    padding: 0;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    border-radius: 0;
    -webkit-transform: translateX(101%);
    -ms-transform: translateX(101%);
    transform: translateX(101%);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.general_components-general_nav .mobile-menu .close-btn,
.general_components-general_nav .mobile-menu .navigation li>a {
    font-size: 15px;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    color: var(--fontColor)
}

.general_components-general_nav .mobile-menu .close-btn {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 30px;
    height: 30px;
    line-height: 26px;
    border: 2px solid var(--fontColor);
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    z-index: 10;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

.general_components-general_nav .mobile-menu .close-btn:hover {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.general_components-general_nav .mobile-menu .navigation {
    position: relative;
    display: block;
    width: 100%;
    float: none
}

.general_components-general_nav .mobile-menu .navigation li {
    position: relative;
    display: block;
    border-top: 1px solid rgba(255, 255, 255, .1)
}

.general_components-general_nav .mobile-menu .navigation li>ul,
.general_components-general_nav .mobile-menu .navigation li>ul>li>ul {
    display: none
}

.general_components-general_nav .mobile-menu .navigation li>ul>li:first-child {
    border-top: 1px solid rgba(255, 255, 255, .1)
}

.general_components-general_nav .mobile-menu .navigation li>a {
    position: relative;
    display: block;
    line-height: 24px;
    padding: 10px 25px;
    font-weight: 500;
    text-transform: uppercase;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

.general_components-general_nav .mobile-menu .navigation li>a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    border-left: 5px solid #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.general_components-general_nav .mobile-menu .navigation li ul li>a {
    font-size: 16px;
    margin-left: 20px;
    text-transform: capitalize
}

.general_components-general_nav .mobile-menu .navigation:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.general_components-general_nav .mobile-menu .navigation li.current>a:before {
    height: 100%
}

.general_components-general_nav .mobile-menu .navigation li.dropdown .dropdown-btn {
    position: absolute;
    right: 6px;
    top: 6px;
    width: 32px;
    height: 32px;
    text-align: center;
    font-size: 16px;
    line-height: 32px;
    color: var(--fontColor);
    background: rgba(255, 255, 255, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    cursor: pointer;
    border-radius: 2px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    z-index: 5
}

.general_components-general_nav .mobile-menu .navigation li.dropdown .dropdown-btn.open {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.general_components-general_nav .mobile-menu .navigation li.dropdown>.megamenu {
    display: none
}

.general_components-general_nav .mobile-menu .social-links {
    position: relative;
    padding: 30px 25px
}

.general_components-general_nav .mobile-menu .social-links li {
    position: relative;
    display: inline-block;
    margin: 0 10px 10px
}

.general_components-general_nav .mobile-menu .social-links li a {
    position: relative;
    line-height: 32px;
    font-size: 16px;
    color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.general_components-general_nav .mobile-menu .social-links li a:hover {
    color: var(--primaryColor)
}

.general_components-general_nav .mobile-menu .contact-info {
    position: relative;
    padding: 80px 30px 20px
}

.general_components-general_nav .mobile-menu .contact-info h4 {
    position: relative;
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 20px
}

.general_components-general_nav .mobile-menu .contact-info ul li {
    position: relative;
    display: block;
    font-size: 15px;
    color: rgba(255, 255, 255, .8);
    margin-bottom: 3px
}

.general_components-general_nav .mobile-menu .contact-info ul li a {
    color: rgba(255, 255, 255, .8)
}

.general_components-general_nav .mobile-menu .contact-info ul li a:hover {
    color: var(--primaryColor)
}

.general_components-general_nav .mobile-menu .contact-info ul li:last-child {
    margin-bottom: 0
}

@media only screen and (max-width:991px) {

    .general_components-general_nav .main-header.style-one .outer-container:before,
    .general_components-general_nav .main-menu,
    .general_components-general_nav .sticky-header {
        display: none !important
    }

    .general_components-general_nav .menu-area .mobile-nav-toggler {
        display: block;
        margin-top: 10px;
        margin-right: 10px;
        padding: 10px;
        border: 2px solid #222
    }

    .general_components-general_nav .main-header .header-top .top-left,
    .general_components-general_nav .main-header .header-top .top-right {
        float: none;
        text-align: center
    }

    .general_components-general_nav .mobile-menu .navigation>li>a span {
        display: none !important
    }

    .general_components-general_nav .mobile-menu .navigation>li.dropdown>.megamenu li:first-child {
        display: none
    }
}

@media only screen and (max-width:499px) {
    .general_components-general_nav .main-header .logo-box {
        width: 100%;
        text-align: center;
        padding: 5px 0
    }

    .general_components-general_nav .main-header .header-lower .category-box {
        margin-right: 0;
        width: 200px
    }

    .general_components-general_nav .main-header .header-lower .category-box p {
        font-size: 15px;
        padding-left: 60px
    }

    .general_components-general_nav .main-header .header-lower .category-box p:before {
        font-size: 16px;
        top: 22px
    }
}

@media only screen and (max-width:399px) {
    .general_components-general_nav .main-header .header-top .social-links:before {
        display: none
    }
}

.mobile-menu-visible {
    overflow: hidden
}

.mobile-menu-visible .mobile-menu {
    opacity: 1;
    visibility: visible
}

.mobile-menu-visible .mobile-menu .menu-backdrop {
    opacity: .7;
    visibility: visible;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.mobile-menu-visible .mobile-menu .menu-box {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.mobile-menu-visible .mobile-menu .close-btn {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}

.mobile .main-header.style-one .outer-container:before,
.mobile .main-menu,
.mobile .sticky-header {
    display: none !important
}

.mobile .menu-area .mobile-nav-toggler {
    display: block;
    margin-top: 10px;
    padding: 10px;
    border: 2px solid #222
}

.mobile .main-header .logo-box {
    width: 100%;
    text-align: center;
    padding: 10px 0;
    margin-left: 0
}

.mobile .main-header .header-lower .category-box {
    margin-right: 0;
    width: 200px
}

.mobile .main-header .header-lower .category-box p {
    font-size: 15px;
    padding-left: 60px
}

.mobile .main-header .header-lower .category-box p:before {
    font-size: 16px;
    top: 22px
}

.mobile .mobile-menu .navigation>li>a span {
    display: none !important
}

.mobile .mobile-menu .navigation>li.dropdown>.megamenu li:first-child {
    display: none
}

.code-component.gw-editor-component .code-html-content {
    width: 100%;
    min-height: 200px
}

.gw-carousel-item-add-form .col-sm-4,
.gw-carousel-item-add-form .col-sm-8,
.gw-nav-item-add-form .col-sm-8 {
    padding-left: 0
}

.gw-carousel-item-add-form .img-tips {
    color: #999
}

.gw-carousel-item-add-form .circle_color {
    width: 140px;
    border-radius: 2px
}

.gw-carousel-item-add-form .circle_color .color_shape {
    border-radius: 50%;
    border: 1px solid #dcdcdc;
    width: 20px;
    height: 20px
}

.gw-carousel-item-add-form .sp-preview {
    border-radius: 50%;
    border: none;
    margin-right: 0;
    width: 20px;
    height: 20px
}

.gw-form-item-add-form .col-sm-8 {
    padding-left: 0;
    margin-right: 5px
}

.gw-form-item-add-form .col-sm-8 .gw-form-btn-list .col-sm-4 {
    margin-bottom: 5px
}

.gw-form-item-add-form .col-sm-8 .gw-form-btn-list .btn {
    width: 100%
}

.gw-form-item-add-form .col-sm-8 .gw-form-btn-list .btn-black {
    color: #fff;
    background-color: #333
}

.gw-form-item-add-form .form-required {
    display: flex;
    align-items: center
}

.gw-form-item-add-form .form-control.small {
    width: 258px
}

.gw-form-item-add-form .form-height .col-sm-8 {
    position: relative
}

.gw-form-item-add-form .form-height .col-sm-8>span {
    position: absolute;
    right: 27px;
    top: 6px
}

.gw-marquee-item-add-form .col-sm-8 {
    padding-left: 0
}

.gw-marquee-item-add-form .img-tips {
    color: #999
}

.gw-marquee-item-add-form .circle_color {
    width: 140px;
    border-radius: 2px
}

.gw-marquee-item-add-form .circle_color .color_shape {
    border-radius: 50%;
    border: 1px solid #dcdcdc;
    width: 20px;
    height: 20px
}

.gw-marquee-item-add-form .sp-preview {
    border-radius: 50%;
    border: none;
    margin-right: 0;
    width: 20px;
    height: 20px
}

.gw-browse-component {
    width: 198px;
    position: absolute !important;
    word-wrap: break-word;
    z-index: 1
}

.gw-browse-component.gw-dynamic-component {
    width: 90%
}

.gw-browse-component.gw-special-component {
    position: relative !important;
    width: 100%;
    height: auto;
    margin: 0 0 16px
}

.gw-editor-component .gw-browse-component:focus .gw-browse-component-tool {
    display: block
}

.gw-editor-component .gw-browse-component:hover {
    cursor: move
}

.gw-editor-component .gw-browse-component:hover .border {
    border-color: #5BAAF4
}

.gw-editor-component .gw-browse-component:hover>.ui-resizable-handle {
    display: block !important
}

.gw-editor-component .gw-browse-component:hover>.ui-resizable-e,
.gw-editor-component .gw-browse-component:hover>.ui-resizable-n,
.gw-editor-component .gw-browse-component:hover>.ui-resizable-s,
.gw-editor-component .gw-browse-component:hover>.ui-resizable-w {
    background: #5BAAF4
}

.gw-editor-component .gw-browse-component:hover>.ui-resizable-e:before,
.gw-editor-component .gw-browse-component:hover>.ui-resizable-n:before,
.gw-editor-component .gw-browse-component:hover>.ui-resizable-s:before,
.gw-editor-component .gw-browse-component:hover>.ui-resizable-w:before {
    display: block;
    border-color: #5BAAF4
}

.gw-editor-component .gw-browse-component:hover>.ui-resizable-ne,
.gw-editor-component .gw-browse-component:hover>.ui-resizable-nw,
.gw-editor-component .gw-browse-component:hover>.ui-resizable-se,
.gw-editor-component .gw-browse-component:hover>.ui-resizable-sw {
    border-color: #5BAAF4
}

.gw-editor-component .gw-browse-component-tool {
    right: 1px;
    top: -32px
}

.gw-editor-component .gw-selected {
    cursor: move
}

.gw-editor-component .gw-special-component {
    width: calc((100% - 12px));
    margin: 8px 6px
}

.gw-editor-component .gw-special-component.gw-selected {
    border: 1px solid #5BAAF4
}

.gw-modal {
    z-index: 198910160
}

.gw-modal.newformModal {
    z-index: 1998
}

.gw-modal .close {
    color: #FFF;
    font-weight: 400;
    text-shadow: none;
    opacity: 1;
    margin: 10px;
    position: relative;
    z-index: 1051;
    outline: 0
}

.gw-modal .modal-dialog {
    text-align: center;
    color: #fff;
    position: fixed;
    left: 50%;
    top: 50%
}

.gw-modal .modal-body {
    padding: 0
}

.gw-modal .modal-content {
    background: 0 0;
    box-shadow: none;
    border: none
}

.spinner-loading {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 100px auto
}

.spinner-loading .double-bounce1,
.spinner-loading .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #333;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2s infinite ease-in-out;
    animation: sk-bounce 2s infinite ease-in-out
}

.spinner-loading .double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes sk-bounce {

    0%,
    100% {
        -webkit-transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1)
    }
}

@keyframes sk-bounce {

    0%,
    100% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    50% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

.add-wx-model .model-main-cont,
.wechatModal.fade .modal-dialog,
.wechatModal.in .modal-dialog {
    transform: translate(-50%, -50%)
}

.wechatModal button.close {
    left: 50%;
    transform: translateX(-50%);
    top: 74%;
    float: none;
    border: 1px solid #fff;
    border-radius: 50%
}

.wechatModal button.close span {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 28px
}

.wechatModal .modal-dialog {
    top: 45%;
    width: auto;
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
    padding: 20px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .5)
}

.wechatModal .wechat-tips {
    font-size: 14px;
    margin: 10px 0 0;
    display: none;
    color: #333;
    max-width: 160px
}

.wechatModal .wechat-img {
    width: 160px;
    height: 160px;
    box-sizing: initial
}

.imageModal {
    display: none;
    position: fixed;
    width: 100%;
    margin: 0 auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1001;
    background: rgba(0, 0, 0, .6)
}

.imageModal .img-content {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.imageModal .img-content .img-dialog {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 95%
}

.newformModal .close {
    width: 40px;
    height: 40px;
    background: #303133;
    border-radius: 50%;
    text-align: center
}

.newformModal .close span {
    display: block;
    height: 25px;
    font-size: 23px
}

.newformModal .modal-dialog {
    color: #000;
    width: auto;
    margin: -300px 0 0 -310px;
    max-height: 500px;
    overflow-y: scroll;
    border-radius: 2px;
    box-shadow: 1px 1px 50px rgba(0, 0, 0, .3)
}

.mapModal .modal-dialog {
    background-color: #fff;
    text-align: center;
    border-radius: 8px;
    color: #333;
    width: 280px;
    margin: -140px 0 0 -140px
}

.mapModal .modal-dialog .modal-footer,
.mapModal .modal-dialog .modal-header {
    text-align: center
}

.mapModal .modal-dialog .close {
    color: #333;
    margin: 0;
    z-index: 1051
}

.mapModal .modal-dialog .map-modal-container {
    display: flex;
    flex-direction: column
}

.mapModal .modal-dialog .map-modal-container li {
    height: 40px;
    line-height: 40px;
    border-top: 1px solid #ddd;
    cursor: pointer
}

.mapModal .modal-dialog .map-modal-container:first-child li {
    border-top: none
}

.pc .tips-pc {
    display: block
}

.pc .videoModal .modal-dialog {
    width: 640px;
    height: 480px;
    margin: -240px 0 0 -320px
}

.pc .videoModal iframe {
    width: 640px;
    height: 480px
}

.pc .formModal .modal-header {
    text-align: center
}

.pc .formModal .modal-header .close {
    margin: 0
}

.pc .formModal .modal-footer {
    text-align: center
}

.pc .formModal .modal-dialog {
    width: 430px;
    margin: -300px 0 0 -190px;
    border-radius: 8px;
    background-color: #fff;
    color: #000;
    text-align: left
}

.pc .formModal .modal-header .close {
    color: #333
}

.pc .formModal .modal-body {
    padding: 0 20px;
    margin: 15px auto;
    height: auto;
    max-height: 380px;
    overflow-y: auto
}

.pc .formModal .modal-body .require {
    color: red;
    float: left
}

.pc .formModal .modal-body .control-label {
    margin-left: 5px
}

.pc .formModal .modal-body textarea {
    resize: none
}

.pc .formModal .modal-body .gw-upload-image-box .from-model-upload {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    border: 1px solid #CCC;
    position: relative
}

.pc .formModal .modal-body .gw-upload-image-box .gw-upload-content {
    width: 100px;
    height: 100px;
    position: relative;
    border: 1px solid #CCC;
    display: none
}

.pc .formModal .modal-body .gw-upload-image-box .form-upimg-del {
    position: absolute;
    left: 100%;
    top: 0;
    margin-left: 10px;
    width: 80px;
    height: 27px;
    font-size: 16px;
    background-color: #fff;
    border: 1px solid #CCC;
    border-radius: 2px;
    color: #999;
    line-height: 26px;
    text-align: center
}

.pc .formModal .modal-body .gw-upload-image-box .form-upimg-del:hover {
    border-color: #FF5E5E;
    color: #FF5E5E
}

.pc .formModal .modal-body .gw-upload-image-box .gw-upimg {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain
}

.pc .formModal .modal-body .from-input-code {
    border: 1px solid #dcdcdc;
    margin-top: 5px
}

.pc .formModal .modal-body .from-input-code input {
    display: inline-block;
    border: none
}

.pc .formModal .modal-body .from-input-code .btn-code {
    display: inline-block;
    width: 90px;
    font-size: 12px;
    background-color: #fff;
    border-left: 1px solid #dcdcdc;
    color: #0091FF;
    text-align: center;
    cursor: pointer
}

.pc .formModal .modal-body .from-input-code .btn-code.grey {
    color: #999
}

.mobile .tips-mobile {
    display: block
}

.mobile .videoModal .modal-dialog {
    width: 320px;
    height: 240px;
    margin: -120px 0 0 -160px
}

.mobile .videoModal iframe {
    width: 320px;
    height: 240px
}

.mobile.mobile-375 .videoModal .modal-dialog,
.mobile.mobile-375 .videoModal iframe {
    width: 375px
}

.mobile .formModal .modal-header {
    text-align: center
}

.mobile .formModal .modal-header .close {
    margin: 0
}

.mobile .formModal .modal-footer {
    text-align: center
}

.mobile .formModal .modal-dialog {
    width: 300px;
    margin: -250px 0 0 -150px;
    border-radius: 8px;
    background-color: #fff;
    color: #000;
    text-align: left
}

.mobile .formModal .modal-header .close {
    color: #333
}

.mobile .formModal .modal-body {
    padding: 0 10px;
    margin: 8px auto;
    height: auto;
    max-height: 250px;
    overflow-y: auto
}

.mobile .formModal .modal-body .require {
    color: red;
    float: left
}

.mobile .formModal .modal-body .control-label {
    margin-left: 5px
}

.mobile .formModal .modal-body textarea {
    resize: none
}

.mobile .formModal .modal-body .city {
    width: 100%;
    margin: 0 auto
}

.mobile .formModal .modal-body .city .filed {
    padding-left: 5px;
    padding-right: 5px
}

.mobile .formModal .modal-body .gw-upload-image-box .from-model-upload {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    border: 1px solid #CCC;
    position: relative
}

.mobile .formModal .modal-body .gw-upload-image-box .gw-upload-content {
    width: 100px;
    height: 100px;
    position: relative;
    border: 1px solid #CCC;
    display: none
}

.mobile .formModal .modal-body .gw-upload-image-box .form-upimg-del {
    position: absolute;
    left: 100%;
    top: 0;
    margin-left: 10px;
    width: 80px;
    height: 27px;
    font-size: 16px;
    background-color: #fff;
    border: 1px solid #CCC;
    border-radius: 2px;
    color: #999;
    line-height: 26px;
    text-align: center
}

.mobile .formModal .modal-body .gw-upload-image-box .form-upimg-del:hover {
    border-color: #FF5E5E;
    color: #FF5E5E
}

.mobile .formModal .modal-body .gw-upload-image-box .gw-upimg {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain
}

.mobile .formModal .modal-body .from-input-code {
    border: 1px solid #dcdcdc;
    margin-top: 5px
}

.mobile .formModal .modal-body .from-input-code input {
    display: inline-block;
    border: none
}

.mobile .formModal .modal-body .from-input-code .btn-code {
    display: inline-block;
    width: 90px;
    font-size: 12px;
    background-color: #fff;
    border-left: 1px solid #dcdcdc;
    color: #0091FF;
    text-align: center;
    cursor: pointer
}

.mobile .formModal .modal-body .from-input-code .btn-code.grey {
    color: #999
}

.mobile .newformModal .modal-dialog {
    width: 300px;
    margin: -250px 0 0 -150px;
    max-height: 500px;
    overflow-y: scroll
}

.image-uploader-layer {
    padding: 20px;
    overflow: hidden
}

.image-uploader-layer .gw-upload-image-btns .btn {
    margin-left: 10px
}

.image-uploader-layer .tab-pane {
    padding: 0 5px;
    height: 440px;
    border: 1px solid #ddd;
    border-top: 0;
    overflow-x: hidden;
    overflow-y: auto
}

.image-uploader-layer .tab-pane ul {
    overflow: hidden;
    padding: 5px 0
}

.image-uploader-layer .tab-pane ul li {
    width: 162px;
    height: 92px;
    float: left;
    margin: 5px;
    cursor: pointer
}

.image-uploader-layer .tab-pane ul li .gw-upload-image-select-image {
    position: relative;
    border: 1px solid #eee;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-image: url(../images/repeat.jpg);
    background-repeat: repeat
}

.image-uploader-layer .tab-pane ul li .gw-upload-image-select-image.current {
    border: 1px solid #3B98EF
}

.image-uploader-layer .tab-pane ul li .gw-upload-image-select-image img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.image-uploader-layer .tab-pane ul li .gw-tool {
    position: relative;
    display: block;
    top: -20px;
    width: 100%;
    height: 20px;
    background-image: url(../images/background-20.png);
    text-align: right;
    padding-right: 4px
}

.image-uploader-layer .tab-pane ul li .gw-tool i {
    display: block;
    float: right;
    height: 20px;
    width: 20px;
    line-height: 20px;
    cursor: pointer;
    color: #888
}

.image-uploader-layer .tab-pane ul li .gw-tool i:hover {
    color: #555
}

.image-uploader-layer .tab-pane ul li .gw-tool .gw-img-title {
    width: 85%;
    height: 100%;
    text-align: left;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    float: left
}

.image-uploader-layer .tab-pane .list-cat-box {
    box-sizing: border-box
}

.image-uploader-layer .tab-pane .list-cat-box li {
    padding: 0;
    margin: 0;
    width: auto;
    clear: both
}

.image-uploader-layer .tab-pane .list-cat-box .list-cat-title-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 5px
}

.image-uploader-layer .tab-pane .list-cat-box .list-cat-title-box.active {
    background-color: rgba(0, 0, 0, .03)
}

.image-uploader-layer .tab-pane .list-cat-box .list-cat-title-box.active .title {
    color: #1B7AD1
}

.image-uploader-layer .tab-pane .list-cat-box .list-cat-title-box .title {
    display: inline-block;
    width: 100px;
    color: #333;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all
}

.image-uploader-layer .tab-pane .list-cat-box .list-cat-title-box .arrow-img-cat-icon {
    display: inline-block;
    font-size: 18px;
    color: #919191
}

.image-uploader-layer .tab-pane .list-cat-box .child-cat-list {
    padding-bottom: 0;
    display: none
}

.image-uploader-layer .tab-pane .list-cat-box .child-cat-list li {
    padding-bottom: 0;
    margin-bottom: 0
}

.image-uploader-layer .tab-pane.tab-pane-my {
    overflow: hidden
}

.image-uploader-layer .tab-pane ul.mine-cats {
    width: 170px;
    min-height: auto;
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 440px
}

.image-uploader-layer .tab-pane ul.mine-cats li {
    height: auto;
    padding: 5px
}

.image-uploader-layer .tab-pane ul.mine-cats li.active {
    background-color: rgba(0, 0, 0, .03);
    color: #1B7AD1
}

.image-uploader-layer .tab-pane .mine-pane {
    width: 700px;
    overflow-x: hidden;
    overflow-y: auto;
    height: 400px;
    position: relative
}

.image-uploader-layer .tab-pane .gw-upload-image-load-more {
    text-align: center;
    color: #CCC;
    margin: 0 auto 5px;
    height: 40px;
    line-height: 40px;
    position: fixed;
    width: inherit;
    bottom: 68px
}

.image-uploader-layer .tab-pane .gw-upload-image-my-get-more {
    color: #3B98EF;
    background-color: #f2f2f2;
    display: block
}

.image-uploader-layer .tab-pane .gw-upload-image-my-get-more:hover {
    background-color: #EEE
}

.image-uploader-layer .tab-pane .gw-upload-image-input-form {
    margin-top: 170px
}

.image-uploader-layer .tab-pane .gw-upload-image-input-form label {
    margin-top: 7px
}

.image-uploader-layer .tab-pane .gw-upload-image-input-link {
    vertical-align: middle;
    margin: 0 auto
}

.image-uploader-layer .tab-pane .gw-pager-box {
    background-color: #f2f2f2;
    position: absolute;
    width: 100%;
    bottom: 0;
    display: inline-block
}

.image-uploader-layer .tab-pane .gw-pager-box .gw-pager-row,
.image-uploader-layer .tab-pane .gw-pager-box .input-group {
    width: 45%
}

.image-uploader-layer .tab-pane .gw-pager-box .gw-pager-row {
    float: left
}

.image-uploader-layer .tab-pane .gw-pager-box .input-group {
    float: right
}

.image-uploader-layer .tab-pane .gw-pager-box ul {
    min-height: auto;
    margin: 0;
    padding: 0
}

.image-uploader-layer .tab-pane .gw-pager-box ul li {
    width: auto;
    height: auto
}

.image-uploader-layer .tab-pane .gw-pager-box .gw-pager-search-btn button {
    background-color: #3B98EF
}

.image-uploader-layer .gw-upload-image-confirm {
    margin-top: 10px
}

.video-uploader-layer {
    padding: 20px;
    overflow: hidden
}

.video-uploader-layer .tab-pane {
    padding: 0 5px;
    height: 440px;
    border: 1px solid #ddd;
    border-top: 0;
    overflow-x: hidden;
    overflow-y: auto
}

.video-uploader-layer .tab-pane ul {
    overflow: hidden;
    padding: 5px 0;
    min-height: 170px
}

.video-uploader-layer .tab-pane ul li {
    width: 162px;
    height: 92px;
    float: left;
    margin: 5px;
    cursor: pointer;
    overflow: hidden
}

.video-uploader-layer .tab-pane ul li .gw-upload-video-select-video {
    height: 100%;
    position: relative;
    border: 1px solid #eee
}

.video-uploader-layer .tab-pane ul li .gw-upload-video-select-video.current {
    border: 1px solid #3B98EF
}

.video-uploader-layer .tab-pane ul li .gw-upload-video-select-video video {
    width: 100%;
    height: 100%
}

.video-uploader-layer .tab-pane ul li .gw-upload-video-select-video .video-control-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 100px;
    display: none;
    background: rgba(255, 255, 255, .5);
    cursor: default
}

.video-uploader-layer .tab-pane ul li .gw-upload-video-select-video .video-control-bg .fa {
    font-size: 30px;
    color: #333;
    cursor: pointer
}

.video-uploader-layer .tab-pane ul li .gw-upload-video-select-video:hover .video-control-bg {
    display: block
}

.video-uploader-layer .tab-pane ul li .gw-upload-video-select-video .gw-tool {
    position: relative;
    display: block;
    top: -25px;
    width: 100%;
    height: 20px;
    background-image: url(../images/background-20.png);
    text-align: right;
    padding-right: 4px
}

.video-uploader-layer .tab-pane ul li .gw-upload-video-select-video .gw-tool i {
    display: block;
    float: right;
    height: 20px;
    width: 20px;
    line-height: 20px;
    cursor: pointer;
    color: #888
}

.video-uploader-layer .tab-pane ul li .gw-upload-video-select-video .gw-tool i:hover {
    color: #555
}

.video-uploader-layer .tab-pane ul li .gw-upload-video-select-video .gw-tool .gw-video-title {
    width: 85%;
    height: 100%;
    text-align: left;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    float: left
}

.video-uploader-layer .tab-pane.tab-pane-my {
    overflow: hidden
}

.video-uploader-layer .tab-pane ul.mine-cats {
    width: 170px;
    min-height: auto;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 440px
}

.video-uploader-layer .tab-pane ul.mine-cats li {
    height: auto;
    padding: 5px
}

.video-uploader-layer .tab-pane ul.mine-cats li.active {
    background-color: rgba(0, 0, 0, .03);
    color: #1B7AD1
}

.video-uploader-layer .tab-pane .mine-pane {
    width: 700px;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 400px
}

.video-uploader-layer .tab-pane .gw-upload-video-load-more {
    text-align: center;
    color: #CCC;
    margin: 0 auto 5px;
    height: 40px;
    line-height: 40px;
    position: fixed;
    width: inherit;
    bottom: 68px
}

.video-uploader-layer .tab-pane .gw-upload-video-my-get-more {
    color: #3B98EF;
    background-color: #f2f2f2;
    display: block
}

.video-uploader-layer .tab-pane .gw-upload-video-my-get-more:hover {
    background-color: #EEE
}

.video-uploader-layer .tab-pane .gw-upload-video-form {
    margin-top: 170px
}

.video-uploader-layer .tab-pane .gw-upload-video-form label {
    margin-top: 7px
}

.video-uploader-layer .tab-pane .gw-upload-video-input {
    vertical-align: middle;
    margin: 0 auto
}

.video-uploader-layer .tab-pane .gw-upload-video-tips {
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    color: #999
}

.video-uploader-layer .tab-pane .gw-upload-video-tips a {
    color: #3B98EF
}

.video-uploader-layer .gw-upload-video-confirm {
    margin-top: 10px
}

.add-wx-model {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    z-index: 1998;
    position: fixed;
    top: 0;
    left: 0;
    display: none
}

.add-wx-model .model-main-cont {
    text-align: center;
    width: 250px;
    height: 380px;
    border-radius: 6px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%
}

.add-wx-model .model-main-cont .model-title {
    margin: 20px;
    font-size: 16px;
    color: grey
}

.add-wx-model .model-main-cont.coupon-cont {
    background: radial-gradient(circle at right bottom, transparent 15px, #fff 0) top right/50% 270px no-repeat, radial-gradient(circle at left bottom, transparent 15px, #fff 0) top left/51% 270px no-repeat, radial-gradient(circle at right top, transparent 15px, #fff 0) bottom right/50% 111px no-repeat, radial-gradient(circle at left top, transparent 15px, #fff 0) bottom left/51% 111px no-repeat
}

.add-wx-model .qr-code-img {
    width: 180px;
    height: 180px;
    object-fit: contain;
    padding: 0 10px 28px;
    border-bottom: 2px dashed #ccc;
    box-sizing: content-box
}

.add-wx-model .qg-button--primary {
    padding: 10px 20px;
    background: #424A5E;
    border-radius: 5px;
    margin-top: 15px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    line-height: 24px;
    display: inline-block
}

.add-wx-model .small-tips {
    font-size: 14px;
    color: grey;
    margin-top: 10px
}

.add-wx-model_2 .model-main-cont,
.add-wx-model_3 .model-main-cont {
    height: auto
}

.add-wx-model_2 .model-main-cont.coupon-cont,
.add-wx-model_3 .model-main-cont.coupon-cont {
    border-radius: 24px;
    background-color: #fff
}

.add-wx-model_2 .qr-code-img,
.add-wx-model_3 .qr-code-img {
    border-bottom: none;
    padding: 0;
    width: 200px;
    height: 200px
}

.add-wx-model_2 .copy-text-btn,
.add-wx-model_3 .copy-text-btn {
    margin-left: 5px;
    padding: 2px 4px;
    background: #424A5E;
    border-radius: 5px;
    margin-top: 15px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    display: inline-block
}

.add-wx-model .close-box {
    position: absolute;
    bottom: -20%;
    left: 50%;
    margin-left: -20px;
    border: none;
    background-color: transparent;
    background-image: none
}

.add-wx-model .close-box .close {
    opacity: 1;
    width: 40px;
    height: 40px;
    background: url(../images/icon-modal-close.png);
    background-size: contain
}

.pagination_default {
    margin: 10px auto;
    text-align: center
}

.custom-pagination-style li a {
    color: #999
}

.custom-pagination-style li a:hover {
    background-color: var(--pagination-theme-color);
    color: #fff
}

.custom-pagination-style li.active a,
.custom-pagination-style li.active span {
    color: #fff;
    background-color: var(--pagination-theme-color);
    border-color: var(--pagination-theme-color)
}

.custom-pagination-style__2 li a,
.custom-pagination-style__3 li a,
.custom-pagination-style__4,
.custom-pagination-style__4>a,
.custom-pagination-style__6,
.custom-pagination-style__6>a {
    color: var(--pagination-theme-color)
}

.custom-pagination-style li.active a:hover,
.custom-pagination-style li.active span:hover {
    background-color: var(--pagination-theme-color);
    border-color: var(--pagination-theme-color)
}

.custom-pagination-style.pagination-size__lg>li>a,
.custom-pagination-style.pagination-size__lg>li>span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 23px
}

.custom-pagination-style.pagination-size__lg>a.gw-hand-more {
    font-size: 18px
}

.custom-pagination-style.pagination-size__md>li>a,
.custom-pagination-style.pagination-size__md>li>span {
    padding: 8px 14px;
    font-size: 14px;
    line-height: 1.2;
    border-radius: 23px
}

.custom-pagination-style.pagination-size__md>a.gw-hand-more {
    font-size: 14px
}

.custom-pagination-style.pagination-size__sm>li>a,
.custom-pagination-style.pagination-size__sm>li>span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
}

.custom-pagination-style.pagination-size__sm>a.gw-hand-more {
    font-size: 12px
}

.custom-pagination-style__1>li>a,
.custom-pagination-style__1>li>span {
    margin: 0 5px
}

.custom-pagination-style.pagition-panel {
    display: flex;
    align-items: center;
    justify-content: center
}

.custom-pagination-style__5 {
    margin-top: 30px
}

.custom-pagination-style__5 .load-more {
    background-color: var(--pagination-theme-color);
    text-align: center;
    padding: 8px 15px;
    color: #fff;
    border-radius: 4px;
    min-width: 220px;
    margin-bottom: 20px
}