body:after { content: ""; position: fixed; /*top: -10px;*/ bottom: -10px; left: 0; width: 100%; height: 10px; box-shadow: 0 -0.5vw 2.3vw 3px rgba(25, 25, 25, 0.1); /*-webkit-box-shadow: 0 0.5vw 2.3vw 15px #ccc; -moz-box-shadow: 0 0.5vw 2.3vw 15px #ccc; -o-box-shadow: 0 0.5vw 2.3vw 15px #ccc; -ms-box-shadow: 0 0.5vw 2.3vw 15px #ccc;*/ z-index: 100; } .con {} .block { padding: 0; margin: 0; background: white; padding-bottom: 5px; margin-bottom: 4px; } .b_title { width: 100%; border-bottom: 1px solid #e6e6e6; } .b_title .check1 { padding: 9px 9px; float: left; } .check_0 { width: 18px; height: 18px; background: url(http://www.zgqlg.com.cn/static/app2/img/no_checked.png) no-repeat top left; background-size: 18px 18px; border-radius: 50%; } .check_1 { width: 18px; height: 18px; background: url(http://www.zgqlg.com.cn/static/app2/img/checked.png) no-repeat top left; background-size: 18px 18px; border-radius: 50%; } .b_title .b_link { float: left; text-indent: 17; font-size: 13.2px; } .b_title .b_link a { color: black; line-height: 40px; height: 36px; display: inline-block; } .b_title img { height: 12px; margin: 12px 6px; float: left; } .b_con { height: 105px; } .btn_bj { display: block; float: right; color: black; line-height: 36px; font-size: 12px; padding: 0 12px; } .b_con .check2 { padding: 43.5px 9px; float: left; } .s_img { width: 93px; height: 93px; margin: 6px 0; float: left; } .b_con_r1 { padding: 9px 12px; float: left; width: calc(100% - 129px); } .p1 { font-size: 12px; margin: 0; color: black; max-height: 42px; overflow: hidden; } .p2 { font-size: 10.8px; margin: 0; color: #909090; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bz { font-size: 10.8px; } .cost { color: #e94744; } .oldcost { color: #909090; } .num { float: right; color: black; padding-right: 5px; } .b_con_r2 { float: left; height: 105px; width: calc(100% - 129px); } .b_con_r2_l { float: left; height: 105px; /* 修改 */ /* padding: 15px; */ padding: 40px 30px; /* width: calc(100% - 51px); */ width: calc(100% - 56px); } .b_con_r2_r { height: 105px; line-height: 105px; float: right; width: 51px; padding: 34px 0px; margin-right: 5px; } .b_con_r2_del { width: 51px; background: -moz-linear-gradient(left, #f5364c, #e51329); /*Mozilla*/ background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#f5364c), to(#e51329)); /*Old gradient for webkit*/ background: -webkit-linear-gradient(left, #f5364c, #e51329); /*new gradient for Webkit*/ background: -o-linear-gradient(left, #f5364c, #e51329); /*Opera11*/ color: white; font-size: 12px; text-align: center; /* 修改 */ /* height: 105px; */ /* line-height: 105px; */ /* float: right; */ line-height: 36px; height: 36px; /* padding-top: 30px; */ } .js { border-top: 1px solid #e6e6e6; width: 100%; height: 51px; position: fixed; bottom: 0; left: 0; z-index: 10; background: white; line-height: 53px; } .js .check { padding: 16.5px 9px; float: left; } .qx { font-size: 14.4px; margin: 0; padding: 0; } .js_r { float: right; position: absolute; right: 0; top: 0; } .js_r span { font-size: 12px; } .js_r span j { color: #e94744; } .js_r span o { color: #909090; } .btn_tj { display: inline-block; width: 102px; height: 51px; background: -moz-linear-gradient(left, #ff0423, #ff58a3); /*Mozilla*/ background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#ff0423), to(#ff58a3)); /*Old gradient for webkit*/ background: -webkit-linear-gradient(left, #ff0423, #ff58a3); /*new gradient for Webkit*/ background: -o-linear-gradient(left, #ff0423, #ff58a3); /*Opera11*/ text-align: center; color: white; font-size: 14.4px; } .jian { padding: 5px; width: 22px; height: 22px; float: left; } .changenum input { float: left; margin: 0; padding: 0; /* width: calc(100% - 84px); */ width: calc(100% - 64px); text-align: center; height: 22px; border: none; /* margin: 0 20px; */ margin: 0 10px; } .jia { padding: 5px; width: 22px; height: 22px; float: left; } .changeclass { margin-top: 18px; font-size: 12px; color: #909090; } .changeclass img { float: right; height: 21px; padding: 7.5px; display: block; } .cc1 { width: 100%; height: 27px; } .cclass_con { position: absolute; bottom: 0; left: 0; } .cc2 { width: 100%; height: 81px; background: white; position: relative; border-bottom: 1px solid #e3e6ea; } .cc2 p { font-size: 15.6px; color: #e94744; position: absolute; left: 120px; top: 24px; } .cc2 span { font-size: 12px; position: absolute; left: 120px; top: 48px; } .closecclass { font-size: 15.6px; color: #9b9b9b; position: absolute; padding: 9px 12px; right: 0; top: 0; } .cclass_con .img { background: white; padding: 6px; position: absolute; border: 1px solid #f2f2f2; border-radius: 6px; width: 85.8px; height: 85.8px; top: 0; left: 12px; z-index: 60; } .cclass_con .img img { width: 100%; height: 100%; border-radius: 3px; } .cclass1 { padding: 18px 0 0 12px; background: white; border-bottom: 1px solid #e3e6ea; } .cclass1 p { color: #626262; font-size: 13.2px; padding-bottom: 18px; margin: 0; } .cclass1 .block { padding: 3px 9px; float: left; border: 1px solid #9e9e9e; margin: 0 18px 18px 0; border-radius: 6px; font-size: 14.4px; color: #1d1d1d; } .cclass1 .on { border: 1px solid #e94947; } .ensure { width: 100%; height: 48px; background: -moz-linear-gradient(left, #f5364c, #e51329); /*Mozilla*/ background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#f5364c), to(#e51329)); /*Old gradient for webkit*/ background: -webkit-linear-gradient(left, #f5364c, #e51329); /*new gradient for Webkit*/ background: -o-linear-gradient(left, #f5364c, #e51329); /*Opera11*/ color: white; font-size: 14.4px; display: block; line-height: 51px; text-align: center; } .con .recommend {}