html, body, div, h1, h2, h3, p, ul, li, dl, dt, dd {box-sizing:border-box;margin: 0 auto;padding: 0;font:16px/1.7 Segoe UI, Arial, Helvetica, sans-serif;color:#000;}
a img{border:none;}
a{text-decoration:none;font-weight:normal;}
ul li{list-style:none;}
h2{font-size: 40px;}
html{background-color: #fff;}
body{position:relative;max-width:1920px;width: 100%;margin:0 auto;background-color: #171D2B;overflow-x: hidden;}
.clearfloat{zoom:1;}
.clearfloat::after{content:"";display: block;height: 0;clear:both;overflow: hidden;visibility: hidden;}
.container{position:relative;margin:0 auto;max-width: 1200px;overflow: hidden;}
.flex-box{display:-webkit-box;display:-webkit-flex;display: flex;-webkit-box-pack: justify; -webkit-flex-direction: row;-webkit-justify-content: space-between;-webkit-align-items:center;-webkit-flex-wrap: wrap;flex-direction: row;justify-content: space-between;align-items:center;flex-wrap: wrap;}
.yellow-border{border:2px solid #fedd02;background-color:#333333;margin-bottom:43px;color:#fff;}
.checkout-switch{max-width:520px;margin-top:15px;display:-webkit-box;display: -webkit-flex;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;flex-wrap:wrap;flex-wrap:wrap;}
.checkout-switch a{box-sizing:border-box;border-radius:6px;margin-bottom: 10px;background-repeat:no-repeat;width:250px;height:58px;padding-left:105px;background-position:40px center;font-size:26px;line-height:40px;background-color:#C72631;color:#fff;}
.checkout-switch a:hover{background-color:#e81e2c;}
.checkout-switch a span{display:block;font-size:12px;line-height:6px;}
.checkout-switch .win-btn{background-image:url(/special/index/win.png);}
.checkout-switch .mac-btn{background-image:url(/special/index/mac.png);}
.guarantee{max-width:100%;font-size:14px;line-height:20px;text-align:center;color:#fff;order:10;}
.banner-price{text-align:center;font-size:18px;color:#fff;}
.banner-price p{width:260px;margin:0 auto 5px;font-size:18px;text-align:center;color:#fff;}
.banner-price span.price{color:#C72631;font-size:28px;}
.guarantee{color:#444;font-size: 12px;}
.pc{display: block!important;}
.mobile{display: none!important;}
.body_img{display: block;position: absolute;max-width: 100%;}
.body_img1{top: 1312px;left: 0px;}
.body_img2{top: 3573px;left: 63px;}
.body_img3{top: 1704px;right: 40px;}
.body_img4{top: 3117px;right: 57px;}
.body_img5{bottom: 0px;}
/*banner*/
#banner{margin:0 auto;width: 100%;max-width:1920px;overflow-x: hidden;box-sizing: border-box;height: 444px;background: url(/special/index/banner.jpg) no-repeat center 0;}
#banner img{width: 100%;}
#banner #logo{float:left;margin:0;width: 100%;max-width:212px;}
#logo img{display: block; width: 100%;max-width:212px;}
#banner .container:nth-child(1){position: relative;z-index: 4;}
#banner .banner-pad{display:none;position:absolute;left:50%;top:53px;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);max-width:95%;z-index:1;}
#banner .left_img_bottom{display:none;position:absolute;width:300px;left:0px;top:90px;}
#banner .banner_bottom{position: absolute;left: 50%;bottom: 0;width: 100%;max-width: 1326px;transform: -webkit-translate(-50%,0);transform: -moz-translate(-50%,0);transform: -o-translate(-50%,0);transform: translate(-50%,0);}

#banner .count-box{max-width: 238px;margin:274px auto 0px;}
#banner .count-box>div{padding:7px;border-radius: 6px;text-align: center;box-sizing: border-box;margin:0px auto;border: 1px solid #C92632;border-radius: 6px;
background: rgba(201, 38, 50, 0.4);}
#banner .count-box>div div{background: #C72631;width: 48px;height: 52px;border-radius: 4px;color: #fff;padding-top: 4px;}
#banner .count-box>div div i{display: block;font-size: 25px;font-style: normal;line-height: 26px;margin-bottom: 2px;}
#banner .count-box>div div span{font-size: 12px;line-height: 14px;display: block;}
.main_box{width: 100%;margin:-82px auto 0;max-width:1300px;padding: 25px 0 0;}
.banner-box{margin:0 auto 39px;padding:60px 0 30px;max-width: 1200px;position:relative;background: #fffaf6;border-radius: 16px;}
.off{position: absolute;right: 0;top: 0px;max-width: 150px;width: 100%;text-align: center;}
.banner-box .big-sale{display:none;position:absolute;width:170px;height:170px;right:-84px;top:-84px;background:#059456;-webkit-transform: rotate(45deg);transform: rotate(45deg);font-size:26px;color:#333;text-align:center;}
.banner-box .big-sale span{position:absolute;bottom:10px;left:0;right:0;line-height:30px;}
.banner-box h1{display:block;width: 100%;max-width:580px;font-size:40px;text-align:center;margin-bottom:16px;color:#333;line-height: 86px;font-weight: 600;}
.banner-box .banner-bundle{position:relative;max-width:1180px;width:100%;margin:0 auto;}
.banner-box .banner-bundle .big-ten{width:100%;max-width: 1180px;}
.banner-box .banner-bundle .min-all{display:none;}
.banner-box .banner-bundle .mongo{display:none;position:absolute;width:100%;height:100%;left:0;top:0;text-align:center;background:rgba(97,5,5,0.84);}
.banner-box .banner-bundle .mongo p{padding-top:20px;}
.banner-box .banner-bundle:hover .mongo{display:block;}
.banner-box .banner-text{max-width:930px;text-align:center;margin-top:15px;font-size:16px;line-height:30px;color:#333;}
.banner-box .banner-price{text-align:center;font-size:18px;color:#fff;}
.banner-box .banner-price p{width:260px;margin:0 auto 5px;font-size:18px;text-align:center;color:#333;}
.banner-box .banner-price span.price{color:#C72631;font-size:28px;}
.banner-box .checkout-switch{max-width:540px;margin-top:15px;}
.banner-box .checkout-switch a{margin:0 auto 10px;width:250px;height:58px;padding-left:95px;background-position:40px center;font-size:26px;line-height:40px;background-color:#C72631;color:#fff;text-align: left;}
.banner-box .checkout-switch a:hover{background-color:#e81e2c;}
.banner-box .checkout-switch a span{display:block;font-size:12px;line-height:6px;}
.banner-box .checkout-switch .win-btn{background-image:url(/special/index/win.png);}
.banner-box .checkout-switch .mac-btn{background-image:url(/special/index/mac.png);}
.banner-box .banner-price .guarantee{max-width:100%;font-size:12px;line-height:20px;text-align:center;color:#333;order:10;}

/*hot_zoon*/
#hot_zoon{margin:0 auto 39px;padding:40px 110px 40px 59px;background: #FFFAF6;border-radius: 16px;text-align: left;}
#hot_zoon h2{margin:0 0 5px;}
#hot_zoon .off{width: 100%;max-width:150px;top: 0;}
#hot_zoon .left{margin: 0;width: 480px;}
#hot_zoon .left img{display: block;margin:0 auto;width: 100%;}
#hot_zoon .right{width: 495px;margin: 0;}
#hot_zoon .info{font-size: 16px;color: #333;line-height: 26px;}
#hot_zoon .checkout-switch{max-width: 480px;margin: 0;}
#hot_zoon .checkout-switch a{width: 232px;height: 56px;padding-left: 88px;}
#hot_zoon .guarantee{color:#444;}
#hot_zoon .banner-price{margin: 10px 0 10px;color:#444;text-align: inherit;}
#hot_zoon .banner-price .price{color:#C72631;}

/* bundles */
#bundles{position:relative;z-index:1;}
#bundles>img{display:block;margin:0 auto;}
#bundles .bundle-box{box-sizing:border-box;background-size:100% auto;}
#bundles .bundle-box .flex-box{position:relative;overflow:visible;max-width:1200px;padding:0;}
.bundle-box .bundle-item{box-sizing:border-box;background:#fffaf6;border-radius:20px;max-width:585px;width:95%;margin:0 0 20px;padding-top:21px;padding-bottom:35px;position:relative;z-index:2;}
.bundle-box .bundle-item .title{margin:0 auto;font-size:36px;text-align:center;}
.bundle-box .bundle-item .title-img{margin:0 auto 19px;max-width:500px;width:100%;font-size:30px;line-height:60px;color:#333;}
.bundle-box .bundle-item>p{max-width:500px;max-width:94%;margin:0 auto 6px;text-align:center;color:#333;}
.bundle-box .bundle-item>span{display:block;margin:0 auto;font-size:18px;text-align:center;color:#333;}
.bundle-box .bundle-item>span span{color:#C72631;font-size:28px;}
.bundle-box .bundle-item .bundle-img{max-width:528px;width:100%;position: relative;margin-bottom: 6px;}
.bundle-box .bundle-item .bundle-img img{width:100%;max-width: 550px;}
.bundle-box .bundle-img .mongo{display:none;position:absolute;width:100%;height:100%;left:0;top:0;text-align:center;background:rgba(97,5,5,0.84);}
.bundle-box .bundle-img .mongo p{padding-top:20px;}
/* .bundle-box .bundle-img:hover .mongo{display:block;cursor: pointer;} */
.bundle-box .checkout-switch{max-width:410px;margin-top:10px;-webkit-justify-content:space-between;justify-content:space-between;margin:10px auto 0;}
.bundle-box .checkout-switch a{width:194px;height:48px;padding-left:65px;background-position:28px center;font-size:22px;line-height:32px;color:#fff;}
.bundle-box .checkout-switch a span{display:block;font-size:12px;line-height:6px;}
.bundle-box .checkout-switch .win-btn{background-image:url(/special/index/wins.png);}
.bundle-box .checkout-switch .mac-btn{background-image:url(/special/index/macs.png);}
.bundle-box .horizontal-line{position:absolute;width:100%;height:1px;background:#9f4f33;top:50%;left:0;}
.bundle-box .vertical-line{position:absolute;height:100%;width:1px;background:#9f4f33;left:50%;top:0;}
.bundle-box .float-img{position:absolute;left:50%;top:46%;z-index:2;transform: -webkit-translate(-50%,-50%);transform: -moz-translate(-50%,-50%);transform: -o-translate(-50%,-50%);transform: translate(-50%,-50%);}
#bundles .right_img{position:absolute;right:0;top:120px;}
.left_img{position:absolute;left:0;top:865px;}
#bundles .guarantee{margin-top: 5px;max-width:100%;font-size:12px;line-height:12px;text-align:center;color:#333;order:10;}

/*single*/
#single{position:relative;margin:0 auto;width: 100%;max-width:1920px;}
#single>img{display: block;width: 90%;margin: 0 auto 20px;max-width: 565px;}
#single .left_bundle{left: 0;top: 130px;}
#single .right_bundle{right: 0;top: 572px;}
#single h2{overflow:visible;max-width:1028px;width:100%;height: 108px;background: url(/special/index/title-b.png) center 0 no-repeat; position:absolute;left: 50%;top: 0;color:#fff;text-align:center;font-size:34px;transform: -webkit-translate(-50%,-130px);transform: -moz-translate(-50%,-130px);transform: -o-translate(-50%,-130px);transform: translate(-50%,-130px);}
#single h2>span{position: absolute;;z-index:1;display: block;width: 100%;left: 50%;top: 40%;transform: -webkit-translate(-50%,-50%);transform: -moz-translate(-50%,-50%);transform: -o-translate(-50%,-50%);transform: translate(-50%,-50%);}
#single h2 span span{color:#C72631;}
#single .single-title{display: block;width: 100%;max-width:872px;}
#single .bg{position: absolute;z-index:0;left:0;right: 0;bottom: 0;margin:auto;width: 100%;max-width: 1920px;}
#single .container{position:relative;overflow:visible;max-width:1300px;z-index: 1;text-align: center;padding: 0 0 4px;-webkit-justify-content: center;justify-content: center;}
.single_procuct{box-sizing:border-box;position:relative;margin:0 10px 30px;padding-top: 20px;width: 286px;height: 390px;background:#FFFAF6;border: 2px solid #fffaf6;border-radius: 16px;}
#single .single_procuct >img{display: block;width: 100%;max-width:190px;margin:auto;}
.single_procuct .title{display: block;width: 90%;margin: 5px auto 20px;font-size:22px;line-height: 30px;text-align: center;color:#222;}
.single_procuct .title:hover{text-decoration: underline;}
.single_procuct .single-price{display: block;margin:13px auto 7px;font-size:16px;text-align: center;color:#222;}
.single_procuct .single-price .price{color:#C72631;font-size:22px;}
.single_procuct .buy_section{max-width:286px;overflow: hidden;}
.single_procuct .checkout-switch{max-width:250px;-webkit-justify-content:space-between;justify-content:space-between;margin:10px auto 0;}
.single_procuct .checkout-switch a{width:120px;height:32px;padding-left:20px;background-position:10px center;font-size:16px;line-height:32px;border-radius: 3px;color:#fff;}
.single_procuct .checkout-switch .win-btn{background-image:url(/special/index/winss.png);}
.single_procuct .checkout-switch .mac-btn{background-image:url(/special/index/macss.png);}
.single_procuct .buy_section .download_win,.single_procuct .buy_section .download_mac{box-sizing:border-box;background:transparent url(/special/index/download.png) no-repeat 5px center;width: 120px;height: 32px;padding-left:10px;border:1px solid #C72631;border-radius:4px;color:#C72631;line-height: 30px;order:10;}
.single_procuct .buy_section .download_win:hover,.single_procuct .buy_section .download_mac:hover{text-decoration: underline;}
.single_procuct .guarantee{max-width:100%;font-size:12px;line-height:12px;color:#444;order:10;}
#single .left_img{position:absolute;left:0px;top:100px;}
#single .right_img{position:absolute;right:0px;top:150px;}
#single .left_img_bottom{position:absolute;left:0px;bottom:0;}
#single .right_img_bottom{position:absolute;right:0px;bottom:0;}
#single .left_img2{position:absolute;left:0px;top:1000px;}
.footer{margin: 0 auto;display: block;width: 100%;position:relative;z-index:1;background:transparent;padding:30px 0 38px 0;font-size: 16px;line-height: 24px;text-align: center;color:rgba(255, 255, 255, .5);}
/*cookie*/
.usernotice_pop{display: table;width:295px;padding: 7px;position: fixed;bottom: 10px;right:50px;background: rgba(0,0,0, 0.55);z-index: 1000;text-align: center;color: #fff;border-radius: 5px;transition: all 0.3s ease;font-size:12px;}
.usernotice_pop a{color:#fff;text-decoration:underline;}
.usernotice_pop span{cursor:pointer;border:1px solid #fff;margin:10px 5px;width:50%;padding:0 5px;}
@media (max-width: 1400px) {
    #banner .banner-pad{display:block;}
    #banner .left_img_bottom{display:block;}
    .banner-box{width:95%;padding:20px 0 10px;}
    .banner-box .banner-bundle .mongo p{padding-top:10px;line-height:30px;}
    .box-border-img>img{display:none!important;}
    #bundles{padding:0;}
    #bundles .bundle-box .flex-box{height:initial;-webkit-justify-content: space-around;justify-content: space-around;}
    #mini-toolkit{background:none;height:initial;}
    #mini-toolkit h2{max-width:892px;width:100%;height:124px;background:url(/special/index/title.png) no-repeat center center;}
    #mini-toolkit>.flex-box{background:#7c1414;width:95%;border:10px solid #fffaf6;margin:10px auto 0;-webkit-justify-content: space-around;justify-content: space-around;}
    #mini-toolkit .toolkit-left{display:none;}
    #mini-toolkit .toolkit-right .pad-left{display:-webkit-box;display:-webkit-flex;display: flex;}
    #mini-toolkit .toolkit-right{border:0;}
    #mini-toolkit .toolkit-right .bottom-line{border:0;}
    #mini-toolkit .checkout-switch a{text-align:left;}
    #single .container{-webkit-justify-content: space-around;justify-content: space-around;}
}
@media (max-width: 1300px) {
    .bundle-box .float-img{display:none;}
}
@media (max-width: 1194px) {
    .body_img{display: none;}
    .main_box{border:0;margin:0 auto;}
    .pc-title{display:none;}
    .banner-box .banner-bundle .big-all{display:none;}
    .banner-box .banner-bundle .min-all{display:block;margin:0 auto;max-width:636px;width:100%;}
    .banner-box .banner-bundle{max-width:636px;}
    #single .right_bundle,#single .left_bundle,#bundles .left_img,#bundles .right_img,#banner .banner_bottom,.left_img{display: none;}
    .banner-box{border-radius: 20px;}
    #single .container,#bundles .bundle-box .flex-box{justify-content: center;}
    .single_procuct{margin:0 10px 20px;}
    .bundle-box .bundle-item{margin:0 0 20px;}
    .banner-box{padding-bottom: 35px;}
    .banner-box .banner-text{max-width: 693px;}
    #hot_zoon{max-width: 585px;padding:40px 20px;justify-content: center;text-align: center;}
    #bundles .bundle-box .flex-box,#single .container{background-color: transparent;border:0;}
    #single{background-color: transparent;}
    #single .container{padding:0 0 38px;}
    #single h2{transform: -webkit-translate(-50%,-9px);transform: -moz-translate(-50%,-9px);transform: -o-translate(-50%,-9px);transform: translate(-50%,-9px);}
    .footer{margin:0 auto;}
    .main_box{padding-top: 0px;}
}
@media (max-width: 1080px) {
.pc{display: none!important;}
.mobile{display: block!important;}
.banner-box .banner-bundle .big-ten{width: 90%;max-width:636px;margin:0 auto;}
.banner-box h1{margin-bottom: 0;}
    .single_procuct{margin:20px 30px 0;}
    .usernotice_pop{bottom:5px;}
    .left_img,.right_img{display:none;}
    .banner-box{padding-bottom:40px;}
}
@media (max-width: 1024px) {
    #big_bundle{padding-bottom:50px;}
    #bundles .left,#bundles .right{max-width:486px;margin:30px 5px;}
    .banner-box .banner-bundle .big-all{display:none;}
    .banner-box .banner-bundle .min-all{display:block;margin:0 auto;max-width:636px;width:100%;}
}
@media (max-width: 1020px) {
    #bundles .left{margin: 0 10px 0px;}
.container {overflow: visible;}
}
@media (max-width: 840px) {
    body{background-image:none;}
    #bundles .left, #bundles .right{max-width:520px;}
    .single_procuct{margin:0px 10px 20px;}
    #single h2 span{font-size:36px;line-height:66px;}
    #single h2 span span{font-size:46px;line-height:66px;}
    .bundle-box .bundle-item img{max-width:500px;}
    .bundle-box .float-item{display:none;}
    #mini-toolkit .toolkit-right{max-width:initial;width:95%;border:0;}
    #mini-toolkit .toolkit-right>div{display:block;padding:20px 0;}
    #mini-toolkit .toolkit-right .pad-left{display:block;}
    .toolkit-img img{display:block;margin:0 auto;}
    #mini-toolkit .toolkit-right .toolkit-text{margin:0 auto;text-align:center;max-width:initial;width:95%;}
    #mini-toolkit .toolkit-right .title{text-align:center;}
    #mini-toolkit .toolkit-text>span{text-align:center;}
    #mini-toolkit .toolkit-right .checkout-switch{max-width:330px;margin:10px auto 0px;}
    #banner .count-box{margin: 235px auto 0;}
}
@media screen and (max-width: 800px) {
    #banner{height: 444px;background: url(/special/index/banner-pad.jpg) no-repeat top center;}
    #banner .count-box{margin: 110px auto 0;}
    #big_bundle{margin:0px auto 30px;}
    .left_img,.right_img,.left_img2,.left_img_bottom,.right_img_bottom{display:none;}
    #single h2 span{font-size:32px;line-height:50px;}
    #single h2 span span{font-size:32px;line-height:50px;}
}
@media screen and (max-width: 640px) {
    .main_box{padding-top: 10px;}
    #big_bundle .buy_section {max-width:232px;}
    #big_bundle .buy_section .buyA, #big_bundle .buy_section .buyC, .main .buy_section .buyA, .main .buy_section .buyC{float:none;margin: 0 auto 20px;}
    #big_bundle .buy_section .buyA-mac, #big_bundle .buy_section .buyC-mac, .main .buy_section .buyA-mac, .main .buy_section .buyC-mac{float:none;margin: 0 auto;}
    #bundles .left, #bundles .right{max-width:620px;}
    .bundle .buy_section{justify-content: space-around;}
    #hot_zoon{width: 95%;}
    #single h2 span{font-size:34px;line-height:40px;}
    #single h2 span span{font-size:34px;line-height:40px;}
    .banner-box .banner-bundle:hover .mongo{display:none;}
}
@media screen and (max-width: 600px) {
    #banner{height: 380px;background: url(/special/index/banner-phone.jpg) no-repeat top center;}
    .bundle-box .bundle-img:hover .mongo{display:none;}
    .bundle-box .bundle-item .title-img,#single h2,.banner-box h1{width: 96%;font-size:30px;line-height: 68px;height: 68px;background: none;color:#333}
    .bundle-box .bundle-item .title-img,.banner-box h1{background-position: center 0;}
    #single .container{padding:0px 0 38px;}
    .banner-box .checkout-switch{max-width: 262px;}
    .off{max-width: 100px;}
    #hot_zoon .off{max-width: 100px;}
    #banner .count-box{zoom: .9;}
}
@media screen and (max-width: 450px) {
    #banner #logo{margin:0;}
    .banner-box .banner-bundle{margin:20px auto 0;}
    .bundle .buy_section{max-width:232px;}
    .banner-box .big-sale{display:none;}
    .bundle-box .bundle-item{margin-top:50px;}
    .bundle .buy_section .buyA, .bundle .buy_section .buyC{margin: 0 0 20px;}
    #big_bundle{margin:50px auto 30px;padding:0px 0 40px;}
    #big_bundle .title{background:#ffde02;width: 90%;max-width:300px;font-size:34px;height:60px;line-height: 60px;border-radius:30px;}
    #big_bundle .title span{background:transparent;}
    #mini-toolkit h2{font-size:36px;}
    #bundles{padding:0;}
    #bundles .left{margin:0 auto 20px}
    #bundles .right{margin:0 auto}
    #bundles .guarantee{margin-top: 0;}
    #hot_zoon{max-width: 360px;}
    #hot_zoon .checkout-switch{justify-content: center;}
    #hot_zoon .checkout-switch a{text-align: left;margin-bottom: 5px;}
    #hot_zoon .guarantee{margin-bottom: 15px;}
    #single h2{position: relative;top: 0;height:80px;}
    #single .container{padding:0px 0 30px;}
    #single .checkout-switch a{margin-bottom: 10px;}
    #single h2{padding-bottom: 0;}
    .single_procuct{height: auto;padding-bottom: 25px;}
    #logo img{width:120px;}
    .bundle-box .checkout-switch,#mini-toolkit .toolkit-right .checkout-switch{justify-content: space-around;}
    .bundle-box .bundle-item .title{font-size:30px;}
    .bundle-box .checkout-switch{max-width:300px;}
    .bundle-box .bundle-item{margin: 0 0 30px;}
    .checkout-switch a{margin-bottom: 15px;}
    .banner-box,.bundle-box .bundle-item{max-width: 360px;}
    .banner-box .banner-text,.bundle-box .bundle-item>p{width: 96%;}
}
@media screen and (max-width: 400px) {
    .usernotice_pop{right:0;bottom:5px;width: 100%;box-sizing: border-box;}
    .off{max-width: 80px;}
    #hot_zoon .off{max-width: 80px;}
}
@media screen and (max-width: 360px) {
    .banner-box h1{font-size: 30px;line-height: 50px;}
    .single_procuct .buy_section .buyA, .single_procuct .buy_section .buyC{margin-right: 4px;}
    .bundle-box .bundle-item .title-img, .banner-box h1{height: auto;}
    #single h2 span{font-size:28px;}
    #single h2 span span{font-size:28px;}
    .single_procuct{height:auto;padding-bottom: 30px;}
    #logo img{max-width:100px;}
}
@media screen and (max-width: 320px) {
    .usernotice_pop span{display: block;margin:0 auto;width: 50px;}
    .off{max-width: 50px;}
    #hot_zoon .off{max-width: 50px;}
}