.textalign-left{text-align:left;}
#article-main{padding:0;margin: 0 auto;}
.free-zone.single{width: auto;}
.box_video{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:99;}
.box_video>div{position:absolute;left:50%;top:45%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:70%;height: 70%;}
.box_video>div>i{float:right;position: static;cursor:pointer;opacity: 1;width: 20px;height: 20px;background: url(/images/topic/close.png) 0 0 no-repeat;background-size: 20px 60px;}
.box_video>div>i:hover{background-position: 0 -20px;}
.box_video>div a{display:inline-block;width:186px;height:50px;line-height:50px;background:#ff612e;color:#fff;font-size:18px;margin:29px 11px;cursor:pointer}
.box_video>div a img{vertical-align:middle;margin:0 10px 0 -10px;}
.box_video>div>div{text-align:center}
.box_video div iframe {display:block;width: 93%;height: 100%;margin:0 auto;}
.box_video .btn-free{position:absolute;left:50%;bottom:5%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);display:inline-block;width:262px;height:55px;font-size:20px;color:#fff;line-height:52px;text-align:center;border-radius:27px;background:#1cbafd;}
.box_video .btn-free i{display:inline-block;width:30px;height:30px;vertical-align:middle;margin-right:28px;background:url("/images/mac-cleaner/down.png") no-repeat;}

.mac-cleaner-banner-firsthalf{box-sizing:border-box;background:#DFF7FF url(/images/mac-cleaner/banner-show.png) no-repeat center 0;width:100%;padding-top:30px;}
#article-main .mac-cleaner-banner-firsthalf .banner-title{color:#222;font-size:36px;line-height:40px;margin-bottom:24px;text-align:center;max-width:95%;}
.banner-video-box{position:relative;max-width: 1200px;}
.banner-video-box>div{width:540px;margin:0 auto;text-align:center;}
.banner-video-box .banner-video{position:relative;z-index:1;}
.banner-video-box .banner-video .play{position:absolute;left:50%;top:50%;-webkit-transform: translate(-50%,-65%);transform: translate(-50%,-65%);cursor: pointer;}
.banner-video-box .banner-video img{max-width:100%;}
.banner-video-box .banner-sale{width:100%;font-size:36px;line-height:40px;color:#222;text-align:center;}
.banner-video-box .banner-sale>span{font-size:24px;color:#222;text-decoration: line-through;}
.banner-video-box .banner-sale .countdown{display:inline-block;text-align:center;margin-left:15px;}
.banner-video-box .banner-sale .countdown div{position:relative;display:inline-block;width:55px;height:40px;border-radius:5px;background:#fff;}
.banner-video-box .banner-sale .countdown div span{display:inline-block;font-size:14px;line-height:14px;margin-top:23px;}
.banner-video-box .banner-sale .countdown div .countdown-num{position:absolute;left:33%;top:5px;font-size:18px;line-height:18px;margin-top:0px;font-weight:600;}
#article-main .banner-video-box .title{margin:5px 0 10px;font-size:26px;color:#222;}
#article-main .banner-video-box .info{display:block;margin:10px auto;width:520px;font-size:16px;color:#666;}
.banner-trash{position:absolute;left:0%;bottom:38%;z-index:1;}
.banner-waveline{max-width:100%;position:absolute;left:50%;bottom:36%;-webkit-transform: translate(-50%,0);transform: translate(-50%,0);}
.banner-complete{position:absolute;right:0%;bottom:38%;z-index:1;}
.banner-btn-box{max-width:262px;margin-top:20px;margin-bottom: 33px;display:-webkit-box;display: -webkit-flex;display: flex;-webkit-box-pack:justify;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
#article-main .banner-btn-box a{display:inline-block;width:262px;height:55px;font-size:20px;color:#fff;line-height:52px;text-align:center;border-radius:27px;}
.banner-btn-box .banner-btn-buy{background:#ff9110;}
.banner-btn-box .banner-btn-buy i{background:url("/images/mac-cleaner/buy.png") no-repeat;}
.banner-btn-box .banner-btn-buy:hover{background:#ffa63d;}
.banner-btn-box .banner-btn-free{background:#1cbafd;}
.banner-btn-box .banner-btn-free i{background:url("/images/mac-cleaner/down.png") no-repeat;}
.banner-btn-box .banner-btn-free:hover{background:#4dcaff;}
.banner-btn-box a i{display:inline-block;width:30px;height:30px;vertical-align:middle;margin-right:28px;}
.mac-cleaner-banner-secondhalf{box-sizing:border-box;background:#DFF7FF url("/images/mac-cleaner/banner-bg2.png") no-repeat center 0;width:100%;min-height:1010px;}

.problem-percent{position:relative;margin:0 auto;max-width:1000px;width:100%;padding: 30px 0 80px;}
.problem-percent h2{font-size:36px;color:#222;text-align:center;padding:0;max-width:95%;}
.problem-percent>p{display:block;margin-top:25px;margin-bottom: 60px;max-width:1200px;padding:0 10px;font-size:16px;line-height: 30px;color:#666;text-align: center;}
.percent-table{position:relative;width:100%;margin:0 auto;display:-webkit-box;display: -webkit-flex;display: flex;-webkit-box-pack:justify;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.percent-table>div>div{width: 380px;height: 127px;box-sizing: border-box;margin-top: 10px;margin-bottom: 10px;}
.percent-table div.left{padding:20px 30px 0 36px;background: url(/images/topic/bg-left.png) 0 0 no-repeat;}
.percent-table div.right{padding:20px 30px 0 36px;background: url(/images/topic/bg-right.png) 0 0 no-repeat;}
#article-main .percent-table div .title{margin-bottom: 6px;font-size:18px;color:#222;line-height:20px;}
#article-main .percent-table div .info{font-size:14px;color:#666;line-height:18px;}
.percent-table img.problem-percent-img{width: 290px;height: 290px;}
.percent-table .free-trial{position:absolute;left: 50%;bottom:0;margin-left: -180px;width:360px;}
.percent-table>div{-webkit-box-align:center;-webkit-align-items: center;align-items: center;width: 475px;}
.percent-table>div:nth-of-type(odd)>img{-webkit-box-ordinal-group:2;-webkit-order: 2;order: 2;}
.percent-table>div:nth-of-type(eve)>img{-webkit-box-ordinal-group:1;-webkit-order: 1;order: 1;}
.mac-cleaner-content{padding-top:90px;text-align:center;width:95%;}
.mac-cleaner-content>h2{color:#222;font-size:36px;line-height:48px;margin-bottom:31px;padding:0;}
.mac-cleaner-content>p{font-size:16px;line-height:28px;color:#666;margin:0;}
.mac-cleaner-content>h3{font-size:26px;color:#000;line-height:26px;margin:46px auto 30px;}
.mac-cleaner-content>img{max-width:100%;}
#article-main .product-section .right .title{text-align:left;}
#article-main .product-section .right ul li{text-align:left;}
#article-main .step .left{width:200px;text-align:left;}
#article-main .step .right{text-align:left;max-width:900px;}
.mac-cleaner-content .flex-center{justify-content: space-around;}
#article-main .step-separate{display:-webkit-box;display: -webkit-flex;display: flex;-webkit-box-pack:justify;-webkit-justify-content: space-between;justify-content: space-between;flex-wrap:wrap;-webkit-flex-wrap:wrap;padding-bottom:20px;-webkit-box-align:center;-webkit-align-items: center;align-items: center;}
#article-main .step-separate .left{max-width:800px;width:55%;margin:0;text-align:left;}
#article-main .step-separate .right{max-width:400px;margin:0;display:flex;}
#article-main .step-separate .right img{max-width:100%;align-self: center;}
#article-main .bottom-dashed{border-bottom:1px dashed #ddd};
#article-main .step-header{font-size:26px;color:#000;line-height:26px;margin-bottom:20px;}

.mac-cleaner-product{background:#dff7ff;padding:90px 0 0px;text-align:center;padding-bottom:80px;}
.mac-cleaner-product h2{color:#222;font-size:36px;line-height:48px;margin-bottom:31px;padding:0;max-width:95%;}
.mac-cleaner-product p{font-size:16px;line-height:28px;color:#666;margin-bottom:48px;max-width:95%;}
.product-function{position:relative;padding:0;justify-content: center;}
.product-function .product-hov{position: relative;margin:5px;width: 240px;height: 238px;text-align: center;}
.product-function>div>div{position: absolute;box-sizing:border-box;width: 100%;height: 100%;border-radius:4px;font-size:16px;}
.product-function>div .front{padding-top:50px;background-color: #fff;-webkit-transition: 1s;transition: 1s;-webkit-transform: rotateY(0deg);transform: rotateY(0deg);backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden; -ms-backface-visibility:hidden;}
.product-function>div .front img{display: block;margin:0 auto 20px;}
.product-function>div .front a{display:block;font-size:18px;color:#222;}
.product-function>div .back{box-sizing:border-box;padding:40px 20px 0 20px;background-color: #00ade5;-webkit-transition: 1s;transition: 1s;-webkit-transform: rotateY(180deg);transform: rotateY(180deg);backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden; -ms-backface-visibility:hidden;}
#article-main .product-function>div .back .back-title{display:block;margin-bottom: 20px;font-size:18px;color:#fff;}
#article-main .product-function>div .back a.back-title:hover{text-decoration: underline;}
#article-main .product-function>div .back p{display:block;font-size:16px;color:#fff;line-height: 24px;}
.product-hov:hover .front{-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.product-hov:hover .back{-webkit-transform: rotateY(0deg);transform: rotateY(0deg);}
.mac-cleaner-product .button-box{margin:54px auto 0px;}
#article-main .mac-cleaner-product .button-box a{display:inline-block;box-sizing:border-box;padding-left:30px;width:262px;height:55px;background:#1cbafd url("/images/mac-cleaner/icon-mac.png") no-repeat 40px 12px;border-radius:27px;text-align:center;line-height:55px;color:#fff;}

.mac-cleaner-several{padding-top:70px;text-align:center;}
.mac-cleaner-several h2{color:#222;font-size:36px;line-height:48px;margin-bottom:31px;padding:0;max-width:95%;}
.mac-cleaner-several>p{font-size:16px;line-height:28px;color:#666;max-width:95%;}
.mac-cleaner-several .several-flex-item{width:275px;margin-top:58px;}
#article-main .mac-cleaner-several .several-flex-item p{box-sizing:border-box;width:275px;height:56px;border:1px solid #00aee6;border-radius:5px;font-size:22px;color:#00aee6;line-height:56px;text-align:center;margin:0 0 20px;}
.mac-cleaner-several .several-flex-item p i{display:inline-block;width:36px;height:36px;vertical-align:-9px;margin-right:10px;}
.mac-cleaner-several .several-flex-item a{display:inline-block;box-sizing:border-box;width:275px;height:56px;border:1px solid #00aee6;border-radius:5px;font-size:22px;color:#00aee6;line-height:56px;text-align:center;margin:0 0 20px;}
.mac-cleaner-several .several-flex-item a i{display:inline-block;width:36px;height:36px;vertical-align:-9px;margin-right:10px;}
.mac-cleaner-several .several-flex-item a:hover{text-decoration: underline;}
.mac-cleaner-several .several-flex-item>span{font-size:16px;line-height:30px;}
.mac-cleaner-several .dashed-line{border-top:1px dashed #00aee6;height:10px;width:7%;margin:85px 0 0;}
.icon-black-screen{display:inline-block;width:36px;height:36px;background:url(/images/mac-cleaner/black-screen.png) no-repeat;}
.icon-frozen-mac{display:inline-block;width:36px;height:36px;background:url(/images/mac-cleaner/frozen-mac.png) no-repeat;}
.icon-error-code{display:inline-block;width:36px;height:36px;background:url(/images/mac-cleaner/error-code.png) no-repeat;}
.icon-mac-crashed{display:inline-block;width:36px;height:36px;background:url(/images/mac-cleaner/mac-crashed.png) no-repeat;}
.icon-reinstall-mac-os{display:inline-block;width:36px;height:36px;background:url(/images/mac-cleaner/reinstall-mac-os.png) no-repeat;}
.icon-others{display:inline-block;width:36px;height:36px;background:url(/images/mac-cleaner/other-situations.png) no-repeat;}
.mac-cleaner-several .button-box{margin:50px auto 73px;}
#article-main .mac-cleaner-several .button-box a{display:inline-block;box-sizing:border-box;padding-left:30px;width:262px;height:55px;background:#1cbafd url("/images/mac-cleaner/icon-mac.png") no-repeat 40px 12px;border-radius:27px;text-align:center;line-height:55px;color:#fff;}

.fixbar{position:fixed;width:100%;background-color:rgba(255,255,255,.8);border-bottom:2px solid #f3f3f3;top:60px;right:0;z-index:99;transform: translatez(100px);}
.fixbar.hide{display: none;}
.type-mobile-fixbar.fixbar{position:fixed;width:156px;background-color:rgba(255,255,255,.8);border-bottom:2px solid #f3f3f3;top:60px;right:0;z-index:99;transform: translatez(100px);}
.fixtop{top:0;height: 80px;;}
.fixbar.fixbar-active{display: block;}

#article-main #author_nav{max-width:1000px;width:100%;margin:10px auto 16px;padding-left:5px;}
#article-main .stars-container{width:95%;}
#article-main .mac-cleaner-banner-firsthalf .banner-title{max-width: 1000px;width: 100%;}
@media screen and (max-width:1200px){
.percent-table{height: unset;}
.percent-table>div>div{width: 300px;order: 2;height: auto;}
.percent-table>div>img{order: 1}
.percent-table>div>div.left{background: none;padding: 0;}
.percent-table>div>div.right{background: none;padding: 0;}
.percent-table>img{display: none;}
.percent-table .free-trial{position: static;float:none;margin: 0 auto 30px;}
#article-main .step .left{width:auto;}
.mac-cleaner-several .dashed-line{display:none;}
.mac-cleaner-banner-secondhalf{min-height: 900px;}
}
@media screen and (max-width:1000px){
.percent-table>div{float:none;margin:10px auto;max-width:512px;margin-bottom: 10px;}
.banner-trash{display:none;}
.banner-complete{display:none;}
#article-main .step-separate{justify-content: space-around;}
.percent-table>div{max-width: 650px;}
.percent-table>div>div{max-width:500px;width: 100%;}
.banner-video-box>div{max-width:540px;width:100%;}
#article-main .banner-video-box .info{max-width: 520px;}
.percent-table>div>div{max-width: 380px;width: 100%;}
.percent-table>div{max-width: 475px;width: 100%;}
.percent-table .free-trial{max-width:360px;width:100%;}
}
@media screen and (max-width:768px){
#article-main h2{height:auto;}
#article-main .step-separate .left{max-width:768px;width:100%;}
#article-main .step-separate .right{max-width:768px;width:100%;}
#author p{margin-top: 0;}
}
@media screen and (max-width:600px){
.banner-btn-box{margin-top:10px;justify-content:space-around;}
.banner-btn-box a{margin:0 0 15px;}
#article-main #author_nav{margin:20px auto 20px;}
.fixbar{display:none;}
}
@media screen and (max-width:425px){
.percent-table>div>div{width: 70%;padding-right: 10px!important;}
.percent-table>div>img{margin-right:10px;}
.banner-video-box .banner-sale .countdown{margin-top:5px;}
#author p{width: 240px;}
.banner-btn-box{margin-bottom: 10px;}
.problem-percent{padding:10px 0 30px;}
.mac-cleaner-content{padding-top: 0;}
}
@media screen and (max-width:350px){
.percent-table>div>div{height:auto;margin-bottom:10px;}
}