/*轮播图*/
.banner{float: left;width: 100%;position: relative;z-index: 5;}
.banner-lit{ width:180px; height:540px; position:absolute; top:40px; right:0; z-index:10001; background-color:#fff; overflow: hidden;}
.banner-lit img{ width: 180px; height: 220px;}
.banner .flexslider { position: relative; width: 100%; height: 540px; overflow: hidden;  z-index:1}
.banner .slides { position: relative; z-index: 1;}
.banner .slides li { height: 540px;}
.banner .slides li a{ width:100%; height:540px; display:block;}
.banner .flex-control-nav { position: absolute; bottom: 20px; z-index: 2; width:100%; text-align: center;}
.banner .flex-control-nav li { display: inline-block; width: 12px; height: 12px; margin: 0 4px; *display: inline; zoom: 1;}
.banner .flex-control-nav a { display: inline-block; width: 12px; height: 12px; line-height: 40px; overflow: hidden; -webkit-border-radius: 100%; border-radius:100%; cursor: pointer; background-color:#fff; font-size:0;}
.banner .flex-control-nav .flex-active { background-color: #e72222;}
.banner .flex-direction-nav{ position: absolute; z-index: 10001; width: 100%;}
.banner .flex-direction-nav a{ display: block; position: absolute; font-size: 0;}
.banner .flex-direction-nav .flex-prev { width: 40px; height: 40px; background:url("../images/yy11.png") no-repeat 40% 50%; left:22%; top: 48%; margin: 230px 0 0 -350px;}
.banner .flex-direction-nav .flex-next { width: 40px; height: 40px; background:url("../images/yy12.png") no-repeat 40% 50%; right: 22%; top: 48%; margin: 230px -380px 0 0;}
.banner .flexslider:hover .flex-prev { background: url("../images/yy11.png") no-repeat 40% 50%; left: 22%; top: 48%; margin: 230px 0 0 -350px;}
.banner .flexslider:hover .flex-next {background: url("../images/yy12.png") no-repeat 40% 50%; right: 22%; top: 48%; margin: 230px -380px 0 0;}
.destacados{float: left;width: 100%; padding-bottom: 45px;}
.destacadosbox{margin: auto;display: block;width: 1200px;}
.destatxt{float: left;width: 100%;text-align: center;font-size: 13px; color:#666666;}
.destatxt p{font-size: 28px; color: #000000; margin: 30px 0 0px 0;}
.destatxt span{margin: auto; display: block;background-color:#a149dc;width: 33px;height: 5px;margin-bottom: 8px;}
.destali{float: left;width: 100%;box-sizing: border-box; margin-top: 12px; }
.dest-ver{float: left; width: 100%; padding: 45px 0 0 0;text-align: center;}
.dest-ver a{margin: auto; width: 200px; height: 32px;  color: #000;font-size: 14px;line-height: 32px; border: 1px solid #000;}
.dest-ver a:hover{ color: #ae5be6;border: 1px solid #ae5be6;}
.destali ul{display: inline-block;}   
.destali li{float:left;width: 288px;height: 288px;overflow: hidden; position: relative; display: flex;align-items: center;justify-content: center; text-align: center; -webkit-flex: 1;background-color: #fff;  flex: 1; margin:0px 6px 0 6px;}
.destali li:hover .destacadosx span{background-color: #973ad6;}
.destali li img{margin:auto;display: block;width:100%;z-index: 1; position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.destacadosx{ position: absolute; bottom: 17px;  left: 24px; z-index: 5; width: 240px; height: 95px; background-color: rgba(255, 255, 255, 0.82);}
.destacadosx p{color: #222222; font-size: 20px;  margin: 10px 0 10px 0;  padding: 0 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.destacadosx span{    margin: auto;display: block;  background-color: #ae5be6; text-align: center;color: #fff;font-size: 14px;width: 190px; height: 36px;line-height: 36px;}
.especial{float:left;width: 100%;background: url(../images/yy1.jpg) no-repeat top center;background-size:100% 630px;height: 630px;}
.especialbox{background-color: #fff;width: 1200px;margin: auto;display: block;height: 530px; margin-top: 50px;}
.destali-w{margin: auto; padding: 0 24px;}
.destali-w li{float: left;position: relative;width:276px;height: 276px;border: 1px solid #e4e4e4; box-sizing: border-box; margin: 12px 6px 0 6px;}
.destali-w li:hover{border: 1px solid #fff;}
.destali-w li:hover .especialdiv{opacity: 1;}
.especialimg{float: left;width: 100%;height: 274px;position: relative;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.especialimg div{position: absolute;top: 0;width: 100%; height: 274px;z-index: 8;line-height: 274px;color: #fff;text-align: center;font-size: 14px; background-color: rgba(0, 0, 0, 0.65);}
.especialimg img{position: relative;top:0;left: 0;bottom: 0; right: 0;width: 100%;z-index: 1;}
.especialdiv{opacity: 0; text-align: center; position: absolute;bottom:0;top: 0;left: 0;right: 0; z-index: 5; width:276px;height: 276px;background-color:rgba(0, 0, 0, 0.50);}
.especialdiv p{color: #fff;position: absolute;bottom: 0;width: 100%;height: 46px; padding: 0 5%;box-sizing: border-box;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; }
.especials{float:left;width: 100%;text-align: center;}
.especials p{font-size: 20px;color:#e72222;letter-spacing: -0.5px; font-weight: bolder; margin-top:16px;text-decoration: none; }
.especials p.active{text-decoration: line-through; font-weight: normal;font-size: 14px;margin: 0; color: #999999;}
.destali-R{float: left;width: 100%;}
.destali-R ul{display: inline-block;width: 100%; }
.destali-R li{float: left; margin: 30px 22px 0 22px;width: 196px;	}
.destali-R li .Nuevoimg{width:196px;height: 196px;border-radius: 500px;background-color: #eeeceb;} 
.destali-R li .Nuevoimg img{width: 100%;margin: auto;display: block;}
.Nuevodiv{font-size: 18px;color: #222;float: left;width: 100%; text-align: center;padding: 0 5%;box-sizing: border-box; margin: 15px 0 5px 0;}
.Nuevodiv p{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.Nuevos{float:left;width: 100%;text-align: center;}
.Nuevos p{font-size: 18px; display: inline-block;  font-weight: bolder;color: #e72222;letter-spacing: -0.5px;}
.Nuevos p.active{font-size: 14px; color: #999999; font-weight: normal;margin-left: 10px;margin-top: 3px;text-decoration: line-through;}
.yygangao{float: left;width: 100%;text-align: center; margin: 50px 0 0 0;}
.yygangao img{width: 1200px;height: auto;margin: auto;display: block;}
.Productos{float: left;width: 100%; margin: 22px 0  0 0;}
.Productos ul{float: left;}
.Productos li{background-color: #fff;float: left;position: relative; margin-right: 12px;}
.Productos li:nth-child(1), .Productos li:nth-child(2){width: 292px;height: 374px; }
.Productost{width: 100%;background-color: #fff;color: #222;font-size: 22px; padding-top: 20px;box-sizing: border-box; height: 83px;text-align: center;}
.Productost p{font-size: 16px; color: #999;}
.Productosimg{position: absolute;bottom: 0;left: 0;width: 100%; right: 0;}
.Productosimg img{width: 100%;}
.Productosimgs{width:292px;height: 374px;position: relative;; display: flex;align-items: center;justify-content: center;overflow: hidden;}
.Productosimgs:hover .produtext{opacity: 1;
	transition:All 0.2s ease-in-out;
    -webkit-transition:All 0.2s ease-in-out;
    -moz-transition:All 0.2s ease-in-out;
    -o-transition:All 0.2s ease-in-out;}
.Productosimgs .produtext{position: absolute;text-align: center; top: 0;left: 0; color: #fff; right: 0;bottom: 0;font-size: 20px;line-height: 24px; width: 292px;display: flex;align-items: center;justify-content: center; padding: 0 20px;box-sizing: border-box; height: 374px;z-index: 10;background-color: rgba(0, 0, 0, 0.60);opacity: 0;}
.Productosimgs:hover, .Productoriix img:hover, .destali-R li .Nuevoimg img:hover, .destali li img:hover{opacity: 0.9;}
.Productosimgs img{width: 100%;height: 100%;}
.Productori{float: left;width: 592px;}
.Productorii img{width: 290px;height: 181px;}

.Productorii:hover .produtext{opacity: 1;
		transition:All 0.2s ease-in-out;
    -webkit-transition:All 0.2s ease-in-out;
    -moz-transition:All 0.2s ease-in-out;
    -o-transition:All 0.2s ease-in-out;}
.Productorii .produtext{position: absolute;text-align: center; top: 0;left: 0; color: #fff; right: 0;bottom: 0;font-size: 20px;line-height: 24px; width: 290px;display: flex;align-items: center;justify-content: center; padding: 0 20px;box-sizing: border-box; height: 181px;z-index: 10;background-color: rgba(0, 0, 0, 0.60);opacity: 0;}

.Productorii{float: left;position: relative; background-color: #fff;width:290px;height: 181px; margin-right: 12px; margin-bottom: 12px; }
.Productoriis{float: left;width: 100%;font-size: 18px;color: #222; padding-left: 20px;box-sizing: border-box; padding-top: 25px;}
.Productoriis p{font-size: 12px;color: #666;display: inline-block; }
.Productori .Productorii:nth-child(2), .Productori .Productorii:nth-child(4){margin-right: 0;}
.Productoriix{float: left;width: 100%;}
.Productoriix div{float: left;width: 50%;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.Productoriix img{width: 90%; margin: auto;display: block;}
/*1f*/
.yywef{float:left;width: 100%;background-color: #f7f7f7; padding-bottom: 35px;}
.yywefbox{margin: auto; width: 1200px;}
.yywef-top{float: left;width: 100%;position: relative; background-color: #fff;padding: 10px 30px;box-sizing: border-box;}
.yywef-top li.active a{ color: #a149dc;}
.yywef-top p{width: 100%;float:left;font-size: 22px; color: #000000;line-height: 40px; }
.yywef-top ul{float:left;width: 100%;}
.yywef-top ul li{float: left;font-size: 16px; margin-right: 45px;line-height: 30px;}
.yywef-top ul li a{color: #666666; }
.yywef-top ul li a:hover{ color: #a149dc;}
.yywef-top small{position: absolute;right: 25px;bottom: 18px;}
.yywef-top small a{ color: #666666;}
.yywef-top small a:hover{color: #a149dc;}
.yywef-li{float: left;width: 100%;}
.yywef-liig{float: left;width: 292px;height: 810px; margin-top: 12px;}
.yywef-liig:hover{opacity: 0.9;}
.yywef-liig img{width: 100%;height: 810px;}
.yywef-li ul{float: left;width: 908px;}
.yywef-li ul li{float: left;position: relative; width:290px;background-color: #fff; margin: 12px 0 0 12px;}
.yywef-li ul li:hover{ outline: #a149dc solid 1px;}   
.yywef-liimg{float: left;width: 100%;height: 290px;position: relative; display: flex;align-items: center;justify-content: center;overflow: hidden;}
.yywef-liimg div{position: absolute;top: 0;width: 100%; height: 290px;z-index: 8;line-height: 290px;color: #fff;text-align: center;font-size: 14px; background-color: rgba(0, 0, 0, 0.65);}
.yywef-liimg img{width: 100%;}
.yywef-liimg img:hover{opacity: 0.9;}
.yywef-lisde{float: left;width: 230px; height: 109px; margin:0px 20px;position: relative; padding: 6px 0 20px 0px; box-sizing: border-box;border-top:1px dashed #ddd; }
.yywef-lisde p{ color: #242424;font-size: 16px;text-align: left;line-height: 24px;height: 60px;display: -webkit-box !important;overflow:hidden;text-overflow:ellipsis;word-break: break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.yywef-lis{ margin:0px 20px;position: relative; height: 109px; padding: 6px 0 20px 0px; box-sizing: border-box;width: 250px;float: left; border-top:1px dashed #ddd; }
.yywef-lis p{ color: #242424;font-size: 16px;text-align: left;line-height: 24px;height: 60px;display: -webkit-box !important;overflow:hidden;text-overflow:ellipsis;word-break: break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;  } 
.yywef-y{float: left; color: #e72222;font-size: 18px;letter-spacing: -0.5px;font-weight:bolder;line-height: 20px;}
.yywef-y small{ color: #999;font-size: 14px;font-weight: normal; text-decoration: line-through;display: inline-block;margin-left: 8px;}
.yywef-gow{position: absolute;bottom: 17px;text-align: center;display: flex;align-items: center;justify-content: center; right: 10px;width: 37px;height: 35px; background-color: #a149dc;border-radius: 6px; }
.yywef-gow:active{background-color: #9942d4;}
.yywef-gow span{margin: auto;display: block; transform: rotateY(180deg);   /* 水平镜像翻转 */}
.yywef-gow img{width: 37px;height: 35px;}
.yywef-off{position: absolute;top: 0;left: 0;z-index: 5; background: url(../images/yy29.png) no-repeat;background-size: 95px 28px; width:95px;height: 28px;text-align: left;text-indent: 18px; color: #fff;line-height: 28px;font-size: 14px; }
/*列表*/
.yywef-li-todas{float: left;width: 100%;}
.yywef-liig-todas{float: left;width: 292px;height: 810px; margin-top: 12px;}
.yywef-liig-todas:hover{opacity: 0.9;}
.yywef-liig-todas img{width: 100%;height: 810px;}
.yywef-li-todas ul{float: left;width: 1210px;}
.yywef-li-todas ul li{float: left;position: relative; width:232px;background-color: #fff; margin: 10px 10px 0 0px;}
.yywef-li-todas ul li:hover{ outline: #a149dc solid 1px;}   
.yywef-liimg-todas{float: left;width: 100%;height: 232px;position: relative; display: flex;align-items: center;justify-content: center;overflow: hidden;}
.yywef-liimg-todas div{position: absolute;top: 0;width: 100%; height: 232px;z-index: 8;line-height: 232px;color: #fff;text-align: center;font-size: 14px; background-color: rgba(0, 0, 0, 0.65);}
.yywef-liimg-todas img{width: 100%;}
.yywef-liimg-todas img:hover{opacity: 0.9;}
.yywef-lis-todas{ margin:0px 16px;position: relative;height: 100px; padding: 6px 0 20px 0px; box-sizing: border-box;width: 200px;float: left; border-top:1px dashed #ddd; }
.yywef-lis-todas p{ color: #242424;font-size: 15px;text-align: left;line-height: 20px;height: auto;display: -webkit-box !important;overflow:hidden;text-overflow:ellipsis;word-break: break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;  } 
.yywef-y-todas{float: left;position: absolute;bottom: 10px; color: #e72222; margin-top: 20px; font-size: 18px;letter-spacing: -0.5px;font-weight:bolder;line-height: 20px;}
.yywef-y-todas small{ color: #999;font-size: 14px;font-weight: normal; text-decoration: line-through;display: inline-block;margin-left: 8px;}
.yywef-gow-todas{position: absolute;bottom: 10px;text-align: center;display: flex;align-items: center;justify-content: center; right: 10px;width: 32px;height: 32px; background-color: #a149dc;border-radius: 4px; }
.yywef-gow-todas span{margin: auto;display: block; transform: rotateY(180deg);   /* 水平镜像翻转 */}
.yywef-gow-todas img{width: 37px;height: 35px;}
/*分页*/
.todas-list{float: left;width: 100%; padding: 40px 0 40px 0;text-align: center;}
.todas-list li{cursor: pointer; display: inline-block; border: 1px solid #dddddd;background-color: #fff; height: 25px;line-height: 25px; margin: 0 4px;   font-size: 12px;}
.todas-list li.active{background-color: #a149dc;}
.todas-list li span.page-link{display: inline-block;padding: 0 15px;}
.todas-list li.active a{ color: #fff;}
.todas-list li.active span{color: #fff;display: inline-block;padding: 0 15px; }
.todas-list li a{color: #666666;display: inline-block;padding: 0 15px;}
.todas-list li:hover a{ color: #fff;}
.todas-list li:hover span{ color: #fff;}
.todas-list li:hover {background-color: #a149dc; transition:All 0.2s ease-in-out;
    -webkit-transition:All 0.2s ease-in-out;
    -moz-transition:All 0.2s ease-in-out;
    -o-transition:All 0.2s ease-in-out;}

/*详情页*/
.detalles{float: left;width: 100%;}
.detallesbox{margin: auto; width: 1200px;}
.detalles-head{float: left;width: 100%;height: 50px;line-height:50px;}
.detalles-head a{float: left; color: #000000;font-size: 16px; margin-left: 5px;}
.detalles-head a.active{ color:#a149dc}
.detalles-s{float: left;width: 100%; display: table;min-height: 520px;background-color: #fff;}
.detalles-sle{float: none;position: relative;min-height: 520px; border-right: 13px solid #f4f4f4; background-color: #fff;width: 477px; display: table-cell; word-wrap: break-word; margin-right: 12px;}
.detalles-sri{float: right;background-color: #fff;width: 711px;height:auto; padding: 0 50px;box-sizing: border-box; display: table-cell; word-wrap: break-word;}
.detalles-sriq{float:left;width: 100%;font-weight: bold; color:#000;font-size: 16px; padding: 22px 0 20px 0;}
.detalles-sriw{float: left;width: 100%; padding-bottom: 12px;border-bottom: 1px solid #e4e4e4;}
.detalles-sriw p{font-size: 18px; color: #e72222;font-weight: bold;display: inline-block;}
.detalles-sriw p sub{ color: #999999;font-size: 14px;font-weight: normal;text-decoration: line-through; margin-left: 6px;position: relative;top:-1px;}
.detalles-sriw span{background-color: #a149dc; color:#fff;font-size: 12px;text-align: center;height: 22px; padding: 0px 10px; margin-left: 12px; line-height: 22px; display: inline-block;}
.detalles-color{float: left;width: 100%;}
.detalles-colors{float: left;width: 100%; padding: 20px 0;}
.detalles-colors span{ color: #000;float:left;line-height: 36px;width:60px; font-size: 16px;}
.detalles-colors ul{float: left;width: 550px;}
.detalles-colors li{float: left;cursor: pointer; margin-right: 10px; width: 36px;height: 36px;border:1px solid #dddddd;}
.detalles-colors li.active{border:1px solid #e72222;}
.detalles-colors li img{width: 100%;}
.detalles-size{float: left;width: 100%;}
.detalles-size span{ color: #000;font-size: 16px;line-height: 36px;width:60px; float: left; margin-top: 26px;}
.detalles-size ul{float: left;width: 520px; padding: 16px 0 0 0;}
.detalles-size ul li{float: left;width: 100%;}
.detalles-size ul li{display: block;}
.detalibox{float:left;width: 100%;position: relative; text-align: center;border-bottom: 1px solid #eeeeee; }
.detaliboli{float: left;width: 100%;color: #222222;line-height: 34px;padding: 8px 0;display: flex;align-items: center;justify-content: space-between;}
.detalles-sizew{font-size: 15px;cursor: pointer; }
.detalles-sizew select{cursor: pointer;font-size: 15px; padding-right: 20px;background: url(../images/yy59.png) no-repeat right 4px;background-size: 16px 16px;}
.detalles-size ul li .detalibox:nth-last-child(1){border: 0;}
.detalles-sizeq{float: left;width: auto; padding: 0 0px;cursor: pointer; min-width: 36px; height: 36px;border: 1px solid #ddd;line-height: 36px; font-size: 14px;}
.detalles-sizeq img{width: 36px;height: 36px;float: left;}
.detalles-sizew{position: absolute;left: 60px; font-size: 15px; margin-right: 0;width: 210px;text-align: left;line-height: 20px; }
.detalles-sizee{position: absolute; color: #e72222; left: 275px;width: 100px; float: left;font-size: 15px;text-align: center;}
.detalles-sizer{float: right;}
.detalles-sizer strong{ color: #999;font-size: 14px; width: 130px;text-align:center;display: inline-block;}
.detalles-sizer small{float:left; border: 1px solid #e5e5e5;cursor: pointer; width: 27px;height: 27px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;}
.detalles-sizer small:active{background-color: #eee;}
.detalles-sizer small img{width: 24px;height: 24px;}
.detalles-sizer input{font-family: "微软雅黑"; float:left;border: 1px solid #e5e5e5;width: 72px;height: 17px; padding: 4px 0;line-height: 17px;  color: #333333;font-size: 12px;text-align: center;}
.detalles-sizer input::-webkit-input-placeholder{color: #222;font-family: "微软雅黑"; }
.detalles-qis{float: left;background-color: #eee;height: 42px;width: 100%; margin: 16px 0;line-height: 42px;}
.detalles-qisl{float: left;font-size: 16px; margin-left: 62px;}
.detalles-qisls{float: left; color: #e72222; margin-left:99px;font-weight: bold;font-size: 18px;}
.detashop{float: left;width: 100%;}
.detashop a{margin:18px 0 34px 0;}
.detashop a.desple{background-color: #e62e04;text-align: center;color: #fff;font-size:16px; color: #ffffff;height: 40px;line-height: 40px;display: inline-block; padding: 0 40px; margin-right: 10px;}
.detashop a.desple:hover{ background-color:#f83c11;}
.detashop a.despri{background-color: #f2b205;text-align: center;color: #000;font-size:16px; color: #000;height: 40px;line-height: 40px;display: inline-block; padding: 0 40px;}
.detashop a.despri:hover{ background-color:#f4bf2f;}
.detashop a.despri img{display: inline-block;width: 24px;height: 24px;}
.detacompartelo{float: left;width: 100%; margin-top:338px;text-align: center;}
.compartelo{float: left;width: 100%;}
.compartelo span{cursor: pointer;}
.compartelo img{width: 40px;height: 40px;display: inline-block;}
.comparteloli{float: left;width: 100%;}
.comparteloli a{display: inline-block;}
.comparteloli a img{width: 40px;height: 40px;}
.detalles-rec{float: left;margin-top: 12px;width: 100%; margin-bottom: 85px;}
.detalles-recbox{margin: auto;width: 1200px;}
.detalles-recl{float: left;width: 290px;}
.detalles-recl li{margin-bottom: 8px;position: relative; float: left;width: 100%;background-color: #fff;}


.detalles-recl h1{float:left;width: 100%;text-align: center;border-bottom: 1px solid #eee;background-color: #fff; color: #000;font-size: 16px;line-height: 57px;}
.detalles-recr{float: left;width:898px;background-color: #fff;margin-left: 12px; padding: 0 38px;box-sizing: border-box;}
.detalles-recrxq{float:left;width: 100%; margin-bottom: 15px}
.detalles-recrxq h1{float: left;width: 100%;line-height: 57px;color: #000;font-size: 16px;}
.detalles-recrxq ul{background-color: #eee;width: 100%; padding: 18px 20px 18px 38px;box-sizing: border-box;float: left;display: inline-block;}
.detalles-recrxq pre{ color: #555;width: 762px;    overflow: hidden;display: inline-table; white-space: pre-line; font-size: 12px;text-align: left;line-height: 30px;}
.detalles-recrxq ul li{float: left;width:33.333%; color: #555;font-size: 12px;text-align: left;line-height: 30px;}
.detalles-recrxq ul li span:nth-last-child(1) i{opacity: 0;}
.detallesximgs{float: left;width: 100%;}
.detallesximgs h1{    float: left; width: 100%; line-height: 45px; color: #000;  font-size: 16px;border-bottom: 1px solid #ddd; }
.detallesximgs-i{float: left;width: 100%;}
.detallesximgs-i ul{ padding: 15px 0 0 0;width: 828px; display: inline-block;}
.detallesximgs-i ul li{float: left;width: 270px;margin-right: 6px; margin-bottom: 6px;}
.detallesximgs-i ul li .detallesximgs-img{float: left;position: relative; width: 100%; height: 270px; display: flex;align-items: center;justify-content: center;overflow: hidden;}
.detallesximgs-i ul li .detallesximgs-img div{position: absolute;top: 0;width: 100%; height: 270px;z-index: 8;line-height: 270px;color: #fff;text-align: center;font-size: 14px; background-color: rgba(0, 0, 0, 0.65);}
.detallesximgs-i ul li .detallesximgs-img img{width: 100%;}
.detallesximgsa{float: left;width: 100%; padding-bottom: 35px; padding-top: 4px;}
.detallesximgsa img{display: flex;max-width: 100%;}
.normalBox .active1{background: none; opacity: 0;display: none;}
.big-img{position: absolute;width:100%; z-index: 10;display: none;}
.detalles-sizeq:active < .big-img img{width: 100%;display: block;}
.normalBox .active{opacity: 1;display: block;}
.big-img img{position: absolute;}
.detalles-sizeq .active{border: 1px solid #e72222;box-sizing: border-box;}
.imgblocks .active{display: block;}
.imgblocks{position: absolute; z-index: 10;width: 100%; height: 100%;}
.imgblocks ul li{display: none;}
.detalles-size ul li .detalles-sizeq:nth-child(1):hover .imgblocks ul li{display: block;}
/*放大镜*/
#outBox{
	width: 100%;

}
.w{
	float: right;
	width: 390px;
	height: 390px;
}
.w img{width: 100%;}
.leftBox{
	position: absolute;
	z-index: 5;
	right: 0;
	top: 0;
	width: 477px;
	height: 390px;
	background-color: #fff;

}
.normalBox{
	z-index: 8;
	box-sizing: border-box;
	float: right;
	overflow: hidden;
	position: relative;
	border-top: 0;
	border-bottom: 1px solid #f2f2f2;
	border-left: 1px solid #f2f2f2;
	border-right:0;
}
.normalBox .w{
	display: none;
}
.botBox{
	float: left;
	width: 90px;
	height: 390px;
	position: absolute;top: 0;left: 0;
	background: white;
	overflow: hidden;
	z-index: 2;
}
.botBox ul li{
	float: left;
	width: 75px;
	height: 75px;
	border: 1px solid #fff;
	margin-left: 0;
	opacity: 0.8;
	margin-bottom: 1px;
}
.botBox ul li img{width: 100%;cursor: pointer; }
.bord{
	border-color: #e72222 !important;
	opacity: 1 !important;
}
.moveBox{
	z-index: 5;
	width: 200px;
	height: 200px;
	background:rgba(220, 220, 220, 0.4);
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	cursor: move;
}
.magBox{
	width: 540px;
	height: 540px;
	border: 1px solid #f2f2f2;
	position: absolute;
	background-color: #fff;
	z-index: 10;
	left: 489px;
	top: 0;
	overflow: hidden;
	display: none;
}

.magBox ul li{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}
#n,.m{
	display: block !important;
}
.box{
	width: 110px;
	margin: auto;
}
/*login*/
.login{float: left;width: 100%;background-color: #f4f4f4;}
.loginbox{margin: auto;width: 1200px;}
.login-a{float: left;width: 100%;position: relative; margin: 20px 0 65px 0; background-color: #fff}
.login-as{position: absolute;left: 30px;top: 20px;}
.login-as li{display: inline-block; font-size: 14px;}
.login-as li a{ color: #666666;font-size: 16px;}
.login-as li a:hover{ color: #000000;}
.login-as li.active a{ color: #000000;}
.login-s{float: left;width: 100%;  padding: 45px 0 85px 0;}
.login-sh{float: left;width: 100%; margin: 40px 0 0 0px; }
.login-sbox{margin: auto;text-align: center; width: 628px;}
.login-sh h1{ color: #000000;float: left;width: 100%; margin-bottom: 20px; font-size: 16px;text-align: center;}
.login-datos{float: left;width: 100%;text-align: left;margin-bottom: 20px;}
.login-datos p{font-size: 14px; color: #222; padding-bottom: 8px;}
.login-datos p sup{ color:#e72222;}
.login-datos input{font-size: 14px; border: 1px solid #dddddd;height: 42px; width: 100%;box-sizing: border-box;text-indent: 10px;}
.login-datss{float: left;width: 100%;}
.login-datosa{width:48.4%;text-align: left;margin-bottom: 20px;}
.login-datosa select{font-size: 14px; border: 1px solid #dddddd;cursor: pointer; height: 42px; width: 100%;box-sizing: border-box;text-indent: 10px;}
.login-datosa img{height: 50px;}
.login-datosa:nth-child(odd){float: left;}
.login-datosa:nth-child(even){float: right;}
.login-datosa p{font-size: 14px; color: #222; padding-bottom: 8px;}
.login-datosa p sup{ color:#e72222;}
.login-datosa input{font-size: 14px; border: 1px solid #dddddd;height: 42px; width: 100%;box-sizing: border-box;text-indent: 10px;}
.loginbot{float: left;width: 100%;text-align: center; margin-top: 30px;}
.loginbot input{margin: auto;display: block; height: 44px; padding: 0 95px;letter-spacing: 1px; background-color: #a149dc;color: #fff;font-size:16px; color: #ffffff;}
.loginbot input:hover{background-color: #7916bc;
	 transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;  }
.loginbot input:active{background-color: #000;}
.login-datosa input:focus, .login-datos input:focus{border:1px solid #9436d4;
	 transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
}
.login-i{float: left;width: 100%;text-align: left; color: #222222;font-size: 14px;position: relative;top:-8px;}
.login-i input{width: 14px;height: 14px;cursor: pointer;}