/*Media check*/
html,body{ 
  font-size: 16px !important;
 }
/* @media screen and (min-width:1921px){
  html,body{ font-size: 18px !important; }
}
@media screen and (min-width: 1600px) and (max-width: 1920px) {
  html,body{
    font-size: 16px !important;
   }
}
@media screen and (min-width: 1200px) and (max-width: 1599px) {
  html,body{
    font-size: 14px !important;
   }
}*/
.content-small{
  width: 1200px;
  /* zoom: 90%; */
  margin: 0 auto;
}
/* @media screen and (min-width: 1600px) and (max-width: 1920px){
  .content-small{
    width: 100%;
    zoom: 90%;
    margin: 0 auto;
    padding: 0 15%;
  }
} 
@media screen and (min-width: 1921px){
  .content-small{
    width: 100%;
    padding: 0 15%;
    margin: 0 auto;
  }
} */
tr.ant-table-expanded-row,
tr.ant-table-expanded-row:hover {
  background: white;
}
/*不一致*/
.ant-btn{
  margin: 10px 0;
}
/* .ant-btn{
  height:2.3rem;
  line-height:2.3rem;
  text-align: center;
  padding: 0 20px;
  margin:1rem 1%;
  font-size: 12px;
} */
.w-e-text-container {
  height: auto !important;
}
/*新表单*/
.new-form .ant-form{
  width: 80%;
  margin-left: 0;
}
.new-form .ant-form-item-label{
  text-align: left;
}
.new-form .ant-form-item-control{
  text-align: left;
}
.new-form .ant-input-number{
  height: 40px;
  width: 100px;
}
.new-form .ant-input-number-input{
  height: 40px;
}
.new-form .ant-radio-wrapper{
  height: 40px;
  line-height: 40px;
}
.new-form .ant-input{
  height: 40px;
}
.new-form .ant-select-selection--multiple{
  min-height: 36px;
}
/*评级*/
.new-form1 .ant-form{
  width: 80%;
  margin: 0 auto;
}
.new-form1 .ant-form-item{
  margin-bottom: 0;
}
.new-form1 .ant-radio-wrapper{
  height: 40px;
  line-height: 40px;
}
.new-form1 .ant-form label {
  font-size: 14px;
}
.ant-button{
  height:2rem;
  line-height:2rem;
  font-size: 14px;
  text-align: center;
  padding: 0 17px;
  margin-bottom: 3px;
}

.ant-select-disabled {
  color: #333;
}
.ant-input[disabled]{
  color: rgba(0,0,0,0.8);
}
.has-error .ant-form-explain {
  height: 30px;
}
.labelmi{
  display: inline-block;
  margin-right: 4px;
  line-height: 1;
  font-size: 12px;
  color: #f04134;
}
.ant-input-disabled {
  color: #333;
}
/*修改过word-break*/
.ant-table-thead > tr > th, .ant-table-tbody > tr > td{
  color: #333;
  word-break: break-all;
}
.ant-input{
  color: #333;
}
.ant-cascader-picker-label{
  color: #333;
}
.menu-name{
  font-size: 14px;
  line-height: 24px;
}
.ant-input-number-input[disabled]{
  color: #333;
  opacity: 1;
}

:-ms-input-placeholder.ant-input-number-input{
  color: #bfbfbf !important;
}

.left{
  float: left;
}
.right{
  float: right;
}
h1 {
  font-size: 28px;
}
body {
  margin:0px;
  width:100%;
  /* min-width:1350px; */
  max-width:100%;
  height:100%;
  background-color: rgba(255, 255, 255, 1);
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased !important;
}
/*login.start*/
.sy_top {height: 30%; width: 100%; background: #2D333E; position: absolute; top: 0;}
.btmLogin {width: 100%;top: 30%;position: absolute;}
.sy_bottom {text-align: center;}
/* .ant-form{ width: 280px; margin: 0 auto;} */
.has-error{text-align: left;}
.sy_bottom h1 {font-size: 25px;color: #333;font-weight: normal;padding: 50px 0;}
.sy_bottom li{display:inline-block;margin-right:10px;}
.companyName{position: fixed;width: 100%; color:#ccc; bottom:10px ;text-align:center; font-size:16px;}
.ul-wrap .ant-btn{margin-right: 10px;}
.ul-wrap .ant-input{ height: 32px;}
.ul-wrap .ant-spin-spinning{ left: 0; }
/*login end*/

/*Home start*/
#content > div{height: 100%;}
.boxed{ height: 100%;}
#container { height: 100%; position: relative; min-width: 290px; -webkit-transition: opacity 0.5s linear 1.5s; transition: opacity 0.5s linear 1.5s;}

/*left start*/
.LeftNavMini .mainnav-container{ width: @g-left-width-mini;
  .ant-menu-dark.ant-menu-inline{ width: @g-left-width-mini;}
  .menu-name{ display: none;}
}
.mainnav-container { width: 100%; left: 0;top: 0; bottom: 0; z-index: 4; min-height: 100%; background-color:#001529 ;
  .ant-menu .ant-menu-submenu-title { background-color: #42485B; height: 40px; line-height: 40px; padding:0; margin:0 0 0 0; color: #fff;
    &:after{ display: none;}
    .anticon{ font-size: 10px; width: 10px; height: 10px; margin:-4px 16px 0 0; transition: transform .3s ease;transform-origin: 75% 100%;}
  }
  .ant-menu-sub{
    .anticon{ font-size: @font-size-lg; margin:0 @space-big 0 0; color: #fff;}
  }
  .ant-menu-submenu-open.ant-menu-submenu-inline .ant-menu-submenu-title .anticon{  }
  .ant-menu-inline.ant-menu-sub { background-color: #333745; }
  .ant-menu-submenu .ant-menu-sub .ant-menu-item{margin:0 0 0 0;}
}
.LeftNav-control{ background-color: #4A5064; text-align: center; height: 30px; line-height: 30px; cursor: pointer;
  .qqbicon{ margin: 0;}
  &:hover{ background-color: #4c577b;}
}
.qqbicon{ display: inline-block; width: 18px; height: 18px; background-color:transparent; background-image: url(../images/default.png); background-repeat: no-repeat; background-position: center center; vertical-align: middle; margin-right: 10px;}
.LeftNavMini .mainnav-container{ width: 10%;
  .ant-menu-dark.ant-menu-inline{ width: @g-left-width-mini;}
  .menu-name{ display: none;}
}
.ant-menu-dark, .ant-menu-dark .ant-menu-sub {
  color: #eeeeee;
  background: #001529;
}
/* 新增 */
#sider > .ant-layout-sider-children{background-color: #001529;}
.ant-menu-dark{background-color: #001529;}
.ant-menu-dark .ant-menu-inline.ant-menu-sub {
background: #000c17;
}

.ant-menu-dark .ant-menu-item, .ant-menu-dark .ant-menu-item > a {
    color: rgba(255, 255, 255, 1);
}


.welcome{  position: absolute; height: 100%; width: 100%; left: 0px; top:0px;
  .content {background: url(../images/leftBg.jpg)  no-repeat center;background-size: cover; background-clip: border-box; height: 100%; width: 100%; text-align: center;
    .title{ padding-top: 150px; color: #fff;}
  }
}

.ant-menu-dark .ant-menu-sub {
  background: #001529;
}
#navbar-container { box-shadow: 0 2px 0px -1px rgba(0, 0, 0, 0.05);background-color: #373D41;}
.navbar-header { float: left; left: 0; position: relative; z-index: 100;}
.navbar-content { position: relative; left: 0; background-color: #ffffff; padding: 0 8px;}
.navbar-brand { background-color: transparent; color: #fff; padding: 0; height: 64px; position: relative; z-index: 2; overflow: hidden; width: 320px; display: block;}
.brand-title{ display: block; line-height: 64px;}
.brand-text { display: block; font-size: 20px; font-weight: 600; letter-spacing: 5px; text-align: left;  padding-left: 15px;}
.navbar-top-links {margin-right: 16px}
.navbar-top-links > li { float: left; }
.navbar-top-links > li > a { display: table-cell; padding: 0 12px; vertical-align: middle; height: 64px; color: #ddd; -webkit-transition: all 0.4s; transition: all 0.4s;}
.navbar-top-links > li > a:focus { background-color: transparent;}
.navbar-top-links > li > a:hover { background-color: #e6f7ff; color: #2b2b2b; -webkit-transition: all 0.4s; transition: all 0.4s;}
.navbar-top-links > .open > a,
.navbar-top-links > .open > a:focus { background-color: #f2f2f2; color: #515151;}
.navbar-top-links{ float: right;list-style: none;}
.navbar-icon:hover {background-color: #e6f7ff;}
.ant-menu-dark .ant-menu-inline.ant-menu-sub {
  background: #000c17;
}
.ant-form-item-control {
  line-height: 1px;
  position: relative;
  zoom: 1
}

.agreement {
  margin: 0 auto 2rem;
  width: 35rem;
  padding: 2rem;
  background: #eee;
  letter-spacing: .1rem;
}
.agreement div {
  padding: 0 0 .3rem;
  text-align: center;
  font-size: 1.5rem;
}
.agreement h5 {
  margin: .3rem 0;
  font-size: 1.1rem;
  font-weight: 600;
}
.agreement p {
  text-align: justify;
  font-size: 1rem;
  font-weight: 200;
  text-indent: 1.5rem;
}


/*Home*/
/*home 通知*/
.home_warn_content{
  width: 450px;
  height: 420px;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;

}

.home_warn_content p{
  height: 45px;
  /* line-height: 45px; */
  border-bottom: 1px solid #f3f2f2;
}
.home_warn_content p .content{
  width: 350px;
  /* float: left; */
  /* overflow: hidden; */
  height: 40px;
  display: table-cell;
  vertical-align: middle;
}
.readFlag{
  /* float: right; */
  margin-right: 5px;
  display: table-cell;
  vertical-align: middle;
}
.readFlag:hover{
  color:rgb(48, 127, 226);
  cursor: pointer;
}
.home_warn_content .empty{
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  font-size: 14px;
  color: #aca9a9;
}
/*Home change*/
 .ant-menu-horizontal > .ant-menu-submenu:hover, .ant-menu-horizontal > .ant-menu-item-active, .ant-menu-horizontal > .ant-menu-submenu-active, .ant-menu-horizontal > .ant-menu-item-open, .ant-menu-horizontal > .ant-menu-submenu-open, .ant-menu-horizontal > .ant-menu-item-selected, .ant-menu-horizontal > .ant-menu-submenu-selected {
  border-bottom: 2px solid #FFF;
  color: #fff;
}
.ant-menu-horizontal > .ant-menu-item > a, .ant-menu-horizontal > .ant-menu-submenu > a{
  color: #fff;
}
/*login button*/
.head-name{
  font-size:1rem;
  line-height:5rem;
  color: #fff;
  text-align: left;
}
.head-member{
  width: 20rem;
  font-size:1rem;
  margin-right:4%;
  line-height:5rem;
  color: #fff;
  float: right;
}
.head-login{
  width: 8rem;
  font-size:1rem;
  margin-right:8%;
  line-height:5rem;
  float: right;
  color: #FFF;
}
.login-btn{
  font-size:1rem;
  margin-right:5%;
  color: #333;
}
/*register button*/
.register-btn{
  font-size: 1rem;
  margin-left: 5%;
  color: #333;
}

.register-btn:hover, .login-btn:hover {
  color: #333;
}

.logo-head{
  margin-top: 0.8rem;
  width: 130px;
}
.bg-head{
  height : 5rem;
  font-size: 1rem;
  width: 100%;
  background: #fff;
  padding: 0 5% 0 5%
}


/*menu button*/
.ant-menu-horizontal > .ant-menu-item > a:hover, .ant-menu-horizontal > .ant-menu-submenu > a:hover{
  color:#fff;
}

.ant-menu-item > a:focus {
  text-decoration: none;
}
.ant-menu-item-selected > a, .ant-menu-item-selected > a:hover {
  color: #fff !important;
}

.ant-menu-item > a {
  display: block;
  color:#fff;
}

.content-one{
  width: 1200px;
  /* padding: 0 12.6%; */
  padding-bottom: 3rem;
  margin: 0 auto;
  background-color: #FFF;
}
.titleborder{
  margin-top: 22px;
  height: 6px;
  border:1px solid #22b3ea;
  border-radius: 5px;
  background: #22b3ea;
  width: 7rem;
}
.content-one-word{
  font-size: 22px;
  color: #434343;
}
.content-box{
  padding: 20px 0;
  width: 32%;
  color: #434343;
  /* border-radius: 10px; */
  text-align: center;
  border-radius: 10px;
  float: left;
  box-sizing: border-box;
  border: 6px solid #efefef;
  transition: 1s;
  position: relative;
}
.content-box:hover, .content-box:active{
  border: 6px solid #22b3ea;
  transition: transform 2s;
  zoom:1;
  transform: scale(1.05);
  /* box-shadow: rgba(47, 171, 236, 1) 0px 0px 10px 10px; */
}
.content-box-t{
  font-size: 18px;
  line-height: 40px;
  font-weight: bold;
  padding-bottom: 42px;
}
.content-box-img{
  width: 100%;
  height:78px;
  margin-bottom: 57px; 
}
.box-img1{
  background: url(../../../../../assets/images/www/home/pingtaijiazhi1-1.png) no-repeat;
  background-position: center center;
}
.box-img2{
  background: url(../../../../../assets/images/www/home/pingtaijiazhi2-1.png) no-repeat;
  background-position: center center;
}
.box-img3{
  background: url(../../../../../assets/images/www/home/pingtaijiazhi3-1.png) no-repeat;
  background-position: center center;
}
.content-box:hover .box-img1,.content-box:active .box-img1{
  background: url(../../../../../assets/images/www/home/pingtaijiazhi1.png) no-repeat;
  background-position:center center;
}
.content-box:hover .box-img2,.content-box:active .box-img2{
  background: url(../../../../../assets/images/www/home/pingtaijiazhi2.png) no-repeat;
  background-position:center center;
}
.content-box:hover .box-img3,.content-box:active .box-img3{
  background: url(../../../../../assets/images/www/home/pingtaijiazhi3.png) no-repeat;
  background-position:center center;
}
.content-box-p p{
  font-size: 14px;
  color: #666;
  line-height: 30px;
  text-align: center;
  padding-bottom: 20px; 
}


.content-box1{
  width: 49%;
  color: #FFF;
  line-height: 0;
  text-align: center;
  position: relative;
  border-radius: 10px;
  float: left;
  overflow: hidden;
}
.content-box1-word{
  position: absolute;
  bottom: 0;
  width: 100%;
  max-width: 705px;
  margin: 0 auto;
  color: #fff;
  padding-bottom: 20px;
  background-color: rgba(0, 0, 0, 0.5);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow: hidden;
  z-index: 10;
}
.content-box1-img{
  width: 100%;
  height: 100%;
  max-width: 705px;
  max-height: 457px;
  margin: 0 auto;
  float: left;
}

.content-box1-ti {
  /* background-color: rgba(248, 201, 164, 0.8); */
  width: 40px;
  height: 40px;
  float: left;
}
.content-box1-tt{
  width: 156px;
  margin: 1rem auto 0.5rem;
  font-size: 18px;
  font-weight: bold;
  line-height: 40px;
  color: #fff;
  height: 40px;
}
.tt-img1{
  background: url(http://www.lx-device.com:8080/assets/images/www/home/dingdantong.png) no-repeat;
  background-size: 40px;
  background-position: left center;
}
.tt-img2{
  background: url(http://www.lx-device.com:8080/assets/images/www/home/qudaotong.png) no-repeat;
  background-size: 40px;
  background-position: left center;
}
.tt-img3{
  background: url(http://www.lx-device.com:8080/assets/images/www/home/jishutong.png) no-repeat;
  background-size: 40px;
  background-position: left center;
}
.tt-img4{
  background: url(http://www.lx-device.com:8080/assets/images/www/home/baozhangtong.png) no-repeat;
  background-size: 40px;
  background-position: left center;
}
.content-box1-w p{
  font-size: 14px;
  line-height: 36px;
}

.content-three{
  width: 100%;
  padding-bottom: 3rem;
  margin: 0 auto;
  background-color: #FFF;
}
.content-box2{
  text-align: center;
  margin:0 auto;
}
.box2-card{
  width: 8%;
  float: left;
  text-align: center;
  margin-right: 10.4%;
}

.box2-icon1{
  width: 100%;
  /* background-color: #f8c9a4; */
}
.box2-icon2{
  width: 100%;
  /* padding-top: 100%;
  background: url(../../../../../assets/images/www/home/icon2.png) no-repeat;
  background-position: center center; */
}

/* .box2-card:hover{
  margin-top: -1rem;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 5px;
} */

/*end*/
.box2-p{
width: 100%;
font-size: 1.125rem;
padding-top: 1.25rem;
letter-spacing: 0.125rem;
color: #666;
}
.content-four{
  background: url(../../../../../assets/images/www/home/background1.jpg) no-repeat;
  background-size:  100% 100%;
}

.content-five{
  width: 80%;
  max-width: 1557px;
  margin: 2rem auto;
}
.content-five img{
  width: 100%;
}
.content-box5{
  width: 100%;
  text-align: center;
}
.content-box5-img{
  width: 100%;
}
.content-box5>h3{
  font-size: 1.25rem;
  color: #666;
  line-height: 2.5rem;
  text-align: center;
}

/*footer*/
.foot-logo{
  width: 100%;
  vertical-align: middle;
}
.foot-p{
  padding: 1.25rem 0;
}
.foot-p p{
  color: #fff;
  font-size: 0.875rem;
  line-height: 2rem;
}
.foot-code{
  padding: 1.25rem 0;
}
.foot-code img{
  width: 100%;
}
.foot-icon{
  padding-top: 4rem;
}
.foot-icon>img{
  margin-right: 10px;
  color: rgba(0, 0, 0, 1)
}
/*foot end*/

/*product content*/
.product-content{
  width: 100%;
  height: 100%;
}
.product-banner{
  width: 100%;
  text-align: center;
  vertical-align: middle;
  color: #fff;
}

.product1-box{
  width: 72%;
  max-width: 1400px;
  /* width: 1200px; */
  margin: 0 auto 5rem;
  background-color: #fff;
  overflow: hidden;
}
.clear{
  clear: both;
}
.protitle{
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 3px;
}
.profutitle{
  font-size: 22px;
}
.product-box{
  width: 100%;
  position: relative;
}
.tborder{
  width: 110px;
  margin: 20px 0;
  height: 6px;
  background: #22b3ea;
  border: 1px solid #22b3ea;
  border-radius: 5px;
}
@font-face {
  font-family: Number; /*这里是说明调用来的字体名字*/
  src: url('/assets/styles/pc/GADUGI.TTF'); /*这里是字体文件路径*/
}
@font-face {
  font-family: zimu; /*这里是说明调用来的字体名字*/
  src: url('/assets/styles/pc/GalanoGrotesqueDEMOBold.otf'); /*这里是字体文件路径*/
}

.proBig{
  font-family: zimu; 
  font-size: 386px;
  color: #36bfe1;
  font-weight: bold;
  position: relative;
  text-align: center;
}
.proNum{
  width: 36%;
  max-width: 522px;
  min-width: 300px;
  text-align: right;
  font-family: Number;
  font-size: 36px;
  color: #36bfe1;
  font-weight: bold;
  border-bottom: 2px solid #2fabec;
  position: absolute;
  bottom: 122px;
  right: 0;
}
.pro-five{
  width: 100%;
  position: relative;
  margin: 0 auto;
}
.proimg1{
  width: 100%;
}
@media screen and (min-width: 1600px) and (max-width: 1900px) {
  .proicon{
    zoom: 0.9;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1599px) {
  .proicon{
    zoom: 0.7;
  }
}
.proicon{
  width: 100%;
  left: 0;
  top: 0;
  margin-top: 5%;
  position: absolute;
}
.proicon img{
  margin-left:6%;
  width: 28px;
  float: left;
}
.prosign{
  font-size: 18px;
  padding-top: 12px;
  float: left;
  padding-left: 5.5%;
}
.prosign p {
  line-height: 18px;
  padding-bottom: 128px;
}
.check{
  font-size: 22px;
  line-height: 22px;
  color: #22b3ea;
}
/* end*/
/* news*/
.new-content{
  background-color: #fff;
}
.news-banner{
  width: 100%;
  text-align: center;
  vertical-align: middle;
  color: #fff;
}
.news-banner>h2{
padding-top: 5rem;
font-size: 3rem;
color: #fff;
}
.news-list{
  width: 100%;
  padding: 5% 10%;
  background-color: #FFF;
}
.news-box{
  width: 100%;
  margin-bottom: 2rem;
  position: relative;
}
.new-img{
  width: 33%;
  float: left;
}
.new-img1{
  width: 100%;
	position:relative;
	z-index:1;
}
.new-img1 img{
  position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	z-index: -1;
	*zoom:1;
}
.new-img1:before {
	content: "";
	display: inline-block;
	padding-bottom: 55%;
	width: 0.1px;	/*必须要有数值，否则无法把高度撑起来*/
	vertical-align: middle;
}
.new-word{
  width: 100%;
  font-size: 0.875rem;
  line-height: 2rem;
  color: #666;
  border-bottom: 2px solid rgb(0, 204, 255);
  padding-bottom: 1.5rem;
  padding-top: 1rem;
}

.new-title {
  width: 55%;
  padding-left: 5%;
  float: left;
}
.more {
  position: relative;
  left: 2%;
  margin-top: 1rem;
}
.more .ant-btn-lg{
  padding: 0 2rem;
  font-size: 1.25rem;
  border-radius: 4px;
  height: 2.25rem;
}
.morebutmore{
  width: 30%;
  line-height: 3rem;
  border-radius: 10px;
  margin: 0 auto;
  text-align: center;
  border: 1px solid #2fabec;
}
.new-category {
  line-height: 4rem;
  font-size: 1.5rem;
  letter-spacing: 0.25rem;
}
.new-border{
  width: 4rem;
  border-bottom: 0.25rem solid #2fabec;
}
.new-time{
  font-size: 0.8rem;
  line-height: 1.5rem;
  color: #999;
  padding-top: 3.5rem;
}
.news-page{
  width: 100%;
  padding-top: 2rem;
}
.news-detail{
  width: 80%;
  margin:4rem auto;
  padding: 4rem;
  line-height: 2rem;
  background-color: #fff;
  border-radius:10px;
}
.news-detail p{
  padding: 0.25rem;
}
.news-detail img{
  /* width: 100%; */
}

/* about us*/
.about-banner{
  width: 100%;
  color: #fff;
  line-height: 0;
}

.company{
  width: 1200px;
  margin: 1rem auto;
  /* padding: 5rem 12%; */
  background: #fff;
}

.com-img>img{
  width: 100%;
  height: 100%;
}
.company h2{
  font-size: 1.5rem;
  padding-bottom: 3rem;
  color: #333;
}
.com-introduce1{
  font-size: 14px;
  line-height: 2rem;
  color: #808080;
}
.com-introduce{
  padding-left: 4%;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #808080;
}
.com-introduce>h2{
  font-size: 1.5rem;
  padding-bottom: 2rem;
  color: #333;
}
.com-titleborder{
  padding-top: 1rem;
  border-bottom: 0.125rem solid rgb(0, 204, 255);
  height:2rem;
  width: 100%;
}

.develop{
  width: 100%;
  min-height: 600px;
  padding:4rem 15%;
  background: url(../../../../../assets/images/www/aboutus/develop.jpg) no-repeat 100% 100%;
  background-position: center ;
}
.develop-time{
  width: 100%;
  text-align: center;
}
.container-box{
  width: 100%;
  padding: 5% 10%;
  overflow: hidden;
}
/*横向时间轴*/
.time-horizontal {
  list-style-type: none;
  border-top: 2px solid #1890ff;
  max-width: 1400px;
  padding: 0px;
  margin: 0px;
}

.time-horizontal li {
  float: left;
  position: relative;
  text-align: center;
  color: #1890ff;
  word-wrap: break-word;
  word-break: normal;
  width: 25%;
  padding: 0 6%;
  padding-top: 10px;
}
.container-box-word{
  height: 10rem;
  font-size: 0.75rem;
  word-wrap:break-word;
}

.time-horizontal li b:before {
  content: '';
  position: absolute;
  top: -10px;
  left: 47%;
  width: 20px;
  height: 20px;
  border: 2px solid #1890ff;
  border-radius: 20px;
  background: #1890ff;
}


/* you can make up upload button and sample style by using stylesheets */
.ant-upload-select-picture-card i {
  font-size: 32px;
  color: #999;
}

.ant-upload-select-picture-card .ant-upload-text {
  margin-top: 8px;
  color: #666;
}
/*login*/
.loginform{
  width: 33.3%;
  padding: 3rem 4%;
  border-radius: 15px;
  background-color: #FFF;
  position: absolute;
  left: 33.3%;
  top: 10%;
}
.logintitle{
  width: 99%;
  font-size: 1.5rem;
  line-height: 1.5rem;
  color: #1890ff;
  text-align: center;
  margin-bottom: 3rem;
}
.login-input{
  width: 99%;
  height: 3rem;
  line-height: 3rem;
  font-size: 1rem;
  /* padding-left: 15%; */
  outline: none;
  color: #999;
  border-radius: 4px;
  background-color: #fff;
}
.login-input input{
  line-height: 3rem;
  font-size: 1rem;
  padding-left: 3rem !important;
}
.login-icon1{
  background:url(../../../../../assets/images/www/login/loginicon1.png) no-repeat;
  background-position: 1rem center;
}
.login-icon2{
  background:url(../../../../../assets/images/www/login/loginicon2.png) no-repeat;
  background-position: 1rem center;
}
.login-icon3{
  background:url(../../../../../assets/images/www/login/loginicon3.png) no-repeat;
  background-position: 1rem center;
}
.login-input1{
  width: 70%;
  height: 3rem;
  line-height: 3rem;
  font-size: 1rem;
  padding-left: 15%;
  margin: 0 2% 0 0;
  outline: none;
  color: #999;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  background-color: #fff;
}
.loginform .ant-input-lg {
  padding: 0 0;
  padding-left: 15%;
  height: 3rem;
}
/* .login-input:hover,.login-input:focus,.login-input1:hover,.login-input1:focus,.login-btn1:active{
  outline: none;
  color: #5d5d5d;
  background-color: #fff;
} */
.validate{
  width: 28%;
  height: 3rem;
}
.loginin{
    width: 100%;
    height: 3.5rem;
    font-size:1.5rem;
    color: white;
    line-height:2.5rem;
    background-color: #1890ff;
    border-color: #1890ff;
    border-radius: 4px;
}
.loginin:hover,.loginin:focus,.loginin:active{
  color: #1890ff;
  background-color: #fff;
  border-color: #1890ff;
}

.login-other{
  font-size: 1rem;
  line-height: 2.5rem;
  color: #5d5d5d;
  padding:0 1rem;

}
.membername{
  height: 2.5rem;
  font-size:2rem;
  color: #1890ff;
  margin-right:15%;
  margin-top: 1.5rem;
  line-height:2.5rem;
  float: right;
}
/*home login*/
.homeloginform{
  width: 23%;
  border-radius: 15px;
  background-color: rgba(255,255,255,0.6);
  position: absolute;
  z-index: 99;
  right: 5%;
  overflow:hidden;
  top: 10rem;
}
.homelogin{
  width: 100%;
  font-size: 1.5rem;
  line-height: 4rem;
  margin-bottom:2rem;
  color: #1890ff;
  text-align: center;
  background-color: rgba(229,229,229,0.9);
}
.homeloginform .ant-input-lg{
  padding-left:0 0 0 15%;
  line-height: 3rem;
}
.homeloginform .ant-input{
  padding:0 0 0 15%;
  height: 3rem;
  line-height: 3rem;
  font-size: 1rem;
}
.homelogin-input{
  width: 100%;
  height: 3rem;
  line-height: 3rem;
  font-size: 1rem;
  outline: none;
  color: #999;
  border-radius: 4px;
  background-color: #fff;
}
.homelogin-input input{
  line-height: 3rem;
  font-size: 1rem;
  padding-left: 13% !important;
}
.homeloginin{
  width: 45%;
  height: 3rem;
  font-size:1.5rem;
  color: white;
  line-height:3rem;
  background-color: #1890ff;
  border-color: #1890ff;
  border-radius: 4px;
  margin-bottom: 1.5rem;
}
/*findpassword*/

.findform{
  width: 60%;
  padding: 3rem 2%;
  border-radius: 15px;
  background-color: #FFF;
  margin:10% 20%;
}
.find-form>.ant-form-item-label{
  width: 30%;
  padding-right:5%;
  font-size: 1.5rem;
  float: left;
}
.find-form .ant-input-lg{
  padding-left:0 0 0 15%;
  line-height: 3rem;
}
.find-form .ant-input{
  padding:0 0 0 5%;
  height: 3rem;
  line-height: 3rem;
  font-size: 1rem;
}
.find-form .ant-input:focus,.ant-input:hover{
  border-color: #1890ff;
}
.find-form>.ant-form-item-label>label{
  line-height: 3rem;
  font-size: 1rem;
}
.find-form>.ant-form-item-control-wrapper{
  width: 65%;
  float: left;
}
.find-input{
  width: 100%;
  height: 3rem;
  line-height: 3rem;
  font-size: 1rem;
  outline: none;
  color: #999;
  border-radius: 4px;
  background-color: #fff;
}
.find-input input{
    width: 100%;
    height: 3rem;
    line-height: 3rem;
    font-size: 1rem;
    outline: none;
    color: #999;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    background-color: #fff;
}
.find-code{
  height: 3rem;
  line-height: 3rem;
  font-size: 1rem;
  outline: none;
  color: #999;
  border-radius: 4px;
  background-color: #fff;
}
.find-code-btn{
  width: 95%;
  margin: 0 0;
  margin-left: 5%;
  height: 3rem;
  line-height: 3rem;
  font-size: 0.75rem;
  color: white;
  border-radius: 4px;
  background-color: #1890ff;
  border-color: #1890ff;
}
.findin{
  width: 90%;
  margin: 0 5%;
  height: 3.5rem;
  font-size:1.5rem;
  color: white;
  line-height:2.5rem;
  background-color: #1890ff;
  border-color: #1890ff;
  border-radius: 4px;
}

.ant-btn-primary{
  background-color: #1890ff;
  border-color: #1890ff;
}
.findin:hover,.findin:active,.findin:focus,.find-code-btn:hover,.homeloginin:hover,.homeloginin:focus,.homeloginin:active,.register-code-btn:hover,.find-code-btn:focus,.find-code-btn:active,.register-code-btn:focus,.register-code-btn:active{
  color: #1890ff;
  background-color: #fff;
  border-color: #1890ff;
}
/* ע��ҳ��start */
.register-content {
  width: 100%;
  padding: 5% 20%;
  text-align: center;
  background: url(../../images/www/register/bgRegister.jpg) no-repeat;
  background-size: 100% 100%;
}
.register-form {
  width: 100%;
  margin-top:3rem;
  padding: 4rem 20%;
  /* width: 750px; */
  border-radius: 10px;
  background-color: #ffffff;
}
.registerHome-form label{
  font-size: 18px;
  margin-right: 20px;
}
.registerHome-form>.ant-form-item-label {
  text-align: right;
  vertical-align: middle;
  line-height: 3rem;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.registerHome-form .ant-input-lg {
  padding: 3px 10px;
  height: 3rem;
  font-size: 16px;
}
.register-code-btn{
  width: 95%;
  margin: 0 0;
  margin-left: 5%;
  height: 3rem;
  line-height: 3rem;
  font-size: 0.75rem;
  color: white;
  border-radius: 4px;
  background-color: #1890ff;
  border-color: #1890ff;
  border-radius: 4px;
}
/* ע��ҳ��end */
/*会员中心*/
.ant-tabs-ink-bar {
  z-index: 1;
  position: absolute;
  left: 0;
  bottom: 1px;
  box-sizing: border-box;
  height: 2px;
  background-color: #1890ff;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}
.ant-tabs-nav .ant-tabs-tab-active{
  color: #1890ff;
}
 .ant-tabs-nav .ant-tabs-tab:hover {
  color: #1890ff;
}
.ant-tabs-nav .ant-tabs-tab{
  font-size: 1rem;
}

.personnal-content{
  widows: 80%;
}
.personnal-content .ant-form{
  width: 80%;
}

.personnal-form>.ant-form-item-label{
  width: 30%;
  padding-right:3%;
  font-size: 1.5rem;
  text-align: right;
  float: left;
}

.personnal-form>.ant-form-item-label>label{
  line-height: 3rem;
  font-size: 1rem;
}
.personnal-form>.ant-form-item-control-wrapper{
  width: 65%;
  float: left;
}
.personnal-form .ant-input-lg,.personnal-form .ant-input{
  padding:0 5%;
  height: 3rem;
}
.personnal-form .ant-select-lg .ant-select-selection--single{
  
  height: 3rem;
}
.personnal-form .ant-select-lg .ant-select-selection__rendered{
  line-height: 3rem;
}

.personnal-input{
  width: 100%;
  height: 3rem;
  line-height: 3rem;
  font-size: 1rem;
  outline: none;
  color: #999;
  border-radius: 4px;
}
.personnal-input input{
    width: 100%;
    height: 3rem;
    line-height: 3rem;
    font-size: 1rem;
    outline: none;
    color: #999;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
}
.personnal-code{
  height: 3rem;
  line-height: 3rem;
  font-size: 1rem;
  outline: none;
  color: #999;
  border-radius: 4px;
  background-color: #fff;
}
.personnal-code input{
  height: 3rem;
  line-height: 3rem;
  font-size: 1rem;
  outline: none;
  color: #999;
  border: 1px solid #dfdfdf;
}

.personnal-code-btn{
  width: 95%;
  margin: 0;
  margin-left: 5%;
  height: 3rem;
  line-height: 3rem;
  text-align: center;
  font-size: 0.75rem;
  color: #1890ff;
  background-color: #FFF;
  border-radius: 50px;
}
.personnalin{
  width: 30%;
  margin: 1rem 5%;
  height: 3rem;
  font-size:1.3rem;
  color: white;
  line-height:3rem;
  background-color: #1890ff;
  border-color: #1890ff;
  border-radius: 100px;
}
/*end*/
/*会员认证*/
.personnal-content .ant-form{
  width: 80%;
}
.membercom-add-btn{
  /* width: 16%; */
  margin: 0 5% 1rem ;
  height: 2.3rem;
  line-height: 2.3rem;
  font-size:1rem;
  color: #1890ff;
  float: right;
  border-color: #1890ff;
  border-radius: 100px;
}
.ant-table-bordered .ant-table-thead > tr > th {
  background-color: rbga( 241, 246, 250, 0.6);
  text-align: center;
}
.ant-table-thead > tr > th, .ant-table-tbody > tr > td {
  text-align: center;
}
/*end*/
/*通用样式*/
/*home-menu*/
.home-menu .ant-menu.ant-menu-dark .ant-menu-item-selected{
  background-color:#1890ff;
}
.home-menu .navbar-top-links > li > a:hover{
  background: transparent;
}
.navbar-icon:hover {
  background-color: transparent;
}
/*通用新增按钮*/
.common-btn{
  width:6%;
  height:2.5rem;
  line-height:2.5rem;
  margin:1rem 0;
  color:#FFF;
  background-color:#1890ff;
  border-color: #1890ff;
}
.common-btn2{
  width:6%;
  height:2.5rem;
  line-height:2.5rem;
  margin:1rem 0;
}
.common-btn3{
  width:6%;
  height:2.5rem;
  line-height:2.5rem;
  margin:1rem 1rem;
}
.common-btn1{
   width:6%;
  height:2.5rem;
  line-height:2.5rem;
  margin:1rem 0;
  color:#1890ff;
  border-color:#1890ff;
}
.common-btn:hover, .common-btn:focus {
  color:#FFF;
  background-color:#1890ff;
  border-color: #1890ff;
}
.common-btn1:hover, .common-btn1:focus {
  color:#1890ff;
  border-color:#1890ff;
}
/*专家名片*/
.calling-card{
  width: 80%;
  margin: 0 10%;
  margin-bottom: 3rem;
  background-color: #fff;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: rgba(212, 209, 203, 0.3) 0 0 5px 5px;
}
.calling-card-img{
  width: 25%;
  float: left;
}
.calling-card-img img{
  width: 100%;
  vertical-align: middle;
}
.calling-card-word{
  width: 75%;
  text-align: center;
  float: left;
}
.ant-table-middle .ant-table-thead > tr > th, .ant-table-middle .ant-table-tbody > tr > td {
  padding: 0;
}
.ant-table-row-expand-icon {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  width: 100%;
  text-align: center;
  line-height: 39px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #9ca5ab3d;;

}
.ant-form label {
  font-size: 12px;
}
.ant-table{
  font-size: 12px;
}
.ant-table table {
  width: 100%;
  line-height: 39px;
  border-collapse: separate;
  border-spacing: 0;
  text-align: left;
  border-radius: 4px 4px 0 0;
  overflow: hidden;
}
.ant-table-row-expand-icon {
  border: none;
}
.ant-table-row-expand-icon {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  width: 100%;
  text-align: center;
  line-height: 39px;
  user-select: none;
  background: rgba(156, 165, 171, 0.24);
  font-size: 20px;
}
.ant-table-thead > tr > th, .ant-table-tbody > tr > td {
  padding: 3px 8px;
  word-break: break-all;
}
.myClass > .ant-form-item-label > label::before {
  display: inline-block;
  margin-right: 4px;
  content: "*";
  font-family: SimSun;
  line-height: 1;
  font-size: 12px;
  color: #f04134;
}
.ant-calendar-picker {
  position: relative;
  display: inline-block;
  outline: none;
  font-size: 12px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  width: 100%;
}
td .ant-input-number{
  vertical-align:middle;
}
#customerMemNoInArray .ant-btn{
  height: 28px !important;
  line-height: 28px !important;
  text-align: center !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 16px;
}
#memberNo .ant-btn{
  height: 28px !important;
  line-height: 28px !important;
  text-align: center !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 16px;
}
#supplierNoInArray .ant-btn{
  height: 28px !important;
  line-height: 28px !important;
  text-align: center !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 16px;
}
#supplierNo .ant-btn{
  height: 28px !important;
  line-height: 28px !important;
  text-align: center !important;
  padding: 0 !important;
  margin: 0 !important;
}
#customerMemNo .ant-btn{
  height: 28px !important;
  line-height: 28px !important;
  text-align: center !important;
  padding: 0 !important;
  margin: 0 !important;
}
#customerMemNoArray .ant-btn{
  height: 28px !important;
  line-height: 28px !important;
  text-align: center !important;
  padding: 0 !important;
  margin: 0 !important;
}
#receiptUserNoInArray  .ant-btn{
  height: 28px !important;
  line-height: 28px !important;
  text-align: center !important;
  padding: 0 !important;
  margin: 0 !important;
}
#deliveryUserNoInArray  .ant-btn{
  height: 28px !important;
  line-height: 28px !important;
  text-align: center !important;
  padding: 0 !important;
  margin: 0 !important;
}
#deliveryUserNo  .ant-btn{
  height: 28px !important;
  line-height: 28px !important;
  text-align: center !important;
  padding: 0 !important;
  margin: 0 !important;
}
#receiptUserNo  .ant-btn{
  height: 28px !important;
  line-height: 28px !important;
  text-align: center !important;
  padding: 0 !important;
  margin: 0 !important;
}
.ant-table-body{
  /* padding-bottom: 30px; */
}
/* 展示页面 */
.showcenter{
  width: 100%;
  text-align: center;
  font-size: 40px;
  line-height: 60px;
  font-weight: bold;
  border-bottom: 1px solid #333;
}
.showbanner{
  width:100%;
  margin-top: 30px;
}
.showbasic{
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;
}
.showcompany{
  text-align: center;
  line-height: 30px;
  font-size: 20px;
  font-weight: bold;
}
.showcol{
  line-height: 25px;
  padding: 25px;
}
.showProduct{
  text-align: left;
  margin: 15px;
  font-size: 30px;
  border-bottom: 1px solid #333;
}
.showpro{
  width: 100%;
  padding:5% 10%;
  text-align: center;
}
.showcontent{
  width: 70%;
  margin: 0 15%;
}

/* ul,li{ margin:0; padding:0; }
li{ list-style:none; }
#FontScroll{
	width: 100%;
	height: 90px;
	line-height: 30px;
	overflow: Hidden;
	padding: 5px 0;
	margin: 0 auto;
	background-color: #999;
}
#FontScroll a{
	color: aliceblue;
	text-decoration: none;
}
#FontScroll .line{
	text-align: left;
	width: 100%;
}
#FontScroll .fontColor a{
	color: red;
	transition: all 1.5s ease 0s;
}
#FontScroll{padding-left: 10px} */
  .demo{
    line-height: 2rem;
    padding: 0 12.6%;
    margin: 0 auto;
    color: #000000;
    /*禁用Webkit内核浏览器的文字大小调整功能*/
    -webkit-text-size-adjust: none;  
    /*取出点击出现半透明的灰色背景*/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight: rgba(0, 0, 0, 0);        
    /*设置字体的抗锯齿或者说光滑度*/
    -webkit-font-smoothing: antialiased;
  }
  .demo-left{
    width: 8%;
    color: #000;
    font-size: 1.25rem;
  }
  .demo-right{
    width: 92%;
  }
  .txt-scroll{ background-color: rgba(255, 255, 255, 0.5);background-position: 10px center; background-repeat: no-repeat;}
  
  /*txt-scroll*/
  .txt-scroll{ width: 100%; height: 2rem; line-height: 2rem; padding: 0 3%; }
  .txt-scroll .scrollbox{ width: 100%; white-space: nowrap; overflow:hidden; transition: all .2s; }
  .txt-scroll .txt,
  .txt-scroll .txt-clone{ display: inline; position: relative; }

  .bell_cls:hover{color:yellow;cursor: pointer;font-size: 20px;font-weight:16px;}
  .srfqf .ant-input-group-addon{
    width: 28%;
    border: 0;
    background: #ececec;
    padding: 0
  }
  .exh .ant-input-group-addon{
    width: 20%;
    border: 1px solid #d9d9d9;
    border-left: 0;
    background: #ececec;
    padding: 0
  }
  #brand .ant-input{
    width: 40%;
  }
  #content .ant-input .ant-input-lg{
    width: 40%;
  }
  .ant-select-selection__rendered{
    width: 100%;
    text-align:center
  }
  .sousuo .ant-input-group-addon{
    width: 15%;
    padding: 0; 
    border: 1px solid rgba(0,0,0,0.2)
  }
  .ant-input-group-addon .ant-select .ant-select-selection{
    border: 1px solid rgba(0,0,0,0.2)
  }
#dealing {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(250, 250, 250, 0.65);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  font-size: 20px;
}
.ant-input-number-handler-wrap{
  display: none;
}

.stepDiv .ant-steps-item-title{
  font-size: 14px;
}

.stepDiv .ant-steps-item-description{
  font-size: 12px;
}

.logDiv{
  padding-left: 200px;
}

.logDiv .ant-steps-item-description{
  position: absolute;
  left: -150px;
  top: 0px;
  font-size: 12px;
}

.logDiv .ant-steps-item-title{
  font-size: 13px;
}

.ant-steps-dot .ant-steps-item-content{
  width: 80%;
  padding-bottom: 12px;
}

.hidePopup .ant-menu-submenu-popup {
  display: none;
}