.topBanner{
    background: url("img/banner.png") no-repeat center;
    background-size: cover;
}
.host-product-box{
    display: flex;
    flex-direction: column;
    padding-left:0.15rem;
    padding-right: 0.15rem;
    background: white;
    margin-top:0.15rem;
}
.host-title{
    display: flex;
    border-bottom:1px solid #ACACAC;
    position: relative;
    height: 0.64rem;
    justify-content: center;
    flex-direction: column;
}
.host-title:after{
    content: "";
    background: url("img/host-pd.png") no-repeat center;
    background-size: cover;
    width: 0.86rem;
    height: 0.75rem;
    right: -0.2rem;
    top:-0.04rem;
    position: absolute;
}
.host-title>div:first-child{
    font-size: 0.13rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #444444;
}
.host-title>div:nth-child(2){
    font-size: 0.08rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    margin-top:0.08rem;
}
.pz-box{
    width: 30%;
    min-width: 30%;
    max-width: 30%;
    margin-top:0.28rem;
}
.pz-title{
    font-size: 0.1rem;
    height: 0.16rem;
}
.host-config{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.host-config .pz-ms{
    width: 40%;
    min-width: 40%;
    overflow: visible;
}
.timeMain{
    display: flex;
    flex-direction: column;
    font-size: 0.1rem;
    font-weight: 400;
    color: #666666;
    margin-top:0.24rem;
}
.timeBox{
    display: flex;
    flex-wrap: wrap;
}
.timeBox>div{
    width: 0.95rem;
    height: 0.38rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1px;
    border: 1px solid #999999;
    margin-top:0.16rem;
    margin-right: 0.1rem;
    font-size: 0.11rem;
    font-weight: bold;
    color: #666666;
    position: relative;
}
.host-zk{
    height: 0.14rem;
    line-height: 0.14rem;
    width: 0.37rem;
    text-align: center;
    background: #999999;
    box-shadow: 0px 0px 0px 0px rgba(202, 207, 213, 0.6);
    border-radius: 0px 1px 0px 1px;
    font-size: 0.08rem;
    font-weight: 400;
    color: #FFFFFF;
    position: absolute;
    top:-0.08rem;
}
.timeBox>div.on{
    border-color:#C7000B;
    color:#c7000b;
}
.timeBox>div.on>.host-zk{
    background: #C7000B;
}
.timeBox>div:nth-child(3n){
    margin-right: 0;
}
.pz-desc{
    display: flex;
}
.pz-desc>.selectGroup{
    width: 100%;
}
.pz-ms{
    line-height: 0.24rem;
    display: block;
    width: 100%;
    height: 0.24rem;
    font-size: 0.1rem;
    font-weight: bold;
    color: #444444;
    /*padding-right:0.1rem;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
}
.symbol{
    font-size: 0.08rem;
    font-weight: bold;
    color:#C7000B;
}
.price-box{
    display: flex;
    align-items: baseline;
    /*padding-left:0.14rem;*/
    /*margin-top:0.4rem;*/
    /*margin-bottom:0.25rem;*/
}
.money{
    font-size: 0.21rem;
    font-weight: bold;
    color:#C7000B;
}
.unit{
    color:#444444;
    font-size: 0.08rem;
}
.yhPrice{
    color:#444444;
    font-size: 0.08rem;
}
.host-bottom{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top:0.36rem;
    height: 0.44rem;
    margin-bottom:0.32rem;
}
.left-price{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.buyGoodsBtn{
    width: 1.46rem;
    height: 0.42rem;
    background: #B5251D;
    border-radius: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.13rem;
    font-weight: 400;
    color: #FFFFFF;
}
.ys-box{
    display: flex;
    flex-direction: column;
    background: #FFFFFF;

}
.ys-box>div{
    box-shadow: 0px 0px 1px 0px rgba(191, 191, 191, 0.9);
    margin-bottom:0.03rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 0.58rem;
    height: 0.63rem;
}
.ys-box>div>div:first-child{
    font-size: 0.1rem;
    font-weight: bold;
    color: #444444;
}
.ys-box>div>div:last-child{
    font-size: 0.08rem;
    font-weight: 400;
    color: #444444;
    margin-top:0.1rem;
}
.ys-1{
    background: url("img/ys-1.png") no-repeat center;
    background-size: auto 0.33rem;
    background-position-x: 0.14rem;
}
.ys-2{
    background: url("img/ys-2.png") no-repeat center;
    background-size: auto 0.33rem;
    background-position-x: 0.14rem;
}
.ys-3{
    background: url("img/ys-3.png") no-repeat center;
    background-size: auto 0.33rem;
    background-position-x: 0.14rem;
}
.ys-4{
    background: url("img/ys-4.png") no-repeat center;
    background-size: auto 0.33rem;
    background-position-x: 0.14rem;
}


.jscsNav{
    display: flex;
    height: 0.42rem;
    box-shadow: 0px 0px 1px 0px rgba(191, 191, 191, 0.9);
}
.jscsNav>div{
    width: 33%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-size: 0.11rem;
    color: #333333;
}
.jscsNav>.on{
    background: #C7000B;
    color:white;
}
.jscsBox .product-type-nav{
    box-shadow: 0px 0px 1px 0px rgba(191, 191, 191, 0.9);
}
.jscsBox .product-type-nav-box .product-type-nav .on{
    background: white;
    color:#C7000B;
    position: relative;
}
.jscsBox .product-type-nav-box .product-type-nav .on:after{
    height: 1px;
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    bottom:0;
    background: #c7000b;
}
.windowsLogo:after{
    content: '';
    margin-right: 0.04rem;
    display: inline-block;
    background: url("img/windows.png") no-repeat center;
    background-size: cover;
    width: 0.13rem;
    height: 0.11rem;
}

.product_compare_list{
    display: flex;
    flex-direction: column;
    margin-top:0.12rem;
}
.product_compare_list>div{
    display: flex;
    flex-direction: column;
    font-size: 0.1rem;
}
.product_compare_list>div>div{
    background:white;
    display: flex;
    align-items: center;
    padding:0 0.14rem;
    height: 0.42rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom:0.02rem;
    box-shadow: 0px 0px 1px 0px rgba(210, 210, 210, 0.8);
}
.product_compare_list>div>div>span{
    width: 1.1rem;
}
.product_compare_list>div.not-show{
    display: none;
}
.databaseCss i{
    font-style: initial;
}
.databaseRight{
    width: 2.3rem;
    white-space: initial;
    word-break: keep-all;
}
.databaseRight i{
    margin-right: 0.1rem;
    width: 0.62rem;
    display: inline-block;
}
.databaseRight i:nth-child(3n){
    margin-right: 0;
}
.cpgnBox{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.cpgnBox>div{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 1.11rem;
    box-sizing: border-box;
    padding-left:0.64rem;
    padding-top:0.16rem;
    margin-bottom:0.01rem;
    /*background: white;*/
    padding-right:0.14rem;
    box-shadow: 0px 0px 1px 0px rgba(210, 210, 210, 0.8);
}
.cpgnBox>div>div:first-child{
    margin-bottom:0.1rem;
    font-size: 0.11rem;
    font-weight: bold;
    color: #333333;
}
.cpgnBox>div>div:nth-child(2){
    font-size: 0.09rem;
    font-weight: 400;
    color: #444444;
    height: 0.4rem;
}
.cpgnBox>div>div:nth-child(3){
    margin-top:0.06rem;
    font-size: 0.08rem;
    font-weight: 400;
    color: #444444;
}
.cpgn-1{
    background: url("img/cpgn-1.png") no-repeat white;
    background-position-y: 0.2rem;
    background-position-x: 0.14rem;
    background-size: 0.3rem auto;
}
.cpgn-2{
    background: url("img/cpgn-2.png") no-repeat white;
    background-position-y: 0.2rem;
    background-position-x: 0.14rem;
    background-size: 0.3rem auto;
}
.cpgn-3{
    background: url("img/cpgn-3.png") no-repeat white;
    background-position-y: 0.2rem;
    background-position-x: 0.14rem;
    background-size: 0.3rem auto;
}
.cpgn-4{
    background: url("img/cpgn-4.png") no-repeat white;
    background-position-y: 0.2rem;
    background-position-x: 0.14rem;
    background-size: 0.3rem auto;
}
.cpgn-5{
    background: url("img/cpgn-5.png") no-repeat white;
    background-position-y: 0.2rem;
    background-position-x: 0.14rem;
    background-size: 0.3rem auto;
}
.cpgn-6{
    background: url("img/cpgn-6.png") no-repeat white;
    background-position-y: 0.2rem;
    background-position-x: 0.14rem;
    background-size: 0.3rem auto;
}
.jdjs{
    display: flex;
    flex-direction: column;
}
.jdjs>a{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 0.56rem;
    box-sizing: border-box;
    background: #FFFFFF;
    box-shadow: 0px 0px 1px 0px rgba(189, 189, 189, 0.8);
    padding-left:0.15rem;
    margin-bottom:0.1rem;
}
.jdjs>a>div:nth-child(1){
    display: flex;
    align-items: center;
    font-size: 0.11rem;
    font-weight: bold;
    color: #333333;
}
.jdjs>a>div:nth-child(1):after{
    margin-left:0.08rem;
    content:"";
    background: url("img/jdjs.png") no-repeat center;
    width: 0.18rem;
    height: 0.09rem;
    background-size: cover;
}
.jdjs>a>div:nth-child(2){
    font-size: 0.09rem;
    margin-top:0.06rem;
    font-weight: 400;
    color: #444444;
}
.riZk{
    background: #e81622;
    color: white!important;
    display: inline-flex;
    height: 0.18rem;
    align-items: center;
    justify-content: center;
    width: 0.3rem;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 0.1rem;
}
.timeUl li{
    display: flex;
    align-items: center;
    justify-content: space-between;
}