html body,
p {
    border: 0;
    padding: 0;
    margin: 0;
}

.list-content {
    margin: 0 auto;
    width: 100%;
}


/* 主体 */

.content-main-model-top {
    background: url("../img/bg3@2x.png") center center no-repeat;
    backgrond-size: cover;
    height: 760px;
}

.content-main-model-top-view {
    width: 1200px;
    margin: auto;
    display: flex;
    flex-direction: row;
}

.content-main-model-top-right {
    padding-top: 100px;
}

.content-main-model-top-right img {
    width: 318px;
    height: 600px;
}

.content-main-model-top-title {
    font-family: PingFang SC, PingFang SC;
    font-weight: bold;
    font-size: 30px;
    color: #FFFFFF;
    line-height: 35px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-top: 254px;
    margin-bottom: 20px;
}

.content-main-model-top-desc {
    font-family: PingFang SC, PingFang SC;
    font-weight: bold;
    font-size: 57px;
    color: #FFFFFF;
    line-height: 67px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-bottom: 60px;
}

.content-main-model-top-btn button {
    width: 132px;
    height: 49px;
    border-radius: 4px 4px 4px 4px;
    font-family: PingFang SC, PingFang SC;
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 21px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    text-align: center;
    transition-duration: 0.5s;
}

.button-login {
    background: #C50013;
    border: none;
    box-sizing: border-box;
}
.button-login:hover {
    /*-webkit-box-shadow: #ccc 0px 5px 5px;*/
    /*-moz-box-shadow: #ccc 0px 5px 5px;*/
    /*box-shadow: #ccc 0px 5px 5px;*/
    border: 2px solid #ccc;
    outline: none;
}
.button-testuse {
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid #FFFFFF;
    margin-left: 20px;
    box-sizing: border-box;
}
.button-testuse:hover {
    border: 2px solid #ccc;
    outline: none;
}
.content-main-model-top-left {
    width: 882px;
}

.content-main-model-center {
    background: #FFFFFF;
    padding-bottom: 160px;
}

.content-main-model-center-view {
    width: 1200px;
    margin: auto;
}

.content-main-model-center-title {
    font-family: PingFang SC, PingFang SC;
    font-weight: bold;
    font-size: 48px;
    color: #333333;
    line-height: 56px;
    font-style: normal;
    text-transform: none;
    text-align: center;
    margin-top: 120px;
    margin-bottom: 20px;
}

.content-main-model-center-desc {
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 16px;
    color: #666666;
    line-height: 19px;
    font-style: normal;
    text-transform: none;
    text-align: center;
}

.content-main-model-center-li-icon img {
    width: 90px;
    height: 90px;
    margin-bottom: 40px;
}

.content-main-model-center-li-title {
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 22px;
    color: #000000;
    line-height: 26px;
    text-align: left;
    font-style: normal;
    text-transform: none
}

.content-main-model-center-li-desc {
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 14px;
    color: #666666;
    line-height: 16px;
    text-align: center;
    font-style: normal;
    text-transform: none;
}

.content-main-model-center-ul {
    display: flex;
    flex-direction: row;
    margin-top: 104px;
}

.content-main-model-center-li {
    width: 400px;
    text-align: center;
}

.content-main-model-center-li-title {
    text-align: center;
    margin-bottom: 10px;
}

.content-main-model-center-li-desc p {
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 14px;
    color: #666666;
    line-height: 16px;
    text-align: center;
    font-style: normal;
    text-transform: none;
}

.content-main-model-bottom {
    background: url("../img/bg4@2x.png") center center no-repeat;
    backgrond-size: cover;
}

.content-main-model-bottom-view {
    width: 1200px;
    margin: auto;
    display: flex;
    flex-direction: row;
}

.content-main-model-bottom-title {
    font-family: PingFang SC, PingFang SC;
    font-weight: bold;
    font-size: 48px;
    color: #333333;
    line-height: 56px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-top: 240px;
    margin-bottom: 34px;
}

.content-main-model-bottom-desc {
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 16px;
    color: #666666;
    line-height: 28px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    width: 471px;
}

.content-main-model-bottom-right {
    padding-top: 140px;
    padding-bottom: 100px;
}

.content-main-model-bottom-right img {
    width: 655px;
    height: 460px;
}


/* 底部 */

.footer {
    background: #28282D;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 25px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    padding: 40px 0;
}

.footer-conent-left {
    width: 900px;
}

.footer-conent {
    width: 1200px;
    margin: auto;
    display: flex;
    flex-direction: row;
}

.footer-ewm img {
    width: 100px;
    height: 100px;
}

.footer-cory {
    display: flex;
    flex-decoration: row;
}


/* 弹窗 */

.login-form-input-ico {
    margin-right: 10px;
}

.login-form-input-ico img {
    width: 24px;
    height: 24px;
}

.login-form-title {
    font-family: Alibaba PuHuiTi, Alibaba PuHuiTi;
    font-weight: 500;
    font-size: 20px;
    color: #333333;
    line-height: 22px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-bottom: 40px;
}

.login-form-input-model {
    width: 380px;
    height: 65px;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 4px 4px 4px 4px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 20px;
    margin-bottom: 20px;
}

.login-form-input-model input {
    height: 24px;
    border: none;
    width: 300px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 18px;
    color: #333333;
    line-height: 24px;
    font-style: normal;
    text-transform: none;
}

.login-form-input-model input::placeholder {
    color: #999999;
}

.login-form-send {
    text-align: right;
    width: 120px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 18px;
    color: #1D53DE;
}

.login-form-btn button {
    width: 100%;
    height: 60px;
    background: #1D53DE;
    border-radius: 8px 8px 8px 8px;
    font-family: PingFang SC, PingFang SC;
    font-weight: bold;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 60px;
    font-style: normal;
    text-transform: none;
    text-align: center;
    border: none;
    margin: 0;
    padding: 0;
}

.login-form-button button {
    width: 190px;
    height: 60px;
    border-radius: 8px 8px 8px 8px;
    font-family: PingFang SC, PingFang SC;
    font-weight: bold;
    font-size: 20px;
    line-height: 60px;
    font-style: normal;
    text-transform: none;
    border: none;
    cursor: pointer;
}

.login-form-button-cancell {
    background: #F6F6F6;
    color: #666666;
}

.login-form-button-submit {
    background: #1D53DE;
    color: #FFFFFF;
    margin-left: 20px;
}


/*列表页*/

.content-list-header {
    background: url("../img/title@2x.png") center center no-repeat;
    background-size: cover;
    height: 100px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 40px;
    min-width: 1200px;
}

.content-list-header-left {
    font-family: PingFang SC, PingFang SC;
    font-weight: bold;
    font-size: 16px;
    color: #FFFFFF;
    font-style: normal;
    text-transform: none;
    margin-top: 30px;
}

.content-list-header-right {
    display: flex;
    flex-direction: row;
    margin-top: 30px;
}

.content-list-title-header img {
    width: 24px;
    height: 24px;
}

.content-list-title-acount {
    font-family: PingFang SC, PingFang SC;
    font-weight: bold;
    font-size: 16px;
    color: #FFFFFF;
    font-style: normal;
    text-transform: none;
    margin: 0 20px 0 4px
}

.content-list-title-off img {
    width: 24px;
    height: 24px;
}

.content-list-header-center {
    margin-top: 20px;
}

.content-list-header-center img {
    width: 391px;
    height: 51px;
}

.content-list-main-select {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 120px;
}

.content-list-main-select-title {
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 23px;
    text-align: right;
    font-style: normal;
    text-transform: none;
}

.content-list-main-select-content {
    width: 320px;
}

.content-list-main {
    padding: 0 40px;
    min-width: 1200px;
    min-height: 607px;
}

.content-list-main-select-desc {
    font-family: PingFang SC, PingFang SC;
    font-weight: bold;
    font-size: 28px;
    color: #FFFFFF;
    line-height: 30px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-left: 306px;
}

.content-list-model-item {
    /*min-width: 263px;*/
    /*max-width: 25%;*/
    /*min-height: 184px;*/
    width: calc(25% - 30px);
    min-width: 346px;
    /*height: 260px;*/
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    background: rgba(1, 125, 255, 0.1);
    border-radius: 0px 0px 0px 0px;
    border: 1px solid #0F57A3;
    padding: 20px;
    margin: 20px 15px;
    transition-duration: 0.5s;
    box-sizing: border-box;
}
.content-list-model-item:hover {
    border: 2px solid #ccc;
    outline: none;
}
.content-list-item-image {
    margin: 0 auto;
    position: relative;
    width: calc(100% - 20px);
    height: 240px;
    object-fit: cover;
    overflow: hidden;
}

.content-list-item-image img {
    display: inline-block;
    width: 100%;
    height: 100%;
    /*min-width: 238px;*/
    /*max-width: 380px;*/
    /*min-height: 134px;*/
    /*max-height: 214px;*/
}
.content-list-item-desc-model {
    display: flex;
    flex-direction: column;
}
.content-list-item-desc {
    display: flex;
    flex-direction: row;
    align-items: center;

    height: 40px;
    line-height: 40px;
    padding: 0 12px;
    background: #11162C;
    /*margin-top: -5px;*/
    font-size: 16px;
}
.content-list-item-date {
    color: #EEEEEE;
    text-align: right;
    line-height: 30px;
    padding: 0 12px;
    background: #11162C;
    /*margin-top: -5px;*/
    font-size: 14px;
}
.content-list-item-icon {
    width: 8px;
    height: 8px;
    background: #13C30F;
    border-radius: 50%;
}

.content-list-item-title {
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
    padding-left: 8px;
    font-style: normal;
    text-transform: none;
    min-width: 129px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
}

.content-list-item-time {
    /*min-width: 104px;*/
    /*max-width: 166px;*/
    min-height: 14px;
    max-height: 22px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 19px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.content-list-main-ul {
    display: flex;
    flex-wrap: wrap;
}

.xm-option {
    background: none !important;
}

.xm-body {
    background: #13152C !important;
    border: none !important;
}

.selected {
    background: #2659DB !important;
    border-radius: .08rem !important;
}

.xm-option-content {
    justify-content: center !important;
    color: #ffffff !important;
}