/* 头部公共区域 start */ .headAll{width: 100%;height: 30px;line-height: 30px;font-size: 12px; border-bottom: 1px solid #F6F6F6;} .headBody{height: 30px;} .headLeft{float: left;} .headLeft>a,.headLeft>span{display: block;height: 30px;margin: 0 5px;} .headLeft>span .yuncai-home-title{margin-left: 14px;margin-top: 8px; padding-right: 15px; line-height: 15px; border-right: 1px solid #E2E4E8} .headLeft>a:hover{color: #26B7BC;text-decoration: underline;} .headLeft p{display: block;float: left; padding: 8px 5px;height: 20px;} .headLeft p select{display: block;} .headRight{float: right;} .headRight li{cursor: pointer;margin: 0 0 0 20px;float: left; border-left: 1px solid #F9FAFB;border-right: 1px solid #F9FAFB;} .headRight li a{color: #999;display: block;} .headRight li a:hover{color: #26B7BC;} .headRight li a .topImg{width: 16px;height: 30px;float: left;line-height: normal;} .headRight li a.wap{position: relative;padding: 0 5px;} .headRight li a.wap:hover .wapCont{display: block;} .headRight .down_phone:hover{background: #fff; color: #26B7BC; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD;} .headRight .down_phone:hover::before{content: ''; position: absolute;top: 30px; left: 1px; width: 82px; height: 1px; background: #fff; z-index: 12;} .headRight li a.wap .wapCont{position: absolute; display:none;top: 30px;width: 216px;height: 137px;right: -1px;z-index: 21;padding: 10px; background: #fff; border: 1px solid #DDDDDD;} .headRight li a.wap .wapCont .TwoWeiMa{margin-bottom: 10px;} .headSelect{position: relative;padding: 0 20px 0 10px;cursor:pointer;z-index: 99;} .headSelect>span{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;} .headSelect .head_pop{position: absolute;left: 0;top: 32px;width: 280px;display: none; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);} .headSelect.active .head_pop{display: block;} .headSelect ul{width: 280px;} .headSelect ul::-webkit-scrollbar{width: 3px;} .headSelect ul::-webkit-scrollbar-thumb{width: 3px; border-radius: 2px;background: #DEDEDE;} .headSelect ul li{width: 260px;padding: 0 10px;border-top: solid 1px #fff; color: #333;} .headSelect ul li:hover{background: #F4F6F9;color: #333;} .headSelect.active .head_pop .return_login{padding: 6px 0 6px 0; display: block; width: 260px;margin: 0 auto; border-top: 1px solid #ECECEC;} .headSelect .sj,.headRight .my_yuncai .sj{position: absolute;width: 0;height: 0;right: 5px;top: 13px;border-top: solid 5px #A8A7A7;border-left: solid 5px transparent;border-right: solid 5px transparent;border-bottom: solid 5px transparent;} .headSelect.active .sj,.headRight .my_yuncai.active .sj{position: absolute;width: 0;height: 0;right: 5px;top: 8px;border-top: solid 5px transparent;border-left: solid 5px transparent;border-right: solid 5px transparent;border-bottom: solid 5px #A8A7A7;} .headRight .my_yuncai{padding-right: 20px;padding-left: 13px;} .headRight .my_yuncai:hover,.headRight .my_salesman:hover{background: #fff; color: #26B7BC; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD;} .headRight .my_yuncai .sj,.headRight .my_yuncaiL:hover .sj{right: 5px;} .headRight .my_yuncai .my_yuncai_content{position: absolute; display: none; border: 1px solid #DDDDDD; width: 161px; padding: 16px 17px;z-index: 21; left: -1px; top: 30px;} .headRight .my_yuncai .my_yuncai_content a{line-height: 15px;} .headRight .my_yuncai:hover .my_yuncai_content{display: block;} .headRight .my_yuncai:hover::before{content: ''; position: absolute;top: 30px; left: 1px; width: 81px; height: 1px; background: #fff; z-index: 12;} .headRight .my_salesman{padding-left:17px;padding-right: 8px;} .headRight .my_salesman:hover::before{content: ''; position: absolute;top: 30px; left: 1px; width: 83px; height: 1px; background: #fff; z-index: 12;} .headRight .my_salesman .salesman_info{position: absolute; display: none;z-index: 11; left: -1px; top: 30px; line-height: 16px; width: 105px; padding: 11px 10px 10px; background: #fff; border: 1px solid #DDDDDD;} .headRight .my_salesman:hover .salesman_info{display: block;} /* 头部公共区域 end */ /* 底部公共区域 start */ .footer_body{height: 280px;width: 100%;} .footer{position: absolute;bottom: 0;left: 0;width: 100%;height: 280px;margin-top: 20px;} .footer .top{height: 282px;} .footer .top ul{height: 206px;padding: 50px 0 26px 0;} .footer .top ul li{height: 206px;border-right: 1px solid #e5e5e5;padding: 0;} .footer .top ul li.left1{width: 329px;} .footer .top ul li.left2{width: 539px;} .footer .top ul li.left3{width: 329px;} .footer .top ul li:last-of-type{border-right: solid 1px transparent;} .footer .top ul li .title{width: 100%;height: 46px;padding-top: 10px;font-size: 16px;color: #666;} .footer .top ul li a{width: 78px;height: 98px;border: solid 1px #e5e5e5;display: block;text-decoration: none;margin-left: 50px;} .footer .top ul li a.list1{margin-left: 70px;} .footer .top ul li a.list2{margin-left: 30px;} .footer .top ul li a>.img{width: 78px;height: 38px;padding-top: 22px;} .footer .top ul li a>.img>img{display: block;margin: 0 auto;transition: .3s;} .footer .top ul li a:hover .img>img{-webkit-transform: scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform: scale(1.1,1.1);transform: scale(1.1,1.1);} .footer .top ul li .cont{font-size: 14px;text-align: justify;width:499px;padding: 0 20px;text-indent: 2em;color: #666;} .footer .top ul li>.img{width: 329px;height: 100px;} .footer .top ul li>.sao{width: 329px;} .footer .bottom{height: 157px;border-bottom: solid 1px #ECECEC;} .footer .bottom ul{height: 103px;padding: 33px 0 21px 0;} .footer .bottom ul li .imgBody .mt6{margin-top: 6px;} .footer .bottom ul li{height: 60px;width: 236px;padding: 18px 64px 25px 0;_width: 300px;} .footer .bottom ul li .imgBody{margin-right: 20px;position: relative;line-height: 30px;width: 60px;} .footer .bottom ul li .imgBody .fanZhuan{position: absolute;left: 50%;top: 50%;margin: -17px 0 0 -14px;-o-transition: 3s;-webkit-transition: 3s;-moz-transition: 3s;transition: 3s;-o-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);transform:rotateY(0deg);} .footer .bottom ul li .imgBody:hover .fanZhuan{transform:rotateY(360deg);-o-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);} .footer .last{height: 80px;padding-top: 24px;} .footer .last b{margin: 0 14px;} .footer .last span{margin: 0 10px;} /* 底部公共区域 end */ /*logo部分公共区域 start */ .logo{height: 65px;padding: 25px 0;} .logo_img{width: 220px;float: left;padding: 8px 0 0 0;} .logo_search{float: left;padding-left: 88px;width: 570px;} .logo_search .type{height: 26px;} .logo_search .type li{height: 26px;float: left;padding: 0 12px;line-height: 26px;font-size: 12px;cursor: pointer;background: #fff;color: #2eb6aa;} .logo_search .type li.active{color: #fff;background: #2eb6aa;} .logo_search .from{height: 40px;width: 570px;} .logo_search .from .inputs{width: 460px;height: auto;float: left;position: relative;z-index: 20} .logo_search .from .inputs ul{position: absolute;border: 1px solid #e2e2e2;width: 100%;top: 40px;background: white;z-index: 999;left: 0px} .logo_search .from .inputs ul.two{top: 78px} .logo_search .from .inputs ul li{padding: 10px 10px 5px 15px ;cursor: pointer;} .logo_search .from .inputs ul li:hover{background: #eeeeee;color: #26b7bc} .logo_search .from input{height: 36px;border: solid 2px #2eb6aa;float: left;width: 456px;font-size: 12px;text-indent: 34px;} .logo_search .from input::placeholder{color: #999;} .logo_search .from button{height: 40px;float: left;border: 0;width: 108px;font-size: 16px;display: block;letter-spacing: 3px;border-radius: 0;} .logo_search .Recommend{height: 18px;width: auto;padding-top: 5px;position: absolute;} .logo_search .Recommend li{color: #999999;float: left;cursor: pointer;padding: 0 15px;border-right: solid 1px #ebebeb;} .logo_search .Recommend li:last-child{border-right: 0;} .logo_search .Recommend li:hover{color: #2eb6aa;text-decoration: underline;} .logo_online a{margin-left: 20px;} .logo_online .shopping-cart{font-size:12px;height: 38px; line-height:38px;border: 1px solid #26B7BC;width: 125px;display: block;border-radius: 0;color: #26B7BC;} .logo_online .shopping-cart .cart_num{position: absolute; font-size: 10px; line-height: 15px; height: 15px; padding: 0 3px; border-radius: 10px; top: 12px; right: 8px;} .marginLeft{margin-right: 15px} .fontColor{color: red} /*logo部分公共区域 end */ /* 滑到一定高度显示 start */ .hSearch{background: #26B7BC;height: 60px;position: fixed;top: -60px;left: 0;z-index: 12;opacity: 0;transition: .5s;} .hSearch .hSearch_logo{width:241px;} .hSearch .hSearch_logo img{display:block;margin-top: 7px; width: 160px; margin-top: 14px;} .hSearch .hSearch_search{height:30px;padding: 15px 0 15px 60px;} .hSearch .hSearch_search .inputs{width: 448px;height: auto;position: relative;float: left} .hSearch .hSearch_search .inputs ul{position: absolute;border: 1px solid #e2e2e2;width: 100%;top: 30px;background: white;z-index: 999} .hSearch .hSearch_search .inputs ul:nth-of-type(2){top: 68px} .hSearch .hSearch_search .inputs ul li{padding: 10px 10px 5px 15px } .hSearch .hSearch_search .inputs ul li:hover{background: #eeeeee;color: #26b7bc} .hSearch .hSearch_search select{height:30px;display: block;width: 60px;text-indent: 5px;} .hSearch .hSearch_search input{height:30px;display: block;width: 450px;text-indent: 10px;} .hSearch .hSearch_search button{height:30px;display: block;width: 80px;background: #299da1;font-size: 16px;} .hSearch .hSearch_search .shopping-cart{font-size:12px;height: 30px; line-height:30px;width: 125px;display: block;border-radius: 3px;} .hSearch .hSearch_search .shopping-cart .cart_num{position: absolute; font-size: 10px; line-height: 15px; height: 15px; padding: 0 3px; border-radius: 10px; top: 8px; right:8px;} /* 滑到一定高度显示 end */ /* 导航nav start */ .nav{height: 40px;} .nav .body{height: 40px;} .nav .commodityAll{width: 200px;height: 40px;font-size: 15px;line-height: 40px;cursor: pointer;position: relative;float: left;z-index: 6;} .commodityAll .navType{position: absolute;left: 0;top: 40px;padding: 10px 0 0 0;width: 200px;display: none;z-index: 10;text-align: left;} .commodityAll .navType.show,.nav .commodityAll:hover .navType{display: block;} .nav .commodityAll:hover .navType{display: block;} .commodityAll .navType>li{height: 18px;line-height: 18px;width: 146px;padding: 18px 0 18px 54px;background:#fff;cursor: pointer;position: relative;} .commodityAll .navType>li:hover{background: #F4F6F9;} /*.commodityAll .navType>li:hover{color: #2eb6aa;}*/ .commodityAll .navType>li .icon_icon{position: absolute;left: 28px;top: 18px;} .commodityAll .navType>li .icon_more{position: absolute;right: 10px;top: 19px;} .commodityAll .navType>li .detail a:hover{color: #2eb6aa;} .commodityAll .navType>li .detail{display: none;position: absolute;left: 200px;background: #F9FAFB;width: 819px;height: 324px;margin: 0;padding: 10px 10px;overflow-y: auto;cursor: auto;} .commodityAll .navType>li .detail dt{width: 140px;font-size: 14px;font-weight: 100;margin-bottom: 10px;} .commodityAll .navType>li .detail dd{width: 19%;font-size: 14px;font-weight: 100;margin: 0 1% 5px 0;overflow: hidden;text-overflow: ellipsis;white-space: normal;} .commodityAll .navType>li .detail dd a:hover{text-decoration:underline;} .commodityAll .navType>li:hover .detail{display: block;} /*热销分类*/ .commodityAll .navType>li .detail .hotType{padding: 5px 30px;} .commodityAll .navType>li .detail .hotType .hotType-box{display: block;padding: 4px 6px;line-height: 16px;background: #26B7BC;color: #FFF;cursor: pointer;font-size: 12px;margin: 0 10px 10px 0;} .commodityAll .navType>li .detail .hotType .hotType-box .hotType-name{max-width: 82px;height: 16px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;float: left;} .nav .Navigation{float: left;font-size: 15px;position: relative;} .nav .Navigation li{line-height: 40px;height: 40px;cursor: pointer;width: 90px;position: relative;} .nav .Navigation li>img{position: absolute;right: -15px;top: -10px;} .nav .Navigation li a{text-decoration: none;height: 40px;width: 90px;display: block;} .nav .Navigation li.active a{color: #26B7BC; font-weight: bold;} .nav .Navigation li:hover a{color: #26B7BC; font-weight: bold;} .nav .Navigation p{position: absolute;bottom: 0;height: 3px;width: 76px;display:none;_height: 3px;} .nav .Navigation .more-nav{width: 100%; height: 100%;} .nav .Navigation .more-nav>span{width:4px; height: 4px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; background-color: #333333; position: absolute; top: 20px;} .nav .Navigation .more-nav .more_nav_content{position: absolute;width: 824px; display: none; height: 81px; top: 40px; right: 35px; z-index: 9} .nav .Navigation .more-nav:hover .more_nav_content{display: block;} .nav .Navigation .more-nav .more_nav_content li{width: 107px; height: 40px; line-height: 40px;} .nav .Navigation .more-nav .more_nav_content li a{text-decoration: none;height: 40px;width: 107px;display: block; text-align: center; color: #333; font-size: 15px;} .nav .left_shop{position: absolute;z-index: 9; width: 175px; top: 45px; max-height: 475px; left: 0; display: none;} .nav .left_shop li{height: 79px; border-bottom: 1px solid #E5E5E5;} .nav .left_shop li a{width: 100%; height: 100%;display: block;} .nav .left_shop li .shop_log{padding: 12px 7px 12px 10px; height: 56px; width: 56px;} .nav .left_shop li .shop_log img{max-width: 100%; max-height: 100%;} .nav .left_shop li .shop_info{width: 90px;margin-top: 18px;} .nav .left_shop li .shop_info .shop_title{width: 100%; font-size: 14px; color: #333;} .nav .left_shop li .shop_info .shop_discount{width: 100%; font-size: 12px; color: #F51D2C;} .nav .center_product {position: absolute;z-index: 9; max-width: 824px; top:404px; height: 116px; left: 182px; display: none;} .nav .center_product li{width: 204px;border-right: 1px solid #ECECEC;height: 116px;} .nav .center_product li a{width: 100%; height: 100%;display: block;} .nav .center_product li .product_img{padding: 18px 8px; width: 80px; height: 80px; position: relative;} .nav .center_product li .product_img .label_img{position: absolute;left: 8px; top: 18px;} .nav .center_product li .product_info{width: 105px; margin-top: 25px;} .nav .center_product li .product_info .price{color: #F51D2C;position: absolute;left: 96px; bottom: 25px;} /* 导航nav end */ /*超时秒杀的内容 Start*/ .seckillContent{width: 100%;height: auto;} .seckillContent .seckillContentdiv{width: 1200px;height: 100%;margin: 0 auto;} .seckillContent .seckillContentdiv .seckillContentImg{width: 100%;height: 136px;} .seckillContent .seckillContentdiv .seckillContentList{width: 100%;height: auto;margin-top: 20px;} .seckillContentdiv .seckillContentList ul{margin: 0;padding: 0;list-style: none} .seckillContentdiv .seckillContentList ul li{width: 232px;height: 363px;background: white;margin-right: 10px;margin-bottom: 20px;cursor: pointer} .seckillContentdiv .seckillContentList ul li .listTop{height: 292px;width: 100%;} .listTop .listTopImg{width: 100%;height: 222px;} .listTop .listTopImg img{margin-top: 30px;} .listTop .listTopImg img:hover{margin-top: 25px;cursor: pointer;} .seckillContentdiv .seckillContentList ul li .listTop .shopName ,.seckillContentdiv .seckillContentList ul li .listTop .myp{line-height: 20px;width: 220px;margin: 0 auto;} /*秒杀状态 Start*/ .listTop .listTopTimeSurplus{width: 220px;height: 28px;background: url("/static/yuncai/client/img/70.png");margin-left: 6px;line-height: 28px;font-size: 12px} .listTop .listTopTimeSurplus p{padding-left: 10px} .listTop .listTopTimecountdown{width: 220px;height: 28px;background: url("/static/yuncai/client/img/60.png");margin-left: 30px;line-height: 28px;} .listTop .listTopcountdown{width: 220px;height: 28px;background: url("/static/yuncai/client/img/50.png");margin-left: 30px;line-height: 28px;} .listTop .listActivityEnd{width: 220px;height: 28px;background: url("/static/yuncai/client/img/40.png");margin-left: 30px;line-height: 28px;} /*秒杀状态 End*/ .seckillContentdiv .seckillContentList ul li .listbottom{height: 71px;width: 100%;overflow: hidden} .seckillContentdiv .seckillContentList ul li:hover .listbottomdiv{margin-top: -40px;} .listbottom .listbottomdiv{width: 220px;height: 100%;margin: 0 auto;transition: 0.3s} .listbottom .listbottomdiv .Sold{width: 100%;height:15px;line-height: 15px;} .listbottom .listbottomdiv .Sold .bar{width: 139px;height: 8px;background: #ebebeb;float: right;margin-right:18px;margin-top: 7px} .listbottom .listbottomdiv .Sold .bar .bardiv{height: 100%;width: 20%;background: #26b7bc} .listbottom .listbottomdiv .Price{width: 100%;height:40px;margin-top: 15px;line-height: 40px;} .listbottom .listbottomdiv .Price .symbol{font-size: 16px;font-weight: normal} .listbottom .listbottomdiv .Price .indexPrice{font-size: 24px;font-weight: bold} .listbottom .listbottomdiv .Price del{margin-left: 10px;font-size: 14px;} /*按钮状态 Start*/ .listbottom .startbtn{width: 100%;height: 43px;background: #fdbb2d;line-height: 43px;font-size: 18px;} .listbottom .Endbtn{width: 100%;height: 43px;background: #808080;line-height: 43px;font-size: 18px;} .listbottom .immediatelybtn{width: 100%;height: 43px;background: #26b7bc;line-height: 43px;font-size: 18px;} /*按钮状态 End*/ /*超时秒杀的内容 End*/ /* 首页barnar start */ .barnarInfo .barnar{height: 244px;width: 790px;position: relative;} .barnarInfo .barnar .bodyImg{height: 244px;position: relative;z-index: 2;} .barnarInfo .barnar .bodyImg li{height: 244px;position: absolute;width:100%;} .barnarInfo .barnar .bodyImg a{display: block;width: 790px;height: 244px;} .barnarInfo .barnar .bodyImg img{display: block;width: 790px;height: 244px;cursor: pointer;} .barnarInfo .barnar .barnarNav{position: absolute;bottom: 10px;left: 50%;z-index: 5;} .barnarInfo .barnar .barnarNav li{width: 8px;height: 8px;margin-right: 10px;border-radius: 50%;cursor: pointer;opacity: .4;} .barnarInfo .barnar .barnarNav li.active{opacity: 1;} .barnarInfo .barnar .prve{width: 30px;height: 60px;display: none;cursor: pointer;background: url(../img/mate/foot2.png) no-repeat 0 0;background-size: 200% 100%;position: absolute;left: 0;top: 92px;opacity: .4;filter: alpha(opacity=40);transition: .3s;z-index: 5;border-radius: 0 6px 6px 0;overflow: hidden;} .barnarInfo .barnar .next{width: 30px;height: 60px;display: none;cursor: pointer;background: url(../img/mate/foot2.png) no-repeat -30px 0;background-size: 200% 100%;position: absolute;right: 0;top: 92px;opacity: .4;filter: alpha(opacity=40);transition: .3s;z-index: 5;border-radius: 6px 0 0 6px;overflow: hidden;} .barnarInfo .barnar .prve:hover ,.barnar .next:hover{opacity: .9;filter: alpha(opacity=90);} .barnarInfo .barnar:hover .prve{display: block;} .barnarInfo .barnar:hover .next{display: block;} /* 首页barnar end */ /* 首页barnar下面广告 start */ .barnarInfo .adv{width: 790px;height: 90px;padding-top: 10px;} .barnarInfo .adv .img{margin-left: 10px;cursor: pointer;} .barnarInfo .adv .img:first-child{margin: 0;} /* 首页barnar下面广告 end */ /* 轮播图右侧内容 */ .barnarInfo .right_login{width: 191px;display: none;} .barnarInfo .right_login.show,.nav .left_shop.show,.nav .center_product.show{display: block;} .barnarInfo .right_login>.login_info{width: 100%;height: 244px;} .barnarInfo .right_login>.login_info .img{width: 56px;height: 56px;padding-top: 16px;margin: 0 auto;} .barnarInfo .right_login>.login_info .btn{width: 149px;height: 20px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin: 0 auto;border: solid 1px #26B7BC;} .barnarInfo .right_login>.login_info .btn>a{width: 100%;height: 100%;line-height: 20px;display: block;font-size: 12px;} .barnarInfo .right_login>.login_info .function_area{width: auto;margin: 0 auto;} .barnarInfo .right_login>.login_info .function_area .btn_group{padding: 0 7px;} .barnarInfo .right_login>.login_info .function_area .btn_group>li{width: 34px;padding: 0 12px;} .barnarInfo .right_login>.login_info .function_area .btn_group>li a{display: block;} .barnarInfo .right_login>.login_info .order_info{width: 171px;font-size: 12px;padding-left: 17px;} .barnarInfo .right_login>.login_info .order_info .list_order{padding: 6px 0 4px 0;width: 85px;height: 20px;line-height: 20px;} .barnarInfo .right_login>.login_info .order_info .list_order>img{float: left;margin-right: 4px;} .barnarInfo .right_login>.down_app{width: 100%;height: 90px;padding-top: 10px;} .barnarInfo .right_login>.down_app>img{width: 100%;height: 90px;display: block;} /* 首页右侧楼层导航 start */ .leftSide{width: 60px;height: auto;position: absolute;background:#fff;left: 50%;top: 560px;margin-left: 620px;line-height: 16px;z-index: 10;border: 1px solid #ececec;} .leftSide.leftSide_fix{position: fixed;top: 75px;-webkit-animation: eleShow .5s ease both;animation: eleShow .5s ease both;} .leftSide li{width:50px;padding: 12px 5px;transition: .3s;font-size: 14px;text-align: center;cursor: pointer;color: #333;position: relative;} .leftSide li.service{color: #26B7BC;} .leftSide li::after{content: '';display: block;transition: .3s;height: 1px;width: 28px;background: #ECECEC;position: absolute;bottom: 0;left: 16px;} .leftSide li:last-child::after{display: none;} .leftSide li:hover{color: #fff;background: #F51D2C;} .leftSide li.active:hover{color: #fff; } .leftSide li:hover::after{background: #F51D2C;} .leftSide li.active{color: #F51D2C;} .leftSide li>img{display: block;margin: 0 auto 2px auto;} .leftSide li>img.black{display: block;} .leftSide li>img.white{display: none;} .leftSide li:hover>img.black{display: none;} .leftSide li:hover>img.white{display: block;} .leftSide li.salesman .salesman_info{position: absolute;top: 0;transition: .3s;right: 0;width: 92px;height: 56px;background: #F51D2C;color: #fff;opacity: 0;} .leftSide li.salesman .salesman_info>div{margin: 9px 10px 0 10px;} .leftSide li.salesman:hover .salesman_info{right: 60px;opacity: 1;} /* 首页右侧楼层导航 end */ /* -------- 首页 start -----------*/ .index{display: block} /*.index .coupon{background: url(../img/bg-youhuiquan.png);height: 262px;margin-top: 30px;width: 1200px;}*/ .index .coupon{margin-top: 30px;width: 1200px;position: relative;height: 133px;} .index .coupon .couponCont{width: 1200px;height: 133px;position: absolute;left: 0;top: 0;} .index .coupon .couponCont>p{width: 140px;height: 133px;} .index .coupon .couponCont>ul{width: 1036px;height: 113px;padding-top: 20px;} .index .coupon .couponCont>ul>li{width: 200px;height: 113px;margin-right: 7px;position: relative;} .index .coupon .couponCont>ul>li>.couponContent{width: 183px;position: absolute;left: 0;top: 0;padding: 6px 7px 0 10px;font-size: 12px;cursor: pointer;} .index .coupon .couponCont>ul>li>.couponContent>span{height: 58px;display: block;width: 136px;} .index .coupon .couponCont>ul>li>.couponContent>span .priceNum{font-size: 30px;padding-top: 4px; color:#32ccbc;} .index .coupon .couponCont>ul>li>.couponContent>span .priceNum>span{font-size: 12px;} .index .coupon .couponCont>ul>li>.couponContent>span .priceFull{color: #38abd1;} .index .coupon .couponCont>ul>li>.couponContent .shopLogo{width: 42px;height: 42px;border-radius: 50%;overflow: hidden;} .index .coupon .couponCont>ul>li>.couponContent>p{height: 28px;line-height: 28px;color: #fff;} .index .coupon .couponCont>a{display: block;width: 24px;height: 133px;} .index .coupon .title{height: 70px;line-height: 70px;font-size: 24px;padding: 0 20px 0 40px;} .index .coupon .title a{height: 18px;font-size: 18px;line-height: 70px;width: 186px } .index .coupon .title a img{display: block;margin-left: 6px;margin-top: 26px} /* 秒杀 start */ .indexSeckill{width: 100%;margin-top: 20px;} .indexSeckill li{width: 200px;height: 256px;position: relative;background: #fff;position: relative;} .indexSeckill li::after{content: '';display: block;width: 1px;height: 142px;background: #EEE;position: absolute;right: 0;top: 30px;} .indexSeckill li:first-of-type::after{display: none;} .indexSeckill li:last-of-type::after{display: none;} .indexSeckill li .img{width: 160px;height: 160px;position: relative;margin: 0 auto;padding-top: 20px;} .indexSeckill li .img:after{content: '';display: none;width: 160px;height: 160px;background: rgba(255, 255, 255, .1);position: absolute;left: 0;top: 0;z-index: 3;} .indexSeckill li:hover .img:after{display: block;} .indexSeckill li .img>img{display: block;} .indexSeckill li .img>img.label_img{position: absolute;left: 0;top: 20px;} .indexSeckill li .name{width: 190px;height: 20px;padding: 10px 0;margin: 0 auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 20px;} .indexSeckill li .price{width: 190px;height: 20px;line-height: 20px;font-size: 12px;} .indexSeckill li .price>img{transform: translateY(2px);} /* 秒杀 end */ /* 领券中心 start */ .indexCoupon{width: 570px;height: 340px;padding-left: 20px;} .indexCoupon .title{width: 570px;height: 32px;line-height: 32px;font-size: 24px;} .indexCoupon .title>img{display: block;margin-top: 7px;} .indexCoupon>ul>li{width: 265px;height: 110px;padding: 0 20px 20px 0;position: relative;} .indexCoupon>ul>li>.top{width: 263px;height: 79px;border: solid 1px #F9F9F9;border-bottom: 0;background: #F9F9F9;} .indexCoupon>ul>li:hover>.top{border: solid 1px #26B7BC;border-bottom: 0;} .indexCoupon>ul>li.shop:hover>.top{border: solid 1px #F51D2C;border-bottom: 0;} .indexCoupon>ul>li>.top .price{padding: 15px 0 5px 15px;height: 20px;line-height: 20px;font-size: 12px;color: #26B7BC;} .indexCoupon>ul>li.shop>.top .price{color: #F51D2C;} .indexCoupon>ul>li>.top .price>b{font-size: 26px;} .indexCoupon>ul>li>.top .price .type{font-size: 12px;display: inline-block;padding: 2px 4px;border: solid 1px #26B7BC;border-radius: 3px;line-height: 15px;margin-left: 3px;transform: scale(0.9) translateY(-4px);} .indexCoupon>ul>li.shop>.top .price .type{border: solid 1px #F51D2C;} .indexCoupon>ul>li>.top .gray{padding-left: 15px;font-size: 12px;line-height: 16px;} .indexCoupon>ul>li>.hr{position: absolute;display: block;left: 2px;top: 77px;} .indexCoupon>ul>li>.hr.green{display: block;} .indexCoupon>ul>li>.hr.red{display: none;} .indexCoupon>ul>li.shop>.hr.green{display: none;} .indexCoupon>ul>li.shop>.hr.red{display: block;} .indexCoupon>ul>li>.status{height: 30px;line-height: 30px;background: #26B7BC;padding: 0 10px 0 15px;font-size: 12px;} .indexCoupon>ul>li.shop>.status{background: #F51D2C;} .indexCoupon>ul>li>.status .left{width: 170px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;height: 30px;} .indexCoupon>ul>li>.status .right{width: 64px;height: 24px;line-height: 22px;font-size: 12px;border-radius: 12px;border: solid 1px #fff;transform: scale(0.9);margin-top: 2px; } /* 领券中心 end */ /* 集采专区 start */ .indexCollect{width: 570px;height: 340px;padding-left: 20px;} .indexCollect .title{width: 570px;height: 32px;line-height: 32px;font-size: 24px;} .indexCollect .title>img{display: block;margin-top: 7px;} .indexCollect>ul{height: 236px} .indexCollect>ul>li{width: 200px;height: 236px;margin: 0 0 0 50px;} .indexCollect>ul>li .img{width: 160px;height: 160px;margin: 0 auto;position: relative;background: #6F6F6F;transition: .3s;} .indexCollect>ul>li:hover .img{background: #1F1F1F;} .indexCollect>ul>li .img img{display: block;opacity: .9;} .indexCollect>ul>li .img img.label_img{position: absolute;top: 0;left: 0;} .indexCollect>ul>li .name{width: 180px;height: 20px;line-height: 20px;padding: 10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .indexCollect>ul>li .price{height: 18px;line-height: 18px;font-size: 12px;} .indexCollect>ul>li .price b{font-size: 16px;} .indexCollect>ul>li .price img{margin-bottom: -3px;} /* 集采专区 end */ /* 活动专区 */ .indexActivity{width: 100%;} .indexActivity .title{width: 100%;height: 36px;line-height: 36px;font-size: 28px;} .indexActivity .title b{margin: 0 15px;} .indexActivity .title img{margin-bottom: -4px;} .indexActivity ul{width: 100%;} .indexActivity ul li{width: 386px;height: 170px;margin-right: 21px;} .indexActivity ul li:nth-of-type(3n+3){margin-right: 0;} .indexActivity ul li img{display: block;} #index-avalon .activity{width: 100%;} #index-avalon .activity .title{width: 100%;height: 36px;line-height: 36px;font-size: 28px;} #index-avalon .activity .title b{margin: 0 15px;} #index-avalon .activity .title img{margin-bottom: -4px;} #index-avalon .activity ul{width: 100%;} #index-avalon .activity ul li{width: 386px;height: 170px;margin-right: 21px;} #index-avalon .activity ul li:nth-of-type(3n+3){margin-right: 0;} #index-avalon .activity ul li img{display: block;} /* 腰图 */ #index-avalon .waistImg{display: block;} /* 连锁优选、药房热销、诊所畅销、工厂直供 */ #index-avalon .chain{width: 100%;} #index-avalon .chain li{width: 250px;height: 256px;position: relative;} #index-avalon .chain li::after{content: '';display: block;width: 1px;height: 142px;background: #EEE;position: absolute;right: 0;top: 30px;} #index-avalon .chain li:last-of-type::after{display: none;} #index-avalon .chain li:first-of-type{width: 200px;} #index-avalon .chain li:first-of-type::after{display: none;} #index-avalon .chain li .img{width: 160px;height: 160px;position: relative;margin: 20px auto 0 auto;background: #6F6F6F;transition: .3s;} #index-avalon .chain li:hover .img{background: #1F1F1F;} #index-avalon .chain li .img img{display: block;opacity: .95;} #index-avalon .chain li .img img.label_img{position: absolute;left: 0;top: 0;} #index-avalon .chain li .name{padding: 10px 15px;width: 220px;height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} #index-avalon .chain li .price{height: 20px;line-height: 20px;font-size: 12px;} #index-avalon .chain li .price b{font-size: 18px;} /* 推荐商品 */ #index-avalon .recommend{width: 100%;} #index-avalon .recommend .title{width: 100%;height: 36px;line-height: 36px;font-size: 28px;} #index-avalon .recommend .title b{margin: 0 15px;} #index-avalon .recommend .title img{margin-bottom: -4px;} #index-avalon .recommend ul{width: 100%;} #index-avalon .recommend ul.adv img{display: block;} #index-avalon .recommend ul.product li{width: 232px;height: 308px;margin-right: 10px;font-size: 12px;} #index-avalon .recommend ul.product li:nth-of-type(5n+5){margin-right: 0;} #index-avalon .recommend ul.product li .img{width: 160px;height: 160px;position: relative;margin: 20px auto 0 auto;background: #6F6F6F;transition: .3s;} #index-avalon .recommend ul.product li:hover .img{background: #1F1F1F;} #index-avalon .recommend ul.product li .img img{display: block;opacity: .9;} #index-avalon .recommend ul.product li .img img.label_img{position: absolute;left: 0;top: 0;} #index-avalon .recommend ul.product li .price{height: 20px;padding: 10px 15px 0 15px;width: 202px;line-height: 20px;} #index-avalon .recommend ul.product li .price b{font-size: 18px;} #index-avalon .recommend ul.product li .name{width: 202px;height: 20px;padding-top: 6px;line-height: 20px;margin: 0 auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;} #index-avalon .recommend ul.product li .specification{width: 202px;height: 20px;line-height: 20px;margin: 0 auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} #index-avalon .recommend ul.product li .manufacturers{width: 202px;height: 20px;line-height: 20px;margin: 0 auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} #index-avalon .recommend ul.product li .shopName{width: 202px;height: 20px;line-height: 20px;margin: 0 auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} #index-avalon .recommend ul.product li .shopName img{margin: 6px 3px 0 0;} /*.index ul{height: 171px;padding: 0 20px;}*/ /*.index ul li{height: 141px;margin-left: 10px;background: url(../img/bg-listyouhuiquan.png);width: 224px;padding-top: 30px;cursor: pointer;}*/ /*.index ul li:first-child{margin-left: 0;}*/ /*.index ul li .img{height: 70px;}*/ /*.index ul li a{text-decoration: none;}*/ /*.index ul li .img img{display: block;margin: 0 auto;border-radius: 50%;overflow: hidden;}*/ /*.index ul li .price{height: 28px;}*/ /*.index ul li .price .small{font-size: 14px;}*/ /*.index ul li .price .big{font-size: 24px;}*/ /*楼层*/ .indexCont{width: 1200px;height: 547px;position: relative;margin-top: 30px;} .indexCont .Immovable{width: 180px;height: 271px;padding: 23px 0 0 20px;position: relative;} .indexCont .Immovable img{position: absolute;left: 0;top: 0;z-index: 0;} .indexCont .Immovable .ti{position: absolute;left: 20px;top: 23px;z-index: 1;} .indexCont .Immovable .title{font-size: 24px;} .indexCont .Immovable .smallTitle{font-size: 16px;margin-top: 10px;} .indexCont .Immovable .tiaotiao{height: 3px;width: 60px;margin-top: 10px;} .indexCont .Immovable a{font-size: 14px;height: 40px;border: solid 1px rgba(255,255,255,.5);border-radius: 20px;background: url(../img/mate/white30.png);display: inline-block;*display: block;width: auto;padding: 0 15px;margin-top: 10px;line-height: 40px;margin-right: 15px} .indexCont .Immovable a:hover{background: url(../img/mate/white50.png);} .indexCont .imgList ,.indexCont .imgItem{width: 600px;height: 253px;} .indexCont .list ,.indexCont .item{width: 200px;height: 70px;padding-top: 183px;position: relative;display: block;text-decoration: none;cursor: pointer;} .indexCont .list img ,.indexCont .item img{position: absolute;top: 23px;left: 20px;transition: .3s;} .indexCont .list p ,.indexCont .item p{padding: 10px 20px 0 20px;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .indexCont .list:hover img ,.indexCont .item:hover img{top: 15px;} .indexCont .imgItem ,.indexCont .item{display: none;cursor: pointer;} .indexCont .imgList ,.indexCont .list{display: block;cursor: pointer;} .xiaomiaosha{position: absolute;right: 0;top: 0;z-index: 8;width: 60px;height: 32px;} .xiaomiaosha .img{position: static;} .indexCont.cherTwo .imgItem ,.indexCont.cherTwo .item{display: block;cursor: pointer;} .indexCont.cherTwo .imgList ,.indexCont.cherTwo .list{display: none;cursor: pointer;} .secondkillIcon{z-index: 5;position: absolute;top: 10px;right: 25px;width:42px;height:35px; background: url('../img/new-coupon/label-icon.png');font-size: 14px;color: #fff;font-weight: bold;text-align: center;line-height: 31px;} .indexCont .indexCont_top{width: 980px;height: 40px;padding-right: 20px;} .indexCont .indexCont_top a{line-height: 40px;text-decoration: none;} .indexCont .indexCont_top .clickOne{width: 104px;height: 37px;line-height: 37px;cursor: pointer;font-size: 16px;} .indexCont .indexCont_top .clickTwo{width: 104px;height: 37px;line-height: 37px;cursor: pointer;font-size: 16px;} .f1 .indexCont_top{border-bottom: solid 1px #FAB108;} .f1 .clickOne{color: #FAB108;border-top: solid 3px #FAB108;border-bottom: solid 1px #fff;border-right: 1px solid #FAB108;} .f1.cherTwo .clickOne{color: #333;border-top: solid 3px transparent;border-bottom: solid 1px transparent;} .f1 .clickTwo{color: #333;border-top: solid 3px transparent;border-bottom: solid 1px transparent;} .f1.cherTwo .clickTwo{color: #FAB108;border-top: solid 3px #FAB108;border-bottom: solid 1px #fff;border-right: solid 1px #FAB108;} .indexCont.f1 .Immovable a.more{background: #fff;color: #FAB108;} .indexCont.f1 .list:hover p ,.indexCont.f1 .item:hover p{color: #FAB108;} .f2 .indexCont_top{border-bottom: solid 1px #2d9c30;} .f2 .clickOne{color: #2d9c30;border-top: solid 3px #2d9c30;border-bottom: solid 1px #fff;border-right: 1px solid #2d9c30;} .f2.cherTwo .clickOne{color: #333;border-top: solid 3px transparent;border-bottom: solid 1px transparent;} .f2 .clickTwo{color: #333;border-top: solid 3px transparent;border-bottom: solid 1px transparent;} .f2.cherTwo .clickTwo{color: #2d9c30;border-top: solid 3px #2d9c30;border-bottom: solid 1px #fff;border-right: solid 1px #2d9c30;} .indexCont.f2 .Immovable a.more{background: #fff;color: #2d9c30;} .indexCont.f2 .list:hover p ,.indexCont.f2 .item:hover p{color: #2d9c30;} .f3 .indexCont_top{border-bottom: solid 1px #3082ed;} .f3 .clickOne{color: #3082ed;border-top: solid 3px #3082ed;border-bottom: solid 1px #fff;border-right: 1px solid #3082ed;} .f3.cherTwo .clickOne{color: #333;border-top: solid 3px transparent;border-bottom: solid 1px transparent;} .f3 .clickTwo{color: #333;border-top: solid 3px transparent;border-bottom: solid 1px transparent;} .f3.cherTwo .clickTwo{color: #3082ed;border-top: solid 3px #3082ed;border-bottom: solid 1px #fff;border-right: solid 1px #3082ed;} .indexCont.f3 .Immovable a.more{background: #fff;color: #3082ed;} .indexCont.f3 .list:hover p ,.indexCont.f3 .item:hover p{color: #3082ed;} .f4 .indexCont_top{border-bottom: solid 1px #ec8a31;} .f4 .clickOne{color: #ec8a31;border-top: solid 3px #ec8a31;border-bottom: solid 1px #fff;border-right: 1px solid #ec8a31;} .f4.cherTwo .clickOne{color: #333;border-top: solid 3px transparent;border-bottom: solid 1px transparent;} .f4 .clickTwo{color: #333;border-top: solid 3px transparent;border-bottom: solid 1px transparent;} .f4.cherTwo .clickTwo{color: #ec8a31;border-top: solid 3px #ec8a31;border-bottom: solid 1px #fff;border-right: solid 1px #ec8a31;} .indexCont.f4 .Immovable a.more{background: #fff;color: #ec8a31;} .indexCont.f4 .list:hover p ,.indexCont.f4 .item:hover p{color: #ec8a31;} .f5 .indexCont_top{border-bottom: solid 1px #e82e3c;} .f5 .clickOne{color: #e82e3c;border-top: solid 3px #e82e3c;border-bottom: solid 1px #fff;border-right: 1px solid #e82e3c;} .f5.cherTwo .clickOne{color: #333;border-top: solid 3px transparent;border-bottom: solid 1px transparent;} .f5 .clickTwo{color: #333;border-top: solid 3px transparent;border-bottom: solid 1px transparent;} .f5.cherTwo .clickTwo{color: #e82e3c;border-top: solid 3px #e82e3c;border-bottom: solid 1px #fff;border-right: solid 1px #e82e3c;} .indexCont.f5 .Immovable a.more{background: #fff;color: #e82e3c;} .indexCont.f5 .list:hover p ,.indexCont.f5 .item:hover p{color: #e82e3c;} .f6 .indexCont_top{border-bottom: solid 1px #641fc3;} .f6 .clickOne{color: #641fc3;border-top: solid 3px #641fc3;border-bottom: solid 1px #fff;border-right: 1px solid #641fc3;} .f6.cherTwo .clickOne{color: #333;border-top: solid 3px transparent;border-bottom: solid 1px transparent;} .f6 .clickTwo{color: #333;border-top: solid 3px transparent;border-bottom: solid 1px transparent;} .f6.cherTwo .clickTwo{color: #641fc3;border-top: solid 3px #641fc3;border-bottom: solid 1px #fff;border-right: solid 1px #641fc3;} .indexCont.f6 .Immovable a.more{background: #fff;color: #641fc3;} .indexCont.f6 .list:hover p ,.indexCont.f6 .item:hover p{color: #641fc3;} .index .body .indexDownCount{width: 100%;height: 286px;background: white;margin-top: 20px;} .index .body .indexDownCount .indexDownCountImg{width: 200px;height: 286px;background: #26b7bc;position: relative} .index .body .indexDownCount .indexDownCountImg .ImgNav{width: 200px;height: 78px;text-align: center;position: absolute;top: 76px;} .index .body .indexDownCount .indexDownCountImg .ImgNav>img{width: 80%;} .index .body .indexDownCount .indexDownCountImg .ImgMore{width: 200px;height: 19px;text-align: center;position: absolute;top: 190px;} .index .body .indexDownCount .indexDownCountList{width: 1000px;height: 286px;} .index .body .indexDownCount .indexDownCountList ul{padding: 0;margin: 0;list-style: none;} .index .body .indexDownCount .indexDownCountList ul li{padding: 0;width: 200px;height:276px;float: left;padding-top: 10px;} .index .body .indexDownCount .indexDownCountList ul li .liImg{height: 160px;width: 100%;} .index .body .indexDownCount .indexDownCountList ul li .liNav{height: 116px;width: 160px;margin: 0 auto;} .index .body .indexDownCount .indexDownCountList ul li .liNav p{color: black} .index .body .indexDownCount .indexDownCountList ul li .liNav .liNavPrice{width: 160px;height: 27px;background: #00a7b1;margin: 10px 0 0 0;line-height: 27px } .index .body .indexDownCount .indexDownCountList ul li .liNav .liNavPrice span{width: 79px;height: 27px;text-align: center;} .liNav .liNavPrice .liNavPriceOriginal{width: 79px;height: 25px;background: white;margin-top: 1px;margin-bottom: 1px;margin-right: 1px} .index .body .indexDownCount .indexDownCountList ul li .liNav .liNavTime{width: 160px;height: 27px;border:1px solid #00a7b1;margin: 8px 0 0 0;line-height: 27px;font-size: 12px;} .index .body .indexDownCount .indexDownCountList ul li .liNav .liNavTime p{color: #999999} .index .body .indexDownCount .indexDownCountList ul li .liNav .liNavTime span{color: #00a7b1} /* -------- 首页 end -----------*/ /* 侧边栏 start */ .sidebarbg{width: 38px;height: 100%;position: fixed;z-index: 1;right: 0;top: 0;} .sidebar{width: 38px;height: 100%;position: relative;z-index: 1;background: #303030;} .sidebar a{display: block;text-decoration: none;font-size: 14px;} .sidebar a.mySelf{background: url(../img/sidebr.png) no-repeat center 20px #303030;width: 20px;height: 50px;padding: 40px 9px 0 9px;position: absolute;right: 0;top: 50%;margin-top: -250px;} .sidebar a.mySelf:hover{background: url(../img/sidebr.png) no-repeat center 20px #252525;} .sidebar a.shopCart{background: url(../img/sidebr.png) no-repeat center -80px #26b7bc;width: 22px;height: 94px;padding: 40px 9px 0 9px;position: absolute;right: 0;top: 50%;margin-top: -160px;} .sidebar a.shopCart:hover{background: url(../img/sidebr.png) no-repeat center -80px #2eb6aa;} .sidebar a.shopCart p{color: #26b7bc;width: 20px;height: 16px;border-radius: 3px;line-height: 16px;font-size: 12px;margin: 0 auto;} .sidebar a.proposal{background: url(../img/sidebr.png) no-repeat center -208px #303030;width: 20px;height: 50px;padding: 40px 9px 0 9px;position: absolute;right: 0;top: 50%;margin-top: -25px;} .sidebar a.proposal:hover{background: url(../img/sidebr.png) no-repeat center -208px #252525;} .sidebar a.salesman{width: 20px;height: 80px;padding: 0 9px;position: absolute;right: 0;top: 50%;margin-top: 75px;cursor: pointer;} .sidebar a.salesman:hover .salesmanImg{display: block;} .sidebar a.salesman>.salesmanImg{display: none;width: 130px;height: 48px;padding: 19px 0;text-align: center;position: absolute;left: -132px;top: 0;background: #fff;border: solid 1px #efefef;color: #000;} .sidebar a.salesman>.salesmanImg>p{line-height: 24px;} .sidebar a.salesman>.salesmanImg>p>img{display: inline-block;margin-bottom: -2px;margin-right: 5px;} .sidebar a.goTop{background: url(../img/goTop.png) no-repeat center center #303030;width: 38px;height: 52px;position: absolute;right: 0;bottom: 0;} .sidebar a.goTop:hover{background: url(../img/goTop.png) no-repeat center center #252525;} .sidebar a.download{width: 20px;position: absolute;right: 0;bottom: 52px;padding: 10px 9px;cursor: pointer;} .sidebar a.download .downloadImg{width: 156px;height: 156px;position: absolute;right: 38px;bottom: 0;background: #FFF;padding: 20px;display: none;} .sidebar a.download:hover{background: #252525;} .sidebar a.download:hover .downloadImg{display: block;} /* 侧边栏 end */ /* 分页不分 公共 start */ .page{height: 28px;padding: 20px;width: 1160px;} .page p{display: inline-block;background: #f6f6f6;height: 26px;line-height: 26px;padding: 0 8px;cursor: pointer;color: #565a5c;_zoom:1;*display:inline;margin-left: 3px;} .page span{display: inline-block;_zoom:1;*display:inline;margin-left: 3px;} .page p.active,.page p:hover{background: #26B7BC;color: #fff;} .page span{color: #565A5C;margin: 0 5px;} .page span input{border: solid 1px #e1e2e1;display: inline-block;height: 26px;line-height: 26px;color: #565a5c;text-indent: 5px;width: 40px;margin: 0 2px;} /* 分页不分 公共 start */ /* 注册 start */ .registerBg{width: 100%;padding-top: 50px;} .registerBgmeban{width: 100%;height: 100%;background: url(../img/mate/black30.png);position: fixed;top: 0;left: 0;z-index: 100;} .registerLeft{float: left;padding-right: 40px;width: 420px;position: relative;} .registerLeft .logo{position: absolute;left: 0;top: 0;width: 420px;padding-top: 50px;} .registerLeft .logo img{display: block;margin: 0 auto;} .registerLeft .text{position: absolute;right: 80px;top: 190px;width: 260px;} .registerLeft .text div{padding: 7px 0;} .buyer{display: block;} .seller{display: none;} .registerRight{float: right;width: 700px;padding: 16px 40px 0 0;} .registerRight_top{width: 100%;height: 50px;padding-bottom:25px;position: relative;} .registerRight_top button{height: 50px;margin-right: 30px;line-height: 50px;} .registerRight_top button.active{background: #26B7BC;} .registerRight_top .triangle{position: absolute;border:solid 15px transparent;border-top: solid 9px #26B7BC;top: 50px;left: 48px;} .registerRight_top .triangle.active{left: 210px;} .registerTitle{width: 95px;float: left;padding: 11px 5px 9px 0;line-height: 40px;} .registerTitle .color-red{margin-right: 10px;} .registerFrom{width: 600px;height: 40px;float: left;padding: 12px 0;line-height: 38px;position: relative;} .registerFrom input{float: left;} .registerFrom input:focus{border: solid 1px #ACCE22;} .registerFrom p{border: solid 1px #ffb6b6;background: #ffe8e8;color: #fc3b3b;padding: 0 10px;margin-left: 5px;float: left;} /*.registerFrom p.red{display: none;border: solid 1px #ffb6b6;background: #ffe8e8;color: #fc3b3b;padding: 0 10px;}*/ .registerFrom input.code{width: 170px;height: 38px;float: left;display: block;} .registerFrom button.code{width: 150px;height: 40px;float: left;display: block;border-radius: 0;} .registerFrom .success{position: absolute;left: 290px;top: 25px;display: none;} .registerFrom #checkbox{position: absolute;left: 0;top: 25px;width: 16px;height: 16px;margin: 0;padding: 0;opacity: 1;z-index: 2;} .registerFrom #checkbox-off{position: absolute;left: 0;top: 25px;} .registerFrom #checkbox-on{display: none;position: absolute;left: 0;top: 23px;} .registerFrom .sub{width: 322px;} /* 注册 end */ /*云采币 start*/ .yuncaibidiv{width: 1000px;height: 330px;position: absolute;top: 50%;left: 50%;margin-left: -490px;margin-top: -350px;z-index: 999;} .yuncaibidiv .closeicon{width: 55px;height: 55px;background: url(../img/close.png) no-repeat;position: absolute;left: 100%;top: -13%;} /*云采币 end*/ /* 合作商家 start */ .business_list{width: 1200px;height: 195px;padding: 20px 0 0 0;} .business_list>ul{width: 1200px;height: 192px;border-bottom: solid 3px transparent;} .business_list>ul:hover{width: 1200px;height: 192px;border-bottom: solid 3px #26B7BC;} .business_list>ul li.shop{width: 334px;position: relative;float: left;margin-right: 2px;height: 192px;} .business_list>ul li.shop .QS{position: absolute;right: 0;top: 10px;height: 22px;line-height: 22px;font-size: 14px;padding: 0 3px 0 10px;border-radius: 11px 0 0 11px;} .business_list>ul li.shop img{display: block;margin: 0 auto;padding: 20px 0 10px 0;width: 70px;height: 70px;} .business_list>ul li.shop .ManJian{padding: 5px 12px;position: relative;} .business_list>ul li.shop .ManJian>span{display: block;font-size: 12px;width: 18px;height: 18px;border-radius: 2px;line-height: 18px;float: left;} .business_list>ul li.shop .ManJian p{display: block;font-size: 14px;line-height: 18px;margin: 0 10px 0 5px;float: left;} .business_list>ul li.shop .ManJian .ManJianDetail{position: absolute;background: #f3f7ff;padding: 10px 20px 20px 20px;top: 30px;left: 100px;box-shadow: 0 0 2px 3px rgba(0,0,0,.02);display: none;z-index: 10;} .business_list>ul li.shop .ManJian .ManJianDetailSJ{position: absolute;top: 14px;left: 118px;border-left: solid 8px transparent;border-top: solid 8px transparent;border-right: solid 8px transparent;border-bottom: solid 8px #f3f7ff;display: none;z-index: 10;} .business_list>ul li.shop .ManJian:hover .ManJianDetail{display: block;} .business_list>ul li.shop .ManJian:hover .ManJianDetailSJ{display: block;} .business_list>ul li.shop .ManJian .ManJianDetail li{padding: 4px 0;height: 18px;} .business_list>ul li.shop .ManJian .ManJianDetail .ManJianText{display: block;line-height: 18px;padding-right: 3px;cursor: pointer;width: 145px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .business_list>ul li.shop .ManJian .ManJianDetail li:hover .ManJianText{text-decoration: underline;} .business_list>ul li.shop .ManJian .ManJianDetail .ManJianCoupons{width: 45px;height: 18px;background: transparent;border: solid 1px #2eb6aa;border-radius: 2px;font-size: 12px;display: block;line-height: 16px;} .business_list>ul li.commodity{width: 640px;padding: 40px 0 0 40px;height: 152px;float: left;} .business_list>ul li.commodity .commodity_list{width: 120px;height:120px;padding: 0 20px;float: left;text-decoration: none;position:relative;} .business_list>ul li.commodity .commodity_list img{display: block;margin: 0 auto;max-width: 120px;max-height: 120px;cursor: pointer;position: absolute;top: 0;transition: .5s;-o-transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;} .business_list>ul li.commodity .commodity_list .price{display: block;position:absolute;bottom: -20px;text-align: center;width:120px;} .business_list>ul li.commodity .commodity_list:hover img{top: -10px;} .business_list>ul li.commodity .commodity_list .quehuo{position:absolute;width: 94px;height: 94px;left: 33px;} .business_list>ul li.commodity .commodity_list .quehuo img{position:absolute;width: 94px;height: 94px;left: 0;} .business_list>ul li.commodity .commodity_list .quehuo span{position:absolute;z-index: 10;width: 94px;height: 94px;line-height: 94px;left: 0;} .business_list>ul li.goShop{height: 162px;width: 150px;float: left;padding: 30px 34px 0 0;} .business_list>ul li.goShop .goShopBg{height: 112px;width: 112px;float: right;padding: 10px;cursor: pointer;} .business_list>ul li.goShop .goShopBg a{text-decoration: none;} .business_list>ul li.goShop .goShopBg .goShoplook{height: 33px;width: 112px;border-bottom: dotted 1px #ddd;padding-top: 23px;transition: .5s;-o-transition: .5s;-moz-transition: .5s;-webkit-transition: .2s;} .business_list>ul li.goShop .goShopBg img{display: block;margin: 10px auto;padding-left: 0;transition: .5s;-o-transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;} .business_list>ul li.goShop .goShopBg:hover .goShoplook{padding-left: 10px;width: 102px;} .business_list>ul li.goShop .goShopBg:hover img{padding-left: 10px;} /* 合作商家 end */ /* 筛选公共部分 start */ .Control{} .Control .tip{height: 46px;line-height: 46px;padding-left: 20px;background: #dee9ff;margin: 4px 0 0 0;} .Control .Result{height: 26px;line-height: 26px;padding: 20px;border-top: solid 4px #f8f8f8;border-bottom: solid 4px #f8f8f8;} .Control .Result>span{margin-right: 5px;} .Control .Result>span img{margin-left: 5px;} .Control .Result .yixuan{border: solid 1px #e5e5e5;padding: 3px 3px 3px 10px;cursor: pointer;position: relative;z-index: 1;} .Control .Result .yixuan>span{background: url(../img/mate/icon-bottom-gray.png) no-repeat right center;display: inline-block;padding-right: 15px;} .Control .Result .yixuan .yixuan-off{width: 580px;position: absolute;left: -1px;top: 25px;border: solid 1px #bbb;z-index: -1;display: none;padding: 10px;line-height: normal;} .Control .Result .yixuan .yixuan-off span{cursor: pointer;padding: 5px 10px;display: inline-block;} .Control .Result .yixuan .yixuan-off span:hover,.Control .Result .yixuan .yixuan-off span.active{color: #26B7BC;} .Control .Result .yixuan:hover{border: solid 1px #bbb;border-bottom: solid 1px white;padding-bottom: 5px;} .Control .Result .yixuan:hover>span{background-image: url(../img/mate/icon-top-gray.png);} .Control .Result .yixuan:hover .yixuan-off{display: block;top: 27px;} .Control .Result .empty{background: #B2B2B2;color: #fff;display: inline-block;height: 26px;padding: 0 5px;cursor: pointer;} .Control .Result .empty:hover{background: #26B7BC;} .Control .classification{width: 1160px;padding: 15px 20px;line-height: 26px;} .Control .classification-dotted{border-bottom: dotted 1px #e5e5e5;} .Control .classification p{display: block;width: 100px;float: left;} .Control .classification ul{display: block;width: 1060px;float: left;} .Control .classification ul li{display: block;padding: 0 12px;float: left;cursor: pointer;} .Control .classification ul li:hover,.Control .classification ul li.active{color: #26B7BC;} .Control .sort{height: 20px;padding: 17px 20px;border-top: solid 20px #f8f8f8;font-size: 14px;line-height: 20px;border-bottom: solid 20px #f8f8f8;} .Control .sort .default{color: #666;margin-right: 30px;float: left;display: block;cursor: pointer;outline:none;} .Control .sort .default.active{color: #2eb6aa;} .Control .sort .volume{color: #666;margin-right: 30px;float: left;display: block;width: 40px;cursor: pointer;outline:none;} .Control .sort .volume.active{color: #2eb6aa;} .Control .sort .volume img{float: right;margin-top: 4px;display: none;} .Control .sort .volume img.show{display: block;} .Control .sort .price{color: #666;margin-right: 30px;float: left;display: block;width: 40px;cursor: pointer;outline:none;} .Control .sort .price.active{color: #2eb6aa;} .Control .sort .price img{float: right;margin-top: 4px;display: none;} .Control .sort .price img.show{display: block;} .Control .sort .check{color: #666;margin-right: 30px;float: left;display: block;cursor: pointer;} .Control .sort .check img{margin-right: 5px;display: none;float: left;margin-top: 2px;} .Control .sort .check img.show{display: block;} .Control .sort .section{height:20px;display: block;float: left;margin-right: 10px;} .Control .sort .section label{position: relative;} .Control .sort .section input{height:18px;border: solid 1px #e5e5e5;line-height: 18px;font-size: 12px;width: 38px;text-indent: 15px;} .Control .sort .section span{color: #cacaca;position: absolute;left: 2px;line-height: 20px;height: 20px;top: 0;} .Control .sort button{height:20px;border: solid 1px #e5e5e5;line-height: 18px;font-size: 14px;color: #666;background: #fff;padding: 0;width: 50px;float: left;} .Control .sort button:hover{background: #26B7BC;color: #fff;} .Control .sortNew{height: 28px;padding: 6px 10px;border-top: solid 20px #f8f8f8;font-size: 14px;line-height: 28px;border-bottom: solid 20px #f8f8f8;} .Control .sortNew .default{color: #666;padding: 0 15px;float: left;display: block;cursor: pointer;outline:none;} .Control .sortNew .default.active{color: #2eb6aa;background: #f8f8f8;} .Control .sortNew .volume{color: #666;padding: 0 15px;float: left;display: block;cursor: pointer;outline:none; width: 40px;} .Control .sortNew .volume.active{color: #2eb6aa;background: #f8f8f8;} .Control .sortNew .volume img{float: right;margin-top: 7px; display: none;} .Control .sortNew .volume img.show{display: block;} .Control .sortNew .price{color: #666;padding: 0 15px;float: left;display: block;width: 40px;cursor: pointer;outline:none;} .Control .sortNew .price.active{color: #2eb6aa;background: #f8f8f8;} .Control .sortNew .price img{float: right;margin-top: 7px;display: none;} .Control .sortNew .price img.show{display: block;} .Control .sortNew .check{color: #666;margin-left: 15px;float: left;display: block;cursor: pointer;} .Control .sortNew .check img{margin-right: 5px;display: none;float: left;margin-top: 6px;} .Control .sortNew .check img.show{display: block;} .Control .sortNew .isOpened{color: #666;margin-left: 15px;float: left;display: block;cursor: pointer;} .Control .sortNew .isOpened img{margin-right: 5px;display: none;float: left;margin-top: 6px;} .Control .sortNew .isOpened img.show{display: block;} .Control .sortNew .isPrecisionControl{color: #666;margin-left: 15px;float: left;display: block;cursor: pointer;} .Control .sortNew .isPrecisionControl img{margin-right: 5px;display: none;float: left;margin-top: 6px;} .Control .sortNew .isPrecisionControl img.show{display: block;} .Control .sortNew .isOrdinaryControl{color: #666;margin-left: 15px;float: left;display: block;cursor: pointer;} .Control .sortNew .isOrdinaryControl img{margin-right: 5px;display: none;float: left;margin-top: 6px;} .Control .sortNew .isOrdinaryControl img.show{display: block;} .Control .sortNew .section{height:20px;display: block;float: left;margin-right: 10px;} .Control .sortNew .section label{position: relative;} .Control .sortNew .section input{height:18px;border: solid 1px #e5e5e5;line-height: 18px;font-size: 12px;width: 38px;text-indent: 15px;} .Control .sortNew .section span{color: #cacaca;position: absolute;left: 2px;line-height: 20px;height: 20px;top: 0;} .Control .sortNew button{height:20px;border: solid 1px #e5e5e5;line-height: 18px;font-size: 14px;color: #666;background: #fff;padding: 0;width: 50px;float: left;} .Control .sortNew button:hover{background: #26B7BC;color: #fff;} .Control .relevant{float: right;} .Control .relevant p{float: left;margin-left: 30px;} .Control .relevant p.relevant_prev{border: solid 1px #e5e5e5;width: 20px;height: 20px;margin: 2px 0 0 10px;cursor: pointer;} .Control .relevant p.relevant_next{border: solid 1px #e5e5e5;width: 20px;height: 20px;margin: 2px 0 0 10px;cursor: pointer;} .Control .relevant p img{margin: 5px 7px;} /* 筛选公共部分 end */ /* 店铺logo、搜索公共模块 start */ .Admin_logo{width: 100%;height: 67px;padding: 35px 0 25px 0;} .Admin_logo .Admin_logo_img{width: 217px; height: 44px;float: left;} .Admin_logo .Admin_xinxi{width: 368px;padding-left: 20px;float: left;} .Admin_logo .Admin_xinxi .title{width: 368px;height: 26px;} .Admin_logo .Admin_xinxi .title span{display: block;padding-right: 10px;width: 400px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .Admin_logo .Admin_xinxi .title img{display: block;} .Admin_logo .Admin_search{width: 550px;float: right;} .Admin_logo .Admin_search input{float: left;width: 396px;height: 32px;border-left: solid 2px #4B5670;border-top: solid 2px #4B5670;border-bottom: solid 2px #4B5670;border-right: 0;} .Admin_logo .Admin_search button{float: left;width: 70px;height: 36px;border: 0; font-size: 14px; border-radius: 0;} .Admin_logo .Admin_search button.Admin_search_all{margin-left: 10px;} .Admin_logo .shopping_cart{margin-left: 146px; width: 138px; height: 34px; border: 1px solid #26B7BC; line-height: 34px; color: #181818; transition: .3s} .Admin_logo .shopping_cart:hover{background: #26B7BC; color: #fff;border-color: #26B7BC;} .Admin_logo .shopping_cart:hover div{color: #fff;} .Admin_logo .Recommend{height: 18px;width: auto;padding-top: 5px;position: absolute;} .Admin_logo .Recommend li{color: #999999;float: left;cursor: pointer;padding: 0 15px;border-right: solid 1px #ebebeb;} .Admin_logo .Recommend li:last-of-type{border-right: 0;} .Admin_logo .Recommend li:hover{color: #2eb6aa;text-decoration: underline;} .Admin_logo .Recommend li a:hover{color: #2eb6aa} /* 店铺logo、搜索公共模块 end */ /*店铺信息*/ .Admin_shop.shop_info{width: 100%; height: 74px; background: #F2F5F9;} .Admin_shop.shop_info .shop_logo{width: 80px; height: 80px; position: absolute; left:0; top: 10px;} .Admin_shop.shop_info .info{margin-left: 92px;} .Admin_shop.shop_info .info .shop_name{font-size: 16px; font-weight: bold; color: #181818; margin-top: 15px;} .Admin_shop.shop_info .info .score{border-radius: 10px; width: 74px; padding-left: 24px; height: 18px; line-height: 18px; background: rgba(0,0,0,.31);margin-top: 7px; position: relative;} .Admin_shop.shop_info .info .score .label{position: absolute; top: 0; left: 0; width: 18px;height: 18px; line-height: 18px; border-radius: 50%; background: #26B7BC;} .Admin_shop.shop_info .contact_fun{margin-top: 22px;} .Admin_shop.shop_info .contact_fun .btn{width: 88px; height: 29px; border: 1px solid #26B7BC; border-radius: 2px; line-height: 29px; text-align: center;} /* 店铺导航 Nav start */ .Admin_nav{height: 38px; background: linear-gradient(124deg, #4B5670 0%, #2E616B 100%);} .Admin_nav ul{height: 38px;line-height: 38px;font-size: 14px;} .Admin_nav ul li{height: 38px;width: 94px;float: left;cursor: pointer;} .Admin_nav .Admin_active{position: absolute; bottom: 2px; height: 3px; width: 20px; background: #fff;} /* 店铺导航 Nav start */ /* 控销专区 start */ .ControlCont_list{width: 228px;height: 305px;float: left;margin-right: 10px;position: relative;padding: 0 0 20px 0;margin-bottom: 10px;cursor: pointer;border: solid 2px transparent;overflow: hidden;} .ControlCont_list .sign{width: 71px;height: 38px;position: absolute;top: -4px;right: -5px;z-index: 5;} .ControlCont_list.hasSign{border: 0;height: 289px;overflow: visible;width: 232px;} .ControlCont_list:hover{border: solid 2px #26B7BC;} .ControlCont_list.hasSign:hover{border: 0;} .ControlCont_list>img{display: block;position: relative;z-index: 1;width: 180px;height: 180px;margin: 10px auto 0 auto;} .ControlCont_list:nth-child(5n){margin-right: 0;} .ControlCont_list .list_text{background: #fff;width: 228px;transition: .3s;position: relative;z-index: 2;} .ControlCont_list .number_remind{border: 1px solid #e5e5e5; color: red; padding: 0 10px;transition: .3s; display: inline-block;position: absolute;background: #fff; left: 10px; bottom: -70px; } .period{width:100%;height: 22px;background: url(../img/70.png);color: white;position: absolute;z-index: 2;left: 0;top: 178px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .period>p{padding-left: 24px;} .ControlCont_list .list_text .h3{width: 190px;padding-left: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .ControlCont_list .list_text .h4{width: 190px;padding-left: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 20px;} .ControlCont_list .list_text .mingcheng{display: block;float: left;overflow:hidden;white-space: nowrap;width: 100%;text-overflow: ellipsis;} .ControlCont_list .list_text .h4 .shopName{width: 110px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .ControlCont_list .list_text .h4 .yimai{width: 80px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .ControlCont_list_gold{width: 228px;float: left;margin-right: 10px;position: relative;padding: 20px 0;cursor: pointer;border: solid 2px transparent;overflow: hidden;} .ControlCont_list_gold:hover{border: solid 2px #26B7BC;} .ControlCont_list_gold img{display: block;margin: 0 auto;position: relative;z-index: 1;} .ControlCont_list_gold:nth-child(5n){margin-right: 0;} .ControlCont_list_gold span{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;padding: 0 20px;} .ControlCont_list .list_text .addShopCar{padding: 5px 10px;height: 30px;width: 212px;display: none;} .ControlCont_list .list_text .addShopCar button{height: 30px;display: block;float: left;} .ControlCont_list .list_text .addShopCar .reduce{width: 23px;margin-right: 2px;background: #fff;font-size: 18px;border: solid 1px #e5e5e5;} .ControlCont_list .list_text .addShopCar .add{width: 23px;margin-right: 2px;background: #fff;font-size: 18px;border: solid 1px #e5e5e5;} .ControlCont_list .list_text .addShopCar .num{height: 28px;width: 46px;border: solid 1px #e5e5e5;font-size: 14px;margin-right: 2px;display: block;float: left;line-height: 28px;font-size: 16px;text-indent: 0;} .ControlCont_list .list_text .addShopCar .shopCar{width: 110px;border: solid 1px #26B7BC;font-size: 14px;color: #2eb6aa;background: url(../img/mate/shopcar.png) 9px center no-repeat #fff;text-indent: 20px;letter-spacing: 0;} .ControlCont_list .list_text .addShopCar .shopCar:hover{border: solid 1px #26B7BC;font-size: 14px;color: #fff;background: url(../img/mate/shopcar-hover.png) 9px center no-repeat #26B7BC;} .ControlCont_list .list_text .stock{display: none;} .ControlCont .ControlCont_list .collection{position: absolute;left: 10px;top: 10px;width: 54px;height: 30px;background: #b2b2b2;border: 0;border-radius: 2px;display: none;font-size: 14px;z-index: 3;} .ControlCont .ControlCont_list .collection:hover{background: #26B7BC;} .mycollection{background: #26B7BC;} .ControlCont .ControlCont_list .OutStock{width: 100px;height: 100px;position: absolute;left: 66px;top: 50px;border-radius: 50%;background: url(../img/mate/blackYuan30.png) no-repeat;line-height: 100px;z-index: 3;} .ControlCont .ControlCont_list .Discount{position: absolute;right: -6px;top: 0;} .ControlCont_list:hover{box-shadow: 0 0 2px 2px rgba(0,0,0,.05);} .ControlCont_list.secondKilldiv1:hover{box-shadow: none;} .ControlCont .ControlCont_list:hover .list_text{margin-top: -35px;} .ControlCont .ControlCont_list:hover .list_text.mylist{margin-top:0;} .ControlCont .ControlCont_list:hover .list_text .addShopCar{display: block;} .ControlCont .ControlCont_list:hover .list_text .stock{display: block;} .ControlCont .ControlCont_list:hover .list_text.mylist .stock{display: none;} .ControlCont .ControlCont_list:hover .list_text .sold{display: none;} .ControlCont .ControlCont_list:hover .collection{display: block;} .ControlCont{position: relative} .secondKilldiv1 .secondKill{width: 71px;height: 38px;position: absolute;top: -4px;right:-5px;z-index:5 } .secondKilldiv1 .secondKill img{width: 100%;height: 100%;} /* 控销专区 end */ /* 控销专区-商品详情 start*/ .ControlDetail .route{height: 44px;line-height: 44px;font-size: 14px;color: #666;} .ControlDetail .businessCont{} .ControlDetail .businessCont .imgLeft{width: 967px;float: left;} .ControlDetail .businessCont .imglist{width: 375px;height: 100px;padding-top: 10px;} .ControlDetail .businessCont .imglist_left,.ControlDetail .businessCont .imglist_right{width: 22px;float: left;height: 100px;position: relative;cursor: pointer;} .ControlDetail .businessCont .imglist_left,.ControlDetail .businessCont .imglist_right{width: 22px;float: left;height: 100px;position: relative;cursor: pointer;} .ControlDetail .businessCont .imglist_left:hover,.ControlDetail .businessCont .imglist_right:hover{background: #f5f5f5;} .ControlDetail .businessCont .imglist_left>img,.ControlDetail .businessCont .imglist_right>img{position: absolute;left: 5px;top: 44px;width: 12px;height: 22px;} .ControlDetail .businessCont .imglist_img{height: 100px;float: left;width: 330px;overflow: hidden;position: relative;} /*主容器*/ .con-FangDa{width: 375px;height: 530px;background-color:#fff;padding: 23px 23px 0 22px;float: left;} /*正常容器*/ .con-fangDaIMg{width: 375px;height: 375px;position: relative;z-index: 2;line-height: 375px;} .con-fangDaIMg > img{max-width: 100%;max-height: 100%;vertical-align: middle;} /*滑块*/ .magnifyingBegin{width: 150px;height: 150px;left: 0;top: 0;background-color: #454545;opacity: 0.5;filter:alpha(opacity=50);position: absolute;cursor: move;display: none;} /*放大镜显示区域*/ .magnifyingShow{width: 375px;height: 375px;display: none;position: absolute;right: -390px;top: 0;overflow: hidden;z-index: 10;} .magnifyingShow > img{/*width: 800px;height: 800px;*/margin-left:0;margin-top: 0;display: block;} /*设置选择图片容器*/ .con-FangDa-ImgList{height:100px;width:auto;list-style: none;position: absolute;left: 0;top: 0;} .con-FangDa-ImgList > li{margin: 0 5px;width: 96px;height: 96px;float: left;cursor: pointer;border: 2px solid #fff;background-color: #fff;text-align:center;overflow: hidden;} .con-FangDa-ImgList > li > img{vertical-align:top;display:inline;width:auto;height:96px;} .con-FangDa-ImgList > .active{border-color:#26B7BC;} .fangda-bottom{width: 375px;margin: 0 auto;padding-top: 10px;color: #808080;} .fangda-bottom .share{float: left;width: 60px;cursor: pointer;} .fangda-bottom .Collection{width: 165px;cursor: pointer;} .fangda-bottom .error{width: 165px;cursor: pointer;} .fangda-bottom img{display: none;margin: 0 2px -1px 0;} .fangda-bottom img.show{display: inline;} div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;} div.zoomMask{position:absolute;background:url(../img/mate/white30.png) repeat scroll 0 0 transparent;cursor:move;z-index: 3;} .ControlDetail .businessCont .detailText{width: 530px;float: left;padding: 30px 0 0 0;} .ControlDetail .businessCont .detailText>.title{position: relative;} .ControlDetail .businessCont .detailText>.title .kong{cursor: pointer;} .ControlDetail .businessCont .detailText>.title .kong .kongDetail{position: absolute;left: -10px;top: 26px;display: none;width: 130px;box-shadow: 0 0 2px 2px rgba(0,0,0,.05);padding: 10px;} .ControlDetail .businessCont .detailText>.title .kong .kongDetail:after{position: absolute;left: 15px;top: -12px;content: '';border-top: solid 6px transparent;border-left: solid 6px transparent;border-right: solid 6px transparent;border-bottom: solid 6px #fff;text-align: left;} .ControlDetail .businessCont .detailText>.title .kong:hover .kongDetail{display: block;} /*.ControlDetail .businessCont .detailText>.title .b{}*/ .ControlDetail .businessCont .detailText .downCount,.downCountIntend,.downCountStart,.downCountEnd{height: 48px;width: 100%;margin-top: 10px;} .ControlDetail .businessCont .detailText .downCount .downCountimg,.downCountIntendimg,.downCountStartimg,.downCountEndtimg{width: 144px;height: 100%;line-height: 60px;text-align: right;float: left} .ControlDetail .businessCont .detailText .downCount .downCountnav,.downCountIntendnav,.downCountStartnav,.downCountEndnav{width: 375px;height: 100%;line-height: 48px;float: right} .ControlDetail .businessCont .detailText .downCount .downCountnav,.downCountIntendnav,.downCountStartnav,.downCountEndnav p{font-size: 12px;color: white} .ControlDetail .businessCont .detailText .downCount .downCountnav p span,.downCountIntendnav p span{color: #ffe2c5} .ControlDetail .businessCont .detailText .detailText_list{width: 100%;padding: 5px 0;} .ControlDetail .businessCont .detailText .detailText_list .title{float: left;width: 132px;letter-spacing: 3px;} .ControlDetail .businessCont .detailText .detailText_list .title.buy-num{width: 90px;} .ControlDetail .businessCont .detailText .detailText_list .caogoujia{float: left;} .ControlDetail .businessCont .detailText .detailText_list .caogoujia span{font-size: 30px;} .ControlDetail .businessCont .detailText .detailText_list .caogoujia a{font-size: 14px;} .ControlDetail .businessCont .detailText .detailText_list .kongxiaojia{float: left;} .ControlDetail .businessCont .detailText .detailText_list .kongxiaojia>span{display: block;float: left;} .ControlDetail .businessCont .detailText .detailText_list .kongxiaojia .folding-explain{position: absolute;border: 1px solid #DDDDDD; box-shadow: 0 0 5px 1px #dddddd;padding: 20px 20px 15px;width: 368px;font-size: 14px;background: #fff;bottom: 32px;z-index: 99; right: -57px;zoom: 1;display: none;} .ControlDetail .businessCont .detailText .detailText_list .kongxiaojia.folding:hover .folding-explain{display: block;} .ControlDetail .businessCont .detailText .detailText_list .kongxiaojia .jiantou{display: none;position: absolute;bottom: 21px;z-index: 100;right: 0;} .ControlDetail .businessCont .detailText .detailText_list .kongxiaojia.folding:hover .jiantou{display: block;} .ControlDetail .businessCont .detailText .detailText_list .kongxiaojia .folding-explain .head{color: #333;padding-bottom: 12px;border-bottom: 1px solid #DDDDDD;} .ControlDetail .businessCont .detailText .detailText_list .kongxiaojia .folding-explain .content{border-bottom: 1px solid #ddd;} .ControlDetail .businessCont .detailText .detailText_list .kongxiaojia .folding-explain .content .detaile{margin-bottom: 8px;} .ControlDetail .businessCont .detailText .detailText_list .kongxiaojia .folding-explain .content .left{color: #333;} .ControlDetail .businessCont .detailText .detailText_list .kongxiaojia .folding-explain .content .right{color: #666;} .ControlDetail .businessCont .detailText .detailText_list .kongxiaojia .folding-explain .after-folding-price{color: #FC3B3B;margin-top: 8px;} .ControlDetail .businessCont .detailText .detailText_list .kongxiaojia>span .after-folding{vertical-align: top;cursor: pointer; padding-top: 2px;} .ControlDetail .businessCont .detailText .detailText_list .kongxiaojia .kongxiaoText{position:relative;border: solid 1px #2eb6aa;width: 14px;height: 14px;line-height: 14px;text-align: center;border-radius: 2px;font-weight: 100;margin-left: 10px;margin-top: 3px;cursor: pointer;} .ControlDetail .businessCont .detailText .detailText_list .kongxiaojia .kongxiaoDetail{position:absolute;display: none;width: 130px;box-shadow: 0 0 2px 2px rgba(0,0,0,.05);padding: 10px;left: -10px;top: 26px;text-align: left;} .ControlDetail .businessCont .detailText .detailText_list .kongxiaojia .kongxiaoDetail:after{position: absolute;left: 15px;top: -12px;content: '';border-top: solid 6px transparent;border-left: solid 6px transparent;border-right: solid 6px transparent;border-bottom: solid 6px #fff;} .ControlDetail .businessCont .detailText .detailText_list .kongxiaojia .kongxiaoText:hover .kongxiaoDetail{display: block;} .ControlDetail .businessCont .detailText .detailText_list .youhuiquan{display: block;float: left;width: 418px;} .ControlDetail .businessCont .detailText .detailText_list .youhuiquan>span{display: block;float: left;height: 20px;line-height: 20px;background: #FFF;color: #2eb6aa; margin-right: 20px;margin-bottom: 10px;} .ControlDetail .businessCont .detailText .detailText_list .youhuiquan>a{float: left;height: 20px;line-height: 20px; margin-right: 10px;margin-bottom: 10px;} .ControlDetail .businessCont .detailText .detailText_list .youhuiquan>a:hover{text-decoration: underline;} .ControlDetail .businessCont .detailText .detailText_list .youhuiquan>span>p{display: block;float: left;height: 20px;} .ControlDetail .businessCont .detailText .detailText_list .youhuiquan>span>p.cont{display: block;float: left;height: 18px;line-height: 18px;border-top: solid 1px #2eb6aa;border-bottom: solid 1px #2eb6aa;padding: 0 2px;} .ControlDetail .businessCont .detailText .detailText_list .detailText_num>input{display: block;float: left;width: 46px;height:28px;border: solid 1px #e5e5e5;line-height: 28px;text-align: center;margin-right: 2px;text-indent: 0;} .ControlDetail .businessCont .detailText .detailText_list .detailText_num>.mydiv{display: block;float: left;height: 28px;border: solid 1px #e5e5e5;width: 26px;background: #fff;margin-right: 2px;text-align: center} .ControlDetail .businessCont .detailText .detailText_list .detailText_num>.kucun{display: block;float: left;line-height: 30px;padding-left: 20px;} .ControlDetail .businessCont .detailText .detailText_list .addShopCar{height: 38px;width: 130px;border: 0;font-size: 14px;border-radius: 3px;font-weight: bold} .ControlDetail .businessCont .detailText .detailText_list .addShopCar.background-lightblue:hover{background: #00a7b1;} .secondKilldiv{height: 51px;width: 232px;background: #26b7bc;position: absolute;bottom: 0;left: 0;} .secondKilldiv.end{background: #b2b2b2;} .secondKilldiv .div5 .secondKilldivleft{width: 165px;height: 44px;background: #ffffff; border-width: 1px;margin-left: 1px;margin-top: 1px;color: black;padding-left: 8px;padding-top: 3px;font-size: 12px} .secondKilldiv .div5 .secondKilldivleft .a span{display: inline-block;width: 20px;height: 19px;border-radius: 2px;background: #515151;color: white;text-align: center;font-size: 12px;line-height: 19px} .secondKilldiv .div5 .secondKilldivright{width: 45px;height: 35px;font-size: 16px;color: white;line-height:20px;padding-top: 5px;margin-left: 6px;text-align: center;} .collectList{height: 51px;width: 232px;background: #26B7BC;position: absolute;bottom: 0;left: 0;} .collectList.end{background: #b2b2b2;} .collectList .div5 .collectListLeft{width: 165px;height: 44px;background: #ffffff; border-width: 1px;margin-left: 1px;margin-top: 1px;color: black;padding-left: 8px;padding-top: 3px;font-size: 12px} .collectList .div5 .collectListLeft .a span{display: inline-block;width: 20px;height: 19px;border-radius: 2px;background: #515151;color: white;text-align: center;font-size: 12px;line-height: 19px} .collectList .div5 .collectListRight{width: 45px;height: 35px;font-size: 16px;color: white;line-height:20px;padding-top: 5px;margin-left: 6px;text-align: center;} .ControlCont_list .collectTitle{background: #26B7BC;} .groupList{height: 51px;width: 232px;background: #26b7bc;position: absolute;bottom: 0;left: 0;} .groupList.end{background: #b2b2b2;} .groupList .div5 .secondKilldivleft{width: 165px;height: 44px;background: #ffffff; border-width: 1px;margin-left: 1px;margin-top: 1px;color: black;padding-left: 8px;padding-top: 3px;font-size: 12px} .groupList .div5 .secondKilldivleft .a span{display: inline-block;width: 20px;height: 19px;border-radius: 2px;background: #515151;color: white;text-align: center;font-size: 12px;line-height: 19px} .groupList .div5 .secondKilldivright{width: 45px;height: 35px;font-size: 16px;color: white;line-height:20px;padding-top: 5px;margin-left: 6px;text-align: center;} .ControlDetail .businessCont .businessRight{height: 505px;width: 190px;padding: 40px 20px 0 20px;float: right;border-left: solid 3px #f8f8f8;} .ControlDetail .businessCont .businessRight>img{display: block;width: 70px;height: 70px;margin: 0 auto;} .ControlDetail .businessCont .businessRight .title{display: block;height: 34px;line-height: 34px;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .ControlDetail .businessCont .businessRight .titleFu{display: block;height: 28px;line-height: 28px;padding-left: 15px;} .ControlDetail .businessCont .businessRight .titleFu>img{display: block;float: left;margin-top: 5px;margin-right: 4px;} .ControlDetail .businessCont .businessRight .score{height: auto;padding: 10px 0 15px 0;line-height: 18px;text-align: center;font-size: 14px;margin-bottom: 35px} .ControlDetail .businessCont .businessRight .score .freeShipping{height: 33px;border-top: dotted 1px #ebebeb;border-bottom: dotted 1px #ebebeb;line-height: 33px;font-size: 14px;font-weight: bold;color: #00a7b1} .ControlDetail .businessCont .businessRight .score .scoreLeft{height: 30px;border-right: solid 1px #ebebeb;width: 94px;float: left;margin-top: 8px} .ControlDetail .businessCont .businessRight .score .scoreLeft span{display: block;} .ControlDetail .businessCont .businessRight .score .scoreRight{height: 30px;width: 95px;text-align: center;float: left;margin-top: 8px} .ControlDetail .businessCont .businessRight .score .scoreRight span{display: block;} .ControlDetail .businessCont .businessRight .score span img{margin-left: 2px;} .ControlDetail .businessCont .businessRight .goBusBtn button{height: 32px;border: solid 1px #26B7BC;font-size: 14px;width: 90px;color: #26B7BC;} .ControlDetail .detailed{border-top: solid 20px #f8f8f8;} .ControlDetail .detailed .detailedNav{height: 44px;font-size: 16px;border-bottom: solid 1px #ebebeb;} .ControlDetail .detailed .detailedNav li{float: left;padding: 0 20px;line-height: 40px;border-top: solid 3px transparent;color: #999;border-bottom: solid 1px transparent;border-right: solid 1px #ebebeb;cursor: pointer;background: #fff;} .ControlDetail .detailed .detailedNav li.active{line-height: 40px;border-top: solid 3px #26B7BC;color: #26B7BC;border-bottom: solid 2px #fff;} .ControlDetail .detailed .detailedNav li:last-child{border-right: 0;} .ControlDetail .detailed .detailedNav li.active{border-right: solid 1px #ebebeb;} .ControlDetail .detailed .detailedCont{padding: 25px 20px;border-bottom: 20px solid #f8f8f8;display: none;} .ControlDetail .detailed .detailedCont.show{display: block;} .ControlDetail .detailed .detailedCont img{width: 100%;} .ControlDetail .detailed .detailedCont .detailedBig{width: 1160px;font-size: 14px;color: #666;} .ControlDetail .detailed .detailedCont .detailedBig>li{padding: 10px 0;position: relative;} .ControlDetail .detailed .detailedCont .detailedBig>li:nth-of-type(odd){background: #fafafa;} .ControlDetail .detailed .detailedCont .detailedBig>li .title{width: 140px;float: left;} .ControlDetail .detailed .detailedCont .detailedBig>li .cont{float: left;width: 1000px;} .ControlDetail .detailed .detailedCont .detailedBig>li .futitle{position: absolute;left: 50%;} /* 控销专区-商品详情 end*/ /* 领券专题页start */ .CoupinSpecial{margin-bottom: 60px;} .CoupinSpecial .head{height: 46px;padding-left: 20px;position: relative;} .CoupinSpecial .head span{height: 43px;display: block;line-height: 46px;width: 73px;text-align: center;border-bottom: solid 3px #26B7BC;} .CoupinSpecial .head button{position: absolute;top: 10px;right: 20px;width: 103px;height: 26px;background: #fff;color: #26B7BC;border: solid 1px #26B7BC;border-radius: 8px;font-size: 14px;} .CoupinSpecial .head button:hover{background: #26B7BC;color: #fff;} .CoupinSpecial .CoupinSpecial_list{margin-top: 20px;padding: 0 20px;} .CoupinSpecial .CoupinSpecial_list>.top{height: 80px;border-bottom: solid 1px #ebebeb;} .CoupinSpecial .CoupinSpecial_list>.top img{display: block;float: left;margin-top: 20px;margin-right: 10px;} .CoupinSpecial .CoupinSpecial_list>.top span{float: left;line-height: 80px;} .CoupinSpecial .CoupinSpecial_list>.top a{float: right;display: block;line-height: 80px;color: #999;} .CoupinSpecial .CoupinSpecial_list .cont{padding-top: 10px;} .CoupinSpecial .CoupinSpecial_list .cont .list{width: 280px;margin-right: 13px;position: relative;} .CoupinSpecial .CoupinSpecial_list .cont .list .listType{position: absolute;right: 14px;top: 0;width: 36px;height: 90px ;font-size: 14px;font-weight: bold;text-align: center;line-height: 18px;z-index: 10;cursor: pointer;} .CoupinSpecial .CoupinSpecial_list .cont .list .listType>span{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} .CoupinSpecial .CoupinSpecial_list .cont .list .cont{position: absolute;left: 0;top: 0;width: 280px;font-size: 12px;padding: 0;} .CoupinSpecial .CoupinSpecial_list .cont .list .cont .priceNum{height: 40px;color: #fff;padding: 20px 0 0 14px;} .CoupinSpecial .CoupinSpecial_list .cont .list .cont .priceNum .num{font-size: 38px;height: 33px;padding-top: 7px;} .CoupinSpecial .CoupinSpecial_list .cont .list .cont .priceNum .num>span{font-size: 12px;} .CoupinSpecial .CoupinSpecial_list .cont .list .cont .priceNum .full{height: 36px;padding: 4px 0 0 5px;} .CoupinSpecial .CoupinSpecial_list .cont .list .cont .priceNum .full>p{background: #fff;width: 30px;height: 14px;line-height: 14px;border-radius: 3px;text-align: center;} .CoupinSpecial .CoupinSpecial_list .cont .list .cont .priceFull{height: 36px;color: #fff;padding-left: 14px;line-height: 26px;} .CoupinSpecial .CoupinSpecial_list .cont .list .cont .time{height: 36px;line-height: 40px;padding-left: 10px;} .CoupinSpecial .CoupinSpecial_list .cont .contItem{height: 121px;float: left;position: relative;width: 269px;margin: 0 11px 0 10px;} .CoupinSpecial .CoupinSpecial_list .cont .contItem>img{position: absolute;left: 0;top: 0;z-index: 1;} .CoupinSpecial .CoupinSpecial_list .cont .contItem.yi .top{width: 269px;height: 70px;position: absolute;z-index: 2;left: 0;top: 0;} .CoupinSpecial .CoupinSpecial_list .cont .contItem.yi .top .fuhao{position: absolute;left: 15px;color: #2eb6aa;font-size: 26px;top: 42px;} .CoupinSpecial .CoupinSpecial_list .cont .contItem.yi .top .price{width: 105px;color: #2eb6aa;font-size: 60px;height: 60px;padding-top: 10px;line-height: 60px;padding-left: 35px;text-align: center;} .CoupinSpecial .CoupinSpecial_list .cont .contItem.yi .top .top_right{width: 129px;} .CoupinSpecial .CoupinSpecial_list .cont .contItem.yi .top .top_right .top_right_big{width: 129px;font-size: 30px;color: #2eb6aa;display: block;height: 45px;line-height: 60px;} .CoupinSpecial .CoupinSpecial_list .cont .contItem.yi .top .top_right .top_right_small{width: 129px;font-size: 14px;color: #2eb6aa;display: block;height: 25px;line-height: 25px;} .CoupinSpecial .CoupinSpecial_list .cont .contItem.yi .bottom{width: 269px;height: 50px;position: absolute;z-index: 2;left: 0;bottom: 0;} .CoupinSpecial .CoupinSpecial_list .cont .contItem.yi .bottom button{height: 22px;width: 120px;margin: 0 auto;display: block;background: #2eb6aa;border: 0;border-radius: 5px;color: #fff;font-size: 14px;} .CoupinSpecial .CoupinSpecial_list .cont .contItem.yi .bottom .time{text-align: center;color: #999;font-size: 12px;width: 100%;display: block;} .CoupinSpecial .CoupinSpecial_list .cont .contItem.wei .top{width: 269px;height: 70px;position: absolute;z-index: 2;left: 0;top: 0;} .CoupinSpecial .CoupinSpecial_list .cont .contItem.wei .top .fuhao{position: absolute;left: 15px;color: #fff;font-size: 26px;top: 42px;} .CoupinSpecial .CoupinSpecial_list .cont .contItem.wei .top .price{width: 105px;color: #fff;font-size: 60px;height: 60px;padding-top: 10px;line-height: 60px;padding-left: 35px;text-align: center;} .CoupinSpecial .CoupinSpecial_list .cont .contItem.wei .top .top_right{width: 129px;} .CoupinSpecial .CoupinSpecial_list .cont .contItem.wei .top .top_right .top_right_big{width: 129px;font-size: 30px;color: #fff;display: block;height: 45px;line-height: 60px;} .CoupinSpecial .CoupinSpecial_list .cont .contItem.wei .top .top_right .top_right_small{width: 129px;font-size: 14px;color: #fff;display: block;height: 25px;line-height: 25px;} .CoupinSpecial .CoupinSpecial_list .cont .contItem.wei .bottom{width: 269px;height: 50px;position: absolute;z-index: 2;left: 0;bottom: 0;} .CoupinSpecial .CoupinSpecial_list .cont .contItem.wei .bottom button{height: 22px;width: 120px;margin: 0 auto;display: block;background: #fff;border: 0;border-radius: 5px;color: #333;font-size: 14px;} .CoupinSpecial .CoupinSpecial_list .cont .contItem.wei .bottom .time{text-align: center;color: #fff;font-size: 12px;width: 100%;display: block;} /* 领券专题页end */ /* 店铺优惠 start */ .StoreDdiscount_cont{padding-top: 20px;} .StoreDdiscount_cont .cont{padding: 10px 15px 15px 20px;min-height: 500px;} .StoreDdiscount_cont .cont .ifNull{width: 100%;font-size: 14px;color: #b2b2b2;} .StoreDdiscount_cont .cont .contItem{margin: 15px 12px 0;height: 121px;float: left;position: relative;width: 269px;} .StoreDdiscount_cont .cont .contItem>img{position: absolute;left: 0;top: 0;z-index: 1;} .StoreDdiscount_cont .cont .contItem .top{width: 269px;height: 70px;position: absolute;z-index: 2;left: 0;top: 0;} .StoreDdiscount_cont .cont .contItem .top .fuhao{position: absolute;left: 15px;color: #fff;font-size: 26px;top: 42px;} .StoreDdiscount_cont .cont .contItem .top .price{width: 105px;color: #fff;font-size: 60px;height: 60px;padding-top: 10px;line-height: 60px;padding-left: 35px;text-align: center;} .StoreDdiscount_cont .cont .contItem .top .top_right{width: 129px;} .StoreDdiscount_cont .cont .contItem .top .top_right .top_right_big{width: 129px;font-size: 30px;color: #fff;display: block;height: 45px;line-height: 60px;} .StoreDdiscount_cont .cont .contItem .top .top_right .top_right_small{width: 129px;font-size: 14px;color: #fff;display: block;height: 25px;line-height: 25px;} .StoreDdiscount_cont .cont .contItem .bottom{width: 269px;height: 50px;position: absolute;z-index: 2;left: 0;bottom: 0;} .StoreDdiscount_cont .cont .contItem .bottom button{height: 22px;width: 120px;margin: 0 auto;display: block;background: #fff;border: 0;border-radius: 5px;font-size: 14px;} .StoreDdiscount_cont .cont .contItem .bottom .time{text-align: center;color: #fff;font-size: 12px;width: 100%;display: block;} /* 店铺优惠 end */ /* 店铺信息 start */ .StoreInformation_list{padding: 11px 20px 20px 20px;} .StoreInformation_list .title{height: 31px;font-size: 16px;border-bottom: solid 1px #e2e4e8;margin-bottom: 10px;} .StoreInformation_list .cont{line-height: 24px;} .StoreInformation_list p{line-height: 24px;} .StoreInformation_list .aptitude{height: 24px; line-height: 24px; padding: 0 10px; border: 1px solid #E2E4E8; background: #F9FAFB;} /* 店铺信息 end */ /* 商家首页 start */ .businessIndex_one{padding: 20px;} .businessIndex_one .business_banner{width:580px; height: 232px; overflow: hidden;} .businessIndex_one .business_banner a{display: block; width: 100%; height: 100%;} .businessIndex_one .business_banner .barnarNav{position: absolute; bottom: 20px; left: 50%;z-index: 5;} .businessIndex_one .business_banner .barnarNav li{width: 8px; height: 8px;margin-right: 20px;border-radius: 50%;cursor: pointer;} .businessIndex_title{padding: 20px 20px 0 20px;height: 20px;font-size: 14px;} .businessIndex_title img{float: left;margin: 4px 5px 0 0;} .businessIndex_title a{font-size: 14px;float: right;} .businessIndex_oneLeft{width: 578px;float: left;height: 231px;border: 1px solid #E2E4E8; border-right: 0;} .businessIndex_oneLeft .businessIndex_title{padding-left: 10px;} .businessIndex_oneLeft .cont{font-size: 14px;height: 135px;line-height: 22px;padding: 0 10px 0 30px;margin-top:5px;overflow-y: auto;width: 540px;} .businessIndex_oneLeft .ifNull{width: 590px;padding-top: 30px;font-size: 14px;color: #b2b2b2;height: 105px;} .businessIndex_oneRight{width: 578px;float: right;height: 231px;border: 1px solid #E2E4E8; border-left: 0;} .businessIndex_oneRight .notice{padding-left:20px; height: 39px; line-height: 39px;} .businessIndex_oneRight .notice img{vertical-align: middle; margin-bottom: 3px; margin-right: 4px;} .businessIndex_oneRight .notice_content{width: 539px; margin-left: 20px; height: 178px; overflow-y: auto;} .businessIndex_oneRight .notice_content>div{line-height: 21px;} .businessIndex_oneRight .notice_content::-webkit-scrollbar{width: 4px;} .businessIndex_oneRight .notice_content::-webkit-scrollbar-thumb{width: 3px; border-radius: 2px;background: #DEDEDE;} .businessIndex_oneRight .cont{width: 550px;padding: 20px;} .businessIndex_oneRight .cont li{float: left;width: 130px;height: 120px;cursor: pointer;overflow: hidden;margin-left: 10px;position: relative;} .businessIndex_oneRight .cont li:first-child{margin-left: 0;} .businessIndex_oneRight .cont li .contList{width: 130px;background: #fcfcfc;font-size: 16px;color: #666;padding-top: 20px;line-height: 32px;position: absolute;left: 0;top: 0;transition: .8s;} .businessIndex_oneRight .cont li .contList img{display: block;height: 44px;margin: 0 auto;} .businessIndex_oneRight .cont li .contList>p{height: 46px;padding-top: 10px;} .businessIndex_oneRight .cont li .contList .listHover{padding: 10px 15px 0 15px;text-align: left;background: #fcfcfc;width: 100px;height: 110px;} .businessIndex_oneRight .cont li:hover .contList{top: -120px;} .businessIndex.couponIndex{padding: 20px; margin-top: 20px;} .businessIndex.couponIndex .coupon_img{width: 254px; height: 120px;} .businessIndex.couponIndex li{background:url(../img/shop/coupon_bg.png) repeat scroll 0 0 transparent;width: 267px; padding-left: 15px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s;-o-transition: all .3s; transition: all .3s;height: 120px;} .businessIndex.couponIndex li:hover{transform: translateY(-4px);} .businessIndex.couponIndex .all_coupon_content{width: 886px;} .businessIndex.couponIndex .all_coupon_content .coupon_list{width: 886px;overflow-x: hidden; overflow-y: visible;} .businessIndex.couponIndex .all_coupon_content .coupon_category{position: absolute; right: 5px; top: 1px; line-height: 15px;} .businessIndex.couponIndex .all_coupon_content .discount{font-size: 20px;margin-top: 13px;} .businessIndex.couponIndex .all_coupon_content .coupon_bottom{position: absolute; bottom: 2px; left: 0; width: 257px; margin: 0 auto 0 15px; height: 31px; line-height: 31px;} .businessIndex.couponIndex .all_coupon_content .coupon_bottom .shop_name{width: 175px; margin-top: 8px; text-overflow: ellipsis; white-space: normal; word-break: break-all; color: #FF2B48;} .businessIndex.couponIndex .all_coupon_content .coupon_bottom .btn{width: 74px; height: 24px; line-height: 24px; margin-top: 6px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #FF2B48;} .businessIndex.couponIndex .all_coupon_content .prve{width: 30px; height: 30px; position: absolute;z-index: 5; left: -15px; top: 45px;} .businessIndex.couponIndex .all_coupon_content .next{width: 30px; height: 30px; position: absolute;z-index: 5; right: -15px; top: 45px;} .businessIndex .floorNav{margin: 23px 0 12px 0;} .businessIndex.promotionType li{width: 200px; height: 106px;display: table;} .businessIndex.promotionType li a{display: table-cell; width: 200px; height: 106px; vertical-align: middle; transition: .3s all;} .businessIndex.promotionType li a:hover{-webkit-box-shadow: 0px 2px 8px 1px rgba(0,0,0,.05); -moz-box-shadow: 0px 2px 8px 1px rgba(0,0,0,.05); box-shadow: 0px 2px 8px 1px rgba(0,0,0,.05);} .businessIndex.promotionType li a img{position: absolute;left: 30px; top: 30px;z-index: 5;} .businessIndex.promotionType li a .type_name{width: 115px; color: #585858; padding-left: 85px;} .businessIndex_two{padding: 20px 0 0 0;} .businessIndex_two ul{padding: 5px 12px 20px 12px;} .businessIndex_two ul li{margin: 15px 12px 0;height: 121px;float: left;position: relative;width: 269px;} .businessIndex_two ul li>img{position: absolute;left: 0;top: 0;z-index: 1;} .businessIndex_two ul li .top{width: 269px;height: 70px;position: absolute;z-index: 2;left: 0;top: 0;} .businessIndex_two ul li .top .fuhao{position: absolute;left: 15px;color: #fff;font-size: 26px;top: 42px;} .businessIndex_two ul li .top .price{width: 105px;color: #fff;font-size: 60px;height: 60px;padding-top: 10px;line-height: 60px;padding-left: 35px;text-align: center;} .businessIndex_two ul li .top .top_right{width: 129px;} .businessIndex_two ul li .top .top_right .top_right_big{width: 129px;font-size: 30px;color: #fff;display: block;height: 45px;line-height: 60px;} .businessIndex_two ul li .top .top_right .top_right_small{width: 129px;font-size: 14px;color: #fff;display: block;height: 25px;line-height: 25px;} .businessIndex_two ul li .bottom{width: 269px;height: 50px;position: absolute;z-index: 2;left: 0;bottom: 0;} .businessIndex_two ul li .bottom button{height: 22px;width: 120px;margin: 0 auto;display: block;background: #fff;border: 0;border-radius: 5px;color: #26B7BC;font-size: 14px;} .businessIndex_two ul li .bottom .time{text-align: center;color: #fff;font-size: 12px;width: 100%;display: block;} .businessIndex_two .ifNull{width: 958px;padding-top: 40px;font-size: 14px;color: #b2b2b2;height: 96px;} .businessIndex_cont{width: 100%;padding-top: 20px;} .businessIndex_listNav{width: 232px;float: left;overflow-y: auto;} .businessIndex_listNav .top{background: #ececec;font-size: 18px;height: 45px;line-height: 45px;} .businessIndex_listNav li{margin: 0 11px;border-bottom: solid 2px #f8f8f8;height: 50px;line-height: 50px;color: #333;font-size: 16px;cursor: pointer;} .businessIndex_listNav li:last-child{border: 0;} .businessIndex_listNav li.active{color: #2eb6aa;} .businessIndex_Items{width: 1200px;} .businessIndex_Items .item{width: 232px;float: left;margin-left: 10px;position: relative;height: 290px;padding: 0 0 20px 0;margin-bottom: 10px;cursor: pointer;background: #fff;} .businessIndex_Items .item .number_remind{border: 1px solid #e5e5e5; color: red; padding: 0 10px;transition: .3s; display: none;position: absolute;background: #fff; left: 10px; bottom: 40px;} .businessIndex_Items .item.secondKilldiv1{margin-top: 0;} .businessIndex_Items .item.secondKilldiv1 .secondKill{width: 71px;height: 38px;position: absolute;top: -4px;right: -5px;z-index: 5;} .businessIndex_Items .item>img{display: block;margin: 10px auto 0 auto;position: relative;z-index: 1;width: 180px;height: 180px;} .businessIndex_Items .item .list_text{background: #fff;width: 232px;transition: .3s;position: relative;z-index: 2;} .businessIndex_Items .item .list_text .h3,.businessIndex_Items .list_text .h4{padding-left: 20px; line-height: 20px;} .businessIndex_Items .item .list_text .mingcheng{display: block;float: left;width: 190px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .businessIndex_Items .item .list_text .changjia{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 190px;} .businessIndex_Items .item .list_text .coupon{line-height: 14px;display: inline-block;margin-bottom: -4px;} .businessIndex_Items .item .list_text .coupon>span{line-height: 16px;height: 16px;padding: 0 4px;font-size: 12px;border-top: solid 1px #26b7bc;border-bottom: solid 1px #26b7bc;display: block;float: left;} .businessIndex_Items .item .list_text .coupon>img{height: 18px;float: left;display: block;} .businessIndex_Items .item.hasSign{margin-top: 0;} .businessIndex_Items .item.hasSign .sign{width: 71px;height: 38px;position: absolute;top: -4px;right: -5px;z-index: 5;} .businessIndex_Items .item .list_text .addShopCar{padding: 5px 10px;height: 30px;width: 212px;display: none;} .businessIndex_Items .item .list_text .addShopCar button{height: 30px;display: block;float: left;} .businessIndex_Items .item .list_text .addShopCar .reduce{width: 30px;margin-right: 2px;background: #fff;font-size: 18px;border: solid 1px #e5e5e5;} .businessIndex_Items .item .list_text .addShopCar .add{width: 30px;margin-right: 2px;background: #fff;font-size: 18px;border: solid 1px #e5e5e5;} .businessIndex_Items .item .list_text .addShopCar .num{height: 28px;width: 32px;border: solid 1px #e5e5e5;font-size: 14px;margin-right: 2px;display: block;float: left;line-height: 28px;font-size: 16px;text-indent: 0;} .businessIndex_Items .item .list_text .addShopCar .shopCar{width: 110px;border: solid 1px #26B7BC;font-size: 14px;color: #2eb6aa;background: url(../img/mate/shopcar.png) 9px center no-repeat #fff;text-indent: 20px;letter-spacing: 0;} .businessIndex_Items .item .list_text .addShopCar .shopCar:hover{border: solid 1px #26B7BC;font-size: 14px;color: #fff;background: url(../img/mate/shopcar-hover.png) 9px center no-repeat #26B7BC;} .businessIndex_Items .item .list_text .stock{display: none;} .businessIndex_Items .item .collection{position: absolute;left: 10px;top: 10px;width: 54px;height: 30px;background: #b2b2b2;border: 0;border-radius: 2px;display: none;font-size: 14px;z-index: 3;} .businessIndex_Items .item .collection:hover{background: #26B7BC;} .businessIndex_Items .item .OutStock{width: 94px;height: 94px;position: absolute;left: 66px;top: 50px;border-radius: 50%;background: url(../img/mate/blackYuan30.png);line-height: 94px;z-index: 3;} .businessIndex_Items .item .Discount{position: absolute;right: -6px;top: 0;} .businessIndex_Items .more{width: 958px;height: 40px;line-height: 40px;color: #999;font-size: 14px;background: #fff;text-align: center;cursor: pointer;float: left;} .businessIndex_Items .item:hover{box-shadow: 0 0 2px 2px rgba(0,0,0,.05);} .businessIndex_Items .item.secondKilldiv1:hover{box-shadow: none;} .businessIndex_Items .item:hover .list_text{margin-top: -30px;} .businessIndex_Items .item.secondKilldiv1:hover .list_text{margin-top: 0;} .businessIndex_Items .item:hover .list_text .addShopCar{display: block;} .businessIndex_Items .item:hover .list_text .stock{display: block;} .businessIndex_Items .item:hover .list_text .sold{display: none;} .businessIndex_Items .item:hover .collection{display: block;} /* 商家首页 end */ /* 所有商品 start */ .allGoods_screen{height: 52px;margin-bottom: 10px;} .screen_left{height: 16px;padding: 18px 20px;float: left;} .screen_left span{margin-right: 30px;float: left;} .screen_left span img{display: none;float: left;margin-top: 3px;margin-right: 5px;cursor: pointer;} .screen_left span img.show{display: block;} .screen_right{height: 22px;padding: 15px 10px;float: right;line-height: 22px;} .screen_right p{float: left;} .screen_right .h4{padding-left: 30px;} .screen_right .screen_right_prve{width: 20px;height: 20px;border: solid 1px #e5e5e5;cursor: pointer;margin-left: 10px;} .screen_right .screen_right_next{width: 20px;height: 20px;border: solid 1px #e5e5e5;cursor: pointer;margin-left: 2px;} .screen_right .screen_right_next img ,.screen_right .screen_right_prve img{display: block;margin: 6px auto;} /* 所有商品 end */ /* 商品详情多店页start */ /*商品信息*/ .commodityMore{height: 250px;width: 1160px;padding: 20px;} .commodityMore .img{height: 250px;width: 250px;float: left;padding-right: 20px;} .commodityMore .textDetail{height: 250px;width: 390px;float: left;} .commodityMore .textDetail .title{padding-bottom: 10px;width: 100%} .commodityMore .textDetail .leftName{width: 110px;padding: 5px 0;letter-spacing: 1px;} .commodityMore .textDetail .rightCont{width: 280px;padding: 5px 0;} /*店铺信息*/ .shopMore{width: 1160px;padding: 20px 20px 0 20px;margin-top: 20px;} .shopMore .th{height: 36px;line-height: 36px;} .shopMore .shopName{width: 250px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .shopMore .evaluate{width: 250px;position: relative;} .shopMore .price{width: 200px;} .shopMore .stock{width: 100px;} .shopMore .number{width: 98px;padding: 0 16px;} .shopMore .operation{width: 208px;padding-left: 22px;} .shopMore .tr{height: 30px;line-height: 30px;padding: 20px 0;border-top: solid 1px #e5e5e5;} .shopMore .tr:first-child{border: 0;} .shopMore .tr .evaluate>p{display: block;margin-left: 10px;} .shopMore .tr .evaluate>p>span{margin-right: 10px;} .shopMore .tr .evaluate .img{display: block;cursor: pointer;margin-left: 0;position: absolute;right: 8px;top: 0;} .shopMore .tr .evaluate .img .evaluate_Cont{position: absolute;left: -77px;top: 30px;width: 152px;height: 88px;padding: 18px 0;border: solid 1px #e5e5e5;line-height: 22px;display: none;z-index: 10;} .shopMore .tr .evaluate .img .San{position: absolute;left: -6px;top: 19px;border-bottom: solid 6px #fff;border-left: solid 6px transparent;border-top: solid 6px transparent;border-right: solid 6px transparent;display: none;width: 0;height: 0;z-index: 10;} .shopMore .tr .evaluate .img .San_gray{position: absolute;left: -6px;top: 18px;border-bottom: solid 6px #e5e5e5;border-left: solid 6px transparent;border-top: solid 6px transparent;border-right: solid 6px transparent;display: none;width: 0;height: 0;z-index: 10;} .shopMore .tr .evaluate .img:hover .evaluate_Cont{display: block;} .shopMore .tr .evaluate .img:hover .San{display: block;} .shopMore .tr .evaluate .img:hover .San_gray{display: block;} .shopMore .tr .price .youhuiquan{width: 100px;padding-left: 10px;position: relative;} .shopMore .tr .price>p{width: 90px;} .shopMore .tr .price .youhuiquan>img{display: block;} .shopMore .tr .price .youhuiquan .title{width: 64px;height: 27px;line-height: 27px;} .shopMore .tr .price .icon{width: 27px;height: 25px;line-height: 25px;border-top: solid 1px #26B7BC;border-right: solid 1px #26B7BC;border-bottom: solid 1px #26B7BC;cursor: pointer;position: relative;} .shopMore .tr .price .icon>img{display: block;margin: 10px auto 9px;} .shopMore .tr .price .icon .coupon{padding: 0 9px 11px;width: 244px;border: solid 1px #2eb6aa;position: absolute;left: -100px;top: 39px;display: none;z-index: 10;} .shopMore .tr .price .icon .San{position: absolute;left: 6px;top: 24px;border-top: solid 8px transparent;border-left: solid 8px transparent;border-right: solid 8px transparent;border-bottom: solid 8px #fff;display: none;width: 0;height: 0;z-index: 11;} .shopMore .tr .price .icon .San_blue{position: absolute;left: 6px;top: 23px;border-top: solid 8px transparent;border-left: solid 8px transparent;border-right: solid 8px transparent;border-bottom: solid 8px #2eb6aa;display: none;width: 0;height: 0;z-index: 11;} .shopMore .tr .price .icon:hover .coupon{display: block;} .shopMore .tr .price .icon:hover .San{display: block;} .shopMore .tr .price .icon:hover .San_blue{display: block;} .shopMore .tr .price .icon .coupon .list{padding-top: 10px;height: 27px;} .shopMore .tr .price .icon .coupon .list .listText{width: 140px;font-size: 12px;line-height: 14px;padding-left: 8px;text-align: left;} .shopMore .tr .price .icon .coupon .list .btn_lq{width: 28px;height: 14px;font-size: 12px;line-height: 14px;border: solid 1px #2eb6aa;background: #2eb6aa;color: #fff;border-radius: 2px;margin-top: 5px;} .shopMore .tr .price .icon .coupon .list .btn_sy{width: 28px;height: 14px;font-size: 12px;line-height: 14px;border: solid 1px #b2b2b2;color: #FFF;background: #b2b2b2;border-radius: 2px;margin-top: 5px;cursor: auto;} .shopMore .number .reduce{width: 30px;height: 30px;} .shopMore .number .add{width: 30px;height: 30px;} .shopMore .number input{width: 32px;padding: 0;margin: 0 2px;height: 28px;line-height: 28px;} .shopMore .operation .addShopCar{width: 110px;height: 30px;border: solid 1px #26B7BC;color: #2eb6aa;font-size: 14px;background: url(../img/mate/shopcar.png) no-repeat 10px center #fff;padding-left: 30px;text-align: left;letter-spacing: 0;} .shopMore .operation .addShopCar:hover{border: solid 1px #2eb6aa;color: #FFF;background: url(../img/mate/shopcar-hover.png) no-repeat 10px center #2eb6aa;} .shopMore .operation a{width: 98px;text-align: center;display: block;font-size: 14px;} /* 商品详情多店页end */ /* 购物流程-购物车 start */ .shoppingCart{padding-top: 15px;} .shoppingCart .navCart{line-height: 16px;height: 16px;font-size: 14px;padding: 10px 0;} .shoppingCart .navCart .navCart1{width: 60px;padding-left: 10px;} .shoppingCart .navCart .navCart1 img{cursor: pointer;} .shoppingCart .navCart .navCart2{width: 365px;} .shoppingCart .navCart .navCart3{width: 135px;} .shoppingCart .navCart .navCart4{width: 120px;} .shoppingCart .navCart .navCart5{width: 120px;} .shoppingCart .navCart .navCart6{width: 120px;} .shoppingCart .navCart .navCart7{width: 130px;} .shoppingCart .navCart .navCart8{width: 70px;padding:0 20px 0 50px;} .shoppingCart .navCart .navCart8 .on{display:none;} .shoppingCart .navCart .navCart8 .off{display:block;} .shoppingCart .navCart .navCart8.op .on{display:block;} .shoppingCart .navCart .navCart8.op .off{display:none;} .shoppingCart .navCart .navCart8 span{height: 16px;display: block;cursor: pointer;} .shoppingCart .navCart .navCart8 span p{display: block;height: 16px;} .shoppingCart .navCart .navCart8 span img{display: block;margin-top: 5px;} .shoppingCart .NavCont{width: 100%;padding: 0 0 10px 0;} .shoppingCart .NavCont>li{padding: 10px 0 0 0;} .shoppingCart .NavCont li .listNav{height: 28px;border-bottom: solid 2px #808080;padding: 10px 20px 0 10px;position: relative;line-height: 28px;} .shoppingCart .NavCont li .listNav .check{display: block;height: 26px;padding-top: 2px;} .shoppingCart .NavCont li .listNav .check img{cursor: pointer;} .shoppingCart .NavCont li .listNav .name{display: block;height: 23px;font-size: 14px;padding: 0 10px 0 5px;} .shoppingCart .NavCont li .listNav .QQ{display: block;height: 28px;} .listNav .youhuiquan{width: 100px;padding-left: 13px;position: relative;} .listNav>p{width: 90px;} .listNav .youhuiquan>img{display: block;} .listNav .youhuiquan .title{width: 64px;height: 27px;line-height: 27px;} .listNav .icon{width: 27px;height: 25px;line-height: 25px;border-top: solid 1px #26B7BC;border-right: solid 1px #26B7BC;border-bottom: solid 1px #26B7BC;position: relative;z-index: 2;} .listNav .icon>img{display: block;margin: 10px auto 9px;} .listNav .icon .coupon{width: 425px;max-height: 239px;padding: 13px 0 13px 19px;border: solid 1px #2eb6aa;position: absolute;left: -100px;top: 39px;z-index: 10;overflow-y: auto;display: none;} .listNav .icon .San{position: absolute;left: 6px;top: 24px;border-top: solid 8px transparent;border-left: solid 8px transparent;border-right: solid 8px transparent;border-bottom: solid 8px #fff;display: none;width: 0;height: 0;z-index: 11;} .listNav .icon .San_blue{position: absolute;left: 6px;top: 23px;border-top: solid 8px transparent;border-left: solid 8px transparent;border-right: solid 8px transparent;border-bottom: solid 8px #2eb6aa;display: none;width: 0;height: 0;z-index: 11;} .listNav .icon:hover .coupon{display: block;} .listNav .icon:hover .San{display: block;} .listNav .icon:hover .San_blue{display: block;} .listNav .icon .coupon .list{padding: 7px 0;height: 32px;position: relative;} .listNav .icon .coupon .list .newPlepeo{position: absolute;left: 0;top: 6px;} .listNav .icon .coupon .list .title{width: 74px;height: 32px;line-height: 33px;} .listNav .icon .coupon .list .listText{width: 223px;height: 32px;font-size: 12px;line-height: normal;padding-left: 12px;text-align: left;} .listNav .icon .coupon .list .btn{height: 26px;font-size: 12px;padding: 3px 0 3px 20px;} .listNav .icon .coupon .list .btn .btn_lq{width: 60px;height: 26px;font-size: 12px;border: solid 1px #2eb6aa;background: #2eb6aa;color: #fff;border-radius: 4px;} .listNav .icon .coupon .list .btn .btn_sy{width: 60px;height: 26px;font-size: 12px;border: solid 1px #fff;color: #989898;background: #fff;cursor: auto;} .shoppingCart .NavCont li .listNav .smallJ{display: block;height: 28px;font-size: 12px;} .shoppingCart .NavCont li .listNav .smallJ .smallJ1{display: none;padding-right: 20px;} .shoppingCart .NavCont li .listNav .smallJ .smallJ2{display: none;padding-right: 45px;} .shoppingCart .NavCont li .listNav .smallJ .smallJ3{display: none;} .shoppingCart .NavCont li .listNav .smallJ .smallJ4{display: none;padding: 0 15px 0 10px;} .shoppingCart .NavCont li .listNav .smallJ .smallJ1.show ,.shoppingCart .NavCont li .listNav .smallJ .smallJ2.show ,.shoppingCart .NavCont li .listNav .smallJ .smallJ3.show ,.shoppingCart .NavCont li .listNav .smallJ .smallJ4.show{display: block;} .shoppingCart .NavCont li .listNav .smallJ .open{cursor: pointer;width: 65px;} .shoppingCart .NavCont li .listNav .smallJ .open span{display: block;float: left;} .shoppingCart .NavCont li .listNav .smallJ .open img{display: block;margin: 11px 0 0 5px;} .shoppingCart .NavCont li .listNav .smallJ .open img.hide{display: none;} .shoppingCart .NavCont li .lists{width: 1198px;border-left: solid 1px #e5e5e5;border-top: solid 1px #e5e5e5;border-right: solid 1px #e5e5e5;} .shoppingCart .NavCont li .lists .list{width: 1198px;height: 80px;padding: 9px 0;border-bottom: solid 1px #e5e5e5;background: #fff;color: #666;} .shoppingCart .NavCont li .lists .list.checked{background: #f8f8f8;} .shoppingCart .NavCont li .lists .list.disabled{background: #ebebeb;} .shoppingCart .NavCont li .lists .list .check{width: 26px;height: 48px;padding: 32px 0 0 9px;} .shoppingCart .NavCont li .lists .list .check img{cursor: pointer;} .shoppingCart .NavCont li .lists .list .img{width: 80px;height: 80px;position: relative;} .shoppingCart .NavCont li .lists .list .img a{display: block;} .shoppingCart .NavCont li .lists .list .img a .bgImg{position: absolute;left: 10px;top: 10px;width: 60px;height: 60px;} .shoppingCart .NavCont li .lists .list .img a .bgText{position: absolute;left: 10px;top: 10px;width: 60px;height: 60px;line-height: 60px;} .shoppingCart .NavCont li .lists .list .img .invalid{width: 50px;height: 50px;position: absolute;left: 15px;top: 15px;background: url(../img/mate/black30.png) repeat;line-height: 50px;font-size: 14px;border-radius: 25px;} .shoppingCart .NavCont li .lists .list .img .secondKill{position: absolute;right: -10px;top: -5px;width: 40px;} .shoppingCart .NavCont li .lists .list .txt{width: 280px;height: 60px;padding: 0 30px 0 10px;font-size: 14px;} .shoppingCart .NavCont li .lists .list .tips{width: 135px;height: 50px;margin: 15px auto 0 auto;font-size: 13px;line-height: 60px;} .shoppingCart .NavCont li .lists .list .txt>span{line-height: 18px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width: 279px;display: block;font-size: 12px} .shoppingCart .NavCont li .lists .list .txt>span.pName{font-size: 14px;line-height: 22px;} .shoppingCart .NavCont li .lists .list .txt>span>div{font-size: 10px;background: #fd4f4f;border-radius: 2px;margin-right: 7px;padding: 0 3px;margin-top: 2px;} .shoppingCart .NavCont li .lists .list .stock{width: 120px;height: 40px;padding: 20px 0;display: flex;align-items: center;justify-content: space-around;flex-direction: column;} .shoppingCart .NavCont li .lists .list.disabled .stock{color: #999;} .shoppingCart .NavCont li .lists .list .price{width: 120px;height: 80px;line-height: 80px;color: #fc3b3b;} .shoppingCart .NavCont li .lists .list.disabled .price{color: #999;} .shoppingCart .NavCont li .lists .list .number{width: 98px;height: 30px;padding: 25px 11px 25px 11px;} .shoppingCart .NavCont li .lists .list .number .reduce{width:30px;height: 30px;} .shoppingCart .NavCont li .lists .list .number .add{width: 30px;height: 30px;} .shoppingCart .NavCont li .lists .list .number input{width: 32px;height: 28px;margin: 0 2px;line-height: 28px;} .shoppingCart .NavCont li .lists .list .smallJ{width: 130px;height: 80px;line-height: 80px;color: #FC3B3B;font-weight: bold;} .shoppingCart .NavCont li .lists .list.disabled .smallJ{color: #999;text-decoration: line-through;} .shoppingCart .NavCont li .lists .list .operation{width: 98px;height: 55px;padding: 25px 0 0 40px;} .shoppingCart .NavCont li .lists .list .operation a{color: #999;display: block;} .shoppingCart .NavCont li .lists .list .operation a:hover{color: #2eb6aa;} .shoppingCart .NavCont li .lists .listAll{width: 1198px;border-bottom: solid 1px #e5e5e5;padding-top: 20px;overflow: hidden} .shoppingCart .NavCont li .lists .listAll>span{padding-right: 20px;display: block;width: 1178px;} .shoppingCart .NavCont li .lists .listAll>span.bottom{width: 130px;margin-bottom: 20px} .shoppingCart .NavCont li .lists .listAll>span.coupon{font-size: 14px} .shoppingCart .NavCont li .lists .listAll>span.coupon .coupons{width: 430px;float: right;margin-top: 20px;margin-bottom: 20px} .shoppingCart .NavCont li .lists .listAll>span.coupon .coupons .couponsList{width: 355px;background: white;float: right;border: solid 1px #e5e5e5;color: #00a7b1;padding-left: 10px;padding-right: 5px} /*.shoppingCart .NavCont li .lists .listAll>span.coupon .coupons .couponsList .couponsIcon{width:15px;float: right;text-align: right; }*/ .shoppingCart .NavCont li .lists .listAll>span.top{font-size: 14px;} .shoppingCart .NavCont li .lists .listAll>span.top .coudan{padding-left: 60px;} .shoppingCart .NavCont li .lists .listAll>span.top .coudan>span.left{width: 130px;} .shoppingCart .NavCont li .lists .listAll>span.top .coudan a{margin-left: 10px;} .shoppingCart .total{margin-top: 30px;min-height: 60px;font-size: 14px;} .shoppingCart .total .totalAll{padding: 22px 10px;height: 16px;line-height: 16px;} .shoppingCart .total .totalAll span{margin-left: 7px;} .shoppingCart .total .totalAll a{margin-left: 20px;} .shoppingCart .total .totalAll img{cursor: pointer;} .shoppingCart .total .totalDetail .color-6{margin-left: 15px;padding: 22px 0;height: 16px;line-height: 16px;} .shoppingCart .total .totalDetail .color-red{font-size: 24px;padding-top: 16px;font-weight: bold;} .shoppingCart .total .totalDetail button{width: 120px;height: 60px;margin-left: 20px;background: #666;font-size: 18px;cursor: auto;} .shoppingCart .total .totalDetail button.true{width: 120px;height: 60px;margin-left: 20px;background: #ef3b3b;font-size: 18px;cursor: pointer;} .shopCart_openWindow{width: 100%;height: 100%;background: url(../img/mate/black30.png) repeat;position: fixed;left: 0;top: 0;z-index: 10;} .shopCart_openWindow .openBody{width: 460px;height: 276px;position: absolute;left: 50%;top: 50%;margin: -188px 0 0 -230px;} .shopCart_openWindow .openBody .title{height: 40px;line-height: 40px;padding: 0 20px;} .shopCart_openWindow .openBody .title img{margin-top: 13px;cursor: pointer;} .shopCart_openWindow .openBody .tip{width: 418px;margin: 10px auto;background: #fffbe3;border: #f8dec3 solid 1px;height: 28px;line-height: 28px;font-size: 12px;} .shopCart_openWindow .openBody .tip img{margin: 4px 10px;} .shopCart_openWindow .openBody .cont{height: 120px;padding: 0 20px;font-size: 12px;overflow-y: auto;} .shopCart_openWindow .openBody .cont a{display: block;height: 28px;line-height: 28px;font-size: 12px;} .shopCart_openWindow .openBody .cont a.hide{display: none;} .shopCart_openWindow .openBody .bottom{height: 30px;padding: 18px 20px;font-size: 14px;line-height: 30px;} .shopCart_openWindow .openBody .bottom button{height: 30px;font-size: 14px;display: block;width: 153px;} /* 购物流程-购物车 end */ /* 登录 start */ .login_main { height: 468px;background-image: url(../img/yccode.png); background-repeat: no-repeat; background-color: #387cec; background-position: center top;position:relative;} .login_box { position: absolute; left: 50%; top: 56px; width: 328px; height: 360px; margin-left: 172px; padding: 0 16px; background:#fff; box-shadow: 6px 6px 0 0 rgba(0,0,0,0.1); } .login_box .tit { height: 46px; border-bottom: solid 1px #d0d0d0; } .login_box .tit ul { overflow: hidden; height: 47px; } .login_box .tit ul li { float: left; width: 78px; height: 47px; cursor: pointer; font-size: 14px; color: #666; text-align: center; line-height: 48px; } .login_box .tit ul .sel { /*background: url(../images/login_bg3.png) no-repeat center bottom;*/ color: #558af5; } .login_box .tit .app { position: absolute; top: 0; right: -15px; display: block; width: 125px; height: 46px; padding-left: 10px; /*background: url(../images/login_bg2.png) no-repeat 85px center;*/ font-size: 12px; color: #666; line-height: 48px; } .login_box .tit .app:hover, .login_box .cont .item .forget:hover { color: #558af5; } .login_box .cont { margin-top: 25px; height: 270px;position: relative;} .login_box .cont li { margin-bottom: 26px; } .login_box .cont .border { height: 34px; padding-left: 35px; border: solid 1px #ccc; border-radius: 3px;position:relative;} .login_box .cont .wrong { margin-bottom: 30px; border-color: #558af5; box-shadow: 0 0 20px rgba(85,138,245,0.3); } .login_box .cont .m_code { width: 158px; } .login_box .cont .border img { position: absolute; left: 10px; top: 8px; } .login_box .cont .border input { width: 278px; height: 33px; font-size: 12px; line-height: 34px;border: 0;margin: 0;} .login_box .cont .m_code .text { width: 150px; } .login_box .cont .m_code .but { position: absolute; right: -134px; top: -1px; width: 125px; height: 36px; background: #558af5; border: none; cursor: pointer; border-radius: 3px; font-size: 12px; color: #fff; } .login_box .cont .m_code a { position: absolute; right: -96px; top: 2px; display: block; width: 85px; height: 30px; } .login_box .cont .m_code a img { display: block; position: relative; left: 0; top: 0; } .login_box .cont .border p { position: absolute; left: 0; top: 36px; height: 26px; font-size: 12px; color: #558af5; line-height: 25px; } .login_box .cont .item {height: 16px; color: #666; line-height: 17px;} .login_box .cont .item span{cursor:pointer;} .login_box .cont .item span:hover{color: #2eb6aa;} .login_box .cont .item span .checkbox {display: block; width: 18px; height: 18px; background: url(../img/mate/checkbox-off.png) no-repeat;background-size: 80% 80%;background-position: left center;} .login_box .cont .item span.ok .checkbox{ background-image: url(../img/mate/checkbox-on.png); } .login_box .cont .item .checkbox input { visibility: hidden; } .login_box .cont .item .forget { position: absolute; right: 0; color: #666; } .login_box .cont .item .forget:hover {color: #2eb6aa; } .login_box .cont .item p { position: absolute; left: 0; height: 26px; font-size: 12px; color: #558af5; line-height: 25px; } .login_box .cont .btm { position: absolute; left: 0; bottom: 0; width: 328px; } .login_box .cont .btm .sub { display: block; width: 100%; height: 36px;padding: 0;margin-bottom: 10px;cursor: pointer;background: #ccc; border-radius: 3px; font-size: 16px; color: #fff; line-height: 36px; } .login_box .cont .btm .ok { background: #2eb6aa;border: 0;} .login_box .app_code { display: none; position: absolute; left: 0; top: 0; width: 360px; height: 416px; padding-top: 1px; background: #fff; } .login_box .app_code a { display: inline-block; font-size: 14px; color: #666; } .login_box .app_code a:hover { color: #558af5; } .login_box .app_code .back { height: 16px; margin-left: 18px; margin-top: 20px; padding-left: 20px; line-height: 16px; } .login_box .app_code .back img { position: absolute; left: 0; top: 2px; transform: rotate(180deg); -webkit-transform: rotate(180deg); } .login_box .app_code p { height: 22px; margin-top: 25px; margin-bottom: 15px; font-size: 16px; color: #558af5; line-height: 22px; text-align: center; } .login_box .app_code .code { display: block; margin: 0 auto; } .login_box .app_code .again { margin-top: 10px; line-height: 22px; } .login_box .app_code span { display: block; text-align: center; } .login_box .app_code p a { margin: 0 8px; padding-left: 22px; } .login_box .app_code p a img { position: absolute; left: 0; top: 4px; } /* 登录end */ /* 金牌厂家 start */ .GoldMedal{} .GoldMedal .top{height: 44px;line-height: 44px;font-size: 14px;} .GoldMedal .cont{width: 1200px;} .GoldMedal .cont>li.changjia{width: 548px;margin: 0 20px 20px 0;padding: 10px 20px;} .GoldMedal .cont>li.changjia:hover{box-shadow: 0 0 3px 0 rgba(0, 0, 0, .3);} .GoldMedal .cont>li.changjia:nth-child(2n){margin: 0 0 20px 0;} .GoldMedal .cont>li.changjia .title{height: 40px;line-height: 40px;font-size: 16px;} .GoldMedal .cont>li.changjia button{height: 26px;width: 70px;font-size: 12px;display: block;margin-top: 7px;line-height: 26px;} .GoldMedal .cont>li.changjia .img{width: 548px;margin-top: 10px;font-size: 12px;cursor: pointer;} .GoldMedal .cont>li.changjia .img>li{width: 165px;margin: 0 20px 20px 0;border: solid 2px transparent;} .GoldMedal .cont>li.changjia .img>li:hover{border: solid 2px #26B7BC;} .GoldMedal .cont>li.changjia .img>li:last-child{margin: 0 0 20px 0;} .GoldMedal .cont>li.changjia .img>li a:hover{color: #26B7BC;} .GoldMedal .cont>li.changjia .img>li .goldname{text-overflow: ellipsis; overflow: hidden;white-space: nowrap;display: block;font-size: 14px;} .GoldMedalAll_top{height: 34px;line-height: 34px;font-size: 14px;color: #666;} .GoldMealAll_logo{height: 24px;padding: 20px;margin: 20px 0;font-size: 18px;line-height: 24px;} .GoldMealAll_logo img{margin-right: 20px;} /* 金牌厂家 end */ /* 购物流程2-提交订单 start */ .Admin_logo .Admin_order{width: 370px;position: relative;} .Admin_logo .Admin_order .placeOrder_process{width: 120px;height: 34px;line-height: 34px;font-size: 12px;margin-left: 10px;} .Admin_logo .Admin_order .placeOrder_process:first-child{width: 110px;margin-left: 0;} .Admin_logo .Admin_order .placeOrder_San{position:absolute;width: 0;height: 0;border-top: solid 17px transparent;border-bottom: solid 17px transparent;border-right: 0;} .Admin_logo .Admin_order .placeOrder_San.blue1{border-left: solid 10px #26B7BC;left: 110px;top: 0;} .Admin_logo .Admin_order .placeOrder_San.blue2{border-left: solid 10px #26B7BC;left: 240px;top: 0;} .Admin_logo .Admin_order .placeOrder_San.white1{border-left: solid 10px #fff;left: 120px;top: 0;} .Admin_logo .Admin_order .placeOrder_San.white2{border-left: solid 10px #fff;left: 250px;top: 0;} .placeOrder .title{font-size: 18px;line-height: 36px;height: 36px;} .placeOrder .address{width: 100%;} .placeOrder .address .addressHead{font-size: 14px;line-height: 24px;height: 24px;border-bottom: solid 3px #f8f8f8;padding-top: 15px;} .placeOrder .address .addressHead a{margin-left: 10px;} .placeOrder .address .addressCont{margin-top: 6px;padding: 20px;width: 228px;height: auto;border: solid 1px #26b7bc;border-radius: 5px;color: #333;position: relative;} .placeOrder .address .addressCont>img{position: absolute;right: 0;right: 0;} .placeOrder .address .addressCont>.addRessContUser{font-size: 18px;} .placeOrder .address .addressCont>.addRessContTel{padding-bottom: 10px;} /*订单*/ .placeOrder .order{width: 100%;} .placeOrder .order .orderHead{font-size: 14px;line-height: 24px;height: 24px;border-bottom: solid 3px #f8f8f8;padding-top: 15px;} .placeOrder .order .orderNav{height: 32px;line-height: 32px;} .placeOrder .order .information{width: 530px;} .placeOrder .order .tips{width: 120px;} .placeOrder .order .price{width: 135px;} .placeOrder .order .number{width: 130px;} .placeOrder .order .priceAll{width: 130px;} .placeOrder .order .orderDetail{border: solid 1px #e5e5e5;width: 1198px;margin-bottom: 10px;} .placeOrder .order .orderDetail .order_th{height: 40px;line-height: 40px;padding: 0 20px 0 30px;} .placeOrder .order .orderDetail .order_th>p{width: 30px;height: 16px;line-height: 16px;font-size: 12px;margin: 12px 0 0 20px;border-radius: 2px;} .placeOrder .order .orderDetail .order_th img{margin: 17px 0 0 5px;} .placeOrder .order .orderDetail .order_th .openDetail{width: 270px;} .placeOrder .order .orderDetail .order_th .subtotal{font-size: 24px;margin-right: 25px;} .placeOrder .order .orderDetail .order_th .on ,.placeOrder .order .orderDetail .order_th .off{cursor: pointer;width: 75px;} .placeOrder .order_list{height: 99px;border-bottom: solid 1px #E5E5E5;color: #666;} .placeOrder .order_list.invalid{background: #e5e5e5;color: #999;} .placeOrder .order_list:last-child{border-bottom: 0;} .placeOrder .order_list .information{height: 80px;padding-top: 10px;position: relative;} .placeOrder .order_list .information .secondKill{position: absolute;width: 40px;left: 50px;top: 0px;} .placeOrder .order_list .information .orderInformation{line-height: 18px;width: 305px;padding: 4px 0 0 10px;} .placeOrder .order_list.invalid .information .orderInformation{line-height: 20px;width: 340px;padding: 0 0 0 10px;} .placeOrder .order_list .tips{font-size: 13px;line-height: 50px;height: 50px;margin-top: 20px} .placeOrder .order_list .information .orderInformation .tip{display: none;} .placeOrder .order_list.invalid .information .orderInformation .tip{display: block;} .placeOrder .order_list .information .orderInformation p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 12px;} .placeOrder .order_list .price{line-height: 100px;color: #fc3b3b;} .placeOrder .order_list .number{line-height: 100px;} .placeOrder .order_list .priceAll{line-height: 100px;color: #fc3b3b;font-weight: bold;} .placeOrder .order_list.invalid .price{color: #999;} .placeOrder .order_list.invalid .number{color: #999;} .placeOrder .order_list.invalid .priceAll{color: #999;text-decoration: line-through;} .placeOrder .Total{padding-right: 20px;} .placeOrder .Total .coupons{float: left;font-size: 14px;width: 40%} .placeOrder .Total .coupons .couponsList{width: 355px;background: white;border: solid 1px #e5e5e5;color: #00a7b1;padding-left: 10px;padding-right: 5px;position: relative;height: 25px} .placeOrder .Total .coupons .couponsList .couponsIcon{width:15px;position: absolute;right: 0;top: -1px;} .placeOrder .Total p{margin-left: 20px;} .placeOrder .Total p.price{font-size: 24px;margin-left: 0;line-height: normal;padding-top: 7px;} .placeOrder .Total .newText{width: 1178px;padding-bottom: 14px;} .placeOrder .Total .newText .newTextTitle{width: 84px;padding-right: 6px;} .placeOrder .Total .newText .newTextCont{width: 1088px;position: relative;} .placeOrder .Total .newText .newTextCont>textarea{width: 1066px;height: 22px;border: solid 1px #ebebeb;padding: 0 10px;line-height: 22px;overflow-y: hidden;display: block;} .placeOrder .Total .newText .newTextCont>.newTextNum{position: absolute;right: 10px;bottom: 0;line-height: 22px;} /*发票*/ .invoice{width: 100%;} .invoice .invoiceHead{font-size: 14px;line-height: 24px;height: 24px;border-bottom: solid 3px #f8f8f8;padding-top: 15px;} .invoice .invoiceHead a{margin-left: 10px;} .invoice .invoiceCont{margin-top: 10px;padding: 0 0 0 20px;user-select: none;} .invoice .invoiceCont>.left{height: 36px;padding: 0 15px;border: solid 1px #e5e5e5;border-radius: 5px;position: relative;margin-right: 20px;line-height: 36px;cursor: pointer;} .invoice .invoiceCont>.left>img{display: none;position: absolute;right: 0;bottom: 0;} .invoice .invoiceCont>.left.active{border: solid 1px #26b7bc;} .invoice .invoiceCont>.left.active>img{display: block;} /*备注*/ .Remarks{width: 100%;} .RemarksHead{font-size: 14px;line-height: 24px;height: 24px;border-bottom: solid 3px #f8f8f8;padding-top: 15px;} .RemarksCont{font-size: 14px;line-height: 40px;width: 1200px;margin-top: 6px;} .RemarksCont input{padding: 0 20px;width: 1158px;height: 38px;} /*提交订单*/ .imgTip{width: 25px;position: relative} .imgTip .tipMb{width: 180px;height: 27px;background: #333333;color: white;line-height: 27px;position: absolute;top:-20px;left: -75px;display: block;border-radius: 5px;display: none } .imgTip .tipMb p{text-align: center;margin-right: 0px !important;} .imgTip .tipSjx{position: absolute;top: 7px;border-top: solid 7px rgba(0,0,0,.8);border-right: solid 7px transparent;border-bottom: solid 7px transparent;border-left: solid 7px transparent;display: none} .imgTip:hover .tipMb{display: block} .imgTip:hover .tipSjx{display: block} .subOrder{height: 60px;line-height: 60px;width: 1180px;padding-left: 20px;margin-top: 20px;} .subOrder span{line-height: normal;margin-top: 6px;font-size: 24px;margin-right: 10px;} .subOrder button{font-size: 18px;height: 60px;} /*修改、添加地址弹窗*/ .popup_address{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: url(../img/mate/black30.png) repeat;z-index: 1;} .popup_address_body{width: 460px;height: 380px;position: absolute;z-index: 2;left: 50%;top: 50%;margin-top: -190px;margin-left: -230px;} .popup_address_body .title{height: 40px;line-height: 40px;padding: 0 20px;} .popup_address_body .title img{cursor: pointer;margin-top: 13px;} .popup_address_body .tip{margin: 10px 18px 11px;border: solid 1px #f8dec3;background: #fffbe3;height: 74px;line-height: 18px;font-size: 12px;padding: 10px;} .popup_address_body .cont{height: 40px;line-height: 40px;padding: 0 17px 9px;} .popup_address_body .cont>div{height: 40px;width: 105px;} .popup_address_body .cont>input{height: 38px;width: 318px;} .popup_address_body .btn{height: 47px;margin-top: 11px;padding: 18px 0 0 140px;} .popup_address_body .btn button{width: 68px;height: 30px;margin-right: 44px;} /* 商品详情-纠错 弹窗 */ .popup_shopDetail{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: url(../img/mate/black30.png) repeat;z-index: 3;} .popup_shopDetail_body{width: 460px;height: 403px;position: absolute;z-index: 2;left: 50%;top: 50%;margin-top: -202px;margin-left: -230px;} .popup_shopDetail_body .title{height: 40px;line-height: 40px;padding: 0 20px;} .popup_shopDetail_body .title img{cursor: pointer;margin-top: 13px;} .popup_shopDetail_body .tip{margin: 10px 18px 11px;border: solid 1px #f8dec3;background: #fffbe3;line-height: 18px;font-size: 12px;padding: 10px;} .popup_shopDetail_body .cont{line-height: 40px;padding: 0 17px 9px;} .popup_shopDetail_body .cont .leftDiv{width: 105px;} .popup_shopDetail_body .btn{height: 47px;margin-top: 11px;padding: 18px 0 0 140px;} .popup_shopDetail_body .btn button{width: 68px;height: 30px;margin-right: 44px;} .shopDetailSelect{width: 308px;height: 38px;cursor: pointer;position: relative;padding: 0 5px;z-index: 1;} .shopDetailSelect ul{position: absolute;width: 318px;border-left: solid 1px #e5e5e5;border-right: solid 1px #e5e5e5;left: -1px;top: 39px;display: none;} .shopDetailSelect.active ul{display: block;} .shopDetailSelect ul li{border-bottom: solid 1px #e5e5e5;line-height: 36px;padding: 0 5px;} .shopDetailSelect ul li:hover{background: #f8f8f8;} .shopDetailSelect .sj{position: absolute;top: 16px;right: 15px;width: 0;height: 0;border: solid 8px transparent;border-top: solid 8px #808080;} .shopDetailSelect.active .sj{position: absolute;top: 8px;right: 15px;width: 0;height: 0;border: solid 8px transparent;border-bottom: solid 8px #808080;} .popup_shopDetail_body .cont textarea{margin: 0;height: 67px;padding: 5px;width: 308px;} .imgUp{width: 318px;height: 80px;} .imgUp>.layui-upload-file{position: fixed;left: -1000px;} .imgUp >.item{width: 80px;height: 80px;} .imgUp .imgClick{width: 78px;height: 78px;position: relative;} .imgUp .imgClick .heng{position: absolute;width: 40px;height: 4px;background: #ccc;left: 17px;top: 27px;border-radius: 2px;} .imgUp .imgClick .su{position: absolute;width: 4px;height: 40px;background: #ccc;left: 36px;top: 8px;border-radius: 2px;} .imgUp .imgClick .text{position: absolute;bottom: 6px;left: 0;line-height: normal;width: 100%;color: #ccc;} .indexFonts{font-size: 54px !important;} .indexFonts40{font-size: 30px !important;} /* 购物流程2-提交订单 end */ /* 购物流程3-支付方式 start*/ .method{width: 100%;} .method .information{width: 1160px;padding: 13px 20px;line-height: 36px;height: 144px;} .method .information .price{font-size: 18px;} .method .information .orderDetail{margin-left: 20px;} .method .Payment{padding: 10px 20px 30px 20px;margin-top: 20px;} .method .Payment .title{line-height: 42px;height: 42px;} .morePay{width: 120px;height: 34px;background: white;border: 1px dashed #00a7b1;float: left;color: #00a7b1;line-height: 34px;font-size: 14px;margin-top:2px;margin-left: 15px;border-radius: 2px} .morePay:hover{cursor: pointer;background:#00a7b1;color: white } .method .Payment ul{width: 100%;} .method .Payment ul li{width: 100%;height: 44px;line-height: 44px;margin-bottom: 18px;cursor: pointer;position: relative;border: solid 2px transparent;} .method .Payment ul li.background-ec{cursor: auto;} .method .Payment ul li.active{border: solid 2px #2eb6aa;} .method .Payment ul li p{margin-right: 20px;} .method .Payment ul li p span{margin: 0 2px;font-size: 18px;} .method .Payment ul li p ,.method .Payment ul li .hover{display: none;position: absolute;right: 0;bottom: 0;} .method .Payment ul li.active p ,.method .Payment ul li.active .hover{display: block;} .method .Payment button{width: 120px;height: 36px;line-height: 36px;margin-top: 2px;} .duigong{height: 365px;margin-bottom: 10px;padding: 30px 20px 30px 20px;color: #666666;font-size: 14px;} .deletes{width: 100%;height: 20px;;background: #f8f8f8;line-height: 20px;text-align: center;margin-top: 10px;margin-right: 30px} .deletes a{color:#666666;} .addImg{position: relative;border: solid 1px #e5e5e5;width: 80px;height: 80px;margin-right: 30px} .addImg input{position: absolute;left: 0;top: 0;opacity: 0;width: 100%;height: 100%;} .addImg img{position: absolute;left: 50%;top: 15%;transform: translateX(-50%);} .addImg span{position: absolute;width: 100%;bottom: 0;} .addImg + .number{height: 20px;padding-top: 60px;padding-left: 10px;} .margin_left{margin-right: 30px} /* 购物流程3-支付方式 end */ /* 购物方式3-微信支付 start */ .WeChat{width: 100%;} .WeChat .cont{padding: 105px 0 0 300px;} .WeChat .cont .code{width: 340px;margin-right: 30px;line-height: 18px;} .WeChat .cont .code .codeImg{width: 300px;height: 300px;padding: 20px 20px 0 20px;} .WeChat .cont .code .mode{height: 36px;padding: 10px 0;} .WeChat .cont .code .price{height: 40px;line-height: 40px} .WeChat .cont .code .price span{font-size: 18px;} /* 购物方式3-微信支付 end */ /* 购物方式4-提交订单成功 start */ .SuccessOrder{width: 100%;padding-top: 100px;line-height: 24px;} .SuccessOrder .img{height: 80px;} .SuccessOrder .img + .b{padding-bottom: 30px;} .SuccessOrder a{margin-left: 10px;} .SuccessOrder a:hover{color: #2eb6aa;} /* 购物方式4-提交订单成功 end */ /* 我的云采、logo、搜索 公共区域 start */ .MyAdmin_logo{width: 100%;height: 48px;padding: 20px 0;} .MyAdmin_logo .MyAdmin_logo_img{width: 230px;float: left;} .MyAdmin_logo .MyAdmin_xinxi{padding-left: 20px;float: left;} .MyAdmin_logo .MyAdmin_xinxi .goBackIndex{height: 22px;line-height: 22px;width: 100px;font-size: 14px;padding: 0;border-radius: 4px;display: block;} .MyAdmin_logo .MyAdmin_index{height: 58px;line-height: 58px;font-size: 16px;margin-right: 80px;} .MyAdmin_logo .MyAdmin_information{height: 58px;line-height: 58px;font-size: 16px;margin-right: 150px;} .MyAdmin_logo .MyAdmin_search{width: 364px;padding: 8px 0;height: 40px;} .MyAdmin_logo .MyAdmin_search input{width: 290px;height: 40px;border-radius: 2px 0 0 2px;line-height: 40px;padding: 0;font-size: 14px;text-indent: 20px;} .MyAdmin_logo .MyAdmin_search button{width: 74px;height: 40px;border-radius: 0 2px 2px 0;line-height: 40px;padding: 0;font-size: 14px;} /* 我的云采、logo、搜索 公共区域 end */ /* 我的云采、框架 start */ .MyAdmin_cloud{padding-top: 20px;} .MyAdmin_cloud .MyAdmin_nav{width: 252px;} .MyAdmin_cloud .MyAdmin_nav .menu{width: 252px;} .MyAdmin_cloud .MyAdmin_nav dl{width: 182px;margin: 0;padding: 20px 0 20px 50px;} .MyAdmin_cloud .MyAdmin_nav dt{line-height: 32px;font-weight: bold;color: #333;} .MyAdmin_cloud .MyAdmin_nav dd{line-height: 14px;margin: 0;cursor: pointer;height: 14px;padding: 8px 0;} .MyAdmin_cloud .MyAdmin_nav dd a{color: #666;transition: .1s;} .MyAdmin_cloud .MyAdmin_nav dd a.active{border-left: solid 3px #26B7BC;padding-left: 5px;color: #26B7BC;text-decoration: none;} .MyAdmin_cloud .MyAdmin_nav dd a:hover{border-left: solid 3px #26B7BC;padding-left: 5px;color: #26B7BC;text-decoration: none;} /* 我的云采、框架 end */ /* 我的订单-订单管理 start */ .MyAdmin_cloud .orderAdministration{width: 948px;} .orderAdministration .title{height: 40px;line-height: 40px;padding-left: 20px;} .orderAdministration .screen{height: 34px;padding: 20px 20px 20px 0;margin-top: 20px;color: #666;} .orderAdministration .screen>span{line-height: 34px;margin: 0 10px 0 20px;} .orderAdministration .screen>input{line-height: 32px;height: 32px;width: 158px;border-radius: 2px;margin-left: 30px;font-size: 14px;} .orderAdministration .screen>button{line-height: 34px;height: 34px;width: 58px;border-radius: 2px;margin-left: 10px;font-size: 14px;} .orderAdministration .screen .HengXian{margin: 0 3px;border-bottom: solid 1px #666;width: 16px;height: 16px;} .orderAdministration .screen .select{line-height: 32px;height: 32px;width: 88px;position: relative;padding-left: 10px;cursor: pointer;z-index: 2;} .orderAdministration .screen .select .select_cont{position: absolute;left: -1px;top: 33px;background: #fff;border-left: solid 1px #e5e5e5;border-right: solid 1px #e5e5e5;width: 98px;text-align: center;display: none;z-index: 1;} .orderAdministration .screen .select.open .select_cont{display: block;} .orderAdministration .screen .select .select_cont li{border-bottom: solid 1px #e5e5e5;} .orderAdministration .screen .select .select_cont li:hover{background: #f8f8f8;} .orderAdministration .screen .select .SJ{width: 0;height: 0;position: absolute;border-top: solid 7px #808080;border-left: solid 7px transparent;border-right: solid 7px transparent;border-bottom: solid 7px transparent;right: 9px;top: 12px;} .orderAdministration .screen .select.open .SJ{width: 0;height: 0;position: absolute;border-bottom: solid 7px #808080;border-left: solid 7px transparent;border-right: solid 7px transparent;border-top: solid 7px transparent;right: 9px;top: 5px;} .orderList{padding: 0 20px 20px 20px;position: relative;} .orderList .orderListHead{border-left: solid 1px #e5e5e5;border-top: solid 1px #e5e5e5;height: 34px;width: 100%;} .orderList .orderListHead li{border-bottom: solid 1px #e5e5e5;height: 34px;line-height: 34px;font-size: 14px;} .orderList .orderListHead li.orderList1{width: 200px;border-right: solid 1px transparent;} .orderList .orderListHead li.orderList2{width: 123px;border-right: solid 1px transparent;} .orderList .orderListHead li.orderList3{width: 120px;border-right: solid 1px transparent;} .orderList .orderListHead li.orderList4{width: 229px;border-right: solid 1px transparent;} .orderList .orderListHead li.orderList5{width: 123px;border-right: solid 1px transparent;} .orderList .orderListHead li.orderList6{width: 106px;border-right: solid 1px #e5e5e5;} .orderList .orderlists{width: 100%;border-left: solid 1px #e5e5e5;} .orderList .orderlists li{border-right: solid 1px #e5e5e5;border-bottom: solid 1px #e5e5e5;height: 55px;padding-top: 15px;} .orderList .orderlists li.orderList1{width: 200px;line-height: 36px;} .orderList .orderlists li.orderList2{width: 123px;line-height: 18px;} .orderList .orderlists li.orderList3{width: 120px;line-height: 18px;} .orderList .orderlists li.orderList4{width: 229px;line-height: 18px;} .orderList .orderlists li.orderList5{width: 123px;line-height: 18px;} .orderList .orderlists li.orderList6{width: 106px;line-height: 18px;} .orderList .orderlists li.orderList6 button{width: 68px;height: 24px;line-height: 22px;background: #fff;border: solid 1px #26B7BC;color: #26B7BC;font-size: 14px;margin: 8px auto 0 auto;display: block;padding: 0;} .orderList .orderlists li.orderList6 button:hover{background: #26B7BC;border: solid 1px #26B7BC;color: #fff;} /* 我的订单-订单管理 end */ /* 小型分页、公共部分 start */ .page_small{height: 28px;padding: 20px;} .page_small p{display: inline-block;background: #f6f6f6;height: 26px;line-height: 26px;padding: 0 8px;cursor: pointer;color: #565a5c;_zoom:1;*display:inline;margin-left: 3px;} .page_small span{display: inline-block;_zoom:1;*display:inline;} .page_small p.active{background: #26B7BC;color: #fff;} .page_small p:hover{color: #26B7BC;background: #f6f6f6;} .page_small span{color: #565A5C;margin: 0 5px;display: inline-block;_zoom:1;} .page_small span input{border: solid 1px #e1e2e1;display: inline-block;height: 26px;line-height: 26px;color: #565a5c;text-indent: 5px;width: 40px;margin: 0 2px;} /* 小型分页、公共部分 end */ /* 我的订单-待付款 start */ .PendingPayment{padding-top: 20px;} .PendingPayment .navlist{padding: 30px 50px 0;height: 140px;} .PendingPayment .navlist .img{width: 140px;} .PendingPayment .navlist .Heng{width: 100px;height: 3px;margin-top: 32px;} .PendingPayment .orderState{margin-top: 20px;padding: 20px 30px;height: 130px;} .PendingPayment .orderState .state{width: 279px;height: 130px;border-right: solid 1px #e5e5e5;} .PendingPayment .orderState .state .h1{padding: 8px 0 20px;} .PendingPayment .orderState .price{width: 279px;height: 120px;border-right: solid 1px #e5e5e5;padding-top: 10px;} .PendingPayment .orderState .price p{line-height: 18px;font-size: 18px;} .PendingPayment .orderState .price button{width: 180px;height: 36px;font-size: 18px;margin-top: 10px;} .PendingPayment .orderState .price div{width: 180px;height: 36px;margin-top: 10px;margin: 0 auto;} .PendingPayment .orderState .price div a:hover{color: #26B7BC;text-decoration:underline;} .PendingPayment .orderState .details{width: 580px;height: 120px;line-height: 24px;padding: 5px 0;} .PendingPayment .orderState .details>p{width: 120px;padding-right: 10px;} .PendingPayment .orderState .details>span{width: 450px;} .PendingPayment .orderState .details a{position: relative;width: 38px;height: 16px;margin-left: 10px;} .PendingPayment .orderState .details a:hover{text-decoration: none;} .PendingPayment .orderState .details a .mingxiBody{position: absolute;left: -100px;top: -88px;font-size: 12px;width: 260px;padding-top: 14px;z-index: 1;display: none;} .PendingPayment .orderState .details a .mingxiBody .mingxi{width: 260px;padding-bottom: 8px; padding-top: 8px;background: url(../img/mate/black80.png);border-radius: 5px;box-shadow: 0 0 1px 1px rgba(0,0,0,.8);} .PendingPayment .orderState .details a .mingxiBody .mingxi .title{height: 38px;line-height: 38px;} .PendingPayment .orderState .details a .mingxiBody .mingxi p{width: 95px;height: 24px;padding-right: 10px;line-height: normal;} .PendingPayment .orderState .details a .mingxiBody .mingxi span{width: 145px;line-height: normal;} .PendingPayment .orderState .details a .minxiS_white{display: none;position: absolute;border-left: solid 10px transparent;border-bottom: solid 10px transparent;border-right: solid 10px transparent;border-top: solid 10px #000;z-index: 2;left: 0;top: -10px;filter: alpha(opacity=80);opacity: .8;} .PendingPayment .orderState .details a:hover .minxiS_blue{display: block;} .PendingPayment .orderState .details a:hover .minxiS_white{display: block;} .PendingPayment .orderState .details a:hover .mingxiBody{display: block;} .PendingPayment .logistics{padding: 20px;margin-top: 20px;height: 224px;} .PendingPayment .logistics>.b{line-height: 18px;height: 18px;width: 86px;} .PendingPayment .logistics .logisticsNav{height: 18px;width: 1074px;line-height: 18px;} .PendingPayment .logistics .logisticsNav li{margin-right: 20px;cursor: pointer;} .PendingPayment .logistics .logisticsNav li.active{color: #26B7BC;font-weight: bold;border-bottom: solid 3px #26B7BC;} .PendingPayment .logistics .Company{height: 48px;line-height: 24px;padding-top: 12px;width: 100%;} .PendingPayment .logistics .details{height: 150px;line-height: 24px;width: 100%;overflow-y: auto;} .PendingPayment .orderLists{margin-top: 20px;padding: 20px;} .PendingPayment .orderLists .orderTh{height: 34px;line-height: 34px;margin-top: 20px;} .PendingPayment .orderLists .lists{height: 34px;line-height: 34px;background: #fff;} .PendingPayment .orderLists .lists li{height: 34px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .PendingPayment .orderLists .lists:nth-child(even){background: #f8f8f8;} .PendingPayment .orderLists .lists:hover{background: #ebebeb;} .PendingPayment .orderLists li.list9{width: 80px;} .PendingPayment .orderLists li.list1{width: 270px;} .PendingPayment .orderLists li.list2{width: 170px; padding-right: 10px;} .PendingPayment .orderLists li.list3{width: 157px;} .PendingPayment .orderLists li.list4{width: 142px;} .PendingPayment .orderLists li.list5{width: 85px;} .PendingPayment .orderLists li.list6{width: 100px;} .PendingPayment .orderLists li.list7{width: 91px;} .PendingPayment .orderLists li.list8{width: 132px;} .PendingPayment .orderLists .Settlement{width:1160px;padding-top: 10px;} .PendingPayment .orderLists .Settlement p{line-height: 24px;} .PendingPayment .orderLists .Settlement p.b{line-height: 28px;} .PendingPayment .orderLists .Settlement p.color-red{font-size: 24px;} .PendingPayment .orderLists .orderTitle{cursor: pointer;} .PendingPayment .orderLists .orderTitle a{width: 66px;font-size: 12px;cursor: pointer;} .PendingPayment .orderLists .orderTitle a img{margin-top: 8px;} .popup_refund{width: 100%;height: 100%;background: url(../img/mate/black30.png);position: fixed;left: 0;top: 0;z-index: 1;} .popup_refund_body{width: 460px;height: 246px;position: absolute;left: 50%;top: 50%;margin-top: -123px;margin-left: -230px;} .popup_refund_body .title{width: 420px;height: 40px;padding: 0 20px;line-height: 40px;} .popup_refund_body .title img{cursor: pointer;margin-top: 13px;} .popup_refund_body .cont{width: 388px;height: 168px;padding: 20px 36px;} .popup_refund_body .cont .list{width: 293px;height: 48px;position: relative;background: #fff;padding: 18px 0 18px 95px;cursor: pointer;} .popup_refund_body .cont .list:hover{background: #f8f8f8;} .popup_refund_body .cont .list img{position: absolute;left: 40px;top: 20px;} .popup_refund_body .cont .list p{height: 28px;line-height: 28px;font-size: 18px;} .popup_refund_body .cont .list span{height: 20px;line-height: 20px;font-size: 12px;} .shipNo {display: block;float: left;width: 22px;border: 1px solid #000;border-radius: 50%;} .miaosha{height: 16px;background: #9a4ef0;font-size: 12px;color: #fff;line-height: 16px;margin-top: 9px;border-radius: 2px;padding: 0 5px;margin-right: 5px;} /* 我的订单-待付款 end */ /* 我的订单-交易关闭 start */ .PendingPayment .orderStateColse{margin-top: 20px;padding: 20px 30px;height: 130px;} .PendingPayment .orderStateColse .state{width: 279px;border-right: solid 1px #e5e5e5;} .PendingPayment .orderStateColse .state>div{width: 279px;height: 22px;} .PendingPayment .orderStateColse .state>div.h1{padding: 8px 0;height: auto;} .PendingPayment .orderStateColse .state p{width: 78px;} .PendingPayment .orderStateColse .state span{width: 200px;} .PendingPayment .orderStateColse .price{width: 279px;height: 100px;border-right: solid 1px #e5e5e5;padding-top: 30px;} .PendingPayment .orderStateColse .price p{line-height: 18px;font-size: 18px;} .PendingPayment .orderStateColse .price button{width: 180px;height: 36px;font-size: 18px;margin-top: 10px;} .PendingPayment .orderStateColse .price div{width: 180px;height: 36px;margin: 10px auto 0 auto;} .PendingPayment .orderStateColse .details{width: 580px;height: 120px;line-height: 24px;padding: 5px 0;} .PendingPayment .orderStateColse .details{width: 580px;} .PendingPayment .orderStateColse .details>p{width: 110px;padding-right: 10px;} .PendingPayment .orderStateColse .details>span{width: 450px;display:block;} .PendingPayment .orderStateColse .details a{position: relative;width: 38px;height: 16px;margin-left: 10px;} .PendingPayment .orderStateColse .details a:hover{text-decoration: none;} .PendingPayment .orderStateColse .details a .mingxiBody{position: absolute;left: -100px;top: -88px;width: 260px;z-index: 1;display: none;} .PendingPayment .orderStateColse .details a .mingxiBody .mingxi{width: 260px;padding-bottom: 8px; padding-top: 8px; font-size: 12px;background: url(../img/mate/black80.png);border-radius: 5px;box-shadow: 0 0 1px 1px rgba(0,0,0,.5);} .PendingPayment .orderStateColse .details a .mingxiBody .mingxi .title{height: 38px;line-height: 38px;} .PendingPayment .orderStateColse .details a .mingxiBody .mingxi p{width: 95px;padding-right: 10px;line-height: normal;} .PendingPayment .orderStateColse .details a .mingxiBody .mingxi span{width: 145px;line-height: normal;} .PendingPayment .orderStateColse .details a .minxiS_white{display: none;position: absolute;border-left: solid 10px transparent;border-bottom: solid 10px transparent;border-right: solid 10px transparent;border-top: solid 10px #000;z-index: 2;left: 0;top: -10px;filter: alpha(opacity=80);opacity: .8;} .PendingPayment .orderStateColse .details a:hover .minxiS_blue{display: block;} .PendingPayment .orderStateColse .details a:hover .minxiS_white{display: block;} .PendingPayment .orderStateColse .details a:hover .mingxiBody{display: block;} /* 我的订单-交易关闭 end */ /* 财务管理-我的优惠券 start */ .MyCoupon{width: 948px;} .MyCoupon>.title{height: 40px;padding-left: 20px;line-height: 40px;} .MyCoupon .cont{width: 948px;margin-top: 20px;} .MyCoupon .cont .couponNav{height: 24px;} .MyCoupon .cont .couponNav li{margin-right: 20px;cursor: pointer;} .MyCoupon .cont .couponNav li.active{color: #2eb6aa;border-bottom: solid 2px #2eb6aa;font-weight: bold;} .MyCoupon .cont .couponCont{width: 948px;} .MyCoupon .cont .couponCont>.background-white{padding: 0 6px 0 10px;min-height: 400px;} .MyCoupon .cont .couponCont>.background-white.page_small{padding: 20px;min-height: auto;} .MyCoupon .cont .couponCont li{width: 305px;margin-right: 8px;margin-bottom: 10px;position: relative;} .MyCoupon .cont .couponCont li:nth-child(3n){margin-right: 0;} /*.MyCoupon .cont .couponCont li.coupona{background: url(../img/coupon_green_03.png) no-repeat;}*/ /*.MyCoupon .cont .couponCont li.couponb{background: url(../img/coupon_red_03.png) no-repeat;}*/ /*.MyCoupon .cont .couponCont li.couponc{background: url(../img/coupon_org_03.png) no-repeat;}*/ .MyCoupon .cont .couponCont li.overdue{background: url(../img/bg_sx2.png);color: #b2b2b2} .expiry{position: absolute;width: 84px;height: 24px;background: #000000;color: white;font-size: 14px;top:4px;right: 4px} .couponTop{position: absolute;top: 0;left: 0;padding: 14px 0 0 10px;font-size: 12px;} .couponTop .type{font-size: 14px;height: 36px;line-height: 36px;} .couponTop .discount{width: 235px;height: 44px;} .couponTop .discount .priceNum{float: left;font-size: 40px;padding-top: 10px;} .couponTop .discount .priceNum>span{font-size: 12px;} .couponTop .discount .range{float: right;} .couponTop .time{height: 30px;line-height: 30px;} .couponTop .shop{height: 30px;line-height: 32px;padding: 6px 0;} .couponTop .shop .shopLogo{height: 30px;width: 30px;border-radius: 50%;overflow: hidden;} .couponTop .shop .shopName{font-size: 14px;color: #333;padding-left: 10px;} .couponCenter{height: 9px;background: url(../img/circle2.png);margin-top: -3px;margin-left: -20px} .couponBottom{position: absolute;top: 0;right:16px;font-size: 16px;font-weight: bold;width: 42px;height: 100px;line-height: 18px;} .couponBottom>p{text-align: center;width: 42px;height: 100px;position: relative;} .couponBottom>p>a{text-align: center;width: 24px;display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);} .MyCoupon .cont .couponCont li.overdue .couponBottom{color: white;} /* 财务管理-我的优惠券 end */ /* 我的订单-待评价 start */ .evaluate{} .evaluate .evaluateHead{height: 40px;line-height: 40px;padding: 0 20px;margin-top: 20px;font-size: 14px;} .evaluate .cont{margin-top: 20px;padding-bottom: 50px;} .evaluate .cont .name{width: 329px;border-right: solid 1px #f8f8f8;padding-top: 18px;margin-top: 52px;} .evaluate .cont .name img{border-radius: 50%;overflow: hidden;} .evaluate .cont .name p{height: 30px;padding-top: 20px;} .evaluate .cont .eval{width: 820px;padding: 52px 0 0 50px;} .evaluate .cont .eval>span{height: 36px;display: block;} .evaluate .cont .eval>span .star{padding-top: 2px;margin: 0 10px 0 20px;} .evaluate .cont .eval .text{width: 800px;padding-top: 6px;height: 110px;position: relative;} .evaluate .cont .eval .text textarea{width: 778px;height: 100px;overflow-y: hidden;padding: 10px;} .evaluate .cont .eval .text>span{position: absolute;right: 30px;bottom: 15px;} .evaluate .cont .eval .img{height: 80px} .evaluate .cont .eval .img .list{height: 78px;width: 78px;border: solid 1px #e5e5e5;margin-right: 10px;position: relative;} .evaluate .cont .eval .img .list .listHover{height: 78px;width: 78px;position: absolute;left: 0;top: 0;background: #4c4c4c;display: none;} .evaluate .cont .eval .img .list .listHover a{line-height: 78px;color: #EBEBEB;} .evaluate .cont .eval .img .list:hover .listHover{display: block;} .evaluate .cont .eval .img .addImg{height: 78px;width: 78px;border: solid 1px #e5e5e5;margin-right: 10px;position: relative;} .evaluate .cont .eval .img .addImg input{height: 80px;width: 80px;position: absolute;left: 0;top: 0;opacity: 0;filter:alpha(opacity=0); } .evaluate .cont .eval .img .addImg img{display: block;margin: 6px auto;} .evaluate .cont .eval .img .number{padding-top: 60px;height: 20px;} .evaluate .btn{height: 36px;padding: 20px 20px 20px 500px;margin-top: 20px;} .evaluate .btn button{height: 36px;width: 120px;margin-right: 20px;font-size: 18px;} .evaluate .btn .anonymous{height: 36px;line-height: 36px;width: 80px;} .evaluate .btn .anonymous img{margin: 10px 10px 0 0;cursor: pointer;} /* 我的订单-待评价 end */ /* 我的订单-我的评价 start */ .Myeval{width: 948px;} .Myeval .title{height: 40px;padding-left: 20px;line-height: 40px;} .Myeval .cont{width: 948px;margin-top: 20px;} .Myeval .evalNav{height: 16px;line-height: 16px;width: 908px;} .Myeval .evalNav li{margin-right: 20px;cursor: pointer;} .Myeval .evalNav li.active{color: #2eb6aa;border-bottom: solid 2px #2eb6aa;font-weight: bold;} .Myeval .evalTh{border-left: solid 1px #e5e5e5;border-top: solid 1px #e5e5e5;border-right: solid 1px #e5e5e5;border-bottom: solid 1px #f2f2f2;height: 34px;line-height: 34px;} .Myeval .evalTh li.eval1{width: 340px;} .Myeval .evalTh li.eval2{width: 145px;} .Myeval .evalTh li.eval3{width: 210px;} .Myeval .evalTh li.eval4{width: 210px;} .Myeval .evalCont{width: 908px;min-height: 360px;} .Myeval .evalCont .list{width: 906px;border-bottom: solid 1px #e5e5e5;line-height: 18px;border-left: solid 1px #e5e5e5;border-right: solid 1px #e5e5e5;} .Myeval .evalCont .list li{padding: 15px 20px;} .Myeval .evalCont .list li.eval1{width: 300px;} .Myeval .evalCont .list li.eval2{width: 105px;padding-top: 26px;} .Myeval .evalCont .list li.eval3{width: 170px;padding-top: 26px;} .Myeval .evalCont .list li.eval4{width: 170px;padding-top: 26px;} .Myeval .cont .evalCont .page_small{position: absolute;right: 0;bottom: 0;padding-top: 0;} /* 我的订单-我的评价 end */ /* 控销申请 start */ .ControlSale{padding-top: 20px;} .ControlSale .cont{padding: 20px 20px 100px 20px;} .ControlSale .cont .saleCont{height: 60px;width: 1160px;font-size: 18px;} .ControlSale .cont p{width: 130px;line-height: 18px;padding: 9px 10px 9px 0;} .ControlSale .cont span{width: 1000px;line-height: 18px;padding: 9px 10px 9px 0;display: block;} .ControlSale .cont span .download{padding-left: 16px;background: url(../img/mate/download.png) no-repeat left center;color: #999;} .ControlSale .cont span .download:hover{background: url(../img/mate/download-blue.png) no-repeat left center;color: #2eb6aa;} .ControlSale .cont span .once{margin-left: 15px;} .ControlSale .cont span .select{line-height: 32px;height: 32px;width: 305px;position: relative;padding-left: 10px;cursor: pointer;} .ControlSale .cont span .select .select_cont{position: absolute;left: -1px;top: 33px;background: #fff;border-left: solid 1px #e5e5e5;border-right: solid 1px #e5e5e5;width: 315px;display: none;} .ControlSale .cont span .select.open .select_cont{display: block;} .ControlSale .cont span .select .select_cont li{border-bottom: solid 1px #e5e5e5;padding-left: 10px;} .ControlSale .cont span .select .select_cont li:hover{color: #26B7BC;} .ControlSale .cont span .select .SJ{width: 0;height: 0;position: absolute;border-top: solid 7px #808080;border-left: solid 7px transparent;border-right: solid 7px transparent;border-bottom: solid 7px transparent;right: 9px;top: 12px;} .ControlSale .cont span .select.open .SJ{width: 0;height: 0;position: absolute;border-bottom: solid 7px #808080;border-left: solid 7px transparent;border-right: solid 7px transparent;border-top: solid 7px transparent;right: 9px;top: 5px;} .ControlSale .btn{margin-top: 20px;padding: 20px;} .ControlSale .btn button{margin: 0 auto;display: block;font-size: 18px;} /* 控销申请 end */ /* 控销管理-控销列表 start */ .ControlList{width: 948px;} .ControlList .title{height: 40px;line-height: 40px;padding-left: 20px;} .ControlList .cont{margin-top: 20px;} .ControlList .cont .ControlCont{height: 34px;line-height: 34px;} .ControlList .cont .ControlCont:nth-child(odd){background: #f8f8f8;} .ControlList .cont .ControlCont li.list1{width: 185px;} .ControlList .cont .ControlCont li.list2{width: 250px;} .ControlList .cont .ControlCont li.list3{width: 210px;} .ControlList .cont .ControlCont li.list4{width: 120px;} .ControlList .cont .ControlCont li.list5{width: 140px;} /* 控销管理-控销列表 end */ /* 控销管理-控销详情 start */ .ControlDetails{width: 948px;} .ControlDetails .title{height: 40px;line-height: 40px;padding: 0 20px;} .ControlDetails .title a{padding-left: 18px;background: url(../img/mate/goBlack.png) no-repeat left center;} .ControlDetails .cont{padding: 40px 20px;width: 908px;position: relative;margin-top: 20px;height: 420px;} .ControlDetails .cont>img{position: absolute;right: 38px;top: 24px;} .ControlDetails .cont>p{width: 100px;padding: 15px 10px 15px 0;line-height: 20px;} .ControlDetails .cont>span{width: 790px;padding: 15px 0;line-height: 20px;display: block;min-height: 20px;} .ControlDetails .cont>span a{color: #999;background: url(../img/mate/download.png) no-repeat left center;padding-left: 15px;} .ControlDetails .cont>span a:hover{color: #2eb6aa;background: url(../img/mate/download-blue.png) no-repeat left center;} .ControlDetails .cont>span img{margin-left: 10px;cursor: pointer;margin-top: -3px;} /* 控销管理-控销详情 end */ /* 我的订单-退款售后 start */ .RefundAfter{padding: 0 20px 20px 20px;position: relative;z-index: 1;min-height: 466px;} .RefundAfter .RefundAfterHead{border-left: solid 1px #e5e5e5;border-top: solid 1px #e5e5e5;height: 34px;width: 100%;} .RefundAfter .RefundAfterHead li{border-bottom: solid 1px #e5e5e5;height: 34px;line-height: 34px;font-size: 14px;} .RefundAfter .RefundAfterHead li.RefundAfter1{width: 208px;border-right: solid 1px transparent;} .RefundAfter .RefundAfterHead li.RefundAfter2{width: 88px;border-right: solid 1px transparent;} .RefundAfter .RefundAfterHead li.RefundAfter3{width: 122px;border-right: solid 1px transparent;} .RefundAfter .RefundAfterHead li.RefundAfter4{width: 90px;border-right: solid 1px transparent;} .RefundAfter .RefundAfterHead li.RefundAfter5{width: 193px;border-right: solid 1px transparent;} .RefundAfter .RefundAfterHead li.RefundAfter6{width: 100px;border-right: solid 1px transparent;} .RefundAfter .RefundAfterHead li.RefundAfter7{width: 100px;border-right: solid 1px #e5e5e5;} .RefundAfter .RefundAfterLists{width: 100%;border-left: solid 1px #e5e5e5;} .RefundAfter .RefundAfterLists li{border-right: solid 1px #e5e5e5;border-bottom: solid 1px #e5e5e5;height: 55px;padding-top: 15px;} .RefundAfter .RefundAfterLists li.RefundAfter1{width: 208px;line-height: 36px;line-height: 18px;} .RefundAfter .RefundAfterLists li.RefundAfter2{width: 88px;line-height: 36px;} .RefundAfter .RefundAfterLists li.RefundAfter3{width: 122px;line-height: 18px;} .RefundAfter .RefundAfterLists li.RefundAfter4{width: 90px;line-height: 18px;} .RefundAfter .RefundAfterLists li.RefundAfter5{width: 193px;line-height: 18px;} .RefundAfter .RefundAfterLists li.RefundAfter6{width: 100px;line-height: 18px;} .RefundAfter .RefundAfterLists li.RefundAfter7{width: 100px;line-height: 18px;} .RefundAfter .RefundAfterLists li.RefundAfter7 button{width: 68px;height: 24px;line-height: 22px;background: #fff;border: solid 1px #26B7BC;color: #26B7BC;font-size: 14px;margin-top: 8px;padding: 0;} .RefundAfter .RefundAfterLists li.RefundAfter7 button:hover{background: #26B7BC;border: solid 1px #26B7BC;color: #fff;} /* 我的订单-退款售后 end */ /* 资质列表 start */ .Qualifications{margin-top: 20px;width: 100%;} .Qualifications li{width: 223px;height: 300px;margin-left: 20px;text-align: center;margin-top: 10px;} .Qualifications li>.img{width: 200px;padding: 10px 10px 0 10px;height: 220px;cursor: pointer;position: relative;} .Qualifications li>p{height: 18px;line-height: 18px;} /*.Qualifications li:nth-child(3n){margin-right: 20px;}*/ .Qualifications li img{max-width: 100%;max-height: 100%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;} .bigImg{width: 100%;height: 100%;background: url(../img/mate/black30.png) repeat;position: fixed;left: 0;top: 0;z-index: 5;} .bigImg img{position: absolute;z-index: 3;left: 50%;top: 50%;} .bigImg .prve{position: absolute;z-index: 3;left: 20px;top: 50%;font-size: 42px;cursor: pointer;} .bigImg .next{position: absolute;z-index: 3;right: 20px;top: 50%;font-size: 42px;cursor: pointer;} .bigImg i:hover{color: #eee;} .bigImg .bg{width: 100%;height: 100%;position: absolute;z-index: 2;left: 0;top: 0;} .lookBigImg{width: 100%;height: 100%;background: url(../img/mate/black30.png) repeat;position: fixed;left: 0;top: 0;z-index: 5;} .lookBigImg img{position: absolute;z-index: 6;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 90%;max-height: 90%;} .lookBigImg div{position: absolute;z-index: 6;bottom: 15px;width: 100%;font-size: 16px;} .bigImg1{position: fixed;left: 0;top: 0;z-index: 5;width: 100%;height: 100%;background: url(../img/mate/black30.png) repeat;} .bigImg1 .bg1{width: 100%;height: 100%;position: relative;} .bigImg1 .bg1 img{position: absolute;margin: 0;padding: 0;} .myDiv{height: 54px;width:340px;border-radius:15px;background: #989898;position: fixed;bottom: 0;left: 40%;} .myDiv img{height: 50%;float: left;padding-left: 26px;margin-top: 15px} /* 资质列表 end */ /* 我的收藏 start */ .MyCollection{width: 948px;} .MyCollection .title{height: 40px;line-height: 40px;padding: 0 20px;} .MyCollection .title a{padding-left: 20px;display: block;background: url(../img/mate/icon-remove.png) no-repeat left center;} .MyCollection .CollNav{height: 20px;padding: 20px;margin-top: 20px;} .MyCollection .CollNav li{margin-right: 20px;height: 20px;line-height: normal;color: #333;font-size: 14px;cursor: pointer;} .MyCollection .CollNav li.active{color: #2eb6aa;border-bottom: solid 2px #2eb6aa;font-weight: bold;} .MyCollection .CollCont{height: auto;} .MyCollection .CollCont .list{width: 215px;height: 263px;margin-right: 16px;cursor: pointer;position: relative;} .MyCollection .CollCont .list .item{width: 215px;height: 263px;} .MyCollection .CollCont .list:nth-child(4n){margin-right: 0;} .MyCollection .CollCont .list .item .bgImg{position: absolute;width: 94px;height: 94px;left: 61px;top: 60px;} .MyCollection .CollCont .list .item .bgImg img{margin: 0;} .MyCollection .CollCont .list .item .bgText{position: absolute;width: 100%;top: 60px;line-height: 94px;} .MyCollection .CollCont .list .item img{display: block;margin: 18px auto 0 auto;} .MyCollection .CollCont .list .Collection{display: none;width: 50px;height: 28px;position: absolute;top: 8px;left: 9px;z-index: 3;border-radius: 2px;line-height: 28px;font-size: 14px;} .MyCollection .CollCont .list .Collection:hover{background: #2eb6aa;} .MyCollection .CollCont .list .QH{width: 94px;height: 94px;position: absolute;left: 61px;top: 45px;background: url(../img/mate/blackYuan30.png) no-repeat center center;border-radius: 47px;color: #e5e5e5;font-size: 14px;line-height: 94px;text-align: center;} .MyCollection .CollCont .list .cont{position: absolute;width: 179px;left: 18px;top: 180px;line-height: 22px;transition: .3s;z-index: 2;} .MyCollection .CollCont .list .cont .price{height: 22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .MyCollection .CollCont .list .cont .name{height: 22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .MyCollection .CollCont .list .cont .company{height: 22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .MyCollection .CollCont .list .btn{position: absolute;left: 0;bottom: -40px;width: 215px;height:40px;opacity: 0;transition: .3s;filter:alpha(opacity=0);z-index: -1;} .MyCollection .CollCont .list .btn button{width: 107px;height: 40px;line-height: 40px;font-size: 14px;} .MyCollection .CollCont .list:hover .cont{top: 150px;} .MyCollection .CollCont .list:hover .btn{bottom: 0;opacity: 1;filter:alpha(opacity=100);z-index:10;} .MyCollection .CollCont .list:hover{box-shadow: 0 0 2px 2px #eee;} .MyCollection .CollCont .list:hover .Collection{display: block;} /*.MyCollection .CollCont.dianpu{width: 908px;height: 606px;} .MyCollection .CollCont.dianpu li{width: 908px;height: 183px;border-bottom: solid 3px #fff;} .MyCollection .CollCont.dianpu li:hover{border-bottom: solid 3px #26B7BC;}*/ /*..MyCollection .CollCont.dianpu{width: 1200px;height: 195px;padding: 20px 0 0 0;}*/ .MyCollection .dianpu>div>ul{width: 908px;border-bottom: solid 3px transparent; padding-bottom: 10px; margin-bottom: 30px;} .MyCollection .dianpu>div>ul:hover{width: 908px;border-bottom: solid 3px #26B7BC;} .MyCollection .dianpu>div>ul li.shop{width: 334px;position: relative;float: left;margin-right: 2px;} .MyCollection .dianpu>div>ul li.shop .QS{position: absolute;right: 0;top: 10px;height: 22px;line-height: 22px;font-size: 14px;padding: 0 3px 0 10px;border-radius: 11px 0 0 11px;} .MyCollection .dianpu>div>ul li.shop img{display: block;margin: 0 auto;padding: 20px 0 10px 0;width: 70px;height: 70px;} .MyCollection .dianpu>div>ul li.shop .ManJian{padding: 5px 12px;position: relative;} .MyCollection .dianpu>div>ul li.shop .ManJian>span{display: block;font-size: 12px;width: 18px;height: 18px;border-radius: 2px;line-height: 18px;float: left;} .MyCollection .dianpu>div>ul li.shop .ManJian p{display: block;font-size: 14px;line-height: 18px;margin: 0 10px 0 5px;float: left;} .MyCollection .dianpu>div>ul li.shop .ManJian .ManJianDetail{position: absolute;background: #f3f7ff;padding: 10px 20px 20px 20px;top: 26px;left: 100px;box-shadow: 0 0 2px 3px rgba(0,0,0,.02);display: none;z-index: 10;} .MyCollection .dianpu>div>ul li.shop .ManJian .ManJianDetailSJ{position: absolute;top: 10px;left: 118px;border-left: solid 8px transparent;border-top: solid 8px transparent;border-right: solid 8px transparent;border-bottom: solid 8px #f3f7ff;display: none;z-index: 10;} .MyCollection .dianpu>div>ul li.shop .ManJian:hover .ManJianDetail{display: block;} .MyCollection .dianpu>div>ul li.shop .ManJian:hover .ManJianDetailSJ{display: block;} .MyCollection .dianpu>div>ul li.shop .ManJian .ManJianDetail li{padding: 4px 0;height: 18px;} .MyCollection .dianpu>div>ul li.shop .ManJian .ManJianDetail .ManJianText{display: block;float: left;line-height: 18px;padding-right: 3px;cursor: pointer;} .MyCollection .dianpu>div>ul li.shop .ManJian .ManJianDetail li:hover .ManJianText{text-decoration: underline;} .MyCollection .dianpu>div>ul li.shop .ManJian .ManJianDetail .ManJianCoupons{width: 45px;height: 18px;background: transparent;border: solid 1px #2eb6aa;border-radius: 2px;font-size: 12px;display: block;float: left;line-height: 16px;} .MyCollection .dianpu>div>ul li.commodity{width: 420px;padding-left: 20px;float: left;} .MyCollection .dianpu>div>ul li.commodity .commodity_list{width: 120px;margin: 16px 20px 0 0;float: left;text-decoration: none;display: block;} .MyCollection .dianpu>div>ul li.commodity .commodity_list img{display: block;margin: 0 auto;margin-top: 0;width: 120px;height: 120px;transition: .5s;-o-transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;} .MyCollection .dianpu>div>ul li.commodity .commodity_list .price{padding-top: 10px;display: block;transition: .5s;-o-transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;} .MyCollection .dianpu>div>ul li.commodity .commodity_list:hover img{margin-top: -10px;} .MyCollection .dianpu>div>ul li.commodity .commodity_list:hover .price{padding-top: 20px;} .MyCollection .dianpu>div>ul li.goShop{height: 120px;width: 120px;float: left;margin: 16px 0 0 0;} .MyCollection .dianpu>div>ul li.goShop .goShopBg{height: 100px;width: 100px;float: right;padding: 10px;cursor: pointer;} .MyCollection .dianpu>div>ul li.goShop .goShopBg .goShoplook{height: 33px;width: 100px;border-bottom: dotted 1px #ddd;padding-top: 13px;transition: .5s;-o-transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;} .MyCollection .dianpu>div>ul li.goShop .goShopBg img{display: block;margin: 10px auto;transition: .5s;-o-transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;} .MyCollection .dianpu>div>ul li.goShop .goShopBg:hover .goShoplook{width: 97px;padding-left:15px;} .MyCollection .dianpu>div>ul li.goShop .goShopBg:hover img{padding-left: 15px;} /* 我的收藏 end */ /* 我的订单-退货退款-仅退款 start */ .refunds .top{width: auto;height: 132px;padding: 20px;margin-top: 20px;} .refunds .top .state{width: 290px;height: 132px;border-right: solid 1px #e5e5e5;line-height: 24px;} .refunds .top .state .stateTitle{font-size: 18px;line-height: 36px;padding-top: 14px;height: 36px;} .refunds .top .Progress{width: 869px;height: 92px;padding-top: 40px;} .refunds .top .Progress .ProgressCont{padding-left: 180px;width: 689px;position: relative;} .refunds .top .Progress .ProgressCont .list{width: 170px;position: relative;z-index: 2;} .refunds .top .Progress .ProgressCont .list .number{width: 26px;height: 26px;background: url(../img/mate/refund.png) no-repeat center center;line-height: 26px;margin: 0 auto;} .refunds .top .Progress .ProgressCont .list span{color: #B2B2B2;} .refunds .top .Progress .ProgressCont .list.blue .number{background: url(../img/mate/refund-blue.png) no-repeat center center;} .refunds .top .Progress .ProgressCont .list.blue span{color: #2eb6aa;} .refunds .top .Progress .ProgressCont .ProgressHeng{position: absolute;width: 170px;height: 12px;z-index: 1;} .refunds .top .Progress .ProgressCont .ProgressHeng.Heng1{top: 7px;left: 265px;} .refunds .top .Progress .ProgressCont .ProgressHeng.Heng2{top: 7px;left: 435px;} .refunds .mode{margin-top: 10px;} .refunds .mode>.left{width:555px;height: 248px;padding: 20px;} .refunds .mode>.left{width:555px;} .refunds .mode>.left>p{width:114px;padding-right: 10px;} .refunds .mode>.left>span{width:430px;} .refunds .mode>.left>span>input{width: 198px;height: 30px;line-height: 30px;margin-top: 8px;} .refunds .mode>.left>span>.isAllTui{width: 96px;height: 32px;line-height: 32px;margin: 8px 0 0 10px;cursor: pointer;user-select: none;} .refunds .mode>.left>span>.isAllTui>img{margin: 8px 5px 0 0;} .refunds .mode>.left>span>.isAllTui>img.on{display: none;} .refunds .mode>.left>span>.isAllTui>img.off{display: block;} .refunds .mode>.left>span>.isAllTui.check>img.on{display: block;} .refunds .mode>.left>span>.isAllTui.check>img.off{display: none;} .refunds .mode>.left>span>.postageTui{width: 96px;height: 32px;line-height: 32px;margin: 8px 0 0 10px;cursor: pointer;user-select: none;} .refunds .mode>.left>span>.postageTui>img{margin: 8px 5px 0 0;} .refunds .mode>.left>span>.postageTui>img.on{display: none;} .refunds .mode>.left>span>.postageTui>img.off{display: block;} .refunds .mode>.left>span>.postageTui.check>img.on{display: block;} .refunds .mode>.left>span>.postageTui.check>img.off{display: none;} .refunds .mode>.left>span>.select{height: 30px;width: 188px;line-height: 30px;margin-top: 8px;cursor: pointer;padding-left: 10px;position: relative;} .refunds .mode>.left>span>.select .select_cont{position: absolute;top: 31px;left: -1px;border-left: solid 1px #e5e5e5;border-right: solid 1px #e5e5e5;width: 198px;z-index: 1;display: none;} .refunds .mode>.left>span>.select .select_cont li{border-bottom: solid 1px #e5e5e5;} .refunds .mode>.left>span>.select .SJ{width: 0;height: 0;position: absolute;border-top: solid 7px #808080;border-left: solid 7px transparent;border-right: solid 7px transparent;border-bottom: solid 7px transparent;right: 9px;top: 12px;} .refunds .mode>.left>span>.select.open .select_cont{display: block;} .refunds .mode>.left>span>.select.open .SJ{width: 0;height: 0;position: absolute;border-top: solid 7px transparent;border-left: solid 7px transparent;border-right: solid 7px transparent;border-bottom: solid 7px #808080;right: 9px;top: 5px;} .refunds .mode>.left>span>textarea{width: 370px;height: 54px;padding: 5px;line-height: 18px;overflow-y: auto;} .refunds .mode>.right{width:555px;height: 248px;padding: 20px;} .refunds .mode>.right>p{width:110px;padding-right: 10px;} .refunds .mode>.right>span{width:430px;} .refunds .mode>.right>span>.img{height: 80px;} .refunds .mode>.right>span>.img .list{height: 78px;width: 78px;border: solid 1px #e5e5e5;margin-right: 10px;position: relative;} .refunds .mode>.right>span>.img .list .listHover{height: 78px;width: 78px;position: absolute;left: 0;top: 0;background: #4c4c4c;display: none;} .refunds .mode>.right>span>.img .list:hover .listHover{display: block;} .refunds .mode>.right>span>.img .list .listHover a{line-height: 78px;color: #ebebeb;} .refunds .mode>.right>span>.img>.addImg{height: 78px;width: 78px;border: solid 1px #e5e5e5;margin-right: 10px;position: relative;} .refunds .mode>.right>span>.img>.addImg>input{height: 80px;width: 80px;position: absolute;left: 0;top: 0;opacity: 0;filter: alpha(opacity=0);} .refunds .mode>.right>span>.img>.addImg>img{display: block;margin: 6px auto;} .refunds .mode>.right>span>.img>.number{height: 20px;padding-top: 60px;} .refunds .btn{padding: 20px;margin-top: 20px;height: 36px;} .refunds .btn button{width: 120px;height: 36px;line-height: 36px;display: block;margin: 0 auto;} /* 我的订单-退货退款-仅退款 end */ /* 我的订单-退货退款-退货退款 start */ .refunds .top .Progress .refundAllCont{padding-left: 10px;position: relative;_position: absolute;} .refunds .top .Progress .refundAllCont .list{width: 170px;position: relative;z-index: 2;} .refunds .top .Progress .refundAllCont .list .number{width: 26px;height: 26px;background: url(../img/mate/refund.png) no-repeat center center;line-height: 26px;margin: 0 auto;} .refunds .top .Progress .refundAllCont .list span{color: #B2B2B2;} .refunds .top .Progress .refundAllCont .list.blue .number{background: url(../img/mate/refund-blue.png) no-repeat center center;} .refunds .top .Progress .refundAllCont .list.blue span{color: #2eb6aa;} .refunds .top .Progress .refundAllCont .ProgressHeng{position: absolute;width: 170px;height: 12px;z-index: 1;} .refunds .top .Progress .refundAllCont .ProgressHeng.Heng1{top: 7px;left: 95px;} .refunds .top .Progress .refundAllCont .ProgressHeng.Heng2{top: 7px;left: 265px;} .refunds .top .Progress .refundAllCont .ProgressHeng.Heng3{top: 7px;left: 435px;} .refunds .top .Progress .refundAllCont .ProgressHeng.Heng4{top: 7px;left: 605px;} .refundAllmode{margin-top: 20px;} .refunds .refundAllmode>.left{width:555px;height: 228px;padding: 40px 20px 20px 20px;} .refunds .refundAllmode>.left>p{width:114px;padding-right: 10px;} .refunds .refundAllmode>.left>span{width:430px;} .refunds .mode>.left>span>input{width: 198px;height: 30px;line-height: 30px;margin-top: 8px;} .refunds .refundAllmode>.left>span>.isAllTui{width: 100px;height: 32px;line-height: 32px;margin: 8px 0 0 10px;} .refunds .refundAllmode>.left>span>.isAllTui>img{margin: 8px 5px 0 0;cursor: pointer;} .refunds .refundAllmode>.left>span>.select{height: 30px;width: 188px;line-height: 30px;margin-top: 8px;cursor: pointer;padding-left: 10px;position: relative;} .refunds .refundAllmode>.left>span>.select .select_cont{position: absolute;top: 31px;left: -1px;border-left: solid 1px #e5e5e5;border-right: solid 1px #e5e5e5;width: 198px;z-index: 1;display: none;} .refunds .refundAllmode>.left>span>.select .select_cont li{border-bottom: solid 1px #e5e5e5;} .refunds .refundAllmode>.left>span>.select .SJ{width: 0;height: 0;position: absolute;border-top: solid 7px #808080;border-left: solid 7px transparent;border-right: solid 7px transparent;border-bottom: solid 7px transparent;right: 9px;top: 12px;} .refunds .refundAllmode>.left>span>.select.open .select_cont{display: block;} .refunds .refundAllmode>.left>span>.select.open .SJ{width: 0;height: 0;position: absolute;border-top: solid 7px transparent;border-left: solid 7px transparent;border-right: solid 7px transparent;border-bottom: solid 7px #808080;right: 9px;top: 5px;} .refunds .refundAllmode>.left>span>textarea{width: 370px;height: 54px;padding: 5px;line-height: 18px;overflow-y: auto;} .refunds .refundAllmode>.right{width:555px;height: 248px;padding: 20px;} .refunds .refundAllmode>.right>p{width:110px;padding-right: 10px;} .refunds .refundAllmode>.right>span{width:430px;} .refunds .refundAllmode>.right>span>.img{height: 80px;} .refunds .refundAllmode>.right>span>.img .list{height: 78px;width: 78px;border: solid 1px #e5e5e5;margin-right: 10px;position: relative;} .refunds .refundAllmode>.right>span>.img .list .listHover{height: 78px;width: 78px;position: absolute;left: 0;top: 0;background: #4c4c4c;display: none;} .refunds .refundAllmode>.right>span>.img .list:hover .listHover{display: block;} .refunds .refundAllmode>.right>span>.img .list .listHover a{line-height: 78px;color: #ebebeb;} .refunds .refundAllmode>.right>span>.img>.addImg{height: 78px;width: 78px;border: solid 1px #e5e5e5;margin-right: 10px;position: relative;} .refunds .refundAllmode>.right>span>.img>.addImg>input{height: 80px;width: 80px;position: absolute;left: 0;top: 0;opacity: 0;filter: alpha(opacity=0);} .refunds .refundAllmode>.right>span>.img>.addImg>img{display: block;margin: 6px auto;} .refunds .refundAllmode>.right>span>.img>.number{height: 20px;padding-top: 60px;} .refundAll .orderLists{margin-top: 10px;padding: 20px;} .refundAll .orderLists .orderTh{height: 34px;line-height: 34px;margin-top: 20px;} .refundAll .orderLists .lists{height: 34px;line-height: 34px;background: #fff;} .refundAll .orderLists .lists:nth-child(odd){background: #f8f8f8;} .refundAll .orderLists .lists:hover{background: #ebebeb;} .refundAll .orderLists li.list1{width: 340px;} .refundAll .orderLists li.list2{width: 120px;} .refundAll .orderLists.kt li.list2{width: 120px;} .refundAll .orderLists li.list3{width: 120px;} .refundAll .orderLists.kt li.list3{width: 125px;} .refundAll .orderLists li.list4{width: 112px;padding: 0 34px;} .refundAll .orderLists.kt li.list4{width: 132px;padding: 0 4px;} .refundAll .orderLists li.list5{width: 90px;} .refundAll .orderLists li.list6{width: 260px;} /*.refundAll .orderLists .cont{width: 890px;}*/ .refundAll .priceAll{margin-top: 1px;line-height: 58px;height: 58px;padding: 0 20px;} .refundAll .priceAll .b{font-size: 24px;} .refundAll .priceAll .b>span{font-size: 14px;} .refundAll .orderLists li.list4 button{width: 26px;height: 26px;line-height: 24px;margin-top: 5px;font-size: 18px;padding: 0;} .refundAll .orderLists li.list4 input{width: 52px;height: 24px;line-height: 22px;margin: 4px 3px;} .refundAll .orderLists .orderTitle a{width: 66px;font-size: 12px;cursor: pointer;} .refundAll .orderLists .orderTitle a img{margin-top: 8px;} .refundAll .btn{padding: 20px 0 20px 485px;} .refundAll .btn button{width: 120px;line-height: 36px;height: 36px;margin-right: 10px;} /* 我的订单-退货退款-退货退款 end */ /* 我的订单-退款退货-仅退货各状态 start */ .refunds .mode>.left>span>img{margin-right: 10px;} .refundMore>.left{position: relative;} .refundMore>.left .state{position: absolute;left: 417px;top: 35px;} .refundMore>.right .refundMoreJinDu{width: 560px;height: 215px;overflow-y: auto;} .refundMore>.right .refundMoreJinDu{padding: 6px 0;} .refundMore>.right .refundMoreJinDu .time{width: 140px;padding: 5px 20px 5px 0;} .refundMore>.right .refundMoreJinDu .cont{width: 380px;padding: 5px 0;} .popup_no{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: url(../img/mate/black30.png) repeat;z-index: 3;} .popup_no_body{width: 460px;height: 248px;position: absolute;z-index: 4;left: 50%;top: 50%;margin-top: -190px;margin-left: -230px;} .popup_no_body .title{height: 40px;line-height: 40px;padding: 0 20px;} .popup_no_body .title img{cursor: pointer;margin-top: 13px;} .popup_no_body .cont{height: 60px;padding: 40px 0;line-height: 30px;} .popup_no_body .btn{height: 47px;margin-top: 11px;padding: 18px 0 0 140px;} .popup_no_body .btn button{width: 68px;height: 30px;margin-right: 44px;} /* 我的订单-退款退货-仅退货各状态 end */ /* 横条2个按钮 start */ .btnTwo{padding: 20px 0 20px 475px;height: 36px;margin-top: 10px;} .btnTwo button{width: 120px;height: 36px;margin-right: 10px;font-size: 16px;} /* 横条2个按钮 end */ /* 横条1个按钮 start */ .btnOne{padding: 20px;height: 36px;margin-top: 10px;} .btnOne button{width: 120px;height: 36px;display: block;margin: 0 auto;} /* 横条1个按钮 end */ /* 店铺评价 start */ .shopEval{height: 52px;margin-top: 20px;line-height: 52px;} .shopEval>ul{padding-left: 20px;} .shopEval>ul>li{margin-right: 30px;cursor: pointer;} .shopEval>ul>li.active{color: #2eb6aa;font-weight: bold;} .shopEval>.right>span{margin-right: 20px;} .shopEvalLists{padding: 10px;min-height: 500px;} .shopEvalLists .list{line-height: 24px;padding: 6px 20px;} .shopEvalLists .list:nth-child(odd){background: #f8f8f8;} .shopEvalLists .list .name{width: 240px;} .shopEvalLists .list .eva img{margin: 4px 4px 0 0;} .shopEvalLists .list .eva span{margin-left: 5px;width: 700px;} /* 店铺评价end */ /* 商品列表 start */ .shopList_list{width: 232px;margin-right: 10px;position: relative;height: 267px;padding: 20px 0;margin-bottom: 10px;cursor: pointer;} .shopList_list>img{display: block;margin: 0 auto;} .shopList_list:nth-child(5n){margin-right: 0;} .shopList_list .name{height: 30px;line-height: 30px;} .shopList_list .company{height: 24px;line-height: 24px;} .shopList_list .spc{height: 24px;line-height: 24px;} .shopList_list .price{height: 40px;line-height: 40px;} .shopList_list .OutStock{width: 100px;height: 100px;position: absolute;left: 66px;top: 50px;border-radius: 50%;background: url(../img/mate/blackYuan30.png);line-height: 100px;z-index: 3;color: #ebebeb;} /* 商品列表 end */ /* 我的订单-退款退货-填写物流信息 start */ .return.data{margin-top: 10px;} .return.data>.left{width: 555px;padding: 20px;height: 150px;} .return.data>.left .title{width: 114px;padding-right: 10px;line-height: 48px;} .return.data>.left .cont{width: 430px;height: 48px;} .return.data>.left .cont .select{height: 30px;width: 188px;line-height: 30px;margin-top: 8px;cursor: pointer;padding-left: 10px;position: relative;} .return.data>.left .cont .select .select_cont{position: absolute;top: 31px;left: -1px;border-left: solid 1px #e5e5e5;border-right: solid 1px #e5e5e5;width: 198px;z-index: 1;display: none;} .return.data>.left .cont .select .select_cont li{border-bottom: solid 1px #e5e5e5;} .return.data>.left .cont .select .SJ{width: 0;height: 0;position: absolute;border-top: solid 7px #808080;border-left: solid 7px transparent;border-right: solid 7px transparent;border-bottom: solid 7px transparent;right: 9px;top: 12px;} .return.data>.left .cont .select.open .select_cont{display: block;} .return.data>.left .cont .select.open .SJ{width: 0;height: 0;position: absolute;border-top: solid 7px transparent;border-left: solid 7px transparent;border-right: solid 7px transparent;border-bottom: solid 7px #808080;right: 9px;top: 5px;} .return.data>.left .cont input{width: 188px;height: 30px;border-radius: 2px;padding-left: 10px;margin-top: 8px;text-indent: 0;} .return.data>.left .cont button{width: 120px;height: 36px;} .return.data>.right{width: 555px;padding: 20px;height: 150px;} .return.data>.right .title{width: 114px;padding-right: 10px;line-height: 30px;} .return.data>.right .cont{width: 430px;line-height: 30px;} /* 我的订单-退款退货-填写物流信息 end */ /* 帐号管理-资质管理 start */ .QualificationAge{width: 948px;} .QualificationAge .title{padding: 0 20px;height: 40px;line-height: 40px;} .QualificationAge .title button{height: 24px;width: 80px;font-size: 14px;line-height: 24px;margin-top: 8px;padding: 0;} .QualificationAge .cont{width: 948px;margin-top: 20px;} .QualificationAge .cont>li{width: 948px;} .QualificationAge .cont>li .top{width: 908px;height: 56px;padding: 0 20px;border-bottom: solid 2px #26B7BC;line-height: 56px;font-size: 18px;cursor: pointer;} .QualificationAge .cont>li .top span img{display: block;margin-top: 25px;} .QualificationAge .cont>li .top .icon-bottom{display: block;} .QualificationAge .cont>li .top .icon-top{display: none;} .QualificationAge .cont>li.open .top{border-bottom: solid 2px transparent;} .QualificationAge .cont>li.open .top .icon-bottom{display: none;} .QualificationAge .cont>li.open .top .icon-top{display: block;} .QualificationAge .cont>li .detailCont{padding: 0 20px;width: 908px;display: none;} .QualificationAge .cont>li.open .detailCont{display: block;border-bottom: solid 2px #26B7BC;} .QualificationAge .cont>li .detailCont>p{padding-top: 20px;height: 28px;} .QualificationAge .cont>li .detailCont .xifen{padding-bottom: 20px;line-height: 20px;border-bottom: dashed 1px #e5e5e5;} .QualificationAge .cont>li .detailCont .xifen a{margin-right: 13px;} .QualificationAge .cont>li .detailCont .information{padding: 20px 0;border-top: dashed 1px #e5e5e5;margin-top: 3px;} .QualificationAge .cont>li .detailCont .information .informationNav{height: 16px;line-height: 16px;font-size: 16px;} .QualificationAge .cont>li .detailCont .information .informationNav li{height: 16px;padding: 0 20px;border-left: solid 2px #e5e5e5;cursor: pointer;} .QualificationAge .cont>li .detailCont .information .informationNav li:first-child{padding-left: 0;border: 0} .QualificationAge .cont>li .detailCont .information .informationNav li.active{color: #2eb6aa;} .QualificationAge .cont>li .detailCont .information .informationList{width: 908px;padding: 10px 0 0 0;} .QualificationAge .cont>li .detailCont .information .informationList>.left{width: 110px;padding-right: 10px;height: 48px;line-height: 48px;} .QualificationAge .cont>li .detailCont .information .informationList>.right{width: 780px;height: 48px;} .QualificationAge .cont>li .detailCont .information .informationList>.left.radio{height: 38px;line-height: 38px;} .QualificationAge .cont>li .detailCont .information .informationList>.left.text{height: 80px;line-height: 38px;} .QualificationAge .cont>li .detailCont .information .informationList>.right.radio{height: 38px;line-height: 38px;} .QualificationAge .cont>li .detailCont .information .informationList>.right.text{height: 80px;} .QualificationAge .cont>li .detailCont .information .informationList>.left.btn{height: 36px;padding-top: 10px;} .QualificationAge .cont>li .detailCont .information .informationList>.right.btn{height: 36px;padding-top: 10px;} .QualificationAge .cont>li .detailCont .information .informationList>.left.detail{height: auto;} .QualificationAge .cont>li .detailCont .information .informationList>.right.detail{height: auto;} .QualificationAge .cont>li .detailCont .information .informationList>.right input{height: 30px;width: 188px;line-height: 30px;text-indent: 0;padding-left: 10px;border-radius: 2px;margin-top: 8px;} .QualificationAge .cont>li .detailCont .information .informationList>.right textarea{height: 54px;width: 368px;padding: 5px;text-indent: 0;border-radius: 2px;overflow-y: auto;} .QualificationAge .cont>li .detailCont .information .informationList>.right button{height: 36px;width: 120px;margin-right: 10px;} .QualificationAge .cont>li .detailCont .information .informationList>.right .select{height: 30px;width: 115px;line-height: 30px;margin: 8px 2px 0 0;cursor: pointer;padding-left: 10px;position: relative;} .QualificationAge .cont>li .detailCont .information .informationList>.right .select .select_cont{position: absolute;top: 31px;left: -1px;border-left: solid 1px #e5e5e5;border-right: solid 1px #e5e5e5;width: 125px;z-index: 1;display: none;max-height: 300px;overflow-y: auto;} .QualificationAge .cont>li .detailCont .information .informationList>.right .select .select_cont li{border-bottom: solid 1px #e5e5e5;} .QualificationAge .cont>li .detailCont .information .informationList>.right .select .SJ{width: 0;height: 0;position: absolute;border-top: solid 7px #808080;border-left: solid 7px transparent;border-right: solid 7px transparent;border-bottom: solid 7px transparent;right: 9px;top: 12px;} .QualificationAge .cont>li .detailCont .information .informationList>.right .select.open .select_cont{display: block;} .QualificationAge .cont>li .detailCont .information .informationList>.right .select.open .SJ{width: 0;height: 0;position: absolute;border-top: solid 7px transparent;border-left: solid 7px transparent;border-right: solid 7px transparent;border-bottom: solid 7px #808080;right: 9px;top: 5px;} .QualificationAge .cont>li .detailCont .information .informationList>.right.radio p{padding-right: 30px;} .QualificationAge .cont>li .detailCont .information .informationList>.right.radio p img{margin: 11px 3px 0 0;cursor: pointer;} .QualificationAge .cont>li .detailCont .information .informationList>.right.radio p img.on{display: none;} .QualificationAge .cont>li .detailCont .information .informationList>.right.radio p img.off{display: block;} .QualificationAge .cont>li .detailCont .information .informationList>.right.radio p.checkedRadio img.off{display: none;} .QualificationAge .cont>li .detailCont .information .informationList>.right.radio p.checkedRadio img.on{display: block;} .QualificationAge .cont>li .detailCont .information .informationList>.zengzhi{display: none;} .QualificationAge .cont>li .detailCont .information .informationList.addTax>.zengzhi{display: block;} /*新增资质*/ .popup_qualification{width: 100%;height: 100%;background: url(../img/mate/black30.png) repeat;position: fixed;z-index: 1;left: 0;top: 0;} .popup_qualification .information{padding: 20px 0;width: 908px;position: absolute;z-index: 2;left: 50%;margin-left: -474px;top: 20%;} .popup_qualification .information .informationNav{height: 16px;line-height: 16px;font-size: 16px;} .popup_qualification .information .informationNav li{height: 16px;padding: 0 20px;border-left: solid 2px #e5e5e5;cursor: pointer;} .popup_qualification .information .informationNav li.active{color: #2eb6aa;} .popup_qualification .information .informationList{width: 908px;padding: 10px 0 0 0;} .popup_qualification .information .informationList>.left{width: 110px;padding-right: 10px;height: 48px;line-height: 48px;} .popup_qualification .information .informationList>.right{width: 780px;height: 48px;} .popup_qualification .information .informationList>.left.radio{height: 38px;line-height: 38px;} .popup_qualification .information .informationList>.left.text{height: 80px;line-height: 38px;} .popup_qualification .information .informationList>.right.radio{height: 38px;line-height: 38px;} .popup_qualification .information .informationList>.right.text{height: 80px;} .popup_qualification .information .informationList>.left.btn{height: 36px;padding-top: 10px;} .popup_qualification .information .informationList>.right.btn{height: 36px;padding-top: 10px;} .popup_qualification .information .informationList>.left.detail{height: auto;} .popup_qualification .information .informationList>.right.detail{height: auto;} .popup_qualification .information .informationList>.right input{height: 30px;width: 188px;line-height: 30px;text-indent: 0;padding-left: 10px;border-radius: 2px;margin-top: 8px;} .popup_qualification .information .informationList>.right .shopTips{height: 30px;width: 200px;line-height: 30px;margin-left: 208px;margin-top: 8px;font-size: 12px;color: red;} .popup_qualification .information .informationList>.right textarea{height: 54px;width: 368px;padding: 5px;text-indent: 0;border-radius: 2px;overflow-y: auto;} .popup_qualification .information .informationList>.right button{height: 36px;width: 120px;margin-right: 10px;} .popup_qualification .information .informationList>.right .tip{height: 30px;line-height: 30px;margin-left: 10px;margin-top: 8px;padding: 0 5px;border-radius: 2px;} .popup_qualification .information .informationList>.right .select{height: 30px;width: 115px;line-height: 30px;margin: 8px 2px 0 0;cursor: pointer;padding-left: 5px;position: relative;} .popup_qualification .information .informationList>.right .select .select_cont{position: absolute;top: 31px;left: -1px;border-left: solid 1px #e5e5e5;border-right: solid 1px #e5e5e5;width: 120px;z-index: 1;display: none;max-height: 300px;overflow-y: auto;} .popup_qualification .information .informationList>.right .select .select_cont li{border-bottom: solid 1px #e5e5e5;} .popup_qualification .information .informationList>.right .select .SJ{width: 0;height: 0;position: absolute;border-top: solid 7px #808080;border-left: solid 7px transparent;border-right: solid 7px transparent;border-bottom: solid 7px transparent;right: 9px;top: 12px;} .popup_qualification .information .informationList>.right .select.open .select_cont{display: block;} .popup_qualification .information .informationList>.right .select.open .SJ{width: 0;height: 0;position: absolute;border-top: solid 7px transparent;border-left: solid 7px transparent;border-right: solid 7px transparent;border-bottom: solid 7px #808080;right: 9px;top: 5px;} .popup_qualification .information .informationList>.right.radio p{padding-right: 30px;} .popup_qualification .information .informationList>.right.radio p img{margin: 11px 3px 0 0;cursor: pointer;} .popup_qualification .information .informationList>.right.radio p img.on{display: none;} .popup_qualification .information .informationList>.right.radio p img.off{display: block;} .popup_qualification .information .informationList>.right.radio p.checkedRadio img.off{display: none;} .popup_qualification .information .informationList>.right.radio p.checkedRadio img.on{display: block;} .popup_qualification .information .informationList>.zengzhi{display: none;} .popup_qualification .information .informationList.addTax>.zengzhi{display: block;} /* 帐号管理-资质管理 end */ /* 我的云采 start */ .MyCloud{width: 948px;} .MyCloud .stateList{padding: 30px 20px 30px 30px;height: 100px;} .MyCloud .stateList .name{width: 165px;padding: 10px 10px 0 0;max-height: 80px;font-size: 16px;} .MyCloud .stateList .certified{position: relative;margin-right: 4px} .MyCloud .stateList .certified .mb{display: none;position: absolute;top: 30px;left: -30px;width: 160px;padding: 20px 20px 20px 20px;font-weight: normal; background-color: rgba(0,0,0,0.7);font-size:14px;line-height:24px;border-radius: 5px;z-index: 10;} .MyCloud .stateList .certified .sjx{display: none;position: absolute;left: 0;top: 12px;width: 0;height: 0;border-top: solid 9px transparent;border-right: solid 9px transparent;border-bottom: solid 9px rgba(0,0,0,.7);border-left: solid 9px transparent;} .MyCloud .stateList .name .certified:hover .mb{display: block;} .MyCloud .stateList .name .certified:hover .sjx{display: block;} .MyCloud .stateList .list{width: 720px;height: 100px;} .MyCloud .stateList .list .item{width: 80px;height: 100px;margin: 0 20px;cursor: pointer;} .MyCloud .stateList .list .item a{width: 80px;height: 100px;display: block;position: relative;} .MyCloud .stateList .list .item a img{width: 70px;height: 70px;position: absolute;left: 5px;top: 5px;transition: .3s;-webkit-transition: .3s;-o-transition: .3s;-moz-transition: .3s;} .MyCloud .stateList .list .item a p{width: 80px;height: 20px;position: absolute;bottom: 0;left: 0;} .MyCloud .stateList .list .item a p span{display: block;line-height: 10px;} .MyCloud .stateList .list .item a:hover img{top: -5px;} .MyCloud .MyCloud_shouCang{padding: 10px 20px;margin-top: 20px;} .MyCloud .MyCloud_shouCang .title{height: 32px;line-height: 32px;} .MyCloud .MyCloud_shouCang .list{width: 215px;height: 263px;margin-left: 16px;position: relative;cursor: pointer;} .MyCloud .MyCloud_shouCang .list:nth-of-type(2){margin-left: 0;} .MyCloud .MyCloud_shouCang .list img{display: block;margin: 18px auto 0 auto;} .MyCloud .MyCloud_shouCang .list .bgImg{position: absolute;top:50%;left: 50%;z-index: 10;margin-top: -105px;margin-left: -50px;} .MyCloud .MyCloud_shouCang .list .bgImg span{position: absolute;top:50%;left: 50%;z-index: 10;margin-left: -20px;} .MyCloud .MyCloud_shouCang .list .Collection{display: none;width: 50px;height: 28px;position: absolute;top: 8px;left: 9px;border-radius: 2px;line-height: 28px;font-size: 14px;} .MyCloud .MyCloud_shouCang .list .Collection:hover{background: #2eb6aa;} .MyCloud .MyCloud_shouCang .list .QH{width: 94px;height: 94px;position: absolute;left: 61px;top: 45px;background: url(../img/mate/blackYuan30.png) no-repeat center center;border-radius: 47px;color: #e5e5e5;font-size: 14px;line-height: 94px;text-align: center;} .MyCloud .MyCloud_shouCang .list .cont{position: absolute;width: 179px;left: 18px;top: 180px;line-height: 22px;transition: .3s;} .MyCloud .MyCloud_shouCang .list .cont .price{height: 22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .MyCloud .MyCloud_shouCang .list .cont .name{height: 22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .MyCloud .MyCloud_shouCang .list .cont .company{height: 22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .MyCloud .MyCloud_shouCang .list .btn{position: absolute;left: 0;bottom: -40px;width: 215px;height:40px;opacity: 0;transition: .3s;filter:alpha(opacity=0);z-index:-1;} .MyCloud .MyCloud_shouCang .list .btn button{width: 107px;height: 40px;line-height: 40px;font-size: 14px;} .MyCloud .MyCloud_shouCang .list:hover .cont{top: 150px;} .MyCloud .MyCloud_shouCang .list:hover .btn{bottom: 0;opacity: 1;filter:alpha(opacity=100);z-index:1;} .MyCloud .MyCloud_shouCang .list:hover{box-shadow: 0 0 2px 2px #eee;} .MyCloud .MyCloud_shouCang .list:hover .Collection{display: block;} /* 我的云采 end */ /* 帐号管理-基础信息 start */ .BasicInfor{width: 948px;} .BasicInfor .title{width: 908px;padding: 0 20px;height: 40px;line-height: 40px;} .BasicInfor .cont{width: 908px;padding: 20px;margin-top: 20px;} .BasicInfor .cont .top{width: 908px;height: 98px;border-bottom: dashed 1px #e5e5e5;line-height: 30px;} .BasicInfor .cont .top .name{width: 908px;height: 28px;line-height: normal;font-size: 16px;} .BasicInfor .cont .top>p{padding-right: 10px;width: 100px;} .BasicInfor .cont .top>span{width: 790px;} .BasicInfor .cont .bottom{width: 908px;margin-top: 3px;border-top: dashed 1px #e5e5e5;padding-top: 20px;} .BasicInfor .cont .bottom .bottomNav{width: 908px;height: 16px;line-height: 16px;} .BasicInfor .cont .bottom .bottomNav li{padding: 0 20px;border-left: solid 2px #e5e5e5;color: #333;cursor: pointer;font-size: 16px;} .BasicInfor .cont .bottom .bottomNav li.active{color: #2eb6aa;} .BasicInfor .cont .bottom .bottomNav li:first-child{padding-left: 0;border-left: 0;} .BasicInfor .cont .bottom .listCont{line-height: 48px;padding-top: 10px;} .BasicInfor .cont .bottom .listCont>div>p{height: 48px;width: 100px;padding-right: 10px;} .BasicInfor .cont .bottom .listCont>div>span{height: 48px;width: 790px;display: block;position: relative;} .BasicInfor .cont .bottom .listCont>div>span input{height: 30px;width: 188px;border-radius: 2px;text-indent: 0;padding-left: 10px;display: block;margin: 8px 0 0 0;line-height: 30px;} .BasicInfor .cont .bottom .listCont>div>span button{height: 36px;width: 120px;font-size: 18px;line-height: 36px;margin-right: 10px;} .BasicInfor .cont .bottom .listCont>div>span.code{position: relative;} .BasicInfor .cont .bottom .listCont>div>span.code button{position: absolute;width: 90px;height: 30px;top: 9px;left: 109px;font-size: 12px;line-height: 30px;} .BasicInfor .cont .bottom .listCont>div>span.pwd .success{position: absolute;top: 14px;left: 170px;display: none;} .BasicInfor .cont .bottom .listCont>div>span.pwd2 .success{position: absolute;top: 14px;left: 170px;display: none;} /* 帐号管理-基础信息 end */ /*平台优惠模块 start*/ .PlatformPreference{width: 100%;} .PlatformPreference .title{font-size: 14px;line-height: 24px;height: 24px;border-bottom: solid 3px #f8f8f8;padding-top: 15px;} .PlatformPreference .cont{margin-top: 6px;padding: 20px;} .PlatformPreference .cont .yuncaibi{cursor: pointer;} .PlatformPreference .cont .yuncaibi .on{display: none;} .PlatformPreference .cont .yuncaibi .off{display: block;margin: 2px 3px 0 0;} .PlatformPreference .cont .yuncaibi.checked .on{display: block;margin: 2px 3px 0 0;} .PlatformPreference .cont .yuncaibi.checked .off{display: none;} /*平台优惠模块 end*/ /* 帐号管理-资质管理 start */ .Drugstore{width: 948px;} .Drugstore .title{width: 908px;padding: 0 20px;height: 40px;line-height: 40px;} .Drugstore .cont{width: 908px;padding: 10px 20px 20px 20px;margin-top: 20px;} .Drugstore .cont .contTitle{padding-top: 10px;} .Drugstore .cont .xuanze{padding: 20px 0;line-height: 34px;} .Drugstore .cont .xuanze .select{line-height: 32px;height: 32px;width: 188px;position: relative;padding-left: 10px;cursor: pointer;z-index: 5;} .Drugstore .cont .xuanze .select .select_cont{position: absolute;left: -1px;top: 33px;background: #fff;border-left: solid 1px #e5e5e5;border-right: solid 1px #e5e5e5;width: 198px;text-align: center;display: none;z-index: 1;} .Drugstore .cont .xuanze .select.open .select_cont{display: block;} .Drugstore .cont .xuanze .select .select_cont li{border-bottom: solid 1px #e5e5e5;} .Drugstore .cont .xuanze .select .select_cont li:hover{background: #f8f8f8;} .Drugstore .cont .xuanze .select .SJ{width: 0;height: 0;position: absolute;border-top: solid 7px #808080;border-left: solid 7px transparent;border-right: solid 7px transparent;border-bottom: solid 7px transparent;right: 9px;top: 12px;} .Drugstore .cont .xuanze .select.open .SJ{width: 0;height: 0;position: absolute;border-bottom: solid 7px #808080;border-left: solid 7px transparent;border-right: solid 7px transparent;border-top: solid 7px transparent;right: 9px;top: 5px;} .Drugstore .cont .list{width: 908px;} .Drugstore .cont .list li{width: 212px;margin-right: 20px;position: relative;z-index: 2;margin-bottom: 15px;padding-top: 20px;height: 243px;} .Drugstore .cont .list li:nth-child(4n){margin-right: 0;} .Drugstore .cont .list li>a{position: absolute;right: 65px;top: 0;line-height: 20px;font-size: 12px;} .Drugstore .cont .list li .operator{position: absolute;right: 0;top: 0px;display: block;z-index: 4;font-size: 12px} .Drugstore .cont .list li .operator a{position:relative;display: block;float:left;text-align:center;height:20px;color: red} .Drugstore .cont .list li .operator a>div{width:100%;height:100%;} .Drugstore .cont .list li .operator a input{width:100%;height:100%;position:absolute;left:0;top:0;filter:alpha(opacity=0);opacity: 0;} .Drugstore .cont .list li:hover .operator{display: block;} .Drugstore .cont .list li .bg{position: relative;z-index: 3;width: 212px;height: 206px;padding: 20px 0 15px 0;} .Drugstore .cont .list li .bg .img{width: 212px;height: 184px;position: relative;z-index: 1;text-align: center;line-height: 184px;} .Drugstore .cont .list li .bg .img img{max-width: 100%;max-height: 100%;} .Drugstore .cont .list li .bg .img a{display: block;width:100%;height: 100%;position:absolute;left:0;top:0;color:#fff;} .Drugstore .cont .list li .bg .img .selectbtn{width: 212px;height: 184px;position: absolute;opacity: 0;filter: alpha(opacity=0);left: 0;top: 0;z-index: 22;} .Drugstore .cont .list li .bg .img .file_upload_1-button{width: 212px;height: 184px;position: absolute;left: 0;top: 0;z-index: 23;} .Drugstore .cont .list li .bg .state{position: absolute;right: 0;top: 0;width: 66px;height: 30px;line-height: 30px;z-index: 2;} .Drugstore .cont .list li .bg .txt{height: 22px;line-height: 14px;padding: 0 20px;} .Drugstore .cont .list li .bg .txt input{width: 120px;height: 20px;border: solid 1px transparent;line-height: 20px;color: #333;} .Drugstore .cont .list li .bg .txt .gai{cursor: pointer;} .Drugstore .cont .list li .bg .txt .text{max-width: 140px;} /* 帐号管理-资质管理 end */ /* 帐号管理-消息列表 start */ .newsList{width: 948px;} .newsList .title{width: 908px;padding: 0 20px;height: 40px;line-height: 40px;} .newsList .cont{width: 948px;margin-top: 20px;} .newsList .cont .navlist{width: 908px;height: 21px;line-height: 18px;} .newsList .cont .navlist li{margin-right: 20px;cursor: pointer;color: #333;} .newsList .cont .navlist li.active{font-weight: bold;color: #2eb6aa;border-bottom: solid 3px #2eb6aa;} .newsList .cont .contlist{width: 948px;} .newsList .cont .contlist li{width: 888px;height: 58px;border-bottom: solid 1px #e5e5e5;padding: 20px 10px;} .newsList .cont .contlist li>.left{width: 25px;} .newsList .cont .contlist li>.left .off{display: block;cursor: pointer;} .newsList .cont .contlist li>.left .on{display: none;cursor: pointer;} .newsList .cont .contlist li.check>.left .off{display: none;cursor: pointer;} .newsList .cont .contlist li.check>.left .on{display: block;cursor: pointer;} .newsList .cont .contlist li>.left.text{width: 700px;} .newsList .cont .contlist li .contTitle{width: 700px;height: 22px;} .newsList .cont .contlist li .contTitle span{line-height: 16px;} .newsList .cont .contlist li .contTitle p{width: 30px;height: 16px;border-radius: 2px;line-height: 16px;margin-left: 5px;font-size: 12px;} .newsList .cont .contlist li .detail{width: 700px;line-height: 20px;height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .newsList .all{padding: 10px;} .newsList .all span{margin-left: 7px;} .newsList .all a{margin-left: 20px;} .newsList .all img{margin-top: 3px;cursor: pointer;} .newsList .all .off{display: block;} .newsList .all .on{display: none;} .newsList .all.check .off{display: none;} .newsList .all.check .on{display: block;} /* 帐号管理-消息列表 end */ /* 帐号管理-消息详情 start */ .newsDetail{width: 948px;} .newsDetail .title{width: 908px;padding: 0 20px;height: 40px;line-height: 40px;} .newsDetail .cont{padding: 20px;margin-top: 20px;} /* 帐号管理-消息详情 end */ /* 帮助中心资讯页面 start */ .help{padding-top: 20px;} .help_nav{width: 232px;margin-right: 20px;} .help_nav dl{width: 232px;padding: 10px 0;margin: 0;} .help_nav dt{width: 202px;height: 40px;line-height: 40px;padding-left: 30px;} .help_nav dd{width: 232px;height: 36px;margin: 0;} .help_nav dd a{width: 172px;height: 36px;line-height: 36px;display: block;padding-left: 56px;border-left: solid 4px transparent;color: #666;} .help_nav dd a:hover{border-left: solid 4px #26B7BC;color: #26B7BC;text-decoration: none;background: #f8f8f8;} .help_nav dd a.active{border-left: solid 4px #26B7BC;color: #26B7BC;text-decoration: none;background: #f8f8f8;} .helpCont{padding: 20px;width: 908px;min-height: 788px;} .helpCont img{width: 100%;padding: 5px 0;} /* 帮助中心资讯页面 end */ /* 下拉列表滚动条 start */ .select .select_cont{max-height: 300px;overflow-y: auto;} /* 下拉列表滚动条 end */ /* 财务管理-我的积分 start */ .MyPoints{} .MyPoints ul{height: 34px;line-height: 34px;width: 908px;} .MyPoints ul:nth-of-type(odd){background: #f8f8f8;} .MyPoints ul li{width: 181px;} /* 财务管理-我的积分end */ /* 投诉建议 start */ .proposal{width: 908px;} .proposal>.title{height: 40px;line-height: 40px;padding: 0 20px;margin-bottom: 20px;} .proposal .cont{padding: 20px;} .proposal .content{width: 550px;height: 150px;margin: 10px 0;padding: 10px;} .proposal .img{height: 80px;padding-bottom: 10px;border-bottom: 3px solid #f8f8f8;margin-bottom: 10px;width: 650px;} .proposal .img .text{height: 80px;line-height: 80px;} .proposal .img .item{width: 78px;height: 78px;margin-right: 5px;position: relative;} .proposal .img .item input{width: 78px;height: 78px;position: absolute;left: 0;top: 0;z-index: 3;opacity: 0;filter:alpha(opacity=0);cursor: pointer;} .proposal .img .layui-upload-file{opacity: 0;filter:alpha(opacity=0);position: absolute;left: 100000px;} .proposal .img .item .suT{width: 4px;height: 50px;position: absolute;left: 50%;top: 50%;z-index: 2;margin: -25px 0 0 -2px;} .proposal .img .item .hengT{width: 50px;height: 4px;position: absolute;left: 50%;top: 50%;z-index: 2;margin: -4px 0 0 -25px;} .proposal .img .item .remove{width: 78px;height: 78px;position: absolute;left: 0;top: 0;z-index: 3;line-height: 78px;text-align: center;color: #fff;display: none;} .proposal .img .item .remove>span{cursor: pointer;} .proposal .img .item:hover .remove{display: block;} .proposal .list div{width: 70px;line-height: 40px;} .proposal .list input{width: 230px;height: 30px;line-height: 30px;margin-top: 4px;} .proposal .list button{margin: 10px 0 0 70px;} /* 投诉建议 end */ /* 列表为空时 start */ .blank{width: 100%;height: 120px;padding-top: 30px;} .blank p{padding: 10px;} /* 列表为空时 end */ /* 找回密码 start */ .forgetPassword{padding: 20px;margin: 20px 0;} .forgetPassword .topTip{width: 1160px;height: 44px;border-bottom: solid 1px #e5e5e5;line-height: 44px;} .forgetPassword .pres{width: 690px;height: 30px;padding: 10px 0 50px 0;margin: 0 auto;} .forgetPassword .pres li{width: 220px;height: 30px;line-height: 30px;background: #f1f1f1;position: relative;margin-right: 10px;} .forgetPassword .pres li.active{background: #2eb6aa;color: #fff;} .forgetPassword .pres li .rightSJ{position: absolute;right: -20px;top: 0;width: 0;height: 0;border-left: solid 10px #f1f1f1;border-top: solid 15px transparent;border-right: solid 10px transparent;border-bottom: solid 15px transparent;} .forgetPassword .pres li.active .rightSJ{position: absolute;right: -20px;top: 0;width: 0;height: 0;border-left: solid 10px #2EB6AA;border-top: solid 15px transparent;border-right: solid 10px transparent;border-bottom: solid 15px transparent;} .forgetPassword .pres li .leftSJ{position: absolute;left: 0;top: 0;width: 0;height: 0;border-left: solid 10px #fff;border-top: solid 15px transparent;border-right: solid 10px transparent;border-bottom: solid 15px transparent;} .forgetPassword .from{width: 690px;margin: 0 auto;} .forgetPassword .from .list{height: 36px;padding-bottom: 15px;line-height: 36px;} .forgetPassword .from .list>p{width: 100px;margin-right: 10px;} .forgetPassword .from .list>input{width: 200px;text-indent: 10px;height: 34px;line-height: 34px;border-radius: 3px;margin-right: 10px;font-size: 14px;} .forgetPassword .from .list>button{width: 130px;height: 36px;font-size: 14px;} .forgetPassword .from .list>span{font-size: 12px;} .forgetPassword .from .subTip1,.forgetPassword .from .subTip2{padding-left: 110px;font-size: 12px;} .forgetPassword .from .success{padding: 20px;} .forgetPassword .from .success>.h3{padding-top: 20px;} .forgetPassword .from .success>.h5{padding-top: 20px;} /* 找回密码 end */ /* 我的授信 start */ .orderAdministration .credit{height: 34px;padding: 20px 20px 20px 0;margin-top: 20px;color: #666;} .orderAdministration .credit>span{line-height: 34px;margin: 0 10px 0 20px;} .orderAdministration .credit>input{line-height: 32px;height: 32px;width: 158px;border-radius: 2px;font-size: 14px;} .orderAdministration .credit button{line-height: 34px;height: 34px;width: 58px;border-radius: 2px;margin-left: 10px;font-size: 14px;} .orderAdministration .credit .HengXian{margin: 0 3px;border-bottom: solid 1px #666;width: 16px;height: 16px;} .orderAdministration .credit .select{line-height: 32px;height: 32px;width: 88px;position: relative;padding-left: 10px;cursor: pointer;z-index: 2;margin-left: 10px;} .orderAdministration .credit .select.long{width: 120px;} .orderAdministration .credit .select .select_cont{position: absolute;left: -1px;top: 33px;background: #fff;border-left: solid 1px #e5e5e5;border-right: solid 1px #e5e5e5;width: 98px;text-align: center;display: none;z-index: 1;} .orderAdministration .credit .select.long .select_cont{width: 130px;} .orderAdministration .credit .select.open .select_cont{display: block;} .orderAdministration .credit .select .select_cont li{border-bottom: solid 1px #e5e5e5;} .orderAdministration .credit .select .select_cont li:hover{background: #f8f8f8;} .orderAdministration .credit .select .SJ{width: 0;height: 0;position: absolute;border-top: solid 7px #808080;border-left: solid 7px transparent;border-right: solid 7px transparent;border-bottom: solid 7px transparent;right: 9px;top: 12px;} .orderAdministration .credit .select.open .SJ{width: 0;height: 0;position: absolute;border-bottom: solid 7px #808080;border-left: solid 7px transparent;border-right: solid 7px transparent;border-top: solid 7px transparent;right: 9px;top: 5px;} .creditList{padding: 0 20px 20px 20px;} .creditList ul{height: 36px;line-height: 36px;width: 908px;} .creditList ul:nth-of-type(odd){background: #f8f8f8;} .creditList ul li{height: 36px;} .creditList ul li.creditList1{width: 50px;} .creditList ul li.creditList2{width: 282px;} .creditList ul li.creditList3{width: 150px;} .creditList ul li.creditList4{width: 150px;} .creditList ul li.creditList5{width: 150px;} .creditList ul li.creditList6{width: 120px;} .creditList ul li button{width: 66px;height: 24px;border-radius:3px;font-size: 14px} .creditListDetail{padding: 0 20px 20px 20px;min-height: 206px;} .creditListDetail ul{height: 36px;line-height: 36px;width: 908px;} .creditListDetail ul:nth-of-type(odd){background: #f8f8f8;} .creditListDetail ul li.creditList11{width: 150px;} .creditListDetail ul li.creditList21{width: 162px;} .creditListDetail ul li.creditList31{width: 130px;} .creditListDetail ul li.creditList41{width: 130px;} .creditListDetail ul li.creditList51{width: 130px;} .creditListDetail ul li.creditList61{width: 200px;} /* 我的授信 end */ /* 授信明细 start */ .credit_price{padding: 20px 20px 30px 20px;margin-top: 20px;} .credit_price .name{height: 44px;} .credit_price .cont{height: 42px;} .credit_price .cont .left_1{padding-left: 35px;width: 165px;line-height: 22px;} .credit_price .cont .left_1 .yuan{width: 42px;height: 42px;margin-right: 10px;} .credit_price .cont .left_1 p{width: 100px;} .credit_price .cont .left_1 span{width: 100px;} .credit_price .cont .left_2{padding-left: 35px;width: 165px;line-height: 22px;} .credit_price .cont .left_2 .yuan{width: 42px;height: 42px;margin-right: 10px;} .credit_price .cont .left_2 p{width: 100px;} .credit_price .cont .left_2 span{width: 100px;} .credit_price .cont .right_1{width: 180px;line-height: 22px;} .credit_price .cont .right_1 p{width: 180px;} .credit_price .cont .right_1 span{width: 180px;font-size: 16px;} .credit_price .cont>.right button{line-height: 34px;height: 34px;width: 58px;border-radius: 2px;font-size: 14px;margin-top: 5px;} .creditListDetail ul li button{line-height: 34px;height: 34px;width: 58px;border-radius: 2px;font-size: 14px;margin-top: 5px;} .credit_time{padding: 20px 20px 10px 20px;height: 34px;line-height: 34px;margin-top: 20px;} .credit_time>div{background: #f2f9f9;} .credit_time.my>div{background: #dbf5f6} .credit_time>div.text-left{width: 30%;padding-left: 2%;} .credit_time>div.text-center{width: 36%;} .credit_time>div.text-right{width: 30%;padding-right: 2%;} .credit_time.my>div.text-left{width: 45%;padding-left: 2%;} .credit_time.my>div.text-right{width: 51%;padding-right: 2%;color: #00a7b1} .credit_time.my>div button{float: right;display: block;width: 83px;height: 24px;font-size: 14px;margin-top:6px;margin-left: 15px} /* 授信明细 end */ /* 活动专区 start */ .discountlist{background: #c9f5fe;} .discountlist img{display: block;} .discountlist .body{position: relative;} .discountlist .body .content{position: absolute;left: 0;top: 185px;width: 1200px;} .discountlist .body .content span{color: #33a4e6;margin-right: 5px;} .discountlist .body .content a{text-decoration: underline;color: #33a4e6;margin-left: 5px;} /* 活动专区 end */ /* 没有内容时 start */ .ifNull{width: 100%;height: 100%;font-size: 14px;color: #b2b2b2;position: relative;} .ifNull div{width: 200px;height:70px;position: absolute;left: 50%;top: 50%;margin: -90px 0 0 -100px;} /* 没有内容时 end */ /* 我的云采币 start */ .cloudMINT{width: 948px;} .cloudMINT .title{height: 40px;line-height: 40px;} .cloudMINT .title button{width: 66px;height: 24px;line-height: 24px;margin-top: 8px;display: block;font-size: 14px;} .cloudMINT .cloudMINTnav{height: 24px;} .cloudMINT .cloudMINTnav li{cursor: pointer;} .cloudMINT .cloudMINTnav li.active{border-bottom: solid 2px #2eb6aa;font-weight: bold;color: #2eb6aa;} .cloudMINT .cloudCont .cloudContLeft{height: 34px;line-height: 34px;} .cloudMINT .cloudCont .cloudContLeft .select{line-height: 32px;height: 32px;width: 88px;position: relative;cursor: pointer;z-index: 2;} .cloudMINT .cloudCont .cloudContLeft .select .select_cont{position: absolute;left: -1px;top: 33px;background: #fff;border-left: solid 1px #e5e5e5;border-right: solid 1px #e5e5e5;width: 98px;text-align: center;display: none;z-index: 1;} .cloudMINT .cloudCont .cloudContLeft .select.open .select_cont{display: block;} .cloudMINT .cloudCont .cloudContLeft .select .select_cont li{border-bottom: solid 1px #e5e5e5;} .cloudMINT .cloudCont .cloudContLeft .select .select_cont li:hover{background: #f8f8f8;} .cloudMINT .cloudCont .cloudContLeft .select .SJ{width: 0;height: 0;position: absolute;border-top: solid 7px #808080;border-left: solid 7px transparent;border-right: solid 7px transparent;border-bottom: solid 7px transparent;right: 9px;top: 12px;} .cloudMINT .cloudCont .cloudContLeft .select.open .SJ{width: 0;height: 0;position: absolute;border-bottom: solid 7px #808080;border-left: solid 7px transparent;border-right: solid 7px transparent;border-top: solid 7px transparent;right: 9px;top: 5px;} .cloudMINT .cloudCont .cloudContLeft button{line-height: 34px;height: 34px;width: 58px;border-radius: 2px;font-size: 14px;} .cloudMINT .cloudCont .notNull ul{height: 34px;line-height: 34px;width: 908px;} .cloudMINT .cloudCont .notNull ul:nth-of-type(odd){background: #f8f8f8;} .cloudMINT .cloudCont .notNull ul li{width: 20%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} /* 我的云采币 end */ /*合同条款 Start*/ .contract{position: relative} .contractTop,.contractTop1{width: 970px;padding-left:30px;padding-top:30px;height: 600px;position: absolute;top: 0px;overflow-y: auto;line-height: 40px;font-size: 17px;} .contractTop1 .contractRow{text-indent: 2em;} .contractBottom{width: 960px;padding-top:20px;height: 40px;position: absolute;left: 20px;bottom: 0px ;cursor: pointer;border-top: solid 1px #eee;} .btnclose{width: 70px;height: 30px;font-size: 14px;margin-left: 40%} /*合同条款 End*/ /*优惠券到期弹窗提示 Start*/ .couponExpires{z-index: 200;width: 100%;height: 100%;position: fixed;top: 0;background: url(../img/mate/black50.png)} .couponExpires .coupon{width: 1200px;height: 100%;position: absolute;left: 50%;top:50%;margin-left: -670px;margin-top:-150px;margin-bottom: 100px; } .couponExpires .coupon .couponWords{height: 147px;width: 100%;margin-bottom: 60px;margin-left: 400px} .couponExpires .coupon .couponCancel{height: 61px;width: 61px;position: absolute;top:-80px;right: -70px } .couponExpires .coupon .couponList{height:280px;width: 100%;} .couponExpires .coupon .couponList ul.class1 li{margin-left: 600px;} .couponExpires .coupon .couponList ul.class2 li{margin-left: 180px;} .couponExpires .coupon .couponList ul.class2 li:first-of-type{margin-left:380px;} .couponExpires .coupon .couponList ul.class3 li:first-of-type{margin-left:300px;} .couponExpires .coupon .couponList ul.class3 li{margin-left:70px;} .couponExpires .coupon .couponList ul li{height:280px;width: 215px;background: url(../img/use.png);float:left;cursor: pointer;position: relative} .couponExpires .coupon .couponList ul li a p:first-of-type{margin-top: 26px;color: #333333;font-weight: bold;font-size: 16px} .couponExpires .coupon .couponList ul li a p:nth-of-type(2){margin-top: 10px;color: #333333;font-size: 18px} .couponExpires .coupon .couponList ul li a p:nth-of-type(3){margin-top: 20px;color: #26b7bc;font-size: 28px} .couponExpires .coupon .couponList ul li a p:nth-of-type(3) span{font-size: 45px} .couponExpires .coupon .couponList ul li a p:nth-of-type(4){color: #26b7bc;font-size: 17px;margin-top: 5px} .couponExpires .coupon .couponList ul li a p:nth-of-type(5){color: white;font-size: 12px;position: absolute;bottom: 15px;left: 8px} /*优惠券到期弹窗提示 End*/ /*优惠劵 Start*/ .cont .newDiscountCouponNO{height: 121px;width: 370px;background: url(../img/bg_xr.png);float: left;margin-right:17px;margin-top: 10px} .cont .generalDiscountCoupon{height: 121px;width: 370px;background: url(../img/bg_ty.png);float: left;margin-right:17px;margin-top: 10px} .cont .exclusiveDiscountCoupon{height: 121px;width: 370px;background: url(../img/bg_zx.png);float: left;margin-right:17px;margin-top: 10px} .cont.indexcount{padding: 16px;width: 1168px;} .cont.indexcount .list{width: 280px;margin-right: 16px;position: relative;} .cont.indexcount .list .listType{position: absolute;right: 14px;top: 0;width: 36px;height: 90px;font-size: 14px;font-weight: bold;text-align: center;line-height: 18px;z-index: 10;cursor: pointer;} .cont.indexcount .list .listType>span{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);} .cont.indexcount .list .cont{position: absolute;left: 0;top: 0;width: 280px;font-size: 12px;} .cont.indexcount .list .cont .priceNum{height: 40px;color: #fff;padding: 20px 0 0 14px;} .cont.indexcount .list .cont .priceNum .num{font-size: 38px;height: 33px;padding-top: 7px;} .cont.indexcount .list .cont .priceNum .num>span{font-size: 12px;} .cont.indexcount .list .cont .priceNum .full{height: 36px;padding: 4px 0 0 5px;} .cont.indexcount .list .cont .priceNum .full>p{background: #fff;width: 30px;height: 14px;line-height: 14px;border-radius: 3px;text-align: center;} .cont.indexcount .list .cont .priceFull{height: 36px;color: #fff;padding-left: 14px;line-height: 30px;} .cont.indexcount .list .cont .time{height: 36px;line-height: 42px;padding-left: 10px;} .cont.allShopCoupon{padding: 16px;width: 1168px;} .cont.allShopCoupon .list{width: 280px;margin: 0 16px 10px 0;position: relative;} .cont.allShopCoupon .list .listType{position: absolute;right: 14px;top: 0;width: 36px;height: 90px;font-size: 14px;font-weight: bold;text-align: center;line-height: 18px;z-index: 10;cursor: pointer;} .cont.allShopCoupon .list .listType>span{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} .cont.allShopCoupon .list .cont{position: absolute;left: 0;top: 0;width: 280px;font-size: 12px;padding: 0;} .cont.allShopCoupon .list .cont .priceNum{height: 40px;color: #fff;padding: 20px 0 0 14px;} .cont.allShopCoupon .list .cont .priceNum .num{font-size: 38px;height: 33px;padding-top: 7px;} .cont.allShopCoupon .list .cont .priceNum .num>span{font-size: 12px;} .cont.allShopCoupon .list .cont .priceNum .full{height: 36px;padding: 4px 0 0 5px;} .cont.allShopCoupon .list .cont .priceNum .full>p{background: #fff;width: 30px;height: 14px;line-height: 14px;border-radius: 3px;text-align: center;} .cont.allShopCoupon .list .cont .priceFull{height: 36px;color: #fff;padding-left: 14px;line-height: 30px;} .cont.allShopCoupon .list .cont .time{height: 36px;line-height: 42px;padding-left: 10px;} .couponconts{margin-top: 15px;} .noLeft p.one{font-size: 18px;} .noLeft p{line-height: 16px} .hei10{height: 18px} .hei5{height: 7px} .noLeft p.two{font-size: 14px;} .noLeft p.two span{font-size: 14px;} .noRight{width: 45px;float: left;height: 100%;font-size: 20px;padding-left: 25px;} .noRight p{width: 15px;margin-top: 13px;line-height: 23px} .iconCenter{width: 9px;float: left;background: url(../img/circle.png);height: 100%;margin-left: -4px} .imminentExpiry{width: 84px;height: 24px;background: #000;font-size: 14px;color: white;text-align: center;position: absolute;top:5px;right: 7px} .alreadyReceived{width: 82px;height: 52px;position: absolute;top: -5px;right: 5px;} .noLeft{width: 273px;float: left;height: 106px;padding-left: 20px;padding-top: 25px;position: relative} .cont .newDiscountCouponNO.invalid{background: url(../img/bg_sx.png);color: #b2b2b2} .invalid .noRight p{width: 15px;margin-top: 20px;line-height: 25px} .fontSize5{font-size: 56px} .fontSize4{font-size: 48px} .fontSize3{font-size: 38px} .fontSize2{font-size: 26px} /*优惠券 End*/ .AllTH { display: flex; background: linear-gradient(to bottom,#f8f8f8 0,#ececec 100%); font-weight: bold; } .AllTR { display: flex; line-height: 20px; } .AllTR { display: flex; line-height: 20px; } .AllTR:nth-of-type(even) { background: #f9f9f9; } .AllTR_td { padding: 5px; word-break: break-all; word-wrap: break-word; } .AllTH_td { padding: 8px 5px; } .w5 {width: 50px;} .w15 { width: 150px; } .f2 { flex: 2; } /* 云采会员协议 start */ #xieyi{width: 100%;height: 100%;background: url('../img/mate/black50.png');position: fixed;left: 0;top: 0;z-index: 10;display: none;} #xieyi .contentBG{width: 1010px;height: 615px;position: absolute;left: 50%;top: 50%;margin: -308px 0 0 -505px;background: url('../img/mate/black30.png');z-index: 11;} #xieyi .content{width: 1000px;height: 605px;position: absolute;left: 50%;top: 50%;margin: -303px 0 0 -500px;z-index: 12;background: #FFF;} #xieyi .content .top{width: 960px;height: 48px;line-height: 48px;padding: 0 20px;font-size: 16px;color: #333;background: #dcdcdc;} #xieyi .content .top img{float: right;margin-top: 16px;cursor: pointer;} #xieyi .content .cont{width: 960px;padding: 20px;height: 431px;overflow-y: auto;} #xieyi .content .cont span{display: block;} #xieyi .content .btns{width: 1000px;padding: 20px;height: 46px;} #xieyi .content .btns span{width: 148px;height: 46px;line-height: 46px;display: block;margin: 0 auto;cursor: pointer;} #xieyi .content .btns span:hover{opacity: .8;} /* 云采会员协议 end */ /* 集采众筹 */ .collect{width: 1200px;height: 295px;margin-top: 20px;} .collect>li{width: 200px;height: 295px;background: #fff;position: relative;transition: all 1s;overflow: hidden;cursor: pointer;box-shadow: 0 0 5px 0 #eee;} .collect>li .miao{float: none;display: inline;} .collect>li .xian{float: none;display: inline;} .collect>li .kong{float: none;display: inline;} .collect>li .ordinaryControl{float: none;display: inline;} .collect>li.current{width: 400px;height: 295px;background: url("../img/collect_bg.png");} .collect>li .collect_yy{opacity: 0;filter:alpha(opacity=0);-webkit-opacity: 0;-moz-opacity: 0;position: absolute;top: 0;left: 36px;z-index: 1;} .collect>li .collect_title{opacity: 0;filter:alpha(opacity=0);-webkit-opacity: 0;-moz-opacity: 0;position: absolute;top: 24px;left: 0;z-index: 2;transition: all 1s;} .collect>li .collectImg{opacity: 0;filter:alpha(opacity=0);-webkit-opacity: 0;-moz-opacity: 0;position: absolute;bottom: 40px;right: 30px;width: 180px;height: 180px;background: #00a7b1;z-index: 2;transition: opacity 1s;} .collect>li .collectImg+img{position: absolute;right: 25px;bottom: 30px;width: 150px;height: 150px;z-index: 3;transition: all 1s;background: #fff;} .collect>li .time{opacity: 0;filter:alpha(opacity=0);-webkit-opacity: 0;-moz-opacity: 0;position: absolute;top: 30px;left: 190px;width: 180px;z-index: 5;line-height: 18px;font-size: 12px;} .collect>li .time>p{display: block;padding: 0 6px;float: left;} .collect>li .time>span{display: inline-block;width: 20px;height: 18px;background: #212121;border-radius: 2px;text-align: center;} .collect>li .collectMore{opacity: 0;filter:alpha(opacity=0);-webkit-opacity: 0;-moz-opacity: 0;position: absolute;left: 0;bottom: 30px;z-index: 3;transition: left,font-size 1s;width: 108px;height: 28px;text-align: center;line-height: 28px;font-size: 16px;border: solid 2px #fff;border-radius: 15px;} .collect>li .collectMore:hover{font-size: 18px;} .collect>li .productName{position: absolute;z-index: 4;left: 0;top: 20px;width: 150px;padding: 0 25px;transition: left 1s;color: #333;text-align: center;} .collect>li .productName .title{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .collect>li .productName .guige{display: none;} .collect>li .productName .zuidiPrice{display: block;} .collect>li .collectPrice{position: absolute;z-index: 4;left: 0;top: 166px;opacity: 0;filter:alpha(opacity=0);-webkit-opacity: 0;-moz-opacity: 0;transition: left 1s;} .collect>li.current .collect_yy{opacity: 1;filter:alpha(opacity=100);-webkit-opacity: 1;-moz-opacity: 1;} .collect>li.current .collect_title{opacity: 1;filter:alpha(opacity=100);-webkit-opacity: 1;-moz-opacity: 1;left: 20px;} .collect>li.current .collectImg{width: 180px;height: 180px;opacity: 1;filter:alpha(opacity=1);-webkit-opacity: 1;-moz-opacity: 1;} .collect>li.current .collectImg+img{width: 180px;height: 180px;right: 20px;} .collect>li.current .collectMore{opacity: 1;filter:alpha(opacity=100);-webkit-opacity: 1;-moz-opacity: 1;left: 20px;} .collect>li.current .productName{color: #fff;left: 20px;width: 150px;padding: 0;top: 85px;text-align: left;} .collect>li.current .productName .guige{display: block;} .collect>li.current .productName .zuidiPrice{display: none;} .collect>li.current .collectPrice{opacity: 1;filter:alpha(opacity=100);-webkit-opacity: 1;-moz-opacity: 1;left: 20px;} .collect>li.current .time{opacity: 1;filter:alpha(opacity=100);-webkit-opacity: 1;-moz-opacity: 1;} .collectDetail{width: 530px;height: auto;} .collectDetail .collectState{width: 530px;height: auto;font-size: 12px;} .collectDetail .collectState .img{height: 48px;;padding: 0 10px;} .collectDetail .collectState .img>img{display: none;margin-top: 13px;} .collectDetail .collectState .text{width: auto;height: 48px;line-height: 48px;} .collectDetail .collectState .text .number{font-size: 14px;margin: 0 2px;} .collectDetail .collectState .text .time{color: #ffe2c5;} .collectDetail .collectState .tip{width: 520px;height: 30px;padding-left: 10px;line-height: 30px;} .collectDetail .collectState.chenggong{background: #26b7bc;} .collectDetail .collectState.chenggong .tip{background: #02919a;} .collectDetail .collectState.chenggong .img>img.chenggong{display: block;} .collectDetail .collectState.jinxingzhong{background: #26b7bc;} .collectDetail .collectState.jinxingzhong .tip{background: #02919a;} .collectDetail .collectState.jinxingzhong .img>img.jinxingzhong{display: block;} .collectDetail .collectState.shibai{background: #a3a3a3;} .collectDetail .collectState.shibai .tip{background: #808080;} .collectDetail .collectState.shibai .img>img.shibai{display: block;} .collectDetail .collectState.weikaishi{background: #a3a3a3;} .collectDetail .collectState.weikaishi .tip{background: #808080;} .collectDetail .collectState.weikaishi .img>img.weikaishi{display: block;} .collectDetail .press{width: 530px;height: 90px;padding: 50px 0 0 0;position: relative;} .collectDetail .press .information{width: 530px;} .collectDetail .press .information>li{width: 96px;position: relative;margin-right: 12px;} .collectDetail .press .information>li:last-child{margin-right: 0;} .collectDetail .press .information>li>.state{width: 28px;height: 28px;position: absolute;top: 5px;left: 34px;z-index: 1;} .collectDetail .press .information>li>.indexs{width: 28px;height: 28px;position: absolute;top: 5px;left: 35px;display: block;line-height: 28px;color: #484b4d;z-index: 2;} .collectDetail .press .bg{position: absolute;left: 65px;top: 64px;height: 8px;} .collectDetail .press .bg>li{width: 74px;height: 8px;margin-right: 34px;background: url("../img/collect_pressBg.png") repeat-x;} .collectDetail .press .progress{position: absolute;left: 47px;top: 66px;height: 4px;width: 436px;} .collectDetail .press .progress>li{width: 100%;height: 4px;} .collectDetail .press .progress>li>span{width: 0;height: 4px;display: block;position: relative;border-radius: 2px;background: url("../img/collect_pres.png") repeat-x;transition: 2s 1s;} .collectDetail .press .tip{width: auto;height: 40px;position: absolute;transform: translateX(-50%);left: 48px;top: 10px;white-space: nowrap;line-height: 29px;transition: 2s 1s;} .collectDetail .press .tip span{width: auto;height: 29px;padding: 0 10px;display: block;border-radius: 3px;background: url("../img/collect_tipBg.png") repeat-x;} .collectDetail .press .tip .tipBg{height: 10px;} .collectDetail .press .tip .tipBg>img{display: block;margin: 0 auto;} .ControlDetail .box-tipBg{width: 100%;height: 100%;background: url("../img/mate/black30.png");position: fixed;left: 0;top: 0;z-index: 20;} .ControlDetail .box-tip{width: 610px;height: 300px;background: #FFF;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;border-radius: 3px;} .ControlDetail .box-tipBg .topTitle{width: 570px;height: 16px;padding: 30px 20px;font-size: 16px;} .ControlDetail .box-tipBg .topTitle .closeTip{cursor: pointer;} .ControlDetail .box-tipBg .tipCont{width: 570px;padding: 0 20px;} .ControlDetail .box-tipBg .nextBuy{width: 570px;padding: 20px 20px 0 20px;} .ControlDetail .box-tipBg .btns{width: 610px;padding: 10px 0 0 0;height: 38px;} .ControlDetail .box-tipBg .btns button{width: 120px;height: 38px;background: #26B7BC;border-radius: 3px;border: solid 1px #26B7BC;margin: 0 auto;display: block;cursor: pointer;} .ControlDetail .box-tipBg .btns button.unClick{background: #808080;border: solid 1px #808080;cursor: no-drop;} /* 集采弹窗提示 */ .collectTip{width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: url('../img/mate/black50.png');z-index: 99;} .collectTip .collectTipBody{width: 600px;height: 270px;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;background: #fff;border-radius: 3px;} .collectTip .collectTipBody .title{width: 560px;height: 16px;padding: 30px 20px;font-size: 16px;} .collectTip .collectTipBody .title img{cursor: pointer;} .collectTip .collectTipBody>p{padding: 0 20px;line-height: 20px;} .collectTip .collectTipBody>label{padding: 30px 20px 0 20px;display: block;} .collectTip .collectTipBody .collectTipBtns{padding: 40px 20px 0 20px;} .collectTip .collectTipBody .collectTipBtns>span{width: 120px;height: 38px;line-height: 38px;border-radius: 3px;display: block;margin: 0 auto;cursor: pointer;} /*集采新优惠券*/ .index .new-coupon .coupon-item{margin:15px 15px 0 0;width: 224px;height: 92px;font-size: 0;letter-spacing: -1px;position: relative;} .index .new-coupon .coupon-item .search-more{cursor:pointer;position: absolute;right: -1px;font-size: 12px;color: #fff;width: 21px;top: 5px;padding-left: 10px;line-height: 20px;} .display-inline{display: inline-block;_zoom: 1;*display:inline;} .index .new-coupon .coupon-item .coupon-left{width: 186px;height: 92px;background: #fff;vertical-align: top;} .index .new-coupon .coupon-item .coupon-left div{padding-left:10px;} .index .new-coupon .coupon-item .coupon-right{width: 38px;height: 92px;} .new-coupon .coupon-item.last-item{margin-right:0;} .new-coupon .font-ash{font-size: 12px;color: #999999;} .index .new-coupon .price{font-size: 12px;padding-top: 10px;height: 34px;line-height: 34px;vertical-align: middle;} .index .new-coupon .font-big{font-size: 30px;font-weight: bold;} .index .new-coupon .color-green{color: #26B7BC;} .index .new-coupon .color-red{color: #FF4D77;} .new-coupon .font-33{font-size: 12px;color: #333;} .new-coupon .ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} /*优惠券弹窗新版start*/ .coupon-box{z-index: 200;width: 100%;height: 100%;position: fixed;top: 0;background: url("../img/mate/black50.png");left:0;} .coupon-box .coupon{width: 420px;max-height: 390px;min-height:280px; height:auto;position: absolute;top:40%;left: 50%;transform: translate(-50%,-40%)} .coupon-box.giftCoupon .coupon{background: #26B7BC;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .coupon-box.expireCoupon .coupon{background: #fff;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .coupon-box .coupon-list{max-height: 245px;overflow-y: auto;} .coupon-box .coupon-list::-webkit-scrollbar-thumb{border-radius: 5px; width: 5px; background: #b4bccc;} .coupon-box .coupon-list::-webkit-scrollbar{z-index: 11;width: 5px;} .coupon-box .coupon-list li{margin:10px auto 0 auto;width: 380px;height: 125px; background: url("../img/new-coupon/copopbg.png") no-repeat center center;} .coupon-box .coupon-list li .coupon-left{padding-top: 14px; padding-left: 20px;width: 280px;} .coupon-box .coupon-list li .coupon-right{width: 30px;color: #26B7BC; font-size: 16px;line-height: 26px; margin-right: 22px; cursor: pointer;} .coupon-box .coupon-list .coupon-item .price{letter-spacing: -1px;font-size: 32px;color: #FC3B3B;line-height: 32px;} .coupon-box .coupon-list .coupon-item .coupon-type{margin-left:8px;padding:0 6px;line-height:22px;font-size: 12px;color: #26B7BC;background: rgba(38, 183, 188, .1);border-radius: 4px;} .coupon-box .coupon-list .coupon-item .expire{font-size: 16px;color: #585858; margin-top: 16px;} .coupon-box .coupon-list .coupon-item .describe{font-size: 16px;color: #989898; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .coupon-box .coupon-list .coupon-item .btn{position: absolute;bottom:25px;font-size: 16px;color:#7C4C09;line-height:36px;margin-left:28px;cursor: pointer;width: 172px;height: 36px;} .coupon-box .close-coupon{cursor: pointer;position: absolute;margin-top: 36px;left: 50%;} /*.coupon-box .coupon-list-expire{width: 880px;margin: 0 auto;}*/ /*.coupon-box .coupon-list-expire li{margin-top:50px;display: inline-block;*zoom:1;*display:inline;vertical-align:top;width: 178px;height: 227px;*/ /* background: url("/static/yuncai/client/img/new-coupon/copopbg.png") center;position: relative;margin-right:50px;cursor: pointer;}*/ /*.coupon-box .coupon-list-expire li.last-item{margin-right: 0;}*/ /*.coupon-box .coupon-list-expire .coupon-item .expire{font-size:14px;margin-top: 24px;}*/ /*.coupon-box .coupon-list-expire .coupon-item .price{font-size: 42px;margin-top: 15px;line-height: 35px;height: 35px;}*/ /*.coupon-box .coupon-list-expire .coupon-item .price span{font-size: 14px;color: #666666;font-weight: bold;}*/ /*.coupon-box .coupon-list-expire .coupon-item .title{font-size: 12px;margin: 15px auto 0 auto;width: 161px;text-align: center;line-height: 17px;*/ /* height: 17px;padding: 0;}*/ /*.coupon-box .coupon-list-expire .coupon-item .btn{position: absolute;color: #fff;font-size: 12px;width: 80px;height: 20px;*/ /* border-radius: 10px;line-height: 19px;bottom: 64px;left: 50%;margin-left: -40px;*/ /* -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.07);*/ /* -moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.07);*/ /* box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.07);}*/ /*.coupon-box .coupon-list-expire .coupon-item .btn.greenBtn{background:#38ABD1;background: -webkit-linear-gradient(left,#38ABD1,#26B7BC);}*/ /*.coupon-box .coupon-list-expire .coupon-item .btn.redBtn{background:#FF4C78;background: -webkit-linear-gradient(left,#FF4C78,#FE7272);}*/ /*.coupon-box .coupon-list-expire .color-green{color: #26B7BC;}*/ /*.coupon-box .coupon-list-expire .color-red{color: #FF4C78;}*/ .coupon-box .close-coupon-expire{cursor: pointer;position: absolute; left: 50%; margin-top: 30px;} /*新版我的优惠券*/ .MyCoupon .new-coupon .coupon-item{margin:10px 10px 0 0;width: 300px;height: 126px;font-size: 0;letter-spacing: -1px;position: relative;} .MyCoupon .new-coupon .coupon-item .search-more{cursor:pointer;position: absolute;right: 4px;font-size: 15px;color: #fff;width: 21px;top: 11px;padding-left: 18px;line-height: 25px;} .display-inline{display: inline-block;_zoom: 1;*display:inline;zoom:1;} .MyCoupon .coupon-type-tab span{font-size: 12px;color: #999999;cursor:pointer;} .MyCoupon .coupon-type-tab span.active{color: #26B7BC} .MyCoupon .new-coupon .coupon-item .coupon-left{width: 245px;height: 126px;background: #fff;vertical-align: top;border:1px solid #f5f5f5;border-right: 0;} .MyCoupon .new-coupon .coupon-item .coupon-right{width: 50px;height: 126px;position: relative;} .new-coupon .coupon-item .coupon-right .vip{position: absolute;width: 36px;height: 33px;bottom: -1px;left: 19px;} .MyCoupon .new-coupon .coupon-item.last-item{margin-right:0;} .MyCoupon .new-coupon .price{font-size: 14px;padding: 0px 0 0 10px;width: 126px;} .MyCoupon .new-coupon .font-big{font-size: 32px;height: 45px;line-height: 45px;} .MyCoupon .new-coupon .color-green,#couponBox .new-coupon .color-green, #couponCenter .new-coupon .color-green{background-image:-webkit-linear-gradient(left,#38ABD1,#26B7BC); -webkit-background-clip: text;-webkit-text-fill-color: transparent;} .MyCoupon .new-coupon .color-red, #couponBox .new-coupon .color-red, #couponCenter .new-coupon .color-red{background-image:-webkit-linear-gradient(left,#ff4c78,#fe7272); -webkit-background-clip: text;-webkit-text-fill-color: transparent;} .new-coupon .color-ash{color: #D3D3D3;} .new-coupon .title .coupon-type{position: relative;width: 55px;height:34px;} .new-coupon .title{height: 32px;} .new-coupon .right{float: right;} .MyCoupon .new-coupon .font-66{font-size: 12px;color: #666;line-height: 17px;} .new-coupon .title .coupon-type img{margin: 3px 0 0 -8px;} .new-coupon .title .coupon-type span{position: absolute;left: 7px;top: 3px;} .new-coupon .title .keyong{padding-top: 4px;width: 188px;text-align: right;} .new-coupon .type-font-green{font-size: 12px;color: #26B7BC;} .new-coupon .type-font-red{font-size: 12px;color: #FF5476;} .new-coupon .type-font-ash{font-size: 12px;color: #D3D3D3;} .MyCoupon .new-coupon .content{height: 44px;margin-top: 7px;position: relative;} .MyCoupon .new-coupon .content .info{width: 108px;bottom: 3px;position: absolute;text-align: right;right: 0;} .MyCoupon .new-coupon .expirty-time{width: 245px;color: #999;font-size: 12px;position: absolute;bottom: 12px;right: 54px;} .MyCoupon .new-coupon .expirty-time p{text-align: right;height: 15px;} /*新版商品详情优惠券*/ .ControlDetail .businessCont .detailText .detailText_list .click-get-coupon{float:right;color: #26B7BC;cursor: pointer;padding-right: 10px;} #couponBox{height: 100%;display: none;} #couponBox .head{padding:20px;font-size: 16px;font-weight: bold;color: #333333;} #couponBox .head img{float: right;cursor: pointer;} #couponBox .tab .tab-title{padding: 0 20px;} .coupon-content .tab .tab-title li{width:157px;position: relative; height:42px;line-height:41px;text-align:center;font-size: 14px;color: #000;cursor: pointer;} .coupon-content .tab .tab-title li img{display: none;position: absolute;bottom: -10px;left: 50%;margin-left: -9px;} .coupon-content.psku .tab .tab-title li.active{background:#fff; color: #26B7BC;border-bottom: 2px solid #26B7BC;} .coupon-content.psku .tab .tab-title li{width:auto;} .coupon-content .tab .tab-title .active{color: #fff;background: #27C7C9;} .coupon-content .tab .tab-title .active img{display: block;} #couponBox .tab .tab-content{background: #F6F6F6;height: 352px;overflow-y: auto;padding-left:15px;} .coupon-content .tab .tab-content .tab-item{display: none;margin-bottom: 10px;} .coupon-content .tab .tab-content .tab-item.show{display: block;} .coupon-content .new-coupon .coupon-item{margin:10px 10px 0 0;width: 347px;height: 147px;font-size: 0;letter-spacing: -1px;position: relative;} .coupon-content .new-coupon .coupon-item.last-item{margin-right:0;} .coupon-content .new-coupon .coupon-item .search-more{cursor:pointer;position: absolute;right: 7px;font-size: 15px;color: #fff;width: 21px;top: 23px;padding-left: 18px;line-height: 24px;} .coupon-content .new-coupon .coupon-item .coupon-left{width: 284px;height: 147px;background: #fff;vertical-align: top;letter-spacing: 0px;} .coupon-content .new-coupon .coupon-item .coupon-right{width:60px;height:147px;position: relative;} .coupon-content .new-coupon .coupon-item .coupon-right img{height: 100%;} .coupon-content .new-coupon .coupon-item .coupon-right .vip{position: absolute;width: 36px;height: 33px;left: 29px;bottom: -1px;} .coupon-content .new-coupon .title .coupon-type span{top: 4px;} #couponCenter.coupon-content .new-coupon .title .coupon-type span{top: 6px;} .coupon-content .new-coupon .price{font-size: 16px;padding-left:10px;} .coupon-content .new-coupon .font-big{font-size: 48px;height: 53px;line-height: 53px;} .coupon-content .new-coupon .info{font-size: 12px;color: #333333;padding-left: 10px;line-height: 19px;} .coupon-content .new-coupon .expirty-time{font-size: 12px;color: #999999;padding-left: 10px;position: absolute;bottom: 4px;} /*新版优惠券中心优惠券*/ #couponCenter .head{background: #F8F8F8;height: 136px;margin: 0 auto;text-align: center;padding: 0;} #couponCenter .head img{width: 1200px; height: 136px;} #couponCenter.coupon-content .tab{width: 100%;} #couponCenter.coupon-content .tab .tab-title{width: 1200px;height: 42px;margin: 0 auto;} #couponCenter.coupon-content .tab-content{background: #fff;padding: 0 20px;overflow-y:auto;width: 1160px;margin: 0 auto;font-size: 0;letter-spacing: 0px;} #couponCenter .new-coupon .coupon-item{margin-right: 48px;line-height: normal;} #couponCenter.coupon-content .tab-content .coupon-item .coupon-right .vip{left: 25px;} #couponCenter .new-coupon .coupon-item .coupon-left{border: 1px solid #f5f5f5;border-right: 0;} #couponCenter .new-coupon .coupon-item.last-item{margin-right:0;} #couponCenter.coupon-content .new-coupon .font-big{font-size: 48px;line-height: 48px;} #couponCenter.coupon-content .new-coupon .info{line-height: 20px;margin-top: 6px;} #couponCenter .search{padding: 0;text-align:right;position: relative;} #couponCenter .search input{width: 134px;padding-left: 30px;height: 30px;border-radius: 5px;border: none;background: #F8F8F8;} #couponCenter .search img{position: absolute;right: 191px;top: 9px;} #couponCenter .search input::placeholder{font-size: 14px;color: #999999;} #couponCenter .search .shop-search-btn{cursor: pointer; background: #26B7BC;font-size: 14px;color: #fff;border-radius: 3px;margin-left: 8px;padding: 3px 8px;} #couponCenter .new-coupon .title .keyong{padding-top:6px;} #couponCenter .tab-item .shop-coupon-item{width: 353px;height: 148px;margin-right: 40px;position: relative;} #couponCenter .tab-item .shop-coupon-item.last-item{margin-right: 0;} #couponCenter .tab-item .shop-coupon-item .content{position: absolute;left: 3px;top: 0;width: 343px;} #couponCenter .tab-item .shop-coupon-item .content .top{height: 36px;} #couponCenter .tab-item .shop-coupon-item .content .top img{width: 24px;height: 24px;border-radius: 50%;margin: 6px 5px 6px 12px;} #couponCenter .tab-item .shop-coupon-item .content .top .shop-name{font-size: 14px;color: #fff;vertical-align: top;padding: 6px 0 0 0;} #couponCenter .tab-item .shop-coupon-item .content .top .get-coupon-btn{ font-size: 12px;color: #fff;border-radius: 20px;background: transparent;line-height: 18px; border: 1px solid #fff;float: right;padding: 0 11px;margin: 5px;cursor: pointer;} #couponCenter .tab-item .shop-coupon-item .content .middle{height: 105px;} #couponCenter .tab-item .shop-coupon-item .content .middle .left-img{margin: 15px 0 0 10px;width: 78px;height: 78px;border: 1px solid #F5F5F5;} #couponCenter .tab-item .shop-coupon-item .content .middle .left-img img{height: 100%;width: 100%;} #couponCenter .tab-item .shop-coupon-item .content .middle .right-content{padding-left: 20px;vertical-align: top;width: 213px;} #couponCenter .tab-item .shop-coupon-item .content .middle .man-jian{font-size: 20px;color: #26B7BC;margin-top: 26px;} #couponCenter .tab-item .shop-coupon-item .content .middle .right-content .youhuiquan{position: absolute;bottom: 0;} #couponCenter .tab-item .shop-coupon-item .content .middle .right-content .youhuiquan span{ display: block;float: left;height: 20px;line-height: 20px;background: #FFF;color: #2eb6aa;margin-right: 10px;margin-bottom: 10px;} #couponCenter .tab-item .shop-coupon-item .content .middle .right-content .youhuiquan span.last-span{margin-right: 0;} #couponCenter .tab-item .shop-coupon-item .content .middle .right-content .youhuiquan span p{display: block;float: left;height: 20px;} #couponCenter .tab-item .shop-coupon-item .content .middle .right-content .youhuiquan span p.cont{font-size: 12px;width: 102px;text-align: center; display: block;float: left;height: 18px;line-height: 18px;border-top: solid 1px #2eb6aa;border-bottom: solid 1px #2eb6aa; } #couponCenter .xiaozi{font-size: 12px;color: #26B7BC;margin-bottom: 15px;text-align: center;width: 100%;} #couponCenter .xiaozi span{border: 1px solid #26B7BC;border-radius: 10px;width:35px;height:14px;line-height: 12px;margin:0 auto;display: block;} /*收货地址*/ .placeOrder .new-address{height: 51px;padding-top:15px;background: #F8F8F8;} .placeOrder .new-address .receiver-name{width:120px;height:26px;text-align:center;line-height:26px;margin-left:35px;position: relative;border: 2px solid #26B7BC;background: #fff;font-size: 14px;color: #666;} .placeOrder .new-address .receiver-name img{position: absolute;right: -1px;bottom: -1px;} .placeOrder .order.new-order .orderDetail{border: none;} .placeOrder .order.new-order .order_list{border-bottom: 0;} .color-8{color: #888;} .invoice .new-invoiceCount{padding-top: 15px;padding-bottom: 15px;background: #F8F8F8;} .invoice .invoiceCont.new-invoiceCount>.information>.update{color: #26B7BC; cursor: pointer;} .invoice .invoiceCont.new-invoiceCount>.left.active{border:2px solid #2eb6aa;} .invoice .invoiceCont.new-invoiceCount>.left>img{bottom: -1px;right: -1px;} #platformDiscount #peaDescribe{font-size: 14px;color: #999999;font-weight: normal;} #confirmorder .pay-detail{padding: 3px 20px 0;} #confirmorder .pay-detail .pay-item{margin-top: 10px;font-size: 14px;color: #999999;text-align: right;} #confirmorder .pay-detail .pay-item .pay-type{width: 120px;font-size: 14px;} #confirmorder .pay-detail .pay-item .detail{color: #666666;width: 90px} #confirmorder .pay-detail .pay-item .check-off{display: block;margin: 3px 3px 0 0;cursor: pointer;} #confirmorder .pay-detail .pay-item .check-on{display: none;} #confirmorder .pay-detail .pay-item .checked .check-off{display: none;} #confirmorder .pay-detail .pay-item .checked .check-on{display: block;margin: 3px 3px 0 0;cursor: pointer;} #confirmorder .rule{background: #FFFAE7;height: 30px;line-height: 30px; text-align: right;padding-right: 20px;font-size: 14px;color: #666666;margin-top: 10px;} #confirmorder .rule .rule-area{position: relative;cursor: pointer;vertical-align: middle;} .rule-tip{padding: 15px;width: 270px;height: 204px;background: #fff; -webkit-box-shadow: 1px 1px 5px 1px #DDDDDD;display: none; -moz-box-shadow: 1px 1px 5px 1px #DDDDDD;text-align: left; box-shadow: 1px 1px 5px 1px #DDDDDD;position: absolute;left: -80px;bottom: 42px;} #confirmorder .rule .rule-area:hover .rule-tip{display: block;} .rule-tip .title-name{font-size: 14px;color: #333333;font-weight: bold;padding-bottom: 8px;border-bottom: 1px solid #DDDDDD;margin-bottom: 10px;} .rule-tip p{line-height: 25px;color: #666666;text-align: left;} #confirmorder .rule .rule-area .jiantou{position: absolute;bottom: -12px;left: 155px;} /*新优惠券页面*/ .screen-coupon{width: 100%;background: #fff;height: 135px;position: relative;font-size: 0;letter-spacing: -1px;} .screen-coupon .bottom-img{width: 100%;height:5px;background: url("../img/new-coupon/coupons_bg.png") repeat-x;position: absolute;bottom: -5px;} .screen-coupon .coup-content{position: relative;font-size:0;color: #2FB1C6;} .screen-coupon .coup-content .coup-left{zoom:1;margin-top: 29px;height: 80px;vertical-align: top;font-size: 18px;} .screen-coupon .coup-content .coup-left.green{background: #E1F8F9; color: #37ACD0;} .screen-coupon .coup-content .coup-left.red{background:#FFECED;color: #FF4D77;} .screen-coupon .coup-content .price{line-height: 73px;padding-right: 10px;font-size: 48px;font-weight: bold;} .screen-coupon .coup-content .coup-left.green .price{color: #37ACD0;} .screen-coupon .coup-content .coup-left.red .price{color: #FF4D77;} .screen-coupon .coup-content .left-img{margin-top: 29px;vertical-align: top;} .screen-coupon .coup-content .coup-right{zoom:1;margin-top: 20px;height: 98px;position: relative;} .screen-coupon .coup-content .coup-right .coup-right-content{letter-spacing: -1px;width: 829px;height: 100%;zoom:1; vertical-align: top; } .screen-coupon .coup-content .coup-right .coup-right-content.red{ background: -moz-linear-gradient( left,#FF4C77,#FE7172);background: #26B7BC; background: -webkit-linear-gradient( left,#FF4C77,#FE7172); background: linear-gradient( left,#FF4C77,#FE7172);vertical-align: top; }.screen-coupon .coup-content .coup-right .coup-right-content.green{letter-spacing: -1px;width: 829px;height: 100%;zoom:1; background: -moz-linear-gradient( left,#38ABD1,#26B7BC);background: #26B7BC; background: -webkit-linear-gradient( left,#38ABD1,#26B7BC); background: linear-gradient( left,#38ABD1,#26B7BC);vertical-align: top; } .screen-coupon .coup-content .coup-right .coup-right-content p{font-size: 14px;color: #FFFFFF;position: absolute;left: 53px;} .screen-coupon .coup-content .coup-right .coup-right-content .right2{color:#fff;position: absolute;right: 34px;top: 37px;font-size: 14px;font-weight: bold;} .screen-coupon .coup-content .coup-right .coup-right-content .right2 span{ border-radius: 3px;color:#25B4B9;padding: 0 2px;background: #fff;line-height: 17px;min-width: 15px;text-align: center;margin-right: 5px;} .buy-commodity-list{position: fixed;bottom: 0;width: 100%;z-index: 999;} .buy-commodity-list .settle{background: #fff;height: 60px;width: 100%;color: #666666;font-size: 14px;} .buy-commodity-list .settle span.color-333{color: #333;} .buy-commodity-list .settle .jiantou{width: 40px;text-align: center;cursor: pointer;padding-top: 21px;} .buy-commodity-list .settle span.green{color: #26B7BC;} .buy-commodity-list .settle span.price{font-size: 24px;color: #EF3B3B;font-weight: bold;} .buy-commodity-list .settle .goto-carpage-btn{background: #EF3B3B;margin-left: 17px;width: 174px;height: 60px;font-size:18px;color: #fff;line-height: 60px;text-align: center;} .buy-commodity-list .commodity-list{width: 100%;height: 120px;background: rgba(0,0,0,.7);display:none;} .buy-commodity-list .commodity-list .content{height: 100%;} .buy-commodity-list .commodity-list .content .img{cursor:pointer;width: 30px;height: 120px;line-height: 136px;background: #000;text-align: center;} .buy-commodity-list .commodity-list .center-content{font-size: 0;letter-spacing: -1px;width:1140px;} .buy-commodity-list .commodity-list .center-content .item{margin-left:25px;height: 80px;margin-top: 20px;letter-spacing: 0px;} .buy-commodity-list .commodity-list .center-content .item img{width: 80px;height: 80px;background: #fff; vertical-align: top;} .buy-commodity-list .commodity-list .center-content .item .des{width: 166px;vertical-align: top;margin-left: 10px;} .buy-commodity-list .commodity-list .center-content .item p{opactity:0.7;color: #DCDCDC;font-size: 12px;line-height: 15px;margin-bottom: 7px;} .buy-commodity-list .commodity-list .center-content .item p.big{font-weight: bold;color: #FFFFFF;} .buy-commodity-list .commodity-list .center-content .item p .delete{padding-right: 10px;cursor: pointer;} .buy-commodity-list .ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ControlCont_list.coupon-controlCont_list,.item.coupon-controlCont_list{height: 312px;} .ControlCont_list.coupon-controlCont_list.secondKilldiv1{ height: 312px;} .ControlCont_list.coupon-controlCont_list .count-time,.item.coupon-controlCont_list .count-time{background:rgba(0,0,0,0.4);color:#fff;text-align: center;width: 100%!important;} .ControlCont_list.coupon-controlCont_list .ft-icon,.item.coupon-controlCont_list .ft-icon {display: block;float: left;height: 16px;font-size: 12px;color: #fff; line-height: 16px;border: 0; margin-top: 2px;border-radius: 2px;padding: 0 5px;margin-right: 5px;position: relative;} .ControlCont_list.coupon-controlCont_list .xian,.item.coupon-controlCont_list .xian{background: #5689E8;} .ControlCont_list.coupon-controlCont_list .pukong,.item.coupon-controlCont_list .pukong{background: #26B7BC;} .ControlCont_list.coupon-controlCont_list .jingkong,.item.coupon-controlCont_list .jingkong{background: #3E98EA;} .ControlCont_list.coupon-controlCont_list .pt-coupon,.item.coupon-controlCont_list .pt-coupon{background: #fff;border: 1px solid #26BCA2;color: #26BCA2;height: 14px;line-height: 14px;} .ControlCont_list.coupon-controlCont_list .shop-coupon,.item.coupon-controlCont_list .shop-coupon{background: #fff;border: 1px solid #26B7BC;color: #26B7BC;height: 14px;line-height: 14px;} .ControlCont_list.coupon-controlCont_list .ft-icon.dou,.item.coupon-controlCont_list .ft-icon.dou{background: #fff;border: 1px solid #26B7BC;color: #26B7BC;height: 14px;line-height: 14px;} .ControlCont_list.coupon-controlCont_list .yaopinPrice,.item.coupon-controlCont_list .yaopinPrice{font-size: 18px;font-weight:bold;} .ControlCont_list.coupon-controlCont_list .activity-type,.item.coupon-controlCont_list .activity-type{z-index:10;position: absolute;top: 10px;right: 25px;width:42px;height:35px; background: url('../img/new-coupon/label-icon.png');font-size: 14px;color: #fff;font-weight: bold;text-align: center;line-height: 31px;} .ControlCont_list.coupon-controlCont_list>img,.item.coupon-controlCont_list>img{padding-bottom: 10px;} .nav-tab{height: 50px;color: #333333;font-size: 14px;margin: 19px auto 12px auto;background: #fff;} .nav-tab ul li{width: 50%;height: 50px;font-size:16px;text-align: center;line-height: 50px;background-color:#EFEFEF;cursor: pointer;position: relative;} .nav-tab ul li.active{background: #27C7C9;color: #fff; font-weight: bold;} /*领取优惠券弹窗*/ .get-coupons-box{z-index: 200;width: 100%;height: 100%;position: fixed;top: 0;left:0;background: url("../img/mate/black50.png");display: none;} .get-coupons-box .get-coupon-info{width: 390px;height: 175px;border-radius: 3px;background: #fff;position: absolute;top: 50%; margin-top: -108px;left: 50%;margin-left: -215px;padding: 20px;} .get-coupons-box .get-coupon-info .head span{font-size: 16px;color: #333333;font-weight: bold;} .get-coupons-box .get-coupon-info .head .right{width: 15px;cursor: pointer;} .get-coupons-box .get-coupon-info .info {color: #333;margin-top: 30px;} .get-coupons-box .get-coupon-info .box-foot .left{color:#999999} .get-coupons-box .get-coupon-info .box-foot .left .count-num{color: #FC3B3B;} .get-coupons-box .get-coupon-info .box-foot .btn{width: 90px;height: 38px;line-height: 38px;text-align: center;background: #26B7BC; color: #fff;border-radius: 3px;cursor: pointer;} .get-coupons-box .get-coupon-info .box-foot .btn:hover{background: #26B8BC;} .get-coupons-box .app-coupon{background:#fff;width: 430px;height: 325px;position: absolute;top: 50%;margin-top: -153px; left: 50%;margin-left: -215px;border-radius: 3px;} .get-coupons-box .app-coupon .close-app-coupon{height: 10px;padding: 10px 10px 0;cursor: pointer;} /*PC专区主题二期*/ #special{width: 100%;height: 100%;overflow-y: auto;} #special .content-box{width: 100%; height: 100%; overflow: auto; position: relative;} #special .content-box .navigation{position: fixed;right: 100px; top: calc(50%); transform: translateY(-50%); z-index: 99;} #special .content-box .navigation li{width: 57px; padding: 10px; transition: .3s; font-size: 12px; word-wrap:break-word; cursor: pointer; color: #fff; background: #b3b3b3; margin-bottom: 2px;} #special .content-box .navigation li:hover,#special .content-box .navigation li.active{background: #3082ed;} #special .content-box .type .item img{width: 100%;} #special .content-box .type.width1200{width: 1200px; margin: 0 auto;} #special .content-box .type2{width: 100%; background: rgba(0,0,0,0)} #special .content-box .type3{background: rgba(0,0,0,0); color: #AFB7C4;} #special .content-box .type4{background: rgba(0,0,0,0)} #special .content-box .type5{background: rgba(0,0,0,0)} #special .content-box .type6{background: rgba(0,0,0,0)} #special .content-box .type7{background: rgba(0,0,0,0)} .up-img-remind{vertical-align: bottom; color: #909399;} /*商品详情组合商品*/ .ControlDetail .businessCont .detailText .group-product{margin:10px 0;} .ControlDetail .businessCont .detailText .group-product .product-item{display: inline-block;*display: inline;_zoom:1;border: 1px dashed #E3E3E3;background-color: #FAFAFA; color: #999999; font-size: 13px; width: 160px; margin-bottom: 10px; text-align: center;height: 32px; line-height: 32px;margin-right: 15px; cursor: pointer;} .ControlDetail .businessCont .detailText .group-product .product-item.active{border: 1px solid #26B7BC;background-color: #DDFEFF;color: #26B7BC;} .ControlDetail .businessCont .detailText .group-describ .product-detail{color:#333; font-size: 12px;display: none;} .ControlDetail .businessCont .detailText .group-describ .product-detail .row{margin-bottom: 5px;} .ControlDetail .businessCont .detailText .group-describ .product-detail .w250{width: 250px;} .ControlDetail .businessCont .detailText .group-describ .product-detail .row .mr10{margin-right: 10px;} .ControlDetail .businessCont .detailText .group-describ .product-detail .row .ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .group-shop{position: relative;display: inline-block;zoom: 1;*_display:inline-block; line-height: 15px;} .group-shop>.group-icon-img{height: 14px;vertical-align: middle;margin:0 0 3px 5px;cursor: pointer;} .group-shop>.group-dialog{position: absolute;bottom: 24px;z-index: 100; max-height: 220px; overflow-y: auto; width: 750px; left: -82px; background-color: #fff;padding: 10px;border: 1px solid #26B7BC;} /*.group-shop>.group-dialog::after{*/ /* content: '';width: 0; bottom: -10px; left: 83px;*/ /* height: 0; border-width: 5px;*/ /* border-style: solid; border-color:#26B7BC transparent transparent transparent; position: absolute;*/ /*}*/ .group-shop>.group-dialog::-webkit-scrollbar{ width: 3px; } .group-shop>.group-dialog::-webkit-scrollbar-thumb{ width: 3px;background-color: #eeeeee;border-radius: 5px; } .group-shop>.group-dialog table{width: 100%;table-layout:fixed;} .group-shop>.group-dialog table thead th{color: #333;padding: 0 12px;width: 14%; white-space: normal; word-break: break-all;} .group-shop>.group-dialog table tbody tr td{padding: 10px 12px;border-bottom: 1px solid #F1F1F1;width: 14%; white-space: normal; word-break: break-all;} .group-icon{border: 1px solid #4891FF; color: #4891FF;padding: 0 5px;line-height: 22px;} .bargain-icon{border: 1px solid #F63623; color: #F63623;padding: 0 5px;line-height: 22px;} .barter-icon{border: 1px solid #3B3BFF; color: #3B3BFF;padding: 0 5px;line-height: 22px;} /*操作指引*/ .operational-guidelines{z-index: 201;width: 100%;height: 100%;position: absolute;top: 0;background: url(../img/mate/black80.png)} .operational-guidelines .content{width: 1200px; margin: 149px auto 0 auto; } .operational-guidelines .content .step.step-1 .title{margin-left: 400px; } .operational-guidelines .content .step.step-2 .title{margin-left: 520px; } .operational-guidelines .content .step.step-3 .title{margin-left: 620px; } /*.operational-guidelines .content .step img{width: 100%;}*/ .operational-guidelines .content .step .describe{margin-left: 500px; margin-top: 50px; cursor: pointer; width: 445px; position: relative;} .operational-guidelines .content .step .describe .close{position: absolute; right: 4px; top: 33px; cursor: pointer;} .operational-guidelines .content .step.step-4 .title {margin-left: -12px;} .operational-guidelines .content .step.step-5 .title {margin-left: -12px;} .operational-guidelines .content .step.step-6 .title {margin-left: -12px;} .operational-guidelines .content .step.step-next .describe{margin: 80px auto;} .operational-guidelines .content .step.step-next .describe .close{top: -20px; right: 13px;} /*商学院*/ .school .navList{padding: 15px 20px;margin-bottom: 2px; color: #333;} .school .navList ul{width: 1110px;display: inline-block; float: left;height: 30px;overflow-y: hidden;} .school .navList ul.show-more {max-height: 250px; height: auto; overflow-y: auto;} .school .navList li{display: inline-block;*display: inline;_zoom:1;margin-right: 25px;cursor: pointer; margin-bottom: 10px;} .school .navList li:hover{color: #00A7B1;} .school .navList li.active{background: #EFEFEF;color: #00A7B1;padding: 3px 13px; border-radius: 20px;} .school .navList .more{font-size: 12px; color:#666; display: inline-block; margin-top: 4px; float: right;cursor: pointer;background: #efefef; padding: 0 5px; border-radius: 5px;} .school .navList .more:hover{color: #2eb6aa;background: #e1f8f9;} .school .navList .more img {vertical-align: top; padding-top:8px;} .school .navList .more:hover .green,.school .navList .more .gray{display: inline-block;} .school .navList .more .green,.school .navList .more:hover .gray{display: none;} .school .listBody {padding: 20px 20px 0 20px;} .school .listBody ul{font-size: 0; letter-spacing: 0;} .school .listBody li{display: inline-block;*display: inline;_zoom:1;font-size: 14px;margin: 0 20px 20px 0; width: 372px; vertical-align: top; cursor: pointer; overflow: hidden;} .school .listBody li .img{width: 372px; height: 210px;} .school .listBody li .img img{width: 100%;} .school .listBody li .lesson-title{font-size: 15px; font-weight: bold; color: #111; margin-top: 10px;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .school .listBody li .lesson-describe{color: #999; margin-top: 5px; max-height: 44px; overflow: hidden;} .school-detail{position: relative;min-height: 350px;} .school-detail .content{ text-align: center; width: 1200px;} .school-detail .right-content{position: absolute;right: 30px; top: 190px; cursor: pointer;}