wxd / MEIDD_MSCP_PHP

.swiper-container {margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}
.swiper-container-no-flexbox .swiper-slide {float:left}
.swiper-container-vertical>.swiper-wrapper {-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.swiper-wrapper {position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:-webkit-transform;-moz-transition-property:transform,-moz-transform;transition-property:transform;transition-property:transform,-webkit-transform,-moz-transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper {-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}
.swiper-container-multirow>.swiper-wrapper {-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.swiper-container-free-mode>.swiper-wrapper {-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.swiper-slide {-webkit-flex-shrink:0;-ms-flex:0 0 auto;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {height:auto}
.swiper-container-autoheight .swiper-wrapper {-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;-moz-box-align:start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-moz-transition-property:transform,height,-moz-transform;transition-property:transform,height;transition-property:transform,height,-webkit-transform,-moz-transform}
.swiper-container .swiper-notification {position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-wp8-horizontal {-ms-touch-action:pan-y;touch-action:pan-y}
.swiper-wp8-vertical {-ms-touch-action:pan-x;touch-action:pan-x}
.swiper-button-next,.swiper-button-prev {position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:50%;background-repeat:no-repeat}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {opacity:.35;cursor:auto;pointer-events:none}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");left:10px;right:auto}
.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")}
.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");right:10px;left:auto}
.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")}
.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")}
.swiper-pagination {position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0);z-index:10}
.swiper-pagination.swiper-pagination-hidden {opacity:0}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {bottom:10px;left:0;width:100%}
.swiper-pagination-bullet {width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}
button.swiper-pagination-bullet {border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet {cursor:pointer}
.swiper-pagination-white .swiper-pagination-bullet {background:#fff}
.swiper-pagination-bullet-active {opacity:1;background:#007aff}
.swiper-pagination-white .swiper-pagination-bullet-active {background:#fff}
.swiper-pagination-black .swiper-pagination-bullet-active {background:#000}
.swiper-container-vertical>.swiper-pagination-bullets {right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {margin:5px 0;display:block}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px}
.swiper-pagination-progress {background:rgba(0,0,0,.25);position:absolute}
.swiper-pagination-progress .swiper-pagination-progressbar {background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-moz-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}
.swiper-container-horizontal>.swiper-pagination-progress {width:100%;height:4px;left:0;top:0}
.swiper-container-vertical>.swiper-pagination-progress {width:4px;height:100%;left:0;top:0}
.swiper-pagination-progress.swiper-pagination-white {background:hsla(0,0%,100%,.5)}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {background:#fff}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {background:#000}
.swiper-container-3d {-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-container-3d .swiper-slide-shadow-left {background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),transparent);background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),transparent);background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(transparent));background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}
.swiper-container-3d .swiper-slide-shadow-right {background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(transparent));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),transparent);background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),transparent);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent));background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}
.swiper-container-3d .swiper-slide-shadow-top {background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),transparent);background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),transparent);background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}
.swiper-container-3d .swiper-slide-shadow-bottom {background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),transparent);background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),transparent);background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}
.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper {-ms-perspective:1200px}
.swiper-container-cube,.swiper-container-flip {overflow:visible}
.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide {pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;z-index:1}
.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide {pointer-events:none}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {pointer-events:auto}
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}
.swiper-container-cube .swiper-slide {visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}
.swiper-container-cube.swiper-container-rtl .swiper-slide {-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {pointer-events:auto;visibility:visible}
.swiper-container-cube .swiper-cube-shadow {position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;transition-timing-function:ease-out}
.swiper-container-fade .swiper-slide {pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;transition-property:opacity}
.swiper-container-fade .swiper-slide .swiper-slide {pointer-events:none}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {pointer-events:auto}
.swiper-zoom-container {width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {max-width:100%;max-height:100%;object-fit:contain}
.swiper-scrollbar {border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}
.swiper-container-horizontal>.swiper-scrollbar {position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}
.swiper-container-vertical>.swiper-scrollbar {position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}
.swiper-scrollbar-drag {height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}
.swiper-scrollbar-cursor-drag {cursor:move}
.swiper-lazy-preloader {width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12) infinite;-moz-animation:swiper-preloader-spin 1s steps(12) infinite;animation:swiper-preloader-spin 1s steps(12) infinite}
.swiper-lazy-preloader:after {display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}
.swiper-lazy-preloader-white:after {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")}
@-webkit-keyframes swiper-preloader-spin {to {-webkit-transform:rotate(1turn)}
}
@-moz-keyframes swiper-preloader-spin {to {-moz-transform:rotate(1turn);transform:rotate(1turn)}
}
@keyframes swiper-preloader-spin {to {-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);transform:rotate(1turn)}
}
body {-webkit-font-smoothing:subpixel-antialiased}
.banner-container {height:420px;width:100%}
.banner-container .no-visual {visibility:hidden}
.swiper-container {width:100%;height:100%}
.swiper-container .slide-1 img,.swiper-container .slide-2 img,.swiper-container .slide-3 img,.swiper-container .slide-4 img {width:100%;height:100%;display:block;position:absolute}
.swiper-container .slide-1 .content-wrapper,.swiper-container .slide-2 .content-wrapper,.swiper-container .slide-3 .content-wrapper,.swiper-container .slide-4 .content-wrapper {position:absolute;width:1100px;height:100%;top:0;right:0;bottom:0;left:0;margin:auto}
@media screen and (max-width:1100px) {.swiper-container .slide-1 .content-wrapper,.swiper-container .slide-2 .content-wrapper,.swiper-container .slide-3 .content-wrapper,.swiper-container .slide-4 .content-wrapper {width:1000px}
}
.swiper-container .slide-1 .content-wrapper h3,.swiper-container .slide-2 .content-wrapper h3,.swiper-container .slide-3 .content-wrapper h3,.swiper-container .slide-4 .content-wrapper h3 {font-size:44px;color:#000;margin:100px 0 7px;line-height:62px}
.swiper-container .slide-1 .content-wrapper a.primary,.swiper-container .slide-2 .content-wrapper a.primary,.swiper-container .slide-3 .content-wrapper a.primary,.swiper-container .slide-4 .content-wrapper a.primary {width:160px;height:40px;line-height:18px;display:inline-block;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.swiper-container .slide-1 .content-wrapper a.pink-button,.swiper-container .slide-2 .content-wrapper a.pink-button,.swiper-container .slide-3 .content-wrapper a.pink-button,.swiper-container .slide-4 .content-wrapper a.pink-button {background-color:#fff;color:#eb737f;width:160px;height:40px;line-height:18px;display:inline-block;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.swiper-container .slide-1 {background-image:url("https://mshopimg.yolipai.net/public/pcimg/index/gg1.jpg");background-repeat:no-repeat;background-size:cover;background-position:50%}
@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {.swiper-container .slide-1 {background-image:url("../../static/images/index/gg1.jpg")}
}



.swiper-container .slide-1 p {font-size:20px;color:#000;margin-bottom:25px; line-height: 40px;}
.swiper-container .slide-1 small {font-size:14px;color:#000;margin-top:15px;display:block}


.swiper-container .slide-2 {background-image:url("https://mshopimg.yolipai.net/public/pcimg/index/gg2.jpg");background-repeat:no-repeat;background-size:cover;background-position:50%}

.swiper-container .slide-2 p {font-size:20px;color:#000;margin-bottom:25px; line-height: 40px;}


.swiper-container .swiper-button-container {width:1100px;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}
@media screen and (max-width:1100px) {.swiper-container .swiper-button-container {width:1000px}
}
.swiper-container .custom-prev {right:1130px;left:auto;width:60px;height:60px;background-size:100% 100%;background-image:url("../../static/images/index/L.png")}
@media screen and (max-width:1100px) {.swiper-container .custom-prev {right:1030px}
}
@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {.swiper-container .custom-prev {background-image:url("../../static/images/index/L@2x.png")}
}
.swiper-container .custom-next {left:1130px;right:auto;width:60px;height:60px;background-size:100% 100%;background-image:url("../../static/images/index/R.png")}
@media screen and (max-width:1100px) {.swiper-container .custom-next {left:1030px}
}
@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {.swiper-container .custom-next {background-image:url("../../static/images/index/R@2x.png")}
}
.swiper-container .swiper-pagination-bullet {width:50px;height:3px;border-radius:0;opacity:.5;background:#fff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;position:relative}
.swiper-container .swiper-pagination-bullet:after {content:" ";position:absolute;top:-18.5px;bottom:-18.5px;left:0;right:0}
.swiper-container .swiper-pagination-bullet-active {background:#fff;opacity:1}



.float-l {float:left}
.float-r {float:right}
a.button {font-size:14px;padding:12px 22px;text-decoration:none;border-radius:2px}
a.primary {background:#FC5D6F;padding:12px 42px;color:#fff}
a.primary:hover {background:#C5182C}
a.white {border:1px solid #38f;padding:11px 21px}
a.white:hover {background:#38f;color:#fff}
a.ml20 {margin-left:20px}
.section-title {font-size:28px;color:#333;line-height:40px;text-align:center;margin:0 auto 60px;padding-top:90px}
.section-line {background:linear-gradient(to
left,#c9cac9,#c5182c,#c9cac9);height:1px; width: 200px; margin: 0 auto}
.section-stitle {font-size:18px;color:#a5a5a5;line-height:40px;text-align:center;}

.service {width:100%}
.service .icon-container {width:1200px;margin:0 auto}
@media screen and (max-width:1100px) {.service .icon-container {width:1000px}
}
.service .icon-container li {display:inline-block;text-align:center;width:24.3%;margin:0; padding-bottom: 30px; cursor: pointer;border: #fff solid 1px; }
.service .icon-container .active{ border-radius: 2px; border: #f0f0f0 solid 1px;box-shadow: 0 0 10px #ccc;}
.service .icon-container li div {width:120px;height:120px;margin:0 auto;margin-bottom:15px;background-size:contain}
.service .icon-container li h3 {font-size:18px;color:#333;line-height:24px;}
.service .icon-container li p {font-size:14px;color:#a5a5a5;line-height:24px;}
.service .icon-container li .more_button {height: 30px; padding:5px 20px 5px 20px; border: solid 1px #c9cac9; color: #a5a5a5; border-radius: 2px;}
service .icon-container li .more{ height: 30px; line-height: 30px;}

.service .icon-container #service-1-img {background-image:url("https://mshopimg.yolipai.net/public/pcimg/index/_service_1.png")}

.service .icon-container #service-2-img {background-image:url("https://mshopimg.yolipai.net/public/pcimg/index/_service_2.png")}

.service .icon-container #service-3-img {background-image:url("https://mshopimg.yolipai.net/public/pcimg/index/_service_3.png")}

.service .icon-container #service-4-img {background-image:url("https://mshopimg.yolipai.net/public/pcimg/index/_service_1.png")}

.service .icon-container #service-5-img {background-image:url("https://mshopimg.yolipai.net/public/pcimg/index/_service_5.png")}

.service .icon-container #service-6-img {background-image:url("https://mshopimg.yolipai.net/public/pcimg/index/_service_6.png")}

.service .icon-container #service-7-img {background-image:url("https://mshopimg.yolipai.net/public/pcimg/index/_service_7.png")}

.service .icon-container #service-8-img {background-image:url("https://mshopimg.yolipai.net/public/pcimg/index/_service_8.png")}

.service .icon-container #service-9-img {background-image:url("https://mshopimg.yolipai.net/public/pcimg/index/_service_9.png")}

.service .icon-container #service-10-img {background-image:url("https://mshopimg.yolipai.net/public/pcimg/index/_service_10.png")}

.service .icon-container #service-11-img {background-image:url("https://mshopimg.yolipai.net/public/pcimg/index/_service_11.png")}



.service .num-container {width:1100px;margin:0 auto}
@media screen and (max-width:1100px) {.service .num-container {width:1000px}
}
.service .num-container li {width:20%;text-align:center;display:inline-block}
.service .num-container li p {font-size:16px;color:#666}
.service .num-container li .num {font-size:46px;color:#3765a6;line-height:65px}
.service .num-container li .num .data {font-weight:100}


.partner{ background-color: #fbfbfb; margin-top: 20px;}
.partner h3 {font-size:28px;color:#333;line-height:40px;padding-top:90px;margin-bottom:20px;text-align:center}
.partner .trademark-container {margin:40px auto 0px;width:1200px}
.partner .trademark-container:after {content:"";display:table;clear:both}
.partner .trademark-container .partnerlist li {float:left; width: 260px;
    height: 280px; background-color: #fff; text-align: center; margin: 10px; padding: 10px; position: relative}

.partner .trademark-container .partnerlist li .imgshow{     width: 150px;
    height: 150px;
    border-radius: 100px;
    border: 1px solid #e5e5e5; margin: 10px;}
.partner .trademark-container .partnerlist li .storename{ font-size: 16px; line-height: 40px; height: 40px; overflow: hidden}
.partner .trademark-container .partnerlist li p{ font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; color: #4c4c4c;}

.partner .trademark-container .partnerlist li .qrcode-cover {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    opacity: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 280px;
    padding: 0px 0px 100px;
    position: absolute;
    bottom: 0;
    background-color: hsla(0, 0%, 100%, .8);
}
.partner .trademark-container .partnerlist li .image-qrcode {
    width: 140px;
    height: 140px;
    display: block;
    margin: 0px auto;
    background-color: #fff; padding: 10px;
}

.partner .trademark-container .partnerlist li .note-qrcode {
    font-size: 14px;
    line-height: 14px;
    color: #999;
    margin: 5px;
}