body {
    background: #F5F5F5;
}

.www-content {
    background: #F5F5F5;
}

.item-none {
    display: none;
}

.serviceitem-content-middle-bg {
    background-color: #FFFFFF;
}

.serviceitem-menu-space-full-bg {
    width: 100%;
    height: auto;
    background: url(../img/servicecard_full_bg.png) no-repeat top;
    background-color: #F5F5F5;
    background-size: 100% 371px;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    display: flex;
}

.serviceitem-menu-space {
    width: 1200px;
    flex-grow: 1;
    padding: 12px 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.serviceitem-pos {
    margin-bottom: 12px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
}

.serviceitem-pos span {
}

.serviceitem-pos span a {
    color: #FFFFFF;
    padding: 0 5px;
}

.serviceitem-menu {
    margin-bottom: 30px;
    width: 1200px;
    height: 46px;
    background: #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    opacity: 1;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.serviceitem-menu-item {
    flex: 1;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.serviceitem-menu-item:hover {
    background: linear-gradient(180deg, #EB6C5E 0%, #CA4637 100%);
    border-radius: 0px 0px 0px 0px;
}

.serviceitem-menu-item a {
    font-size: 14px;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    color: #333333;
}

.serviceitem-menu-item:hover a {
    color: #FFFFFF;
}

.serviceitem-menu-item-select {
    z-index: 10;
    background: linear-gradient(180deg, #EB6C5E 0%, #CA4637 100%);
    border-radius: 0px 0px 0px 0px;
}

.menu-service-item {
    position: relative;
}

.menu-service-item-name-space {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

}

.menu-service-item-name-space a {
    color: #333333;
    /*margin-right: 20px;*/
}

.menu-service-item-name-space i {
    display: block;
    width: 16px;
    height: 16px;
}

.serviceitem-menu-item-select .menu-service-item-name-space i {
}

.serviceitem-menu-item:hover .menu-service-item-name-space i {
}

.serviceitem-menu-item-select .menu-service-item-name-space a {
    color: #FFFFFF;
}

.menu-service-item-name-space:hover i.menu-service-item-more-up {
    background: url(../img/icon_up@2x.png) no-repeat right center;
    background-position: 0px;
    background-size: 16px 16px;
}

.menu-service-item-list {
    width: 180px;
    height: 80px;
    position: absolute;
    background: #ffffff;
    top: 46px;
    left: 0px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    border: 1px solid #DB4E3E;
}

.menu-service-item-list a {
    color: #333333;
}

.menu-service-item-list a:hover {
    color: #DB4E3E
}

.serviceitem-menu-item-select .menu-service-item-list a {
    color: #333333;
}

.serviceitem-menu-item-select .menu-service-item-list a:hover {
    color: #DB4E3E
}

.serviceitem-menu-item:hover .menu-service-item-list a {
    color: #333333;
}

.serviceitem-menu-item:hover .menu-service-item-list a:hover {
    color: #DB4E3E
}

.menu-service-item-name-space i {
    background: url(../img/icon_down_mr@2x.png) no-repeat right center;
    /*background-position: -20px;*/
    background-size: 16px 16px;
}

.serviceitem-menu-item:hover .menu-service-item-name-space i {
    background: url(../img/icon_up@2x.png) no-repeat right center;
    background-position: 0px;
    background-size: 16px 16px;
}

.serviceitem-menu-item-select .menu-service-item-name-space i {
    background: url(../img/icon_up@2x.png) no-repeat right center;
    background-position: 0px;
    background-size: 16px 16px;
}

.serviceitem-menu-item-select a {
    color: #FFFFFF;
}

.serviceitem-menu-split {
    width: 0px;
    height: 22px;
    border-left: 1px solid #CCCCCC;
}

.serviceitem-products {
    width: 1200px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.serviceitem-products-stat {
    width: 1200px;
    height: 50px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.serviceitem-products-stat a {
    margin: 0 4px;
}

.serviceitem-products-stat-item {
    width: 10px;
    height: 4px;
    background: #CCCCCC;
    border-radius: 4px 4px 4px 4px;
}

.serviceitem-products-stat-item-select {
    width: 60px;
    height: 4px;
    background: #DB4E3E;
    border-radius: 4px 4px 4px 4px;
}

.serviceitem-products-item {
    width: 388px;
    border-radius: 8px 8px 8px 8px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.serviceitem-products-item-name {
    width: 388px;
    height: 90px;
    opacity: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 8px 8px 0px 0px;
}

.serviceitem-products-item-bg1 {
    background: linear-gradient(133deg, #727682 0%, #40434D 100%);
}

.serviceitem-products-item-bg2 {
    background: linear-gradient(135deg, #58617E 0%, #273355 100%);
}

.serviceitem-products-item-bg3 {
    background: linear-gradient(135deg, #4A4448 0%, #28262D 100%);
}

.serviceitem-products-item-bg4 {
    background: url(../img/servicecard_btn_4_387.png) no-repeat;
    background-size: 388px 90px;
}

.serviceitem-products-item-bg4 {
    background: url(../img/servicecard_btn_4_387.png) no-repeat;
    background-size: 388px 90px;
}

.serviceitem-products-item-sm .serviceitem-products-item-bg4 {
    background: url(../img/servicecard_btn_4_387.png) no-repeat;
    background-size: 368px 90px;
}

.serviceitem-products-item-bg5 {
    background: url(../img/servicecard_btn_5_387.png) no-repeat;
    background-size: 388px 90px;
}

.serviceitem-products-item-sm .serviceitem-products-item-bg5 {
    background: url(../img/servicecard_btn_5_387.png) no-repeat;
    background-size: 368px 90px;
}

.serviceitem-products-item-bg6 {
    background: linear-gradient(135deg, #4A4448 0%, #28262D 100%);
}

.serviceitem-products-item-sm .serviceitem-products-item-bg6 {
    background: linear-gradient(135deg, #4A4448 0%, #28262D 100%);
}

.serviceitem-products-item-name-title {
    font-size: 20px;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFECCC;
    margin-bottom: 10px;
    width: 387px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.serviceitem-products-item-name-desc {
    font-size: 14px;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFECCC;
    margin-bottom: 10px;
}

.serviceitem-products-item-info {
    width: 368px;
    padding: 10px;
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    border-radius: 0px 0px 8px 8px;

}

.serviceitem-products-item-info-notice {
    display: flex;
    flex-direction: row;

}

.serviceitem-products-item-info-notice-icon {
    width: 14px;
    height: 14px;
    margin-right: 5px;
    border-radius: 4px 4px 4px 4px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.serviceitem-products-item-info-notice-icon img {
    width: 14px;
    height: 14px;
}

.serviceitem-products-item-info-notice-info {
    font-size: 13px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
}

.serviceitem-products-item-info-notice-info_nocolor {
    font-size: 13px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
}

.serviceitem-products-item-info-servicecard {
    margin-top: 20px;
    width: 368px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

.serviceitem-products-item-info-servicecard-item {
    width: 110px;
    height: 125px;
    position: relative;
}

.serviceitem-products-item-info-servicecard-item-tip {
    height: 22px;
    padding: 0 10px;
    font-size: 14px;
    color: #FFFFFF;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -10px;
    left: 0px;
}

.servicecard-hot {
    width: 52px;
    background: linear-gradient(90deg, #EDAA45 0%, #FF7A00 100%, #E86F00 100%);
    opacity: 1;
}

.servicecard-discount {
    width: 72px;
    background: linear-gradient(90deg, #E87753 0%, #D64231 100%);
    opacity: 1;
}

.servicecard-super {
    width: 52px;
    background: linear-gradient(90deg, #5386E8 0%, #3E31D6 100%);
    opacity: 1;
}

.serviceitem-products-item-info-servicecard-item-info {
    width: 100px;
    height: 105px;
    background: #F8F8F8;
    border-radius: 8px 8px 8px 8px;
    opacity: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
}

.serviceitem-products-item-info-servicecard-item-info-select {
    width: 100px;
    height: 105px;
    border-radius: 8px 8px 8px 8px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
}

.serviceitem-products-item-info-servicecard-item-info-select-1 {
    background: #E9ECF6;
    box-shadow: 0px 0px 6px 1px rgba(0, 22, 94, 0.3);
    border: 1px solid #000E3D;
}

.serviceitem-products-item-info-servicecard-item-info-select-2 {
    background: #EDF5FF;
    box-shadow: 0px 0px 6px 1px rgba(0, 38, 158, 0.3);
    border: 1px solid #0066AF;
}

.serviceitem-products-item-info-servicecard-item-info-select-3 {
    background: #FFF2EE;
    box-shadow: 0px 0px 6px 1px rgba(170, 40, 0, 0.3);
    border: 1px solid #D03100;
}

.serviceitem-products-item-info-servicecard-item-info-select-4 {
    background: linear-gradient(180deg, #EDF4FF 0%, #EFF0FF 100%);
    box-shadow: 0px 0px 6px 1px rgba(9, 0, 112, 0.3);
    border: 1px solid #0E00A6;
}

.serviceitem-products-item-info-servicecard-item-info-select-5 {
    /*background: #FFF2EE;*/
    box-shadow: 0px 0px 6px 1px rgba(156, 0, 123, 0.3);
    border: 1px solid #B4008E;
}


.servicecard-year {
    height: 30px;
    font-size: 14px;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    color: #333333;
    line-height: 30px;
}

.servicecard-price {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.servicecard-price-info {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
}

.servicecard-currency {
    height: 25px;
    font-size: 13px;
    font-family: DIN Alternate-Bold, DIN Alternate;
    font-weight: bold;
    color: #DB4E3E;
    line-height: 25px;
}

.servicecard-amount {
    height: 25px;
    font-size: 18px;
    font-family: DIN Alternate-Bold, DIN Alternate;
    font-weight: bold;
    color: #DB4E3E;
    line-height: 25px;
}

.servicecard-price-discount {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.servicecard-discount-old {
    text-decoration: line-through;
    font-size: 12px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #999999;
    line-height: 12px;
}

.servicecard-discount-price {
    font-size: 12px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #666666;
}

.servicecard-buy {
    margin-top: 10px;
    width: 368px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.servicecard-buy-desc {
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #666666;
}

.servicecard-buy-btn {
    width: 260px;
    height: 48px;
    border-radius: 8px 8px 8px 8px;
    opacity: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.servicecard-buy-btn span {
    font-size: 16px;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
}

.servicecard-buy-btn-1 {
    background: linear-gradient(180deg, #7885AB 0%, #1E2A51 100%);
}

.servicecard-buy-btn-1-120 {
    background: linear-gradient(180deg, #7885AB 0%, #1E2A51 100%);
}

.servicecard-buy-btn-2 {
    background: linear-gradient(180deg, #6371BC 0%, #213C87 100%);
}

.servicecard-buy-btn-2-120 {
    background: linear-gradient(180deg, #6371BC 0%, #213C87 100%);
}

.servicecard-buy-btn-3 {
    background: linear-gradient(180deg, #A46350 0%, #5B2413 100%);
}

.servicecard-buy-btn-3-120 {
    background: linear-gradient(180deg, #A46350 0%, #5B2413 100%);
}

.servicecard-buy-btn-4 {
    background: url(../img/servicecard_btn_4_260.png) no-repeat;
    background-size: 260px 48px;
}

.serviceitem-products-item-sm .servicecard-buy .servicecard-buy-btn-4 {
    background: url(../img/servicecard_btn_4_260.png) no-repeat;
    background-size: 242px 45px;
}

.servicecard-buy-btn-5 {
    background: url(../img/servicecard_btn_5_260.png) no-repeat;
    background-size: 260px 48px;
}

.serviceitem-products-item-sm .servicecard-buy .servicecard-buy-btn-5 {
    background: url(../img/servicecard_btn_5_260.png) no-repeat;
    background-size: 242px 45px;
}

.servicecard-buy-btn-6 {
    background: url(../img/servicecard_btn_5_260.png) no-repeat;
    background-size: 260px 48px;
}

.serviceitem-products-item-sm .servicecard-buy .servicecard-buy-btn-6 {
    background: url(../img/servicecard_btn_5_260.png) no-repeat;
    background-size: 242px 45px;
}

.servicecard-buy-btn-4-120 {
    background: url(../img/servicecard_btn_4_120.png) no-repeat;
}

.servicecard-buy-btn-5-120 {
    background: url(../img/servicecard_btn_5_120.png) no-repeat;
}

.servicecard-buy-btn-6-120 {
    background: linear-gradient(180deg, #6371BC 0%, #213C87 100%);
}

.servicecard-items {
    margin-top: 10px;
    padding: 0 10px;
    width: 348px;
    height: 171px;
    background: #FCFAF5;
    border-radius: 8px 8px 8px 8px;
    opacity: 1;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.servicecard-items-list {
    width: 170px;
    height: 135px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.servicecard-items-split {
    height: 135px;
    width: 0px;
    opacity: 1;
    border: 1px solid #E8E8E8;
}

.servicecard-item {
    width: 170px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.servicecard-item span {
    font-size: 14px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
}

.servicecard-item span.servicecard-item-more {
    color: #DB4E3E;
}

.servicecard-item div.servicecard-item-more-dashed {
    width: 16px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.servicecard-item div.servicecard-item-more-dashed span {
    width: 4px;
    height: 4px;
    background: #333333;
    display: block;
    opacity: 1;
}

.servicecard-item img {
    width: 16px;
    height: 16px;
}

.service-member-list-space {
    width: 1200px;
    display: flex;
    flex-direction: column;
}

.service-member-title {
    width: 1200px;
    height: 80px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
}

.service-member-title span {
    height: 80px;
    line-height: 80px;
    display: flex;
    background: url(../img/service_member_icon.png) no-repeat left center;
    background-size: 40px 40px;
    padding-left: 50px;
    font-size: 30px;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    color: #D68900;
}

.service-member-list-table {
    background: #FFFFFF;
    width: 1200px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-content: flex-start;
    border-bottom: 1px solid #DDDDDD;
}

.service-member-list-table-row {
    width: 1198px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    border: 1px solid #DDDDDD;
    border-bottom: 0px;
}

.service-member-list-table-row-select {
    background: #F5F7FB;
}

.service-member-list-table-row-column {
    height: 106px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    color: #333333;
    border-left: 1px solid #DDDDDD;
}

.service-member-list-table-row-row {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    color: #333333;
    border-bottom: 1px solid #DDDDDD;
}

.table-row-title {
    background: #F5F7FB;
    height: 106px;
}

.table-row-item {
    height: auto;
}

.table-column-list {
    height: auto;
    flex: 1;
}

.table-row-column-1 {
    border: 0px;
    width: 148px;
    height: 100%;

}

.table-row-column-2 {
    width: 299px;
}

.table-row-column-2-1 {
    padding: 0 10px;
    width: 279px;
}

.table-row-column-2-1-row {
    padding: 0 10px;
    width: 279px;
    border-left: 0px;
}

.table-row-column-2-1-row span {
    flex: 1;
}

.table-row-column-2-1-row a {
    width: 44px;
    height: 18px;
    border-radius: 2px 2px 2px 2px;
    border: 1px solid #333333;
    display: flex;
    align-items: center;
    justify-content: center;
}

.table-row-column-2-1-row a:hover {
    color: #DB4E3E;
    border: 1px solid #DB4E3E;
}

.table-row-column-3 {
    /*width: 149px;*/
    flex: 1;
}

.table-row-column-4 {
    /*width: 149px;*/
    flex: 1;
}

.table-row-column-5 {
    /*width: 149px;*/
    flex: 1;
}

.table-row-column-6 {
    /*width: 149px;*/
    flex: 1;
}

.table-row-column-7 {
    /*width: 149px;*/
    flex: 1;
}

.table-row-column-8 {
    /*width: 149px;*/
    flex: 1;
}

.table-row-column-9 {
    /*width: 149px;*/
    flex: 1;
}

.table-row-column-10 {
    /*width: 149px;*/
    flex: 1;
}

.table-row-column-service {
    height: 86px;
    padding: 10px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.service-title {
    flex: 1;
    font-size: 14px;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    color: #333333;
    display: flex;
    justify-content: center;
    align-items: center;
}

.service-price-year {
    flex: 1;
    font-size: 14px;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    color: #DB4E3E;
    display: flex;
    justify-content: center;
    align-items: center;
}

.service-buy-btn {
    display: flex;
    justify-content: center;
    align-items: center;
}

.servicecard-buy-btn-120 {
    width: 120px;
    height: 30px;
    border-radius: 4px 4px 4px 4px;
    opacity: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.servicecard-buy-btn-120 span {
    font-size: 14px;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
}

.table-column-item {
    height: 35px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #DDDDDD;
}

.table-column-item-row {
    height: 35px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-left: 1px solid #DDDDDD;
    font-size: 14px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
}

.table-column-space-between {
    justify-content: space-between;
}

.table-column-bottom-none {
    border-bottom: 0px;
}

.table-column-left-none {
    border-left: 0px;
}

.service-bxy-list-space {
    width: 1200px;
    display: flex;
    flex-direction: column;
}

.service-bxy-title {
    width: 1198px;
    height: 80px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    border: 1px solid #DDDDDD;
    border-bottom: 0px;
}

.service-bxy-title span {
    height: 80px;
    line-height: 80px;
    font-size: 30px;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    color: #DB4E3E;
}

.service-bxy-list-table {
    background: #FFFFFF;
    width: 1200px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-content: flex-start;
    /*border-bottom: 1px solid #DDDDDD;*/
}

.service-bxy-list-table-space {
    background: #FFFFFF;
    width: 1200px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-content: flex-start;
}

.service-bxy-list-table-space-list {
    background: #FFFFFF;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-content: flex-start;
    border: 1px solid #DDDDDD;
    border-bottom: 0px;
}

.service-bxy-list-table-row {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.service-bxy-list-table-row-column {
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    color: #333333;
    border-left: 1px solid #DDDDDD;
}

.service-bxy-list-table-row-row {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    color: #333333;
    border-bottom: 1px solid #DDDDDD;
}

.table-bxy-title {
    background: #F9F9F9;
    height: 46px;
}

.table-bxy-item {
    height: auto;
}

.table-bxy-column-1 {
    border: 0px;
    width: 148px;

}

.table-bxy-column-bottom-none {
    border-bottom: 0px;
}

.table-bxy-column-bottom-1 {
    border-bottom: 1px solid #DDDDDD;
}

.table-bxy-column-left-none {
    border-left: 0px;
}

.table-bxy-column-right-none {
    border-right: 0px;
}

/*标题*/
.serviceitem-products-item-nologin {
    padding: 25px;
    width: 338px;
    height: 324px;
    border-radius: 8px 8px 8px 8px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.serviceitem-products-item-nologin .serviceitem-products-item-name-nologin {
    width: 387px;
    opacity: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.serviceitem-products-item-nologin .serviceitem-products-item-name-nologin .serviceitem-products-item-name-title-nologin {
    height: 80px;
    background-size: 40px 39px;
    padding-left: 60px;
    font-size: 32px;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: bold;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*描述*/
.serviceitem-products-item-nologin .serviceitem-products-item-info-nologin {
    width: 318px;
    padding: 10px;
    display: flex;
    flex-direction: column;
}

.serviceitem-products-item-nologin .serviceitem-products-item-info-desc-nologin span {
    font-size: 14px;
    font-family: PingFang SC-Regular, PingFang SC;
    color: #ffffff;
    padding-left: 26px;
}

/*按钮*/
.serviceitem-products-item-nologin .servicecard-buy-nologin {
    width: 338px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.serviceitem-products-item-nologin .servicecard-buy-nologin .servicecard-buy-btn-nologin {
    width: 260px;
    height: 58px;
    border-radius: 8px 8px 8px 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.serviceitem-products-item-nologin .servicecard-buy-nologin .servicecard-buy-btn-nologin span {
    font-size: 18px;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: bold;
}

.serviceitem-products-swiper {
    width: 400px;
    height: 374px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

/*小一号  标题*/
.serviceitem-products-item-nologin-sm {
    padding: 25px;
    width: 298px;
    height: 297px;
    border-radius: 7px 7px 7px 7px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.serviceitem-products-item-nologin-sm .serviceitem-products-item-name-nologin {
    width: 347px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.serviceitem-products-item-nologin-sm .serviceitem-products-item-name-nologin .serviceitem-products-item-name-title-nologin {
    background-size: 40px 39px;
    padding-left: 50px;
    font-size: 32px;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: bold;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*小一号  描述*/
.serviceitem-products-item-nologin-sm .serviceitem-products-item-info-nologin {
    width: 278px;
    padding: 10px;
    display: flex;
    flex-direction: column;
}

.serviceitem-products-item-nologin-sm .serviceitem-products-item-info-desc-nologin span {
    font-size: 12px;
    font-family: PingFang SC-Regular, PingFang SC;
    color: #ffffff;
    padding-left: 26px;
}

/*小一号  按钮*/
.serviceitem-products-item-nologin-sm .servicecard-buy-nologin {
    width: 278px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.serviceitem-products-item-nologin-sm .servicecard-buy-nologin .servicecard-buy-btn-nologin {
    width: 220px;
    height: 54px;
    border-radius: 7px 7px 7px 7px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.serviceitem-products-item-nologin-sm .servicecard-buy-nologin .servicecard-buy-btn-nologin span {
    font-size: 18px;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: bold;
}

/*公共*/
.serviceitem-products-item-name-title-nologin-1 {
    background: url(../img/member_nologin_1.png) no-repeat left center;
    color: #333333;
}

.serviceitem-products-item-name-title-nologin-2 {
    background: url(../img/member_nologin_2.png) no-repeat left center;
    color: #FFFFFF;
}

.serviceitem-products-item-name-title-nologin-3 {
    background: url(../img/member_nologin_3.png) no-repeat left center;
    color: #FFFFFF;
}

.serviceitem-products-item-bg-nologin-1 {
    background: #FFFFFF;
}

.serviceitem-products-item-bg-nologin-2 {
    background: linear-gradient(180deg, #E27777 0%, #AF3B3B 100%);
}

.serviceitem-products-item-bg-nologin-3 {
    background: linear-gradient(180deg, #676772 0%, #292933 100%);
}

.serviceitem-products-item-info-desc-nologin {
    height: 80px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.serviceitem-products-item-info-desc-nologin span.serviceitem-products-desc-nologin-1 {
    color: #333333;
    background: url(../img/member_desc_icon_1.png) no-repeat left center;
    background-size: 16px 16px;
}

.serviceitem-products-item-info-desc-nologin span.serviceitem-products-desc-nologin-2 {
    background: url(../img/member_desc_icon_2.png) no-repeat left center;
    background-size: 16px 16px;
}

.serviceitem-products-item-info-desc-nologin span.serviceitem-products-desc-nologin-3 {
    background: url(../img/member_desc_icon_2.png) no-repeat left center;
    background-size: 16px 16px;
}

.servicecard-buy-btn-nologin-1 {
    border: 1px solid #C4C4C4;
}

.servicecard-buy-btn-nologin-1 span {
    color: #333333;
}

.servicecard-buy-btn-nologin-2 {
    background: #FFE9E9;
}

.servicecard-buy-btn-nologin-2 span {
    color: #B44141;
}

.servicecard-buy-btn-nologin-3 {
    background: #FEE7BF;
}

.servicecard-buy-btn-nologin-3 span {
    color: #C75F18;
}

.service-item-right-bar-space {
    width: 1200px;
    height: 0px;
    background: #333333;
    position: relative;
    top: 0px;
    z-index: 9999;
}

.service-item-right-bar-space-position {
    position: fixed;
    width: 1200px;
}


.service-item-right-bar {
    position: absolute;
    /*top: 300px;*/
    top: -600px;
    right: -150px;
    z-index: 9999;
    width: 136px;
    height: auto;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px 1px rgba(0, 0, 0, 0.1);
    border-radius: 4px 4px 4px 4px;
}


.service-item-right-bar-title {
    width: 136px;
    height: 38px;
    background: linear-gradient(180deg, #EB6C5E 0%, #CA4637 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.service-item-right-bar-title span {
    font-size: 14px;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
}

.service-item-right-bar-list-space {
    width: 106px;
    padding: 14px;
    /*position: relative;*/
}

.service-item-right-bar-list {
    margin: 0;
    font-size: 14px;
    list-style: none;
}

.service-item-right-bar-item-line {
    position: absolute;
    top: 10px;
    left: 4px;
    height: 100%;
    border-left: 2px solid #F3F3F3;
}

.service-item-right-bar-item {
    position: relative;
    padding-bottom: 20px;
}

.service-item-right-bar-item-point {
    position: absolute;
    background-color: #e4e7ed;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 6px;
    left: 2px;
    width: 6px;
    height: 6px;
    background: #999999;
}

.timeline-item_wrapper {
    position: relative;
    padding-left: 20px;
    top: 0px;
    font-size: 14px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
}

.timeline-item_wrapper a {
    color: #333333;
}

.service-item-right-bar-item-select div.service-item-right-bar-item-point {
    width: 8px;
    height: 8px;
    background: #DB4E3E;
    left: 1px
}

.service-item-right-bar-item-select div.timeline-item_wrapper a {
    color: #DB4E3E;
}

.service-item-right-bar-item:hover div.service-item-right-bar-item-point {
    width: 8px;
    height: 8px;
    background: #DB4E3E;
    left: 1px
}

.service-item-right-bar-item:hover div.timeline-item_wrapper a {
    color: #DB4E3E;
}

.product-active {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../img/product_active.png) no-repeat;
    background-size: 16px 16px;
}

.product-none {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../img/product_none.png) no-repeat;
    background-size: 16px 16px;
}


/*===============================================================*/
.serviceitem-products-item-sm {
    width: 368px;
    border-radius: 8px 8px 8px 8px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}

.serviceitem-products-item-sm .serviceitem-products-item-name {
    width: 368px;
    height: 90px;
    opacity: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 8px 8px 0px 0px;
}

.serviceitem-products-item-sm .serviceitem-products-item-info {
    width: 348px;
    padding: 10px;
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    border-radius: 0px 0px 8px 8px;

}

.serviceitem-products-item-sm .serviceitem-products-item-info-servicecard {
    margin-top: 20px;
    width: 348px;
    height: 115px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

.serviceitem-products-item-sm .serviceitem-products-item-info-servicecard .serviceitem-products-item-info-servicecard-item-info {
    width: 100px;
    height: 95px;
    background: #F8F8F8;
    border-radius: 8px 8px 8px 8px;
    opacity: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.serviceitem-products-item-sm .serviceitem-products-item-info .serviceitem-products-item-info-servicecard .serviceitem-products-item-info-servicecard-item {
    width: 110px;
    height: 105px;
    position: relative;
}

.serviceitem-products-item-sm .serviceitem-products-item-info .serviceitem-products-item-info-servicecard .serviceitem-products-item-info-servicecard-item .serviceitem-products-item-info-servicecard-item-info-select {
    width: 100px;
    height: 95px;
    border-radius: 8px 8px 8px 8px;
    opacity: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.serviceitem-products-item-sm .servicecard-buy {
    margin-top: 10px;
    width: 348px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.serviceitem-products-item-sm .servicecard-buy .servicecard-buy-btn {
    width: 240px;
    height: 40px;
    border-radius: 8px 8px 8px 8px;
    opacity: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.serviceitem-products-item-sm .servicecard-items {
    margin-top: 10px;
    padding: 0 10px;
    width: 328px;
    height: 131px;
    background: #FCFAF5;
    border-radius: 8px 8px 8px 8px;
    opacity: 1;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.serviceitem-products-item-sm .servicecard-items .servicecard-items-list {
    width: 160px;
    height: 105px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.serviceitem-products-item-sm .servicecard-items .servicecard-items-split {
    height: 105px;
    width: 0px;
    opacity: 1;
    border: 1px solid #E8E8E8;
}

.serviceitem-products-item-sm .servicecard-items .servicecard-items-list .servicecard-item {
    width: 160px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

/*展会合作*/
.zhhz_sm {
    width: 100%;
    height: 18px;
    border-left: 4px solid #DB4E3E;
    padding-left: 8px;
    display: flex;
    align-items: center;
    margin-top: 18px;
}

.zhhz_sm span {
    font-size: 18px;
    line-height: 18px;
    color: #333;
}

.zhhz_content {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    margin-bottom: 116px;
}

.zhhz_content_size {
    width: 100%;
    display: flex;
    line-height: 30px;
    text-indent: 2em;
    margin-bottom: 16px;
}

.zhhz_content_tb {
    width: 100%;
    display: flex;
    background: #F5F7FB;
    flex-direction: column;
}

.zhhz_content_tb_row_border {
    border-bottom: 1px solid #DDD;
    border-top: 1px solid #DDD;
}

.zhhz_content_tb_row {
    width: 100%;
    display: flex;
}

.zhhz_content_tb_title {
    width: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.zhhz_content_tb_size {
    width: 839px;
    display: flex;
    flex-direction: column;
    border-left: 1px solid #DDD;
    padding: 12px 20px;
    font-size: 12px;
    line-height: 22px;
}

.zhhz_content_tb_size_em {
    text-indent: 2.5em;
}

/*团队文化*/
.tdwh_content {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    height: 864px;
    align-content: space-between;
    margin-bottom: 84px;
    margin-top: 16px;
}

/*资质文件*/
.zzwj_content {
    width: 100%;
    display: flex;
    margin-top: 18px;
    flex-flow: row wrap;
}

.zzwj_content_sun {
    height: 210px;
    width: 200px;
    display: flex;
    flex-direction: column;
    border: 1px solid #E9E9E9;
    padding: 10px 0;
    align-items: center;
    margin-left: 18px;
    margin-right: 18px;
    justify-content: center;
    margin-bottom: 30px;
}

.zzwj_content_sun img {
    margin-bottom: 10px;
}

.zzwj_open {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 40px;
}

.zzwj_open span {
    font-size: 20px;
    margin-top: 20px;
}

/*===============================================================*/