/**reset**/
html {overflow-y: scroll; }/*这是为了兼容ie8，不支持:root, vw*/
:root {overflow-y: auto;overflow-x: hidden;}
:root body {position: absolute;}/*解决因滚动条导致的页面宽度变化*/
body {min-width:100vw; background: #fff url(../images/bg_container.jpg) repeat;font-family: "Microsoft Yahei",Helvetica,Arial,sans-serif;color: #242636;font-size:14px;line-height:1.68;--main-color:#FF2248;}
a{color: #242636;-webkit-transition:all 0.2s ease 0s;-moz-transition:all 0.2s ease 0s;transition:all 0.2s ease 0s;text-decoration: none;cursor: pointer;}
a:hover{color:var(--main-color);}
a:focus{outline: none;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:hover {transition:all 0.3s ease-in 0s;}
*::-moz-selection {background: #242636;color: #fff;}
ul,ol{margin:0;padding:0;list-style: none outside none;}
em,i {font-style:normal;}
img{max-width: 100%;max-height:100%;border: 0 none;border-radius: 8px ;}

.activity-group img {
    animation: bounce 500ms infinite alternate; /* 使用名为bounce的动画，持续时间1秒，无限循环交替播放 */
}

@keyframes bounce {
    0% {
        transform: translateY(0); /* 初始状态，图片不做任何变换 */
    }
    100% {
        transform: translateY(-10px); /* 结束状态，图片向上跳动10像素 */
    }
}



/**margin,padding**/
.ml5 {margin-left:5px;}
.ml15 {margin-left:15px;}
.ml30 {margin-left:30px;}
.mr5 {margin-right:5px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:3px;}
.mr30 {margin-right:30px;}
.mt15 {margin-top:15px;}
.mt30 {margin-top:30px;}
.mt60 {margin-top:60px;}
.mb15 {margin-bottom:15px;}
.mb30 {margin-bottom:30px;}
.pt15 {padding-top:15px;}
.pt30 {padding-top:30px;}
.pb15 {padding-bottom:15px;}
.pb30 {padding-bottom:30px;}
.pr5 {padding-right:5px;}
.pr15 {padding-right:15px;}
.pl15 {padding-left:15px;}
.pd0{padding:0;}

/**table**/
/*.table img{max-width: 150px;}*/
/*.table .member img{max-height: 80px;max-width: 100px;}*/
.table-cell{padding:6px 20px; height:60px;line-height: 48px;}
.table-body .img {margin-right: 15px;}
.table-body .text p{margin:0; line-height: 1.6;color: #777883;}
.table .member h4.title {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 15em;}
.custom-offset {margin-left: 120px;}

/**tab**/
.tab .tab-title{font-size: 16px;border: 0 none;}
.tab-title .this:after{display: none;}
.tab-title .this{color:var(--main-color);}
.tab-more{padding-right:0;}
.tab-bar{display: none;}
.tab-content{padding:0;}
/**form**/
.input{border-radius: 6px;border:1px solid #E4E7ED; }
.input:focus, .textarea:focus{border:1px solid #777883 !important; box-shadow: 0 0 0 3px rgba(0,0,0,.06);background:#fff; background: rgba(255,255,255,1);}
.input-prefix,.input-suffix{pointer-events:inherit !important;}
/**dropdown**/
.dropdown{border-radius: 8px;}
.input-non,.input-non:focus{display: inline; border:0 none !important;width:auto;box-shadow: none;}
.layer .inner{padding:15px;}
/**layout*/
.container{position: relative;padding:0 15px; width: 1755px;margin: 0 auto;}
.containe-full{width:100%;min-width:1730px; }
.side{float:left;margin-right:30px;position: relative; width:260px;}
.main{float:right; width: 1410px;}
.side .nav{padding:20px 0; min-height:660px;border-radius: 8px;background: #464856;}
.side .nav-item{padding:0 20px;margin-bottom: 10px; }
.side .nav-item::after{position:absolute;right:20px;top:4px; font-family:layui-icon !important;content:"\e602";color: #B5B6BB;font-size: 12px;}
.side .nav-item:last-child{margin-bottom:0;}
.side .nav-tree .nav-item>a{display: block;padding:0;height:48px;line-height: 48px;font-size: 16px;color: #fff;font-weight:500;}

.card{margin-bottom: 30px; border-radius: 8px;box-shadow:0 0 6px rgba(0, 0, 0, 0.1);}
.card-lg{width:450px;}
.card-md{width:330px;}
.card-sm{width:210px;}
.card .card-title{margin-bottom: 15px;}
.card .card-body{padding:0;}
.card .card-body .btn{vertical-align: top;}
.card-dark{color: #fff;}
.body{position: relative;left:0}

.fr {float: right !important;}
.fl {float: left !important;}
.layout-left{left: 210px;}
.layout-middle{position: absolute;left:50%;top:0;transform: translate(-50%); }
.layout-flex{display: -ms-flexbox;display: -webkit-box;display: flex;}
/**text**/
h1,.h1 {font-size: 32px;font-weight: 700;}
h2,.h2 {font-size: 28px;font-weight: 600;}
h3,.h3 {font-size: 20px;font-weight: 600;}
h4,.h4 {font-size: 18px;font-weight: 500;}
.font-32{line-height: 32px;}
.font-24{line-height: 24px;}
.color-70{color: #777883;}
.active,.active a,.active:hover ,.active a:hover{color:var(--main-color);}
.desc{color: #777883;overflow: hidden;}
/*swiper*/
.swiper-container{position:relative;width: 100%; height: 100%; margin:0 auto;padding:0;z-index:98;--swiper-theme-color: #fff;--swiper-preloader-color: #777883;overflow: hidden;}
.swiper-container .swiper-slide{background-position: center center;background-repeat: no-repeat;background-size: cover;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px;}
.swiper-pagination-bullet{width: 16px;height:16px;border-radius: 16px;background: rgba(255,255,255,0.5);}
.swiper-pagination-bullet-active{width:32px;background-color:#fff;}
.swiper-container .swiper-button-next,.swiper-container .swiper-button-prev{width:64px;height:64px; opacity: 0;-webkit-transition:0.3s;-moz-transition:0.3s;transition:0.3s;}
.swiper-container:hover .swiper-button-next,.swiper-container:hover .swiper-button-prev{opacity:1;}
.swiper-container .swiper-button-next{right:60px;}
.swiper-container .swiper-button-prev{left:60px;}
.swiper-container:hover .swiper-button-next{right:30px;}
.swiper-container:hover .swiper-button-prev{left:30px;}
.swiper-container .swiper-button-next:after, .swiper-container .swiper-button-prev:after{color: #fff;font-size: 36px;}
/**button**/
.btn{padding:0 15px;text-align: center;font-weight: 500;border: 0 none;height:32px;font-size: 16px; border-radius:4px;line-height: 32px;background: transparent;color:#242636;}
.btn:hover{color:var(--main-color);}
.btn .ico,a .ico{margin-right:6px;}
.btn-lg{padding:0 30px; height:48px;font-size: 18px; border-radius:8px;line-height:48px;}
.btn-md{height:32px;font-size: 13px; border-radius:4px;line-height: 32px;}
.btn-sm{height:24px;font-size: 14px; border-radius:4px;line-height: 24px;vertical-align: 0.1em;}
.btn-block{width: 100%;}
.btn-primary{background-color: var(--main-color);color: #fff !important;}
.btn-primary:hover{background-color: #e12330;}
.btn-primary .ico,.btn-primary:hover .ico{color: #fff;}
.btn-primary.btn-disabled{color:#e12330 !important;}
.btn-common{background-color: #464856;color: #fff !important;}
.btn-common:hover{background-color: #1A051D;}
.btn-common.btn-disabled{background-color: #F0F2F5;color: #B5B6BB !important;}
.btn-default{background-color: #F0F2F5;color:#242636 !important;}
.btn-default:hover{background-color: #B5B6BB;}
.btn-default:hover .ico{color:#242636;}
.btn-default.btn-disabled{background-color: #F0F2F5;color: #B5B6BB !important;}
.btn-primary:hover,.btn-common:hover,.btn-default:hover{opacity: 1;filter: opacity(100);}
/**icon**/
.ico{width: 1em; height:1em;font-size:20px;fill:currentColor;vertical-align: -0.15em;overflow: hidden;color:#242636;-webkit-transition:0.2s;-moz-transition:0.2s;transition:0.2s;}
a:hover .ico,.ico:hover{color:var(--main-color);}
/**nav**/
.nav{background: transparent;}
.page-header .nav *{font-size: 16px;}
.nav.nav-tree{width: 100%;}
.nav .nav-item a:hover{color:var(--main-color) ;}
.nav .this:after, .nav-bar{background-color:var(--main-color);}
.nav-child{border:0 none;top:74px; border-radius: 12px;}
.nav-child dd{margin:0;}
.nav .nav-child a:hover{background: inherit;}
.nav-tree .nav-child dd.this, .nav-tree .nav-child dd.this a, .nav-tree .this, .nav-tree .this>a, .nav-tree .this>a:hover{background-color: #fff;}
/**laypage**/
.laypage .laypage-curr .laypage-em{background: var(--main-color);}
/**layer**/
.layer{border-radius: 16px;}
.layer-setwin .layer-close2{width:24px;height:24px;padding:0;}
.layer-inner{padding:30px;}
.layer-inner h2{font-size: 20px;}
.layer-inner .form-radio>*{font-size: 14px;}
.layer-btn .layer-btn0{background-color: #464856;color: #fff !important;border:0 none;border-radius: 4px;}
.layer-btn .layer-btn1{background-color: #F0F2F5;color:#242636 !important;border:0 none;border-radius: 4px;}
/**form**/
.form-label{width: 90px;}
.form-item .form-checkbox,.form-item .form-checkbox[lay-skin=primary]{margin-top:0;}
.form-checkbox[lay-skin=primary]:hover>i {border-color: var(--main-color); color: #fff}
.form-checked[lay-skin=primary]>i {border-color: var(--main-color)!important; background-color: var(--main-color); color: #fff}
.laydate .this, .laydate .this>div{background-color: var(--main-color) !important;}
.laydate-footer span:hover,.form-select dl dd.this{color: var(--main-color);}
.form-radio:hover>*, .form-radioed, .form-radioed>i{color: #242636;}
.text-em{color:#777883 !important;font-size: 14px;font-weight: 400;}
.form-radio>*{font-size: 16px;}
.progress-bar{background-color: #242636;}
input::-moz-placeholder, textarea::-moz-placeholder{color: #989AA1;opacity: 1;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #989AA1;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #989AA1;}
.form-checkbox[lay-skin=primary]>div{padding-right:5px}
/**login**/

.login-container{position: relative;margin-top:40px;margin-bottom:160px; height:590px; background:#F0F2F5 url(../images/login_bg_main.jpg) no-repeat left bottom;}
.login-container::after{content: "";position: absolute;right:0;bottom:0; width:340px;height:130px;background:#F0F2F5 url(../images/login_bg_right.png) no-repeat;}
.layout-login{padding:0; width: 100%;}
.login-container .layout-login{position: absolute;z-index:10; left:50%;top:60px;transform: translateX(-50%); margin:0 auto; width:760px;height:480px;background: transparent;}
.layout-login .login-head>div{display: none;}
.layout-login .login-body>div{display: none;}
.layer-content .layout-login{box-shadow: none;}
.layout-login .ads-wrap2 {float:left;width: 360px;height:480px;}
.layout-login .ads-wrap2 img{width:100%;height:100%;border-radius: 0; border-top-left-radius: 16px;border-bottom-left-radius: 16px;}
.layout-login .login-wrap{margin-left:360px;height:100%; padding:30px;border-top-right-radius:16px;border-bottom-right-radius: 16px;background: #fff;overflow: hidden;}
.login-head {position: relative;margin-bottom: 15px;}
.login-head .desc{position: absolute;top:5px;right:0;}
.form-login .form-item{margin-bottom: 20px;}
.form-login .form-item:last-child{margin-bottom: 0;}
.form-login .form-label{float:none;width: 100%;padding:0 15px 10px 0; text-align: left;}
.form-login .input-block{margin-left: 0;}
.form-login .input{padding-right:50px;height:48px;}
.form-login .input-affix{right:15px; line-height:48px;}
.form-login .login-other{margin-bottom:0;}
.form-login .login-other .col-xs6:nth-child(1){padding-right:10px}
.form-login .login-other .col-xs6:nth-child(2){padding-left:10px}
.form-login .login-other .ico{width: 24px;height:24px;vertical-align: middle;}
.form-login .login-other .btn-lg{padding:0 10px; font-size: 16px;}
.form-login .form-item-vercode{position: relative;}
.form-login .form-item-vercode .input{padding-right:140px;}
.form-login .form-item-vercode .btn-vercode{position: absolute;top:8px;right:8px;}

/**shadow**/
.shadow-2px{box-shadow:  0px 0px 6px rgba(0, 0, 0, 0.1);}
.shadow-12px{box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);}
/**items**/
.item.this{border:1px solid var(--main-color) !important;}
.items-model{position: relative; }
.items-model .cate{position: absolute;left:auto;top:6px;right:0;}
.items-model .cate a{margin-left:30px;font-size: 16px;}
.items-model .cate li{min-width:auto;}
.items-model .cate li:last-child{text-align: right;padding:0 0 0 30px;}
.items-model .cate .more{display: inline-block;padding:0;margin-right:0; width:20px;height:20px;border-radius: 50%; line-height:20px;background-color: #242636;margin-top: 16px;}
.items-model .cate .more .ico{color:#fff;}
.items-model .cate .more:hover{background-color:var(--main-color) ;}
.items-model .cate .more:hover .ico{margin-left:3px;}
.items-model .body{margin-top:20px;overflow: hidden;}
.items-model .col-xs6:nth-child(odd){padding-right:15px;}
.items-model .col-xs6:nth-child(even){padding-left:15px;}
.model-gallery .item {position: relative;margin-bottom: 25px;overflow: hidden;}
.model-gallery .item .mod-pic{position: relative;}
.model-gallery .item .mod-pic a{position:relative;display: block;width: 100%;height: 100%;background-color: #F0F2F5;border-radius: 8px;}
.page-index .model-gallery .item .mod-pic a::after{position: absolute;z-index:1;content: "";left:0;bottom:0;top:0;right:0; background-image: linear-gradient(to bottom,rgba(56,57,72,0) 10%,rgba(56,57,72,100));border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;opacity: 0;-webkit-transition:.3s; -moz-transition:.3s; transition:.3s;}
.page-index .model-gallery .item:hover .mod-pic a::after{opacity: 1;}
.page-index .model-gallery .item .gallery-img{width:100%;height:100%;border-radius: 8px;}
.page-index .model-gallery .item .mod-text{opacity: 0; position: absolute;z-index:3;top:80%;left:0;width: 100%;height:20%; color:#fff;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;transition:opacity .2s;}
.page-index .model-gallery .item .mod-text .title{position: absolute;left:20px;bottom:20px;width:80%}
.page-index .model-gallery .item .mod-text .title a{color:#fff;overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;}
.page-index .model-gallery .item .renderer-version{position: absolute;bottom:20px;right:0;opacity: 0; -webkit-transition:right 0.25s;-moz-transition:right 0.25s;transition:right 0.25s;}
.page-index .model-gallery .item:hover .renderer-version{opacity: 1;right:20px;}
.page-index .model-gallery .item .renderer-version .ico{color:#fff;font-size: 28px;}


.page-body .model-gallery .item .mod-pic a::after{position: absolute;z-index:1;content: "";left:0;bottom:0;top:0;right:0; background-image: linear-gradient(to bottom,rgba(56,57,72,0) 10%,rgba(56,57,72,100));border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;opacity: 0;-webkit-transition:.3s; -moz-transition:.3s; transition:.3s;}
.page-body .model-gallery .item:hover .mod-pic a::after{opacity: 1;}
/*.page-body .model-gallery .item .gallery-img{width:100%;height:100%;border-radius: 8px;}*/
/*.page-body .model-gallery .item .mod-text{opacity: 0; position: absolute;z-index:3;top:80%;left:0;width: 100%;height:20%; color:#fff;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;transition:opacity .2s;}*/
/*.page-body .model-gallery .item .mod-text .title{position: absolute;left:20px;bottom:20px;width:80%}*/
/*.page-body .model-gallery .item .mod-text .title a{color:#fff;overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;}*/
/*.page-body .model-gallery .item .renderer-version{position: absolute;bottom:20px;right:0;opacity: 0; -webkit-transition:right 0.25s;-moz-transition:right 0.25s;transition:right 0.25s;}*/
/*.page-body .model-gallery .item:hover .renderer-version{opacity: 1;right:20px;}*/
/*.page-body .model-gallery .item .renderer-version .ico{color:#fff;font-size: 28px;}*/


.model-gallery .item .mod-opration{position: absolute;z-index: 3; top:20px;right:20px;}
.model-gallery .item .mod-opration a{display: block;position: relative; margin-bottom: 10px;width:24px;opacity: 0; }
.model-gallery .item .mod-opration a.download{left:20px;-webkit-transition: left .2s; -moz-transition: left .2s; transition: left .2s;}
.model-gallery .item .mod-opration a.favtion{right:40px;-webkit-transition: right .2s; -moz-transition: right .2s; transition: right .2s;}
.model-gallery .item .mod-opration .ico{width: 24px;height: 24px;color: #1A051D;}
.model-gallery .item .mod-opration a:hover .ico{color:var(--main-color) ;}
.model-gallery .item:hover .mod-text,.model-gallery .item:hover .mod-opration a{opacity: 1; }
.model-gallery .item:hover .mod-opration a.download{left:0}
.model-gallery .item:hover .mod-opration a.favtion{right:0}
.model-gallery .item .label{position: absolute;top:0;left:0;width:64px;height:60px;background-repeat:no-repeat;}
.model-gallery .item .label.label-free{background-image: url(../images/label_model_free.png);}
.model-gallery .item .label.label-vip-free{background-image: url(../images/label_model_vip_free.png);}
.model-gallery .item .label.label-group-free{background-image: url(../images/label_model_pintuan_free.png);}
.gallery-lg .item{margin-bottom: 0;}
.gallery-lg .item .title{font-size: 24px;}
.gallery-md .item:last-child{margin-bottom: 0;}
.gallery-md .item .title{font-size: 24px;}
.gallery-sm .item{float:left;margin-right:25px;border-radius: 8px;}
.gallery-sm .item:nth-child(odd){margin-right:25px;}
.gallery-sm .item:nth-last-of-type(-n+2){margin-bottom:0;}
.gallery-sm .item .gallery-img{border-radius: 8px;}
.page-index .col-xs6.gallery-md .item{width:835px;height:418px;border-radius: 16px;}
.page-index .col-xs6.gallery-lg .item{width:835px;height:625px;border-radius: 16px;}
.page-index .col-xs6.gallery-sm .item:nth-child(2n+0){margin-right:0;}
.page-index .gallery-sm .item{width:320px;height:240px;}


.gallery-col2 .col-xs6{margin-bottom:30px;}
.gallery-col2 .col-xs6:nth-last-of-type(-n+2){margin-bottom:0;}
.gallery-col4 .item:nth-child(4n+0){margin-right:0}
.gallery-col5 .item {width: 320px;}
.gallery-col5 .item:nth-child(5n+0){margin-right:0}
.gallery-col5 .item .mod-pic{height: 240px;}
.gallery-col5 .item .gallery-img{height:240px;border-radius: 8px;}
.gallery-col5 .item .mod-text .title{margin-top:10px;width:60%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-size: 14px;}
.gallery-col5 .item .renderer-version{position: absolute;bottom:0;right:0;}
.gallery-col5 .item .renderer-version .ico{color: #999;font-size: 18px;fill:currentColor;vertical-align: -0.25em}


.nav-child-cate {z-index:1000;width:1080px;min-height:640px;height:auto;margin-left: -175px;}
.nav-child-warp .tab-title {padding:0 30px;height:48px;border-bottom: 1px solid #e4e7ed ;margin-bottom: 20px;}
.nav-child-warp .tab-title li{font-size: 20px;font-weight: 500;}
.nav-child-warp .tab-title .ico{margin-right:10px;font-size: 32px;}
.nav-child-warp .tab-title .this .ico{color:var(--main-color);}
.nav-child-warp .cate-child .item{padding:5px 0 5px 15px;width:76%; display: -webkit-box; display: -ms-flexbox; display: flex;border-bottom:1px solid #F0F2F5;}
.nav-child-warp .cate-child .item .title{position: relative;min-width: 106px; font-weight: 600;}
.nav-child-warp .cate-child .item .title::after{position: absolute;content: "";left:0;top:11px;width:3px;height:12px;background:var(--main-color) ;}
.nav-child-warp .cate-child .item .title a{font-size: 14px;padding-right:0;padding-left:15px;}
.nav-child-warp .cate-child .item .content {-webkit-box-flex: 1;-ms-flex: 1;flex:1; font-size: 0;white-space: initial;}
.nav-child-warp .cate-child .item .content a{float:left;padding: 0 15px !important;font-size: 12px;white-space:nowrap;}
.nav-child-warp .cate-child .wrap-activity{position: absolute;top:80px;right:0;padding:0 5px; width:24%;}
.nav-child-warp .cate-child .wrap-activity li{margin-bottom: 15px;}
.nav-child-warp .cate-child .wrap-activity li a{padding:0 10px !important;}

.filter-area {padding:30px 30px 10px; background-color: #F5F7FA;border-radius: 8px;overflow: hidden;font-size: 14px;}
.filter-area:nth-child(2){padding:20px 30px 0;background: #fff;}
.filter-area .item{ display: -webkit-box; display: -ms-flexbox; display: flex;margin-bottom:10px;}
.filter-area .item .title{position: relative;color: #777883;}
.filter-area .item .content {-webkit-box-flex: 1;-ms-flex: 1;flex:1; font-size: 0;white-space: initial;}
.filter-area .item .content a{float:left;padding:0 15px;margin-bottom: 10px; font-size: 14px;white-space:nowrap;}
.filter-area .item .content .active{background-color: var(--main-color);color: #fff;border-radius: 16px;}

/**header**/
.page-header{position: relative;z-index:1000; width:100%;min-width:1730px;height:70px;line-height:70px;opacity: 1;background: rgba(255, 255, 255, 1); box-shadow: 0px 0px 1px  rgba(0, 0, 0, 0.06), 0px 1px 2px  rgba(0, 0, 0, 0.1);}
.page-header .layout-left{left:100px;}
.page-header .layout-left.nav .nav-item a{padding:0 20px 0 15px;}
.page-header .layout-left.nav .nav-more{right:2px;font-size: 14px;}
.page-header .layout-left.nav .nav-child a{font-size: 14px;}
.page-header .logo-img{margin-top:-5px;}
.page-header .nav{background-color: #fff;color:#242636; }
.page-header .nav a{color:#242636;}
.page-header .nav a:hover{color:var(--main-color);}
.page-header .layout-search{top:16px;left:68%;transform:translate(-70%)}
.page-header .layout-search .input{padding-left:110px;width: 400px; background-color: #F5F7FA;}
.page-header .layout-search .input::-webkit-input-placeholder{font-size: 14px;}
.page-header .layout-search .input:focus{background-color: #fff;}
.page-header .layout-search .input-prefix{width:100px;padding:0 0 0 5px; font-size: 14px; cursor: pointer;}
.page-header .layout-search .input-suffix{width: auto;right:0;padding:0 5px 0 0;}
.page-header .layout-search .input-suffix .ico{margin-top:10px;}
.page-header .layout-search .icon{font-size: 14px;margin-left:5px;}
.page-header .layout-right .item{float:left;position: relative;}
.page-header .layout-right .item > .btn{padding:0 10px;margin-top:19px;vertical-align: top;}
.page-header .layout-right .item .btn .ico{font-size: 20px;}
.page-header .layout-right .nav-item{line-height:1;}
.page-header .layout-right .nav-item > a{padding-left:0;padding-right:0;}
.page-header .layout-right .item .btn-upload{margin-right:10px;padding:0 15px;color: #fff;border-radius: 6px;}
.page-header .layout-right .item .btn-upload .ico{vertical-align: middle;}
.page-header .user-login{margin-left:10px;}
.page-header .user-login a{display: inline;}
.page-header .user-login .nav-more{display: none;}
.page-header .user-img{padding:0 !important;}
.page-header .user-img .badge-dot{position: absolute;right:-6px;top:6px;}
.page-header .nav-child-userCenter{left:-210px; right:30px;top:60px; padding:0; width: 320px;background-color: #fff;line-height:1.6;margin-left: -79px}
.page-header .nav-child-userCenter a {font-size: 14px;}
.page-header .nav-child-userCenter a:not(.btn):hover{background-color:inherit;}
.page-header .nav-child-userCenter a.btn:hover{background:#e12330;opacity: 1;}
.page-header .user-info {padding:20px 15px 15px 15px;border-bottom: 1px solid #F0F2F5;}
.page-header .user-info .user-avatar{width:64px;height:64px;}
.page-header .user-info .user-name a{padding-left:0;font-size: 16px;}
.page-header .user-info .vip-status{margin-top:15px;}
.page-header .user-info .btn{padding:0 10px;}
.page-header .user-nav{padding:15px 0;display: -webkit-box; display: -ms-flexbox; display: flex;-ms-flex-pack: distribute; justify-content: center;}
.page-header .user-nav .icon-wrap{display: block;margin:0 auto 8px;padding:6px; width:36px;height:36px;border-radius: 30%;background-color:#EBD7C3 ;background-image: linear-gradient(135deg,rgba(235,212,185,1) 0,rgba(255,247,235,1) 60%,rgba(235,215,195,1) 100%);}
.page-header .user-nav .ico{display: block;width:24px;height:24px;color:#F25B3D;}
.page-header .user-nav a{position: relative;text-align: center;}
.page-header .user-nav a:hover .ico{color: #E0331F ;margin-top: 6px;}
.page-header .user-nav .badge-dot{top:5px;right:10px;}
.page-header .user-logOut{padding:8px 15px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px; text-align: center; border-top:1px solid #F0F2F5;}


/**index**/
.slider{padding:0;height: 600px;}
.items-cate {margin-top:30px; }
.items-cate .item{position: relative;}
.items-cate .item::after{position: absolute;z-index:0;content: "";left:0;top:0;width: 100%;height: 100%;}
.items-cate .item:hover::after{display: none;}
.items-cate .swiper-slide:hover {transform: scale(1.0001); /* 悬停时放大 1.1 倍 */transition: transform 0.3s, opacity 0.3s; /* 添加过渡效果 */ }
.items-cate .item .cate-name{position: absolute;z-index:1;left:50%;top:50%;transform: translate(-50%,-50%);color: #d6514d ;font-size:24px;font-weight: 600;}
.items-cate .item img{border-radius: 16px;}
.page-index .slider .layout-middle{position: absolute;z-index:99; left:50%;top:40%;transform: translate(-50%,-40%)}
.page-index .slider .layout-search .input-wrap{width: 600px; }
.page-index .slider .layout-search .input{padding-left:140px; height:64px;line-height: 64px; border-radius: 16px; border:0 none;background: #fff;background: rgba(255,255,255,.5);font-size: 16px;}
.page-index .slider .layout-search .input:focus{background: rgba(255,255,255,1);}
.page-index .slider .layout-search .input::placeholder{color: #1A051D;}
.page-index .slider .layout-search .input-prefix{width:120px;cursor: pointer;line-height: 64px;}
.page-index .slider .layout-search .input-suffix{width: auto;right:5px; }
.page-index .slider .layout-search .input-suffix .ico{margin-top:15px;width:32px;height:32px;}
.page-index .slider .layout-search .input-suffix .btn-search{float: right;margin-left:10px;margin-top:12px; width:40px;height:40px;border-radius: 16px;background-color: var(--main-color);text-align: center;color: #fff;}
.page-index .slider .layout-search .input-suffix .btn-search .ico{margin:0;color:#fff;vertical-align: middle;width: 24px;height:24px;}
.page-index .slider .layout-search .input-suffix .btn-search:hover .ico{margin-top:-3px;}

/**soutu**/
.layout-model-soutu .filter-area {padding: 20px 30px 15px;}
.layout-model-soutu .filter-area .soutu-upload-box{margin-left:150px;margin-top:-50px;}
.layout-model-soutu .filter-area .soutu-upload-box .upload-img{width: 120px;height:80px;cursor: pointer;}
.layout-model-soutu .filter-area .soutu-upload-box .btn-upload{width: 120px;margin-top:5px;}
.layout-model-soutu .filter-area .result-cate{position: absolute;bottom:0;left:50%;transition: translateX(-50%;);}
.layout-model-soutu .filter-area .result-cate .item{float:left;padding:6px 25px 8px;margin:0 15px 0 0; font-size: 16px;border-top-left-radius: 8px;border-top-right-radius: 8px;}
.layout-model-soutu .filter-area .result-cate .item.active{background-color: #fff;}
.layout-model-soutu .filter-area .result-num{margin-top: 15px;}
/**detail**/
.page-detail,.page-user{padding-top:30px;padding-bottom:60px;background: #F5F7FA;overflow: hidden;}
.page-detail{padding-top:0;}
.breadcrumb{margin:30px 0;}
.page-detail .breadcrumb{margin:30px auto;width: 1410px;}
.breadcrumb a:hover{color: var(--main-color) !important;}
.text-id{max-width: 145px;font-size: 16px;font-weight: 400; }
.layout-model-detail{margin:0 auto;width: 1410px;}
.detail-head {position: relative;margin-bottom: 20px;}
.detail-head .desc{vertical-align: middle;font-weight: 400;}
.detail-head .desc .input{background: transparent;}
.detail-head .mod-share{color: #242636;}
.detail-head .opration{padding-top: 10px;}
.detail-head .mod-share a{display:inline-block;margin:0 5px;width:24px;height: 24px;}
.share-inner{padding:15px;text-align: center;color: #242636;}
.share-inner .qrcode canvas{width: 180px;}
.detail-head .mod-fav{margin-left:60px;}
.detail-head .mod-fav .btn{margin-top: -5px;}
.detail-body{padding:15px;height:620px; background-color: #fff;overflow: hidden;border-radius:16px;}
.detail-image{position: relative; width: 60%;height:100%;}
.detail-image .gallery-top {width: 100%;height: 88%;}
.detail-image .gallery-top .swiper-slide {cursor: pointer;}
.detail-image .gallery-top .swiper-slide img{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%); vertical-align: middle;}
.detail-image .gallery-thumbs {position: absolute;left:0;bottom:0;width: 100%;height:10%;}
.detail-image .gallery-thumbs .swiper-slide {height: 100%;opacity: 0.8;cursor: pointer;}
.detail-image .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;border:2px solid var(--main-color)}
.showBigImg { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); z-index: 10001;}
.showBigImg .closeBigImg {position: absolute; right: 30px; top: 30px;width:32px; height: 32px;line-height: 32px; border-radius: 50%;background: #242636;text-align: center;z-index: 10002;cursor: pointer;}
.showBigImg .closeBigImg .ico{color: #fff;font-size: 16px;}
.showBigImg .showBigImgWrap { position: relative;width: 100%; height: 100%; overflow: hidden;}
.showBigImg .showBigImgWrap .allImgBox .imgIte img {position: absolute;left:50%;top:50%;transform: translate(-50%,-50%); vertical-align: middle;}
.detail-text{position: relative;padding: 20px 30px 0 30px;width: 40%;height: 100%;}
.detail-text .model-description .title{margin-bottom: 5px;font-size: 18px;}
.detail-text .model-info{margin-top:30px;font-size: 0;overflow: hidden;}
.detail-text .model-info .item{float: left; padding:0 15px 15px 0;width: 50%;font-size: 14px;}
.detail-text .model-info .item .label,.detail-text .model-info .item .value{display: inline;}
.detail-text .model-info .item .label{color: #777883;}
/* .detail-text .mod-download{position: absolute;left:30px;right:30px; bottom:0;} */
.detail-text .mod-download {margin-top:30px;}
.detail-text .mod-download .btn-download{width: 100%;height:64px;line-height:64px;font-size: 24px;font-weight: 500;}
.detail-text .mod-download .btn-openVip{margin-left:20px;background-color: #f90;color:#fff;}
.detail-text .mod-download .btn-openVip .icon{font-size: 12px;}
.detail-text .mod-download .download-price{color: var(--main-color);font-weight: 600;}
.detail-text .mod-download .download-price .icon{font-size: 14px;}
.download-price em,.detail-text .mod-download .download-price-vip em{margin-right:5px;font-size: 28px;}
.download-price-vip{color: #f90;font-weight: 600;}
.download-btn{margin-top:10px;}
.layout-model-similar .head{margin-bottom: 15px;}
/**member**/
.mod-head{position: relative; margin-bottom: 10px;padding:0 30px;height:60px;line-height: 60px; background: #F0F2F5;border-radius: 8px;}
.mod-head .title{font-size: 24px;}
.mod-head .desc{margin-left:15px; font-size: 14px;font-weight: 400;line-height: 16px;}
.mod-head .tab-title{position: absolute;left:20%;top:0;}
.mod-head .tab-title li{font-size: 16px;}
.mod-head .input-wrap{margin-top:10px;}
.mod-head .input-wrap .ico{width: 20px;height:20px;vertical-align: middle;}
.mod-head .input-wrap .input-affix{padding-right:5px;}
.mod-head .more{position: absolute;top:0;right:30px;font-size: 14px; width: 225px; }
.more-right{position: absolute;top:16px;right:30px;font-size: 14px;}
.page-user .card{padding:30px;margin-right:30px;margin-bottom:0;min-height:168px;}
.page-user .card:last-child{margin-right:0;}

.layout-user-center{display: -ms-flexbox;display: -webkit-box;display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;overflow: hidden;}
.layout-user-center .main{-webkit-box-flex: 1;-ms-flex: 1;flex:1;}
.user-side-nav .nav-item .icon-prefix{margin-right:15px;}
.user-side-nav .nav-item .ico{width: 24px;height:24px;color:#B5B6BB;vertical-align: -0.3em;}
.user-side-nav .nav-item.active, .user-side-nav .nav-item:hover{background: #F5F7FA;color:#242636;}
.user-side-nav .nav-item.active a,.user-side-nav .nav-item.active .ico, .user-side-nav .nav-item:hover a, .user-side-nav .nav-item:hover .ico{color:#242636;}
.user-center-content .wrap-user-info,.user-center-content .wrap-activity {display: -ms-flexbox;display: -webkit-box;display: flex;}
.user-avatar{width:90px;height:90px;border-radius: 50%;background-color: #F5F7FA;}
.user-avatar-small{width:32px;height:32px;}
.layer-avatar .layer-content{text-align: center;}
.layer-avatar .upload-list{position: relative;cursor: pointer;}
.layer-avatar .upload-img{width: 120px;height:120px;background-color: #F0F2F5;}
.layer-avatar .progress{bottom:0px;left:2%;width:96%;}
.user-info .user-img{float:left;margin-right:15px;}
.user-info .user-information{line-height: 32px;}
.user-info .user-information .user-id{font-size: 12px;color: #777883;}
.user-info .vip-no-activated{font-size: 14px;color: #777883;}
.user-info .vip-status .vip-info{padding-top:4px;line-height:20px;vertical-align: top;font-size: 14px;}
.user-info .vip-status .circle{float:left;margin-right:10px;margin-top:4px; width: 24px;height:24px;line-height:24px; background-color:#F0F2F5;text-align: center;}
.user-info .vip-status.vip-activated .circle{background-color:#DEB676;background-image: linear-gradient(90deg,#F6DDA6,#DEB676 );}
.user-info .vip-status .ico{width: 20px;height:20px;vertical-align: middle;}
.user-info .vip-status.vip-activated .ico{color: #E0331F;}

.card-coin .card-body .active{line-height: 32px;vertical-align: middle;}
.card-coin .card-body .btn:last-child{margin-left:13px;}
.card-sign-in .btn{vertical-align: top;}
.card-sign-in .desc{line-height: 32px;}
.wrap-activity .item{margin-right: 30px;height:300px;border-radius: 8px;}
.wrap-activity .item.card-discount{margin-right:0;padding:30px;background: #464856 url(../images/discount_bg.png) no-repeat 120% 120% ;color:#fff;}

.list-group .list-group-item{padding:20px 30px; border-bottom: 1px solid #F0F2F5;vertical-align: middle;line-height: 32px;}
.list-group .list-group-item:first-child{padding-top:0;}
.user-account-content .list-group .list-group-item{display: -ms-flexbox;display: -webkit-box;display: flex; }
.list-group .list-group-item .item-hd{padding-right:30px; min-width:150px; color:#777883;}
.list-group .list-group-item .item-bd{-webkit-box-flex: 1;-ms-flex: 1;flex:1;}
/*pay*/
.layout-pay .item{position: relative;float:left; width:100%;margin-right:30px;padding:15px;height:160px; border-radius: 8px;border:1px solid #E4E7ED;font-size: 14px;background-repeat: no-repeat;background-position: 90% bottom;cursor:pointer}
.layout-pay .item:last-child{margin-right:0;}
.layout-pay .form-item{margin-bottom: 10px;}
.layout-pay .form-item .form-label{color:#777883}
.layout-pay .form-item .input-block{line-height: 36px;}
.layout-pay-way .item{padding:5px 15px 15px;height:auto;text-align: center;}
.layout-pay-way .item img{display:block;margin:0 auto; vertical-align: middle;}
.layout-pay-way .item .pay-qrcode{height: 180px;}
.layout-pay-way .item .pay-way{margin-top:5px;height:30px;}
.layout-pay-submit .btn-pay{min-width: 275px; width: calc(50% - 15px);}
.layout-pay .head{margin-bottom: 10px;}
.layout-pay .layout-package .item:nth-child(1){background-image: url(../images/recharge_package_bg_01.png);}
.layout-pay .layout-package .item:nth-child(2){background-image: url(../images/recharge_package_bg_02.png);}
.layout-pay .layout-package .item:nth-child(3){background-image: url(../images/recharge_package_bg_03.png);}
.layout-pay .layout-package .item .label{position: absolute;right:0;top:0; width: 64px;height:60px;background: url(../images/label_recharge_first.png) no-repeat;font-size: 0;}

/*buy-model*/
.layout-buy-model .model-info .text p{margin:0;}
.layout-buy-model .model-info .text p span{margin-right:15px}
.layout-buy-model .input-block{margin-left:100px;}
.layout-buy-model .tab-header .btn{border:1px solid #777883;}
.layout-buy-model .tab-header .btn.this{border:1px solid var(--main-color); color: var(--main-color);}
.layout-buy-model .tab-body{margin-top:5px;}
.layout-buy-model .tab-body>li{display: none;}
.layout-buy-model .download-info .download-price{color: var(--main-color);font-weight: 600;}
.layout-buy-model .download-info .download-price .icon{font-size: 14px;}
.layout-buy-model .download-info .download-price em,.detail-text .mod-download .download-price-vip em{margin-right:5px;font-size: 28px;}
.layout-buy-model .download-info .download-price-vip{color: #f90;font-weight: 600;}

@keyframes dash { 0% {stroke-dasharray: 1, 200;stroke-dashoffset: 0;} 50% {stroke-dasharray: 130, 200;stroke-dashoffset: -50;} 100% {stroke-dasharray: 130, 200;stroke-dashoffset: -188;} }
.loading {stroke: rgb(53, 157, 218);stroke-width: 5;fill: none;animation: dash 1.5s linear infinite;}
@keyframes rotate { 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);} }
.load {animation: rotate 2s linear infinite;}

/*vip*/
.page-vip .layout-vip-header{padding-top:360px;height:600px;background: url(../images/vip_banner.jpg) no-repeat center center;background-size: 100%;}
.page-vip .head{position: relative;margin-bottom:15px;}
.page-vip .price-now em{font-size: 32px;}
.page-vip .price-original {color: #777883;text-decoration: line-through;}
.page-vip .item .title{font-size:20px;}
.layout-vip-gift .body,.layout-vip-benefits .body,.layout-vip-price .body{display: -ms-flexbox;display: -webkit-box;display: flex;justify-content:space-around;}
.layout-vip-benefits{margin:0 auto;width:80%;}
.layout-vip-benefits .item{text-align: center;}
.layout-vip-benefits .icon{margin:15px auto;width:120px;height:120px;border-radius: 50%;line-height:120px;background:#464856 ;text-align: center;}
.layout-vip-benefits .text{color: #242636;font-size:20px;}
.layout-vip-price .head{text-align: center;}
.layout-vip-price .item{position: relative; width:520px;height:320px; padding:30px;border-radius: 20px;}
.layout-vip-price .item-free{background: #F5F7FA url(../images/vip_free_bg.png) no-repeat;}
.layout-vip-price .item-senior{background:url(../images/vip_senior_bg.png) no-repeat;}
.layout-vip-price .item-super{background:url(../images/vip_super_bg.png) no-repeat;}
.layout-vip-price .item .title{margin-bottom: 0;}
.layout-vip-price .item p{line-height: 2.25;}
.layout-vip-price .buy{position: absolute;right:40px;bottom:40px;color:var(--main-color);}
.layout-vip-price .buy .price-now em{font-weight: 600;}
.layout-vip-price .buy p{line-height:1.6;}
.layout-vip-price .buy .btn{margin-top:15px;width: 144px;background: #232020;color: #F9D6BA !important;}
.layout-vip-price .buy .btn:hover{background-image: linear-gradient(#F25B3D,#E0331F);color: #fff !important; }
.layout-vip-gift {position: relative; height:360px; background: #41B3CE url(../images/vip_gift_bg.png) no-repeat left bottom;}
.layout-vip-gift .head{position: absolute;left:300px; top:100px; width: 222px;height:154px; background:url(../images/vip_gift_title.png) no-repeat;}
.layout-vip-gift .head .title{display: none;}
.layout-vip-gift .body{top:60px;left:520px;width:1170px;}
.layout-vip-gift .item{width:270px;height:240px; background:url(../images/vip_gift_item_bg.png) no-repeat;color: #A85A51;text-align: center;font-size: 16px;}
.layout-vip-gift .item .title{margin-top:40px;color:#E0331F;line-height: 1;}
.layout-vip-gift .item .title em{font-size: 60px;font-weight: 600;box-shadow: 0 1px 2px #;}
.layout-vip-gift .item .gift-receive{margin-top:55px;color: #fff;font-size: 18px;font-weight: 600;}
.layout-vip-buy .body .item.active{border:1px solid var(--main-color)}
.layout-pay.layout-vip-buy .layout-package .item .title{margin-bottom: 0;}
.layout-pay.layout-vip-buy .layout-package .item-senior {background:#fff url(../images/vip_package_bg_senior.png) no-repeat right top;background-size: 20%;}
.layout-pay.layout-vip-buy .layout-package .item-super {background:#fff url(../images/vip_package_bg_super.png) no-repeat right bottom;background-size: 25%;}
.layout-vip-buy .layout-package .form{margin-top:15px;}
.layout-vip-buy .layout-package .form .form-label{padding:9px 0;width:auto;}
.layout-vip-buy .layout-package .form .input-block{margin-left:80px;}

/*cash*/
.layout-cash .form-cash .form-label{padding-left:0;width: 100px;text-align: left;}
/*upload*/
.upload-list {margin:0;overflow: hidden;}
.upload-list .file-item{position: relative;float:left;margin-right:30px;margin-bottom:30px;width: 300px;height:200px;border:1px solid #dcdfe6;border-radius: 8px;}
.upload-list .file-item .handle{position: absolute;z-index:99;width:20%;height:20%;left:50%;top:50%;transform: translate(-50%,-50%);color:var(--main-color);cursor: pointer;text-align: center;/* padding-top:2.5%; */}
.upload-list .file-item .ico{margin:0 auto;font-size: 32px;color: var(--main-color);}
.upload-list .file-item .img{display: block;margin:0 auto;}
.btn-upload-img{width: 300px;height:200px;padding-top: 60px; background-color: #F0F2F5;border:1px solid #dcdfe6;border-radius: 8px;font-size: 16px;}
.btn-upload-img:hover{color:#242636;box-shadow: 0 0 12px rgba(0,0,0,.1);}
.btn-upload-img .ico{display: block;margin:5px auto;font-size: 32px;}
.layout-upload .mod-body{padding:40px 120px 60px;}
.layout-upload .mod-body .form-item{margin-bottom: 30px;}
.layout-upload .form-title{margin-bottom: 20px;margin-top:40px; font-weight: 600;}
.layout-upload .form-label{width:150px;padding-left:0; text-align: left;}
.layout-upload .input-block{margin-left:150px;}
.layout-upload .input-inline {width:230px;margin-right:20px;}
.layout-upload .input-inline-2x{width: 480px;}

.help-bar{position: absolute;right:0;bottom:40%; }
.help-bar .item{width:auto;height:50px;padding:0 15px;margin-bottom:5px;background: #F5F7FA;cursor: pointer;border-radius: 8px!important;}
.help-bar .item:nth-last-of-type(-n+2){border-radius: 0;}
.help-bar .item::after{display: none;}
.help-bar .item:hover{background: #fff;}
.help-bar .item .title{line-height: 50px;font-size: 14px;}
.help-bar .item:hover .title,.help-bar .item.active .title{color: #FF2248;}
.help-bar .layer-page{position: absolute;right:100%;top:0 ;padding-right:10px; display: none;}
.help-bar .layer-page .layer-body{width: 550px;background-color: #fff;border-radius: 8px;color: #777883;font-size: 14px;box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);text-align: left;}
.help-bar .layer-page .layer-body p {
    line-height: 2.5; /* 设置行高为 2.5倍字体大小，根据需要调整 */
}
.help-bar .layer-page .layer-title{padding:0 15px; font-size: 16px;}
.help-bar .layer-page .layer-content{padding:10px 15px 15px;}
.help-bar .layer-page .layer-setwin{right:20px;}

/*activity*/
.layout-user-activity .user-activity-content .item{float:left;width: 330px; height:300px;margin-right:30px; margin-bottom: 30px;overflow: hidden;}
.layout-user-activity .user-activity-content .item:nth-child(4n+0){margin-right:0;}
.layout-user-activity .user-activity-content .item img{width:100%; max-height: 220px;}
.layout-user-activity .user-activity-content .item .title{font-size: 18px;}
.layout-user-activity .user-activity-content .item .card{padding:15px 20px;min-height:90px;height: 90px; border-top-left-radius: 0;border-top-right-radius: 0;overflow: hidden;}
/*signIn*/
.layer-signIn{background: url(../images/layer_signin_bg.png) no-repeat;box-shadow: none;}
.layer-signIn .layer-inner{margin:100px auto 0;padding:0; text-align: center;}
.layer-signIn .layout-signIn-head .title{color:#FC5B19;}
.layer-signIn .layout-signIn-body{position: relative; margin-top:30px;}
.layer-signIn .layout-signIn-body .title{color:#F94244;font-size: 20px;font-weight: 600;}
.layer-signIn .layout-signIn-body .title .count{font-size: 32px;}
.layer-signIn .layout-signIn-body .signIn-icon{position: absolute;left:25px;top:0;width: 120px;height:120px; background: url(../images/layer_signin_icon.png) no-repeat center center;background-size: 80%;}
.layer-signIn .layout-signIn-body .tips {color:#777883;}
.layer-signIn .layout-signIn-body .tips em{color:#D95E21;}
.layer-signIn .layout-signIn-body .btn-close{margin:20px auto 0;width: 150px;height:42px; background: url(../images/layer_signin_btn.png) no-repeat;font-size: 0;cursor: pointer;}
.layer-signIn .layout-signIn-body .continuous{margin-top:20px;}
.layer-signIn .layout-signIn-body .continuous .text{font-size: 16px;font-weight: 600;}
.layer-signIn .layout-signIn-body .continuous .text em{margin:0 3px;font-size: 20px;color:#F94244;}
.layer-signIn .layout-signIn-body .calendar{position: relative; display: flex;margin:20px auto 20px 48px;}
.layer-signIn .layout-signIn-body .calendar::after{position: absolute;content: "";z-index:0;top:16px;width: 90%;height:1px;background-color: #B5B6BB;}
.layer-signIn .layout-signIn-body .calendar .item{position: relative;z-index:1; margin-right:25px; width: 32px;height:32px;border-radius: 50%;text-align: center;line-height: 32px; background-color: #F0F2F5;color: #B5B6BB;}
.layer-signIn .layout-signIn-body .calendar .item:last-child{margin-right:0;}
.layer-signIn .layout-signIn-body .calendar .item .icon{font-size: 16px;}
.layer-signIn .layout-signIn-body .calendar .item.active{background-image: linear-gradient(#F25B3D,#E0331F);color: #fff;}
.layer-signIn .layout-signIn-body .calendar .item.active .icon{font-size: 20px;font-weight: 600;}
/*notice*/
.layout-user-notice .list-notice .list-group-item .list-group-item-heading{margin-bottom:5px;}
.layout-user-notice .list-notice .list-group-item .title{float:left;margin-right:15px;font-size: 16px;font-weight:600;}
.layout-user-notice .list-notice .list-group-item .list-group-item-text{line-height:1.6;}
/**single**/
.layout-single .single-nav .nav{background: #F5F7FA;}
.layout-single .single-nav .nav .nav-item a{color: #242636;}
.layout-single .single-nav .nav .nav-item.active{background-color: #fff;}
.layout-single .single-nav .nav .nav-item.active a{color: var(--main-color);}
.layout-single .single-content .title{margin-bottom: 15px;}
.layout-single .single-content h5{font-weight: 600;}
.layout-single .single-content p{margin:0 0 15px;}
/**footer**/
.page-footer {width:100%;min-width:1730px;padding:44px 0;margin-top:60px;background: #242636;color: #B5B6BB;font-size: 14px;}
.page-footer a{color: #B5B6BB;}
.page-footer a:hover{color: var(--main-color);}
.page-footer .footer-bd{overflow: hidden;}
.page-footer .title{padding-bottom:8px; font-size: 16px;font-weight: 600;color: #fff;}
.page-footer .footer-contact{float:left;padding-right:40px; width: 60%;}
.page-footer .footer-contact .item{padding-bottom: 20px;}
.page-footer .footer-contact .phone{font-size:20px;}
.page-footer .circle{float:left;margin-right:10px;width: 28px;height:28px;border-radius: 50%;background-color: #464856;}
.page-footer .ico{margin-top:4px;margin-left:4px;width: 20px;height:20px;color: #fff;}
.page-footer .circle:hover{background-color: var(--main-color);}
.page-footer .circle:hover .ico{color: #fff;}
.page-footer .footer-nav{float:right;width: 40%;}
.page-footer .footer-nav .item{float:left;width:25%;padding:0 30px;}
.page-footer .footer-nav .item dd{padding:5px 0;}
.page-footer .footer-link{margin:40px 0; padding:10px 15px;background-color: #464856;overflow: hidden;clear:both;}
.page-footer .footer-link a{margin-right:10px;}
.page-footer .footer-text .tips{margin-top:5px;}

/**sideBar**/
.side-bar {position: fixed;z-index:9999;bottom: 40%;right: 15px;padding:0; border-radius:8px;background: #F0F2F5;}
.side-bar .item {position: relative; margin:0;width:50px;height:64px;opacity: 1; background:#F0F2F5;color: #242636;font-size:24px;text-align: center;cursor: pointer;}
.side-bar .item::after{position: absolute;content: "";bottom:0;left:17px;width:16px;height:2px;background-color: #fff;}
.side-bar .item:first-child{border-top-left-radius: 8px;border-top-right-radius: 8px;}
.side-bar .item:nth-last-of-type(-n+2){border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
.side-bar .item:last-child{height:60px;}
.side-bar .item:hover{background:var(--main-color) ;color: #fff;}
.side-bar .item:hover .ico,.side-bar .item:hover .title{color: #fff;}
.side-bar .item a {display:block;width:100%;height:100%;}
.side-bar .item .ico{margin:0;}
.side-bar .item .title{line-height:1; font-size: 12px;color: #777883;}
.side-bar .item-top{line-height: 60px; }
/*service*/
.layout-service{position: absolute;right:100%;top:0 ;padding-right:10px;display: none;}
.layout-service .layout-service-body{padding:15px;background-color: #fff;border-radius: 8px;color: #777883;text-align: center;font-size: 14px;}
.layout-service .ico{font-size: 20px;vertical-align: middle;}
.layout-service .btn{width: 100%;}
.layout-service .service-time,.layout-service .service-qrcode{padding:10px 0;margin-bottom:10px;border-bottom:1px solid #F0F2F5;}
.layout-service .service-qrcode{padding-top:0;}
.layout-service .qrcode{max-width: 160px;margin:0 auto;}
.layout-service .service-email p{margin-top:5px;}

/*feedback*/
.layout-feedback .feedback-head{margin-bottom: 15px;font-size: 14px;}
.layout-feedback .feedback-head .title{font-size: 16px;}
.layout-feedback .feedback-head .desc{font-size: 12px;}
.layout-feedback .form-label{float:none;padding-left:0;text-align: left;color:#777883;}
.layout-feedback .input-block{margin-left:0;}
.layout-feedback .textarea{resize:none}
.layout-feedback .btn{margin-top:5px;min-width: 120px;}
.layout-feedback .file-item{margin:0 10px 10px 0;width:120px;height:80px;}
.layout-feedback .file-item .ico{font-size: 24px;}
.layout-feedback .btn.btn-upload-img{margin-top:0;padding-top: 15px; width: 120px;height:80px;font-size: 14px;}
.layout-feedback .btn.btn-upload-img .ico{margin:10px auto; font-size:24px;}

.modify-phone{width: 100%;background: #fff;border-radius: 40px;box-shadow: 0px 0px 12px  rgba(0, 0, 0, 0.1);}
.layer-content .modify-phone{padding:30px;box-shadow: none;}
.user-name {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 12em;}
.notice-type{position: absolute;left: 59%;top:0;width: 140px;}


/*效果*/
@-moz-keyframes dots-loader {
    0% {
        -moz-box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    }
    8.33% {
        -moz-box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    }
    16.67% {
        -moz-box-shadow: #f86 14px 14px 0 7px, #fc6 14px 14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        box-shadow: #f86 14px 14px 0 7px, #fc6 14px 14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    }
    25% {
        -moz-box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px 14px 0 7px, #4ae -14px 14px 0 7px;
        box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px 14px 0 7px, #4ae -14px 14px 0 7px;
    }
    33.33% {
        -moz-box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae -14px -14px 0 7px;
        box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae -14px -14px 0 7px;
    }
    41.67% {
        -moz-box-shadow: #f86 14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
        box-shadow: #f86 14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
    }
    50% {
        -moz-box-shadow: #f86 14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
        box-shadow: #f86 14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
    }
    58.33% {
        -moz-box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
        box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
    }
    66.67% {
        -moz-box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px -14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
        box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px -14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
    }
    75% {
        -moz-box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px -14px 0 7px, #4ae 14px -14px 0 7px;
        box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px -14px 0 7px, #4ae 14px -14px 0 7px;
    }
    83.33% {
        -moz-box-shadow: #f86 14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae 14px 14px 0 7px;
        box-shadow: #f86 14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae 14px 14px 0 7px;
    }
    91.67% {
        -moz-box-shadow: #f86 -14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        box-shadow: #f86 -14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    }
    100% {
        -moz-box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    }
}
@-webkit-keyframes dots-loader {
    0% {
        -webkit-box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    }
    8.33% {
        -webkit-box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    }
    16.67% {
        -webkit-box-shadow: #f86 14px 14px 0 7px, #fc6 14px 14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        box-shadow: #f86 14px 14px 0 7px, #fc6 14px 14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    }
    25% {
        -webkit-box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px 14px 0 7px, #4ae -14px 14px 0 7px;
        box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px 14px 0 7px, #4ae -14px 14px 0 7px;
    }
    33.33% {
        -webkit-box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae -14px -14px 0 7px;
        box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae -14px -14px 0 7px;
    }
    41.67% {
        -webkit-box-shadow: #f86 14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
        box-shadow: #f86 14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
    }
    50% {
        -webkit-box-shadow: #f86 14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
        box-shadow: #f86 14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
    }
    58.33% {
        -webkit-box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
        box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
    }
    66.67% {
        -webkit-box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px -14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
        box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px -14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
    }
    75% {
        -webkit-box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px -14px 0 7px, #4ae 14px -14px 0 7px;
        box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px -14px 0 7px, #4ae 14px -14px 0 7px;
    }
    83.33% {
        -webkit-box-shadow: #f86 14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae 14px 14px 0 7px;
        box-shadow: #f86 14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae 14px 14px 0 7px;
    }
    91.67% {
        -webkit-box-shadow: #f86 -14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        box-shadow: #f86 -14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    }
    100% {
        -webkit-box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    }
}
@keyframes dots-loader {
    0% {
        -moz-box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        -webkit-box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    }
    8.33% {
        -moz-box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        -webkit-box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    }
    16.67% {
        -moz-box-shadow: #f86 14px 14px 0 7px, #fc6 14px 14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        -webkit-box-shadow: #f86 14px 14px 0 7px, #fc6 14px 14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        box-shadow: #f86 14px 14px 0 7px, #fc6 14px 14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    }
    25% {
        -moz-box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px 14px 0 7px, #4ae -14px 14px 0 7px;
        -webkit-box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px 14px 0 7px, #4ae -14px 14px 0 7px;
        box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px 14px 0 7px, #4ae -14px 14px 0 7px;
    }
    33.33% {
        -moz-box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae -14px -14px 0 7px;
        -webkit-box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae -14px -14px 0 7px;
        box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae -14px -14px 0 7px;
    }
    41.67% {
        -moz-box-shadow: #f86 14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
        -webkit-box-shadow: #f86 14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
        box-shadow: #f86 14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
    }
    50% {
        -moz-box-shadow: #f86 14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
        -webkit-box-shadow: #f86 14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
        box-shadow: #f86 14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
    }
    58.33% {
        -moz-box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
        -webkit-box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
        box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
    }
    66.67% {
        -moz-box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px -14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
        -webkit-box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px -14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
        box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px -14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
    }
    75% {
        -moz-box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px -14px 0 7px, #4ae 14px -14px 0 7px;
        -webkit-box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px -14px 0 7px, #4ae 14px -14px 0 7px;
        box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px -14px 0 7px, #4ae 14px -14px 0 7px;
    }
    83.33% {
        -moz-box-shadow: #f86 14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae 14px 14px 0 7px;
        -webkit-box-shadow: #f86 14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae 14px 14px 0 7px;
        box-shadow: #f86 14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae 14px 14px 0 7px;
    }
    91.67% {
        -moz-box-shadow: #f86 -14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        -webkit-box-shadow: #f86 -14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        box-shadow: #f86 -14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    }
    100% {
        -moz-box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        -webkit-box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
        box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    }
}
.dots-loader:not(:required) {
    overflow: hidden;
    position: relative;
    text-indent: -9999px;
    display: inline-block;
    width: 7px;
    height: 7px;
    background: transparent;
    border-radius: 100%;
    -moz-box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    -webkit-box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    -moz-animation: dots-loader 5s infinite ease-in-out;
    -webkit-animation: dots-loader 5s infinite ease-in-out;
    animation: dots-loader 5s infinite ease-in-out;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.lazyload {
    opacity: 0;
    transition: opacity .3s ease-in;
}
.lazyload.loaded {
    opacity: 1;
}
.lazyload:not(.loaded) {
    visibility: hidden;
}
.lazyload.loaded + noscript {
    display: none;
}

.page-single.page-about{padding-top:30px;padding-bottom:60px;overflow: hidden;}

.JBWR88_b {
    margin: 16px 16px 36px;
    padding: 20px 22px 12px;
    box-shadow: 0 0 1px rgba(28,31,35,.16),0 6px 32px 4px rgba(28,31,35,.08);
    border-radius: 24px;
    text-align: center
}

.LSb1iW3M {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.JBWR88_b .anticon {
    color: #00be82;
    margin-top: 8px;
    margin-right: 4px;
    font-size: 12px;
    transform: translateY(2px)
}

#saomaId {
    user-select: none;
    -webkit-user-select: none; /* 兼容一些旧版浏览器 */
    -moz-user-select: none; /* 兼容 Firefox */
    -ms-user-select: none; /* 兼容 Microsoft Edge */
}

.LSb1iW3M .h4Xhs1BG {
    font-size: 14px;
    font-weight: 600;
    margin: 0.5px;
}
.vip-badge {
    display: inline-block;
    background: linear-gradient(to right, #FF4500, #FF8C00); /* 渐变背景 */
    color: white; /* 文字颜色 */
    font-size: 23px; /* 字体大小 */
    font-weight: bold; /* 字体加粗 */
    padding: 5px 20px; /* 内边距 */
    border-radius: 20px; /* 圆角 */
    text-align: center; /* 文字居中 */
    margin-left: 10px;
    margin-top: 62%;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); /* 阴影效果 */
}
.vip-badge:hover {
    cursor: pointer; /* 鼠标移入时显示为手指形状 */
    background: red; /* 渐变背景 */

}
.close-button {
    position: absolute; /* 绝对定位 */
    top: 50px; /* 距离顶部10px */
    right: 40px; /* 距离右侧10px */
    background-color: #FF4500; /* 背景颜色 */
    color: white; /* 文字颜色 */
    font-size: 18px; /* 字体大小 */
    font-weight: bold; /* 字体加粗 */
    padding: 5px 10px; /* 内边距 */
    border-radius: 50%; /* 圆形 */
    cursor: pointer; /* 鼠标悬停时显示手型 */
}
/*ads_free*/
.layer-ads-free{background: none;box-shadow: none;}
.layout-ads-free{position: relative; width:836px;height:470px; background: url(/images/ads_free.png) no-repeat;}
.layout-ads-free .btn-jump-buy{position: absolute;right:40px;top:280px;width: 150px;height: 150px;cursor: pointer;}
.layout-ads-free .btn-search{position: absolute;left:420px;bottom:20px;width: 250px;height: 60px;cursor: pointer;}
.layout-ads-free .btn-close{position: absolute;top:20px;right:220px; width: 44px;height: 44px; background: url(/images/ads_free_close.png) no-repeat;cursor: pointer;}

/*专辑详情页*/
.album-gallery-col5 .item {width: 240px;}
.album-gallery-col5 .item:nth-child(6n+0){margin-right:0}
.album-gallery-col5 .item .mod-pic{height: 180px;}
.album-gallery-col5 .item .gallery-img{height:180px;border-radius: 8px;}
.album-gallery-col5 .item .mod-text .title{margin-top:5px;width:60%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-size: 12px;}
.album-gallery-col5 .item .renderer-version{position: absolute;bottom:0;right:0;}
.album-gallery-col5 .item .renderer-version .ico{color: #999;font-size: 12px;fill:currentColor;vertical-align: -0.25em}


.album-layout-user-activity .user-activity-content .item{float:left;width: 240px; height:210px;margin-right:50px; margin-bottom: 5px;overflow: hidden;}
.album-layout-user-activity .user-activity-content .item:nth-child(5n+0){margin-right:0;}
.album-layout-user-activity .user-activity-content .item img{width:100%; max-height: 220px;}
.album-layout-user-activity .user-activity-content .item .title{font-size: 12px;}
.album-layout-user-activity .user-activity-content .item .card{padding:15px 20px;min-height:70px;height: 70px; border-top-left-radius: 0;border-top-right-radius: 0;overflow: hidden;}

/*ads_pintuan 上线时将下面样式放到public.css*/
.layer-ads-free{display:none;}
.layer-ads-pintuan{background: none;box-shadow: none;}
.layout-ads-pintuan{position: relative; width:760px;height:520px; background: url(/images/ads_new_activity.png) no-repeat center top;}
.layout-ads-pintuan .btn-pintuan{position: absolute;left:60px;top:280px;width:80%;height:240px;cursor: pointer;}
.layout-ads-pintuan .btn-close{position: absolute;top:0;right:60px; width:60px;height: 60px;cursor: pointer;}