*{
    margin:0;
    padding:0;
    font-family: Arial,sans-serif;
}
body{
    max-width:768px;
    margin:0 auto;
    background-color:#fff;
}
.main header{
    width:100%;
    height:1.19rem;
    background-color:#000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;   /* OLD - Android 4.4- */
    display: -moz-box;
    display: box;		    /* OLD - Android 4.4- */
    display: -moz-box;		/* OLD - Firefox 19- (buggy but mostly works) */
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.main header .header-box{
    width:3.74rem;
    height:0.95rem;
}
.main header .header-box img.left{
    height:100%;
    float:left;
}
.main header .header-box img.right{
    width:2.68rem;
    height:0.82rem;
    float:right;
    margin-top:0.08rem;
}
.main .title{
    width:100%;
    height:3.2rem;
    border-bottom:1px solid #b1b1b1;
    padding:0.64rem 0.28rem 0 0.28rem;
    box-sizing: border-box;
}
.main .title dl{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;			  /* OLD - Android 4.4- */
    display: -moz-box;		 /* OLD - Firefox 19- (buggy but mostly works) */
    display: flex;
    padding-left:0.15rem;
}
.main .title dt{
    margin-right:0.36rem;
}
.main .title dt,.main .title dd{
    height:1.5rem;
}
.main .title dd h4{
    font-size:0.3rem;
    margin:0.1rem 0 0.16rem 0;
    font-weight:normal;
    letter-spacing:1px;
    margin-bottom: 0;
}
.main .title dt img{
    width:1.49rem;
}
.main .title .sub-in{
    font-size:0.22rem;
    color: #808080;
    margin-top:0.1rem;
}
.main .title .sub-in .light-blue{
    color: #338fff;
}
.main .title dd img{
    height: 0.18rem;
}
.title .item2{
    display: block;
}
.star-num{
    font-size:0.2rem;
    color:#808080;
}
.letter-s{
    letter-spacing: 1px;
}
.main .title dd{
    position:relative;
    width:4.93rem;
}
.install-btn{
    display: inline-block;
    width:1.37rem;
    height:0.62rem;
    position:absolute;
    top:0.44rem;
    right:0.25rem;
    font-size:0.36rem;
    color:#338fff;
    border:1px solid #338fff;
    line-height:0.62rem;
    border-radius:4px;
    box-sizing:border-box;
    text-decoration: none;
    text-align:center;
}
.main .tab{
    width:100%;
    height:0.57rem;
    line-height: 0.57rem;
    margin-top:0.58rem;
    font-size:0.26rem;
    color:#808080;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border:1px solid #808080;
    border-radius:6px;
}
.main .tab .tab-item{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
    width: 0%;
    text-align:center;
}
.main .tab .tab-item:nth-of-type(1){
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
}
.main .tab .tab-item:nth-of-type(2){
    border-left:1px solid #808080;
    border-right:1px solid #808080;
}
.main .tab .tab-item:nth-of-type(3){
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
}
.main .tab .active{
    background-color:#808080;
    color:#fff;
}
.main .comment{
    padding: 0.37rem 0.28rem 0 0.28rem;
}
.main .comment .comment-p,.more .more-tip{
    font-size:0.3rem;
    margin-bottom:0.13rem;
}
.main .comment .process{
    width:100%;
    display: block;
}
.comment-num{
    margin-bottom:0.1rem;
    display: flex;
    align-items: center;
    font-size:0.2rem;
    color:#808080;
}.comment-num img,.comment-num .star-num{
    float:left;
 }
 .comment-num img{
     height: 0.19rem;
 }
 .comment .user-name{
     font-size:0.3rem;
 }
.comment-list{
    margin-bottom:1.4rem;
}
 .comment-list li{
     border-top:1px solid #b1b1b1;
     display: flex;
     flex-direction: column;
     padding:0.33rem 0 0.46rem 0;
 }
.comment-list li .date{
    font-size:0.26rem;
    margin-top:0.2rem;
    margin-bottom:0.05rem;
}
.comment-list li .date span{
    color:#808080;
    font-size:0.26rem;
    float: right;
}
.comment-list li .date img{
    height:0.19rem;
}
.comment-list li p{
    font-size:0.22rem;
    color:#808080;
}
.float-btn{
    position: fixed;
    z-index: 100000;
    bottom:0;
    width:7.5rem;
    /* height:1.4rem; */
    background-color:#fff;
    /* display: -webkit-box; */
    /* display: -webkit-flex; */
    /* display: -ms-flexbox; */
    /* display: flex; */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: 8px 0;
}
.box-shadow-3 {
    -webkit-box-shadow: 2px 1px 31px rgba(204, 204, 204, .8);
    -moz-box-shadow: 2px 1px 31px rgba(204, 204, 204, .8);
    box-shadow: 2px 1px 31px rgba(204, 204, 204, .8);
}

.float-btn a{
    display:block;
    text-decoration: none;
    width:6.8rem;
    margin: 0 auto;
    /* height:0.87rem; */
    background-color:#338fff;
    font-size:0.36rem;
    color:#fff;
    text-align: center;
    line-height:0.7rem;
    border-radius:4px;

}
.toComment{
    font-size:0.3rem;
    color:#3392ff;
    text-decoration: none;
    display: block;
    text-align: center;
    margin:0 auto 0.37rem;
    width:1.56rem;
}

/*相关*/
.main .more{
    padding:0.37rem 0.33rem 1.4rem 0.33rem;
}
.main .more .more-content{
    overflow: hidden;
}
.main .more .item{
    width:3.19rem;
    height:1.95rem;
    background-color:#d9d9d9;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    margin-bottom:0.25rem;
    float: left;
    padding:0 0.1rem;
    box-sizing:border-box;

}
.main .more .item:nth-child(even){
    margin-left:0.44rem;
}
.main .more .item .more-left{
    padding-top:0.16rem;
    float: left;
    width:1.48rem;
}
.main .more .item .more-right{
    padding-top:0.25rem;
    float: right;
    width:1.48rem;
}
.main .more .item .more-left img{
    width: 1.2rem;
    display: block;
    margin: 0 auto;
    border-radius: 9px;
}
.main .more .item .more-right img{
    width:1.03rem;
    display: block;
    margin:0 auto;
}
.main .more .item .more-left p{
    font-size:0.22rem;
    display: block;
    margin-top:0.12rem;
    text-align: center;
}
.main .more .item .more-right a{
    display: block;
    font-size:0.22rem;
    text-decoration: none;
    border:1px solid #000;
    color:#000;
    width:1.19rem;
    height:0.32rem;
    line-height: 0.32rem;
    text-align: center;
    border-radius: 5px;
    background-color:#fff;
    margin-top:0.18rem;
    width:89%;
    margin-left:auto;
    margin-right:auto;
}
.detail .detailtop .swiper-slide{
    width:2.93rem!important;
}
.detail .detailtop .swiper-slide img{
    width:100%;
}
.main .detail{
    padding:0.3rem 0.23rem 2rem 0.23rem;
}
.detail .detailtop .swiper-container{
    padding:0 0.23rem 0 0.23rem;
}
.main .detail .title1{
    font-size:0.36rem;
}
.main .detail .arti{
    font-size:0.24rem;
    margin-top:0.26rem;
    line-height: 0.35rem;
}
.star-num-out{
    font-size: 0.2rem;
    color: #808080;
    margin-left: 0.17rem;
    vertical-align: middle;
}
.comment-num .star-num{
    margin-left:0.17rem;
}
#weixin-tip {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.3);
    filter: alpha(opacity=80);
    width: 100%;
    height: 100%;
    z-index: 1000000000;
}
#weixin-tip p {
    text-align: center;
    margin: 0;
    height: 100%;
    position: relative;
}
#weixin-tip p img {
    width: 100%;
    height: 100%;
}
#weixin-tip .close {
    color: #fff;
    padding: 5px;
    font: bold 24px/26px simsun;
    text-shadow: 0 1px 0 #ddd;
    position: absolute;
    top: 0;
    left: 5px;
}
.logo-con{
    width:1.49rem;
}
.lunbo{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color:rgba(0,0,0,.5);
    z-index:1000000000;

}

.lunbo .swiper-slide {
    text-align: center;
}
.lunbo:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.lunbo .swiper-container{
    width:80%;
    display:inline-block;
    vertical-align: middle;
}
.lunbo .swiper-slide img{
    width:100%;
    max-width: 768px;
}
.lunbo  .swiper-container {
    width: 93%;
    height: 100%;
}
.lunbo  .swiper-slide {
    text-align: center;
    font-size: 18px;
    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: center;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #db412d !important;
}


.high-download-txt{
    position: relative;
    display: inline-block;
    padding-right: 16px;
    line-height: 0.87rem;
}

.high-download-txt:after{
    position: absolute;
    content: '';
    right: 0;
    top: 0.25rem;
    width: 12px;
    height: 13px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIiB3aWR0aD0iMjQiIGhlaWdodD0iMjUuOTM4IiB2aWV3Qm94PSIwIDAgMjQgMjUuOTM4Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjtmaWxsLXJ1bGU6ZXZlbm9kZH08L3N0eWxlPjwvZGVmcz48cGF0aCBkPSJNMTMuNjYzIDE5Ljc2OGwuMTU1LjE1Ni0xLjY2NyAxLjY4LS4xNTUtLjE1Ni0uMTU1LjE1Ni0xLjY2Ny0xLjY4LjE1NS0uMTU2LTkuNDktOS41NjMgMS42NjgtMS42NzkgOC40MDIgOC40NjZWLS4wMDZoMi4xNzR2MTYuOTk4bDguNDAyLTguNDY2IDEuNjY3IDEuNjc5LTkuNDg5IDkuNTYzem04Ljc1OCA2LjE3NkgxLjU3MXYtMi4xNzVoMjAuODV2Mi4xNzV6IiBjbGFzcz0iY2xzLTEiLz48L3N2Zz4=) no-repeat 0 0;
    background-size: 100% auto;
}
#downloadBtn3 {
    /* background-color: #6f66f0; */
    margin-bottom:0.2rem;
    margin-top: 0.2rem;
    /* box-shadow: 0px 3px 8px rgba(111, 102, 240, .8); */
}

#downloadBtn4 {
    /* background-color: #6f66f0; */
    /* margin-bottom:0.5rem; */
    background:#d5d5d5;
    /* box-shadow: 0px 3px 8px rgba(51, 143, 255, .8); */
    background-image: url(../img/icon_xiazai1.png);
    background-repeat: no-repeat;
    background-position: 6rem;
    background-size: 0.35rem;
    margin-top: 0.2rem;
}
#downloadBtn4 .weak-btn {
    color: #333333;
}
.high-download{
    position: relative;
    display: block;
    line-height: 0.5rem;
    font-size: 0.32rem;
}
.newPhone {
    background-image: url(../img/down.png);
    background-repeat: no-repeat;
    background-position: 6rem;
    background-size: 0.35rem;
}