0 5.2%;} .new-ls .data li{float: left;width: 32.478%;margin-right: 1.282%;margin-bottom: 3.8%;} .new-ls .data li:nth-child(3n){margin-right: 0;} .new-ls .data .pic{position: relative;padding-bottom: 67.19%;; overflow: hidden;} .new-ls .data .pic .isimg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .new-ls .data figure{width: 100%;height: 100%;position: absolute;left: 0;top:0;} .new-ls .data figure{ -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;} .new-ls .data a:hover figure{ -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1);} .new-ls .data .info{margin-top: 35px;} .new-ls .data .time{ font-family: Oswald-Light;font-size: 16px;color: #666666;display: inline-block;vertical-align: middle;} .new-ls .data .views{display: inline-block;vertical-align: middle;font-size: 16px;color: #999999;padding-left: 25px;background: url("../images/eye.png") no-repeat left center;position: relative;margin-left: 30px;} .new-ls .data .views::before{content:"";display: block; width: 1px;height: 10px;background-color: #bbbbbb;position: absolute;left: -15px;top:0;bottom: 0;margin: auto;} .new-ls .data .tit{font-size: 18px;line-height: normal;font-weight: normal;margin: 15px 0 0;position: relative;} .new-ls .data .tit::after{content:"";display: block;width: 100%;height: 1px;background-color: #eeeeee;margin: 30px 0 15px;} .new-ls .data .check-more{font-size: 16px;color: #666666;display: inline-block;} .new-ls .data .check-more::after{content:"";display: inline-block;vertical-align: middle;width: 19px;height: 9px;background: url("../images/new-arrow.png") no-repeat center center;background-size: 100% 100%;margin-left: 20px;} .new-ls .data a:hover .tit,.new-ls .data a:hover .check-more{color: #c8192a} .new-ls .data a:hover .tit::after{background-color: #c8192a} .new-ls .data a:hover .check-more::after{background: url("../images/new-arrow-on.png") no-repeat center center;background-size: 100% 100%;} .new-ls .Page002046 .Pages{margin: 0;} @media (min-width: 768px){ .join-part2 .data li:nth-child(5n+1){ clear: both; margin-left: 0} } @media (max-width: 1024px){ .buy-way .data .ytable{min-height: 0;padding-top: 5%;padding-bottom: 5%;} .join-part1 .data li{width: 100%;margin-right: 0;} } @media (max-width: 768px){ .store-filter .item{width: 32%;margin-right: 2%;} .store-filter .item:nth-of-type(3n){margin-right: 0;} .store-filter .store-search{width: 100%;margin-top: 10px;} .nearby-store .nearby-tit{font-size: 24px;} .store-filter .item select,.store-filter .store-search input,.store-filter .store-search .btn{height: 40px;line-height: 40px;} .store-filter .result{font-size: 18px;} .Map000101 .map,.Map000101 .info{width: 100%;height: 300px;} .Map000101 .info{padding-top: 25px;padding-bottom: 25px;} .Map000101 .info ul{max-height: 250px;} .serve-part2 .serve-tit, .serve-part3 .serve-tit{margin-bottom: 30px;} .serve-tit,.guide-tit,.feedback-tit{font-size: 24px;} .serve-part2 .slick-box .tit{font-size: 20px;} .serve-part3 .pic{position: relative;width: 100%;padding-bottom: 76.92%;} .serve-part3 .txt{width: 100%;} .serve-part3 .btn{position: relative;top: auto;transform: none;margin-top: 10px;right: auto;} .serve-part3 .follow{margin-top: 35px;padding-top: 30px;} .serve-part3 .follow .qrcode{width: 48%;margin-right: 2%;} .serve-part3 .follow .qrcode:nth-child(2n){margin-right: 0;} .pave-guide .answer{padding: 20px;} .pave-guide .quest .num,.fqa.pave-guide .label{font-size: 20px;} .pave-guide .quest{font-size: 16px;} .fqa.pave-guide .answer{padding-left: 80px;} .feedback .cont .pic{position: relative;width: 100%;padding-bottom: 60%;} .feedback .cont .txt{width: 100%;} .feedback .cont .item{width: 100%!important;margin-right: 0;} .feedback .cont .tip{display: block;padding: 0px 20px 10px;} .feedback .cont .choose-file{bottom: auto;top: 15px;} .feedback .cont .check-item{display: block;margin-left: 20px;line-height: 40px;} .serve-intro, .feedback-intro{margin-bottom: 25px;} .feedback .statusBar .info{display: none!important;} .feedback .statusBar .btns{width: 100%;left: 0;right: 0;} .feedback .statusBar .btns .webuploader-container{margin-right: 10px;} .buy-way .data .ytable{display: block;text-align: center;} .buy-way .data .pic,.buy-way .data .txt{display: block;width: 100%!important;text-align: center;} .buy-way .data .txt{margin-top: 20px;} .buy-way .data .tit{font-size: 24px;} .buy-way .data .intro{font-size: 16px;} .join-tit{font-size: 24px;} .join-part1 .data .tit,.join-part2 .tit,.join-part3 .right .tit{font-size: 20px;} .join-part1 .data .pic{position: relative;display: block;margin:auto;height: 200px;margin-bottom: 20px;} .join-part1 .data li{padding:20px!important;height: auto; text-align: center;} .join-part1 .data .intro{font-size: 14px;max-height: none;line-height: 26px;} .join-part2 .data li{width: 46.64%;} .join-part4 .joined-ls li{font-size: 14px;} .join-part3 .left{position: relative;padding-bottom: 69.23%;width: 100%;} .join-part3 .right{width: 100%;padding: 20px;min-height: auto;} .join-part3 .tab-ls{position: relative;top: auto;margin-bottom: 30px;text-align: center;} .join-part3 .tab-ls li{display: inline-block;width: auto;padding: 0 10px;margin: 5px;} .join-part3 .tab-ls li::after{display: none;} .join-part4 .left,.join-part4 .right{width: 100%;} .join-part4 .left .submit{height: 40px;line-height: 40px;} .join-part4 .right{margin-top: 30px;} .project-tit{font-size: 24px;letter-spacing:0;margin-bottom: 30px;} .project-part1 .intro{margin-bottom: 20px;} .project-part2 .data .pic{width: 100%;position: relative;padding-bottom: 64.1%;} .project-part2 .data .txt{width: 100%;margin: 0;min-height: 0;padding-bottom: 10%;} .project-part2 .data .tit-en{font-size: 30px;} .project-part2 .data .tit-cn{font-size: 24px;} .project-part2 .slick-dots{padding:0;bottom: 3%;} .project-part3 .data{padding-bottom: 4.2%;} .project-part2 .data .tit{font-size: 20px;} .project-part4 .data li{width: 49%;margin-right: 2%;margin-bottom: 2%;} .project-part4 .data li:nth-child(2n){margin-right: 0;} .project-part4 .data .tit{font-size: 18px;} .inner-menu li a{min-width: 100px;font-size: 14px;} .design-activity .data li{width: 100%;margin-right: 0;} .design-activity .data .tit{margin-top: 10px;} .aaua-part1 .item .pic{position: relative;width:100%;padding-bottom: 56.41%;} .aaua-part1 .item .txt{width:100%;margin: 0;height: auto;padding: 5%;} .aaua-part1 .item .cont{top: auto;transform: none;} .aaua-part1 .item .tit{font-size: 22px;margin-bottom: 15px;} .aaua-tit{font-size: 24px;margin-bottom: 30px;} .aaua-part2 .data .name{font-size: 20px;} .new-ls .data li{width: 100%;margin-right: 0;} .new-ls .data .info{margin-top: 15px;} .new-ls .data .tit::after{margin: 20px 0 10px;} .project-part4 .data .label{font-size: 14px;} .project-part4 .data .label >span{padding: 0;} .Map000101 .info li .tit{font-size: 20px;} } @media (max-width: 480px){ .join-part2 .data li{width: 100%;margin-right: 0;padding: 5% 2.5%;} } @media (max-width: 320px){ .join-part2 .data li{width: 100%;margin-right: 0;} } .newappreciation{padding-top: 10px;} .newappreciation .title{text-align: center; font-size: 32px; font-weight: normal; color: #333;} .newappreciation .txt{font-size: 18px; margin: 20px 0 50px 0; line-height: 1.8;} .auto-inner { width: 92%; max-width: 1560px; margin: 0 auto; } a{color:#333}