html {line-height: 1.6;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;box-sizing: border-box;font-size: 14px;font-family:'Noto Sans SC','Microsoft YaHei',微软雅黑,"Helvetica Neue",Helvetica,Arial,sans-serif;color: #000719;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing: grayscale;-webkit-tap-highlight-color: transparent;scroll-behavior: smooth;}
body,input,p,dl,dd,h1,h2,h3,h4,h5,h6,form,figure,menu{margin: 0;}
textarea,input,button,ul,ol{margin: 0;padding: 0;}
body,ul,ol,li,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,input,button,textarea,img,div,a,span,nav,header,main,footer,section,table,td,tr,th,:after,:before,aside,picture,article,summary,details,strong,select,label,form,abbr,address,figure,figcaption,menu{box-sizing: border-box;}
ul li,ol li{list-style: none;}
picture{font-size: 0;display: block;}
a {background-color: transparent;text-decoration:none;-webkit-text-decoration-skip: objects;transition: all linear 0.2s;color: inherit;}
a:hover{outline:none;color: #FF6A58;text-decoration: none;}
button,input[type="button"],input[type="submit"],input[type="reset"],a,summary{cursor: pointer;}
audio, video {display: inline-block;}
img {border-style: none;max-width: 100%;}
textarea{resize: vertical;}
button, input, select, textarea {font-family: inherit;font-size: 100%;line-height: 1.15;}
button,button:focus, input,input:focus, optgroup,optgroup:focus, select,select:focus, textarea,textarea:focus,summary,summary:focus,a,a:focus{outline: none;}
/*placeholder text color*/
::-moz-placeholder { color: currentColor; }
::-webkit-input-placeholder { color:currentColor; }
:-ms-input-placeholder { color:currentColor; }
/*focus:invalid*/
input:focus:invalid, textarea:focus:invalid,select:focus:invalid{ box-shadow: 0 0 0 1px rgba(236,112,1,0.86);}
::-ms-clear, ::-ms-reveal{display: none;}
/*selection color*/
::-moz-selection{background-color:#FF6A58;color:rgba(255,255,255,0.86);}
::selection{background-color:#FF6A58;color:rgba(255,255,255,0.86);}
::-webkit-details-marker { display: none; }
::-moz-list-bullet { font-size: 0;}
/*table*/
table{border-collapse: collapse;}
table td.ok{background-image: url("images/ok-ico.svg");background-position: center center;background-repeat: no-repeat;}
table td.err{background-image: url("images/err-ico.svg");background-position: center center;background-repeat: no-repeat;}

/*font style*/
.text-underline{text-decoration: underline;}
.text-through{text-decoration: line-through;}
.text-italic{font-style: italic;}
/*font weight*/
.font-extra-light{font-weight: 200;}
.font-regular{font-weight: 400;}
.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: #777;}
.text-orange{color: #FF6A58;}
.text-black{color: #363636;}
.text-blue{color: #024AF8;}
/*background color*/
.bg-white{background-color: #fff;}
.bg-gray{background-color: #f5f5f5;}
.bg-dark{background-color: #B4B4B4;}
.bg-black{background-color: #363636;}
.bg-orange{background-color: #FF6A58;}
.bg-gradient{background-image: linear-gradient(135deg,#FFAC88 0%,#FF6D63 100%)}
/*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: #FF6A58;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;}
/*tip color*/
.tip-blue{background: #f8f8f8;padding: 15px 20px;margin: 20px 0;border-radius: 2px;}
.tip-orange{background: #FFEFEA;padding: 15px 20px;margin: 20px 0;border-left: 3px solid #FF9D7D;}
/*button*/
.btn{padding: 10px 20px;border: 2px solid transparent;margin: 10px;transition: all linear 0.2s;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;}
.btn:hover{filter: contrast(86%);}
.btn svg{margin-right: 10px;}
.btn.big{font-size: 22px;padding: 12px 22px;}
.btn.small{font-size: 14px;padding: 4px 10px;}
.orange-btn{background: #FF6A58;color: #fff;border-color: #FF6A58;}
.orange-btn:hover{color: #FFF;}
.white-btn{background: #fff;color: #FF6A58;border-color: #fff;}
.white-btn-border {border-color: #fff;color: #fff;}
.white-btn-border:hover {border-color: #fff;color: #fff;}
.orange-btn-border {border-color: #FF6A58;color: #FF6A58;}
.orange-btn-border:hover{background: #FF6A58;color: #FFF;}
.paypal-btn{font-size: 12px;background-color: rgb(255, 196, 57);text-transform: none;}
.paypal-btn svg{margin: 0 0 0 8px;filter:drop-shadow(0 1px 0 rgba(255,255,255,0.68));}
.paypal-btn:hover{color: #363636;}
/*switch button*/
.switch-group{padding-top: 10px;font-size: 18px;}
.switch-group .cell.actived{color: currentColor;cursor: default;color:#FF6A58;}
.switch-group .cell svg{margin-right: 5px;}
.switch-group .cell:first-child{margin-right: 15px;padding-right: 15px;position: relative;}
.switch-group .cell:first-child:after{content: '';width: 2px;height: 20px;background: #777;position: absolute;right: 0;top:2px;}
/*download button*/
.download-btn{border-radius: 3px;position: relative;display: inline-flex;align-items:center;padding: 6px 20px;margin: 10px;box-shadow: 2px 16px 32px rgba(255,97,46,0.16);border: 2px solid #FF6A58;word-break:keep-all;white-space:nowrap;}
.download-btn:hover{filter: contrast(86%);color: #FFF;background-color: #FF6A58;}
.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;padding-top: 2px;}
.download-btn .pri{font-size: 12px;font-weight: 700;}
.download-btn .pri span{text-decoration: line-through;margin-left: 2px;opacity: 0.86;}
/*secure button*/
.secure-btn{display: inline-block;margin: 10px;text-align: center;text-decoration: none;}
.secure-btn:hover{text-decoration: none !important;}
.secure-btn .tp{padding: 10px 20px 10px 68px;color: #FFF;position: relative;transition: all linear 0.2s;}
.secure-btn .tp:after{content: '';background-image: url("images/btn-icon.png");background-repeat: no-repeat;width: 28px;height: 28px;position: absolute;left: 20px;top:26%;display: block;}
.secure-btn.sys-mac .tp:after{background-position: 0 -28px;height: 24px;}
.secure-btn .txt,.secure-btn .tip{display: block;text-align: left;}
.secure-btn .txt.small{font-size: 14px;line-height: 1.7em;}
.secure-btn .txt{font-size: 18px;font-weight: bold;line-height: 1.4em;}
.secure-btn .tip{font-size: 12px;font-weight: 200;}
.secure-btn .bt{font-size: 13px;color: #9B9B9B;margin-top: 8px;position: relative;}
.secure-btn .bt:before{content: '';background-image: url("images/btn-icon.png");background-repeat: no-repeat;width: 28px;height: 16px;background-position:0 -54px;position:relative;top:3px;display: inline-block;margin-right: 4px;}
.secure-btn.secure-btn-orange .tp{background-color: #FF6A58}
.secure-btn.secure-btn-orange:hover .tp{background-color: #FF6A58;}
/*container*/
.container{max-width: 1420px;margin: 0 auto;position: relative;z-index: 0;}
.content-container{max-width: 940px;margin: 0 auto;}
.inline-block{display: inline-block;}
.relative{position: relative;}
.com-block {padding: 76px 0;}
.com-block .com-title {font-size: 36px;margin:0 auto 20px;font-weight: 700;max-width: 960px;}
.com-block .com-tip {font-size: 16px;color: #777;margin:0 auto 50px;max-width: 960px;}
.logo-bg{position: relative;overflow: hidden;z-index: 0;}
.logo-bg:after{content:'';background-image: url("images/logo-bg.svg");background-repeat: no-repeat;position: absolute;opacity: 0.1;z-index: -1;}
/*flex*/
.flexible{display:box;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox; display: flex; }
.inline-flexible{display: inline-flex;}
.flex-direction-row{-webkit-flex-direction: row;-moz-flex-direction: row;-ms-flex-direction: row;-o-flex-direction: row; flex-direction: row;}
.flex-direction-column{-webkit-flex-direction: row;-moz-flex-direction: row;-ms-flex-direction: row;-o-flex-direction: row; flex-direction: column;}
.flex-wrap-nowrap{-webkit-flex-wrap: nowrap;-moz-flex-wrap: nowrap;-ms-flex-wrap: nowrap;-o-flex-wrap: nowrap;flex-wrap: nowrap;}
.flex-wrap-wrap{-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;}
.flex-wrap-reverse{-webkit-flex-wrap: wrap-reverse;-moz-flex-wrap: wrap-reverse;-ms-flex-wrap: wrap-reverse;-o-flex-wrap: wrap-reverse;flex-wrap: wrap-reverse;}
.flex-justify-start{-webkit-justify-content: flex-start;-moz-justify-content: flex-start;-ms-justify-content: flex-start;-o-justify-content: flex-start;justify-content: flex-start;}
.flex-justify-end{-webkit-justify-content: flex-end;-moz-justify-content: flex-end;-ms-justify-content: flex-end;-o-justify-content: flex-end;-ms-justify-content: flex-end;justify-content: flex-end;}
.flex-justify-center{-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;-o-justify-content: center;-ms-justify-content: center;justify-content: center;}
.flex-justify-between{-webkit-justify-content: space-between;-moz-justify-content: space-between;-ms-justify-content: space-between;-o-justify-content: space-between;-ms-justify-content: space-between;justify-content: space-between;}
.flex-align-start{ -webkit-align-items:flex-start;-moz-align-items:flex-start;-ms-align-items:flex-start;-o-align-items:flex-start;align-items:flex-start;}
.flex-align-end{-webkit-align-items:flex-end;-moz-align-items:flex-end;-ms-align-items:flex-end;-o-align-items:flex-end;align-items:flex-end;}
.flex-align-center{-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;}
/*ul list*/
ul.list-dot,ul.list-ok,ul.list-num{margin: 20px 0;display: inline-flex;text-align: left;flex-direction: column;}
ul.list-dot>li{position: relative;padding-left: 14px;}
ul.list-dot>li:after{content: '';width: 4px;height: 4px;border-radius: 50%;background: currentColor;position: absolute;left:0;top:8px;}
ul.list-dot>li:not(:last-child){margin-bottom: 10px;}
ul.list-ok>li{position: relative;padding-left: 30px;}
ul.list-ok>li:after{content: '';width: 18px;height: 18px;background: url("images/ok-ico.svg");position: absolute;left:0;top:0;background-size: cover;}
ul.list-ok>li:not(:last-child){margin-bottom: 10px;}
ul.list-num{counter-reset: li;}
ul.list-num>li{position: relative;padding-left: 20px;}
ul.list-num>li:before{content: counter(li)".";counter-increment: li;position: absolute;left:0;top:0;}
ul.list-num>li:not(:last-child){margin-bottom: 10px;}
#nav-link ul{padding: 20px 0;}
#nav-link ul li{display: inline-block;vertical-align: middle;}
#nav-link ul li a:hover{text-decoration: none;}
#nav-link ul li svg{display: inline-block;vertical-align: -1px;margin-right: 5px;}
/*return top*/
.return-top{width: 32px;height: 32px;background: rgba(0,0,0,0.45);position: fixed;bottom: 1%;right: 1%;cursor: pointer;display: none;z-index: 1;}
.return-top:hover{background: rgba(0,0,0,0.86)}
.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,body { -ms-overflow-style: auto; }
.with-scrollbar::-webkit-scrollbar,body::-webkit-scrollbar { display: initial; width: 5px; height: 5px; }
.with-scrollbar::-webkit-scrollbar-track,body::-webkit-scrollbar-track { background-color: #f7f7f7; }
.with-scrollbar::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb { background-color: #323232; }
/*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*/
#at4-share{z-index: 0;}
#at4-share .at-icon-wrapper{background: #363636 !important;transition: all linear 0.2s;}
#at4-share .at-icon-wrapper:hover{background: #FF6A58 !important;}
/*browserupgrade*/
.browserupgrade{text-align: center;height: 580px;padding-top: 200px;font-size: 24px;background: #FF6A58;color: #FFF;}
.browserupgrade a{color: #FFF;text-decoration: underline;font-weight: 700;}
/*popu video*/
.popu-video:hover{opacity: 1;box-shadow: 0 0 8px rgba(0,0,0,0.3);}
.popu-video{width: 64px;height: 64px;border-radius: 50%;position: absolute;right: 10%;top:40%;display: block;opacity: 0.86;}
.popu-video:after{content: '';width: 0;height: 0;border-style: solid;border-width: 12px 0 12px 20px;border-color: transparent transparent transparent rgba(255,255,255,1);position: absolute;left: 50%;top:50%;transform: translate(-40%,-50%)}
#popu-cont{background: rgba(0,0,0,0.86);position: fixed;left: 0;top:0;width: 100%;height: 100%;z-index: 1;transition: all linear 0.4s;}
#popu-cont .popu-wrap{width: 50%;height: 0;padding-top: 28.125%;position: relative;left: 50%;transform: translateX(-50%);top:8%;}
#popu-cont .close-btn{color: #FFF;font-size: 36px;position: absolute;right: -40px;top:0;font-weight: 200;height: 30px;width: 30px;line-height: 30px;text-align: center;}
#popu-cont .close-btn:hover{cursor: pointer;color: #FF6A58;}
#popu-cont iframe{position: absolute;left: 0;top:0;width: 100%;height: 100%;background: #000;}
/*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{opacity: 1;box-shadow: 0 0 8px rgba(0,0,0,0.3);}
.video-wrap .youtube-video .bg:before{content: '';width: 64px;height: 64px;border-radius: 50%;position: absolute;left: 50%;top: 50%;display: block;opacity: 0.86;background: #FF6A58;transform: translate(-50%,-50%);transition: all linear 0.2s;}
.video-wrap .youtube-video .bg:after{content: '';width: 0;height: 0;border-style: solid;border-width: 12px 0 12px 20px;border-color: transparent transparent transparent rgba(255,255,255,1);position: absolute;left: 50%;top: 50%;transform: translate(-40%,-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;}
/*swiper*/
.swiper-button-prev,.swiper-button-next{width: 50px;height: 50px;border-radius: 50%;background: #FFF;box-shadow: 0 0 8px rgba(0,0,0,0.1);outline: none;color: #B4B4B4;transition: all linear 0.2s;z-index: 0;}
.swiper-button-prev:hover,.swiper-button-next:hover{background: #FF6A58;color: #FFF;box-shadow: 0 0 8px rgba(255,97,46,0.48);}
.swiper-pagination{left: 50%;transform: translate(-50%,50%);z-index: 0;width: auto !important;}
.swiper-pagination-bullet{width: 12px;height: 12px;margin: 5px;outline: none;transition: all linear 0.2s;}
.swiper-pagination-bullet-active{background: #FF6A58;}
.swiper-container{z-index: 0;}
/*page turn*/
#page-turn{margin: 20px auto;}
#page-turn .pre, #page-turn .aft { height: 24px; border-radius: 2px; border: 1px solid #363636; color: #363636; text-align: center; font-size: 12px; transition: all linear .2s; line-height: 24px; padding: 0 10px; margin: 0 5px; display: block;text-transform: uppercase;}
#page-turn .pre:hover,#page-turn .aft:hover{background: #FF6A58;color: #FFF;border-color: #FF6A58;cursor: pointer;}
#page-turn .page { height: 24px; border-radius: 4px; text-align: center; line-height: 24px; margin: 0 5px; font-size: 16px;}
#page-turn .page.actived{color: #FF6A58;}
#page-turn .jump-group{margin: 0 0 0 10px;}
#page-turn .jump{width: 30px;border-radius: 2px;border: 1px solid #BBBBBB;background: #FFFFFF;line-height: 20px;}
/*free tip*/
.free-tip{font-size: 24px;font-weight: 700;color: #FFF;text-align: center;position: absolute;left: 0;top:0;z-index: 0;width: 71px;padding-top: 5px;}
.free-tip svg{position: absolute;left: 0;top:0;z-index: -1;filter: drop-shadow(0 4px 4px rgba(0,0,0,0.3));overflow: hidden;}
.free-ico{background: #ff6A58; color: #fff; padding: 0 4px; border-radius: 2px; font-size: 12px; margin-left: 5px;transform: translateY(-5px);display: inline-block;}
/*google search*/
#___gcse_0{box-shadow: 0 5px 46px 0 rgba(68,4,4,.13);}
/*GDPR Agree*/
#gdprAgree{background-color:#f6f6f6;position:relative;color:#333;padding:8px 0;line-height:1.3;text-align:left;font-size:12px;}
#gdprAgree .gdprAgree_info{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center}
#gdprAgree .gdprAgree_info a:first-child{color:#333;text-decoration:underline;}
#gdprAgree .gdprAgree_btn{background-color:#a5a5a5;color:#fff;padding:2px 6px;margin-left:50px;text-decoration:none;display:inline-block;font-size:12px}
#gdprAgree .gdprAgree_close{position:absolute;right:5%;text-decoration:none;top:50%;transform:translateY(-50%);font-size: 36px;font-weight: 200;}

#ios12-tip{display:inline-block;border:1px solid #000;border-image: linear-gradient(to right,rgba(67,117,153,1) ,rgba(234,36,37,1) ,rgba(234,72,157,1) ,rgba(68,225,235,1)) 1 1;padding: 4px 8px;font-size: 12px;background: linear-gradient(to right,rgba(67,117,153,1) ,rgba(234,36,37,1) ,rgba(234,72,157,1) ,rgba(68,225,235,1));-webkit-background-clip: text;color: transparent;margin: 10px 0;}
/*header*/
header{position: relative;background: #fff;z-index: 999;}
header .header-pc.bg-black{height: 70px;box-shadow: 0 0 4px rgba(0,0,0,0.68);}
header .header-mb{height: 62px;padding-top: 2.5px;}
header.actived:after{content: '';width: 100%;height: 100%;background: rgb(255,255,255,0.8);position: fixed;left: 0;top: 0;z-index: -1;}
header a.logo{width: 184px;height: 34px;display: block;margin: 12px 0 11px;}
header .header-pc a{color: #000719;}
header .header-pc a.text-orange{color: #FF6A58;}
header .header-pc .nav a{width:100px;margin: 0 15px;font-size: 18px;line-height: 70px;display: block;position: relative;text-align: center;}
header .header-pc .nav a::after{content: '';width: 100%;height: 2px;background-color: #FF6A58;position: absolute;left: 0;bottom: 0;opacity: 0;transition: all ease 0.4s;transform: scaleY(0);transform-origin: center bottom;}
header .header-pc .nav .active a::after{content: '';width: 100%;height: 2px;background-color: #FF6A58;position: absolute;left: 0;bottom: 0;opacity: 1;transition: all ease 0.4s;transform: scaleY(1);transform-origin: center bottom;}
header .header-pc .nav a:hover{background-color: rgba(255,255,255,0.1);}
header .header-pc .nav a:hover::after{opacity: 1;transform: scaleY(1);}
header .menu-list{background: #F6F6F6;box-shadow: 0 10px 10px 0 rgba(0,0,0,0.10);display: none;}
header.actived .menu-list{display: block;z-index: 999 !important;}
header .menu-list .sub{padding: 10px;display: block;}
header .menu-list a{display: block;font-size:16px;line-height:24px;padding: 20px 10px;border-bottom: 1px solid #eee;}
header .bread-ico{display: inline-block;cursor: pointer; user-select: none;margin-top: -7px;}
header .bread-ico .lines, .bread-ico .lines:after, .bread-ico .lines:before { display: inline-block; height: 3px; width:24px; background: #000719;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: 3px; }
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{background: #FFF;padding: 8px 0;position: fixed;left: 0;top:0;width: 100%;z-index: 1;box-shadow: 2px 16px 32px rgba(255,97,46,0.1);transition: all linear 0.2s;visibility: hidden;opacity: 0;}
nav.header-fix.actived{visibility: visible;opacity: 1;}
nav.header-fix .pro-logo{font-size: 18px;}
nav.header-fix .pro-logo img{margin-right: 10px;height: 36px;}
nav.header-fix .pro-logo img[src='.png'],nav.header-fix .pro-logo source[srcset='.webp']{display: none;}
nav.header-fix .rgt a{font-size: 16px;margin-left: 15px;position: relative;}
nav.header-fix .rgt a[href='']{display: none !important;}
nav.header-fix .rgt li:not(:last-child) a{padding-left: 15px;}
nav.header-fix .rgt li:first-child a{padding-left: 0;margin-left: 0;}
nav.header-fix .rgt a:after{content: '';background: #777;width: 2px;height: 14px;position: absolute;left: 0;top:50%;transform: translate(-50%,-50%);}
nav.header-fix .rgt li:first-child a:after,nav.header-fix .rgt li:last-child a:after{display: none;}
nav.header-fix .rgt a.btn{font-size: 14px;margin: 0 0 0 10px;}
/*main*/
main{z-index: 1;}
/*footer*/
footer{background: #000716;color: rgba(255,255,255,0.4)}
footer .container{max-width: 960px;}
footer p{font-size: 14px;}
footer .sub{margin-bottom: 20px;color: #fff;font-size: 16px;}
footer .cell{padding: 40px 0;}
footer .cell a{display: block;margin-bottom: 10px;font-size: 14px;}
footer .cell li:last-child a{margin-bottom: 0;}
footer .cell a:hover{transform: translateX(5px);}
footer .cell .content-us svg{padding-right: 10px;}
footer .bt-cont{width:100%;border-top: 1px solid rgba(255,255,255,0.1);padding: 40px 0;}
footer .bt-cont p{padding-right: 30px;}
footer .bt-cont picture{margin-right: 20px;}
footer .cell .content-us .content-phone a:first-child{margin-bottom: 5px;}
footer .cell .content-us svg{margin-top: 3px;}

/* Recommended styles for Splitting */
.splitting .char::before, .splitting .char::after { content: attr(data-char); position: absolute; top: 0; left: 0; visibility: hidden; transition: inherit; user-select: none; }
.splitting { --word-center: calc((var(--word-total) - 1) / 2); --char-center: calc((var(--char-total) - 1) / 2); --line-center: calc((var(--line-total) - 1) / 2); }
.splitting .word { --word-percent: calc(var(--word-index) / var(--word-total)); --line-percent: calc(var(--line-index) / var(--line-total)); display: inline-block; }
.splitting .char { position: relative; display: inline-block; --char-percent: calc(var(--char-index) / var(--char-total)); --char-offset: calc(var(--char-index) - var(--char-center)); --distance: calc((var(--char-offset) * var(--char-offset)) / var(--char-center)); --distance-sine: calc(var(--char-offset) / var(--char-center)); --distance-percent: calc((var(--distance) / var(--char-center))); -webkit-animation-delay: calc(0.25s + var(--char-index) * 0.1s); animation-delay: calc(0.25s + var(--char-index) * 0.1s); transition: all 0.25s calc(0.25s + var(--char-index) * 0.1s); }
.splitting--common.actived .char { opacity: .4; transform: translateX(calc(.2em * var(--char-index))) }
.splitting--common .char { transition: transform .3s cubic-bezier(.3,0,.3,1),opacity .3s linear; transition-delay: calc(20ms + (30ms * var(--char-index))) }

.hidden,#ad-banner,#adsbox{display: none;}

.label{font-weight: 600;}
.orange-link{color: #FF6A58;letter-spacing: 0;text-decoration: underline;}
.label-item:not(:last-child){margin-bottom: 5px;}

/*module*/
.module{position: relative;}
.module .module-bg-r{position: absolute;top: 60px;right: 0;z-index: 0;}
.module .module-bg-l{position: absolute;bottom: 60px;left: 0;z-index: 0;}
#module .module-bg-r{position: absolute;top: 170px;right: 0;z-index: 0;}
.module-con{z-index: 1;}

/*set-banner*/
#set-banner{width: 100%;height: 320px;}
#set-banner .title{font-size: 46px;letter-spacing: 3.07px;line-height: 48px;text-shadow: 0 0 35px rgba(0,0,0,0.50);margin-top: 80px;}
.module .module-content{margin-top: -110px;padding: 20px 20px 80px;background: #FFFFFF;box-shadow: 0 -10px 30px 0 rgba(0,0,0,0.10); z-index:1; position:relative;}
.module .module-content:after{content:"";  width:1500px; height:calc(100% - 110px); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%,  rgba(255, 255, 255, 1) 100%, #FFFFFF 100%); z-index:2; position:absolute; top:110px; left:-40px;}
.module .module-content .module-main{z-index: 3;position: relative;}
.module .module-content .module-path li{position: relative;padding: 0 10px;}
.module .module-content .module-path li:not(:last-child):after{content:">";position: absolute;top: 0;right: -5px; }
.module .module-content .module-path li a{font-size: 14px;color: #000719;line-height: 20px;}
.module .module-content .module-path li a:hover{color: #FF6A58;}
.module .module-content .module-nav{margin: 25px 18px 60px}
.module .module-content .module-nav li{padding: 15px 20px;margin: 0 10px;border-bottom: 2px solid rgba(255,106,88,0);}
.module .module-content .module-nav li a{font-size: 26px;letter-spacing: 0;text-align: center;line-height: 32px;}
.module .module-content .module-nav li.actived{color: #FF6A58;border-bottom: 2px solid rgba(255,106,88,1);}
/*info-nav*/
.info-nav{margin: 40px 0 60px;padding: 20px 0;border-top: 1px solid #EFEFEF;}
@media (max-width: 1680px){
	.container{width:1180px;}
	.content-container{max-width: 90%;}
	.module .module-content:after{content:""; width:calc(100% + 5vw);}
	#set-banner .title{font-size: 48px;line-height: 54px;}
	.module .module-content .module-nav{margin: 10px 15px 27px;}
	.module .module-content .module-nav li{padding: 10px 15px;margin: 20px 10px 0;}
	.module .module-content .module-nav li a{font-size: 24px;line-height: 26px;}
}
@media (max-width: 1200px){
	.bg-block{display: block;}
	.bg-flexible{display:box;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox; display: flex;}
	.bg-hidden{display: none;}
	.bg-column{-webkit-flex-direction: row;-moz-flex-direction: row;-ms-flex-direction: row;-o-flex-direction: row; flex-direction: column;}
	.bg-width{width: 100% !important;}
	.bg-j-center{-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;-o-justify-content: center;-ms-justify-content: center;justify-content: center;}
	.bg-a-center{-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;}
	.bg-center{text-align:center;}
	.bg-left{text-align:left;}
	.bg-right{text-align:right;}


	.container{width:95%;}
	.content-container{max-width: 90%;}
	#set-banner .title{font-size: calc(24px + 2vw);line-height: 42px;}
	.module .module-content{padding: 15px 15px 60px;}
	.module .module-content:after{content:""; width:calc(100% + 5vw); }
	.module .module-content .module-nav{margin: 10px 15px 27px;}
	.module .module-content .module-nav li{padding: 10px 15px;margin: 20px 10px 0;}
	.module .module-content .module-nav li a{font-size: calc(13px + 2vw);line-height: 26px;}
}

@media (max-width: 960px){
	header .header-pc,nav.header-fix .pro-logo,nav.header-fix .btn:first-child{display: none;}
	header .header-mb{display: block;}
	.com-block .com-title{font-size: calc(18px + 1.5vw);}
	.com-block .com-tip{font-size: calc(12px + 1vw);}
	#ad-banner{display: none !important;}

	.md-block{display: block;}
	.md-flexible{display:box;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox; display: flex;}
	.md-hidden{display: none;}
	.md-column{-webkit-flex-direction: row;-moz-flex-direction: row;-ms-flex-direction: row;-o-flex-direction: row; flex-direction: column;}
	.md-width{width: 100% !important;}
	.md-j-start{-webkit-justify-content: flex-start;-moz-justify-content: flex-start;-ms-justify-content: flex-start;-o-justify-content: flex-start;-ms-justify-content: flex-start;justify-content: flex-start;}
	.md-j-center{-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;-o-justify-content: center;-ms-justify-content: center;justify-content: center;}
	.md-a-center{-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;}
	.md-center{text-align:center;}
	.md-left{text-align:left;}
	.md-right{text-align:right;}

	.container{width:90%;}
	.content-container{max-width: 90%;}

	.module .module-content{padding: 15px 15px 50px;}
	.module .module-content:after{content:""; width:calc(100% + 6vw); }
	.module .module-content .module-nav{margin: 10px 15px 27px;}
	.module .module-content .module-nav li{padding: 10px 15px;margin: 20px 10px 0;}
}
@media (max-width: 769px){
    .logo-bg:after,.swiper-button-prev,.swiper-button-next,nav.header-fix .rgt a.btn[href$=".exe"],nav.header-fix .rgt a.btn[href$=".dmg"],#popu-cont a.btn[href$=".exe"],#popu-cont a.btn[href$=".dmg"]{display: none;}
    .com-block{padding: 40px 0;}
    .download-btn .txt{font-size: calc(14px + 1vw);}
	.btn{font-size: calc(14px + 0.5vw);}
	.return-top{display: none !important;}
	.popu-video{position: relative;right: auto !important;top:auto !important;display: inline-block;}
	footer .bt-cont p{padding:0 20px 20px}
	.switch-group{justify-content: center;}

	.sm-block{display: block;}
	.sm-flexible{display:box;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox; display: flex;}
	.sm-hidden{display: none;}
	.sm-column{-webkit-flex-direction: row;-moz-flex-direction: row;-ms-flex-direction: row;-o-flex-direction: row; flex-direction: column;}
	.sm-width{width: 100% !important;}
	.sm-j-center{-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;-o-justify-content: center;-ms-justify-content: center;justify-content: center;}
	.sm-a-center{-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;}
	.sm-center{text-align:center;}
	.sm-left{text-align:left;}
	.sm-right{text-align:right;}

	footer .sm-width{width: 50% !important;}
	.container{width:90%;}
	.content-container{max-width: 90%;}

	.module .module-content{padding: 10px 10px 40px;}
	.module .module-content:after{content:""; width:calc(100% + 9vw); }
	.module .module-content .module-nav{margin: 10px 15px 27px;}
	.module .module-content .module-nav li{padding: 10px 15px;margin: 10px 10px 0;}
}
@media(max-width:500px){
	nav.header-fix .rgt li:not(:last-child) a{font-size: 12px;padding-left: 5px;margin-left: 5px;}
	nav.header-fix .rgt a:after{height: 10px;width: 1px;}
	#gdprAgree>div{padding:0 10px}
	#gdprAgree .gdprAgree_info{padding-right:25px}
	#gdprAgree .gdprAgree_close{transform:none;-webkit-transform:none;top:10px;right:10px}
	#gdprAgree .gdprAgree_btn{display:none}

	.module .module-content{padding: 10px 10px 40px;}
	.module .module-content:after{content:""; width:calc(100% + 12vw); }
	.module .module-content .module-nav{margin: 10px 15px 27px;}
	.module .module-content .module-nav li{padding: 10px 15px;margin: 0 10px 0;}

}
@media(max-width:375px){
	.container{width:90%;}
	.content-container{max-width: 300px;}
	#set-banner .title{font-size: 36px;line-height: 42px;}
	.module .module-content{padding: 10px 10px 40px;}
	.module .module-content .module-nav{margin: 10px 15px 27px;}
	.module .module-content:after{content:""; width:calc(100% + 15vw); }
	.module .module-content .module-nav li{padding: 10px 15px;margin: 0 10px 0;}
	.module .module-content .module-nav li a{font-size: 20px;line-height: 26px;}
}