fafa} .product_details .photo{ float: left; width:44.872%; padding-bottom: 10px} .product_details .photo img{ width: 100%;position:absolute;opacity:0;left:0;top:0;} .product_details .photo .num{ height:10px; position: relative;} .product_details .photo .num span{ position: absolute; top: -30px; line-height: 30px; padding: 0 2%; z-index: 5;} .product_details .photo .slider-for .item .pic {padding-top: 100%;background: no-repeat center center;position:relative;} .product_details .photo .slider-for .item .pic span {position: absolute;left: 0;bottom: 0;background-color: rgba(0,0,0,0.5);padding: 1%;opacity: 0;transition: 0.5s 0.3s ease;color: #fff} .product_details .photo .slider-for .item.slick-active .pic span {opacity: 1;} .product_details .photo .slider-nav{ padding: 0 12%} .product_details .photo .slider-nav .item{ padding: 20px 2px;} .product_details .photo .slider-nav .item a{ cursor: pointer;width: 90%; margin: auto; display: block; padding-bottom: 80%; background: no-repeat center center; background-size:cover;position: relative} .product_details .photo .slider-nav .item a span {font-size: 14px;position: absolute;left: 0; top: 50%; -webkit-transform: translateY(-50%);transform: translateY(-50%);width: 100%;text-align: center; padding: 0 5px;} .product_details .photo .slider-nav .slick-current a{ position: relative; box-shadow: 0 0 0 2px #c8192a} .product_details .photo .slider-nav .slick-current a:before{ content: ''; position: absolute; left: 50%; margin-left: -12px; top: -24px; border: solid 12px transparent; border-bottom-color:#c8192a } .product_details .photo .slider-nav .slick-arrow{cursor: pointer; width: 7%; height: 80%; border: solid 1px #eeeeee; background: no-repeat center center; background-size:auto} .product_details .photo .slider-nav .slick-prev{ left: 3%; background-image: url(../images/pro_info_prev.png)} .product_details .photo .slider-nav .slick-next{ right: 3%; background-image: url(../images/pro_info_next.png)} .product_details .info{ float: right; width: 55.128%; font-size: 16px; padding:4% 5%} .product_details .info .name{ font-size: 28px; padding: 1%; margin: 0; font-weight: normal} .product_details .info .txt{ padding-bottom: 4%; margin-bottom: 4%; border-bottom: solid 1px #e1e1e1} .product_details .info ul li{ position: relative; padding-left: 100px; padding-bottom: 30px; min-height: 58px;} .product_details .info ul li .text {margin: 0;display: none;} .product_details .info ul li b{ position: absolute; left: 0; font-weight: normal; color: #999999} .product_details .info ul.ul_txt1 li{ width: 50%; float: left; padding-right: 5%} .product_details .info ul.ul_txt1 li:nth-child(2n+1){ clear: both} .product_details .info ul.ul_txt2 span{ display:block; float: left; width: 50px; text-align: center} .product_details .info ul.ul_txt2 span img{ width: 44px; height: 44px; border: solid 1px #000} .product_details .info ul.ul_txt2 span i{ display: block; font-size: 12px; font-style: normal} .product_details .info .other{border-top: solid 1px #e1e1e1; padding-top: 4%} .product_details .info .other .ewm{ position: relative;float: left;border: solid 1px #e1e1e1; padding: 10px; display: table} .product_details .info .other .ewm:before{ content: ''; display: block; position: absolute; left: 130px; top: 0; width: 1px; height: 100%; background: #e1e1e1} .product_details .info .other .ewm img{ width: 110px;} .product_details .info .other .ewm b{ font-weight: normal; color: #808080; padding-left: 20px; width: 160px; display: inline-block; font-size: 14px;} .product_details .info .other .ewm span, .product_details .info .other .ewm b{ display: table-cell; vertical-align: middle} .product_details .info .other .btn{ float: right} .product_details .info .other .btn a{ display: inline-block;line-height: 55px; color: #fff; background: #c8192a url(../images/pro_info_icon.png) no-repeat 38px; padding-left: 60px; padding-right: 40px;} .product_details .pic_list{ padding: 5px 0;text-align:center;} .pro_sub_title{ font-size: 36px; color: #000000; text-align: center; padding: 1.5% 0; margin: 0} .product_other{ padding: 2% 40px 6% 40px;} .product_other .list{ margin-left: -10px; margin-right: -10px;} .product_other .item{ padding: 0 10px;} .product_other .item a{ display: block; position: relative} .product_other .item .pic{ padding-bottom: 67.064%; background: no-repeat center center; background-size: cover;border: 1px solid #ccc} .product_other .item .info{ width: 100%; bottom: 0;} .product_other .item h3{ padding: 2% 4%; margin: 0; font-size: 18px; font-weight: normal} .product_other .slick-arrow{ cursor: pointer;width: 50px; height: 50px; border: solid 1px #6b6b6b; background: no-repeat center center; background-size:auto; opacity: 0.5} .product_other .slick-prev{ left: -5%; background-image: url(../images/pro_info_prev.png)} .product_other .slick-next{ right: -5%; background-image: url(../images/pro_info_next.png)} @media(max-width:1200px){ .product_details .info .other .btn a{ padding-left: 40px; padding-right: 20px; background-position: 15px} } @media(max-width:1024px){ .product_details .info{ padding: 2%; font-size: 14px} .product_details .info .other .ewm b{ width: 102px} .product_details .info ul li{ padding-bottom: 10px; min-height: 38px; padding-left: 75px;} .product_details .info ul.ul_txt1 li{ float: none; width: 100%} .product_details .info .name{ font-size: 20px} .pro_sub_title{ font-size: 24px} } @media(max-width:768px){ .product_details .photo, .product_details .info{ float: none; width: 100%} .product_details .photo{ padding-bottom: 0} .product_details .info .other .ewm{ padding: 5px} .product_details .info .other .ewm img{ width: 150px} .product_details .info .other .ewm:before{ left: 100px} .product_details .info .name{ font-size: 18px; font-weight: bold} .product_details .pic_list{ padding: 2px 0} .pro_sub_title{ font-size: 22px} .product_other .item h3{font-size: 16px;} .menu_location .category{ font-size: 18px; padding-bottom: 10px;} .product_other{ padding-left:20px; padding-right: 20px;} .product_other .item .pic {padding-bottom: 100%} .product_other .slick-arrow{ width: 40px; height: 80px;top:40%;border: none;opacity: 1;background-size:cover} .product_other .slick-arrow.slick-prev {background-image: url(../images/slick_jt_prev.png)} .product_other .slick-arrow.slick-next {background-image: url(../images/slick_jt_next.png)} .product_details .info .other .ewm{display: block;} .product_details .info .other .ewm span, .product_details .info .other .ewm b{display: block;} .product_details .info .other .ewm:before{left: 0; width: 100%; height: 1px; top: 160px;} .product_details .info .other .ewm b{padding-top: 10px;width: 100%;padding-left: 0} .product_details .info .other .ewm img{display: block; margin: auto;} } .photo_list{ padding-top: 3%;} .photo_list li{ float: left; width:30.77%; margin-left:3.845%; margin-bottom: 1.88%} .photo_list li a{ display: block; position: relative} .photo_list li .pic{position: relative; overflow: hidden} .photo_list li .pic span{ display: block; width: 100%; top: 0; padding-bottom: 68.336%; background: no-repeat center center; background-size: cover;} .photo_list li .info{position:absolute; bottom:0; width:100%; padding:1% 3%; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.8))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); } .photo_list li h3{ color:#fff; padding:10px 0; margin: 0; font-size: 20px; font-weight: normal} @media(min-width:768px){ .photo_list li:nth-child(3n+1){ clear: both; margin-left: 0} } @media(max-width:768px){ .photo_list li{ width: 49%; margin-left: 2%} .photo_list li:nth-child(2n+1){ clear: both; margin-left: 0} .photo_list li h3{font-size: 15px; padding: 0} } .search_list{ padding-top: 3%} .search_list li{ paddi.data li:nth-child(n+7){display: none;} .aaua-tit{ font-size: 36px;margin: 0;line-height: normal;text-align: center;font-weight: normal;} .load-more{position: relative;z-index: 2; width: 136px;height: 36px;line-height: 36px;text-align: center;font-size: 16px;color: #ffffff!important;display: block;margin: 20px auto 0;} .load-more::after{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top:0;transform: skew(-15deg);-ms-transform: skew(-15deg);-webkit-transform: skew(-15deg); background-color: #c8192a;z-index: -1;} .aaua-part1{padding: 6.25% 0;background-color: #f8f8f8;} .aaua-part1 .item{ background-color: #ffffff;margin-bottom: 40px;position: relative;} .aaua-part1 .item:last-child{margin-bottom: 0;} .aaua-part1 .item .pic{position: absolute;width: 50%;height: 100%;left: 0;top: 0;} .aaua-part1 .item .txt{width: 50%;margin-left: 50%;padding: 6.4%;height: 440px;} .aaua-part1 .item .cont{position: relative;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);max-height: 100%;overflow: auto;} .aaua-part1 .item .tit{font-size: 30px;font-weight: normal;line-height: normal;margin: 0 0 35px;} .aaua-part1 .item .intro{font-size: 16px;line-height: 32px;} .aaua-part1 .item .skip-blank{display: inline-block;margin-top: 12%;padding-right: 15px;background: url("../images/skip-blank.png") no-repeat right center; font-size: 16px;font-weight: bold;color: #c8192a;} .aaua-part1 .item .tits{font-size: 18px;font-weight: normal; line-height: 32px;margin: 0 0 10px;} .aaua-part1 .item:nth-child(2n) .pic{left: auto;right: 0;} .aaua-part1 .item:nth-child(2n) .txt{margin-left: 0;} .aaua-part2{padding: 5.2% 0;} .aaua-part2 .data{margin-top: 5.1%;padding-bottom: 1%;} .aaua-part2 .data li{text-align: center;padding-top: 10px;vertical-align: top;} .aaua-part2 .data .pic{display: block;margin: 0 auto 30px;width: 58.20%;padding-bottom: 58.2%;border-radius: 50%;position: relative;} .aaua-part2 .data .pic::before{content:"";display: block;position: absolute;left: -4.4%;top: -4.4%;background: #c8192a;border-radius: 50%;z-index: -1;width: 100%;height: 100%;} .aaua-part2 .data .txt{max-width: 96%;margin: 0 auto;min-height: 190px;} .aaua-part2 .data .intro{white-space: pre-line;font-size: 14px;line-height: 24px;color: #666666;max-height: 72px;} .aaua-part2 .data .name{white-space: pre-line; font-size: 24px;font-weight: normal;line-height: 30px;margin-bottom: 10px;max-height: 60px;} .aaua-part2 .slick-dots{bottom: 0%;} .aaua-part2 .slick-dots li{ background-color: #d1d1d1;height: 6px;width: 6px;border-radius: 50%;color: transparent;cursor: pointer;overflow: hidden;margin: 0 8px;padding: 0;} .aaua-part2 .slick-dots li *,.aaua-part2 .slick-dots li:before{display: none;} .aaua-part2 .slick-dots li.slick-active{background-color: #c8192a;box-shadow: 0 0 0 1px #c8192a;} .new-ls{padding: 4.1% 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.2