.position { line-height: 40px; background: #f2f2f2; font-size: 14px; }

.server {
    margin-top: 30px;
}

.server .box {
    overflow: hidden;
}

.server .left {
    float: left;
    width: 20%;
}
.server .left h3 { padding:20px; text-align: center; background: #555555; color: #fff; font-size: 1.5em;margin-bottom:30px;}
.server .left .menu1{border-bottom:1px solid #aaaaaa;margin-bottom: 10px;}
.server .left .menu1 span{display:block;text-indent:1em;box-sizing: border-box; line-height: 30px;}
.server .left .menu1 .hover{border-left:2px #d9001b solid;}
.server .left .menu2{display:none;margin:10px 0px; text-indent: 1em;}
.server .left .menu2 li{line-height: 30px;}
.server .left h3 p{color:#fff;font-weight:normal; font-size:14px;}
.server .right { float: right; width: 78%; }
.right .list {
    margin-top: 20px;
}

.right h3 {
    font-size: 1.3em;
}

.right .list li {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    border-bottom: 1px #dbdbdb dotted;
    line-height: 40px;
}

.right .list li span{display:block;width:8px;height:8px;background:#00bfbf;}
.right .list li .title{margin-left:40px;}
.right .list li a{margin-left:auto;}

.right .list a img {
    width: 25%;
}

.right .list .li-right {
    margin-left: 50px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.right .list .li-right button {
    width: 120px;
    margin-left: auto;
}
button{background:#0099ff;border:0px;border-radius:4px;color:#fff;padding:10px 20px;}
.page{text-align: center;padding:20px 0px;}
.page li{display:inline-block;}
.page li a{padding:5px 10px;margin:0px 5px;border:1px #dbdbdb solid;border-radius: 4px;display: block;}

/* 详情，英文是错的不改了 */
.server-details{margin-top:30px;}
.server-details .productimg{position:relative;height:450px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.server-details .left{width:450px;float: left;}
.server-details .right{width:calc(100% - 500px);float: right; }
.server-details .right h3{border-bottom: 1px; line-height: 50px; border-bottom: 1px #8a8a8a solid;}
.server-details .right .desc{margin-top:20px;line-height: 24px;}
.server-details .content{clear: both;}
.server-details .content ul{border-bottom:1px solid #216dc1;display:flex;}
.server-details .content ul li {line-height:40px; margin-right:30px;padding:0px 10px;}
.server-details .content .hover{background:#216dc1;border-radius:4px 4px 0px 0px; color:#fff;}
.server-details .content .text>div{display:none;min-height: 500px;padding:20px;}