@charset "utf-8";

/* 产品首页 */
#product{padding: 0 0 120px 0;}

#product .path, #category .path, #view .path{padding: 18px 0 19px 0; background: #0e55a4;}
#product .path a, #category .path a, #view .path a{font-size: 1.4rem; position: relative; transition: all .3s; color: #fff;}
#product .path i, #category .path i, #view .path i{color: #fff; font-size: 1.2rem;}
#product .path a::after, #category .path a::after, #view .path a::after{content: ''; display: block; width: 0; height: 1px; background: #fff; left: 0; bottom: -1px; position: absolute; transition: all .3s;}
#product .path a:hover::after, #category .path a:hover::after, #view .path a:hover::after{width: 100%;}

#product>.desc{padding: 55px 0 70px 0;}
#product>.desc .tit{color: #2b2b2b; font-size: 4.2rem; font-weight: 700; margin-bottom: 25px;}
#product>.desc .desc, #product>.desc .desc p{font-size: 1.68rem; color: #2e2d3c; line-height: 1.7; font-weight: 300;}
#product>.desc .desc p{margin-bottom: 20px;}
#product>.desc .desc p>span{color: #279830;}

#product>.desc .overview{background: #e3e5e7; padding: 25px; margin-top: 50px;}
#product>.desc .overview .tit{font-weight: normal; font-size: 1.7rem;}
#product>.desc .overview a{display: inline-block; background: #fff; padding: 11px 16px; font-size: 1.5rem; margin-right: 10px; border-radius: 7px; font-weight: 300; transition: all .2s;}
#product>.desc .overview a:hover{background: #0e55a4; color: #fff;}
#product>.desc .overview a span{color: #30a239; transition: all .2s;}
#product>.desc .overview a:hover span{color: #fff;}


#product .category{margin-top: 10px;}
#product .category .wrap{display: flex; justify-content: space-between;}
#product .category .wrap .item{width: calc(33.33333% - 50px); background: #eee; position: relative; padding-bottom: 80px;}

#product .category .item .cls{display: block; position: relative; height: 0; padding-bottom: 100%; overflow: hidden;}
#product .category .item .cls .img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden;}
#product .category .item .cls .img>img{width: 100%; height: 100%; display: block; transform: scale(1.06); transition: .35s;}
#product .category .item:hover .cls .img>img{transform: scale(1);}
#product .category .item .cls::after{content: ''; display: block; width: 165%; height: 165%; background: rgba(255,255,255, .7); left: 80%; top: -62%; position: absolute; z-index: 2; border: 150px solid rgba(255,255,255, .86); transform: rotate(45deg); transition: all .4s ease; opacity: 0;}
#product .category .item:hover .cls::after{left: 10%; top: -62%; opacity: 1; border-color: #0e55a4;}

#product .category .item .cls .tit{position: absolute; z-index: 3; text-align: right; padding-right: 15px; border-right: 4px solid #212121; font-size: 1.6rem; color: #212121; width: 120px; text-transform: uppercase; line-height: 1.35; right: 0; bottom: 45px; opacity: 0; transition: all .35s;}
#product .category .item:hover .cls .tit{right: 45px; opacity: 1; transition: all .35s .15s;}

#product .category .son{padding: 30px; border-top: 2px solid #fff;}
#product .category .son a{display: block; font-size: 1.5rem; color: #464646; font-weight: 300; padding: 10px 0;}
#product .category .son a .img{display: inline-block; width: 35px; height: 35px; margin-right: 10px; background: #fff no-repeat center/cover; vertical-align: middle;}
#product .category .son a:hover{text-decoration: underline; color: #000;}

#product .category .wrap .item .more{display: block; position: absolute; left: 50%; right: 0; bottom: 40px; width: 118px; height: 39px; line-height: 38px; background: #fff; margin-left: -59px; text-align: center; font-size: 1.6rem; border-radius: 8px; font-weight: bold; transition: all .2s;}
#product .category .wrap .item .more:hover{background: #30a239; color: #fff;}

@media (max-width:1440px){
  #product>.desc{padding: 55px 0 60px 0;}

  #product .category{margin-top: 5px;}
  #product .category .wrap .item{width: calc(33.33333% - 40px);}
}
@media (max-width:1366px){
  #product .path a, #category .path a, #view .path a{font-size: 1.3rem;}
  #product .path i, #category .path i, #view .path i{font-size: 1.2rem; transform: scale(.88); display: inline-block;}

  #product .category .wrap .item{width: calc(33.33333% - 35px);}
  #product .category .son a{font-size: 1.4rem;}
}
@media (max-width:1024px){
  #product .path a, #category .path a, #view .path a{font-size: 1.4rem;}
  #product .path i, #category .path i, #view .path i{font-size: 1.3rem;}

  #product>.desc .overview .tit{font-size: 1.5rem;}
  #product>.desc .overview a{font-size: 1.4rem;}

  #product .category{margin-top: 0;}
  #product .category .wrap .item{width: calc(33.33333% - 20px);}
  #product .category .son a{font-size: 1.3rem;}

  #product .category .son{padding: 20px;}
}
@media (max-width:1000px){
  #product .path, #category .path, #view .path{padding: 18px 15px 19px 15px;}
  #product .path .wrap, #category .path .wrap, #view .path .wrap{line-height: 1.5;}

  #product>.desc{padding: 40px 15px 50px 15px;}
  #product>.desc .tit{font-size: 3.2rem;}
  #product>.desc .desc, #product>.desc .desc p{font-size: 1.56rem; line-height: 1.6;}

  #product>.desc .overview a{margin-bottom: 5px;}

  #product .category .wrap{display: block; padding: 0 15px;}
  #product .category .wrap .item{width: 100%; padding-bottom: 80px; margin-bottom: 30px;}
  #product .category .son{padding: 20px; border-top: 1px solid #fff;}
  #product .category .son a{font-size: 1.5rem; color: #464646; font-weight: 300; padding: 8px 0;}
}


/* 产品列表页 */
#category .category{background: #f1f1f1; padding: 65px 0 125px 0; min-height: calc(100vh - 250px); box-sizing: border-box;}
#category .category .cls-tit{text-align: center; font-weight: 300; font-size: 3.6rem; color: #0e55a4; position: relative;}
/*#category .category .cls-tit::after{content: ''; display: block; width: 70px; height: 2px; background: #0e55a4; left: 50%; bottom: -30px; margin-left: -35px; position: absolute;}*/

#category .category .root-cls{margin: 25px 0 0 0; position: relative; z-index: 2;}
#category .category .root-cls>a{display: block; width: 320px; height: 40px; line-height: 39px; background: #30a239; margin: auto; color: #fff; border-radius: 4px; font-size: 1.4rem; font-weight: 300; padding: 0 0 0 35px; box-sizing: border-box; position: relative;}
#category .category .root-cls>a::before{content: '\ea8b'; display: block; font-family: 'iconfont'; position: absolute; left: 10px; top: 0px; color: #fff; font-size: 1.6rem;}
#category .category .root-cls>a>i{display: block; font-family: 'iconfont'; position: absolute; right: 10px; top: 11px; color: #fff; transition: all .3s;}
#category .category .root-cls>a>i.active{transform: rotate(180deg);}
#category .category .root-cls>div{width: 320px; background: #fff; position: absolute; left: 0; right: 0; margin: auto; border-radius: 4px; overflow: hidden; box-shadow: 0 5px 10px rgba(0,0,0, .07); display: none;}
#category .category .root-cls>div>a{display: block; padding: 15px; font-size: 1.4rem; font-weight: 300; border-bottom: 1px solid #eee; transition: all .3s; color: #212121;}
#category .category .root-cls>div>a:hover{background: #eee !important; color: #0e55a4 !important; padding-left: 22px;}
#category .category .root-cls>div>a.active{color: #30a239;}
#category .category .root-cls>div>a:last-child{border-bottom: 0px none;}
#category .category .root-cls>div>a>img{width: 40px; height: 40px; margin-right: 10px;}

#category .category .list{display: flex; flex-wrap: wrap; margin-top: 65px;}
#category .category .list a{display: block; width: calc((100% - 60px)/5); height: 0; padding-bottom: calc((100% - 60px)/5); margin-right: 15px; margin-bottom: 15px; background: #fff; position: relative; z-index: 1; overflow: hidden; transition: all .3s;}
#category .category .list a:hover{box-shadow: 0 5px 15px 5px rgba(60,80,196, .088);}
#category .category .list a:nth-of-type(5n){margin-right: 0;}
#category .category .list a .tit-h{text-align: center; position: absolute; width: 80%; left: 10%; top: 35px; font-size: 1.5rem; font-weight: 300; line-height: 1.3; z-index: 2; transition: all .3s ease;}
#category .category .list a:hover .tit-h{opacity: 0; top: 5px;}
#category .category .list a .tit-f{text-align: center; position: absolute; width: 80%; left: 0; right: 0; bottom: -70px; background: #0e55a4; color: #fff; height: 40px; padding: 15px 10%; z-index: 2; transition: all .3s; display: flex; align-items: center; justify-content: center;}
#category .category .list a:hover .tit-f{bottom: 0;}
#category .category .list a .tit-f>div{font-size: 1.4rem; font-weight: 300; line-height: 1.3;}
#category .category .list a .img{width: 100%; height: 100%; position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transform: scale(.78); margin-top: 10%; transition: all .36s ease;}
#category .category .list a:hover .img{transform: scale(.73); margin-top: -10%;}

#category #getmore{margin-top: 50px;}
#category #getmore .handle{border: 0px none;}

@media (max-width:1440px){
  #category .category{padding: 60px 0 85px 0;}

  #category .category .list a .tit-h{font-size: 1.4rem; top: 32px;}
  #category .category .list a .tit-f>div{font-size: 1.3rem;}
}
@media (max-width:1366px){
  #category .category{padding: 50px 0 75px 0;}

  #category .category .list a .tit-h{font-size: 1.3rem; top: 30px;}
}
@media (max-width:1024px){
  #category .category .list a{width: calc((100% - 45px)/4); padding-bottom: calc((100% - 45px)/4);}
  #category .category .list a:nth-of-type(5n){margin-right: 15px;}
  #category .category .list a:nth-of-type(4n){margin-right: 0;}
}
@media (max-width:1000px){
  #category .category{padding: 40px 15px 45px 15px; min-height: unset;}
  #category .category .cls-tit{font-size: 3rem;}

  #category .category .root-cls{margin: 20px 0 0 0; position: relative; z-index: 2;}

  #category .category .list{margin-top: 50px;}
  #category .category .list a{width: calc((100% - 10px)/2); margin-right: 10px; margin-bottom: 10px; padding-bottom: calc((100% - 10px)/2);}
  #category .category .list a:nth-of-type(5n){margin-right: 10px;}
  #category .category .list a:nth-of-type(2n){margin-right: 0;}
  #category .category .list a .tit-h{width: 90%; left: 5%; top: 20px; font-size: 1.3rem;}
}


/* 产品详情 */
#view{min-height: calc(100vh - 199px);}
#view .top{background: #f1f1f1;}
#view .top .wrap{display: flex; justify-content: space-between;}
#view .top .wrap .img{width: 400px; height: 400px; background: #fff; padding: 20px 50px; border-top: 20px solid #f1f1f1; border-bottom: 20px solid #f1f1f1;}
#view .top .wrap .img>img{width: 100%; height: 100%;}
#view .top .wrap .con{width: calc(100% - 500px); box-sizing: border-box; padding: 25px 0 0 70px;}

#view .top .wrap .con h1{font-size: 3rem; color: #2b2b2b;}
#view .top .wrap .con .labels{margin-top: 30px;}
#view .top .wrap .con .labels a{display: inline-block; padding: 11px 16px 11px 16px; font-size: 1.5rem; color: #212121; font-weight: 300; border-radius: 5px; background: #fff; margin-bottom: 3px; transition: all .2s;}
#view .top .wrap .con .labels a:hover{background: #30a239; color: #fff;}
#view .top .wrap .con .labels a i{vertical-align: middle; margin-right: 5px; position: relative; top: -1px;}

#view .top .wrap .con .intro{margin-top: 30px; max-height: 142px; overflow: hidden; position: relative;}
#view .top .wrap .con .intro::after{content: ''; display: block; position: absolute; width: 100%; height: 60px; background: linear-gradient(rgba(255,255,255, 0), rgba(241,241,241, .8), #f1f1f1); left: 0; bottom: 0;}
#view .top .wrap .con .intro.no-cover::after{display: none;}
#view .top .wrap .con .intro, #view .top .wrap .con .intro p{font-size: 1.46rem; color: #212121; line-height: 1.6;}
#view .top .wrap .con .intro p{margin-bottom: 20px;}

#view .top .wrap .con .view-all{display: none; width: 106px; height: 35px; line-height: 34px; font-size: 1.4rem; font-weight: 300; color: #fff; background: #0e55a4; text-align: center; margin: 10px 0 0 0; border-radius: 7px;}
#view .top .wrap .con .view-all:hover{background: #30a239;}

#view .top .wrap .parent{margin-top: 35px; font-size: 1.4rem; color: #a1b1bc; padding-bottom: 48px;}
#view .top .wrap .parent i{font-size: 2rem; vertical-align: middle; position: relative; top: -1px; margin-right: 3px;}
#view .top .wrap .parent a{color: #30a239;}
#view .top .wrap .parent a:hover{text-decoration: underline;}


#view .photos{padding: 50px 0 75px 0;}
#view .photos .wrap>.tit{color: #2b2b2b; font-size: 3rem; font-weight: 700; margin-bottom: 50px;}
#view .photos .wrap>.tit>span{font-weight: normal; font-size: 1.4rem; display: inline-block; margin-left: 10px; color: #aaa;}
#view .photos .wrap .list{display: flex; flex-wrap: wrap;}
#view .photos .wrap .list>a{display: block; width: calc((100% - 125px)/6); height: 0; padding-bottom: calc((100% - 125px)/6); border: 1px solid #e6e6e6; box-sizing: border-box; margin-right: 25px; margin-bottom: 25px; position: relative; transition: all .2s;}
#view .photos .wrap .list>a:hover{border: 1px solid #ccc;}
#view .photos .wrap .list>a:nth-of-type(6n){margin-right: 0;}
#view .photos .wrap .list>a>img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; transform: scale(.9); transition: all .35s;}
#view .photos .wrap .list>a:hover>img{transform: scale(.98);}
#view .photos .wrap .list>a::after{content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #fff; opacity: 0; transition: all .25s;}
#view .photos .wrap .list>a:hover::after{opacity: .4;}


#view .tags .tits{display: flex;}
#view .tags .tits a{display: inline-block; background: #e3e5e7; padding: 15px 23px; color: #212121; font-size: 1.5rem; font-weight: 700; margin-right: 6px; border-bottom: 3px solid #fff;}
#view .tags .tits a:hover{background: #dadbdd;}
#view .tags .tits a.active{border-bottom: 3px solid #e3e5e7; background: #e3e5e7; color: #000;}
#view .tags .tits a:first-child{border-radius: 8px 0 0 0;}
#view .tags .tits a:last-child{border-radius: 0 8px 0 0;}

#view .tags .cons{background: #e3e5e7; padding-top: 35px; padding-bottom: 80px; color: #212121;}
#view .tags .cons .item{display: none;}
#view .tags .cons .item.active{display: block;}
#view .tags .cons .item>.mp-tit{display: none;}
#view .tags .cons .item, #view .tags .cons .item div, #view .tags .cons .item p{font-size: 1.5rem; font-weight: 300; line-height: 1.6;}
#view .tags .cons .item div, #view .tags .cons .item p{margin-bottom: 20px;}
#view .tags .cons .item .table{overflow-x: auto;}
#view .tags .cons .item table{border: 0; margin: 0; border-collapse: collapse; border-spacing: 0; max-width: 80%; position: relative;}
#view .tags .cons .item table tbody{border-top: 1px solid #ccc;}
#view .tags .cons .item table td, #view .tags .cons .item table th{padding: 11px 8px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center; white-space: nowrap;}
#view .tags .cons .item table td:last-child, #view .tags .cons .item table th:last-child{border-right: 0px none;}
#view .tags .cons .item table th{color: #fff; position: sticky; top: 0; background: #04458e; padding: 13px 8px; text-align: center;}
#view .tags .cons .item table tbody tr{transition: all .25s;}
#view .tags .cons .item table tbody tr:hover{background: #edf4fc;}

#view .tags .cons .item.pdf a{display: block; margin-bottom: 17px; position: relative; padding-left: 24px; color: #212121;}
#view .tags .cons .item.pdf a::before{content: ''; display: block; width: 16px; height: 16px; background: url('../img/ico.pdf.png') no-repeat center/16px; position: absolute; left: 0; top: 0;}
#view .tags .cons .item.pdf a:hover{text-decoration: underline;}

#view .tags .cons .item.cert .list{display: flex; flex-wrap: wrap;}
#view .tags .cons .item.cert .list a{display: block; width: calc((100% - 40px)/5); box-sizing: border-box; margin-right: 10px; padding: 10px; position: relative;}
#view .tags .cons .item.cert .list a::before{content: ''; display: block; width: 100%; height: 1px; background: #ccc; position: absolute; left: 0; bottom: 0;}
#view .tags .cons .item.cert .list a:nth-of-type(5n){margin-right: 0;}
#view .tags .cons .item.cert .list a img{height: 50px; margin-right: 10px;}
#view .tags .cons .item.cert .list a::after{content: ''; display: block; width: 0; height: 1px; background: #30a239; position: absolute; left: 0; bottom: 0; transition: all .5s ease;}
#view .tags .cons .item.cert .list a:hover::after{width: 100%;}


#quiry{background: #fff; width: 100%; position: sticky; left: 0; bottom: 0; z-index: 999; box-shadow: 0 0 25px rgba(0,0,0, .15); transition: all .2s;}
#quiry.static{position: static; box-shadow: 0 0 0 rgba(0,0,0, 0);}
#quiry .wrap{position: relative;}
#quiry .wrap>.tit{color: #2b2b2b; font-size: 3rem; font-weight: 700; padding: 35px 0 0 0;}
#quiry .wrap>.con{padding: 25px 0 40px 0;}
#quiry .wrap>.con .items{display: flex;}
#quiry .wrap>.con .item{margin-bottom: 10px; position: relative; margin-right: 5px;}
#quiry .wrap>.con .item input, #quiry .wrap>.con .item textarea{border: 1px solid #d0cdcd; padding: 11px 12px; border-radius: 4px; transition: all .25s; position: relative; z-index: 2; background: transparent; height: 1.6rem; line-height: 1.6rem;}
#quiry .wrap>.con .item>span{display: inline-block; background: #fff; padding: 2px 7px; color: #888; position: absolute; z-index: 1; left: 7px; top: 13px; transition: all .2s ease;}
/*#quiry .wrap>.con .item input:focus, #quiry .wrap>.con .item textarea:focus{border: 1px solid #279830; z-index: 1;}
#quiry .wrap>.con .item input:focus+span, #quiry .wrap>.con .item textarea:focus+span{top: -9px; color: #279830; z-index: 2;}*/
#q_email, #q_phone{width: 170px;}
#q_content{width: 500px;}
#q_captcha{width: 120px;}
#captcha{position: absolute; right: 2px; top: 6px; z-index: 3; cursor: pointer;}
#quiry .wrap>.con .desc{color: #aaa; font-size: 1.3rem; font-weight: 300; margin-top: 0;}
#quiry .wrap>.con .item .submit{display: inline-block; height: 1.6rem; line-height: 1.6rem; padding: 11px 16px; background: #e3e5e7; border: 1px solid #bbb; border-radius: 4px; font-weight: 700;}
#quiry .wrap>.con .item .submit:hover{background: #dadbdd;}

#quiry .close{width: 36px; height: 36px; position: absolute; right: 0; top: 30px;}
#quiry .close:hover{color: #888;}

@media (max-width:1440px){
  #view .top .wrap .con h1{font-size: 2.8rem;}
  #view .top .wrap .con .labels a{font-size: 1.4rem;}
  #view .top .wrap .con .intro, #view .top .wrap .con .intro p{font-size: 1.4rem;}

  #view .photos .wrap>.tit{font-size: 2.8rem;}

  #view .tags .tits a{font-size: 1.4rem;}
  #view .tags .cons .item, #view .tags .cons .item div, #view .tags .cons .item p{font-size: 1.4rem;}

  #quiry .wrap>.tit{font-size: 2.8rem;}
}
@media (max-width:1366px){
  #view .top .wrap .con h1{font-size: 2.6rem;}

  #view .photos .wrap>.tit{font-size: 2.6rem;}

  #quiry .wrap>.tit{font-size: 2.6rem;}
}
@media (max-width:1024px){
  #view .top .wrap .img{width: 400px; height: 400px;}
  #view .top .wrap .img>img{width: 100%; height: 100%;}
  #view .top .wrap .con{width: calc(100% - 400px); box-sizing: border-box; padding: 10px 0 0 50px;}

  #view .photos{padding: 40px 0 55px 0;}
  #view .photos .wrap>.tit{font-size: 2.6rem; margin-bottom: 40px;}
  #view .photos .wrap>.tit>span{font-size: 1.3rem;}
  #view .photos .wrap .list>a{width: calc((100% - 75px)/6); padding-bottom: calc((100% - 75px)/6); margin-right: 15px; margin-bottom: 15px;}

  #view .tags .tits a{padding: 15px 16px; font-size: 1.3rem; margin-right: 3px;}
  #view .tags .cons{padding-top: 30px; padding-bottom: 60px;}
  #view .tags .cons .item, #view .tags .cons .item div, #view .tags .cons .item p{font-size: 1.4rem;}
  #view .tags .cons .item table{max-width: unset;}

  #quiry{position: static; box-shadow: none; padding: 0 15px; box-sizing: border-box;}
  #q_email, #q_phone{width: 120px;}
  #q_content{width: 300px;}
}
@media (max-width:1000px){
  #view{min-height: unset;}
  #view .top{background: #f1f1f1;}
  #view .top .wrap{display: block;}
  #view .top .wrap .img{width: 100%; height: 0; background: #fff; padding: 0 0 100% 0; border-top: 0px none; border-bottom: 0px none; position: relative;}
  #view .top .wrap .img>img{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
  #view .top .wrap .con{width: 100%; box-sizing: border-box; padding: 20px 15px 0 15px;}

  #view .top .wrap .con h1{font-size: 2.6rem; line-height: 1.1;}
  #view .top .wrap .con .labels{margin-top: 30px;}

  #view .photos{padding: 40px 15px 55px 15px;}
  #view .photos .wrap>.tit{font-size: 2.6rem; margin-bottom: 30px;}
  #view .photos .wrap>.tit>span{display: block; margin-left: 0; margin-top: 10px;}
  #view .photos .wrap .list{display: flex; flex-wrap: wrap;}
  #view .photos .wrap .list>a{width: calc((100% - 20px)/3); padding-bottom: calc((100% - 20px)/3); margin-right: 10px; margin-bottom: 10px;}
  #view .photos .wrap .list>a:nth-of-type(6n){margin-right: 10px;}
  #view .photos .wrap .list>a:nth-of-type(3n){margin-right: 0;}

  #view .tags .tits{display: none;}
  #view .tags .cons{padding: 30px 15px 60px 15px;}
  #view .tags .cons .item{display: block; margin-bottom: 30px;}
  #view .tags .cons .item>.mp-tit{display: block; font-weight: bold; font-size: 1.8rem;}
  #view .tags .cons .item, #view .tags .cons .item div, #view .tags .cons .item p{font-size: 1.4rem;}
  #view .tags .cons .item div, #view .tags .cons .item p{margin-bottom: 20px;}
  #view .tags .cons .item table{max-width: 100%;}

  #view .tags .cons .item.cert .list{display: block;}
  #view .tags .cons .item.cert .list a{width: 100%;}

  #quiry{position: static; box-shadow: none; padding: 0 15px; box-sizing: border-box;}
  #quiry .wrap{position: relative;}
  #quiry .wrap>.tit{font-size: 2.6rem; font-weight: 700; padding: 30px 0 0 0;}
  #quiry .wrap>.con{padding: 25px 0 40px 0;}
  #quiry input, #quiry textarea{-webkit-appearance: none;}
  #quiry .wrap>.con .items{display: block;}
  #quiry .wrap>.con .item{margin-right: 0;}
  #q_email, #q_phone{width: 170px;}
  #q_content{width: 300px; height: 100px !important;}
  #q_captcha{width: 120px;}
  #captcha{position: absolute; left: 160px; top: 6px; z-index: 3; cursor: pointer;}

  #quiry .close{display: none;}
}