body,html,div,p,img,a，footer{
    margin: 0;padding: 0;
}

html{
    background: -webkit-linear-gradient(left, #09022a, #7e1a4b); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #09022a, #7e1a4b); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #09022a, #7e1a4b); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #09022a, #7e1a4b); /* 标准的语法 */
}

/*PC端*/
body{
    background: url("/theme/images/home_img/b.jpeg") no-repeat;height: 100%;width: 100%;
    background-size: 100% 100%;
}

@media screen and (min-width:768px ){
    .min-width{
        width: 1000px;
        height: 100%;
        margin: 0 auto;
    }
    .phone{
        /*margin-top: 60px;
        margin-left: 200px;
        height: 538px;width: 270px;*/

        margin-top: 80px;
        margin-left: 170px;
        height: 578px;
        width: 291px;

    }
    .phone>img{
        height: 100%;width: 100%;
    }
    .phone-font{

    }
    .phone-font>p{
        font-family: "Microsoft Sans Serif";
        font-size: 12px;
        color: #ffffff;
        padding: 150px 30px 0 30px;
    }
    .left{
        float: left;
    }
    .body-right-img{
        float: left;
        margin-top: 110px;
        float: right;
        text-align: center;
    }

    .body-right-img>img:nth-child(1){
        height: 115px;
        margin-left: 100px;

    }
    #app-img{
        margin: 60px 16px 0 146px;

    }

    .body-right-img>p{
        font-size: 53px;
        font-family: "Microsoft Sans Serif";
        color: #ffffff;
        line-height: 66px;
        margin: 35px 0 0 100px;
        font-weight: 600;
    }
    .win-img{
        height: 85px;
        width: 110px;
        border: 1px solid #ffffff;
        display: inline-block;
        position: relative;
    }
    .win-img-left{
        margin: 20px 0 0 0px;
        padding-left: 70px;
    }
    .win-img img{
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .foot{
        margin-top: -30px;
        font-size: 12px;
        color: #a8a8a8;
        text-align: center;
        /*border-top: 1px solid #fff;*/
        /*border-image: -webkit-linear-gradient( #531240, #531240) 30 30;*/
        /*border-image: -moz-linear-gradient( #531240, #531240) 30 30;*/
        /*border-image: linear-gradient( #531240, #531240) 30 30;*/
    }
    .foot>p>a{
        color: #a8a8a8;
        text-decoration: none;
    }
    .foot>p>a:hover{
        color: #a8a8a8;
        text-decoration: none;
    }
    #app-img>a:hover{
        opacity: 0.8;
    }
    .win-img-left{
        cursor: pointer;
    }
    .win-img:hover{
        background: #cecece;
    }
}
/*超小屏幕（手机，小于 768px）*/
@media (max-width: 768px) {
    body{
        font-size: 100px;
    }
    .logo{
        background: url("/theme/images/home_img/logo.png") no-repeat center;height: 4.5rem
    }
    body{
        background: url("/theme/images/home_img/background.png") center;height: 100%;width: 100%;
        margin: 0;padding: 0;
        background-size: 100% 100%;
    }
    .min-width{
        /*width: 90%;*/
        /*margin: 0 auto;*/
    }
    .phone-font{
        position: absolute;
    }
    .phone{
        height: 538px;width: 270px;
        margin: 2rem auto 0 auto;
    }
    .phone>img{
        width: 100%;
        height: 100%;
    }
    /*.phone-font>p{*/
    /*font-size: 0.5rem;*/
    /*font-family: "Microsoft Sans Serif";*/
    /*color: #ffffff;*/
    /*position: relative;*/
    /*top: 5.5rem;*/
    /*left: 1rem;*/
    /*}*/
    /*.phone{*/
    /*background: url("/theme/images/home_img/phone.png") no-repeat;height: 80%;width: 75%;*/
    /*position: relative;top: 1rem;*/
    /*margin: 0 auto;*/
    /*background-size: 100% 100%;*/
    /*}*/
    .body-right-img{
        text-align: center;
    }
    .body-right-img>img:nth-child(1){
        height: 3.5rem;
        margin-top: 2rem;
    }
    .body-right-img>p{
        font-weight: 600;
        font-size: 1.5rem;
        color: #fff;
        line-height: 2rem;
        text-align: center;
        margin-top: 0.3rem;
    }
    #app-img{
        display: flex;
        margin-top: 0.5rem;
    }
    #app-img>a{
        margin: 0 auto;
        flex: 1;
    }
    .win-img{
        height: 3rem;
        width: 2.5rem;
        position: relative;
        flex: 1;
        border-right: 1px solid #ffffff;
    }
    .win-img:nth-last-child(1){
        border: none;
    }
    .win-img-left{
        border: 1px solid #ffffff;
        display: flex;
        width: 90%;
        margin: 1rem auto;
        /* border-right: 1px solid #ffffff; */
    }
    .win-img img{
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .foot{
        margin-top: 1rem;
        font-size: 0.5rem;
        color: #a8a8a8;
        text-align: center;
    }
    .foot>p{
        position: relative;
        bottom: 0.5rem;
    }
    .foot>p>a{
        color: #a8a8a8;
        text-decoration: none;
    }
    .foot>p>a:hover{
        color: #a8a8a8;
        text-decoration: none;
    }
    #app-img>a:hover{
        opacity: 0.8;
    }
    .win-img-left{
        cursor: pointer;
    }
    .win-img:hover{
        background: #cecece;
    }
}

/*iphoneX*/

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    .phone-font>p {
        font-size: 0.5rem;
        font-family: "Microsoft Sans Serif";
        color: #ffffff;
        position: relative;
        top: 6.5rem;
        left: 1rem
    }
}