/*!* WMN Base Style* Copyright © 2022 waimaoniu.com** @link:https://www.waimaoniu.com/* @author:lzx* @version:2.0.1*/* {-webkit-box-sizing:border-box;box-sizing:border-box}
*:before,*:after {-webkit-box-sizing:border-box;box-sizing:border-box}
html,body {height:100%;width:100%;padding:0;margin:0;line-height:1.5;font-family:"PingFang SC","Microsoft Yahei",Arial,sans-serif}
ul,ol,li {list-style-type:none;padding:0;margin:0}
h1,h2,h3,h4,h5,h6 {font-weight:normal;margin:0}
img[src=""],img[class*="loading"] {background-color:#ddd}
em {font-style:normal}
.wrapper {max-width:1440px;margin:0 auto;padding:0 16px}
.section {padding:64px 0}
@media screen and (max-width:1080px) {.section {padding:24px 0}
}
.section.mb {padding-bottom:0}
.section.mt {padding-top:0}
.section.mm {padding:0}
.clearfix:before,.clearfix:after {display:table;content:"";width:100%;height:0;clear:both}
.w-trigger a {display:none;position:fixed;top:0;left:0;width:56px;height:56px;z-index:1000;cursor:pointer}
.w-trigger a>i {display:block;position:absolute;left:18px;width:20px;height:2px;background-color:#000;-webkit-transition:all .5s;transition:all .5s}
.w-trigger a>i:nth-child(1) {top:18px}
.w-trigger a>i:nth-child(2) {top:36px}
.w-trigger a>i:nth-child(3) {top:27px}
.w-trigger a.active>i:nth-child(1) {top:27px;transform:rotate(135deg)}
.w-trigger a.active>i:nth-child(2) {top:27px;transform:rotate(225deg)}
.w-trigger a.active>i:nth-child(3) {opacity:0}
@media screen and (max-width:1080px) {.w-trigger a {display:block}
}
.w-header {height:80px;z-index:997;position:fixed;top:0;left:0;right:0;-webkit-transition:background-color .5s,backdrop-filter .5s,-webkit-backdrop-filter .5s;transition:background-color .5s,backdrop-filter .5s,-webkit-backdrop-filter .5s}
.w-header .logo {display:block;float:left;padding:16px 0}
.w-header .logo>h1 {display:block;overflow:hidden;text-indent:-9999px;width:152px;height:48px;margin:0;background-size:100% auto;background-position:0 -48px;background-repeat:no-repeat}
.w-header .menu {float:right}
.w-header .menu .menu-wrap>ul {display:block;position:relative;padding:0}
.w-header .menu .menu-wrap>ul a {display:block;text-decoration:none;font-size:16px}
.w-header .menu .menu-wrap>ul>li {display:block;position:relative;float:left;margin-left:40px}
.w-header .menu .menu-wrap>ul>li>a {line-height:80px;position:relative;color:#fff}
.w-header .menu .menu-wrap>ul>li>a:after {content:'';display:block;position:absolute;bottom:0;left:50%;width:0;height:0;border-bottom:2px solid #E44438;-webkit-transition:width .5s,left .3s;transition:width .5s,left .3s}
.w-header .menu .menu-wrap>ul>li:hover>a {color:#E44438}
.w-header .menu .menu-wrap>ul>li:hover>a:after {width:100%;left:0}
.w-header .menu .menu-wrap>ul>li:hover .submenu {display:block}
.w-header .menu .menu-wrap>ul>li.active>a {color:#E44438}
.w-header .menu .menu-wrap>ul .submenu {display:none;position:absolute;left:50%;min-width:100%;background-color:rgba(0,0,0,0.2);transform:translateX(-50%)}
.w-header .menu .menu-wrap>ul .submenu>li>a {white-space:nowrap;line-height:42px;text-align:center;padding:0 32px;color:#fff}
.w-header .menu .menu-wrap>ul .submenu>li>a:hover {background-color:#E44438}
.w-header.scrolled {background-color:#fff;-webkit-box-shadow:0 1px 0 0 rgba(0,0,0,0.05);box-shadow:0 1px 0 0 rgba(0,0,0,0.05)}
.w-header.scrolled .logo>h1 {background-position:0 0}
.w-header.scrolled .menu .menu-wrap>ul>li>a {color:#333}
.w-header.scrolled .menu .menu-wrap>ul>li:hover>a,.w-header.scrolled .menu .menu-wrap>ul>li.active>a {color:#E44438}
.w-header.scrolled .menu .menu-wrap>ul .submenu {background-color:#fff;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.05);box-shadow:0 0 0 1px rgba(0,0,0,0.05)}
.w-header.scrolled .menu .menu-wrap>ul .submenu>li>a {color:#333}
.w-header.scrolled .menu .menu-wrap>ul .submenu>li>a:hover {background-color:#E44438;color:#fff}
@media screen and (max-width:1080px) {.w-header {position:sticky;height:56px;background-color:#fff;-webkit-box-shadow:0 1px 0 0 rgba(0,0,0,0.05);box-shadow:0 1px 0 0 rgba(0,0,0,0.05)}
.w-header .logo {float:none;padding:12px 0}
.w-header .logo>h1 {margin:0 auto;width:101.3333333333px;height:32px;background-position:0 0}
.w-header .menu {display:none}
}
.w-footer {padding:48px 0 32px;background-color:#30343E}
.w-footer .w-footer-content {display:flex;flex-wrap:wrap}
.w-footer .w-footer-sitemap {display:flex;flex:auto}
.w-footer .w-footer-sitemap dl {flex:auto}
.w-footer .w-footer-sitemap dl dt {font-size:18px;margin-bottom:20px;color:#fff}
.w-footer .w-footer-sitemap dl dd {font-size:14px;margin:12px 0;color:rgba(255,255,255,0.45)}
.w-footer .w-footer-sitemap dl dd a {color:rgba(255,255,255,0.45);text-decoration:none}
.w-footer .w-footer-sitemap dl dd a:hover {color:#fff}
.w-footer .w-footer-contact {flex:none}
.w-footer .w-footer-contact .meta ul {display:flex;flex-wrap:wrap;justify-content:center}
.w-footer .w-footer-contact .meta ul li {display:block;text-align:center;margin:20px 0 0 40px;color:#fff}
.w-footer .w-footer-contact .meta .img {margin-bottom:12px}
.w-footer .w-footer-contact .meta .img>img {display:block;width:110px;height:110px;margin:0 auto}
.w-footer .w-footer-contact .meta .icon {margin-bottom:10px}
.w-footer .w-footer-contact .meta .icon>a {display:block;text-decoration:none;width:58px;height:58px;line-height:58px;text-align:center;background-color:#337EFF;color:#fff;margin:0 auto;border-radius:50%;transition:background-color .5s}
.w-footer .w-footer-contact .meta .icon>a i {font-size:32px}
.w-footer .w-footer-contact .meta .icon>a:hover {background-color:#2965cc}
.w-footer .w-footer-contact .meta .text h4 {font-size:22px;font-weight:700;line-height:32px}
.w-footer .w-footer-contact .meta .text p {font-size:12px;line-height:24px;margin:0;white-space:pre-line}
.w-footer .w-footer-contact .meta .tips {font-size:14px;color:rgba(255,255,255,0.65)}
.w-footer .w-footer-links {font-size:14px;padding:32px 0;color:rgba(255,255,255,0.65)}
.w-footer .w-footer-links>span {color:rgba(255,255,255,0.45)}
.w-footer .w-footer-links>a {text-decoration:none;color:rgba(255,255,255,0.65)}
.w-footer .w-footer-links>a:hover {color:#fff;text-decoration:underline}
.w-footer .w-footer-extra {padding-top:24px;border-top:1px solid rgba(255,255,255,0.12);display:flex;flex-wrap:wrap;font-size:12px;color:rgba(255,255,255,0.45)}
.w-footer .w-footer-extra .copyright {flex:auto}
.w-footer .w-footer-extra .licence {flex:none}
.w-footer .w-footer-extra a {color:rgba(255,255,255,0.45);text-decoration:none}
.w-footer .w-footer-extra a:hover {color:#fff;text-decoration:underline}
@media screen and (max-width:1080px) {.w-footer {padding:24px 0 16px}
.w-footer .w-footer-sitemap {display:none}
.w-footer .w-footer-contact {width:100%}
.w-footer .w-footer-contact .meta {padding-bottom:16px}
.w-footer .w-footer-contact .meta ul li {margin:20px 8px 0}
.w-footer .w-footer-contact .meta ul li:first-child {width:100%;display:flex;align-items:center;justify-content:center}
.w-footer .w-footer-contact .meta .img {margin-bottom:8px}
.w-footer .w-footer-contact .meta .img>img {width:96px;height:96px}
.w-footer .w-footer-contact .meta .icon {margin-bottom:0;margin-right:8px}
.w-footer .w-footer-contact .meta .icon>a {width:48px;height:48px;line-height:48px}
.w-footer .w-footer-contact .meta .icon>a i {font-size:28px}
.w-footer .w-footer-contact .meta .text {text-align:left}
.w-footer .w-footer-contact .meta .text h4 {font-size:22px;font-weight:700;line-height:32px}
.w-footer .w-footer-contact .meta .text p {font-size:12px;line-height:24px;white-space:normal}
.w-footer .w-footer-contact .meta .tips {font-size:12px}
.w-footer .w-footer-links {padding:16px 0;text-align:center}
.w-footer .w-footer-extra {padding-top:16px;text-align:center}
.w-footer .w-footer-extra .copyright {width:100%}
.w-footer .w-footer-extra .licence {width:100%}
}
.w-sidebar .w-sidebar-wrap {position:fixed;bottom:50%;right:0;z-index:996;transform:translateY(50%)}
.w-sidebar .w-sidebar-content>ul {display:flex;flex-direction:column}
.w-sidebar .w-sidebar-content>ul>li {display:block;position:relative}
.w-sidebar .w-sidebar-content>ul>li:hover .popover {display:block;-webkit-animation:sidebar-popover-in 0.3s both;animation:sidebar-popover-in 0.3s both}
.w-sidebar .trigger {display:block;position:relative;z-index:1;text-decoration:none;width:64px;height:64px;background-color:#2e71e6;color:#fff;line-height:1;text-align:center;padding:8px;cursor:pointer}
.w-sidebar .trigger .link {display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}
.w-sidebar .trigger .icon {display:block;height:24px}
.w-sidebar .trigger .icon>i {font-size:24px}
.w-sidebar .trigger .text {line-height:24px;font-size:12px}
.w-sidebar .trigger:hover {background-color:#255ab8}
.w-sidebar .popover {display:none;position:absolute;padding-right:10px;top:0;right:100%}
.w-sidebar .popover>ul {display:block;position:relative;background-color:#fff;box-shadow:0 6px 20px 2px rgba(0,0,0,0.18);border-radius:2px;padding:4px 0}
.w-sidebar .popover>ul:after {display:block;content:'';position:absolute;z-index:1;top:28px;right:-8px;border-style:solid;border-width:8px 0 8px 8px;border-color:transparent transparent transparent #fff}
.w-sidebar .popover>ul>li>a {display:flex;align-items:center;padding:4px 24px 4px 12px;white-space:nowrap;text-decoration:none;min-width:200px;color:#333}
.w-sidebar .popover>ul>li>a .text {display:block}
.w-sidebar .popover>ul>li>a .text em {display:block;font-size:12px;line-height:20px;color:#999}
.w-sidebar .popover>ul>li>a .text span {display:block;font-size:18px;line-height:24px;color:#333}
.w-sidebar .popover>ul>li>a .icon {display:block;padding-right:8px;color:#2e71e6}
.w-sidebar .popover>ul>li>a .icon>i {font-size:30px}
.w-sidebar .popover>ul>li>a:hover {background-color:#FAFAFA}
@media screen and (max-width:1080px) {.w-sidebar {height:56px}
.w-sidebar .w-sidebar-wrap {left:0;bottom:0;transform:none;background-color:#fff}
.w-sidebar .w-sidebar-content>ul {flex-direction:row;justify-content:space-around}
.w-sidebar .w-sidebar-content>ul>li {flex-grow:1;position:static}
.w-sidebar .w-sidebar-content>ul>li.inquire {flex-grow:2}
.w-sidebar .w-sidebar-content>ul>li.inquire .trigger {background-color:#2e71e6;color:#fff}
.w-sidebar .w-sidebar-content>ul>li.goto-top {display:none}
.w-sidebar .w-sidebar-content>ul>li:hover .popover {display:none}
.w-purchase {padding:5% 0;}
.w-sidebar .trigger {width:auto;height:56px;background-color:transparent;padding:6px;color:#333}
.w-sidebar .trigger .link {display:block}
.w-sidebar .trigger .text {line-height:20px}
.w-sidebar .trigger:hover {background-color:#f5f5f5}
.w-sidebar .popover {display:none}
}
@-webkit-keyframes sidebar-popover-in {0% {-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}
100% {-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
}
@keyframes sidebar-popover-in {0% {-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}
100% {-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
}
.w-title {text-align:center;color:#333;line-height:1;margin-bottom:32px}
.w-title h2 {font-weight:700;font-size:34px;line-height:1.3;letter-spacing:.15em}
.w-title h3 {font-weight:500;font-size:24px;line-height:1.576}
.w-title em {color:#E44438}
.w-title span {display:block;font-size:16px;line-height:1.8;color:#999;text-transform:uppercase;margin-top:16px}
.w-title.left {text-align:left}
.w-title.border {border-left:2px solid;padding-left:16px}
.w-title.light {color:#fff}
.w-title.light em {color:#fff}
.w-title.light span {color:rgba(255,255,255,0.45)}
@media screen and (max-width:1080px) {.w-title {margin-bottom:20px}
.w-title h2 {font-size:22px;line-height:1.576}
.w-title h3 {font-size:16px;line-height:1.576}
.w-title span {font-size:14px;line-height:1.576;margin-top:0}
.w-title.left {text-align:center}
.w-title.border {border-left:0;padding-left:0}
}
.w-grid>.w-grid-row {display:flex;flex-wrap:wrap}
.w-grid>.w-grid-row>.w-grid-col {flex:none;width:100%}
.w-grid>.w-grid-row>.w-grid-col.col-1-2 {width:50%}
.w-grid>.w-grid-row>.w-grid-col.col-1-3 {width:33.3333333333%}
.w-grid>.w-grid-row>.w-grid-col.col-2-3 {width:66.6666666667%}
.w-grid>.w-grid-row>.w-grid-col.col-1-4 {width:25%}
.w-grid>.w-grid-row>.w-grid-col.col-3-4 {width:75%}
.w-grid>.w-grid-row>.w-grid-col.col-1-5 {width:20%}
.w-grid>.w-grid-row>.w-grid-col.col-2-5 {width:40%}
.w-grid>.w-grid-row>.w-grid-col.col-3-5 {width:60%}
.w-grid>.w-grid-row>.w-grid-col.col-4-5 {width:80%}
.w-grid>.w-grid-row>.w-grid-col.col-1-6 {width:16.6666666667%}
.w-grid>.w-grid-row>.w-grid-col.col-4-6 {width:66.6666666667%}
.w-grid>.w-grid-row>.w-grid-col.col-5-6 {width:83.3333333333%}
.w-grid>.w-grid-row>.w-grid-col.col-auto {width:auto}
.w-grid>.w-grid-row>.w-grid-col.col-match {width:100%}
.w-grid.gutter-xs>.w-grid-row {margin:-8px 0 0 -8px}
.w-grid.gutter-xs>.w-grid-row>.w-grid-col {padding:8px 0 0 8px}
.w-grid.gutter-md>.w-grid-row {margin:-16px 0 0 -16px}
.w-grid.gutter-md>.w-grid-row>.w-grid-col {padding:16px 0 0 16px}
.w-grid.gutter-lg>.w-grid-row {margin:-32px 0 0 -32px}
.w-grid.gutter-lg>.w-grid-row>.w-grid-col {padding:32px 0 0 32px}
@media screen and (min-width:768px) {.w-grid>.w-grid-row>.w-grid-col.col-1-2\@xs {width:50%}
.w-grid>.w-grid-row>.w-grid-col.col-1-3\@xs {width:33.3333333333%}
.w-grid>.w-grid-row>.w-grid-col.col-2-3\@xs {width:66.6666666667%}
.w-grid>.w-grid-row>.w-grid-col.col-1-4\@xs {width:25%}
.w-grid>.w-grid-row>.w-grid-col.col-3-4\@xs {width:75%}
.w-grid>.w-grid-row>.w-grid-col.col-1-5\@xs {width:20%}
.w-grid>.w-grid-row>.w-grid-col.col-2-5\@xs {width:40%}
.w-grid>.w-grid-row>.w-grid-col.col-3-5\@xs {width:60%}
.w-grid>.w-grid-row>.w-grid-col.col-4-5\@xs {width:80%}
.w-grid>.w-grid-row>.w-grid-col.col-1-6\@xs {width:16.6666666667%}
.w-grid>.w-grid-row>.w-grid-col.col-4-6\@xs {width:66.6666666667%}
.w-grid>.w-grid-row>.w-grid-col.col-5-6\@xs {width:83.3333333333%}
.w-grid>.w-grid-row>.w-grid-col.col-auto\@xs {width:auto}
.w-grid>.w-grid-row>.w-grid-col.col-match\@xs {width:100%}
.w-grid.gutter-xs\@xs>.w-grid-row {margin:-8px 0 0 -8px}
.w-grid.gutter-xs\@xs>.w-grid-row>.w-grid-col {padding:8px 0 0 8px}
.w-grid.gutter-md\@xs>.w-grid-row {margin:-16px 0 0 -16px}
.w-grid.gutter-md\@xs>.w-grid-row>.w-grid-col {padding:16px 0 0 16px}
.w-grid.gutter-lg\@xs>.w-grid-row {margin:-32px 0 0 -32px}
.w-grid.gutter-lg\@xs>.w-grid-row>.w-grid-col {padding:32px 0 0 32px}
}
@media screen and (min-width:1080px) {.w-grid>.w-grid-row>.w-grid-col.col-1-2\@md {width:50%}
.w-grid>.w-grid-row>.w-grid-col.col-1-3\@md {width:33.3333333333%}
.w-grid>.w-grid-row>.w-grid-col.col-2-3\@md {width:66.6666666667%}
.w-grid>.w-grid-row>.w-grid-col.col-1-4\@md {width:25%}
.w-grid>.w-grid-row>.w-grid-col.col-3-4\@md {width:75%}
.w-grid>.w-grid-row>.w-grid-col.col-1-5\@md {width:20%}
.w-grid>.w-grid-row>.w-grid-col.col-2-5\@md {width:40%}
.w-grid>.w-grid-row>.w-grid-col.col-3-5\@md {width:60%}
.w-grid>.w-grid-row>.w-grid-col.col-4-5\@md {width:80%}
.w-grid>.w-grid-row>.w-grid-col.col-1-6\@md {width:16.6666666667%}
.w-grid>.w-grid-row>.w-grid-col.col-4-6\@md {width:66.6666666667%}
.w-grid>.w-grid-row>.w-grid-col.col-5-6\@md {width:83.3333333333%}
.w-grid>.w-grid-row>.w-grid-col.col-auto\@md {width:auto}
.w-grid>.w-grid-row>.w-grid-col.col-match\@md {width:100%}
.w-grid.gutter-xs\@md>.w-grid-row {margin:-8px 0 0 -8px}
.w-grid.gutter-xs\@md>.w-grid-row>.w-grid-col {padding:8px 0 0 8px}
.w-grid.gutter-md\@md>.w-grid-row {margin:-16px 0 0 -16px}
.w-grid.gutter-md\@md>.w-grid-row>.w-grid-col {padding:16px 0 0 16px}
.w-grid.gutter-lg\@md>.w-grid-row {margin:-32px 0 0 -32px}
.w-grid.gutter-lg\@md>.w-grid-row>.w-grid-col {padding:32px 0 0 32px}
}
@media screen and (min-width:1200px) {.w-grid>.w-grid-row>.w-grid-col.col-1-2\@lg {width:50%}
.w-grid>.w-grid-row>.w-grid-col.col-1-3\@lg {width:33.3333333333%}
.w-grid>.w-grid-row>.w-grid-col.col-2-3\@lg {width:66.6666666667%}
.w-grid>.w-grid-row>.w-grid-col.col-1-4\@lg {width:25%}
.w-grid>.w-grid-row>.w-grid-col.col-3-4\@lg {width:75%}
.w-grid>.w-grid-row>.w-grid-col.col-1-5\@lg {width:20%}
.w-grid>.w-grid-row>.w-grid-col.col-2-5\@lg {width:40%}
.w-grid>.w-grid-row>.w-grid-col.col-3-5\@lg {width:60%}
.w-grid>.w-grid-row>.w-grid-col.col-4-5\@lg {width:80%}
.w-grid>.w-grid-row>.w-grid-col.col-1-6\@lg {width:16.6666666667%}
.w-grid>.w-grid-row>.w-grid-col.col-4-6\@lg {width:66.6666666667%}
.w-grid>.w-grid-row>.w-grid-col.col-5-6\@lg {width:83.3333333333%}
.w-grid>.w-grid-row>.w-grid-col.col-auto\@lg {width:auto}
.w-grid>.w-grid-row>.w-grid-col.col-match\@lg {width:100%}
.w-grid.gutter-xs\@lg>.w-grid-row {margin:-8px 0 0 -8px}
.w-grid.gutter-xs\@lg>.w-grid-row>.w-grid-col {padding:8px 0 0 8px}
.w-grid.gutter-md\@lg>.w-grid-row {margin:-16px 0 0 -16px}
.w-grid.gutter-md\@lg>.w-grid-row>.w-grid-col {padding:16px 0 0 16px}
.w-grid.gutter-lg\@lg>.w-grid-row {margin:-32px 0 0 -32px}
.w-grid.gutter-lg\@lg>.w-grid-row>.w-grid-col {padding:32px 0 0 32px}
}
.w-form .w-form-item {display:block;font-size:1em;background-color:transparent;color:#333}
.w-form .w-form-item.error .input,.w-form .w-form-item.error .textarea {border-color:#FE5050}
.w-form .w-form-item.error .input:focus,.w-form .w-form-item.error .textarea:focus {box-shadow:0 0 0 3px rgba(254,80,80,0.1)}
.w-form .w-form-item+.w-form-item {margin-top:24px}
.w-form .input,.w-form .textarea {display:block;width:100%;line-height:38px;color:inherit;font-size:14px;padding:0 10px;font-family:inherit;outline:none;border:1px solid #d9d9d9;border-radius:2px;background-color:transparent;transition:border-color .5s,background-color .5s,color .5s}
.w-form .input:hover,.w-form .textarea:hover {border-color:#337EFF}
.w-form .input:focus,.w-form .textarea:focus {border-color:#337EFF;box-shadow:0 0 0 3px rgba(51,126,255,0.1)}
.w-form .input {height:40px}
.w-form .textarea {resize:none}
.w-form .link {color:#666;font-size:14px;text-decoration:none}
.w-form .link:hover {color:#1890FF}
.w-form .link.primary {color:#1890FF}
.w-form .link.primary:hover {color:#1373cc}
.w-backing .w-backing-wrap {position:relative;width:100%;height:0;padding-bottom:33.33%}
.w-backing .w-backing-item {display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.w-backing .w-backing-item>img {display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.w-backing .w-backing-item.backing-pc {display:block}
@media screen and (max-width:1080px) {.w-backing .w-backing-wrap {padding-bottom:78.66%}
.w-backing .w-backing-item.backing-pc {display:none}
.w-backing .w-backing-item.backing-h5 {display:block}
}
.w-crumb {position:relative;height:0;z-index:4;transform:translateY(-48px)}
.w-crumb .w-crumb-list {font-size:0;line-height:1}
.w-crumb .w-crumb-item {display:inline-block;vertical-align:top;font-size:16px;line-height:40px}
.w-crumb .w-crumb-item>a {text-decoration:none;line-height:1;color:#fff;transition:color .5s}
.w-crumb .w-crumb-item>a>i {font-size:18px;vertical-align:-.05em}
.w-crumb .w-crumb-item>a:hover {color:#E44438}
.w-crumb .w-crumb-item>span {margin:0 8px;color:rgba(255,255,255,0.45)}
@media screen and (max-width:1080px) {.w-crumb {height:auto;transform:none}
.w-crumb .w-crumb-item {font-size:14px;line-height:32px}
.w-crumb .w-crumb-item>a {color:#333}
.w-crumb .w-crumb-item>a>i {font-size:16px}
.w-crumb .w-crumb-item>span {margin:0 8px;color:#999}
}
.w-pagination .w-pagination-content {font-size:0;line-height:1;text-align:center;margin:-16px 0 0 -16px}
.w-pagination .w-pagination-content a {display:inline-block;vertical-align:top;line-height:38px;min-width:40px;font-size:14px;text-align:center;border:1px solid #d9d9d9;text-decoration:none;color:#333;transition:all .5s;margin:16px 0 0 16px}
.w-pagination .w-pagination-content a:hover {border-color:#337EFF;color:#337EFF}
.w-pagination .w-pagination-content a.current {background-color:#337EFF;border-color:#337EFF;color:#fff}
@media screen and (max-width:1080px) {.w-pagination .w-pagination-content {margin:-8px 0 0 -8px}
.w-pagination .w-pagination-content a {line-height:30px;min-width:32px;font-size:12px;margin:8px 0 0 8px}
}
.w-btn {display:inline-block;vertical-align:middle;background-image:none;outline:none;cursor:pointer;appearance:none;text-decoration:none;user-select:none;text-align:center;font-weight:500;word-spacing:normal;white-space:nowrap;transition:border-color .5s,background-color .5s,color .5s;position:relative;overflow:hidden;font-size:14px;line-height:30px;padding:0 24px;color:#333;border:1px solid #d9d9d9;background-color:#fff;border-radius:2px}
.w-btn:hover,.w-btn:focus,.w-btn:active {background-color:#e6e6e6}
.w-btn:disabled,.w-btn.disabled {cursor:not-allowed;background-color:#e6e6e6;color:#999}
.w-btn.block {display:block;width:100%}
.w-btn.capsule {border-radius:16px}
.w-btn.large {line-height:38px;padding:0 32px}
.w-btn.large.capsule {border-radius:20px}
.w-btn.bigger {line-height:46px;padding:0 48px}
.w-btn.bigger.capsule {border-radius:24px}
.w-btn.loading:before {content:'';display:block;position:absolute;top:0;right:0;width:200%;height:100%;background-color:rgba(255,255,255,0.1);background-image:repeating-linear-gradient(45deg,transparent 10%,rgba(0,0,0,0.1) 25%);-webkit-animation:button-submit-loading 2s linear infinite;animation:button-submit-loading 2s linear infinite}
.w-btn.gray {background-color:#FAFAFA;color:#333;border-color:#FAFAFA}
.w-btn.gray:hover,.w-btn.gray:focus,.w-btn.gray:active {background-color:#e1e1e1;border-color:#e1e1e1}
.w-btn.gray:disabled {background-color:#FAFAFA;color:#333;border-color:#FAFAFA}
.w-btn.primary {background-color:#337EFF;color:#fff;border-color:#337EFF}
.w-btn.primary:hover,.w-btn.primary:focus,.w-btn.primary:active {background-color:#2965cc;border-color:#2965cc}
.w-btn.primary:disabled,.w-btn.primary.disabled {background-color:#337EFF;color:#fff;border-color:#337EFF}
.w-btn.accents {background-color:#E44438;color:#fff;border-color:#E44438}
.w-btn.accents:hover,.w-btn.accents:focus,.w-btn.accents:active {background-color:#b6362d;border-color:#b6362d}
.w-btn.accents:disabled,.w-btn.accents.disabled {background-color:#E44438;color:#fff;border-color:#E44438}
.w-btn.ghost {background-color:transparent;color:#fff;border-color:#fff}
.w-btn.ghost:hover,.w-btn.ghost:focus,.w-btn.ghost:active {background-color:rgba(255,255,255,0.2);border-color:#fff}
@media screen and (min-width:1080px) {.w-btn.block\@md {display:block;width:100%}
.w-btn.large\@md {line-height:38px;padding:0 32px}
.w-btn.large\@md.capsule {border-radius:20px}
.w-btn.bigger\@md {line-height:46px;padding:0 48px}
.w-btn.bigger\@md.capsule {border-radius:24px}
}
@-webkit-keyframes button-submit-loading {0% {-webkit-transform:translateX(0);transform:translateX(0)}
100% {-webkit-transform:translateX(50%);transform:translateX(50%)}
}
@keyframes button-submit-loading {0% {-webkit-transform:translateX(0);transform:translateX(0)}
100% {-webkit-transform:translateX(50%);transform:translateX(50%)}
}
.w-card {display:flex;flex-direction:column;height:100%}
.w-card .w-card-cover {display:block;position:relative;width:100%;height:0;padding-bottom:56.8%;flex:none}
.w-card .w-card-cover>a {display:block;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}
.w-card .w-card-cover img {display:block;width:100%;height:100%;object-position:center;object-fit:cover;transition:all .5s}
.w-card .w-card-cover:hover img {transform:scale(1.1,1.1)}
.w-card .w-card-intro {display:flex;flex-direction:column;flex:auto;padding:16px;background-color:#FAFAFA}
.w-card .w-card-intro a {display:block;flex:auto;font-size:16px;line-height:1.8;text-decoration:none;color:#333;text-align:justify;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-word;white-space:normal;-webkit-line-clamp:2}
.w-card .w-card-intro a:hover {color:#E44438;text-decoration:underline}
.w-card .w-card-intro p {display:block;flex:none;margin:10px 0 0;font-size:12px;color:#999}
.w-card .w-card-intro p em {font-size:16px;margin-right:4px}
.w-card.border {border:1px solid #d9d9d9}
@media screen and (max-width:1080px) {.w-card .w-card-cover:hover img {transform:none}
.w-card .w-card-intro {padding:8px}
.w-card .w-card-intro a {font-size:14px;line-height:1.576}
.w-card .w-card-intro p {margin:8px 0 0}
}
.w-message {background-color:#337EFF;background-position:bottom center;background-repeat:no-repeat;background-size:contain}
.w-message .w-message-content {text-align:center}
.w-message .w-message-content h3 {display:block;font-size:28px;line-height:48px;color:#fff;margin:8px 0}
.w-message .w-message-content p {margin:24px 0}
@media screen and (max-width:1080px) {.w-message .w-message-content>h3 {font-size:16px;line-height:24px}
.w-message .w-message-content p {margin:16px 0}
}
.w-detail {background-color:#F5F6F7}
.w-detail .w-detail-content {padding:32px;background-color:#fff}
.w-detail .w-detail-hd .back {float:left}
.w-detail .w-detail-hd .date {float:right;line-height:32px;color:#999;font-size:1em}
.w-detail .w-detail-hd .title {padding:32px 0;border-bottom:1px dashed #d9d9d9}
.w-detail .w-detail-hd .title>h2 {font-size:2em;line-height:1.5;text-align:center;color:#2458b3}
.w-detail .w-detail-bd {padding:32px 0}
.w-detail .w-detail-bd .player {display:block;width:auto;margin:0 auto 32px;max-width:100%;background-color:#ddd}
.w-detail .w-detail-bd .container {max-width:1200px;margin:0 auto}
.w-detail .w-detail-bd .container img {max-width:100%;height:auto}
.w-detail .w-detail-bd .container p {margin:0 0 20px;line-height:1.8}
.w-detail .w-detail-ft .pagination {text-align:center}
.w-detail .w-detail-ft .pagination a {margin:0 16px}
@media screen and (max-width:1080px) {.w-detail {background-color:transparent}
.w-detail .w-detail-content {padding:0}
.w-detail .w-detail-hd .back {display:none}
.w-detail .w-detail-hd .date {font-size:14px;line-height:24px}
.w-detail .w-detail-hd .title {padding:16px 0}
.w-detail .w-detail-hd .title>h2 {font-size:18px}
.w-detail .w-detail-bd {padding:16px 0}
.w-detail .w-detail-bd .player {margin:0 auto 16px}
.w-detail .w-detail-bd .container p {margin:0 0 16px}
.w-detail .w-detail-ft .pagination a {margin:0 8px}
}
.w-menu .w-menu-item {display:block;list-style:none}
.w-menu .w-menu-item a {display:block;font-size:16px;line-height:40px;padding:0 1em;text-decoration:none;color:#333;transition:background-color .5s,color .5s}
.w-menu .w-menu-item a:hover {background-color:#f5f5f5;color:#E44438}
.w-menu .w-menu-item>div>a {padding:0 3em}
.w-menu.select .w-menu-item a {line-height:48px;padding:0;font-size:16px}
.w-modal {display:none;position:fixed;z-index:1001;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.55);overflow:auto}
.w-modal .w-modal-wrap {position:relative;top:100px;width:520px;margin:0 auto;max-width:calc(100vw - 32px);background-color:#fff;border-radius:2px;overflow:hidden;-webkit-box-shadow:0 3px 6px -4px rgba(0,0,0,0.12),0 6px 16px rgba(0,0,0,0.08),0 9px 28px 8px rgba(0,0,0,0.05);box-shadow:0 3px 6px -4px rgba(0,0,0,0.12),0 6px 16px rgba(0,0,0,0.08),0 9px 28px 8px rgba(0,0,0,0.05)}
.w-modal .w-modal-hd {padding:32px 32px 0;text-align:center}
.w-modal .w-modal-hd>h3 {font-size:20px;font-weight:700;color:#333}
.w-modal .w-modal-bd {padding:32px}
.w-modal .w-modal-bd>p {margin:0;line-height:1.576;font-size:14px;color:#666}
.w-modal .w-modal-ft {font-size:14px;line-height:32px;background-color:#FAFAFA;padding:8px 32px;text-align:center;color:#999}
.w-modal.opened {display:block}
.w-modal.modal-in {-webkit-animation:modal-mask-in .3s both;animation:modal-mask-in .3s both}
.w-modal.modal-in .w-modal-wrap {-webkit-animation:modal-wrap-in .3s both;animation:modal-wrap-in .3s both}
.w-modal.modal-out {-webkit-animation:modal-mask-out .3s both;animation:modal-mask-out .3s both}
.w-modal.modal-out .w-modal-wrap {-webkit-animation:modal-wrap-out .3s both;animation:modal-wrap-out .3s both}
@media screen and (max-width:1080px) {.w-modal.full {background-color:#fff}
.w-modal.full .w-modal-wrap {top:5%;width:auto;max-width:100%;-webkit-box-shadow:none;box-shadow:none}
.w-modal.full .w-modal-ft {background-color:#fff}
}
@-webkit-keyframes modal-mask-in {0% {opacity:0}
100% {opacity:1}
}
@keyframes modal-mask-in {0% {opacity:0}
100% {opacity:1}
}
@-webkit-keyframes modal-mask-out {0% {opacity:1}
100% {opacity:0}
}
@keyframes modal-mask-out {0% {opacity:1}
100% {opacity:0}
}
@-webkit-keyframes modal-wrap-in {0% {opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}
100% {opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes modal-wrap-in {0% {opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}
100% {opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@-webkit-keyframes modal-wrap-out {0% {opacity:1;-webkit-transform:scale(1);transform:scale(1)}
100% {opacity:0;-webkit-transform:scale(0);transform:scale(0)}
}
@keyframes modal-wrap-out {0% {opacity:1;-webkit-transform:scale(1);transform:scale(1)}
100% {opacity:0;-webkit-transform:scale(0);transform:scale(0)}
}
.w-drawer {display:none;position:fixed;z-index:999;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.55)}
.w-drawer .w-drawer-wrap {position:absolute;top:0;left:0;width:80%;height:100%;max-width:420px;background-color:#fff;overflow:auto;-webkit-box-shadow:6px 0 16px -8px rgba(0,0,0,0.08),9px 0 28px rgba(0,0,0,0.03),12px 0 48px 16px rgba(0,0,0,0.03);box-shadow:6px 0 16px -8px rgba(0,0,0,0.08),9px 0 28px rgba(0,0,0,0.03),12px 0 48px 16px rgba(0,0,0,0.03)}
.w-drawer .w-drawer-content {display:flex;width:100%;height:100%;flex-direction:column}
.w-drawer .w-drawer-hd {flex:none;height:56px}
.w-drawer .w-drawer-bd {flex:auto;padding:24px}
.w-drawer .w-drawer-ft {border-top:1px solid #f0f0f0;flex:none;padding:24px}
.w-drawer.bottom .w-drawer-wrap {top:auto;bottom:0;width:100%;height:auto;max-width:none;text-align:center}
.w-drawer.bottom .w-drawer-bd {padding:16px 0}
.w-drawer.bottom .w-drawer-ft {padding:0}
.w-drawer.bottom .w-drawer-ft .link {display:block;font-size:16px;line-height:48px;color:#333;text-decoration:none}
.w-drawer.bottom .w-drawer-ft .link:hover {background-color:#f5f5f5;color:#E44438}
.w-drawer.opened {display:block}
.w-drawer.drawer-in {-webkit-animation:drawer-mask-in .3s both;animation:drawer-mask-in .3s both}
.w-drawer.drawer-in .w-drawer-wrap {-webkit-animation:drawer-wrap-left-in .3s both;animation:drawer-wrap-left-in .3s both}
.w-drawer.drawer-in.bottom .w-drawer-wrap {-webkit-animation:drawer-wrap-bottom-in .3s both;animation:drawer-wrap-bottom-in .3s both}
.w-drawer.drawer-out {-webkit-animation:drawer-mask-out .3s both;animation:drawer-mask-out .3s both}
.w-drawer.drawer-out .w-drawer-wrap {-webkit-animation:drawer-wrap-left-out .3s both;animation:drawer-wrap-left-out .3s both}
.w-drawer.drawer-out.bottom .w-drawer-wrap {-webkit-animation:drawer-wrap-bottom-out .3s both;animation:drawer-wrap-bottom-out .3s both}
@-webkit-keyframes drawer-mask-in {0% {opacity:0}
100% {opacity:1}
}
@keyframes drawer-mask-in {0% {opacity:0}
100% {opacity:1}
}
@-webkit-keyframes drawer-mask-out {0% {opacity:1}
100% {opacity:0}
}
@keyframes drawer-mask-out {0% {opacity:1}
100% {opacity:0}
}
@-webkit-keyframes drawer-wrap-left-in {0% {opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}
100% {opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes drawer-wrap-left-in {0% {opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}
100% {opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@-webkit-keyframes drawer-wrap-left-out {0% {opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
100% {opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}
}
@keyframes drawer-wrap-left-out {0% {opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
100% {opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}
}
@-webkit-keyframes drawer-wrap-bottom-in {0% {opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}
100% {opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes drawer-wrap-bottom-in {0% {opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}
100% {opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@-webkit-keyframes drawer-wrap-bottom-out {0% {opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
100% {opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}
}
@keyframes drawer-wrap-bottom-out {0% {opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
100% {opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}
}
.w-dialog {display:block;position:fixed;z-index:1002;top:0;left:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.55)}
.w-dialog .w-dialog-wrap {position:relative;top:100px;width:420px;margin:0 auto;max-width:calc(100vw - 32px);background-color:#fff;border-radius:2px;overflow:hidden;-webkit-box-shadow:0 3px 6px -4px rgba(0,0,0,0.12),0 6px 16px rgba(0,0,0,0.08),0 9px 28px 8px rgba(0,0,0,0.05);box-shadow:0 3px 6px -4px rgba(0,0,0,0.12),0 6px 16px rgba(0,0,0,0.08),0 9px 28px 8px rgba(0,0,0,0.05)}
.w-dialog .w-dialog-hd {padding:32px 32px 0;text-align:left}
.w-dialog .w-dialog-hd>h3 {color:#333;font-size:18px;font-weight:normal}
.w-dialog .w-dialog-bd {padding:0 32px}
.w-dialog .w-dialog-bd>p {margin:8px 0;line-height:1.576;font-size:14px;color:#666}
.w-dialog .w-dialog-ft {line-height:32px;text-align:right;color:#999;font-size:0;padding:24px 32px;background-color:transparent}
.w-dialog .w-dialog-ft .w-btn+.w-btn {margin-left:8px}
.w-dialog.opened {display:block}
.w-dialog.dialog-in {-webkit-animation:dialog-mask-in .3s both;animation:dialog-mask-in .3s both}
.w-dialog.dialog-in .w-dialog-wrap {-webkit-animation:dialog-wrap-in .3s both;animation:dialog-wrap-in .3s both}
.w-dialog.dialog-out {-webkit-animation:dialog-mask-out .3s both;animation:dialog-mask-out .3s both}
.w-dialog.dialog-out .w-dialog-wrap {-webkit-animation:dialog-wrap-out .3s both;animation:dialog-wrap-out .3s both}
@-webkit-keyframes dialog-mask-in {0% {opacity:0}
100% {opacity:1}
}
@keyframes dialog-mask-in {0% {opacity:0}
100% {opacity:1}
}
@-webkit-keyframes dialog-mask-out {0% {opacity:1}
100% {opacity:0}
}
@keyframes dialog-mask-out {0% {opacity:1}
100% {opacity:0}
}
@-webkit-keyframes dialog-wrap-in {0% {opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}
100% {opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes dialog-wrap-in {0% {opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}
100% {opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@-webkit-keyframes dialog-wrap-out {0% {opacity:1;-webkit-transform:scale(1);transform:scale(1)}
100% {opacity:0;-webkit-transform:scale(0);transform:scale(0)}
}
@keyframes dialog-wrap-out {0% {opacity:1;-webkit-transform:scale(1);transform:scale(1)}
100% {opacity:0;-webkit-transform:scale(0);transform:scale(0)}
}


.purchase-step {position:relative;}
.purchase-step:before {position:absolute;content:'';top:27%;left:0;width:100%;height:2px;display:block;background:#3d85ff;}
.purchase-step ul {display:flex;max-width:800px;margin:0 auto;position:relative;z-index:2;}
.purchase-step ul li {width:33.3%;display:flex;flex-direction:column;align-items:center;}
.purchase-step ul li .step-round {width:70px;height:70px;border-radius:70px;line-height:70px;background:#dddddd;color:#999999;font-size:50px;text-align:center;}
.purchase-step ul li p {color:#999;font-size:20px;}
.purchase-step ul li.active .step-round {background:#337eff;color:#fff;}
.purchase-step ul li.active p {color:#337eff;}
.w-purchase-con {display:flex;flex-direction:row;margin-top:30px;}
.w-purchase-con .w-purchase-l {width:60%;padding-right:30px;}
.w-purchase-con .w-purchase-l h2 {color:#337eff;font-size:26px;}
.w-purchase-con .w-purchase-l p {font-size:16px;line-height:35px;color:#333;margin-bottom:40px;}
.w-purchase-con .w-purchase-r {width:40%;}
.w-form-item select option {height:35px;line-height:35px;font-size:16px;}
.w-purchase-con .w-purchase-code {background:#d6e5ff;width:100%;text-align:center;padding:20px;}
.w-purchase-con .w-purchase-code h2 {color:#337eff;}
.w-purchase-con .w-purchase-code img {margin:20px 0;}
.w-purchase-con .w-purchase-code a.previous-step {width:180px;height:40px;line-height:40px;text-align:center;color:#337eff;border:1px solid #337eff;display:block;margin:0 auto;text-decoration:none;}
.w-purchase-con .w-purchase-code a:hover.previous-step {background:#337eff;color:#fff;}
.w-btn.shopping {margin-left:20px;}
.w-btn.shopping img {width:30px;height:30px;vertical-align:middle;margin-right:10px;}
@media screen and (max-width:1080px) {.w-purchase-con {flex-direction:column;}
.w-purchase-con .w-purchase-l,.w-purchase-con .w-purchase-r {width:100%;}
}