*{
    margin: 0;
    padding: 0;
}
.page_pc{
    width: 100%;
    height: 1000px;
    background: url("./image/bg.png") no-repeat center;
    background-size: 100% 100%;
}
.container_pc{
    width: 1200px;
    margin: 0 auto;
}

/*头部*/
.head_pc{
    display: flex;
    justify-content: start;
    align-items: center;
    padding-top: 0px;
}
.logo_pc{
    width: 50px;
    height: 50px;
    margin-right: 20px;
}
.name_pc{
    color: #fff;
    font-size: 24px;
    margin-right: 10px;
    padding: 0px

}
.explain_pc{
    color: #fff;
    font-size: 16px;
    letter-spacing: 0px;
}

/*内容*/
.content_pc{
    display: flex;
    justify-content: space-between;
    margin-top: 70px;
}
.down_pc{
    width: 40%;
    margin-top: 0px;
}
.APP_title{
    color: #fff;
    font-size: 50px;
    font-weight: bold;
    margin-bottom: 30px;
    padding: 0px;
}

.recode_pc{
    width: 67%;
    display: flex;
    justify-content: start;
    align-items: center;
    border: 1px solid #FCE3C5;
    padding: 10px 0;
    padding-left: 10px;
    border-radius: 4px;
}

.recode_img{
    width: 80px;
    height: 80px;
    padding: 5px;
    background: #fff;
    border-radius: 5px;
}
.recode_img img{
    width:100% ;
    height: 100%;
}
.recode_right{
    display: flex;
    flex-direction: column;
    margin-left: 20px;
}
.recode_right_title{
    width: 200px;
    height: 30px;
    color: #EA0F31;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    border-radius: 100px;
    background: #FFEED9;
    margin-bottom: 12px;
}
.recode_right_img{
    display: flex;
    justify-content: space-between;
}
.recode_right_img img{
    width: 83px;
    height: 30px;
}
.bazaar{
    /*width: 56%;*/
    display: flex;
    justify-content: start;
    align-items: center;
    margin: 20px 0;
}
.bazaar a{
    text-decoration: none;

}
.huawei{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 140px;
    height: 33px;
    background: #FFFFFF;
    padding: 0 20px;
    border-radius: 50px;
    margin-right: 20px;
}
.huawei p{
    color: #EA0F31;
    font-size: 14px;
}
.iphone{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 140px;
    height: 33px;
    background: #FFFFFF;
    padding: 0 20px;
    border-radius: 50px;
}
.iphone p{
    color: #EA0F31;
    font-size: 14px;
}

.introduce{
    display: flex;
    justify-content: start;
    align-items: center;
    margin-bottom: 20px;
}
.introduce img {
    margin-right: 15px;
}
.introduce p {
    font-size: 18px;
    color: #fff;
}


/*展示图*/
.showImg_pc{
    width: 50%;
    padding: 0px;

}
.showImg_pc img{
    width:100%;
    height: 100%;
}

/*底部*/
.footer_pc{
    width: 100%;
    height:70px;

    background: #463C3D;
}
.footer{
    width: 1200px;
    margin: 0 auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.footer p{
    color: #fff;
    font-size: 14px;
    margin-bottom: 10px;
}
.footer p:first-child{
    /*margin-top: 10px;*/
    margin: auto;
}

/*手机端*/
#bct_s{
    display: none;
}
.up_s{
    width: 100%;
    height: 100%;
    background-image:url("./image/bct_bj.png");
    background-size: cover;
    padding-top:2rem;
}
.down_s{

    width: 100%;
    height: 10%;
    background-color: #463C3D;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    bottom: 0;
    bottom: 0;
}
.down_s p:first-child{
    margin-bottom: 0.5rem;
}
.down_s p{
    color:#fff;
}
.one_s{
    display: flex;
    align-items: center;
    color: #fff;
}
.one_s img{
    width:35px;
    height:35px;
    margin:0 1rem;
}
.one_s div{
    font-size: 25px;
    font-weight: 600;
    margin-right:1rem;
}
.one_s p{
    letter-spacing: 0rem;
}
.two_s{
    font-size: 30px;
    font-weight: 600;
    color: #ffffff;
    padding-left: 1rem;
    margin-top:2rem;
}
.stree_s{
    color:#fff;
    padding-left: 1rem;
    margin-top:2rem;
}
.stree_s p{
    display: flex;
    align-items: center;
    margin:0.5rem 0;
}
.stree_s img{
    width:14px;
    height:14px;
    margin-right: 0.5rem;
}
.four_s{
    padding:2rem 0 2rem 1rem;
    margin-top: 1rem;
    position: relative;
}
.four_s a{
    text-decoration: none;
}
.four_s>img{
    height:100%;
    position: absolute;
    right: 0;
    top:0;
    z-index: 9;
}
.item{
    width:10rem;
    height:2.5rem;
    background-color: #fff;
    border-radius: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color:#EA0F31;
    font-size: 12px;
    margin:1rem 0;
}
.item img{
    width:20px;
    height:20px;
    margin-right:0.5rem;
}
.item2{
    width: 20px!important;
    height: 14px!important;
}
.item3{
    width: 17px!important;
    height: 20px!important;
}
@media screen and (max-width: 768px) {
    .pc{
        display: none;
        height: auto;
    }
    #bct_s{
        display: block;
    }
}