@charset "utf-8";
body,
html {
    position: relative;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    -o-overflow-scrolling: touch;
    width: 100%;
}

body,
button,
dd,
div,
dl,
dt,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
input,
li,
menu,
nav,
ol,
p,
section,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

body,
button,
input,
select,
textarea {
    font-family: "Hiragino Sans GB", "Helvetica Neue", Helvetica, STHeiTi, "Microsoft Yahei", sans-serif;
    color: #9b9b9b;
    background-color: #fff
}

img {
    border: 0;
    vertical-align: middle;
}

a,
body,
html {
    -webkit-touch-callout: none
}

:focus,
a,
a:focus,
button,
input {
    outline: 0
}

.clear,
.clearfix:after {
    clear: both
}

.clearfix,
.zoom {
    zoom: 1
}

.clear,
.clearfix:after {
    overflow: hidden
}

.clearfix:after,
.clearfix:before {
    content: " ";
    display: table;
    clear: both
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400
}

em,
i {
    font-style: normal
}

textarea {
    resize: none
}

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

th {
    text-align: inherit
}

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

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

input[type=button],
input[type=submit],
label {
    cursor: pointer
}

button,
input[type=button],
input[type=password],
input[type=text] {
    -webkit-appearance: none;
    outline: 0
}

input::-webkit-input-placeholder {
    color: #8d8d8d
}

textarea::-webkit-input-placeholder {
    color: #8d8d8d
}

a {
    color: #9b9b9b;
    -webkit-tap-highlight-color: transparent;
    text-decoration: none
}

[data-dpr="1"] a {
    font-size: 15px
}

[data-dpr="2"] a {
    font-size: 30px
}

[data-dpr="3"] a {
    font-size: 45px
}

a,
a:hover {
    text-decoration: none
}

[data-dpr="1"] a,
[data-dpr="1"] a:hover {
    font-size: 15px
}

[data-dpr="2"] a,
[data-dpr="2"] a:hover {
    font-size: 30px
}

[data-dpr="3"] a,
[data-dpr="3"] a:hover {
    font-size: 45px
}

body {
    max-width: 10rem;
    margin: 0 auto !important;
    background: #fff;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    padding: 0
}

.box-size {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fl {
    float: left
}

.fr {
    float: right
}

.mt10:before {
    content: '';
    display: block;
    width: 100%;
    height: .133333rem;
    background-color: #f5f5f5
}

.blur,
.blur_pic img {
    -webkit-filter: blur(.04rem);
    filter: blur(.04rem)
}

.header {
    position: fixed;
    top: 0;
    left: 50%;
    z-index: 1000;
    max-width: 10rem;
    -webkit-transform: translateX(-50%) !important;
    -ms-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
    padding: 0 2.333333rem 0 1.466667rem;
    width: 100%;
    height: 1.333333rem;
    line-height: 1.333333rem;
    background: #ff9242 url(/images/1/header_bg.png) no-repeat center center;
    background-size: 100% auto;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff
}

[data-dpr="1"] .header {
    font-size: 15px
}

[data-dpr="2"] .header {
    font-size: 30px
}

[data-dpr="3"] .header {
    font-size: 45px
}

.header:before {
    content: '';
    display: block;
    position: absolute;
    left: .333333rem;
    top: .173333rem;
    width: .986667rem;
    height: .986667rem;
    /*background: url(../images/logo.png) no-repeat center center;*/
    background-size: 100% auto
}

.header .js_index {
    display: block;
    position: absolute;
    left: .333333rem;
    top: .173333rem;
    width: .986667rem;
    height: .986667rem;
    z-index: 99
}

.header a.js_btn_down {
    position: absolute;
    top: .266667rem;
    right: .333333rem;
    display: block;
    width: 1.92rem;
    height: .746667rem;
    background: url(../images/header_down.png) no-repeat center center;
    background-size: 100% auto
}

.footer {
    z-index: 1000;
    width: 100%;
    height: 1.546667rem;
    position: fixed;
    bottom: 0;
    left: 50%;
    max-width: 10rem;
    -webkit-transform: translateX(-50%) !important;
    -ms-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
    background-color: rgba(0, 0, 0, .8);
    padding: .24rem .506667rem 0 .24rem
}

.footer img {
    width: 1.146667rem;
    height: 1.146667rem;
    margin-right: .266667rem;
    float: left
}

.footer p {
    float: left
}

.footer p span {
    display: block;
    max-width: 5.2rem;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.footer p span:first-child {
    color: #fff;
    line-height: .64rem
}

[data-dpr="1"] .footer p span:first-child {
    font-size: 14px
}

[data-dpr="2"] .footer p span:first-child {
    font-size: 28px
}

[data-dpr="3"] .footer p span:first-child {
    font-size: 42px
}

.footer p span:nth-child(2) {
    color: #ccc
}

[data-dpr="1"] .footer p span:nth-child(2) {
    font-size: 12px
}

[data-dpr="2"] .footer p span:nth-child(2) {
    font-size: 24px
}

[data-dpr="3"] .footer p span:nth-child(2) {
    font-size: 36px
}

.footer a.js_btn_down {
    margin-top: .15rem;
    float: right;
    display: block;
    padding: 0 .266667rem 0 .666667rem;
    height: .773333rem;
    line-height: .773333rem;
    text-align: center;
    color: #fff;
    background: url(../images/and_down.png) no-repeat center center;
    background-size: 100% auto
}

[data-dpr="1"] .footer a.js_btn_down {
    font-size: 13px
}

[data-dpr="2"] .footer a.js_btn_down {
    font-size: 26px
}

[data-dpr="3"] .footer a.js_btn_down {
    font-size: 39px
}

.js_footer {
    display: block;
    position: absolute;
    width: 1.146667rem;
    height: 1.146667rem;
    top: .24rem;
    left: .24rem
}

.swiper-container {
    width: 100%; /* height: 9.733333rem; */
    margin-top: 1.333333rem
}

.swiper-container a {
    position: relative;
    display: block;
    width: 100%; /* height: 9.733333rem; */
    overflow: hidden;
    z-index: 100
}

.swiper-container a .slide_img {
    display: block;
    width: 100%;
}

.swiper-container .swiper-pagination {
    text-align: right;
    padding-right: .666667rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.swiper-container .swiper-pagination-bullet {
    background-color: #fff;
    opacity: 1
}

.swiper-container .swiper-pagination-bullet-active {
    background-color: #ff2f79
}

.swiper-container a:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5.333333rem;
    z-index: 10
}

.status {
    position: absolute;
    top: .2rem;
    right: .4rem;
    z-index: 50
}

.zb_load {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: .533333rem;
    height: .426667rem;
    margin: 0 auto
}

.zb_load span {
    display: block;
    float: left;
    width: .066667rem;
    height: .4rem;
    background: #fff
}

.zb_load .z1 {
    background-color: #ff7234;
    height: .106667rem;
    -webkit-animation: zb_load_1 1s .2s ease infinite;
    animation: zb_load_1 1s .2s ease infinite
}

.zb_load .z2 {
    background-color: #ff5c4c;
    height: .186667rem;
    -webkit-animation: zb_load_2 1s .4s ease infinite;
    animation: zb_load_2 1s .4s ease infinite
}

.zb_load .z3 {
    background-color: #ff4763;
    height: .266667rem;
    -webkit-animation: zb_load_3 1s .6s ease infinite;
    animation: zb_load_3 1s .6s ease infinite
}

.zb_load .z4 {
    background-color: #ff3478;
    height: .4rem;
    -webkit-animation: zb_load_4 1s .8s ease infinite;
    animation: zb_load_4 1s .8s ease infinite
}

@-webkit-keyframes zb_load_1 {
    0%, 100% {
        height: .106667rem
    }
    50% {
        height: .186667rem
    }
}

@keyframes zb_load_1 {
    0%, 100% {
        height: .106667rem
    }
    50% {
        height: .186667rem
    }
}

@-webkit-keyframes zb_load_2 {
    0%, 100% {
        height: .186667rem
    }
    50% {
        height: .266667rem
    }
}

@keyframes zb_load_2 {
    0%, 100% {
        height: .186667rem
    }
    50% {
        height: .266667rem
    }
}

@-webkit-keyframes zb_load_3 {
    0%, 100% {
        height: .266667rem
    }
    50% {
        height: .346667rem
    }
}

@keyframes zb_load_3 {
    0%, 100% {
        height: .266667rem
    }
    50% {
        height: .346667rem
    }
}

@-webkit-keyframes zb_load_4 {
    0%, 100% {
        height: .4rem
    }
    50% {
        height: .266667rem
    }
}

@keyframes zb_load_4 {
    0%, 100% {
        height: .4rem
    }
    50% {
        height: .266667rem
    }
}

.live_state {
    margin-top: .106667rem;
    width: 1.093333rem;
    color: #fff;
    background: url(../images/live_img@3x.png) no-repeat center center;
    background-size: 100% auto;
    text-align: center
}

[data-dpr="1"] .live_state {
    height: 17px;
    line-height: 17px;
    font-size: 11px
}

[data-dpr="2"] .live_state {
    height: 34px;
    line-height: 34px;
    font-size: 22px
}

[data-dpr="3"] .live_state {
    height: 51px;
    line-height: 51px;
    font-size: 33px
}

.info {
    position: absolute;
    left: 0;
    bottom: .4rem;
    padding: 0 .4rem;
    width: 100%;
    color: #fff
}

[data-dpr="1"] .info {
    font-size: 15px
}

[data-dpr="2"] .info {
    font-size: 30px
}

[data-dpr="3"] .info {
    font-size: 45px
}

.header_swiper .info {
    z-index: 200
}

.info_name {
    border-bottom: .026667rem solid rgba(255, 255, 255, .3)
}

.info_name .fl,
.info_name .fr {
    height: 1.2rem;
    z-index: 100
}

.info_name .fl {
    line-height: 2rem
}

.info_name .star {
    line-height: .333333rem;
    display: inline-block;
    padding: .066667rem .133333rem;
    background-color: rgba(255, 255, 255, .5);
    border-radius: .106667rem
}

.info_name .star span {
    display: inline-block;
    width: .333333rem;
    height: .333333rem;
    background: url(../images/info_star@3x.png) no-repeat center center;
    background-size: 100% auto
}

.info_name .fr {
    text-align: center;
    height: 1.6rem;
    padding-top: .133333rem
}

.info_name .fr img {
    display: block;
    width: 2.453333rem;
    margin-top: .04rem
}

.info_con {
    width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: .2rem 0 0 .2rem
}

[data-dpr="1"] .info_con {
    font-size: 13px
}

[data-dpr="2"] .info_con {
    font-size: 26px
}

[data-dpr="3"] .info_con {
    font-size: 39px
}

.js_video .video_btn,
.js_video_btn .video_btn {
    z-index: 1000;
    display: block;
    width: 1.866667rem;
    height: 1.866667rem;
    background: url(../images/v_play.png) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important
}

.nav_box {
    overflow-y: hidden;
    height: 1.146667rem;
    position: relative
}

.nav_box div {
    overflow: hidden;
    white-space: nowrap;
    height: 1.6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.nav_box div::-webkit-scrollbar {
    background-color: transparent
}

.nav_box a {
    height: 1.146667rem;
    line-height: 1.146667rem;
    color: #666;
    white-space: nowrap;
    display: inline-block
}

[data-dpr="1"] .nav_box a {
    font-size: 15px
}

[data-dpr="2"] .nav_box a {
    font-size: 30px
}

[data-dpr="3"] .nav_box a {
    font-size: 45px
}

.nav_box div a:hover {
    text-decoration: none
}

.nav_box div .active {
    color: #ff0f88;
    border-bottom: .093333rem solid #ff0f88;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nav_box .mask_nav {
    height: 1.146667rem;
    width: auto;
    position: absolute;
    top: 0;
    right: 0
}

.m_fixed {
    position: fixed;
    width: 100%;
    top: 1.333333rem;
    left: 50%;
    z-index: 1000;
    background-color: #fff;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 10rem
}

.classify {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    z-index: 100
}

.classify .status {
    padding: .026667rem .133333rem;
    top: .4rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #fff;
    background: url(../images/live_img@3x.png) no-repeat center center;
    background-size: 100% auto;
    border-radius: .4rem
}

[data-dpr="1"] .classify .status {
    font-size: 13px
}

[data-dpr="2"] .classify .status {
    font-size: 26px
}

[data-dpr="3"] .classify .status {
    font-size: 39px
}

.classify .zb_load span {
    background-color: #fff !important
}

.classify .status em {
    margin-left: .106667rem
}

[data-dpr="1"] .classify .status em {
    line-height: 21px
}

[data-dpr="2"] .classify .status em {
    line-height: 42px
}

[data-dpr="3"] .classify .status em {
    line-height: 63px
}

.classify img {
    display: block;
    width: 100%;
}

.classify .info {
    bottom: .266667rem;
    z-index: 100
}

.classify .info_name {
    border-bottom: none
}

.classify .info_name .fl {
    height: .8rem;
    line-height: .8rem
}

.classify .info_name .fr {
    height: 0;
    position: absolute;
    max-width: 38%;
    overflow: hidden;
    min-height: .8rem;
    bottom: -.24rem;
    right: .4rem
}

.classify .info_con {
    margin: 0;
    max-width: 60%
}

.classify .fr span {
    display: inline-block;
    padding: .04rem .08rem;
    border-radius: .133333rem;
    background-color: #fe5192;
    vertical-align: bottom;
    margin-left: .066667rem
}

[data-dpr="1"] .classify .fr span {
    font-size: 12px
}

[data-dpr="2"] .classify .fr span {
    font-size: 24px
}

[data-dpr="3"] .classify .fr span {
    font-size: 36px
}

.classify:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2.666667rem;
    z-index: 10
}

.live_swiper .info {
    z-index: 1000
}

.live_swiper .info_name .fl {
    line-height: 1.066667rem
}

.live_swiper .info_name .fr {
    line-height: 1.066667rem;
    height: 1.066667rem
}

.live_swiper .info_name .fr img {
    display: block;
    width: 3.2rem
}

.swiper-button-prev {
    display: block;
    left: .333333rem;
    height: .693333rem;
    top: .8rem;
    width: .4rem;
    background-size: contain
}

.tab_con {
    padding-bottom: 1.466667rem
}

.tab_con .live_tab {
    display: none
}

.tab_con .live_tab.active {
    display: block
}

.live_tab .live_tab_item {
    position: relative;
    display: block;
    width: 49%;
    height: 5.226667rem;
    overflow: hidden;
    margin-bottom: .2rem
}

.live_tab .live_tab_item img {
    display: block;
    width: 100%;
    height: 100%
}

.live_tab .live_tab_item:first-child {
    float: left
}

.live_tab .live_tab_item:nth-child(2n) {
    float: right
}

.tab_des {
    position: absolute;
    bottom: .04rem;
    left: 0;
    width: 100%
}

.tab_des p {
    color: #fff;
    padding: 0 .106667rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

[data-dpr="1"] .tab_des p {
    font-size: 15px;
    line-height: 21px
}

[data-dpr="2"] .tab_des p {
    font-size: 30px;
    line-height: 42px
}

[data-dpr="3"] .tab_des p {
    font-size: 45px;
    line-height: 63px
}

.tab_des .update {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

[data-dpr="1"] .tab_des .update {
    font-size: 14px
}

[data-dpr="2"] .tab_des .update {
    font-size: 28px
}

[data-dpr="3"] .tab_des .update {
    font-size: 42px
}

.tab_des .update span:last-child:before {
    content: '';
    display: inline-block;
    width: .453333rem;
    height: .453333rem;
    background: url(../images/white_heart.png) no-repeat center center;
    background-size: contain;
    vertical-align: sub;
    margin-right: .066667rem
}

.live_tab .contact a {
    display: block;
    width: 100%;
    cursor: pointer;
    margin-bottom: 0
}

.contact_tit {
    display: block;
    width: 100%;
    height: 1.333333rem !important;
    line-height: 1.333333rem !important;
    color: #999;
    position: relative;
}

.contact_tit img.p {
    height: 70%;
    margin-left: .1rem;
}

.contact_tit .ico_hand {
    position: absolute;
    top: .05rem;
    right: 2rem;
    height: .8rem;
    width: 1.2rem;
    background: url(../images/ico_hand.png) no-repeat;
    background-size: 100% auto;
    animation: mymove 1.2s ease-out infinite;
    -webkit-animation: mymove 1.2s ease-out infinite;
}

@keyframes mymove {
    from {
        right: 2rem;
    }
    to {
        right: 4.8rem;
    }
}

@-webkit-keyframes mymove {
    from {
        right: 2rem;
    }
    to {
        right: 4.8rem;
    }
}

.btn_bg {
    text-align: center;
    color: #fff;
    background: #f74c26;
    font-weight: bold;
}

[data-dpr="1"] .contact_tit {
    font-size: 15px
}

[data-dpr="2"] .contact_tit {
    font-size: 30px
}

[data-dpr="3"] .contact_tit {
    font-size: 45px
}

.contact_tit .des {
    margin-left: .2rem;
    padding-left: .2rem;
    border-left: .093333rem solid #ff2f79
}

.contact_icon {
    width: 100%;
    height: 2.453333rem;
    overflow: hidden
}

.live_tab .contact .contact_icon a {
    width: 33.3%;
    float: left;
    color: #999;
    text-align: center;
    height: 2.453333rem
}

[data-dpr="1"] .live_tab .contact .contact_icon a {
    font-size: 15px
}

[data-dpr="2"] .live_tab .contact .contact_icon a {
    font-size: 30px
}

[data-dpr="3"] .live_tab .contact .contact_icon a {
    font-size: 45px
}

.contact_icon a:before {
    content: '';
    display: block;
    width: 1.04rem;
    height: 1.04rem;
    background: no-repeat center center;
    background-size: contain;
    margin: .48rem auto .2rem
}

.contact_icon .contact_wx:before {
    background-image: url(../images/wx@3x.png)
}

.contact_icon .contact_qq:before {
    background-image: url(../images/qq@3x.png)
}

.contact_icon .contact_ph:before {
    background-image: url(../images/phone@3x.png)
}

.contact_tit i {
    display: block;
    width: .48rem;
    height: .613333rem;
    background: url(../images/right_arrow.png) no-repeat center center;
    background-size: contain;
    float: right;
    margin: .293333rem .333333rem 0 0
}

.album_l {
    padding-left: .066667rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 24%;
    float: left;
    font-weight: 100;
    color: #999;
    text-align: center
}

[data-dpr="1"] .album_l {
    font-size: 35px
}

[data-dpr="2"] .album_l {
    font-size: 70px
}

[data-dpr="3"] .album_l {
    font-size: 105px
}

.contact_album .des {
    margin-left: .266667rem
}

.album_r {
    padding: .32rem 0 .093333rem;
    width: 76%;
    float: left
}

.album_r .pic {
    float: left;
    border-radius: .213333rem;
    display: block;
    width: 32.3%;
    height: 2.426667rem;
    overflow: hidden;
    margin: 0 0 .2rem 1%;
    position: relative
}

.img_res {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: .2rem
}

.album_r .pic img {
    display: block;
    width: 100%;
    min-height: 100%
}

.album_r .pic.blur_pic:after,
.album_video .v_pic.blur_pic:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -.4rem 0 0 -.373333rem;
    display: block;
    width: .746667rem;
    height: .8rem;
    background: no-repeat center center;
    background-size: contain;
    z-index: 20
}

.album_r .pic.blur_pic:after {
    background-image: url(../images/lock@3x.png)
}

.album_video .v_pic.blur_pic:after {
    width: .586667rem;
    height: .586667rem;
    margin: -.266667rem 0 0 -.266667rem;
    border-radius: 50%;
    overflow: hidden;
    background-image: url(../images/play@3x.png)
}

.album_l .contact_tit {
    padding-top: .4rem;
    margin-left: -.266667rem
}

[data-dpr="1"] .album_l .contact_tit {
    height: 17px !important;
    line-height: 17px !important
}

[data-dpr="2"] .album_l .contact_tit {
    height: 34px !important;
    line-height: 34px !important
}

[data-dpr="3"] .album_l .contact_tit {
    height: 51px !important;
    line-height: 51px !important
}

.album_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: .8rem
}

.album_box:after {
    content: '';
    display: block;
    width: .48rem;
    height: .613333rem;
    background: url(../images/right_arrow.png) no-repeat center center;
    background-size: contain;
    margin: .533333rem .333333rem 0 0
}

.album_box .v_pic {
    position: relative;
    display: inline-block;
    width: 2.426667rem;
    height: 1.6rem;
    border-radius: .266667rem;
    overflow: hidden
}

.album_box .v_pic img {
    display: block;
    width: 100%;
    min-height: 100%
}

.album_box .v_pic:first-child {
    margin-right: .133333rem
}

.album_means ul li {
    line-height: .986667rem
}

[data-dpr="1"] .album_means ul li {
    font-size: 14px
}

[data-dpr="2"] .album_means ul li {
    font-size: 28px
}

[data-dpr="3"] .album_means ul li {
    font-size: 42px
}

.album_means ul li em {
    padding-left: .4rem;
    display: inline-block;
    width: 40%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top
}

.album_means ul li span {
    display: inline-block;
    width: 58%;
    color: #222
}

[data-dpr="1"] .album_means ul li span {
    line-height: 20px
}

[data-dpr="2"] .album_means ul li span {
    line-height: 40px
}

[data-dpr="3"] .album_means ul li span {
    line-height: 60px
}

.user_rate {
    float: right
}

.user_rate span {
    margin-right: .586667rem
}

.user_rate span:before {
    content: '';
    display: inline-block;
    width: .533333rem;
    height: .533333rem;
    vertical-align: sub;
    margin-right: .066667rem;
    background: no-repeat center center;
    background-size: contain
}

.user_rate span:first-child:before {
    background-image: url(/images/1/heart.png)
}

.user_rate span:last-child:before {
    background-image: url(/images/1/blue_heart.png)
}

.contact_comment li {
    width: 100%;
    padding: 0 .2rem 0 .506667rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 1.333333rem;
    border-bottom: .013333rem solid #f5f5f5
}

.contact_comment li a {
    display: block;
    width: 100%;
    height: 100%
}

[data-dpr="1"] .contact_comment li a {
    font-size: 15px
}

[data-dpr="2"] .contact_comment li a {
    font-size: 30px
}

[data-dpr="3"] .contact_comment li a {
    font-size: 45px
}

.contact_comment li a .pic {
    width: .906667rem;
    height: .906667rem;
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    vertical-align: middle;
    margin-right: .24rem
}

.contact_comment li a .pic img {
    display: block;
    width: 100%;
    min-height: 100%
}

.contact_comment li .fl {
    line-height: 1.333333rem
}

.contact_comment li .fr {
    max-width: 60%;
    overflow: hidden;
    white-space: nowrap
}

.contact_comment li .fr span {
    overflow: hidden;
    display: block;
    float: right;
    color: #fff;
    padding: .066667rem .133333rem;
    border-radius: .2rem;
    vertical-align: top;
    margin: .466667rem 0 0 .133333rem
}

[data-dpr="1"] .contact_comment li .fr span {
    font-size: 11px;
    line-height: 12px
}

[data-dpr="2"] .contact_comment li .fr span {
    font-size: 22px;
    line-height: 24px
}

[data-dpr="3"] .contact_comment li .fr span {
    font-size: 33px;
    line-height: 36px
}

.down_pop {
    display: block;
    width: 100%;
    height: 1.146667rem !important;
    line-height: 1.146667rem !important;
    color: #333;
    background-color: #f5f5f5;
    text-align: center
}

[data-dpr="1"] .down_pop {
    font-size: 14px
}

[data-dpr="2"] .down_pop {
    font-size: 28px
}

[data-dpr="3"] .down_pop {
    font-size: 42px
}

[data-dpr="1"] .down_pop:hover {
    font-size: 14px
}

[data-dpr="2"] .down_pop:hover {
    font-size: 28px
}

[data-dpr="3"] .down_pop:hover {
    font-size: 42px
}

.room {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    max-width: 10rem
}

.room_img {
    display: block;
    width: 100%;
    min-height: 100%;
    background-size: cover;
    background-position: center;
}

.room:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 80
}

.room_top {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: .2rem .266667rem;
    z-index: 50
}

.room_top .top_l {
    background-color: rgba(0, 0, 0, .3);
    border-radius: .666667rem
}

.room_top .pic {
    display: inline-block;
    width: 1.066667rem;
    height: 1.066667rem;
    border-radius: 50%;
    overflow: hidden;
    vertical-align: top
}

.room_top .pic img {
    display: block;
    width: 100%;
    min-height: 100%
}

.room_top .name {
    display: inline-block;
    margin: .066667rem .16rem 0
}

.room_top .name em {
    display: block;
    color: #fff
}

[data-dpr="1"] .room_top .name .xd {
    font-size: 14px
}

[data-dpr="2"] .room_top .name .xd {
    font-size: 28px
}

[data-dpr="3"] .room_top .name .xd {
    font-size: 42px
}

.room_top .name .xd:before {
    content: '';
    display: inline-block;
    width: .36rem;
    height: .293333rem;
    background: url(/images/1/heart.png) no-repeat center center;
    background-size: contain;
    vertical-align: middle;
    margin-right: .066667rem
}

.room_top .top_l a {
    margin-top: .133333rem;
    display: inline-block;
    width: 1.226667rem;
    height: .853333rem;
    line-height: .853333rem;
    background-color: #ff5662;
    border-radius: .4rem;
    color: #fff;
    text-align: center;
    margin-right: .133333rem
}

[data-dpr="1"] .room_top .top_l a {
    font-size: 15px
}

[data-dpr="2"] .room_top .top_l a {
    font-size: 30px
}

[data-dpr="3"] .room_top .top_l a {
    font-size: 45px
}

.top_c {
    margin-left: .266667rem;
    display: inline-block
}

.top_r {
    margin-top: .133333rem;
    display: inline-block;
    width: 1.226667rem;
    height: .853333rem;
    line-height: .853333rem;
    background-color: rgba(0, 0, 0, .3);
    border-radius: .4rem;
    color: #fff;
    text-align: center
}

[data-dpr="1"] .top_r {
    font-size: 15px
}

[data-dpr="2"] .top_r {
    font-size: 30px
}

[data-dpr="3"] .top_r {
    font-size: 45px
}

.room_bot {
    position: fixed;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%) !important;
    -ms-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
    width: 100%;
    display: block;
    padding: .333333rem .506667rem;
    z-index: 150;
    max-width: 10rem
}

.room_bot input {
    display: inline-block;
    width: 6.266667rem;
    height: .933333rem;
    line-height: .933333rem;
    background-color: rgba(0, 0, 0, .3);
    border-radius: .4rem;
    color: #fff;
    padding-left: .333333rem;
    border: none
}

[data-dpr="1"] .room_bot input {
    font-size: 15px
}

[data-dpr="2"] .room_bot input {
    font-size: 30px
}

[data-dpr="3"] .room_bot input {
    font-size: 45px
}

.bot_btn {
    float: right
}

.bot_btn a {
    display: inline-block;
    width: .88rem;
    height: .88rem;
    background-color: rgba(0, 0, 0, .3);
    border-radius: 50%
}

.bot_btn a img {
    display: block;
    width: .453333rem;
    height: .453333rem;
    margin: .213333rem auto 0
}

.bot_btn a:first-child {
    margin-right: .346667rem
}

.room_barrage {
    position: absolute;
    bottom: 1.6rem;
    left: 0;
    width: 100%;
    padding: .266667rem .533333rem;
    z-index: 50
}

.room_barrage img {
    width: 6.186667rem;
    height: 3.813333rem
}

.room_rocket {
    position: absolute;
    bottom: 6rem;
    left: 0;
    width: 100%;
    padding: .266667rem .533333rem;
    z-index: 50
}

.room_rocket img {
    width: 3.573333rem;
    height: 1.426667rem
}

.room_load {
    position: absolute;
    width: 100%;
    bottom: 9rem;
    left: 0;
    z-index: 250;
    text-align: center;
    font-weight: 900;
    color: #fff;
}

[data-dpr="1"] .room_load {
    font-size: 15px;
    font-size: 15px;
    line-height: 20px
}

[data-dpr="2"] .room_load {
    font-size: 30px;
    font-size: 30px;
    line-height: 40px
}

[data-dpr="3"] .room_load {
    font-size: 45px;
    font-size: 45px;
    line-height: 60px
}

.room_load:before {
    content: '';
    display: block;
    width: .88rem;
    height: .88rem;
    margin: 0 auto .066667rem;
    background: url(/images/1/room_load.gif) no-repeat center center;
    background-size: contain
}

:root .ani_dot {
    display: inline-block; /* width:.426667rem;vertical-align:bottom; */
    overflow: hidden
}

.ani_dot {
    display: inline-block;
    min-width: 2px;
    min-height: 2px;
    box-shadow: 2px 0 currentColor, 6px 0 currentColor, 10px 0 currentColor;
    animation: dot 4s infinite step-start both
}

.ani_dot:before {
    content: '...'
}

.ani_dot::before {
    content: ''
}

:root .ani_dot {
    margin-right: 8px
}

@keyframes dot {
    25% {
        box-shadow: none
    }
    50% {
        box-shadow: 2px 0 currentColor
    }
    75% {
        box-shadow: 2px 0 currentColor, 6px 0 currentColor
    }
}

.video_info {
    width: 100%;
    position: absolute;
    top: 1.52rem;
    left: 0;
    padding: 0 .533333rem;
    z-index: 250
}

.video_info .pic {
    display: inline-block;
    width: 2.506667rem;
    height: 2.506667rem;
    border-radius: 50%;
    overflow: hidden;
    vertical-align: bottom
}

.video_info .pic img {
    display: block;
    width: 100%;
    min-height: 100%
}

.video_name {
    display: inline-block;
    height: 2.506667rem;
    color: #fff;
    margin-left: .333333rem
}

.video_name span {
    display: block
}

.video_name .name {
    font-weight: 900;
    line-height: 1.466667rem
}

[data-dpr="1"] .video_name .name {
    font-size: 16px
}

[data-dpr="2"] .video_name .name {
    font-size: 32px
}

[data-dpr="3"] .video_name .name {
    font-size: 48px
}

.toolbox {
    position: absolute;
    bottom: 1.6rem;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    z-index: 250
}

.toolbox .popCancel {
    text-align: center;
    display: block;
    width: 1.6rem;
    margin-right: 1rem
}

.toolbox .popCancel i {
    display: block;
    background: url(/images/1/phone_cancel.png) no-repeat center/contain;
    width: 1.6rem;
    height: 1.613333rem
}

.toolbox .popCancel p {
    color: #fff;
    font-size: .32rem;
    margin-top: .066666rem
}

.toolbox .popSure {
    text-align: center;
    display: block;
    width: 1.6rem;
    margin-left: 1rem
}

.toolbox .popSure i {
    display: block;
    background: url(/images/1/phone_sure.png) no-repeat center/contain;
    width: 1.6rem;
    height: 1.6rem;
    position: relative;
    top: 0;
    left: 0
}

.toolbox .popSure i .waveRaidus {
    border: .06rem solid #0edf84;
    border-radius: 100%;
    width: 2rem;
    height: 2rem;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: waveRaidus 2s ease-out 0s infinite;
    animation: waveRaidus 2s ease-out 0s infinite
}

.toolbox .popSure p {
    color: #fff;
    font-size: .32rem;
    margin-top: .08rem;
    position: relative;
    top: 0;
    left: 0;
    z-index: 4
}

@-webkit-keyframes waveRaidus {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0
    }
    65% {
        width: 100%;
        height: 100%;
        opacity: 0
    }
    66% {
        width: 100%;
        height: 100%;
        opacity: .8
    }
    100% {
        width: 130%;
        height: 130%;
        opacity: 0
    }
}

@keyframes waveRaidus {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0
    }
    65% {
        width: 100%;
        height: 100%;
        opacity: 0
    }
    66% {
        width: 100%;
        height: 100%;
        opacity: .8
    }
    100% {
        width: 130%;
        height: 130%;
        opacity: 0
    }
}

.page2 {
    display: none;
    width: 100%;
    height: 9.733333rem;
    margin-top: 1.333333rem
}

#video_play {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #000
}

.js_video .vjs-poster {
    background: top center no-repeat;
    width: 100%;
    background-size: cover
}

.js_video {
    position: relative;
    background-color: #fff
}

.my-video-dimensions {
    max-width: 100%;
    height: 4.22rem
}

.vjs-text-track-display {
    width: 0;
    height: 0
}

.js_play_btn {
    position: absolute;
    top: 45%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 2rem;
    height: 2rem;
    background: url(/images/1/v_play.png) no-repeat 0/cover;
    background-size: 100% auto
}

.vjs-big-play-centered .vjs-big-play-button {
    width: 1.5rem;
    height: 1.5rem;
    background: url(/images/1/v_play.png) no-repeat 0/cover;
    background-size: 100% auto;
    position: absolute;
    top: 45%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: auto;
    border: none
}

.vjs-big-play-centered .vjs-big-play-button:hover {
    background-color: transparent
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before,
.vjs-icon-play:before {
    content: " "
}

.video-js .vjs-modal-dialog {
    display: none
}

.vjs-has-started .vjs-control-bar {
    display: none
}

.vjs-big-play-centered .vjs-big-play-button {
    z-index: 9999
}

.wechat {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8)
}

.wechat img {
    width: 100%
}

.t_cover {
    display: none;
    position: fixed;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%) !important;
    -ms-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
    width: 100%;
    height: 100%;
    z-index: 300;
    background-color: rgba(0, 0, 0, .4)
}

.t_layer {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 7.733333rem;
    -webkit-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
    z-index: 300;
    background-color: #fff;
    border-radius: .266667rem;
    padding: 0 0.6rem .4rem
}

.t_layer::before {
    content: '';
    display: block;
    width: 1.346667rem;
    height: 1.346667rem;
    /*background: url(../images/logo.png) no-repeat center center;*/
    background-size: contain;
    margin: .746667rem auto 0;
}

.t_layer h6 {
    margin: .533333rem 0 .133333rem;
    text-align: center;
    color: #111;
    font-weight: 900
}

[data-dpr="1"] .t_layer h6 {
    font-size: 16px
}

[data-dpr="2"] .t_layer h6 {
    font-size: 32px
}

[data-dpr="3"] .t_layer h6 {
    font-size: 48px
}

.t_layer p {
    color: #333;
    text-align: center
}

[data-dpr="1"] .t_layer p {
    font-size: 15px;
    line-height: 20px;
    margin-top: 0.2rem;
}

[data-dpr="2"] .t_layer p {
    font-size: 30px;
    line-height: 40px
}

[data-dpr="3"] .t_layer p {
    font-size: 45px;
    line-height: 60px
}

.t_layer a {
    display: block;
    height: 1.066667rem;
    line-height: 1.066667rem;
    background: url(/images/1/pop_btn.png) no-repeat center center;
    background-size: contain;
    border-radius: .4rem;
    overflow: hidden;
    margin: .533333rem 0 0 0 !important;
    color: #fff;
    text-align: center
}

[data-dpr="1"] .t_layer a {
    font-size: 15px
}

[data-dpr="2"] .t_layer a {
    font-size: 30px
}

[data-dpr="3"] .t_layer a {
    font-size: 45px
}

.t_layer span {
    position: absolute;
    top: .066667rem;
    right: .133333rem;
    display: block;
    width: 1.333333rem;
    height: 1.333333rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .333333rem
}

.t_layer span:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url(/images/1/c_lose.png) no-repeat 0/cover
}

.live_room_golive {
    position: fixed;
    top: 1rem;
    right: .133333rem;
    display: block;
    width: 1.333333rem;
    height: 1.333333rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .333333rem;
    z-index: 999999;
    display: none;
}

.live_room_golive:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url(/images/1/c_lose.png) no-repeat 0/cover
}

.go_top {
    display: none;
    position: fixed;
    bottom: 2.133333rem;
    right: .533333rem;
    width: 1.266667rem;
    height: 1.266667rem;
    z-index: 1000;
    overflow: hidden
}

.go_top img {
    width: 100%;
    height: 100%;
    display: block;
    margin: 0 auto
}

.mask {
    display: none;
    z-index: 999999;
    background: rgba(0, 0, 0, .5);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.alert-box {
    position: absolute;
    width: 86%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #f9f9f9;
    height: auto;
    padding: 3%;
    border-radius: .066667rem;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.close-btn {
    width: .533333rem;
    height: .533333rem;
    position: absolute;
    right: 3%;
    top: 3%;
    z-index: 3;
    background: url(/images/1/c_lose.png) no-repeat center;
    background-size: 100% auto;
    display: block
}

.alert-btn {
    z-index: 10;
    width: 100%;
    margin: .133333rem auto;
    height: .213333rem;
    line-height: .213333rem;
    background: #0093ff;
    position: relative;
    border-radius: .133333rem
}

.color-bar {
    z-index: 12;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center;
    border-radius: .133333rem
}

.top-bar {
    z-index: 15;
    background: #0093ff;
    width: 1%
}

.buttom-bar {
    background: #b8b8b8
}

.text-bar {
    display: block;
    z-index: 16;
    color: #fff;
    text-decoration: none
}

.now-download {
    width: 100%;
    color: #999;
    margin-bottom: .133333rem
}

[data-dpr="1"] .now-download {
    font-size: 14px;
    line-height: 20px
}

[data-dpr="2"] .now-download {
    font-size: 28px;
    line-height: 40px
}

[data-dpr="3"] .now-download {
    font-size: 42px;
    line-height: 60px
}

.msg {
    color: #ff594c;
    font-size: .16rem;
    line-height: .266667rem;
    text-align: Justify;
    padding-bottom: .133333rem;
    display: none
}

.change {
    width: 80%;
    margin: 2% 0 0 10%;
    background: #0093ff;
    text-align: center;
    height: 1.066667rem;
    line-height: 1.066667rem;
    color: #fff;
    border-radius: .066667rem;
    display: inline-block
}

[data-dpr="1"] .change {
    font-size: 14px
}

[data-dpr="2"] .change {
    font-size: 28px
}

[data-dpr="3"] .change {
    font-size: 42px
}

.course_pic img {
    width: 100%
}

.classify_box { /* padding-top: 1.333333rem; */
}

.classify_box h2 {
    font-weight: normal;
    font-size: .28rem;
    color: #808080;
    margin: 8px auto 6px;
    padding: 0 5px;
}

.classify_box .classify {
    width: 4.8rem;
    height: 100%;
    margin-left: 0.15rem;
    margin-bottom: 0.2rem;
    float: left;
}

.classify_box .classify img {
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 4px;
}

#modelList2 .classify .pic {
    width: 100%;
    border-radius: 4px;
    overflow: hidden;
    height: 5.8rem;
}

#modelList2 .classify .pic img {
    width: 105%;
    height: auto;
}

.classify_box .classify .info {
    position: relative;
    color: #000;
    top: 0;
    left: 0;
    font-size: 0.24rem;
    padding: 0 0.2rem;
}

.classify_box .classify .info_name .fl {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: .6rem;
    line-height: .6rem;
}

.classify_box .classify .info_name .fl span {
    margin-left: 0.2rem;
    color: #999;
}

.classify_box .classify .info_name .fl i {
    float: right;
    display: block;
    width: 1.013333rem;
    height: 0.373333rem;
    margin-top: 0.133333rem;
    background: url(/images/1/online.png) no-repeat center/cover;
}

.classify_box .classify .tag_icon {
    position: absolute;
    top: 0;
    right: 10px;
    width: 1.4rem;
    height: 0.666667rem;
}

.classify_box .classify .tag_icon.tag_icon1 {
    background: url(/images/1/tag1.png) no-repeat center/cover;
}

.classify_box .classify .tag_icon.tag_icon2 {
    background: url(/images/1/tag2.png) no-repeat center/cover;
}

.classify_box .classify .tag_icon.tag_icon3 {
    background: url(/images/1/tag3.png) no-repeat center/cover;
}

.classify_box .classify .userTagInfo {
    width: 1.893333rem;
    position: absolute;
    bottom: 1.2rem;
    left: 0;
}

.classify_box .classify .userTagInfo .trueuser_icon {
    width: 1.893333rem;
    height: 0.533333rem;
    margin-bottom: 5px;
    margin-left: 5px;
    background: url(../images/trueuser.png) no-repeat center/cover;
}

.classify_box .classify .userTagInfo .surevideo_icon {
    width: 1.893333rem;
    height: 0.533333rem;
    margin-bottom: 5px;
    margin-left: 5px;
    background: url(../images/surevideo.png) no-repeat center/cover;
}

.classify_box .classify .addressNum {
    width: 1.453333rem;
    height: 0.44rem;
    position: absolute;
    bottom: 1.2rem;
    right: 0;
    margin-bottom: 5px;
    color: #fff;
    font-size: 0.2rem;
    line-height: 0.44rem;
    padding-left: 0.5rem;
    margin-right: -0.3rem;
    background: url(../img/addr.png) no-repeat top left/contain;
}

.classify_box .classify:after {
    content: '';
    display: block;
    position: absolute;
    top: 2.133333rem;
    left: 0;
    width: 100%;
    height: 2.666667rem;
    z-index: 10;
    border-radius: 4px;
}

#modelList2 .classify:after {
    top: 0;
    left: 0;
    height: 100%;
    background: url(../images/v_play.png) no-repeat center;
    background-size: 22% auto;
}

footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 1.4rem;
    background: rgba(0, 0, 0, .8);
    padding: .10rem .24rem;
    z-index: 99999;
    max-width: 540px;
    box-sizing: border-box;
    -webkit-box-sizing: broder-box;
}

footer .logo {
    width: 1.066667rem;
    height: 1.066667rem;
    float: left;
    margin-top: .12rem;
}

footer .logo img {
    display: block;
    width: 100%;
    border-radius: 100%;
}

footer .des {
    margin-left: .2rem;
    color: #fff;
    float: left;
    width: 70%;
}

footer .des p {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .24rem !important;
    margin-top: .08rem;
}

footer .name b {
    font-size: .4rem;
    font-weight: normal;
    display: inline-block;
}

footer .name .star {
    height: .333333rem;
    width: 1.533333rem;
    margin: 0 .04rem;
    background: url(../images/star.png) no-repeat;
    background-size: auto 100%;
    display: inline-block;
}

footer .info {
    font-size: .24rem;
    position: relative;
    left: 0;
    bottom: 0;
    padding: 0;
}

footer .download {
    width: 2rem;
    height: 100%;
    text-align: center;
    font-size: .293333rem;
    color: #9c9c9c;
    position: absolute;
    right: 0;
    top: 0;
}

footer .download .ring {
    width: .933333rem;
    height: .933333rem;
    margin: 0 auto;
    margin-top: 0.08rem;
}

.js_btnPop {
    cursor: pointer;
}

/*底部*/
.index_footer {
    z-index: 999999;
    width: 100%;
    height: 1.4rem;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .8);
    padding: 0 .18rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.index_footer img {
    width: 1rem;
    height: 1rem;
    margin: .2rem .2rem 0 0;
    float: left;
}

.index_footer p {
    float: left;
    padding-top: .3rem;
}

.index_footer p span {
    display: block;
    max-width: 3.9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.index_footer p span:first-child {
    color: #fff;
    font-size: .3rem;
}

.index_footer p span:nth-child(2) {
    font-size: .24rem;
    color: #ccc;
}

.index_footer a {
    margin-top: .22rem;
    float: right;
    display: block;
    padding: 0 .4rem 0 .8rem;
    height: 1rem;
    line-height: 1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    background: no-repeat center center;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

/*-- 评论 --*/
.tit_js {
    height: 1rem;
    line-height: .6rem;
    font-size: .35rem;
    font-weight: bold;
    color: #ff3d83;
    text-align: left;
    font-weight: 600;
    padding: .2rem 0 .3rem .2rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: .3rem;
}

.tit_js span {
    float: right;
    font-size: 14px;
    color: #8e8e8e;
    margin-right: 0.2rem;
}

.tit_js span i {
    margin-left: 0.066666rem;
    display: inline-block;
    font-size: 0.186666rem;
    color: #8e8e8e;
    cursor: pointer;
}

.comment {
    width: 100%;
    background-color: #fff;
    padding-bottom: 1.6rem;
}

.comment .ct_con {
    padding: 0 .24rem;
    box-sizing: border-box;
    border-bottom: 1px solid #f1f1f1;
}

.comment .ct_con li {
    box-sizing: border-box;
    padding: .3rem 0;
    border-bottom: 1px solid #f1f1f1;
    cursor: pointer;
}

.comment .ct_con li:first-child {
    padding-top: 0;
}

.comment .ct_con li:last-child {
    border-bottom: none;
}

.comment .ct_con li a {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding-left: 1rem;
    position: relative;
    cursor: pointer
}

.comment .ct_con li a .adver {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
    overflow: hidden;
}

.comment .ct_con li a .adver img {
    width: 100%;
    min-height: 100%;
}

.comment .ct_con li a .tit {
    display: flex;
    justify-content: space-between;
    padding: .1rem 0 .2rem;
}

.comment .ct_con li a .tit h5 {
    font-size: .28rem;
    color: #222;
}

.comment .ct_con li a .tit span {
    font-size: .24rem;
    color: #999;
}

.comment .ct_con li a .des {
    display: block;
    width: 100%;
    line-height: .48rem;
    font-size: .28rem;
    color: #888;
    word-wrap: break-word
}

.com_tit {
    padding: .2rem 0 .3rem .2rem;
    font-size: .35rem;
    position: relative;
    font-weight: bold;
    color: #ff3d83;
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-invisible-blank-slide {
    visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: 50%;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: opacity .3s;
    -o-transition: .3s opacity;
    transition: opacity .3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: top .2s, -webkit-transform .2s;
    transition: top .2s, -webkit-transform .2s;
    -o-transition: .2s transform, .2s top;
    transition: transform .2s, top .2s;
    transition: transform .2s, top .2s, -webkit-transform .2s
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: left .2s, -webkit-transform .2s;
    transition: left .2s, -webkit-transform .2s;
    -o-transition: .2s transform, .2s left;
    transition: transform .2s, left .2s;
    transition: transform .2s, left .2s, -webkit-transform .2s
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: right .2s, -webkit-transform .2s;
    transition: right .2s, -webkit-transform .2s;
    -o-transition: .2s transform, .2s right;
    transition: transform .2s, right .2s;
    transition: transform .2s, right .2s, -webkit-transform .2s
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progressbar {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: hsla(0, 0%, 100%, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
    animation: swiper-preloader-spin 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

html {
    width: 100%;
    height: 100%
}

body, html {
    font-family: Helvetica;
    background: #f3f4f6;
    min-height: 100%
}

abbr, article, blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, html, input, li, ol, p, pre, ul {
    margin: 0;
    padding: 0
}

address, caption, cite, code, em, figcaption, h1, h2, h3, h4, h5, h6, pre, strong, th {
    font-weight: 400;
    font-style: normal
}

dd, dl, dt, li, ul {
    list-style: none
}

fieldset, iframe, img {
    border: 0
}

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

article, aside, figcaption, figure, footer, header, hgroup, nav, section, video {
    display: block
}

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

input, select {
    outline: none;
    border: 0
}

input[type=text] {
    background-position-y: -.01rem
}

address, cite, em, i, var {
    font-style: normal
}

a, a:active, button {
    outline: none
}

* {
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0)
}

b, strong {
    font-weight: 700
}

.fr {
    float: right
}

.fl {
    float: left
}

.clearfix {
    zoom: 1
}

.clearfix:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}

@media screen and (max-device-width: 320px) {
    body {
        -webkit-text-size-adjust: none
    }
}

@media screen and (max-device-width: 480px) {
    body {
        -webkit-text-size-adjust: none
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    body {
        -webkit-text-size-adjust: none
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    body {
        -webkit-text-size-adjust: none
    }
}

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

body {
    margin: 0 auto;
    position: relative;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

.fix-flex .flex {
    display: block
}

.fix-flex .flex-item {
    display: inline-block
}

.top-bar {
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 6.4rem;
    height: .88rem;
    background: #ff7e00;
    position: fixed;
    top: 0;
    -webkit-box-pack: justify;
    -webkit-box-align: center;
    z-index: 51
}

.top-bar-logo {
    width: 1.86rem;
    height: .68rem;
    background-position: 0 3.4rem;
    background-size: 5rem 5.45rem;
    display: block;
    margin-left: .1rem
}

.top-bar-user {
    width: .56rem;
    height: .56rem;
    background-position: -2.12rem 8.82rem;
    background-size: 5rem 5.45rem;
    margin-right: .1rem;
    display: block;
    overflow: hidden
}

.top-bar-user img {
    border-radius: .3rem;
    width: 100%;
    height: 100%;
    display: block
}

.topbar-userinfo {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 999
}

.theme-default {
    display: none !important
}

.theme-default .userinfo-panel {
    position: relative;
    top: 50%;
    left: 50%;
    width: 4.8rem;
    margin: -2.17rem 0 0 -2.9rem;
    padding: 1rem .5rem .3rem;
    background: #fff;
    border-radius: .16rem;
    font-size: .24rem;
    -webkit-animation: move-in-bottom cubic-bezier(.22, .58, .12, .98) .6s;
    animation: move-in-bottom cubic-bezier(.22, .58, .12, .98) .6s
}

.theme-default .userinfo-panel .close-popup-btn {
    position: absolute;
    top: .2rem;
    right: .2rem;
    width: .4rem;
    height: .4rem;
    background-size: contain
}

.theme-default .userinfo-panel .user-face {
    position: absolute;
    top: -.69rem;
    left: 2.21rem;
    width: 1.38rem;
    height: 1.38rem;
    border-radius: 50%
}

.theme-default .userinfo-panel .user-face img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: .02rem solid #fff;
    overflow: hidden;
    box-sizing: border-box
}

.theme-default .userinfo-panel .user-face .user-no-vip, .theme-default .userinfo-panel .user-face .user-vip {
    position: absolute;
    right: 0;
    bottom: 0;
    width: .36rem;
    height: .29rem;
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain
}

.theme-default .userinfo-panel .user-face .user-no-vip {
}

.theme-default .userinfo-panel .user-info {
    text-align: center
}

.theme-default .userinfo-panel .user-info .user-info-name {
    opacity: .8;
    font-family: PingFangSC-Regular;
    font-size: .35rem;
    color: #2c2d32;
    line-height: .36rem;
    text-align: center
}

.theme-default .userinfo-panel .user-info .user-info-name .user-name {
    position: relative;
    display: inline-block;
    max-width: 3.2rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.theme-default .userinfo-panel .user-info .user-info-name i {
    margin-top: -.12rem
}

.theme-default .userinfo-panel .user-info .user-info-uid {
    margin-top: .16rem;
    font-family: PingFangSC-Regular;
    font-size: .24rem;
    line-height: .24rem;
    text-align: center;
    opacity: .5
}

.theme-default .userinfo-panel .user-account {
    width: 100%;
    margin-top: .4rem
}

.theme-default .userinfo-panel .user-account .user-account-name a, .theme-default .userinfo-panel .user-account .user-account-name span, .theme-default .userinfo-panel .user-account .user-account-number a, .theme-default .userinfo-panel .user-account .user-account-number span {
    width: 33.3%;
    opacity: .5;
    font-size: .26rem;
    color: #2c2d32;
    line-height: .24rem;
    text-align: center
}

.theme-default .userinfo-panel .user-account .user-account-number a, .theme-default .userinfo-panel .user-account .user-account-number span {
    margin-top: .24rem;
    opacity: .8;
    font-size: .32rem;
    line-height: .32rem
}

.theme-default .userinfo-panel .user-exit {
    margin: .4rem auto 0;
    width: 4.8rem;
    height: .76rem;
    font-size: .32rem;
    line-height: .76rem;
    color: #fbfbfb;
    letter-spacing: .1rem;
    text-align: center;
    background: #ff7e00;
    border-radius: .08rem
}

.user-lv {
    display: inline-block;
    width: .72rem;
    height: .32rem;
    background-repeat: no-repeat;
    background-size: 8rem 3.6rem;
    vertical-align: middle
}

.user-lv-1 {
    background-position: 0 0
}

.user-lv-11 {
    background-position: 0 -.4rem
}

.user-lv-21 {
    background-position: 0 -.8rem
}

.user-lv-31 {
    background-position: 0 -1.2rem
}

.user-lv-41 {
    background-position: 0 -1.6rem
}

.user-lv-51 {
    background-position: 0 -2rem
}

.user-lv-61 {
    background-position: 0 -2.4rem
}

.user-lv-71 {
    background-position: 0 -2.8rem
}

.user-lv-81 {
    background-position: 0 -3.2rem
}

.user-lv-2 {
    background-position: -.8rem 0
}

.user-lv-12 {
    background-position: -.8rem -.4rem
}

.user-lv-22 {
    background-position: -.8rem -.8rem
}

.user-lv-32 {
    background-position: -.8rem -1.2rem
}

.user-lv-42 {
    background-position: -.8rem -1.6rem
}

.user-lv-52 {
    background-position: -.8rem -2rem
}

.user-lv-62 {
    background-position: -.8rem -2.4rem
}

.user-lv-72 {
    background-position: -.8rem -2.8rem
}

.user-lv-82 {
    background-position: -.8rem -3.2rem
}

.user-lv-3 {
    background-position: -1.6rem 0
}

.user-lv-13 {
    background-position: -1.6rem -.4rem
}

.user-lv-23 {
    background-position: -1.6rem -.8rem
}

.user-lv-33 {
    background-position: -1.6rem -1.2rem
}

.user-lv-43 {
    background-position: -1.6rem -1.6rem
}

.user-lv-53 {
    background-position: -1.6rem -2rem
}

.user-lv-63 {
    background-position: -1.6rem -2.4rem
}

.user-lv-73 {
    background-position: -1.6rem -2.8rem
}

.user-lv-83 {
    background-position: -1.6rem -3.2rem
}

.user-lv-4 {
    background-position: -2.4rem 0
}

.user-lv-14 {
    background-position: -2.4rem -.4rem
}

.user-lv-24 {
    background-position: -2.4rem -.8rem
}

.user-lv-34 {
    background-position: -2.4rem -1.2rem
}

.user-lv-44 {
    background-position: -2.4rem -1.6rem
}

.user-lv-54 {
    background-position: -2.4rem -2rem
}

.user-lv-64 {
    background-position: -2.4rem -2.4rem
}

.user-lv-74 {
    background-position: -2.4rem -2.8rem
}

.user-lv-84 {
    background-position: -2.4rem -3.2rem
}

.user-lv-5 {
    background-position: -3.2rem 0
}

.user-lv-15 {
    background-position: -3.2rem -.4rem
}

.user-lv-25 {
    background-position: -3.2rem -.8rem
}

.user-lv-35 {
    background-position: -3.2rem -1.2rem
}

.user-lv-45 {
    background-position: -3.2rem -1.6rem
}

.user-lv-55 {
    background-position: -3.2rem -2rem
}

.user-lv-65 {
    background-position: -3.2rem -2.4rem
}

.user-lv-75 {
    background-position: -3.2rem -2.8rem
}

.user-lv-85 {
    background-position: -3.2rem -3.2rem
}

.user-lv-6 {
    background-position: -4rem 0
}

.user-lv-16 {
    background-position: -4rem -.4rem
}

.user-lv-26 {
    background-position: -4rem -.8rem
}

.user-lv-36 {
    background-position: -4rem -1.2rem
}

.user-lv-46 {
    background-position: -4rem -1.6rem
}

.user-lv-56 {
    background-position: -4rem -2rem
}

.user-lv-66 {
    background-position: -4rem -2.4rem
}

.user-lv-76 {
    background-position: -4rem -2.8rem
}

.user-lv-86 {
    background-position: -4rem -3.2rem
}

.user-lv-7 {
    background-position: -4.8rem 0
}

.user-lv-17 {
    background-position: -4.8rem -.4rem
}

.user-lv-27 {
    background-position: -4.8rem -.8rem
}

.user-lv-37 {
    background-position: -4.8rem -1.2rem
}

.user-lv-47 {
    background-position: -4.8rem -1.6rem
}

.user-lv-57 {
    background-position: -4.8rem -2rem
}

.user-lv-67 {
    background-position: -4.8rem -2.4rem
}

.user-lv-77 {
    background-position: -4.8rem -2.8rem
}

.user-lv-87 {
    background-position: -4.8rem -3.2rem
}

.user-lv-8 {
    background-position: -5.6rem 0
}

.user-lv-18 {
    background-position: -5.6rem -.4rem
}

.user-lv-28 {
    background-position: -5.6rem -.8rem
}

.user-lv-38 {
    background-position: -5.6rem -1.2rem
}

.user-lv-48 {
    background-position: -5.6rem -1.6rem
}

.user-lv-58 {
    background-position: -5.6rem -2rem
}

.user-lv-68 {
    background-position: -5.6rem -2.4rem
}

.user-lv-78 {
    background-position: -5.6rem -2.8rem
}

.user-lv-88 {
    background-position: -5.6rem -3.2rem
}

.user-lv-9 {
    background-position: -6.4rem 0
}

.user-lv-19 {
    background-position: -6.4rem -.4rem
}

.user-lv-29 {
    background-position: -6.4rem -.8rem
}

.user-lv-39 {
    background-position: -6.4rem -1.2rem
}

.user-lv-49 {
    background-position: -6.4rem -1.6rem
}

.user-lv-59 {
    background-position: -6.4rem -2rem
}

.user-lv-69 {
    background-position: -6.4rem -2.4rem
}

.user-lv-79 {
    background-position: -6.4rem -2.8rem
}

.user-lv-89 {
    background-position: -6.4rem -3.2rem
}

.user-lv-10 {
    background-position: -7.2rem 0
}

.user-lv-20 {
    background-position: -7.2rem -.4rem
}

.user-lv-30 {
    background-position: -7.2rem -.8rem
}

.user-lv-40 {
    background-position: -7.2rem -1.2rem
}

.user-lv-50 {
    background-position: -7.2rem -1.6rem
}

.user-lv-60 {
    background-position: -7.2rem -2rem
}

.user-lv-70 {
    background-position: -7.2rem -2.4rem
}

.user-lv-80 {
    background-position: -7.2rem -2.8rem
}

.user-lv-90 {
    background-position: -7.2rem -3.2rem;
    background: url("../../pt/images/common/lv90.gif") no-repeat top;
    background-size: contain
}

.user-lv-91 {
    background: url("../../pt/images/common/lv91.gif") no-repeat top;
    background-size: contain
}

.user-lv-92 {
    background: url("../../pt/images/common/lv92.gif") no-repeat top;
    background-size: contain
}

.user-lv-93 {
    background: url("../../pt/images/common/lv93.gif") no-repeat top;
    background-size: contain
}

.user-lv-94 {
    background: url("../../pt/images/common/lv94.gif") no-repeat top;
    background-size: contain
}

.user-lv-95 {
    background: url("../../pt/images/common/lv95.gif") no-repeat top;
    background-size: contain
}

.user-lv-96 {
    background: url("../../pt/images/common/lv96.gif") no-repeat top;
    background-size: contain
}

.user-lv-97 {
    background: url("../../pt/images/common/lv97.gif") no-repeat top;
    background-size: contain
}

.user-lv-98 {
    background: url("../../pt/images/common/lv98.gif") no-repeat top;
    background-size: contain
}

.user-lv-99 {
    background: url("../../pt/images/common/lv99.gif") no-repeat top;
    background-size: contain
}

.user-lv-100 {
    background: url("../../pt/images/common/lv100.gif") no-repeat top;
    background-size: contain
}

.user-lv-101 {
    background: url("../../pt/images/common/lv101.gif") no-repeat top;
    background-size: contain
}

.user-lv-102 {
    background: url("../../pt/images/common/lv102.gif") no-repeat top;
    background-size: contain
}

.user-lv-103 {
    background: url("../../pt/images/common/lv103.gif") no-repeat top;
    background-size: contain
}

.user-lv-104 {
    background: url("../../pt/images/common/lv104.gif") no-repeat top;
    background-size: contain
}

.user-lv-105 {
    background: url("../../pt/images/common/lv105.gif") no-repeat top;
    background-size: contain
}

.user-lv-106 {
    background: url("../../pt/images/common/lv106.gif") no-repeat top;
    background-size: contain
}

.user-lv-107 {
    background: url("../../pt/images/common/lv107.gif") no-repeat top;
    background-size: contain
}

.user-lv-108 {
    background: url("../../pt/images/common/lv108.gif") no-repeat top;
    background-size: contain
}

.user-lv-109 {
    background: url("../../pt/images/common/lv109.gif") no-repeat top;
    background-size: contain
}

.user-lv-110 {
    background: url("../../pt/images/common/lv110.gif") no-repeat top;
    background-size: contain
}

.user-lv-111 {
    background: url("../../pt/images/common/lv111.gif") no-repeat top;
    background-size: contain
}

.user-lv-112 {
    background: url("../../pt/images/common/lv112.gif") no-repeat top;
    background-size: contain
}

.user-lv-113 {
    background: url("../../pt/images/common/lv113.gif") no-repeat top;
    background-size: contain
}

.user-lv-114 {
    background: url("../../pt/images/common/lv114.gif") no-repeat top;
    background-size: contain
}

.user-lv-115 {
    background: url("../../pt/images/common/lv115.gif") no-repeat top;
    background-size: contain
}

.user-lv-116 {
    background: url("../../pt/images/common/lv116.gif") no-repeat top;
    background-size: contain
}

.user-lv-117 {
    background: url("../../pt/images/common/lv117.gif") no-repeat top;
    background-size: contain
}

.user-lv-118 {
    background: url("../../pt/images/common/lv118.gif") no-repeat top;
    background-size: contain
}

.user-lv-119 {
    background: url("../../pt/images/common/lv119.gif") no-repeat top;
    background-size: contain
}

.user-lv-120 {
    background: url("../../pt/images/common/lv120.gif") no-repeat top;
    background-size: contain
}

.user-lv-121 {
    background: url("../../pt/images/common/lv121.gif") no-repeat top;
    background-size: contain
}

.user-lv-122 {
    background: url("../../pt/images/common/lv122.gif") no-repeat top;
    background-size: contain
}

.user-lv-123 {
    background: url("../../pt/images/common/lv123.gif") no-repeat top;
    background-size: contain
}

.user-lv-124 {
    background: url("../../pt/images/common/lv124.gif") no-repeat top;
    background-size: contain
}

.user-lv-125 {
    background: url("../../pt/images/common/lv125.gif") no-repeat top;
    background-size: contain
}

.user-lv-126 {
    background: url("../../pt/images/common/lv126.gif") no-repeat top;
    background-size: contain
}

.user-lv-127 {
    background: url("../../pt/images/common/lv127.gif") no-repeat top;
    background-size: contain
}

.user-lv-128 {
    background: url("../../pt/images/common/lv128.gif") no-repeat top;
    background-size: contain
}

.user-lv-129 {
    background: url("../../pt/images/common/lv129.gif") no-repeat top;
    background-size: contain
}

.user-lv-130 {
    background: url("../../pt/images/common/lv130.gif") no-repeat top;
    background-size: contain
}

.user-lv-131 {
    background: url("../../pt/images/common/lv131.gif") no-repeat top;
    background-size: contain
}

.user-lv-132 {
    background: url("../../pt/images/common/lv132.gif") no-repeat top;
    background-size: contain
}

.user-lv-133 {
    background: url("../../pt/images/common/lv133.gif") no-repeat top;
    background-size: contain
}

.user-lv-134 {
    background: url("../../pt/images/common/lv134.gif") no-repeat top;
    background-size: contain
}

.user-lv-135 {
    background: url("../../pt/images/common/lv135.gif") no-repeat top;
    background-size: contain
}

.user-lv-136 {
    background: url("../../pt/images/common/lv136.gif") no-repeat top;
    background-size: contain
}

.user-lv-137 {
    background: url("../../pt/images/common/lv137.gif") no-repeat top;
    background-size: contain
}

.user-lv-138 {
    background: url("../../pt/images/common/lv138.gif") no-repeat top;
    background-size: contain
}

.user-lv-139 {
    background: url("../../pt/images/common/lv139.gif") no-repeat top;
    background-size: contain
}

.user-lv-140 {
    background: url("../../pt/images/common/lv140.gif") no-repeat top;
    background-size: contain
}

.user-lv-141 {
    background: url("../../pt/images/common/lv141.gif") no-repeat top;
    background-size: contain
}

.user-lv-142 {
    background: url("../../pt/images/common/lv142.gif") no-repeat top;
    background-size: contain
}

.user-lv-143 {
    background: url("../../pt/images/common/lv143.gif") no-repeat top;
    background-size: contain
}

.user-lv-144 {
    background: url("../../pt/images/common/lv144.gif") no-repeat top;
    background-size: contain
}

.user-lv-145 {
    background: url("../../pt/images/common/lv145.gif") no-repeat top;
    background-size: contain
}

.user-lv-146 {
    background: url("../../pt/images/common/lv146.gif") no-repeat top;
    background-size: contain
}

.user-lv-147 {
    background: url("../../pt/images/common/lv147.gif") no-repeat top;
    background-size: contain
}

.user-lv-148 {
    background: url("../../pt/images/common/lv148.gif") no-repeat top;
    background-size: contain
}

.user-lv-149 {
    background: url("../../pt/images/common/lv149.gif") no-repeat top;
    background-size: contain
}

.user-lv-150 {
    background: url("../../pt/images/common/lv150.gif") no-repeat top;
    background-size: contain
}

@-webkit-keyframes move-in-bottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(5em);
        transform: translateY(5em)
    }
    to {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes move-in-bottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(5em);
        transform: translateY(5em)
    }
    to {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

body {
    margin: 0 auto !important
}

.landscapeMask {
    width: 100%;
    height: 100%;
    opacity: .5;
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 197;
    display: block
}

.landscape.maskShow {
    display: block
}

.landscape {
    width: 1.8rem;
    height: 3rem;
    position: fixed;
    top: 50%;
    right: .15rem;
    margin-left: -.9rem;
    margin-top: -1.5rem;
    background-size: 1.8rem 3rem;
    z-index: 198
}

.landscape-close {
    width: .24rem;
    height: .24rem;
    background-size: .24rem .24rem;
    z-index: 199;
    position: absolute;
    right: .23rem;
    top: .2rem
}

.top-nav {
    width: 100%;
    /* position: fixed; */
    /* top: 50px; */
    height: 50px;
    background: #fff;
    z-index: 50;
    border-bottom: .01rem solid #e8e9ed;
}

.top-nav, .top-nav-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.top-nav-item {
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -moz-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    -webkit-box-flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    height: .8rem
}

.top-nav-item:first-child {
    margin-left: .2rem
}

.top-nav-item:last-child {
    margin-right: .2rem
}

.top-nav-item-txt {
    -ms-flex-line-pack: center;
    flex-line-pack: center;
    -webkit-align-content: center;
    align-content: center;
    -moz-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -webkit-box-flex: 0;
    display: block;
    width: 50%;
    height: 48px;
    border-bottom: 1.5px solid transparent;
    color: #2d3c4e;
}

.top-nav-item-txt, .top-nav-item-txt-select {
    text-align: center;
    line-height: 50px;
    font-size: 15.6px;
    letter-spacing: 0;
}

.top-nav-item-txt-select {
    color: #ff7e00;
    border-color: #ff7e00
}

.footer {
    width: 6.4rem;
    height: 1.62rem
}

.footer-item-1 {
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    margin-top: .2rem
}

.footer-download {
    margin-right: .58rem
}

.footer-download, .footer-top {
    display: block;
    width: 1.45rem;
    height: .4rem;
    position: relative
}

.footer-download-icon {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: .4rem;
    height: .4rem;
    background-position: .1rem 0;
    background-size: 5rem 5.45rem
}

.footer-download-txt {
    position: absolute;
    top: 0;
    right: 0;
    font-size: .24rem;
    color: #2d3c4e;
    line-height: .4rem
}

.footer-top-icon {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: .4rem;
    height: .4rem;
    background-position: -.3rem 0;
    background-size: 5rem 5.45rem
}

.footer-top-txt {
    position: absolute;
    top: 0;
    right: 0;
    font-size: .24rem;
    color: #2d3c4e;
    line-height: .4rem
}

.footer-item-2 {
    margin-top: .2rem
}

.footer-item-2 p {
    font-size: .2rem;
    color: #2d3c4e;
    letter-spacing: 0;
    line-height: .32rem;
    text-align: center
}

.footer-item-1.hide-download .footer-download {
    display: none
}

body, html {
    position: relative
}

.scroll-download {
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    background: rgba(0, 0, 0, .8);
    width: 6.4rem;
    height: 1.2rem;
    position: fixed;
    bottom: 0;
    -webkit-box-pack: justify;
    z-index: 100
}

.scroll-download, .scroll-item {
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center
}

.scroll-dw-closebtn {
    width: .48rem;
    height: .48rem;
    margin-left: .1rem;
    background-position: 2.1rem 0;
    background-size: 5rem 5.45rem
}

.scroll-dw-logo {
    width: .8rem;
    height: .8rem;
    margin-left: .2rem;
    background-position: 2.5rem 4.88rem;
    background-size: 5rem 5.45rem
}

.scroll-dw-txt {
    width: 2.3rem;
    height: .8rem;
    margin-left: .2rem
}

.scroll-dw-txt-title {
    font-size: .28rem
}

.scroll-dw-txt-con, .scroll-dw-txt-title {
    height: .4rem;
    line-height: .4rem;
    color: #fff;
    text-align: justify
}

.scroll-dw-txt-con {
    opacity: .5;
    font-size: .24rem
}

.scroll-dw-btn {
    background: #ff7e00;
    border-radius: 1rem;
    width: 1rem;
    height: .48rem;
    font-size: .24rem;
    color: #fff;
    text-align: center;
    line-height: .48rem;
    margin-right: .2rem;
    display: block
}

body {
    background: #f3f4f6
}

.home-warp {
    width: 6.4rem
}

.home-warp .pp-tips {
    display: none
}

.home-warp.pptv-page .pp-tips {
    position: fixed;
    top: 0;
    display: block;
    width: 6.4rem;
    height: .8rem;
    font-size: .2rem;
    color: #333;
    line-height: .8rem;
    text-align: center;
    background: #edefa2;
    z-index: 50
}

.home-warp.pptv-page .top-bar {
    top: .8rem
}

.home-warp.pptv-page .top-nav {
    top: 1.68rem
}

.home-warp.pptv-page .swiper-container {
    margin-top: 2.48rem
}

.home-warp.topbarhidden.pptv-page .top-nav {
    top: .8rem
}

.home-warp.topbarhidden.pptv-page .swiper-container {
    margin-top: 1.6rem
}

.swiper-container {
    width: 6.4rem;
    height: 2.39rem;
    margin-top: 1.68rem;
    overflow: hidden
}

.swiper-slide, .swiper-wrapper {
    width: 6.4rem;
    height: 100%
}

.swiper-slide {
    display: block
}

.swiper-slide img {
    width: 6.4rem;
    height: 100%
}

.home-hot-warp {
    width: 100%;
    margin-top: .2rem;
    background: #fff;
}

.home-first-warp {
    padding-top: .2rem;
    margin-top: 0.2rem;
    padding-bottom: 0.2rem;
}

.home-hot-title {
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    /* width: 6.4rem; */
    height: 30px;
    margin-bottom: .1rem;
    -webkit-box-pack: justify;
    -webkit-box-align: center;
}

.home-hot-title-no-first {
    padding-top: .1rem
}

.home-hot-title-tit {
    min-width: 1.8rem;
    height: 26px;
    margin-left: 10px;
}

.more {
    margin-right: .2rem;
    background-size: 100% 100%
}

.home-title-hot-icon, .more {
    display: block;
    width: 26px;
    height: 26px;
    line-height: 26px;
}

.home-title-hot-icon {
    float: left;
    overflow: hidden
}

.home-title-hot-icon img {
    width: 100%;
    display: block;
    height: 100%
}

.home-title-name {
    float: left;
    margin-left: 10px;
    text-align: center;
    font-size: 15px;
    color: #2d3c4e;
    line-height: 26px;
    font-weight: 700;
}

.home-list-warp {
    -ms-flex-line-pack: start;
    flex-line-pack: start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    /* margin: 0 .1rem; */
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    /* text-align: center; */
}

.defult-list-item {
    -webkit-box-flex: 1 1 2.9rem;
    -moz-box-flex: 1 1 2.9rem;
    -webkit-flex-grow: 1 1 2.9rem;
    -ms-flex-grow: 1 1 2.9rem;
    flex-grow: 1 1 2.9rem;
    height: 2.9rem;
    -webkit-box-flex: 1;
    display: block;
}

.defult-list-item, .suipai-style {
    /* width: 43.5%; */
    margin-bottom: .1rem;
    position: relative;
}

.suipai-style {
    height: 3.38rem;
    overflow: hidden
}

.suipai-style .list-item-img {
    display: block;
    border-radius: .06rem;
    width: 2.9rem;
    height: 2.9rem;
    position: relative;
    overflow: hidden
}

.defult-list-item {
    /* margin: 0px 10px 40px; */
    box-sizing: border-box;
    width: 50%;
	height: 31%;
    padding: 0.2rem;
    margin-bottom: 0.3rem;
}

.list-item-img {
    display: block;
    border-radius: 4px;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 6px;
}

.list-item-img img {
    display: block;
    width: 100%;
    /* height: 100%; */
}

.list-item-img-info {
    position: absolute;
    padding-left: .1rem;
    padding-right: .1rem;
    width: 100%;
    height: 0.8rem;
    left: 0;
    bottom: 0;
    font-size: .34rem;
    color: #fff;
    line-height: .9rem;
    text-align: left;
    background-image: linear-gradient(-180deg, transparent, rgba(0, 0, 0, .5));
    z-index: 10;
}

.list-item-bottom {
    /* width: 2.9rem; */
    white-space: nowrap;
}

.list-item-bot-name, .list-item-bottom {
    height: 0.48rem;
    display: block;
    overflow: hidden;
}

.list-item-bot-name {
    float: left;
    width: 1.6rem;
    font-size: .22rem;
    color: #6c7683;
    line-height: .48rem
}

.list-item-bot-right {
    float: right;
    display: block;
    height: .48rem;
    position: relative
}

.list-item-hot-icon {
    float: left;
    display: block;
    width: .48rem;
    height: .48rem;
    margin-top: 0rem;
    background-size: 100% 100%;
}

.list-item-hot-num {
    float: left;
    display: block;
    line-height: .48rem;
    font-size: .2rem;
    color: #6c7683;
    text-align: left
}

.swiper-container-adv {
    width: 6.4rem;
    height: 1.4rem;
    margin-top: .2rem;
    position: relative;
    overflow: hidden
}

.home-adverts img {
    width: 100%;
    height: 100%
}

.swiper-pagination {
    text-align: right
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    line-height: 0;
    pointer-events: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    pointer-events: auto
}

.swiper-pagination-bullet {
    width: .08rem;
    height: .08rem;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
    opacity: .2
}

.swiper-pagination-bullet-active {
    background: #fff;
    opacity: 1
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    background-image: linear-gradient(-180deg, transparent, rgba(0, 0, 0, .5));
    bottom: 0
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: .1rem .05rem
}

.topbarhidden .top-bar {
    height: 0;
    overflow: hidden
}

.topbarhidden .top-nav {
    top: 0
}

.topbarhidden #adlun {
    margin-top: .8rem
}

.recruit {
    background-size: contain;
    background-position: 50%;
    width: 1.28rem;
    height: 1.26rem;
    position: fixed;
    bottom: 1.8rem;
    right: 0;
    z-index: 50
}