@-webkit-keyframes slideUp{0%{height:0}100%{height:100%}}@keyframes slideUp{0%{height:0}100%{height:100%}}@-webkit-keyframes slideDown{0%{height:100%}100%{height:0}}@keyframes slideDown{0%{height:100%}100%{height:0}}@-webkit-keyframes moveAnimation{0%,100%{left:0}70%{left:20px}}@keyframes moveAnimation{0%,100%{left:0}70%{left:20px}}.xs-prod-banner{background:url(/XStech/images/prod/xs_prod_order_banner.jpg) center no-repeat;background-size:cover}@media screen and (min-width:1024px){.xs-prod-banner{height:3.5rem}.xs-prod-bread{height:50px;background-color:#F0F8FE}.xs-prod-bread .bread-content{width:10.24rem;margin:0 auto;line-height:50px;color:#1E1E1E}.xs-prod-bread .bread-content .bread-link{cursor:pointer}.xs-prod-bread .bread-content .bread-link:hover{color:#0085D0}.xs-prod-main{width:10.24rem;min-height:700px;margin:20px auto;flex-wrap:nowrap}.xs-prod-main .left-menu-bar{width:200px;height:700px;margin-right:28px;border:1px solid rgba(0,0,0,.05);box-sizing:border-box;box-shadow:0 6px 10px rgba(0,0,0,.08)}.xs-prod-main .left-menu-bar .menu>li{display:block;width:100%;margin-bottom:40px}.xs-prod-main .left-menu-bar .menu>li span{display:inline-block;width:100%;height:48px;padding-left:24px;font-size:18px;color:#1E1E1E;line-height:48px;cursor:pointer}.xs-prod-main .left-menu-bar .menu>li span:hover{color:#0085D0}.xs-prod-main .left-menu-bar .menu>li .active{color:#00A3FF}.xs-prod-main .left-menu-bar .menu>li .sub-menu>li{display:block;width:100%;height:36px;padding-left:24px;font-size:14px;color:#818181;line-height:36px;cursor:pointer}.xs-prod-main .left-menu-bar .menu>li .sub-menu>li:hover{color:#0085D0}.xs-prod-main .left-menu-bar .menu>li .sub-active{color:#00A3FF!important}.xs-prod-main .right-content{min-height:700px;width:calc(10.24rem - 228px)}.xs-prod-main .right-content p{margin:0;padding:0 0 0 .3rem}.xs-prod-main .right-content .prod-list{width:100%;min-height:500px;padding:30px 0 0 .3rem}.xs-prod-main .right-content .prod-list .item-box{width:3.03rem;height:2.04rem;margin-bottom:.5rem;position:relative;cursor:pointer;background-size:cover!important}.xs-prod-main .right-content .prod-list .item-box:hover p{-webkit-animation-name:slideUp;animation-name:slideUp;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.xs-prod-main .right-content .prod-list .item-box:hover p .narrow-icon{-webkit-animation-name:moveAnimation;animation-name:moveAnimation;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.xs-prod-main .right-content .prod-list .item-box p{width:100%;background-color:rgba(28,125,192,.94);color:#FFF;position:absolute;bottom:0;overflow:hidden;height:0;padding:0;-webkit-animation-name:slideDown;animation-name:slideDown;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.xs-prod-main .right-content .prod-list .item-box p span{display:block;margin-left:.2rem}.xs-prod-main .right-content .prod-list .item-box p .chip-model{font-size:20px;font-weight:400;margin-top:.2rem}.xs-prod-main .right-content .prod-list .item-box p .chip-name{font-size:30px;font-weight:700}.xs-prod-main .right-content .prod-list .item-box p .narrow-icon{width:25px;height:18px;margin-top:.4rem;position:relative;background:url(/XStech/images/prod/narrow-link.png)}.m-xs-prod-main{display:none}}@media screen and (max-width:1023px){.xs-prod-banner{height:400px}.xs-prod-bread,.xs-prod-main{display:none}.m-xs-prod-main h1{font-size:28px;font-weight:400;margin:25px auto;width:90%;color:#1E1E1E;text-align:left}.m-xs-prod-main .chips-list{width:90%;margin:0 auto 25px;box-shadow:1px 1px 15px #e5e5e5;padding:40px 3%;border-radius:7px}.m-xs-prod-main .chips-list .item-box{width:47%}.m-xs-prod-main .chips-list .item-box .item-img{width:100%;height:130px;background-size:cover!important;border-radius:0 7px 7px}.m-xs-prod-main .chips-list .item-box .item-img span{display:inline-block;width:80%;padding-left:10px;border-radius:0 100px 100px 0;color:#FFF;background-color:rgba(137,185,41,.71)}.m-xs-prod-main .chips-list .item-box p{margin-bottom:0;height:50px;font-size:13px}.m-xs-prod-main .chips-list .item-box p span{padding:0 5px;border-radius:3px;background-color:#42B0FB;color:#FFF;font-size:13px}}