* {
    margin: 0;
    padding: 0;
    font-family: -apple-system,Helvetica,Arial,sans-serif,PingFangSC-Light;
    font-style: normal;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 2rem;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
}

ol, ul {
    list-style: none;
}

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

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html, body {
    overflow-x: hidden;
}

body, input {
    background: rgb(250,250,250);
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clearfix:after {
    display: block;
    content: '';
    clear: both;
}

.clearfix {
    zoom: 1;
}

.clear {
    clear: both;
}

input::-webkit-input-placeholder { /* WebKit browsers */
    color: #999;
}

input:-moz-placeholder { /* WebKit browsers */
    color: #999;
}

input::-moz-placeholder { /* WebKit browsers */
    color: #999;
}

input::-ms-input-placeholder { /* WebKit browsers */
    color: #999;
}

.zxk-container {
    max-width: 1200px;
    margin: 0 auto;
}

/*iphone 6 iphone x iphone xs*/
html {
    font-size: 62.5%; /* 10px / 16px = 62.5%*/
}

/*iphone5 se*/
@media screen and (min-width:320px) and (max-width:320px) and (orientation:portrait) {
    html {
        font-size: 53.34%;
    }
}

/*安卓手机1080p */
@media screen and (min-width:360px) and (max-width:360px) and (orientation:portrait) {
    html {
        font-size: 60%;
    }
}

/*iphone 6plus*/
@media screen and (min-width:411px) and (max-width:41.4rem) and (orientation:portrait) {
    html {
        font-size: 69%;
    }
}

/*安卓手机2k屏幕 */
@media screen and (min-width:480px) and (max-width:480px) and (orientation:portrait) {
    html {
        font-size: 80%;
    }
}

/*电脑*/
@media screen and (min-width:800px) and (max-width:2100px) and (orientation:landscape) {
    html {
        font-size: 80%;
    }
}

/*ipad */
@media screen and (min-width:768px) and (max-width:768px) and (orientation:portrait) {
    html {
        font-size: 128%;
    }
}

/*ipad pro*/
@media screen and (min-width:1024px) and (max-width:1024px) and (orientation:portrait) {
    html {
        font-size: 170%;
    }
}

@font-face {
    font-family: 'BebasNeue Bold';
    src: url('../fonts/BebasNeue Bold.ttf');
}

/*每个页面的容器*/
.zxk-page-container {
    float: none;
}

html {
    background: rgb(250,250,250);
}

@media screen and (min-width:800px) and (max-width:2100px) and (orientation:landscape) {
    .zxk-page-container {
        float: left;
        width: 100%;
    }

    /*body,html{
        background:#e9e9e9;
    }*/
}

.orders-link-box {
    display: none;
}

#app_bottom_nav {
    display: none;
}

.zxk-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    height: 5rem;
    width: 5rem;
    background: #fff url(../../Content/img/loading.gif) no-repeat center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.12);
    box-shadow: 0 2px 4px rgba(0,0,0,.12);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    z-index: 9999;
}

.tab-header {
    -ms-overflow-style: none;
}

    .tab-header::-webkit-scrollbar {
        width: 0 !important;
        height: 0 !important;
        color: transparent;
        overflow: -moz-scrollbars-none;
        display: none;
    }

.tab-header {
    padding: 0 1.5rem 1.5rem 1.5rem;
    overflow-x: scroll;
    overflow-y: hidden;
}

    .tab-header ul {
        display: flex;
    }

        .tab-header ul li {
            -webkit-box-flex: 0;
            -moz-box-flex: 0;
            -ms-flex: none;
            flex: none;
            height: 2.8rem;
            line-height: 2.8rem;
            padding: 0 1.9rem;
            margin: 0 .8rem 0 0;
            -moz-border-radius: 0.5rem;
            border-radius: 5rem;
            background-color: #f3f3f3;
            color: #666;
            -webkit-transition: background-color ease-in .2s, color ease-in .2s;
            -moz-transition: background-color ease-in .2s, color ease-in .2s;
            transition: background-color ease-in .2s, color ease-in .2s;
        }

    .tab-header .on {
        background: rgb(255, 102, 0);
    }

        .tab-header .on a {
            color: #FFF;
        }

.site-header, .site-header .container {
    position: relative;
}

    .site-header .header-nav-menu.slide-up {
        height: 0;
    }

    .site-header .header-nav-menu.slide-down {
        height: 229px;
    }

    .site-header .header-nav-menu-active {
        border-bottom: 1px solid\9;
        -webkit-box-shadow: 0 3px 4px rgba(0,0,0,.18);
        box-shadow: 0 3px 4px rgba(0,0,0,.18);
        -webkit-transition: height .3s,-webkit-box-shadow .2s;
        transition: height .3s,-webkit-box-shadow .2s;
        transition: box-shadow .2s,height .3s;
    }

    .site-header .header-nav-menu {
        position: absolute;
        top: -20px;
        left: 0;
        z-index: 24;
        width: 100%;
        height: 0;
        border-top: 1px solid #e0e0e0;
        background: #fff;
        overflow: hidden;
    }

.layout-container {
    width: 1226px;
    margin-right: auto;
    margin-left: auto;
}

    .layout-container:after, .layout-container:before {
        content: " ";
        display: table;
        box-sizing: unset;
    }

.site-header .header-nav-menu .children-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 12px;
}

.site-header .header-nav-menu li {
    box-sizing: unset;
}

.site-header .header-nav-menu .children-list li {
    position: relative;
    float: left;
    width: 180px;
    padding: 35px 12px 0;
    text-align: center;
}

    .site-header .header-nav-menu .children-list li:before {
        position: absolute;
        left: 0;
        top: 43px;
        z-index: 1;
        width: 1px;
        height: 100px;
        content: "";
        background-color: #e0e0e0;
        box-sizing: unset;
    }

.layout-clearfix:after {
    clear: both;
    box-sizing: unset;
}

.site-header .header-nav-menu .figure-thumb {
    width: 160px;
    height: 110px;
    margin: 0 auto 16px;
    text-align: center;
}

    .site-header .header-nav-menu .figure-thumb img {
        width: 160px;
        height: 110px;
    }

.site-header .header-nav-menu .children-list .first:before {
    display: none;
    box-sizing: unset;
}

.site-header .header-nav-menu .title {
    margin: 0;
    line-height: 20px;
    color: #333;
}

.site-header .header-nav-menu .price {
    margin: 0;
    line-height: 20px;
    color: #ff6700;
    font-size: 12px;
}

.weui-loading {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    display: block;
    animation: weuiLoading 1s steps(12, end) infinite;
    -webkit-animation: weuiLoading 1s steps(12, end) infinite;
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=) no-repeat;
    background-size: 100%;
}

@keyframes weuiLoading {
    0% {
        transform: rotate3d(0, 0, 1, 0deg);
    }

    100% {
        transform: rotate3d(0, 0, 1, 360deg);
    }
}

@-webkit-keyframes weuiLoading {
    0% {
        transform: rotate3d(0, 0, 1, 0deg);
    }

    100% {
        transform: rotate3d(0, 0, 1, 360deg);
    }
}

/*导航栏*/
.zxk-header {
    font-size: 1.6rem;
    text-decoration: none;
    color: #252525;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    min-height: 4.4rem;
    background: #fff;
}

@media screen and (min-width:800px) and (max-width:2100px) and (orientation:landscape) {
    .zxk-header {
        margin: 0 auto;
        max-width: 1200px;
        /*margin-top: 1rem;*/
    }
}

.zxk-header .title {
    margin: 0 7rem;
    height: 4.4rem;
    line-height: 4.4rem;
    text-align: center;
    color: #000;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1.7rem;
}

.zxk-header .back {
    position: absolute;
    margin: 1.2rem 0 0 1rem;
    width: 2rem;
    height: 2rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzRCQTEyN0IzOTcwMTFFODk1OEZCOEVCMEE2QUU1NkUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzRCQTEyN0MzOTcwMTFFODk1OEZCOEVCMEE2QUU1NkUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NEJBMTI3OTM5NzAxMUU4OTU4RkI4RUIwQTZBRTU2RSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NEJBMTI3QTM5NzAxMUU4OTU4RkI4RUIwQTZBRTU2RSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PulQWg8AAAF/SURBVHja7Ni9SsRAEAfwnd1wldiIlqK1td4LiL7CFQaFCHZWgmVqH+GK4FejryA+gPcA9vZ2YnVkd5yAcBLOYJKZ3UWyRbIchPsxSzb/HUBEFfPQKvIxAP89MGn7wPHpuTLOtXoGMdl1WF4rUBug9cX25tpdnufRVHBssXxGhTu0Y6yjs1P6bRTLEo9Lp56ohquLasKcbk5sifvgAMBRRc5oWoau4FIcfRJOaPoQ+i1uwt2H3mZYcdxAdhwnUATHBRTDcQBFcX2B4rg+QC+4rsA9X7gunzpQ1j7S3QuudQWz7HKFjjBbNXNR4QhaYcMCi+LqkwxvtbSX0SWNJVGjAZhQ1T4W8Qk11e2GpkexRP5ZotVBHUmXWwlk122mCZnGAPwV+b3caQxAL0iOsCCK5IpbYkjOwCqC5I787EiJQxMrUurY2YScxNI8Woq0qKZtUpR062NmQB/+RALgqM3/+mgevRhI9imMvVIcewdtqtbH/M8BdOhRD8DA40uAAQDL2thNJDxLvAAAAABJRU5ErkJggg==) no-repeat 50%;
    background-position: 0 0;
    background-size: contain;
}

.zxk-header .action {
    position: absolute;
    height: 4.4rem;
    right: 1rem;
    top: 0;
    line-height: 4.4rem;
    font-size: 1.6rem;
    color: #f23030;
}


/*表单样式*/
.zxk-form {
    position: relative;
    margin-bottom: 1.5rem;
    background: #fff;
}

    .zxk-form a {
        display: block;
        position: relative;
        height: 5rem;
        line-height: 5rem;
        margin-left: 1rem;
        padding-right: 2.7rem;
        font-size: 1.6rem;
        color: #333;
    }

        .zxk-form a .text {
            font-size: 1.4rem;
            color: #999;
            float: right;
        }

    .zxk-form .item a::after {
        content: "";
        position: absolute;
        display: inline-block;
        right: 1rem;
        width: 1.2rem;
        height: 1.2rem;
        background-size: 1.2rem;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAASUExURczMzExpcc7OzszMzM7OzszMzFemUzQAAAAGdFJOU/4AV+BM79J/Z6MAAABUSURBVBjTYxBEAgzoHGcjJI4BgyIyhwnBcWCASoE4QgxQKbBpClApMAcmBbEHKgXhAKVYEC5QYGDGzkFRhmwAitHIlqI4B8WhKF5A8ZyzCa4AgQMAkU4S9VaeluMAAAAASUVORK5CYII=);
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .zxk-form .item.no-click a::after {
        width: 0;
    }

    .zxk-form .item a::before {
        content: "";
        position: absolute;
        z-index: 1;
        pointer-events: none;
        background-color: rgb(233,233,233);
        height: 1px;
        left: 0;
        right: 0;
        top: 0;
    }

    .zxk-form .item:nth-child(1) a::before {
        height: 0;
    }

    .zxk-form img {
        width: 3rem;
        height: 3rem;
        border-radius: 50%;
        vertical-align: middle;
    }

.zxk-form-button {
    height: 4.2rem;
    line-height: 4.2rem;
    text-align: center;
    color: #f23030;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #FFF;
    font-size: 1.6rem;
    margin-bottom: 1.5rem;
}


/*编辑表单样式*/
.zxk-edit-form {
    background: #FFF;
}

    .zxk-edit-form li {
        position: relative;
        box-sizing: border-box;
        min-height: 5rem;
        line-height: 5rem;
        padding: 0 1rem 0 10rem;
    }

    .zxk-edit-form .text {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: auto 0;
        padding: 0 10px;
        font-size: 1.4rem;
        color: #333;
        width: 6.5rem;
    }

    .zxk-edit-form .content {
        font-size: 1.3rem;
        position: absolute;
        right: 1rem;
    }

    .zxk-edit-form input {
        border: 0 none;
        font-size: 1.4rem;
        width: 100%;
        color: #333;
        background: #FFF;
        margin: 0;
        padding: 0;
        flex: 1;
        line-height: normal;
        height: 2rem;
        -webkit-appearance: none;
        text-align: right;
        font-weight: 700;
    }

    .zxk-edit-form textarea {
        -webkit-appearance: none;
        width: 100%;
        border: none;
        resize: none;
        font-size: 1.4rem;
        background: #FFF;
        padding: 0;
        margin: 0;
        text-align: right;
        line-height: 1.5;
    }

    .zxk-edit-form li:after {
        content: "";
        position: absolute;
        z-index: 1;
        pointer-events: none;
        background-color: rgb(233,233,233);
        height: 1px;
        left: 0;
        right: 0;
        bottom: 0;
        margin-left: 1rem;
    }

    .zxk-edit-form li:last-child:after {
        height: 0;
    }

/*顶部搜索*/
#hotContainerBotoom {
    display: none;
}

.header_search {
    margin: 0 0 0 0;
    padding: 1rem 0 1rem 0;
    width: 100%;
    background: rgb(250,250,250);
    max-width: 1200px;
    z-index: 999;
    position: fixed;
    display: block;
}

.header_search-img {
    width: 14%;
    margin-left: 11%;
    padding-top: 2rem;
    float: left;
    display: none;
}

.header_search-i {
    font-size: 1.8rem;
    line-height: 3.8rem !important;
    margin-left: 1rem;
    color: grey;
    float: left;
}

.header_search input {
    font-size: 1.4rem;
    float: left;
    line-height: 2rem;
    border: 0;
    box-sizing: border-box;
    padding-left: 1rem;
    border-radius: 2rem;
    text-align: left;
    width: 67%;
    margin-bottom: .8rem;
}

#search {
    padding: 0 1rem;
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}

.index-search {
    border: 0px solid black;
    position: relative;
    box-sizing: border-box;
    display: flex;
    -webkit-box-orient: horizontal;
    flex-direction: row;
    align-content: flex-start;
    flex: 1 1 0%;
    -webkit-box-flex: 1;
    height: 3.5rem;
    border-radius: 1.6rem 0px 1.6rem 1.6rem;
    overflow: hidden;
    -webkit-box-align: stretch;
    align-items: stretch;
    background: #FFF;
    margin: 0 0 0 1rem;
    width: 86%;
    float: left;
}

.index-search-left {
    border: 0px solid black;
    position: relative;
    box-sizing: border-box;
    display: flex;
    -webkit-box-orient: horizontal;
    flex-direction: row;
    align-content: flex-start;
    flex-shrink: 0;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    padding-left: 1.2rem;
    padding-right: .3rem;
    -webkit-box-align: center;
    align-items: center;
    line-height: 3.5rem;
}


.index-search-city {
    white-space: pre-wrap;
    border: 0px solid black;
    position: relative;
    box-sizing: border-box;
    display: block;
    -webkit-box-orient: vertical;
    flex-direction: column;
    align-content: flex-start;
    flex-shrink: 0;
    font-size: 1.5rem;
    color: rgb(51, 51, 51);
}

.index-search-icon {
    display: flex;
    width: .8rem;
    height: .45rem;
    margin-left: .7rem;
}

.index-search-div {
    border: 0px solid black;
    position: relative;
    box-sizing: border-box;
    display: flex;
    -webkit-box-orient: horizontal;
    flex-direction: row;
    align-content: flex-start;
    flex: 1 1 0%;
    -webkit-box-flex: 1;
    -webkit-box-align: center;
    align-items: center;
}

.index-search input {
    background-color: transparent;
    border-color: rgb(0, 0, 0);
    border-width: 0px;
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    padding: .3rem .7rem .3rem 3.3rem;
    font-size: 1.5rem;
    line-height: 3.5rem;
    height: 3.5rem;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    display: flex;
    outline: none;
    position: relative;
    -webkit-appearance: none;
    width: 200%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    margin-bottom: 0;
}

@media screen and (min-width:800px) and (max-width:2100px) and (orientation:landscape) {
    .header_search {
        display: none;
    }
}


/*底部按钮*/
.safe-area-inset {
    position: fixed;
    bottom: 0;
    width: 100%;
    display: block;
    background: #fff;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
}

.footer-nav {
    display: -webkit-box;
    display: flex;
    height: 4.8rem;
    background: #fff;
    z-index: 1000;
    font-size: 1.5rem;
    position: fixed;
    bottom: 0;
    width: 100%;
    min-width: 3.2rem;
    max-width: 1200px;
}

.border {
    border-width: 0 0 1px;
    border-style: solid;
    -webkit-border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQyN0ZCNkVENjZFMDExRTY4M0RFQTNFNDRCRTgyNjlCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQyN0ZCNkVFNjZFMDExRTY4M0RFQTNFNDRCRTgyNjlCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDI3RkI2RUI2NkUwMTFFNjgzREVBM0U0NEJFODI2OUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDI3RkI2RUM2NkUwMTFFNjgzREVBM0U0NEJFODI2OUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7AIwBYAAAAKklEQVR42mJ89erVfwY0wAIiREVFGWECr1+//s/EgAVgFWSBaUEWBAgwAMG1C4swbDomAAAAAElFTkSuQmCC) 2 2 stretch;
}

.footer-nav {
    color: #636363;
}

    .footer-nav a {
        display: block;
        -webkit-box-flex: 1;
        flex: 1;
        position: relative;
        width: 100%;
        text-align: center;
        color: #333;
        font-size: 1.5rem;
        padding: .3rem 0;
    }

        .footer-nav a i {
            position: relative;
            display: block;
        }

    .footer-nav div {
        font-size: 1.1rem;
    }

.iconfont {
    font-family: iconfont !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#app_bottom_nav {
    box-shadow: 0 0 10px 0 hsla(0,6%,58%,.6);
    -webkit-box-shadow: 0 0 10px 0 hsla(0,6%,58%,.6);
    -moz-box-shadow: 0 0 10px 0 hsla(0,6%,58%,.6);
    display: flex;
}

.bottom-tips {
    width: 100%;
    text-align: center;
    line-height: 5rem;
}

    .bottom-tips, .bottom-tips span {
        color: #999;
        font-size: 1.4rem;
        position: relative;
        background: rgb(250,250,250);
    }

        .bottom-tips span:after, .bottom-tips span:before {
            content: '';
            height: 1px;
            width: 3.3rem;
            border-top: 1px solid #D6D6D8;
            position: absolute;
            top: .7rem;
        }

        .bottom-tips span:after {
            right: -4.2rem;
        }

        .bottom-tips span:before {
            left: -4.2rem;
        }

@media screen and (min-width:800px) and (max-width:2100px) and (orientation:landscape) {
    #app_bottom_nav {
        display: none;
    }

    .tj_scenic {
        display: none;
    }

    .pclist {
        display: block !important;
    }
}

/*图片轮播样式*/
.swiper-container1 {
    border-radius: .5rem;
}

.swiper-container3 {
    margin: 0 auto !important;
    box-shadow: 0 0.34667rem 0.57333rem 0 rgba(0,0,0,.07);
    width: 96%;
    background: #fff;
    border-radius: 10px;
}

    .swiper-container3 li {
        width: 20%;
        text-align: center;
        padding: 1rem 0 .6rem 0;
        flex-shrink: 0;
    }

        .swiper-container3 li p {
            font-size: 1.3rem;
            color: #585858;
        }


.swiper-container4 {
    margin: 0 auto 0 !important;
    background: rgb(250,250,250);
}

    .swiper-container4 li {
        width: 20%;
        text-align: center;
        margin-top: 1rem;
    }

        .swiper-container4 li p {
            padding-top: .5rem;
            font-size: 1.2rem;
        }

.swiper-container1 img {
    width: 100%;
    height: 7rem;
    /*object-fit: cover;*/
/*    border-radius: .5rem;*/
}

.index-swiper {
    width: 100%;
    margin: 0 auto;
    border-radius: 6px;
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 6rem;
}


@media screen and (min-width:800px) and (max-width:2100px) and (orientation:landscape) {
    .swiper-container1 img {
        width: 100%;
        height: 35.32rem !important;
        border-radius: 1rem !important;
        /*object-fit: cover;*/
    }

    .index-swiper {
        padding-top: 2rem;
    }

    .guanggao {
        margin-bottom: 20px;
    }
}

/*左侧标题，右侧更多样式*/

.bj_hot1 {
    background: rgb(250,250,250);
}

.bj_hot1-title {
    display: flex;
    -webkit-box-orient: horizontal;
    flex-direction: row;
    place-content: flex-start space-between;
    flex-shrink: 0;
    -webkit-box-pack: justify;
    -webkit-box-align: center;
    align-items: center;
    padding-right: 2rem;
    padding-left: 1rem;
}

    .bj_hot1-title .title {
        line-height: 5rem;
        margin: 0 auto;
        font-weight: 700;
        font-size: 1.8rem;
        margin-left: 1rem;
        color: #333;
        display: inline-block;
        margin-left: 0;
    }

.title-active {
    border-bottom: 2px solid rgb(255, 102, 0);
}

@media screen and (min-width:800px) and (max-width:2100px) and (orientation:landscape) {
    .bj_hot1 {
        margin-bottom: 30px;
        border-radius: 5px;
        max-width: 1200px;
        margin: 0 auto;
    }

    .bj_hot1-title {
        margin: 0;
    }

        .bj_hot1-title .title {
            margin: 0 auto;
            font-size: 22px;
            display: inline-block;
            margin-left: 0;
            font-weight: 200;
        }
}

.bj_hot1 ul {
    margin: 0 auto;
}


.bj_ho1t ul li a {
    text-decoration: none;
}

.bj_hot1 ul li img {
    width: 100%;
    height: 17.25rem;
    border-radius: 6px;
    object-fit: cover;
}

.tj_more {
    display: flex;
    color: rgb(255, 102, 0);
    font-size: 1.4rem;
    text-decoration: none;
    cursor: pointer;
    font-weight: 500;
}

.bj_hot ul {
    /*width: 15.15rem;*/
    padding: 0 1rem;
    margin: 0 auto 0;
}

    .bj_hot ul li {
        /*width: 7.39rem;*/
        width: 100%;
        overflow: hidden;
        padding: 1rem 0;
    }

.bj_hotList_con {
    width: 100%;
    height: 11rem;
    position: relative;
}

.bj_hot ul li:nth-child(odd) {
    margin-right: 0.37rem;
}

.bj_hot ul li i.fen {
    font-style: normal;
    color: #939393;
    font-size: 1.5rem;
}

.bj_hot ul li h5 {
    font-weight: normal;
    color: #939393;
}

    .bj_hot ul li h5 b:first-child {
        color: #ff6230;
        font-size: 1.4rem;
    }

    .bj_hot ul li h5 b:last-child {
        color: #ff6230;
        font-size: 2rem;
        font-weight: normal;
    }

.proList_rightCon {
    position: relative;
    margin-left: 12rem;
    height: 11rem;
}

    /*.proList_rightCon::before {
        content: "";
        position: absolute;
        z-index: 1;
        pointer-events: none;
        background-color: #e9e9e9;
        height: 0.1rem;
        left: 0;
        right: 0;
        bottom: 0;
        bottom: -1rem;
    }*/

ul li:last-child .proList_rightCon::before {
    display: none;
}

.qian {
    color: #ff6230;
    font-size: 1.5rem;
}

.proList_money {
    font-size: 1.4rem;
    color: #ff6230;
}

.bj_hot ul li img {
    width: 11rem;
    height: 11rem;
    position: absolute;
    overflow: hidden;
    border-radius: 3px;
}

.class_info {
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
}

.bj_hotLi-h5 {
    float: left;
    margin-bottom: 0;
}

.bj_hotLi-fen {
    position: absolute;
    right: 0.5rem;
    bottom: 2.7rem;
}

.bj_hotLi-yishou {
    position: absolute;
    right: 0.5rem;
    bottom: -0.2rem;
}

.bj_hot ul li i {
    font-style: normal;
    color: #939393;
    font-size: 1.4rem;
}

.gotoproject-button {
    background: linear-gradient(to left, rgb(255, 80, 85), rgb(255, 147, 0));
    text-align: center;
    height: 3rem;
    line-height: 3rem;
    position: absolute;
    right: 1rem;
    border-radius: 3px;
    color: white;
    font-size: 1.4rem;
    padding: 0 .8rem;
}

.cr-btn {
    width: 7.5rem;
    height: 2.69333rem;
    padding: 0 .30667rem;
    position: absolute;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    justify-content: space-around;
    color: #fff;
    background: linear-gradient(268deg,#ff672e,#ff872e);
    border-radius: 2rem;
    overflow: hidden;
    right: 0;
    bottom: 0;
}

.class_ticket {
    font-size: 1.6rem;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #333;
    font-weight: 700;
}

.bj_hotLi-h5 .y {
    font-size: 1.2rem;
    color: rgb(255, 102, 0);
}

.bj_hotLi-h5 .price {
    font-size: 1.8rem;
    color: rgb(255, 102, 0);
    font-family: BebasNeue Bold;
    margin-left: -.5rem;
}

.bj_hotLi-h5 .qi {
    color: rgb(255, 102, 0);
    font-size: 1.2rem;
    line-height: .7rem;
}

.bj_hot ul li h5 {
    font-weight: normal;
    color: #939393;
    position: absolute;
    bottom: 0;
    left: 0;
}

.cr-btn p {
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0;
}

@media screen and (min-width:800px) and (max-width:2100px) and (orientation:landscape) {
    .swiper-container1 {
        border-radius: 1rem !important;
    }

    .tj_more {
        font-size: 14px;
    }
}

.tj_more div {
    font-size: 1.2rem;
    line-height: 1.5rem;
    margin-right: -.5rem;
}

.tj_more i {
    font-size: 1.2rem;
    line-height: 1.5rem;
}


/*上面图片，下面文字的样式*/
.imageList {
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 1rem 0 1rem;
    display: flex;
}

@media screen and (min-width:800px) and (max-width:2100px) and (orientation:landscape) {
    .imageList {
        border-radius: 5px;
        padding: 0;
        white-space: inherit;
        font-size: 0;
    }
}

.imageList {
    -ms-overflow-style: none;
}

    .imageList::-webkit-scrollbar {
        width: 0 !important;
        height: 0 !important;
        color: transparent;
        overflow: -moz-scrollbars-none;
        display: none;
    }


.img-wrap {
    width: 11rem;
    margin-right: .5rem;
    padding-bottom: 0;
    position: relative;
    flex-shrink: 0;
}

    .img-wrap img {
        width: 100%;
        height: 11rem;
        border-radius: 6px;
        object-fit: cover;
    }

.img-title {
    text-align: left;
    font-size: 1.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #333;
    font-weight: 700;
    white-space: nowrap;
}

@media screen and (min-width:800px) and (max-width:2100px) and (orientation:landscape) {
    .banner {
        display: none;
    }
}

.video-wrap {
    width: 100%;
    height: 0;
    padding-bottom: calc(100%/1.7);
    position: relative;
    display: inline-block;
}

.video-icon-wise {
    width: 3.6rem;
    height: 0;
    padding-top: 3.6rem;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 4;
    margin: auto;
}

.video-image-contaniner {
    width: 63%;
    display: inline-block;
    margin-right: .5rem;
}

.video-wrap .video-wrap-image {
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 6px;
}

.video-icon-wise img.full {
    z-index: 1;
    opacity: 1;
}

.video-icon-wise img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transition: opacity .3s linear;
}

@media screen and (min-width:800px) and (max-width:2100px) and (orientation:landscape) {
    .video-image-contaniner {
        width: 33%;
        display: inline-block;
    }
}

.activity-wrap {
    background-image: linear-gradient(to top, #fff1eb 0%, #ace0f9 100%);
    border-radius: 6px;
    display: inline-block;
    width: 100%;
    margin-right: 6px;
}

@media screen and (min-width:800px) and (max-width:2100px) and (orientation:landscape) {
    .activity-wrap {
        width: 100%;
        margin: 15px 10px 15px 0;
    }
}

.activity-image-wrap {
    width: calc(100%/3.5);
    height: 0px;
    margin-right: .5rem;
    padding-bottom: calc(100%/3.5);
    position: relative;
    display: inline-block;
}

    .activity-image-wrap img {
        width: 100%;
        height: 100%;
        position: absolute;
        border-radius: 6px;
        left: 0;
        object-fit: cover;
    }

.activity-img-title {
    padding-top: 105%;
    text-align: left;
    font-size: 1.4rem;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

@media screen and (min-width:800px) and (max-width:2100px) and (orientation:landscape) {
    .activity-img-title {
        display: inline-block;
        width: 100%;
    }
}

.activity-wrap .title {
    color: #333;
    font-size: 1.5rem;
    font-weight: bold;
    padding: 1.5rem 0 1rem 2rem;
}

.activity-wrap .img {
    text-align: left;
    padding: 0 1rem;
}

.activity-image-wrap:nth-last-child(1) {
    margin-right: 0;
}


/*瀑布流样式*/
.waterfall {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -moz-column-gap: 1rem;
    -webkit-column-gap: 1rem;
    column-gap: 1rem;
    padding: 1rem;
    background: rgb(250,250,250);
}

@media screen and (min-width:800px) and (max-width:2100px) and (orientation:landscape) {
    .waterfall {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
        -moz-column-gap: 1rem;
        -webkit-column-gap: 1rem;
        column-gap: 1rem;
        padding: 1rem;
        max-width: 1200px;
        margin: 0 auto;
        margin: 0 auto;
        max-width: 1175px;
    }
}

.waterfall li {
    -moz-page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    padding-bottom: 1.5rem;
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
}

.waterfall-box-large {
    position: relative;
}

.waterfall-box-middle {
    position: relative;
}

.waterfall-box-large img {
    width: 100%;
    object-fit: cover;
    border-radius: 5px;
    height: 22rem;
}

.waterfall-box-middle img {
    width: 100%;
    object-fit: cover;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    height: 17.25rem;
}

.waterfall-box-title {
    font-size: 1.4rem;
    color: #333;
    padding: .5rem 1rem 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.waterfall-box-img-title {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    color: #fff;
    font-size: 1.4rem;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 16px;
    line-height: 2.4rem;
    margin-right: 1rem;
    padding: 0 8px 0 5px;
}

    .waterfall-box-img-title p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        padding: 0 0 0 1.3rem;
        height: 2rem;
        font-size: 1.2rem;
        line-height: 2rem;
    }

.waterfall .country {
    box-sizing: border-box;
    padding: 0.5rem 0 0 0;
    font-size: 1.4rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333;
    font-weight: 700;
}

.author {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.2rem;
    margin-top: 1.2rem;
    padding: 0 1rem 1rem 0;
    height: 2.4rem;
}

.waterfall.face {
    border-radius: 50%;
    overflow: hidden;
}

.location {
    line-height: 1.8rem;
    box-sizing: border-box;
    -ms-flex: 1;
    flex: 1;
    margin-left: .5rem;
    font-weight: 300;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #717376;
}

.waterfall.like {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: #767676;
}

.face {
    border-radius: 50%;
    overflow: hidden;
}

    .face img {
        width: 2.4rem;
        height: 2.4rem;
        vertical-align: top;
    }

.like {
    position: relative;
}

    .like i {
        color: #717376;
        font-size: 1.8rem;
        position: absolute;
        right: 1rem;
        top: .2rem;
    }

    .like span {
        color: #717376;
        font-size: 1.4rem;
    }

.bj_hotLi-h5-nonfloat {
    padding: .5rem .9rem 0 0;
    color: rgb(255, 102, 0);
}

    .bj_hotLi-h5-nonfloat .y {
        font-size: 1.2rem;
    }

    .bj_hotLi-h5-nonfloat .before-price {
        font-size: 1.2rem;
    }

    .bj_hotLi-h5-nonfloat .price {
        font-size: 2rem;
        margin-left: -.4rem;
        font-weight: 400;
        font-family: BebasNeue Bold;
    }

    .bj_hotLi-h5-nonfloat .after-price {
        font-size: 1.2rem;
    }


@media screen and (min-width:800px) and (max-width:2100px) and (orientation:landscape) {
    .waterfall .country {
        font-weight: 200;
    }

    .bj_hotLi-h5-nonfloat .price {
        font-weight: 200;
        font-family: -apple-system,Helvetica,Arial,sans-serif,PingFangSC-Light;
    }

    .class_ticket {
        font-weight: 500;
    }
}

/*pc端头部*/
.zxk-pc-header {
    display: none;
    background: #FFF;
    min-width: 810px;
    margin-bottom: 20px;
}

    .zxk-pc-header .header-bar {
        background: #333;
        color: #b0b0b0;
        font-size: 12px;
    }

    .zxk-pc-header .header-bar-top {
        max-width: 1200px;
        margin: 0 auto;
        height: 40px;
    }

    .zxk-pc-header .header-bar-left {
        float: left;
        height: 40px;
        line-height: 40px;
    }

    .zxk-pc-header .header-bar-right {
        float: right;
        height: 40px;
        line-height: 40px;
    }

.user-entry a {
    margin-left: 15px;
    margin-right: 0px !important;
}

.zxk-pc-header .header-icon {
    font-size: 12px;
}

.zxk-pc-header .current-city {
    color: #666;
    font-size: 12px;
    cursor: pointer;
}

.zxk-pc-header .change-city {
    background: #F4F4F4;
    border: 1px solid #E5E5E5;
    border-radius: 2px;
    color: #666;
    margin: 0 4px;
    padding: 0 2px;
}

.zxk-pc-header .user-entry {
    margin-left: 100px;
}

.zxk-pc-header a {
    color: #999;
    font-size: 12px;
}

.zxk-pc-header .header-bar a {
    margin-right: 15px;
}

.zxk-pc-header a:hover {
    color: #FFF !important;
}


.zxk-pc-header .header-bar ul > li {
    float: left;
    position: relative;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

    .zxk-pc-header .header-bar ul > li a {
        color: #999;
    }

.zxk-pc-header .header-content {
    margin-left: 50px;
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}

.zxk-pc-header .header-title {
    float: left;
    /*padding: 28px 0 40px 0;*/
    padding: 20px 0 18px 0;
}

    .zxk-pc-header .header-title img {
        height: 55px;
        cursor: pointer;
    }

.zxk-pc-header .header-content .header-search {
    float: right;
    padding: 26px 0;
    z-index: 999;
    width: 25%;
}

    .zxk-pc-header .header-content .header-search .header-search-input {
        border: 1px solid #e0e0e0;
        border-right: none;
        line-height: 48px;
        box-sizing: border-box;
        display: inline-block !important;
        padding: 15px;
        font-size: 14px;
        height: 48px;
        background: transparent;
        width: 82%;
        outline: none;
    }

    .zxk-pc-header .header-content .header-search .header-search-btn {
        outline: none;
        width: 18%;
        box-sizing: border-box;
        height: 48px;
        background: #FFF;
        border: none;
        float: right;
        color: #222;
        cursor: pointer;
        border: 1px solid #e0e0e0;
    }

        .zxk-pc-header .header-content .header-search .header-search-btn:hover {
            background: #FE8C00;
            color: #fff !important;
        }

.zxk-pc-header .header-big-icon {
    font-size: 20px;
    font-weight: bold;
    line-height: 48px;
}

@media screen and (min-width:800px) and (max-width:2100px) and (orientation:landscape) {
    .zxk-pc-header {
        display: block;
    }
}

/*pc端左侧导航*/
.orders-containder {
    width: 100%;
    margin-top: 0;
}

.orders-left-panel {
    float: none;
}

.orders-right-panel {
    max-width: none;
    margin-left: 0;
}

.orders-link-box {
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 5px;
    width: 230px;
    padding-bottom: 20px;
    display: none;
}

    .orders-link-box .link-group {
        font-size: 16px;
        color: #222222;
        margin: 30px 20px 0 30px;
    }

        .orders-link-box .link-group .title {
            margin: 12px 0;
        }

            .orders-link-box .link-group .title a {
                font-size: 16px;
                color: #222222;
                font-weight: 500;
                text-decoration: none;
            }

        .orders-link-box .link-group .link-ul li a {
            font-size: 14px;
            color: #666;
        }

        .orders-link-box .link-group .link-ul .num {
            color: #999999;
            margin-left: 5px;
            position: relative;
            top: 1px;
        }

        .orders-link-box .link-group .link-ul .icon-right {
            background-image: url(/Content/img/icon-right.png);
            width: 8px;
            height: 26.4px;
            display: block;
            background-repeat: no-repeat;
            background-size: 100%;
            background-position: 50%;
            float: right;
        }

@media screen and (min-width:800px) and (max-width:2100px) and (orientation:landscape) {
    .orders-containder {
        width: 1200px;
        margin: 0 auto;
    }

    .orders-link-box {
        display: block;
    }

    .orders-left-panel {
        float: left;
    }

    .orders-right-panel {
        max-width: 950px;
        margin-left: 250px;
    }
}

.orders-link-box .link-group .title a:hover {
    color: #FE8C00;
}

.noinfo1 {
    left: 50%;
    top: 50%;
    text-align: center;
    margin-top: 50px;
    background: rgb(250, 250, 250);
    max-width: 1200px;
    margin: 0 auto;
}

    .noinfo1 img {
        width: 16rem;
    }

    .noinfo1 span {
        font-size: 1.4rem;
        color: #959595;
    }

.back {
    width: 8rem;
    background: linear-gradient(268deg,#ff672e,#ff872e);
    text-align: center;
    line-height: 3rem;
    font-size: 1.4rem;
    border-radius: 50rem;
    margin: 0 auto;
    color: #fff;
    margin-top: 1rem;
    cursor: default;
    transition-duration: .3s;
}

@media screen and (min-width:800px) and (max-width:2100px) and (orientation:landscape) {
    #voicePlayDiv {
        transform: translateX(-65%);
    }

    /*.noinfo1 {
    background: #e9e9e9;
    }*/
    .menu-container {
        display: none !important;
    }

    .van-popup {
        left: 50% !important;
        transform: translate(-50%, 0%);
        max-width: 1200px;
    }

    .aboutpage-bottom {
        position: static !important;
        margin-top: 5rem;
    }
}

/*分享赚钱*/
.seller-icon {
    position: fixed;
    right: 0.6rem;
    bottom: 25rem;
    width: 4.5rem;
    height: 4.5rem;
    z-index: 99;
    cursor: pointer;
}

    .seller-icon > img {
        max-width: 100%;
        max-height: 100%;
        pointer-events: none;
    }

.index-icon {
    position: fixed;
    right: 0.6rem;
    bottom: 19rem;
    width: 4.5rem;
    height: 4.5rem;
    z-index: 99;
    cursor: pointer;
    background: #FFF;
    border-radius: 50%;
    display: flex;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.16);
}

    .index-icon i {
        line-height: 4.5rem;
        margin: 0 auto;
        color: #333;
    }

.van-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
}

.van-popup--bottom {
    bottom: 0;
    left: 0;
    width: 100%;
}

.van-popup {
    position: fixed;
    max-height: 100%;
    overflow-y: auto;
    background-color: #fff;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    -moz-transition: transform .3s ease-out, -moz-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out, -moz-transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-overflow-scrolling: touch;
}

.salesman-icon__panel--wrap {
    background: #f2f3f5;
}

.salesman-icon__panel {
    padding-top: 3.2rem;
    background: #fff;
}

.salesman-icon__panel-title {
    margin-bottom: 1rem;
    font-size: 1.6rem;
    line-height: 2.2rem;
    text-align: center;
}

.salesman-icon__panel-desc {
    width: 30rem;
    margin: 0 auto 3.2rem;
    color: #999;
    font-size: 1.2rem;
    line-height: 1.6rem;
    text-align: center;
}

.salesman-icon__icon-list {
    padding: 0 4rem;
    font-size: 1.2rem;
}

.salesman-icon__icon-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    padding-bottom: 2.4rem;
}

.salesman-icon__icon-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    text-align: center;
    width: 8rem;
    margin-right: 3.2rem;
}

    .salesman-icon__icon-item:nth-child(3n) {
        margin-right: 0;
    }

.salesman-icon__panel-btn-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    padding: 0 2rem 3.2rem 2rem;
}

.salesman-icon__icon-list {
    padding: 0 4rem;
    font-size: 1.2rem;
}

.salesman-icon__icon-img {
    width: 5.4rem;
    height: 5.4rem;
    margin-bottom: 1rem;
}

.salesman-icon__icon-item img {
    pointer-events: none;
}

.salesman-icon__icon-text {
    font-size: 1.2rem;
    line-height: 1.4rem;
    color: #999;
    white-space: nowrap;
    text-align: center;
}

.salesman-icon__panel-btn-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    padding: 0 2rem 3.2rem 2rem;
}

.salesman-icon__panel-btn {
    height: 3.6rem;
    margin: 0 0.8rem;
    padding: 0 1.6rem;
    border-radius: 18px;
    border: 1px solid #dcdee0;
    font-size: 1.4rem;
    line-height: 3.6rem;
}

.salesman-icon__panel--cancel {
    width: 100%;
    height: 5rem;
    line-height: 5rem;
    color: #333;
    font-size: 1.6rem;
    text-align: center;
    background: #fff;
    margin-top: 0.8rem;
}

.share-mask__ele-wrap {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    background-color: rgba(0, 0, 0, 0.6);
}

.share-mask__wechat-title {
    font-size: 2rem;
    line-height: 3rem;
    height: 3rem;
    margin: 14rem auto auto;
    text-align: center;
    color: #fff;
}

.share-mask__wechat-desc {
    line-height: 2rem;
    font-size: 1.4rem;
    color: #fff;
    text-align: center;
    margin-top: 0.4rem;
}

.share-mask__wechat-icon {
    width: 6.6rem;
    height: 11.7rem;
    position: fixed;
    top: 1.2rem;
    right: 3.3rem;
}

    .share-mask__wechat-icon img {
        height: 100%;
        width: 100%;
    }

.home-header-links {
    position: absolute;
    /*z-index: 1000;*/
    top: 3rem;
    left: 18%;
}

    .home-header-links a {
        color: #333;
        font-size: 16px;
        margin: 0 20px;
        cursor: pointer;
        position: relative;
    }

        .home-header-links a:hover {
            color: #FE8C00;
        }

@media screen and (min-width:800px) and (max-width:2100px) and (orientation:landscape) {
    .bottom-div {
        padding-left: 2rem !important;
    }

    .mask-layer {
        top: 17rem !important;
        width: 950px;
        left: inherit !important;
        right: inherit !important;
    }

    .seller-icon {
        right: 1rem;
    }

    .home-header-links a:hover {
        color: #ff6700 !important;
    }
}

.search-info {
    width: 244px;
    border: 1px solid #ff6700;
    background: #fff;
    position: absolute;
    border-top: 0;
    padding: .5rem 0;
    display: none;
    z-index: 1000;
    top: -2.1rem;
    right: 4.2rem;
}

    .search-info li {
        color: #757575;
        font-size: 12px;
        padding: 0 1rem;
    }

        .search-info li:hover {
            background-color: #FAFAFA;
            cursor: pointer;
        }

.search-info-div {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}

/*公共底部*/
@media screen and (min-width:800px) and (max-width:2100px) and (orientation:landscape) {
    .site-footer {
        display: block;
        margin-top: 1rem;
    }
}

.foot-container {
    width: 1226px;
    margin-right: auto;
    margin-left: auto;
}

.site-footer {
    background: #fff;
}

    .site-footer .footer-service {
        padding: 2rem 0;
        border-bottom: 1px solid #e0e0e0;
    }

    .site-footer .list-service {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

        .site-footer .list-service li:first-child {
            border-left: 0;
        }

        .site-footer .list-service li {
            float: left;
            width: 19.8%;
            height: 2rem;
            border-left: 1px solid #e0e0e0;
            font-size: 1.4rem;
            line-height: 2rem;
            text-align: center;
        }

        .site-footer .list-service a {
            color: #616161;
            -webkit-transition: color .2s;
            transition: color .2s;
        }



    .site-footer .footer-links {
        padding: 3rem 0;
    }

        .site-footer .footer-links .col-links {
            float: left;
            width: 15.1rem;
            height: 11.2rem;
            margin: 0;
        }

            .site-footer .footer-links .col-links dt {
                margin: -.1rem 0 1.6rem;
                font-size: 1.2rem;
                line-height: 1.25;
                color: #424242;
            }

            .site-footer .footer-links .col-links dd {
                margin: 1rem 0 0;
                font-size: 1rem;
            }

            .site-footer .footer-links .col-links a {
                color: #757575;
            }

.foot-container a,
.foot-container a:hover {
    text-decoration: none;
}

.site-footer .footer-links .col-contact {
    float: right;
    width: 19.8rem;
    border-left: 1px solid #e0e0e0;
    text-align: center;
    color: #616161;
}

    .site-footer .footer-links .col-contact .phone {
        font-size: 2rem;
        line-height: 1;
        color: #ff6700;
    }

    .site-footer .footer-links .col-contact p {
        margin: 0 0 1rem 0;
        font-size: 1.2rem;
    }

.btn-line-primary {
    border-color: #ff6700;
    background: #fff;
    color: #ff6700;
}

.foot-container .btn-small {
    width: 11.8rem;
    height: 2.8rem;
    font-size: 1.2rem;
    line-height: 2.8rem;
}

.foot-container .btn {
    display: inline-block;
    width: 13.8rem;
    height: 3.3rem;
    padding: 0;
    margin: 0;
    border: 1px solid #ff6700;
    font-size: 1.2rem;
    line-height: 3.3rem;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .4s;
    transition: all .4s;
    color: #ff6700;
}

.site-footer .footer-links .col-contact .follow {
    font-size: 1.2rem;
    margin-top: 1rem;
    position: relative;
}

.btn-line-primary {
    border-color: #ff6700;
    background: #fff;
    color: #ff6700;
}

    .btn-line-primary:hover {
        background: #ff6700;
        color: #fff;
    }

.weui-dialog__btn {
    color: rgb(255, 80, 85);
}