.edit-box textarea{font-size: 14px;}
.popup-box{display:none;}

.shop_area_text{display: inline-block;overflow: hidden;text-overflow: ellipsis;max-height: 43px;position: relative;}
.shop_area_text.active{height: auto;overflow: auto;max-height: 392px;}
.shop_area_text.full.active{max-height: inherit;}
.shop_area_text+.toggle{
    /*position: absolute;right: 0;bottom: 0;*/
    float: right;margin-top: -25px;
    position: relative;
    padding-left: 20px;
    cursor: pointer;
    background-image: linear-gradient(to right, rgba(0,0,0,0) 0%, #fff 20px, #fff 100%);
    background-image: -webkit-linear-gradient(to right, rgba(0,0,0,0) 0%, #fff 20px, #fff 100%);
}
.shop_area_text+.toggle:after{content: '展开';padding-left: 5px;color: #0084FF;}
.shop_area_text.active+.toggle:after{content: '收起';}
.shop_area_text.active+.toggle span{display: none;}

/* img center */
.imc{display: inline-block;text-align: center;position: relative;}
.imc:before{content: ' ';display: inline-block;height: 100%;width: 0;vertical-align: middle;}
.imc img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.imc .tips{max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;line-height: 1.5;}
.imc .tips.to-top{position: absolute;top:0;}
.imc .tips.to-bottom{position: absolute;bottom:0;}

/* fix img box */
.popup-img{position: fixed;width: 100%;height: 100%;z-index: +99999999;top:0;left:0;}
.popup-img .masked{opacity: .8;}
.popup-img .main{height: 100%;margin: 0 auto;width: 100%;position: relative;z-index: +99999;}
.popup-img .main>div{height: 100%;}
.popup-img .imgs{margin: 0 50px;position: relative; overflow: hidden;}
.popup-img .imgs .imc{width: 100%;height: 100%;position: absolute;display: none;left: 100%;}
.popup-img .imgs .imc.active{z-index: +1;}
.popup-img .go{width: 50px;position: absolute;top:0;z-index: +1;background: rgba(100,100,100,.5);opacity: .5;cursor: pointer;}
.popup-img .go:hover{opacity: 1;}
.popup-img .go:before{display: block;height: 30px; width:30px; background: url("../img/icon.png");content:' '; background-position: -428px 0;position: absolute;top: 46%;left: 10px;}
.popup-img .go.prev:before{ background-position: -452px 0;}
.popup-img .prev{left:0;}
.popup-img .next{right: 0;}

/* input-select */
.fg-select {display: inline-block;position: relative;z-index: +9999;}
.fg-select input:focus{outline: 0;border: 1px solid #0b7fd1;}
.fg-select .search-list {position: absolute; width: 100%;display: none;border: 1px solid #bbb;margin-top: -1px; background: #fff;z-index: +1;max-height: 250px;overflow: auto;}
.fg-select .search-list div{line-height: 2;padding: 4px 10px;border-bottom: 1px solid #f5f5f5;}
.fg-select .search-list div:hover{background: #f0f0f0;cursor: pointer;}

/* popup */
.fg-popup .layui-layer-title{border:none; background-color:#333; color:#fff;}
.fg-popup.notitle .layui-layer-title{display: none;}
.fg-popup .layui-layer-content{padding: 10px;}
.fg-popup .layui-layer-btn{border-top: 1px dotted #eee; text-align: center;}
.fg-popup .layui-layer-btn a{width: 46%}

/* upload */
.dndWrapper {margin-left: 10px;}
.containers {border: 1px solid #dadada;color: #838383;font-size: 12px;background-color: #FFF;}
.uploader .queueList {margin: 20px;}
.element-invisible {position: absolute !important;clip: rect(1px 1px 1px 1px); /* IE6, IE7 */clip: rect(1px, 1px, 1px, 1px);}
.uploader .placeholder {color: #999;position: relative;text-align: center;border: 3px dashed #e6e6e6;padding: 30px 0;}
.uploader .webuploader-pick {background: #ff4200;line-height: 32px;padding: 0 30px;color: #fff;display: inline-block;margin-bottom: 10px;cursor: pointer;}
.uploader .webuploader-pick-hover {background: #ff3200;}
.uploader .flashTip {color: #666666;font-size: 12px;position: absolute;width: 100%;text-align: center;bottom: 20px;}
.uploader .flashTip a {color: #0785d1;text-decoration: none;}
.uploader .flashTip a:hover {text-decoration: underline;}
.uploader .filelist {list-style: none;margin: 0;padding: 0;}
.uploader .filelist:after {content: '';display: block;width: 0;height: 0;overflow: hidden;clear: both;}
.uploader .filelist li {width: 19%;line-height: 29px;margin: 0 5px 3px 0;position: relative;overflow: hidden;font-size: 15px;float: left;}
.uploader .filelist li.state-complete {color: #0dad51;}
.uploader .filelist li.hover {background-color: lightyellow;background-image: none;color: #f60;}
.uploader .filelist li p.log {position: relative;top: -45px;}
.uploader .filelist li p.title {padding: 0 15px 5px 5px;position: relative;vertical-align: middle;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;-webit-transition: 200ms ease-out;-moz-transition: 200ms ease-out;-o-transition: 200ms ease-out;-ms-transition: 200ms ease-out;transition: 200ms ease-out;z-index: 2;}
.uploader .filelist li p.progress {position: absolute;width: 98%;bottom: 0;left: 1%;height: 5px;overflow: hidden;z-index: 50;margin: 0;}
.uploader .filelist li p.progress span {display: none;overflow: hidden;width: 0;height: 100%;-webit-transition: width 200ms linear;-moz-transition: width 200ms linear;-o-transition: width 200ms linear;-ms-transition: width 200ms linear;transition: width 200ms linear;-webkit-animation: progressmove 2s linear infinite;-moz-animation: progressmove 2s linear infinite;-o-animation: progressmove 2s linear infinite;-ms-animation: progressmove 2s linear infinite;animation: progressmove 2s linear infinite;transform: translateZ(0);}
@-webkit-keyframes progressmove { 0% {background-position: 0 0;} 100% {background-position: 17px 0;} }
@-moz-keyframes progressmove { 0% {background-position: 0 0;} 100% {background-position: 17px 0;} }
@keyframes progressmove { 0% {background-position: 0 0;} 100% {background-position: 17px 0;} }
.uploader .filelist li img {max-width: 100%;}
.uploader .filelist li.notfont {background: #fdf0e3;}
.uploader .filelist li.up-error .imc{background: rgba(0,0,0,.2); color: #fff;}
.uploader .filelist li.state-error {background-image: none;background:red;color: #fff;}
.uploader .filelist li .success {right: 0;bottom: 0;width: 25px;height: 25px;z-index: 200;display: block;position: absolute;}
.uploader .filelist span.cancel {top: 0;right: 0;z-index: 300;cursor: pointer;position: absolute;line-height: 1;background: rgba(0, 0, 0, .4);color: #fff;padding: 4px;text-align: center;margin: 0;overflow: hidden;display: none;}
.uploader .filelist span.cancel:before {content: '✕';}
.uploader .filelist span.cancel:hover {background-position: 0 0;}
.uploader .statusBar {height: 63px;border-top: 1px solid #dadada;padding: 0 20px;line-height: 63px;vertical-align: middle;position: relative;}
.uploader .statusBar .progress {border: 1px solid #1483d8;width: 198px;background: #fff;height: 18px;position: relative;display: inline-block;text-align: center;line-height: 20px;color: #6dbfff;margin-right: 10px;margin-bottom: 0;}
.uploader .statusBar .progress span.percentage {width: 0;height: 100%;left: 0;top: 0;background: #1483d8;position: absolute;}
.uploader .statusBar .progress span.text {position: relative;z-index: 10;}
.uploader .statusBar .info a:hover {text-decoration: underline;color: #f30;}
.uploader .statusBar .info a {text-decoration: none;color: coral;}
.uploader .statusBar .info {display: inline-block;font-size: 14px;color: #666;}
.uploader .statusBar .btns {position: absolute;top: 10px;right: 20px;line-height: 40px;}
.uploader .statusBar .btns .webuploader-pick {background: #ffffff;border: 1px solid #cfcfcf;color: #565656;padding: 0 18px;display: inline-block;border-radius: 3px;margin-left: 10px;cursor: pointer;font-size: 14px;}
.uploader .statusBar .btns .webuploader-pick-hover {background: #f0f0f0;}
.webuploader-dnd-over .containers {border-color: #f99;}
.webuploader-dnd-over .uploader .placeholder {border-color: #f99;}
.webuploader-dnd-over.webuploader-dnd-denied .containers {border-color: red;}

.ext-txt{position: absolute;width:100%;max-height: 100%;height:auto;top:50%;left: 50%;line-height:1.5;transform: translate(-50%, -50%);overflow: hidden;text-overflow: ellipsis;padding: 10px;}
.ext-txt .ext-name{font-size: 24px; font-weight:bold;border-radius:.25em;background: #ebebeb;color: #fff;margin: 0 auto;line-height: 60px;width: 60px;text-align: center;}

/* upload end */

/* brand popup */
.addox .imc{width: 100%;height: 120px; background: #f5f5f5;position: relative;}
.addox .imc .brand-up-btn{display: none;}
.addox .imc:hover .brand-up-btn{position: absolute;right: 0; top:0;display: block;background: rgba(0, 0, 0, 0.5);padding: 10px;color: #fff;cursor: pointer;}
.addox .brand-up-btn{width: 100%;}

/* license popup */
.license-popup{width: 600px;}
/*.form-item{padding: 5px 10px;}*/
/*.form-item.br label:first-child{display: block;margin-bottom: 5px;font-weight: bold;font-size: 1.05em;}*/
/*.form-item.br input, .form-item.br textarea{width: 300px;}*/
/*.form-item:not(.br) label{display: inline-block;text-align: right;min-width: 100px;}*/
/*.form-item input{padding: 5px 10px;}*/

.license-popup .form-item.br label:first-child{display: inline-block;text-align: right;width: 70px;margin-right: 5px;margin-bottom: 0;}
.license-popup .form-item.br:not([type='radio']) input,.license-popup .form-item.br textarea,.license-popup .form-item.br select{width: 320px;}

.form-item.myradio input{width: auto!important;}
.form-item.myradio label{width: auto;min-width: 70px; margin-right: 10px;margin-bottom: 0;}

.fg-btn{height: 32px;width: 100px;line-height: 30px;border: 1px solid #bbb;background: #fff;display: inline-block;cursor: pointer;text-align: center;}
.fg-btn:hover{background: #fafafa;border-color: #ccc;}

.upload-box-hide{display: none;}
.fl{float: left;}
.fr{float: right;}

.dropdown-menu-chat{display: none;right: 0;position: absolute;bottom: 40px;background: #fff;}
.dropdown-menu-chat .iconcross{top:10px;}
.dropdown-menu-chat .ps__scrollbar-y-rail{display:none;position: absolute;height: 100%;width: 15px;background: #eee;top: 0;right: 0;border-radius: 15px;opacity: .8;}
.dropdown-menu-chat .ps__scrollbar-y{width: 9px;position: absolute;background: #aaa;border-radius: 9px;top: 3px;right: 3px;}
.dropdown-menu-chat .ps--active-y .ps__scrollbar-y-rail{display: block;}
.snapped-up span{position: relative;z-index: +20;}
.snapped-up-finish .bg-snapped{display: none;}

.index-box-tab .nav-item {width:auto; min-width: 104px;}
.index-box-tab .nav-link {width: 100%;padding: 1px 6px;display: block;}
.index-box-tab .nav-link.active,.index-box-tab .nav-link:hover {border-width: 2px;padding: 0 5px;}
.index-box-tab .nav-link:before{display: none;}

.card-company{padding: 6px;height: 60px;}
.index-card-company{height: 108px;}
.card-company:hover{z-index: +1;}
.card-company > div.imc{max-width: 100%;height: 100%;line-height: 1;}
.card-company > div.imc > img{width: auto;}
.index-brand:hover .card-c-p{top: 0;height: 100%;}

.slider-input{margin: 0 16px;cursor: pointer;position: relative;}
.slider-input .bgcolor{width: 105px;overflow: hidden;margin: 0 -8px;position: relative;}
.slider-input .ui-slider-range{position: absolute;background: #0084ff;height: 100%;}
.slider-input .ui-slider-handle{position: absolute;background: #0084ff; margin-left: -9px;width: 18px;height: 18px; border-radius: 50%;outline: none;}
.slider-input .tips{position: absolute; display:none;bottom: 120%; min-width: 30px; text-align: center; border-radius: 4px;padding: 2px 4px; left: -6px; color: #fff;background: rgba(0,0,0,.5);}
.slider-input:hover .tips,.slider-input .ui-state-active .tips{display: inline-block;}

.proofs-fonts{overflow: hidden;}
.proofs-fonts.inchange img{width: auto;}
.peview-img:after{content: ' ';display: block;width: 100%;}

.item-more,.pointer,.item-a{cursor: pointer;user-select: none;}
.lan-ul-overy .item{margin-right: 10px; margin-bottom: 10px;}
.lan-ul-overy .item a{padding: 5px 10px;display: inline-block;}
.lan-ul-overy .item.active a{background: #0084ff;border-radius: 5px;color: #fff;}
/*goods list*/
.category-rows>.category{white-space: nowrap;overflow: hidden;height: 32px;}
.category-rows>.category.fullH{white-space: normal;height: auto;}

.more-box.lan-allstyle-let {margin-bottom: 20px;}


.bcb{position: relative;overflow: hidden;}
.bcb .iconselected,.choose-more:not(.active) .bcb .iconselected {display: none;}
.bcb.active .iconselected{display: block;}
.bcb:after{position: absolute;content:' ';display: none; height: 100%;border: 1px solid #0084FF;left: 0;top: 0;width: 100%;}
.bcb.active:after,.bcb:hover:after{display: inline-block;}
*:disabled{cursor: not-allowed!important;}

.price-range-ck:after{content:'';clear: both;display: block;}
.bread-name span{max-width: 160px; margin-top: 2px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.banner-box .my-bullet {width: 10px;height: 10px;display: inline-block;border-radius: 100%;opacity: .3;background: #fff;margin-left: 10px;cursor: pointer;box-shadow: 0 0 4px rgba(50,50,50,.7);}
.banner-box .my-bullet-active {background: #0084FF;opacity: 1;}
.banner-box .swiper-button-next {right: 3%;}
.banner-box .swiper-button-prev {left: 3%;}

.minhidebox{overflow: hidden;height: 1px;position: absolute;bottom:0;z-index: -1;opacity: 0;}

.shop_follow .iconcol-s,.shop_follow.active .iconcol-k,.goods_follow > span:nth-child(2),.goods_follow.active > span:nth-child(1){display: none;}
.shop_follow .iconcol-k,.shop_follow.active .iconcol-s,.goods_follow > span:nth-child(1),.goods_follow.active > span:nth-child(2){display: inline-block;}

.nowrap{white-space: nowrap;}
.num-box{-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction: row;-moz-flex-direction: row;-ms-flex-direction: row;-o-flex-direction: row; flex-direction:row;}
.num-box input{width: 100%;}
.num-box .dropdown-menu,.num-box .dropdown-toggle{font-size: 12px;}
.num-box .dropdown-item{padding: .25rem .75rem}
.num-box .years .years-num{padding: 5px;}
.dropdown-item{cursor: pointer;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.num-box button.dropdown-toggle{min-width: 200px;text-align: left; padding-right: 25px;}
.num-box button.dropdown-toggle::after{position: absolute;right: 10px;top: 14px;}
.num-box .years .years-num{margin-top: 2px;}

.none{display: none;}
.proofs-fonts{padding: 10px 0 0px 0;}

.new-box{padding: 20px;min-height: 400px;}
.news-title{font-size: 18px;font-weight: bold;text-align: center;margin-bottom: 20px;}
.simg-sm{height: 20px; margin-right: 5px;}

.font-preview .fontlist-tit{min-width: 150px;}

#layer-cover{
      position:absolute;left:0px;top:0px;
      background:rgba(0, 0, 0, 0.4);
      width:100%;  /*宽度设置为100%，这样才能使隐藏背景层覆盖原页面*/
      height:100%;
      filter:alpha(opacity=60);  /*设置透明度为60%*/
      opacity:0.9;  /*非IE浏览器下设置透明度为60%*/
      display:none;
      z-Index: 1049;
    }

.load-1{height: 2.5em;transform: rotate(165deg);position: relative;}
.load-1:before {animation: before-1 2s infinite;}
.load-1:after {animation: after-1 2s infinite;}
.load-1:before, .load-1:after{content: '';position: absolute;top: 50%;left: 50%;display: block;width: 0.5em;height: 0.5em;border-radius: 0.25em;transform: translate(-50%, -50%);}
@keyframes before-1 {
    0% {width: 0.5em;box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);}
    35% {width: 2.5em;box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75);}
    70% {width: 0.5em;box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75);}
    100% {box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);}
}
@keyframes after-1 {
    0% {height: 0.5em;box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);}
    35% {height: 2.5em;box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75);}
    70% {height: 0.5em;box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75);}
    100% {box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);}
}

.load-2{text-align: center;}
.load-2.tol h2{display: inline-block;}
.load-2 span {display: inline-block;vertical-align: middle;width: .6em;height: .6em;margin: .19em;background: #007DB6;border-radius: .6em;-webkit-animation: load-2 1s infinite alternate;animation: load-2 1s infinite alternate;}
.load-2 span:nth-of-type(2) {background: #008FB2;-webkit-animation-delay: 0.2s;animation-delay: 0.2s;}
.load-2 span:nth-of-type(3) {background: #009B9E;-webkit-animation-delay: 0.4s;animation-delay: 0.4s;}
.load-2 span:nth-of-type(4) {background: #00A77D;-webkit-animation-delay: 0.6s;animation-delay: 0.6s;}
.load-2 span:nth-of-type(5) {background: #00B247;-webkit-animation-delay: 0.8s;animation-delay: 0.8s;}
.load-2 span:nth-of-type(6) {background: #5AB027;-webkit-animation-delay: 1.0s;animation-delay: 1.0s;}
.load-2 span:nth-of-type(7) {background: #A0B61E;-webkit-animation-delay: 1.2s;animation-delay: 1.2s;}
@-webkit-keyframes load-2 { 0% {opacity: .1;} 100% {opacity: 1;} }
@keyframes load-2 { 0% {opacity: .1;} 100% {opacity: 1;} }

.load-3 {color: #ffffff;font-size: 10px;margin: 80px auto;position: relative;text-indent: -9999em;-webkit-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);-webkit-animation-delay: -0.16s;animation-delay: -0.16s;}
.load-3:before, .load-3:after {content: '';position: absolute;top: 0;}
.load-3:after {border-radius: 50%;width: 2.5em;height: 2.5em;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation: load-3 1.8s infinite ease-in-out;animation: load-3 1.8s infinite ease-in-out;}
.load-3:before {left: -3.5em;-webkit-animation-delay: -0.32s;animation-delay: -0.32s;}
.load-3:after {left: 3.5em;}
@-webkit-keyframes load-3 {0%, 80%, 100% {box-shadow: 0 2.5em 0 -1.3em;} 40% {box-shadow: 0 2.5em 0 0;} }
@keyframes load-3 {0%, 80%, 100% {box-shadow: 0 2.5em 0 -1.3em;} 40% {box-shadow: 0 2.5em 0 0;} }

.fontimg.imc img{width: auto;height: auto;}
.fg-dropdown .dropdown-item{padding: 10px;}
.line-1{white-space: nowrap;}
.line-2{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}

.page-empty{min-height: 200px;padding: 50px 0; font-size:18px;text-align: center;}

.cropBox {position: relative;height: 400px;width: 400px;overflow: hidden;border:1px solid #aaa;background: #fff;background-repeat: no-repeat;cursor:move;}
.cropBox .thumbBox {position: absolute;top: 50%;left: 50%;width: 200px;height: 200px;margin-top: -100px;margin-left: -100px;box-sizing: border-box;border: 1px solid rgb(102, 102, 102);box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);background: none repeat scroll 0% 0% transparent;}
.cropBox .spinner,.cropBox .zz  {position: absolute;top: 0;left: 0;bottom: 0;right: 0;text-align: center;line-height: 400px;background: rgba(0,0,0,0.7);}
.cropBox .zz{background: rgba(0,0,0,0);user-select: none;}
.cropBox .cropmain{max-width: 100%;max-height: 100%;position: absolute;}
.cropBox .cropmain img{user-select: none;}

.offline .cus-service-online:before{background-color: #aaa;}
.offline .usertitle{color: #999;}
.ajax-inload{position: absolute;top:0;left: 0;right: 0; height:100%;z-index: +999999;}
.ajax-inload .loaddiv{top: 38%;font-size: 48px;height: 0;}

.center_status {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;-o-justify-content: center;justify-content: center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;position: fixed;top: 0px;left: 0px;right: 0px;bottom: 0px;margin: auto;z-index: 9999;}

.newmsg{
    animation:newmsg .5s ease-in-out infinite alternate;
    -moz-animation:newmsg .5s ease-in-out infinite alternate; /* Firefox */
    -webkit-animation:newmsg .5s ease-in-out infinite alternate; /* Safari and Chrome */
    -o-animation:newmsg .5s ease-in-out infinite alternate; /* Opera */
}
@keyframes newmsg
{ from {opacity: 1} to {opacity: .4} }

@-moz-keyframes newmsg /* Firefox */
{ from {opacity: 1} to {opacity: .9} }

@-webkit-keyframes newmsg /* Safari and Chrome */
{ from {opacity: 1} to {opacity: .4} }
.disable{opacity: .65}
.page-link.not-allow{background-color: #e9ecef!important;color: #666!important;border-color: #dee2e6!important;cursor: not-allowed;}
.nav-tabs-sort .dd-t1{min-width: 99px;}
.nav-tabs-sort .dd-t1 span{margin-left: 10px;}
.nav-tabs-sort .dd-t1 .icondownward {float: right;}
.nav-tabs-sort .area-sort:hover .area-sel-box.dd-u1{height: auto;width: 100%}
.search-tbox .category-alllan-p{padding-right: 50px;}
.item.seltype{min-width: 63px;margin-right: 10px;}
.search-tbox .lan-allstyle-con .item-pos{line-height: 1;}
.search-tbox .item-a .iconfont {font-size: 12px;padding-left: 5px;}
.item-more.xxx{display: none;}
.per-cen-userimg,.imcf{vertical-align: middle;font-size: 0;}
.per-cen-userimg img,.imcf img{display: inline-block;max-width: 100%;max-height: 100%;width: auto;}
.layui-laydate{font-size: 12px!important;}
.layui-laydate-content td, .layui-laydate-content th {width: 36px;height: 30px!important;padding: 0px!important;line-height: 30px!important;text-align: center;}

.chosen-container-single .chosen-single{background: #fff!important;height: auto; box-shadow: none;padding: 6px 12px; border: 1px solid #ced4da!important;}
.chosen-container .chosen-drop{ border: 1px solid #ced4da; box-shadow: none;}
.chosen-container-single .chosen-single div b{margin-top: 5px;}
.chosen-container .chosen-results li{line-height: 1.8;}
.chosen-container .chosen-results li.highlighted{background:#007bff;}

.brand-title{height: 100%;line-height: 1.5;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;-o-justify-content: center;justify-content: center;}
.brand-title>div{overflow:hidden;text-overflow: ellipsis; white-space: nowrap;}

.goods-row-list{margin: 0 -16px;}
.goods-row-list .col{padding-right: 18px;padding-left: 18px;}
.goods-row-list .fontimg{width: 270px;height: 180px;position: relative;}
.dmc,.fontimg-coll{position: relative;overflow: hidden;}
.goods-row-list .fontimg img,.dmc img,.fontimg-coll img{max-width: none;max-height: 100%;width: auto; position: absolute;top: 50%;left: 50%;margin-left: 0;transform: translate(-50%, -50%);}

.multilevel select{width: 33%;margin-left: 20px;height: 40px;font-weight: 400;line-height: 1.5;color: #495057;padding-left: 10px;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: .25rem;}
.multilevel select:nth-child(1){margin-left:0;}
.multilevel.mw1 select{width: 100px;}
.multilevel.nm select{margin-left:0;}

.zdraw-openwin{position: fixed; width: 100%; height:100%;z-index: +99999;top:0;bottom: 0;right: 0; padding: 30px 0;background: rgba(0,0,0,.3);}
.zdraw-openwin .iframe{width: 80%; height: 100%;margin: 0 auto;min-width: 1060px;background: #fff;opacity: 0;}
.zdraw-openwin .load{position: absolute;top:0;left:0;width: 100%;font-size: 32px;margin-top: 300px;}
.zdraw-openwin iframe{width: 100%; height: 100%;border: 0;}
@media screen and (max-height: 630px) {
    .zdraw-openwin{padding: 0;}
}

.zswitch{cursor: pointer;}
.zswitch input[type=checkbox], .zswitch1 input[type=checkbox]+i {
    line-height: 1;
    width: calc(3em - 4px);
    height: 1.5em;
    border-radius: 2em;
    position: relative;
    border: 1px solid #dfdfdf;
    background-color: #fdfdfd;
    box-shadow: #dfdfdf 0 0 0 0 inset;
    vertical-align: bottom;
    background-clip: content-box;
    display: inline-block;
    -webkit-appearance: none;
    user-select: none;
    outline: none!important;
    margin: 0;
    transition: background-color ease 0.4s, border cubic-bezier(0, 0, 0, 1) 0.4s, box-shadow cubic-bezier(0, 0, 0, 1) 0.4s;
}
.zswitch1 input{display: none!important;}
.zswitch.zswait:after{content: ' ';display:block;position: absolute;width: 100%;height: 100%;left: 0;top:0; background: rgba(0,0,0, 0);cursor: pointer;}

.zswitch input[type=checkbox]:checked,.zswitch1 input[type=checkbox]:checked+i {
    border-color: #0084FF;
    box-shadow: #0084FF 0 0 0 1em inset;
    background-color: #0084FF;
    transition: border ease 0.4s, box-shadow ease 0.4s, background-color ease 1.2s;
}
.zswitch input[type=checkbox]:before,.zswitch1 input[type=checkbox]+i:before {
    content: ' ';
    width: calc(1.5em - 2px);
    height: 100%;
    position: absolute;top: 0;left: 0;border-radius: 2em;background-color: #fff;
    z-index: +1;
    box-shadow: 0 0em .2em #999;transition: left 0.3s;
}
.zswitch input[type=checkbox]:checked:before,.zswitch1 input[type=checkbox]:checked+i:before {left: calc(100% - 1.5em + 2.5px);}
a.elink{font-size: 12px!important;color: #007bff; text-decoration: underline;}
.fixedtips{position: fixed;padding-top:20px;top:0;background: #fff;font-size: 24px;}
.fixedtips>div{cursor: pointer;}
.fixedtips .active{color: #0084FF;}
.inputselect{position: absolute;display:none;background: #fff;border-radius: 4px;padding: 4px;border:1px solid #eee;min-width: 80px;}
.inputselect>div{padding: 5px 10px; cursor: pointer;}
.inputselect>div:hover{background: #f5f5f5;}

.telsel{width: 140px;}
.invoice-table{width: 100%;text-align: center;border-collapse:collapse;}
.invoice-table th{color: #0084FF;}
.invoice-table td,.invoice-table th{padding: 10px;border:1px solid #ccc;}
.invoice-table tr:nth-child(odd){background: #f5f5f5;}
.inputtips{color: #999;margin-top: 10px;width: 120%;}

[tips],.tips{position: relative;}
[tips]:before,[tips]:after,
.tips .tips-msg,.tips .tips-msg:before{position:absolute;left: 50%;bottom: calc(100% - 15px); line-height: 1.5;font-style: normal;pointer-events: nones;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
[tips]:before,.tips .tips-msg:before{content: ""; width: 0;height: 0;border: 5px solid transparent;border-top-color: rgba(0,0,0,.7);}
[tips]:hover:before {-webkit-transition: all .25s;transition: all .25s;}
[tips]:before,[tips]:after,.tips .tips-msg{opacity: 0;-webkit-transition: all .3s;transition: all .3s;transition-delay: .7s;-webkit-transition-delay: .7s;}
[tips]:after,
.tips .tips-msg{content: attr(tips);z-index: -1;margin-bottom:9px;padding: 5px 10px;border-radius: 5px;font-size: 12px;white-space: pre-line;color: #fff;background: rgba(0,0,0,.7);-webkit-font-smoothing: subpixel-antialiased;}
.tips .tips-msg:before{bottom:-10px;}
.tips.tips-v1 .tips-msg{border: 1px solid #ccc;background: #fff; color: #666;box-shadow: 1px 1px 4px rgba(125,125,125,.1);}
.tips.tips-v1 .tips-msg:before{bottom:-6px;display:block;width: 10px;height: 10px;border: inherit;background:inherit;border-left-width: 0;border-top-width: 0;transform: translateX(-50%) rotate(45deg);-webkit-transform: translateX(-50%) rotate(45deg);}
.tips.tips-error{color: red;}


.tips.tips-r .tips-msg{bottom:50% !important; left: 100%; margin: 0 0 0 10px;box-shadow: 1px 1px 4px rgba(120,120,120,.3); -webkit-transform: translate(0,50%); transform: translate(0,50%);}
.tips.tips-r.tips-v1 .tips-msg:before{left: -6px;bottom: 50%; transform: translate(0,50%) rotate(135deg);}

[tips]:hover:before, [tips]:hover:after,
[tips].hover:before, [tips].hover:after,
.tips:hover .tips-msg,.tips.hover .tips-msg {opacity: 1;bottom: 100%;top:unset!important;transition-delay: .1s;-webkit-transition-delay: .1s;z-index: +9999999999;}
[tips].untips:before, [tips].untips:after,.tips.untips{display: none!important;}


.disabled .dropdown-menu,.disabled .dropdown-toggle::after {display: none !important;}
.popup-win, .popup-win .mask{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin:auto;}
.popup-win .mask{background: #000;opacity: 0.5;}
.modal-content.modal-diy {max-width: 540px;}
.modal-content.modal-diy .toast-header {padding: 12px 20px;}
.modal-content.modal-diy .toast-header strong {font-weight: normal;}
.modal-content.modal-diy .toast-body {padding: 20px;}
.modal-content.modal-diy .toast-body .toast-footer {border-top: 1px solid #dee2e6;padding-top: 20px;}
.modal-content.modal-diy .toast-body .toast-btn {font-size: 14px;width: 20%;height: 40px;padding: 6px 12px;line-height: 26px;opacity: .9;border-color: #0084FF;color: #fff;background: #0084FF;}
.modal-content.modal-diy .toast-body .toast-btn:nth-of-type(2n){margin-left: 40px;}
.modal-content.modal-diy:not(.btn-v1) .toast-body .toast-btn:nth-child(2),
.modal-content.modal-diy.btn-v1 .toast-body .toast-btn:nth-child(1) {background: #fff;color: #0084FF;}
.modal-content.modal-diy.btn-v1 .toast-body .toast-btn:nth-child(2) {background: #0084FF;color: #fff;}

.modal-content.modal-diy .toast-body .toast-btn:hover{opacity: 1;}

.show-images{position: fixed;width: 100%;height: 100%;background: rgba(0, 0, 0, .6);z-index: 1400;top: 0;left: 0;}
.show-images .layer{position: absolute;width: 100%;height: 100%;opacity:0;}
.show-images .arrow{width: 54px;height: 54px;background: rgba(0, 0, 0, .5);position: absolute;z-index:100;border-radius: 50%;text-align: center;line-height: 54px;top: 50%;transform: translate(0, -50%);cursor: pointer;opacity: .5;}
.show-images .arrow:hover{opacity: 1;}
.show-images .arrow:hover .iconfont {color: #fff;}
.show-images .arrow .iconfont{font-size: 32px; color: rgba(255, 255, 255, .6);font-weight: normal;}
.show-images .close{right: 60px;transform: none;top: 40px;}
.show-images .next{right: 60px;}
.show-images .prev{left: 60px;}
.show-images .num{left: 50%;top:90%; background: transparent;color: #fff; opacity: 1;border: 0;text-shadow: 0 0 2px #000;transform:translate(-50%,-50%)}

.show-images .image-list {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 100%;height: 98%;max-height: 820px;max-width: 960px;}
.show-images .image-list .dmc{width: 100%;height: 100%;}
.show-images .image-list .dmc img{max-width: 100%;max-height: 100%;}
.show-images .image-list .dmc .title{position: absolute;top:50%;text-align: center;width:100%;color: #fff;padding: 10px; margin-top: 90px;}

.link-t1{color: #0084ff;cursor: pointer;}
.anima-bling::before{ content: '';position: absolute;left: 0; top: 0; right: 0; bottom: 0;border: 2px solid #cd0000;animation: bling 1.5s infinite linear;}

.anima-bg1{animation: bg1 1s infinite linear; background: repeating-linear-gradient(135deg, transparent, transparent 3px, #000 3px, #000 8px);}

@keyframes bg1 {
    0% { background-position: -1px -1px;}
    100% { background-position: -12px -12px;}
}
@keyframes tips {

}
@keyframes bling {
    50% {border-color: transparent;}
}

.upload-images .item{width: 100px;height: 50px;border: 1px solid #ddd;cursor: auto;position: relative; text-align: center; margin: 0 10px 10px 0;float: left;list-style: none;}
.upload-images .item .cancel{position: absolute;color: #666;top: 6px;right:5px;cursor: pointer; line-height: 1; z-index: +999;display: none;}
.upload-images .dmc .cancel{top: 0;right: 0;}
.upload-images .item:hover .cancel{display: block;}
.upload-images .dmc{height: 100%;}
.upload-images .dmc img{max-height: 100%;max-width: 100%;}
.upload-images:after{content: ' ';display: block;clear: both;}
/*自动固定*/
.nav-body{background: #fff;}
.nav-fixed.in-fixed .nav-body{position: fixed;top:0;z-index: +99999999;}
.nav-fixed.in-fixed .nav-body .nav-item{cursor: pointer;}
.preline{white-space: pre-line;}

.yinyin.line-1 .toggle-box:before{content: '... ';}

.pdfview>object{width: 100%; min-height: 640px;}
.pdfview{text-align: center;}

.mobile-input .form-control {
    display: inline;
}

.mobile-input select.form-control {
    width: 120px;
}

.mobile-input input.form-control {
    width: 185px;
    float: right;
}
.nowrap{white-space: nowrap;}