html {
            font-size: 10px
        }

        body {
            background: #fff;
            color: #fff;
            font-family: "Microsoft YaHei"
        }

        body, dl, h1, h2, h3, h4, h5, h6, li, ol, p, ul {
            margin: 0;
            padding: 0
        }

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

        a {
            text-decoration: none;
        }

        a:hover {
            text-decoration: none
        }

        ::-webkit-scrollbar {
            width: 16px;
            height: 10px;
        }

        /*scroll shadow radius*/
        ::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
            border-radius: 10px;
            background-color: #ddd;
        }

        /*swipe inset radius*/
        ::-webkit-scrollbar-thumb {
            border-radius: 10px;
            -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
            /*background-color: rgba(90, 0, 74, 0.8);*/
        }

        .container {
            max-width: 750px;
            margin: 0 auto
        }

        /*主背景*/
        .container, .main_background {
            position: relative
        }

        .main_background {
            z-index: 0
        }

        /*主背景长度 居中*/
        .main_background > img {
            max-width: 750px;
        }

        /*主背景图*/
        .img-main {
            width: 100%;
            display: block
        }

        /*下载按钮*/
        .download_btn {
            position: absolute;
            z-index: 2;
            top: 0;
            left: 50%;
            max-width: 750px;
            width: 100%;
            height: 100%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%)
        }

        /*下载链接*/
        .download_btn a {
            display: block
        }

        .download_btn a.btn-bottom {
            position: absolute;
            top: 60%;
            left: 28%;
            width: 45%;
        }

        /*底部固定*/
        .footer_fixed {
            width: 100%;
            min-height: 1.4rem;
            background: rgba(255, 255, 255, 0.77);
            position: fixed;
            left: 0;
            bottom: 0;
            box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
        }

        /*底部*/
        .banner {
            position: relative;
        }

        /*底部icon*/
        .img_icon {
            display: block;
            width: 1.25rem;
            height: 1.25rem;
            position: absolute;
            top: 0.13rem;
            left: 0.28rem;
            overflow: hidden;
            border-radius: 0.1rem;
        }

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

        /*app描述*/
        .banner .describe_in_word {
            padding: 0.20rem 0 0 1.74rem;
            color: #333;
        }

        .banner .describe_in_word h3 {
            font-size: 0.3rem;
            font-weight: 600;
        }

        .banner .describe_in_word span {
            font-size: 0.28rem;
            color: #545454;
            display: block;
            margin-top: 0.15rem;
        }

        /*login*/
        .banner .log_in {
            display: block;
            width: 1.9rem;
            height: 0.9rem;
            line-height: 0.9rem;
            background: #8f0749;
            color: #fff;
            text-align: center;
            font-size: 0.40rem;
            border-radius: 0.08rem;
            position: absolute;
            top: 0.33rem;
            right: 0.3rem;
        }

        .hidden_{
            display: none;
        }

        /*ios安装教程*/
        .tutorial{
            color: #000000;
        }

        .p1 {
            font-size: 0.40rem;
            font-weight: bold;
            font-family: "微软雅黑";
            padding-left: 0.2rem;
            padding-right: 0.2rem;
            padding-top: 0.2rem;
        }

        .p2 {
            font-size: 0.269rem;
            font-family: "微软雅黑";
            padding-left: 0.2rem;
            padding-right: 0.2rem;
            padding-top: 0.2rem;
        }

        .tutorial-pic {
            padding: 0.25rem 0.50rem 0.25rem 0.50rem;
        }

        .trust-link {
            margin-top: 0.25rem;
            margin-bottom: 0.50rem;
            height: 150px;
        }

        .trust {
            text-align: center;
            margin: 0 auto;
        }

        .trust a {
            font-size: 0.30rem;
            text-decoration: none;
            color: #2395FF;
            letter-spacing: 0;
            text-align: center;
            border: 1px solid #2395FF;
            border-radius: 0.2rem;
            padding: 0.35rem 1.30rem 0.35rem 1.30rem;
            position: relative;
            top: -0.25rem;
        }

        /*ios教程遮罩提示*/
        .guidance-shadow {
         //   display:;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.6);
            z-index: 99;
            color: #404040
        }

        .bottom-fixed {
            background-color: #fff;
            position: fixed;
            bottom: 0;
            width: 100%;
        }

        .shadow-title {
            font-family: "微软雅黑";
            text-align: center;
            font-size: 0.32rem;
            padding: 0.15rem;
            border-bottom: 1px solid #E8E8EA
        }

  

        .shadow-step {
            font-family: "微软雅黑";
            padding: 0.10rem 0.20rem;
            font-size: 0.27rem;
        }

        .block {
            display: inline-block;
            width: 100%;
            padding: 0.15rem 0rem;
        }

        .block .block-wrap {
            text-align: center;
        }

        .block .block-wrap .icon {
            width: 60px;
            height: 60px;
            margin: 0 auto;
            border-radius: 10px;
            background-size: contain;
        }

        .block .block-wrap .ylc {
            background-image: url("./icon.png");
        }

        .block .block-wrap .text {
            padding-top: 0.05rem;
            font-size: 0.20rem;
            color: #999999;
        }

        .shadow-trust {
        }

        .shadow-trust .trust_area {
            margin: 0 auto;
        }

        .shadow-trust .trust_area a {
            display: block
        }

        .img-trust {
            width: 100%;
        }
        .ss{
  
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
        outline: none;
    border: none;
    
   
        }
        .diasju{
        	float: left;position: relative;bottom: 0.1rem;width: 0.8rem;border:1px solid #000;border-radius: 0.1rem;height: 0.3rem;padding-left: 0.12rem;font-size: 0.2rem;
        }
        .box .btn, .box .btn2 {
    display: block;
    position: absolute;
    top: 6.9rem;
    left: 3.9rem;
    width: 2.99rem;
    height: 0.95rem;
    background: url(./images/btn.png) no-repeat center;
    background-size: 100% 100%;
    outline: none;
    border: none;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
     outline: none;
    border: none;
}