@import '../../common/style/index.css';

.frame {
    height: 100vh;
    box-sizing: border-box;
}

.header-title,
.header-desc,
.service-title {
    width: 655.79rpx;
}

.skeleton-sweep .frame-content {
    opacity: 0;
}

.skeleton-wrap {
    background: #fff;
}

.service-container {
    position: relative;
    padding-top: 165.6rpx;
}

.gov-fixed {
    opacity: 1;
}

.service-container,
.service-bg {
    height: 353.864rpx;
    box-sizing: border-box;
}

.service-bg-img {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}

.service-content {
    position: absolute;
    top: 165.6rpx;
}

.frame .service-list .label-text {
    color: #000;
    width: 645.79rpx;
}

.service-content .service-header, 
.service-title {
    padding: 0 30.797rpx;
}

.service-header .header-title,
.service-header .header-desc {
    color: #3871db;
}

.service-header .header-title {
    font-size: 57.97rpx;
    line-height: 1.6;
    font-weight: 700;
}
           
.service-header .header-desc {
    font-size: 25.362rpx;
    opacity: .8;
}
.frame-content {
    background: #fff;
    min-height: 100vh;
    padding-bottom: 161.231rpx;
}

.service-title {
    font-size: 40rpx;
    padding-top: 58rpx;
    font-weight: 700;
}

.screen-x {
    background: url(../../common/images/service/screenx.png) left top no-repeat;
    background-size: 100% 100%;
}

.screen {
    background: url(../../common/images/service/screen.png) left top no-repeat;
    background-size: 100% 100%;
}