.device_title {
    position: relative;
}

.device_btn_explain1 {
    position: absolute;
    right: 0px;
    top: 10px;
}

.device_btn_explain li {
    float: left;
    margin-left: 24px;
}

.device_btn_explain li {
    font-size: 14px;
    font-family: Lato-Regular, Lato;
    font-weight: 400;
    color: #9DA6B3;
}

.device_btn_explain2 {
    display: table;
    width: 100%;
    margin-top: 16px;
}

.device_btn_explain2 li {
    float: right;
    display: flex;
    align-items: center;
}

.device_Optical {
    width: 27px;
    height: 16px;
    background-image: url(../images/Optical.png);
    background-size: 100% 100%;
    transform: rotate(180deg);
    margin-right: 8px;
}

.device_40Gb {
    width: 29px;
    height: 16px;
    display: inline-block;
    margin-right: 8px;
    background: url(../images/device.png) -310px -2612px;
}

.device_Copper {
    width: 23px;
    height: 17px;
    background-image: url(../images/Copper.png);
    background-size: 100% 100%;
    margin-right: 8px;
}

.device_up {
    background: #14C9BB;
}

.device_Inactive {
    background: #C1CBD8;
}

.device_shutdown {
    background: #798390;
}

.Usage_box {
    display: flex;
    width: 100%;
    height: 312px;

}

.Usage_box .card_box {
    flex: 1;
    margin-right: 24px;
}

.Usage_box .card_box:last-of-type {
    margin-right: 0;
}

.device_information_box {
    display: flex;
    justify-content: center;
    align-items: center;
}

.device_image_box {
    width: 165px;
    height: 100px;
    margin: 0 36px 0 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.device_image {
    width: 155px;
    height: 56px;
    margin-left: 3px;
    /* display: none; */
    /* margin: 12% 0; */
}

.device_image_box p {
    width: 100%;
    height: 17px;
    font-size: 14px;
    font-family: Lato-Semibold, Lato;
    font-weight: 500;
    color: #9DA6B3;
    line-height: 17px;
}

.device_image_box p span {
    color: #444747;
    margin-left: 8px;
}

.device_image_S5850-48T4Q {
    background: url("../images/device.png") -60px -2880px;
}

.device_image_S5850-48S6Q {
    background: url("../images/device.png") -255px -2880px;
}

.device_image_S5850-48S2Q4C {
    background: url("../images/device.png") -448px -2880px;
}

.device_image_S5850-32S2Q {
    background: url("../images/device.png") -641px -2880px;
}

.device_image_S5850-24T16B {
    background: url("../images/device.png") -836px -2880px;
}

.device_image_S5850-24S2Q {
    background: url("../images/device.png") -1031px -2880px;
}

.device_image_S8050-20Q4C {
    background: url("../images/device.png") -60px -3035px;
}

.device_image_S5800-48T4S {
    background: url("../images/device.png") -255px -3035px;
}

.device_image_S5800-48MBQ {
    background: url("../images/device.png") -450px -3035px;
}

.device_image_S5800-48F4SR {
    background: url("../images/device.png") -640px -3035px;
}

.device_image_S5800-8TF12S {
    background: url("../images/device.png") -836px -3035px;
}

.device_image_S3950-4T12S {
    background: url("../images/device.png") -1032px -3035px;
}




.device_news {
    /* max-width: 1404px; */
    /* height: 153px; */
    display: inline-block;
    margin-left: 40px;
}

.device_news ul {
    display: table;
    width: 100%;
}

.device_news li {
    float: left;
    width: 25%;
    min-width: 331px;
    margin-right: 0;
    margin-bottom: 20px;
}

.device_news li .name {
    font-size: 14px;
    font-weight: 400;
    color: #9DA6B3;
    display: inline-block;
    width: 126px;
}

.device_news li .value {
    max-width: calc(100% - 150px);
    overflow: hidden;
    display: inline-block;
    height: 26px;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Usage进度条 */
.usage1 {
    margin-bottom: 62px;
}

.device_progress {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    background-color: white;
    margin: 8px 0 6px
}

.device_progress p {
    font-size: 14px;
    font-weight: 500;
    color: #444747;
    cursor: pointer;
}

.device_progress span {
    font-size: 20px;
    font-weight: 500;
    color: #14C9BB;
}

.device_progress_bluebg {
    background: #539DFF !important;
}

.device_progress_cpuUsage:hover {
    background: #34DCCF !important;
}

.device_progress_blue_title {
    color: #539DFF !important;
}

.device_progress_bluebg:hover {
    background: #75B0FF !important;
}

.speed_value {
    width: 159px;
    height: 44px;
    position: absolute;
    top: 10px;
    line-height: 50px;
    display: none;
    background: url('../images/bubble2.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
}


.Usage .layui-progress-bar:hover+.speed_value {
    display: block !important;
}

.foot {
    background: none !important;
    position: relative !important;
}

.foot ul {
    width: 520px;
}

.foot li .select_demo {
    width: 160px;
}

.copyright {
    display: inline-block;
    width: calc(100% - 520px);
    text-align: center;
    margin: 31px 0;
    font-size: 14px;
    font-weight: 400;
    color: #9DA6B3;
}