/*wangfangyuan <871229893@qq.com>2017-4-1 kuaizu365 public css*/
body{ background-color: #f7f7f7; font-size: 12px; font-family: Microsoft YaHei,"微软雅黑", Verdana, Arial, SimSun; position: relative; color: #333;}
.container{ width: 1200px !important; padding-right: 0px;   padding-left: 0px;position: relative;}
html, body {
 height: 100%;
}
ul,li{ list-style: none;}
a{ cursor: pointer; text-decoration: none;}
a:hover{ text-decoration: none !important;}
a:focus, a:hover { color: var(--main-theme-color); }
img{ display: block;}
a:hover img{ opacity: 0.95;}
a[title="站长统计"] {
    display: none;
}
.test{ border: 1px solid #f00;}
.cursor{cursor: pointer}
.popover{ font-family: '微软雅黑',Microsoft YaHei, Verdana, Arial, SimSun; font-size: 12px;}
.text-nowrap{text-overflow :  ellipsis; overflow: hidden; }
.one-line-nowrap { overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.two-line-nowrap { overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;
 -webkit-box-orient: vertical; }

@media screen and (min-width: 768px) {
 .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
  margin-left: -30px;
 }
}
 @media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
   margin-right: -30px;
  }
}

#zhichiBtnBox {
 background-color: var(--main-theme-color)!important;
}
/*
xs - 5px
sm - 10px
default - 16px
lg - 24px
xl - 32px
*/
.kz-all-width{
 width: 100%;
}
/*vertical*/
.kz-vertical-align {font-size: 0.001px;}
.kz-vertical-align:before {content: ''; display: inline-block; height: 100%;vertical-align: middle;}
.kz-vertical-align-middle {vertical-align: middle !important;}
.kz-vertical-align-bottom {vertical-align: bottom;}
.kz-responsive-width { -webkit-box-sizing: border-box;box-sizing: border-box; max-width: 100%; height: auto;}
/*border-radius*/
.kz-radius-0{ border-radius: 0px;}
.kz-radius-xs{ border-radius: 2px;}
.kz-radius-sm{ border-radius: 4px;}
/* Margin helpers */
.kz-margin { margin: 16px;}
.kz-margin-0 { margin: 0!important;}
.kz-margin-xs { margin: 5px;}
.kz-margin-sm { margin: 10px;}
.kz-margin-lg { margin: 24px;}
.kz-margin-xl { margin: 32px;}
.kz-margin-horizontal { margin-left: 16px; margin-right: 16px;}
.kz-margin-horizontal-0 { margin-left: 0!important; margin-right: 0!important;}
.kz-margin-horizontal-xs { margin-left: 5px; margin-right: 5px;}
.kz-margin-horizontal-sm { margin-left: 10px; margin-right: 10px;}
.kz-margin-horizontal-lg { margin-left: 24px; margin-right: 24px;}
.kz-margin-horizontal-xl { margin-left: 32px; margin-right: 32px;}
.kz-margin-vertical { margin-top: 16px; margin-bottom: 16px;}
.kz-margin-vertical-0 { margin-top: 0!important; margin-bottom: 0!important;}
.kz-margin-vertical-xs { margin-top: 5px; margin-bottom: 5px;}
.kz-margin-vertical-sm { margin-top: 10px; margin-bottom: 10px;}
.kz-margin-vertical-lg { margin-top: 24px; margin-bottom: 24px;}
.kz-margin-vertical-xl { margin-top: 32px; margin-bottom: 32px;}
.kz-margin-top { margin-top: 16px;}
.kz-margin-top-0 { margin-top: 0!important;}
.kz-margin-top-xs { margin-top: 5px;}
.kz-margin-top-sm { margin-top: 10px;}
.kz-margin-top-lg { margin-top: 24px;}
.kz-margin-top-xl { margin-top: 32px;}
.kz-margin-bottom { margin-bottom: 16px;}
.kz-margin-bottom-0 { margin-bottom: 0!important;}
.kz-margin-bottom-xs { margin-bottom: 5px;}
.kz-margin-bottom-sm {  margin-bottom: 10px;}
.kz-margin-bottom-lg { margin-bottom: 24px;}
.kz-margin-bottom-xl { margin-bottom: 32px;}
.kz-margin-left { margin-left: 16px;}
.kz-margin-left-0 { margin-left: 0!important;}
.kz-margin-left-xs { margin-left: 5px;}
.kz-margin-left-sm { margin-left: 10px;}
.kz-margin-left-lg { margin-left: 24px;}
.kz-margin-left-xl { margin-left: 32px;}
.kz-margin-right { margin-right: 16px;}
.kz-margin-right-0 { margin-right: 0!important;}
.kz-margin-right-xs { margin-right: 5px;}
.kz-margin-right-sm { margin-right: 10px;}
.kz-margin-right-lg { margin-right: 24px;}
.kz-margin-right-xl { margin-right: 32px;}
/* Padding helpers */
.kz-padding { padding: 16px;}
.kz-padding-0 { padding: 0!important;}
.kz-padding-xs { padding: 5px;}
.kz-padding-sm { padding: 10px;}
.kz-padding-lg { padding: 24px;}
.kz-padding-xl { padding: 32px;}
.kz-padding-horizontal { padding-left: 16px; padding-right: 16px;}
.kz-padding-horizontal-0 { padding-left: 0!important; padding-right: 0!important;}
.kz-padding-horizontal-xs { padding-left: 5px; padding-right: 5px;}
.kz-padding-horizontal-sm { padding-left: 10px; padding-right: 10px;}
.kz-padding-horizontal-lg { padding-left: 24px; padding-right: 24px;}
.kz-padding-horizontal-xl { padding-left: 32px; padding-right: 32px;}
.kz-padding-vertical { padding-top: 16px; padding-bottom: 16px;}
.kz-padding-vertical-0 { padding-top: 0!important; padding-bottom: 0!important;}
.kz-padding-vertical-xs { padding-top: 5px; padding-bottom: 5px;}
.kz-padding-vertical-sm { padding-top: 10px; padding-bottom: 10px;}
.kz-padding-vertical-lg { padding-top: 24px; padding-bottom: 24px;}
.kz-padding-vertical-xl { padding-top: 32px; padding-bottom: 32px;}
.kz-padding-top { padding-top: 16px;}
.kz-padding-top-0 { padding-top: 0!important;}
.kz-padding-top-xs { padding-top: 5px;}
.kz-padding-top-7{ padding-top: 7px !important;}
.kz-padding-top-sm { padding-top: 10px;}
.kz-padding-top-lg { padding-top: 24px;}
.kz-padding-top-xl { padding-top: 32px;}
.kz-padding-bottom { padding-bottom: 16px;}
.kz-padding-bottom-0 { padding-bottom: 0!important;}
.kz-padding-bottom-xs { padding-bottom: 5px;}
.kz-padding-bottom-sm { padding-bottom: 10px;}
.kz-padding-bottom-lg { padding-bottom: 24px;}
.kz-padding-bottom-xl { padding-bottom: 32px;}
.kz-padding-left { padding-left: 16px;}
.kz-padding-left-0 { padding-left: 0!important;}
.kz-padding-left-xs { padding-left: 5px;}
.kz-padding-left-sm { padding-left: 10px;}
.kz-padding-left-lg { padding-left: 24px;}
.kz-padding-left-xl { padding-left: 32px;}
.kz-padding-right { padding-right: 16px;}
.kz-padding-right-0 { padding-right: 0!important;}
.kz-padding-right-xs { padding-right: 5px;}
.kz-padding-right-sm { padding-right: 10px;}
.kz-padding-right-lg { padding-right: 24px;}
.kz-padding-right-xl { padding-right: 32px;}
.kz-radius-0{ border-radius: 0px;}
.kz-radius-xs{ border-radius: 2px;}
.kz-radius-sm{ border-radius: 4px;}
/*public color*/
.kz-background-white{ background-color: #fff;}
.kz-text-xs{ font-size: 12px;}
.kz-text-sm{ font-size: 14px;}
.kz-text-lg{ font-size: 16px;}
.kz-text-xl{ font-size: 18px;}
.kz-text-default{ color: #666;}
a.kz-text-default,.kz-text-default{ color: #666;}
a.kz-text-default:hover,.kz-text-default:hover{ color: #333;}
.kz-text-light{color: #999;}
.kz-text-dark{color: #333;}
.kuaizu-text-white-color{ color: #fff;}
.kz-hide{display: none;}
.kz-show{ display: block;}
.kz-vertical-middle{ vertical-align: middle;}
.kz-border-top{ border-top: 1px solid #e2e2e2;}
.kz-border-right{ border-right: 1px solid #e2e2e2;}
.kz-border-bottom{ border-bottom: 1px solid #e2e2e2;}
.kz-border-left{ border-left: 1px solid #e2e2e2;}
.kz-border{ border: 1px solid #e2e2e2;}
.kz-border-0{ border:0;}
/* 网站共用部分页面样式  header-top*/
.kz-header-top{height: 36px; line-height: 36px; font-size: 12px; width: 100%; position: fixed; left: 0; top: 0; background-color: #f7f7f7; z-index: 99;}
.kz-header-top span { margin-right: 20px; }
.kz-header-top a{color: #333; margin: 0 20px 0 0; padding: 0; background: transparent; }
.kz-header-top a:hover{ color: var(--main-theme-color);}
.kz-header-top .user-center { position: relative }
.kz-header-top .user-center .tip { position: absolute; display: block; width: 8px; height: 8px; border-radius: 4px; right: -4px; top: -2px; background-color: #e23436; }

/*芝麻信用框*/
.head-zm-box{ height: 24px; line-height: 22px; background-color: #fff; margin-top: 5px; color: #0080f4; border-radius:2px; border: 1px solid #0080f4;}
.head-zm-box img{ width: 16px; height: 16px; float: left; margin-top: 2px; margin-right: 3px;}
.head-zm-box a{ color: #0080f4;}
.head-zm-box a:hover{ color: #0080f4;}

/* 手机app */
.head-app-link {height: 36px; padding: 0 6px; position: relative;border-left: 1px solid #f7f7f7; border-right: 1px solid #f7f7f7;}
.head-app-link:hover{ background-color: #fff; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea;}
.head-app-link ul{ width:200px; height: 100px; position: absolute; left: -1px; top: 35px; border: 1px solid #eaeaea; border-top:0;  padding: 12px 0 12px 12px; margin: 0; background-color: #fff; padding-bottom: 2px; display: none;}
.head-app-link:hover ul{ display: block;}
.head-app-link ul li { float: left; padding-right: 6px; height: 76px; line-height: 22px;}
.head-app-link ul li img { width: 76px; height: 76px;}
.head-app-link ul li a { display: block; padding-top: 18px; color: #666666;}
.head-app-link ul li a { color: #666666 !important;}
.head-app-link ul li:last-child { padding-right: 0;}

/* 招商 */
.head-ms-settle-link {height: 36px; padding: 0 6px; position: relative;border-left: 1px solid #f7f7f7; border-right: 1px solid #f7f7f7;}
.head-ms-settle-link:hover{ background-color: #fff; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea;}
.head-ms-settle-link > div{ width:400px; height: 212px; position: absolute; left: -180px; top: 35px; border: 1px solid #eaeaea; border-top:0;  margin: 0; background-color: #fff; padding-bottom: 2px; display: none;}
.head-ms-settle-link:hover > div{ display: block;}
.head-ms-settle-link > div img { width:100%}


/*个人中心下拉*/
.head-account-link{ width: 76px; height: 36px; padding-left: 6px; position: relative;border-left: 1px solid #f7f7f7; border-right: 1px solid #f7f7f7;}
.head-account-link:hover{ background-color: #fff; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea;}
.head-account-link ul{ width:76px; position: absolute; left: -1px; top: 35px; border: 1px solid #eaeaea; border-top:0;  padding: 0; margin: 0; background-color: #fff; padding-bottom: 2px; display: none;}
.head-account-link:hover ul{ display: block;}
.head-account-link ul li{ padding-left: 6px; line-height: 22px;}

.head-top-placehoder{ height: 35px; width: 100%;}
/*顶部完*/
/*logo 所搜框部分*/
.kz-header{height: 100px;}
.logo img{ max-height: 44px; display: inline-block; margin-right: 10px; margin-top: 22px; }
.kz-search-container{ width: 395px; margin-top: 25px;}
.kz-search-container input { border: 1px solid var(--main-theme-color); box-shadow: none; }
.kz-search-container .form-control,.kz-search-container .btn{ font-size: 16px; height: 38px; }
.kz-search-container .form-control:focus { border-color: var(--main-theme-color); box-shadow: none; }
.kz-search-container .btn { width: 100px; }
.kz-hot-keywords{ padding-top: 5px; color: #999;}
.kz-hot-keywords a{ color: #999; padding-right: 5px;}
.kz-hot-keywords a:hover{ color: var(--main-theme-color);}
/*logo 所搜框部分end*/
/*nav 导航部分*/
.kz-nav{ height: 38px; border-bottom: 2px solid var(--main-theme-color);}
.kz-drop-nav{ width: 205px; height: 38px; position: relative;}/*下拉导航*/
.drop-nav-title{ font-size: 16px; color: #fff; line-height: 38px;}
.kz-drop-list{ width: 205px; height: 460px; position: absolute; top: 38px; left: 0; background-color: #fff;z-index: 100;}
.kz-drop-list .list-group-item{ border-left: 0;border-right: 0; border-top: 0; border-bottom: 1px dashed #87827a; padding: 8px 15px 2px;}
.kz-drop-list .list-group-item:nth-last-child(1){ border-bottom: 0;}
.kz-drop-list .list-group-item h5{ color: #000;}
.kz-drop-list .list-group-item a{ color: #999; line-height: 20px; display: inline-block; margin-right: 8px; transition: 0.5s; -webkit-transition: 0.5s;}
.kz-drop-list .list-group-item a:hover{color: var(--main-theme-color);}
.kz-drop-list span{ width: 16px; height: 16px; display: inline-block; vertical-align: bottom; background-image: url("/Public/project/images/common/layout/listnavIcon.png"); transition:transform 0.5s;}
.kz-drop-list li:hover span{ transform: rotateY(180deg); }
.kz-drop-list span.icon1{ background-position: 0px 2px;}
.kz-drop-list span.icon3{ background-position: 0px -16px;}
.kz-drop-list span.icon2{ background-position: 0px -34px;}
.kz-drop-list span.icon4{ background-position: 0px -52px;}
.kz-drop-list span.icon5{ background-position: 0px -67px;}
.kz-drop-list li:hover span.icon1{background-position: -18px 2px;}
.kz-drop-list li:hover span.icon3{background-position: -18px -16px;}
.kz-drop-list li:hover span.icon2{background-position: -18px -34px;}
.kz-drop-list li:hover span.icon4{background-position: -18px -52px;}
.kz-drop-list li:hover span.icon5{background-position: -18px -67px;}
.kz-set-hot{position: relative;}
img.kz-chuxiao{position: absolute;top:-8px; right:-8px; z-index:10;}

.nav-pills > li > a, .nav-pills > li > a { padding: 7px 15px; font-size: 16px; color: #666; }
.nav-pills > li > a:hover, .nav-pills > li > a:focus {
 color: var(--main-theme-color) !important;
 background-color: #fff !important;
}
li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
 color: var(--main-theme-color) !important;
 background-color: #fff !important;
}
.kz-nav-more{ line-height: 38px; font-size: 16px; position: relative;}
.kz-nav-more a{color: var(--main-theme-color);}
.kz-nav-more span.icon{ width: 9px; height:9px; display: inline-block; background: #f00; margin-right: 10px; transform:rotate(45deg);}
/*nav end*/


/*底部 footer start*/
/*我们的优势*/
.kz-footer-advantage{ border-bottom: 1px solid #eee;}
.kz-footer-advantage .advantage{ border-right: 1px solid #eee; text-align: center; font-size: 16px;}
.kz-footer-advantage .advantage:nth-last-child(1){ border: 0;}
.kz-footer-advantage  p span{ width: 50px; height: 50px; display: inline-block; vertical-align: middle; margin-right: 10px;}
.kz-footer-advantage span.footer-advantage-icon1{ background: url("/Public/project/images/common/layout/foot_icon1.png") no-repeat; }
.kz-footer-advantage span.footer-advantage-icon2{ background: url("/Public/project/images/common/layout/foot_icon2.png") no-repeat; }
.kz-footer-advantage span.footer-advantage-icon3{ background: url("/Public/project/images/common/layout/foot_icon3.png") no-repeat; }
.kz-footer-advantage .advantage h3 { margin: 15px 0 0; font-size: 14px; color: #666; }
.kz-footer-advantage h3 span { padding-right: 20px;}
/*底部关于我们 start*/
/*.kz-footer{}*/
.kz-index-about{ width: 580px;}
.kz-index-about .list-group-item{ width: 144px; float: left; border: 0;}
.kz-index-about .list-group-item a{ color: #666; display: block; line-height: 26px;}
.kz-index-about .list-group-item a:hover{ color: var(--main-theme-color);}
.kz-index-code{ width: 350px; padding-bottom: 25px; border-right: 1px solid #ddd; border-left: 1px solid #ddd;}
.kz-index-code .thumbnail{ margin: 30px 20px 0 35px;}
.kz-index-code p{ line-height: 35px; color: #abb2ba; padding-top: 40px;}
.kz-index-cs { position: relative;}
.kz-index-cs i { display: inline-block; vertical-align: middle; font-size: 36px; margin-right: 5px; color: var(--main-theme-color); }
.kz-index-cs span, .kz-index-cs a { display: inline-block; vertical-align: middle; }
.kz-index-cs .kz-tel span{ font-size: 28px; color: var(--main-theme-color); }
.kz-index-cs .kz-kefu img { margin-top: 5px;}
.kz-index-cs .kz-kefu a { display: inline-block; width: 185px; height: 45px; line-height: 45px; text-align: center; font-size: 18px; border-radius: 4px; }
.kz-index-cs p{ color: #abb2ba;}
.kz-index-cs .iphone{ width: 50px; height: 50px; font-size: 42px; position: absolute; left: -55px; top: 50px; transform:rotate(70deg);}


/*版权部分 start*/
.kz-friend-link{ font-size: 14px; padding: 15px 0 5px;}
.kz-friend-link a{ color: #999; padding-left: 10px;}
.kz-friend-link a:hover{ color: var(--main-theme-color);}
.kz-copyright{ padding-bottom: 10px;}
.kz-copyright p{ width: 700px; font-size: 14px; line-height: 28px; color: #999;}
.kz-copyright .list-group-item{ width:104px; height: 34px; border-radius: 0; padding: 0; float: left; border: 0; margin-right: 20px;}
/*版权部分 end*/
/*footer end*/

/*右侧边栏*/
.kz-right-bar{height:200px;width: 48px; background: #162142; position: fixed;top: 50%;right:20px; z-index: 99; margin-top: -125px;}
.kz-right-bar li{height: 50px; font-size: 16px;padding-top: 8px;position: relative;   }
.kz-right-bar li .kz-icon-wrap{height: 34px; line-height: 34px;width: 48px; position: absolute;right: 0;top:8px; z-index: 11;transition:background-color .5s ease-in;}
.kz-right-bar li .kz-icon-wrap span.kefu_icon{ width: 22px; height: 25px; display: block; margin: 5px auto;background: url("/Public/project/images/common/layout/right_icon.png") no-repeat 0px 3px;}
.kz-right-bar li .kz-icon-wrap a{ color: #fff;}
.kz-right-bar li:hover .kz-icon-wrap{background: var(--main-theme-color);}
.kz-right-bar li .kz-bar-text{padding-left:15px;height: 34px; width: 123px; overflow: hidden; line-height: 34px;position: absolute;right: 0;top:8px;font-size: 14px;z-index: 10;display: none;transition:background-color .5s ease-in;}
.kz-right-bar li .kz-bar-text a{color: #fff;}
.kz-num-pos{position: absolute; top: -10px;  right: -5px; background: #ed2441;}
.kz-bar-code{position: absolute; top:-8px; right:55px; display: none; transition: right 0.5s ease-in;}

.kz-kefu-cont{position: absolute; width: 116px; height: 64px; background: url("/Public/project/images/common/layout/kefu_icon.png") no-repeat; top:5px; right:55px; transition: right 0.5s ease-in; padding: 12px 0 0 15px; display: none; }
.kz-kefu-cont a{ display:block; font-size: 12px; line-height: 22px; color: #666;}
.kz-kefu-cont a:hover{ color: var(--main-theme-color);}
.kz-kefu-cont a span{ width: 18px; height: 18px; border-radius: 50%; background: url("/Public/project/images/common/layout/right_icon.png") no-repeat var(--main-theme-color); background-size: 16px 32px; display: inline-block; vertical-align: middle;}
.kz-kefu-cont a span.icon1{ background-position: 2px 2px;}
.kz-kefu-cont a span.icon2{ background-position: 1px -15px;}

/*鼠标滑过光斑效果*/
.kz-flash-light{width: 100%;height: 100%; position: absolute;top:0;left: 0;
 background-image:linear-gradient(-70deg,rgba(255,255,255,0) 40% ,rgba(255,255,255,0.4) 50%,rgba(0,0,0,0) 60%) ; background-size: 100% 100%;  background-repeat:no-repeat;  background-position:-300px 0px;  z-index: 99;}
.kz-flash-light:hover{ animation: light_move 1s ;}
@keyframes light_move {
 from {background-position:-300px 0px;}
 to{background-position:300px 0px;}
}

/*购物车样式*/
.kz-car-position{ height:55px; font-size: 14px;  color:#666;}
.kz-car-position p{ line-height:55px; padding-left:10px; color:#666;}
.kz-car-position a{ color:#666;}
.kz-car-position a.text-success{color: var(--main-theme-color);}

/*去除商桥重写商桥样式重要不要删除*/
/*商桥样式修改*/
body>a img{ display: none !important;}
#qiao-icon-wrap{ opacity: 0;}
#newBridge{ display: none !important;}

/*底部 企业免押金/随租随还/闪电租赁/全程保修 样式 公用样式*/
.banner-nav {  height: 110px;  background: #f9f9f9;  }
.banner-nav li {  width: 25%;  float: left;  text-align: center;  }
.banner-nav li p {  font-size: 18px;  color: #717679;  }
.banner-nav li i {  width: 60px;  height: 60px;  margin: 12px auto 0;  display: block;  }
.banner-nav li i.case1 {  background: url(/Public/project/images/index/introspective1.png) no-repeat top center;  }
.banner-nav li i.case2 {  background: url(/Public/project/images/index/introspective2.png) no-repeat top center;  }
.banner-nav li i.case3 {  background: url(/Public/project/images/index/introspective3.png) no-repeat top center;  }
.banner-nav li i.case4 {  background: url(/Public/project/images/index/introspective4.png) no-repeat top center;  }
.banner-nav li p{ font-size:18px; color:#717679;}

/*pagenav ajax 分页效果页码样式*/
.pagination li a{ color: #777;}
.pagination li:hover a{ color: var(--main-theme-color); }
.pagination li.active > a{ color: #fff !important; border-color: var(--main-theme-color); background-color: var(--main-theme-color) !important;}
.pagination li.active:hover a{border-color: var(--main-theme-color) !important; opacity: 0.8;}

/*重写框架内分页效果begin*/
.pager div{display: inline-block;}
.pager div span:nth-child(1),.pager div a:nth-child(1) {  margin-left: 0;  border-bottom-left-radius: 4px;  border-top-left-radius: 4px;  }
.pager div span:last-child,.pager div a:last-child{border-bottom-right-radius: 4px;  border-top-right-radius: 4px;}
.pager a{float: left;padding: 6px 12px; line-height: 1.42857143;border: 1px solid #ddd; margin-left: -1px; color: #666;}
.pager a:hover{ background: #f1f1f1;}
.pager span{float: left;padding: 6px 12px; line-height: 1.42857143;border: 1px solid #ddd; margin-left: -1px;}
.pager  span.current{border-color: var(--main-theme-color) !important;  opacity: 0.8;color: #fff !important;  background-color: var(--main-theme-color) !important;}
/*重写框架内分页效果end*/

/*layer tips*/
.accountTips .layui-layer-content{ color: #666 !important; box-shadow: 1px 1px 3px rgba(0,0,0,.3) !important;}

/* 公用radio样式 */
.kz-radio { position: relative;margin: 3px 0 0 -22px !important; appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-progress-appearance: none; width: 17px; height: 17px; outline: none; border: 1px solid #999999; border-radius: 50%;}
.kz-radio:checked { border-color: var(--main-theme-color);background-color: var(--main-theme-color); outline: none;}
.kz-radio:checked:after { position: absolute; top: 4px; left: 4px; display: block; content: ""; width: 7px; height: 7px; border-radius: 50%; background-color: #fff; }
.kz-radio:focus { outline: none !important;}

/* 公用确认取消弹窗 */
.kz-confirm { width: 350px; height: 200px; border-radius: 4px; background-color: #ffffff; }
.kz-confirm h2 { font-size:20px; margin: 0; padding:60px 0 45px; }
.kz-confirm .kz-btn-group { font-size: 0; padding-left: 50px;}
.kz-confirm .kz-btn-group a { display: inline-block; width: 110px; height: 35px; line-height: 33px; border: 1px solid var(--main-theme-color); font-size: 16px; text-align: center; border-radius: 3px; }
.kz-confirm .kz-btn-group .kz-cancel { color: var(--main-theme-color); margin-right: 30px; }
.kz-confirm .kz-btn-group .kz-confirm { color: #ffffff; background-color: var(--main-theme-color);}

/*背景透明 共用提示弹出框*/
.bgtransparent{ background-color: transparent!important;box-shadow: 0px 0px 0px rgba(0,0,0,0)!important;}
.bgtransparent .layui-layer-content{ overflow: visible!important;}

/*国庆发货弹窗样式*/
.nationalNotice{ width: 272px; height: 205px; background: url("/Public/project/images/common/notice.png") no-repeat; position: fixed; bottom: -280px; right: 0; z-index: 999; transition: 0.5s; background-size: 100% 100%; }
.nationalNotice p{ font-size: 12px; padding: 0 25px; text-indent: 2em; margin: 0;}
.nationalNotice p.noticeTitle{ text-indent: 0; padding-top: 93px;}
.nationalNotice .noticeClose{ width: 30px; height: 30px; position: absolute; right: 3px; top: 10px; cursor: pointer;}
.input-group span input{background: var(--main-theme-color) !important;color: #fff;}
.input-group span input:hover{color: #fff;border-color: #ccc;}
.intention {display:block;width: 60px;height: 36px;line-height: 36px;text-align: center;color: var(--main-theme-color);float: right;margin-top: 25px;border: 1px solid var(--main-theme-color);margin-left: 20px;box-sizing: border-box;}
.intention:hover {background-color: var(--main-theme-color);color: #fff !important;}
.intention:focus {text-decoration: none;color: var(--main-theme-color);}
.fl {float: left;}
.fr{float: right;}
