.details{background-color: #f4f4f4;padding-top: 48px;}
.details-wrap {}
.details-wrap .top-wrap{display: flex;padding: 24px;box-sizing: border-box;background-color: #fff;}
/* .details-wrap .top-wrap .left-box{margin-right: 56px;max-width: 428px;}
.details-wrap .top-wrap .left-box .bigImg{font-size: 0;}
.details-wrap .top-wrap .left-box .bigImg img{display: none;}
.details-wrap .top-wrap .left-box .bigImg img:nth-of-type(1){display: block;}
.details-wrap .top-wrap .left-box .smallImg{margin-top: 12px;display: flex;font-size: 0;}
.details-wrap .top-wrap .left-box .smallImg li{width: 70px;margin-right: 12px;box-sizing: border-box;border: 2px solid transparent;cursor: pointer;}
.details-wrap .top-wrap .left-box .smallImg li.active{border: 2px solid #385DE8;}
.details-wrap .top-wrap .left-box .smallImg li:nth-last-child(1){margin-right: 0;} */
.details-wrap .top-wrap .right-box{margin-left: 50px;}
.details-wrap .top-wrap .right-box h3{font-size: 26px;font-weight: bold;color: #333333;margin-bottom: 30px;}
.details-wrap .top-wrap .right-box .price{font-size: 16px;font-weight: bold;color: #FF5050;display: flex;align-items: center;padding-left: 10px;}
.details-wrap .top-wrap .right-box .price span{font-size: 24px;}
.details-wrap .top-wrap .right-box .code{width: 200px;margin-top: 30px;}
.details-wrap .top-wrap .right-box .buy{color: #FE6107;margin-top: 30px;font-size: 14px;}
.details-wrap .xq-wrap{margin-top: 50px;}
.details-wrap .xq-wrap .title{border: 1px solid #ddd;border-bottom: 0;}
.details-wrap .xq-wrap .title span{display: inline-block;padding: 10px 15PX;border-right: 1px solid #ddd;border-bottom-color: transparent;cursor: pointer;background-color: #fff;}
.details-wrap .xq-wrap .word{padding: 32px;background-color: #fff;}
.details-wrap .xq-wrap .word img{width: 100%;}


#MagnifierWrap2{position: relative;width: 400px;}
.MagnifierMain{position: relative;width: 400px;height: 400px;overflow: hidden;}
.MagnifierMain img{width: 100%;} 
.MagnifierDrag{position: absolute;top:0;left: 0;background-color: #ccc; opacity: 0.4;filter:alpha(opacity = 40);cursor: move;}

.MagnifierPop{position: absolute;top:0;overflow: hidden;background:#fff no-repeat center center; }
.MagnifierImg{position: absolute;top:0; left: 0;z-index: 999;}

.spec-items{position: relative;width: 357px;height: 79px;overflow: hidden;padding-top: 10px;margin: 0 auto;}
.spec-items ul{width: 500%;position: absolute;top: 4px;left: 0;margin-top: 5px;}
.spec-items ul *{
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.spec-items li{
	width: 70px;height: 70px;float: left;overflow: hidden;margin-right: 5px;border: 2px solid #fff;cursor: pointer;
	
}
.spec-items li.on{border:2px solid #1B86B0;}
.spec-items li img{width: 100%; } 
span.spe_leftBtn,span.spe_rightBtn{position: absolute;bottom: 10px;display: block;width: 20px;height: 66px;line-height: 58px;font-family: "黑体";text-align: center;font-size: 30px;color: #ddd;cursor: default;background-color: #f9f9f9;}
span.on{background-color: #ccc;color: #999;cursor: pointer;} 
span.spe_leftBtn{left: 0;}
span.spe_rightBtn{right: 0;}

@media (max-width:768px) {
    #MagnifierWrap2{display: none;}
    .details-wrap .top-wrap{display: block;}
    .details-wrap .top-wrap .right-box{margin: 0;}
}