.f20{font-size:20px;} .f18{font-size:18px;} .fw700{font-weight:700;} .clblue,.integral-title .btn:hover{color:#005BAC;} img{vertical-align:middle;} /* 202503 积分商城品 */ .integral-title{padding-top:2%;} .integral-title .btn{position:relative;margin-right:10px;padding-right:20px;line-height:26px;} .integral-title .btn::after{position:absolute;right:6px;top:10px;content:"";width:6px;height:6px;transform:rotate(-45deg);border-right:1px solid #999999;border-bottom:1px solid #999999;} .integral-title .btn:hover::after{border-color:#005BAC;} .integral-select{padding:10px 0;} .integral-select li{position:relative;margin:10px 0;padding-left:80px;letter-spacing:1px;} .integral-select li span{position:absolute;left:0;line-height:25px;} .integral-select li a{display:inline-block;margin:2px;padding:2px 8px;border-radius:2px;} .integral-select .current,.integral-select li a:hover{background:#005BAC;color:#fff;} .search-pname-box{overflow:hidden;} .search-pname{max-width:460px;width:50%;float:left;position:relative;padding-right:38px;height:40px;} .search-pname input{width:100%;padding:5px 10px;border:1px solid #ddd;background:#fff;height:40px;} .search-pname button{position:absolute;top:0;right:0;width:40px;height:40px;border:none;background-color:#fdd000;background-image:url(/static/img/search.png);background-repeat:no-repeat;background-position:center;cursor:pointer;} .search-pname input:focus{border-color:#fdd000;} .pcart-list{height:40px;padding:0 10px 0 45px;border-radius:20px;line-height:40px;font-size:14px;font-weight:700;background-color:#FD8300;color:#fff;background-image:url(/static/img/sprites/sidebar_sprite.png);background-repeat:no-repeat;background-position:6px -72px;} .pcart-list .pcart_num{background:#fff;color:#FD8300;min-width:20px;height:20px;display:inline-block;vertical-align:middle;border-radius:20px;line-height:20px;text-align:center;margin-left:4px;} .integral-gift{display:flex;justify-content:flex-start;flex-wrap:wrap;} .integral-gift dl{width:22%;margin-right:4%;margin-top:2%;} .integral-gift dl:nth-child(4n){margin-right:0;} .integral_card dd{position:relative;margin-top:10px;padding-right:80px;line-height:20px;} .integral_card dd p{color:#007BC4;} .integral_card dd .btn{position:absolute;right:0;top:0;padding:0 10px;height:40px;line-height:40px;background:#f5f5f5;border-radius:5px;} .integral_card dd .btn:hover{background:#005BAC;color:#fff;} .integral_card .img-box{padding:5px;display:block;height:260px;line-height:250px;overflow:hidden;text-align:center;border:1px solid #eee;border-radius:5px;} .p_loading{width:100%;line-height:366px;background:#fff;} .mem_show{display:none;} /*积分兑换登录提示*/ .integral-exchange{width:410px;height:250px;border:10px solid #2d3b4e;border-radius:5px;text-align:center;} .integral-exchange p{margin-top:55px;font-size:24px;} .integral-exchange .btn{margin:40px 4px 0;width:125px;line-height:40px;font-weight:700;} .integral-exchange .btn-cancel{background:#ddd;} .integral-exchange .btn-yellow{background:#fdd000;} /*选择礼品规格*/ .integral-goods-popups{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;border-radius:5px;background:#fff;width:620px;height:500px;padding:20px 20px 10px;max-height:96%;overflow:auto;} .del-mask{z-index:2;width:35px;height:40px;text-align:center;font-weight:700;line-height:40px;user-select:none;} .dv_position{position:relative;padding-left:90px;line-height:32px;min-height:32px;margin-top:8px;} .dv_position i{position:absolute;left:0;} .dv_position label,.tr_pnt .label_number{-webkit-display:flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-start;justify-content:flex-start;} .tr_pnt .label_number{width:105px;} .dv_position button,.dv_size span,.label_number b{cursor:pointer;} .label_search{border-radius:4px;overflow:hidden;} .label_search input{padding:0 10px;height:36px;width:300px;background:#f5f5f5;border:none;} .label_search button{height:36px;width:36px;border:none;background-color:#f5f5f5;background-image:url(/static/img/search.png);background-repeat:no-repeat;background-position:center;cursor:pointer;border-top-right-radius:4px;border-bottom-right-radius:4px;} .dv_size{max-height:158px;margin-top:10px;overflow:auto;} .dv_size span{margin-right:8px;margin-bottom:8px;padding:0 5px;display:inline-block;min-width:70px;text-align:center;border:1px solid #ddd;user-select:none;border-radius:4px;color:#999;line-height:30px;cursor:pointer;} .dv_size .on,.dv_size span:hover{background:#005BAC;border-color:#005BAC;color:#fff;} .label_number input{width:45px;height:32px;text-align:center;border:1px solid #ddd;border-left:none;border-right:none;} .label_number b{display:inline-block;width:30px;height:32px;border:1px solid #ddd;line-height:30px;font-size:15px;text-align:center;user-select:none;} .label_number .minus{border-top-left-radius:4px;border-bottom-left-radius:4px;} .label_number .add{border-top-right-radius:4px;border-bottom-right-radius:4px;} .dv_btn .btn_bor{background:#fff;color:#FD8300;border:1px solid #FD8300;} .dv_btn button{width:130px;height:40px;background:#FD8300;color:#fff;border:none;border-radius:4px;font-weight:700;} .btn_min{margin-bottom:10px;} .btn_normal{margin-right:10px;margin-top:10px;} .dvhide span{display:none;} .dvhide .show{display:inline-block;} .dvhide .nodata{line-height:40px;} /* 20250325 礼品详情页*/ .flex_between{-webkit-display:flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between;} .products-img-con{position:relative;width:56%;min-height:260px;text-align:center;padding-left:19%;overflow:hidden;} .products-big-img,.small-img-box .img-box{border:1px solid #eee;} .products-big-img{overflow:hidden;padding:10px;width:100%;height:530px;line-height:510px;} .products-img-con .magnifying-img{position:absolute;top:0;left:0;z-index:5;display:none;padding:8px;width:500px;height:500px;line-height:480px;border:1px solid #e2e9eb;background:#fff;} .products-small-img{position:absolute;left:0;top:0;width:32%;height:530px;overflow:hidden;} .small-img-box .img-box{display:block;margin-bottom:10px;padding:5px;height:170px;line-height:160px;vertical-align:top;cursor:pointer;} .small-img-box .current{border-color:#999;} .goods-con{width:42%;} .goods-title{overflow:hidden;margin-bottom:15px;font-size:20px;line-height:30px;} /* 20250325 礼品说明*/ .desc-box{padding:20px 0;} .desc-box p{margin:10px 0;line-height:32px;} /* 20250325 礼品规则说明*/ .rule,.rule-box{margin-top:40px;min-height:300px;} .rule h3{margin-top:10px;line-height:30px;font-size:16px;} .rule p{overflow:hidden;margin-left:18px;padding:5px 0 5px 15px;color:#555;line-height:20px;text-indent:-15px;} .rule-title{border-bottom:1px solid #ddd;} .rule-title span{padding:0 10px;display:inline-block;background:#005BAC;height:60px;width:300px;text-align:center;line-height:60px;color:#fff;font-size:16px;} .a_statement{float:right;color:#005bac;text-indent:0;} .a_statement i{display:inline-block;width:16px;height:16px;text-align:center;line-height:14px;border-radius:16px;border:1px solid #007bc4;margin-right:5px;} /* 20250325 礼品兑换清单*/ .cart-integral tr{border-bottom:1px solid #eee;} .cart-integral td{padding:0 5px;} .cart-integral thead td{background:#f5f5f5;height:36px;} .cart-integral input[type='checkbox']{cursor:pointer;} .cart-integral input[type='checkbox']:checked{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAAXNSR0IArs4c6QAAAKpJREFUOE+9k9EJwjAURU86QUfQCewIriDkT4R0MpuP/CntBnaU7lFqpMVAeKbSIJjvnPty77tRXO6Gp7+SewpVK843n8uF+3+FLYXqg82cyRanDaatGKcHUG6FP8DZdwxboAIOIsAkGMMDTu8xbck49ZHAKignNzhdvz3NAp30KFcqPQeBHc1piMNJdSEVWPyCJdW1EqXTVnR4jt9A6Tm7pVv3nBRWv/yqFyyMYzL5UnvpAAAAAElFTkSuQmCC) no-repeat center;} .tr_pnt .del_pnt{border:none;background:#f5f5f5;border-radius:4px;cursor:pointer;width:80px;height:32px;line-height:32px;} .tr_pnt .phone_show .del_pnt{margin:4px 0;width:42px;height:26px;line-height:26px;} .tr_pnt .img-box{overflow:hidden;display:block;width:80px;height:80px;line-height:80px;text-align:center;} .seltall{user-select:none;} .checkbox-con{margin-top:10px;} .pnt_box{margin-bottom:20px;font-size:16px;font-weight:700;display:inline-block;width:100%;padding:10px 0;} .pnt-btn-box b{text-align:right;} .pnt-btn-box .btn{height:50px;line-height:50px;border-radius:4px;} .sum-payable{margin:10px 0;} .width40{width:40px;} .ipt_num_box{position:relative;display:inline-block;padding-right:24px;height:32px;width:60px;border:1px solid #eee;border-radius:4px;overflow:hidden;} .ipt_num_box b{position:absolute;right:0;width:30px;text-align:center;height:16px;line-height:16px;cursor:pointer;} .ipt_num_box .add{top:0;} .ipt_num_box .add::after,.ipt_num_box .minus::after{position:absolute;right:10px;width:6px;height:6px;content:'';transform:rotate(45deg);border-radius:2px;} .ipt_num_box .add::after{top:6px;border-top:1px solid #999;border-left:1px solid #999;} .ipt_num_box .minus{bottom:0;} .ipt_num_box .minus::after{bottom:6px;border-bottom:1px solid #999;border-right:1px solid #999;} .ipt_num_box input{width:30px;height:30px;border:none;text-align:center;} .integral-note{margin-top:15px;max-width:100%;} .integral-note textarea{width:600px;height:50px;max-width:100%;vertical-align:top;padding:5px;border:1px solid #ddd;} #dv_weihu{position:fixed;top:110px;left:0;bottom:0;z-index:999;width:100%;} #dv_weihu .tips_mask{position:absolute;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);} #dv_weihu .tips_txt{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;z-index:10;max-width:80%;text-align:center;-webkit-display:flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;} @media only screen and (max-width:1024px){ #bide_header .header{position:relative;} #dv_weihu{top:0;} .cart-integral colgroup{display:none;} .integral-select li a{padding:2px 6px;} .integral-gift dl{width:30.6%;} .integral-gift dl:nth-child(4n){margin-right:4%;} .integral-gift dl:nth-child(3n){margin-right:0;} .integral-gift dl .img-box{height:235px;line-height:235px;} .rule h3{font-size:14px;} .rule-title span{height:50px;line-height:50px;width:250px;} .products-img-con,.goods-con{width:100%;} .products-img-con{padding-left:34%;margin-bottom:20px;} .dv_size span{min-width:60px;} .pnt_box{font-size:15px;} .sum-payable{display:inline-block;} .sum-payable b{min-width:10px;} .sum-payable b,.mem_pnt b{font-size:22px;} .cart-integral thead td{white-space:normal;vertical-align:top;padding-top:4px;padding-bottom:4px;} } @media only screen and (max-width:780px){ .f20{font-size:19px;} .f18{font-size:17px;} .integral-select-con .myintegral{margin-top:0;} .integral-gift dl{width:46%;margin:2%;} .integral-gift dl:nth-child(3n),.integral-gift dl:nth-child(4n){margin-right:2%;} .search-pname{margin:0 2%;} .products-img-con{padding-left:28%;} .products-small-img{width:26%;} .products-big-img{height:430px;line-height:410px;} .small-img-box .img-box{height:136px;line-height:120px;} .dv_size span{min-width:50px;} .fill-order-con tr:last-child{border-bottom:none;} } @media only screen and (max-width:640px){ .tab_order td{font-size:13px;} .sum-payable b,.mem_pnt b{font-size:20px;} .width40{width:24px;} .width80{width:60px;} .tr_pnt .img-box{width:60px;height:60px;line-height:60px;} } @media only screen and (max-width:480px){ .f20,.sum-payable b,.mem_pnt b{font-size:18px;} .f18{font-size:16px;} .integral-gift dl .img-box{height:205px;line-height:205px;} .integral-gift dl dt p{font-size:14px;} .integral-gift dd .btn{padding:0 5px;} .products-img-con{padding-left:22%;} .products-small-img{width:20%;} .products-big-img{height:330px;line-height:320px;padding:5px;} .small-img-box .img-box{height:76px;line-height:66px;margin-bottom:8px;} .pcart-list{font-size:13px;padding-left:40px;} .pnt_box{font-size:14px;} .dv_btn button{width:120px;} .dv_size span{min-width:40px;margin-right:4px;} .cart-integral td{padding:0 2px;min-width:30px;} .cart-integral .td_size{word-break:break-all;} .ipt_num_box{width:54px;} .sum-payable{margin:0;display:block;padding-left:10px;} .pnt-btn-box{padding-right:130px;text-align:left;} .pnt-btn-box .btn-pay{position:absolute;right:10px;top:10px;width:120px;} } @media only screen and (max-width:320px){ .integral-gift dl{width:92%;margin:2% 4%;} .order-payment-btn .btn{width:120px;} }