@charset "utf-8";
body{background: #fff6b4;}
.productListn ul{width: 24%; height: 100px; position: absolute; top: 0px; right: 24%;}
/*.productListn{width: 95%; margin: 0 auto; position:relative;}*/
.productListn ul{background-image: url(http://zt.gzl.com.cn/subject/160908_Employees_gzw/images/bh.png); background-repeat: no-repeat; background-size: 100%; width: 4.2rem; height: 100px; position: absolute; top: -3px; right: 23%;}
.productListn li{font-size: 50%;}

/*产品X2*/
.mainArea .productList{width: 96%; margin: 0 auto;}
.mainArea .productList li{float: left; width: 47%; margin: 0 1% 2% 1%; background: #fff; border: 1px solid #eb2052;}
.mainArea .productList li .photo{width: 100%; max-height: 117px; overflow: hidden; margin: 0 0 0px 0; position: relative;}
.mainArea .productList li .photo .range{position: absolute; max-height: 41px; right: 0px; bottom: 9px; z-index: 10; display: inline-block; background-color: #535353; font: 12px/20px "Microsoft YaHei", SimSun; color: #fff; padding: 0px 5px 0px 5px; overflow: hidden; opacity: 0.8;}
.mainArea .productList li .photo img{width: 100%;}
.mainArea .productList li h3{height: 32px; overflow: hidden; font: 0.9rem/1.0rem "Microsoft YaHei", SimSun; color: #333; padding: 0 4px; margin: 0.2rem 0px 0.2rem 0px;}
.mainArea .productList li .date{width: 96%; height: 17px; margin: 5px; overflow: hidden; font: 12px/20px "Microsoft YaHei", SimSun; color: #999; text-indent: 27px; position: relative;}
.mainArea .productList li .yuanjia{width: 100%; height: 20px; margin: 2px; overflow: hidden; font: 12px/20px "Microsoft YaHei", SimSun; color: #999; text-indent: 8px; position: relative;}
.mainArea .productList li .date:after{content: ''; position: absolute; top: 2px; left: 7px; display: block; width: 15px; height: 15px; background: url(../images/dateIcon.jpg) no-repeat;}
.mainArea .productList li .price{width: 100%; height: 45px; background: #eb2052; position: relative;}
.mainArea .productList li .price .yuan{position: absolute; left: 5px; top: 0px; font: 12px/20px "Microsoft YaHei", SimSun; color: #fff; text-decoration: line-through;}
.mainArea .productList li .price span{position: absolute; right: -2px; top: 1px; font: 700 1rem/19px "Microsoft YaHei", SimSun; color: #fff; padding: 0.2rem 0.4rem 0.1rem 0.1rem; overflow: hidden;}
.mainArea .productList li .price p{position: absolute; left: -10px; top: 22px; /*font: 700 1.0rem/27px arial;*/ color: #F7FD03; padding: 0 0 0 15px; width: 127px;}
.productList .icon2{position: absolute; left: 3px; top: 0px; float: left; height: 59px; width: 47px; background-image: url(../images/icon.png); background-size: 100%; background-repeat: no-repeat;font: 18px/20px "Microsoft YaHei", SimSun;}
.icon2{position: absolute; left: 7px; top: 0px; float: left; height: 80px; width: 73px; background-image: url(../images/icon2.png); background-repeat: no-repeat; background-size: 50%;}
.productList .icon2 .a{font: 14px/16px "Microsoft YaHei", SimSun; color: yellow; padding: 0 5px; font-weight: bold;}
.productList .icon2 .b{font: 18px/28px "Microsoft YaHei", SimSun; color: #fff; padding: 0 10px;}
.productList .icon{position: absolute; right: -1px; /* bottom: 0px; */ float: left; background: #eb2052; font: 16px/22px "Microsoft YaHei", SimSun; color: #fff; padding: 0 5px;}

/*更多*/
.productList1{width: 95%; margin: 0 auto;}
.productList1 li{width: 100%; box-sizing: border-box; padding: 5px; margin-bottom: 7px; border-radius: 8px; background: #fff; height: 96px;}
.productList1 li .photo{float: left; width: 90px; height: 90px;}
.productList1 li .photo img{width: 90px; height: 90px;}
.productList1 li .rightArea{height: 65px; /* [disabled]padding:0 0 0 100px;
*/ position: relative;}
.productList1 li .rightArea h3{width: 100%; margin-bottom: 1px; overflow: hidden; font: 700 16px/20px "Microsoft YaHei", SimSun; color: #333;}
.productList1 li .rightArea .date{display: inline-block; padding: 0 3px; overflow: hidden; background: #8CD2CC; font: 12px/16px "Microsoft YaHei", SimSun; color: #fff; border-radius: 10px; position: absolute; bottom: 6px;}
.productList1 li .rightArea .btn{position: absolute; right: 0px; bottom: -21px; height: 19px; display: inline-block; padding: 0px 18px; overflow: hidden; background: #eb2052; font: 15px/20px "Microsoft YaHei", SimSun; color: #fff;}
.productList1 li .rightArea .btn.soldOut{background: #904800; cursor: default;}
.productList1 li .rightArea .yuanprice{position: absolute; left: 1px; bottom: 22px; font-size: 12px; color: #848484;}
.productList1 li .rightArea .price{position: absolute; left: 15px; bottom: -26px; font: 26px Impact, Arial, "Microsoft YaHei", SimSun; color: #B92E0D; font-weight: bold;}
.productList1 li .rightArea .price span{position: absolute; left: -17px; top: 8px; font-size: 14px;}
.productList1 li .rule{width: 100%; color: #d40f45; margin: 10px 0 0 0; padding: 8px 0 0 0; border-top: 1px #ddc7bd dashed; clear: both; font: 16px/20px "Microsoft YaHei", SimSun; text-align: center;}

.bold{font-weight: bold;}
.shanchu{text-decoration: line-through;}
.yuan2{position: absolute; right: 2px; top: 40px; font: 12px/20px "Microsoft YaHei", SimSun; color: #999; text-decoration: line-through;}
.t24{font-size: 1.7em;  font-weight: bold; font-family: "Microsoft YaHei", SimSun;color: #bb4f00;}
.t20{font: 18px/20px "Microsoft YaHei", SimSun; line-height: 1.8em; font-weight: bold; color: #bb4f00;}
.t18{font: 600 16px/22px "Microsoft YaHei", SimSun; line-height: 1.8em;}
.t14{font: 600 13px/22px "Microsoft YaHei", SimSun; line-height: 1.8em;}
.t16{font: 14px/16px "Microsoft YaHei", SimSun; line-height: 1.2em;}
.lib{position: absolute; height: 23px; width: 71px; left: 0px; top: 0px; z-index: 10; display: inline-block; /*background-color: #ff530d;*/ background-image: url(../images/lib.png); font: 15px/20px "Microsoft YaHei", SimSun; color: #fff; font-weight: bold; padding: 2px 5px 0px 5px; overflow: hidden; text-align: center;}
.yc{display: none;}
.icon{position: absolute; right: 0px; top: 5px; float: left; background: #eb2052; font: 12px/20px "Microsoft YaHei", SimSun; color: #fff; padding: 0 5px;}

.a{font: 21px/23px "Microsoft YaHei", SimSun; color: yellow; padding: 0 10px; font-weight: bold;}
.b{font: 12px/28px "Microsoft YaHei", SimSun; color: #fff; padding: 0 10px;}
.c0{color: #fff;}
.tac{text-align: center;}
.rule{padding: 10px 5px 0; margin: 0 auto;width: 93%;}
.rule b {color:#d41f1a;}
.rule2{position: relative; right: -2%; /* top: -12%; float: left; */ font: 1em/14px "Microsoft YaHei", SimSun; font-style: italic; padding: 15% 0px 0px 0;}
.tab{position: absolute; right: 102px; top: 18px; float: left; font: 0.8em/13px "Microsoft YaHei", SimSun; color: #fff; padding: 0 10px; /* font-style: italic; */ text-align: center;}
.cr{color: #d41f1a;}

.more{padding: 0px 0 10px 0; position: relative;}
.more img{display: block; margin: 0 auto; width: 60%;}