html,
body,
ul,
li,
ol,
dl,
dd,
dt,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
img {
    margin: 0;
    padding: 0;
}

fieldset,
img {
    border: none;
}

img {
    display: block;
}

address,
caption,
cite,
code,
dfn,
th,
var {
    font-style: normal;
    font-weight: normal;
}

ul,
ol {
    list-style: none;
}

input {
    padding-top: 0;
    padding-bottom: 0;
    font-family: "SimSun", "\5B8B\4F53";
}

    input::-moz-focus-inner {
        border: none;
        padding: 0;
    }

select,
input {
    vertical-align: middle;
}

select,
input,
textarea {
    font-size: 12px;
    margin: 0;
}

    input[type="text"],
    input[type="password"],
    textarea {
        outline-style: none;
        -webkit-appearance: none;
    }

textarea {
    resize: none;
}

input,
textarea {
    background: none;
    border: none;
}

table {
    border-collapse: collapse;
}

body {
    color: #333;
    font: 12px/20px "SimSun", "\5B8B\4F53", "Arial Narrow", HELVETICA;
    background: #fff;
}

a {
    color: #666;
    text-decoration: none;
}

    a:visited {
        color: #666;
    }

    a:hover,
    a:active,
    a:focus {
        color: #0095ff;
        text-decoration: underline;
    }

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Microsoft YaHei';
}

.cen {
    width: 100%;
    max-width: 750px;
    margin: 0px auto;
}

.head {
    background: #ffffff;
    height: 46px;
    width: 100%;
    position: relative;
}

.head_left {
    position: absolute;
    left: 3%;
    z-index: 9;
    top: 14px;
    font-size: 18px;
}

    .head_left > img,
    .head_right > img {
        width: 20px;
        vertical-align: middle;
    }

.head_t {
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    width: 100%;
    padding: 0px 86px 0px 86px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.head_right {
    position: absolute;
    right: 3%;
    z-index: 9;
    top: 10px;
}

.logo-top {
    margin-top: 10px;
    width: 100%;
    padding: 0px 3%;
}

    .logo-top img {
        width: 100%;
    }

.list-box {
    margin-top: 46px;
    padding: 0px 3%;
}

.list-box-title {
    color: #faaf2a;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    line-height: 18px;
}

.t-line {
    display: inline-block;
    vertical-align: top;
    height: 14px;
    margin: 0px 10px;
}

.list-box-wrap .imgtextlist {
    display: flex;
    flex-wrap: wrap;
}

    .list-box-wrap .imgtextlist li {
        width: 20%;
        margin-top: 20px;
        text-align: center;
    }

        .list-box-wrap .imgtextlist li img {
            width: 66px;
            height: 66px;
            margin: 0px auto;
        }

.imgtext {
    text-decoration: none;
    margin-top: 4px;
    font-size: 14px;
    color: #344457;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0px 4px;
white-space: nowrap;
}

.bgf9 {
    background: #f9f9f9;
    min-height: 100vh;
}

.detail-list {
    padding: 0px 4%;
    width: 100%;
}

.detail-list-item {
    width: 100%;
    margin-top: 12px;
    font-size: 13px;
    background: #ffffff;
}

    .detail-list-item dt {
        padding: 15px 10px;
        background: #0095ff;
        border-radius: 8px 8px 0px 0px;
        color: #ffffff;
    }
    .dd {
        /*padding: 15px 10px;*/
        background: #0095ff;
        /*border-radius: 8px 8px 0px 0px;*/
        color: #ffffff;
        margin-top:-15px;
    }
    .detail-list-item dd {
        display: flex;
        flex-wrap: wrap;
        padding: 8px;
    }

.list-img {
    height: 0;
    width: 100%;
    padding: 50% 0;
    overflow: hidden;
}

    .list-img .detail-img {
        width: 100%;
        margin-top: -50%;
        background-color: #FFF;
        border-radius: 100px;
    }

    .list-img .detail-img2 {
        width: 100%;
        margin-top: -50%;
        background-color: #FFF;
    }

.detail-list-pic {
    width: 20%;
    padding: 0 5px;
    margin-bottom: 10px;
}
.detail-list-pic2 {
    width: 50%;
    padding: 0 5px;
}

.list-mes {
    text-align: center;
    margin-top: 6px;
    color: #344457;
}

.list-name {
    overflow: hidden;
    text-overflow: normal white-space: nowrap;

}
.list-name2 {
    overflow: hidden;
    text-overflow: normal white-space: nowrap;
    text-align:left;
}
.list-star {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tag {
    border: 1px solid #ffffff;
    /*vertical-align: middle;*/
    padding: 0px 5px;
}

/*.mr20 {
    margin-right: 20px;
}*/

.ml6 {
    margin-left: 2px;
}

.search-wrap {
    margin-top: 30px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.search-item {
    width: 46%;
}

.search-select {
    border: 0px;
    background: transparent;
    font-size: 14px;
    color: #999999;
    width: 100%;
    outline: none;
}

.search-input {
    color: #999999;
    background: #F5F4FA;
    border-radius: 10px;
    height: 30px;
    line-height: 30px;
    position: relative;
}

    .search-input input {
        font-family: 'Microsoft YaHei';
        font-size: 14px;
        padding: 0px 10px;
        width: 70%;
    }

    .search-input .searchIcon {
        position: absolute;
        right: 10px;
        top: 50%;
        width: 16px;
        height: 16px;
        margin-top: -8px;
        display: block;
        background: url(../img/searchIcon.png?e76cafe03b57621abb40eed1c5755d21) no-repeat;
        background-size: 100% 100%;
    }

.downIcon {
    position: absolute;
    right: 5px;
    top: 50%;
    width: 10px;
    height: 5px;
    margin-top: -2px;
    display: block;
    background: url(../img/downIcon.png?b23319377044b0a429362f37894bfdff) no-repeat;
    background-size: 100% 100%;
}

.text-msg {
    padding: 12px 20px;
    background: #f9f9f9;
    border-radius: 4px;
    border: 1px solid #0095ff;
    margin-top: 12px;
}

.box-p4 {
    padding: 0px 4% 44px;
}

.text-h2 {
    font-size: 14px;
    font-weight: bold;
    color: #0095ff;
}

.text-p {
    color: #0095ff;
}

.footer-btn {
    width: 100%;
    display: flex;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 18px;
    position: fixed;
    left: 0px;
    bottom: 0px;
}

.footer-btn-type1 {
    flex: 1;
    background: #ffffff;
    border-top: 1px solid #eeeeee;
    color: #344457;
}

.footer-btn-type2 {
    flex: 1;
    color: #ffffff;
    background: #0095ff;
}

.sort-result {
    width: 100%;
    margin-top: 20px;
    font-size: 14px;
    color: #344457;
}

.sort-list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 10px;
}

.sort-list-item {
    width: 14.28571429%;
    padding: 0px 1%;
    margin-bottom: 7px;
}

.sort-btn-clear {
    background: #f9f9f9;
    color: #0095ff;
    font-size: 11px;
    border: 1px solid #0095ff;
    border-radius: 10px;
    vertical-align: middle;
    padding: 2px 8px;
    margin-left: 4px;
}

.sort-label {
    color: #344457;
}

.spirit-list {
    width: 100%;
    margin-top: 8px;
}

.spirit-tab {
    padding: 10px 0px;
    overflow-y: scroll;
    white-space: nowrap;
}

    .spirit-tab::-webkit-scrollbar {
        display: none;
        /* Chrome Safari */
    }

    .spirit-tab span {
        background: #F5F5F5;
        border-radius: 16px;
        margin-right: 8px;
        font-size: 14px;
        padding: 6px 10px;
        color: #344457;
    }

        .spirit-tab span.on {
            color: #ffffff;
            background: #0095ff;
        }

.spirit-list-box {
    width: 100%;
    margin-top: 10px;
}

    .spirit-list-box ul {
        display: flex;
        flex-wrap: wrap;
    }

        .spirit-list-box ul > li {
            padding: 0 3px;
            width: 20%;
            position: relative;
            color: #344457;
        }

.checked-icon {
    display: none;
    position: absolute;
    right: 37%;
    top: 15%;
    width: 24px;
    height: 24px;
    background: url(../img/cheked.png?d111e4123194d27b016892dd4277982b) no-repeat;
    background-size: 100% 100%;
}

.checked .checked-icon {
    display: block;
}

.checked .list-img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .checked .list-img img {
        border-radius: 100px;
        /*border: 3px solid #37C2BC;-->*/
    }

.checked .spirit-stepper-inner {
    display: flex;
}

.spirit-stepper-inner {
    display: none;
}

.spirit-stepper {
    height: 44px;
    margin-top: 14px;
}

.s-btn {
    display: block;
    width: 22px;
    height: 22px;
}

    .s-btn.reduce {
        background: url(../img/noreduce.png?5689561fce90731583ef7c2fe8b0f77f) no-repeat;
        background-size: 100% 100%;
    }

        .s-btn.reduce.on {
            background: url(../img/reduce.png?e098c1524c342b048f91ff87096c1de9) no-repeat;
            background-size: 100% 100%;
        }

    .s-btn.add {
        background: url(../img/noAdd.png?d138d7c90be5089525fbec01f3489515) no-repeat;
        background-size: 100% 100%;
    }

        .s-btn.add.on {
            background: url(../img/add.png?0ec789a94974af135c11854f195a04f2) no-repeat;
            background-size: 100% 100%;
        }

a {
    text-decoration: none;
}

.spirit-input {
    flex: 1;
    width: 14%;
    margin: 0px 3%;
    background: #F5F6F9;
    color: #363D4F;
    text-align: center;
    font-size: 14px;
    font-family: "Microsoft YaHei";
}
@font-face {
    font-family: layui-icon;
    src: url(font/iconfont.eot) /*tpa=http://layui/dist/font/iconfont.eot?v=256*/;
    src: url(font/iconfont.eot) /*tpa=http://layui/dist/font/iconfont.eot?v=256#iefix*/ format('embedded-opentype'),url(../font/iconfont.woff2-v=256) /*tpa=http://layui/dist/font/iconfont.woff2?v=256*/ format('woff2'),url(../font/iconfont.woff-v=256) /*tpa=http://layui/dist/font/iconfont.woff?v=256*/ format('woff'),url(../font/iconfont.ttf-v=256) /*tpa=http://layui/dist/font/iconfont.ttf?v=256*/ format('truetype'),url(../font/iconfont.svg-v=256#layui-icon) /*tpa=http://layui/dist/font/iconfont.svg?v=256#layui-icon*/ format('svg')
    
}

.layui-icon {
    font-family: layui-icon !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.layui-icon-reply-fill:before {
    content: "\e611"
}

.layui-icon-set-fill:before {
    content: "\e614"
}

.layui-icon-menu-fill:before {
    content: "\e60f"
}

.layui-icon-search:before {
    content: "\e615"
}

.layui-icon-share:before {
    content: "\e641"
}

.layui-icon-set-sm:before {
    content: "\e620"
}

.layui-icon-engine:before {
    content: "\e628"
}

.layui-icon-close:before {
    content: "\1006"
}

.layui-icon-close-fill:before {
    content: "\1007"
}

.layui-icon-chart-screen:before {
    content: "\e629"
}

.layui-icon-star:before {
    content: "\e600"
}

.layui-icon-circle-dot:before {
    content: "\e617"
}

.layui-icon-chat:before {
    content: "\e606"
}

.layui-icon-release:before {
    content: "\e609"
}

.layui-icon-list:before {
    content: "\e60a"
}

.layui-icon-chart:before {
    content: "\e62c"
}

.layui-icon-ok-circle:before {
    content: "\1005"
}

.layui-icon-layim-theme:before {
    content: "\e61b"
}

.layui-icon-table:before {
    content: "\e62d"
}

.layui-icon-right:before {
    content: "\e602"
}

.layui-icon-left:before {
    content: "\e603"
}

.layui-icon-cart-simple:before {
    content: "\e698"
}

.layui-icon-face-cry:before {
    content: "\e69c"
}

.layui-icon-face-smile:before {
    content: "\e6af"
}

.layui-icon-survey:before {
    content: "\e6b2"
}

.layui-icon-tree:before {
    content: "\e62e"
}

.layui-icon-ie:before {
    content: "\e7bb"
}

.layui-icon-upload-circle:before {
    content: "\e62f"
}

.layui-icon-add-circle:before {
    content: "\e61f"
}

.layui-icon-download-circle:before {
    content: "\e601"
}

.layui-icon-templeate-1:before {
    content: "\e630"
}

.layui-icon-util:before {
    content: "\e631"
}

.layui-icon-face-surprised:before {
    content: "\e664"
}

.layui-icon-edit:before {
    content: "\e642"
}

.layui-icon-speaker:before {
    content: "\e645"
}

.layui-icon-down:before {
    content: "\e61a"
}

.layui-icon-file:before {
    content: "\e621"
}

.layui-icon-layouts:before {
    content: "\e632"
}

.layui-icon-rate-half:before {
    content: "\e6c9"
}

.layui-icon-add-circle-fine:before {
    content: "\e608"
}

.layui-icon-prev-circle:before {
    content: "\e633"
}

.layui-icon-read:before {
    content: "\e705"
}

.layui-icon-404:before {
    content: "\e61c"
}

.layui-icon-carousel:before {
    content: "\e634"
}

.layui-icon-help:before {
    content: "\e607"
}

.layui-icon-code-circle:before {
    content: "\e635"
}

.layui-icon-windows:before {
    content: "\e67f"
}

.layui-icon-water:before {
    content: "\e636"
}

.layui-icon-username:before {
    content: "\e66f"
}

.layui-icon-find-fill:before {
    content: "\e670"
}

.layui-icon-about:before {
    content: "\e60b"
}

.layui-icon-location:before {
    content: "\e715"
}

.layui-icon-up:before {
    content: "\e619"
}

.layui-icon-pause:before {
    content: "\e651"
}

.layui-icon-date:before {
    content: "\e637"
}

.layui-icon-layim-uploadfile:before {
    content: "\e61d"
}

.layui-icon-delete:before {
    content: "\e640"
}

.layui-icon-play:before {
    content: "\e652"
}

.layui-icon-top:before {
    content: "\e604"
}

.layui-icon-firefox:before {
    content: "\e686"
}

.layui-icon-friends:before {
    content: "\e612"
}

.layui-icon-refresh-3:before {
    content: "\e9aa"
}

.layui-icon-ok:before {
    content: "\e605"
}

.layui-icon-layer:before {
    content: "\e638"
}

.layui-icon-face-smile-fine:before {
    content: "\e60c"
}

.layui-icon-dollar:before {
    content: "\e659"
}

.layui-icon-group:before {
    content: "\e613"
}

.layui-icon-layim-download:before {
    content: "\e61e"
}

.layui-icon-picture-fine:before {
    content: "\e60d"
}

.layui-icon-link:before {
    content: "\e64c"
}

.layui-icon-diamond:before {
    content: "\e735"
}

.layui-icon-log:before {
    content: "\e60e"
}

.layui-icon-key:before {
    content: "\e683"
}

.layui-icon-rate-solid:before {
    content: "\e67a"
}

.layui-icon-fonts-del:before {
    content: "\e64f"
}

.layui-icon-unlink:before {
    content: "\e64d"
}

.layui-icon-fonts-clear:before {
    content: "\e639"
}

.layui-icon-triangle-r:before {
    content: "\e623"
}

.layui-icon-circle:before {
    content: "\e63f"
}

.layui-icon-radio:before {
    content: "\e643"
}

.layui-icon-align-center:before {
    content: "\e647"
}

.layui-icon-align-right:before {
    content: "\e648"
}

.layui-icon-align-left:before {
    content: "\e649"
}

.layui-icon-loading-1:before {
    content: "\e63e"
}

.layui-icon-return:before {
    content: "\e65c"
}

.layui-icon-fonts-strong:before {
    content: "\e62b"
}

.layui-icon-upload:before {
    content: "\e67c"
}

.layui-icon-dialogue:before {
    content: "\e63a"
}

.layui-icon-video:before {
    content: "\e6ed"
}

.layui-icon-headset:before {
    content: "\e6fc"
}

.layui-icon-cellphone-fine:before {
    content: "\e63b"
}

.layui-icon-add-1:before {
    content: "\e654"
}

.layui-icon-face-smile-b:before {
    content: "\e650"
}

.layui-icon-fonts-html:before {
    content: "\e64b"
}

.layui-icon-screen-full:before {
    content: "\e622"
}

.layui-icon-form:before {
    content: "\e63c"
}

.layui-icon-cart:before {
    content: "\e657"
}

.layui-icon-camera-fill:before {
    content: "\e65d"
}

.layui-icon-tabs:before {
    content: "\e62a"
}

.layui-icon-heart-fill:before {
    content: "\e68f"
}

.layui-icon-fonts-code:before {
    content: "\e64e"
}

.layui-icon-ios:before {
    content: "\e680"
}

.layui-icon-at:before {
    content: "\e687"
}

.layui-icon-fire:before {
    content: "\e756"
}

.layui-icon-set:before {
    content: "\e716"
}

.layui-icon-fonts-u:before {
    content: "\e646"
}

.layui-icon-triangle-d:before {
    content: "\e625"
}

.layui-icon-tips:before {
    content: "\e702"
}

.layui-icon-picture:before {
    content: "\e64a"
}

.layui-icon-more-vertical:before {
    content: "\e671"
}

.layui-icon-bluetooth:before {
    content: "\e689"
}

.layui-icon-flag:before {
    content: "\e66c"
}

.layui-icon-loading:before {
    content: "\e63d"
}

.layui-icon-fonts-i:before {
    content: "\e644"
}

.layui-icon-refresh-1:before {
    content: "\e666"
}

.layui-icon-rmb:before {
    content: "\e65e"
}

.layui-icon-addition:before {
    content: "\e624"
}

.layui-icon-home:before {
    content: "\e68e"
}

.layui-icon-time:before {
    content: "\e68d"
}

.layui-icon-user:before {
    content: "\e770"
}

.layui-icon-notice:before {
    content: "\e667"
}

.layui-icon-chrome:before {
    content: "\e68a"
}

.layui-icon-edge:before {
    content: "\e68b"
}

.layui-icon-login-weibo:before {
    content: "\e675"
}

.layui-icon-voice:before {
    content: "\e688"
}

.layui-icon-upload-drag:before {
    content: "\e681"
}

.layui-icon-login-qq:before {
    content: "\e676"
}

.layui-icon-snowflake:before {
    content: "\e6b1"
}

.layui-icon-heart:before {
    content: "\e68c"
}

.layui-icon-logout:before {
    content: "\e682"
}

.layui-icon-file-b:before {
    content: "\e655"
}

.layui-icon-template:before {
    content: "\e663"
}

.layui-icon-transfer:before {
    content: "\e691"
}

.layui-icon-auz:before {
    content: "\e672"
}

.layui-icon-console:before {
    content: "\e665"
}

.layui-icon-app:before {
    content: "\e653"
}

.layui-icon-prev:before {
    content: "\e65a"
}

.layui-icon-website:before {
    content: "\e7ae"
}

.layui-icon-next:before {
    content: "\e65b"
}

.layui-icon-component:before {
    content: "\e857"
}

.layui-icon-android:before {
    content: "\e684"
}

.layui-icon-more:before {
    content: "\e65f"
}

.layui-icon-login-wechat:before {
    content: "\e677"
}

.layui-icon-shrink-right:before {
    content: "\e668"
}

.layui-icon-spread-left:before {
    content: "\e66b"
}

.layui-icon-camera:before {
    content: "\e660"
}

.layui-icon-note:before {
    content: "\e66e"
}

.layui-icon-refresh:before {
    content: "\e669"
}

.layui-icon-female:before {
    content: "\e661"
}

.layui-icon-male:before {
    content: "\e662"
}

.layui-icon-screen-restore:before {
    content: "\e758"
}

.layui-icon-password:before {
    content: "\e673"
}

.layui-icon-senior:before {
    content: "\e674"
}

.layui-icon-theme:before {
    content: "\e66a"
}

.layui-icon-tread:before {
    content: "\e6c5"
}

.layui-icon-praise:before {
    content: "\e6c6"
}

.layui-icon-star-fill:before {
    content: "\e658"
}

.layui-icon-rate:before {
    content: "\e67b"
}

.layui-icon-template-1:before {
    content: "\e656"
}

.layui-icon-vercode:before {
    content: "\e679"
}

.layui-icon-service:before {
    content: "\e626"
}

.layui-icon-cellphone:before {
    content: "\e678"
}

.layui-icon-print:before {
    content: "\e66d"
}

.layui-icon-cols:before {
    content: "\e610"
}

.layui-icon-wifi:before {
    content: "\e7e0"
}

.layui-icon-export:before {
    content: "\e67d"
}

.layui-icon-rss:before {
    content: "\e808"
}

.layui-icon-slider:before {
    content: "\e714"
}

.layui-icon-email:before {
    content: "\e618"
}

.layui-icon-subtraction:before {
    content: "\e67e"
}

.layui-icon-mike:before {
    content: "\e6dc"
}

.layui-icon-light:before {
    content: "\e748"
}

.layui-icon-gift:before {
    content: "\e627"
}

.layui-icon-mute:before {
    content: "\e685"
}

.layui-icon-reduce-circle:before {
    content: "\e616"
}

.layui-icon-music:before {
    content: "\e690"
}
.layui-anim {
    -webkit-animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-duration: .3s;
    animation-fill-mode: both
}

    .layui-anim.layui-icon {
        display: inline-block
    }

.layui-anim-loop {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.layui-flow-more {
    margin: 10px 0;
    text-align: center;
    color: #999;
    font-size: 14px
}

    .layui-flow-more a {
        height: 32px;
        line-height: 32px
    }

        .layui-flow-more a * {
            vertical-align: top
        }

        .layui-flow-more a cite {
            padding: 0 20px;
            border-radius: 3px;
            background-color: #eee;
            color: #333;
            font-style: normal
        }

            .layui-flow-more a cite:hover {
                opacity: .8
            }

        .layui-flow-more a i {
            font-size: 30px;
            color: #737383
        }