.header,#kt_footer{background:#1e1e2d}
#col-form-label{position:relative}
#resetpwd-form .form-group .msg-box{position:absolute;color:#F64E60;bottom:-1.5rem;left:0rem;font-size:12px}
#resetpwd-form .form-group .msg-box .n-msg{margin-left:2px}
.login-form-signup .form-group .input-group-btn{position:absolute;right:0.1rem;cursor:pointer;top:2.3rem;border:none}
.login-form-signup .form-group .input-group-btn img{height:5.15rem;width:12.8rem}
#resetpwd-form .hide{display:none}
.image-input .image-input-wrapper{width:126px;height:126px}
.image-input-wrapper img{width:120px;height:120px;border-radius:0.42rem}
#faupload-avatar{background:none;border:none}
.col-lg-9{position:relative}
.col-lg-9 .msg-box{position:absolute;top:46px;font-size:12px;color:#F64E60}
.col-lg-9 .msg-box .n-msg{margin-left:2px}
.header-menu .menu-nav > .menu-item .menu-submenu{width:130px}
.input-group-prepend .btn,.input-group-append .btn{z-index:1}
.activity img{border-radius:0.42rem;width:634px;height:200px}
.card.card-custom.no-bg{box-shadow:0px 0px 0px 0px}
.no-bg > .card-header,.no-bg{background:none}
.no-bg > .card-header{padding-left:0;padding-right:0}
.modal-backdrop.show{opacity:0.8}
.plupload-preview .col-xl-12,.faupload-preview .col-xl-12{position: relative;}
.plupload-preview a img,.faupload-preview a img{border:3px solid #ffffff;border-radius:0.42rem;width: 100%;height: 100%;-webkit-box-shadow:0 0.5rem 1.5rem 0.5rem rgb(0 0 0 / 8%);box-shadow:0 0.5rem 1.5rem 0.5rem rgb(0 0 0 / 8%);border-radius:0.42rem;}
.plupload-preview .btn-trash,.faupload-preview .btn-trash{position: absolute;left: 46%;bottom: 1rem;z-index: 1;opacity:0;}
.plupload-preview .col-xl-12:hover .btn-trash,.faupload-preview .col-xl-12:hover .btn-trash{opacity:1;}
.plupload-preview .col-xl-12:hover  a img,.faupload-preview .col-xl-12:hover  a img{opacity:0.3;}

.opuscover{text-align:center;border:2px dashed #6993FF;border-radius:0.42rem;padding:0.375rem}
.opuscover img{max-width:30.875rem}
div.tagsinput{border:1px solid #F3F6F9;background:#F3F6F9;padding:5px;width:300px;height:100px;overflow-y:auto}
div.tagsinput span.tag{border:1px solid #a5d24a;-moz-border-radius:2px;-webkit-border-radius:2px;display:block;float:left;padding:5px;text-decoration:none;background:#cde69c;color:#638421;margin-right:5px;margin-bottom:5px;font-family:helvetica;font-size:13px}
div.tagsinput span.tag a{font-weight:700;color:#82ad2b;text-decoration:none;font-size:11px}
div.tagsinput input{width:80px;margin:0 5px 5px 0;font-family:helvetica;font-size:13px;border:1px solid transparent;padding:5px;background:0 0;color:#000;outline:0}
div.tagsinput div{display:block;float:left}
.tags_clear{clear:both;width:100%;height:0}
.not_valid{background:#FBD8DB !important;color:#90111A !important}
div.tagsinput{border:1px solid #F3F6F9;border-radius:0.42rem;-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-moz-transition:border-color ease-in-out .15s,-moz-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
div.tagsinput span.tag{height:28px;padding:2px 5px;line-height:22px;margin-bottom:0;color:#0084ff;background:rgba(0,132,255,.1);border-color:transparent}
div.tagsinput span.tag a{color:#0084ff;margin-left:5px}
div.tagsinput input{margin-bottom:0;margin-right:0;height:28px;line-height:28px;padding:2px 5px}
#search-form .input-group.input-group-lg.input-group-solid.bg-white{-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);-moz-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}
#searchinput.form-control.form-control-lg.form-control-solid:focus{background:#FFFFFF}
.autocomplete-suggestions{text-align:left;display:none;background:#fff;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);-moz-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);position:absolute;z-index:20;overflow:hidden}
.autocomplete-search .autocomplete-questions.selected,.autocomplete-search .autocomplete-questions:hover,.autocomplete-search .autocomplete-searchtags.selected,.autocomplete-search .autocomplete-searchtags:hover,.autocomplete-tags .autocomplete-suggestion.selected,.autocomplete-tags .autocomplete-suggestion:hover{background:#f0f0f0}
.autocomplete-tags{min-width:160px}
.autocomplete-tags .autocomplete-suggestion{position:relative;line-height:20px;overflow:hidden;text-overflow:ellipsis;font-size:1em;color:#333;padding:5px 10px;cursor:pointer;white-space:inherit}
.autocomplete-tags .autocomplete-suggestion b,.autocomplete-suggestions b{color:#f71752}
.layui-layer-btn{padding-bottom:3rem;text-align:center}
.layui-layer-btn .layui-layer-btn0{color:#ffffff;background-color:#1BC5BD;border-color:#1BC5BD}
.layui-layer-btn a{height:auto;padding:0.65rem 3rem;font-size:1rem;line-height:1.5;border-radius:0.42rem}
#kt-search,#kt-member .author-banner{height:400px}
.carousel-inner{height:400px}
.carousel-focus .item .carousel-img{height:400px;background-size:cover;width:100%;background-position:center center}
.carousel-focus .carousel-control{position:absolute;height:400px;display:block;width:4.5rem;top:0}
.carousel-focus .carousel-control.left span,.carousel-focus .carousel-control.right span{background-image:none;position:relative;top:10rem}
.carousel-focus .carousel-control.left,.carousel-focus .carousel-control.right{height:400px;position:absolute;display:block;z-index:5}
.carousel-focus .carousel-control.left span,.carousel-focus .carousel-control.right span{padding:2rem;text-align:center;top:8rem;font-size:30px;display:none}
.carousel-focus .carousel-control.right span{right:0}
.carousel-focus .carousel-control.left span{left:0}
.carousel-focus .carousel-control.left{left:0rem}
.carousel-focus .carousel-control.right{right:0rem}
.carousel-focus .carousel-control.left:hover span,.carousel-focus .carousel-control.right:hover span{display:block}
.carousel-inner .item{display:none}
.carousel-inner .item.active{display:block}
#kt-search #kt-search-container{position:absolute;z-index:4;top:20rem;width:100%}

#kt-member .author-banner{background-repeat: no-repeat;background-position: center center;background-size: cover;}
#kt-member .container .symbol{position: absolute; top:-80px;}

.showscrolltop .scrolltop{opacity: 0.3;animation: animation-scrolltop .4s ease-out 1;display: flex;}
.showscrolltop .scrolltop:hover {opacity: 1;}


.header{z-index:20}
.header-mobile{z-index:21}
.card-body.introduce img{width:100%}
.validator-text .validated{position:absolute;left:0;top:3.5rem;color:#F64E60;font-size:0.925rem}
.wizard.wizard-6 .wizard-content .wizard-nav{padding:0}
.hidden{display:none}
.wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps{text-align:center}
.overlay .validator-text{position:absolute;width:100%;top:-2.8rem}
.input-icon .validator-text{position:absolute;width:100%;top:0.6rem}
.simditor{width:100%}
select.form-control.is-valid,select.form-control.is-invalid,.login-signin .form-control.is-valid{background-image:none}
.screenshots-box{position:relative}
.swiper-container .swiper-wrapper .swiper-slide{border-radius:0.42rem;text-align:center;background:#F3F6F9}
.swiper-container .swiper-wrapper .swiper-slide img{height:100%;cursor:pointer;border-radius:0.42rem;width:100%}
.swiper-container .swiper-wrapper{width:auto}
div.swiper-button-prev,.swiper-container-rtl .swiper-button-prev{left:0;outline:none}
div.swiper-button-next,.swiper-container-rtl .swiper-button-next{right:0;outline:none}
.offcanvas-mobile{}
.sidebar-open .offcanvas-mobile{left:0;width:60%;width:60% !important}
.table.table-data table td,.table.table-data table th{vertical-align:middle}
.orderprocess.timeline.timeline-6{padding-bottom:10px}
.orderprocess.timeline.timeline-6 .timeline-item .timeline-label{width:100px;text-align:right}
.orderprocess.timeline.timeline-6:before{background:none}
.orderprocess.timeline.timeline-6 .timeline-item:before{content:'';position:absolute;width:2px;height:calc(100% - 1px);background-color:#EBEDF3;border-radius:6px;top:20px;left:101px}
.orderprocess.timeline.timeline-6 .timeline-item.timeline-desc-success:before{background:#1BC5BD}
.orderprocess.timeline.timeline-6 .timeline-item.timeline-desc-danger:before{background:#F64E60}
.timeline.timeline-5 .timeline-items .timeline-item .timeline-media{width:auto;border-radius:5px;padding:0 5px}
.symbol.symbol-100.symbol-2by3 .symbol-label{height:100px;width:164px}
.overlay .overlay-wrapper{background-repeat:no-repeat;background-position:center center;background-size:cover}
.pull-left{float:left}
.pull-right{float:right}
.pagination{margin-bottom:0}
.pagination .jumpto .form-control{width:3rem;display:inline;margin-right:5px}
.pagination li.jumpto{margin-right:0}
.pagination li{margin-right:5px}
.pagination li a,.pagination li.active span,.pagination li.disabled span{min-width:2.25rem;ont-size:.9rem;line-height:1rem;font-weight:500;border-radius:.42rem;color:#7e8299;align-items:center;height:2.25rem;min-width:2.25rem;padding:.5rem;margin-top:5px;justify-content:center;display:flex}
.pagination li.active span,.pagination li a:hover{color:#FFFFFF;background:#6993ff}
.table-striped tbody tr:nth-of-type(odd){background-color:#FFFFFF}
.table-hover tbody tr:hover{background:#FFFFFF}
td.bs-checkbox{vertical-align:middle}
.table-striped tbody tr img{height:200px;width:200px}
.btn-selected-tips{display:none}
.fixed-table-loading{text-align: center}

#kt_header{position:fixed;top:0;width:100%}
#kt_content{padding-top: 80px;}
#kt_login{background:#1e1e2d}
#kt_login .login-form{width: 380px;position: relative;height: 400px;}
#kt_login .login-form .toggle-action{position: absolute;z-index:9999;right:0;}
#kt_login .login-form .action-box{width:70px;height:70px;position:relative;overflow:hidden;cursor: pointer;}
#kt_login .login-form .action-box.use-pwd{display: none;}
#kt_login .login-form .action-box .box{width:100px;height:100px;overflow:hidden;position:absolute;top:-50px;right:-50px;transform:rotate(45deg)}
#kt_login .login-form .action-box .box span{position:absolute;right:0px;display:block;width:70px;height:70px;text-align:left;bottom:-24px;transform:rotate(-45deg)}
#kt_login .login-form .action-box .box span i.la{font-size: 4rem;}
#kt_login .login-qr{display: none;background:#FFFFFF;position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index:9998;}
#kt_login .login-qr #qrcode{padding: 10px;position: relative;}
#kt_login .login-qr #qrcode img{height: 180px;width: 180px;}
#kt_login .login-qr #qrcode .top-tip{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(51,51,51,0.8)}
#kt_login .login-qr #qrcode .tip-warp{display:table;table-layout:fixed;width:100%;height:100%}
#kt_login .login-qr #qrcode .tip-warp .qr-msg{color:#ffffff;display:table-cell;vertical-align:middle;width:100%;text-align: center;}
#kt_login .login-qr #qrcode .qr-msg .msg{line-height:35px}


.form-group{position: relative;}
.form-group .msg-box{position: absolute;font-size: 12px;color:#e83e8c;}
.form-group .input-group .msg-box{position: absolute;font-size: 12px;color:#e83e8c;bottom: -20px;}
.form-group .form-inline .msg-box{position: absolute;font-size: 12px;color:#e83e8c;top:66px;}

.bootstrap-select.form-control{border: 1px;}
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn{color: #3F4254;}
.btn-group.bootstrap-select.form-control.open .dropdown-menu{display: block;}

/*作品上传单独特有样式*/
#tag_selected span,#tag_list span,#show_selected span,#show_list span,#class_selected span,#class_list span{cursor: pointer;}
#tag_list span.label-light-dark,#show_list span.label-light-dark,#class_list span.label-light-dark{cursor: default}

.gallery {margin-left: -10px;}
.gallery .fleximage-item{margin-left:10px;margin-bottom:10px;position: relative;border-radius: 0.42rem;overflow: hidden;}
.gallery .fleximage-item .flex-wrap{position: absolute;bottom: 0px;width: 100%;padding:10px;filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0}
.gallery .fleximage-item:hover{background: #000000;}
.gallery .fleximage-item:hover .flex-wrap{filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;color: #FFFFFF;}
.gallery .fleximage-item:hover img{filter:alpha(Opacity=30);-moz-opacity:0.3;opacity: 0.3}
.fade:not(.show){opacity: 1;}
.tooltip.fade:not(.show){opacity: 1;}
.tooltip .arrow::before {position: absolute;content: "";border-color: transparent;border-style: solid;}
.tooltip.top .arrow::before {top: 0;border-width: 0.4rem 0.4rem 0;border-top-color: #ffffff;}
.nav.nav-tabs.nav-tabs-line .nav-item.active .nav-link{border-bottom: 1px solid #6993FF;}
.nav.nav-tabs.nav-tabs-line .nav-item.active .nav-link .nav-text,.nav.nav-tabs.nav-tabs-line .nav-item.active .nav-link .nav-icon i{color: #6993FF}

.autocomplete-search-list .separator{border-color: #EEEEEE;}
.autocomplete-search-list .d-flex{padding: 0.825rem 1.42rem;font-size: 1.08rem;line-height: 1.5;}