@charset "utf-8"; /** * 移动端 */ /*定义滚动条样式*/ ::-webkit-scrollbar{display: none;} ::-webkit-scrollbar-track{display: none;} ::-webkit-scrollbar-thumb{display: none;} .noneImportant .footTop, .noneImportant .footMain{display:none!important;} .wechat_qrcode{display: none;} #container,.footMain{width:100%;overflow:hidden;} .pcOnly,.jqSelect .pc,.baseHeadCenter .headCart,.baseHeadCenter .hotKey,.baseTopNav_nav{display:none!important;} .baseHeadTop .wrap ul>li,.baseHeadTop .header_top_left{display:none;} .mIcon:before{content:'';display:inline-block;font-size:0;background:url(/img/supplier-login/H5.png) no-repeat;background-size:100vw auto;} /*.H5-icon:before{content:'';display:inline-block;font-size:0;background:url(/img/supplier-login/H5.png) no-repeat;background-size:100vw auto;}*/ .H5-icon:before{content:'';display:inline-block;font-size:0;background:url(/img/base/H5-icon.png) no-repeat;background-size:100vw auto;} .icon.shop,.icon.heart{vertical-align:middle;display:inline-block;height:5.5vw;line-height:5.5vw} .icon.shop:before{width:7.5vw;height:6vw;background-position:-91vw -.5vw} .icon.heart:before{width:5.5vw;height:5.5vw;background-position:0 -17vw} .icon.shop .tips{display:none;} .couponTag{padding:0 2vw;border:.27vw solid #f94b4b;background:#fff1eb;font-size:2.8vw;float:left;height:4.2vw;line-height:4.2vw;color: #f94b4b;border-radius: 0.2vw;margin-right: 1vw;} .mf{display:-ms-flexbox;display:-webkit-flex;display:flex;} .mfbt{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;} .mfc{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center} .mfhc{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;} .mfw{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;} .mfi{-ms-flex:1;-webkit-flex:1;flex:1;} .jqSelect{position:relative;} .jqSelect select{box-sizing:border-box;width:24vw;padding: 0 6vw 0 3vw;border-radius:2px;cursor:pointer;position:relative;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;} .jqSelect select::-ms-expand{display:none;} .jqSelect:before{content:'\276F';font-weight:normal;position:absolute;right:3vw;top:0;transform:rotate(90deg);font-size:3.6vw;color:#4A4F58} .mFixed{position:fixed;bottom:0;left:0;width:100%;height:100%;margin:0 auto;z-index:50;overflow-y:scroll;background-color:#FFF;-webkit-overflow-scrolling:touch} /*短信图形验证弹窗统一样式*/ .content-model{width: 100%;height: 100%;background: rgba(0,0,0,.3);position: fixed;top: 0;left: 0;display: none;z-index: 999;} .content-model.active{display: block;} .content-model .model-main{width: 63.8vw;height: 63.5vw;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 0.2vw;background: #FFFFFF;-webkit-box-shadow: 0 0.2vw 0.6vw rgba(0,0,0,0.2);box-shadow: 0 0.2vw 0.6vw rgba(0,0,0,0.2);} .content-model .model-title{width: 100%;box-sizing: border-box;height: 10.9vw;padding: 0 2.7vw;border: solid 1px #efefef;position: relative;} .content-model .model-title p{width: 100%;line-height: 10.9vw;font-size: 3.4vw;color: #333333;text-align: center;} .content-model .model-title .mIcon{display: block;width: 5vw;height: 5vw;position: absolute;right: 2.5vw;top: 2.5vw;z-index: 999;cursor: pointer;} .content-model .model-title .mIcon:before{width: 5vw;height: 5vw;background-position:-84.5vw -53.5vw;} .content-model .model-content{width: 100%;height: 52.4vw;box-sizing: border-box;padding:2.7vw;} .content-model .model-content .model-form{width: 100%;height:auto;float: left;position: relative;} .content-model .model-content .model-form .input{box-sizing: border-box;width: 58.4vw;height: 9.6vw;line-height: 6vw; outline: none;float: left;border: 1px solid #b8bfca;border-radius: 0.2vw;padding:1.8vw 1vw;font-size: 3.4vw;margin-bottom: 4vw;} .content-model .model-content .model-form .image{width: 30.7vw;height: 10.7vw;float: left;border-radius: 0.2vw;margin-top: 4.3vw;} .content-model .model-content .model-form .image img{width: 100%;height:10.7vw;display: block;border-radius: 0.2vw;} .content-model .model-content .model-form .refresh{height:10.7vw;float: left;margin-top: 4.3vw;} .content-model .model-content .model-form .refresh .mIcon{display: block;width: 4vw;height: 4vw;float: left;margin: 3.3vw 2vw 0 4vw;cursor: pointer;} .content-model .model-content .model-form .refresh .mIcon:before{width: 4vw;height: 4vw;background-position:-1.2vw -62.5vw;} .content-model .model-content .model-form .refresh span{width:auto;height:10.7vw;display: block;float: left;line-height: 10.7vw;font-size: 3.4vw;margin-left: 2vw;} .content-model .model-content .model-button{width: 100%;height: 9.9vw;float: left;margin-top: 7vw;} .content-model .model-content .model-button .button{width: 100%;height: 9.9vw;border-radius: .2vw;background-color: #FF5B00;text-align: center;line-height:9.9vw;font-size: 3.4vw;color: #FFFFFF;cursor: pointer;} /* 头部 */ .baseHeadCenter{box-sizing:border-box;width:100%;height:26.8vw;padding:0 2vw;position:relative;background:#FFF} .baseHeadCenter .logo,.classifyBox .logo{width:33.8vw;height:11.2vw;padding:1.2vw 0;position:absolute;top:0;left:50%;margin-left:-16.9vw;} .baseHeadCenter .logo img,.classifyBox .logo img{display:block;width:33.8vw;height:11.2vw;} .baseHeadCenter .mClassBtn,.classifyBox .mClassBtn{float:left} .baseHeadCenter .mUserCenter{float:right} .baseHeadCenter .mClassBtn, .classifyBox .mClassBtn, .baseHeadCenter .mUserIcon, .baseHeadCenter .mAddCart, .baseHeadCenter .mNotice, .baseHeadCenter .supplier_H5, .classifyBox .clsHead .close{padding:3.5vw 1.4vw;width:6.4vw;height:6.4vw} .baseHeadCenter .mClassBtn:before,.baseHeadCenter .supplier_H5:before,.classifyBox .mClassBtn:before,.baseHeadCenter .mUserIcon:before,.baseHeadCenter .mAddCart:before{content:'';display:block;width:6.4vw;height:6.4vw} .baseHeadCenter .mClassBtn:before,.classifyBox .mClassBtn:before{background-position:0 0} .baseHeadCenter .mUserIcon:before{background-position:-8.6vw 0} .baseHeadCenter .mAddCart:before{background-position:-17vw 0} .baseHeadCenter .superVip:before{background-position:-32vw -93vw} .baseHeadCenter .mNotice:before{content:'';display:block;width:6.4vw;height:6.4vw;background-position:0 0} .baseHeadCenter .searchBox{position:absolute;top:13.4vw;left:0;width:100%;padding-top:1.8vw} .baseHeadCenter .searchBox .supplierH5 { float: right; height: 9.6vw; display: flex; justify-content: center; align-items: center; margin-right: 1vw; } .baseHeadCenter .supplier_H5:before { background-position: -49vw -93vw; } .baseHeadCenter .search{width:93.4vw;height:9.6vw;margin:0 auto;border:1px solid #FFE6DC;border-radius:2px;position:relative} /*.baseHeadCenter .search {*/ /* width: 86.4vw;*/ /* height: 9.6vw;*/ /* border: 1px solid #FFE6DC;*/ /* border-radius: 2px;*/ /* position: relative;*/ /* float: left;*/ /* margin-left: 2vw;*/ /*}*/ .baseHeadCenter .search .jqSelect{width:21vw;height:9.6vw;position:relative;font-size: 0;} .baseHeadCenter .search .jqSelect select{width:20vw;height:9.6vw;line-height:9.6vw;border:none;font-size:3.7vw;color:#4A4F58;padding:0 6vw 0 3vw} .baseHeadCenter .search .jqSelect:before{right:4vw;line-height:9.6vw} .baseHeadCenter .search .jqSelect:after{content:'';position:absolute;right:0;top:3.4vw;width:.5vw;height:2.8vw;background:#BEC2C9} .baseHeadCenter .search .keyword{position:absolute;right:0;top:0;border:none;outline:none;width:72.4vw;height:9.6vw;line-height:9.6vw;font-size:3.7vw;color:#4A4F58;text-indent:2.6vw} .baseHeadCenter .search .searchBtn{position:absolute;right:1.2vw;top:0} .baseHeadCenter .search .searchBtn:before{content:'';display:block;width:9.6vw;height:9.6vw;background-position:-24vw 1.5vw} .baseHeadCenter.account{height:13.4vw;border-bottom:solid 1px #ebecef} .baseHeadCenter.account .closeAccount{float:right;padding:3.5vw 2.8vw;width:6.4vw;height:6.4vw;text-align:center} .baseHeadCenter.account .closeAccount:before{content:'\2715';font-size:4.5vw;font-weight:bold} .baseHeadCenter.account .accountLogin{display:none;} #mGlobalMenu{position:fixed;bottom:0;left:0;background-color:rgba(74,79,88,.7);width:100%;height:100%;z-index:9990} #mGlobalMenu .cTab{display:none} #mGlobalMenu .cShow{display:none} #mGlobalMenu .cShow{width:100%;position:absolute;bottom:0;left:0;background:#FFF;line-height:14.4vw;text-align:center;font-size:3.4vw;padding:6vw 0;border-radius:3vw 3vw 0 0} #mGlobalMenu .cShow a{display:block} /* 分类 */ .classifyBox{display:none;background:#F7F7F7;overflow:hidden} .classifyBox .clsHead{position:relative;background:#FFF} .classifyBox .clsHead .close{float:right;text-align:center} .classifyBox .clsHead .close:before{content:'\2715';font-size:4.5vw;font-weight:bold} .classifyBox .mClassBtn:before{transform:rotate(90deg)} .classifyBox .clsTab,.classifyBox .clsCon{height:calc(100% - 13.7vw)} .classifyBox .clsTab{width: 100%;height:12vw;background:#FFF;border-bottom: .27vw solid #eeeeee; padding: 1vw 0;} .classifyBox .clsTab .clsTab-main{width: 100%;height: 12vw;display: flex;} .classifyBox .clsTab .clsTab-main a{flex:1;height: 12vw;text-align: center;font-size: 3.8vw;} .classifyBox .clsCon{width:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch} .classifyBox .clsCon .tabItem{overflow: hidden;height: calc(100%);} .classifyBox .clsCon .tabItem .tabItem_lift{width: 26vw;float: left;text-align: center;color: #93979f;} .classifyBox .clsCon .tabItem .tabItem_right{float: right;width: 74vw;height: calc(100% - 13.7vw);background: #fff;overflow-y: scroll;} .classifyBox a{color:#93979F} .classifyBox .clsCon .tabItem .tabItem_lift a.on{background: #fff;color: #FF5B00;} .classifyBox .clsTab a{display:block;height:13vw;line-height:13vw;text-align:center;font-size:3.4vw} .classifyBox .clsTab a.on,.classifyBox .rgt a.on{color:#FF5B00} .classifyBox .clsTab .clsTab-main a.on{color: #4a4f58;font-weight: bold} .classifyBox .clsTab .clsTab-main a .line{width: 10vw;margin: 0 auto;height: .48vw;background-color: #FF5B00;} .classifyBox .tabItem .lft{height:10.7vw;line-height:10.7vw;padding-left:4vw;font-size:3.6vw;background: #fff;border-bottom: .27vw solid #f5f5f5;font-weight: bold} .classifyBox .tabItem .lft p{color: #4a4f58;} .classifyBox .clsCon .tabItem .tabItem_lift a{display: block;height: 13vw;line-height: 13vw;text-align: center;font-size: 3.4vw;} .classifyBox .tabItem .rgt{background:#FFF;padding-left: 4vw} .classifyBox .tabItem .rgt a{width:20.8vw;height:29.8vw;margin:2.6vw 1.3vw} .classifyBox .tabItem .rgt img{display:block;width:20.8vw;height:20.8vw} .classifyBox .tabItem .rgt span{display:block;line-height:9vw;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:3.4vw;color:#4A4F58} .classifyBox .tabItem .rgt p{text-align: center;color: #4a4f58;margin-top: 2.4vw;} .classifyBox .clsCon .tabItem .tabItem_right .line:last-child{border: none} .classifyBox .clsCon .tabItem .tabItem_right .line{border-bottom: 2.4vw solid #f5f5f5;} /* 底部 */ .footTop{width:100%;padding:2vw 0;background:#FFF;} .footTop .wrap span{font-size:2.6vw;padding:0 2vw;text-align:center} .footTop .wrap span:before{width:9.2vw;height:9.2vw;display:block;margin:0 auto} .footTop .wrap span:nth-of-type(1):before{background-position:-14vw -40vw} .footTop .wrap span:nth-of-type(2):before{background-position:-28vw -40vw} .footTop .wrap span:nth-of-type(3):before{background-position:-42vw -40vw} .footTop .wrap span:nth-of-type(4):before{background-position:-56vw -40vw} .footMain{width:100%;box-sizing:border-box;background:#4A4F58;color:#FFF} .footLink .list{width:100%;padding:0 3vw;box-sizing:border-box} .footLink .con{display:none} .footLink .tab,.footLink .con a{width:100%;box-sizing:border-box;display:block;font-size:3.4vw;height:10.6vw;line-height:10.6vw;border-top:1px solid #999FAB;position:relative} .footLink .list:first-child .tab{border-top:none} .footLink .con a{color:#999} .footLink .tab:after,.footLink .con a:after{font-size:5vw;position:absolute;top:2.1vw;right:0;width:6.4vw;height:6.4vw;line-height:6.4vw;text-align:center} .footLink .tab:after{content:'\271B';transition:all .8s} .footLink .con a:after{content:'\276F'} .footLink .list.on{background:#2D3036} .footLink .list.on .tab:after{transform:rotate(90deg);content:'\2758'} .footContact{text-align:center;padding:6.4vw 0} .footContact p{display:inline-block;width:20.1vw;background:#FFF;overflow:hidden;color: #4a4f58;height: 5.9vw;font-size: 3vw} .footContact p img{width:26.6vw;height:26.6vw} .footContact p span{line-height:8.8vw;white-space:nowrap;font-size:3.2vw;color:#4A4F58} .footContact .cellNumber{line-height:7.2vw;font-size:2.8vw;color:#FFF;padding-top:3vw} .footContact .cellNumber span{margin:0 2vw;display:inline-block} .footContact .cellNumber span:first-child{display:block} .footContact .cellNumber a{color:#FFF} .copyright{text-align:center;color:#FFF;font-size:2.8vw;padding-bottom:4vw} .copyright .item:before{width:10vw;height:10vw;font-size:0;background-position:-83.8vw -16.8vw} .copyright .item span{display:block;line-height:5.5vw} .copyright .item span a{color: #FFFFFF;} /*商品Item*/ .productItem{width:50%;height:81.8vw;overflow:hidden;text-align:center;background:none} .productItem .item{position:relative;zoom:1;vertical-align:middle;overflow:hidden;width:45.4vw;height:79.2vw;margin:0 auto;background:#FFF;box-shadow:0 1px 3px #ccc;border-radius:2px;font-size:3.4vw} .productItem .item img{display:block;width:100%;height:45.4vw} .productItem .item a{height:auto;} .productItem .item img{width:45.4vw;height:45.4vw;display:block} .productItem .item .image .icon{position:absolute;right:2.4vw;top:2.4vw} .productItem .item .image .icon.hot:before,.productItem .item .image .icon.new:before{display:block;width:7.6vw;height:9vw} .productItem .item .image .icon.hot:before{background-position:-52vw -16.4vw} .productItem .item .image .icon.new:before{background-position:-43.5vw -16.4vw} .productItem .item .name{display:block;box-sizing:border-box;padding:2.6vw 3.5vw .4vw;height:10vw;line-height:5vw;text-align: left;} .productItem .item .name span{color:#93979F;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .productItem .item .name em{font-style: normal;color: #FF5B00;} .productItem .item .price{height:21vw;text-align:center} .productItem .item .price em{display:block;height:7vw;line-height:7vw;color:#4A4F58;font-style:normal;} .productItem .item .price em.p{color:#F55C5C} .productItem .item .price .icon{display:inline-block;font-size:0;height:5vw;line-height:5vw;vertical-align:text-bottom;} .productItem .item .price .icon:before{width:11vw;height:5vw;} .productItem .item .price .icon.i0:before{background-position:0 -23.2vw} .productItem .item .price .icon.i1:before{background-position:0 -23.2vw} .productItem .item .price .icon.i2:before{background-position:0 -28.5vw} .productItem .item .price .icon.i3:before{background-position:0 -33.8vw} .productItem .item .price .icon.i4:before{background-position:0 -38.8vw} .productItem .item .price .icon.i5:before{background-position:0 -44vw} .productItem .item .btn{height:9vw;line-height:9vw} .productItem .item .btn{display:inline-block;width:35.8vw;height:9vw;text-align:center;overflow:hidden;color:#F94B4B;background:#FEF6F3;border-radius:2px} .productItem .item .btn.add{background:#FEF6F3;color:#FF5B00;} .productItem .item .btn.cat{font-size:3.1vw;line-height:4vw;white-space:pre-wrap;padding:1vw;width:80%;height:auto} .noMore{height:10vw;line-height:10vw;text-align:center;color:#ccc} /* 加入购物车 */ .cartAlert h6{font-size:4.6vw;font-weight:bold;margin:2vw 0;} .cartAlert p{font-size:3.7vw;} .cartAlert p em{font-style:normal;color:#FF5B00;} .btn-to-cart{background:#FF5B00!important;color:#FFF!important;} .btn-to-goon{background:#5bb641!important;color:#FFF!important;} /* 支付 */ .payAlert{font-size:3.7vw;} .payAlert p,.payAlert ul{margin-bottom:2vw;} .payAlert em{font-style:normal;color:#FF5B00;} .payAlert i{font-style:normal;color:#f55c5c;} .payAlert .copy{display:inline-block;height:6.4vw;line-height:6.4vw;padding:0 3vw;color:#FFF;margin-left:2vw;background-color:#ff2929;background-image:linear-gradient(214deg,#ff2929 0%,#ff6d1b 100%)} /* 登录弹框 */ .loginAlert{padding-top:1vw;text-align:center;font-size:3.4vw;} .loginAlert span{display:block} .loginAlert:before{content:'';display:block;width:26.7vw;height:26.7vw;background:url(/img/account/to_login_m.png) no-repeat left top;background-size:100% 100%;margin:0 auto} .jconfirm .jconfirm-box .jconfirm-buttons button{font-size:3.4vw!important;} /*供应商入口栏*/ #supplierLogin {width: 18vw;position:fixed;right:3.2vw;z-index:99;bottom:88.5vw;display: flex;justify-content: flex-end;align-items: flex-end;box-sizing: border-box;;height: 20vw;} #supplierLogin .logo {width: 17vw;height: 17vw;} #supplierLogin .close {width: 4vw;height: 4vw;position: absolute;top: 0;right: 0;} /* 咨询,回到顶部 */ #scrollTop{display:none;position:fixed;right:3.2vw;z-index:99;bottom:4vw;} #scrollTop .item{width:15vw;background-color:rgba(190,194,201,.3);box-sizing:border-box;text-align:center;margin-bottom:2.5vw;font-size:3vw;position:relative;border-radius: 0.2vw;} #scrollTop .item>span{box-sizing:border-box;display:block;padding:1.5vw;line-height:3.4vw;} #scrollTop .item .phone,#scrollTop .item .toTop{width:100%;height:100%;white-space: nowrap;} #scrollTop .item .phone:before,#scrollTop .item .toTop:before{display:block;margin:0 auto;width:5.8vw;height:5.8vw;} #scrollTop .item .phone:before{background-position:-66.8vw -9vw} #scrollTop .item .toTop:before{background-position:-58.8vw -9vw} #scrollTop .phoneHover{display:none;background-color:rgba(74,79,88,.7);z-index:999;} #scrollTop .phoneHover>div{box-sizing:border-box;width:74.6vw;height:107.3vw;padding-top:32vw;background:url(/img/common/hotline_m.jpg) no-repeat left top;background-size:100% 100%;border-radius:1.6vw;position:relative;top:50%;margin:-60vw auto 0 auto;line-height:9.6vw;font-size:4.2vw} #scrollTop .phoneHover i{font-style:normal;color:#FFF} #scrollTop .phoneHover .close{position:absolute;left:50%;bottom:-12vw;margin-left:-2.7vw;width:5.4vw;height:5.4vw;line-height:5.4vw;text-align:center;border:1px solid #FFF;border-radius:50%;font-size:0} #scrollTop .phoneHover .close:before{content:'\2715';font-size:4vw} #scrollTop .phoneHover span{color:#93979F;display:block;margin-top:1.4vw} #scrollTop .phoneHover a{color:#FF5B00} #scrollTop .phoneHover a>i{display:inline-block;height:7.2vw;line-height:7.2vw;padding:0 2vw;background:#F55C5C;border-radius:3.6vw;margin-left:4vw;font-size:3.4vw} /* 活动标签,阶梯价格 */ .priceTag .tag,.listTag{width:12vw;height:5vw;line-height:5vw;font-size:3vw;padding:0 6vw 0 3vw;background-color:#ffe6dc;color:#FF5B00;border-radius:2px;font-style:normal;white-space:nowrap;} .priceTag .tag{position:absolute;left:0;top:-6.8vw} .listTag{padding:0 2vw;} .priceTag .tag:before{width:4vw;height:4vw;background-position:-51.6vw -.9vw;position:absolute;right:1.5vw;top:1.2vw} .priceTag .tag.on:before{background-position:-43vw -.9vw} .priceTag .ladder,.priceTag .promotion{display:none;background-color:rgba(74,79,88,.7);z-index:998} .priceTag .ladder>span{display:block;box-sizing:border-box;width:74.6vw;padding:4vw 0;background:#FFF;border-radius:1.6vw;position:relative;top:50%;margin:-60vw auto 0 auto;line-height:10vw;font-size:4.2vw} .priceTag .ladder em{white-space:nowrap;text-align:center} .priceTag .ladder i{font-style:normal;display:inline-block;width:35vw;text-align:center} .priceTag .ladder .t{color:#627386} .priceTag .ladder .p{color:#f94b4b} .priceTag .close{display:block;width:46vw;height:10vw;line-height:10vw;text-align:center;background-color:#ffe6dc;border-radius:2px;border:1px solid #FF5B00;margin:6vw auto 0;} .priceTag .promotion>div{display:block;box-sizing:border-box;width:82vw;padding:3.3vw;background:#FFF;border-radius:1.6vw;position:relative;top:50%;margin:-60vw auto 0 auto;line-height:8vw;font-size:3.7vw} .priceTag .promotion p{text-align:left;clear:both;} .priceTag .promotion p>em{color:#FF5B00;font-style:normal} .priceTag .promotion .p{display:block;height:12vw;padding:1vw 0 1vw 12vw;position:relative;line-height:5vw} .priceTag .promotion .p img{width:10vw;height:10vw;position:absolute;left:0;top:1vw} .priceTag .promotion .p span{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap} .priceTag .promotion .more{color:#f55c5c;text-decoration:underline;float:right;} /* loading */ .loading{box-sizing:border-box;padding:20vw 0;text-align:center;} .loading.home{position:fixed;z-index:9999;width:100%;height:100%;background:#FFF;} .empty{box-sizing:border-box;padding:15vw 0;text-align:center;color:#4A4F58;line-height:8vw;font-size:3.4vw;} .empty img{width:40vw;height:40vw;} .empty a{color:#FF5B00;} .footContact .footContact-code .item{ width: 20.1vw; display: inline-block; } /*采美豆弹窗样式*/ .cmbeans-alert-box{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;position: fixed;left: 0;top: 0;background: rgba(51,51,51,0.5);z-index: 99999;opacity: 0;} .cmbeans-alert-box.hide{opacity: 0;} .cmbeans-alert-box.show{opacity: 1;} .cmbeans-alert-image{width: 87.2vw;height: 68.6vw;position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;box-sizing: border-box;} .cmbeans-alert-image img{width: 87.2vw;height: 68.6vw;display: block;} .cmbeans-alert-image .mIcon{width:8vw;height:8vw;display: block;position: absolute;top: 45px;right: -3px;cursor: pointer;} .cmbeans-alert-image .mIcon:before{width:8vw;height:8vw;background-position:-34.1vw -77.9vw;} .cmbeans-alert-content{width: 71vw;height: 92vw;position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;box-sizing: border-box;padding-top: 54.6vw;background-size: cover;} .cmbeans-alert-content .mIcon{width:8vw;height:8vw;display: block;position: absolute;top: 45px;right: -35px;cursor: pointer;} .cmbeans-alert-content .mIcon:before{width:8vw;height:8vw;background-position:-34.1vw -77.9vw;} .cmbeans-alert-content-text{height: 14vw;line-height: 14vw;text-align: center;width: 100%;font-size: 4vw;color: #333333;} .cmbeans-alert-content-bean{width: 100%;height: 7.6vw;line-height: 7.6vw;box-sizing: border-box;display: flex;flex-direction: column;align-items: center;} .cmbeans-alert-content-bean .cmbeans-alert-icon{width: 9.2vw;height: 7.6vw;display: block;float: left;} .cmbeans-alert-content-bean .cmbeans-alert-text{color: #FF5B00;line-height: 7.6vw;float: left;font-size: 5.4vw;} .cmbeans-alert-content-bean .icon-add{margin-left: 2.5vw;} .cmbeans-alert-content-bean .icon-text{font-weight: bold;} .cmbeans-alert-content-tips{width: 100%;height: 5.6vw;line-height: 5.6vw;margin-top: 4vw;box-sizing: border-box;display: flex;flex-direction: column;align-items: center;} .cmbeans-alert-content-tips .tips{width: 27.2vw;height: 5.6vw;background-color: rgba(226, 91, 28, 0.1);border-radius: 2.8vw;line-height: 5.6vw;font-size: 2.6vw;color: #FF5B00;text-align: center;padding: 0 1.2vw;} #globalHead{width: 100%;box-sizing: border-box; position: fixed !important; top: 0 !important; left: 0 !important; z-index: 1200;} /*ross宣传弹窗*/ .ross-banner-fiexd{width: 100%;height: 113.8vw;position: fixed;z-index: 999999999;background: linear-gradient(0deg, #FFA86E, #FF5B00);left: 0;right: 0;bottom: -113.8vw;box-sizing: border-box;padding: 4vw;background-size: cover;animation: all 1s;} .ross-banner-fiexd.active{animation: rundbottom 0.5s backwards;bottom: 0;opacity: 1;} .ross-mssg{width: 100%; height: 26vw;float: left;margin-bottom: 8vw;} .ross-mssg .ross-mssg-img{width: 26vw;height: 26vw;float: left;margin-right: 4vw;} .ross-mssg .ross-mssg-img img{width: 26vw;height: 26vw;display: block;} .ross-mssg .ross-mssg-text{width: 62vw;height: 26vw; float: left;box-sizing: border-box;} .ross-mssg .ross-mssg-text-t{margin-bottom: 6vw;} .ross-mssg .ross-mssg-text-b{position: relative;} .ross-mssg .ross-mssg-text-b .el-icon-caret-bottom{position: absolute;top:-5vw;left: 0;color: #FFFFFF;font-size: 20px;} .ross-mssg .ross-mssg-text-t p{font-size: 4vw;color: #FFFFFF;line-height: 6vw;} .ross-mssg .ross-mssg-text-b p{font-size: 2.8vw;color: #FFFFFF;line-height: 4vw;} .ross-main{width: 100%;height: auto;box-sizing: border-box;float: right;padding: 0 4vw; position: relative;} .ross-close{width: 6vw;height: 6vw;background: url('/img/activity/pc_close.png') no-repeat;background-size: cover;position: absolute;top: -25vw;right: 0vw;cursor: pointer;} .ross-from{width: 100%;height: auto;} .ross-from .from-row{width: 100%;height: 12vw;float: left;margin: 2vw 0;box-sizing: border-box;} .ross-from .from-row.btn{margin-top: 12vw;} .ross-from .from-row.none{margin: 0;} .ross-from .from-row .label{display: none;} .ross-from .from-row .input{width: 100%;height: 12vw;background: none;float: left;border: none; line-height:12vw;font-size: 4vw;color: #FFFFFF;box-sizing: border-box;border-bottom: 1px solid #FFFFFF;} .ross-from .from-row .input::-webkit-input-placeholder{ color:#FFFFFF;} .ross-from .from-row .input::-moz-input-placeholder{ color:#FFFFFF;} .ross-from .from-row .input::-ms-input-placeholder{ color:#FFFFFF;} .ross-from .from-row .input::input-placeholder{ color:#FFFFFF;} .ross-from .from-row .from-btn{width: 100%;height: 12vw;float: left;line-height: 12vw;font-size: 4vw;color: #FFFFFF;text-align: center;background: #202020;cursor: pointer;} .ross-from .from-row .from-btn.disabled{background: #CBCBCB;} .ross-from .from-row .link{display: block;line-height: 12vw;font-size: 4vw;color: #FFFFFF;margin: 0 24px;} .ross-from .from-row .link.left{float: left;} .ross-from .from-row .link.right{float: right;} @keyframes rundbottom{ 0%{bottom: -113.8vw;opacity: 0;} 100%{bottom:0;opacity: 1;} }