@charset "utf-8";
html,div,body,p,li,form,img,dd,h1,h2,h3,h4,input{font-family:Segoe UI,Arial,Verdana,Helvetica,sans-serif;font-weight:normal;color:#666;margin:0 auto;padding:0;}
img{border:none;}
a,a:hover,a:link,a:visited{text-decoration:none;}
ul,li{margin:0;padding:0;list-style:none;}
/*Banner*/
#banner{background:#d63839 url(/images/purchase/ban-bg.jpg) no-repeat scroll 50% 0;width:100%;height:115px;overflow:hidden;}
#banner h1{font-size:40px;line-height:60px;color:#FFF;text-align:center;margin:25px auto;}
/*Promotion*/
.promo{max-width:1200px;width:100%;margin:50px auto 0 auto;overflow:hidden;}
.promo .one{border-bottom:#ededed 1px solid;overflow:hidden;}
.promo .one .title{font-size:32px;line-height:40px;color:#000;text-align:center;}
.promo .one .title span{font-size:40px;color:#f11213;}
.promo .one .info{max-width:1200px;width:100%;margin:30px auto 40px auto;overflow:hidden;}
.promo .one .left{float:left;margin-right:30px;}
.promo .one .left img{max-width:700px;width:100%;}
.promo .one .right{float:left;padding-top:10px;}
.promo .one .right .price{font-size:26px;line-height:40px;color:#000;}
.promo .one .right .price span{font-size:36px;color:#f11213;}
.promo .one .checkout-switch{float:left;width:440px;overflow:hidden;}
.promo .one .checkout-switch .buyA,.promo .one .checkout-switch .buyS,.promo .one .checkout-switch .buyA-mac,.promo .one .checkout-switch .buyS-mac{float:left;background:#ec3e3f url(/images/products/win.png) no-repeat scroll 30px center;height:50px;color:#FFF;padding:0 35px 0 80px;font-size:20px;line-height:44px;margin:10px 20px 0 0;}
.promo .one .checkout-switch .buyA-mac,.promo .one .checkout-switch .buyS-mac{background:#ec3e3f url(/images/products/mac.png) no-repeat scroll 30px center;}
.promo .one .checkout-switch .buyA:hover,.promo .one .checkout-switch .buyS:hover,.promo .one .checkout-switch .buyA-mac:hover,.promo .one .buyS-mac:hover{background-color:#e02f31;}
.promo .two,.promo .three{float:left;background:#e7f1fb;max-width:560px;width:100%;margin:40px 50px 30px 0;padding:30px 0 0 0;}
.promo .three{background:#e2ffed;margin-right:0;}
.promo .two .title{font-size:30px;line-height:45px;color:#000;text-align:center;padding-bottom:20px;}
.promo .two .title span{font-size:36px;color:#f11213;}
.promo .two img{display: block;margin: 0 auto;max-width: 530px;width: 100%;margin-bottom: 30px;}
.promo .two .info{background:#354657;margin:30px auto 0 auto;padding:20px 0 30px 0;overflow:hidden;}
.promo .three .info{background:#35574d;}
.promo .two .info .price{font-size:20px;line-height:40px;color:#FFF;text-align:center;}
.promo .two .info .price span{font-size:30px;color:#f11213;}
.promo .two .checkout-switch{width:360px;overflow:hidden;}
.promo .two .checkout-switch .buyA,.promo .two .checkout-switch .buyS,.promo .two .checkout-switch .buyA-mac,.promo .two .checkout-switch .buyS-mac{float:left;background:#ec3e3f url(/images/products/win.png) no-repeat scroll 20px center;height:40px;color:#FFF;padding:0 15px 0 60px;font-size:20px;line-height:35px;margin:10px 20px 0 0;}
.promo .two .checkout-switch .buyA-mac,.promo .two .checkout-switch .buyS-mac{background:#ec3e3f url(/images/products/mac.png) no-repeat scroll 20px center;}
.promo .two .checkout-switch .buyA:hover,.promo .two .checkout-switch .buyS:hover,.promo .two .checkout-switch .buyA-mac:hover,.promo .two .buyS-mac:hover{background-color:#e02f31;}
/*All Products*/
.box{margin:50px auto 20px auto;overflow:hidden;}
.box h2{font-size:40px;color:#000;text-align:center;line-height:60px;}
.pro-menu{border-top:1px solid #e6e4e4;border-bottom:1px solid #e6e4e4;height:60px;line-height:60px;margin-top:20px;}
.pro-menu .title{max-width:1200px;width:100%;margin:0 auto;overflow:hidden;}
.pro-menu .title li{float:left;font-size:20px;color:#333;line-height:60px;text-align:center;width:20%;cursor:pointer;}
.pro-menu .title li img{vertical-align:middle;margin-right:5px;margin-top:-5px;}
.pro-menu .title li.curr{border-bottom:3px solid #51a1f6;color:#2d8aec;}
.pro-box{overflow:hidden;}
.pro-box .list{max-width:1200px;width:100%;padding:1% 0 3% 0;margin:0 auto;overflow:hidden;}
.pro-box .inline{width:100%;max-width:1200px;margin:20px auto 0 auto;text-align:center;overflow:hidden;}
.pro-box .item{float:left;max-width:283px;width:23.6%;margin:20px 14px 0 0;overflow:hidden;}
.pro-box .des{border:1px solid #e6e6e6;overflow:hidden;}
.pro-box .item img{max-width:283px;width:100%;}
.pro-box .item .pic{max-width:116px;width:100%;margin-top:30px;}
.pro-box .item .title{font-size:20px;line-height:30px;max-widht:250px;width:100%;}
.pro-box .item .title a{color:#000;text-decoration:none;padding:10px 5px 0 5px;display:block;}
.pro-box .item .title a:hover{text-decoration:underline;}
.pro-box .item .desc{margin:5px auto;padding:0 5px;font-size:16px;line-height:30px;}
.pro-box .item .price{font-size:16px;line-height:30px;color:#222;}
.pro-box .item .price span{font-size:22px;color:#ea1616;}
.pro-box .item .win-mac{max-width:150px;width:100%;margin:15px auto 20px auto;display:block;overflow:hidden;}
.pro-box .item a.win,.pro-box .item a.mac{background:url(/images/purchase/buy-win.png) scroll no-repeat 20px center;border:#e04445 1px solid;width:90px;font-size:16px;line-height:24px;text-align:left;color:#e04445;text-decoration:none;display:block;padding:0 0 5px 50px;margin-bottom:10px;}
.pro-box .item a.mac{background:url(/images/purchase/buy-mac.png) scroll no-repeat 20px center;width:90px;}
.pro-box .item a.win:hover,.pro-box .item a.mac:hover{background:url(/images/purchase/win-1.png) scroll no-repeat 20px center #e04445;color:#FFF;}
.pro-box .item a.mac:hover{background:url(/images/purchase/mac-1.png) scroll no-repeat 20px center #e04445;}
.pro-box .item a.down-win,.pro-box .item a.down-mac{background:url(/images/purchase/down-win.png) scroll no-repeat 20px center;border:#3fc09a 1px solid;width:90px;font-size:16px;text-align:left;color:#3fc09a;text-decoration:none;display:block;padding:0 0 5px 50px;margin-bottom:10px;}
.pro-box .item a.down-mac{background:url(/images/purchase/down-mac.png) scroll no-repeat 20px center;width:90px;}
.pro-box .item a.down-win:hover,.pro-box .item a.down-mac:hover{background:url(/images/purchase/win-1.png) scroll no-repeat 20px center #3fc09a;color:#FFF;}
.pro-box .item a.down-mac:hover{background:url(/images/purchase/mac-1.png) scroll no-repeat 20px center #3fc09a;}
/*Related Article*/
.related-art{max-width:1200px;width:100%;margin:0 auto 50px auto;padding:0 1%;overflow:hidden;}
.related-art .title{font-size:36px;line-height:60px;color:#000;text-align:center;}
.related-art .cont{display:flex;display:-webkit-flex;flex-direction:row;flex-wrap:wrap;justify-content:center;overflow:hidden;}
.related-art .cont .txt{width:24%;line-height:25px;margin:30px 1% 0 0;}
.related-art .cont a{color:#008ED2;font-size:18px;display:block;width:100%;}
.related-art .cont a:hover{text-decoration:underline;}
.related-art .cont img{max-width:285px;width:100%;}
.related-art .cont img:hover{opacity:0.9;}
.related-art .cont .tit{padding:15px 0 5px 0;width:100%;}
.related-art .more{font-size:26px;line-height:30px;color:#29d085;text-align:center;width:240px;border:#29d085 2px solid;border-radius:5px;display:block;padding:10px 15px;margin:30px auto 20px auto;}
.related-art .more:hover{background:#29d085;color:#FFF;}
/*Breadcrumb*/
#breadcrumb{font-size:14px;margin-top:15px;}
#breadcrumb .container{max-width:1200px;overflow:hidden;width:98%;margin:0 auto;color:#333;}
#breadcrumb .container a{color:#333;text-decoration:none;}
#breadcrumb .container a:hover{color:#007EFD;}
/*Footer*/
#footer{text-align:left;overflow:hidden;background-color:#2b2b2b;}
#footer a{font-size:14px;color:#e0e0e0;text-decoration:none;}
#footer a:hover{color:#2492FF;}
#footer-container{margin:15px auto;max-width:1200px;overflow:hidden;}
#footer-left{float:left;width:20%;}
#footer-center{float:left;width:37%;margin-top:20px;margin-left:3.5%;}
#footer-center p{margin:0;color:#bfbfbf;}
#footer-right{float:left;width:35%;margin-top:20px;margin-left:3%;color:#bfbfbf;}
/*GoTop*/
.gotop{display:none;width: 32px;height: 32px;background-color:rgba(0,0,0,0.45);position:fixed;bottom:5%;right:1%;z-index:1;transition: 0.5s;cursor: pointer;}
.gotop:hover{background-color:rgba(0,0,0,1);}
.gotop::after{content:"";width: 0px;height: 0;border:6px solid transparent;border-bottom:6px solid #fff;position:absolute;left: calc(50% - 6px);top: calc(50% - 9px);}
.gotop.active{display:block;}
@media screen and (max-width:1200px){
.pro-box .item{
margin:20px 10px 0 0;
}
.promo .one{
border-bottom:none;
}
.promo .one .left{
float:none;
max-width:610px;
width:100%;
margin:0 auto;
}
.promo .one .right{
float:none;
max-width:480px;
width:100%;
margin:0 auto;
}
.promo .two,.promo .three{
float:none;
max-width:1200px;
width:100%;
margin:20px auto 30px auto;
}
}
@media screen and (max-width:1020px){
.pro-box .inline{
max-width:650px;
}
.pro-box .item{
width:48%;
margin-top:30px;
margin-right:40px;
}
}
@media screen and (max-width:1000px){
#footer-left{
display:none;
}
#footer-center,#footer-right{
width:100%;
text-align:center;
margin:5px auto;
}
}
@media screen and (max-width:768px){
.related-art .cont .txt{
width:45%;
line-height:25px;
margin:30px 2% 0 3%;
}
.pro-menu .title li img{
display:none;
}
}
@media screen and (max-width:670px){
.pro-box .inline{
max-width:285px;
}
.pro-box .item{
float:none;
width:100%;
}
}
@media screen and (max-width:600px){
.pro-menu{
height:auto;
}
.pro-menu .title{
width:100%;
margin:0;
}
.pro-menu .title li{
width:150px;
display:block;
margin-right:30px;
}
.pro-menu .title li.curr{
background:#51a1f6;
color:#FFF;
border-bottom:none;
}
}
@media screen and (max-width:480px){
#banner{
background:#d63839;
width:100%;
overflow:hidden;
}
#banner h1{
font-size:30px;
line-height:40px;
width:60%;
}
.promo .one .right{
max-width:300px;
}
.promo .one .checkout-switch{
float:none;
width:240px;
}
.related-art .cont .txt{
width:100%;
}
}