.banner-g {
    background: #010230 url(../images/website-monitor/banner.jpg) no-repeat center center;
}

.product-price th {
    width: 20%;
}

.product-price td {
    line-height: 28px;
}

.product-price .label {
    color: #666666;
}

.product-price .button-g {
    width: 220px;
    display: flex;
    margin: 12px auto 0;
}

.scene .content {
    display: flex;
    padding: 40px 0;
}

.scene .content .left,
.scene .content .right {
    width: 0;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 72px 0 0 0;
}

.scene .content .left .wrapper,
.scene .content .right .wrapper {
    display: flex;
    align-items: center;
}

.scene .content .left .wrapper .card,
.scene .content .right .wrapper .card {
    width: 60%;
    border: 1px solid #E6E6E6;
    border-radius: 4px;
    padding: 24px 0 24px 24px;
    font-size: 18px;
}

.scene .content .left .wrapper .circle,
.scene .content .right .wrapper .circle {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #D7E1FD;
    position: relative;
    margin-left: 8px;
}

.scene .content .left .wrapper .circle:before,
.scene .content .right .wrapper .circle:before {
    content: '';
    position: absolute;
    width: 60%;
    height: 60%;
    border-radius: 50%;
    background: #386BF3;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.scene .content .left .wrapper .dot-line,
.scene .content .right .wrapper .dot-line {
    border-top: 1px dotted #CCCCCC;
    width: 0;
    flex-grow: 1;
    margin: 4px;
}

.scene .content .right .wrapper {
    flex-direction: row-reverse;
}

.scene .content .right .wrapper .circle {
    margin: 0 8px 0 0;
}

.scene .content .center {
    text-align: center;
    width: 400px;
}

.scene .content .center .desc {
    white-space: normal;
    margin-top: 64px;
    line-height: 28px;
    color: #999999;
    padding: 0 24px;
}