.goods_20180921 { width: 1200px; margin: 0 auto; min-height: 396px; overflow: hidden; } .goods_20180921 .lis { float: left; background: #fff; width: 392px; margin-top: 7px; box-sizing: border-box; position: relative; margin-right: 7px; } .goods_20180921 .lis:nth-child(3n) { margin-right: 0; } .goods_20180921 .lis img { width: 100%; height: 100%; } .goods_20180921 .lis .box_img { width: 220px; height: 220px; margin: 0 auto; } .goods_20180921 .lis .tips { width: 148px; height: 20px; font-size: 12px; padding: 0 3px; overflow: hidden; margin: 12px auto 0; text-align: center; color: #e1140a; } .goods_20180921 .lis .tips > span { color: #e1140a; border: 1px dotted #d0021b; line-height: 18px; padding: 0 9px; display: inline-block; } .goods_20180921 .lis > a { display: block; margin-top: 2px; } .goods_20180921 .lis .names { width: 294px; line-height: 20px; height: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; word-break: break-all; margin: 3px auto 0; font-size: 14px; color: #3b3b3b; margin-bottom: 4px; } .goods_20180921 .lis .names .product-name-tag { display: inline-block; height: 20px; vertical-align: bottom; } .goods_20180921 .lis .names .product-name-tag .activity-tag { height: 100%; width: auto; margin-right: 5px; } .goods_20180921 .lis .titile { font-size: 12px; color: #959595; height: 35px; width: 294px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; box-sizing: border-box; white-space: normal; word-break: break-all; margin: 0 auto; } .goods_20180921 .lis .price { position: relative; width: 294px; height: 82px; margin: 0 auto; } .goods_20180921 .lis .price .activity-icon { position: absolute; top: 11px; } .goods_20180921 .lis .price .activity-icon > span { display: inline-block; border: 1px solid #e1140a; border-radius: 10px; width: 38px; height: 16px; font-size: 12px; color: #e1140a; text-align: center; line-height: 15px; box-sizing: border-box; } .goods_20180921 .lis .price_box { top: 31px; height: 25px; width: 294px; font-size: 0; line-height: 25px; } .goods_20180921 .lis .price_box .price_box_sign { font-size: 12px; vertical-align: bottom; margin-right: 4px; color: #e1140a; } .goods_20180921 .lis .price_box .price_box_price { margin-left: -5px; font-size: 18px; vertical-align: middle; color: #e1140a; } .goods_20180921 .lis .price_box .price_box_btn { display: inline-block; height: 25px; background: #e1140a; line-height: 25px; font-size: 12px; text-align: center; color: #fff; letter-spacing: 1.2px; padding: 0 7px; vertical-align: middle; position: absolute; right: 0; } .goods_20180921 .lis .media-price-del { position: absolute; bottom: 10px; font-size: 12px; color: #aaa; } .goods_20180921 .uls { overflow: hidden; padding-bottom: 7px; } .goods_20180921 .lis .tags { font-size: 0; text-align: left; height: 18px; overflow: hidden; margin-top: 10px; } .goods_20180921 .lis .tags .Promotions { display: inline-block; width: auto; height: 16px; line-height: 16px; font-size: 12px; border: .5px solid #454545; border-radius: 2px; text-align: left; padding: 0 3px; margin-right: 4px; margin-bottom: 4px; } .goods_20180921 .lis .tags .Promotions:last-child { margin-right: 0; } .goods_20180921 .lis .tags .Promotions.activity { background: #ef1e0b; border: .5px solid #ef1e0b; border-radius: 2px; color: #fff; } .goods_20180921 .lis .tags .Promotions.first { border: .5px solid #ef1e0b; border-radius: 2px; color: #ef1e0b; } .goods_20180921 .lis .tags .Promotions .coupon-text { display: inline-block; border-left: .5px solid #454545; padding-left: 3.4px; margin-left: 3px; height: 100%; } .goods_20180921 .lis .tags .Promotions .coupon-text.coupon { border-left: .5px solid #ef1e0b; } .goods_20180921 .lis .product-box { margin-top: 7px; } .goods_20180921 .lis .card-price { margin-top: 7px; display: block; color: #e2231a; letter-spacing: -0.1px; text-align: center; font-weight: 600; font-size: 0; } .goods_20180921 .lis .product-box .price-name { font-size: 15px; color: #e1140a; vertical-align: middle; } .goods_20180921 .lis .product-box .price_box_sign { font-size: 15px; } .goods_20180921 .lis .product-box .price_box_price { font-size: 16px; } .goods_20180921 .lis .product-box .old-price { font-size: 12px; color: #606060; letter-spacing: -0.07px; font-weight: 400; text-decoration: line-through; vertical-align: bottom; margin-left: 2px; }
.cms_currency_layout { width: 100%; margin: 0 auto; position: relative; }
.cms_students_goods_activity_component .clearfix:after{display:block;clear:both;height:0;visibility:hidden;font-size:0;line-height:0;content:""} .cms_students_goods_activity_component .clearfix{zoom:1} .cms_students_goods_activity_component {width:1000px;margin:auto;min-height:370px} .cms_students_goods_activity_component .cms_students_goods_component_ul {margin-left:-5px} .cms_students_goods_activity_component .cms_students_goods_component_ul li {width:330px;float:left;margin-left:5px;margin-bottom:10px;background-color:#fff} .cms_students_goods_activity_component .cms_students_goods_component_ul li .img-box{margin: 10px auto; height: 180px; width: 180px} .cms_students_goods_activity_component .cms_students_goods_component_ul li .img-box img {width:100%;height:100%} .cms_students_goods_activity_component .cms_students_goods_component_ul li h6{ font-size: 20px;text-align: center;width: 225px; white-space: nowrap; overflow: hidden; margin: auto; font-weight: bold;line-height:28px} .cms_students_goods_activity_component .cms_students_goods_component_ul li .goods_brief{width: 225px;font-size: 17px;white-space: nowrap;overflow: hidden;margin: auto;line-height: 27px;text-align: center;height:27px} .cms_students_goods_activity_component .cms_students_goods_component_ul li .dashed_line{height: 1px;border-top: 1px dashed #2a45a7;width: 225px;margin: 3px auto} .cms_students_goods_activity_component .cms_students_goods_component_ul li .short_detail {width:240px;margin: auto;font-size: 18px;color: #7d15cc;font-weight: bolder;text-align: center;line-height: 43px} .cms_students_goods_activity_component .cms_students_goods_component_ul li .student_activity_goods_bottom {margin:35px 12px 26px} .cms_students_goods_activity_component .cms_students_goods_component_ul li .student_activity_goods_bottom .goods_price{font-size: 20px;color: red;line-height: 46px;float:left} .cms_students_goods_activity_component .cms_students_goods_component_ul li .student_activity_goods_bottom .buynow {float: right;width: 150px;height: 46px;background-color: #ffa914;border-radius: 23px;text-align: center;line-height: 46px;font-size: 18px; color: #fff} .cms_students_goods_activity_oneTfour_component .clearfix:after{display:block;clear:both;height:0;visibility:hidden;font-size:0;line-height:0;content:""} .cms_students_goods_activity_oneTfour_component .clearfix{zoom:1} .cms_students_goods_activity_oneTfour_component {min-height:370px;width:1000px;margin:0px auto} .cms_students_goods_activity_oneTfour_component .cms_students_goods_component_ul {margin-left:-4px} .cms_students_goods_activity_oneTfour_component .cms_students_goods_component_ul li {width:247px;float:left;margin-left:4px;margin-bottom:10px;background-color:#fff} .cms_students_goods_activity_oneTfour_component .cms_students_goods_component_ul li .img-box{margin: 7px auto; height: 180px; width: 180px} .cms_students_goods_activity_oneTfour_component .cms_students_goods_component_ul li .img-box img {width:100%;height:100%} .cms_students_goods_activity_oneTfour_component .cms_students_goods_component_ul li h6{ font-size: 20px;text-align: center;width: 184px; white-space: nowrap; overflow: hidden; margin: auto; font-weight: bold;line-height:28px} .cms_students_goods_activity_oneTfour_component .cms_students_goods_component_ul li .goods_brief{width: 184px;font-size: 17px;white-space: nowrap;overflow: hidden;margin: auto;line-height: 27px;text-align: center;height:27px} .cms_students_goods_activity_oneTfour_component .cms_students_goods_component_ul li .dashed_line{height: 1px;border-top: 1px dashed #2a45a7;width: 184px;margin: 3px auto} .cms_students_goods_activity_oneTfour_component .cms_students_goods_component_ul li .short_detail {width:190px;margin: auto;font-size: 18px;color: #7d15cc;font-weight: bolder;text-align: center;line-height: 43px} .cms_students_goods_activity_oneTfour_component .cms_students_goods_component_ul li .student_activity_goods_bottom {margin:60px 22px 22px} .cms_students_goods_activity_oneTfour_component .cms_students_goods_component_ul li .student_activity_goods_bottom .goods_price{font-size: 22px;color: #ffa914;line-height: 32px;float:left;margin-left:0px} .cms_students_goods_activity_oneTfour_component .cms_students_goods_component_ul li .student_activity_goods_bottom .goods_price span{font-size:15px} .cms_students_goods_activity_oneTfour_component .cms_students_goods_component_ul li .student_activity_goods_bottom .buynow {float: right;width: 104px;height: 32px;background-color: #ffa914;border-radius: 16px;text-align: center;line-height: 32px;font-size: 18px; color: #fff} .cms_students_goods_activity_oneTfive_component .clearfix:after{display:block;clear:both;height:0;visibility:hidden;font-size:0;line-height:0;content:""} .cms_students_goods_activity_oneTfive_component .clearfix{zoom:1} .cms_students_goods_activity_oneTfive_component {width:1000px;margin:0px auto;min-height: 370px} .cms_students_goods_activity_oneTfive_component .cms_students_goods_component_ul {margin-left:-6px} .cms_students_goods_activity_oneTfive_component .cms_students_goods_component_ul li {width:195px;float:left;margin-left:4px;margin-bottom:10px;background-color:#fff} .cms_students_goods_activity_oneTfive_component .cms_students_goods_component_ul li .img-box{margin: 19px auto; height: 160px; width: 160px} .cms_students_goods_activity_oneTfive_component .cms_students_goods_component_ul li .img-box img {width:100%;height:100%} .cms_students_goods_activity_oneTfive_component .cms_students_goods_component_ul li h6{ font-size: 20px;text-align: center;width: 165px; white-space: nowrap; overflow: hidden; margin: auto; font-weight: bold;line-height:28px} .cms_students_goods_activity_oneTfive_component .cms_students_goods_component_ul li .goods_brief{width: 165px;font-size: 17px;white-space: nowrap;overflow: hidden;margin: auto;line-height: 27px;text-align: center;height:27px} .cms_students_goods_activity_oneTfive_component .cms_students_goods_component_ul li .dashed_line{height: 1px;border-top: 1px dashed #2a45a7;width: 165px;margin: 3px auto} .cms_students_goods_activity_oneTfive_component .cms_students_goods_component_ul li .short_detail {width:165px;margin: auto;font-size: 18px;color: #7d15cc;font-weight: bolder;text-align: center;line-height: 43px} .cms_students_goods_activity_oneTfive_component .cms_students_goods_component_ul li .student_activity_goods_bottom {margin:60px 18px 22px} .cms_students_goods_activity_oneTfive_component .cms_students_goods_component_ul li .student_activity_goods_bottom .goods_price{font-size: 16px;color: #ffa914;line-height: 26px;float:left;margin-left:0px} .cms_students_goods_activity_oneTfive_component .cms_students_goods_component_ul li .student_activity_goods_bottom .goods_price span{font-size:15px} .cms_students_goods_activity_oneTfive_component .cms_students_goods_component_ul li .student_activity_goods_bottom .buynow {float: right;width: 80px;height: 26px;background-color: #ffa914;border-radius: 13px;text-align: center;line-height: 26px;font-size: 16px; color: #fff} .cms_students_goods_activity_oneTsix_component .clearfix:after{display:block;clear:both;height:0;visibility:hidden;font-size:0;line-height:0;content:""} .cms_students_goods_activity_oneTsix_component .clearfix{zoom:1} .cms_students_goods_activity_oneTsix_component {width:1000px;margin:0px auto;min-height: 370px} .cms_students_goods_activity_oneTsix_component .cms_students_goods_component_ul {margin-left:-8px} .cms_students_goods_activity_oneTsix_component .cms_students_goods_component_ul li {width:160px;float:left;margin-left:8px;margin-bottom:10px;background-color:#fff} .cms_students_goods_activity_oneTsix_component .cms_students_goods_component_ul li .img-box{margin: 42px auto; height: 120px; width: 120px} .cms_students_goods_activity_oneTsix_component .cms_students_goods_component_ul li .img-box img {width:100%;height:100%} .cms_students_goods_activity_oneTsix_component .cms_students_goods_component_ul li h6{ font-size: 20px;text-align: center;width: 125px; white-space: nowrap; overflow: hidden; margin: auto; font-weight: bold;line-height:28px} .cms_students_goods_activity_oneTsix_component .cms_students_goods_component_ul li .goods_brief{width: 125px;font-size: 17px;white-space: nowrap;overflow: hidden;margin: auto;line-height: 27px;text-align: center;height:27px} .cms_students_goods_activity_oneTsix_component .cms_students_goods_component_ul li .dashed_line{height: 1px;border-top: 1px dashed #2a45a7;width: 125px;margin: 3px auto} .cms_students_goods_activity_oneTsix_component .cms_students_goods_component_ul li .short_detail {width:130px;margin: auto;font-size: 18px;color: #7d15cc;font-weight: bolder;text-align: center;line-height: 43px} .cms_students_goods_activity_oneTsix_component .cms_students_goods_component_ul li .student_activity_goods_bottom {margin:60px 22px 22px} .cms_students_goods_activity_oneTsix_component .cms_students_goods_component_ul li .student_activity_goods_bottom .goods_price{font-size: 14px;color: #ffa914;line-height: 20px;float:left;margin-left:0px} .cms_students_goods_activity_oneTsix_component .cms_students_goods_component_ul li .student_activity_goods_bottom .goods_price span{font-size:15px} .cms_students_goods_activity_oneTsix_component .cms_students_goods_component_ul li .student_activity_goods_bottom .buynow {float: right;width: 80px;height: 20px;background-color: #ffa914;border-radius: 10px;text-align: center;line-height: 20px;font-size: 16px; color: #fff}
.cms_students_goods_activity_component .clearfix:after{display:block;clear:both;height:0;visibility:hidden;font-size:0;line-height:0;content:""} .cms_students_goods_activity_component .clearfix{zoom:1} .cms_students_goods_activity_component {width:1000px;margin:auto;min-height:370px} .cms_students_goods_activity_component .cms_students_goods_component_ul {margin-left:-5px} .cms_students_goods_activity_component .cms_students_goods_component_ul li {width:330px;float:left;margin-left:5px;margin-bottom:10px;background-color:#fff} .cms_students_goods_activity_component .cms_students_goods_component_ul li .img-box{margin: 10px auto; height: 180px; width: 180px} .cms_students_goods_activity_component .cms_students_goods_component_ul li .img-box img {width:100%;height:100%} .cms_students_goods_activity_component .cms_students_goods_component_ul li h6{ font-size: 20px;text-align: center;width: 225px; white-space: nowrap; overflow: hidden; margin: auto; font-weight: bold;line-height:28px} .cms_students_goods_activity_component .cms_students_goods_component_ul li .goods_brief{width: 225px;font-size: 17px;white-space: nowrap;overflow: hidden;margin: auto;line-height: 27px;text-align: center;height:27px} .cms_students_goods_activity_component .cms_students_goods_component_ul li .dashed_line{height: 1px;border-top: 1px dashed #2a45a7;width: 225px;margin: 3px auto} .cms_students_goods_activity_component .cms_students_goods_component_ul li .short_detail {width:240px;margin: auto;font-size: 18px;color: #7d15cc;font-weight: bolder;text-align: center;line-height: 43px} .cms_students_goods_activity_component .cms_students_goods_component_ul li .student_activity_goods_bottom {margin:35px 12px 26px} .cms_students_goods_activity_component .cms_students_goods_component_ul li .student_activity_goods_bottom .goods_price{font-size: 20px;color: red;line-height: 46px;float:left} .cms_students_goods_activity_component .cms_students_goods_component_ul li .student_activity_goods_bottom .buynow {float: right;width: 150px;height: 46px;background-color: #ffa914;border-radius: 23px;text-align: center;line-height: 46px;font-size: 18px; color: #fff} .cms_students_goods_activity_oneTfour_component .clearfix:after{display:block;clear:both;height:0;visibility:hidden;font-size:0;line-height:0;content:""} .cms_students_goods_activity_oneTfour_component .clearfix{zoom:1} .cms_students_goods_activity_oneTfour_component {min-height:370px;width:1000px;margin:0px auto} .cms_students_goods_activity_oneTfour_component .cms_students_goods_component_ul {margin-left:-4px} .cms_students_goods_activity_oneTfour_component .cms_students_goods_component_ul li {width:247px;float:left;margin-left:4px;margin-bottom:10px;background-color:#fff} .cms_students_goods_activity_oneTfour_component .cms_students_goods_component_ul li .img-box{margin: 7px auto; height: 180px; width: 180px} .cms_students_goods_activity_oneTfour_component .cms_students_goods_component_ul li .img-box img {width:100%;height:100%} .cms_students_goods_activity_oneTfour_component .cms_students_goods_component_ul li h6{ font-size: 20px;text-align: center;width: 184px; white-space: nowrap; overflow: hidden; margin: auto; font-weight: bold;line-height:28px} .cms_students_goods_activity_oneTfour_component .cms_students_goods_component_ul li .goods_brief{width: 184px;font-size: 17px;white-space: nowrap;overflow: hidden;margin: auto;line-height: 27px;text-align: center;height:27px} .cms_students_goods_activity_oneTfour_component .cms_students_goods_component_ul li .dashed_line{height: 1px;border-top: 1px dashed #2a45a7;width: 184px;margin: 3px auto} .cms_students_goods_activity_oneTfour_component .cms_students_goods_component_ul li .short_detail {width:190px;margin: auto;font-size: 18px;color: #7d15cc;font-weight: bolder;text-align: center;line-height: 43px} .cms_students_goods_activity_oneTfour_component .cms_students_goods_component_ul li .student_activity_goods_bottom {margin:60px 22px 22px} .cms_students_goods_activity_oneTfour_component .cms_students_goods_component_ul li .student_activity_goods_bottom .goods_price{font-size: 22px;color: #ffa914;line-height: 32px;float:left;margin-left:0px} .cms_students_goods_activity_oneTfour_component .cms_students_goods_component_ul li .student_activity_goods_bottom .goods_price span{font-size:15px} .cms_students_goods_activity_oneTfour_component .cms_students_goods_component_ul li .student_activity_goods_bottom .buynow {float: right;width: 104px;height: 32px;background-color: #ffa914;border-radius: 16px;text-align: center;line-height: 32px;font-size: 18px; color: #fff} .cms_students_goods_activity_oneTfive_component .clearfix:after{display:block;clear:both;height:0;visibility:hidden;font-size:0;line-height:0;content:""} .cms_students_goods_activity_oneTfive_component .clearfix{zoom:1} .cms_students_goods_activity_oneTfive_component {width:1000px;margin:0px auto;min-height: 370px} .cms_students_goods_activity_oneTfive_component .cms_students_goods_component_ul {margin-left:-6px} .cms_students_goods_activity_oneTfive_component .cms_students_goods_component_ul li {width:195px;float:left;margin-left:4px;margin-bottom:10px;background-color:#fff} .cms_students_goods_activity_oneTfive_component .cms_students_goods_component_ul li .img-box{margin: 19px auto; height: 160px; width: 160px} .cms_students_goods_activity_oneTfive_component .cms_students_goods_component_ul li .img-box img {width:100%;height:100%} .cms_students_goods_activity_oneTfive_component .cms_students_goods_component_ul li h6{ font-size: 20px;text-align: center;width: 165px; white-space: nowrap; overflow: hidden; margin: auto; font-weight: bold;line-height:28px} .cms_students_goods_activity_oneTfive_component .cms_students_goods_component_ul li .goods_brief{width: 165px;font-size: 17px;white-space: nowrap;overflow: hidden;margin: auto;line-height: 27px;text-align: center;height:27px} .cms_students_goods_activity_oneTfive_component .cms_students_goods_component_ul li .dashed_line{height: 1px;border-top: 1px dashed #2a45a7;width: 165px;margin: 3px auto} .cms_students_goods_activity_oneTfive_component .cms_students_goods_component_ul li .short_detail {width:165px;margin: auto;font-size: 18px;color: #7d15cc;font-weight: bolder;text-align: center;line-height: 43px} .cms_students_goods_activity_oneTfive_component .cms_students_goods_component_ul li .student_activity_goods_bottom {margin:60px 18px 22px} .cms_students_goods_activity_oneTfive_component .cms_students_goods_component_ul li .student_activity_goods_bottom .goods_price{font-size: 16px;color: #ffa914;line-height: 26px;float:left;margin-left:0px} .cms_students_goods_activity_oneTfive_component .cms_students_goods_component_ul li .student_activity_goods_bottom .goods_price span{font-size:13px} .cms_students_goods_activity_oneTfive_component .cms_students_goods_component_ul li .student_activity_goods_bottom .buynow {float: right;width: 80px;height: 26px;background-color: #ffa914;border-radius: 13px;text-align: center;line-height: 26px;font-size: 16px; color: #fff} .cms_students_goods_activity_oneTsix_component .clearfix:after{display:block;clear:both;height:0;visibility:hidden;font-size:0;line-height:0;content:""} .cms_students_goods_activity_oneTsix_component .clearfix{zoom:1} .cms_students_goods_activity_oneTsix_component {width:1000px;margin:0px auto;min-height: 370px} .cms_students_goods_activity_oneTsix_component .cms_students_goods_component_ul {margin-left:-8px} .cms_students_goods_activity_oneTsix_component .cms_students_goods_component_ul li {width:160px;float:left;margin-left:8px;margin-bottom:10px;background-color:#fff} .cms_students_goods_activity_oneTsix_component .cms_students_goods_component_ul li .img-box{margin: 42px auto; height: 120px; width: 120px} .cms_students_goods_activity_oneTsix_component .cms_students_goods_component_ul li .img-box img {width:100%;height:100%} .cms_students_goods_activity_oneTsix_component .cms_students_goods_component_ul li h6{ font-size: 20px;text-align: center;width: 125px; white-space: nowrap; overflow: hidden; margin: auto; font-weight: bold;line-height:28px} .cms_students_goods_activity_oneTsix_component .cms_students_goods_component_ul li .goods_brief{width: 125px;font-size: 17px;white-space: nowrap;overflow: hidden;margin: auto;line-height: 27px;text-align: center;height:27px} .cms_students_goods_activity_oneTsix_component .cms_students_goods_component_ul li .dashed_line{height: 1px;border-top: 1px dashed #2a45a7;width: 125px;margin: 3px auto} .cms_students_goods_activity_oneTsix_component .cms_students_goods_component_ul li .short_detail {width:130px;margin: auto;font-size: 18px;color: #7d15cc;font-weight: bolder;text-align: center;line-height: 43px} .cms_students_goods_activity_oneTsix_component .cms_students_goods_component_ul li .student_activity_goods_bottom {margin:60px 22px 22px} .cms_students_goods_activity_oneTsix_component .cms_students_goods_component_ul li .student_activity_goods_bottom .goods_price{font-size: 14px;color: #ffa914;line-height: 20px;float:left;margin-left:0px} .cms_students_goods_activity_oneTsix_component .cms_students_goods_component_ul li .student_activity_goods_bottom .goods_price span{font-size:15px} .cms_students_goods_activity_oneTsix_component .cms_students_goods_component_ul li .student_activity_goods_bottom .buynow {float: right;width: 80px;height: 20px;background-color: #ffa914;border-radius: 10px;text-align: center;line-height: 20px;font-size: 16px; color: #fff}
.cms_jd_goods_1x4_component { width: 990px; height: auto; overflow: hidden; position: relative; clear: both; margin: 0 auto; padding-bottom: 30px; box-sizing: border-box; } .cms_jd_goods_1x4_component * { box-sizing: border-box; } .cms_jd_goods_1x4_component_items { width: 1000px; } .cjdgc_item { position: relative; height: 360px; width: 240px; float: left; background: #fff; font-family: \5FAE\8F6F\96C5\9ED1; display: inline; margin-right: 10px; margin-bottom: 10px; } .cjdgc_item_img { height: 240px; padding: 10px; position: relative; display: block; } .cjdgc_item_img img { width: 220px; height: 220px; } .cjdgc_item_img .cjdgc_item_ir { color: #fff; background: rgba(0, 0, 0, .5); position: absolute; line-height: 18px; bottom: 0; padding: 10px; left: 0; display: none; } .cjdgc_item:hover .cjdgc_item_ir { display: block; width: 100%; height: 56px; overflow: hidden; } .cjdgc_item_img .cjdgc_item_ir span { display: block; max-height: 36px; overflow: hidden; } .cjdgc_item_price { width: 240px; padding: 0 10px; z-index: 20; position: relative; background: #fff; height: 120px; } .cjdgc_item_name { display: block; height: 40px; line-height: 16px; overflow: hidden; margin-bottom: 7px; padding-top: 7px; border-top: solid 1px #eaeae9; color: #333; text-decoration: none; font-family: \5FAE\8F6F\96C5\9ED1; } .cjdgc_item_sale-tag { height: 17px; margin-bottom: 10px; } .cjdgc_item_label { background: url(//img14.360buyimg.com/cms/jfs/t3262/348/4904529930/500/5c643a72/5858f992N7d588608.png) no-repeat 0 0; color: #fff; display: inline-block; vertical-align: top; line-height: 100%; width: 51px; height: 18px; line-height: 18px; text-align: center; margin-left: 10%; float: left; } .cjdgc_item_p_price { color: #e11445; display: inline-block; } .cjdgc_item_p_price span { font-size: 20px; line-height: 20px; } .cjdgc_item:hover .cjdgc_item_BtnArea { bottom: -30px; } .cjdgc_item_BtnArea { display: block; height: 30px; line-height: 30px; font-size: 14px; text-align: center; background: #e40b34; position: absolute; bottom: 5px; z-index: 10; width: 100%; color: #d50032; -webkit-transition: all .3s ease-in 0s; -moz-transition: all .3s ease-in 0s; -ms-transition: all .3s ease-in 0s; -o-transition: all .3s ease-in 0s; transition: all .3s linear 0s; color: #fff  !important; }