@import url('//at.alicdn.com/t/font_494392_zx12aqiww830izfr.css'); /* 边距 */ .mleft10{margin-left: 10px;} .mleft20{margin-left: 20px;} .mleft30{margin-left: 30px;} .mleft40{margin-left: 40px;} .mleft50{margin-left: 50px;} .mleft60{margin-left: 60px;} .mleft70{margin-left: 70px;} .mleft80{margin-left: 80px;} .mleft90{margin-left: 90px;} .mleft100{margin-left: 100px;} .mright10{margin-right: 10px;} .mright20{margin-right: 20px;} .mright30{margin-right: 30px;} .mright40{margin-right: 40px;} .mright50{margin-right: 50px;} .mright60{margin-right: 60px;} .mright70{margin-right: 70px;} .mright80{margin-right: 80px;} .mright90{margin-right: 90px;} .mright100{margin-right: 100px;} .mLeft100{margin-left: 100px;} .mtop10{margin-top: 10px;} .mtop15{margin-top: 15px;} .mtop20{margin-top: 20px;} .mtop30{margin-top: 30px;} .mtop40{margin-top: 40px;} .mtop50{margin-top: 50px;} .mtop60{margin-top: 60px;} .mtop70{margin-top: 70px;} .mtop80{margin-top: 80px;} .mtop90{margin-top: 90px;} .mtop100{margin-top: 100px;} .mbottom10{margin-bottom: 10px;} .mbottom20{margin-bottom: 20px;} .mbottom30{margin-bottom: 30px;} .mbottom40{margin-bottom: 40px;} .mbottom50{margin-bottom: 50px;} .mbottom60{margin-bottom: 60px;} .mbottom70{margin-bottom: 70px;} .mbottom80{margin-bottom: 80px;} .mbottom90{margin-bottom: 90px;} .mbottom100{margin-bottom: 100px;} .pleft10{padding-left: 10px;} .pleft20{padding-left: 20px;} .pleft30{padding-left: 30px;} .pleft40{padding-left: 40px;} .pleft50{padding-left: 50px;} .pLeft60{padding-left: 60px;} .pleft70{padding-left: 70px;} .pleft80{padding-left: 80px;} .pleft90{padding-left: 90px;} .pleft100{padding-left: 100px;} .pright10{padding-right: 10px;} .pright20{padding-right: 20px;} .pright30{padding-right: 30px;} .pright40{padding-right: 40px;} .pright50{padding-right: 50px;} .pright60{padding-right: 60px;} .pright70{padding-right: 70px;} .pright80{padding-right: 80px;} .pright90{padding-right: 90px;} .pright100{padding-right: 100px;} .ptop10{padding-top: 10px;} .ptop15{padding-top: 15px;} .ptop20{padding-top: 20px;} .ptop30{padding-top: 30px;} .ptop40{padding-top: 40px;} .ptop50{padding-top: 50px;} .ptop60{padding-top: 60px;} .ptop70{padding-top: 70px;} .ptop80{padding-top: 80px;} .ptop90{padding-top: 90px;} .ptop100{padding-top: 100px;} .ptop150{padding-top: 150px;} .pbottom10{padding-bottom: 10px;} .pbottom20{padding-bottom: 20px;} .pbottom30{padding-bottom: 30px;} .pbottom40{padding-bottom: 40px;} .pbottom50{padding-bottom: 50px;} .pbottom60{padding-bottom: 60px;} .pbottom70{padding-bottom: 70px;} .pbottom80{padding-bottom: 80px;} .pbottom90{padding-bottom: 90px;} .pbottom100{padding-bottom: 100px;} /*样式初始化*/ .font32{font-size: 32px!important;} .font30{font-size: 30px!important;} .font28{font-size: 28px!important;} .font26{font-size: 26px!important;} .font24{font-size: 24px!important;} .font22{font-size: 22px!important;} .font20{font-size: 20px!important;} .font18{font-size: 18px!important;} .font16{font-size: 16px!important;} .font14{font-size: 14px!important;} .font12{font-size: 12px!important;} img{vertical-align: middle;} .inlineBlock{display: inline-block;margin: 0 12px;} .form-control{display: inline-block;} .height40{height: 40px;} .lineHeight40{line-height: 40px;} .cursor{cursor: pointer;} .clearfix:after { content:""; display:block; height:0; visibility:hidden; clear:both; } .clearfix { *zoom:1; } .fl{float: left;} .fr{float: right;} img{vertical-align: middle;} ul{padding:0;} li{list-style: none;} .marginLeft90{margin-left: 90px;} .borderBox{border: 1px solid #ccc;} .borderRight{border-right: 1px solid #ccc;} .borderLeft{border-left: 1px solid #ccc;} .borderBottom{border-bottom: 1px solid #ccc;} .borderBottom_e{ border-bottom: 1px solid #eee;} .dashedBorder{border-bottom: 1px dashed #ccc;} .colorLink{color:#1e9fff} .colorYellow{ color:#fda128;} .color999{color: #999;} .height30{height: 30px;overflow: hidden;} .lineHeight30{line-height: 30px;} .height24{height: 24px;overflow: hidden;} .lineHeight24{line-height: 24px;} .colorRed{color: #ff0000;} .color333{color: #333333} .color666{color: #666666} .colorwhite{color:#fff; } .colorGreen{color:#75be65;} .bgGreen{background:#75be65 } .displayNone{display: none;} // 美化滚动条 .b_scroll{ /* width:200px; */ /* height:200px; */ overflow-x: hidden; overflow-y:auto; /* margin-bottom: 20px; */ // float: left; } .b_scroll::-webkit-scrollbar{ width:4px; height:4px; } .b_scroll::-webkit-scrollbar-track{ background: #f6f6f6; border-radius:2px; } .b_scroll::-webkit-scrollbar-thumb{ background: #aaa; border-radius:2px; } .b_scroll::-webkit-scrollbar-thumb:hover{ background: #747474; } .b_scroll::-webkit-scrollbar-corner{ background: #f6f6f6; } .b_scroll_x{ overflow-x: auto; overflow-y:hidden; margin-bottom: 20px; /* float: right; */ } .b_scroll_x::-webkit-scrollbar{ width:4px; height:6px; } .b_scroll_x::-webkit-scrollbar-track{ background: #f6f6f6; border-radius:4px; } .b_scroll_x::-webkit-scrollbar-thumb{ background: #aaa; border-radius:4px; } .b_scroll_x::-webkit-scrollbar-thumb:hover{ background: #747474; } .b_scroll_x::-webkit-scrollbar-corner{ background: #f6f6f6; } .b_content1280{width: 1280px;margin: 0 auto;} // 公用的图标 i.globalIcon{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} // 公用的标题 .b_Til{font-size:16px;color: #333333; margin-top: 0px;white-space: nowrap;} .b_Til{ ul li{ float: left;padding:10px 0;cursor: pointer;margin:0 10px; &.active{border-bottom: 2px solid #ffba00;} } } //公共弹框居中(更改bs样式) .modal{z-index: 99999;overflow-y:auto;} .modal-body{max-height: 500px;overflow-x: auto;overflow-y: auto;} .modal-body::-webkit-scrollbar{ width:4px; height:4px; } .modal-body::-webkit-scrollbar-track{ background: #f6f6f6; border-radius:2px; } .modal-body::-webkit-scrollbar-thumb{ background: #aaa; border-radius:2px; } .modal-body::-webkit-scrollbar-thumb:hover{ background: #747474; } .modal-body::-webkit-scrollbar-corner{ background: #f6f6f6; } .modal-dialog{width: 800px;} .modal-footer.modelCenter{text-align: center;} //公共弹框表格 .b_tableStyle{ border: 1px solid #dedede;border-collapse: collapse;overflow-x: auto;background: #fdfdfd;color: #666666;min-width: 100%; th{text-align: center;padding: 5px;font-weight: normal;background: #f9f5f5;} td{text-align: center;padding: 5px;} } // 页面表格 .b_allTable{ border-collapse: collapse;overflow-x: auto;background: #fdfdfd;color: #666666;min-width: 100%; th{text-align: center;padding: 10px 0;font-weight: normal;background: #eeeeee;} td{text-align: center;padding: 10px 0;} input[type='checkbox']{margin-right: 10px;} } .b_Til_thColor .b_allTable{ th{background: #1e2022;color: #fff;} } // 公共的下拉菜单 select.b_select{padding:5px;border-radius: 5px;line-height: 30px;width: 100%;display: inline-block;} // 上传图片 .b_addProductUpload{vertical-align:middle;margin-right: 10px;margin-bottom: 10px;display: inline-block;} // 上传图片后 .b_upImage{ float: left; .b_upImagesBox{ position: relative;display: inline-block;margin: 0 5px 5px 0px; img{height: 100px;width: 100px;} .b_delImageIcon{ position: absolute; background: #ff0000;color:#fff; height: 20px;width: 20px;border-radius: 50%;line-height: 20px;text-align: center; right: 0;top: 0; display: none; cursor: pointer; } &:hover{ .b_delImageIcon{display: inline-block;} } } } .b_delImageIcon{position: absolute;background: #ff0000;color:#fff;height: 20px;width: 20px;border-radius: 50%;line-height: 20px;text-align: center;right: 0;top: 0; display: none;cursor: pointer;} // 实时物流*********** .package-status{padding:0 0 0 34px} .package-status .status-list{margin:0;padding:0;margin-top:-5px;padding-left:8px;list-style:none;} .package-status .status-list li{border-left:2px solid #d9d9d9;text-align:left; padding-bottom: 10px;} .package-status .status-list li:before{ content:''; border:3px solid #f3f3f3; background-color:#d9d9d9; display:inline-block; width:16px; height:16px; border-radius:10px; margin-left:-9px; margin-right:10px } .package-status .status-list .first{border: none;padding-top: 0;} .package-status .status-list .latest{border-color:#ffa200;} .package-status .status-list .latest:before{background-color:#ffa200;border-color:#f8e9e4;} .package-status .status-box{overflow:hidden} .package-status .status-list li{height:auto;} .package-status .status-list{margin-top:-8px} .package-status .status-box{position:relative} .package-status .status-box:before{content:" ";background-color:#f3f3f3;display:block;position:absolute;top:-8px;left:20px;width:10px;height:4px} .package-status .status-list{margin-top:0px;} .status-list li:not(:first-child){ padding-top:10px; } .status-content-before{ text-align:left; margin-left:25px; margin-top:-20px; } .status-content-latest{ text-align:left; margin-left:25px; color:#ffa200; margin-top:-20px; } .status-time-before{ text-align:left; margin-left:25px; font-size:10px; margin-top:5px; } .status-time-latest{ text-align:left; margin-left:25px; color:#ffa200; font-size:10px; margin-top:5px; } .status-line{ border-bottom:1px solid #ccc; margin-left:25px; margin-top:10px; } // 词条 .selectedTil{ border-bottom: 1px solid #ccc; li{float: left;display: inline-block;padding:6px 16px;border: 1px solid #ccc;cursor: pointer;margin-bottom:-1px;background:#fff;border-radius:8px 8px 0 0; &.currentOn{border-bottom: 1px solid transparent;} } } .selectedBox{ span{display: inline-block;padding:5px 10px;color: #fff;background:#555555 ;margin:0 5px 5px 5px;vertical-align: middle; } i{cursor: pointer;} li{float: left;display: inline-block;padding:5px 10px;border: 1px solid #ccc;margin:8px;cursor: pointer; &.currentOn{border-color: #ffc000 ;color: #ffc000;} } } .rowNoPadding{ &.row{margin: 0;} .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{ padding: 0; } } // 复选框 input[type="checkbox"]{ height: 18px;width: 18px;vertical-align: middle; } // 公共面料弹框样式 .fabricSelectedBox{ li{float: left;display: inline-block;width: 100px;overflow: hidden; margin:8px;cursor: pointer; position: relative; .newFabric{position: absolute;height: 20px;width: 40px;right: 0;top: 10px;z-index: 2;background: #ff485e;color: #fff;text-align: center;} .currentOnImg{position: absolute;background: url(../../../s/images/currentOnImg.png) no-repeat center;display: none;height: 100px;width: 100px;border:2px solid transparent;left: 0;top: 0;z-index: 1;} &.currentOn{display: block; .currentOnImg{display: inline-block;border-color: #75be65 ;} } &.fabric2_currentOn{display: block; .currentOnImg{display: inline-block;border-color: #75be65 ;} } } } // 退拽面料 .gbin1-list { list-style: none;padding:0;margin:0; li { line-height: 80px;float: left;width: 80px;height: 80px;text-align: center;margin: 10px;font-family: arial;color: #FFF;border-radius: 5px;padding: 0px;position: relative; &:hover{ .b_delImageIcon{display: inline-block;} } } } // 公用的头像 .b_portraitBox{ height: 80px;width: 80px;border-radius: 50%;background: #ff0000;overflow: hidden; } // 加减输入框 //
.b_inputAddBox{ input[type="text"]{font-size: 12px;color: #666666;width: 100px;min-width: 50px;padding-top: 7px;padding-right: 5px;padding-bottom: 7px;padding-left: 5px;border: 1px solid #cccccc;float: left;display: inline-block;text-align: center;margin:0 2px} .b_iconBox{float: left;display: inline-block;padding:5px 6px;font-size: 16px;font-weight: bold;background-color: #ffffff;color: #5e5e5e;text-align: center;border: 1px solid #dddddd;} } // 地址公用弹框 .addressListCont ul li {float: left;margin-left: 20px;margin-right: 20px;margin-bottom: 15px;} #addressContainer .addressList{margin-bottom: 27px;} #addressContainer input[type='radio']{height: 20px;width: 20px;background: #f2c025;} .b_newAddIcon{height: 50px;width: 100%;border:2px dashed #bfbfbf;background: url('../img/home/addIcon.png') center no-repeat;border-radius: 15px; cursor: pointer;margin-bottom: 10px; transition: all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition: all 1s; } .b_newAddIcon:hover{background: url('../img/home/onAddIcon.png') center no-repeat; border-color: #f2c025;} // 公共登录弹框 .b_loginBg{ background: url('../img/home/loginBg.png' ) no-repeat 0 0; height: 700px; } .b_loginTil{ margin-bottom: 40px;text-align: center;padding-left: 0px; ul li{ float: left;border-bottom: 2px solid transparent;padding:0 5px 10px 0;cursor: pointer;display: inline-block;font-size:16px;margin-right:20px; &:first-child{ margin-right: 100px;margin-left: 10px; } &.on{ color:#f2c025;border-bottom: 2px solid #f2c025; } } } .b_getCodeBtn{background: #dddddd;color: 666666;position: absolute;right: 10px; background: #878787;padding:8px 12px;border-radius: 16px;color:#fff;bottom:5px; display: inline-block;cursor: pointer; } .b_loginIput{border:none;border-bottom: 2px solid #878787;padding:10px 0 10px 30px; width: 100%; } .b_account{ background: url('../img/home/phone.png') no-repeat 2px 0;transition: all 0.3s; } .b_account:hover{ background: url('../img/home/phone1.png') no-repeat 2px 0;border-bottom-color: #f2c025;} .b_password{ transition: all 0.3s; background: url('../img/home/password.png') no-repeat 2px 0;} .b_password:hover{ background: url('../img/home/password1.png') no-repeat 2px 0;border-bottom-color: #f2c025;} .b_code{ transition: all 0.3s; background: url('../img/home/code.png') no-repeat 2px 0;} .b_code:hover{ background: url('../img/home/code1.png') no-repeat 2px 0;border-bottom-color: #f2c025;} .b_loginBtn{padding:20px 90px;background: #232527;color: #fff;display: inline-block;border-radius: 26px;cursor: pointer;} .timeBox {font-size: 12px;color: #999;width: 238px;padding-top: 6px;padding-right: 35px;padding-bottom: 6px;padding-left: 15px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border: 1px solid #dcdcdc;height: 36px;line-height: 36px;} // 公共的量体弹框 .netBodyTil{padding: 10px 5px;border-bottom: 3px solid #ffa200;display: inline-block;} .b_getLoginBtn{margin-top: 5px;height: 30px;width: 104px;border-radius: 16px;background:rgba(231, 126, 80, 0.6);display: inline-block;text-align: center;line-height: 30px;} .elTil{ position: relative; .elCont{display: none; position: absolute;left: 0;top: 40px;z-index: 9999999;background: rgba(0, 0, 0, 0.5);width: 220px;text-align: center;padding: 10px;border-radius: 5px;} .elHelpBox{display: inline-block;height: 20px;width: 20px;} .elHelp{cursor: pointer;display: none;} } .colorYellow{ color: #ffa200;} .max_listHeight{height: 140px;overflow: hidden;} .dropdown-menu.orderMenu{ left: 75px;width: 250px;border-color: #f5be4a;border-radius: 0px;top:59px;} .dropdown-menu.orderMenu li{padding-bottom: 10px;margin-top: 10px;border-bottom: 1px solid #eee;margin-left: 10px;margin-right: 10px;position: relative;} .orderMenu_L{margin-left: 5px;margin-right: 5px;} .orderMenu_R .listName{vertical-align: middle;height: 20px;display: inline-block;width: 110px;overflow: hidden;} .dropdown-toggle.onOrderColor{display: inline-block;padding: 10px;background: #f5be4a;color: #000;} .skipWords{width: 100%;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;line-height: 30px;cursor: pointer; // color:#232731; } // 按钮 .b_payBtn{border-radius: 15px;display: inline-block;padding:12px 60px;background: transparent;color:#333333;border:1px solid #3e3f3f;;cursor: pointer;transition: all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition: all 0.5s;} .b_payBtn.mouseDown{background: #f2c025;color:#fff;border-color: #f2c025;transition: all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition: all 1s;} .b_payBtn.mouseDown:hover{color: #fff;} .b_payBtn:hover{color:#f2c025;border-color: #f2c025;} .bgWrite{background: url('../../../../img/home/writeIcon.png') 10px 10px no-repeat;padding:10px 12px 10px 30px;} .bgWrite:focus{background:transparent;padding:10px 12px 10px 12px;} // 全局秒提示 .b_basePrompt{padding: 27px 60px;position: fixed;top: 80px;left: 50%;margin-left: -200px; top:50%;margin-top: -23px;text-align: center;color:#fff;border-radius: 10px;background: rgba(0, 0, 0, 0.8);z-index: 9999999;} // 公共导航---右边肖像 .navTilTop{background: #232527;color: #fff;} .naviTopTil{position:fixed;top:0;height:40px;left:0;background:#232527;width:100%;color:#fff;z-index: 99999;} .naviTopTil .nav .open > a, .naviTopTil .nav .open > a:hover, .naviTopTil .nav .open > a:focus{color:#fff;text-decoration: none;background: transparent} .naviTopTil .nav .open a:hover,.naviTopTil .nav .open a:focus{color:#fff;text-decoration: none;background:transparent;border-color: #fff;} .naviTopTil a:hover,.naviTopTil a:focus{color:#fff;text-decoration: none;} .inSpan{width: 104px;text-align: center;} .inSpan:hover{height: 40px;} .inNew{ color:#fff; text-align: center; border-radius: 20px;height: 28px;width: 28px;border: 2px solid #fff;background: #b3b3b3;display: inline-block; margin-top: 8px;overflow: hidden; img{vertical-align: top;} } .inNew:hover{text-decoration: none;color:#fff;} .inNewBody{padding-bottom: 0;padding-top: 0;background:#fff;min-width: 104px;max-width: 104px;left: 58px;border-radius: 0;border: none; color:#333;transition:all 0.4s;} .inNewBody.dropdown-menu {top: 42px;} .inNewBody.dropdown-menu > li > a{color:#333;padding:10px 15px;text-align: center;} .inNewBody.dropdown-menu>li:hover{background:#eee; } .inNewBody.dropdown-menu>li:hover a{text-decoration: none; color:#f4a932!important;padding:10px 15px;text-align: center;background: none !important;} .page_wrapper{background: #fff;margin-top: 50px;margin-left: 90px;padding:20px;margin-right: 10px;} // 导航翻译列表 #b_navLanguageBox{ .nav_LanguageList{ top:42px;width: 150px;background: #fff;min-width: 100px;max-width: 100px;color:#333; li{padding:10px;cursor: pointer;text-align: center;} li:hover{ background:#eee; color:#f4a932; } } .languageBg{ // background:url("/img/languageIcon.png") no-repeat left;padding-left: 32px; } .b_navLanguageTop{padding: 10px 0;display: inline-block;color:#fff; background: url(/img/languageIcon.png) no-repeat left 4px;width: 120px;background-size:26px; padding-left: 32px; transition: all 0.3s; height: 28px; &:hover{ background-image: url(/img/languageIconOn1.png); background-size: 26px; } } } .b_cartIcon{ height: 28px; display: inline-block; width: 32px; background: url(/img/cartIcon.png) no-repeat left -2px; background-size: 26px; transition: all 0.3s; &:hover{ background: url(/img/cartIconOn1.png) no-repeat left -2px; background-size: 26px; } } .b_draftsIcon{ height: 28px; display: inline-block; width: 32px; background: url(/img/drafts.png) no-repeat left -2px; background-size: 26px; transition: all 0.3s; &:hover{ background: url(/img/drafts1.png) no-repeat left -2px; background-size: 26px; } } .see_password{ position: absolute;right: 20px;bottom: 10px;cursor: pointer; } .b_wardrobeIcon{ height: 28px; display: inline-block; width: 32px; background: url(/img/wardrobeIcon.png) no-repeat left -2px; background-size: 26px; transition: all 0.3s; &:hover{ background: url(/img/wardrobeIconOn1.png) no-repeat left -2px; background-size: 26px; } } #dialog_ts{ .b_orderIcon{ width: 28px; height: 28px; display: inline-block; background: url(/img/ts.png) no-repeat left -2px; background-size: 26px; margin-top: 7px; &:hover{ background: url(/img/ts.png) no-repeat left -2px; background-size: 26px; } #orderTS{ position: absolute; right: 0%; top: 16px; color: #fff; background: red; border-radius: 10px; height: 7px; width: 7px; text-align: center; } } .notOrder{ height: 56px; line-height: 56px; color: #aaaaaa; } .hasOrder{ ul{ padding: 0 8px; li{ height: 40px; line-height: 40px; border-bottom: 1px solid #7f7f7f; a{ width: 100%; display: flex; .box_li_left{ width: 80%; text-align: left; color: #409eff; } .box_li_right{ width: 20%; color: rgba(247, 137, 137, 1); } } } } } .hasOrders{ ul{ padding: 0 8px; li{ height: 40px; line-height: 40px; border-bottom: 1px solid #7f7f7f; a{ width: 100%; display: flex; .box_li_left{ width: 80%; text-align: left; color: #409eff; } .box_li_right{ width: 20%; color: rgba(247, 137, 137, 1); } } } } } } .orderDialogModel{ position: fixed; right: 8px; bottom: 8px; width: 500px; height: 200px; background: #fff; box-shadow: 5px 5px 10px 10px #ccc; //display: flex; .modal_left{ height: 100%; width: 48px; text-align: center; float: left; img{ margin-top: 10px; } } .modal_con{ width: 404px; float: left; padding-left: 10px; .top_label{ height: 48px; line-height: 48px; font-size: 20px; } .modal_con_box{ width: 100%; font-size: 16px; line-height: 32px; .box_li{ display: flex; .box_li_left{ width: 80%; } .box_li_right{ width: 20% } } } } .modal_right{ height: 100%; width: 48px; text-align: center; float: left; .closes{ font-size: 28px; color: #000000; border: none; background: #fff; } } } // 客供面料 .b_order_guestFabric{ position:absolute; top:50px; left:50px; display:inline-block; padding:10px; border:1px solid #ccc; transform: rotate(-30deg); width: 78px; z-index: 1; background: #fff; } // 加载条 .upload-component{position: absolute;z-index:99999;top:50%;left:50%;width: 750px;height: 200px;margin-top: -100px;margin-left: -375px;border-radius: 10px;background-color:#FFFFFF;display:none;box-shadow: 0px 2px 10px #a2a2a2;} .upload-component .progress{position:relative;width:76%;height:18px;margin-left:13%;text-align: center;line-height:14px;border-radius: 10px;background: #d4d9de;} .upload-component .numText{width: 80%;margin-left: 10%;text-align: right;font-size: 16px;color:#222222;margin-top: 22px;font-weight: bold;} .upload-component .upload-text{position:relative;z-index:99999;color:#ffff;font-size: 12px;} .upload-component .uploaded{position:absolute;left:0;z-index:9999;width:0%;height:16px;background:url('../img/progressBar.jpg') left center ;border: 1px solid #5eaeeb;border-radius: 10px;color:#FFFFFF;} .upload-component .til{margin-top: 40px;margin-bottom: 44px;text-align: center;font-weight: bold;} // 加载进度条 .b_up_file_input {position: relative;display: inline-block;border-radius: 15px;padding: 4px 12px;overflow: hidden;text-decoration: none;text-indent: 0;line-height: 20px;cursor: pointer;transition: all 0.3s;line-height: 30px;vertical-align: middle;width: 130px;cursor: pointer } .b_up_file_input:hover{ // background: url('../../../../img/home/3dUpBtnOn.png') center no-repeat; } .b_up_file_input input {position: absolute;font-size: 30px;right: 0;top: 0;opacity: 0;width: 100%;height: 100%;cursor: pointer;} .b_up_file_input:hover { // background: #AADFFD; // border-color: #78C3F3; // color: #004974; text-decoration: none; } .js_entryLayer .modal-dialog,#addFabricLayer .modal-dialog{top:15%;} .bRadioIpt{ height: 18px;width: 18px;vertical-align: text-bottom;} // 这个是公用的导航样式 .close_img{ float: right; border: none; background: #fff; color: #ccc; font-size: 24px; } html body{ margin: 0; padding: 0; } /*动态加载圈-loading-start*/ body .loading-box-shadow-omg{ width: -webkit-fill-available; height: -webkit-fill-available; background-color: #211f1f5c; position: absolute; top: 0; z-index: 9999999; } .hidden{ display: none!important; }