                .content {
                    margin-bottom: 50px;
                    background-color: #28177c;
                }
                
                .module {
                    width: 1250px;
                    margin: -210px auto 0;
                }
                
                .banner {
                    display: block;
                    width: 100%;
                }
                
                .module-one {
                    margin: 0px auto 96px;
                    position: relative;
                }
                
                .module-one img {
                    width: 100%;
                    height: 100%;
                }
                
                .task-module {
                    min-height: 1699px;
                    background: url(../images/Taskprocess.png);
                    background-size: 100% 100%;
                    margin: 0 auto 96px;
                    position: relative;
                }
                
                .task-module img {
                    width: 100%;
                    height: 100%;
                    display: block;
                }
                
                .share-up {
                    width: 1250px;
                    margin: 0 auto;
                    display: -webkit-box;
                    /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
                    display: -moz-box;
                    /* 老版本语法: Firefox (buggy) */
                    display: -ms-flexbox;
                    /* 混合版本语法: IE 10 */
                    display: -webkit-flex;
                    /* 新版本语法: Chrome 21+ */
                    display: flex;
                    /* 新版本语法: Opera 12.1, Firefox 22+ */
                    -webkit-box-pack: center;
                    -moz-justify-content: center;
                    -webkit-justify-content: center;
                    justify-content: center;
                }
                
                .share {
                    min-width: 247px;
                    line-height: 62px;
                    border: 2px solid #ff7fad;
                    height: 62px;
                    color: #FF98BD;
                    display: inline-block;
                    border-radius: 34px;
                    text-align: center;
                    margin-right: 63px;
                    cursor: pointer;
                    font-size: 20px;
                    margin-bottom: 24px;
                    position: relative;
                }
                
                .share span {
                    width: 100%;
                    padding-bottom: 30px;
                    display: inline-block;
                }
                
                .share:hover {
                    color: #FF98BD;
                }
                
                .skip {
                    min-width: 247px;
                    line-height: 62px;
                    border: 2px solid #ff7fad;
                    height: 62px;
                    color: #ffffff;
                    background-color: #EA3576;
                    display: inline-block;
                    border-radius: 34px;
                    text-align: center;
                    cursor: pointer;
                    font-size: 20px;
                }
                
                .share-layer {
                    width: 353px;
                    min-height: 240px;
                    background: #ffffff;
                    border-radius: 8px;
                    display: none;
                    position: absolute;
                    top: 85px;
                    z-index: 10;
                }
                
                .outer-layer {
                    padding: 0 32px;
                }
                
                .copy {
                    font-size: 14px;
                    font-family: PingFangSC, PingFangSC-Regular;
                    font-weight: 400;
                    text-align: center;
                    color: #ea3576;
                    border: none;
                    outline: none;
                    background: transparent;
                    cursor: pointer;
                    vertical-align: middle;
                }
                
                .url {
                    font-size: 14px;
                    font-family: PingFangSC, PingFangSC-Regular;
                    font-weight: 400;
                    text-align: center;
                    color: #999999;
                    margin-right: 8px;
                    display: inline-block;
                    outline: none;
                    border: none;
                    resize: none;
                    min-width: 168px;
                    vertical-align: middle;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                }
                
                .layer-box {
                    width: 300px;
                    height: 305px;
                    background: url(../images/vipequity/layer.png) no-repeat;
                    background-size: 100% 100%;
                }
                
                .close {
                    width: 0.5rem;
                    height: 0.5rem;
                    left: 50%;
                    transform: translate(-50%, 0);
                    cursor: pointer;
                    position: absolute;
                    bottom: 0;
                    z-index: 99;
                }
                
                .code-erwei {
                    width: 108px;
                    height: 108px;
                    margin: 0 auto;
                    text-align: center;
                }
                
                .code-erwei img {
                    width: 100%;
                    height: 100%;
                }
                
                img {
                    image-rendering: -moz-crisp-edges;
                    image-rendering: -o-crisp-edges;
                    image-rendering: -webkit-optimize-contrast;
                    image-rendering: crisp-edges;
                }
                
                .text-intro {
                    font-size: 14px;
                    font-family: PingFangSC, PingFangSC-Regular;
                    font-weight: 400;
                    text-align: center;
                    color: #333333;
                    padding-bottom: 16px;
                }
                
                .item-li {
                    margin-right: 10px;
                    padding-bottom: 30px;
                }
                
                .item-li .herf {
                    width: 100%;
                    display: block;
                }
                
                .share:hover .share-layer {
                    color: #FF98BD;
                    display: block;
                }
                
                .layui-layer-page .layui-layer-content {
                    position: relative;
                    overflow: hidden;
                    background-color: transparent;
                }
                
                .text-description {
                    font-size: 17px;
                    font-family: SourceHanSansCN, SourceHanSansCN-Regular;
                    font-weight: 400;
                    text-align: center;
                    color: #dcd4ff;
                    position: absolute;
                    width: 100%;
                    bottom: 170px;
                    margin: 0;
                    padding: 0 30px;
                    box-sizing: border-box;
                }
                
                .vebal-description {
                    font-size: 17px;
                    font-family: SourceHanSansCN, SourceHanSansCN-Regular;
                    font-weight: 400;
                    text-align: center;
                    color: #dcd4ff;
                    position: absolute;
                    width: 100%;
                    bottom: 140px;
                    margin: 0;
                    padding: 0 30px;
                    box-sizing: border-box;
                }
                
                .myskin {
                    background-color: transparent;
                    /*背景透明*/
                    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
                    /*前景无阴影*/
                }
                
                .share:hover {
                    border: 2px solid #ea3576;
                    color: #ea3576;
                }
                
                .cylinder {
                    width: 80%;
                    height: 62px;
                    background: #2f187c;
                    border: 2px solid #7c61ff;
                    border-radius: 32px;
                    margin: 0 auto 0px;
                    margin-top: 176px;
                    position: absolute;
                    left: 50%;
                    top: 22px;
                    transform: translate(-50%, 0);
                }
                
                .activty-bg {
                    width: 78%;
                    height: calc(82% - 100px);
                    background: #fbfdff;
                    box-shadow: 0px 9px 24px 0px rgb(46 37 136 / 42%);
                    margin: 0 auto;
                    position: absolute;
                    left: 50%;
                    transform: translate(-50%, 0);
                    margin-top: 227px;
                    word-break: break-all;
                    word-wrap: break-word;
                    z-index: 9;
                }
                
                .cylinder-progress {
                    width: 98%;
                    display: inline-block;
                    height: 7px;
                    background: linear-gradient(0deg, #d6cbe5, #d4c3df);
                    border-radius: 32px 32px 32px 32px;
                    position: absolute;
                    left: 50%;
                    bottom: 32px;
                    transform: translate(-50%, 0);
                }
                
                .tasks-of-this-week {
                    margin-bottom: 54px;
                }
                
                .title-li-img {
                    text-align: center;
                }
                
                .tasks-of-this-week .line-title .title-li {
                    font-size: 40px;
                    font-family: PingFangSC, PingFangSC-Medium;
                    font-weight: 500;
                    text-align: center;
                    color: #2f187c;
                    display: inline-block;
                    position: relative;
                    top: 100px;
                }
                
                .task-progress .line-title .title-li {
                    font-size: 40px;
                    font-family: PingFangSC, PingFangSC-Medium;
                    font-weight: 500;
                    text-align: center;
                    color: #2f187c;
                    display: inline-block;
                    position: relative;
                    top: 0px;
                }
                
                .title-li::before {
                    content: '';
                    position: absolute;
                    height: 24px;
                    opacity: 0.4;
                    background: #5f53dd;
                    min-width: 178px;
                    bottom: -12px;
                    transform: translate(-12px, -50%);
                }
                
                .task-time {
                    font-size: 24px;
                    font-family: PingFangSC, PingFangSC-Medium;
                    font-weight: 500;
                    text-align: center;
                    color: #2f187c;
                    position: relative;
                    top: 110px;
                }
                
                .Upload-Progress {
                    font-size: 34px;
                    font-family: PingFangSC, PingFangSC-Regular;
                    font-weight: 400;
                    text-align: center;
                    color: #2f187c;
                }
                
                .progress-number {
                    color: #FF9231;
                }
                
                .arrow {
                    width: 32px;
                    height: 32px;
                    display: inline-block;
                    vertical-align: middle;
                    background: url(../images/arrow.png) no-repeat;
                    background-size: 100% 100%;
                }
                
                .arrow:hover {
                    width: 32px;
                    height: 32px;
                    display: inline-block;
                    vertical-align: middle;
                    background: url(../images/arrows.png) no-repeat;
                    background-size: 100% 100%;
                }
                
                .line-title {
                    text-align: center;
                }
                
                .task-progress-list {
                    padding: 0 40px;
                    display: -webkit-box;
                    /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
                    display: -moz-box;
                    /* 老版本语法: Firefox (buggy) */
                    display: -ms-flexbox;
                    /* 混合版本语法: IE 10 */
                    display: -webkit-flex;
                    /* 新版本语法: Chrome 21+ */
                    display: flex;
                    /* 新版本语法: Opera 12.1, Firefox 22+ */
                    -webkit-box-pack: justify;
                    -moz-justify-content: space-between;
                    -webkit-justify-content: space-between;
                    justify-content: space-between;
                    margin-top: 48px;
                    margin-bottom: 32px;
                }
                
                .task-progress-list .progress-list-li {
                    width: 186px;
                    height: 185px;
                    margin-right: 20px;
                    cursor: pointer;
                    position: relative;
                }
                
                .task-progress-list .progress-list-li:last-child {
                    margin-right: 0px;
                }
                
                .colour {
                    width: 50%;
                    height: 12px;
                    display: inline-block;
                    box-sizing: border-box;
                    background: #fda26c;
                }
                
                .progress-bar .progress-bar-li:nth-child(1) .colour:first-child {
                    width: 50%;
                    height: 12px;
                    display: inline-block;
                    box-sizing: border-box;
                    background: #fda26c;
                    border-radius: 6px 0 0 6px;
                }
                
                .gray {
                    width: 50%;
                    height: 12px;
                    display: inline-block;
                    box-sizing: border-box;
                }
                
                .progress-bar {
                    margin: 0 40px;
                    box-sizing: border-box;
                    background: #e5e5e5;
                    border-radius: 6px;
                    height: 12px;
                    font-size: 0;
                }
                
                .Completed {
                    width: 32px;
                    height: 32px;
                    display: inline-block;
                    vertical-align: middle;
                    background: url(../images/Completed.png) no-repeat;
                    background-size: 100% 100%;
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    transform: translate(-50%, -50%);
                }
                
                .noCompleted {
                    width: 32px;
                    height: 32px;
                    display: inline-block;
                    vertical-align: middle;
                    background: url(../images/noCompleted.png) no-repeat;
                    background-size: 100% 100%;
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    transform: translate(-50%, -50%);
                }
                
                .noCountersign {
                    width: 32px;
                    height: 32px;
                    display: inline-block;
                    vertical-align: middle;
                    background: url(../images/noCountersign.png) no-repeat;
                    background-size: 100% 100%;
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    transform: translate(-50%, -50%);
                }
                
                .none {
                    width: 32px;
                    height: 32px;
                    display: inline-block;
                    vertical-align: middle;
                    background: url(../images/none.png) no-repeat;
                    background-size: 100% 100%;
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    transform: translate(-50%, -50%);
                }
                
                .receiveaward {
                    width: 32px;
                    height: 32px;
                    display: inline-block;
                    vertical-align: middle;
                    background: url(../images/receiveaward.png) no-repeat;
                    background-size: 100% 100%;
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    transform: translate(-50%, -50%);
                }
                
                .progress-bar-li {
                    width: 20%;
                    border-radius: 12px 0px 0px 12px;
                    height: 100%;
                    display: inline-block;
                    position: relative;
                    box-sizing: border-box;
                }
                
                .progress-bar .progress-bar-li:last-child .colour:last-child {
                    width: 50%;
                    height: 12px;
                    display: inline-block;
                    box-sizing: border-box;
                    background: #fda26c;
                    border-radius: 6px 6px 6px 0px;
                }
                
                .weekday {
                    font-size: 18px;
                    font-family: PingFangSC, PingFangSC-Regular;
                    font-weight: 400;
                    text-align: center;
                    color: #333333;
                }
                
                .completion-status {
                    background: #f16259;
                    border-radius: 15px;
                    font-size: 12px;
                    font-family: PingFangSC, PingFangSC-Regular;
                    font-weight: 400;
                    text-align: center;
                    color: #ffffff;
                    padding: 1px 10px;
                    cursor: pointer;
                }
                
                .no-completion {
                    background: #febd84;
                }
                
                .no-start {
                    background: #cfcfcf;
                }
                
                .bottom-bg {
                    width: 99%;
                    height: 144px;
                    display: inline-block;
                    vertical-align: middle;
                    background: url(../images/bottombg.png) no-repeat;
                    background-size: 100% 100%;
                    position: absolute;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    bottom: -168px;
                    z-index: -1;
                }
                
                .rule-bg {
                    padding-top: 10px;
                    background: #5f53dd;
                    border-radius: 24px;
                    width: 1189px;
                    margin: 0 auto;
                    margin-bottom: 4px;
                    margin-top: -72px;
                    position: relative;
                    margin-left: 39px;
                    padding-bottom: 100px;
                }
                
                .rule-module img {
                    width: 100%;
                    height: 100%;
                    display: block;
                }
                
                .rule-module {
                    margin-bottom: 95px;
                }
                
                .rule-bg .cylinders {
                    width: 80%;
                    height: 62px;
                    background: #2f187c;
                    border: 2px solid #7c61ff;
                    border-radius: 32px;
                    margin: 0 auto 0px;
                    position: relative;
                }
                
                .rule-bg-inner {
                    width: 78%;
                    margin: 0 auto;
                    position: relative;
                    margin-top: -34px;
                }
                
                .rule-content {
                    background: #fbfdff;
                    box-shadow: 0px 9px 24px 0px rgb(46 37 136 / 42%);
                }
                
                .weekly-icon {
                    width: 100%;
                    height: 658px;
                }
                
                .weekly-icon img {
                    width: 100%;
                    height: 100%;
                    display: block;
                }
                
                .rule-bg-inner .rule-content {
                    padding: 76px 103px 0 122px;
                }
                
                .rule-title-li {
                    padding-left: 12px;
                    border-left: 6px solid #FA72B1;
                    font-size: 16px;
                    font-family: PingFangSC, PingFangSC-Medium;
                    font-weight: 500;
                    text-align: left;
                    color: #1e0c6d;
                    margin-bottom: 21px;
                }
                
                .rule-text-des {
                    font-size: 20px;
                    font-family: PingFangSC, PingFangSC-Regular;
                    font-weight: 400;
                    color: #7e75a8;
                }
                
                .rule-content-li {
                    padding-bottom: 50px;
                }
                
                .rule-title-li-text {
                    font-size: 20px;
                }
                
                .bottom-fix {
                    width: 100%;
                    height: 144px;
                    display: inline-block;
                    vertical-align: middle;
                    background: url(../images/bottombg.png) no-repeat;
                    background-size: 100% 100%;
                    position: relative;
                }
                
                .fixed {
                    width: 92%;
                    height: 44px;
                    display: inline-block;
                    vertical-align: middle;
                    background: url(../images/fixed.png) no-repeat center;
                    background-size: 100% 100%;
                    position: relative;
                    left: 50%;
                    transform: translate(-50%, 0);
                }
                
                .cheak-all {
                    font-size: 24px;
                    font-family: PingFangSC, PingFangSC-Regular;
                    font-weight: 400;
                    color: #d0caeb;
                    display: inline-block;
                    text-align: right;
                    position: absolute;
                    top: 30px;
                    right: 77px;
                    cursor: pointer;
                }
                
                .cheak-all-list {
                    display: none;
                }
                
                .rule-text-des,
                .cheak-all-list>p {
                    padding-bottom: 5px;
                }
                
                .rule-content .cheak-all-list .rule-content-li:last-child {
                    padding-bottom: 0px;
                }
                
                @keyframes bounce-down {
                    25% {
                        transform: translateY(-3px);
                    }
                    50% {
                        transform: translateY(0);
                    }
                    75% {
                        transform: translateY(3px);
                    }
                    100% {
                        transform: translateY(0);
                    }
                }
                
                .animate-bounce-down {
                    -webkit-animation: bounce-down 1s linear infinite;
                    animation: bounce-down 1s linear infinite;
                }
                
                @keyframes bounce-down1 {
                    25% {
                        transform: translateY(-3px);
                    }
                    50%,
                    100% {
                        transform: translateY(0);
                    }
                    75% {
                        transform: translateY(3px);
                    }
                }
                
                .animate-bounce-down1 {
                    display: none;
                    -webkit-animation: bounce-down 1s linear infinite;
                    animation: bounce-down 1s linear infinite;
                }
                
                .cheak-all img {
                    width: 21px;
                    height: 21px;
                    display: inline-block;
                }
                
                .packup {
                    font-size: 24px;
                    font-family: PingFangSC, PingFangSC-Regular;
                    font-weight: 400;
                    color: #d0caeb;
                    display: inline-block;
                    text-align: right;
                    position: absolute;
                    top: 30px;
                    right: 77px;
                    cursor: pointer;
                    display: none;
                }
                
                .packup img {
                    width: 21px;
                    height: 21px;
                    display: inline-block;
                }
                
                .position-icon-area {
                    display: -webkit-box;
                    /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
                    display: -moz-box;
                    /* 老版本语法: Firefox (buggy) */
                    display: -ms-flexbox;
                    /* 混合版本语法: IE 10 */
                    display: -webkit-flex;
                    /* 新版本语法: Chrome 21+ */
                    display: flex;
                    /* 新版本语法: Opera 12.1, Firefox 22+ */
                    -webkit-box-pack: justify;
                    -moz-justify-content: space-between;
                    -webkit-justify-content: space-between;
                    justify-content: space-between;
                    -webkit-box-align: center;
                    -moz-align-items: center;
                    -webkit-align-items: center;
                    align-items: center;
                    padding-bottom: 158px;
                }
                
                .star {
                    width: 72px;
                    height: 72px;
                    position: absolute;
                    right: -125px;
                    top: 695px;
                }
                
                .star>img {
                    width: 100%;
                    height: 100%;
                }
                
                .arrange-list {
                    position: absolute;
                    top: 214px;
                    left: -32px;
                    z-index: 9;
                }
                
                .littlestar {
                    width: 110px;
                    height: 110px;
                    position: absolute;
                    left: -113px;
                    bottom: 137px;
                }
                
                .harfstar {
                    position: absolute;
                    left: 0;
                }
                
                .click-use {
                    background: linear-gradient(180deg, #73c9fa, #6d9aee);
                    border-radius: 14px 14px 14px 0px;
                    position: absolute;
                    right: 0;
                    font-size: 12px;
                    font-family: PingFangSC, PingFangSC-Regular;
                    font-weight: 400;
                    text-align: center;
                    color: #ffffff;
                    padding: 2px 5px;
                    top: -5px;
                }
                
                .my-up-jion {
                    bottom: 146px;
                    position: fixed;
                    right: 0;
                    z-index: 99;
                }
                
                .my-up-jion a {
                    width: 100%;
                    height: 100%;
                }
                
                .layer-bg1 {
                    width: 348px;
                    min-height: 485px;
                    vertical-align: middle;
                    background: url(../images/layer1.png) no-repeat;
                    background-size: 100% 100%;
                }
                
                .layer-bg2 {
                    width: 348px;
                    min-height: 485px;
                    vertical-align: middle;
                    background: url(../images/layer2.png) no-repeat;
                    background-size: 100% 100%;
                }
                
                .layer-bg3 {
                    width: 348px;
                    min-height: 485px;
                    vertical-align: middle;
                    background: url(../images/layer3.png) no-repeat;
                    background-size: 100% 100%;
                }
                
                .layer-bg4 {
                    width: 348px;
                    min-height: 575px;
                    vertical-align: middle;
                    background: url(../images/layer4.png) no-repeat;
                    background-size: 100% 100%;
                }
                
                .layer-bg {
                    background-color: transparent;
                    box-shadow: 0 0 0px rgb(0 0 0 / 0%);
                }
                
                .layer-bg .layer-content {
                    padding-top: 263px;
                    padding-left: 20px;
                    padding-right: 20px
                }
                
                .layer-bg .layer-content>p {
                    font-size: 20px;
                    font-family: PingFangSC, PingFangSC-Regular;
                    font-weight: 400;
                    text-align: center;
                    color: #7c4633;
                    text-align: center;
                }
                
                .layer-line {
                    text-align: center;
                }
                
                .layer-text {
                    font-size: 24px;
                    font-family: PingFangSC, PingFangSC-Medium;
                    font-weight: 500;
                    text-align: center;
                    color: #85422f;
                    padding: 8px;
                    background: linear-gradient(180deg, #ffd7a6, #ffab4f);
                    border-radius: 31px;
                    cursor: pointer;
                    min-width: 200px;
                    padding: 8px 16px;
                    display: inline-block;
                }
                
                .layer-content-des {
                    margin-bottom: 56px;
                    font-size: 24px;
                    font-family: PingFangSC, PingFangSC-Medium;
                    font-weight: 500;
                    text-align: center;
                    color: #85422f;
                }
                
                .layer-content-des>p {
                    text-align: center;
                    font-size: 18px;
                    font-family: PingFangSC, PingFangSC-Regular;
                    font-weight: 400;
                    text-align: center;
                    color: #7c4633;
                }
                
                .gift-box {
                    display: -webkit-box;
                    /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
                    display: -moz-box;
                    /* 老版本语法: Firefox (buggy) */
                    display: -ms-flexbox;
                    /* 混合版本语法: IE 10 */
                    display: -webkit-flex;
                    /* 新版本语法: Chrome 21+ */
                    display: flex;
                    /* 新版本语法: Opera 12.1, Firefox 22+ */
                    -webkit-box-pack: justify;
                    -moz-justify-content: space-evenly;
                    -webkit-justify-content: space-evenly;
                    justify-content: space-evenly;
                    margin-bottom: 44px;
                    cursor: pointer;
                }
                
                .vip-text {
                    font-size: 18px;
                    font-family: PingFangSC, PingFangSC-Regular;
                    font-weight: 400;
                    text-align: center;
                    color: #7c4633;
                    padding-top: 10px;
                }
                
                .gift-li {
                    text-align: center;
                }
                
                .layer-bg4 .layer-content-des {
                    margin-bottom: 28px;
                    font-size: 24px;
                    font-family: PingFangSC, PingFangSC-Medium;
                    font-weight: 500;
                    text-align: center;
                    color: #85422f;
                }
                
                .layui-layer-setwin {
                    left: 50%;
                    position: absolute;
                    right: 50%;
                    right: 50%;
                    font-size: 0;
                    line-height: initial;
                    bottom: -55px !important;
                    top: 110%;
                    transform: translate(-50%, 0);
                }
                
                .layui-layer-ico:hover {
                    color: #ffffff;
                }
                
                .amount-sheets {
                    color: #E54243;
                }
                
                .week-list {
                    margin: 20px 40px;
                    display: -webkit-box;
                    /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
                    display: -moz-box;
                    /* 老版本语法: Firefox (buggy) */
                    display: -ms-flexbox;
                    /* 混合版本语法: IE 10 */
                    display: -webkit-flex;
                    /* 新版本语法: Chrome 21+ */
                    display: flex;
                    /* 新版本语法: Opera 12.1, Firefox 22+ */
                    -webkit-box-pack: justify;
                    -moz-justify-content: space-around;
                    -webkit-justify-content: space-around;
                    justify-content: space-around;
                }
                
                .Completion-status-list {
                    margin: 0 40px;
                    display: -webkit-box;
                    /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
                    display: -moz-box;
                    /* 老版本语法: Firefox (buggy) */
                    display: -ms-flexbox;
                    /* 混合版本语法: IE 10 */
                    display: -webkit-flex;
                    /* 新版本语法: Chrome 21+ */
                    display: flex;
                    /* 新版本语法: Opera 12.1, Firefox 22+ */
                    -webkit-box-pack: justify;
                    -moz-justify-content: space-around;
                    -webkit-justify-content: space-around;
                    justify-content: space-around;
                }
                
                .layui-layer-setwin .layui-layer-close2 {
                    position: absolute;
                    left: 50%;
                    transform: translate(-50%, 0);
                }