@charset "utf-8";*{word-break:normal}p{padding:0;margin:0}.xboxkv-box{position:relative}.xboxkv-box img{width:100%;height:auto}.xboxkv-box a{display:inline-block;width:11%;height:10%;position:absolute;right:6%;bottom:13%}.btn.right{padding:0;margin:0;top:140px;right:0;width:46px;height:47px!important;background:url(../../images/surfacepro4_category/controls.png) no-repeat 0 -47px;background-size:100%}.btn.left{padding:0;margin:0;top:140px;left:0;width:46px;height:47px!important;background:url(../../images/surfacepro4_category/controls.png) no-repeat;background-size:100%}.kv-scroll a.kv-scroll-btnleft{left:0;top:50%;margin-top:-24px;border:none!important}.kv-scroll a.kv-scroll-btnrig{right:0;top:50%;margin-top:-24px;border:none!important}.xbox-recommend{padding:63px 10px;background:url(../../images/xbox/set2-bg.jpg) no-repeat center;background-size:cover}.xbox-recommend>h3,.xbox-recommend>h1{font-size:40px;color:#fff;text-align:center}.xbox-recommend>p{font-size:18px;color:#fff;margin-top:25px;text-align:center}.xbox-recommend>p.xbox-recommend-tit{margin-top:30px;text-align:left;padding-left:40px}.xbox-recommend>p.xbox-recommend-tit a{color:#fff}.price-box-bg{background-color:#e6e9eb;position:relative;margin-top:2px;height:155px}.xbox-goods-box{margin-top:20px;overflow:hidden;position:relative}.xbox-goods-box ul{width:1000%}.xbox-goods-box .goods-sbox{width:372px;padding-left:20px;padding-right:20px;float:left}.xbox-goods-box .goods-sbox .thumbnail{margin:0;padding:0;display:inline}.xbox-goods-box .btn.left,.xbox-goods-box .btn.right{font-size:34px;background:0;top:37%;padding:0}.goodsbox-bg{padding:8px 0;text-align:center;background:url(../../images/xbox/xbox-bg.png)}.goodsbox-bg img{width:80%;height:auto}.price-box{margin-right:34%;padding-left:30px;padding-top:10px;padding-bottom:10px}.price-box p{font-size:18px;color:#000;height:75px}.price-box span{margin-right:10px;color:#ec5411;font-size:25px}.price-box span.price-orld{font-size:18px;color:#b3b3b3;text-decoration:line-through;word-wrap:normal}.price-box-bg>a.btn{width:27.5%;height:33px;position:absolute;right:6%;top:50%;margin-top:-16px;padding:0;line-height:33px;text-align:center}.set3{position:relative;width:100%}.tab-box{border-bottom:4px solid #007133;background:url(../../images/xbox/tab-bg.png);position:absolute;top:0;width:100%}.tab-box ul{font-size:0}.tab-box ul li{width:33.3%;line-height:49px;text-align:center;font-size:18px;display:inline-block;vertical-align:middle}.tab-box ul li.act{background-color:#007133}.tab-box ul li a{color:#007133;display:block}.tab-box ul li.act a{color:#fff}.recreation{width:100%;height:auto;cursor:pointer}.recreation img{width:100%;height:auto;min-height:400px}.entertainment-text img.recreation-tv{width:14%;min-height:inherit;margin-top:20px}.recreation .entertainment-text .recreation-text{position:static}.entertainment-text{position:absolute;top:0;height:100%;width:100%;padding-right:30px}.recreation h3{font-size:40px;color:#fff;position:absolute;top:3%;left:5%;font-style:italic}.recreation.recreation-en h3{font-size:30px;max-width:50%}.recreation.recreation-en .recreation-text{width:31%;left:66%;max-width:50%}.recreation-en .recreation-text span{font-size:40px}.recreation-en .recreation-text p{font-size:24px}.recreation-en.recreation img{min-height:400px}.recreation-en.recreation img.recreation-tv{min-height:inherit}.recreation .recreation-text{position:absolute;top:131px;left:66%;width:31%}.recreation-text span{font-size:44px;color:#333}.recreation-text p{font-size:18px;color:#333}.games-tit{padding:64px 0 59px 0}.games-tit h3{display:inline-block;margin-left:5%;font-size:40px;color:#197f47;font-style:italic;margin-right:36px;margin-top:0;margin-bottom:0}.games-tit span a{font-size:18px;color:#ec5411;cursor:pointer}span a{font-size:18px;color:#ec5411;cursor:pointer}span a:hover{color:#ec5411;text-decoration:none}.img-list-box{width:50%;margin:0 auto}.img-list-scroll>div{margin:0}.img-list-box ul li{text-align:center;cursor:pointer}.img-list-box ul li.list-box-active{background-color:#ddd}.img-list-box ul li img{width:80%}.scroll-box{background-color:#fafafa}.scroll3{text-align:center}.scroll3 a{display:inline-block;width:45px;height:23px;line-height:23px;font-size:16px;text-align:center;border-radius:10px;color:#ccc;text-decoration:none;cursor:pointer;margin:10px 5px}.scroll3 a.list-box2-active{color:#666;background-color:#ddd}.img-list-scroll .custom-btn{position:absolute;font-size:30px;top:50%;margin-top:-22px;color:#aaa;cursor:pointer;text-decoration:none}.img-list-scroll a.btn-left{left:-40px}.img-list-scroll a.btn-right{right:-40px}.img-list-scroll ul{font-size:0}.img-list-scroll a{margin:0;padding:0}.kvbtn{display:block;width:10%;height:7%;position:absolute;top:68%;left:34%}.parts-tit{padding:64px 0 59px 0}.parts-tit h3{display:inline-block;margin-left:5%;font-size:40px;color:#197f47;font-style:italic;margin-right:36px;margin-top:0;margin-bottom:0}.parts-tit span a{font-size:18px;color:#ec5411;cursor:pointer}.microsoft{display:block;width:49.6%;margin:0 auto;margin-top:43px}.microsoft>img{display:block;width:100%}.hotsoft-price{margin:40px 0 40px 18px}.price-sp1{display:block;font-size:1.125em;color:#666;height:50px;word-break:keep-all;overflow:hidden}.price-sp2{font-size:1em;color:#ec5412}.price-sp2 span{text-decoration:line-through;color:#b3b3b3}.hotsoft-but{width:50%;text-align:center;height:35px;font:.875em;margin-left:18px;margin-bottom:18px;padding:0;text-align:center}.hotsoft_introduce{border-top:1px solid #ccc;border-left:1px solid #ccc;margin:0 auto;width:90%;display:flex;flex-wrap:wrap}.hotsoft_introduce>div{width:25%;border-right:1px solid #ccc;border-bottom:1px solid #ccc;float:left;box-sizing:border-box}.hotsoft_introduce>div.hotsoft-con-cross{width:50%;font-size:0;padding:50px 0}.hotsoft_introduce>div.hotsoft-con-cross>a{display:inline-block;width:53%;vertical-align:middle;text-align:right}.hotsoft_introduce>div.hotsoft-con-cross a img{width:80%;text-align:right}.hotsoft-crosstextbox{width:47%;display:inline-block;vertical-align:middle}.hotsoft-crosstextbox p{font-size:18px;color:#666;margin-bottom:7px;padding-right:12%;height:75px;overflow:hidden}.hotsoft-crosstextbox .price-sp2{font-size:16px}.hotsoft-crosstextbox .btn{font-size:14px;display:block;margin:0;margin-top:35px}.xbox-mask{position:fixed;width:100%;height:100%;background-color:#000;z-index:1000;filter:alpha(opacity=30);-moz-opacity:.3;opacity:.3;top:0;display:none}.vd-layer{display:none;position:fixed;top:50%;left:50%;z-index:1010}.vd-box{position:relative;left:-50%;margin-top:-27%}.vd-box .close{width:42px;height:42px;position:absolute;top:0;right:-42px;background:#fff;color:#7c7c7c;text-align:center;line-height:36px;font-size:36px;cursor:pointer}.vd-frame{width:750px;height:421px}@media screen and (max-width:1600px){.recreation-en img.recreation-tv{top:10%}.recreation-en .recreation-text{top:2%}}@media screen and (max-width:1400px){.recreation-en img.recreation-tv{top:10%}.recreation-en .recreation-text{top:1%}.recreation img.recreation-tv{top:9.5%}.recreation .recreation-text{top:3%}}@media screen and (max-width:1300px){.recreation-en img.recreation-tv{top:8%}.recreation-en .recreation-text{top:2%}.recreation-en .recreation-text span{font-size:25px}.recreation-en .recreation-text p{font-size:18px}}@media screen and (max-width:1023px){.xbox-recommend{padding:28px 0 38px}.xbox-recommend>h3,.xbox-recommend>h1{font-size:28px;margin-top:0}.xbox-recommend>p{margin-top:16px;font-size:15px}.xbox-goods-box{margin-top:22px;padding:0 15px}.xbox-goods-box .goods-sbox{width:290px;padding-left:16px}.price-box{margin-right:0;padding-left:15px;padding-top:10px;padding-bottom:10px}.price-box-bg>a.btn{position:static;margin-left:15px;width:60%;margin-top:0;margin-bottom:10px;font-size:13px}.price-box p{height:30px;line-height:15px;margin-bottom:6px;font-size:14px}.price-box span{font-size:15px}.price-box span.price-orld{font-size:15px}.recreation-en .recreation-text span{font-size:20px}.recreation-en .recreation-text p{font-size:15px}.recreation h3{font-size:24px}.recreation-text span{font-size:21px}.recreation-text p{font-size:15px}.recreation-en .recreation-text{top:4%}.recreation .recreation-text{top:2.5%}.recreation img.recreation-tv{top:9.5%}.recreation-en.recreation img.recreation-tv{top:10.5%}}@media screen and (max-width:870px){.xbox-recommend>h3,.xbox-recommend>h1{font-size:24px}.xbox-recommend>p{font-size:12px}.price-box p{font-size:13px}.price-box span{font-size:14px}.price-box span.price-orld{font-size:14px}.price-box-bg>a.btn{font-size:12px}.kv-scroll a.kv-scroll-btnleft{display:none}.kv-scroll a.kv-scroll-btnrig{display:none}.vd-frame{width:560px;height:314px}.vd-box .close{width:32px;height:32px;right:-32px;line-height:28px;font-size:32px}}@media screen and (max-width:767px){.xboxkv-box a{width:22%;height:11%;right:5%;bottom:4%}.xbox-recommend>h3,.xbox-recommend>h1{display:none}.xbox-recommend>p{display:none}.xbox-recommend>p.xbox-recommend-tit{display:block;font-size:18px;margin-top:0;padding-top:20px;padding-left:20px;font-style:italic}.xbox-recommend{padding:0}.xbox-goods-box{margin-top:0;padding:0;padding:0 20px}.xbox-goods-box ul{width:100%}.xbox-goods-box .goods-sbox{width:100%;padding:20px 0;margin:0;font-size:0;border-top:1px solid #6c767f}.xbox-goods-box .goods-sbox:first-child{border:0}.goodsbox-bg{width:50%;padding:0;display:inline-block;vertical-align:middle}.price-box-bg{width:50%;margin:0;display:inline-block;vertical-align:middle;background:0}.price-box{width:90%;float:right;padding-left:0}.price-box-bg>a.btn{width:90%;float:right;font-size:13px;height:30px;line-height:30px}.price-box p{height:60px;font-size:14px;color:#fff}.tab-box ul li{line-height:35px;font-size:14px}.recreation h3{font-size:14px}.recreation-text span{font-size:24px}.recreation-text p{font-size:12px}.recreation .entertainment-text{height:auto;top:auto;bottom:10%}.recreation .recreation-text{width:90%;text-align:-webkit-match-parent;left:5%}.games-tit{padding:25px 0}.games-tit h3{font-size:18px;margin-right:0;font-weight:bold}.games-tit span{float:right;margin-right:5%;font-size:14px}.scroll-box{display:none}.scroll3{display:none}.parts-tit{padding:25px 0}.parts-tit h3{font-size:18px;margin-right:0;font-weight:bold}.parts-tit span{float:right;margin-right:5%;font-size:14px}.hotsoft_introduce{border:0;margin-top:1px;width:auto;padding:0 13px}.hotsoft_introduce>div{height:auto;overflow:hidden;padding-left:19px;float:none;border:0;border-top:1px solid #ccc;width:100%;position:relative}.microsoft{width:98px;height:98px;margin:20px 0;float:left}.hotsoft-price{margin:30px 0 0 10px;float:left;width:60%}.hotsoft-price{margin:30px 0 0 10px}.hotsoft-price .price-sp2 span{display:none}.price-sp1{display:block;font-size:14px;height:auto}.price-sp1 span{display:block}.price-sp2{display:block;font-size:14px}.hotsoft-but{position:absolute;margin:0;background:0;border:1px solid #ec5411;color:#ec5411;bottom:25px;width:84px;height:25px;line-height:23px;font-size:.75em;right:0}.kvbtn{width:47%;height:13%;top:22%;left:37%}.hotsoft_introduce>div.hotsoft-con-cross>a{width:98px;height:98px;margin:20px 0;float:left}.hotsoft_introduce>div.hotsoft-con-cross a img{width:100%}.hotsoft_introduce>div.hotsoft-con-cross{padding-left:19px;padding-top:0;padding-bottom:0;width:100%}.hotsoft-crosstextbox{width:60%;margin:30px 0 0 10px}.hotsoft-crosstextbox p{font-size:14px;margin-bottom:0}.hotsoft-crosstextbox .price-sp2{font-size:14px}.hotsoft-crosstextbox .btn{font-size:12px}.xbox-goods-box .btn.left,.xbox-goods-box .btn.right{display:none}.vd-box .close{width:20px;height:20px;right:-20px;line-height:19px;font-size:20px}.recreation img{min-height:500px}.recreation.recreation-en h3{max-width:100%;font-size:16px}.recreation-en .recreation-text span{font-size:20px}.recreation-en .recreation-text p{font-size:12px}.recreation.recreation-en .recreation-text{width:90%;left:6%;max-width:100%}.recreation-en.recreation img{min-height:510px}.recreation-en.recreation img.recreation-tv{min-height:inherit;top:11.5%}.recreation img.recreation-tv{width:10%;right:46%}}@media screen and (max-width:650px){.vd-frame{width:270px;height:156px}}@media screen and (max-width:550px){.recreation h3{top:3%}.recreation .recreation-text{top:8%}.recreation-en .recreation-text{top:8%}.recreation .entertainment-text{bottom:0}.entertainment-text img.recreation-tv{margin-top:10px}}@media screen and (max-width:767px){.recreation img.recreation-tv{top:12%}}