
.group-tip{padding-left: 110px;}
.buy-config-group label{width: 110px;}

.product-nav{border-bottom: 1px solid #ddd}

.cdn-banner{background: url("/static/images/banner.jpg") center top #1b212d no-repeat;}
.cdn-banner p{margin: 24px 0 30px;}

.cdn-part1{padding: 95px 0 60px; min-width: 1280px; background: #f2f5fa; overflow: hidden}
.cdn-part1 li{ margin: 0 0 40px 40px; height: 380px;}
.cdn-part1 li p{text-align: justify; margin: 0 27px;}
.cdn-part1 .item1:before{background-position: -549px -84px;}
.cdn-part1 .item2:before{background-position: -471px -84px;}
.cdn-part1 .item3:before{background-position: -471px -169px;}
.cdn-part1 .item4:before{background-position: -386px -508px;}
.cdn-part1 .item5:before{background-position: -471px -253px;}
.cdn-part1 .item6:before{background: url("/static/images/ico3.png") center no-repeat;}

.cdn-part2{padding: 95px 0 0; color: #fff; height: 955px; min-width: 1280px;background: url("/static/images/bg1.jpg") center top #151e2f no-repeat; overflow: hidden}
.cdn-part2 .type{margin:80px 0 0; text-align: center;border-bottom: 1px solid #015bfe; height: 79px;}
.cdn-part2 .type li{background: #232d40; float: left; width: 640px;border-bottom: 1px solid #015bfe; font-size: 22px; color: #bcbec2; line-height:79px; cursor: pointer}
.cdn-part2 .type li:before{content: "";display: inline-block; width: 24px; height: 79px; vertical-align: top; margin-right: 10px;}
.cdn-part2 .type li:last-child{float: right}
.cdn-part2 .type .active{background: #0b1427;border: 1px solid #015bfe; width: 637px; color: #367cff;border-bottom: none;}
.cdn-part2 .item1:before{background: url("/static/images/ico1.png") center no-repeat; background-size: contain}
.cdn-part2 .item1.active:before{background: url("/static/images/ico1-a.png") center no-repeat; background-size: contain}
.cdn-part2 .item2:before{background: url("/static/images/ico2.png") center no-repeat; background-size: contain}
.cdn-part2 .item2.active:before{background: url("/static/images/ico2-a.png") center no-repeat; background-size: contain}
.cdn-part2 .main{background: rgba(11,20,39,.75); padding:20px 0 0; height:624px; border: 1px solid #015bfe; border-top: none;}
.cdn-part2 .main img{display: block; margin: 0 auto;}

.cdn-part3{padding: 95px 0 30px; min-width: 1280px; background: #f2f5fa; overflow: hidden}
.cdn-part3 dl{ display: none; height: 565px; overflow: hidden}
.cdn-part3 dt{ float: left; margin-left:10px; width: 775px;overflow: hidden}
.cdn-part3 dt img{display: block;}
.cdn-part3 dd{float: right; margin-right: 10px; width: 460px; overflow: hidden}
.cdn-part3 dd h4{margin: 0 0 12px; font-size: 22px;}
.cdn-part3 dd h5{ font-size: 16px; margin: 0 0 5px;}
.cdn-part3 dd p{ color: #666666; line-height: 28px; margin: 0 0 10px;}
.cdn-part3 .info{margin: 25px 0 40px;overflow: hidden}

.cdn-part4{padding: 95px 0 100px; min-width: 1280px;overflow: hidden}
.cdn-part4 .main{position: relative;margin:80px 0 0; padding:20px 0 0; height: 480px;}
.cdn-part4 li{float: left; text-align: center; border: 1px solid #ddd;}
.cdn-part4 li h4{background: #dce2eb; line-height:80px; font-size: 18px;}
.cdn-part4 li p{border-bottom: 1px solid #ddd; line-height:69px; color: #666666;}
.cdn-part4 li p:last-child{border-bottom: none}
.cdn-part4 .left{width: 360px;}
.cdn-part4 .left p{background: #ebeff6;}
.cdn-part4 .right{float: right; width:360px; background: #fff;}
.cdn-part4 .center{width: 558px; border: 1px solid #015bfe; background: #fff; position: absolute; left: 360px; top: 0; z-index: 1;}
.cdn-part4 .center h4{line-height:101px; color: #fff; font-size: 30px; background: #015bfe;}
.cdn-part4 .center p{text-align: left; font-size: 16px; color: #333333; padding-left:110px; background: url("/static/images/has.png") 78px center no-repeat;}
.cdn-part4 .center p:last-child{line-height: 96px;}
.cdn-part4 .center:before{content: ""; position: absolute;right:-6px; top:-6px; width: 76px; height: 76px; background: url("/static/images/ico4.png")  right top no-repeat;}

.ivu-table-wrapper {
    margin: 10px 30px;
    border-color: transparent;
}
.ivu-table-wrapper {
    position: relative;
    border: 1px solid #dddee1;
    border-bottom: 0;
    border-right: 0;
}
.ivu-table-header, .ivu-table.ivu-table-stripe, .ivu-table th.icon {
    overflow: visible;
}
.ivu-table {
    width: inherit;
    height: auto;
    max-width: 100%;
    overflow: hidden;
    color: #495060;
    font-size: 12px;
    background-color: #fff;
    box-sizing: border-box;
}

.ivu-table-header, .ivu-table.ivu-table-stripe, .ivu-table th.icon {
    overflow: visible;
}
.ivu-table table {
    table-layout: fixed;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 0;
}

.ivu-table td.left, .ivu-table th.left {
    text-align: left;
}

.ivu-table td, .ivu-table th {
    text-align: right;
    color: #495060;
    font-size: 12px;
}
.ivu-table th {
    position: relative;
    height: 40px;
    white-space: nowrap;
    overflow: hidden;
    background: #e1e4e5;
    border-right: 1px solid #fff;
}

.ivu-table-cell {
    padding-left: 18px;
    padding-right: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    box-sizing: border-box;
}

tr.ivu-table-row-hover td,.ivu-table-stripe .ivu-table-fixed-body tr.ivu-table-row-hover td{background-color:#ebf7ff}
.ivu-table-row td{color:#333;font-size:14px;line-height:30px}

.ivu-table td, .ivu-table th {
    min-width: 0;
    height: 48px;
    box-sizing: border-box;
    text-align: left;
    text-overflow: ellipsis;
    vertical-align: middle;
    border-bottom: 1px solid #e9eaec;
}

.group-input input {
    width: 308px;
    height: 33px;
    border: 1px solid #dddddd;
    padding: 0 10px;
}.group-input em {
     color: #ff8a00;
     margin-left: 20px;
 }
.help-content  ul {
    margin-top: 10px;
    list-style: circle !important;
}
.help-content ul > li {
     font-size: 14px;
     color: #3D3F43;
     line-height: 26px;
     padding-left: 20px;
     position: relative;
 }
.help-content ul li {
    margin-bottom: 10px;
}


/*绗簩鐗堝紑濮�*/
.more-line-box {
    padding-bottom: 16px;
}
.tipsTraffic {
    margin-top: 16px;
    padding-left: 110px;
    color: #999999;
    font-size: 12px;
    padding-bottom: 17px;
}

.source-select-list {
    display: inline-block;
    border-radius: 2px;
}

.source-select-list span:first-child {
    margin-left: 0;
    border-radius: 2px 0 0 2px;
}

.source-select-list span {
    margin-right: 5px;
    border-color: #ddd;
    color: #4d4d4d;
    font-size: 12px;
    text-align: center;
    position: relative;
    min-width: 106px;
}

.source-select-list span.active{
    position: relative;
    border-color: #015bfe;
    background: #fff;
    color: #015bfe;
}

.source-select-list span.active:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 10;
    width: 20px;
    height: 20px;
    background: url("/static/images/tab_selected.png");
}

.commonSelect {
    width: 137px;
    height: 35px;
    border: 1px solid rgba(221,221,221,1);
    float: left;
    line-height: 36px;
    box-sizing: border-box;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    user-select: none;
}

.cloud-config-group .ul-block li {
    background: #fff;
}


.product-cloumn{text-align: center; font-size: 32px;}
.product-cloumn span{display: block;font-size: 14px; margin: 25px 0 0}


/*栏目切换*/
.change-cloumn{ margin: 40px 0 60px !important; padding: 0 !important; background: none !important; text-align: center; font-size: 22px; color: #666666; border-bottom: 1px solid #dddddd; overflow: hidden}
.change-cloumn li{display: inline-block;float: none;width:auto; margin: 0 75px; padding: 0 6px; line-height:85px;cursor: pointer}
.change-cloumn li:hover{ color: #015bfe; border-bottom: 5px solid #015bfe;}
.change-cloumn .active{ color: #015bfe; border-bottom: 5px solid #015bfe;}

/*列表展示*/
.product-list ul{ margin: 75px 0 0 -40px;overflow: hidden}
.product-list li{ float: left; background: #fff; text-align: center; margin-left: 40px; width: 400px; overflow: hidden}
.product-list li:before{content: ""; display: block; margin:40px auto 30px; width: 65px; height: 74px; background: url("/static/images/icons.png") no-repeat;}
.product-list li h4{ font-size: 22px; margin: 0 0 15px;}
.product-list li p{ color: #666666; line-height:28px; margin: 0 50px;}



