/** 页面头部 **/ #b2b-box{ box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); border-radius: 5px; /* min-height: 1066px; */ background: #fff; width: 1026px; font-size: 14px; } #b2b-box .pub-com_head, .com_head { width: 100%; height: 35px; line-height: 35px; background: #5078cb; border-radius: 5px 5px 0 0; /* background: url(../img/approvalFlow/comm_bg01.png) no-repeat left; */ /* background-color: #f5f5f5; */ /* background-size: 100% 100%; */ } #b2b-box .pub-com_head span, .com_head span { margin-left: 10px; color: #fff; font-size: 14px; font-weight: bold; } .pub-com_head .p-right { float: right; } .pub-com_head .p-right a{ color: #fff; margin: 0 10px; text-decoration: none !important; } /*b2b table基础样式*/ .b2b-com-table { width: 100%; font-size: 14px; text-align: center; } .b2b-com-table > thead > tr { height: 38px; line-height: 38px; background: #f5f8fe; border-bottom: 1px solid #dae5fd; } .b2b-com-table > thead > tr > th { font-size: 14px; font-weight: normal; text-align: center; } .b2b-com-table > tbody > tr { height: 50px; line-height: 50px; border-left: 1px solid #dae5fd; border-right: 1px solid #dae5fd; border-bottom: 1px solid #dae5fd; } .b2b-com-table > tbody > tr:hover { background: #f9fafd; } .b2b-com-table > tbody > tr > td { font-size: 14px; } .b2b-com-table .td-operate a { color: #5078cb; margin-right: 10px; } .b2b-com-table .td-operate a:last-child { margin-right: 0; } /*b2b搜索栏基础样式*/ .b2b-com-search { height: 40px; line-height: 40px; background: #f5f8fe; border: 1px solid #e8e8e8; font-size: 14px; } .b2b-com-search .search-result { margin-left: 32px; display: inline-block; vertical-align: middle; } .b2b-com-search .search-content { font-size: 0; margin-right: 13px; display: inline-block; vertical-align: middle; } .b2b-com-search .search-content input { width: 267px; height: 32px; font-size: 12px; padding: 0 11px; border: 1px solid #5078cb; border-bottom-left-radius: 2px; border-top-left-radius: 2px; } .b2b-com-search .search-content .seek { display: inline-block; vertical-align: middle; width: 58px; height: 32px; line-height: 32px; text-align: center; background: #5078cb; color: #fff; font-size: 14px; border-bottom-right-radius: 2px; border-top-right-radius: 2px; } /* 弹框按钮 */ .b2b-btn { font-size: 14px; width: 70px; height: 32px; text-align: center; border-radius: 2px; color: #fff; vertical-align: middle; display: inline-block; } .b2b-btn[disabled] { cursor: not-allowed; opacity: .6; } .b2b-btn-submit { background: #5078cb; border: 1px solid #5078cb; } .b2b-btn-cancel { background: #c8c6c6; border: 1px solid #c8c6c6; } /*模态框*/ .b2b-com-modal .title { height: 30px; line-height: 30px; padding-left: 19px; background: #5078cb; color: #fff; font-size: 14px; } .b2b-com-modal .title i { float: right; margin-right: 7px; margin-top: 7px; font-size: 16px; cursor: pointer; } .b2b-com-modal .content { background: #fff; } .b2b-com-modal .operate { padding-top: 11px; padding-bottom: 18px; border-top: 1px solid #e3e3e3; text-align: center; } .b2b-operate-modal .form-group { font-size: 0; } .b2b-operate-modal .form-group >div { padding: 0 30px; } .b2b-operate-modal .form-group input { width: 354px; height: 34px; border: 1px solid #ccc; font-size: 12px; display: inline-block; } .b2b-operate-modal .form-group .input-group-addon { width: 76px; height: 34px; display: inline-block; line-height: 34px; padding: 0; background: #5078cb; color: #fff; font-size: 14px; } .b2b-operate-modal #user-lists { padding: 0 30px; } table.b2b-modal-table > thead > tr { height: 34px; line-height: 34px; padding: 0; background: #89aefa; } table.b2b-modal-table > thead > tr > th { color: #fff; font-weight: normal; font-size: 14px; text-align: center; } table.b2b-modal-table > tbody > tr { height: 40px; line-height: 40px; text-align: center; border-left: 1px solid #ecf0fb; border-right: 1px solid #ecf0fb; border-bottom: 1px solid #ecf0fb; } table.b2b-modal-table > tbody > tr:hover { background: #f9fafd; } table.b2b-modal-table > tbody > tr > td { font-size: 14px; border: none; } .b2b-com-head { background: #5078cb; color: #f5f5f5; height: 30px; line-height: 30px; padding-left: 15px; font-size: 14px; } .b2b-com-title { padding: 21px 7px; font-size: 14px; color: #5078cb; font-weight: bold; position: relative; } .b2b-com-title::before { content: ''; background: #5078cb; width: 3px; height: 14px; position: absolute; left: 0; top: 22px; } .b2b-com-title .operate { float: right; color: #30a603; font-weight: normal; } /*B2B商务账号设置-个人信息*/ /*弹框*/ .bomb-box { width: 100%; height: 100%; position: fixed; z-index: 11111; background: rgba(0, 0, 0, 0.2); top: 0; left: 0; } .bomb-box .box { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; box-shadow: 0 0 3px #888; } .bomb-box .box01 { margin-top: 80px; width: 580px; height: 406px; border-radius: 5px; background: #fff; } .bomb-box .box i.off { width: 20px; height: 20px; display: inline-block; position: absolute; right: 8px; top: 8px; text-align: center; cursor: pointer; } .bomb-box .box p { height: 40px; line-height: 40px; font-size: 14px; width: 100%; margin: 0 auto; border-bottom: #e8e8e8 1px solid; padding-left: 20px; } .bomb-box .box-bottom{ padding: 0 5px 5px; width: 465px; height: 450px!important; background: #e8e8e8; } .bomb-box .box-bottom .box-header{ padding-left: 5px; width: 100%; height: 26px; } .bomb-box .box-bottom .box-header p{ float: left; padding-left: 10px; height: 26px; line-height: 28px; width: 100px; font-size: 14px; color: #000; } .bomb-box .box-bottom .box-header a{ margin-top: 6px; display: inline-block; float: right; width: 15px; height: 15px; text-align: center; font-size: 14px; color: #000; border-radius: 3px; border: 1px solid #000; } .bomb-box .box-bottom .per-data{ margin: 0 auto; width: 455px; height: 418px; text-align: center; background: #f3f3f3; border-top: 1px solid #ccc; } .bomb-box .box-bottom .per-data ul li{ margin-bottom: 15px; height: 26PX; line-height: 26px; } .bomb-box .box-bottom .per-data ul li:first-child, .bomb-box .box-bottom .per-data ul li:last-child{ margin-top: 25px; } .bomb-box .box-bottom .per-data ul li em{ width: 80px; text-align: right; } .bomb-box .box-bottom .per-data ul li input{ padding-left: 10px; width: 300px; height: 26px; border: 1px solid #a0a0a0; } .bomb-box .box-bottom .per-data ul li a.mod-psd{ float: none; } /*设置-企业设置-收货地址编辑*/ .bomb-box .box04 { width: 492px; height: 478px; background: #fff; } .bomb-box .box04 p { height: 30px; line-height: 30px; background: #5078cb; border-bottom: #dcdcdc 1px dotted; color: #fff; } .bomb-box .box04 i.off { color: #fff; } .bomb-box .box04 ul { width: 92%; margin: 0 auto; } .bomb-box .box04 ul li { width: 100%; height: 34px; margin-top: 16px !important; line-height: 34px; margin: 0 auto; } .bomb-box .box04 ul li > div { margin-bottom: 10px; } .bomb-box .box04 ul li.line01 div { width: 100%; float: left; } .bomb-box .box04 ul li.line01 div.fl span.fl, .bomb-box .box04 ul li.line01 div.fr span.fl { width: 80px; font-size: 14px; } .bomb-box .box04 ul li.line01 div.fl span.fr, .bomb-box .box04 ul li.line01 div.fr span.fr { width: 254px; height: 34px; display: inline-block; float: left; } .bomb-box .box04 ul li div em { color: #f00; } .bomb-box .box04 ul li.line01 div.fl span.fr input, .bomb-box .box04 ul li.line01 div.fr span.fr input { width: 254px; height: 34px; padding-left: 10px; border: #cccccd 1px solid; font-size: 14px; } .bomb-box .box04 ul li.line01 div.fr span.fl { margin-left: 20px; } .bomb-box .box04 ul li.line02 div.fl { width: 80px; font-size: 14px; } .bomb-box .box04 ul li.line02 div.fr { width: 632px; height: 34px; font-size: 14px; float: left; } .bomb-box .box04 ul li.line02 div.fr input { width: 632px; height: 34px; font-size: 14px; padding-left: 10px; border: #cccccd 1px solid; } .bomb-box .box04 .margin-top40 { margin-top: 40px !important; } .bomb-box .box04 .emaill, .bomb-box .box04 .address { position: relative; } .bomb-box .box04 .emaill i, .bomb-box .box04 .address i { font-size: 14px; color: #999; left: 0; } .bomb-box .box04 .select { position: relative; } .bomb-box .box04 .select i { position: absolute; top: 10px; left: 60px; color: #959595; } .bomb-box .box04 .many-file-btn { width: 240px; margin: 60px auto 0; } .no-padding { padding: 0 !important; } .no-margin { margin: 0 !important; } .btn-warning { color: #5078cb; background-color: #fff; border-color: #5078cb; }