.clear{ font: 0px/0px serif; display: block; clear: both; }
.title {
	position: relative;
	width: 100%;
	height: 47px;
	border: 1px solid #ebebeb;
	text-indent: 22px;
}

.title h3 {
	position: absolute;
	left: -1px;
	top: 0;
	background: url(../../Images/blue/line.png) -2px center no-repeat;
	font: bold 18px/47px "microsoft yahei";
}
.title a.more{
	position: absolute;
	right: 15px;
	top: 0;
	color: #333;
	font:normal 14px/47px "microsoft yahei";
}
.newspages {
	width: 100%;
	height: 40px;
	float: left;
	padding: 25px 0;
	text-align: center;
	font: normal 12px/40px "Tahoma";
}

.newspages a {
	width: 40px;
	height: 38px;
	display: inline-block;
	border: 1px solid #e6e6e6;
	border-left: 0;
	text-align: center;
	font: normal 12px/38px "Tahoma";
	color: #666666;
	vertical-align: middle;
}

.newspages a.ft {
	border-left: 1px solid #e6e6e6;
	border-right: 0;
	background: url("../../Images/blue/companyList.png") no-repeat -56px -530px;
}

.newspages a.next {
	margin-right: 15px;
	background: url("../../Images/blue/companyList.png") no-repeat 15px -530px;
}

.newspages a.prev {
	width: 68px;
	background: url("../../Images/blue/companyList.png") no-repeat 8px -467px;
	border-left: 1px solid #e6e6e6;
}

.newspages a.lt {
	width: 68px;
	background: #fff url("../../Images/blue/companyList.png") no-repeat 8px -497px;
}

.newspages a.on {
	background: #477bda;
	border: 1px solid #477bda;
	border-left: 0;
	color: #fff;
	font-weight: bold;
}

.newspages input {
	width: 38px;
	height: 38px;
	display: inline-block;
	text-align: center;
	border: 1px solid #e6e6e6;
	font: normal 12px/38px "Tahoma";
	margin: 0 10px;
	vertical-align: middle;
}

.newspages button {
	width: 52px;
	height: 40px;
	display: inline-block;
	text-align: center;
	border: 1px solid #e6e6e6;
	font: normal 12px/40px "Tahoma";
	vertical-align: middle;
	cursor: pointer;
	background: url("../../Images/blue/companyList.png") no-repeat 0 -386px;
}


}
.authBg {
  background-color: #fff;
  display: none;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  filter: alpha(opacity=50);
  opacity: 0.5;
  /*FF*/
  z-index: 9998;
  position: fixed !important;
  position: absolute;
  _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2: document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2); }

.authBox {
	z-index: 9999;
	display: none;
	width: 694px;
	left: 50%;
	top: 50%;
	/*! margin-left: -347px !important; */
	/*! margin-top: -290px !important; */
	margin-top: 0px;
	position: fixed !important;
	position: absolute;
	_top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2: document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);
	transform: translate(-50%,-50%);
}


.authMain {
  width: 692px;
  position: relative;
  border: 1px solid #bfbebe;
  border-radius: 2px;
  font-family: microsoft yahei;
  background: #fff;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  overflow-y: auto;
  overflow-x: hidden;
}
  .authMain a.close {
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    background: url("/NewShowStand/Style/17/images/closed.png") no-repeat 0 0;
    right: 18px;
    top: 14px;
    z-index: 8; }
  .authMain ul {
    position: absolute;
    left: 30px;
    top: 80px;
    width: 596px;
    height: 250px;
    overflow: hidden;
    z-index: 2; }
    .authMain ul li {
      width: 278px;
      float: left;
      line-height: 24px;
      color: #333;
      padding: 4px 0;
      padding-left: 20px;
      font-family: microsoft yahei;
      overflow-y: auto;
      max-height: 192px; }
      .authMain ul li b {
        font-weight: 400;
        color: #999; }
  .authMain h3 {
    /*! position: absolute; */
    font-size: 16px;
    /*! top: 0px; */
    /*! left: 0px; */
    /*! z-index: 3; */
    font-weight: bold;
    font-family: microsoft yahei;
    width: 100%;
    height: 44px;
    background: #f3f3f3;
    line-height: 44px;
    border-bottom: 1px solid #dddddd;
    text-indent: 15px; }
  .authMain i {
    position: absolute;
    width: 134px;
    height: 134px;
    background: url("/NewShowStand/images/chapter.png") no-repeat 0 0;
    z-index: 5;
    right: 46px;
    top: 178px; }


.certifiMain {
  display: none;
  float: left;
  width: 100%; }

.catalog {
  width: 776px;
  float: left;
  padding: 0 29px 15px 29px; }
  .catalog dl {
    width: 100%;
    float: left; }
    .catalog dl dt {
      width: 100%;
      border-bottom: 1px solid #dddddd;
      font-size: 18px;
      font-weight: bold;
      padding: 12px 0;
      float: left;
      position: relative; }
      .catalog dl dt a {
        color: #333; }
        .catalog dl dt a.openDt {
          position: absolute;
          right: 0;
          top: 18px;
          color: #999;
          font-size: 12px;
          font-weight: 400; }
    .catalog dl dd {
      width: 100%;
      float: left;
      overflow: hidden; }
      .catalog dl dd ul {
        width: 796px;
        float: left;
        margin-left: -10px; }
        .catalog dl dd ul li {
          width: 245px;
          float: left;
          padding: 15px 10px 0 10px; }
          .catalog dl dd ul li a {
            display: block;
            background-color: #f6f6f6;
            border: 1px solid #e8e8e8;
            text-align: center;
            line-height: 28px;
            color: #333; }
            .catalog dl dd ul li a:hover {
              background: #5487e4;
              color: #fff;
              border: 1px solid #5487e4; }

.loginBox {
  position: absolute;
  top: 100px;
  left: 50px; }

.loginItem {
  width: 100%;
  float: left;
  padding: 8px 0;
  position: relative; }
  .loginItem label {
    width: 150px;
    float: left;
    line-height: 38px;
    text-align: right;
    font-size: 14px; }
  .loginItem input.text {
    width: 280px;
    float: left;
    height: 36px;
    border: 1px solid #d7d7d7;
    border-radius: 2px;
    font-size: 14px;
    line-height: 36px;
    text-indent: 13px;
    margin-left: 17px; }
  .loginItem input.codes {
    text-indent: 130px; }
  .loginItem p, .loginItem .products ul li figcation span, .products ul li figcation .loginItem span, .loginItem ul.newsList li b, ul.newsList li .loginItem b, .loginItem .product li span, .product li .loginItem span {
    position: absolute;
    top: 16px;
    left: 178px; }
  .loginItem .Wrong {
    float: left;
    line-height: 36px;
    color: #ff0000;
    text-indent: 30px;
    background: url("/NewShowStand/Style/17/images/wrong.png") no-repeat 7px 50%; }

.loginBtn, .enquiryBtn {
  float: left;
  padding-left: 148px; }
  .loginBtn button, .enquiryBtn button {
    width: 130px;
    margin: 10px 0 0 20px;
    padding: 8px 0px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    background: #ff2c62;
    text-align: center;
    display: inline-block; }
  .loginBtn button.backpassword, .enquiryBtn button.backpassword {
    background: #666666; }

.loginPrompt {
  position: relative;
  /*! top: 180px; */
  /*! left: 250px; */
  font-size: 16px;
  line-height: 34px;
  text-indent: 44px;
  background: url("/NewShowStand/Style/17/images/prompt.png") no-repeat 0 0;
  margin: 80px 0 40px 250px;
}
  .loginPrompt a {
    color: #2e62c2;
    text-decoration: underline; }
    .loginPrompt a:hover {
      text-decoration: none;
      color: #ff6600; }
      .favoriteSign {
  position: relative;
  font-size: 30px;
  line-height: 51px;
  text-indent: 70px;
  background: url("/NewShowStand/Style/17/images/favorite.png") no-repeat 0 0;
  /*! top: 88px; */
  /*! left: 214px; */   margin: 50px auto 0 214px;
}

.already {
  background: url("/NewShowStand/Style/17/images/favorite.png") no-repeat 0 -64px; }

.favoriteBtn {
  /*! position: absolute; */
  text-align: center;
  /*! left: 0; */
  width: 100%;
  margin-top: 40px;
}
  .favoriteBtn a {
    width: 154px;
    height: 31px;
    display: inline-block;
    border: 1px solid #dddddd;
    background: #f3f3f3;
    line-height: 31px;
    color: #333;
    margin: 0 10px;
    border-radius: 2px; }
    .favoriteBtn a:hover {
      border: 1px solid #5487e4;
      background: #5487e4;
      color: #fff; }

.labels {
  /*! position: absolute; */
  /*! top: 218px; */
  width: 572px;
  /*! left: 60px; */
  border-top: 1px solid #dddddd;
  padding: 17px 0 0 0;
  margin: 26px auto;
  overflow: hidden;
}
  .labels dl {
    width: 100%;
    float: left; }
    .labels dl dt {
      width: 45px;
      float: left;
      line-height: 36px; }
    .labels dl dd {
      width: 527px;
      float: right;
      line-height: 34px; }
      .labels dl dd input {
        width: 403px;
        float: left;
        height: 32px;
        border: 1px solid #d7d7d7;
        border-radius: 2px;
        line-height: 32px;
        text-indent: 13px; }
      .labels dl dd button {
        float: left;
        margin: 0px 0 0 15px;
        width: 60px;
        height: 34px;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        background: #ff2c62;
        border-radius: 2px; }
      .labels dl dd p, .labels dl dd .products ul li figcation span, .products ul li figcation .labels dl dd span, .labels dl dd ul.newsList li b, ul.newsList li .labels dl dd b, .labels dl dd .product li span, .product li .labels dl dd span {
        float: left;
        width: 100%;
        color: #999999;
        text-indent: 13px;
        line-height: 22px; }
      .labels dl dd a {
        color: #2e62c2;
        text-decoration: underline;
        margin-right: 15px; }
        .labels dl dd a:hover {
          text-decoration: none;
          color: #ff6600; }

.enquiryBox {
	width: 630px;
	padding: 60px 30px 10px;
	overflow: hidden;
	background-color: #fff;
}

.enquiryItem {
  width: 100%;
  float: left;
  position: relative;
  padding: 4px 0; }
  .enquiryItem label {
    width: 130px;
    float: left;
    line-height: 32px;
    text-align: right; }
    .enquiryItem label b {
      font-weight: 400;
      color: #ff0000;
      font-family: tahoma;
      margin-right: 3px; }
  .enquiryItem input {
    width: 445px;
    float: left;
    height: 32px;
    border: 1px solid #d7d7d7;
    border-radius: 2px;
    line-height: 32px;
    text-indent: 13px;
    margin-left: 10px; }
    .enquiryItem input:focus {
      background: #f5f5f5;
      border-color: #90b5f9; }
  .enquiryItem textarea {
    width: 420px;
    float: left;
    height: 100px;
    border: 1px solid #d7d7d7;
    border-radius: 2px;
    line-height: 36px;
    padding: 0 13px;
    margin-left: 10px; }
    .enquiryItem textarea:focus {
      background: #f5f5f5;
      border-color: #90b5f9; }
  .enquiryItem .Wrong {
    float: left;
    line-height: 18px;
    color: #ff0000;
    text-indent: 30px;
    margin-top: 10px;
    margin-left: 145px;
    background: url("/NewShowStand/Style/17/images/wrong.png") no-repeat 7px 50%; }
  .enquiryItem button {
    float: left;
    margin: 5px 0 0 140px;
    width: 128px;
    height: 32px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 2px;
    border: 2px solid #ff2c62;
    color: #ff2c62;
    background: #fff; }

.members {
  width: 100%;
  height: 18px;
  float: left;
  position: relative;
  margin: 10px 0 6px 0; }
  .members p, .members .products ul li figcation span, .products ul li figcation .members span, .members ul.newsList li b, ul.newsList li .members b, .members .product li span, .product li .members span {
    position: absolute;
    line-height: 18px;
    padding: 0 20px;
    background: #fff;
    z-index: 2;
    left: -10px; }
  .members b {
    width: 100%;
    height: 1px;
    position: absolute;
    z-index: 1;
    top: 50%;
    border-top: 1px dotted #ddd; }

.wd5 {
  width: 50%; }
  .wd5 input {
    width: 170px; }

.enquiryBtn {
  padding-left: 0px;
  text-align: center;
  width: 100%; }
  .enquiryBtn button {
    font-size: 14px;
    margin-top: 0; }

.enquiryRow {
  width: 100%;
  float: left; }

.enquiryTd .Wrong {
  margin-left: 105px; }

.save {
  display: block;
  color: #ff0000;
  text-indent: 10px;
  float: left;
  line-height: 22px; }

.alertTxt {
  position: relative;
  /*! top: 150px; */
  /*! left: 80px; */
  font-size: 20px;
  line-height: 38px;
  font-weight: bold;
  width: 480px;
  padding-left: 66px;
  margin: 80px 80px;
  width: auto !important;
}
  .alertTxt .sendSuccess {
    width: 52px;
    height: 52px;
    display: block;
    float: left;
    background: url("/NewShowStand/Style/17/images/favorite.png") no-repeat 0 0;
    margin-left: -60px;
    margin-top: -10px; }
  .alertTxt .sendWrong {
    background: url("/NewShowStand/Style/17/images/favorite.png") no-repeat 0 -64px; }
    .productParameter table {
	border-collapse: collapse;
	width: 100%;
	font-size: 12px;
}

.productParameter table tr th {
	line-height: 35px;
	text-align: left;
	background: #f5f5f5;
	border: 1px solid #e8e8eb;
	color: #666;
	padding: 0 10px;
	height: 35px;


}

.productParameter table tr td {
	line-height: 35px;
	text-align: left;
	border: 1px solid #e8e8eb;
	color: #828180;
	padding: 0 10px;
	height: 35px;


}

.productParameter table tr td b {
	color: green;
}

.productParameter table tr.trBg {
	/*background: #f5f5f5;*/
}

.productParameter {
	width: 100%;
	margin: 0 auto 0;
	position: relative;
	overflow: hidden;
}

.parameterMore {
	position: relative;
	width: 500px;
	margin: 0px auto 15px;
}

.parameterMore a {
	display: block;
	position: absolute;
	border-color: #FFF #E5E5E5 #E5E5E5;
	border-style: solid;
	border-width: 1px;
	display: block;
	height: 15px;
	left: 50%;
	margin-left: -30px;
	border-radius: 0 0 2px 2px;
	width: 60px;
	top: -1px;
	right: 11px;
	background: #fff;
	text-align: center;
}

.parameterMore a i {
	display: block;
	width: 14px;
	height: 15px;
	margin: -4px 0 0 25px;
	background: url(/NewShowStand/images/upDown.png) no-repeat 0 0;
}

.parameterMore a.more i {
	display: block;
	width: 14px;
	height: 15px;
	margin: -4px 0 0 25px;
	background: url(/NewShowStand/images/upDown.png) no-repeat -19px 0;
}

.productParameter.hideParameter {
	height: 181px;
}
.enquiryItem .province {
  font: normal 14px/32px "microsoft yahei";
  height: 32px;
  color: #333;
  padding: 0;
  float: left;
  width: 170px;
  margin-left: 10px;
  text-indent: 12px;
  position: relative;
  border: 1px solid #d7d7d7;
  border-radius: 2px;
  display: inline-block;
  background: url("../../Images/Public/downArrow.png") 150px 14px no-repeat;
}
.enquiryItem .province ul {
  position: absolute;
  background: #fff;
  width: 240px;
  height: 84px;
  overflow-y: scroll;
  overflow-x: hidden;
  border: 1px solid #d7d7d7;
  top: 32px;
  left: -1px;
  line-height: 20px;
  padding:8px 0;
}
.enquiryItem .province ul li{
   display: block;
   text-indent: 8px;
   line-height: 20px;
   font-family: "microsoft yahei";
   font-size: 12px;
   color: #333;
   width: 22%;
   float: left;
}
.enquiryItem .province ul li:hover{
    background: #477bda;
    color: #fff;

  }
.footer .foot .about.web{
	padding-left: 50px;
	width: 350px;
	height: 230px;
}
.footer .foot .about.code{
	width: 400px;
	position: relative;
}
.smallCard{
    position: absolute;
	right: 0;
	top: 16px;
	text-align: center;
}
.smallCardImg{
    width: 166px;
    height: 166px;
    padding:12px;
    margin: 0 auto;
    background:url("/NewShowStand/images/qcBg.png") no-repeat;
}
.smallCardImg img{
    width: 100%;
    height: 100%;
    display: block;
    border:none;
}
.smallCardText{
    font-size: 14px;
    padding:12px 0;
	color: #fff;
    font-family: microsoft yahei;
}
.contactCode{
    position: absolute;
	top: 0;
	left: 625px;
}
.intro .intro_box .contact{
	padding:0;
	width: 1064px;
}
.intro .intro_box .contact .info.qcLeft{
	width: 550px;
	position: relative;
}
.intro .intro_box .contact .info.qcRight{
	padding-left: 100px;
	width: 340px;
}
.intro .intro_box .contact .prompt{
	margin-left: 320px;
}
.transaction{
	position: absolute;
	right: 17px;
	top: 13px;
	font-size: 14px;
	height: 22px;
	font-weight: bold;
	font-family: microsoft yahei;
	background:url("/NewShowStand/images/transaction.png") no-repeat 0 0;
}
.transaction a{
	display: block;
	color: #333;
	text-indent: 37px;
	line-height: 18px;
}
.transaction a:hover{
	color: #ff6600;
	text-decoration: underline;
}
.payfor{
	width: 100%;
	font-size: 14px;
	color: #666;
	line-height: 24px;
	margin-top: 10px;
	font-family: microsoft yahei;
	float:left;
}
.payfor i{
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: top;
	margin-left: 8px;
	background:url("/NewShowStand/images/payfor.png") no-repeat;
}
.payfor i.shield{
	background:url("/NewShowStand/images/payfor.png") no-repeat -28px 0;
}
.tipsText{
  font-size: 14px;
  line-height: 20px;
  font-family: microsoft yahei;
  margin-top: 10px;
  width: 380px;
  float: left;
}
.tipsText b{
  color: #ff6600;
}

.footer .foot .about p{
	margin-top: 20px;
	font: normal 14px/24px "microsoft yahei";
}
.telphone,.person{
	margin-top: 20px;
	font: normal 14px/24px "microsoft yahei";
	color: #cacaca;
}
.telphone.wid{
	width: 145px;
	word-break: break-all;
}
.person.wid{
	width: 165px;
	word-break: break-all;
}
.bigImg a.videoIco{
	position: absolute;
	z-index: 9;
	width: 52px;
	height: 52px;
	left: 42px;
	bottom:24px;
	background:url("https://public.mtnets.com/images/public/video.png") no-repeat 0 0;
}
.videoItem{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
}
.videoItem a{
	position: absolute;
	width: 36px;
	height: 36px;
	top: 0px;
	right: 0px;
	z-index: 11;
	background:url("https://public.mtnets.com/images/public/video.png") no-repeat -56px 0;
}
.Warning{
	text-align: center;
	font-size: 14px;
	font-family: microsoft yahei;
	line-height: 27px;
	color: #fff;
	width: 606px;
	height: 400px;
	background-color: #000;
	margin:0 auto;
}
.Warning b{
	display: inline-block;
	width: 30px;
	height: 27px;
	margin: 12px;
	margin:150px 0 20px 0;
	background:url("https://public.mtnets.com/images/public/waring.png") no-repeat;
}
.top .logo table td .memberInfor img{
	max-height: 100%;
	margin-left: 20px;
}
.main .rightBar .pdc_box ul.other_pdc li table td{
	width: 142px;
	height: 110px;
}
.container .quality .pdc_list ul li table td{
	width: 180px;
	height: 160px;
}
.main .rightBar .pdc_box ul.other_pdc li table td img{
	max-width: 142px;
	max-height: 110px;
}
.main .rightBar .newsDetail .newsContent{
	overflow: hidden;
}
.tyc{
	text-align: center;
	line-height: 32px;
	font-size: 12px;
  font-family: "microsoft yahei";
  text-align: right;
  padding-right: 20px;
}
.tyc img{
	height: 20px;
	vertical-align: middle;
	margin: 0 10px;
}

.header .head form {
  background-color: white;
  height: 30px;
  margin-top: 4px;
}
.header .head form input {
  background-color: white;
  height: 30px;
  color: #333;
}
.header .head form .select ul {
  background-color: white;
  border: 1px solid #ddd;
  border-top: none;
  top: 30px;
  color: #333;
}
.header .head form .select span {
  height: 30px;
  color: #333;
}
.header .head form button {
  height: 30px;
  font: normal 12px/30px "microsoft yahei";
}
.header .head form .select {
  font: normal 12px/30px "microsoft yahei";
}
.header .head form .select b{
  width: 1px;
  height: 12px;
  display: block;
  background-color: #ddd;
  position: absolute;
  top: 10px;
  left: 91px;
}


.searchSelect {
	position: relative;
	float: left;
	background-color: #fff;
	font-family: "microsoft yahei";
}
.selectTop {
	position: relative;
	cursor: pointer;
	height: 28px;
    border: 1px solid #ccc;
	overflow: hidden;
	border-right: 0;
}

.selectTop p {
	font-size: 12px;
    line-height: 18px !important;
	color: black !important;
	height: 18px !important;
    text-indent: 12px;
    border-right: 1px solid #e6e6e6;
    margin-top: 5px;
    padding-right: 25px !important;
    margin-left: 0 !important;
}
.selectTop p:hover{
    color: black !important;
}
.selectTop i {
	position: absolute;
	width: 13px;
	height: 7px;
	right: 6px;
    top: 11px;
	background: url(/NewShowStand/Images/searchRow.png) no-repeat 0 0;
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
}
.selectTop.focus i{
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.selectBot {
	position: absolute;
    width: 87px;
    background-color: #ffffff;
    top: 29px;
    left: 0;
	z-index: 99;
	border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
	display: none;
}

.selectBot li {
	line-height: 26px;
	font-size: 12px;
	text-indent: 12px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.selectBot li:hover {
	background-color: #5487e4;
	border-left: 1px solid #5487e4;
	border-right: 1px solid #5487e4;
	color: #fff;
	cursor: pointer;
}
.searchTop .searchWeb {
    border-color: #B9B9BA !important;
    background: #d5d3d4 !important;
    color: #333 !important;
}
.searchTop input {
    width: 134px !important;
    float: left;
    height: 28px !important;
    line-height: 26px;
    border: 1px solid #ccc !important;
    border-left: 0 !important;
    text-indent: 10px;
    background: #fff;
    border-radius: 0;
	color: #999999;}
.searchTop button {
	width: 67px !important;
	position: relative !important;
	border: 1px solid #5487e4 !important;
	background: #5487e4 !important;
	display: block;
	float: left;
	margin: 0 0 0 7px;
	color: #fff !important;
	line-height: 26px !important;
	border-radius: 2px;
}
.header .head form{
	background-color: transparent;
}
.header .head form{
	width: 370px;
}
.searchTop {
  width: 396px;
  margin: 0;
  padding: 0;
}
.product .productPhoto .bigImg ul li table td{
	padding:0;
	width: 660px;
}
@media screen and (max-width: 1400px) {
    .authMain {
        max-height: 585px !important;
		overflow-y: auto;
		overflow-x: hidden;
    }
}