.base-button{display:block;border:2px solid #712ccd;color:#712ccd;border-radius:100px;font-size:20px;line-height:1;padding:10px 30px;font-weight:700;box-sizing:border-box;background:#fff;cursor:pointer}.base-button.big{height:50px}.base-button.small{font-size:18px;padding:6px 24px 8px}.base-button.green{color:white;background-color:#39b26c}.base-button.yellow{color:black;background-color:#f4d053}.base-button.white{color:black;background-color:white}.base-button.blue{color:white;background-color:#3494de}.base-button.red{color:white;background-color:#db4b3c}.base-input{background-color:white;border-radius:4px;border:1px solid #dedede;color:#555555;font-size:15px;line-height:20px;padding:5px 10px;width:200px;appearance:none;-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.base-input:focus{outline:none;border:1px solid #777777}html,body{height:100%;margin:0}body,textarea,input,select{margin:0;padding:0;font-size:14px;line-height:1.8;font-weight:normal;font-family:"Noto Sans SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;-webkit-font-smoothing:antialiased}a{text-decoration:none}ul,ol{margin:0;padding:0;list-style:none}img{border:none}h1,h2,h3,h4,h5,h6,p{margin:0}header,.wrap,footer{margin:0 auto}.wrap{_overflow:hidden}.content-wrap{padding:80px 0 0;box-sizing:border-box;border-left:#712ccd 35px solid;border-right:#712ccd 35px solid}@media screen and (max-width: 1400px){.content-wrap{border-left:0;border-right:0}}.content-wrap.no-border{border-left:0;border-right:0}.hidden{display:none}.top-header{color:#dedede;background-color:#000;padding:0px 35px;display:flex;height:38px}.top-header a{font-size:12px;display:inline-block;line-height:38px}.top-header .top-profile{position:relative;z-index:10}.top-header ul{align-items:center;display:flex}.top-profile a{padding-right:20px;color:#dedede}.top-header .top-profile:hover .profile-dropdown{visibility:visible;margin-top:0;z-index:999;opacity:1}.top-header .top-profile .profile-link{float:left;color:#777777;margin-left:-15px}.top-header .top-profile .avatar-tiny{margin:9px 7px 0 0px;_margin:-4px 8px 0 12px}.top-header .top-profile .arrow{_color:white;_line-height:0;font-size:0;border:solid transparent;content:"";height:0;width:0;pointer-events:none;border-width:5px;display:inline-block;border-top-color:#a3a3a2;margin-left:1px;vertical-align:-3px}.top-header .top-dm-link{color:#dedede}.top-header .num{height:16px;line-height:16px;background-color:#39b26c;color:white;width:17px;text-align:center;display:inline-block;border-radius:2px;font-size:12px;vertical-align:1px;position:relative;margin-left:5px}.top-header .num:before{left:0;top:50%;margin-top:-3px;margin-left:-6px;position:absolute;_color:white;_line-height:0;font-size:0;border:solid transparent;content:"";height:0;width:0;pointer-events:none;border-width:3px;display:inline-block;border-right-color:#39b26c}.top-header .top-social{display:flex;margin-left:auto;align-items:center}.top-header .top-social a{color:#a0a0a0;display:flex;align-items:center;padding:0 20px;position:relative}.top-header .top-social a:nth-last-of-type(1){padding-right:0}.top-header .top-social .icon{background-size:contain;width:20px;height:17px;margin-right:10px}.top-header .t-wechat .extra{visibility:hidden;position:absolute;top:40px;right:0;padding:20px;background-color:#fff;z-index:999;transition:all 0.15s ease}.top-header .t-wechat:hover .extra,.top-header .t-wechat:active .extra,.top-header .t-wechat:focus .extra{visibility:visible;opacity:1;top:50px}.top-header .top-broadcast .grey-text{color:#777777}.top-header .top-broadcast .icon-arrow-right{margin-left:4px;vertical-align:0}.top-header li{position:relative}.top-header li .top-item-inner{display:inline-block;padding-left:20px;padding-right:15px;_padding-top:12px;_height:28px}.top-header .header-vertical-sep{height:16px;line-height:0;width:0;display:block;border-right:1px solid #707070}.top-nav{color:white;background-color:#7645b8;background:linear-gradient(90deg, #712ccd 13.4%, #6a03f4 77.71%),#6e35bb;display:flex;position:relative;align-items:center;z-index:9}.top-nav .logo{float:left;width:220px;height:74px;padding:18px 35px 21px;position:relative;box-sizing:border-box}.top-nav .logo i{background-image:url(https://www.midifan.com/data/assets/img/logo.svg);width:150px;display:block;height:35px}.top-nav .main-nav-wrap{position:absolute;top:0;left:0;right:0;margin:auto;width:476px}.top-nav .main-nav{display:flex;margin:auto}.top-nav .main-nav>li>h2>a::after{content:" ";position:absolute;bottom:0;width:0;height:0;border-style:solid;border-width:0 18px 8px 18px;left:16px;opacity:0;border-color:transparent transparent #2f0962 transparent;transition:opacity 0.15s ease-out}.top-nav .main-nav>li.monthly-li>h2 a::after{border-color:transparent transparent #43b070 transparent}.top-nav .main-nav>li.monthly-li .monthly{display:none}.top-nav .main-nav>li.monthly-li:hover>h2 a::after{opacity:1}.top-nav .main-nav>li.monthly-li:hover .monthly{display:block}.top-nav .main-nav>li>h2:hover a::after{opacity:1}.top-nav .main-nav h2:hover .mn-sub-menu-box{visibility:visible;opacity:1;margin-top:0}.top-nav a.mn-link{font-size:16px;color:white;height:100%;line-height:74px;width:68px;text-align:center;display:inline-block;position:relative}.top-nav .mn-link .icon-current-label{display:none;position:absolute;width:6px;height:6px;border-radius:50%;background:#fff;bottom:17px;left:0;margin:auto;right:0}.top-nav .mn-link.current .icon-current-label{display:block}.top-nav .mn-sub-menu-box{display:flex;align-items:center;visibility:hidden;opacity:0;position:absolute;width:100%;left:0;transition:all 0.15s ease-out}.top-nav .mn-sub-menu-box article{background:#2f0962;display:flex;align-items:center;min-width:476px;margin:auto}.top-nav .mn-sub-menu{padding:12px 30px;background:#2f0962;display:flex;margin:auto;flex-wrap:wrap}.top-nav .mn-sub-menu>li{background-color:#2f0962}.top-nav .mn-sub-menu:hover{visibility:visible}.top-nav .mn-sub-menu-link{color:#fff;height:40px;line-height:40px;padding:0 15px;display:inline-block;font-size:16px}.top-nav .mn-sub-menu-link:hover span{border-bottom:2px solid #fff}.top-nav h2{height:100%}.feature{display:flex;border-right:4px solid #000;border-bottom:4px solid #000}.feature.home{flex-wrap:wrap;border-bottom:0}.feature-article{display:block;position:relative;border-top:4px solid #000;border-left:4px solid #000;box-sizing:border-box;background-color:#000;height:336px}.feature-article .title-image{width:100%;height:100%;position:absolute;top:0;left:0;background-size:cover;background-position:center}.feature-article .content{position:relative;z-index:1;color:white;height:100%}.feature-article .topic{margin-bottom:4px;display:inline-block}.feature-article .gradient{width:100%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(180deg, #000 0%, rgba(0,0,0,0) 100%);opacity:0.6}.feature-article:hover .gradient{display:block;background-image:none;background:#712ccd;opacity:0.5}.feature-article.four-piece,.feature-article.five-piece{flex:0 0 20%;height:20vw}.feature-article.four-piece .title,.feature-article.five-piece .title{font-size:18px;line-height:26px}.feature-article.four-piece .content,.feature-article.five-piece .content{padding:30px}.feature-article.home{border-bottom:0}.feature-article.home:nth-of-type(1){width:60%;height:474px}.feature-article.home:nth-of-type(1) .content-inner{padding:30px}.feature-article.home:nth-of-type(1) .content-inner h3{margin:0;font-weight:900;font-size:40px;line-height:50px;width:70%}.feature-article.home:nth-of-type(1) .title-image{height:100%}.feature-article.home:nth-of-type(2){width:40%;height:474px}.feature-article.home:nth-of-type(3),.feature-article.home:nth-of-type(4){width:30%;height:384px}.feature-article.home:nth-of-type(5){width:40%;height:384px}.feature-article.home:nth-of-type(5) .content-inner{padding:30px}.feature-article.home:nth-of-type(5) .content-inner h3{font-size:21px;line-height:30px;margin:0;width:70%;display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:62px}.feature-article.home:nth-of-type(2),.feature-article.home:nth-of-type(3),.feature-article.home:nth-of-type(4){position:relative}.feature-article.home:nth-of-type(2) .gradient,.feature-article.home:nth-of-type(3) .gradient,.feature-article.home:nth-of-type(4) .gradient{display:none}.feature-article.home:nth-of-type(2) .content-inner,.feature-article.home:nth-of-type(3) .content-inner,.feature-article.home:nth-of-type(4) .content-inner{color:#000;background:#fff;position:absolute;bottom:0;left:31px;border-top:1px solid #000;padding-top:2px}.feature-article.home:nth-of-type(2) .content-inner h3,.feature-article.home:nth-of-type(3) .content-inner h3,.feature-article.home:nth-of-type(4) .content-inner h3{padding:7px 20px 10px 20px;font-size:18px;line-height:26px;display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:46px;border-top:1px solid #000}.feature-article.home:nth-of-type(2) .content-inner:after,.feature-article.home:nth-of-type(3) .content-inner:after,.feature-article.home:nth-of-type(4) .content-inner:after{content:" ";display:none;position:absolute;width:100%;height:4px;top:-1px;left:0;background-color:#fff}.feature-article.home:nth-of-type(2):hover .gradient,.feature-article.home:nth-of-type(3):hover .gradient,.feature-article.home:nth-of-type(4):hover .gradient{display:block}.feature-article.home:nth-of-type(2):hover .content-inner,.feature-article.home:nth-of-type(3):hover .content-inner,.feature-article.home:nth-of-type(4):hover .content-inner{color:#fff;background-color:#712ccd}.feature-article.home:nth-of-type(2):hover .content-inner:after,.feature-article.home:nth-of-type(3):hover .content-inner:after,.feature-article.home:nth-of-type(4):hover .content-inner:after{display:block}.feature-article.home:nth-of-type(2) .title-image,.feature-article.home:nth-of-type(3) .title-image,.feature-article.home:nth-of-type(4) .title-image,.feature-article.home:nth-of-type(5) .title-image{height:calc(100% - 50px)}.feature-article.home span.topic{display:none}.top-aaa{background:#000;align-items:center;display:flex;padding:20px 0}.top-aaa .ads{margin:auto;display:flex}.top-aaa .aaa-item{height:90px;display:inline-block;background-color:#d6d6d4;float:left}.top-aaa .aaa-1{width:330px;margin-right:10px}.top-aaa .aaa-2{width:500px;margin-right:10px}.top-aaa .aaa-3{width:330px}@media screen and (max-width: 1400px){.top-aaa .ads{transform:scale(0.84184);transform-origin:center}}.mid-ads .ad-item{height:90px;width:590px;display:inline-block;background-color:#ddd}.mid-aaa-box{box-sizing:border-box;padding:20px 0;width:100%;background:#000}.mid-aaa-box-2{box-sizing:border-box;margin:0 0 80px -20px;width:100%;background:none}.mid-aaa-box-2.outer{margin-left:0}.mid-aaa{margin:0px auto;display:flex;width:1190px}.mid-aaa .aaa-item{height:90px;width:590px;display:inline-block}.mid-aaa .aaa-item img{width:100%;height:auto}.mid-aaa .aaa-item.aaa-2{margin-left:auto}.mid-aaa .aaa-item>iframe,.mid-aaa .aaa-item>object{transform-origin:top left}.mid-aaa.detail-view{width:1150px}.mid-aaa.detail-view .aaa-item{width:570px;height:87px}.mid-aaa.detail-view>iframe{transform:scale(0.9661)}@media screen and (max-width: 1400px){.mid-aaa-box-2{margin-bottom:60px;width:990px}.mid-aaa{width:990px}.mid-aaa .aaa-item{width:490px;height:74.74576px}.mid-aaa .aaa-item>iframe,.mid-aaa .aaa-item>object{transform:scale(0.83051)}}.sections{width:1234px;margin:auto;padding-bottom:1px}.section-title{margin:auto;border-top:4px solid #000;margin-bottom:35px;padding:0px 20px 0 0;display:flex;align-items:center}.section-title h2{padding:20px 20px 2px;border-left:4px solid #000;font-size:32px;line-height:1;font-weight:900;color:#000}.news_row{display:grid;width:1190px;grid-template-columns:370px 370px 370px;grid-column-gap:40px;grid-row-gap:40px;margin:auto;margin-bottom:40px}.news-grid{display:flex;width:1230px;flex-wrap:wrap;margin-left:22px}.index-base-item{position:relative}.feature-news{display:block;width:370px;margin-right:40px;margin-bottom:40px;position:relative}.feature-news .title-image-wrap{width:100%;height:240px;background-size:cover;background-position:center;position:relative}.feature-news .title-image-wrap .title-image{background-size:cover;background-position:center;height:100%}.feature-news .title-image-wrap .title-logo{position:absolute;width:40px;height:40px;right:10px;top:10px;border-radius:50%;overflow:hidden}.feature-news .title-image-wrap .title-logo img{width:100%;height:100%}.feature-news .title-image-wrap .overlay{position:absolute;background-color:rgba(0,0,0,0.1);width:100%;height:100%;top:0;left:0}.feature-news .content{margin-top:-20px;margin-left:35px;background:#fff;border-top:1px solid #000;padding:2px 0 0;position:relative}.feature-news .content h3.title{color:#000;border-top:1px solid #000;padding:11px 16px 20px;margin:0;font-size:21px;line-height:30px}.feature-news .content p.summary{font-size:14px;line-height:24px;color:#444444;margin:0 16px 7px;display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:48px;text-align:justify}.feature-news .content .meta{display:flex;margin:0 16px}.feature-news .content .meta span.time,.feature-news .content .meta span.comment{font-size:12px;color:#a0a0a0;display:block;line-height:1}.feature-news .content .meta span.comment{margin-left:auto}.feature-news .content:after{content:" ";display:block;position:absolute;top:-1px;left:0;background-color:#712ccd;width:100%;height:4px;opacity:0}.feature-news:hover .overlay{background-color:#712ccd;opacity:0.5}.feature-news:hover .content h3.title,.feature-news:hover .content p.summary{color:#712ccd !important}.feature-news:hover .content:after{opacity:1}.feature-news.ad .cover-img{width:100%;height:100%;position:absolute;top:0;left:0;background-color:cover;background-position:center}.feature-news.ad .ad-indicator{font-size:12px;position:absolute;top:0;right:0;color:white;background-color:#7645b8;padding:0 4px}.two-cols{display:flex}.two-cols .more{margin:80px auto 150px 0}.two-cols .more a{margin:0}.two-cols .col{width:584px;margin-right:70px}.two-cols .col:nth-last-of-type(1){margin-right:0}.two-cols .two-col-list{padding:0 20px}.two-cols .two-cols-item{margin-bottom:10px;display:block;border-top:1px solid #000;display:flex;box-sizing:border-box;position:relative}.two-cols .two-cols-item:after{content:" ";background-color:#712ccd;width:100%;height:4px;position:absolute;top:-1px;left:0;opacity:0}.two-cols .two-cols-item .product-img{width:100px;height:100px;background-size:cover;background-position:center;position:relative;flex:0 0 100px}.two-cols .two-cols-item .overlay{background-color:rgba(0,0,0,0.1);position:absolute;left:0;top:0;width:100%;height:100%}.two-cols .two-cols-item .content{padding:8px 0 0 20px;display:flex;flex-direction:column}.two-cols .two-cols-item .content span.brand{display:none}.two-cols .two-cols-item .content h3.title{font-weight:900;color:#000;line-height:26px;font-size:20px;display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:50px}.two-cols .two-cols-item .content h3.title.one-line{-webkit-line-clamp:2;height:26px}.two-cols .two-cols-item .content p.info{margin:auto 0 4px 0;font-size:16px;line-height:24px}.two-cols .two-cols-item .content p.meta{font-size:12px}.two-cols .two-cols-item .content p.info,.two-cols .two-cols-item .content p.meta{color:#707070}.two-cols .two-cols-item .content .product-operations{margin-top:auto;display:flex}.two-cols .two-cols-item .content .product-operations article{margin-right:10px}.two-cols .two-cols-item .content .product-operations span{font-size:12px;color:#707070}.two-cols .two-cols-item .content .product-operations span.desc{margin-right:5px}.two-cols .two-cols-item:hover:after{opacity:1}.two-cols .two-cols-item:hover .overlay{background:#712ccd;opacity:0.7}.two-cols .two-cols-item:hover .content h3.title,.two-cols .two-cols-item:hover .content p.info,.two-cols .two-cols-item:hover .content p.meta{color:#712ccd}.two-cols .two-cols-item:hover .product-operations span{color:#712ccd}.more{display:flex;align-items:center;width:100%;margin:0px 0 150px}.more a{display:block;border:2px solid #712ccd;color:#712ccd;border-radius:100px;font-size:20px;line-height:1;padding:10px 30px;font-weight:700;margin:auto}@media screen and (max-width: 1400px){.sections{width:990px}.news-grid{width:1000px}.feature-news{margin-right:50px;margin-bottom:50px;width:450px}.feature-news .title-image-wrap{height:292px}.news_row{width:950px;grid-column-gap:50px;grid-template-columns:450px 450px;grid-row-gap:50px;margin-bottom:50px}}.product-grid{margin-left:22px;display:flex;flex-wrap:wrap;width:1216px;margin-bottom:60px}@media screen and (max-width: 1400px){.product-grid{width:969px}}.product-grid-item{border:1px solid #dedede;position:relative;display:block;margin-right:26px;margin-bottom:40px;width:278px;box-sizing:border-box}@media screen and (max-width: 1400px){.product-grid-item{width:297px}}.product-grid-item.side{margin-bottom:35px}.product-grid-item .cover-img{width:100%;position:relative;height:185px;background-size:cover;background-position:center}.product-grid-item .overlay{position:absolute;background:rgba(0,0,0,0.1);width:100%;height:100%;top:0;left:0}.product-grid-item .content{padding:10px 16px 10px;position:relative}.product-grid-item .headings{min-height:48px}.product-grid-item h4.brand,.product-grid-item h3.title{line-height:24px;margin:0;color:#000}.product-grid-item h4.brand{font-size:13px}.product-grid-item h3.title{font-size:18px}.product-grid-item .info{margin-top:8px}.product-grid-item .info span{color:#712ccd;font-size:13px;line-height:21px}.product-grid-item .info p{margin:25px 0 0;text-align:justify;font-size:14px;line-height:22px;color:#a0a0a0;display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:44px}.product-grid-item p.summary{margin:7px 0 0;font-size:14px;line-height:22px;color:#a0a0a0}.product-grid-item span.price{position:absolute;right:16px;top:10px;font-size:14px;color:#712ccd}.product-grid-item:after{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border:4px solid #712ccd;box-sizing:border-box;pointer-events:none;display:none}.product-grid-item:hover .overlay{background-color:#712ccd;opacity:0.5}.product-grid-item:hover h3.title{color:#712ccd}.product-grid-item:hover:after{display:block}.product-grid-item .extra-info .cur-ver{color:#a0a0a0;display:block;line-height:1.2}.product-grid-item .extra-info .platforms{display:flex;margin:6px 0 10px -5px}.product-grid-item .extra-info .platforms a{margin-right:5px;display:block}.product-grid-item .extra-info .platforms a img{vertical-align:middle}.second-grid-wrap{margin-left:22px;width:1216px;margin-bottom:60px}@media screen and (max-width: 1400px){.second-grid-wrap{width:969px}}.product-grid-item.second{width:278px;margin-right:26px;margin-bottom:40px;box-sizing:border-box;float:left}@media screen and (max-width: 1400px){.product-grid-item.second{width:297px}}.product-grid-item.second .overlay{background:none}.product-grid-item.second:hover .overlay{background:#712ccd;opacity:0.5}.product-grid-item.second .content{padding-top:20px}.product-grid-item.second .headings span{color:#a0a0a0;font-size:13px;line-height:21px;display:block;margin-top:6px}.product-grid-item.second .second-sub span{font-weight:bold;color:#712ccd}.product-grid-item.second .cover-img{height:auto}.product-grid-item.second .cover-img img{width:100%;vertical-align:middle}footer{background:#000;padding:100px 0 40px}.footer-nav{width:1180px;margin:0 auto 25px}@media screen and (max-width: 1400px){.footer-nav{width:948px}}.footer-nav-content{width:1230px;margin-right:-50px;display:flex;flex-wrap:wrap}@media screen and (max-width: 1400px){.footer-nav-content{width:998px}}.footer-nav h4{color:#fff;font-size:13px;margin-bottom:6px}.footer-nav .col{margin-right:50px;margin-bottom:75px}.footer-nav .col .single{width:100px}.footer-nav .col .double{width:210px;display:flex}.footer-nav .col ul{width:100px;border-top:1px solid #fff;padding-top:20px;font-size:13px}.footer-nav .col ul li a{line-height:23px}.footer-nav .col ul:nth-of-type(2){padding-left:10px}.footer-nav .col .footer-nav-link{color:#fff}.footer-nav .col .footer-nav-link:hover{color:#712ccd}.footer-info{padding:0 12px;font-size:12px}.footer-info .logo{width:120px;height:28px;background-size:contain;background-image:url(https://www.midifan.com/data/assets/img/logo.svg);margin:0 auto 26px;display:block}.footer-info span,.footer-info a{color:#fff}.footer-info .footer-info-link:hover{color:#712ccd}.footer-info .content{text-align:center}.page-content{display:flex;width:1130px;margin:auto;padding-bottom:150px}.page-content .main-content{width:720px}.page-content .main-content .main-title{border-top:4px solid #000;padding:20px 0}.page-content .main-content .main-title h3,.page-content .main-content .main-title h2{margin:0 0 7px;font-weight:900}.page-content .main-content .main-title h3{font-size:26px}.page-content .main-content .main-title h2{font-size:40px;line-height:56px}.page-content .main-content .main-title h5{font-weight:normal;color:#a0a0a0;font-size:15px;line-height:1;margin-bottom:32px}.page-content .main-content .main-title h5 a{color:#712ccd}.page-content .main-content .second-hero{margin-top:50px;margin-bottom:70px;width:100%}.page-content .main-content .second-hero a{display:block}.page-content .main-content .second-hero img{width:100%;display:block}.page-content .main-content .main-info{font-size:14px;line-height:36px;color:#a0a0a0}.page-content .main-content .main-info .name{color:#712ccd;margin-right:5px}.page-content .main-content .main-info a.comment{color:#a0a0a0;margin-left:auto}.page-content .main-content .main-info a.comment strong{color:#712ccd}.page-content .main-content .main-info li.soft-sys{display:flex}.page-content .main-content .main-info li.soft-sys span{display:flex}.page-content .main-content .main-info li.soft-sys span a{display:block;margin-right:5px}.page-content .main-content .main-info li.soft-sys span a img{vertical-align:middle}.page-content .sub-title .title-switch+.title-switch{margin-left:15px}.page-content .sub-title .title-switch h3{color:#444444;border-bottom-color:transparent;font-size:16px}.product-info{width:600px;background:#f2f2f2;border-radius:8px;padding:16px 20px 20px;margin-bottom:100px}.product-info .title{border-bottom:1px solid #a0a0a0}.product-info .title h3{color:#a0a0a0;font-size:18px;font-weight:900;margin:0 0 6px}.product-info ul{margin:15px 0}.product-info li{font-size:16px;line-height:32px}.product-info li span a{color:#712ccd}.product-info li.contacts{display:flex}.product-info li.contacts span{display:block}.product-info .updated{margin-top:30px;color:#a0a0a0}.wechat-share{display:inline-block;position:relative}.wechat-share p{cursor:pointer}.wechat-share p i{background-image:url("https://www.midifan.com/data/assets/img/icon-wechat.svg");width:16px;height:16px;background-size:contain;background-repeat:no-repeat;background-position:center;display:inline-block;transform:translate3d(0, 3px, 0px);margin:0 4px}.wechat-share .wechat-qrcode{padding:10px;border:1px solid #000;position:absolute;top:35px;background:#fff;display:none}.wechat-share .wechat-qrcode-img{width:120px;height:120px}.wechat-share .wechat-qrcode-img canvas{width:100%;height:100%}.wechat-share:hover .wechat-qrcode{display:block}.page-content .usage .usage-block{width:190px}.page-content .usage .usage-block+.usage-block{margin-left:50px}.page-content .usage h4{font-size:16px;font-weight:normal;margin-bottom:5px}.page-content .usage strong{font-weight:normal}.page-content .usage .person-item{width:30px;height:30px}.page-content .usage .person-item+.person-item{margin-left:10px}.page-content .usage .person-link{width:30px;height:30px;display:inline-block}.page-content .usage .base-button{width:120px;margin-top:20px}.page-content .items-wrap{margin-right:-20px;margin-top:-15px}.sidebar{width:300px;margin-left:auto}.page-content .sidebar .news-list-item+.news-list-item{margin-top:8px}.sidebar-aaa img{width:100%;height:auto}.sidebar-aaa+.relative-products .relative:nth-of-type(1){margin-top:50px}.page-content .side-product-items-wrap{margin:30px 10px}.post-content{margin:30px 0 35px 0;font-size:18px}.post-content p{line-height:36px}.post-content a{color:#712ccd}.post-content a:visited,.post-content a:active{color:#712ccd}.post-content ul{list-style:disc;padding-left:25px;margin-bottom:30px}.post-content ol{list-style:decimal;padding-left:25px;margin-bottom:30px}.post-content li+li{margin-top:5px}.post-content img{height:auto;max-width:100%}.post-content h1{font-weight:900;font-size:32px;line-height:47px;color:#000000;text-align:center}.post-content h2{color:#000;font-size:24px;line-height:35px;font-weight:900;text-align:left;color:#712ccd}.post-content h3{font-weight:900;font-size:18px;line-height:36px;letter-spacing:-0.01em;color:#FF6666;}.post-content .compare-title h3{color:#000}.post-content li::marker{color:#712ccd}.post-content p,.post-content ol,.post-content ul,.post-content blockquote,.post-content h1,.post-content h2,.post-content h3,.post-content .video-responsive,.post-content img{margin-top:18px}.post-content p{margin-top:20px}.footnote{padding-bottom:20px;margin-top:70px}.footnote p{font-size:15px;line-height:21px;margin:10px 0}.footnote a{color:#712ccd}.relative{margin:0 0 50px}.relative>.title{border-bottom:4px solid #000}.relative>.title h3{font-size:18px;font-weight:900;line-height:1.7}.relative ul{margin:12px 0}.relative li{border-bottom:1px solid #dedede}.relative li:nth-last-child(1){border-bottom:0}.relative li a{display:block;font-size:15px;color:#707070;line-height:24px;padding:8px 0}.relative li a:hover{color:#712ccd}.news-relative-product{margin-bottom:50px}.news-relative-product a.product-item-link{display:block}.news-relative-product a.product-item-link:hover h4.title,.news-relative-product a.product-item-link:hover p.desc{color:#712ccd}.news-relative-product .meta{display:flex}.news-relative-product .cover-img{width:120px;height:120px;background-position:center;background-size:cover;position:relative;margin-right:20px}.news-relative-product .cover-img .overlay{position:absolute;height:100%;left:0;top:0}.news-relative-product h4.title{font-weight:bold;font-size:18px;line-height:21px;color:#000000}.news-relative-product span.category{font-size:13px;line-height:21px;color:#a0a0a0}.news-relative-product p.desc{font-size:15px;line-height:25px;color:#000000;margin:20px 0;display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:50px}.news-relative-product .view-detail{height:42px;background:#ffffff;border:2px solid #712ccd;box-sizing:border-box;border-radius:25px;display:block}.news-relative-product .view-detail span{font-size:18px;font-weight:bold;line-height:36px;color:#712ccd;text-align:center;display:block}.comments{border-top:1px solid #dedede;padding:70px 0 60px}.comments .comments-title h3{font-weight:900;font-size:18px;line-height:2}.add-comments-box{background:#f2f2f2;border-radius:8px;padding:10px;margin-bottom:40px}.add-comments-box textarea{border:1px solid #dedede;display:block;width:100% !important;resize:none;border-radius:4px;margin:0 0 20px;height:170px;padding:12px 20px;box-sizing:border-box}.add-comments-box .form-user{display:flex;padding:20px}.add-comments-box .form-user .inputs{margin-right:24px}.add-comments-box .form-user .inputs .input{margin-bottom:8px}.add-comments-box .form-user .inputs .input:nth-last-child(1){margin-bottom:0}.add-comments-box .form-user .inputs .input label{width:45px;font-size:15px;margin-right:10px;display:inline-block}.add-comments-box .form-user .inputs .input input{width:210px;border:1px solid #dedede;border-radius:4px}.add-comments-box .form-user .anon{margin-top:auto;height:32px;display:flex;align-items:center}.add-comments-box .form-user .anon input[type="checkbox"]{border:1px solid #dedede;width:16px;height:16px;margin-right:10px}.add-comments-box .form-user .anon span{margin-top:-2px;font-size:15px;line-height:1;display:block}.add-comments-box .form-user .captcha{margin:auto 0 0 auto;height:32px;display:flex;align-items:center}.add-comments-box .form-user .captcha img{width:70px;height:30px !important;margin-right:15px !important}.add-comments-box .form-user .captcha input{width:140px;text-align:center;border:1px solid #dedede;border-radius:4px}.add-comments-box .form-user .captcha input::-moz-placeholder{color:#a0a0a0}.add-comments-box .form-user .captcha input:-ms-input-placeholder{color:#a0a0a0}.add-comments-box .form-user .captcha input::placeholder{color:#a0a0a0}.comments .add-comment{font-size:16px;display:inline-block;border:2px solid #712ccd;border-radius:100px;font-weight:bold;font-size:20px;line-height:30px;text-align:center;color:#712ccd;width:140px;height:50px;cursor:pointer;background:#fff}.comments .add-comment .icon-add-comment{vertical-align:0px;margin-right:6px}.comments ul.comments-list{margin-bottom:60px}.comments .comment-list-item{padding:20px 0}.comments .comment-list-item+.comment-list-item{border-top:1px solid #f0f0ed}.comments .comment-list-item .person{display:flex;align-items:center;font-size:15px;line-height:21px}.comments .comment-list-item .person .person-item{display:flex;align-items:center}.comments .comment-list-item .person .person-item .name{color:#a0a0a0;font-weight:bold;margin-left:12px;vertical-align:-2px}.comments .comment-list-item .person span.published-time{margin-left:auto;display:block;color:#a0a0a0}.comments .comment-content{margin:10px 0 20px;font-size:15px;line-height:21px}.comments .meta{display:flex;align-items:center}.comments .meta a{font-size:13px;line-height:21px;color:#a0a0a0;margin-right:10px}.comments .meta a:hover{color:#712ccd}.showcase{margin-top:50px;margin-bottom:70px}.showcase .hero-img{width:100%;height:500px;background-size:contain;background-repeat:no-repeat;background-position:center}.showcase .hero-img-wrap{width:100%;height:500px}.showcase .img-chooser{margin-top:30px}.showcase .img-chooser ul{display:flex}.showcase .img-item-list{margin-right:10px}.showcase .img-item-list:nth-last-child(1){margin-right:0}.showcase .img-item-link{display:block;background-size:cover;background-position:center;width:130px;height:90px;position:relative;box-sizing:border-box;border:1px solid #dedede}.monthly{position:absolute;top:74px;left:0;width:100%;display:flex;align-items:center;height:338px}.monthly .monthly-wrap{position:relative;float:none;margin:auto;width:658px;height:100%;background-color:#43b070}.monthly .monthly-wrap .icon-monthly{position:absolute;top:31px;right:104px;background-image:url("../png/icon-monthly-title.png");width:180px;height:38px;background-size:contain;background-repeat:no-repeat}.monthly .monthly-wrap .issue-cover-wrap{position:absolute;left:0;top:0;width:270px;height:338px;background-color:#2a8851;display:flex;align-items:center}.monthly .monthly-wrap .issue-cover-wrap img{width:200px;height:auto;margin:auto;vertical-align:middle}.monthly .monthly-wrap .extra{width:388px;top:74px;left:270px;position:absolute}.monthly .monthly-wrap .extra h3{color:#fff;font-size:16px;position:absolute;left:58px;font-weight:normal;top:0}.monthly .monthly-wrap .extra h3:after{content:".";display:block;position:absolute;color:#fff;font-size:16px;top:-5px;left:139px}.monthly .monthly-wrap .extra p{font-size:16px;margin:0;position:absolute}.monthly .monthly-wrap .extra p.date{color:#fff;top:0;left:209px}.monthly .monthly-wrap .extra p.teaser-text{color:#000;text-align:center;width:100%}.monthly .monthly-wrap .extra p.teaser-text:nth-of-type(2){top:51px}.monthly .monthly-wrap .extra p.teaser-text:nth-of-type(3){top:81px}.monthly .monthly-wrap .extra .btn-wrap{position:absolute;width:268px;margin:auto;top:121px;left:0;right:0}.monthly .monthly-wrap .extra .read-online,.monthly .monthly-wrap .extra .download-pdf,.monthly .monthly-wrap .extra .previous-issues{float:left;height:24px;width:80px;font-size:14px;line-height:23px;border-radius:100px;text-align:center;display:block;color:#fff}.monthly .monthly-wrap .extra .read-online,.monthly .monthly-wrap .extra .download-pdf{background:#712ccd;margin-right:14px}.monthly .monthly-wrap .extra .read-online:hover,.monthly .monthly-wrap .extra .download-pdf:hover{background-color:#fff;color:#712ccd}.monthly .monthly-wrap .extra .previous-issues{background-color:#2a8851}.monthly .monthly-wrap .extra .previous-issues:hover{background:#fff;color:#2a8851}.monthly .monthly-wrap .extra .download-app{font-size:0;width:120px;height:35px;background-size:contain;background-repeat:no-repeat;background-position:center;position:relative;top:62px;position:relative;display:block;float:left}.monthly .monthly-wrap .extra .download-app i{display:none}.monthly .monthly-wrap .extra .download-app:nth-of-type(4){background-image:url("../png/icon-monthly-download-ios.png");margin-right:28px}.monthly .monthly-wrap .extra .download-app:nth-of-type(5){background-image:url("../png/icon-monthly-download-android.png")}.monthly .issue-cover-wrap .issue-num{display:none}.monthly .download-hint{display:block;position:absolute;top:253px;left:0;right:0;margin:auto;pointer-events:none;width:658px;padding-left:270px;box-sizing:border-box}.monthly .download-hint p{line-height:1;text-align:center;color:#fff;font-size:14px;margin:0}.company-index{margin-left:22px;display:grid;grid-template-columns:112px auto;width:1242px;margin-top:50px;margin-bottom:40px}@media screen and (max-width: 1400px){.company-index{width:969px}}.company-index a{font-weight:bold;font-size:18px;line-height:23px;color:#712ccd}.company-index .important{width:72px;margin-right:40px}.company-index .important li{list-style:none}.company-index ul.tab2{display:flex;flex-wrap:wrap;margin-right:-40px}.company-index ul.tab2 li{margin-right:40px;margin-bottom:20px}.company-index ul.tab2 li a{width:16px;text-align:center;display:block}.studios-wrap{margin-bottom:90px}.studios-wrap ul{margin-left:22px;margin-right:-54px}.studio-item{float:left;width:360px;border:1px solid #dedede;margin-bottom:54px;margin-right:54px;height:160px;display:flex;background:#f2f2f2;box-sizing:border-box}.studio-item .content{padding:22px 0 19px 32px}.studio-item .content a{font-size:14px;line-height:24px;text-align:justify;letter-spacing:0.05em;color:#707070;margin-right:1em}.studio-item h3.title{font-weight:bold;font-size:16px;line-height:26px;color:#000000}.studio-item p.type{font-size:14px;line-height:22px;color:#712ccd;margin:2px 0 20px}@media screen and (max-width: 1400px){.studio-item{width:457px}}.studio-item:hover .studio-img .overlay{opacity:0.5}.studio-img{background-size:contain;background-position:center;background-repeat:no-repeat;width:160px;position:relative}.studio-img .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#712ccd;opacity:0}.global-search{position:absolute;right:35px;display:flex;align-items:center}.global-search .search-box{box-sizing:border-box;border-radius:4px;height:32px;border:1px solid #dedede;background:#fff;width:290px;display:flex}.global-search .selects{width:92px}.global-search .selects select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;position:relative;background-image:url(https://www.midifan.com/data/assets/img/search-select-arrow.svg);background-repeat:no-repeat;background-position:10px 12px;padding-left:30px;font-weight:bold;color:#000}.global-search form{display:flex}.global-search .input-box{margin:7px 0 7px;border-left:1px solid #dedede;padding-left:7px}.global-search .search-input{background:none;padding:0;border:none;outline:none;top:-4px;position:relative;font-size:13px;display:block;width:100%}.global-search .submit{width:35px;height:35px;display:flex;align-items:center}.global-search .submit .icon-search{background-image:url(https://www.midifan.com/data/assets/img/icon-search.svg);display:block;margin:auto;width:18px;height:18px}.advanced-search{margin-left:auto;font-weight:bold;font-size:20px;line-height:30px;color:#712ccd;margin-top:auto}.category-content{padding:0 20px;margin-bottom:54px}.cate-row{padding:26px 0 16px 0;border-top:1px solid #000}.cate-row:nth-of-type(1){padding-top:16px}.cate-row.inline{display:flex;align-items:center}.cate-row.inline form{height:43px;margin-left:30px;display:flex;align-items:center}.cate-row.inline form.inline-inputs input,.cate-row.inline form.inline-inputs select{margin-right:10px;width:100px}.cate-row.inline h3{margin-bottom:0}.cate-row.inline select{width:290px;height:32px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;position:relative;background-image:url(https://www.midifan.com/data/assets/img/search-select-arrow.svg);background-repeat:no-repeat;background-position:10px 12px;padding-left:30px;font-weight:bold;color:#000;border:1px solid #dedede;box-sizing:border-box;border-radius:4px}.cate-row.inline select:focus,.cate-row.inline select:focus-visible{outline:0}.cate-row:first-child{border-top:none}.cate-row.with-margin{padding:20px 0}.cate-row h3{font-size:21px;color:#000;margin-bottom:12px}.cate-row h3.with-margin{margin-top:7px;_margin-top:-10px}.cate-row .v-sep{width:0;border-left:1px solid #e3e3e0;float:left;height:30px;margin:6px 30px}.cate-row .cate-content li{float:left;margin-right:24px;margin-bottom:12px}.cate-row .cate-sub-row{color:#777777}.cate-row .cate-sub-row+.cate-sub-row{margin-top:15px}.cate-row .filter-item-link{color:#000;font-size:18px}.cate-row .filter-item-link:hover{color:#712ccd}.cate-row .filter-item-link.more{font-size:18px;margin-bottom:0;margin-top:10px;color:#712ccd}.cate-row .filter-item-link.more .icon-expand{vertical-align:2px;margin-right:5px}.cate-row .additional-info{margin-left:25px;vertical-align:-8px}.cate-row .warning{margin-left:25px}.date-picker-wrap .date-picker{font-size:15px;height:32px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;position:relative;font-weight:bold;color:#000;border:1px solid #dedede;box-sizing:border-box;border-radius:4px;display:flex;align-items:center;padding:0 10px}.date-picker-wrap .date-picker input{border:0;width:90px;margin-left:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.date-picker-wrap .date-picker input:focus,.date-picker-wrap .date-picker input:focus-visible{outline:0}.date-picker-wrap .date-picker .icon-calendar{vertical-align:-1px;margin-right:6px}.date-picker-wrap .dash{height:0;width:8px;border:1px solid #dbdbd9;display:inline-block;margin:0px 10px}.date-picker-wrap .base-button{margin-left:20px}