/*更改型号 popup*/
#change-product-popup{width: 100%;height: 100%;border: none;}
#change-product-popup .change-product-content,
#change-product-popup .change-product-content td
{width: 100%;height: 100%;vertical-align: middle;}
#change-product-popup .change-product-content-inner{
    position: relative;
    top: -99px;
    background-color: #fff;
    height: 682px;
    width: 1122px;
    margin: auto;
    border-top: 6px #D41827 solid;
}
#change-product-popup .change-product-content-inner .popup-close{
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    right: -20px;
    top: -20px;
    background: url('/images/apps/frontend/sg_btn_close.png') center center no-repeat  #d41827;
    border-radius: 50%;
}

#change-product-popup  .popup-left{width: 734px;height: 682px;padding-left: 36px;}
#change-product-popup  .popup-right{width: 352px;height: 682px;background-color: #F5F5F5;}
#change-product-popup  li.item{position: relative;cursor: pointer;}
#change-product-popup  .product-name{font-size: 18px;color: #00213b;}
#change-product-popup  .product-model{color: #868F9A;}
.popup-left .top{margin:32px 0px 22px 0px;}
.popup-left .chose-series{
    display: block;
    position: relative;
    font-size: 18px;
    color: #2c2c2c;
    width: 172px;
    height: 38px;
    line-height: 38px;
    border: 1px #A8A8A8 solid;
    border-radius: 4px;
    padding-left: 18px;
    z-index: 2;
    background: url('/images/apps/frontend/product_pk/arrow_down.png') 165px center no-repeat;
}
.popup-left .chose-series.active{background-image: url('/images/apps/frontend/product_pk/arrow_up.png');}
.popup-left .chose-series  ul{
    display: none;
    position: absolute;
    width: 190px;
    border: 1px #A8A8A8 solid;
    border-top: 0px;
    padding:10px 0px;
    left: -1px;
    background-color: #fff;
}
.popup-left .chose-series  ul li{display: block;height: 35px;line-height: 35px;padding-left: 18px;}
.popup-left .chose-series  ul li.active{background-color: #F5F5F5;}
.popup-left .product-list {text-align: center;}
.popup-left .product-list ul{height: 588px;overflow: auto;}
.popup-left .product-list ul li{float: left;width: 230px;margin-bottom: 38px;}
.popup-left .product-list .radio-check{
    display: inline-block;
    width: 34px;
    height: 40px;
    position: absolute;
    left: 0px;
    top: 25px;
    background:  url('/images/apps/frontend/product_pk/checked.png') center top no-repeat;
}
.popup-left .product-list li.active .radio-check{background-position: center -40px;}
.popup-left .product-list .product-name{margin-bottom: 8px;}
.popup-right .top{margin:32px 0px 28px 26px;}
.popup-right .top p{font-size: 22px;color: #00213b;}
.popup-right .pk-product-list ul{width: 332px;margin: 0px auto;height: 538px;}
.popup-right .pk-product-list li{border: 1px #E6E6E6 solid;border-radius: 3px;background-color: #fff;margin-bottom: 10px;}
.popup-right .pk-product-list li .product-name{margin: 25px 0px 6px 0px;}
.popup-right .pk-product-list li .product-img{width: 111px;margin-left: 5px;}
.popup-right .pk-product-list li .product-info{width: 196px;}
.popup-right .pk-product-list li .pk-product-delete{
    display: block;
    font-size: 14px;
    color: #fff;
    width: 68px;
    text-align: center;
    height: 32px;
    line-height: 32px;
    background:  url('/images/apps/frontend/product_pk/delete.png') center center no-repeat;
    position: absolute;
    bottom: 8px;
    right: 8px;
}

#change-product-popup .begin-pk-btn{
    display: block;
    font-size: 24px;
    color: #fff;
    width: 100%;
    text-align: center;
    height: 66px;
    line-height: 66px;
    background:  url('/images/apps/frontend/product_pk/pk_bg.jpg') center center no-repeat;
}

/*欧博官网ABG服务*/
#sakura-server{height: 425px;background: url(/images/apps/frontend/product_list/server_bg.jpg) center center no-repeat;}
#sakura-server .sakura-server-inner{width: 1000px;margin: 0px auto;text-align: center;position: relative;overflow: hidden;}
#sakura-server #server-icon-bg{position: absolute;bottom: -5px;left: -240px;}
#sakura-server .sakura-server-inner.server-1 #server-icon-bg{left: 30px;}
#sakura-server .sakura-server-inner.server-2 #server-icon-bg{left: 212px;}
#sakura-server .sakura-server-inner.server-3 #server-icon-bg{left: 394px;}
#sakura-server .sakura-server-inner.server-4 #server-icon-bg{left: 576px;}
#sakura-server .sakura-server-inner.server-5 #server-icon-bg{left: 758px;}
#sakura-server .title{
    font-size: 34px;
    color: #fdfefe;
    line-height: 34px;
    text-align: center;
    width: 670px;
    padding: 50px 0px 26px 0px;
    margin: 0px auto;
    border-bottom: 1px solid #8691BA;

}
#sakura-server .title p{font-size: 24px;color: #ffffff;opacity: 0.7;margin-top: 10px;}

#sakura-server .server-nav{margin-top: 26px;margin-left: 45px;}
#sakura-server .server-nav .nav-item{float: left;height: 165px;}
#sakura-server .server-nav .nav-item a,
#sakura-server .server-nav .nav-item span{display:block;width: 182px;}
#sakura-server .server-nav .nav-item .server-img{
    position: relative;
    z-index: 2;
    width: 182px;
    height: 123px;
    overflow: hidden;
    background-position: center top;
    background-repeat: no-repeat;
}
#sakura-server .server-nav .nav-item a:hover .server-img{background-position: center -123px;}
#sakura-server .server-nav .nav-item .server-name{
    font-size: 22px;
    line-height: 22px;
    color: #ffffff;
    position: absolute;
    bottom: 0px;
    padding-top: 30px;
}
#sakura-server .server-nav .nav-item-1 .server-img{
    background-image: url(/images/apps/frontend/sakura_server/icon1.png);
}
#sakura-server .server-nav .nav-item-2 .server-img{
    background-image: url(/images/apps/frontend/sakura_server/icon2.png);
}
#sakura-server .server-nav .nav-item-3 .server-img{
    background-image: url(/images/apps/frontend/sakura_server/icon3.png);
}
#sakura-server .server-nav .nav-item-4 .server-img{
    background-image: url(/images/apps/frontend/sakura_server/icon4.png);
}
#sakura-server .server-nav .nav-item-5 .server-img{
    background-image: url(/images/apps/frontend/sakura_server/icon5.png);
}