body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, button, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
    font-family: "Microsoft YaHei";
    font-size: 0.12rem;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    font-family: "Microsoft YaHei";
}

fieldset, img {
    border: 0;
}

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

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

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

abbr, acronym {
    border: 0;
    font-variant: normal;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

input, textarea, select {
    *font-size: 100%;
    outline: 0;
    border: 0;
}

a {
    text-decoration: none;
}

button, textarea {
    outline: 0;
    border: 0;
    padding: 0;
    margin: 0;
    -webkit-appearance: none;
}

.fn-clear:after {
    visibility: hidden;
    display: table;
    font-size: 0;
    content: "";
    clear: both;
    height: 0;
}

body {
    background: black;
    width: 100%;
    max-width: 7.5rem;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
}

#main-container {
    width: 100%;
    height: 100%;
    position: relative;
}

.swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.swiper-slide {
    text-align: center;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-size: cover;
    background-position: 65% center;
    flex-wrap: wrap;
}

#section1 {
    background: url(//img.fhyx.com/zsqf/images/bg1m.jpg) no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

#section1:before {
    content: "";
    width: 100%;
    background: url(//img.fhyx.com/zsqf/images/top1m.png) no-repeat;
    background-size: 100% 100%;
    height: 5rem;
    z-index: 5;
    position: absolute;
    left: 0;
    top: 0;
}

.logo-link {
    width: 3.17rem;
    height: 1.17rem;
    background: url(//img.fhyx.com/zsqf/images/logo.png) no-repeat;
    margin: 0;
    margin-top: 1.32rem;
    background-size: 100% 100%;
    position: relative;
    z-index: 1000;
}

.logo-title {
    /*width: 5.2rem;*/
    /*height: 1.35rem;*/
    opacity: 0.4;
    animation: opacityAnimate 10s;
    animation-iteration-count: infinite;
    display: block;
    /*background: url(//img.fhyx.com/zsqf/images/wz.png) no-repeat;*/
    margin-top: 1.6rem;
    width: 4.34rem;
    height: 2.13rem;
    background: url(//img.fhyx.com/zsqf/images/zsqf-slogan.png) no-repeat;
    background-size: 100% 100%;
}

@keyframes opacityAnimate {
    0% {
        Opacity: 0.4;
    }
    50% {
        Opacity: 0.6;
    }
    100% {
        Opacity: 0.4;
    }
}

.play-video {
    width: 1.44rem;
    height: 1.33rem;
    background: url(//img.fhyx.com/zsqf/images/play.png) no-repeat center center;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    position: absolute;
    background-size: 100% 100%;
    display: none;
}

.open-order {
    width: 2.08rem;
    height: 0.98rem;
    background: url(//img.fhyx.com/zsqf/images/yybtn3.png) no-repeat;
    background-size: 100% 100%;
    display: block;
    box-sizing: border-box;
    margin: 0;
    z-index: 2;
    transition: opacity 0.5s;
    position: absolute;
    bottom: 2.4rem;
}

.open-order:hover {
    opacity: 1;
}

.scroll-title {
    width: 1.2rem;
    height: 1.82rem;
    background: url(//img.fhyx.com/zsqf/images/gdbtn1.png) no-repeat center bottom;
    margin: 0;
    font-size: 0.2rem;
    color: #c39566;
    text-align: center;
    position: absolute;
    /* left: 0;
     */
    /* right: 0;
     */
    /* margin: auto;
     */
    bottom: 0;
    background-size: 0.23rem 1.54rem;
    /* background-position: center 30%;
     */
    background-position-y: 0.4rem;
}

#section2 {
    background: url(//img.fhyx.com/zsqf/images/bg2m.jpg) no-repeat;
    background-size: 100% 100%;
}

.s2-news {
    width: 5.54rem;
    margin: auto;
    position: absolute;
    height: 10.2rem;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.s2-news h3 {
    width: 3.02rem;
    height: 0.76rem;
    background: url(//img.fhyx.com/zsqf/images/xinwen.png) no-repeat;
    background-size: 100% 100%;
    margin: auto;
}

.s2-news-con {
    padding: 0.38rem 0 0.5rem;
    border-top: 0.01rem solid #c1955c;
    border-bottom: 0.01rem solid #c1955c;
    border-left: 0;
    border-right: 0;
    margin-top: 0.68rem;
}

.s2-left {
    width: 4.88rem;
    height: 3rem;
    margin: 0 auto 0.48rem;
}

.zsyz-swiper .swiper-slide img {
    width: 100%;
    height: 3rem;
    vertical-align: bottom;
}

.zsyz-swiper a {
    position: relative;
    display: block
}

.zsyz-swiper .news-btn span {
    position: absolute;
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-indent: 0.18rem;
    height: 0.38rem;
    line-height: 0.38rem;
    background: rgba(0, 0, 0, 0.6);
    font-size: 0.2rem;
    color: #dec993;
    padding-right: 1rem;
    bottom: 0;
    text-align: left;
}

.news-scroll {
    overflow-y: auto;
    height: 3.15rem;
}

.news-swiper {
    width: 4.68rem;
    margin: 0 auto;
    overflow: hidden;
}

.news-swiper .news-btn {
    width: 100%;
    display: block;
    height: 0.45rem;
    line-height: 0.45rem;
    font-size: 0.18rem;
    color: #956940;
    overflow: hidden;
    text-align: left;
}

.news-swiper .news-btn:before {
    content: "";
    width: 0.12rem;
    float: left;
    margin-right: 0.1rem;
    height: 0.12rem;
    background: url(//img.fhyx.com/zsqf/images/jux1.png) no-repeat;
    margin-top: 0.14rem;
    background-size: 100% 100%;
}

.news-btn:hover {
    color: #ffc489;
}

.news-swiper .news-btn:hover:before {
    background-image: url(//img.fhyx.com/zsqf/images/jux2.png);
}

#section3 {
    background: url(//img.fhyx.com/zsqf/images/bg3m.jpg) no-repeat;
    background-size: 100% 100%;
    align-items: flex-start;
}

#section3 h3 {
    width: 3.02rem;
    height: 0.76rem;
    margin: 1.45rem auto 0;
    background: url(//img.fhyx.com/zsqf/images/bt2.png) no-repeat;
    background-size: 100% 100%;
}

#section3 .qfys-con {
    width: 100%;
    margin: 0;
    height: 6.1rem;
    background: url(//img.fhyx.com/zsqf/images/gs.png) no-repeat;
    background-size: 135% 100%;
    background-position: 75% center;
    position: absolute;
    top: 22%;
}

.qfys-con .read-story {
    position: absolute;
    background: url(//img.fhyx.com/zsqf/images/ydqw.png) no-repeat;
    background-size: 100% 100%;
    width: 1.94rem;
    height: 0.73rem;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

#section4 {
    background: url(//img.fhyx.com/zsqf/images/bg2m.jpg) no-repeat;
    background-size: 100% 100%;
    align-items: flex-start;
}

#section4 h3 {
    width: 3.02rem;
    height: 0.76rem;
    margin: 1.45rem auto 0;
    background: url(//img.fhyx.com/zsqf/images/bt3.png) no-repeat;
    background-size: 100% 100%;
}

.xkml-con {
    width: 100%;
    height: 9.2rem;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

.xkml-con .swiper-slide > img {
    position: absolute;
    /* bottom: 0;
     */
    top: 0.4rem;
    /* margin: auto;
     */
    width: 100%;
}

.s4-left-con {
    width: 5.4rem;
    margin: 0 auto;
    position: absolute;
    /* padding-left: 6.7rem;
     */
    /* float: right;
     */
    bottom: 0;
    z-index: 2;
}

.img-name img {
    height: 0.75rem;
}

.img-name {
    width: 100%;
    height: 0.75rem;
    position: relative;
    margin-bottom: 0.24rem;
    text-align: left;
}

.player-con {
    width: 100%;
    height: 2.8rem;
    padding: 0.1rem 0 0.25rem;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    border-top: 0.01rem solid #c1955c;
}

.player-con .player-text {
    font-size: 0.21rem;
    color: #c2976b;
    text-align: left;
    line-height: 0.36rem;
    margin-bottom: 0.1rem;
}

.no-text {
    display: block;
    color: #c2976b;
    width: 4.01rem;
    height: 1.59rem;
    margin: 0.2rem auto 0;
    background: url(//img.fhyx.com/zsqf/images/jqqd.png) no-repeat;
    background-size: 100% 100%;
}

.player-text i, .player-text b {
    font-style: normal;
    font-weight: normal;
    display: block;
    font-size: 0.22rem;
}

.s3-right-con {
    width: 100%;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url(//img.fhyx.com/zsqf/images/jt2.png);
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url(//img.fhyx.com/zsqf/images/jt1.png);
}

#section5 {
    background: url(//img.fhyx.com/zsqf/images/bg3m.jpg) no-repeat;
    background-size: 100% 100%;
    align-items: flex-start;
}

#section5 > h3 {
    width: 3.02rem;
    height: 0.76rem;
    margin: 1.45rem auto 0;
    background: url(//img.fhyx.com/zsqf/images/bt4.png) no-repeat;
    background-size: 100% 100%;
}

.s5-con {
    width: 15.11rem;
    top: 3.7rem;
    position: absolute;
    right: 50%;
    margin: auto;
    z-index: 100;
    margin-right: -11.2rem;
    height: 5rem;
}

.s5-toggle {
    width: 15.11rem;
    height: 4.55rem;
    background: url(//img.fhyx.com/zsqf/images/page1.gif) no-repeat 0.89rem 0.7rem;
    position: absolute;
    opacity: 0;
    z-index: -1;
    transition: all 0.2s ease-in;
    background-size: 6.4rem 2.8rem;
}

#ts1 {
    background-image: url(//img.fhyx.com/zsqf/images/page1.gif);
}

#ts2 {
    background-image: url(//img.fhyx.com/zsqf/images/page2.gif);
}

#ts3 {
    background-image: url(//img.fhyx.com/zsqf/images/page3.gif);
}

#ts4 {
    background-image: url(//img.fhyx.com/zsqf/images/page4.gif);
}

#ts5 {
    background-image: url(//img.fhyx.com/zsqf/images/page5.gif);
}

.next-page {
    width: 1.86rem;
    position: absolute;
    height: 1.71rem;
    background: url(//img.fhyx.com/zsqf/images/zsqf19.png) no-repeat;
    z-index: 1000;
    top: 3rem;
    cursor: pointer;
    margin: auto;
    left: 2.95rem;
    background-size: 100% 100%;
}

.s5-toggle.top1 {
    top: 0;
    right: 0;
    z-index: 4 !important;
    opacity: 1;
}

.s5-toggle.top2 {
    top: 0.6rem;
    right: 0.32rem;
    z-index: 3 !important;
    opacity: 0.2;
}

.s5-toggle.top3 {
    top: 1.2rem;
    right: 0.6rem;
    z-index: 2 !important;
    opacity: 0.1;
}

.s5-toggle.top0 {
    top: -0.6rem;
    right: -0.65rem;
    z-index: 1;
    opacity: 0;
}

.s5-toggle:before {
    width: 15.11rem;
    height: 4.55rem;
    content: "";
    background: url(//img.fhyx.com/zsqf/images/db.png) no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    background-size: 100% 100%;
}

.s5-container {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 2.87rem;
    width: 5.04rem;
}

.s5-con-li {
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 3;
    display: none;
}

.s5-con-li:first-child {
    display: block;
}

.s5-con-li img {
    width: 2.59rem;
    height: 0.65rem;
    display: block;
    margin: 0 auto 5.5rem;
}

.s5-con-li h3 {
    font-size: 0.34rem;
    height: 0.4rem;
    line-height: 0.4rem;
    color: #ffffff;
    margin: 0.25rem auto 0.25rem;
    font-weight: bold;
}

.s5-con-li p {
    font-size: 0.22rem;
    width: 100%;
    line-height: 0.4rem;
    color: #ffffff;
    text-align: left;
    text-indent: 0.44rem;
}

#section6 {
    background: url(//img.fhyx.com/zsqf/images/bg2m.jpg) no-repeat;
    background-size: 100% 100%;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

#section6 > h3 {
    width: 3.02rem;
    height: 0.76rem;
    margin: 1.45rem auto 0;
    background: url(//img.fhyx.com/zsqf/images/bt44.png) no-repeat;
    background-size: 100% 100%;
    display: block;
}

.s6-container {
    width: 3.5rem;
    /* margin: 0;
     */
    left: 0;
    right: 0;
    top: 3.4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    margin: auto;
    position: absolute;
}

.s6-container img {
    display: block;
    width: 3.5rem;
    height: 3.5rem;
    margin-bottom: 0.4rem;
}

.s6-container p {
    font-size: 0.3rem;
    color: #d3b777;
    line-height: 0.35rem;
    margin-bottom: 0.2rem;
}

.s6-container .open-wb p {
    margin-bottom: 0.05rem;
}

.s6-container b {
    font-size: 0.24rem;
    color: #ffffff;
    font-weight: normal;
    margin-bottom: 0.6rem;
}

.s6-container .open-wb {
    width: 3.4rem;
    height: 1.29rem;
    background: url(//img.fhyx.com/zsqf/images/btnbg.png) no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    padding-left: 0.43rem;
    /* padding-top: 0.3rem;
     */
}

.open-wb .wb-logo {
    width: 0.97rem;
    height: 0.74rem;
    background: url(//img.fhyx.com/zsqf/images/wbicn.png) no-repeat;
    background-size: 100% 100%;
}

.wb-logo + div {
    text-align: left;
    margin-left: 0.2rem;
}

.s6-foot {
    display: flex;
    position: absolute;
    align-items: center;
    justify-content: space-between;
    width: 4.2rem;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 1.1rem;
}

.s6-foot a {
    width: 1.89rem;
}

.s6-foot a img {
    width: 100%;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    text-align: right;
    padding-right: 0.2rem;
    box-sizing: border-box;
    bottom: 0.05rem;
}

.swiper-pagination-bullet {
    width: 0.12rem;
    height: 0.12rem;
    background: url(//img.fhyx.com/zsqf/images/jux1.png) no-repeat;
    background-size: 100% 100%;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background-image: url(//img.fhyx.com/zsqf/images/jux2.png);
}

/*弹窗*/
.alert-window {
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    z-index: 1000;
    display: none;
}

.close-window {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    cursor:pointer;
}

.con-window {
    width: 6.7rem;
    height: 9.72rem;
    background: url(//img.fhyx.com/zsqf/images/window_bgm.png) no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background-size: 100% 100%;
}

.in-close-window {
    width: 1.06rem;
    height: 0.54rem;
    background: url(//img.fhyx.com/zsqf/images/close.png) no-repeat;
    position: absolute;
    top: 0.13rem;
    right: -0.59rem;
    background-size: 100% 100%;
    cursor: pointer;
}

.news-list-window {
    width: 6.5rem;
    height: 5.12rem;
    overflow: auto;
    margin: 1.2rem auto 0;
    display: none;
}

.news-list-window ul {
    width: 6.4rem;
}

.news-list-window li {
    padding: 0.15rem 0.1rem;
    box-sizing: border-box;
    width: 100%;
    height: 0.64rem;
    border-top: 0.01rem solid rgba(179, 166, 150, 0.43);
}

.news-list-window li:first-child {
    border-top: 0;
}

.news-list-window li a {
    float: left;
    height: 0.32rem;
    line-height: 0.32rem;
    text-align: left;
    max-width: 5rem;
    overflow: hidden;
    font-size: 0.16rem;
    letter-spacing: 0.01rem;
    color: #685643;
}

.news-list-window li span {
    line-height: 0.32rem;
    text-align: right;
    font-size: 0.16rem;
    letter-spacing: 0.01rem;
    color: #685643;
    float: right;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #b5a688;
    border-radius: 0.05rem;
}

.mCSB_inside > .mCSB_container {
    margin-right: 0;
}

.news-con {
    width: 5.6rem;
    height: 8rem;
    overflow: auto;
    margin: 1.2rem auto;
    display: none;
}

.news-con h3 {
    padding-bottom: 0.2rem;
    width: 100%;
    overflow: hidden;
    font-size: 0.36rem;
    /* height: 0.5rem;
     */
    line-height: 0.45rem;
    letter-spacing: 0.01rem;
    color: #4b3a27;
    text-align: center;
    font-weight: bold;
    border-bottom: 0.01rem solid rgba(179, 166, 150, 0.43);
    margin-bottom: 0.1rem;
    text-align: left;
}

.news-con p {
    font-size: 0.24rem;
    line-height: 0.4rem;
    letter-spacing: 0.01rem;
    color: #685643;
    margin-bottom: 0.2rem;
    padding: 0 0.1rem;
    text-indent: 0.32rem;
}

.news-con img {
    max-width: 96% !important;
    margin: 0 auto 0.2rem;
    display: block;
}

.story-con p {
    text-align: left;
    width: 80%;
    padding-top: 1.2rem;
    font-size: 0.24rem;
    color: #695846;
    line-height: 0.46rem;
    margin: auto;
    text-indent: 0.36rem;
}

.order-con {
    width: 6rem;
    overflow: auto;
    margin: 1.4rem auto 0;
    display: none;
}

.order-con .order-title {
    height: 0.9rem;
    width: 5.19rem;
    text-align: center;
    margin: auto;
    background: url(//img.fhyx.com/zsqf/images/Wireframem.png) no-repeat center 0.25rem;
    background-size: 100% 0.5rem;
}

.order-title h3 {
    font-size: 0.4rem;
    font-weight: bold;
    letter-spacing: 0.02rem;
    color: #482908;
    height: 0.5rem;
    line-height: 0.5rem;
    margin-bottom: 0.17rem;
}

.order-title p {
    font-size: 0.2rem;
    font-weight: bold;
    line-height: 0.2rem;
    letter-spacing: 0.01rem;
    color: #685643;
}

.order-tel {
    margin-top: 0.3rem;
    text-align: center;
    position: relative;
}

.order-tel .get-code {
    position: absolute;
    top: 1.4rem;
    left: 0.8rem;
    width: 1.5rem;
    height: 0.5rem;
    background-color: #b79055;
    border-radius: 0.04rem;
    color: white;
    line-height: 0.5rem;
    cursor: pointer;
}

.order-tel p {
    font-size: 0.24rem;
    letter-spacing: 0.01rem;
    color: #4c3925;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0.2rem;
}

.order-tel input {
    display: block;
    width: 4.43rem;
    height: 0.72rem;
    margin: 0 auto 0.8rem;
    outline: 0;
    box-sizing: border-box;
    padding: 0;
    background: url(//img.fhyx.com/zsqf/images/boxm.png) no-repeat;
    letter-spacing: 0.01rem;
    color: #4c3925;
    font-size: 0.24rem;
    text-align: center;
    background-size: 100% 100%;
}

.order-tel input + input {
    margin-bottom: 0.3rem;
}

.order-btn {
    width: 2.99rem;
    height: 0.79rem;
    background: url(//img.fhyx.com/zsqf/images/button01m.png?sfs) no-repeat;
    display: block;
    margin: 0 auto 0.4rem;
    cursor: pointer;
    background-size: 100% 100%;
}

.order-rule {
    width: 100%;
    text-align: left;
    height: 2rem;
    overflow: auto;
}

.order-rule h3 {
    font-size: 0.24rem;
    line-height: 0.6rem;
    letter-spacing: 0.01rem;
    color: #685643;
    text-align: left;
    font-weight: bold;
}

.order-rule p {
    font-size: 0.22rem;
    letter-spacing: 0.01rem;
    color: #685643;
    line-height: 0.45rem;
    text-align: left;
}

.con-swiper:before {
    content: "";
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: url(//img.fhyx.com/zsqf/images/shim.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    display: none;
}

.con-swiper.active:before {
    display: block;
}


/*分享*/
.alert-share {
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    z-index: 1000;
    display: none;
}

.con-share {
    width: 7.08rem;
    height: 4.27rem;
    background: url(//img.fhyx.com/zsqf/images/share-bg.png) no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background-size: 100% 100%;
}

.close-share {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    cursor:pointer;
}

.in-close-share {
    width: 1.06rem;
    height: 0.54rem;
    background: url(//img.fhyx.com/zsqf/images/close.png) no-repeat;
    position: absolute;
    top: 0;
    right: -0.24rem;
    cursor: pointer;
    background-size: 100% 100%;

}

.con-share .book-success {
    font-size: 0.3rem;
    font-weight: bold;
    margin-top: 0.3rem;
    line-height: 0.5rem;
    letter-spacing: 0.02rem;
    color: #482908;
}


.right-code .share-input {
    width: 0.01rem;
    height: 0.01rem;
    display: block;
    overflow: hidden;
    position: absolute;
    left: 1.1rem;
    top: 2.2rem;
}

.share-con h3 {
    font-size: 0.3rem;
    font-weight: bold;
    line-height: 0.4rem;
    letter-spacing: 0.02rem;
    color: #482908;
    text-align: center;
    margin-top: 1.15rem;
}

.share-con p {
    font-size: 0.24rem;
    font-weight: bold;
    line-height: 0.3rem;
    letter-spacing: 0.01rem;
    color: #685643;
    text-align: center;
    margin: 0.15rem 0;
}

.share-con input {
    display: block;
    width: 4.42rem;
    height: 0.51rem;
    margin: 0 auto 0.1rem;
    outline: 0;
    box-sizing: border-box;
    background: url(//img.fhyx.com/zsqf/images/box.png) no-repeat;
    letter-spacing: 0.01rem;
    color: #4c3925;
    font-size: 0.16rem;
    text-align: center;
    background-size: 100% 100%;
    padding: 0 0.1rem;
}

.share-con input + input {
    display: none;
}

.share-con .share-btn {
    width: 2.99rem;
    height: 0.79rem;
    background: url(//img.fhyx.com/zsqf/images/fxbtn.png) no-repeat;
    display: block;
    margin: 0.3rem auto 0.1rem;
    background-size: 100% 100%;
    cursor: pointer;
}

.share-container {
    position: fixed;
    z-index: 1000;
    width: 0.55rem;
    height: 2.66rem;
    background: url(//img.fhyx.com/zsqf/images/fxbtn1.png) no-repeat;
    right: 0.2rem;
    top: 0;
    background-size: 100% 100%;
}

.share-container .right-share {
    z-index: 10;
    position: relative;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

.share-container input {
    width: 1px;
    height: 1px;
    display: block;
    overflow: hidden;
    position: absolute;
    left: 110px;
    top: 220px;
    z-index: 2;
}


#play-music{
    width:0.87rem;
    height:0.79rem;
    cursor: pointer;
    position:fixed;
    top: 0.2rem;
    right:0.8rem;
    z-index: 100;
}
#play-music img{
    width:100%;
    height:100%;
    display: block;
    vertical-align: bottom;
}
.djs .logo-title {
    display: none;
}
.djs-container {
    top: 20%;
    left: 0;
    right: 0;
    margin: auto;
    width: 5.84rem;
    height: 2.14rem;
    z-index: 222;
    display: none;
    position: absolute;
}
.djs-container p{
    text-align: center;
    font-size: 0.52rem;
    color: #966d4b;
    height:1.2rem;
    /*text-shadow: 0rem 0.09rem 0.2rem*/
    /*red;
     */
    background-image: -webkit-linear-gradient(top, #efb97f,#966d4b);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-background-size: 200% 100%;
}
.djs-container .day{
    padding:0 0.03rem;
    vertical-align: middle;
    font-size: 1.07rem;
    color: #966d4b;
    background-image: -webkit-linear-gradient(top, #efb97f,#966d4b);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-background-size: 200% 100%;
    /*text-shadow: 0rem 0.09rem 0.2rem*/
    /*red;
     */
    position:relative;
    bottom:0.05rem;
    width:1rem;
    text-align: center;
    font-weight: bold;
    font-style: italic;
    display: inline-block;
    left: -0.1rem;
}
.djs-container div{
    text-align: center;
    margin: 0 0 0.05rem;
}
.djs-container div i{
    display: inline-block;
    width:0.3rem;
    height:0.51rem;
    font-size: 0.38rem;
    font-weight:bold;
    line-height: 0.72rem;
    vertical-align: middle;
    margin:0 0.05rem;
    background:url(//img.fhyx.com/zsqf/images/djsd.png);
    background-size: 100% 100%;
}
.djs-container div span{
    display: inline-block;
    width:0.55rem;
    height:0.72rem;
    font-size: 0.38rem;
    font-weight:bold;
    line-height: 0.72rem;
    color: #b07c48;
    vertical-align: middle;
    background:url(//img.fhyx.com/zsqf/images/djss.png);
    background-size: 100% 100%;
}
.djs img{
    display: block;
    max-width:100%;
    margin:auto;
}