html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,td,textarea,th,ul{margin:0;padding:0}fieldset,img{border:0}li,ol,ul{list-style:none}a,button,input,select,textarea{font-size:100%;outline:0}textarea{resize:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none;cursor:pointer}em,i{font-style:normal}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}svg:not(:root){overflow:hidden}optgroup{font:12px/1.5 arial,tahoma,Microsoft YaHei;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}
body,button,input,select,textarea {
  font: 12px/1.5 arial,tahoma,'Microsoft YaHei';
  font-family: -apple-system,SF UI Text,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,"Helvetica Neue",Helvetica,Arial,sans-serif
}
.container {
  background: #fff;
}
section {
  min-width: 1200px;
}
.header-wrapper {
  height: 48px;
  line-height: 48px;
}
.header-left {
  height: 48px;
}
.header-left img {
  width: 37px;
  height: 37px;
  vertical-align: middle;
}
.header-left span {
  font-size: 20px;
  color: #333;
  vertical-align: middle;
}
.header-right {
  width: 160px;
  height: 48px;
}
.header-right img{
  width: 100%;
  height: 30px;
  vertical-align: middle;
}

.certification-ctn {
  height: 656px;
  background: url('../images/bg-01.png') no-repeat;
  background-size: 100% 100%;
}
.certification-title {
  margin: 0 auto;
  padding-top: 76px;
  text-align: center;
  font-size: 48px;
  color: #FFFFFF;
}
.certification-content {
  width: 100%;
  height: 364px;
  margin-top: 64px;
}
.certification-left {
  width: 702px;
}
.certification-left p {
  position: relative;
  color: #fff;
  font-size: 18px;
  text-align: right;
  margin: 0 0 5px 0;
  padding-right: 13px;
  height: 40px;
  line-height: 40px;
  white-space: nowrap;
}
.certification-left p::after{
  position: absolute;
  left:0;
  content: '';
  width: 100%;
  height: 40px;
  opacity: 0.15;
  background-image: linear-gradient(90deg, rgba(0,0,0,0.00) 2%, #000000 100%);
}
.certification-left p:nth-of-type(1) {
  height: 68px;
  line-height: 68px;
  font-size: 40px;
  color: #01C773;
}
.certification-left p:nth-of-type(1)::after{
  height: 68px;
}
.certification-left p:nth-of-type(2) {
  font-size: 26px;
  height: 48px;
  line-height: 48px;
  margin-bottom: 24px;
}
.certification-left p:nth-of-type(2)::after{
  height: 48px;
}
.certification-right {
  width: 424px;
  position: relative;
}
.certification-right_header {
  height: 90px;
  line-height: 90px;
  background: #135BE1;
  color: #fff;
  font-size: 24px;
  text-align: center;
}
.certification-right_header .line {
  width: 56px;
  display: inline-block;
  height: 1px;
  background: #fff;
  vertical-align: super;
}
.certification-right_middle {
  height: 166px;
  padding: 30px 46px 0;
  background: rgba(0,0,0,0.45);
}
.certification-right_middle .ok-message{
  color: #FFF;font-size: 12px;position: absolute;left: 46px;top: 96px;
}
.certification-right_middle .errorMessage{
  color: #DE6057;
  font-size: 12px;position: absolute;left: 46px;bottom: 85px;
}
.certification-right_middle input {
  width: 330px;
  height: 38px;
  border: 1px solid #01C773;
  outline: none;
  background: none;
  padding-left: 12px;
  color: #FFF;
  position: relative;
}
.certification-right_middle .r-input-ctn{
  position: relative;
}
.certification-right_middle .r-input-ctn i{
  position: absolute;
  top: 10px;
  right: -30px;
  color:#F00;
  font-size: 20px;
}
.certification-right_middle .tip {
  background: #5CB755;
  border-radius: 3px;
  margin: 20px 0 10px;
  line-height: 0;
  padding: 2px;
  display: inline-block
}
.certification-right_middle .tip span{
  font-size: 12px;
  color: #FFFFFF;
}
.certification-right_middle .tip img{
  vertical-align: middle;
}
.certification-right_footer {
  padding: 0 46px 35px;
  background: rgba(0,0,0,0.45);
  height: 40px;
}
.certification-right_footer button {
  width: 138px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #FFFFFF;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  border: 0;
}
.certification-right_footer button:first-child{
  background: #01C773;
  border-radius: 20px;
}
.certification-right_footer button:last-child{
  background: #3967F6;
  border-radius: 20px;
}
.certification-flag {
  position: absolute;
  top: 0;
  left: 0;
}

.produce-type-ctn {
  height: 800px;
  padding-top: 68px;
}
.produce-type-ctn .title {
  width: 240px;
  height: 68px;
  line-height: 68px;
  text-align: center; 
  margin: 0 auto;
  background: url('../images/produce-type.png') no-repeat;
  background-size: 100% 100%;
  font-size: 32px;
}
.produce-type-ctn .title span:first-child {
  color: #000;
}
.produce-type-ctn .title span:last-child {
  color: #013FFF;
}
.produce-type-ctn .content {
  margin-top: 48px;
  display: flex;
  flex-wrap: wrap;
}
.produce-type-ctn .first {
  background: url('../images/type-01.png') no-repeat;
}
.produce-type-ctn .second {
  background: url('../images/type-02.png') no-repeat;
}
.produce-type-ctn .third {
  background: url('../images/type-03.png') no-repeat;
}
.produce-type-ctn .fourth {
  background: url('../images/type-04.png') no-repeat;
  margin-right: 0 !important;
}
.produce-type-ctn .fifth {
  background: url('../images/type-05.png') no-repeat;
}
.produce-type-ctn .sixth {
  background: url('../images/type-06.png') no-repeat;
}
.produce-type-ctn .seventh {
  background: url('../images/type-07.png') no-repeat;
}
.produce-type-ctn .eighth {
  background: url('../images/type-08.png') no-repeat;
  margin-right: 0 !important;
}
.produce-type-ctn .content>div {
  position: relative;
  width: 270px;
  height: 168px;
  margin: 0 40px 40px 0;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.produce-type-ctn .content>div p {
  text-align: center;
  color: #fff;
  font-size: 20px; 
}
.produce-type-ctn .button {
  width: 272px;
  height: 69px;
  line-height: 69px;
  margin: 0 auto;
  margin-top: 86px;
  background: url('../images/know-more.png') no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  font-size: 28px;
  color: #FFFFFF;
  text-align: center;
}

.certification-advantage-ctn {
  height: 1024px;
  padding-top: 30px;
  background: #EFF8FF;
}
.advantage-wrapper .title {
  width: 345px;
  height: 46px;
  line-height: 46px;
  font-size: 32px;
  color: #000000;
  margin: 0 auto;
}
.advantage-wrapper .title span:last-child {
  color: #6083ef;
}
.advantage-wrapper .content {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
}
.advantage-wrapper .item {
  width: 270px;
  height: 457px;
  background: #fff;
  margin: 0 40px 40px 0;
}
.advantage-wrapper .item:nth-of-type(4),
.advantage-wrapper .item:nth-of-type(8) {
  margin-right: 0;
}
.advantage-wrapper .item .top {
  width: 168px;
  height: 158px;
  margin: 49px 51px 67px;
}
.advantage-wrapper .item .top img {
  width: 100%;
  height: 100%;
  transition: all .3s;
}
.advantage-wrapper .item .top img:hover{
  cursor: pointer;
  box-shadow: 2px 2px 20px 0 rgba(0,0,0,0.3);
  transform: scale(1.05)
}
.advantage-wrapper .item .middle {
  height: 40px;
  text-align: center;
  font-size: 20px;
  color: #222222;
}
.advantage-wrapper .item .middle span {
  display: inline-block;
  width: 24px;
  height: 1px;
  background: #0A46FF;
  margin-bottom: 10px;
}
.advantage-wrapper .item .bottom {
  font-size: 15px;
  color: #A0A0A0;
  text-align: center;
  padding: 0 22px;
}

.complete-process-ctn {
 
  padding-top: 80px;
}
.process-wrapper .title {
  color: #000;
  font-size: 32px;
  text-align: center;
}
.process-wrapper .content {
  display: flex;
  flex-wrap: wrap;
  margin-top: 100px;
}
.process-wrapper .title span:last-child {
  color: #6083ef;
}
.process-wrapper .content .item {
  width: 193px;
  margin-left: -43px;
}
.process-wrapper .content .item:first-child {
  margin-left: 0;
}
.process-wrapper .content .item:last-child {
  width: 144px;
}
.process-wrapper .content .item:nth-of-type(7) p {
  margin-left: -35px;
}
.process-wrapper .content .item .top {
  margin: 0 0 -18px 18px;
}
.process-wrapper .content .item .middle {
  height: 86px;
  line-height: 86px;
}
.process-wrapper .content .item img {
  vertical-align: middle;
  transition: all .3s;
}
.process-wrapper .content .item img:hover{
  cursor: pointer;
  transform: scale(1.05)
}
.process-wrapper .content .item p {
  font-size: 18px;
  color: #333;
}
.process-wrapper .button {
  margin-top: 56px;
  display: flex;
  justify-content: center;
}
.process-wrapper .button .name {
  margin-top: 20px;
}
.process-wrapper .button input {
  width: 286px;
  height: 52px;
  background: #EEEEEE;
  padding-left: 15px;
  border: none;
  outline: none;
  font-size: 18px;
}
.process-wrapper .button .phone {
  margin: 0 35px;
  position: relative;
}
.process-wrapper .button .phone div{
  background: #99EAB7;
  font-size: 12px;
  color: #FFFFFF;
  line-height: 1;
  padding: 2px 15px;
}
.process-wrapper .button .phone div img,
.process-wrapper .button .phone div span {
  vertical-align: middle;
}
.process-wrapper .button .phone div.errorMessage{
  position: absolute;
  top: 0;
  width: 270px;
  color:#DE6057;
  HEIGHT: 14px;
  line-height: 14px;
}
.process-wrapper .button .btn {
  width: 215px;
  height: 52px;
  line-height: 52px;
  font-size: 20px;
  color: #fff;
  text-align: center;
  margin-top: 20px;
  background-image: linear-gradient(131deg, #E8645A 0%, #DE6057 100%);
  border: 0;
  cursor: pointer;
}
.process-bg {
  height: 99px;
  background: url('../images/process-bg.png') no-repeat;
  background-size: 100% 100%;
}

.customer-safeguard-ctn {
  height: 674px;
  padding-top: 56px;
  opacity: 0.84;
  background-image: linear-gradient(180deg, #0028A6 0%, #020799 100%);
}
.customer-safeguard-ctn .title {
  margin-bottom: 50px;
  text-align: center;
  color: #fff;
  font-size: 32px;
}
.customer-safeguard-ctn .title span:last-child {
  color: #2c9957;
}
.customer-safeguard-ctn .content {
  height: 523px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.customer-safeguard-ctn .center-pic {
  width: 336px;
  height: 265px;
  background: url('../images/customer-01.png') no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.customer-safeguard-ctn .center-pic img,
.customer-safeguard-ctn .center-pic div {
  position: absolute;
}
.customer-safeguard-ctn .center-pic p {
  line-height: 1;
  margin-bottom: 10px;
}
.customer-safeguard-ctn .center-pic p:first-child {
  font-family: PingFangSC-Semibold;
  font-size: 56px;
  color: rgba(255,255,255,0.38);
}
.customer-safeguard-ctn .center-pic p:nth-of-type(2) {
  font-family: PingFangSC-Medium;
  font-size: 28px;
  color: #FFFFFF;
}
.customer-safeguard-ctn .center-pic p:nth-of-type(3) {
  font-family: PingFangSC-Regular;
  font-size: 20px;
  color: #EEEEEE;
}
.customer-safeguard-ctn .pic-first {
  top: -42px;
  left: -101px;
}
.customer-safeguard-ctn .pic-second {
  top: -42px;
  right: -64px;
}
.customer-safeguard-ctn .pic-third {
  bottom: -20px;
  left: -101px;
}
.customer-safeguard-ctn .pic-fourth {
  bottom: -20px;
  right: -64px;
}
.customer-safeguard-ctn .text-first,
.customer-safeguard-ctn .text-third{
  text-align: right;
}
.customer-safeguard-ctn .text-second,
.customer-safeguard-ctn .text-fourth{
  text-align: left;
}
.customer-safeguard-ctn .text-first {
  top: -112px;
  left: -294px;
}
.customer-safeguard-ctn .text-second {
  top: -112px;
  right: -298px;
}
.customer-safeguard-ctn .text-third {
  left: -392px;
  bottom: -62px;
}
.customer-safeguard-ctn .text-fourth {
  right: -338px;
  bottom: -62px;
}

.office-environment-ctn {
  height: 486px;
  padding-top: 54px;
}
.office-environment-ctn .title {
  text-align: center;
  font-size: 32px;
  margin-bottom: 48px;
}
.office-environment-ctn .title span:first-child {
  color: #000;
}
.office-environment-ctn .title span:last-child {
  color: #5d70cc;
}
.office-environment-ctn .content {
  display: flex;
  justify-content: space-between;
}
.office-environment-ctn .content img {
  width: 270px;
  height: 224px;
  margin-right: 40px;
}
.office-environment-ctn .content img:last-child {
  margin: 0;
}
.office-environment-ctn .footer {
  height: 112px;
  background: url('../images/office-line.png') no-repeat;
  background-size: 100% 100%;
  margin-top: 60px;
}

.about-ctn {
  height: 866px;
  padding-top: 70px;
  background: url('../images/about-bg.png') no-repeat;
  background-size: 100% 100%;
}
.about-ctn .title {
  text-align: center;
  font-size: 32px;
  color: #000;
  margin-bottom: 38px;
}
.about-ctn .title span:last-child {
  color: #5d70cc;
}
.about-ctn .text {
  margin-bottom: 100px;
}
.about-ctn .text p {
  text-align: center;
  font-family: PingFangSC-Medium;
  font-size: 18px;
  color: #555555;
}
.about-ctn .advantage {
  width: 1200px;
  height: 500px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.about-ctn .item-box {
  width: 550px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.about-ctn .item {
  width: 260px;
  height: 220px;
}
.about-ctn .item:first-child {
  margin-bottom: 40px;
}
.about-ctn .item div {
  text-align: center;
}
.about-ctn .item .middle p {
  text-align: left;
}
.about-ctn .item .top {
  font-family: PingFangSC-Medium;
  font-size: 18px;
  color: #333333;
  margin-bottom: 16px;
}
.about-ctn .item:nth-of-type(2) .top {
  margin-top: 11px;
}
.about-ctn .item .top p {
  margin-top: 10px;
  font-family: PingFangSC-Medium;
  font-size: 18px;
  color: #333333;
}
.about-ctn .item .middle {
  margin-bottom: 16px;
  font-family: PingFangSC-Medium;
  font-size: 14px;
  color: #777777;
}
.about-ctn .item .bottom {
  width: 227px;
  height: 28px;
  line-height: 28px;
  background: #4F79FF;
  border-radius: 2px;
  font-family: PingFangSC-Medium;
  font-size: 14px;
  color: #FFFFFF;
  margin: 0 auto;
}
.about-ctn .right-pic {
  width: 566px;
  height: 437px;
  background: url('../images/about-01.png') no-repeat;
  background-size: 100% 100%;
}

.customer-case-ctn {
  /* height: 540px; */
  height: 656px;
  padding-top: 80px;
  background: url('../images/case-01.png') no-repeat;
  background-size: 100% 100%;
}
.customer-case-ctn .title {
  text-align: center;
  font-size: 32px;
  color: #FFFFFF;
  margin-bottom: 74px;
}
.customer-case-ctn .title span:last-child {
  color: #2c9957;
}
.customer-case-ctn .content {
  width: 600px;
  /* height: 246px; */
  height: 300px;
  margin: 0 auto;
}
.customer-case-ctn .swiper-slide {
  width: 600px;
  height: 246px;
  background-image: linear-gradient(131deg, #3A69FA 0%, #3141FF 100%);
  border-radius: 5px;
}
.customer-case-ctn .swiper-slide div {
  display: inline-block;
  width: 180px;
  height: 138px;
  margin: 52px 0 69px 60px;
  margin-right: unset;
  background: #29A1FF;
  vertical-align: middle;
}
.customer-case-ctn .swiper-slide img {
  margin: 10px;
}
.customer-case-ctn .swiper-container {
  height: 100%;
}
.swiper-button-next,
.swiper-button-prev {
  margin-top: -56px !important;
  width: 59px !important;
  height: 59px !important;
}
.swiper-button-prev {
  background: url('../images/pre.png') no-repeat !important;
  background-size: 100% 100%;
  left: 0 !important;
}
.swiper-button-next {
  background: url('../images/next.png') no-repeat !important;
  background-size: 100% 100%;
  right: 0 !important;
}
.customer-case-ctn .swiper-slide div.company-name{
  font-size: 16px;
  color: #FFFFFF;
  line-height: 24px;
  background: transparent !important;
  width: 280px;
  height: initial;
  margin-left: 30px;
}
.footer-wrapper{
  background: #33363E;
  margin-top: -120px;
}
.footer-ctn {
  height: 470px;

  padding-top: 53px;
  margin: 0 auto;
  width:1200px;
}
.footer-ctn .content-wrapper {
  display: flex;
  justify-content: flex-start;
}
.footer-ctn .left {
  position: relative;
  width: 373px;
  margin-right: 215px;
}
.footer-ctn .left p {
  font-family: PingFangSC-Semibold;
  font-size: 24px;
  color: #FFFFFF;
  margin-bottom: 25px;
}
.footer-ctn .left input {
  width: 100%;
  height: 41px;
  border: none;
  outline: none;
  background: #5C5C5C;
  padding-left: 10px;
  box-sizing: border-box;
  font-size: 18px;
  color: #fff;
  margin-bottom: 20px;
}
.footer-ctn .left .errorMessage{
  position: absolute;
  top: 160px;
  font-size: 12px;
  color: #DE6057;
}
/* .footer-ctn .left input:nth-of-type(2) {
  margin: 20px 0;
} */
.footer-ctn .left textarea {
  font-family: inherit;
  resize: none;
  width: 100%;
  height: 80px;
  background: #5C5C5C;
  border: none;
  outline: none;
  padding-left: 10px;
  box-sizing: border-box;
  font-size: 18px;
  color: #fff;
}
.footer-ctn .left span {
  margin-top: 30px;
  display: inline-block;
  width: 146px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  font-family: PingFangSC-Semibold;
  font-size: 24px;
  color: #FFFFFF;
  cursor: pointer;
  background-image: linear-gradient(131deg, #7999FF 0%, #013FFF 100%);
}
.footer-ctn .right p {
  font-family: PingFangSC-Semibold;
  font-size: 18px;
  color: #FFFFFF;
  margin-bottom: 8px;
}
.footer-ctn .right p:nth-of-type(1),
.footer-ctn .right p:nth-of-type(4) {
  font-size: 24px;
  margin-bottom: 25px;
}
.footer-ctn .right p:nth-of-type(3) {
  margin-bottom: 34px;
}
.footer-ctn .right p:nth-of-type(3) a {
  color: #4270FF;
  text-decoration: none;
}
.footer-ctn .right .phone-num {
  font-size: 24px;
  color: #b49d2e;
}
.bottom-content-wrapper {
  position: fixed;
  bottom: 0;
  left:0;
  width: 100%;
  height: 66px;
  line-height: 66px;
  background: #141414;
  margin-top: 82px;
  z-index: 99999;
}
.bottom-content-wrapper .content-box {
  height: 100%;
  display: flex;
  justify-content: space-between;
}
.bottom-content-wrapper .content-box .phone-box {
  display: flex;
}
.bottom-content-wrapper .content-box .phone-box .phone-pic {
  margin-right: 10px;
}
.bottom-content-wrapper .content-box .phone-box img {
  vertical-align: middle;
}
.bottom-content-wrapper .content-box .phone-box p {
  line-height: 1;
  font-size: 18px;
  color: #FFFFFF;
}
.bottom-content-wrapper .content-box .phone-box p:first-child {
  font-size: 13px;
  margin: 14px 0 8px;
}
.bottom-content-wrapper .content-box .text-box {
  display: flex;
  align-items: center;
  position: relative;
}
.bottom-content-wrapper .content-box .text-box .errorMessage{
  position: absolute;
    top: 0;
    right: 161px;
    font-size: 12px;
    color: #DE6057;
}
.bottom-content-wrapper .content-box .text-box input {
  margin: 0 8px 0 35px;
  background: #FFFFFF;
  border: none;
  outline: none;
  padding-left: 10px;
  width: 250px;
  height: 35px;
  box-sizing: border-box;
}
.bottom-content-wrapper .content-box .text-box span {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  text-align: center;
  font-size: 18px;
  color: #0f5cbc;
}
.bottom-content-wrapper .content-box .text-box span:last-child {
  width: 146px;
  background: #028FFF;
  cursor: pointer;
  color: #fff;
}

.common-style {
  width: 1200px;
  margin: 0 auto;
}
.fl {
  float: left;
}
.fr {
  float: right;
}

.auth-hover-ctn{
  width: 100%;
  font-size: 15px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  /* display: none; */
  background-image: url(../images/xx.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  margin: auto;
  overflow: hidden;
  padding-top: 6.5%;
  text-align: center;
  opacity: 0;
  transition: all .3s .1s;
}
/**立即认证*/
.auth-btn-hover{
  display: block;
  width: 50%;
  padding: 3%;
  border-radius: 20px;
  border: none;
  outline: none;
  margin: 8% auto;
  background-color: white;
  text-decoration: none;
  color: black;
}

.produce-type-ctn .content>div:hover .auth-hover-ctn{
  /* display: block; */
  opacity: 1;
}
.produce-type-ctn .content>div:hover p{
  display: none;
}

::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track-piece{border-radius:4px;background:#f7f7f7}::-webkit-scrollbar-thumb{background-color:rgba(144,147,153,.3);border-radius:4px;-webkit-transition:all 1s ease-out;transition:all 1s ease-out;opacity:1}::-webkit-scrollbar-thumb:hover{background-color:rgba(144,147,153,.5)}