.banner {
    align-items: center;
    justify-content: center;
    min-height: 400px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    color: rgb(255, 255, 255);
    position: relative;
    background: url('/assets/image/index-header-bg.jpg') 0% 0% / 100% 100% no-repeat;
}

.banner .title_shadow {
    color: #7e5678;
    font-weight: 700;
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #fff;
}

.tab-list-content {
    display: flex;
    justify-content: center;
    padding: 40px 0;
}

.tab-list-content .check-box {
    width: 72%;
    display: flex;
    flex-wrap: wrap;
}

.tab-list-content .check-box .check-item {
    align-items: center;
    background: #f6f6f6;
    border-radius: 48px;
    box-shadow: 0 7px 29px 0 rgba(99, 99, 110, .2);
    display: flex;
    font-size: 14px;
    height: 48px;
    justify-content: center;
    margin-bottom: 15px;
    margin-right: 15px;
    width: 120px;
    cursor: pointer;
}

.tab-list-content .check-box .check-item .icon {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.tab-list-content .check-box .active .icon {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.tab-list-content .check-box .active {
    background-color: #61c7ed;
    color: #fff;
    align-items: center;
    border-radius: 48px;
    box-shadow: 0 7px 29px 0 rgba(99, 99, 110, .2);
    display: flex;
    font-size: 14px;
    height: 48px;
    justify-content: center;
    margin-bottom: 15px;
    margin-right: 15px;
    width: 120px;
    cursor: pointer;
}

.p-card {
    width: 72%;
    margin: 20px auto;
}

.box-size {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px 0;
    margin-top: 20px
}

.box-size .pic {
    display: flex;
    flex-direction: column;
    align-items: center
}

.box-size .pic img {
    width: 1080px
}

.box-size .pic .title {
    font-size: 45px;
    font-weight: 800;
    margin-top: 40px
}

.box-size .pic1 {
    width: 55%;
    margin: 0 auto;
    display: flex;
    align-items: center
}

.box-size .pic1 img {
    width: 500px;
    margin-right: 100px
}

.box-size .pic1 .p-left {
    display: flex;
    flex-direction: column
}

.box-size .pic1 .p-left .title {
    font-size: 30px;
    font-weight: 800;
    padding: 20px 0
}

.box-size .pic1 .p-left .introduct {
    width: 75%;
    font-size: 18px;
    line-height: 36px;
    color: #666
}

.box-size .pic1 .p-left .circle-box {
    display: flex;
    align-items: center
}

.box-size .pic1 .p-left .circle-box .circle {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-right: 5px
}

.box-size .pic1 .p-left .circle-box .c1 {
    background: #b63036
}

.box-size .pic1 .p-left .circle-box .c2 {
    background: #ffeb2b
}

.box-size .pic1 .p-left .circle-box .c3 {
    background: #7fff00
}

.box-size .pic1 .p-left .circle-box .c4 {
    background: #74daff
}

.box-size .pic1 .p-left .circle-box .c5 {
    background: #b63036
}

.box-size .pic1 .p-left .circle-box .c6 {
    background: #fa49ff
}

.box-size .mic {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 20px
}

.box-size .mic img {
    width: 100%;
    height: 300px
}

.box-size .mic .p-left {
    display: flex;
    flex-direction: column;
    margin: 20px 0
}

.box-size .mic .p-left .title {
    font-size: 16px;
    font-weight: 600;
    padding: 20px 0
}

.box-size .mic .p-left .introduct {
    font-size: 12px;
    line-height: 24px;
    color: #666
}

.box-size .mic .p-left .circle-box {
    display: flex;
    align-items: center
}

.box-size .mic .p-left .circle-box .circle {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-right: 5px
}

.box-size .mic .p-left .circle-box .c1 {
    background: #b63036
}

.box-size .mic .p-left .circle-box .c2 {
    background: #ffeb2b
}

.box-size .mic .p-left .circle-box .c3 {
    background: #7fff00
}

.box-size .mic .p-left .circle-box .c4 {
    background: #74daff
}

.box-size .mic .p-left .circle-box .c5 {
    background: #b63036
}

.box-size .mic .p-left .circle-box .c6 {
    background: #fa49ff
}

.notification-bar {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: rgba(42, 55, 174, .8);
}

.notification-bar .content-box {
    width: 58%;
    height: 40px;
    margin: 0 auto;
    position: relative;
    overflow-x: hidden;
}

.msg-box {
    width: 100%;
    /*overflow: hidden;*/
    position: relative;
    color: #f8e71c;
    font-weight: 600;
    white-space: nowrap;
}

.msg-box .msg {
    position: absolute;
    line-height: 30px;
    font-size: 14px;
    white-space: nowrap;
}