.tmp172230669243013{} .modm41669200973514 a{ color:#333; }.modm41669200973514 a,.modm41669200973514 a:hover{text-decoration: none;} .modm41669200973514{ border-bottom:2px solid rgb(74,179,68); } .modm41669200973514 .content{ max-width: 1200px; margin: 0 auto; position: relative; z-index:10000; } .modm41669200973514 .content .nav-header{ height:100px; padding:20px 10px 0 10px; } .modm41669200973514 .nav-header .logo{ height:50px; } .modm41669200973514 .nav-header .logo img{ max-width:100%; max-height:100%; } .modm41669200973514 .nav-header .search-box{ padding:0 20px; } .modm41669200973514 .nav-header .search-box .search{ background-color: rgb(74,179,68); width:70%; position:relative; padding:2.5px; float: right; } .modm41669200973514 .nav-header .search-box .search input{ margin: 0; border:none; outline: none; height:35px; background-color: transparent; } .modm41669200973514 .nav-header .search-box .search .text{ width:100%; padding:10px 80px 10px 10px; background-color: #fff; } .modm41669200973514 .nav-header .search-box .search .button{ color:#fff; position:absolute; height:100%; top: 0; right: 0; background-color:rgb(74,179,68); padding:0 20px; } .modm41669200973514 .nav-header .user .btn{ background-color: rgb(74,179,68); color:#fff; float: right; } @media screen and (min-width:750px){ .modm41669200973514 .nav-footer{ height:40px; } .modm41669200973514 .nav-footer .category{ width:200px; background-color: rgb(74,179,68); height:40px; line-height: 40px; color:#fff; font-size: 18px; text-align: center; float:left; position: relative; } .modm41669200973514 .nav-footer .category .icon1{ font-size:24px; position:absolute; left:10px; } .modm41669200973514 .nav-footer .category .category-btn{ cursor: pointer; display: block; } .modm41669200973514 .nav-footer .category:hover .sub{ display: block; } .modm41669200973514 .nav-footer .category .sub{ position: absolute; width:100%; background-color: #eee; text-align: left; display: none; } .modm41669200973514 .nav-footer .category .sub a{ color:#666; display: block; font-size: 14px; } .modm41669200973514 .nav-footer .category .sub .item{ height:60px; line-height: 60px; border-top:1px solid #eaeaea; padding-left:20px; } .modm41669200973514 .nav-footer .category .sub .item:first-child{ border-top:none; } .modm41669200973514 .nav-footer .category .sub .item:hover{ background-color: rgb(74,179,68); } .modm41669200973514 .nav-footer .category .sub a:hover{ color:#fff; } .modm41669200973514 .nav-footer .column-list{ float:left; margin-left: 20px; } .modm41669200973514 .nav-footer .column-list .item{ height:40px; line-height: 40px; width:100px; text-align: center; float:left; } .modm41669200973514 .nav-footer .column-list .item.active a{ color:rgb(74,179,68); } .modm41669200973514 .nav-footer .column-list .item a:hover{ color:rgb(74,179,68); display: block; } } @media screen and (max-width:750px){ .modm41669200973514 .content{ height:80px; } .modm41669200973514 .nav-header .menu .moxiicon{ font-size: 28px; padding-left:10px; } .modm41669200973514 .nav-header .search-box{ padding: 0 20px 0 0; } .modm41669200973514 .nav-header .search-box .search{ width:100%; } .modm41669200973514 .nav-header .user .pic{ width:40px; height:40px; line-height:40px; background-position: center center; background-size: cover; border-radius:50%; float: right; margin-right:10px; } .modm41669200973514 .nav-mask{ position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(50,50,50,0.5); display: none; } .modm41669200973514 .nav-mask.open{ display: block; } .modm41669200973514 .nav-footer{ position:absolute; background-color:rgb(74,179,68); top: 0; left: 0; height:100vh; width:0; transition:width 0.3s; overflow: hidden; z-index: 10; } .modm41669200973514 .nav-footer.open{ width:150px; } .modm41669200973514 .nav-footer > div{ width:100%; } .modm41669200973514 .nav-footer .category{ line-height: 40px; color:#fff; white-space: nowrap; } .modm41669200973514 .nav-footer .category .icon1{ display:none; } .modm41669200973514 .nav-footer .category .icon2{ padding-right:10px; transition:transform 0.3s; } .modm41669200973514 .nav-footer .category .icon2.open{ transform:rotate(90deg); } .modm41669200973514 .nav-footer .category .category-btn{ padding-left:20px; } .modm41669200973514 .nav-footer .category .sub{ display: block; background-color: #eaeaea; height:0; overflow: hidden; } .modm41669200973514 .nav-footer .category .sub a{ color:#666; } .modm41669200973514 .nav-footer .item{ height:40px; line-height: 40px; padding-left:20px; } .modm41669200973514 .nav-footer .item a{ color:#fff; white-space: nowrap; } }.modm36990847049672{margin:0 auto 50px auto;}.modm36990847049672 .wrap{ width: 100%;}.modm36990847049672 .wrap .content{ max-width: 100%; margin: 0 auto; border-radius:0; overflow: hidden;}.modm36990847049672 .wrap .item{ width: 100%;}.modm36990847049672 .wrap .content img{ width: 100%;}.mxi_1564469325{}.mxi_1564469313{margin: auto auto;background-image:url(https://rehash.oss-cn-shenzhen.aliyuncs.com/site/240/240724/66a0ecd76548f.jpg);background-repeat:repeat;}.modm36993589164276{margin:0 auto 0 auto;border:1px solid #eee;}.modm36993589164276 .wrap{ margin: 0 auto; width:100%;}.modm36993589164276 .wrap a{ text-decoration: none; color:#444;}.modm36993589164276 .wrap .content{ width:100%; color:#fff;}.modm36993589164276 .wrap .nav-top{ width: 100%; text-align: center; padding: 30px 0; background: #1048a0;}.modm36993589164276 .wrap .nav-top h3{ margin: 0;}.modm36993589164276 .wrap .list{}.modm36993589164276 .wrap .list p{ height: 50px; line-height: 50px; margin: 0; border-bottom:1px solid #ddd; padding: 0 20px;}.modm36993589164276 .wrap .list p:hover{ background: #1048a0;}.modm36993589164276 .wrap .list p:hover a{ color:#fff;}.modm36993589164276 .wrap .list p a{ display: block;}.modm36993589164276 .wrap .list p .moxiicon{ float: right;}.modm36990858326226{margin:40px auto 20px auto;padding:0 10px 0 10px;}.modm36990858326226 .wrap{ width: 100%;}.modm36990858326226 .wrap .content{ max-width: 100%; margin: 0 auto;}.modm36990858326226 .wrap .title{ font-size: 18px; font-weight: 600;color:#555;}.modm36990858326226 .wrap form{ position: relative;}.modm36990858326226 .wrap form input{ border-radius:0;}.modm36990858326226 .wrap .form-control:focus{ border-color:#ccc; webkit-box-shadow:none; box-shadow:none;}.modm36990858326226 .wrap form button{ position: absolute; top:0; right:0; background: #4e6fcb; color:#fff; border:none; border-radius:0 ;}.mxi_1564469389{}.modm36993589796093{margin:0 auto 20px auto;padding:0 10px 0 10px;}.modm36993589796093 .wrap{ width: 100%; color:#444; padding: 0;}.modm36993589796093 .wrap a{ text-decoration: none; color:#444;}.modm36993589796093 .wrap a:hover{ color:#1048a0;}.modm36993589796093 .wrap .content{ max-width: 100%; margin: 0 auto;}.modm36993589796093 .wrap .header{ width: 100%; padding: 9px 0; border-bottom:1px solid #ddd;}.modm36993589796093 .wrap .header .title{ display: inline-block;}.modm36993589796093 .wrap .header .title span{ font-size: 18px; font-weight: 600; position: relative;}.modm36993589796093 .wrap .header .title i{ font-style:normal;}.modm36993589796093 .wrap .header .title.only-mustom-title .auto-title{ display:none;}.modm36993589796093 .wrap .header .title span:after{ content:""; display: block; width: 100%; height: 2px; background: #1048a0; position: absolute; left:0; bottom:-12px;}.modm36993589796093 .wrap .header .title .en{ font-style: normal; font-size: 12px; opacity: 0.8;}.modm36993589796093 .wrap .header .right{ float: right; font-size: 12px; padding-top: 5px;}.modm36993589796093 .wrap .header .right a{}.modm36993589796093 .wrap .header .more{ display: none;}.modm36993589796093 .wrap .header .position{ display: none;}.modm36993589796093 .wrap .header .more a{ border:1px solid #1048a0; padding: 4px 10px; border-radius:25px; font-size: 12px; color:#1048a0;}.modm36993589796093 .wrap .header .more a:hover{ background: #1048a0; color:#fff;}.modm36993589796093 .wrap .header.more-show .more{ display: block;}.modm36993589796093 .wrap .header.more-show .position{ display: none;}.modm36993589796093 .wrap .header.posi-show .more{ display: none;}.modm36993589796093 .wrap .header.posi-show .position{ display: block;}@media screen and (max-width:750px){ .modm36993589796093 .wrap .header .position{ display: none !important;}.modm36993589796093 .wrap .header .more{ display: none !important;}}.modm41669208777218 .content{ width: 100%;}.modm41669208777218 .content .wrap{ max-width: 1200px; margin: 0 auto; overflow: hidden;}.modm41669208777218 .wrap .list{ width: 33.33%; padding: 30px 15px 0px; float: left;}.modm41669208777218 .list .main{ width: 100%; padding: 10px; background: white;}.modm41669208777218 .list .main:hover{ background-color: rgba(0,158,214);}.modm41669208777218 .list .main:hover .title a,.list .main:hover .desc{ color: white;}.modm41669208777218 .main .img{ width: 100%;}.modm41669208777218 .img img{ width: 100%;}.modm41669208777218 .main .title{ margin-top: 15px; line-height: 25px; height: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}.modm41669208777218 .main .title a{ color: #333; font-size: 16px; text-decoration: none;}.modm41669208777218 .main .desc{ height: 75px; line-height: 25px; font-size: 14px; color: #333; opacity: 0.8; margin: 5px 0px 25px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}.modm41669208777218 .moxi_page_list{ width:100%; text-align:center; margin: 20px 0; }.modm41669208777218 .moxi_page_list span{ display:inline-block; text-align:center; vertical-align: top;}@media screen and (max-width: 768px) { .modm41669208777218 .wrap .list{ width: 50%; } }@media screen and (max-width: 568px) { .modm41669208777218 .wrap .list{ padding: 20px 10px 0px; } .modm41669208777218 .main .title{ margin-top: 10px; } .modm41669208777218 .main .title a{ font-size: 15px; } .modm41669208777218 .main .desc{ margin: 5px 0px 15px; font-size: 13px; }}.mxi_1564469406{padding:0 10px 0 10px;}.modm41671563776955{margin:20px auto 40px auto;}.modm41671563776955 .content{ width: 100%;}.modm41671563776955 .content .wrap{ max-width: 100%; text-align: center; margin: 0 auto; line-height: 35px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}.modm41671563776955 .wrap .img{ height: 40px; margin-bottom: 10px;}.modm41671563776955 .img img{ height: 100%;}.modm41671563776955 .wrap .title{ font-size: 34px; color: rgb(74,179,68); overflow: hidden; font-weight: 900;}.modm41671563776955 .wrap .title1{ font-size: 16px; color: rgb(102,102,102); overflow: hidden;}.modm41671563776955 .wrap .title2{ font-size: 16px; color: rgb(146,146,146);}@media screen and (max-width: 768px) { .modm41671563776955 .wrap .title{ font-size: 28px;}}.mxi_1722322928{}.mxi_1722388342{}.modm41671654284497 .wrap{ width:100%;}.modm41671654284497 ul{list-style:none;padding:0;margin:0;}.modm41671654284497 .fl{float:left;display:inline;}.modm41671654284497 .fr{float:right;display:inline;}.modm41671654284497 .clear{height:0px;line-height:0px;clear:both;}.modm41671654284497 .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.modm41671654284497 .f-cb{*zoom:1;}.modm41671654284497 .wk_show{display:block;}.modm41671654284497 .wk_hide{display:none;}.modm41671654284497 .positionR{position:relative !important;zoom:1;}.modm41671654284497 .positionA{position:absolute;}.modm41671654284497 .f-lay{font-size:0;letter-spacing:-8px;text-align:left;}.modm41671654284497 .f-ib{display:inline-block;*display:inline;*zoom:1;vertical-align:top;font-size:12px;letter-spacing:normal;}.modm41671654284497 .ct-banner{width:100%;height:auto;margin:0 auto;overflow:hidden;}.modm41671654284497 .ct-focusbox{height:100%;position:relative;overflow:hidden;}.modm41671654284497 .ct-focusimg{height:100%;overflow:hidden;}.modm41671654284497 .ct-fimglist{position:relative;}.modm41671654284497 .ct-fimglist img{display:block;cursor:pointer;width:100%;}.modm41671654284497 .ct-fimglist li{width:100%;float:left;background-size: cover}.modm41671654284497 .ct-focustool{overflow:hidden;position:absolute;bottom:0;height:auto;padding:20px 30px;background:rgba(50,50,50,0.2);}.modm41671654284497 .ct-ftoollist{}.modm41671654284497 .ct-ftoollist li{width:100px;height:auto;float:left;cursor:pointer; margin-left:10px;}.modm41671654284497 .ct-ftoollist .on a img{display:block;z-index:100;border:2px solid #FFF;}.modm41671654284497 .ct-ftoollist a img{ position: relative; width: 100%;}.mxi_1722388450{}.modm41669693364641{margin:20px auto 40px auto;}.modm41669693364641 .content{ width: 100%;}.modm41669693364641 .content .wrap{ max-width: 100%; text-align: center; margin: 0 auto; line-height: 35px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}.modm41669693364641 .wrap .img{ height: 40px; margin-bottom: 10px;}.modm41669693364641 .img img{ height: 100%;}.modm41669693364641 .wrap .title{ font-size: 34px; color: rgb(74,179,68); overflow: hidden; font-weight: 900;}.modm41669693364641 .wrap .title1{ font-size: 16px; color: rgb(102,102,102); overflow: hidden;}.modm41669693364641 .wrap .title2{ font-size: 16px; color: rgb(146,146,146);}@media screen and (max-width: 768px) { .modm41669693364641 .wrap .title{ font-size: 28px;}}.mxi_1722388330{}.mxi_1722322910{}.modm41669697238561 .content{ width: 100%;}.modm41669697238561 .content .wrap{ max-width: 1200px; margin: 0 auto; overflow: hidden;}.modm41669697238561 .wrap .list{ width: 33.33%; padding: 30px 15px 0px; float: left;}.modm41669697238561 .list .main{ width: 100%; padding: 10px; background: white;}.modm41669697238561 .list .main:hover{ background-color: rgba(0,158,214);}.modm41669697238561 .list .main:hover .title a,.list .main:hover .desc{ color: white;}.modm41669697238561 .main .img{ width: 100%;}.modm41669697238561 .img img{ width: 100%;}.modm41669697238561 .main .title{ margin-top: 15px; line-height: 25px; height: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}.modm41669697238561 .main .title a{ color: #333; font-size: 16px; text-decoration: none;}.modm41669697238561 .main .desc{ height: 75px; line-height: 25px; font-size: 14px; color: #333; opacity: 0.8; margin: 5px 0px 25px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}.modm41669697238561 .moxi_page_list{ width:100%; text-align:center; margin: 20px 0; }.modm41669697238561 .moxi_page_list span{ display:inline-block; text-align:center; vertical-align: top;}@media screen and (max-width: 768px) { .modm41669697238561 .wrap .list{ width: 50%; } }@media screen and (max-width: 568px) { .modm41669697238561 .wrap .list{ padding: 20px 10px 0px; } .modm41669697238561 .main .title{ margin-top: 10px; } .modm41669697238561 .main .title a{ font-size: 15px; } .modm41669697238561 .main .desc{ margin: 5px 0px 15px; font-size: 13px; }}.mxi_1722322923{}.mxi_1564469376{margin: auto auto;padding:20px 0 40px 0;background-image:url(https://rehash.oss-cn-shenzhen.aliyuncs.com/site/240/240724/66a0ecd76548f.jpg);background-repeat:repeat;}.modm41669204064778{margin:0 auto 0 auto;}.modm41669204064778 .wrap{ width: 100%;}.modm41669204064778 .wrap .content{ max-width: 100%; margin: 0 auto; border-radius:0; overflow: hidden;}.modm41669204064778 .wrap .item{ width: 100%;}.modm41669204064778 .wrap .content img{ width: 100%;}.modm41669203646387{margin:0 auto 0 auto;}.modm41669203646387 .wrap{ width: 100%; color:#666;}.modm41669203646387 .wrap a{ color:#666; text-decoration: none;}.modm41669203646387 .wrap a:hover{ color:rgba(95, 184, 120, 1);}.modm41669203646387 .wrap .wrap-top{ width: 100%; overflow: hidden;}.modm41669203646387 .wrap .wrap-bottom{ width: 100%; line-height: 20px; padding: 20px 0; text-align: center;}.modm41669203646387 .wrap .content{ max-width: 1200px; margin: 0 auto; overflow: hidden;}.modm41669203646387 .wrap .wrap-top .content{ padding: 40px 0; /*margin-bottom: -1000px;*/ overflow: hidden;}.modm41669203646387 .wrap .item{ float: left; box-sizing: border-box; border-right:1px solid #ccc; /*padding-bottom: 1000px;*/}.modm41669203646387 .wrap .item:last-child{ border-right: none;}.modm41669203646387 .wrap .links{ width: 20%;}.modm41669203646387 .wrap .info{ width: 50%; padding-left:60px ;}.modm41669203646387 .wrap .qrcode{ width: 30%; padding-left:30px; padding-right: 10px;}.modm41669203646387 .wrap .links .link{ float: left; width: 50%; font-size: 16px; line-height: 1.5em;}.modm41669203646387 .wrap .info h3{ font-weight: 600; margin-bottom: 20px; margin-top: 0;}.modm41669203646387 .wrap .info h3 .moxiicon{ font-size: 28px; margin-right: 10px;}.modm41669203646387 .wrap .info h3 .contact-us{ display: inline-block; font-size: 16px; height: 30px; line-height: 30px; width: 150px; text-align: center; background:rgba(95, 184, 120, 1); border-radius:20px; color:#fff; vertical-align: top;}.modm41669203646387 .wrap .info p{ opacity: 0.8;}.modm41669203646387 .wrap .qrcode .img{ max-width:150px;}.modm41669203646387 .wrap .qrcode .img img{ width: 100%;}.modm41669203646387 .wrap-bottom p{ display: inline-block; opacity: 0.8; margin: 0 20px 0 0;}@media screen and (max-width:992px){ .modm41669203646387 .wrap .links{ display: none; } .modm41669203646387 .wrap .info{ width: 60%; } .modm41669203646387 .wrap .qrcode{ width: 40%; }}@media screen and (max-width:750px){ .modm41669203646387 .wrap .info{ width: 70%; padding-left: 10px; } .modm41669203646387 .wrap .qrcode{ width: 30%; padding: 0 10px; }}@media screen and (max-width: 550px) { .modm41669203646387 .wrap .info{ width: 100%; padding-left: 10px; text-align: center; border-right: none; } .modm41669203646387 .wrap .qrcode{ display: none; }}.mxi_1564469431{}.mxi_1564469421{margin: auto auto;background-image:url(https://rehash.oss-cn-shenzhen.aliyuncs.com/site/240/240724/66a0ecd76548f.jpg);background-repeat:repeat;}/*page-list*/ .moxi_page_list a{text-decoration: none} .moxi_page_list { display: inline-block; text-align: center; line-height: 36px; margin-left: 10px; } .moxi_page_list .moxipage_pre a { width: 70px; } .moxi_page_list .moxipage_next a{ width: 70px; } .moxi_page_list span:last-of-type a{ } page-wrap a { color: rgba(95, 184, 120, 1); background:rgba(255, 255, 255, 1); text-decoration: none; } .moxi_page_list a:hover { text-decoration: none!important; background:rgba(95, 184, 120, 1); color:rgba(248, 247, 247, 1) ; } .moxi_page_list .page_disabled a,.moxi_page_list .page_disabled a:hover{ color:#fff; background:rgb(140, 137, 135,0.5)!important; } .moxi_page_list span a { margin:0 3px;border-radius: 3px; background-color:rgba(255, 255, 255, 1); color:rgba(95, 184, 120, 1); float: left; box-sizing: border-box; /*padding: 6px 12px;*/ display: block; width: 40px; height: 36px; border:1px solid rgba(225, 224, 224, 1); margin-left: -1px; } .moxi_page_list .moxipage_curpage a { background: rgba(95, 184, 120, 1); color: rgba(248, 247, 247, 1); } .moxi_page_list .moxipage_allpage{ display: inline-block; box-sizing: border-box; height: 36px; padding: 0 5px; color:rgba(95, 184, 120, 1); } .website-nav-n2 .friends{ text-align: left;display: flex;flex-direction: row;max-width: 1200px;margin: 0 auto;padding: 5px;margin-bottom: 5px;; border-bottom: 1px rgba(225,225,225,0.74) dashed; } .website-nav-n2 .link-img-n2{width: 26px;} .website-nav-n2 .link-img-n2 img{ width: 20px;height: 20px;object-fit: cover;border-radius: 4px;; } .website-nav-n2 .wrap{ width: 100%; color:#666; padding: 10px 0; } .website-nav-n2 .wrap a{ display: flex;flex-direction: row; color:#666; text-decoration: none; } .website-nav-n2 .wrap a:hover{ color:rgba(95, 184, 120, 1); } .website-nav-n2 .wrap .wrap-top{ width: 100%; overflow: hidden; } .website-nav-n2 .wrap .wrap-bottom{ width: 100%; line-height: 20px; text-align: center; } .website-nav-n2 .wrap .content{ max-width: 1200px; margin: 0 auto; overflow: hidden; } .website-nav-n2 .wrap .wrap-top .content{ padding: 10px 0; /*margin-bottom: -1000px;*/ overflow: hidden; } .website-nav-n2 .wrap .item{ float: left; box-sizing: border-box; border-right:1px solid #ccc; /*padding-bottom: 1000px;*/ } .website-nav-n2 .wrap .item:last-child{ border-right: none; } .website-nav-n2 .wrap .links{ max-height: 200px;overflow: hidden; width: 20%; display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap; } .website-nav-n2 .wrap .info{ width: 50%; padding-left:60px ; } .website-nav-n2 .wrap .qrcode{ width: 30%; padding-left:30px; padding-right: 10px; } .website-nav-n2 .wrap .links .link{ transition: all 0.4s; margin: 3px; border-radius: 4px;; padding: 6px 10px; } .website-nav-n2 .wrap .links .link:hover{ background: rgba(165,167,168,0.16); transform: translateY(-1px); } .website-nav-n2 .wrap .info h3{ display: flex;flex-direction: row; font-weight: 600; margin-bottom: 10px; margin-top: 0; } .website-nav-n2 .wrap .info h3 .moxiicon{ font-size: 28px; margin-right: 10px; } .website-nav-n2 .wrap .info h3 .contact-us{ font-size: 16px; height: 30px; line-height: 30px; width: 150px; text-align: center; background:rgba(95, 184, 120, 1); border-radius:20px; color:#fff; vertical-align: top; margin-left: 5px;; } .website-nav-n2 .wrap .info p{ display: flex;flex-direction: row; opacity: 0.8; } .website-nav-n2 .wrap .qrcode .img{ max-width:150px; } .website-nav-n2 .wrap .qrcode .img img{ width: 100%; } .website-nav-n2 .wrap-bottom p{ display: inline-block; opacity: 0.8; margin: 0 20px 0 0; } @media screen and (max-width:992px){ .website-nav-n2 .wrap .links{ display: none; } .website-nav-n2 .wrap .info{ width: 60%; } .website-nav-n2 .wrap .qrcode{ width: 40%; } } @media screen and (max-width:750px){ .website-nav-n2 .wrap .info{ width: 70%; padding-left: 10px; } .website-nav-n2 .wrap .qrcode{ width: 30%; padding: 0 10px; } } @media screen and (max-width: 550px) { .website-nav-n2 .wrap .info{ width: 100%; padding-left: 10px; text-align: center; border-right: none; } .website-nav-n2 .contact-us{display: none} .website-nav-n2 .wrap .qrcode{ display: none; } } .website-nav-n2{background-color:rgba(237, 239, 241, 1);} .moxi_kefu_1 a{text-decoration: none} .moxi_kefu_1{position: fixed;right: 10px;top: 50vh;width: 40px;z-index: 99999} .moxi_kefu_1 .moxi_kefu_1button{ transition: all 0.3s; padding:5px 8px; background-color:#fff; display: flex;flex-direction: column; margin-top: 10px; color: #888; font-size: 12px; border-radius: 4px; box-shadow: 0 0 9px 0 rgba(0,0,0,0.1); position: relative; } .moxi_kefu_1_icon{height: 30px;margin: 0;padding: 0;line-height: 30px} .moxi_kefu_1_icon .moxiicon{font-size: 25px;color: rgba(95, 184, 120, 1)} .moxi_kefu_1button:hover{background-color:rgba(95, 184, 120, 1)!important;color: #fff} .moxi_kefu_1button:hover .moxi_kefu_1_icon .moxiicon{font-size: 25px;color: #ffffff!important;} .moxi_kefu_zixun_box{width: 200px; box-shadow: 0 0 9px 0 rgba(0,0,0,0.1);text-align: center;visibility:hidden;opacity:0; background-color: #f6f8fb; position: absolute;right: 75px;top: 0;border-radius: 5px;border: 1px #eee solid;transition: all 0.3s,right 0.3s;} .moxi_kefu_1button:hover .moxi_kefu_zixun_box{opacity:1;right:55px;visibility: revert} .moxi_kefu_zixun_box::after{width: 20px;height: 100%;position: absolute;right: -20px;top: 0;content: '';} .moxi_kefu_zixun_box::before{ color: #fff; content: ''; position: absolute; right: -10px; top: 17px; z-index: 1; width: 0; height: 0; border-top: 10px solid transparent; border-left: 10px solid rgba(235, 236, 238, 0.87); border-bottom: 10px solid transparent;} .moxi_kefu_1_lianxi{width: 70%;padding: 12px 10px;border-radius: 50px;background-color: rgba(95, 184, 120, 1);display: inline-block;transition: all 0.4s; margin: 10px 0;color: #fff;cursor: pointer} .moxi_kefu_1_lianxi:hover{opacity: 0.75;color: #fff;transform: translateY(-1px);box-shadow: 0 0 5px 0 rgba(0,0,0,0.1); } .moxi_kefu_1 .moxi_wx_img{max-width: 170px;max-height: 170px;margin: 10px} .moxi_kefu_1_text{width: 100%;line-height: 42px;font-size: 14px;background-color: #fff;display: inline-block;color: #666;height: 42px} .moxi_kefu_1_kaitong a{color: #fff} .moxi_kefu_1_kaitong:hover{background: rgba(95, 184, 120, 1)!important;}