cite,i{font-style:normal}.table_box table,table{border-collapse:collapse}*{font-family:Objectivity,Arial,Helvetica,sans-serif}body,button,dd,dl,dt,h1,h2,h3,h4,h5,h6,html,input,li,ol,p,ul{margin:0;padding:0}b,em,h1,h2,h3,h4,h5,h6{font-weight:400}body{font-size:16px;line-height:22px}.btn_box,button,input{line-height:normal}ol,ul{list-style-type:none}a{text-decoration:none}a:hover{text-decoration:underline;cursor:pointer}cite{float:right}img{max-width:100%;border:0;-ms-interpolation-mode:bicubic;display:block;height:auto}svg:not(:root){overflow:hidden}figure,form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;vertical-align:middle}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;overflow:visible}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;height:13px;width:13px}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-spacing:0}.flex_box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}i{display:inline-block}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;overflow:hidden}.container{max-width:1400px;width:100%;margin:auto;-webkit-box-sizing:border-box;box-sizing:border-box}.line{position:relative;text-decoration:none!important}.line::after{clear:both;content:"";width:0;height:1px;border-radius:1px;position:absolute;bottom:0;right:0;left:auto;background:#5C5776;display:block;-webkit-transition:all linear .4s;transition:all linear .4s}.btn_box a,.btn_box>div,.header ul li{display:inline-block}.line:hover::after{width:100%;right:auto;left:0}.btn_box{font-size:0}.btn_box>a,.btn_box>div:nth-child(1){margin-right:20px}.btn_box a{min-width:260px;height:64px;line-height:58px;text-align:center;border:3px solid #9781FF;border-radius:55px;background:-webkit-gradient(linear,left top,right top,from(#9782FF),to(#5F3EFF));background:linear-gradient(90deg,#9782FF 0,#5F3EFF 100%);padding-left:10px;padding-right:10px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:24px;font-size:18px;color:#FFF;font-weight:700;-webkit-transition:-webkit-transform .3s linear;transition:-webkit-transform .3s linear;transition:transform .3s linear;transition:transform .3s linear,-webkit-transform .3s linear;position:relative}.btn_box a span{position:relative;z-index:2}.btn_box a.buy{background:-webkit-gradient(linear,left top,right top,from(#FF66DE),to(#F200BD));background:linear-gradient(90deg,#FF66DE 0,#F200BD 100%);border-color:#FF65DD}.btn_box a:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px);background:#6B4DFF;text-decoration:none}.btn_box a.buy:hover{background:#F100BD}.btn_box a span::before{clear:both;content:"";width:30px;height:30px;background:url(/images/index/windows.svg);display:inline-block;vertical-align:-8px;margin-right:10px}.btn_box a.mac span::before{background:url(/images/index/mac.svg);vertical-align:-10px}.btn_box a.buy span::before{background:url(/images/index/buy.svg)}.btn_box a::before{clear:both;content:"";width:222px;height:50px;background:-webkit-gradient(linear,left top,right top,from(#A28FFF),to(#6B4DFF));background:linear-gradient(90deg,#A28FFF 0,#6B4DFF 100%);border-radius:55px;opacity:.5;-webkit-filter:blur(14px);filter:blur(14px);position:absolute;top:18px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.btn_box a.buy::before{background:-webkit-gradient(linear,left top,right top,from(#FF71E0),to(#FF15CC));background:linear-gradient(90deg,#FF71E0 0,#FF15CC 100%)}.btn_box p{font-size:14px;color:#5C5776;font-weight:500;text-align:center}.header{position:relative;z-index:9}.header>div{height:90px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header ul li{margin-left:40px;font-size:16px;line-height:24px;font-weight:600}.header ul li a{color:#0E0053}.header ul li a:hover{color:#6B4DFF}.header ul li a::after{background:#6B4DFF}.header ul li:first-child{margin-left:0}.header .toggle{display:none}.footer{margin-top:60px;padding-top:64px}.footer .box{max-width:1142px;padding-bottom:46px}.footer .box .item .logo{display:inline-block}.footer .box .item .info{margin-top:12px;font-size:16px;color:#5C5776;line-height:24px}.footer .box .item{max-width:358px}.footer .box .share{margin-top:24px}.footer .box .share *{vertical-align:middle}.footer .box .share span{font-weight:700;font-size:16px;color:#0E0053;line-height:24px}.footer .box .share a{width:32px;height:32px;background:url(/images/index/twitter.svg);display:inline-block;margin-left:16px;-webkit-transition:all .3s linear;transition:all .3s linear}.footer .box .share a.yt{background:url(/images/index/yt.svg)}.footer .box .share a:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px)}.footer .box .language>span,.footer .box .subscribe_btn{margin-top:24px;min-width:252px;height:40px;line-height:40px;background:#EEE6FE;display:inline-block;border-radius:8px;font-weight:500;font-size:16px;color:#0E0053;cursor:pointer;padding-left:16px;padding-right:16px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:left;position:relative;overflow:hidden;-webkit-transition:all .3s linear;transition:all .3s linear}.footer .box .language>span span,.footer .box .subscribe_btn span{position:relative;z-index:1}.footer .box .language>span::before,.footer .box .subscribe_btn::before{clear:both;content:"";width:0;height:100%;background:#DFCFFF;-webkit-transition:all .3s linear;transition:all .3s linear;position:absolute;top:0;left:0}.footer .box .language>span:hover,.footer .box .subscribe_btn:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px)}.footer .box .language>span:hover::before,.footer .box .subscribe_btn:hover::before{width:100%}.footer .box .language{min-width:252px;display:inline-block;text-align:left;position:relative;z-index:1}.footer .box .language>span{position:relative}.footer .box .language>span::after{clear:both;content:"";background:url(/images/index/footer-arrow-down.svg);width:12px;height:12px;position:absolute;top:50%;right:16px;margin-top:-6px}.footer .box .language>span.active::after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.footer .box .language .language_box{background:#F7F3FF;border-radius:8px;position:absolute;bottom:48px;height:112px;width:252px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;padding:8px 2px 8px 8px;display:none}.footer .box .language .scroll_box{max-height:100%;overflow:auto}.footer .box .language .scroll_box::-webkit-scrollbar{width:3px}.footer .box .language .scroll_box::-webkit-scrollbar-thumb{background:#D1C8E2;border-radius:12px}.footer .box .language>div a{display:block;line-height:32px;font-size:16px;color:#0E0053;position:relative;padding:0 12px;border-radius:4px}.footer .box .language>div a.active{background:#EEE6FE}.footer .box .language>div a.active::after{clear:both;content:"";width:12px;height:12px;background:url(/images/index/selected.svg);position:absolute;right:8px;top:50%;margin-top:-6px}.footer .box dt{font-weight:700;font-size:24px;color:#0E0053;line-height:32px}.footer .box dl dd:first-of-type{margin-top:8px}.footer .box dl dd a{font-weight:500;font-size:16px;color:#5C5776;line-height:36px;text-decoration:none}.footer .copyright{text-align:center;font-size:16px;color:#5C5776;line-height:24px;padding:22px 0 24px;border-top:1px solid rgba(14,0,83,.2)}.subscribe_mask{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;display:none}.subscribe_box{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;border-radius:40px;-webkit-box-shadow:0 4px 24px 0 rgba(0,0,0,.16);box-shadow:0 4px 24px 0 rgba(0,0,0,.16);max-width:588px;width:100%}.subscribe_box .close{background:url(/images/index/close.svg);width:30px;height:30px;position:absolute;top:20px;right:20px;cursor:pointer}.subscribe_box>div{padding:40px 56px 60px;text-align:center}.subscribe_box div .info{font-weight:500;font-size:18px;color:#0E0053;line-height:32px;text-align:left}.subscribe_box div input{height:56px;background:#f1f1f1;border-radius:12px;font-weight:500;font-size:16px;color:#5C5776;line-height:24px;outline:0;border:none;width:100%;padding-left:24px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:16px}.subscribe_box div .error_p{text-align:left;font-weight:500;font-size:16px;color:#FF36D3;line-height:30px;position:absolute;display:none}.subscribe_box div .btn{width:260px;height:64px;line-height:58px;text-align:center;border:3px solid #9781FF;border-radius:55px;background:-webkit-gradient(linear,left top,right top,from(#9782FF),to(#5F3EFF));background:linear-gradient(90deg,#9782FF 0,#5F3EFF 100%);padding-left:10px;padding-right:10px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;margin-top:40px;font-size:18px;color:#FFF;font-weight:700;-webkit-transition:all .3s linear;transition:all .3s linear;position:relative;overflow:hidden;cursor:pointer}.banner .information p a,.banner h1{color:#0E0053}.subscribe_box div .btn span{position:relative;z-index:2}.subscribe_box div .btn::after{position:absolute;left:0;z-index:1;clear:both;content:"";width:0;height:100%;border-radius:55px;background:#6B4DFF;-webkit-transition:all .3s linear;transition:all .3s linear}.subscribe_box div .btn:hover::after{width:100%}.subscribe_box div .btn:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px);text-decoration:none}.banner .information p a,.left_part .list_box li:hover a,.relate ul li a,.right_part p>a:hover,.right_part ul li>a:hover{text-decoration:underline}.back-to-top{position:fixed;bottom:80px;right:80px;width:98px;height:98px;background-image:url(/images/index/top.svg);background-size:100% 100%;-webkit-transition:all .1s;transition:all .1s;cursor:pointer;display:none;z-index:100}.back-to-top.is-active{display:block}.back-to-top.is-active:hover{background-image:url(/images/index/top-hover.svg)}@media (max-width:1440px){.container{max-width:1200px}.back-to-top,.back-to-top.is-active{display:none!important}}@media (max-width:1200px){.container{padding-left:40px;padding-right:40px}.header>div{height:62px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.header .toggle{display:block;width:24px;height:24px;position:absolute;top:50%;left:40px;margin-top:-12px;background:url(/images/index/toggle.svg)}.header .toggle.active{background-position-y:-24px}.header .header_nav{position:absolute;top:62px;left:8px;background:rgba(255,255,255,.8);-webkit-box-shadow:0 9px 11px 0 rgba(61,18,0,.04);box-shadow:0 9px 11px 0 rgba(61,18,0,.04);border-top:2px solid #6B4DFF;border-radius:12px;width:200px;padding:22px 32px 24px;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);-webkit-box-sizing:border-box;box-sizing:border-box;display:none}.header .header_nav li{display:block;margin:32px auto auto}.footer,.header .header_nav li:first-child{margin-top:0}.footer .box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.footer .box .item{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;text-align:center;margin-top:40px;max-width:100%}.footer .box dl{width:100%;border-bottom:1px solid;margin-bottom:16px;padding:12px 32px 16px;-webkit-box-sizing:border-box;box-sizing:border-box}.footer .box dl:last-child{margin-bottom:0}.footer .box dl dt{position:relative}.footer .box dl dt::after{clear:both;content:"";background:url(/images/index/footer-arrow.svg);width:12px;height:12px;position:absolute;right:0;top:50%;margin-top:-6px}.footer .box dl.active dt::after{background-position-y:-12px}.footer .box dl dd{display:none}.footer .box dl.active dd{display:block}}@media (max-width:630px){.container{padding-left:20px;padding-right:20px}.btn_box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.btn_box>a,.btn_box>div{margin-left:auto!important;margin-right:auto!important}.header .toggle{left:20px}.header .header_nav{left:0;border-radius:0;width:100%}.footer .box dl{padding-left:16px;padding-right:16px}.footer .copyright{font-size:14px}.subscribe_box{width:calc(100% - 40px)}.subscribe_box>div{padding-left:20px;padding-right:20px}}body{background:#FDF9FF}.banner{padding:138px 0 64px;background:url(/images/article/banner-bg.svg) top center no-repeat;background-size:cover;margin-top:-90px}.banner h1{font-weight:700;font-size:56px;line-height:72px;text-align:center}.banner>.container{max-width:1240px;width:100%;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.banner .information{margin-top:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.banner .information p{font-weight:500;font-size:18px;color:#0E0053;line-height:24px}.banner .information i{display:inline-block;background:#0E0053;width:6px;height:6px;margin:0 16px;border-radius:50%}.banner .information p a:hover{color:#6B4DFF}.banner .information span{color:#0E0053}.fix_bar{position:sticky;top:0;background:#FFF;-webkit-box-shadow:0 4px 8px 0 rgba(141,110,253,.1);box-shadow:0 4px 8px 0 rgba(141,110,253,.1);border-radius:0;z-index:10;-webkit-box-sizing:border-box;box-sizing:border-box;display:none}.fix_bar>.container{height:80px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fix_bar .fix_left{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.fix_bar .fix_left a{font-weight:500;font-size:22px;color:#0E0053;line-height:24px;display:inline-block;margin-left:10px}.fix_bar .btn_box{zoom:.7}.fix_bar .btn_box a{margin-top:0;margin-right:0}.article_box .btn_box a{margin:16px 0 0}.article_box .btn_box a i{display:inline-block;width:30px;height:30px;background:url(/images/index/windows.svg);vertical-align:-8px;margin-right:10px}.article_box .btn_box a.mac i{background:url(/images/index/mac.svg);vertical-align:-9px}.btn_box a:nth-child(1){margin-right:20px}.btn_box a::before{z-index:-1}.btn_box p{margin-top:8px!important}.progress-bar{position:fixed;top:80px;left:0;height:5px;background:-webkit-gradient(linear,left top,right top,from(#FF36D3),to(#6B4DFF));background:linear-gradient(90deg,#FF36D3 0,#6B4DFF 100%);width:0;border-radius:6px;z-index:1000;-webkit-transition:width .3s ease;transition:width .3s ease}.article_box{margin:100px auto 60px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.article_box .left_part{position:sticky;top:90px;max-width:360px;width:100%}.left_part .top{background:#f0edff;font-weight:700;font-size:24px;color:#6B4DFF;line-height:28px;padding:24px 40px;border-radius:20px 20px 0 0}.left_part .list_box{padding:20px 40px 10px;background:#fff;border-radius:0 0 20px 20px;-webkit-box-shadow:0 11px 15px 0 rgba(141,110,253,.1);box-shadow:0 11px 15px 0 rgba(141,110,253,.1)}.right_part ol,.right_part ul{padding-left:18px;margin:32px 0}.left_part .list_box li a{font-weight:500;font-size:16px;color:#0E0053;line-height:26px;margin:10px 0;cursor:pointer;display:inline-block}.left_part .list_box li:first-child{margin-top:0}.left_part .list_box li.active a{color:#6B4DFF}.left_part .social>p,.right_part h2,h3{color:#0E0053;font-weight:700}.left_part .social{margin:32px auto 0;max-width:280px;width:100%}.left_part .social>p{font-size:22px;line-height:22px;text-align:center}.left_part .social>div{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:24px}.left_part .social>div img{display:inline-block;margin:0 10px;cursor:pointer}.right_part{max-width:960px}.bold{font-weight:700}.right_part h2{font-size:40px;line-height:60px;margin:64px 0 32px}.right_part h2:first-child{margin-top:0}.right_part div ol,.right_part div p,.right_part div ul{margin:20px 0 0}.right_part ol li span,.right_part p span,.right_part ul li span{font-weight:700}h3{font-size:32px;line-height:48px;margin:48px auto 32px}.right_part p{font-weight:500;font-size:16px;color:#5C5776;line-height:30px;margin:32px 0}.right_part ol li>a,.right_part p>a,.right_part ul li>a{color:#6B4DFF}.right_part ul{list-style:disc}.right_part ol{list-style-type:decimal}.right_part ol li,.right_part ul li{font-weight:500;font-size:16px;color:#0E0053;line-height:30px;margin:8px 0}.right_part>img{margin:32px 0;-webkit-box-shadow:0 4px 12px 0 rgba(107,77,255,.2);box-shadow:0 4px 12px 0 rgba(107,77,255,.2)}.table_box{border:1px solid #EEE6FE;border-radius:18px;overflow-x:auto;width:100%;margin:64px auto}.table_box table{width:100%}.table_box td{border:1px solid #EEE6FE;padding:16px;font-weight:400;font-size:16px;color:#0E0053;line-height:24px;text-align:center}.note,.relate{border-radius:32px;padding:40px 48px;-webkit-box-sizing:border-box}.note .title,.pros_cons>div>.title,.relate .title{line-height:22px;font-size:22px;font-weight:700}.table_box .table_first_bold tr td:first-child,.table_box .table_first_bold tr:first-child td{font-weight:700}.table_box table tr:nth-child(even){background:#fff}.table_box table tr td:first-child{border-left:none}.table_box table tr td:last-child{border-right:none}.table_box table tr:first-child td{border-top:none}.table_box table tr:last-child td{border-bottom:none}.table_box table td>img{margin:0 auto}.table_box_v1 tr:first-child td{background:#6B4DFF;color:#FFF}.table_box table tr:nth-child(odd){background:#fff}.note{background:#EEE6FE;box-sizing:border-box;margin:64px auto}.note .title{color:#0E0053;margin:0}.note p{margin:20px 0 0}.note .title>i{display:inline-block;width:28px;height:28px;margin-right:12px;background:url(/images/article/note.svg);vertical-align:-5px}.note .btn_box{margin-top:16px}.relate{background:#FFE1FA;box-sizing:border-box;margin:64px auto}.relate .title{color:#0E0053;margin:0}.relate ul li a{color:#0E0053}.relate ul li a:hover{color:#6B4DFF}.pros_cons{margin:64px auto}.pros_cons .cons,.pros_cons .pros{background:#EEE6FE;border-radius:24px;max-width:460px;width:100%;padding:32px 40px;-webkit-box-sizing:border-box;box-sizing:border-box}.pros_cons .cons{background:#FFE1FA}.pros_cons>div>.title{color:#0E0053;margin:0}.pros_cons .cons ul li i,.pros_cons ul li i{width:10px;height:10px;margin-right:10px;display:inline-block}.pros_cons>div>ul li:first-child{margin-top:0}.pros_cons>div>ul li:last-child{margin-bottom:0}.pros_cons ul{padding-left:0}.pros_cons ul li i{background:url(/images/article/pros.svg) no-repeat}.pros_cons .cons ul li i{background:url(/images/article/cons.svg) no-repeat}.pros_cons ul li{list-style:none}.product_box{margin:64px auto;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:48px;background:#FFF;padding:40px 16px 40px 10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:0 10px 10px 0 rgba(141,110,253,.1);box-shadow:0 10px 10px 0 rgba(141,110,253,.1)}.product_box .product_right{margin-left:24px;-webkit-box-flex:1;-ms-flex:1;flex:1}.product_box .pro_name{font-size:32px;font-weight:700;line-height:40px;color:#0E0053}.product_box .pro_info{font-weight:500;font-size:16px;color:#5C5776;line-height:30px;margin:16px 0}.author_box .author_head>a,.author_box .info{color:#0E0053;line-height:32px;font-weight:500}.author_box{margin:160px auto 140px;background:#EEE6FE;border-radius:24px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:56px 80px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.author_box .text_part{width:100%;-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:90px}.author_box .info{font-size:18px;margin-top:8px}.author_box .author_head{max-width:140px;text-align:center}.author_box .author_head>a{font-size:22px;text-align:center;margin-top:12px;display:inline-block}.author_box .author_head>a:hover{color:#6B4DFF}.author_box>i{display:inline-block;width:80px;height:80px;background:url(/images/product-music/review-purple.svg);position:absolute;top:-24px;left:48px}.learning{background:url(/images/article/bottom-bg.svg) no-repeat;padding:140px 0 64px;text-align:center;margin-bottom:-30px;background-size:cover}.learning .learning_title{font-weight:700;font-size:56px;color:#0E0053;line-height:80px;margin-bottom:56px}.learning ul li{background:#FFF;border-radius:32px;max-width:422px;width:100%;-webkit-box-shadow:0 13px 19px -10px rgba(107,77,255,.2);box-shadow:0 13px 19px -10px rgba(107,77,255,.2)}.learning ul li>img{border-radius:32px 32px 0 0}.learning ul li div{padding:32px;text-align:left}.learning ul li div a.title{font-weight:700;font-size:20px;color:#0E0053;line-height:32px}@media screen and (max-width:1440px){.fix_bar>.container{display:none}.progress-bar{top:0}.banner h1{font-size:48px;line-height:64px}.article_box .left_part{position:relative;top:0;max-width:100%}.right_part{max-width:100%;margin-top:60px}.article_box{max-width:100%;padding:0 40px}.right_part h2{font-size:36px;line-height:48px}h3{font-size:26px;line-height:36px}.pros_cons .cons,.pros_cons .pros{max-width:none;-webkit-box-flex:.47;-ms-flex:.47;flex:.47}.author_box{max-width:94%;margin:100px auto}.learning{padding-top:100px}.learning ul{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.learning ul li{margin:20px}.learning .learning_title{font-size:48px;line-height:64px;margin-bottom:18px}}@media screen and (max-width:800px){.author_box,.product_box{-webkit-box-orient:vertical}.banner{padding:130px 0 40px}.banner h1{font-size:36px;line-height:42px}.right_part h2{font-size:28px;line-height:36px;margin:36px 0 16px}h3{font-size:22px;line-height:32px;margin:24px auto 16px}.right_part p{margin:16px 0}.note,.pros_cons,.relate,.table_box{margin:48px auto}.right_part>img{margin:24px 0}.product_box{-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.product_box .product_right{margin-left:0;margin-top:24px}.pros_cons .cons,.pros_cons .pros{-webkit-box-flex:0;-ms-flex:none;flex:none;max-width:100%}.pros_cons div:nth-child(2){margin-top:32px}.author_box{-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.author_box .text_part{margin:20px 0 0}.learning .learning_title{font-size:36px;line-height:42px}}@media screen and (max-width:630px){.container{padding-left:20px;padding-right:20px}.left_part .list_box{padding:16px 20px 10px}.left_part .top{padding:16px 20px}.article_box{margin:60px auto}.right_part div ol,.right_part div p,.right_part div ul{margin-top:16px}.note,.pros_cons .cons,.pros_cons .pros,.relate{padding:24px 30px}.author_box{margin:80px auto}.learning{padding-top:80px}}