/*详情页价格*/
.am-figure .product_price { padding: 5px 10px;height:65px;}
.am-figure .product_price p { width: 100%; font-size: 16px;line-height: 30px;word-wrap: break-word;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-weight: bold;float: left;}
.am-figure .product_price p.theme_text span,.am-figure .product_price p:last-child span {font-size: 12px;text-decoration: line-through;color: #999;font-weight: 100;}
.am-figure .am_quantity_add{float:left;width:50%;height:40px;background:#fff;border-radius:4px;}
.am-figure .am_quantity_add form{height:38px;position:relative;box-shadow:0px 1px 1px rgba(0,0,0,0.3) inset;border:1px solid #e9e8e8;border-radius:4px;overflow:hidden;}
.am-figure .am_quantity_add form .am_addbutton{text-align: center;line-height: 40px;width:40px;border-radius: 4px;font-size: 18px;height:40px;position:absolute;top:-1px;left:-1px;border:1px solid #f2f1f4;background:#7f7f7f;color:#fff;}
.am-figure .am_quantity_add form .am_last{margin-left:-39px;left:100%;}
.am-figure .am_quantity_add form .am_addinput{position:absolute;top:0;left:40px;right:40px;}
.am-figure .am_quantity_add form input{font-size: 14px;line-height:40px;height:40px;border:0;background:none;text-align:center;width:100%;color:#333;}

.am-figure .buy{width:48%;height:40px;padding:0 0 0 2%;float:left;}
.am-figure .button_buy{width:100%;border:1px solid rgba(255,255,255,0.1);height:100%;border-radius:4px;border:0;background:#f00;color:#fff;font-size:16px;box-shadow:0px 1px 1px rgba(0,0,0,0.1);text-align: center;line-height: 38px;}

.am-figure .w50 {width: 50%;}
.am-figure .w100{width: 100%;}
.am-figure .productclass .class_1 li .classshell.w90,.am-figure .w90{width: 90%;}
.am-figure .productclass .class_1 li .classshell.w90{ box-sizing:border-box; padding: 0 35px 0 5px;}
.am-figure .w25{width:25%;}
/*购物列表筛选*/
.am-figure .h47{width:100%;height:47px;}
.am-figure .h40{width:100%;height:40px;}
.am-figure .productlist_top{z-index:2;padding:0 0 0 5px;position:absolute;left:10px;right:10px;top:60px;border-radius:4px;overflow:hidden;background:#fff;box-shadow:0px 2px 2px rgba(0,0,0,0.1);}
.am-figure .productlist_top ul{width:100%;display:-webkit-box;}
.am-figure .productlist_top ul li{-webkit-box-flex:1;text-align:center;line-height:35px;color:#000;position:relative;}
.am-figure .productlist_top ul li:last-child{background:#f00;color:#fff;border:1px solid rgba(255,255,255,.5);border-radius:0 4px 4px 0;}
.am-figure .productlist_top ul li.status{border-bottom:1px solid #e50909;}
.am-figure .productlist_top ul li p{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid #ccc;position:absolute;top:13px;right:50%;margin-right:-25px;}
.am-figure .productlist_top ul li p:last-child{border-top:4px solid #ccc;border-bottom:none;top:19px;}

.am-figure .filter{display:none;z-index:5;position:absolute;bottom:0px;right:0;width:50%;background:rgba(255,255,255,0.8);box-shadow:-2px 1px 1px rgba(0,0,0,0.1);-webkit-transition-duration:600ms;}
.am-figure .filter .price{padding:10px 10px 5px 10px;text-align:center;}
.am-figure .filter .price input{background:#fff;border:1px solid #666;width:40%;text-align:center;height:25px;border-radius:4px;box-shadow:0px 1px 1px rgba(0,0,0,0.2) inset;}
.am-figure .filter .price a{background:#f00;border:0;color:#fff;border-radius:4px;line-height:30px;border:1px solid rgba(0,0,0,0.1);font-size:16px;box-shadow:1px 1px 1px rgba(0,0,0,0.1);width:100%;display:block;}
.am-figure .filter .tagborder{width: 100%;height:0px;padding: 0 10px;border-bottom: 1px solid #fff;border-top: 1px solid #ccc;margin-left: -10px;}
.am-figure .filter .tag{padding:0;display:block;overflow:visible;}
.am-figure .filter .tag ul{width:100%;}
.am-figure .filter .tag ul li{padding: 10px 25px 0px 0px;float:left;position:relative;}
.am-figure .filter .tag ul li a{border-radius:4px;line-height:20px;background:#f00;color:#fff;padding:5px;font-size:14px;}
.am-figure .filter .tag ul li span{display:none;border-radius:50%;width:10px;height:10px;position:absolute;right:0px;bottom:2px;background:#f00;box-shadow:-1px 1px 1px rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.8);}
.am-figure .filter .tag ul li span::after{content:'';width:1px;height:6px;background:#fff;-webkit-transform:rotate(45deg);position:absolute;top:2px;left:6px;}
.am-figure .filter .tag ul li span::before{content:'';width:1px;height:4px;background:#fff;-webkit-transform:rotate(-45deg);position:absolute;top:4px;left:3px;}
.am-figure .filter_bg{z-index:3;display:none;position:absolute;top:0px;bottom:0;left:0;right:0;background:rgba(0,0,0,.5);}
.am-figure .filter_income{border: 1px solid rgba(255,255,255,.5);border-right: 0;z-index:4;display:none;width:34px;height:40px;background:#f00;border-radius:4px 0 0 4px;position:absolute;top:60px;right:50%;margin:0 0 0 -30px;color:#fff;text-align:center;line-height:38px;font-size:20px;box-shadow:-2px 1px 1px rgba(0,0,0,0.1);}

/*列表分类*/
.am-figure .productclass_name{z-index:4;position:absolute;box-shadow:0 0 4px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.5);top: 107px;right: 0px;width: 50px;height: 40px;padding: 0;line-height: 40px;background: #f00;text-align: center;border-radius: 4px 0 0 4px;box-shadow: 1px 1px 1px rgba(0,0,0,.2);color: #fff;border-right: 1px dashed rgba(255,255,255,.7);}
.am-figure .productclass{z-index:1001;position:absolute;top:55px;left:40px;right:0;border-radius:4px 0 0 4px;overflow:hidden;background:#fff;box-shadow:0px 2px 2px rgba(0,0,0,0.1);display:-webkit-box;}
.am-figure .productclass_close{z-index:1002;width:30px;height:30px;background:#fff;border-radius:50%;line-height:40px;text-align:center;position:absolute;top:38px;left:22px;border:2px solid #f00;box-shadow:0 1px 5px rgba(0,0,0,.3);}
.am-figure .productclass_close ul{width:100%;height:100%;position:relative;}
.am-figure .productclass_close ul li{width:20px;height:3px;background:#f00;position:absolute;top:14px;left:5px;-webkit-transform:rotate(-45deg);}
.am-figure .productclass_close ul li:first-child{-webkit-transform:rotate(45deg);}
.am-figure .productclass_bg{z-index:1000;width:100%;position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.5);}
.am-figure .productclass .class,.am-figure .productclass .class_1{-webkit-box-flex:1;padding:15px 0 0 0;position:relative;top:0;bottom:0;-webkit-transition-duration:600ms;transition-duration:600ms;}
.am-figure .productclass .class_1 li{-webkit-transition-duration:600ms;transition-duration:600ms;text-align:center;margin:auto;float:left;padding:15px 0 0 0;}
.am-figure .productclass .class li{-webkit-transition-duration:600ms;transition-duration:600ms;text-align:center;margin:auto;float:left;padding:30px 0 0 0;}
.am-figure .productclass .class_1 li{width:100%;}
.am-figure .productclass .class_1 li .classshell,.am-figure .productclass .class li .classshell{-webkit-transition-duration:600ms;transition-duration:600ms;text-align:center;border-radius:4px;color:#fff;line-height:20px;font-size:14px;margin:auto;position:relative;padding:5px;width:80px;}
.am-figure .productclass .class_1 li .classshell_g,.am-figure .productclass .class li .classshell_g{width: 90%;padding: 0;border-radius: 4px 4px 0 4px;}
.am-figure .productclass .class_1 li .classshell{width:60px;}
.am-figure .productclass .class_1 li .class_name,.am-figure .productclass .class li .class_name{color:#000;line-height:30px;word-wrap:break-word;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;border-radius:4px;padding:0 5px;}
.am-figure .productclass .class li .class_name_er{color:#fff;line-height:20px;padding: 20px 0;height:40px;}
.am-figure .productclass .class_1 li .class_name_g,.am-figure .productclass .class li .class_name_g{width:90%;color: #fff;line-height: 40px;}
.am-figure .productclass .class li .classshell img{width:100px;height:100px;border-radius:4px;}
.am-figure .productclass .class_1 li .classshell img{width:60px;height:60px;border-radius:4px;}
.am-figure .productclass .class_1 li .classshell a,.am-figure .productclass .class li .classshell a{display:none;z-index:2;width:28px;height:28px;position:absolute;top: 30px;right:-14px;}
.am-figure .productclass .class_1 li .classshell a span,.am-figure .productclass .class li .classshell a span{display:block;width:26px;height:26px;border-radius:50%;background:#f00;color:#fff;text-align:center;font-size:20px;border:2px solid #fff;border-right:0;line-height:15px;}
.am-figure .productclass .class_1 li .classshell .tag,.am-figure .productclass .class li .classshell .tag{display:none;width:22px;height:20px;background:#f00;position:absolute;top: 35px;right:-18px;z-index:-1;border-radius:2px 0 0 2px;}
.am-figure .productclass .class li .classshell .tag{right:-20px;}
.am-figure .productclass .class_1 li .classshell a span{ line-height: 30px;}
.am-figure .productclass .class_1 li .classshell .tag span,.am-figure .productclass .class li .classshell .tag span{width:100%;height:100%;display:block;background-image:linear-gradient(90deg,#ffffff,rgba(255,255,255,0));}
.am-figure .productclass .class_1 li .classshell .tag span::after,.am-figure .productclass .class li .classshell .tag span::after{content:'';width:0;height:0;border-top:10px solid #fff;border-left:10px solid transparent;border-right:0px solid transparent;position:absolute;top:0;right:0;}
.am-figure .productclass .class_1 li .classshell .tag span::before,.am-figure .productclass .class li .classshell .tag span::before{content:'';width:0;height:0;border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:0px solid transparent;position:absolute;bottom:0;right:0;}
.am-figure .productclass .class_1 li .classshell .subtag{display:none;content:'';width:0;height:0;border-top:5px solid #f00;border-left:5px solid transparent;border-right:5px solid transparent;position:absolute;bottom:-5px;right:11px;}
.am-figure .productclass .class_1 li .classshell_g{ border-radius: 4px; overflow: hidden;}
.am-figure .productclass .class_1 li .classshell_g a{top:0;right:0; width:35px; height: 40px; border-radius:4px; overflow: hidden; display:block;}
.am-figure .productclass .class_1 li .classshell_g a span{border-radius:0;border:0;border-left:rgba(255,255,255,.1) 1px solid; width: 35px; height: 40px;}
.am-figure .productclass .class_1 li .Sub_level{-webkit-transition-duration:600ms;transition-duration:600ms;padding:5px 10px;display: none;}
.am-figure .productclass .class_1 li .Sub_level a{padding: 5px 5px 0 5px;float:right;display:block;position: relative;}
.am-figure .productclass .class_1 li .Sub_level a span{border-radius: 4px;line-height: 35px;padding: 10px;border-bottom: 1px dashed rgba(0,0,0,.1);}
.am-figure .productclass .class_1 li .Sub_level a p{position:absolute;top:5px;left:5px;right:5px;bottom:0;border-radius:4px;z-index:-1;}
.am-figure .projection{position:absolute;top:0;bottom:0;right:-4px;width:1px;height:100%;border-left:1px solid #f2f2f2;box-shadow:-2px 2px 4px rgba(0,0,0,0.1);display:block;}
.am-figure .productclass .class_1 li .classshell .transparent{width:100%;height:100%;background:rgba(255,255,255,0.2);position:absolute;top:0;left:0;bottom:0;z-index:1;}
.am-figure .productclass .class_1 li .classshell a .transparent_1{width:100%;height:100%;background:rgba(255,255,255,0.2);position:absolute;top:2px;left:2px;bottom:0;z-index:1;}
.am-figure .productclass .class_a li .classshell a{width:100%;height:100%;display:block;position:absolute;top:0;left:0;bottom:0;z-index:5;}
.am-figure .productclass .class ul.graphic_ul{width:100%;}
.am-figure .productclass .class ul.graphic_ul li {width:50%;}
.am-figure .productclass .class ul.graphic_ul li a .classshell .class_name{line-height:100px;}
.class_name{}
@media only screen and (orientation:landscape) and (min-width:480px){
  .am-figure .productclass .class li .tag{right:-120%;}
  .am-figure .productclass .class_1 li .tag{right:-140%;}
}

.filter_income_in{-webkit-animation:flipInYzz 1s .2s ease both;}
@-webkit-keyframes flipInYzz{
0%{-webkit-transform:perspective(400px) rotateY(90deg);
opacity:0}
40%{-webkit-transform:perspective(400px) rotateY(-10deg)}
70%{-webkit-transform:perspective(400px) rotateY(10deg)}
100%{-webkit-transform:perspective(400px) rotateY(0deg);
opacity:1}
}
.filter_income_in_1{-webkit-animation:flipInyy 3s ease both infinite;}
@-webkit-keyframes flipInyy{
  0%{-webkit-transform:perspective(100px) rotateY(-20deg);opacity:40%;}
  25%{-webkit-transform:perspective(100px) rotateY(20deg);}
  50%{-webkit-transform:perspective(100px) rotateY(-20deg);}
  75%{-webkit-transform:perspective(100px) rotateY(20deg);}
  100%{-webkit-transform:perspective(100px) rotateY(-20deg);opacity:1;}
}
.am_tag_in{-webkit-animation:fadeInLeft .5s .2s ease both;}
@-webkit-keyframes fadeInLeft{
  0%{opacity:0;-webkit-transform:translateX(-10px);}
  100%{opacity:1;-webkit-transform:translateX(2px);}
}
.am_window_in{-webkit-animation:fadeInRight .5s .2s ease both;}
@-webkit-keyframes fadeInRight{
  0%{opacity:0;-webkit-transform:translateX(200%);}
  100%{opacity:1;-webkit-transform:translateX(2px);}
}
.am_window_out{-webkit-animation:fadeOutRight .5s .2s ease both;}
@-webkit-keyframes fadeOutRight{
  0%{opacity:1;-webkit-transform:translateX(0);}
  100%{opacity:0;-webkit-transform:translateX(200%);}
}
.am_filter_in{-webkit-animation:fadeInRight .5s .2s ease both;}
@-webkit-keyframes fadeInRight{
  0%{opacity:0;-webkit-transform:translateX(155%);}
  100%{opacity:1;-webkit-transform:translateX(0);}
}
