@charset "utf-8";

html {
    color: #000;
    background: #fff;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    margin: 0;
    padding: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

body,
button,
input,
select,
textarea {
    font: 12px/1.5 tahoma, arial, \5b8b\4f53;
}

input,
select,
textarea {
    font-size: 100%;
}

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

th {
    text-align: inherit;
}

fieldset,
img {
    border: 0;
}

iframe {
    display: block;
}

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

del {
    text-decoration: line-through;
}

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

ol,
ul {
    list-style: none;
}

caption,
th {
    text-align: left;
}

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

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

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

a:hover {
    text-decoration: none;
}

ins,
a {
    text-decoration: none;
}

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

.fn-clear {
    zoom: 1;
    /* for IE6 IE7 */
}

body .fn-hide {
    display: none;
}

.fn-left,
.fn-right {
    display: inline;
}

.fn-left {
    float: left;
}

.fn-right {
    float: right;
}

body,
button,
input,
select,
textarea {
    font: 400 14px/1.5 'Lantinghei SC', 'Microsoft Yahei', 'Hiragino Sans GB', 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif;
    outline: none;
}



@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

.btn-down {
    animation: pulse .5s infinite;
    -webkit-animation: pulse .5s infinite;
}

.g-cq-titwle {
    width: 90%;
    margin: -5% auto 0;
}

.game-box {
    width: 100%;
    overflow: hidden;
    padding: 0% 0 5%;
}

.swiper-nested-1,
.swiper-container1 {
    width: 100%;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 30px;
}

.swiper-nested-1 {
    padding-bottom: 10px;
}

.swiper-pagination-bullet-active {
    background: #fa7403;
}

.swiper-container1 .swiper-slide {
    width: 50%;
}

.swiper-container1 .swiper-slide img {
    width: 140%;
    border: 1px solid #dbbb86;
}

.swiper-container1 .swiper-slide-next img {
    position: relative;
    z-index: 2;
    margin-top: 0px;
}

.swiper-container1 .swiper-slide-prev {
    margin-left: 20%;
}

.swiper-container1 .swiper-slide-active {
    margin-left: 10%;
}

.swiper-container1 .swiper-slide-next {
    margin-left: 10%;
}

.swiper-container1 .swiper-button-prev,
.swiper-container1 .swiper-button-next {
    background: url('../images/jt.png') no-repeat !important;
    background-size: 95px !important;
}

.swiper-container1 .swiper-button-next {
    background-position: center right !important;
}

.pic2 {
    width: 90%;
    margin: 15px 5% 0;
    border: 1px solid #dbbb86;
}

.bot-box {
    height: 1.4rem;
    width: 100%;
    display: block;
}

.bottom {
    height: 1.2rem;
    background: rgba(0, 0, 0, .5);
    position: fixed;
    display:block!important;
    bottom: 1em;
    left: 0px;
    z-index: 9;
    width: 100%;
}
.icon {
    width: 1rem;
    margin: .1rem;
    display: inline-block;
    vertical-align: middle;
}


.f-box {
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
    color: #999999;
    font-size: .2rem;
}

@media screen and (min-width: 320px) {

    .f-box {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 130px;
        display: inline-block;
        vertical-align: middle;
        color: #999999;
    }
}

@media screen and (min-width: 360px) {

    .f-box {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 150px;
        display: inline-block;
        vertical-align: middle;
        color: #999999;
    }
}

@media screen and (min-width: 400px) {

    .f-box {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 170px;
        display: inline-block;
        vertical-align: middle;
        color: #999999;
    }
}

@media screen and (min-width: 440px) {

    .f-box {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 190px;
        display: inline-block;
        vertical-align: middle;
        color: #999999;
    }
}

@media screen and (min-width: 480px) {

    .f-box {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 210px;
        display: inline-block;
        vertical-align: middle;
        color: #999999;
    }
}

@media screen and (min-width: 560px) {

    .f-box {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 230px;
        display: inline-block;
        vertical-align: middle;
        color: #999999;
    }
}

@media screen and (min-width: 600px) {

    .f-box {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 240px;
        display: inline-block;
        vertical-align: middle;
        color: #999999;
    }
}

@media screen and (min-width: 680px) {

    .f-box {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 260px;
        display: inline-block;
        vertical-align: middle;
        color: #999999;
    }
}

@media screen and (min-width: 768px) {

    .f-box {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 300px;
        display: inline-block;
        vertical-align: middle;
        color: #999999;
    }
}

@media screen and (min-width: 960px) {

    .f-box {

        display: inline-block;
        vertical-align: middle;
        width: auto;
        color: #999999;
    }
}

@media screen and (min-width: 1024px) {

    .f-box {

        display: inline-block;
        vertical-align: middle;
        width: 210px;
        color: #999999;
    }
}


.f-box p {
    color: #fff;
    font-size: .35rem;
}

.bottom a {
    float: right;
    text-align: center;
    color: #ffedc9;
    font-size: .3rem;
    height: .6rem;
    line-height: .6rem;
    border-radius: 5px;
    margin-top: .3rem;
    margin-right: .1rem;
    width: 2rem;
    background-color: rgb(250, 116, 3);
    box-shadow: 0px 4px 9.4px 0.6px rgba(0, 0, 0, 0.4);
}

.zhuanqu-btn a {

    width: 1.5rem;
}


.bg-layer {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9;
    display: none
}

.wx-bg {
    background: #fff;
    border-radius: .1rem;
    width: 7rem;
    text-align: center;
    color: #6b240a;
    position: fixed;
    z-index: 10;
    font-size: .3rem;
    padding-bottom: 20px;
    display: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.wx-bg .close {
    position: absolute;
    width: .7rem;
    z-index: 999;
    padding: .15rem;
    bottom: -1.3rem;
    left: 50%;
    margin-left: -.3rem;
}

.wx-bg h2.title {
    color: #000;
    font-size: .4rem;
    text-align: center;
    background: none;
}

.wx-bg input {
    height: .9rem;
    line-height: .9rem;
    background: #ececec;
    border: 0px;
    border-radius: 5px;
    margin: .1rem 0;
    width: 88%;
    color: #999999;
    padding: 0 1%;
    font-size: .25rem;
}

.wx-bg a.btn-bg {
    background: #fa7403;
    color: #fff;
    font-size: .3rem;
    width: 90%;
    border-radius: 0px;
    line-height: .9rem;
    display: inline-block;
    border-radius: 5px;
    margin-top: .1rem;
}

.red {
    color: #d41616;
    font-size: .25rem;
}

.iframe1 {
    width: 100%;
    height: 4rem;
}

.app-btn {
    position: absolute;
    top: 10px;
    left: 50%;
    width: 3rem;
    cursor: pointer;
    z-index: 999;
    margin-left: .8rem;
}

.ios-bot {
    background: #ffffff;
    position: fixed;
    bottom: 0px;
    z-index: 999;
    width: 100%;
    line-height: 3;
    text-align: center;
    font-size: .33rem;
    display: none;
}

.ios-bot ul {
    border-bottom: 7px solid #f0f1f2;
}

.ios-bot li {
    border-bottom: 1px solid #f0f1f2;
}

.ios-bot a {
    color: #808080;
    display: inline-block;
    width: 100%;
}

.ios-bot li a {
    color: #000;
}

.ios-bot li img {
    display: inline-block;
    width: .5rem;
    vertical-align: middle;
    margin-right: .2rem;
}

.tab-btn {
    font-size: 0px;
    background: #fa7403;
    border-radius: .1rem .1rem 0 0;
}

.tab-btn li {
    line-height: 1rem;
    font-size: .35rem;
    color: #fff;
    width: 50%;
    display: inline-block;
    cursor: pointer;
    position: relative;
}

.tab-btn li.on:after {
    border: 10px solid transparent;
    border-bottom: 10px solid #fff;
    width: 0;
    height: 0;
    position: absolute;
    content: ' ';
    top: .66rem;
    left: 50%;
    margin-left: -10px;
}

.tell-paw input {
    width: 3.25rem !important;
}

.tell-paw a {
    width: 2.15rem;
    text-align: center;
    display: inline-block;
    background: #fa7403;
    color: #fff;
    line-height: .9rem;
    border-radius: 5px;
    margin-left: .2rem;
}

/*media*/

@media screen and (min-width: 1025px) {
    html {
        font-size: 62.58px !important;
    }

    body,
    .bottom, .ios-bot {
        width: 500px !important;
        margin: 0 auto;
    }

    .bottom {
        left: 50%;
        margin-left: -250px
    }

    .tell-paw input {
        width: 4.1rem !important;
    }
}

/*media end*/

.video-box {
    width: 100%;
    padding-top: 15%;
}

.video-box > div {
    position: relative;
    border: 1px solid #dbbb86;
    width: 90%;
    margin: 0 5%;
}

.video-box video {
    width: 100%;
}

.bg-show {
    background: rgba(0, 0, 0, .7);
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0px;
    z-index: 9;
}

.btn-play {
    width: 1rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    z-index: 10;
}

-moz-transform:translate(-50%,-50%)

;
z-index:

10
;
}

.dowebok {
    background: rgba(0, 0, 0, .8);
    color: #fff;
    font-size: 0.35rem;
    height: 0.48rem;
    line-height: 0.48rem;


}

.dropdown {

    width: 100%;
        max-width: 500px;
    background: rgba(0, 0, 0, .8);
    height: 0.48rem;
    position: fixed;
    bottom: 0;
    color: #fff;
    z-index: 9999;
}

.marquee {
    height: 0.48rem;
    line-height: 0.48rem;
}

.marquee-content-items li {
    height: 0.48rem;
    line-break: 0.48rem;
}

/* 2019-12-05  新增*/
.tc {
    text-align: center !important
}

.down-box .title {
    line-height: 1rem;
    font-weight: bold;
    color: #000;
    position: relative;
    border-bottom: 1px solid #E6E6E6;
    margin-bottom: .3rem;
    font-size: .35rem
}

.down-box .title .close1 {
    position: absolute;
    right: .3rem;
    top: .2rem;
    width: .3rem
}

.down-box h4 {
}

.content img {
    text-align: center;
    display: inline-block
}

.lb-bo1 {
    text-align: left;
    padding: 0 .3rem;
    color: #666666;
}

.lb-bo1 h3 {
    font-weight: bold;
    color: rgba(250, 116, 3, 1);
    font-size: .3rem;
    line-height: .8rem
}

.lb-bo1 h3 a, .zf-bo1 h4 a {
    width: 1rem;
    height: .43rem;
    line-height: .43rem;
    margin-top: .2rem;
    text-align: center;
    background: linear-gradient(133deg, rgba(104, 112, 243, 1), rgba(72, 149, 242, 1));
    border-radius: .08rem;
    font-size: .2rem;
    color: #fff;
    font-weight: normal;
    display: inline-block;
    float: right
}

.lb-bo1 li {
    line-height: .8rem;
    font-size: .33rem
}

.lb-bo1 li img {
    float: right;
    width: .4rem;
    margin-top: .15rem
}

.lb-bo1 dl {
    background: #F2F2F2;
    height: 1.8rem;
    overflow: auto;
    line-height: .6rem;
    padding: 0 .2rem
}

.lb-bo1 dl::-webkit-scrollbar {
    width: 6px;
    height: 1px;
}

.lb-bo1 dl::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #CCCCCC;
}

.lb-bo1 dl::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background: #EDEDED;
}

.tc-orange {
    color: #fa7403
}
.btn-pay {
    background: rgba(250, 116, 3, 1);
    width: 3rem;
    height: .8rem;
    line-height: .8rem;
    color: #fff;
    text-align: center;
    font-size: .3rem;
    display: inline-block;
    margin-top: .2rem;
    border-radius: .1rem
}

.down-box-b {
    background: #fff;
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 11;
    /* width: 7.4rem; */
    width: 100%;
    padding: .3rem;
    display: none;
    left: 50%;
    margin-left: -4rem;
}

.down-box-b h3 {
    font-size: .38rem;
    font-weight: bold;
    color: #000000;
}

.down-box-b li {
    box-shadow: 0px 3px 10px #ccc;
    width: 95%;
    margin: .3rem auto;
    padding: .3rem 5%;
    border-radius: .15rem;
    font-size: .35rem;
    font-weight: bold;
    color: #000000;
}

.down-box-b li img {
    width: .58rem;
    display: inline-block;
    vertical-align: middle;
    margin-right: .2rem;
}

.zf-bo1 {
    color: #000;
    padding: 0 .3rem;
    margin-bottom: .2rem;
    text-align: left;
}

.zf-bo1 img {
    margin: 0 30%;
    width: 40%
}

.zf-bo1 h3 {
    font-size: .35rem;
    text-align: left;
}

.zf-bo1 h4 {
    margin: .2rem 0;
}

.zf-bo1 h4 span {
    font-size: .4rem;
    font-weight: bold;
    color: #FA7403;
    background: #F2F2F4;
    vertical-align: middle;
    display: inline-block;
    padding: .1rem .2rem;
    border-radius: .1rem;
    width: 4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.zf-bo1 h5 {
    text-align: center;
    color: #CCCCCC;
    margin-top: .2rem;
    margin-bottom: -.2rem;
    font-size: .23rem
}

.lb-icon {
    position: fixed;
    bottom: 3rem;
    width: 1.5rem;
    z-index: 8;
    left: 50%;
    margin-left: 2.3rem;
}

.copy-suc {
    width: 4rem;
    line-height: 1rem;
    font-size: .3rem;
    color: #fff;
    text-align: center;
    display: inline-block;
    position: fixed;
    z-index: 20;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, .7);
    display: none;
    border-radius: .1rem
}

#target{
    font-size: .26rem;
}
#target2{
    font-size: .26rem;
}
#target3{
    font-size: .26rem;
}

/*Safari浏览器安装引导*/
.down-box .title1{ line-height: 1rem; font-weight: bold; color: #000; position: relative;  font-size: .35rem }
.btn-ljaz{width: 3rem;height: 0.7rem;background: #fa7403;font-size: 0.35rem;color: #ffffff;line-height: 0.7rem;border-radius: 0.16rem;text-align: center;display: inline-block;/* margin-top: 0.1rem; */cursor: pointer;}
.img-size{width: 6.5rem;height: 4rem;vertical-align: top;}
.img-bor{
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: flex-start;
}
.tc-swiper{width: 100%;height: 4.7rem;}
.swiper-pagination-bullet-active{background: #4ca9f2!important}
.btn-ljaz a{color: #ffffff;}
.yd-bottom{margin-top: 0.16rem;}
.miaoshu,.kefu{cursor: pointer;color: #4ca9f2;font-size: 0.26rem;}
.miaoshu{margin-right: 0.48rem;}
.kefu{margin-left: 0.48rem;}
.kefu a{color: #4ca9f2;}
.ver-line{width: 0.016rem;height: 0.3rem;display: inline-block;background: #e6e6e6;vertical-align: middle;}
.wenjian{text-align: left;padding: 0.16rem 0.48rem;max-height: 5.32rem;overflow: auto;}
.ms-tit{color: #666666;font-size: 0.3rem;font-weight: bold;line-height: 0.6rem;}
.ms-text{color: #999999;font-size: 0.33rem;line-height: 0.48rem;}
.see,.see2{width: 3rem;height: 0.7rem;line-height:0.7rem;background: #fa7403;font-size: 0.35rem;color: #ffffff;border-radius: 0.16rem;text-align: center;display: inline-block;cursor: pointer;margin-top: .3rem;}
.safari-head{width: 7rem;height: 3.1rem;background: #53b4ff;border-radius: 0.1rem 0.1rem 0 0;}
.safari{width: 1.3rem;height: 1.3rem;display: inline-block;margin-top: 0.48rem;}
.safari-sm{display: inline-block;width: 4rem;line-height: 0.52rem;color: #ffffff;margin-top: 0.48rem;text-align: left;margin-left: 0.3rem;}
.link-input{background-color: #f3fbfe!important;color: #7ca9c5!important;font-size: 0.32rem;}
.input-bor{position: relative;}
.ctrl a{
    width: 1.2rem;
    height: 0.9rem;
    color: #ffffff;
    background-image: linear-gradient(to right,#16c7fd,#3b88f9);
    border-radius: 0 0.16rem 0.16rem 0;
    display: inline-block;
    position: absolute;
    right: 0.32rem;
    top: 0.1rem;
    line-height: 0.9rem;}
.down-box .title1 .close1 {
    position: absolute;
    right: .3rem;
    top: .2rem;
    width: .3rem
}

@media screen and (max-width: 320px) {
    .wx-bg{top: 20%;margin-left: -3.5rem;transform: translate(0%, 0%);}
}