.com-block{padding: 70px 0;}
.com-block .com-title{font-size: 36px;margin: 0 auto;max-width: 760px;padding-bottom: 50px;}
.com-block .com-tip{max-width: 760px;margin: -20px auto 0;}
.com-block .com-tip:not(:last-child){padding-bottom: 40px;}
.support-bg{background-image: url(images/support-bg.svg);background-position: center center;background-repeat: no-repeat;}
.search-bg{background-image: url(images/search-bg.svg);background-position: center center;background-repeat: no-repeat;}
.border-bt{border-bottom: 2px solid #f8f8f8;}
.paypal-btn{background-color: rgb(255, 196, 57);width: 170px;margin: 5px auto 0;border-radius: 3px;height: 48px;display: block;}
.paypal-btn:hover{box-shadow: 2px 8px 16px rgba(0, 0, 0,0.15);}
.paypal-btn svg{position: absolute;left: 50%;top:50%;transform: translate(-50%,-45%);}
.save-tip{background-color: #FFBE0E;color: #2B2B58;position: absolute;width: 100%;top:25px;}
.save-tip.lt{transform: rotate(-45deg) translateX(-50%);transform-origin: left top;left: 25px;}
.save-tip.rt{transform: rotate(45deg) translateX(50%);transform-origin: right top;right: 25px;}
ul.list-link>li{padding-left: 34px;position: relative;}
ul.list-link>li:hover::after{transform: translateX(4px);}
ul.list-link>li:not(:last-child){margin-bottom: 20px;}
ul.list-link>li::after{content: '';background: url(images/go-ico.svg);width: 24px;height: 24px;position: absolute;left: 0;top:0;transition: all ease 0.4s;}
#oth-title{font-size: 52px;padding-bottom:30px;}
#oth-cont{padding: 60px 0 80px;}
#com-cont{padding: 50px 4% 56px;background: #fff;border: 1px solid #EDEDED;box-shadow: 2px 4px 8px 0 rgba(43,43,88,0.06);border-radius: 4px;}
#com-cont .sub{font-size: 24px;padding-bottom: 30px;}
#com-cont .cell:not(:last-child){padding-bottom: 60px;}
#com-cont .cell p:not(:last-child){padding-bottom: 30px;}
.swiper-pagination{left: calc(50% - 34px);bottom: -40px;;}
.swiper-pagination span{margin: 0 4px;width: 26px;height: 4px;border-radius: 0;}
.swiper-pagination .swiper-pagination-bullet-active{background-color: #FF612E;}

.com-fea{margin-bottom: -20px;}
.com-fea .cell{background: #fff;border: 1px solid #EDEDED;box-shadow: 2px 4px 8px 0 rgba(43,43,88,0.06);border-radius: 1px;padding: 20px 26px 28px;flex-basis: 49%;margin-bottom: 20px;-ms-flex-preferred-size:calc(49% - 52px);}
.com-fea .cell:hover{box-shadow: 8px 8px 16px 0 rgba(43,43,88,0.08);transform: translateY(-4px)}
.com-fea .sub{margin-bottom: 16px;}
.com-fea.ver .ico{margin: 0 auto 24px;}
.com-fea.md .sub{margin-bottom: 12px;}
.com-fea .ico{width: 32px;height: 32px;border-radius: 50%;margin-right: 14px;}
.com-fea:not(.ver) .ico+*{flex-basis: calc(100% - 46px);}
.com-fea.md .ico{width: 42px;height: 42px;}
.com-fea.md:not(.ver) .ico+*{flex-basis: calc(100% - 56px);}
.com-fea.bg .ico{width: 62px;height: 62px;}
.com-fea.bg:not(.ver) .ico+*{flex-basis: calc(100% - 76px);}
.ico.a{background-image: linear-gradient(135deg, #1F90FF 0%, #67C4FF 100%);}
.ico.b{background-image: linear-gradient(135deg, #6BED6F 0%, #20B61D 100%);}
.ico.c{background-image: linear-gradient(135deg, #FD8949 0%, #F7C569 100%);}
.ico.d{background-image: linear-gradient(135deg, #B778F9 0%, #7835F2 100%);}
.ico.e{background-image: linear-gradient(135deg, #FFC796 0%, #FF6B95 100%);}
.ico.f{background-image: linear-gradient(135deg, #96A1FF 0%, #4E4EFB 100%);}

#search{padding:80px 0 70px;background-image: url(images/buy-bg.svg);background-position: center top;background-repeat: no-repeat;background-size: cover;}
#search.support{background-size: 200% 120%;}
#search.no-found{background-image: url(images/404-bg.svg);padding: 346px 0 144px;background-position: center -68px;}
#search.no-found .info{font-size: 24px;padding-bottom: 40px;}
#search .title{font-size: 52px;padding-bottom: 46px;}
#search .tip{font-size: 24px;padding-bottom: 46px;margin-top: -28px;}
#search .cont{max-width: 800px;margin: 0 auto;}
#search .cont ul li:not(:last-child){margin-right: 18px;}
#search .link-group{margin-top: 70px;}
#search form{margin-bottom: 12px;border: 2px solid #AEB5C6;border-radius: 3px;}
#search input[type="text"]{background: #fff;width: 100%;height: 62px;line-height: 62px;border: none;font-size: 22px;padding: 0 176px 0 12px;}
#search input[type="submit"]{position: absolute;right: -2px;top:-2px;font-size: 24px;border: none;height: 66px;width: 164px;z-index: 1;border-radius: 0 3px 3px 0;}
#search .link-group .cell{flex-basis: 23.4%;;-ms-flex-preferred-size:calc(23.4% - 52px);}

.bundle .cont>.cell{border: 1px solid #EDEDED;box-shadow: 2px 4px 8px 0 rgba(43,43,88,0.06);border-radius: 4px;padding: 20px 30px 30px;flex-basis: 33.3%;-ms-flex-preferred-size:calc(33.3% - 62px);}
.bundle .cont>.cell.group{flex-basis: 19%;-ms-flex-preferred-size:calc(19% - 22px);}
.bundle .cont>.cell.group .gp{width:200px;margin: 0 auto;}
.bundle .cont>.cell .tip{padding-bottom: 20px;}
.bundle .cont>svg{align-self: center}
.bundle picture{width: 112px;margin: 0 auto 20px;}
.bundle .cont>.cell .old-pri{padding: 0 5px;}
.bundle .cell.group .new-pri{font-size: 48px;line-height: 0.8;}
.bundle .cell.group .license{padding: 8px 0;}
.bundle .sub{padding-bottom: 14px;}
.bundle .gp picture:first-child{position: absolute;left: 45px;top:5px;width: 76px;}
.bundle .gp picture:last-child{transform: translateX(5px);width: 84px;}

#sp-md .wrap{margin-bottom: 80px;}
#sp-md .guide{box-shadow: 2px 4px 8px 0 rgba(43,43,88,0.06);}
#sp-md .guide td{border: 1px solid #EDEDED;}
#sp-md .guide td a{padding: 28px 26px 28px 30px;}
#sp-md .guide td span{flex-basis: calc(100% - 46px);margin-left: 14px;}

#code-cont {padding: 60px 0;}
#code-cont .title{font-size: 36px;margin-bottom: 20px;}
#code-cont .sub{margin-bottom: 40px;}
#code-cont .tip-txt{padding: 30px 0 20px;}
#code-cont .wrap{padding: 40px 30px;}
#code-cont form { padding:10px 0 }
#code-cont input[type='text'] { background: #fff; border: 1px solid #d8d8d8; line-height: 38px; padding: 0 18px; width: 42%;height: 38px;}
#code-popu { position: fixed; left: 50%; top: 50%; z-index: 2; box-shadow: 6px 11px 16px 0 rgba(0,0,0,.17); border-radius: 2px; transform: translate(-50%,-50%); max-width: 590px;min-width: 300px; }
#code-popu .close { text-align: right; box-shadow: 0 1px 2px 0 rgba(0,0,0,.08); padding: 4px 6px }
#code-popu .close svg:hover { cursor: pointer; color: #ff612e }
#code-popu .txt { padding: 20px 30px; font-size: 16px; min-height: 150px; }


#sp-bt{padding: 60px 0;}
#sp-bt .mid{flex-basis: calc(100% - 310px);}
#sp-bt .title{font-size: 36px;margin-bottom: 10px;}
/* #sp-bt .btn{margin-left: auto;} */

#af-tp{padding: 50px 0 62px;}
#af-tp .title{font-size: 42px;margin-bottom: 24px;}
#af-tp .rgt{flex-basis: 57.14285714285714%;}
#af-tp .upto{background-image: linear-gradient(-49deg, #F7C598 0%, #FF8886 100%);box-shadow: 0 4px 10px 0 rgba(83,97,255,0.05);border-radius: 8px;border-radius: 8px;padding: 26px 22px 30px 36px;font-size: 38px;}
#af-tp .upto svg{margin-right: 24px;}
#af-hw .cell{flex-basis: 19%;-ms-flex-preferred-size: calc(19% - 52px);}
#af-hw .cell:not(:last-child)::after{filter: drop-shadow(0px -1px 0 rgba(0,0,0,0.1)); content: ''; width: 0; height: 0; border-style: solid; border-width: 0 10px 11px; border-color: transparent transparent #fff transparent; position: absolute; right: -14px; top: 15px;transform: rotate(90deg);}

#af-be .group .cell{flex-basis: 23%;-ms-flex-preferred-size: calc(23% - 48px);background: #fff;border: 1px solid #EDEDED;box-shadow: 2px 4px 8px 0 rgba(43,43,88,0.06);border-radius: 2px;padding: 30px 24px 20px;}
#af-be .group .cell picture{height: 48px;}
#af-be .group .cell .btn{margin-top: 28px;}
#af-be .already{border: 1px solid #EDEDED;box-shadow: 2px 4px 8px 0 rgba(43,43,88,0.06);border-radius: 4px;padding: 30px 10% 42px;margin: 30px 0 14px;}
#af-be .already .sub{font-size: 24px;padding-bottom: 10px;}
#af-be .already .sel-group>div{flex-basis: 440px;}
#af-be .already select{border: 1px solid #AEB5C6;border-top-left-radius: 2px;border-bottom-left-radius: 2px;line-height: 46px;height: 46px;padding: 0 10px;}
#af-be .already .sel-group{margin-top: 30px;}
#af-be .already .sel-group .jump-btn{box-shadow: 0 13px 25px 0 rgba(203,44,23,0.17);border-radius: 0 2px 2px 0;line-height: 46px;height: 46px;font-size: 24px;width: 130px;margin-left: -1px;display: block;}
#af-be .already .sel-group .jump-btn:hover{color: #fff;}

#af-ra table{background: #fff;box-shadow: 2px 4px 8px 0 rgba(43,43,88,0.06);}
#af-ra table th{background: #525F7F;color: #fff;}
#af-ra table th,#af-ra table td{padding: 16px 8%;border: 1px solid #EDEDED;}
#af-ra .container{max-width: 990px;}
#af-ra .group{padding-top: 40px;}
#af-ra .group svg{margin-bottom: 20px;}

#af-pr .cont { border: 1px solid #EDEDED;box-shadow: 2px 4px 8px 0 rgba(43,43,88,0.06); padding: 40px 2%;margin-bottom: 20px;}
#af-pr .cell{padding-left: 15px;padding-right: 40px;-ms-flex-preferred-size: calc(50% - 55px);}
#af-pr .cell .pic { flex-basis: 27.6% }
#af-pr .cell .txt { flex-basis: 63% }
#af-pr .cell:nth-child(1),#af-pr .cell:nth-child(2) { border-bottom: 2px solid #F7F9FC;padding-bottom: 42px;margin-bottom: 40px;}
#af-pr .cell .txt .sub { font-size: 20px; margin-bottom: 10px; font-weight: 700 }
#af-pr .cell .txt .btn { padding: 7px 12px; margin: 16px 0 }

#af-co .cell { border: 1px solid #ededed; box-shadow: 0 0 12px 0 rgba(0,0,0,.06); flex-basis: 48.5%; margin-bottom: 40px;}
#af-co .cell .pic img { width: 200px;}
#af-co .cell .txt { padding: 30px 22px; flex-basis: calc(100% - 200px);-ms-flex-preferred-size: calc(100% - 244px)}
#af-co .cell p { margin-top: 12px }

#fq-gd {padding-top: 20px;}
#fq-gd .cont{background: #fff;border: 1px solid #EDEDED;box-shadow: 2px 4px 8px 0 rgba(43,43,88,0.06);border-radius: 1px;}
#fq-gd .cell{padding: 34px 0 34px 34px;position: relative;flex-basis: 33.33333333%;-ms-flex-preferred-size:calc(33.33333333% - 34px);}
#fq-gd .cell::after{content: '';width: 82px;height: 82px;position: absolute;left: 34px;top:-20px;background-size: cover;}
#fq-gd .cell.faq::after{background: url(images/faq-ico.svg);}
#fq-gd .cell.tips::after{background: url(images/tips-ico.svg);}
#fq-gd .cell.guide::after{background: url(images/guide-ico.svg);}
#fq-gd .sub{padding:0 0 28px 102px;}
#fq-gd ul{padding-right: 34px;}
#fq-gd .cell:not(:last-child) ul{border-right: 1px solid #EDEDED;}
#fq-gd ul li{padding-left: 34px;position: relative;}
#fq-gd ul li:hover::after{transform: translateX(4px);}
#fq-gd ul li:not(:last-child){margin-bottom: 20px;}
#fq-gd ul li::after{content: '';background: url(images/go-ico.svg);width: 24px;height: 24px;position: absolute;left: 0;top:0;transition: all ease 0.4s;}

#st-tp{padding: 60px 0 112px;}
#st-tp .title{font-size: 52px;padding-bottom: 50px;}

#st-fe{padding: 70px 0 80px;}
#st-fe .queue {padding-bottom: 30px;}
#st-fe .queue ul{font-size: 24px;}
#st-fe .queue ul li{padding: 0 22px;position: relative;}
#st-fe .queue ul li.actived{color: #FF612E;}
#st-fe .queue ul li:not(:first-child)::after{content: '';position: absolute;left: 0;top:5px;width: 3px;height: 68%;background-color: #2B2B58;}
#st-fe .ce{flex-basis: 46.5%;}
#st-fe .cell:not(:last-child){padding-bottom: 50px;margin-bottom: 40px;border-bottom: 3px solid #F7F9FC;}
#st-fe .ce .pic{flex-basis: 22.7%;display: block;}
#st-fe .switch-cont{border: 5px solid #F7F9FC;padding: 40px 25px 70px;}
#st-fe .switch-cont .cont{display: none;}
#st-fe .switch-cont .cont.actived{display: block;}
#st-fe .ce .txt{flex-basis: 67.8%;}
#st-fe .ce .desc{padding: 12px 0 16px;}
#st-fe .ce .old-pri{padding: 0 5px;}
#st-fe .ce .btn{margin: 10px 0 0;}

#st-bt .cell{flex-basis: 32.2%;-ms-flex-preferred-size:calc(32.2% - 52px)}

#by-tp{padding: 50px 0 32px;background-image: url(images/buy-bg.svg);background-position: center top;background-repeat: no-repeat;}
#by-tp .lft picture{width: 120px;}
#by-tp .rgt li:not(:last-child){margin-right: 24px;}
#by-tp .title{font-size: 26px;padding-bottom: 14px;}
#by-tp .rgt{flex-basis: calc(100% - 170px);}
#by-tp .rgt .view-link{padding-top: 18px;}

#by-pr{padding: 66px 0 60px;}
#by-pr .cell{background: #fff;border: 1px solid #E6E7EB;box-shadow: 2px 4px 8px 0 rgba(43,43,88,0.06);border-radius: 8px;overflow: hidden;flex-basis: 24.3%;}
#by-pr .two .cell{margin-left:2%;margin-right:2%;}
#by-pr .cell:hover{box-shadow: 0 40px 40px 0 rgba(43,43,88,0.14);}
#by-pr .cell .pri{min-height: 80px;}
#by-pr .cell .group-btn{padding-top: 10px;}
#by-pr .cell .sub{font-size: 24px;padding-bottom: 5px;}
#by-pr .cell .tp{padding: 18px 24px;border-bottom: 1px solid #E6E7EB;}
#by-pr .cell.hot .tp{padding-top: 35px;}
#by-pr .cell.hot .new-pri{font-size: 48px;}
#by-pr .cell .new-pri{font-size: 36px;padding-right: 5px;line-height: 0.9;}
#by-pr .cell .cont{padding: 20px 10px 80px;}
#by-pr .cell .sel-gp{margin-top: 12px;width: 80%;}
#by-pr .cell .tip{padding-top: 10px;}
#by-pr .accept{padding-top: 70px;}

#by-sc{padding: 50px 0;}
#by-sc .sub{padding: 22px 0 16px;}
#by-sc .cell{padding: 0 25px;-ms-flex-preferred-size:calc(25% - 50px)}
#by-sc .cell:not(:first-child){border-left: 1px solid #EAEEF5;}
#by-sc .cell:first-child{padding-left: 0;-ms-flex-preferred-size:calc(25% - 25px)}
#by-sc .cell:last-child{padding-right: 0;-ms-flex-preferred-size:calc(25% - 25px)}

#by-wr .pic-gp{padding-bottom: 48px;}
#by-wr .pic-gp img{margin: 16px 20px 0;}
#by-wr .cont p{padding-top: 24px;}

#by-sv {background: #fff;border: 1px solid #EDEDED;box-shadow: 2px 4px 8px 0 rgba(43,43,88,0.06);border-radius: 4px;padding: 40px 4%;margin-top: 70px;}
#by-sv picture{width: 120px;}
#by-sv .title{font-size: 24px;padding-bottom: 10px;}
#by-sv .tip{padding-bottom: 20px;}
#by-sv .mid{flex-basis: calc(100% - 400px);}
#by-sv .rgt .new-pri{font-size: 36px;}

#popup-wrap { background: rgba(0,0,0,.68); width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 9;}
#popup-wrap .close-btn { position: absolute; right: 2%; top: 2%; height: 32px; width: 32px; cursor: pointer; text-align: center; line-height: 32px;transform: rotate(45deg);}
#popup-wrap .close-btn:hover { color: #ff612e }
#cus-license { max-width: 700px;width: calc(100% - 20px); position: fixed; box-shadow: 0 0 20px 0 rgba(0,0,0,.2); background: #fff; padding: 40px 4%; left: 50%; top: 30px; box-sizing: border-box; transform: translateX(-50%) }
#cus-license .title { font-size: 24px; margin-bottom: 30px; }
#cus-license .group { margin-bottom: 20px }
#cus-license input[type=text],#cus-license input[type=tel],#cus-license input[type=email],#cus-license select { border: 1px solid #d8d8d8; height: 40px; line-height: 40px; padding: 0 10px; width: 48%; vertical-align: middle; position: relative; font-size: 14px }
#cus-license select { width: 98% }
#cus-license textarea { border: 1px solid #d8d8d8; width: 98%; min-height: 80px; font-family: inherit; padding: 10px; box-sizing: border-box; outline: 0; position: relative; font-size: 14px }
#cus-license .group span { font-size: 12px; color: #ff612e; position: absolute }
#cus-license input[type=submit] { padding: 10px 40px }

#se-co .lft{border: 1px solid #EDEDED;box-shadow: 2px 4px 8px 0 rgba(43,43,88,0.06);flex-basis: 66.5%;padding: 10px 2%;-ms-flex-preferred-size:62.5%;}
#se-co .rgt{flex-basis: 30.2%;}
#se-co .rgt .sub{padding-bottom: 24px;}
#se-co .rgt .cell{padding: 30px 30px 50px;border: 1px solid #EDEDED;box-shadow: 2px 4px 8px 0 rgba(43,43,88,0.06);border-radius: 1px;}
#se-co .rgt .cell:first-child{margin-bottom: 30px;}
#se-co .no-result { padding: 10px 0; border: 1px solid #fc3; background-color: #fff4c2;margin: 20px 0;}
#se-co .search-list { padding: 10px 0; overflow: hidden }
#se-co .search-list a.res-title { color: #15c; text-decoration: underline }
#se-co .search-list p.res-link { color: #093; padding-bottom: 4px;}
#se-co .search-list .res-content a { margin-right: 10px;display: block;width: 50px;height: 50px;}
#se-co .search-list .res-content p{flex-basis: calc(100% - 60px);}
#se-co .search-list .res-content picture img { object-fit: cover;width: 50px;height: 50px;}

#nf-co .title{padding-bottom: 24px;}
#nf-co .cont{border: 1px solid #EDEDED;box-shadow: 2px 4px 8px 0 rgba(43,43,88,0.06);border-radius: 1px;padding: 30px 4% 50px;transform: translateY(-10px);margin-bottom: 60px;}
#nf-co .cell{flex-basis: 49%;}

#vd-tp{background:#ff9c9e url(images/video-guide-bg.svg) no-repeat center top /cover;padding: 54px 0 50px;}
#vd-tp .title{font-size: 52px;padding-bottom: 10px;}
#vd-co{padding: 38px 0 60px;}
#vd-co .container{max-width: 900px;}
#vd-co .cell{box-shadow: 0 4px 12px 0 rgba(29,42,81,0.30);border-radius: 4px;position: relative;flex-basis: 48.8%;overflow: hidden;margin-bottom: 20px;}
#vd-co .cell img{width:100%}
#vd-co .cell.sm{flex-basis: 32%;}
#vd-co .cell.hot::after{content:'';background-image: linear-gradient(135deg, #FFAC88 0%, #FF6D63 100%);height: 6px;position: absolute;left: 0;bottom: 0;width: 100%;}
#vd-co .switch-tab li.actived a{ color: #FF612E; }
#vd-co .switch-cont .cont.actived { display: block; }
#vd-co .switch-cont .cont { display: none; }
#vd-co .switch-tab{padding-bottom: 18px;}
#vd-co .switch-tab li:not(:first-child){padding-left: 20px;margin-left: 20px;position: relative;}
#vd-co .switch-tab li:not(:first-child)::after{content: '';height: 14px;width: 2px;background-color: currentColor;position: absolute;left: 0;top: 4px;}
#vd-co .cell .txt{padding: 20px 20px 32px;}
#vd-co .cell p{font-size: 22px;padding-top: 10px;}

#ab-us{background: url(images/about-bg01.svg) no-repeat center top;}
#ab-us .container{max-width: 900px;}
#ab-us h1.com-title{font-size: 52px;}
#ab-us .video-wrap{margin: 100px auto 50px;}
#ab-us .video-wrap .bg{background-image: url(images/about-video-bg.svg);}

#ab-fe .container>.view-link{color: #6772E5;padding: 30px 0 60px;}
#ab-fe .cell .view-link{padding-top: 20px;}

#ab-fe{background: url(images/about-bg02.svg) no-repeat center bottom;}
#ab-fe .cont{padding-bottom: 160px;}
#ab-fe table{width: 100%;box-shadow: 2px 4px 8px 0 rgba(43,43,88,0.06);position: relative;table-layout: fixed;}
#ab-fe table::after{content:'';background-color: #ff612e;height: 4px;position: absolute;left: 0;bottom: 0;width: 100%;}
#ab-fe table td{border: 1px solid #EBEBEB;height: 100px;width: 16.66666%;}
#ab-fe table td a{height: 100%;}
#ab-fe table td picture{width: 60%;}
#ab-fe .sec{padding: 84px 0;}
#ab-fe .sec .sub{padding: 22px 0 16px;}
#ab-fe .sec .cell{flex-basis: 30%;padding: 0 25px;-ms-flex-preferred-size:calc(30% - 50px);}
#ab-fe .sec .cell:not(:first-child){border-left: 1px solid #EAEEF5;}
#ab-fe .sec .cell:first-child{padding-left: 0;}
#ab-fe .sec .cell:last-child{padding-right: 0;}

#ab-fe .more>div{position: relative;cursor: pointer;}
#ab-fe .more {margin-top: -4px;}
#ab-fe .more #downIcon::after {content: "";width: 20px;height: 20px;border: solid #fff;border-width: 0 0 2px 2px;transform: translate(-50%, -50%) rotate(-45deg);position: absolute;left: 50%;top: 30%}
#ab-fe .more #upIcon::before {content: "";width: 20px;height: 20px;border: solid #fff;border-width: 2px 2px 0 0;transform: translate(-50%, -50%) rotate(-45deg);position: absolute;left: 50%;top: 55%}

#hw-to{padding: 40px 0 70px;}
#hw-to .cont>.lft{flex-basis: 230px;box-shadow: 0 2px 8px 0 rgba(153,153,153,0.24);border-radius: 3px;padding: 20px 25px 34px;}
#hw-to .cont>.lft::after{content: '';background-color: #FF612E;height: 6px;position: absolute;left: 0;top:0;width: 100%;}
#hw-to .cont>.lft .sub{padding-bottom: 10px;border-bottom: 1px solid #eee;}
#hw-to .cont>.lft ul li{padding: 8px 0;border-bottom: 1px solid #eee;}
#hw-to .cont>.rgt{flex-basis: 74.54545454545454545%;}
#hw-to .tp{margin: 24px 0;}
#hw-to .cont .cell{box-shadow: 0 4px 12px 0 rgba(29,42,81,0.10);border-radius: 4px;flex-basis: 32%;}
#hw-to .cont .cell::after{content: '';height: 6px;position: absolute;background-image: linear-gradient(135deg, #FFAC88 0%, #FF6D63 100%);position: absolute;left: 0;bottom: 0;width: 100%;}
#hw-to .tp .lft{flex-basis: 48.7804878048%;}
#hw-to .tp .rgt{flex-basis: 46.8%;padding-right: 10px;}
#hw-to .tp .sub{font-size: 28px;padding-top: 6px;display: block;}
#hw-to .md .sub{font-size: 22px;padding-top: 6px;display: block;}
#hw-to .md p{padding: 20px 22px 34px;}
#hw-to .bt{padding-top: 50px;}
#hw-to .bt .ce{padding: 40px 0 14px;border-bottom:1px solid #eee}
#hw-to .bt .sub{font-size: 22px;padding-bottom: 14px;display: block;}
#hw-to .bt .desc{padding-bottom: 14px;}
#hw-to .bt .pho{width: 28px;height: 28px;border-radius: 50%;margin-right: 12px;}
#hw-to .banner{border-radius: 4px;padding: 26px 30px;background-image: linear-gradient(225deg, #FFE29F 0%, #FFA99F 48%, #FF719A 100%);}
#hw-to .banner::after{content: ''; background: url(images/how-to-bg.svg) no-repeat center;position: absolute;right: -15px;top: -85px;width: 300px;height: 300px;}
#hw-to .banner .tip{max-width: 50%;}
#hw-to .banner .title{font-size: 52px;padding-bottom: 5px;}

#in-tp{padding: 60px 0 76px;}
#in-tp .title{font-size: 36px;padding-top: 30px;}
#in-tp .tip{padding-top: 20px;display: block;}
#in-tp .bundle{margin-top: 70px;}
#in-co .lft{flex-basis: 22.7%;display: block;}
#in-co .cont{border: 5px solid #F7F9FC;padding: 40px 26px 56px;}
#in-co .cont .rgt{flex-basis: 67.8%;}
#in-co .cont .sub{padding-bottom: 12px;display: block;}
#in-co .cont .desc{padding-bottom: 16px;}
#in-co .cont .new{margin-right: 5px;}
#in-co .cont .cell:not(:last-child){padding-bottom: 40px;margin-bottom: 40px;border-bottom: 3px solid #F7F9FC;}
#in-co .cont .ce{flex-basis: 46.8%;}
#in-co .cont .btn{margin: 10px 0 0;}
#in-st{padding-top: 56px;}
#in-st .tab{font-size: 24px;padding-bottom: 20px;border-bottom: 2px solid #EFF1F3;margin-bottom: 50px;}
#in-st .tab li:last-child{padding-left: 20px;margin-left: 18px;}
#in-st .tab li:last-child::after{content: '';position: absolute;left: 0;top: 5px;width: 3px;height: 68%;background-color: #2B2B58;}
#in-st .cell {padding-bottom: 50px;margin-bottom: 50px;border-bottom: 2px solid #F7F9FC;}
#in-st .cell .sub{font-size: 30px;padding-bottom: 30px;}
#in-st .cell .sub span{margin-right: 10px;}
#in-st .cell .txt{width: 45.09803921568627%;}
#in-st .cell .pic{width: 49.01960784313725%;padding: 12px;box-shadow: 0px 2px 6px 0 rgba(0,0,0,0.11);cursor: zoom-in;}


#review-banner{padding: 90px 0 60px;}
#review-banner .title{font-size: 36px;padding-bottom: 30px;}
#review-banner .avgstar,#review-banner .userstar {position: absolute; overflow: hidden; top: 0;left: 0;width: 140px;height: 24px;}
#review-banner .star-count{width: 140px;height: 24px;margin: 0 auto 10px;}
#review-banner .avgstar>svg,#review-banner .avgstar>span,#review-banner .userstar>svg{margin: 0 2px;}
#review-cont{padding: 40px 0;}
#review-cont .stars svg:not(:last-child){margin-right: 4px;}
#review-cont .cell{padding-bottom: 35px;margin-bottom: 40px;border-bottom: 2px solid #E9E9E9;}
#review-cont .lft{flex-basis: 9%;}
#review-cont .time{margin-bottom: 10px;display: inline-block;}
#review-cont .txt{flex-basis: calc(100% - 130px);}
#review-cont .sub{font-size: 24px;margin-bottom: 10px;}
#review-cont .author{margin-bottom: 25px;}
#review-form{visibility:hidden;transform: scaleY(0);height: 0;padding: 0;transition: all ease-in-out 0.4s;opacity: 0;transform-origin: center top;}
#review-form.actived{padding: 32px 0 100px;transform: scaleY(1);height: 100%;visibility: visible;opacity: 1;}
#review-form .title{font-size: 24px;margin-bottom: 10px;}
#review-form .tip{font-size: 16px;color: #777;margin-bottom: 40px;}
#review-form .sub{font-size: 16px;margin: 25px 0 15px;}
#review-form .rating li{position: relative;cursor: pointer;color: rgba(255, 97, 46,0.3);}
#review-form .rating li.actived{color: #FF612E;}
#review-form .rating li:not(:last-child){margin-right: 5px;}
#review-form .input{line-height: 42px;border: 1px solid #E9E9E9;width: 100%;padding: 0 10px;}
#review-form .input:not(textarea){height: 42px;}
#review-form .captcha{line-height: 42px;height:42px;border: 1px solid #E9E9E9;width: 120px;padding: 0 10px;margin-right: 10px;}
#review-form .captcha-pic{cursor: pointer;}
#review-form .btns{margin: 20px 0;}
#review-form .note{font-size: 16px;padding: 20px;color: #777;margin-top: 20px;}
#review-form .sub-ce{font-size: 16px;border-bottom: 1px dashed #ccc;padding-bottom: 10px;margin-bottom: 10px;}
#review-form .r-title{font-weight: 700;margin-right: 20px;}
#review-form .r-name{margin-right: 10px;padding-right: 10px;border-right: 1px solid #ccc;}
#review-form .aft .star svg.actived{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}
#review-form .aft .close-btn{margin-top: 20px;}

#list-cont{padding: 50px 0;}
#list-cont .list-sidebar{flex-basis: 240px;border-radius: 3px;box-shadow: 0 0 15px 0 rgba(153,153,153,0.24);background-color: #FFF;padding: 15px 0;position: sticky;position: -webkit-sticky;top:20px;}
#list-cont .list-sidebar .sub{border-left: 4px solid #FF612E;padding: 10px 25px;background: #f8f8f8;}
#list-cont .list-sidebar li{border-left: 4px solid transparent;}
#list-cont .list-sidebar li:hover{background: #f8f8f8;border-color: #FF612E;}
#list-cont .list-sidebar li:hover a{transform: translateX(5px);}
#list-cont .list-sidebar li a{display: block;padding: 10px 25px;}
#list-cont .rgt{flex-basis: calc(100% - 280px);}
#list-cont .rgt .cell{padding-bottom: 30px;border-bottom: 2px solid #eee;margin-bottom: 35px;display: block;}
#list-cont .rgt .cell .tp{display: block;}
#list-cont .rgt .cell:hover .tp{transform: translateX(10px);}
#list-cont .rgt .sub{font-size: 24px;margin-bottom: 20px;}
#list-cont .rgt .desc{margin-bottom: 15px;}
#list-cont .rgt .author-info .pho{width: 26px;height: 26px;border-radius: 50%;border: 1px solid #ccc;margin-right: 15px;display: block;font-size: 0;}
#list-cont .rgt .author-info .author{margin: 0 8px 0 5px;padding-right: 10px;position: relative;}
#list-cont .rgt .author-info .author::after{height: 80%;width: 1px;background-color: #ccc;position: absolute;right: 0;top:2px;content: '';}

#tech-banner{background: url("images/free-product-bg.jpg") no-repeat center top;text-align: center;padding: 100px 0 72px;}
#tech-banner.top{background: url("images/top-bg.png") no-repeat center 50px;padding: 100px 0 60px}
#tech-banner.top .title{font-size: 48px;max-width: 900px;margin: 0 auto}
#tech-banner.top .tip{max-width: 900px;margin: 0 auto}
#tech-banner.top .group-btn{margin-top: 30px}
#tech-banner .title{font-size: 36px;margin-bottom: 20px;}
#tech-banner .tip{font-size: 16px;color: #777;margin-bottom: 30px;}
#tech-banner .download-btn:nth-child(2):hover{background: #EDEDED;color:#FF612E;border: 2px solid #EDEDED}
#tech-banner .download-btn:nth-child(2){border:2px solid #ffffff}
#tech-spec{padding: 40px 0;}
#tech-spec .sub{font-size: 18px;font-weight: 700;margin-bottom: 20px;}
#tech-spec table{width: 100%;margin-bottom: 40px;}
#tech-spec table td,#tech-spec table th{border: 1px solid #eee;padding: 10px 2%;}
#tech-spec table td:first-child{background-color: #f5f5f5;}
#tech-spec table th{background-color: #b4b4b4;}
#tech-spec .cell.actived,#tech-spec .cell div.actived{display: block;}
#tech-spec .tab-a{margin-bottom: 30px;}
#tech-spec .tab-a li{font-size: 18px;background: #eee;padding: 10px 20px;margin: 0 10px;transition: all ease 0.4s;}
#tech-spec .tab-b {margin-bottom: 20px;}
#tech-spec .tab-b li{background: #eee;border-radius: 50px;padding: 4px 18px;margin: 5px 10px;transition: all ease 0.4s;}
#tech-spec .tab-a li:hover,#tech-spec .tab-b li:hover,#tech-spec .tab-a li.actived,#tech-spec .tab-b li.actived{background: #FF612E;color: #fff;cursor: pointer;}
#tech-spec .cell{border: 1px solid #E8E8E8;border-radius: 4px;margin: 10px 0 0 0;   }
#tech-spec .cell:not(:first-child){margin-left: 25px}
#tech-spec .cell .title{background: #F9F9F9;height: 50px;line-height: 50px;border-bottom: 1px solid #e8e8e8;text-indent:2em;font-weight: 600;font-size: 18px;}
#tech-spec .cell .text{padding: 20px 25px 30px 24px;font-weight: 500}
#tech-spec .font-bold{padding-bottom: 5px}
#tech-spec .list li:nth-of-type(2n+1){clear: both;}
#tech-spec .list li {float: left;width: 50%;padding: 3px 0;}

#techbox{background: #F9F9F9;padding-bottom:50px;}
#techbox .container{max-width: 1015px}
#techbox .title{font-size: 18px;text-align: center;padding-bottom: 25px;color: #666666;letter-spacing: 0;line-height: 24px;padding: 75px 0 35px 0;font-weight: 600}
#techbox .box_full{background: #fff;padding: 30px 25px;box-shadow: 0 1px 4px 0 rgba(0,0,0,0.18);border-radius: 4px;}
#techbox .box_full .tip p:nth-child(1){font-size: 16px;color: #FF612E;padding-bottom:18px}
#techbox .box_full .tip p:nth-child(2){font-size: 14px;color: #777777;font-weight: 400}
#techbox .search_device{line-height: 30px}
#techbox .tech_table{padding: 30px 0 0 0;overflow-x: auto;width: 100%}
#techbox .tech_table .table1{background: #fff;margin: 0 auto;max-width: 950px}
#techbox .tech_table .table1 td, .tech_box .table1 th{padding: 15px;border: 1px solid #e5e5e5;white-space: normal;word-break: break-all;word-wrap: break-word;text-align: center;min-width: 161px;}

#panel-info{padding: 20px 0 30px;position: relative}
#panel-info .tip{border: 1px dashed #E1E1E1;padding: 20px 35px 26px 40px;}
#panel-info .title{font-size: 18px;font-weight: 800;padding-bottom: 12px}
#panel-info ul li{line-height: 23px}
#panel-info .svg{position: absolute;right: 45px;top: 30px}
#panel-info .svg li{line-height: 33px}

#product-boxes .com-title{margin:50px 0 33px;font-size:32px}
#product-boxes .cell{background:#fff;border:1px solid #e8e8e8;width:300px;height:330px}
#product-boxes .cell img{width:161px;height:200px}
#product-boxes .cell p{font-size:16px;color:#363636;line-height:24px;margin-top:30px}
#product-boxes .cell:not(:last-child){border-right:none}
#promotional-banners .com-title{font-size:32px;margin: 0 auto 30px 0;}
#promotional-banners.com-block{padding:0 0 76px}
#promotional-banners table{background:#fff;border:1px solid #e8e8e8}
#promotional-banners table td{border:1px solid #e8e8e8;box-sizing:content-box}
#promotional-banners table:not(:first-child){margin-top:40px}
#promotional-banners th.title{border-right:1px solid #e8e8e8!important;width:148px;text-align:center;font-size:18px;color:#363636;line-height:24px;font-weight:700}
#promotional-banners .tbsize1 td{padding:25px 13px}
#promotional-banners .tbsize1 picture:not(:first-child){margin-left:8px}
#promotional-banners .tbsize2 td{padding:20px 28px}
#promotional-banners .tbsize3 td{padding:30px 40px}
#promotional-banners .tbsize4 td{padding:33px 51px}
#promotional-banners .tbsize5 td{padding:25px 41px}
#promotional-banners .tbsize6 td{padding:20px 38px}
#promotional-banners ul.mb-tbsize:not(:first-child){margin-top:40px}
#promotional-banners ul.mb-tbsize{background:#fff;border:1px solid #e8e8e8;text-align:center;padding:20px 10px}
#promotional-banners ul.mb-tbsize .sub{font-size:18px;margin-bottom:20px}
#promotional-banners ul.mb-tbsize li:not(:first-child){margin-top:15px}

#au-tp{margin: 40px 0 50px;}
#au-tp .cell{background: #8A95AE;border-radius: 4px;padding: 30px;color: #FFFFFF;}
#au-tp h1{font-size: 48px;line-height: 54px;}
#au-tp p{padding: 20px 0;font-size: 16px;line-height: 24px;}
#au-tp img{min-width: 240px !important;}
#au-list{padding-bottom: 50px;}
#au-list .cell{background: #FFFFFF;border: 1px solid #EDEDED;box-shadow: 0 4px 12px 0 rgba(29,42,81,0.10);border-radius: 4px;margin-bottom: 30px;cursor: pointer;}
#au-list .cell:hover{box-shadow: 8px 8px 16px 0 rgba(43,43,88,0.08);}
#au-list .cell:hover .sub,#au-list .cell:hover .editor{color: #FF612E;}
#au-list .lft{padding: 50px 20px;}
#au-list .sub{font-size: 22px;line-height: 30px;padding: 20px 50px 6px;display: inline-block;width: 220px;}
#au-list .editor{font-size: 14px;line-height: 22px;}
#au-list .rgt{padding: 30px;border-left: 1px solid #EDEDED;}
#au-list .rgt p{padding: 10px 0;color: #525F7F;line-height: 26px;}

#au-banner .cell{padding: 70px 0;border-bottom: 2px solid #E8EBF3;}
#au-banner .lft{flex-basis: calc(100% - 350px);}
#au-banner .lft h1{font-size: 52px;line-height: 58px;}
#au-banner .lft p{line-height: 24px;padding-right: 60px;}
#au-banner .lft p span{margin: 20px 0;color: #8A95AE;display: block;}
#au-banner .lft svg:hover path{fill: #FF612E;}
#au-banner .rgt{flex-basis: 49.01960784313725%;padding: 12px;box-shadow: 0px 2px 6px 0 rgba(0,0,0,0.11);background-color: #fff;}

#au-more{padding: 60px 0;}
#au-more .more-ac{border-bottom: 2px solid #E8EBF3;}
#au-more .more-ac h2{font-size: 28px;line-height: 42px;}
#au-more .more-ac p{padding: 10px 0 20px;line-height: 24px;}
#au-more .more-list{padding: 30px 0;}
#au-more .more-list .cell{padding: 16px 14px;margin-bottom: 15px;width: 32.5%;box-shadow: 0 4px 12px 0 rgba(29,42,81,0.10);border-radius: 4px;}
#au-more .more-list .tit{line-height: 28px;padding: 6px 0;}

.supprot_center p{margin:20px 0;}
.supprot_center h1{font-size:40px; }
.supprot_center h3{ font-size:35px;margin-bottom:10px; }
.supprot_center{width:960px; padding:100px 0; margin:auto;}

#more-option{padding-top: 100px;}
#more-option h2{padding-bottom: 70px;}
#more-option .cont .new-pri span{font-size: 16px;}
#more-option .cont .list-ok li{text-align: left;}
#more-option .cont ul.list-ok>li.un{color: #525F7F; opacity: .5; }
#more-option .cont ul.list-ok>li.un::after {background: none; }
#more-option .cell{flex-basis:32%}
#more-option .save-tip.rt {right: 30px;}
#more-option .save-tip {top: 30px;}


#af-hw .bg-up-to{font-size: 36px;background-color: #FF5100;width: 68%;margin: 0 auto;}
#af-hw .bg-up-to::after{content: '';width: 0;height: 0;position: absolute;right: 0px;top: 0px;border-top: 25px solid transparent;border-right: 15px solid #ffffff;border-bottom: 25px solid transparent;padding-right: 25px;}
#af-hw .bg-up-to::before{content: '';width: 0;height: 0;position: absolute;left: 0px;top: 0px;border-top: 25px solid transparent;border-left: 15px solid #ffffff;border-bottom: 25px solid transparent;padding-right: 25px;}
#tab .title {font-size: 52px;padding-bottom: 46px;}
#tab .tip {font-size: 24px;padding-bottom: 46px;margin-top: -28px;}
#tab .tab-btn{border: 3px solid #2F8EF9;border-radius: 8px;color: #2F8EF9;}
#tab .tab_li{width:50%;height: 100px;font-size: 28px;position: relative;cursor: pointer;background-color: #FFFFFF;}
#tab .tab_li:nth-child(1){border-radius: 4px 0 0 4px;}
#tab .tab_li:nth-child(2){border-radius: 0 4px 4px 0;}
#tab .tab_li .tab_span{position: absolute;bottom: -23px;width: 0;height: 0;border-width: 20px 20px 0;border-style: solid;border-color: #2F8EF9 transparent transparent transparent;display: none;}
#af-co.pd-10{padding-top: 10px;}
#af-co .apply-btn{margin-top: 40px;}
#af-co .apply-btn a{height: 80px;font-size: 32px;border-radius: 8px;padding: 0 41px;}
#tab .actived{background-color: #2F8EF9;color: #ffffff;}
#tab .actived .tab_span{display: block;}

#af-co.who-join .img-1{flex-basis: 32%;background: url(https://www.tenorshare.com/images/affiliate/join-plan-1.png) no-repeat center/cover;}
#af-co.who-join .img-2{flex-basis: 32%;background: url(https://www.tenorshare.com/images/affiliate/join-plan-2.png) no-repeat center/cover;}
#af-co.who-join .img-3{flex-basis: 32%;background: url(https://www.tenorshare.com/images/affiliate/join-plan-3.png) no-repeat center/cover;}
#af-co.who-join .img-4{flex-basis: 32%;background: url(https://www.tenorshare.com/images/affiliate/join-plan-4.png) no-repeat center/cover;}

#af-co.benefits .img-5{flex-basis: 32%;background: url(https://www.tenorshare.com/images/affiliate/join-plan-5.jpg) no-repeat center/cover;}
#af-co.benefits .img-6{flex-basis: 32%;background: url(https://www.tenorshare.com/images/affiliate/join-plan-6.jpg) no-repeat center/cover;}
#af-co.benefits .img-7{flex-basis: 32%;background: url(https://www.tenorshare.com/images/affiliate/join-plan-7.jpg) no-repeat center/cover;}
#af-co.benefits .img-8{flex-basis: 32%;background: url(https://www.tenorshare.com/images/affiliate/join-plan-8.jpg) no-repeat center/cover;}


@media (max-width: 960px){
    #ab-us h1.com-title,#oth-title,#search .title,#st-tp .title,#tab .title{font-size:calc(24px + 2.8vw)}
    #af-tp .title{font-size:calc(22px + 2.4vw)}
    .com-block .com-title,#af-tp .upto,#sp-bt .title{font-size: calc(18px + 1.5vw)}
    .com-block .com-tip{font-size: calc(14px + 0.4vw);}
    #by-pr .cell.hot{order: -1;}
    #st-fe .cell:not(:last-child),#st-fe .cell:last-child .ce:last-child,#in-co .cont .cell:not(:last-child){border-bottom: none;padding-bottom: 0;margin-bottom: 0;}
    #af-pr .cell:not(:last-child),#st-fe .ce,#in-co .cont .ce{border-bottom: 2px solid #F7F9FC;padding-bottom: 22px;margin-bottom: 20px;}
    #fq-gd .cell{padding: 34px 20px;}
    #fq-gd .cell:not(:last-child) ul{border-right: none;}
    #fq-gd .cell:not(:last-child){border-right:none;border-bottom: 1px solid #EDEDED;}

    #by-pr .two .cell{margin-left:0;margin-right:0;}
    #list-cont .list-sidebar{position: static;}

    #au-banner .lft h1{font-size: calc(26px + 2.5vw);}
    #au-more{padding: 30px 0;}
    #au-more .more-ac h2{font-size:calc(16px + 1.8vw);}
    #au-more .more-list .cell{width: 49%;}
    #au-more .more-list .tit{font-size: calc(14px + 0.5vw);}


    #af-hw .bg-up-to{font-size: calc(18px + 1.5vw);}
    #tab .tab-btn{font-size: calc(10px + 1.5vw);}
    #tab .tab_li{font-size: calc(14px + 1.5vw);height: calc(50px + 1.5vw);padding: 0 15px;}
    #af-co .apply-btn a{height: calc(40px + 1.5vw);font-size: calc(13px + 1.0vw);padding: 8px 22px;}
    #af-co .apply-btn svg{width: calc(20px + 1.5vw);height: calc(20px + 1.5vw);}
    .arrow-left{padding-right: 12px;}
    .arrow-right{padding-left: 12px;}

    #af-hw .bg-up-to{width: 75%;}
    #af-hw .bg-up-to::before{border-top: calc(9px + 1.5vw) solid transparent;border-left: calc(7px + 1vw) solid #ffffff;border-bottom: calc(9px + 1.5vw) solid transparent;padding-right: 20px;}
    #af-hw .bg-up-to::after{border-top: calc(9px + 1.5vw) solid transparent;border-right: calc(7px + 1vw) solid #ffffff;border-bottom: calc(9px + 1.5vw) solid transparent;padding-right: 20px;}


@media (max-width: 1120px){
    #review-banner .title,#code-cont .title{font-size: calc(18px + 1.5vw);}
}
@media (max-width: 769px){
    
    .com-block {padding: 40px 0;}
    
    #search.no-found{padding: 346px 0 60px;}
    #ab-fe .cont{padding-bottom: 80px;}

    #ab-fe .sec .cell,#by-sc .cell{padding: 0;border-left: none !important;}
    #sp-md .guide td{margin-bottom: 10px;}
    #sp-md .guide tr:last-child td:last-child{margin-bottom: 0;}
    #vd-co .switch-tab li:not(:first-child),#in-st .tab li:last-child{padding-left: 0;margin-left: 0;padding-top: 10px;}
    #st-fe .queue ul li:not(:first-child)::after,#vd-co .switch-tab li:not(:first-child)::after,#in-st .tab li:last-child::after{display: none;}

    #au-banner .cell{padding: 15px 0;}
    #au-banner .lft{padding: 15px 0;}
    #au-banner .lft p{padding-right: 0;}
    #au-banner .lft p span{margin: 10px 0;}
    
    #product-boxes .cell{margin: 0 auto;}
    #product-boxes .cell:not(:last-child){border: 1px solid #E8E8E8;margin-bottom: 30px}
    #promotional-banners table{display: none}
    #promotional-banners ul.mb-tbsize{display: block}

    #au-list .lft{padding: 25px 20px 0;}
    #au-tp .cell{padding: 15px;}
    #au-tp h1{font-size: calc(24px + 2vw)}
    #au-list .rgt{padding: 15px;border-left:none;}

    #af-hw .bg-up-to::before{border-top: calc(7px + 2vw) solid transparent;border-left: calc(7px + 1vw) solid #ffffff;border-bottom: calc(7px + 2vw) solid transparent;padding-right: 20px;}
    #af-hw .bg-up-to::after{border-top: calc(7px + 2vw) solid transparent;border-right: calc(7px + 1vw) solid #ffffff;border-bottom: calc(7px + 2vw) solid transparent;padding-right: 20px;}
    #af-hw .bg-up-to{width: 80%;}
    #af-co.who-join .pic,#af-co.benefits .pic{flex-basis: auto;height: 170px;}

    #ab-fe table td{width: 33.33333%;height: calc(37px + 11vw);float: left;}
    #ab-fe .more {margin-top: -34px;}


@media (max-width: 480px){
    #af-pr .cell{padding:0 10px;}
    #st-fe .switch-cont,#in-co .cont{padding: 30px 10px;}

    #product-boxes .cell{width: 100%}
    details .cont{padding: 20px 0 0;}

    #af-hw .bg-up-to::before{border-top: calc(9px + 2vw) solid transparent;border-left: calc(7px + 1vw) solid #ffffff;border-bottom: calc(9px + 2vw) solid transparent;padding-right: 20px;}
    #af-hw .bg-up-to::after{border-top: calc(9px + 2vw) solid transparent;border-right: calc(7px + 1vw) solid #ffffff;border-bottom: calc(9px + 2vw) solid transparent;padding-right: 20px;}
    #af-hw .bg-up-to{width: 100%;}

    
}