body{
    max-width: 750px;
    display: block;
    margin: auto;
}
html,body{
    height: 100%;
}
*{
    margin: 0;
    padding: 0;
}
/*字体*/
@font-face{font-family:'DINPROBold';  src:url("/font/DINPRO-BOLD_0.otf");}
@font-face{font-family:'DINPROREGULAR';  src:url("/font/DINPRO-REGULAR_0.otf");}
@font-face{font-family: "GeForceBold";src:url("/font/GeForce_Bold_1.otf");}
@font-face{font-family: "GeForceLight";src:url("/font/GeForce_Light_1.otf");}
@font-face{font-family:'NotoBold';  src:url("/font/NotoSansCJKsc-Bold.otf");}
@font-face{font-family:'NotoRegular';  src:url("/font/NotoSansCJKsc-Regular.otf");}
a{
    text-decoration:none;
    color: #000;
}
ul,li,ol{
    list-style-type:none;
}
#boay{
    background-color: #1a1a1a;
}
/*导航栏*/
#navBar{
    position: fixed;
    top: 0;
    z-index: 9;
}
#navBar .header{
    width: 100%;
}
#navBar .header img{
    width: 100%;
}
/*导航栏结束*/

/*首页*/
#home{
    padding-top: .6rem;
    height: 100%;
    box-sizing: border-box;
    background-color: #1a1a1a;
}
#home .home-title{
    padding-top: .54rem;
    height: 1.2rem;
    padding-bottom: .24rem;
    box-sizing: border-box;
}
#home .home-title img{
    width: 2.6rem;
    margin-left: .6rem;
    display: block;
}
#home .link{
    height: calc(100% - 1.2rem - .8rem);
}
#home .link a{
    height: calc(100% / 15);
    transition: .5s all;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;
    align-items: center;
    -webkit-align-items: center;
}
#home .link a img{
    width: 6.3rem;
    display: block;
    margin: auto;
}
/*首页结束*/

#details{
    width: 100%;
    position: relative;
    padding-top: .6rem;
    background-color: #000;
}
#details #returnBar{
    position: fixed;
    top: .6rem;
    left: 0;
    right: 0;
    height: .84rem;
    z-index: 9;
}
#details #returnBar img{
    height: 100%;
    width: 100%;
}
#details ul{
    margin-top: .84rem;
}
#details li{
    position: relative;
}
#details li img{
    width: 100%;
}
#details li a{
    position: absolute;
    width: 1.54rem;
    height: 0.54rem;
    background-image: url("../images/purchaseBtn.jpg");
    background-size: 100% 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    top: 10.54rem;
    left: 1.3rem;
}
#details .returnTop{
    width: 1.1rem;
    height: 1.1rem;
    background-image: url("../images/returnTop.png");
    background-size: 100% 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    position: fixed;
    bottom: .4rem;
    right: .4rem;
    opacity: 0;
    transition: .5s all;
    background-color: #5e9400;
}
#details .content img{
    width: 100%;
}
#details .content *{
    color: #fff;
}
#details .content sup{
    font-size: .16rem;
}
#details .content .content-center{
    width: 6.15rem;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#details .content .content-center .rtx{
    width: 1.56rem;
}
#details .content .content-center .d-title{
    font-size: .49rem;
    text-align: center;
    font-family: GeForceLight;
}
#details .content .content-center .d-title p{
    font-size: .64rem;
    font-weight: bold;
    color: #76b900;
    height: .64rem;
    line-height: .64rem;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;
    font-family: GeForceBold;
}
#details .content .content-center .d-title img{
    height: 1.1rem;
    width: auto;
    display: block;
    margin-top: .1rem;
}
#details .content .content-center .d-title sup{
    font-size: .2rem;
    line-height: .3rem;
    margin-left: .04rem;
    color: #76b900;
}
#details .content .link-btn{
    font-size: .28rem;
    width: 2rem;
    height: .7rem;
    line-height: .7rem;
    color: #fff;
    display: block;
    background-color: #76b900;
    text-align: center;
}
#details .content .division{
    margin-top: .7rem;
    margin-bottom: .9rem;
    background-color: #666666;
    height: .02rem;
}
.thumb{
    width: 100%;
    position: relative;
    display: block;
}
.thumb div{
    position: relative;
    overflow: hidden;
}
.thumb div img{
    position: absolute;
    max-width: 100%;
    max-height: 100%;
}
.detailsBox{
    padding: 1rem 0;
}
.detailsBox .detailsBtn{
    width: 2rem;
    height: .7rem;
    line-height: .7rem;
    display: block;
    margin: auto;
    text-align: center;
    font-size: .28rem;
    background-color: #76b900;
}


/*30*/
#d-3090 .d-1 .rtx{
    margin-top: .42rem;
}
#d-3090 .d-1 .d-fs-1{
    font-size: .44rem;
    margin-top: .2rem;
    font-family: GeForceBold;
}
#d-3090 .d-1 .d-fs-1 span{
    font-family: GeForceBold;
}
#d-3090 .d-1 .d-text{
    font-size: .3rem;
    margin-top: .2rem;
    line-height: .58rem;
    color: #eee;
    font-family: DINPROREGULAR;
}
#d-3090 .d-1 .d-text sup{
    font-size: .16rem;
}
#d-3090 .d-1 .link-btn{
    margin-top: .4rem;
}
#series-30 .s-1 .d-title{
    font-size: .37rem;
    text-align: center;
}
#series-30 .s-1 .d-text{
    padding-left: 1.2rem;
}
#series-30 .s-1 .d-text div{
    margin-top: .35rem;
}
#series-30 .s-1 .d-text div p{
    font-size: .32rem;
    color: #eee;
    font-family: GeForceLight;
}
#series-30 .s-1 .d-text div p:nth-child(2){
    font-size: .6rem;
    height: .9rem;
    line-height: .9rem;
}
#series-30 .s-1 img{
    width: 4.85rem;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: .45rem;
    background-color: #fff;
}
#series-30 .s-1 .d-des{
    color: #333;
    text-align: center;
    margin-top: .45rem;
    font-size: .2rem;
}
#series-30 .s-2{
    margin-top: .9rem;
    position: relative;
}
#series-30 .s-2 > img{
    width: 100%;
}
#series-30 .s-2 .content-center{
    position: absolute;
    width: 6.14rem;
    top: 0;
    left: 50%;
    margin-left: -3.07rem;
}
#series-30 .s-2 .content-center .title{
    font-size: .49rem;
    text-align: center;
    margin-top: .4rem;
    font-weight: bold;
    font-family: GeForceBold,NotoBold;
}
#series-30 .s-2 .content-center .subtitle{
    font-size: .32rem;
    text-align: center;
    margin-top: .1rem;
    font-weight: bold;
    font-family: NotoBold,GeForceBold;
}
#series-30 .s-2 .content-center .text{
    font-size: .3rem;
    color: #eee;
    margin-top: .4rem;
    line-height: .58rem;
    font-family: DINPROREGULAR,NotoRegular;
}
#series-30 .s-2 .content-center img{
    border: .05rem solid #666;
    width: 100%;
    box-sizing: border-box;
    margin-top: .4rem;
}
#series-30 .s-3 .title{
    font-size: .49rem;
    font-weight: bold;
    margin-top: .2rem;
    font-family: GeForceBold;
}
#series-30 .s-3 .text{
    font-size: .3rem;
    line-height: .58rem;
    margin-top: .18rem;
    color: #eee;
    font-family: DINPROREGULAR;
}
#series-30 .s-1-1{
    margin-top: 1rem;
}
#series-30 .s-1-1 .title{
    font-size: .49rem;
    text-align: center;
    font-family: GeForceLight;
}
#series-30 .s-1-1 .text{
    width: 6.18rem;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#series-30 .s-1-2 .title{
    font-size: .49rem;
    text-align: center;
    margin-top: .8rem;
    font-family: GeForceBold;
}
#series-30 .s-1-2 .text {
    font-size: .3rem;
    color: #eee;
    margin-top: .4rem;
    line-height: .58rem;
    font-family: DINPROREGULAR;
}
#series-30 .s-1-2 img{
    margin-top: .4rem;
}
/*30*/

/*20*/
#series-20 .d-1 .rtx{
    margin-top: .42rem;
}
#series-20 .d-1 .d-fs-1{
    font-size: .44rem;
    margin-top: .2rem;
    font-family: GeForceBold;
}
#series-20 .d-1 .d-text{
    font-size: .3rem;
    margin-top: .2rem;
    line-height: .58rem;
    color: #eee;
    font-family: DINPROREGULAR;
}
#series-20 .d-1 .link-btn{
    margin-top: .4rem;
}
#series-20 .s-1{
    margin-top: 1.56rem;
}
#series-20 .s-1 .content-center{
    width: 6.15rem;
}
#series-20 .s-1 .title{
    font-size: .49rem;
    text-align: center;
    font-family: GeForceLight;
}
#series-20 .s-1 .text{
    font-size: .3rem;
    color: #eee;
    margin-top: .5rem;
    line-height: .58rem;
    font-family: DINPROREGULAR,NotoRegular;
}
#series-20 .s-1 dd{
    margin-top: .8rem;
}
#series-20 .s-1 dd div{
    font-size: .32rem;
    color: #eee;
    font-family: GeForceLight;
}
#series-20 .s-1 dd p{
    font-size: .6rem;
    height: .9rem;
    line-height: .9rem;
    color: #eee;
    font-family: GeForceLight;
}
#series-20 .s-2{
    margin-top: 1.7rem;
}
#series-20 .s-2 .title{
    margin-top: .66rem;
}
#series-20 .s-2 .title p{
    font-size: .49rem;
    text-align: center;
    font-family: GeForceLight;
}
#series-20 .s-2 .text{
    margin-top: .7rem;
    font-size: .3rem;
    width: 6.18rem;
    line-height: .58rem;
    font-family: DINPROREGULAR,NotoRegular;
}
#series-20 .s-3{
    margin-top: 1.6rem;
}
#series-20 .s-3 .title{
    font-size: .49rem;
    text-align: center;
    font-family: GeForceLight;
}
#series-20 .s-3 .s-des{
    width: 6.14rem;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#series-20 .s-4{
    margin-top: 1.6rem;
}
#series-20 .s-4 .title{
    font-size: .48rem;
    text-align: center;
    font-family: GeForceLight;
}
#series-20 .s-4 dl.content-center{
    width: 6.2rem;
}
#series-20 .s-4 dt{
    text-align: center;
    font-size: .4rem;
    color: #76b900;
    font-weight: bold;
    margin-top: .5rem;
    font-family: GeForceBold;
}
#series-20 .s-4 dt p{
    color: #76b900;
}
#series-20 .s-4 dt.dlss p{
    font-size: .48rem;
    font-family: GeForceLight;
    font-weight:normal;
}
#series-20 .s-4 dt div{
    font-size: .3rem;
}
#series-20 .s-4 dt.dlss div{
    font-family: GeForceLight;
    font-weight:normal;
}
#series-20 .s-4 dd{
    font-size: .3rem;
    line-height: .58rem;
    margin-top: .32rem;
    color: #eee;
    font-family: DINPROREGULAR;
}
#series-20 .s-4 dd img.content-center{
    width: 3.48rem;
    margin-top: .15rem;
}
#series-20 .s-4 .s-i-1{
    display: block;
    width: 6.25rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.5rem;
}
#series-20 .s-5 img{
    margin-top: 1.5rem;
}
#series-20 .s-5 .title{
    font-size: .49rem;
    text-align: center;
    margin-top: .6rem;
    font-family: GeForceLight;
}
#series-20 .s-5 .text{
    width: 6.2rem;
    margin-top: .4rem;
    color: #eee;
    font-size: .3rem;
    line-height: .58rem;
    font-family: DINPROREGULAR;
}
/*#details .d-2080s.content .content-center .d-title p{*/
/*    font-size: .6rem;*/
/*}*/
/*#series-20.d-2080s .d-1 .d-fs-1{*/
/*    font-size: .46rem;*/
/*    margin: .3rem 0 .5rem;*/
/*}*/
/*#series-20.d-2080s .s-1 .text{*/
/*    font-size: .2rem;*/
/*    line-height: .44rem;*/
/*}*/
/*#series-20.d-2080s .s-1 dd div{*/
/*    font-size: .24rem;*/
/*}*/
/*#series-20.d-2080s .s-1 dd{*/
/*    margin-top: .4rem;*/
/*}*/
/*#series-20.d-2080s .s-1 dd p{*/
/*    font-size: .34rem;*/
/*    line-height: .6rem;*/
/*    height: .6rem;*/
/*}*/
/*#series-20.d-2080s .s-2{*/
/*    margin-top: 1.4rem;*/
/*}*/
/*#details .d-2080.content .content-center .d-title p{*/
/*    font-size: .6rem;*/
/*}*/
/*#series-20.d-2080 .d-1 .d-fs-1{*/
/*    font-size: .46rem;*/
/*    margin: .3rem 0 .5rem;*/
/*}*/
/*#series-20.d-2080 .s-1 dd div{*/
/*    font-size: .3rem;*/
/*}*/
/*#details .d-2070s.content .content-center .d-title p{*/
/*    font-size: .6rem;*/
/*}*/
/*#series-20.d-2070s .d-1 .d-fs-1{*/
/*    font-size: .46rem;*/
/*    margin: .3rem 0 .5rem;*/
/*}*/
/*#series-20.d-2070s .s-1 dd{*/
/*    margin-top: .4rem;*/
/*}*/
/*#series-20.d-2070s .s-1 dd p{*/
/*    font-size: .4rem;*/
/*    line-height: .6rem;*/
/*    height: .6rem;*/
/*}*/
/*#series-20.d-2070 .d-1 .d-fs-1{*/
/*    font-size: .46rem;*/
/*    margin: .2rem 0 .4rem;*/
/*}*/
/*#details .d-2060s.content .content-center .d-title p{*/
/*    font-size: .6rem;*/
/*}*/
/*#series-20.d-2060s .d-1 .d-fs-1{*/
/*    font-size: .46rem;*/
/*    margin: .3rem 0 .5rem;*/
/*}*/
/*#series-20.d-2060s .s-1 dd{*/
/*    margin-top: .4rem;*/
/*}*/
/*#details .d-2060.content .content-center .d-title p{*/
/*    font-size: .6rem;*/
/*}*/
/*#series-20.d-2060 .d-1 .d-fs-1{*/
/*    font-size: .46rem;*/
/*    margin: .2rem 0 .4rem;*/
/*}*/
/*#series-20.d-2080 .d-1 .d-text{*/
/*    font-size: .28rem;*/
/*    line-height: .4rem;*/
/*}*/
.series-40 img{
    display: block;
    width: 100%;
}
.series-40 .jd-btn{
    margin: 0 1.3rem;
    display: none;
}
.series-40 .jd-btn img{
    width: 1.53rem !important;
    height: 0.55rem;
}
