* {
    margin: 0px;
    padding: 0px;
}

body {
    font-size: 0.32rem;
    font-family: -apple-system, Helvetica, sans-serif;
    color: #333;
    line-height: normal;
    background: #fff;
}
.space-between{
    justify-content: space-between;
}

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

li {
    list-style: none;
}

em {
    font-style: normal;
}

.clear {
    clear: both;
}

.clear30 {
    clear: both;
    height: 0.3rem;
}

.clear10 {
    clear: both;
    height: 0.10rem;
}

.iconfont {
    font-family: "iconfont" !important;
    font-style: normal;
    /*font-size: 27px;*/
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*index*/
.tou {
    background: url("../images/index-bg.jpg");
    background-size: cover;
    height: 6.5rem;
}

.t-wenzi {
    padding-left: 0.4rem;
    padding-top: 0.2rem;
}

.t-wenzi h1, .t-wenzi h3 {
    font-size: 0.7rem;
    color: #fff;
    letter-spacing: 0.1em;
    text-shadow: 0 0 10px #666;
    font-weight: bold;
}

.t-wenzi h3 {
    font-size: 0.28rem;
    padding: 0.1rem;
    padding-bottom: 0rem;
    font-weight: normal;
    text-shadow: 0 0 3px #666;
}
.t-weather {
    font-size: 0.24rem; color: #fff; text-shadow: 0 1px 1px #333; display: flex; align-items: center;
    padding-top: 2.5rem;
    padding-left: 0.4rem;
}
.t-weather img {
    width: 0.3rem; padding-right: 0.1rem;
}

.seabox {
    height: 0.7rem;
    margin: 0.4rem 0.6rem 1.2rem 0.4rem;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 0.03rem;

}

.index-nav {
    margin: 0rem 16px;

}

.index-nav a {
    width: 20%;
    text-align: center;
    color: #fff;
    float: left;
    font-size: 0.24rem;
}

.index-nav a img {
    width: 0.9rem;
}

.index-nav a p {
    padding-top: 0.1rem;
    font-size: 0.26rem;
}

.index-banner {
    margin: 0rem 0.4rem;
    border-radius: 12px;
    height: 2rem;
    overflow: hidden;
}

.index-banner img {
    width: 100%;
    height: 100%;
}

.one-title {
    font-size: 0.46rem;
    font-weight: bold;
    color: #000;
    padding: 0.4rem 0 0.4rem 0.4rem;
}

.zb-btn {
    padding-bottom: 0.1rem;
    padding-left: 0.4rem;
}

.zb-btn .swiper-slide {
    margin-right: 0 !important;
    width: auto;
    display: flex;
}

.zb-btn .swiper-slide span {
    font-size: 0.28rem;
    border: 1px solid #e5e5e5;
    border-radius: 50px;
    padding: 0.1rem 0.2rem 0.1rem 0.2rem;
    margin-right: 0.2rem;
    margin-bottom: 0.05rem;
}

#zb-img {
    padding-left: 0.4rem;
    margin-top: 0.35rem;
}

#zb-img .swiper-slide {
    margin-right: 0.4rem !important;
    width: 2.85rem;
    height: auto;
    padding-top: 0.1rem;

}

#xl-img {
    padding-left: 0.4rem;
    margin-top: 0.35rem;
}

#xl-img .swiper-slide {
    margin-right: 0.4rem !important;
    width: 6.58rem;
    height: auto;
    padding-top: 0.1rem;

}

#xl-img .img {
    width: 6.56rem;
    height: 3.92rem;
    overflow: hidden;
    box-shadow: 0 0 0.1rem #999;
    border-radius: 0.1rem;
    position: relative;
}

#zb-img .img {
    width: 2.85rem;
    height: 2.14rem;
    overflow: hidden;
    box-shadow: 0 0 0.1rem #999;
    border-radius: 0.1rem;
}

#zb-img .text h1 {
    font-size: 0.3rem;
    padding: 0.1rem 0px 0.05rem 0px;
}

#zb-img .text span {
    font-size: 0.22rem;
    color: #f59600;
}

.ljyx {
    float: left;
    border-radius: 0.1rem;
    width: 2rem;
    height: 2rem;
    margin-right: 0.3rem;
    margin-bottom: 0.2rem;
}

.ljyx img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

#tlyx {
    padding-left: 0.4rem;
}

.title {
    color: white;
    margin-top: -1.2rem;
    font-size: 0.30rem;
    text-align: center;
    text-shadow: 0 0 3px #333;
}

#ljyx {
    float: left;
    margin-left: 0.4rem;
}

#ljyx img {
    width: 2rem;
    height: 2rem;
}

.title2 {
    color: white;
    margin-left: 0.25rem;
    font-size: 0.40rem;
    letter-spacing: 0.1em;
    text-shadow: 0 0 3px #333;
    position: absolute;
    left: 0;
    bottom: 0.3rem;
}

.xl-img {
    padding-left: 0.4rem;
    margin-top: 0.35rem;
}

.xl-img .swiper-slide {
    margin-right: 0.4rem !important;
    width: 6.58rem;
    height: auto;
    padding-top: 0.1rem;

}

.xl-img .img {
    width: 6.56rem;
    height: 3.92rem;
    overflow: hidden;
    box-shadow: 0 0 0.1rem #999;
    border-radius: 0.1rem;
}

.tabbar1 {
    position: fixed;
    bottom: 0;
}
.tabbar1 .weui-bar__item--on:before {

}

.lyzx {
    float: left;
    margin-left: 0.4rem;
    margin-top: 0.4rem;
}

.lyzx-div {
    float: left;
    border-radius: 0.1rem;
    width: 3.1rem;
    margin-right: 0.4rem;
    margin-bottom: 0.4rem;
    overflow: hidden;
}

.lyzx-div img {
    width: 3.1rem;
    height: 2rem;
    border-radius: 5px;
}

.ccc {
    font-size: 0.30rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    padding: 0.1rem 0;
    max-height: 0.75rem;
    line-height: 1.5;
}

.color999 {
    color: #999;
    padding-top: 0.1rem;
}

.tou-bj {
    background: url("../images/zbbj.png");
    background-size: 100%;
    height: 6.05rem;
}

.tou-wlzx {
    width: 90%;
    margin-left: 5%;
    margin-top: 0.15rem;
}

.body {
    background: url("../images/wlzx_bj.png");
    background-size: 100%;
}

.af {
    font-size: 0.35rem;
    margin-right: 0.4rem;
}

.bottom-color {
    border-bottom: 3px solid #3498db;
}

.bgcolor {
    background: linear-gradient(302deg, rgba(14, 146, 226, 1) 0%, rgba(24, 210, 232, 1) 99%);
    color: white;
    border: none !important;
}

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

.sousuo {
    font-size: 0.28rem;
    padding-left: 0.2rem;
    color: #fff;
    height: 0.7rem;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;

}

.sousuo span {
    font-size: 0.28rem !important;
}

.icon-sea:before {
    content: "\e685";
    padding: 0 0.2rem;
}

.ljqb {
    padding: 0.4rem;
    font-size: 0.32rem;
    color: #0e92e2;
    font-weight: 400;
}

.ljqb a {
    color: #0e92e2;
}

/*景区*/
.jq-banner {
    height: 3.8rem;
    background-size: 100% 100%;
    background-image: url(../images/jq-banner.png);
    position: relative;
}

.jq-banner .b-wz {
    position: absolute;
    height: 3.8rem;
    width: 100%;
    color: #fff;
    background: rgb(0, 181, 255);
    background: linear-gradient(0deg, rgba(0, 181, 255, 0.42620798319327735) 0%, rgba(54, 234, 232, 0) 100%);
}

.jq-banner .b-wz h1 {
    font-size: 0.9rem;
    padding: 1.4rem 0 0.05rem 0.4rem;
    text-shadow: 0 0 5px #666;
    font-weight: bold;
}

.jq-banner .b-wz h2 {
    font-size: 0.25rem;
    font-weight: 400;
    text-shadow: 0 0 5px #333;
    padding-left: 0.8rem;
}

.jq-listbox {
    margin: 0 0.5rem;
}

.jq-list {
    height: 3.5rem;
    overflow: hidden;
    border-radius: 0.1rem;
    box-shadow: 0 0 10px #999;
    margin-top: 0.5rem;
    position: relative;
}

.jq-textbox {
    position: absolute;
    bottom: 0;
    color: #fff;
    padding: 0.3rem;
    z-index: 1;
}

.yinyingbox {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: rgb(4, 4, 4);
    background: linear-gradient(16deg, rgba(4, 4, 4, 0.2413340336134454) 0%, rgba(54, 234, 232, 0) 81%);
}

.jq-textbox h1 {
    font-size: 0.35rem;
    padding-top: 0.1rem;
    text-shadow: 0 0 5px #666;
}

.jq-textbox h2 {
    font-weight: normal;
    font-size: 0.24rem;
}

.jq-textbox h2 span {
    border-radius: 0.05rem;
    border: 1px solid #fff;
    margin: 0.1rem 0.1rem 0 0;
    padding: 0.05rem;
    float: left;
}

.jq-list img {
    width: 100%;
    height: 100%;
}

.jq-view-banner {
    height: 4rem;
    overflow: hidden;
}

.jq-view-banner img {
    width: 100%;
    height: 100%;
}

.jq-view-titlebox {
    padding: 0.4rem;
}

.jq-view-title {
    font-size: 0.45rem;
    line-height: 1.8;
    font-weight: bold;
}

.jq-view-title a span {
    font-size: 0.24rem;
}

.jq-view-tag {
    padding: 0.1rem 0 0.15rem 0;
}

.jq-view-tag .span1 {
    border-radius: 50px;
    background: #c4eff0;

    color: #08c9cd;
    padding: 3px 8px;
    font-size: 0.22rem;
    margin: 0.08rem;
    display: inline-table;
}

.jq-view-tag .span2 {
    border-radius: 50px;
    color: #999;
    padding: 3px 5px;
    font-size: 0.22rem;
    margin: 0.05rem;
    display: inline-table;
    background: #f7f7f7;
}

.title-ft {
    padding-left: 0.1rem;
}

.gx-cells {
    background-color: #fff;
    font-size: 0.30rem;
    overflow: hidden;
    position: relative;
}

.gx-cell_access {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: inherit;
}

.gx-cell {
    padding: 15px 0;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.gx-cell:first-child:before {
    display: none;
}

.gx-cell:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #e5e5e5;
    color: #e5e5e5;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    z-index: 2;
}

.gx-cell__bd {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

.gx-cell__ft {
    padding-right: 13px;
    position: relative;
}

.gx-cell__ft {
    text-align: center;
    color: #999;
}

.gx-cell__ft:after {
    content: " ";
    display: inline-block;
    height: 6px;
    width: 6px;
    border-width: 2px 2px 0 0;
    border-color: #c8c8cd;
    border-style: solid;
    -webkit-transform: matrix(.71, .71, -.71, .71, 0, 0);
    transform: matrix(.71, .71, -.71, .71, 0, 0);
    position: relative;
    top: -2px;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 2px;
}

.gx-cell__hd {
    text-align: center;
    padding-right: 0.13rem;
}

.gx-cell__hd span {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.icon-ji-tel:before {
    content: "\e6e7";
    font-size: 0.30rem;
}

.icon-ji-dizhi:before {
    content: "\e634";
    font-size: 0.30rem;
}

.icon-ji-time:before {
    content: "\e61c";
    font-size: 0.30rem;
}

.jq-view-anliubox {
    background: #f6f6f6;
    padding: 0.4rem 0.2rem;
    text-align: center;
}

.jq-view-anliubox h1 {
    font-size: 0.28rem;
    padding-top: 0.1rem;
    font-weight: normal;
}

.jq-view-anliubox span {
    display: inline-table;
    font-size: 0.6rem;
    color: #fff;
    padding: 0.1rem;
    border-radius: 100px;
    width: 0.8rem;
    height: 0.8rem;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    justify-content: center;
    margin: 0 auto;

}

.jq-view-anliubox .span1 {
    background: linear-gradient(35deg, rgba(135, 195, 143, 1) 0%, rgba(158, 217, 166, 1) 100%);
}

.jq-view-anliubox .span2 {
    background: linear-gradient(35deg, rgba(18, 150, 219, 1) 0%, rgba(81, 189, 246, 1) 100%);
}

.jq-view-anliubox .span3 {
    background: linear-gradient(35deg, rgba(131, 198, 194, 1) 0%, rgba(158, 222, 218, 1) 100%);
}

.jq-view-anliubox .span4 {
    background: linear-gradient(35deg, rgba(175, 195, 143, 1) 0%, rgba(201, 222, 167, 1) 100%);
}

.jq-view-anliubox .span5 {
    background: linear-gradient(-135deg, rgb(42, 250, 223) 0%, rgb(76, 131, 255) 100%);
}

.jq-view-anliubox .span6 {
    background: linear-gradient(-135deg, rgb(252, 207, 49) 0%, rgb(245, 85, 85) 100%);
}

.jq-view-anliubox .span7 {
    background: linear-gradient(-135deg, rgb(238, 154, 229) 0%, rgb(89, 97, 249) 100%);
}

.jq-view-anliubox .span8 {
    background: linear-gradient(-135deg, rgb(129, 251, 184) 0%, rgb(40, 199, 111) 100%);
}

.icon-anliubox-jdjs:before {
    content: "\e66e";
}

.icon-anliubox-jqdl:before {
    content: "\e683";
}

.icon-anliubox-jqzb:before {
    content: "\e65e";
}

.icon-anliubox-jqqj:before {
    content: "\e661";
}

.icon-daolan:before {
    content: "\e644";
}

.icon-zhoubian:before {
    content: "\e737";
}

.icon-cesuo:before {
    content: "\e60e";
}

.icon-tingche:before {
    content: "\e86a";
}

.icon-relitu:before {
    content: "\e6df";
}

.jq-view-jsbox {
    padding: 0.3rem 0.4rem;
}

.jq-view-info {
    padding-top: 0.2rem;
    color: #666;
    line-height: 1.8;
}

.jq-view-info img {
    width: 100%;
}

.jq-view-info td {
    padding: 2px;
}

.jq-bottom-bor {
    border-bottom: 0.1rem solid #f6f6f6;
}

.jq-mp-title {
    font-size: 0.30rem;
}

.jq-ota {
    position: relative;
    margin-top: 0.2rem;
    padding-top: 0.2rem;
}

.jq-ota a {
    width: 1rem;
    height: 1rem;
    margin: 0.1rem;
    display: inline-table;
}

.jq-ota img {
    width: 1rem;
    height: 1rem;
}

.jq-ota:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #e5e5e5;
    color: #e5e5e5;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    z-index: 2;
}

.swiper-pagination-one {
    width: 40px;
    background: rgba(0, 0, 0, .5);
    left: inherit !important;
    right: 0.2rem;
    padding: 2px 0;
    border-radius: 50px;
    color: #f8f8f8;
}

/*spot css start*/
.text-r {
    text-align: right;
    padding-right: 10px;
}

.float-r {
    float: right;
}

.bg-none {
    background: none !important;
}

.jq-spot-title {
    padding: 0.2rem 0.4rem;
    font-size: 0.44rem;
    font-weight: bold;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
}

.jq-spot-title span {
    width: 5px;
    height: 0.35rem;
    display: inline-table;
    border-radius: 5px;
    background: linear-gradient(0deg, rgba(0, 194, 255, 1) 0%, rgba(201, 222, 167, 1) 100%);
    margin-right: 0.15rem;
}

.spot-list {
    padding: 0.4rem;
    position: relative;
}

.spot-list:after {
    content: " ";
    position: absolute;
    left: 0.4rem;
    bottom: 0;
    right: 0.4rem;
    height: 1px;
    border-top: 1px solid #e5e5e5;
    color: #e5e5e5;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    z-index: 2;
}

.spot-list-img {
    flex: 0 0 40%;
}

.spot-list-img img {
    width: 100%;
    border-radius: 10px;
}

.spot-list-t {
    font-size: 0.32rem;
    font-weight: 600;
    padding-left: 0.15rem;
}

.spot-list-intro {
    padding-left: 0.15rem;
    padding-top: 5px;
    color: #666;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: 0.26rem;

}

a .weui-flex {
    color: #000;
}

.spot-intro h1 {
    font-weight: 600;
    font-size: 0.3rem;
    color: #000;
    text-align: center;
    padding-bottom: 0.2rem;
}

.spot-intro h2 {
    border-left: #ff5027 5px solid;
    padding-left: 10px;
    color: #000;
}

.spot-intro {
    color: #666;
    padding: 0.4rem;
    background: #f6f6f6;
    margin-bottom: 0.2rem;
}

/*spot css end*/

/*daolan css start*/
.dl-list {
    flex-wrap: wrap;
    padding: 0.2rem;
}

.dl-list .weui-flex__item {
    flex-grow: 0;
    flex-basis: 50%;
    overflow: hidden;
}

.dl-list .list-item {
    margin: 0.2rem;
    position: relative;
}

.dl-list .imgbox {
    width: 100%;
    height: 100px;
    overflow: hidden;
    border-radius: 5px;
}

.dl-list .imgbox img {
    width: 100%;
    border-radius: 5px;
}

.dl-list .textbox {
    position: absolute;
    bottom: 5px;
    width: 100%;
}

.dl-list .textbox span {
    font-size: 0.26rem;
    background: #ff5027;
    padding: 3px;
    color: #fff;
    border-radius: 50px;
    margin-left: 5px;
    float: left;
    box-shadow: 0 0 10px #ff1027;
}

.dl-list .textbox em {
    background: rgba(0, 0, 0, 0.5);
    padding: 0.02rem 0.05rem;
    color: #fff;
    border-radius: 23px;
    float: right;
    margin-right: 5px;
    font-size: 0.26rem;
}

.baidumap {
    height: 40vh;
    width: 100%;
    position: fixed;
    z-index: 99;
    display: flex;
    top: 0;
    background: #f6f6f6;
    padding-bottom: 0.1rem;
}

.audio-wrapper {
    width: 100%;
    height: 30px;
}

.audio-left {
    float: left;
    text-align: center;
    width: 18%;
    height: 100%;
}

.audio-left img {
    width: 25px;
    position: relative;

    margin: 0;
    display: initial;
    cursor: pointer;
}

.audio-right {
    margin-right: 2%;
    padding-top: 5px;
    float: right;
    width: 80%;
}

.audio-right p {
    font-size: 15px;
    height: 35%;
    margin: 12px 0 2px 0;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 243px;
}

.progress-bar-bg {
    background-color: #d9d9d9;
    position: relative;
    height: 2px;
    cursor: pointer;
}

.progress-bar {
    background-color: #ff5027;
    width: 0;
    height: 2px;
}

.progress-bar-bg span {
    content: " ";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #ff5027;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -5px;
    margin-left: -5px;
    cursor: pointer;
}

.audio-time {
    overflow: hidden;
    margin-top: 5px;
    color: #ff5027;
}

.audio-length-total {
    float: right;
    font-size: 12px;
}

.audio-length-current {
    float: left;
    font-size: 12px;
}

/*daolan css end*/

/*toilet css strat*/
.toilet-listbox {
    padding: 0 0.2rem;

}

.toilet-listbox:before {
    border-top: none !important;
    content: normal;
}

.toilet-listbox:after {
    border-bottom: none;
}

.toilet-listbox .weui-media-box:before {
    right: 15px;
}

.toilet-listbox .weui-media-box__hd {
    margin-left: .8em;
    margin-right: 0px;
}

.toilet-listbox .weui-media-box__hd {
    height: auto;
    width: 100px;
}

.toilet-listbox .weui-media-box__thumb {
    width: 30%;
    vertical-align: middle;
}

.toilet-listbox .weui-media-box {
    padding: 0.15rem 0.2rem;
}

.toilet-title {
    font-size: 0.32rem;
    padding-bottom: 0.1rem;
}

.toilet-cewei {
    color: #ff502;
    font-size: 0.24rem;
    padding: 0.05rem 0;
}

.toilet-juli {
    color: #08c9cd;
    margin-top: -0.1rem;
    padding-bottom: 0.1rem;

}

.toilet-cewei span {
    font-size: 0.24rem !important;
    margin: 0 0.08rem;
}

.icon-nance:before {
    content: "\e63b";
}

.icon-nvnce:before {
    content: "\e63c";
}

.icon-wuzhangai:before {
    content: "\e6b5";
}

.icon-tingchechang:before {
    content: "\e625";
}

/*toilet css end*/

/*zhoubian css start*/
.zhoubian-box {
    padding: 0.25rem;
}

.zhoubian-list {
    padding: 0.15rem;
    position: relative;
}

.zhoubian-list .imgbox {
    margin-right: .8em;
    width: 1.6rem;
    height: 1.2rem;
    text-align: center;
}

.zhoubian-list .imgbox img {
    width: 100%;
    height: 100%;
    vertical-align: top;
    border-radius: 5px;
}

.zhoubian-list a {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #000;
}

.zhoubian-list h1 {
    font-weight: 400;
    font-size: 0.30rem;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.zhoubian-list p {
    color: #808080;
    font-size: 0.24rem;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    position: relative;
    padding: 0.05rem 0;
}

.zhoubian-list p span {
    font-size: 0.24rem;
}

.zhoubian-list .weui-badge {
    font-size: 0.2rem;
    background: #c4eff0;
    color: #08c9cd;
}

.weui-cell__ft {
    padding-right: 13px;
    position: relative;
    float: right;
    height: 15px;
}

.weui-cell__ft:after {
    content: " ";
    display: inline-block;
    height: 8px;
    width: 8px;
    border-width: 1px 1px 0 0;
    border-color: #C8C8CD;
    border-style: solid;
    -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    position: relative;
    top: -2px;
    position: absolute;
    top: 62%;
    margin-top: -2px;
    right: 2px;
}

.zhoubian-list .daohbox {
    margin-left: .8em;
    width: 30px;
    padding-top: 15px;
    text-align: center;
}

.zhoubian-list .daohbox img {
    width: 30px;
    height: 30px;
    vertical-align: middle;
}

.zhoubian-list:after {
    content: " ";
    position: absolute;
    left: 15px;
    bottom: 0;
    right: 15px;
    height: 1px;
    border-top: 1px solid #E5E5E5;
    color: #E5E5E5;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);

}

.icon-dingwei:before {
    content: "\e65b";
    font-size: 0.24rem;
    padding-right: 5px;

}

/*zhoubian css end*/

/*jqzhibo start*/
.jqzb-tbox {
    height: 6.84rem;
    background-size: cover !important;
}

.jqzb-t-title {
    height: 6.84rem;
    background: linear-gradient(0deg, rgba(0, 189, 255, 0.8491771708683473) 0%, rgba(0, 189, 255, 0) 99%);
    padding: 0 0.4rem;
    color: #fff;
}

.jqzb-t-title h1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-size: 0.6rem;
    font-weight: bold;
    padding-top: 1.0rem;
    text-shadow: 0 0 5px #666;
}

.preloader-2 {

}

.preloader-2 .line {
    width: 2px;
    height: 5px;
    background: #fff;

    display: inline-block;
    animation: opacity-2 1000ms infinite ease-in-out;
}

.preloader-2 .line-1 {
    animation-delay: 800ms;
}

.preloader-2 .line-2 {
    animation-delay: 600ms;
}

.preloader-2 .line-3 {
    animation-delay: 400ms;
}

.preloader-2 .line-4 {
    animation-delay: 200ms;
}

.preloader-2 .line-6 {
    animation-delay: 200ms;
}

.preloader-2 .line-7 {
    animation-delay: 400ms;
}

.preloader-2 .line-8 {
    animation-delay: 600ms;
}

.preloader-2 .line-9 {
    animation-delay: 800ms;
}

@keyframes opacity-2 {
    0% {
        opacity: 1;
        height: 8px;
    }
    50% {
        opacity: 0;
        height: 5px;
    }
    100% {
        opacity: 1;
        height: 8px;
    }
}

.jqzb-t-title h2 {
    font-size: 0.30rem;
    font-weight: normal;
    padding-top: 0.2rem;
}

.jqzb-v-box {
    position: relative;
    z-index: 99;
    margin-top: -2.5rem;
}

.jqzb-v-box .swiper-slide {
    width: 6.5rem;
    margin: 0 0.2rem;
}

.jqzb-v-list {
    width: 6.5rem;
}

.jqzb-video-t {
    color: #333;
    font-weight: bold;
    font-size: 0.30rem;
    padding-top: 0.3rem;
    padding-left: 0.2rem;
}

.jqzb-video-t span {
    color: #333;
    font-size: 0.30rem;
    padding-right: 0.1rem;
}

.jqzb-video {
    width: 100%;
    height: 3.69rem !important;
    border-radius: 0.14rem !important;
    background: #000;
    box-shadow: 0 0 10px #999 !important;
}

.plyr {
    border-radius: 0.14rem !important;
}

.jqzb-listbox {
    margin: 0 0.5rem 0.5rem 0.5rem;
}

.jqzb-list {
    height: 2.8rem;
    overflow: hidden;
    border-radius: 0.1rem;
    box-shadow: 0 0 10px #999;
    margin-top: 0.5rem;
    position: relative;
}

.jqzb-text h1 {
    font-size: 0.30rem;
    padding-top: 0.1rem;
    text-shadow: 0 0 5px #666;
    font-weight: normal;
}

.jqzb-list img {
    width: 100%;
    height: 100%;
}

.search-box {
    position: relative;
    height: 0.7rem;
    margin: 0.6rem 0.1rem;
    background: rgba(255, 255, 255, 0.25);
    border-radius: 0.05rem;
    box-sizing: border-box;
    padding: 0 0.3rem;
    -webkit-text-size-adjust: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;

}

.search-box i {
    color: #fff;
    padding-right: 0.2rem;
}

.search-box input {
    width: 100%;
    height: 0.7rem;
    border: 0;
    font-size: 14px;
    color: #fff;
    box-sizing: content-box;
    background: transparent;
}

.search-box ::-webkit-input-placeholder { /* WebKit browsers */
    color: #fff;
}

.search-box :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff;
}

.search-box ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;
}

.search-box :-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #fff;
}

.view-zhibo-top {
    height: 4.5rem;
    background: #000;
    overflow: hidden;
}

.view-zhibo-box {
    padding: 0.4rem 0.2rem;
}

.view-zhibo-video {
    width: 100%;
    height: 4.5rem !important;
    background: #000;
    overflow: hidden;
}

.view-zhibo-list {
    width: 3rem;
    height: 2rem;
    overflow: hidden;
    border-radius: 0.1rem;
    /*box-shadow: 0 0 10px #999;*/
    margin: 0 0.2rem;
    position: relative;
}

.view-jqzb-text h1 {
    font-size: 0.24rem;
    padding-top: 0.1rem;
    text-shadow: 0 0 5px #666;
    font-weight: normal;
}

/*jqzhibo end*/

/*景区 end*/

/*酒店*/
.view-kefang-box {
    padding: 0.4rem 0 0;
}

.view-kefang-slide {
    width: 2rem;
    margin-right: 0.35rem; text-align: center;
}

.view-kefang-slide img {
    width: 2rem;
    height: 1.6rem;
    border-radius: 0.05rem;
    box-shadow: 0 0 5px #999;
}

.view-jiudian-title {
    border-radius: 50px;
    background: #f7f7f7;
    color: #999;
    padding: 3px 8px;
    font-size: 0.22rem;
    display: inline-table;
    float: right;
    font-weight: normal;
    margin-top: 0.05rem;
}

#origin-img {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 99;
}

#origin-img .swiper-slide img {
    width: 100%;
    vertical-align: middle;
}

.swiper-pagination-or {
    top: 1em;
    bottom: auto;
    color: #fff;
}

.or-text {
    position: absolute;
    bottom: 0;
    line-height: 3em;
    background: rgba(0, 0, 0, .5);
    z-index: 5;
    color: #fff;
    text-indent: 1em;
    width: 100%;
}

.font-zise36 {
    font-size: 0.36rem !important;
}

/*酒店*/

/*农家乐*/
.view-title {
    padding: 0.2rem 0.4rem 0.05rem;
    font-size: 0.36rem;
    font-weight: bold;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
}

.view-title-span {
    width: 5px;
    height: 0.32rem;
    display: inline-table;
    border-radius: 5px;
    background: linear-gradient(0deg, rgba(0, 194, 255, 1) 0%, rgba(201, 222, 167, 1) 100%);
    margin-right: 0.15rem;
}

.view-box {
    padding: 0 0.4rem 0.4rem 0.4rem;
}

.njl-view-jyxm {
    text-align: center;
    width: 1rem;
    margin-right: 0.32rem;
}

.njl-view-jyxm span {
    display: inline-table;
    font-size: 0.6rem;
    color: #fff;

    border-radius: 10px;
    width: 1rem;
    height: 1rem;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    justify-content: center;
    margin: 0 auto;
}

.njl-view-jyxm h1 {
    font-size: 0.28rem;
    padding-top: 0.1rem;
    font-weight: normal;
}

.icon-njl-01 {
    background: #eabf47;
}

.icon-njl-01:before {
    content: "\e619";
}

.icon-njl-02 {
    background: #2aa515;
}

.icon-njl-02:before {
    content: "\e61a";
}

.icon-njl-03 {
    background: #b1d983;
}

.icon-njl-03:before {
    content: "\e610";
}

.icon-njl-04 {
    background: #efb336;
}

.icon-njl-04:before {
    content: "\e618";
}

.icon-njl-05 {
    background: #dd684f;
}

.icon-njl-05:before {
    content: "\e609";
}

.icon-njl-06 {
    background: #d43908;
}

.icon-njl-06:before {
    content: "\e60c";
}

.icon-njl-07 {
    background: #5bb3fb;
}

.icon-njl-07:before {
    content: "\e77a";
}

.icon-njl-08 {
    background: #0061b0;
}

.icon-njl-08:before {
    content: "\e65f";
}

.jidaibox {
    padding: 0 0.2rem 0.4rem 0.2rem;
}

.jidaibox .weui-flex__item {
    margin: 0 0.2rem;
    position: relative;
}

.jidai-wenzi {
    width: 100%;
    height: 0.92rem;
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: center;
    flex-flow: column;
}

.jidai-wenzi p {
    color: #fff;
    font-size: 0.24rem;
    text-shadow: 0 0 4px #999;
    text-align: right;
    width: 90%;
}

.jidai-zs {
    height: 1.26rem;
    background: url(../images/farm-bg1.png) center bottom no-repeat;
    background-size: 100%;
}

.jidai-cy {
    height: 1.26rem;
    background: url(../images/farm-bg2.png) center bottom no-repeat;
    background-size: 100%;
}

/*农家乐 end*/

/*news*/
.news-list {
    padding: 0.3rem 0.5rem;
}

.news-list-title {
    font-size: 0.48rem;
    font-weight: bold;
    padding: 0.3rem 0;
}

.news-list-intro {
    font-size: 0.32rem;
    color: #666;
    padding: 0.1rem 0;
    line-height: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.news-list-img {
    height: 3rem;
    border-radius: 5px;
    margin: 0.3rem 0;
    overflow: hidden;
}

.news-list-img img {
    width: 100%;
    min-height: 3rem;
}

.news-list-more {
    color: #0e92e2;
    font-size: 0.32rem;
    padding: 0rem 0 0.2rem 0;
}

.news-intro-box {
    padding: 0.4rem;
}

.news-intro-title {
    font-size: 0.44rem;
    font-weight: bold;
    padding: 0.1rem 0 0.2rem 0;
}

.news-intro-time {
    font-size: 0.24rem;
    color: #999;
}

.news-intro {
    padding: 0 0.4rem 0.2rem;
    line-height: 1.8;
}

.news-intro img {
    width: 100%;
}

.news-intro td {
    padding: 2px;
}

/*news end*/

/*footer*/
.foot-line {
    height: 53px;
}

/*menu*/
.icon-home:before {
    content: "\e635";
}

.icon-fuwu:before {
    content: "\e61e";
}

.icon-quanyu:before {
    content: "\e641";
}

.icon-tousu:before {
    content: "\e622";
}

.icon-wode:before {
    content: "\e621";
}

.weui-tabbar__icon span {
    font-size: 22px;
}

.weui-tabbar {
    background: #fff;

}

.weui-bar__item--on span {
    background: linear-gradient(to bottom, #18d2e8, #0e92e2);
    -webkit-background-clip: text;
    color: transparent;
}

.weui-tabbar:before {
    border-top: 1px solid #e5e5e5;
}

.weui-tabbar__label {
    font-size: 12px;
}

.weui-bar__item--on .weui-tabbar__label {
    color: #0e92e2 !important;
}

/*menu end*/

/*服务*/
.fuwu-banner {
    margin-top: 0.4rem;
}

.fuwu-title {
    font-size: 0.46rem;
    font-weight: bold;
    color: #000;
    padding: 0.6rem 0 0.3rem 0.4rem;
}

.fuwu-box {
    padding: 0 0.2rem;
}

.fuwu-list .weui-grid {
    position: relative;
    float: left;
    padding: 10px 0;
    width: 20%;
    box-sizing: border-box;
}

.fuwu-list:before, .fuwu-list .weui-grid:before {
    content: normal !important;
}

.fuwu-list:after, .fuwu-list .weui-grid:after {
    content: normal;
}

.fuwu-list .weui-grid__icon {
    width: 45px;
    height: 45px;
    margin: 0 auto;
}

.fuwu-list .weui-grid__label {
    font-weight: bold;
}

.fuwu-shuoming {
    padding: 0.4rem;
    text-align: center;
}

.fuwu-shuoming p {
    color: #ddd;
    font-size: 12px;
}

.fuwu-shuoming h1 {
    color: #00bdff;
    font-weight: normal;
    font-size: 14px;
    padding: 5px 0;
}

/*服务 end*/

/*全景*/
.quanjing-title {
    text-align: center;
    padding: 0.5rem 0;

}

.quanjing-title h1 {
    font-size: 0.48rem;
    font-weight: bold;
    text-align: center;
    padding-bottom: 0.4rem;
}

.quanjing-title p {
    font-size: 0.28rem;
    color: #999;
    padding-bottom: 0.3rem;
}

.quanjing-listbox {
    position: relative;
}

.quanjing-listbox:before {
    width: 1px;
    bottom: 0;
    content: " ";
    position: absolute;
    left: 35%;
    top: 0;
    color: #d9d9d9;
    border-left: 1px solid #008aff;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5);
}

.quanjing-list-t {
    width: 35%;
    position: relative;
}

.quanjing-list-t span {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    position: absolute;
    display: inline-table;
    background: radial-gradient(circle, rgba(0, 138, 255, 0.87718837535014) 0%, rgba(0, 237, 222, 1) 99%);
    top: 0.4rem;
    right: -5.3px;
    box-shadow: 0 0 5px #999;
}

.quanjing-list-t h2 {
    padding: 0.25rem 0.4rem 0;
    font-size: 0.36rem;
    font-weight: 400;
}

.quanjing-list-img {
    width: 65%;
}

.quanjing-list-nr {
    margin: 0.4rem;
    height: 2rem;
    position: relative;

}

.quanjing-list-nr img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    box-shadow: 0 0 10px #999;
}

.quanjing-list-nr span {
    border: 1px solid #fff;
    padding: 5px;
    position: absolute;
    color: #fff;
    border-radius: 5px;
}

.quanjing-list-nr a {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.7259278711484594) 0%, rgba(0, 0, 0, 0) 99%);
    border-radius: 5px;

}

/*全景 end*/

/*tousu css*/
.tousu-title {
    padding: 10px;
    background: #f7f7fa;
    font-size: 3.73vw;
    text-align: center;
    position: relative;
}

.tousu-title:before {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid #c0bfc4;
    color: #c0bfc4;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
}

.tousu {
    text-align: center;
    padding-top: 30%;
}

.tousu h3, h4 {
    font-weight: normal;
    padding-top: 8px;
    font-size: 16px;
    color: #999;
}

.tousu span:before {
    color: #04BE02;
    content: "\e624";
    font-size: 80px;
}

.tousu .span2:before {
    color: #04BE02;
    content: "\e71f";
    font-size: 80px;
}

/*tousu css end*/

/*热力图*/
.rlt-title {
    padding: 0.4rem;
}

.rlt-title p {
    padding-top: 0.2rem;
    color: #999;
}

.rltbox {
    height: calc(100% - 1.63rem);
}

/*热力图 end*/

/*印象*/
.yinxiang-box {
    padding: 0.5rem;
    padding-top: 0;
}

.yinxiang-list {
    position: relative;
    height: 3.75rem;
    overflow: hidden;
    border-radius: 5px;
    margin-top: 0.5rem;
}

.yinxiang-list img {
    width: 100%;
    min-height: 3.75rem;
}

.yinxiang-wenzi {
    position: absolute;
    bottom: 0.5rem;
    left: 0;
}

.yinxiang-wenzi h1 {
    color: #fff;
    font-size: 0.38rem;
    padding: 0 0.3rem 0.1rem 0.3rem;
    letter-spacing: 0.1em;
}

.yinxiang-wenzi p {
    color: #fff;
    padding: 0 0.3rem;
    letter-spacing: 0.1em;
}

.icon-yinxiang:before {
    content: "\e64f";
    font-size: 0.38rem;
    padding-right: 0.1rem;
}

/*印象 end*/

/*搜索页*/
.v-sea-box {
    padding: 0.2rem 0.4rem;
    position: relative;
    display: flex;
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #fff !important;
}

.v-sea-box:before, .v-sea-box:after {
    content: normal !important;
}

.v-sea-box-bar {
    box-shadow: 0 0 10px #e0e0e0;
    border-radius: 2px;
    padding: 2px 30px;
}

#btn-ss {
    margin-left: 10px;
    line-height: 28px;
    white-space: nowrap;
}

.v-sea-title {
    padding: 0.4rem 0.4rem 0 0.4rem;
    font-size: 0.36rem;
    font-weight: bold;
}

#rmss-list {
    padding: 0.4rem;
}

#rmss-list .weui-badge {
    background: #EEEEEE;
    color: #333;
    margin: 5px 4px;
    padding: 4px 8px;
}

/*搜索页 end*/

/*目的地*/
.mdd-tbox {
    height: 6rem;
    background-size: cover !important;
    background: url(../images/list-mdd.jpg) center no-repeat;
}

.mdd-t-title {
    height: 6rem;
    background: linear-gradient(0deg, rgba(0, 189, 255, 0.8491771708683473) 0%, rgba(0, 189, 255, 0) 99%);
    padding: 0 0.4rem;
    color: #fff;
}

.mdd-t-title h1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-size: 0.6rem;
    font-weight: bold;
    padding-top: 1.0rem;
    text-shadow: 0 0 5px #666;
}

.mdd-t-title h2 {
    font-size: 0.30rem;
    font-weight: normal;
    padding-top: 0.2rem;
}

.mdd-vbox {
    padding: 0 0.4rem;
    margin-top: -2.5rem;
}

/*目的地 end*/
.fanhui {
    position: relative;
    top: 10px;
    left: 10px;
    z-index: 9999999;
    height: 0.15rem;
    width: 0.15rem;
}

.fanhui:after {
    content: " ";
    display: inline-block;
    height: 0.15rem;
    width: 0.15rem;
    border-width: 0 0 2px 2px;
    border-color: #fff;
    border-style: solid;
    -webkit-transform: matrix(.71, .71, -.71, .71, 0, 0);
    transform: matrix(.71, .71, -.71, .71, 0, 0);
    position: relative;
    top: -2px;
    position: absolute;
    top: 50%;
    text-shadow: 0 0 5px #333;

}

@media screen and (max-width: 375px) {
    .rltbox {
        height: calc(100% - 2.04rem);
    }
}

/*新版景区页面 2020-03-11*/
.padding-all {
    padding: 0.4rem;
}

.padding-lr {
    padding: 0 0.4rem;
}

.padding-box {
    padding: 0.2rem 0.4rem 0.2rem 0.4rem;
}

.jqfh-box {
    width: 0.15rem !important; position: absolute; left: 0; top:0.1rem;
}

.jqfh {
    position: relative;
    top: 12px;
    z-index: 9999999;
    height: 0.15rem;
    width: 0.15rem;
}

.jqfh:after {
    content: " ";
    display: inline-block;
    height: 0.2rem;
    width: 0.2rem;
    border-width: 0 0 1px 1px;
    border-color: #333;
    border-style: solid;
    -webkit-transform: matrix(.71, .71, -.71, .71, 0, 0);
    transform: matrix(.71, .71, -.71, .71, 0, 0);
    position: relative;
    top: -2px;
    position: absolute;
    top: 50%;
    text-shadow: 0 0 5px #333;

}

.jq-sousuo {
    font-size: 0.28rem;
    color: #9f9f9f;
    height: 0.7rem;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #f7f7f7;
    border-radius: 5px;
    float: right;

    width: 100%;
    transition: width .5s;
    -webkit-transition: width .5s;
}

.jq-sousuo span {
    font-size: 0.28rem !important;
    color: #a1a1a1 !important;
    margin-left: 0.02rem;
    font-weight: bold;
}

.jq-sousuo input {
    border: 0;
    background: #f7f7f7;
    color: #9f9f9f;
}

.jq-ss-anm {
    width: 0.7rem;
    text-align: center;
    overflow: hidden;
    border-radius: 50px;
    z-index: 10000;
    position: relative;

}

.sbox-fixed {
    position: fixed;
    width: 100%;
    z-index: 999;
    background: #fff;
}

.x-jq-title {
    font-size: 0.7rem;
    font-weight: bold;
}

.x-jq-title-anm {
    text-align: center;
    font-size: 0.32rem;
    position: fixed;
    top: 0.35rem;
    z-index: 9999;
    padding: 0;
    width: 260px;
    left: 50%;
    margin-left: -130px;
}

.x-jq-jbox {
    color: #666;
    line-height: 1.8;
}

.icon-x-dw:before {
    content: "\e65b";
    font-size: 14px;
    padding-right: 0.1rem;
}

.x-jq-access {
    padding: 0.05rem 0;
}
.x-jq-access a {
    color: #0bb20c;
}


.more__ft:after {
    content: " ";
    display: inline-block;
    height: 6px;
    width: 6px;
    border-width: 1px 1px 0 0;
    border-color: #666;
    border-style: solid;
    -webkit-transform: matrix(.71, .71, -.71, .71, 0, 0);
    transform: matrix(.71, .71, -.71, .71, 0, 0);
    position: relative;
    top: 45%;
    position: absolute;
    right: 2px;
}

.x-jq-access .more__ft:after {
    border-color: #0bb20c;
}

#x-jq-himg {
    padding-left: 0.4rem;
    margin-top: 0.2rem;
}

#x-jq-himg .swiper-slide {
    margin-right: 0.4rem !important;
    width: 6.58rem;
    height: auto;
    padding: 0.1rem 0;

}

#x-jq-himg .img {
    width: 6.56rem;
    height: 3.5rem;
    overflow: hidden;
    border-radius: 0.1rem;
    position: relative;
}

#x-jq-himg .title {
    color: white;
    margin-left: 0.25rem;
    font-size: 0.28rem;
    letter-spacing: 0.1em;
    text-shadow: 0 0 3px #333;
    position: absolute;
    left: 0;
    bottom: 0.3rem;
}

#x-jq-himg .title span {
    padding-right: 0.1rem;
}

.x-him-more {
    width: 1.5rem !important;
}

.x-him-more a {
    height: 3.5rem;
    overflow: hidden;
    box-shadow: 0 0 0.1rem #f1f1f1;
    border-radius: 0.1rem;
    color: #999;
    text-align: center;
    background: #f7f7f7;
    display: flex;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.icon-x-bf:before {
    content: "\e62e";
    font-size: 0.28rem;
}

.icon-x-zb:before {
    content: "\e630";
    font-size: 0.28rem;
}

.icon-x-tp:before {
    content: "\e628";
    font-size: 0.28rem;
}

.x-jq-bg {
    background: #f7f7f7;
}

.x-jq-cbox .weui-flex__item {
    margin-right: 0.2rem;
    background: #f7f7f7;
    padding: 0.10rem 0.25rem;
    height: 0.8rem;
    position: relative;
    border-radius: 5px;
}

.x-jq-cbox .weui-flex__item:last-child {
    margin-right: 0px;
}

.x-jq-cbox .weui-flex__item img {
    width: 0.5rem;
    height: 0.5rem;
    position: absolute;
    right: 0.2rem;
    bottom: 0.2rem;
}

.x-jq-cbox .weui-flex__item h3 {
    padding-top: 0.05rem;
    font-size: 0.38rem;
}

.x-jq-title2 {
    font-size: 0.5rem;
    font-weight: bold;
    color: #000;
    padding: 0.4rem 0 0.1rem 0.4rem;
}

.x-jq-jdgsbox {
    padding: 0.2rem;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

.x-jq-jdgsbox .weui-flex__item {
    width: 50%;
    flex: inherit;
}

.x-jq-jdlist {
    padding: 0.2rem;
}

.x-jq-jdlist img {
    width: 100%;
    height: 100px;
    border-radius: 2px;
}

.x-jq-jdlist h3 {
    font-size: 0.32rem;
    padding-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.x-jq-more {
    padding: 0 0.4rem;
}

.x-jq-more a {
    font-size: 0.32rem;
    color: #0e92e2;
    font-weight: bold;
}

.x-jq-more .more__ft:after {
    color: #0e92e2;
    border-color: #0e92e2;
    border-width: 2px 2px 0 0;
    top: 43%;
}

.x-top {
    height: 0.65rem;
    background: #fff;
    text-align: center;
    font-size: 0.32rem;

    position: fixed;
    width: 100%;
    top: 0;
    background: #fff;
    padding: 0.1rem 0 0.1rem 0;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
}

.margin-left2 {
    margin-left: 0.2rem;
}

.x-vbox {
    padding: 0.3rem 0.4rem;
}

.x-xq-title {
    font-size: 0.44rem;
    font-weight: bold;
    padding-bottom: 0.2rem;
}

.x-nrbox {
    overflow: hidden;
    line-height: 1.8;
    color: #666;

}
.x-nrbox img {
    width: 100%;
}

.x-vbox .more {
    padding-top: 0.2rem;
    color: #0e9d4b;
    position: relative;
}

.x-nrbox-z {
    height: auto !important;
}

.sprite {
    padding-left: 0.1rem;
}

.sprite:after {
    content: " ";
    display: inline-block;
    height: 0.1rem;
    width: 0.1rem;
    border-width: 0 0 1px 1px;
    border-color: #0e9d4b;
    border-style: solid;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 50%;

}

.sprite2:after {
    transform: rotate(135deg);
    top: 65%;
}

.x-cell {
    padding: 0.15rem 0 !important;
}

.x-cell span:before {
    font-size: 0.28rem;
    color: #0e92e2;
}

.gx-cell__ft-x:after {
    border-width: 1px 1px 0 0;
}

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

.x-fwss .weui-flex__item {
    flex: inherit;
    width: 50%;
    padding: 0.1rem 0;
}

.x-fwss .weui-flex__item span {
    padding-right: 0.1rem;
    font-size: 0.30rem !important;
    color: #0e92e2;
}

.icon-fwss-01:before {
    content: "\e625";
}

.icon-fwss-02:before {
    content: "\e651";
}

.icon-fwss-03:before {
    content: "\e655";
}

.icon-fwss-04:before {
    content: "\e67a";
}

.icon-fwss-05:before {
    content: "\e640";
}

.icon-fwss-06:before {
    content: "\e650";
}
.icon-fwss-07:before {
    content: "\e642";
}
.icon-fwss-08:before {
    content: "\e64e";
}
.icon-fwss-09:before {
    content: "\e652";
}
.icon-fwss-10:before {
    content: "\e63f";
}
.icon-fwss-11:before {
    content: "\e645";
}
.icon-fwss-12:before {
    content: "\e765";
}
.icon-fwss-13:before {
    content: "\e671";
}
.icon-fwss-14:before {
    content: "\e648";
}
.icon-fwss-15:before {
    content: "\e64a";
}
.icon-fwss-16:before {
    content: "\e647";
}
.icon-fwss-17:before {
    content: "\e643";
}
.icon-fwss-18:before {
    content: "\e64d";
}
.icon-fwss-19:before {
    content: "\e646";
}
.icon-fwss-20:before {
    content: "\e654";
}

.span-jb {
    border-radius: 50px;
    background: #c4eff0;
    color: #08c9cd;
    padding: 3px 8px;
    font-size: 0.22rem;
    margin: 0.08rem;
    display: inline-table;
}

.x-menu-ml {
    font-size: 0.4rem;
    font-weight: bold;
    text-align: center;
    padding: 1rem 0 0.5rem 0;
    letter-spacing: .5em;
}

.x-menu {
    width: 65%;
    height: calc(100vh - 0.9rem);
    background: linear-gradient(302deg, rgba(14, 146, 226, 1) 0%, rgba(24, 210, 232, 1) 99%);
    color: white;
    z-index: 999;
    position: fixed;
    top: 0.9rem;
    right: 0;
    transform: translateX(100%);
    transition: all 0.4s;
    overflow: auto;
}

.x-menu_active {
    transform: translateX(0%);
    transition: all 0.4s;
}

.x-menu ul {
    list-style-type: none;
}

.x-menu ul li {
    padding: 0.2rem 0.2rem 0.2rem 0.6rem;
    font-size: 0.32rem;
    position: relative;
}
.x-menu ul li span {
    padding-right: 0.3rem; display: inline-table;
}

.x-menu ul li a {
    color: #ffffff;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.x-menu ul li:after {
    content: " ";
    position: absolute;
    left: 0.4rem;
    bottom: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #e5e5e5;
    color: #e5e5e5;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    z-index: 2;
}

.x-content {
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    z-index: 10;
    display: none;
}

.x-content-h {
    display: block;
}

.ovfHiden {
    overflow: hidden;
    height: 100%;
}

.burger {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 100%;
    background: #FFFFFF;
    position: fixed;
    top: 0.1rem;
    right: 0.4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    z-index: 988;
}

.icon-btn:after {
    content: "\e656";
    font-size: 0.32rem;
}

.gl-imgbox {
    height: 3.5rem;
    overflow: hidden;
}

.gl-imgbox img {
    width: 100%;
}

.gl-title {
    font-size: 0.38rem;
    font-weight: bold;
    padding: 0.2rem 0.4rem;
    display: flex;
    align-items: center;
}

.gl-title span {
    width: 3px;
    height: 0.32rem;
    display: inline-table;
    border-radius: 5px;
    background: linear-gradient(0deg, rgba(0, 194, 255, 1) 0%, rgba(201, 222, 167, 1) 100%);
    margin-right: 0.15rem;
}

.gl-cbox {
    padding: 0.2rem 0.4rem;
    flex-wrap: wrap;
}

.gl-cbox .weui-flex__item {
    flex: inherit;
    width: 50%;
}

.gl-cbox a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    background: #f7f7f7;
    height: 0.4rem;
    line-height: 0.6rem;
    padding: 0.1rem 0.1rem 0.2rem 0.1rem;
    text-align: center;
    /*margin: 0rem 0.1rem 0.1rem 0rem;*/
}

.gl-cbox div:nth-child(odd) a {
    margin-right: 0.1rem;
    margin-bottom: 0.1rem;
}

.gl-cbox a:active, .gl-cbox a:hover {
    background: #c9dea7;
}

.weui-navbar-gx {
    background: #fff;
    position: fixed;
    top:0.9rem;

}

.weui-navbar-gx .weui-navbar__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    padding: 0.2rem 0rem;
    position: relative;
    font-weight: bold;
    color: #666;

}

.weui-navbar__item:after {
    content: normal;
}

.weui-navbar-gx:after {
    content: normal;
}

.weui-navbar-gx .weui-bar__item--on {
    color: #0e92e2 !important;
    background-color: #fff !important;

}

.weui-navbar-gx .weui-bar__item--on:before {
    content: " ";
    position: absolute;
    left: 20%;
    bottom: 0;
    right: 20%;
    height: 1px;
    border-bottom: 5px solid #0e92e2;
    color: #0e92e2;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    z-index: 2;
}

.weui-tab__bd-gx {
    width: 100%; padding: 0.4rem;
}

.x-sk-sp {
    margin-bottom: 0.3rem;
    position: relative;
}

.x-sk-sp img {
    width: 100%;
    height: 3.4rem;
    border-radius: 0.1rem;
}

.x-sk-sp p {
    padding: 0.1rem 0rem;
    font-size: 0.3rem;
}

.x-sk-sp a {
    font-size: 0.3rem;
    position: absolute;
    left: 50%;
    width: 1rem;
    height: 1rem;
    margin-left: -0.5rem;
    top: 1.2rem;
    background: rgba(0,0,0,0.7);
    border-radius: 1rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-bofang2:before {
    content: "\e6ea";
    color: #fff;
    font-size: 0.32rem;
    left: 38%;
    top:35%;
    position: absolute;
}

.x-sk-img {
    flex-wrap: wrap;
}
.x-sk-img .weui-flex__item {
    flex: inherit; width: 50%; margin-bottom: 0.2rem;
}
.x-sk-img img {
    width: 100%; border-radius: 3px; height: 2.2rem;
}
.x-sk-img div:nth-child(odd) div {
    padding-right: 0.1rem;
}
.x-sk-img div:nth-child(even) div {
    padding-left: 0.1rem;
}

.x-jqlist {
    padding-bottom: 0.4rem;
}
.x-jqlist-img {
    width: 40%; margin-right: 0.2rem; height: 1.8rem; overflow: hidden; position: relative;
}
.x-jqlist-img img {
    width: 100%; height: 1.8rem; border-radius: 3px;
}
.x-jqlist-img span {
    position: absolute; z-index: 1; top:0; left: 0; padding: 5px; color: #fff; border-radius: 3px 0 10px 0;
    background: rgb(22,160,133);
    background: linear-gradient(90deg, rgba(22,160,133,0.9) 0%, rgba(255,196,0,0.9) 100%);
}
.x-jqlist-r {
    justify-content:space-between; flex-flow:column; display: flex;
}
.x-jqlist-title {
    font-size: 0.34rem;
}
.jq-tag1 {
    border-radius: 50px;
    background: #c4eff0;
    color: #08c9cd;
    padding: 2px 5px;
    font-size: 0.22rem;
    margin: 0.1rem 3px 0 0;
    display: inline-table;
}
.x-jqlist-kfsj {
    color:#999; font-size: 0.22rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.screening{
    width: 100%;
    overflow: hidden;
    background: #fff;
    position: fixed;
    z-index: 40;
    border-bottom: 1px solid #f7f7f7;
    padding: 0.3rem 0;
    height: 0.3rem;
    top: 0.9rem;
}
.screening div {
    padding-left:0.4rem;
}
.screening .weui-flex__item span {
    position: relative; padding-left:0.2rem;
}
.screening .weui-flex__item span:after {
    content:'';
    border-width:0.1rem 0.1rem 0.1rem 0.1rem;
    border-style:solid;
    border-color:#999 transparent transparent transparent;
    position: absolute;
    top:25%;
}
.screening .weui-flex__item i {
    font-style:normal;
}

.u-pjlx-span span:after,.leixing-span span:after,.quyu-span span:after,.dengji-span span:after,.sort-span span:after {
    transform:rotate(180deg); top:0 !important;
    -webkit-transition-duration: 0.4s; transition-duration: 0.4s;
}

.leixing-eject,.pinpai-eject,.quyu-eject,.dengji-eject,.sort-eject{
    position:fixed;
    top: -100%;
    width: 100%;
    z-index: 30;
    -webkit-transition-duration: 0.4s;
}
.leixing-eject>ul,.pinpai-eject>ul,.quyu-eject>ul,.dengji-eject>ul,.sort-eject>ul{
    margin: 0;
    padding: 0;
    overflow: auto;
   padding: 0.2rem 0.4rem;
    -webkit-transition-duration: 0.4s;
}
.sort-sort{
    background: #fff;
    list-style-type: none;
}
.sort-sort>li{
    border-bottom: solid 1px #F2F2F2;
    padding: 0.2rem;
    text-align: center;
    font-size: 0.32rem;
}
.sort-sort2>li{
    width: 50%;
    border-bottom: solid 1px #F2F2F2;
    padding: 0.2rem 0;
    text-align: center;
    font-size: 0.32rem;
    float: left;
}
.x-active {
    color: #0e92e2;
}

.grade-w-roll{
    top: 1.8rem;
}

.list-sea {
    position:fixed; right: 0.2rem; top: 0.25rem;
}
.list-sea span {
    font-size: 0.34rem;

}
.icon-listsea:before {
    content: "\e65a";
    padding: 0 0.2rem;
}
.weui-popup__container {
    z-index: 999;
}
.weui-popup__modal {
    background: #fff;
}
.qcls {
    font-size: 0.28rem; color: #0bb20c; font-weight: normal;
}
.x-jq-view-title {
    font-size: 0.45rem;
    font-weight: bold;
    padding: 0.1rem 0 0.3rem 0;
}
.x-jq-view-title a span {
    font-size: 0.24rem;
}
/* 新版景区页面 end */

/* 新版酒店页面 */
.x-more {
    color: #999; text-align: center; padding-top: 0.1rem; position: relative;
}
.x-more a {
    color: #999; position: relative; border: 1px solid #E5E5E5; border-radius: 50px; padding: 0.1rem 0.3rem; background: #fff;
}


.x-title-padding {
    padding: 0.1rem 0rem 0.2rem 0rem;
}
.x-jd-vlist {
    padding-bottom: 0.4rem;
}
.x-jd-vlist-img {
    width: 38%;
    margin-right: 0.2rem;
    height: 1.6rem;
    overflow: hidden;
    border-radius: 2px;
    position: relative;
}
.x-jd-vlist-img img {
    height: 100%; width: 100%;
}
.x-jd-vlist-img div {
    position: absolute; bottom: 5px; right: 5px; background: rgba(0,0,0,0.5); border-radius: 50px; padding: 2px 5px; color: #fff;font-size:0.12rem
}
.x-jd-vlist-img div span {
    font-size:0.12rem !important; padding-right: 3px;
}
.x-jd-vlist-img div span:before {
    font-size:0.12rem
}
.x-jd-vlist-r {
    justify-content: space-between;
    flex-flow: column;
    display: flex;
}
.x-jd-vlist-title {
    font-weight: bold; padding-bottom: 0.1rem; font-size: 0.28rem;
}
.x-jd-vlist-con {
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

}
.x-jd-vlist-money {
    text-align: right; color: #ff3b30; font-size: 0.28rem;
}
.x-vbox .weui-form-preview__label,.x-vbox .weui-form-preview__bd {
    font-size:inherit; color: #666;
}
.x-vbox .weui-form-preview__bd {
    padding: 10px 0;
}
.x-vbox .weui-form-preview:after, .x-vbox .weui-form-preview:before {
    content: normal;
}
.icon-fwss-jd:before {
    content: "\e65d";
}

.x-jd-modal-box {
    padding: 0.15rem 0.4rem;
}
.x-jd-modal-t {
    font-size: 0.32rem; font-weight: bold;
}
.x-jd-modal-con {
    padding: 0.2rem 0.4rem; line-height: 1.8; flex-wrap: wrap;
}
.x-jd-modal-con div {
    width: 50%;
}
#close {
    display: inline-block;
    width: 0.3rem;
    height: 0.04rem;
    background: #666;
    transform: rotate(45deg);

}

#close::after {
    content: '';
    display: block;
    width: 0.3rem;
    height: 0.04rem;
    background: #666;
    transform: rotate(-90deg);
}

.x-jdlist-title {
    font-size: 0.34rem; padding-bottom: 0.1rem;
}
.x-jdlist-dz {
    color:#999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.x-jdlist-dz span {
    font-size: inherit;
}
.x-jdlist-tag span {
    color: #08c9cd; border-radius: 20px; padding: 1px 3px; margin-right: 3px;
    background: #c4eff0;
}
.x-jdlist-pm {
    justify-content: space-between; color: #999;
}
.x-jdlist-pm .color999 {
    padding: 0;
}
.x-jiage {
    font-size: 0.32rem; color: #ff3b30;
}
.icon-tel:before {
    content: "\e627";
    font-size: 0.24rem;
    padding-right: 5px;

}
.x-juli span {
    color: #ff3b30;
}

.label_box {
    justify-content: space-between;
    flex-wrap: wrap;
}
.an-btnbox {
    text-align: center; padding: 0.2rem 0;
}
.an-btnbox a {
    width: 100%;
}
/* 新版酒店页面 end */

/* 新版线路页面 */
.x-xingc-t {
    font-weight: bold; color: #000; font-size: 0.32rem;
}
.x-xingc-t span {
    width:0.35rem; height: 0.35rem; background: #0bb20c; color: #fff; border-radius: 0.4rem; margin-right: 0.1rem; padding: 0.1rem; line-height: normal;
}
.x-xingc-sj {
    padding-left: 0.7rem;
}
.x-xingc-c {
    padding: 0.2rem 0.2rem 0.2rem 0.7rem; position: relative; color: #000;
}
.x-xingc-c:after {
    content: " ";
    position: absolute;
    left: 0.25rem;
    top: -0.4rem;
    bottom: 0;
    border-left: 1px dotted #0bb20c;

}
.color000 {
    color: #000 !important;
}

.burger-b {
    width: 0.5rem;
    height: 0.5rem;
    padding: 0.1rem;
    border-radius: 100%;
    color: #fff;
    background:rgba(0,0,0,0.7);
    position: fixed;
    bottom: 0.4rem;
    right: 0.4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 988;
}
.burger-b span {
    font-size: inherit;
}
.x-menu-b {
    height: 100%; top: 0;
}

/* 新版线路页面 end */

/* 新版农家乐页面 */
.x-caizhai-box {
    position: relative; padding-bottom: 0.3rem; margin-bottom: 0.2rem;
}
.x-caizhai-t {
    justify-content: space-between; align-items: center; color: #0e92e2;
}
.x-caizhai-t span {
    font-size:inherit; padding-right: 0.1rem;
}
.color999-2 {
    color: #999;
}
.icon-chaizhai:before {
    content: "\e616"; color: #0e92e2;
}
.icon-cz-shijian:before {
    content: "\e74f"; color: #999;
}
.x-caizhi-con {
    color: #999; padding-top: 0.2rem;
}
.x-caizhai-box:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #e5e5e5;
    color: #e5e5e5;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    z-index: 2;
}
/* 新版农家乐页面 end */

/* 自定义复选框 */
.label_box>label {
    display:block; width: 30%;
    float:left;
    margin-bottom: 0.2rem;
    position:relative;
    overflow:hidden;
}
.label_box>label>input {
    position:absolute;
    top:0;
    left:-20px;
}
.label_box>label>div {
    padding: 0.1rem 0.2rem;
    text-align:center;
    border:#dddddd solid 1px;
    color:#666666;
    user-select:none;
    overflow:hidden;
    position:relative;
}
.label_box>label>input:checked + div {
    border:#0e92e2 solid 1px;
    color:#0e92e2;
}
.label_box>label>input:checked + div:after {
    content:'';
    display:block;
    width:12px;
    height:12px;
    background-color:#0e92e2;
    transform:skewY(-45deg);
    position:absolute;
    bottom:-6px;
    right:0;
    z-index:1;
}
.label_box>label>input:checked + div:before {
    content:'';
    display:block;
    width:2px;
    height:4px;
    border-right:#ffffff solid 1px;
    border-bottom:#ffffff solid 1px;
    transform:rotate(35deg);
    position:absolute;
    bottom:2px;
    right:2px;
    z-index:2;
}
/* 自定义复选框 end */

/*评价相关*/
.pingjia-title {
    font-size: 0.5rem;
    font-weight: bold;
    color: #000;
    padding: 0.4rem 0.4rem 0.1rem 0.4rem;
}

.pingjia-title a {
    float: right;
    font-size: 0.28rem;
    color: #0e9d4b;
}

.pingjia-title a span {
    padding-right: 0.1rem;
}

.icon-xpingjia:before {
    content: "\e63a";
    font-size: 0.30rem;
}

.pingjia-list {
    padding: 0.2rem 0.4rem;
}

.pingjia-list2 {
    position: relative;
    padding: 0.4rem;
}

.pingjia-list2:after {
    content: " ";
    position: absolute;
    left: 0.4rem;
    bottom: 0;
    right: 0.4rem;
    height: 1px;
    border-top: 1px solid #e5e5e5;
    color: #e5e5e5;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    z-index: 2;
}

.pingjia-user {
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 0.5rem;
    background: #999;
    margin-right: 0.2rem;
}

.pingjia-name {
    font-size: 0.24rem;
    padding-bottom: 0.2rem;
}

.pingjia-name p {
    color: #999;
    font-size: 0.20rem;
}

.pingjia-text {
    line-height: 1.8;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.pingjia-user2 {
    display: flex;
    align-items: center;
    font-size: 0.34rem;
    padding-bottom: 0.4rem;
}

.pingjia-user2 img {
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 0.5rem;
    margin-right: 0.2rem;
}

.pingjia-text2 {
    line-height: 1.8;
    font-size: 0.28rem;
    color: #333;
}

.pingjia-pfbox {
    padding-bottom: 0.2rem;
    font-size: 0.30rem;
    color: #777777;
}

.pingjia-pfbox div {
    display: flex;
    align-items: center;
}

.pingjia-pfxx-box {
    position: relative;
    padding-left: 0.1rem;
}

.pingjia-pfxx {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.pingjia-pfxx span {
    background: url(/static/images/star_full.png) no-repeat center;
    background-size: contain;
    width: 0.25rem;
    height: 0.25rem;
    display: inline-table;
    padding: 0 0.05rem;
}

.pingjia-pfxx-k {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.pingjia-pfxx-k span {
    background: url(/static/images/star_empty.png) no-repeat center;
    background-size: contain;
    width: 0.25rem;
    height: 0.25rem;
    display: inline-table;
    padding: 0 0.05rem;
}

.pingjia-pf-data {
    font-size: 0.24rem;
}

.pingjia-pjxbtn {
    padding-top: 0.1rem;
    position: absolute;
    right: 0.4rem;
    top: 0;
    color: #0e9d4b;
    float: right;
}

.pingjia-pjxbtn a {
    color: #0e9d4b;
    font-size: 0.30rem;
}

.pingjia-imgbox {
    flex-wrap: wrap;
    padding-top: 0.1rem;
}

.pingjia-imgbox .weui-flex__item {
    flex: inherit;
    width: 30%;
    height: 1.3rem;
    margin: 0.1rem 0.2rem 0.1rem 0px;
    overflow: hidden;
}

.pingjia-imgbox2 .weui-flex__item {
    flex: inherit;
    width: 22.5%;
    margin: 0.1rem 0.2rem 0.1rem 0px;
}

.pingjia-imgbox .weui-flex__item img {
    width: 100%;
    border-radius: 2px;
}

.margin-r0 {
    margin-right: 0px !important;
}

/*评价相关end*/

/* 首页头部浮动 */
.tou-f-box {
    position: fixed; z-index: 1000; top: -2rem; background: #fff; width: 100%; height: auto; box-shadow: 0px 1px 1px rgba(0,0,0,0.1); -webkit-transition-duration: 0.4s; transition-duration: 0.4s;
}
.tou-f-box-active {
    top:0;
}
.tou-f {
    padding: 0.18rem 0rem 0.15rem 0.3rem;
}
.tou-f-sea {
    margin-right: 0.4rem;
}
.tou-f-sea a {
    font-size: 0.30rem; border-radius: 50px; background: #f7f7f7; display: inline-table; padding: 0.1rem 0.5rem; color: #666;
}
.tou-f-sea span {
    font-size: 0.30rem; color: #666;
}
.tou-f-sea span:before {
    font-size: 0.30rem; margin: 0; padding: 0; padding-right: 0.1rem; color: #666;
}

.index-nav-f .swiper-slide {
    width: 0.55rem !important;
    margin-right: 0.4rem;
}
.index-nav-f .swiper-slide:last-child {
    margin-right: 0;
}
.index-nav-f .swiper-slide a {
    display: inline-table;
}
.index-nav-f img {
    height: 0.55rem;
    width: 0.55rem;

}

/* 首页头部浮动 end */

/* 个人中心 */
.user-xxbox {
    align-items: center;
}
.user-img img {
    width: 1rem; height: 1rem; border-radius: 0.05rem;
}
.user-name {
    font-size: 0.5rem; font-weight: bold; padding-left: 0.4rem;
}
.userbox {
    margin-bottom: 0.2rem; margin-right: 0.4rem; margin-left: 0.4rem; padding: 0.3rem 0.4rem; border: 1px solid #f3f3f3; border-radius: 0.1rem; box-shadow: 0 0 15px rgba(226,226,227,0.5);
}
.user-titlebox {
    align-items: center; justify-content: space-between;
}
.user-title {
    font-size: 0.32rem; font-weight: bold;
}
.user-title-m {
    position: relative; padding-right: 10px;
}
.user-title-m:after {
    top: 30%; border-color: #999;
}
.user-mkbox {
    flex-wrap: wrap;
}
.user-mklist {
    width: 33.33%; margin-top: 0.4rem; text-align: center;
}
.user-mklist span {
    font-weight: 400;
}
.user-mklist span:before {
    font-size: 0.6rem;
}
.user-mklist h2 {
    font-weight: normal; font-size: inherit; letter-spacing: 0.1em; padding-top: 0.1rem; color: #444;
}
.icon-u-jingqu:before {
    content: "\e66e";
    background-image:-webkit-linear-gradient(bottom,#ff0000,#fa2424,#f96e6e);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.icon-u-jiudian:before {
    content: "\e640";
    background-image:-webkit-linear-gradient(bottom,#ff4e00,#ff9500,#f6a532);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.icon-u-nongjiale:before {
    content: "\e60f";
    background-image:-webkit-linear-gradient(bottom,#ffb300,#febb1e,#fbc139);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.icon-u-cg:before {
    content: "\e655";
    background-image:-webkit-linear-gradient(bottom,#1ed7fe,#29d9fc,#3fdcfc);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.icon-u-xianlu:before {
    content: "\e609";
    background-image:-webkit-linear-gradient(bottom,#003cfe,#1d51fa,#698af7);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.icon-u-techan:before {
    content: "\e61a";
    background-image:-webkit-linear-gradient(bottom,#039986,#04bba4,#00ffde);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.icon-u-meishi:before {
    content: "\e617";
    background-image:-webkit-linear-gradient(bottom,#8d00ff,#c58af6,#9c27fb);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.icon-u-zixun:before {
    content: "\e68b";
    background-image:-webkit-linear-gradient(bottom,#ff0097,#fa1fa1,#fa6ec1);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.icon-u-fx:before {
    content: "\e660";
    color: #ff8000;
}
.icon-u-yj:before {
    content: "\e6af";
    color: #009bff;
}
.icon-u-kf:before {
    content: "\e721";
    color: #6f28fe;
}
.margin-top-0 {
    margin-top: 0;
}

.u-pjlist-t {
    align-items: center; padding-bottom: 0.3rem;
}
.u-pjlist-img {
    position: relative; height: 0.8rem; width: 0.8rem;
}
.u-pjlist-img img{
    width: 0.8rem; height: 0.8rem; border-radius: 0.5rem;
}
.u-p-lb {
    width:100%; height: 100%; position: absolute; bottom: 0; left: 0; text-align: center; color: #fff; background: rgba(0,0,0,0.3); border-radius: 0.5rem; font-size: 0.24rem; display: flex; align-items: center; justify-content: center;
}
.u-pj-list-title {
    font-size: 0.36rem; padding-left: 0.2rem;
}

.u-pj-toplx {
    border: 1px solid #f1f1f1; border-radius: 0.5rem; padding: 0.05rem 0.2rem; position: absolute; right: 0.4rem; font-size: 0.24rem; color: #444;
}
.u-pj-toplx span {
    position: relative; padding: 0 0.15rem;
}
.u-pj-toplx span:after {
    content: '';
    border-width: 0.1rem 0.1rem 0.1rem 0.1rem;
    border-style: solid;
    border-color: #999 transparent transparent transparent;
    position: absolute;
    top: 25%;
}
.grade-w-roll2{
    top: 0.9rem;
}
.u-shez span {
    font-size: 0.4rem;
}
.icon-u-sz:before {
    content: "\e663";
}
/* 个人中心 end */

/* 智能客服 */
.s-content {
    padding: 0.4rem;
    height: calc(100% - 1.8rem);
    background: #EFF3F6;
    overflow-y: auto;
}
.chat-box {
    margin-bottom: 0.4rem;
}

.chat-headimg img {
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 0.5rem;
}
.chat-cbox {
    position: relative;
    padding: 0.16rem 0.2rem;
    border-radius: 10px;
    font-size: 0.32rem;
    background-color: rgba(25, 147, 147, 0.2);
    display: inline-block; float: left;
}
.chat-cbox:after {
    position: absolute;
    top: 0.28rem;
    content: '';
    width: 0;
    height: 0;
    border-top: 0.2rem solid #fff;
    border-left: 0.2rem solid transparent;

}
.chat-service {
    margin-left: 0.4rem; background: #fff;
}
.chat-service:after {
    border-left: 0.2rem solid transparent;
    left: -0.2rem;
}
.chat-custom {
    margin-right: 0.4rem; background: #58d458;  float: right;
}
.chat-custom:after {
    border-left: none;
    border-top: 0.2rem solid #58d458;
    border-right: 0.2rem solid transparent;
    right: -0.2rem;
}

.s-menu p:first-child {
    position: relative; padding-bottom: 0.2rem;
}
.s-menu p:nth-child(2) {
    padding: 0.2rem 0; font-size: 0.4rem; font-weight: bold;
}
.s-menu p:first-child:after,.chat-title:after,.chat-con a:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #E5E5E5;
    color: #e5e5e5;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    z-index: 2;
}
.s-menu ul li {
    color: #0079ff; line-height: 1.8;
}

.fontsize-none {
    font-size: inherit;
}
.chat-title {
    font-size: 0.32rem; position: relative; padding-bottom: 0.2rem; color: #666;
}
.chat-con a {
    margin-top: 0.2rem; padding-bottom: 0.3rem; position: relative;
}
.chat-con .x-jdlist-dz {
    font-size: inherit;
}
.chat-con .x-jdlist-dz2 {
    font-size: inherit; -webkit-line-clamp: 4;
}
.x-jqlist-r2 {
    flex-flow: column;
    display: flex;
}
.chat-more {
    padding-top: 0.1rem; display: inline-table; text-align: center; width: 100%; font-size: 0.28rem;
}


.chat-footerbox {
    position: fixed; bottom: 0; width: 100%; background: #f7f7f7;
}
.chat-footer {
    padding:0rem 0.2rem; align-items: center; height: 1rem;
}
.chat-footer:before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    color: #e5e5e5;
    z-index: 2;
    top: 0;
    border-top: 1px solid #e5e5e5;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
}
.icon-chat-yy:before {
    content: "\e662";
}
.icon-chat-wz:before {
    content: "\e82e";
}
.chat-footer-m {
    padding: 0 0.2rem;
}
.chat-btn {
    font-size: inherit; line-height: 2.3;
}
.chat-inputbox {
    background: #fff; border-radius: 5px; padding: 0 0.2rem;
}
.chat-input {
    background: #fff; border-radius: 5px; line-height: 2.3; height: auto; font-size: 0.3rem;
}

#bt_recoding {
    display: none;
}
.dis-none {
    display: none;
}
.dis-block {
    display: block !important;
}

.blackBoxSpeak {
    width: 176px;
    height: 176px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url("../yyimg/ic_record@2x.png") no-repeat 28px 16px/65px 104px,
    url("../yyimg/ic_record_ripple@2x-9.png") no-repeat 111.2px 32px/28.8px 88px;

    background: rgba(0, 0, 0, .7);
    display: none;
    border-radius: 12px;
}

.blackBoxSBZ {
    /*width: 176px;*/
    /*height: 176px;*/
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url("../yyimg/ic_record@2x.png") no-repeat 28px 16px/65px 104px,
    url("../yyimg/ic_record_ripple@2x-9.png") no-repeat 111.2px 32px/28.8px 88px;
    background: rgba(0, 0, 0, .7);
    border-radius: 12px;
}

.blackBoxSpeakConent {
    font: 14.4px '微软雅黑 Light';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 12px;
    display: block;
    text-align: center;
    width: 90%;
    padding: 8px 0;
    margin: auto;
    color: #ffffff;
    font-weight: 200;
    border-radius: 4px;
}

.blackBoxPause {
    width: 176px;
    height: 176px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url("../yyimg/ic_record@2x.png") no-repeat 28px 16px/65px 104px,
    url("../yyimg/ic_record_ripple@2x-9.png") no-repeat 111.2px 32px/28.8px 88px;

    background: rgba(0, 0, 0, .7);
    display: none;
    border-radius: 12px;
}

.blackBoxPauseContent {
    font: 14.4px '微软雅黑 Light';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 12px;
    display: block;
    text-align: center;
    width: 90%;
    padding: 8px 0;
    margin: auto;
    color: #ffffff;
    font-weight: 200;
    border-radius: 4px;
}
/* 智能客服 end */

/* 登录注册 */
.login
{
    padding: 0.4rem; margin-top: 1rem;
}
.text
{
    margin-bottom: 0.1rem;
}

.login .text input
{
    height:50px;
    line-height:50px;
    font-family:"Microsoft Yahei", "Calibri";
    border-bottom:1px solid #e3e3e3;
    color:#434343;
    font-size: 16px;
}
.login .weui-cell {
    font-size: 16px; padding: 15px 0;
}
.login .weui-cell:before {
    left: 0;
}

.btndl
{
    text-align:center;
    margin-top:40px;
}
.btndl input
{
    width:100%;
    height:42px;
    color:#fff;
    border:0;
    font-family:"Microsoft Yahei", "Calibri";
    cursor:pointer;
    font-size:16px;
    background:rgba(51,153,255,1);
    border-radius:5px;
}

.login-header {
    padding: 5%;
}
.login-header p {
    font-size: 32px;
    color: #000;
    font-weight: bold;
    text-align: center;
    letter-spacing: 2px;
}

.form-group {
    padding: 5% 0.6rem;
}
.form-group .form-item {
    margin-top: 5%;
    padding:0 10px;
    border-radius: 20px;
    background-color: #fff;
    border: 1px solid #e3e3e3;
}
.form-group .form-item input {
    outline: none;
    border: 0;
    background-color: transparent;
    color: #333;
    height: 40px;
    font-size: 18px;
    width: 55%;
    margin-left: 12%;
}
.form-group .form-item input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #999;
    font-size: 16px;
}
.form-group .form-item input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999;
    font-size: 16px;
}
.form-group .form-item input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999;
    font-size: 16px;
}
.form-group .form-item input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #999;
    font-size: 16px;
}
.form-group .form-item label img {
    width: 25px;
    position: absolute;
    margin-top: 5px;
}
.form-group .form-item button {
    outline: none;
    background: transparent;
    border: 1px #00cc99 dashed;
    color: #ffffff;
    height: 30px;
    border-radius: 5px;
    float: right;
    padding: 1%;
}
.button-group {
    padding: 5%;
}
.button-group button {
    outline: none;
    border: 0;
    width: 90%;
    height: 35px;
    margin-top: 4%;
    border-radius: 20px;
    margin-left: 4%;
    color: #ffffff;
    font-size: 18px;
}
.button-group .login-btn {
    background-color: #3399ff;
    color: #fff;
}

.order-login {
    padding: 5%;
}
.order-login-line {
    display: block;
    position: relative;
    text-align: center;
    font-size: 14px;
    color: #e3e3e3;
}
.order-login-line:before,
.order-login-line:after {
    content: '';
    position: absolute;
    top: 50%;
    background: #f1f1f1;
    width: 20%;
    height: 1px;
}
.order-login-line:before {
    left: 10%;
}
.order-login-line:after {
    right: 10%;
}
.order-login-box {
    display: flex;
    width: 100%;
    justify-content:center;
    margin-top: 20px;
}
.order-login-box div{
    flex: 1;
    text-align: center;
}
.order-login-box div p{
    text-align: center;
    font-size: 14px;
    color: #999;
}

.zc-item {
    justify-content: space-between; padding: 0 0.8rem;
}
.zc-item a {
    color: #999;
}

.personbox {
    --background: white;
    --border: rgba(0, 0, 0, 0.125);
    --borderDark: rgba(0, 0, 0, 0.25);
    --borderDarker: rgba(0, 0, 0, 0.5);
    --bgColorH: 0;
    --bgColorS: 0%;
    --bgColorL: 98%;
    --fgColorH: 210;
    --fgColorS: 50%;
    --fgColorL: 38%;
    --shadeDark: 0.3;
    --shadeLight: 0.7;
    --shadeNormal: 0.5;
    --borderRadius: 0.125rem;
    --highlight: #306090;

    display: flex;
    flex-direction: column;
    padding: 1rem; padding-bottom: 0;
    position: relative;
    overflow: hidden;
}
figure {
    --skinH: 30;
    --skinS: 100%;
    --skinL: 87%;
    --hair: rgb(180,70,60);
    background: hsl(var(--fgColorH), calc(var(--fgColorS) * 2), 95%);
    border: 1px solid rgba(0,0,0,0.0625);
    border-radius: 50%;
    height: 0;
    margin: auto auto;
    order: 1;
    padding-top: 60%;
    position: relative;
    width: 60%;
    overflow: hidden;
}

figure div {
    position: absolute;
    transform: translate(-50%, -50%);
}

figure .skin {
    background: hsl(var(--skinH), var(--skinS), var(--skinL));
    box-shadow: inset 0 0 3rem hsl(var(--skinH), var(--skinS), calc(var(--skinL) * 0.95));
}

figure .head {
    top: 43%;
    left: 50%;
    width: 60%;
    height: 60%;
    border-radius: 100%;
    box-shadow: 0 -0.175rem 0 0.1rem var(--hair);
}

figure  .ears {
    top: 47%;
    left: 50%;
    white-space: nowrap;
}

figure .ears::before,
figure .ears::after {
    content: "";
    background: hsl(var(--skinH), var(--skinS), var(--skinL));
    border-radius: 50%;
    width: 0.35rem;
    height: 0.35rem;
    display: inline-block;
    margin: 0 0.8rem;
}

figure .head .eyes {
    top: 55%;
    left: 50%;
    white-space: nowrap;
}

@-webkit-keyframes blink {
    0%, 90%, 100% {
        height: 10px;
    }
    95% {
        height: 0;
    }
}

@keyframes blink {
    0%, 90%, 100% {
        height: 10px;
    }
    95% {
        height: 0px;
    }
}

figure .head .eyes::before,
figure .head .eyes::after {
    content: "";
    background: var(--borderDarker);
    border-radius: 50%;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin: 0 0.3rem;
    -webkit-animation: blink 5s infinite;
    animation: blink 5s infinite;
    transition: all 0.15s;
}

figure .head .mouth {
    border: 0.08rem solid transparent;
    border-bottom: 0.08rem solid var(--borderDarker);
    width: 20%;
    border-radius: 50%;
    transition: all 0.5s
}

figure .head .mouth {
    top: 75%;
    left: 50%;
    height: 10%;
}

figure .head .mouth {
    top: 60%;
    left: 50%;
    width: 40%;
    height: 40%;
}

figure .hair {
    top: 40%;
    left: 50%;
    width: 66.66%;
    height: 66.66%;
    border-radius: 100%;
    overflow: hidden;
}

figure .hair::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--hair);
    border-radius: 50%;
    top: -60%;
    left: -50%;
    box-shadow: 1.5rem 0 var(--hair);
}

figure .neck {
    width: 10%;
    height: 40%;
    top: 62%;
    left: 50%;
    background: hsl(var(--skinH), var(--skinS), calc(var(--skinL) * 0.94));
    border-radius: 0 0 2rem 2rem;
    box-shadow: 0 0.25rem var(--border);
}

figure .person-body {
    width: 60%;
    height: 100%;
    border-radius: 50%;
    background: red;
    left: 50%;
    top: 126%;
    background: hsl(var(--fgColorH), var(--fgColorS), var(--fgColorL));
}

figure .shirt-1,
figure .shirt-2 {
    width: 12%;
    height: 7%;
    background: hsl(var(--bgColorH), var(--bgColorS), var(--bgColorL));
    top: 76%;
    left: 36.5%;
    transform: skew(-10deg) rotate(15deg)
}

figure .shirt-2 {
    left: 52.5%;
    transform: skew(10deg) rotate(-15deg)
}
/* 登录注册 end */

.gd-index-nav {
    margin: 0rem 5px;
    padding-bottom: 20px;
}

.gd-index-nav a {
    width: 20%;
    text-align: center;
    float: left;
    font-size: 0.24rem;
    padding-top: 0.4rem;
}

.gd-index-nav a img {
    width: 0.7rem;
}

.gd-index-nav a p {
    padding-top: 0.1rem;
    font-size: 0.26rem;

}
.gd-index-nav .swiper-pagination-bullet {
    width: 0.25rem;
    height: 0.05rem;
    border-radius: 0;
    margin: 0px !important;
}
.gdnav {
    bottom: 0px !important;
}

.navbox {
    border-radius: 0.3rem; background: #fff; margin-top: -20px;
}