@font-face { font-family: geomanist; src: url(fonts/geomanist-light-webfont.eot); src: url(fonts/geomanist-light-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/geomanist-light-webfont.woff2) format("woff2"), url(fonts/geomanist-light-webfont.woff) format("woff"), url(fonts/geomanist-light-webfont.ttf) format("truetype"), url(fonts/geomanist-light-webfont.svg#geomanistlight) format("svg"); font-weight: 300; font-style: normal; font-display: swap }
@font-face { font-family: geomanist; src: url(fonts/geomanist-regular-webfont.eot); src: url(fonts/geomanist-regular-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/geomanist-regular-webfont.woff2) format("woff2"), url(fonts/geomanist-regular-webfont.woff) format("woff"), url(fonts/geomanist-regular-webfont.ttf) format("truetype"), url(fonts/geomanist-regular-webfont.svg#geomanist_regularregular) format("svg"); font-weight: 400; font-style: normal; font-display: swap }
@font-face { font-family: geomanist; src: url(fonts/geomanist-regular-italic-webfont.eot); src: url(fonts/geomanist-regular-italic-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/geomanist-regular-italic-webfont.woff2) format("woff2"), url(fonts/geomanist-regular-italic-webfont.woff) format("woff"), url(fonts/geomanist-regular-italic-webfont.ttf) format("truetype"), url(fonts/geomanist-regular-italic-webfont.svg#geomanist_regularitalic) format("svg"); font-weight: 400; font-style: italic; font-display: swap }
@font-face { font-family: geomanist; src: url(fonts/geomanist-book-webfont.eot); src: url(fonts/geomanist-book-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/geomanist-book-webfont.woff2) format("woff2"), url(fonts/geomanist-book-webfont.woff) format("woff"), url(fonts/geomanist-book-webfont.ttf) format("truetype"), url(fonts/geomanist-book-webfont.svg#geomanistbook) format("svg"); font-weight: 500; font-style: normal; font-display: swap }
@font-face { font-family: geomanist; src: url(fonts/geomanist-medium-webfont.eot); src: url(fonts/geomanist-medium-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/geomanist-medium-webfont.woff2) format("woff2"), url(fonts/geomanist-medium-webfont.woff) format("woff"), url(fonts/geomanist-medium-webfont.ttf) format("truetype"), url(fonts/geomanist-medium-webfont.svg#geomanistmedium) format("svg"); font-weight: 600; font-style: normal; font-display: swap }
@font-face { font-family: geomanist; src: url(fonts/geomanist-bold-webfont.eot); src: url(fonts/geomanist-bold-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/geomanist-bold-webfont.woff2) format("woff2"), url(fonts/geomanist-bold-webfont.woff) format("woff"), url(fonts/geomanist-bold-webfont.ttf) format("truetype"), url(fonts/geomanist-bold-webfont.svg#geomanistbold) format("svg"); font-weight: 700; font-style: normal; font-display: swap }
@font-face { font-family: geomanist; src: url(fonts/geomanist-bold-italic-webfont.eot); src: url(fonts/geomanist-bold-italic-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/geomanist-bold-italic-webfont.woff2) format("woff2"), url(fonts/geomanist-bold-italic-webfont.woff) format("woff"), url(fonts/geomanist-bold-italic-webfont.ttf) format("truetype"), url(fonts/geomanist-bold-italic-webfont.svg#geomanistbold_italic) format("svg"); font-weight: 700; font-style: italic; font-display: swap }
html{overflow-x:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;font-size: 16px;line-height:1.4;font-family:geomanist,Microsoft YaHei,Helvetica,Arial,sans-serif;color: #2B2B58;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing: grayscale;-webkit-tap-highlight-color: transparent;scroll-behavior: smooth;font-weight: 300;letter-spacing: 0.3px;word-wrap: break-word;}
*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}
body,input,p,dl,dd,h1,h2,h3,h4,h5,h6,form,figure,menu,blockquote{margin: 0;}
h1,h2,h3,h4,h5,h6{font-weight: 700;}
textarea,input,button,ul,ol{margin: 0;padding: 0;}
q{quotes:none;display: block;}
ul,ol{list-style: none;}
::-webkit-details-marker { display: none; }
picture{font-size: 0;display: block;}
a {text-decoration:none;transition: all linear 0.2s;color: inherit;}
a:hover{outline:none;color: #FF612E;}
button,input[type="button"],input[type="submit"],input[type="reset"],a,summary{cursor: pointer;}
article,aside,details,figcaption,figure,label,hgroup,menu,nav,section,summary{display:block}
img {border-style: none;max-width: 100%;}
textarea{resize: vertical;}
/*mobile reset*/
button, input, select, textarea {font-family: inherit;font-size: 100%;appearance:none;-moz-appearance:none;-webkit-appearance:none;}
select{padding: 6px 16px 6px 8px;border: 1px solid #d8d8d8;width: 100%;background:#F7F9FC url("images/select-down.svg") no-repeat 98% center;}
:active{outline:none}
:focus{outline:none}
/*placeholder text color*/
::-moz-placeholder { color: currentColor;opacity: 0.5;}
::-webkit-input-placeholder { color: currentColor;opacity: 0.5;}
:-ms-input-placeholder { color: currentColor;opacity: 0.5;}
/*focus:invalid*/
input:focus:invalid, textarea:focus:invalid,select:focus:invalid{ border-color: #FF572E;}
::-ms-clear, ::-ms-reveal{display: none;}
/*table*/
table{border-collapse: collapse;}
table td.ok,table td.err{background-position: center center;background-repeat: no-repeat;}
table td.ok{background-image: url("images/ok-ico2.svg");}
table td.err{background-image: url("images/err-ico.svg");}

.view-link svg{margin-left: 5px;}
.view-link:hover svg{transform: translateX(4px)}

.view-link.double-svg svg:nth-child(1){margin-right: 5px;}
.view-link.double-svg svg:nth-child(2){margin-left: 5px;}
.view-link.double-svg:hover svg:nth-child(1){transform: translateX(0)}
.view-link.double-svg:hover svg:nth-child(2){transform: translateX(4px)}


/*font style*/
.text-underline{text-decoration: underline;}
.text-through{text-decoration: line-through;}
.text-italic{font-style: italic;}
/*font weight*/
.font-light{font-weight: 300;}
.font-regular{font-weight: 400;}
.font-book{font-weight: 500;}
.font-medium{font-weight: 600;}
.font-bold{font-weight: 700;}
/*font justify*/
.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}
/*text color*/
.text-white{color: #fff;}
.text-gray{color: #525F7F;}
.text-orange{color: #FF612E;}
.text-dark{color: #333;}
.text-black{color: #2B2B58;}
/*background color*/
.bg-white{background-color: #fff;}
.bg-light{background-color: #F7F9FC;}
.bg-gray{background-color: #525F7F;}
.bg-dark{background-color: #333;}
.bg-black{background-color: #2B2B58;}
.bg-orange{background-color: #FF612E;}
.bg-gradient-yellow{background-image: linear-gradient(135deg,#fef5e5 0%,#ffe6c1 100%)}
.bg-gradient-orange{background-image: linear-gradient(135deg,#FFAC88 0%,#FF6D63 100%)}
.bg-gradient-blue{background-image: linear-gradient(135deg, #54E8D4 13%, #2EBFD4 100%)}
.bg-gradient-green{background-image: linear-gradient(135deg, #23af43 13%, #15864f 100%)}
.bg-gradient-sky{background-image: linear-gradient(135deg, #EEF7FD 13%, #ACD4F7 100%)}
/*font size*/
.text-mini{font-size: 12px;}
.text-small{font-size: 14px;}
.text-regular{font-size: 16px;}
.text-big{font-size: 18px;}
.text-super{font-size: 20px;}
/*line height*/
.line-1{line-height: 1;}
.line-1-2{line-height: 1.2;}
.line-1-4{line-height: 1.4;}
.line-1-6{line-height: 1.6;}
.line-1-8{line-height: 1.8;}
/*transtion*/
.transition-linear{transition: all linear 0.2s;}
.transition-ease{transition: all ease 0.4s;}
.transition-underline::after{content: '';width: 100%;height: 1px;background-color: #FF612E;position: absolute;left: 0;bottom: -1px;transform: scaleX(0);opacity:0.3;transition: all ease 0.4s;}
.transition-underline:hover::after{transform: scaleX(1);opacity:1;}
/*checkbox*/
.com-checkbox .checkbox-txt{position: relative;padding-left: 25px;margin: 20px;}
.com-checkbox input[type="checkbox"]{visibility: hidden;opacity: 0;}
.com-checkbox .checkbox-txt:before{background-color: #FF612E;color: #fff;position: absolute;top: 50%;transform:translateY(-50%);left:0;display: block;width: 18px;height: 18px;content: "";user-select: none;cursor: pointer;}
.com-checkbox .checkbox-txt:after{box-shadow: 2px 16px 32px rgba(255,97,46,0.1);cursor: pointer;transition:all linear 0.2s;visibility:hidden;opacity:0;position: absolute;top: 50%;transform:translateY(-50%);left: 0;width: 18px;height: 18px;content: "";background-repeat: no-repeat;background-position: center center;background-size: 50% 50%;background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");}
.com-checkbox input[type="checkbox"]:checked+.checkbox-txt:after{visibility:visible;opacity:1;}
/*button*/
.btn{padding: 8px 22px;line-height: 1;border: 2px solid transparent;margin: 10px;font-size: 18px;border-radius: 3px;text-transform: uppercase;box-shadow: 2px 16px 32px rgba(255,97,46,0.16);display: inline-flex;align-items:center;word-break:keep-all;white-space:nowrap;transition: all linear 0.2s;}
.btn[disabled],input[type="submit"][disabled],button[type="submit"][disabled]{opacity: 0.5;cursor: not-allowed;}
.btn svg{margin-right: 12px;}
.btn.big{font-size: 22px;padding: 12px 22px;}
.btn.small{font-size: 14px;padding: 4px 10px;line-height: 1.4;}
.btn.small svg{margin-right: 10px;}
.orange-btn{background: #FF612E;color: #fff !important;}
.orange-btn:not([disabled]):hover{background-color: #FF572E;box-shadow: 2px 16px 32px rgba(255, 87, 46,0.6);}
.white-btn{background-color: #fff;color: #FF612E;}
.white-btn:not([disabled]):hover{color: #2B2B58;}
.white-btn-border {border-color: currentColor;color: #fff;}
.orange-btn-border {border-color: currentColor;color: #FF612E;background-color: #fff;}
.orange-btn-border:not([disabled]):hover{color: #2B2B58}
/*download button*/
.download-btn{border-radius: 3px;position: relative;display: inline-flex;align-items:center;padding: 8px 20px;margin: 10px;box-shadow: 2px 16px 32px rgba(255,97,46,0.16);border: 2px solid #FF612E;word-break:keep-all;white-space:nowrap;}
.download-btn:hover{filter: contrast(86%);color: #FFF;background-color: #FF612E;}
.download-btn .rgt{text-align: left;padding-left: 15px;}
.download-btn .txt{font-size: 22px;font-weight: 700;text-transform: uppercase;line-height: 1;}
.download-btn .version-info{font-size: 12px;font-weight: 400;padding-top: 2px;}
.download-btn .pri{font-size: 12px;font-weight: 700;}
.download-btn .pri span{font-weight: 400;text-decoration: line-through;margin-left: 2px;opacity: 0.86;}
/*container*/
.container{margin: 0 auto;padding: 0 10px;position: relative;}
.container-bg{max-width: 1220px;}
.container-md{max-width: 1140px;}
.container-sm{max-width: 1040px;}
.dis-block{display: block;}
.inline-block{display: inline-block;}
.relative{position: relative;}
.overflow-hide{overflow: hidden;}
.width-full{width: 100%;}
/*flex*/
.flexible{display: flex;}
.flex-basis-half{flex-basis: 50%;}
.flex-basis-third{flex-basis: 33.33333333%;}
.flex-basis-quarter{flex-basis: 25%;}
.inline-flexible{display: inline-flex;}
.flex-direction-column{flex-direction: column;}
.flex-wrap-wrap{flex-wrap: wrap;}
.flex-wrap-reverse{flex-wrap: wrap-reverse;}
.flex-justify-start{justify-content: flex-start;}
.flex-justify-end{justify-content: flex-end;}
.flex-justify-center{justify-content: center;}
.flex-justify-between{justify-content: space-between;}
.flex-align-start{align-items:flex-start;}
.flex-align-end{align-items:flex-end;}
.flex-align-center{align-items:center;}
/*ul list*/
ul.list-dot>li::after,ul.list-ok>li::after,ul.list-num>li::after,ul.list-info>li::after,ul.list-step>li::after,ul.list-step>li::before{content: '';position: absolute;left:0;top:0;}
ul.list-dot>li{padding-left: 14px;position: relative;}
ul.list-dot>li::after{width: 3px;height: 3px;border-radius: 50%;background: currentColor;top:11px;}
ul.list-dot>li:not(:last-child){margin-bottom: 12px;}
ul.list-ok>li{padding-left: 30px;position: relative;}
ul.list-ok>li::after{width: 24px;height: 24px;background: url("images/ok-ico.svg");top:2px;background-size: cover;}
ul.list-ok>li:not(:last-child){margin-bottom: 12px;}
ul.list-info>li{padding-left: 34px;position: relative;}
ul.list-info>li::after{content: '';width: 24px;height: 24px;background: url("images/info-ico.svg");background-size: cover;}
ul.list-info>li:not(:last-child){margin-bottom: 16px;}
ul.list-step,ul.list-num{counter-reset: li;}
ul.list-step>li{padding-left: 48px;font-size: 18px;position: relative;}
ul.list-step>li::after{content: "0"counter(li);counter-increment: li;color: currentColor;font-size: 22px;line-height: 1;}
ul.list-step>li::before{height: 2px;width: 24px;background-color: #FF612E;top: 26px;opacity: 0.6;}
ul.list-step>li:not(:last-child){margin-bottom: 22px;}
ul.list-num>li{padding-left: 20px;position: relative;}
ul.list-num>li::after{content: counter(li)".";counter-increment: li;}
ul.list-num>li:not(:last-child){margin-bottom: 12px;}
/*details*/
details{padding-bottom: 20px;border-bottom: 1px solid #eee;}
details:not(:last-child){margin-bottom: 20px;}
details .q-ico{height: 18px;width: 18px;background-color: #525F7F;color: #fff;border-radius: 50%;margin: -4px 10px 0 0;font-size: 14px;vertical-align: 1px;}
details[open] summary{color: #FF612E;}
details[open] .q-ico{background-color: #FF612E;}
details summary{padding-right: 30px;}
details summary>svg{position: absolute;right: 0;top:2px;}
details[open] summary>svg{transform: rotate(45deg);}
details .cont{padding: 20px 30px 0;}
details .cont p:not(:last-child),details .cont ul:not(:last-child),details .cont picture:not(:last-child){margin-bottom: 20px;}

/*return top*/
.return-top{width: 32px;height: 32px;background: rgba(0,0,0,0.45);position: fixed;bottom: 1%;right: 1%;display: none;z-index: 1;}
.return-top:hover{background: rgba(0,0,0,0.86);cursor: pointer;}
.return-top.actived{display: block;}
.return-top:after{content: '';width: 0;height: 0;border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent #fff transparent;position: absolute;left: calc(50% - 6px);top:calc(50% - 3px);}
/* scrollbar */
.with-scrollbar { -ms-overflow-style: auto; }
.with-scrollbar::-webkit-scrollbar { display: initial; width: 5px; height: 5px; }
.with-scrollbar::-webkit-scrollbar-track { background-color: #f8f8f8; }
.with-scrollbar::-webkit-scrollbar-thumb { background-color: #2B2B58; }
/*mask*/
.mask-bg{background: rgba(0,0,0,0.68);position: fixed;left: 0;top:0;z-index: 1;width: 100%;height: 100%;display: none;}
.mask-bg.active{display: block;}
.blur-eff{filter: blur(1.8px);transition: all linear 0.4s;}
/*share btn*/
#share-list{position:fixed;right:10px;top:50%;transform:translateY(-50%)}
#share-list a{width:36px;height:36px;border-radius:2px;margin-bottom: 2px;}
#share-line a{margin-right:5px;width:36px;height:36px;border-radius:2px;}
.share-group li a{display:flex;color:#fff;align-items:center;justify-content:center;background: #2B2B58;}
.share-group li a:hover{background:#FF612E;}
/*browserupgrade*/
.browserupgrade{text-align: center;height: 580px;padding-top: 200px;font-size: 32px;background: #FF612E;color: #FFF;}
.browserupgrade a{color: #FFF;text-decoration: underline;font-weight: 700;}
/*popu video*/
.popu-video{background-color:#fff; box-shadow: 0 8px 32px rgba(43, 43, 88,0.3); border-radius: 68px;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);height: 78px;width: 78px;opacity: 0.8;}
.popu-video:after{content: '';width: 0;height: 0;border-style: solid;border-width: 12px 0 12px 18px;border-color: transparent transparent transparent currentColor;position: absolute;left: calc(50% + 4px);top:50%;transform: translate(-50%,-50%);}
.popu-video:hover{cursor: pointer;color: #FF612E;opacity: 1;}
#popu-cont{background: rgba(0,0,0,0.86);position: fixed;left: 0;top:0;width: 100%;height: 100%;z-index: 2;transition: all linear 0.4s;}
#popu-cont .popu-wrap{position: relative;left: 50%;transform: translateX(-50%);top:8%;display: inline-flex;}
#popu-cont .popu-wrap.video{width: 50%;height: 0;padding-top: 28.125%;}
#popu-cont .popu-wrap picture{display:inline-flex}
#popu-cont .close-btn{color: #FFF;position: absolute;right: -40px;top:0;height: 32px;width: 32px;line-height: 32px;text-align: center;transform: rotate(45deg);}
#popu-cont .close-btn:hover{cursor: pointer;color: #FF612E;}
#popu-cont iframe{position: absolute;left: 0;top:0;width: 100%;height: 100%;background: #000;border: none;}
/*youtube video*/
.video-wrap{max-width:680px;margin: 20px auto;}
.video-wrap .youtube-video{position: relative;width: 100%;height: 0;padding-bottom: 56.25%;background: #000;}
.video-wrap .youtube-video .bg{z-index:1;position: absolute;left: 0;top:0;width: 100%;height: 100%;background-size: cover;background-position: center center;cursor: pointer;}
.video-wrap .youtube-video .bg:hover:before{cursor: pointer;color: #FF612E;opacity: 1;}
.video-wrap .youtube-video .bg:before{content: '';background-color:#fff; box-shadow: 0 8px 32px rgba(43, 43, 88,0.3); border-radius: 68px;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);height: 78px;width: 78px;opacity: 0.8;}
.video-wrap .youtube-video .bg:after{content: '';width: 0;height: 0;border-style: solid;border-width: 12px 0 12px 18px;border-color: transparent transparent transparent currentColor;position: absolute;left: calc(50% + 4px);top:50%;transform: translate(-50%,-50%);}
.video-wrap .youtube-video iframe{position:absolute;border: none;top:0;left:0;bottom: 0;right: 0;width:100%;height:100%;}
/*tooltip*/
.tooltip {position: relative;z-index: 1;}
.tooltip-text {padding: 10px 20px;color: #fff;position: absolute;left: 50%;bottom: 100%;box-shadow: -5px -5px 15px rgba(48,54,61,0.2);background: rgba(0,0,0,0.86);opacity:0;visibility:hidden;transform: translate(-50%,-20px);transition:all ease-in-out 0.4s;border-radius: 4px; word-break: keep-all;white-space: nowrap;}
.tooltip-text:after {content: '';top: 100%;left: 50%;border: solid transparent;height: 0;width: 0;position: absolute;pointer-events: none;border-color: transparent;border-top-color: rgba(0,0,0,0.86);border-width: 10px;margin-left: -10px;}
.tooltip:hover .tooltip-text {pointer-events: auto;opacity: 1;transform: translate(-50%,-10px);visibility: visible;}

/*page turn*/
#page-turn{margin: 20px auto;}
#page-turn .pre, #page-turn .aft { height: 24px; border-radius: 2px; border: 1px solid currentColor;text-align: center; font-size: 12px; line-height: 24px; padding: 0 10px; margin: 0 5px; display: block;text-transform: uppercase;font-weight: 700;}
#page-turn .pre:hover,#page-turn .aft:hover{background: #FF612E;color: #FFF;border-color: #FF612E;cursor: pointer;}
#page-turn .page { height: 24px; line-height: 24px; margin: 0 5px;font-weight: 400;cursor: pointer;}
#page-turn .page.actived{color: #FF612E;}
#page-turn .jump-group{margin-left: 10px;}
#page-turn .jump{width: 30px;border: 1px solid #d8d8d8;line-height: 24px;height: 24px;padding: 0 4px;}
/*common tips*/
.ios-tip{border:1px solid #000;border-image: linear-gradient(to right,#F7B500 ,#B620E0 ,#32C5FF) 1 1;padding: 4px 8px;margin-bottom: 10px;}
.com-tips{filter: drop-shadow(0 1px 3px rgba(0,0,0,0.15));text-indent: -9999px;width: 30px;height: 18px;position: absolute;right: -38px;top:0;background-size: cover;display: inline-block;}
.com-tips.static{position: static;transform: translateX(4px);}
.com-tips.big{width: 42px;height: 27px;right: -50px;}
.com-tips.hot{background-image: url(images/hot.svg);}
.com-tips.new{background-image: url(images/new.svg);}
.com-tips.free{background-image: url(images/free.svg);}

/*GDPR Agree*/
#gdprAgree{padding:8px 0;}
#gdprAgree .gdprAgree_btn{background-color:#a5a5a5;color:#fff;padding:2px 6px;margin-left:4%;text-decoration:none;display:inline-block;}
#gdprAgree .gdprAgree_close{transform:translate(-50%) rotate(45deg);font-size: 0;margin-left: 6%;}
/*header*/
header{position: relative;z-index: 2;box-shadow: 0 4px 8px 0 rgba(15,18,32,0.07);}
header .logo{line-height: 0;}
header .header-pc .wrap{height: 68px;}
header .header-pc ul.nav>li>a{padding: 0 26px;height: 60px;line-height: 60px;display: block;}
header.actived:after{content: '';width: 100%;height: 100%;background: rgba(0,0,0,.86);position: fixed;left: 0;top: 0;z-index: -1;}
header .pro-link{position: absolute;left: 50%;top:58px;z-index: 1;visibility: hidden;opacity: 0;transform: translate(-50%,-20px);width: 100%;}
header .pro-link .cont{padding:40px 6px;box-shadow: 0 2px 22px 0 rgba(0,0,0,0.11), 14px 20px 33px 0 rgba(43,43,88,0.08);border-radius:6px;border: 1px solid #EDEDED;}
header .pro-link::after{filter: drop-shadow(0px -1px 0 #EDEDED);content: ''; width: 0; height: 0; border-style: solid; border-width: 0 10px 11px; border-color: transparent transparent #fff transparent; position: absolute; right: 24%; top: -9px;}
header .pro-link:hover,header .header-pc ul.nav .pro:hover .pro-link{visibility: visible;opacity: 1;transform: translate(-50%,0);}
header .pro-link .sub{font-size: 18px;margin-bottom: 26px;}
header .pro-link .cell{-ms-flex-preferred-size:calc(25% - 36px);padding: 0 18px;}
header .pro-link .cell:not(:last-child){border-right:2px solid #F7F9FC;}
header .pro-link li:not(:last-child){margin-bottom: 14px;}
header .search label{font-size: 0;}
header .header-pc .search {position: relative;z-index: 1;}
header .header-pc .search svg {position: absolute;right: 6px;top: 8px;cursor: pointer;transition: all ease .2s}
header .header-pc .search input[type=text] {height: 36px;width: 1px;background: transparent;border: none;transition: all ease-in-out .4s;border-bottom: 1px solid currentColor;margin-left: 36px;opacity: 0;font-size: 16px;}
header .header-pc .search input[type=submit] {font-size: 0;background: 0 0;border: none;height: 36px;width: 36px;position: absolute;right: 0;top: 0;z-index: 1;}
header .header-pc .search input[type=text]:focus {width: 240px;cursor: text;padding-right:36px;opacity: 1;margin-left: 5px;}
header .header-pc .search input[type=text]:invalid:focus{border-bottom-color: #FF612E;}
header .header-pc .search input[type=text]:focus:invalid~svg,header .header-pc .search input[type=submit]:hover+svg{color: #FF612E}
header .menu-list{padding-bottom: 20px;display: none;border-top:1px solid #eee;position: absolute;left: 0;top: 48px;width: 100%;}
header.actived .menu-list{display: block;}
header .menu-list .sub{padding: 10px;display: block;}
header .menu-list>li>ul>li>ul{margin-bottom: 10px;}
header .menu-list>li>ul>li>ul a{padding:10px;border-bottom-color: #eee;}
header .menu-list a{display: block;padding: 12px 10px;border-bottom: 1px solid #eee;}
header .menu-list .search {position: relative;z-index: 1;vertical-align: middle;width: 90%;margin: 20px auto 0;}
header .menu-list .search svg {color: #363636;position: absolute;right: 9px;top: 8px;cursor: pointer;transition: all ease .2s;}
header .menu-list .search input[type=text] {height: 40px;width: 100%;background: 0 0;border: 1px solid #DCD5CF;transition: all ease .2s;color: #fff;padding: 0 20px;cursor: pointer;font-size: 16px;}
header .header-mb .menu-list .search input[type=text]{color: #777;}
header .menu-list .search input[type=submit] {font-size: 0;background: 0 0;border: 0;height: 40px;width: 40px;border-radius: 50%;position: absolute;right: 0;top: 0;z-index: 1;}
header .menu-list .search input[type=text]:focus {color: #363636;cursor: text;padding: 0 40px 0 20px;background: rgba(255,255,255,.98);}
header .menu-list .search input[type=text]:focus~svg {color: #363636;}
header .menu-list .search input[type=text]:focus:invalid~svg {color: #FF612E;}
header .pro-list svg{transform: rotate(0);transition: transform linear 0.2s;transform-origin: center;float: right;}
header .pro-list.actived svg{transform: rotate(180deg);}
header .header-mb .wrap{height: 48px;}
header .bread-ico{display: inline-block;user-select: none;margin-top: -7px;line-height: 0;}
header .bread-ico .lines, .bread-ico .lines:after, .bread-ico .lines:before { display: inline-block; height: 2px; width:24px; background: currentColor;transition: top .2s linear; }
header .bread-ico .lines {transition: all .2s .4s ease; position: relative; }
header .bread-ico .lines:after, .bread-ico .lines:before { position: absolute; left: 0; content: ''; transform-origin: 50% 50%; transition: top .2s .4s ease,transform .4s ease; height: 2px; }
header .bread-ico .lines:before {top: 7px; }
header .bread-ico .lines:after {top: -7px; }
header.actived .bread-ico .lines {transition: all .2s 0s ease;background: 0 0;}
header.actived .bread-ico .lines:after,header.actived .bread-ico .lines:before {transition: top .2s ease,transform .2s .3s ease;top: 0;width: 26px;}
header.actived .bread-ico .lines:before {transform: rotate3d(0,0,1,45deg)}
header.actived .bread-ico .lines:after {transform: rotate3d(0,0,1,-45deg)}
nav.header-fix{padding: 8px 0;position: fixed;left: 0;top:0;width: 100%;z-index: 1;box-shadow: 0 4px 8px 0 rgba(15,18,32,0.07);visibility: hidden;opacity: 0;}
nav.header-fix.actived{visibility: visible;opacity: 1;}
nav.header-fix .pro-logo img{margin-right: 10px;height: 36px;}
nav.header-fix .rgt li:not(:first-child):not(:last-child) a{padding-left: 15px;margin-left: 15px;position: relative;}
nav.header-fix .rgt li:not(:first-child):not(:last-child) a:after{content: '';background-color: #525F7F;width: 1px;height: 12px;position: absolute;left: 0;top:50%;transform: translate(-50%,-50%);}
nav.header-fix .rgt .btn{margin: 0 0 0 10px;}
nav.header-fix .rgt .btn svg{margin-right: 0;}
/*footer*/
footer{background-color: #323232;padding: 50px 0 0;color: #999;}
footer .sub{color: #ccc;font-size: 17px;margin-bottom: 22px;}
footer .cell:nth-of-type(1){flex-basis:30%;-ms-flex-preferred-size:calc(30% - 20px);}
footer .cell:nth-of-type(2){flex-basis: 28%;-ms-flex-preferred-size:calc(28% - 50px);}
footer .cell:nth-of-type(3){flex-basis: 42%;-ms-flex-preferred-size:calc(42% - 20px);}
footer .cell .link-group li{padding: 8px 0;}
footer .cell:not(:first-child){padding-left: 20px;border-left: 1px solid #2B2B2B;}
footer .cell:not(:last-child){padding-right: 20px;}
footer form{margin-bottom: 30px;width: 280px;}
footer form label{font-size: 0;}
footer form input[type="email"]{border: 1px solid #666;border-radius: 1px;background: none;width: 100%;line-height: 36px;height: 36px;padding: 0 42px 0 12px;color: inherit;font-size: 16px;}
footer form button{background: none;border: none;color: inherit;position: absolute;right: 0px;top:0;height: 36px;width: 52px;line-height: 0.8;}
footer form button:hover svg{transform: translateX(4px);}
footer form p{padding-top: 10px;}
footer .follow li:not(:last-child){margin-right: 10px;}
footer .follow li.secure{margin-left: 20px;}
footer .follow li a{display: block;height: 32px;}
footer .copyright{margin-top: 16px;}
footer .bt-cont{border-top: 1px solid #2B2B2B;margin-top: 30px;padding: 16px 0 20px;}
footer .change-reg::after{content: '';width: 100%;height: 40px;position: absolute;bottom: 0;}
footer .change-reg:hover{cursor: pointer;}
footer .reg-lst{background-color: rgba(0,0,0,0.8);position: absolute;left: 0;bottom:36px;padding: 10px 15px;visibility: hidden;opacity: 0;transform:translateY(-20px);border-radius: 2px;}
footer .reg-lst::after{content: '';width: 0;height: 0;border-style: solid;border-width: 10px 10px 0 12px;border-color: rgba(0,0,0,0.8) transparent transparent transparent;position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);}
footer .change-reg:hover .reg-lst,footer .change-reg:active .reg-lst,footer .change-reg:focus .reg-lst{visibility: visible;opacity: 1;transform: translateY(0);}
footer .reg-lst li:not(:first-child){padding-top: 10px;}
footer .reg-lst li a{position: relative;padding-left: 32px;display: block;}
footer .reg-lst li a::after{content:'';width: 18px;height: 18px;border-radius: 50%;position: absolute;left: 0;top:0;background-size: 26px;background-repeat: no-repeat;background-color: #999;background-position-x: -4px;}
footer .change-reg:hover .reg-lst li a::after{background-image: url("images/country-ico.jpg");}
footer .change-reg:hover .reg-lst li.it a:after{background-position-y: -20px;}
footer .change-reg:hover .reg-lst li.de a:after{background-position-y: -40px;}
footer .change-reg:hover .reg-lst li.fr a:after{background-position-y: -80px;}
footer .change-reg:hover .reg-lst li.br a:after{background-position-y: -118px;}
footer .change-reg:hover .reg-lst li.cn a:after{background-position-y: -157px;}
footer .change-reg:hover .reg-lst li.um a:after{background-position-y: -216px;}
footer .change-reg:hover .reg-lst li.ru a:after{background-position-y: -98px;}
footer .change-reg:hover .reg-lst li.tw a:after{background-position-y: -176px;}
footer .change-reg:hover .reg-lst li.es a:after{background-position-y: -60px;}
footer .change-reg:hover .reg-lst li.kr a:after{background-position-y: -196px;}
footer .change-reg:hover .reg-lst li.jp a:after{background-position-y: -137px;}
footer .change-reg:hover .reg-lst li.ar a:after{background-position-y: -234px;}

.hidden,#adsbox{display: none;}

@media (max-width: 1120px){
	.column-1120{flex-direction: column;}
	.column-reverse-1120{flex-direction: column-reverse;}
	.block-1120{display: block;}
	.inline-block-1120{display: inline-block}
	.width-1120{width:100% !important;}
	.flexible-1120{display: flex;}
	.inline-flexible-1120{display: inline-flex}
	.hidden-1120{display: none;}
	.j-center-1120{justify-content: center;}
	.a-center-1120{align-items:center;}
	.center-1120{text-align:center;}
	.left-1120{text-align:left;}
	.right-1120{text-align:right;}
	.pb-1120-30{padding-bottom:30px;}
	.mb-1120-30{margin-bottom:30px;}
	.pb-1120-20{padding-bottom:20px;}
	.mb-1120-20{margin-bottom:20px;}
}

@media (max-width: 1020px){
	.hidden-1020{display: none;}
}

@media (max-width: 960px){
	.block-960{display: block;}
	.inline-block-960{display: inline-block}
	.inline-flexible-960{display: inline-flex}
	.flexible-960{display: flex;}
	.hidden-960{display: none;}
	.column-960{flex-direction: column;}
	.column-reverse-960{flex-direction: column-reverse;}
	.width-960{width:100% !important;}
	.j-center-960{justify-content: center;}
	.a-center-960{align-items:center;}
	.center-960{text-align:center;}
	.left-960{text-align:left;}
	.pb-960-30{padding-bottom:30px;}
	.mb-960-30{margin-bottom:30px;}
	.pb-960-20{padding-bottom:20px;}
	.mb-960-20{margin-bottom:20px;}

	nav.header-fix .rgt li:last-child{margin-left: auto;}
	footer .cell:not(:first-child){padding-left: 0;border-left: none;}
	footer .cell:not(:last-child){padding-right: 0;margin-bottom: 20px;padding-bottom: 10px;border-bottom: 1px solid #2B2B2B;}
}

@media (max-width: 769px){

	.block-769{display: block;}
	.inline-block-769{display: inline-block}
	.inline-flexible-769{display: inline-flex}
	.flexible-769{display: flex;}
	.hidden-769{display: none;}
	.column-769{flex-direction: column;}
	.column-reverse-769{flex-direction: column-reverse;}
	.width-769{width: 100% !important;}
	.j-center-769{justify-content: center;}
	.a-center-769{align-items:center;}
	.center-769{text-align:center;}
	.left-769{text-align:left;}
	.right-769{text-align:right;}
	.pb-769-30{padding-bottom:30px;}
	.mb-769-30{margin-bottom:30px;}
	.pb-769-20{padding-bottom:20px;}
	.mb-769-20{margin-bottom:20px;}

}
@media(max-width:480px){
	nav.header-fix .rgt li:not(:first-child):not(:last-child) a{margin-left:6px;padding-left:6px;}
}
@media(max-width:415px){
	.column-415{flex-direction: column;}
	.column-reverse-415{flex-direction: column-reverse;}
	.block-415{display: block;}
	.inline-block-415{display: inline-block}
	.width-415{width:100% !important;}
	.flexible-415{display: flex;}
	.inline-flexible-415{display: inline-flex}
	.hidden-415{display: none;}
	.j-center-415{justify-content: center;}
	.a-center-415{align-items:center;}
	.center-415{text-align:center;}
	.left-415{text-align:left;}
	.right-415{text-align:right;}
	.pb-415-20{padding-bottom:20px;}
	.mb-415-20{margin-bottom:20px;}
	.pb-415-10{padding-bottom:10px;}
	.mb-415-10{margin-bottom:10px;}
}

/* add by lsr 20-06-17 */
[data-dev="desktop"] .dev-mobile,
[data-dev="mobile"] .dev-desktop {
	display: none !important;
}