@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
body, button, input, select, textarea {font:12px/1.5 '微软雅黑',"Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6{ font-size:100%; }
address, cite, dfn, em, var { font-style:normal;}
small{ font-size:12px;}
ul, ol {list-style:none;}
a { text-decoration:none;color:#333;}
a:hover {text-decoration:none;}
sup{ vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
legend { color:#000;}
fieldset, img {border:0;}
button, input, select, textarea { font-size:100%; }
table { border-collapse:collapse; border-spacing:0;}
.clear{clear:both;}
body{position:relative;font-weight:normal;color:#000;min-width: 1300px;margin:0;padding:0;}
a:not([href]):hover{color:#0084ff;}
a:hover{color:#0084FF;}
.modal-footer>*{margin:0;}
.pos-r{position: relative;}
.pos-a{position: absolute;}
.dis-flex{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;}
.dis-flex-r{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: flex-end;-moz-justify-content: flex-end;-ms-justify-content: flex-end;-o-justify-content: flex-end;justify-content : flex-end;}
.dis-flex-bt{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: space-between;-moz-justify-content: space-between;-ms-justify-content: space-between;-o-justify-content: space-between;justify-content : space-between;}
.flex-row{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;}
.align-start{align-items: flex-start; -webkit-align-items: flex-start;-moz-flex-align-items: flex-start;-o-align-items: flex-start;-ms-align-items: flex-start;}
input{font-size: 14px !important;}
.form-control{height: 40px;}
.txt-l{text-align: left;}
.txt-c{text-align: center;}
.txt-r{text-align:right;}
.fl{float: left;}
.fr{float: right;}
.text-dec{text-decoration: line-through;}
.table{display: table;}
.td{display: table-cell;vertical-align: middle;}
.bt-b{border-top: 1px solid #ddd;}
.bd-b{border-bottom: 1px solid #ddd;}
.txt-ind{text-indent:28px;}

/*宽度*/
.w1200{width: 1200px;margin:0 auto;}
.w100{width: 100%;}
.w980{width: 980px;}
.w500{width: 500px;}
.w460{width: 460px;}
.w220{width: 220px;}
.w50{width: 50%;}

/*字体大小*/
.f12{font-size: 12px !important;}
.f14{font-size: 14px !important;}
.f16{font-size: 16px !important;}
.f18{font-size: 18px !important;}
.f20{font-size: 20px !important;}
.f24{font-size: 24px !important;}
.f28{font-size: 28px !important;}
.f32{font-size: 32px !important;}
.f36{font-size: 36px !important;}
.f44{font-size: 44px !important;}
.f54{font-size: 54px !important;}
.f64{font-size: 64px !important;}
.f72{font-size: 72px !important;}
.f100{font-size: 100px !important;}
.f180{font-size: 180px !important;}
h1{font-size: 48px !important;}

/*边距*/
.mt4{margin-top: 4px;}
.mt6{margin-top: 6px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt60{margin-top: 60px;}
.mt80{margin-top: 80px;}
.mt100{margin-top: 100px;}
.mt120{margin-top: 120px;}
.mt150{margin-top: 150px;}
.ml4{margin-left: 4px;}
.ml6{margin-left: 6px;}
.ml10{margin-left: 10px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}
.ml40{margin-left: 40px;}
.ml80{margin-left: 80px;}
.mr4{margin-right: 4px;}
.mr10{margin-right: 10px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}
.mb10{margin-bottom: 10px;}
.mb14{margin-bottom: 14px;}
.mb20{margin-bottom: 20px;}
.mx6{margin-left: 6px;margin-right: 6px;}
.mx10{margin-left: 10px;margin-right: 10px;}
.my20{margin-top: 20px;margin-bottom: 20px;}
.pl10{padding-left: 10px;}
.pl20{padding-left: 20px;}
.pl40{padding-left: 40px;}
.pl60{padding-left: 60px;}
.pb20{padding-bottom: 20px;}
.pb40{padding-bottom: 40px;}
.pb70{padding-bottom: 70px;}
.pr20{padding-right: 20px;}
.pt10{padding-top: 10px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}
.pt100{padding-top: 100px;}
.px10{padding-left:10px;padding-right: 10px;}
.px20{padding-left:20px;padding-right: 20px;}
.px40{padding-left:40px;padding-right: 40px;}
.py10{padding-top: 10px;padding-bottom: 10px;}
.py20{padding-top: 20px;padding-bottom: 20px;}
.py30{padding-top: 30px;padding-bottom: 30px;}
.py40{padding-top: 40px;padding-bottom: 40px;}
.py60{padding-top: 60px;padding-bottom: 60px;}
.py100{padding-top: 100px;padding-bottom: 100px;}
.py120{padding-top: 120px;padding-bottom: 120px;}
.p10{padding: 10px;}
.p20{padding: 20px;}
.p30{padding: 30px;}
/*颜色*/
.cfff{color:#fff;}
.c333{color:#333;}
.c666{color:#666;}
.c999{color:#999;}
.cbbb{color:#bbb;}
.red{color:#FB3F64;}
.cmain{color:#0084FF;}
.green{color:#6c0;}
.orange{color:#FECA46;}

/*背景颜色*/
.bg-fff{background: #fff;}
.bg-gray{background: #F7F8F9;}
.bg-merchant{background:#0084FF;}
.bg-black{background: #363636;}
/*按钮*/
.btn-primary{width: 100%;background: #0084FF;border-color:#0084FF;height: 40px;line-height: 26px;}
.btn-primary:hover {background-color: rgba(0,132,255,.9);border-color: rgba(0,132,255,.9);}
.btn-primary:focus, .btn-primary.focus {background-color: rgba(0,132,255,.9);border-color: rgba(0,132,255,.9);box-shadow: none;}
.btn-primary.disabled, .btn-primary:disabled {background-color: rgba(0,132,255,.9);border-color: rgba(0,132,255,.9);}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  background-color: rgba(0,132,255,.9);
  border-color: rgba(0,132,255,.9);
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {box-shadow:none;}
.btn-outline-primary {width: 100%;color: #0084ff;border-color: #0084ff;height: 40px;line-height: 28px;}
.btn-outline-primary:hover {background-color: rgba(0,132,255,.9);border-color: rgba(0,132,255,.9);}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {color: #0084ff;background-color: transparent;}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
background-color: #0084ff;border-color: #0084ff;}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: none;}
  .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {box-shadow: none;}
.btn-info {background-color: #0084FF;border-color: #0084FF;border-radius: 20px;font-size: 14px !important;}
.btn-info:hover {background: rgba(0,132,255,.9);border-color: rgba(0,132,255,.9);}
.btn-info:focus, .btn-info.focus {background-color: rgba(0,132,255,.9);border-color: rgba(0,132,255,.9);box-shadow: none;}
.btn-info.disabled, .btn-info:disabled {background-color: rgba(0,132,255,.9);border-color: rgba(0,132,255,.9);}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
  background-color: #0084FF;
  border-color: #0084FF;}
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {box-shadow:none;}
.btn-outline-secondary {color: #999;border-color:#ced4da;}
.btn-outline-secondary:hover {color: #fff;background-color: #0084FF;border-color: #0084FF;}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {box-shadow:none;}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {background-color: #0084FF;border-color: #0084FF;}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {box-shadow: none;}
.btn-dark {background-color: #ccc;border-color: #ccc;}
.btn-dark:hover {background-color: rgba(204,204,204,.8);border-color: rgba(204,204,204,.8);}
.btn-dark:focus, .btn-dark.focus {background-color: #ccc;border-color: #ccc;box-shadow:none;}
.btn-dark.disabled, .btn-dark:disabled {background-color: #ccc;border-color: #ccc;}
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {background-color: #ccc;border-color: #ccc;}
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {box-shadow: none;}
/*年限选择按钮*/
.btn-danger-years{background-color:transparent;border-color:#ced4da;color:#333;font-size: 14px;}
.btn-danger-years:not(:disabled):not(.disabled).active, .btn-danger-years:not(:disabled):not(.disabled):active, .show>.btn-danger-years.dropdown-toggle{background: #fff;color:#333;}
.btn-danger-years:hover {color: #333;background-color: #fff;border-color: #ced4da;}
.btn-danger-years:focus, .btn-danger-years.focus {color: #333;background-color: #fff;border-color: #ced4da;box-shadow: none;}
.btn-danger.disabled, .btn-danger:disabled {color: #333;background-color: #fff;border-color: #ced4da;}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {color: #333;background-color: #fff;border-color: #ced4da;}
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {box-shadow: none;}
/*搜本店按钮*/
.btn-primary-ourshop{background: #474e5c;border-color:#474e5c;}
.btn-primary-ourshop:hover {background-color: #474e5c;border-color: #474e5c;}
.btn-primary-ourshop:focus, .btn-primary-ourshop.focus {background-color: #474e5c;border-color: #474e5c;}
.btn-primary-ourshop.disabled, .btn-primary-ourshop:disabled {background-color: #474e5c;border-color: #474e5c;}
.btn-primary-ourshop:not(:disabled):not(.disabled):active, .btn-primary-ourshop:not(:disabled):not(.disabled).active,
.show > .btn-primary-ourshop.dropdown-toggle {background-color: #474e5c;border-color: #474e5c;}
/*提交按钮*/
.btn-warning {background-color: #FB3F64;border-color: #FB3F64;color:#fff;}
.btn-warning:hover {color: #fff;background-color: rgba(251,63,100,.8);border-color: rgba(251,63,100,.8);}
.btn-warning:focus, .btn-warning.focus {background-color: #FB3F64;border-color: #FB3F64;box-shadow: none;color:#fff;}
.btn-warning.disabled, .btn-warning:disabled {background-color: #FB3F64;border-color: #FB3F64;}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {background-color: #FB3F64;border-color: #FB3F64;}
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {box-shadow:none;color:#fff;}
/*下拉样式*/
.btn-danger-tel{background-color:#fff;border-color:#ced4da;color:#666;font-size: 14px;}
.btn-danger-tel:hover{background-color: #fff;border-color: #0084FF;color:#666;}
.btn-danger-tel:not(:disabled):not(.disabled).active, .btn-danger-tel:not(:disabled):not(.disabled):active, .show>.btn-danger-tel.dropdown-toggle{background: #fff;color:#333;border-color:#0084FF;}
.btn-danger-tel:focus, .btn-danger-tel.focus {color: #666;background-color: #fff;border-color: #ced4da;box-shadow: none;}
/*标签切换*/
.nav-tabs{border-bottom: transparent;}
.nav-tabs .nav-link{border:transparent;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{color:#0084FF;border-color:transparent;}
.navbox{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap:wrap;margin-right: -20px;margin-left: -20px;}
.nav-tabs-index .nav-link:focus, .nav-tabs-index .nav-link:hover{border-color:transparent;}
.nav-tabs-index .nav-item.show .nav-link, .nav-tabs-index .nav-link.active{border-bottom:2px solid #0084FF;}
.nav-tabs-index{position: relative;margin:0 20px;}
.nav-tabs-index .nav-link{padding:0;height: 40px;line-height: 40px;font-size: 14px !important;}
.nav-tabs-index .nav-item{margin-right: 20px;}
.nav-tabs-index .nav-item .line{margin-top: 13px;}
.navbox .nav-tabs-index:after{content: "";position: absolute;width:1px;background: #ddd;height: 14px;right: 0;top: 13px;}
.navbox .nav-tabs-index:last-child:after{background:transparent;}
/*.nav-tabs-index .*/
/*字体分类标签切换*/
.fontslabel-box{margin:0 auto;padding-bottom: 20px;border-bottom: 1px solid #0084FF;}
.fonts-label{margin-left: -26px;margin-right: -26px;}
.fonts-label .nav-link{border:1px solid #ddd;position: relative;width: 104px;text-align: center;}
.fonts-label .nav-link:focus, .fonts-label .nav-link:hover{border:1px solid #0084FF;}
.fonts-label .nav-link{border-top-left-radius:0;border-top-right-radius:0;}
.fonts-label .nav-item{margin:0 26px;}
.fonts-label .nav-item.show .nav-link, .fonts-label .nav-link.active{border-color:#0084FF;border-bottom: 1px solid #0084FF;background: transparent;}
.fonts-label .nav-link:focus:before, .fonts-label .nav-link:hover:before{content: "";position: absolute;border:1px solid #0084FF;width: 106px;height: 42px;left: -2px;top: -2px;}
.fonts-label .nav-item.show .nav-link:before, .fonts-label .nav-link.active:before{content: "";position: absolute;border:1px solid #0084FF;width: 106px;height: 42px;left: -2px;top: -2px;}
/*登录注册头部*/
#header{box-shadow: 0 5px 10px rgba(204,204,204,.4);position: relative;z-index: 1000;}
.logintop{height: 110px;}
.logo{width: 156px;}
.logo img {width: 100%;}
.logo-lh{line-height: 110px;}
.logintop div{float: left;line-height: 110px;height:110px;}
.logintop .login-r-link{float: right;padding:0;}
.header-top{height: 40px;background: #F7F8F9;}
.header-top-con{float: left;}
.header-top-r{float: right;}
.area-sel{line-height: 40px;height: 40px;cursor: pointer;}
.area-sel .icondown{vertical-align: middle;margin-left: 4px;transition:transform .3s ease-out;-webkit-transition: -webkit-transform .3s ease-out;-moz-transition: -moz-transform .3s ease-out;-o-transition: -o-transform .3s ease-out;-ms-transition: -ms-transform .3s ease-out;display: inline-block;font-size: 12px !important;}
.area-sel-box{box-shadow: 0 5px 10px rgba(204,204,204,.4);background: #fff;width: 80px;padding:0 10px;text-align: center;overflow: hidden;left: -10px;height:0;transition: .3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;border-radius: 4px;z-index: 1000;}
.area-sel-box li a{height: 32px;line-height: 32px;border-bottom: 1px solid #ddd;display: block;}
.area-sel-box li:last-child a{border-bottom: transparent;}
.area:hover .area-sel-box{display: block;height: auto;z-index: 1000;}
.area:hover .icondown{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);display: inline-block;}
.header-r-con{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-right: -10px;margin-left: -10px;white-space: nowrap;}
.header-r-con li a{height: 40px;line-height: 40px;display: inline-block;}
.header-r-con li{padding:0 10px;position: relative;}
.header-r-con li:after{content: "";width: 1px;background: #ddd;height: 14px;position: absolute;right: 0;top: 13px;}
.header-r-con li:last-child:after{background: transparent;}
/*首页顶部*/
.web-label{height: 40px;}
.web-label-li li:after{background: transparent;}
.top-logo-col{height: 110px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap:wrap;-webkit-justify-content: space-between;-moz-justify-content: space-between;-ms-justify-content: space-between;-o-justify-content: space-between;justify-content : space-between;}
.index-search{width: 700px;margin:0 90px;padding-top: 30px;}
.header-r-con li.active a{color:#0084ff;}
.input-group .input-group-append .btn-border{border-radius: 20px;padding:6px 20px;}
.input-group .index-form-control{border-radius: 20px;padding:6px 86px;}
.input-group>.index-form-control:not(:last-child){border-radius: 20px;border-color:#0084ff;}
.input-group>.index-group:not(:last-child)>.btn{border-radius: 20px;}
.index-group{position: absolute;right: 0;z-index: 100;}
.search-sel{position: absolute;z-index: 200;left: 0px;width: 80px;}
.search-sel .area-sel-box{top:39px;border:transparent;width: 80px;left: 0;}
.search-sel:hover .area-sel-box{height: 100px;border-top-left-radius: 0;border-top-right-radius: 0;top: 39px;border:1px solid #0084ff;border-top-color:#fff;}
.search-sel .area-sel{padding:0 10px 0 20px;}
.search-sel .area-sel:after{content: "";position: absolute;width: 1px;background: #ddd;height: 14px;top: 13px;right: 0;}
.search-sel .area-sel .icondown{font-size: 14px;float: right;}
.shopping-c{height: 40px;padding:30px 0 40px 0;}
.shop-box{border:1px solid #bbb;border-radius: 20px;height: 40px;line-height: 40px;padding:0 20px;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;}
.shop-box:hover{border-color:#0084ff;}
.card-num{display: inline-block;border-radius: 20px;background: #0084FF;color:#fff;padding:0 6px;height: 18px;line-height: 18px;}
.form-control:focus{box-shadow: none;border-color: #0084ff;}
.shop-list{margin-bottom: 10px;}
.shopimg{width: 80px;height: 60px;}
.shopcon{width: 90px;}
.shopcon .shopcon-title{width: 90px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color:#666;}
.shopping-con{width: 340px;right: 0;z-index: 1200;overflow: hidden;transition: .3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;height: 0;}
.shopbox-abs{padding:0 10px;max-height:240px;overflow-y: auto;overflow-x: hidden;}
.shop-money-ico{cursor: pointer;width: 20px;height: 20px;border-radius: 4px;line-height: 20px;text-align: center;margin-top: 10px;}
.shop-money{line-height: 40px;margin-left: 10px;}
.shop-money .iconcross{display: block;line-height: 22px;}
.shop-money-ico:hover{background: #eee;}
.shop-price{width: 80px;}
.settlement{background: #222;border-bottom-left-radius: 4px;padding:10px;border-bottom-right-radius: 4px;}
.settlement .sett{float: left;line-height: 35px;}
.settlement .sett-r{float: right;}
.shop-list .sp{float: left;position: relative;}
.settlement .sett .mo{color:#FFD300;}
.test_triangle_border{width:340px; position:absolute;z-index: 1200;}
.test_triangle_border .popup{width:340px;background:#fff; color:#333;  border-radius:4px;position:absolute; top:10px; right:0;border:1px solid #ddd;box-shadow:0 5px 10px rgba(204,204,204,.4);}
.test_triangle_border .popup .triangle{display:block; width:0;height:0; border-width:0 10px 10px; border-style:solid; border-color:transparent transparent #ddd; position:absolute; top:-10px; left:80%;margin-left:-10px;}
.test_triangle_border .popup em{display:block; width:0; height:0; border-width:0 10px 10px; border-style:solid; border-color:transparent transparent #fff;position:absolute; top:1px; left:-10px;}
.failure{height: 40px;line-height: 40px;text-align: center;background: #eee;}
.failure-shop{width: 80px;height: 40px;position: absolute;background: rgba(242,242,242,.8);top: 0;left: 0;text-align: center;line-height: 40px;}
.shopping-c:hover .shopping-con{height: 320px;}
.header-name{font-size: 18px !important;margin-left: 30px;line-height: 110px;}
.index-search-per{width: 600px;}






/*下拉显示的顶部*/
.dropdown-top{box-shadow: 0 5px 10px rgba(204,204,204,.4);z-index: 2000;width: 100%;background: #fff;}
.sticky{position: fixed;top: 0;display: none;}
.fixed {position: fixed;top: 0;}
.dropdown-top-label{height: 60px;line-height: 60px;-webkit-justify-content: space-between;-moz-justify-content: space-between;-ms-justify-content: space-between;-o-justify-content: space-between;justify-content : space-between;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;}
.l-logo{width: 40px;margin-right: 20px;}
.dropdown-top-search{margin:0 20px;width: 360px;padding-top: 0;}
.nav-tabs-dropdown .nav-item{margin-right: 30px;}
.dropdown-input-group .index-form-control{padding:2px 28px;height: 32px;}
.dropdown-input-group .iconsearch{position: absolute;left: 0;height: 24px;line-height: 24px;z-index: 100;font-size: 22px !important;color:#666;top: 8px;}
.dropdown-input-group .iconright-arrow{position: absolute;right: 0;height: 24px;line-height: 24px;color:#666;top: 8px;z-index: 100;}
.iconright-arrow:hover{color:#0084FF;}
.dropdown-input-group>.index-form-control:not(:last-child){border-radius: 0;border-color:transparent;border-bottom-color:#ddd;}
.shopping-dropdown{padding:0;height: 32px;line-height: 32px;}
.shopping-dropdown a{display: inline-block;width: 32px;height: 32px;line-height: 32px;text-align: center;margin-left: 20px;position: relative;}
.shopping-dropdown a:hover{background: #f8f8f8;}
.shopping-dropdown .iconfont{font-size: 24px !important;color:#666;}
.shopping-dropdown .iconuser{font-size: 28px !important;}
.shopping-dropdown .iconfont:hover{color:#0084FF;}
.shopping-dropdown .point{position: absolute;width: 8px;height: 8px;border-radius: 50%;background: #FB3F64;}
.dropdown-input-group .form-control:focus{border-bottom: 1px solid #0084ff;}
.shopping-dropdown a:hover .iconfont{color:#0084FF;}

/*注册登录底部*/
.footer-con{text-align: center;padding:20px 0;font-size:14px !important;color:#666;}
.line{width: 1px;background: #ddd;height: 14px;}
.copyright{padding-left: 6px;margin-left: 12px;}
.copyright:before{content:"";position: absolute;width: 1px;background: #ddd;height: 14px;top: 4px;left: -6px;}

/*公用底部new*/

.footer{background:#f7f8f9;padding:60px 0}
.footer-l{width:1200px;position:relative}
.footer-fontlink .link{float:left}
.footer-fontlink .link-code{width:140px;text-align:center;margin-left:20px}
.footer-fontlink .link-code .code{width:140px;height:140px;overflow:hidden;position:relative}
.footer-fontlink .link-code .img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:100%}
.footer-fontlink .link-code p{margin-top:10px;color:#0084ff}
.footer-link{margin-left:20px;width:844px}
.footer-fontlink .item-ul{display:inline-block;vertical-align:top;width:208px;padding-left:30px}
.footer-fontlink .item-ul .title{font-size:16px;padding-bottom:10px}
.footer-link .link-a{font-size:14px !important;display:inline-block;padding:6px 0;color:#666}
.footer-contact{margin-top:20px}
.footer-contact .contact-way{color:#999;text-align:center}
.footer-contact .contact-way .item-a{color:#999}
.footer-contact .contact-way .item-a:hover{color:#0084ff}
.footer-contact .contact-way .item:after{position:absolute;content:"";width:1px;height:14px;background:#ddd;top:3px;right:0}
.footer-contact .contact-way .item:last-child:after{background:transparent}

/*右下角通用聊天框*/
.fixed-chat{position: fixed;bottom: 20px;right: 20px;z-index: 3000;}
.fixed-chat .newmsg {
  top: 3px;
  right: 5px;
  display: none;
  position: absolute;
  background: red;
  border-radius: 30%;
  padding: 0 3px;
  color: #fff;
}
.btn-secondary{background-color:#0084FF;border-color:#0084FF;border-radius: 20px;padding:6px 20px;font-size: 14px !important;}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle{background-color:#0084FF;border-color:#0084FF;}
.btn-secondary:hover{background: rgba(0,132,255,.8);border-color:rgba(0,132,255,.8);}
.btn-secondary:focus, .btn-secondary.focus {background: rgba(0,132,255,.8);border-color:rgba(0,132,255,.8);box-shadow: none;}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {box-shadow: none;}
.dropdown-toggle-rd::after{display: none;}
.fixed-chat-c .dropdown-menu-chat.show{background: #fff;}
.fixed-chat-c .dropdown-menu-chat{box-shadow: 0 0 10px #ccc;width: 500px;}
.dialog-box{padding:8px;}
.dropdown-menu-chat .iconcross{position: absolute;right: 20px;font-size: 20px !important;cursor: pointer;}
.cus-service{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-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content: space-between;-moz-justify-content: space-between;-ms-justify-content: space-between;-o-justify-content: space-between;justify-content:space-between;}
.cus-service-img{position: relative;width: 50px;height: 50px;}
.cus-service-img:before{content: "";position: absolute;width: 10px;height: 10px;border-radius:10px;top: 2px;right: 2px;box-shadow: 0px 0px 0px 3px #fff;}
.cus-service-online:before{background-color:#90be2e;}
.user-avatar{border-radius: 40px;overflow:hidden;}
.user-avatar img{max-width: 100%;height: auto;vertical-align: middle;}
.username-n{padding-left: 20px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.username-n .usertitle{margin-bottom: 2px;color:#0084FF;}
.chat-controls{padding-top: 5px;}
.chat-controls textarea{border: 1px solid #eee;}
.chat-controls .form-control:focus{border-bottom-color: #0084ff;}
.chat-extra{margin-top: 3px;}
.chat-extra a{display: inline-block;line-height: 1;position: relative;color:#0084FF;vertical-align: middle;}
.chat-extra-tip{background: rgba(0, 0, 0, 0.9);color:#fff;font-weight: 600;text-transform:uppercase;padding:2px 10px;border-radius: 4px;position: absolute;top: -20px;left: 50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap;font-size: 12px !important;display: none;}
.chat-extra a:hover .chat-extra-tip{display: block;}
.chat-extra .chat-suspend{font-size: 14px;display: none;cursor: pointer;}
.chat-extra .chat-suspend .iconfont{margin-left: 5px;}
.chat-extra .chat-suspend:hover{color: red;}
.chat-mess{padding:20px;height: calc(100vh - 400px);position: relative;overflow:hidden;}
.chat-mess-ps{touch-action:auto;-ms-touch-action:auto;overflow:hidden !important;-ms-overflow-style:none;}
.mess{padding-bottom: 12px;}
.mess-content{color:#fff;padding:10px 20px;background: #0084FF;border-radius: 20px 20px 20px 0px;max-width: 80%;font-size: 14px !important;display: inline-block;text-align: left;}
.mess-content a{color: #BD0;font-weight: bold;cursor: pointer;}
.mess-content a:hover{text-decoration: underline;}
.mess-content a:hover, .mess-content a:visited{color: #fff;}
.mess-content ol{list-style: decimal inside;}
.mess-date{text-align: center;margin-bottom: 10px;color:rgba(0, 0, 0, 0.4);font-size: 12px !important;}
.myself{text-align: right;}
.myself .mess-content{border-radius: 20px 20px 0px 20px;background:#f2f2f2;color:#333;}
.myself .mess-content a{color: #08F;}
.mess-content.imc{padding: 10px;}
.mess-content.imc img{max-height: 150px;}
.mess-content img{max-width: 100%;}
.mess-scrollbar{position: absolute;height: 15px;width: 100%;background: #eee;bottom: 0;left: 0;border-radius: 15px;opacity: .8;display: none;}
.mess-scrollbar .mess-scrollbar-x{width: 30%;height: 9px;position: absolute;background: #aaa;border-radius: 9px;bottom: 3px;left: 3px;}
.mess-scrollbar-c{position: absolute;height: 100%;width: 15px;background: #eee;top: 0;right: 0;border-radius: 15px;opacity: .8;display: none;}
.mess-scrollbar-c .mess-scrollbar-y{height: 30%;width: 9px;position: absolute;background: #aaa;border-radius: 9px;top: 3px;right: 3px;}
.chat-mess:hover .mess-scrollbar{display: block;}
.chat-mess:hover .mess-scrollbar-c{display: block;}

/*小弹窗*/
.little-pop-ups{padding:4px 10px;background: rgba(0,0,0,.6);color:#fff;border-radius: 4px;position: absolute;right: 50px;bottom:30px;}
/*上传成功大弹窗*/
.little-upload{padding:8px 15px;left: 50%;top: 50%;transform: translate(-50%,-50%);bottom:inherit;right: inherit;}
/*店铺公用顶部*/
.shop-top-logo{margin-left: 20px;padding-left: 20px;position: relative;width: 250px;height: 70px;margin-top: 20px;}
.shop-top-logo::before{content: "";position: absolute;width: 1px;height: 70px;background: #bbb;left: 0;}
.shop-index-search{width: 480px;margin:0 20px;}
.top-com-logo{width: 70px;height: 70px;}
.top-com-logo img{width: 100%;height: auto;}
.shop-top-logo .com-name{float: left;}
.shop-top-logo .com-name-r{width: 150px;margin-top: 12px;}
.shop-input-group>.index-form-control:not(:last-child){border-radius: 4px;}
.shop-input-group>.index-group:not(:last-child)>.btn{border-radius: 4px;}
.search-ourshop{margin:30px 40px 0 0;}
.shop-input-group .index-form-control{padding:6px 86px 6px 12px;}
.shop-input-group .input-group-append .btn-border{border-radius: 4px;}
.navbox-shop{background: #fafafa;}
.shop-nav-tabs{font-size: 14px;margin:0 20px;}
.shop-nav-tabs .nav-item:first-child .nav-link{padding-left: 0;}
.shop-navbox{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:space-between;-moz-justify-content: space-between;-ms-justify-content: space-between;-o-justify-content: space-between;justify-content : space-between;height: 40px;}
.shop-det-buyicon .btn{height: 24px;font-size: 12px !important;padding:0 10px;line-height: 22px;width: auto;}
.shop-det-buyicon .btn .iconfont{font-size: 12px !important;vertical-align: initial;}
.bg-shop-label{background: #f7f8f9;}
.shop-nav-tabs .nav-item.show .nav-link, .shop-nav-tabs .nav-link.active{background: transparent;}
.shop-header{box-shadow: none;}
#shop-header{position: relative;z-index: 1000;}
.fontlist-r-con .credit{float: left;}
.iconcredit{font-size: 24px !important;color:#0084FF;}
.credit-score{position: absolute;padding:2px 4px;border:1px solid #bbb;background: #fff;z-index: 100;min-width: 90px;border-radius: 4px;text-align: center;right: -92px;top: 4px;display: none;}
.credit:hover .credit-score{display: block;}
.shop-credit-score{top: 0;text-align: left;padding:20px;width: 360px;left: 82px;}
.shop-top-logo .com-name-r .credit>a{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: inline-block;width: 100%;}
/*分页*/
.pagination .page-item{margin:0 5px;}
.page-item .page-link{border-radius: 4px;color:#666;}
.page-link:focus {box-shadow: none;}
.page-link:hover {color: #fff;background-color: #0084FF;border-color: #0084FF;}
.page-link-point{padding:8px 12px;}
.page-item .form-control{width: 50px;display: inline-block;margin:0 6px;height: 32px;padding:6px;}
.pagination .page-item-j{margin-left: 20px;}
.page-item.active .page-link{background: #0084ff;}

/*下拉框*/
select.form-control{border: solid 1px #ddd;position: relative;padding:6px 16px 6px 10px;font-size: 14px !important;}
select {appearance:none;-moz-appearance:none;-webkit-appearance:none;background: url("../img/down.png") no-repeat scroll right center transparent;background-position:right 6px center;}
select::-ms-expand { display: none;}

.footer-l{width: 1200px;position: relative;}
.footer-contact {
  margin-top: 20px;
}
.footer-contact a {
  color:#999;
}
.footer-contact .contact-way {
  color:#999;
  font-size: 0;
  text-align: center;
}
.footer-contact .contact-way:last-child {
  padding-bottom: 0;
}
.footer-contact .contact-way .item {
  display: inline;
  font-size: 12px;
  position: relative;
  padding:0 8px;
}
.footer-contact .contact-way .item-a {
  color:#999;
}
.footer-contact .contact-way .item-a:hover {
  color:#0084ff;
}
.footer-contact .contact-way .item:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 14px;
  background: #ddd;
  top: 3px;
  right: 0;
}
.footer-contact .contact-way .item:last-child:after {
  background: transparent;
}
.btn-outline-cancel {width: 100%;color: #6c0;border-color: #6c0;height: 40px;line-height: 28px;}
.btn-outline-cancel:hover {background-color: rgba(102,204,0,.9);border-color: rgba(102,204,0,.9);}
.btn-outline-cancel.disabled, .btn-outline-cancel:disabled {color: #6c0;background-color: transparent;}
.btn-outline-cancel:not(:disabled):not(.disabled):active, .btn-outline-cancel:not(:disabled):not(.disabled).active,
.show > .btn-outline-cancel.dropdown-toggle {
background-color: #6c0;border-color: #6c0;}
.btn-outline-cancel:focus, .btn-outline-cancel.focus {
  box-shadow: none;}
  .btn-outline-cancel:not(:disabled):not(.disabled):active:focus, .btn-outline-cancel:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-cancel.dropdown-toggle:focus {box-shadow: none;}
.batch-addsort .btn-outline-cancel {font-size: 12px !important;height: 28px;line-height: 26px;margin-left: 6px;}
.fontlist .proofs-fonts a{font-size: 18px;}
.fontset-preview{display: flex; align-items: center;justify-content: space-between;}
.extra-box .name{width: 136px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;}
  .pay-operating .btn-primary1{display: block;width: 80px !important;}