@charset "UTF-8";
/*颜色*/
/*字体*/
/*主内容区域宽度*/
/** flex-custorm 自定义flex函数 */
.companyList { width: 100%; height: 200px; background-color: #fff; position: absolute; left: 0px; z-index: 10; border: solid 1px #ccc; display: flex; flex-direction: column; padding: 0 16px; overflow: scroll; }

body { color: #474747; font-size: 14px; }

.erweima { z-index: 2 !important; }

.step-box { height: 170px; background: #fff; margin-top: 15px; color: #474747; }

.step-box img { width: 390px; height: 170px; margin-right: 15px; }

.step-box div:last-child img { margin-right: 0; }

.step-box .step { margin-left: 19px; }

input::-webkit-input-placeholder { color: #999999; }

.content { width: 925px; margin-bottom: 32px; }

.side { width: 265px; }

.form-item-textarea { width: 684px; height: 100px; resize: none; border: 1px solid #e9e9e9; padding: 9px 12px 30px; line-height: 20px; color: #999; border-radius: 4px; }

.form-item-textarea:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

.form-item-tip { display: inline-block; width: 14px; height: 14px; position: relative; }

.form-item-tip img { width: 14px; height: 14px; position: relative; top: -1px; margin-left: 4px; }

.form-item-tip .tip-content { display: none; }

.form-item-tip:hover .tip-content { display: block; width: 200px; left: 0px; top: -65px; background: #fff; line-height: 20px; padding: 5px; color: #474747; border: 1px solid #474747; position: absolute; }

.form-item-tip:hover .tip-content::after { content: ''; position: absolute; border-top: 5px solid #333; border-left: 5px solid transparent; border-right: 5px solid transparent; bottom: -5px; left: 5px; }

.form-item-txt { font-size: 20px; }

.form-item-color { color: #FF9852; }

.w168 { width: 168px; }

.txr { text-align: right; }

.form-item .form-down-pdf { position: relative; height: 183px; width: 400px; margin-left: 10px; }

.form-item .form-down-pdf .down-pdf { position: absolute; bottom: 0; font-size: 14px; color: #72adf1; height: 27px; line-height: 27px; }

.form-item .form-down-pdf .down-pdf img { width: 16px; height: 16px; margin-top: 5px; }

.form-item .form-down-pdf .down-pdf div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.form-item .form-down-pdf .down-pdf div p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 10px; }

.form-item .form-down-pdf .down-pdf div p img { width: 25px; height: 25px; margin: 0; }

.set_5_button3 { background: #ff761a; color: white; overflow: hidden; z-index: 1; cursor: pointer; overflow: hidden; padding: 0 25px; position: relative; text-align: center; width: auto; }

.set_5_button3:after { content: ''; position: absolute; top: 0; left: 0; width: 500%; height: 1000%; background: #f56301; z-index: -1; transform-origin: 0% 0%; transform: translateX(calc(20% - 25px)) translateY(10%) rotate(-45deg); transition: transform 0.3s; }

.set_5_button3:hover::after { transform: translateY(10%) translateX(-25px) rotate(-45deg); }

.form-item .img-uploading { position: relative; height: 183px; }

.form-item .img-uploading .bg-img { width: 200px; height: 183px; background-image: url(../images/upload-defaultImg.png); }

.form-item .img-uploading .pic-btn { position: absolute; width: 60px; height: 28px; top: 50%; left: 50%; margin-left: -30px; margin-top: -14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #FF9852; z-index: 7; font-size: 14px; color: #fff; cursor: pointer; background: #ff761a; }

.form-item .img-uploading .pic-btn img { width: 12px; height: 12px; margin-right: 4px; }

.form-item .img-uploading .pic { position: absolute; width: 200px; height: 183px; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; overflow: hidden; }

.form-item .uploadImg .uploadImg-btn { position: absolute; display: none; top: 50%; left: 50%; width: 100px; height: 28px; margin-top: -14px; margin-left: -50px; line-height: 28px; text-align: center; background-color: #FF9852; z-index: 7; font-size: 14px; color: #fff; cursor: pointer; }

.form-item .uploadImg:hover .uploadImg-btn { display: block; }

.form-item .uploadImg:hover .uploadImg-btn img { position: absolute; top: 50%; left: 10px; margin-top: -6px; width: 12px; height: 12px; }

.form-item .uploadImg:hover .uploadImg-btn p { margin-left: 30px; }

.form-view4-main { margin-top: 22px; margin-left: 54px; }

.form-view4-main .radio1 { margin-right: 16px; float: left; cursor: pointer; }

.form-view4-main .radio1:nth-child(4) { margin-right: 0; }

.form-view4-main ul li { height: 38px; margin-top: 14px; }

.form-view4-main ul li p { float: left; height: 38px; line-height: 38px; color: #474747; font-size: 14px; }

.form-view4-main ul li p:nth-child(1) { width: 110px; text-align: right; margin-right: 4px; }

.form-view4-main ul li p:nth-child(4) { margin-right: 12px; }

.form-view4-main ul li input { float: left; width: 310px; height: 38px; border: 1px solid #999; line-height: 36px; margin-right: 18px; padding: 0 8px; color: #474747; font-size: 14px; }

.form-view4-main ul li img { float: left; width: 18px; height: 18px; margin-right: 4px; margin-top: 10px; }

.form-view4-main ul li .get-code { position: relative; width: 93px; height: 38px; margin-top: 0; background: #fff; border: 1px solid #474f68; cursor: pointer; color: #474f68; }

.form-view4-main ul li .get-code span { color: #474f68; font-size: 12px; margin-left: 0; }

.form-view4-main ul li .get-code.disable { border: 1px solid #a3aac3; background: #a3aac3; }

.form-view4-main ul li .get-code.disable span { color: #fff; }

.form-view4-main ul li .server-value { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.form-view4-main ul li span { line-height: 16px; font-size: 12px; color: #ff0000; margin-left: 3px; font-weight: 800; }

.form-view4-main ul li .err-text { width: 70px; line-height: 16px; font-size: 12px; color: #ff0000; margin-left: 6px; font-weight: 800; }

.form-view4-main ul li .err { font-size: 12px; }

.form-view4-main ul li .success { color: #06ca52; font-size: 12px; }

.form-view4-main ul li .start { font-size: 14px; color: #ff0000; margin-left: 142px; font-weight: 800; }

.form-view4-main ul li.address { display: table; /* .pick-area { width: 227px !important; } */ }

.form-view4-main ul li.address img { float: right; width: 13px; height: 13px; margin-top: 12px; margin-right: 16px; }

.form-view4-main ul li.address .address2 { margin-top: 14px; }

.form-view4-main ul li.address .address1.t-address { min-width: 227px; max-width: 280px; text-align: left; padding: 0 15px; font-size: 14px; }

.form-view4-main ul li.address .address2.t-address { margin-left: 100px; min-width: 240px; max-width: 240px; text-align: left; padding: 0 15px; font-size: 14px; }

.form-view4-main ul li.address a { float: left; font-size: 12px; color: #72adf1; line-height: 38px; cursor: pointer; }

.form-view4-main li .modify-select img { float: right; }

.form-view4-main .form-view4-main-right .view { margin-top: 14px; }

.form-view4-main .form-view4-main-right .view p:nth-child(1) { width: 168px; height: 38px; line-height: 38px; color: #474747; font-size: 14px; text-align: right; margin-right: 4px; float: left; }

.form-view4-main .form-view4-main-right .view .select-input { position: relative; }

.form-view4-main .form-view4-main-right .view .select-input .form-right-show { width: 172px; height: 38px; border: 1px solid #e9e9e9; padding: 0 16px; line-height: 36px; cursor: pointer; }

.form-view4-main .form-view4-main-right .view .select-input .form-right-show h4 { height: 36px; font-size: 14px; color: #474747; }

.form-view4-main .form-view4-main-right .view .select-input .form-right-show img { width: 13px; height: 13px; margin-top: 12px; }

.form-view4-main .form-view4-main-right .view .select-input ul { width: 172px; display: none; position: absolute; top: 38px; left: 0; padding: 5px 0 8px 0; background: #fff; border: 1px solid #e9e9e9; border-top: none; z-index: 99; cursor: pointer; }

.form-view4-main .form-view4-main-right .view .select-input ul li { height: 28px; line-height: 28px; padding: 0 16px; font-size: 14px; color: #474747; background: #fff; margin-top: 0; }

.form-view4-main .form-view4-main-right .view .select-input ul li:hover { background-color: #f8f8f8; }

.form-view4-main .form-view4-main-right .view .img-uploading { position: relative; }

.form-view4-main .form-view4-main-right .view .img-uploading .result { width: 214px; height: 133px; border-radius: 6px; background: url(../images/transaction-quick/upload-defaultImg.png) no-repeat; background-size: contain; }

.form-view4-main .form-view4-main-right .view .img-uploading .result img { width: 129px; height: 76px; border-radius: 6px; }

.form-view4-main .form-view4-main-right .view .pic-style { margin-left: 29px; margin-top: 30px; }

.form-view4-main .form-view4-main-right .view .pic-style .pic-btn { margin-top: 13px; width: 60px; height: 27px; text-align: center; line-height: 25px; border: 1px solid #ff761a; font-size: 14px; color: #fff; cursor: pointer; margin-right: 18px; padding-left: 9px; background: #ff761a; }

.form-view4-main .form-view4-main-right .view .pic-style .pic-btn img { width: 12px; height: 12px; margin-top: 7px; }

.form-view4-main .form-view4-main-right .view .pic-style .pic-btn p { height: 25px; line-height: 25px; font-size: 14px; color: #fff; cursor: pointer; }

.form-view4-main .form-view4-main-right .view .pic-style .authDownload { font-size: 14px; color: #72adf1; height: 27px; line-height: 27px; cursor: pointer; }

.form-view4-main .form-view4-main-right .view .pic-style .authDownload img { width: 16px; height: 16px; margin-top: 5px; }

.form-view4-main .form-view4-main-right .view .pic-style .authDownload div p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: -20px; }

.form-view4-main .form-view4-main-right .view .pic-style .authDownload div p img { width: 25px; height: 25px; margin: 0; }

.form-view4-main .form-view4-main-right .view .pic-style .pic { position: absolute; width: 60px; height: 27px; left: 0; bottom: 0; opacity: 0; overflow: hidden; }

.form-view4-main .authorization-des { margin-left: 108px; margin-top: 40px; }

.form-view4-main .authorization-des h4.form-sub-title { position: relative; display: block; margin: 0 0 8px; padding-left: 3px; height: 22px; line-height: 22px; font-size: 16px; }

.form-view4-main .authorization-des h4.form-sub-title span.title-icon { position: absolute; top: 50%; left: -3px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); display: block; width: 3px; height: 16px; background-color: #ff761a; }

.form-view4-main .authorization-des p { color: #999999; font-size: 14px; margin-bottom: 8px; }

.linkman .form-view4-main input { width: 227px; background-color: #fafafa; }

.modify-select { float: left; }

.modify-select .form-right { position: relative; /*单独对火狐进行设置*/ }

.modify-select .form-right .form-right-show { width: 128px; height: 38px; border: 1px solid #999; padding: 0 16px; line-height: 36px; cursor: pointer; background-color: #fafafa; border-radius: 4px; }

.modify-select .form-right .form-right-show h4 { height: 36px; font-size: 14px; color: #474747; }

.modify-select .form-right .form-right-show img { width: 13px; height: 13px; margin-top: 12px; }

.modify-select .form-right ul { width: 128px; display: none; position: absolute; top: 38px; left: 0; padding: 5px 0 8px 0; background: #fff; border: 1px solid #999; border-top: none; z-index: 9999; cursor: pointer; }

.modify-select .form-right ul li { width: 126px; height: 28px; line-height: 28px; padding: 0 16px; margin-top: 0; font-size: 14px; color: #474747; background: #fff; }

.modify-select .form-right ul li:hover { background-color: #ebebe4; }

.modify-select .form-right ul.active { display: block; }

.modify-select .form-right .pic-style2 { margin-top: 10px; }

.modify-select .form-right .pic-style2 .pic-style2-btn { width: 60px; height: 27px; text-align: center; line-height: 25px; border: 1px solid #999; font-size: 14px; color: #474747; cursor: pointer; margin-right: 10px; padding-left: 9px; }

.modify-select .form-right .pic-style2 .pic-style2-btn img { width: 12px; height: 12px; margin-top: 7px; }

.modify-select .form-right .pic-style2 .pic-style2-btn p { height: 25px; line-height: 25px; font-size: 14px; color: #474747; }

.modify-select .form-right .pic-style2 span { height: 27px; line-height: 27px; font-size: 12px; color: #FF9852; }

.modify-select .form-right .pic2 { width: 60px; height: 27px; }

.modify-select input { width: 270px; height: 38px; border: 1px solid #999; padding: 0 16px; line-height: 36px; }

.modify-select .btn { margin-top: 8px; overflow: hidden; }

.modify-select .btn .btn1 { width: 86px; height: 38px; display: inline-block; border: 1px solid #FF9852; color: #FF9852; text-align: center; line-height: 40px; font-size: 14px; background: #fff; float: left; margin-right: 8px; }

.modify-select .btn .btn2 { width: 86px; height: 38px; display: inline-block; background: #FF9852; color: #fff; text-align: center; line-height: 40px; font-size: 14px; float: left; }

.side { margin-top: 10px; }

.side h4 { margin-top: 24px; padding-left: 20px; font-size: 16px; }

.dialog-quickTool-box { display: none; position: fixed; z-index: 10000; top: 0; left: 0; }

.dialog-quickTool-bg { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); }

.dialog-quickTool { max-width: 90%; position: fixed; top: 50%; left: 50%; padding: 24px; background: #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #474747; }

.dialog-quickTool-header { position: relative; height: 24px; line-height: 24px; text-align: center; margin-bottom: 20px; }

.dialog-quickTool-header .close { position: absolute; color: #999999; height: 16px; width: 16px; background: url(../images/quick-tool_close.png) no-repeat; background-size: contain; top: 0; right: 0; cursor: pointer; }

.dialog-quickTool-content { max-height: 430px; overflow-y: auto; }

.dialog-quickTool-content div { text-align: center; margin: 20px 0; }

.dialog-quickTool-content table { border: solid #a3a7b3; border-width: 1px 0px 0px 1px; margin: 0 auto; }

.dialog-quickTool-content td { border: solid #a3a7b3; border-width: 0px 1px 1px 0px; height: 20px; line-height: 30px; padding: 5px 10px; font-size: 14px; white-space: nowrap; }

.dialog-quickTool-footer { width: 100%; }

.dialog-quickTool-footer a { display: block; margin: 20px auto 0; width: 288px; height: 42px; line-height: 42px; background-color: #ff761a; color: #fff; text-align: center; cursor: pointer; }

.authorization { display: none; }

.authorization.active { display: block; }

.address #pick-area2.pick-area { width: 240px !important; }

.address #pick-area2.pick-area .pick-show { border: 1px solid #999; border-radius: 4px; }

.address #pick-area2.pick-area .pick-show span { width: 45px; }

.address .pick-area { float: left; position: relative; font-size: 14px; background: #fff; text-decoration: none; margin-right: 15px; cursor: default; background-color: #fafafa; }

.address .pick-show { position: relative; padding: 0 0 0 16px; height: 38px; line-height: 36px; border: 1px solid #d8d8d8; }

.address .pick-show span { float: left; height: 24px; line-height: 24px; padding: 0 3px; margin-top: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; color: #999; }

.address .pick-show span:hover { color: #fff !important; border-radius: 3px; }

.address .pick-show span.pressActive { background: #FF9852 !important; color: #fff !important; border-radius: 3px; }

.address .pick-show i { float: left; padding: 0 3px; color: #999; font-style: normal; }

.address img { width: 13px; height: 13px; margin-top: 12px; margin-right: 10px; }

.address .pick-list { width: 270px !important; display: none; position: absolute; line-height: 36px; margin: 0; padding: 0; background: #fff; z-index: 999999999; overflow-y: auto; overflow-x: hidden; border: 1px solid #dedede; border-top: none; }

.address .pick-list li { width: 270px !important; margin: 0; padding-left: 8px; list-style: none; color: #888; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.address .pick-list li:hover { color: #fff; }

.address h3 { font-size: 14px; color: #474747; line-height: 20px; margin-bottom: 49px; }

.address .lab label { float: left; width: 518px; text-align: right; color: #474747; font-size: 14px; display: inline-block; float: left; line-height: 38px; position: relative; }

.address .lab label span { position: absolute; top: 3px; left: 453px; color: red; }

.address .lab input { float: left; width: 271px; height: 38px; margin-left: 6px; border: 1px solid #999; padding-left: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; }

.address .lab input[type='checkbox'] { width: 18px; height: 18px; background-color: #fff; -webkit-appearance: none; border: 1px solid #999; border-radius: 2px; outline: none; position: absolute; top: 1px; left: 0; }

.address .lab .checkBox input[type='checkbox']:checked { background: url("../images/checkIcon.png") no-repeat center; border: 1px solid #FF9852; }

.address .lab p { float: left; font-size: 12px; color: #ff1c26; height: 38px; line-height: 38px; padding-left: 8px; }

.address .lab .error { border: 1px solid #ff1c26; }

.address .lab input::-webkit-input-placeholder { color: #999; font-size: 14px; }

.address .lab .details-dress { width: 468px; }

.address .lab .form-right { position: relative; /*单独对火狐进行设置*/ }

.address .lab .form-right .form-right-show { margin-left: 6px; float: left; width: 270px; height: 38px; border: 1px solid #999; padding: 0 16px; line-height: 36px; cursor: pointer; }

.address .lab .form-right .form-right-show h4 { height: 36px; font-size: 14px; color: #999; }

.address .lab .form-right .form-right-show img { width: 13px; height: 13px; margin-top: 12px; }

.address .lab .form-right ul { width: 270px; display: none; position: absolute; top: 36px; left: 0; padding: 5px 0 8px 0; background: #fff; border: 1px solid #999; border-top: none; z-index: 99; cursor: pointer; max-height: 195px !important; }

.address .lab .form-right ul li { width: 268px; height: 28px; line-height: 28px; padding: 0 16px; font-size: 14px; background: #fff; }

.address .lab .form-right ul li:hover { background-color: #f8f8f8; }

.address .lab .form-right .pic-style2 { margin-top: 10px; }

.address .lab .form-right .pic-style2 .pic-style2-btn { width: 60px; height: 27px; text-align: center; line-height: 25px; border: 1px solid #999; font-size: 14px; color: #474747; cursor: pointer; margin-right: 10px; padding-left: 9px; }

.address .lab .form-right .pic-style2 .pic-style2-btn img { width: 12px; height: 12px; margin-top: 7px; }

.address .lab .form-right .pic-style2 .pic-style2-btn p { height: 25px; line-height: 25px; font-size: 14px; color: #474747; }

.address .lab .form-right .pic-style2 span { height: 27px; line-height: 27px; font-size: 12px; color: #FF9852; }

.address .lab .form-right .pic2 { width: 60px; height: 27px; }

.maskdocs { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(27, 27, 27, 0.8); padding: 60px 0; z-index: 999999; }

.maskdocs .docs { position: relative; width: 700px; height: 100%; margin: 0 auto; background: #fff; overflow: auto; }

.maskdocs .docs .close { position: absolute; top: 20px; right: 20px; width: 24px; height: 24px; background-image: url(/images/quick-tool_close.png); cursor: pointer; }

.maskdocs.active { display: block; }

.docs { padding: 50px 60px; background: #fff; }

.docs button:first-child { color: #c7c7c9; background-color: #e3e4e6; }

.docs button { margin: 16px 10px 0; padding: 10px 40px; color: #fff; font-size: 12px; font-weight: bold; background-color: #25262b; cursor: pointer; }

.docs .btn { text-align: center; }

.docs h1, .docs h3, .docs p { color: #474747; }

.docs h1 { font-size: 24px; text-align: center; margin-bottom: 40px; font-weight: bold; }

.docs h3 { font-size: 14px; font-weight: bold; text-align: justify; line-height: 24px; margin: 8px 0; }

.docs p { font-size: 14px; line-height: 24px; text-align: justify; margin-bottom: 6px; }

.docs table { border: solid #a3a7b3; border-width: 1px 0px 0px 1px; margin: 0 auto; }

.docs td { border: solid #a3a7b3; border-width: 0px 1px 1px 0px; height: 20px; line-height: 30px; padding: 5px 10px; font-size: 14px; white-space: nowrap; }

.dialog_certification { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(27, 27, 27, 0.8); padding: 60px 0; z-index: 999999; display: none; }

.dialog_certification.active { display: block; }

.dialog_certification .certification { position: relative; width: 1000px; margin: 0 auto; background: #fff; overflow: auto; border-radius: 6px; }

.dialog_certification .certification .certification_title { background: #e9e9e9; height: 60px; padding: 0px 30px; line-height: 60px; font-size: 16px; color: #4a4a4a; }

.dialog_certification .certification .certification_title .certification_title_text { float: left; }

.dialog_certification .certification .certification_title .certification_title_button { float: right; }

.dialog_certification .certification .certification_title .certification_title_button span { display: inline-block; width: 50px; text-align: center; cursor: pointer; }

.dialog_certification .certification .certification_box { margin: 24px 30px 40px 30px; }

.dialog_certification .certification .certification_box .certification_tips { background: #f6fbff; padding: 18px 16px; border-radius: 6px; }

.dialog_certification .certification .certification_box .certification_tips .certification_tips_title { height: 22px; line-height: 22px; }

.dialog_certification .certification .certification_box .certification_tips .certification_tips_title img { display: inline-block; width: 22px; height: 22px; margin-right: 10px; }

.dialog_certification .certification .certification_box .certification_tips .certification_tips_text { margin-top: 16px; font-size: 14px; line-height: 20px; }

.dialog_certification .certification .personInfo { margin-top: 8px; background: #fff; height: 170px; box-sizing: border-box; padding-top: 20px; }

.dialog_certification .certification .personInfo h3 { font-size: 16px; font-weight: 500; color: #4a4a4a; line-height: 22px; }

.dialog_certification .certification .personInfo h3::before { display: inline-block; content: ''; width: 4px; height: 14px; background: #ff761a; margin-right: 8px; }

.dialog_certification .certification .personInfo .form .info_list { display: flex; margin-bottom: 20px; margin-top: 30px; width: 506px; display: flex; justify-content: flex-end; position: relative; }

.dialog_certification .certification .personInfo .form .info_list .list_left { font-size: 14px; font-weight: 400; color: #666666; line-height: 38px; margin-right: 15px; }

.dialog_certification .certification .personInfo .form .info_list .list_right { display: flex; width: 362px; height: 40px; background: white; border-radius: 4px; border: 1px solid #e1e4e8; font-size: 14px; font-weight: 400; color: #666; line-height: 38px; padding-left: 16px; padding-right: 16px; box-sizing: border-box; position: relative; }

.dialog_certification .certification .personInfo .form .info_list .list_right input { display: inline-block !important; width: 100% !important; border: 1px solid #e1e4e8; border-radius: 4px; padding: 0px 10px; }

.dialog_certification .certification .personInfo .form .info_list .disedit { border: none !important; }

.dialog_certification .certification .personInfo .form .info_list .errorUserName { font-size: 14px; font-weight: 400; color: #ff1c26; line-height: 20px; position: absolute; right: -177px; bottom: 9px; }

.dialog_certification .certification .personInfo .form .info_list .errorCardNo { font-size: 14px; font-weight: 400; color: #ff1c26; line-height: 20px; position: absolute; right: -205px; bottom: 9px; }

.dialog_certification .certification .personInfo .form .info_list:last-child { margin-bottom: 0; margin-top: 0; }

.dialog_certification .certification .uploadInfo { margin-top: 8px; background: #fff; }

.dialog_certification .certification .uploadInfo h3 { height: 62px; line-height: 62px !important; font-size: 16px; font-weight: 500; color: #4a4a4a; line-height: 22px; }

.dialog_certification .certification .uploadInfo h3::before { display: inline-block; content: ''; width: 4px; height: 14px; background: #ff761a; margin-right: 8px; }

.dialog_certification .certification .uploadInfo .form { padding: 0px 55px 0px; }

.dialog_certification .certification .uploadInfo .form .info_list { margin-top: 0px; display: flex; }

.dialog_certification .certification .uploadInfo .form .info_list:nth-child(2) { margin-top: 20px; }

.dialog_certification .certification .uploadInfo .form .info_list:nth-child(3) { margin-top: 20px; }

.dialog_certification .certification .uploadInfo .form .info_list .list_left { display: flex; justify-content: flex-end; width: 293px; margin-right: 36px; }

.dialog_certification .certification .uploadInfo .form .info_list .list_left .list_label { font-size: 14px; font-weight: 400; color: #666666; line-height: 20px; margin-right: 14px; margin-top: 11px; }

.dialog_certification .certification .uploadInfo .form .info_list .list_left .img_wp { width: 166px; height: 102px; }

.dialog_certification .certification .uploadInfo .form .info_list .list_left .img_wp input { display: inline-block; width: 100%; height: 100%; }

.dialog_certification .certification .uploadInfo .form .info_list .list_left .img_wp .zmbg { width: 166px; height: 102px; }

.dialog_certification .certification .uploadInfo .form .info_list .list_left .img_wp .img_intro { position: absolute; top: 22px; left: 50%; transform: translateX(-50%); text-align: center; }

.dialog_certification .certification .uploadInfo .form .info_list .list_left .img_wp .img_intro img { width: 41px; height: 41px; }

.dialog_certification .certification .uploadInfo .form .info_list .list_left .img_wp .img_intro p { font-size: 12px; font-weight: 500; color: #49506a; line-height: 17px; margin-top: 4px; }

.dialog_certification .certification .uploadInfo .form .info_list .list_right { display: flex; width: 475px; }

.dialog_certification .certification .uploadInfo .form .info_list .list_right .img_example { width: 166px; height: 102px; margin-right: 21px; }

.dialog_certification .certification .uploadInfo .form .info_list .list_right .img_example .certificationPic_example { width: 166px; height: 102px; }

.dialog_certification .certification .uploadInfo .form .info_list .list_right .card_tip li { font-size: 12px; font-weight: 400; color: #999999; line-height: 17px; margin-bottom: 11px; }

.dialog_certification .certification .uploadInfo .form .info_list .list_right .card_tip li:last-child { margin-bottom: 0; }

.dialog_certification .certification .uploadInfo .form .info_list .list_right .card_tip li i { display: inline-block; width: 4px; height: 4px; background: #ff8532; margin-right: 8px; vertical-align: middle; }

.dialog_certification .certification .uploadInfo .form .info_list .list_right .card_tip li strong { color: #ff1c26; font-weight: 400 !important; }

.dialog_certification .certification .uploadInfo .form .submit { margin: 28px 0 0 127px; width: 96px; height: 38px; }

.dialog_certification .certification .uploadInfo .form .submit button { width: 120px; height: 38px; text-align: center; border-radius: 4px; line-height: 38px; font-size: 16px; font-weight: 500; color: white; background-color: #ccc; }

.dialog_certification .certification .uploadInfo .form .submit .failbtn { width: 96px; height: 38px; text-align: center; border-radius: 4px; line-height: 38px; font-size: 16px; font-weight: 500; color: white; background-color: #ff761a; }

.dialog_certification .certificationNew { position: relative; margin: 0 auto; overflow: auto; border-radius: 6px; width: 1000px; height: 580px; background-image: url(../images/renZhengBgc/bgc.png); background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; }

.dialog_certification .certificationNew .canlBtn { cursor: pointer; width: 200px; height: 60px; background-image: url(../images/renZhengBgc/canl.png); background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; position: absolute; bottom: 50px; left: 130px; }

.dialog_certification .certificationNew .sureBtn { cursor: pointer; width: 200px; height: 60px; background-image: url(../images/renZhengBgc/sure.png); background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; position: absolute; bottom: 50px; right: 130px; }

.dialog_certification .certification-new { position: relative; margin: 0 auto; overflow: auto; border-radius: 6px; width: 630px; height: 500px; background-color: #fff; margin-top: 150px; }

.dialog_certification .certification-new .close { width: 20px; height: 20px; position: absolute; right: 20px; z-index: 1; top: 20px; }

.dialog_certification .certification-new .cent-top { width: 100%; height: 200px; background-image: url(../images/renZhengBgc/certificatTop.png); background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; }

.dialog_certification .certification-new .cent-top1 { width: 100%; height: 200px; background-image: url(../images/renZhengBgc/certificatTop1.png); background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; }

.dialog_certification .certification-new .cent-text { width: 100%; text-align: center; font-size: 18px; color: #31415F; margin-top: 20px; }

.dialog_certification .certification-new .cent-div { display: block; width: 161px; height: 170px; background: white; border-radius: 6px; margin: 10px auto; font-size: 14px; color: #474747; line-height: 18px; text-align: center; padding-top: 5px; }

.dialog_certification .certification-new .cent-div img { transition: 0.4s; transition: 0.4s; -moz-transition: 0.4s; -webkit-transition: 0.4s; -o-transition: 0.4s; width: 150px; height: 150px; }

.dialog_certification .certification-new .cent-div h6 { margin-top: 8px; }

.dialog_certification .certification-new .cent-div p { color: #878787; margin: 10px 0; }

.dialog_certification .certification-new .cent-div .nameTit { color: #FF9852; }

.dialog-contacts-box { display: none; position: fixed; z-index: 10000; top: 0; left: 0; }

.dialog-contacts-box.active { display: block; }

.dialog-contacts-bg { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); }

.dialog-contacts { width: 642px; position: fixed; top: 50%; left: 50%; border: 5px solid #dcdcdc; background: #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #474747; border-radius: 4px; }

.dialog-contacts-header { position: relative; height: 44px; line-height: 44px; text-align: left; background-color: #fafafa; padding: 0 24px; }

.dialog-contacts-header .close { position: absolute; color: #999999; height: 16px; width: 16px; background: url(../images/quick-tool_close.png) no-repeat; background-size: contain; top: 12px; right: 24px; cursor: pointer; }

.dialog-contacts-content { padding: 24px; margin: 0; color: #474747; }

.dialog-contacts-content li p { width: 96px; }

.dialog-contacts-content .sexBox .radio-btn span { position: relative; top: 10px; color: #474747; font-weight: normal; }

.dialog-contacts-content .contactsName input, .dialog-contacts-content .validateVal input { width: 271px; border-radius: 4px; }

.dialog-contacts-content .warning { color: red; }

.dialog-contacts-content .contactsPhone input { width: 271px; margin-right: 8px; border-radius: 4px; }

.dialog-contacts-content .contactsPhone .get-code { width: 129px; color: #ff761a; border: 1px solid #ff761a; border-radius: 4px; }

.dialog-contacts-content .contactsPhone .get-code span { color: #ff761a; }

.dialog-contacts-content .address #pick-area2.pick-area { float: none; width: 443px !important; }

.dialog-contacts-content .address .detailAddress .address2.t-address { margin-left: 0; width: 443px !important; max-width: 443px; border-radius: 4px; }

.dialog-contacts-content .selectDefault div span { position: relative; top: 10px; color: #474747; font-weight: normal; }

.dialog-contacts-content .contactsBtn { margin-left: 114px; margin-bottom: 32px; width: 86px; text-align: center; height: 38px; line-height: 38px; background: #ff761a; color: #fff; }

#container { width: 100% !important; }

#container #content { position: relative; width: 100% !important; min-height: 188px; }

#container #content #app { max-width: 1200px; min-width: 1200px; margin: 0 auto; }

#container #content .nextStep { width: 238px; height: 46px; background: #7488c7; border-radius: 4px; display: inline-block; text-align: center; line-height: 46px; font-size: 16px; color: #fff; margin-top: 40px; margin-right: 16px; }

#container #content .nextStep:hover { background: #546aad; }

#container .banner { position: absolute; top: 0; left: 0; width: 100%; height: 458px; background-image: url(/images/transaction/bg.png); }

#container .header { overflow: hidden; padding: 56px 0 36px 0; position: relative; height: auto; }

#container .header .left { max-width: 143px; float: left; margin-left: 36px; }

#container .header .left .left_video { width: 170px; height: 40px; background: #eaf4ff; border-radius: 22px; margin-top: 14px; line-height: 40px; cursor: pointer; }

#container .header .left .left_video img { width: 40px; height: 40px; margin-left: 11px; display: block; float: left; }

#container .header .left .left_video span { height: 40px; font-size: 16px; font-family: PingFangSC-Semibold; font-weight: 600; color: #495b94; line-height: 40px; display: block; float: left; }

#container .header .center { position: absolute; right: 280px; left: 300px; overflow: hidden; height: 60px; }

#container .header .center .swiper-container { height: 60px; }

#container .header .center .swiper-container .swiper-wrapper { height: 60px; }

#container .header .center .img-boxs { width: 42px; height: 42px; float: left; margin-right: 16px; }

#container .header .center strong { font-size: 27px; color: #fff; font-weight: 600; }

#container .header .center p { font-size: 16px; color: #fff; line-height: 40px; }

#container .header .right { float: right; width: 170px; margin-right: 49px; }

#container .header .right .left_video { width: 170px; height: 40px; background: #eaf4ff; border-radius: 22px; line-height: 40px; cursor: pointer; }

#container .header .right .left_video img { width: 40px; height: 40px; margin-left: 11px; display: block; float: left; }

#container .header .right .left_video span { height: 40px; font-size: 16px; font-family: PingFangSC-Semibold; font-weight: 600; color: #495b94; line-height: 40px; display: block; float: left; }

.pull-right .m-module { border-radius: 4px; background: #fff; margin-bottom: 10px; padding: 20px; overflow: hidden; }

.pull-right .warmPrompt .title { overflow: hidden; }

.pull-right .warmPrompt .title .img-boxs { width: 22px; height: 22px; display: inline-block; float: left; margin-right: 6px; }

.pull-right .warmPrompt .title h6 { font-size: 16px; color: #474747; line-height: 22px; float: left; }

.pull-right .warmPrompt .text { margin-top: 10px; font-size: 12px; line-height: 16px; text-align: justify; }

.pull-right .reasonN { margin-top: 0px; background: url("../images/index201901/advBg1.png") no-repeat bottom right #fff; }

.pull-right .serverNationwide { margin-top: 0px; background: url("../images/index201901/advBg2.png") no-repeat bottom right #fff; }

.pull-right .serverNationwide, .pull-right .reasonN { cursor: pointer; background-size: 100px 50px; }

.pull-right .reasonN p, .pull-right .serverNationwide p { font-size: 18px; color: #474f68; line-height: 30px; }

.pull-right .reasonN a, .pull-right .serverNationwide a { font-size: 14px; color: #5ea0e7; line-height: 21px; }

.pull-right .reasonN:hover a, .pull-right .serverNationwide:hover a { color: #ff761a; }

.address-position-revise { top: 517px; left: 241px; }

.address-position-revise .address-container { width: 300px !important; }

.address-position-revise .address-container .addressSelect { height: 240px; }

.masker { background: rgba(0, 0, 0, 0.5); position: fixed; width: 100%; height: 100%; z-index: 1111; left: 0; top: 0; bottom: 0; }

.masker .outer { position: fixed; left: 15%; top: 15%; right: 15%; }

.masker .outer.curent { left: 50%; top: 50%; transform: translate(-50%, -50%); }

.masker .outer .closer { width: 100%; height: 100%; background: red; z-index: 11111; position: relative; }

.masker .outer .closer .close { position: absolute; top: -35px; right: -28px; width: 79px; height: 79px; }

.masker .outer .closer .close img { width: 100%; height: 100%; }

.masker .outer .video { display: inline-block; width: 100%; }

.masker .outer .video video { width: 100%; height: 100%; }

.bidIssuing { margin-top: 60px; }

.tendering { height: auto; }

.tendering .step1 { position: relative; border-radius: 0px 6px 6px 6px; background: #fff; box-shadow: 0px 0px 10px 0px rgba(213, 213, 213, 0.5); }

.tendering .step1 .step-title { width: 166px; height: 58px; position: absolute; top: -58px; left: 0px; }

.tendering .step1 .step-title img { display: block; width: 100%; height: 100%; }

.tendering .step1 .msg-danger { border-radius: 0px 6px 0px 0px; padding-left: 30px; height: 36px; line-height: 36px; background-color: #f6f8ff; color: #7488c7; font-size: 12px; }

.tendering .step1 .msg-danger .login { color: #ff761a; }

.tendering .step1 .msg-danger a { color: #ff761a; cursor: pointer; }

.tendering .step1 .step1-content { padding: 28px 46px 40px 40px; box-sizing: border-box; }

.tendering .step1 .step1-content .tendering-title { font-size: 22px; color: #474747; font-weight: bold; }

.tendering .step1 .step1-content .tendering-title:after { position: absolute; left: -10px; top: 0px; content: ''; display: block; width: 3px; height: 22px; background: #ff761a; }

.tendering .step1 .step1-content .second-title { margin-top: 32px; font-size: 16px; color: #474747; }

.tendering .step1 .step1-content .second-title i { font-weight: bold; margin-right: 40px; }

.tendering .step1 .step1-content .second-title span { font-size: 14px; color: #4a90e2; cursor: pointer; }

.tendering .step1 .step1-content .start-attribute { margin-top: 18px; background: #fbfcff; border: 1px solid #c9d0e6; }

.tendering .step1 .step1-content .start-attribute .attribute-title { width: 100%; height: auto; }

.tendering .step1 .step1-content .start-attribute .attribute-title ul { height: 96px; padding: 40px 30px 40px 40px; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; }

.tendering .step1 .step1-content .start-attribute .attribute-title ul .project-title { font-weight: bold; font-size: 18px; flex: 1; }

.tendering .step1 .step1-content .start-attribute .attribute-title ul .project-biddingBond { margin-right: 20px; }

.tendering .step1 .step1-content .start-attribute .attribute-title ul .project-biddingBond span { color: #ff761a; }

.tendering .step1 .step1-content .start-attribute .attribute-title ul .project-info-switch { width: 114px; height: 34px; line-height: 34px; border: 1px solid #7488c7; border-radius: 17px; background: #fff; cursor: pointer; color: #7488c7; font-size: 16px; display: flex; justify-content: center; align-items: center; }

.tendering .step1 .step1-content .start-attribute .attribute-title ul .project-info-switch span { margin-right: 10px; }

.tendering .step1 .step1-content .start-attribute .attribute-title ul .project-info-switch i { display: block; width: 18px; height: 18px; background: url("/images/icon21.png") no-repeat; background-size: 100% 100%; }

.tendering .step1 .step1-content .start-attribute .attribute-title ul .project-info-switch i.on { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.tendering .step1 .step1-content .start-attribute .attribute-title ul .del-botton { margin-left: 28px; cursor: pointer; }

.tendering .step1 .step1-content .start-attribute .attribute-title ul .del-botton i { display: block; width: 15px; height: 17px; }

.tendering .step1 .step1-content .start-attribute .attribute-title ul .del-botton i img { display: block; width: 100%; height: 100%; }

.tendering .step1 .step1-content .start-attribute .attribute-title .project-standard { height: auto; line-height: 34px; padding: 0px 40px; box-sizing: border-box; background: #eaedfa; color: #474747; }

.tendering .step1 .step1-content .start-attribute .attribute-title .project-standard span { font-size: 14px; font-weight: bold; }

.tendering .step1 .step1-content .start-attribute .project-info { padding: 46px 38px; box-sizing: border-box; background: #fbfcff; }

.tendering .step1 .step1-content .start-attribute .project-info .info { margin-bottom: 30px; }

.tendering .step1 .step1-content .start-attribute .project-info .info .info-title { font-size: 16px; color: #7488c7; font-weight: 500; }

.tendering .step1 .step1-content .start-attribute .project-info .info ul li .info-item-title { margin-top: 40px; font-size: 14px; font-weight: bold; }

.tendering .step1 .step1-content .start-attribute .project-info .info ul li .radio2 { display: flex; flex-wrap: wrap; }

.tendering .step1 .step1-content .start-attribute .project-info .info ul li .radio2 .info-item { margin-top: 20px; margin-right: 36px; font-size: 14px; color: #474747; cursor: pointer; display: flex; align-items: center; }

.tendering .step1 .step1-content .start-attribute .project-info .info ul li .radio2 .info-item i { display: inline-block; width: 16px; height: 16px; margin-right: 10px; }

.tendering .step1 .step1-content .start-attribute .project-info .info ul li .radio2 .info-item i img { display: block; width: 100%; height: 100%; }

.tendering .step1 .step1-content .start-attribute .project-info .info ul li .radio2 .info-item span { font-size: 14px; }

.tendering .step1 .step1-content .start-attribute .project-info .info ul li .input-unit { margin-top: 20px; display: flex; align-items: center; }

.tendering .step1 .step1-content .start-attribute .project-info .info ul li .input-unit .input-box { width: 312px; border: 1px solid #d8d8d8; border-radius: 4px; background: #fff; height: 38px; line-height: 36px; margin-right: 10px; padding: 0 10px; box-sizing: border-box; }

.tendering .step1 .step1-content .start-attribute .project-info .info ul li .input-unit .input-box input { width: 100%; height: 100%; }

.tendering .step1 .step1-content .start-attribute .project-info .info ul li .input-unit span { font-size: 14px; color: #515151; }

.tendering .step1 .step1-content .start-attribute .project-info .info ul li .checkbox .checkbox-item { margin-top: 20px; cursor: pointer; }

.tendering .step1 .step1-content .start-attribute .project-info .info ul li .checkbox .checkbox-item i { display: block; width: 18px; height: 18px; float: left; margin: 3px; }

.tendering .step1 .step1-content .start-attribute .project-info .info ul li .checkbox .checkbox-item i img { display: block; width: 100%; height: 100%; }

.tendering .step1 .step1-content .start-attribute .project-info .info ul li .checkbox .checkbox-item span { display: block; margin-left: 28px; line-height: 24px; display: flex; align-items: center; }

.tendering .step1 .step1-content .start-attribute .project-info .info ul li .checkbox .checkbox-item a { color: #2872F9; }

.tendering .step1 .step1-content .start-attribute .project-info .info ul li .textarea-box { margin-top: 20px; width: 730px; height: 118px; border: 1px solid #d8d8d8; border-radius: 6px; overflow: hidden; background: #fff; padding: 6px; }

.tendering .step1 .step1-content .start-attribute .project-info .info ul li .textarea-box textarea { width: 100%; height: 100%; }

.tendering .step1 .step1-content .start-attribute .project-info .info ul li .select-box { margin-top: 20px; width: 312px; height: 38px; line-height: 38px; border-radius: 4px; }

.tendering .step1 .step1-content .start-attribute .project-info .info ul li .select-box .select01 { height: 38px; }

.tendering .step1 .step1-content .start-attribute .project-info .info ul li .select-box .select01 option { line-height: 24px; }

.tendering .step1 .step1-content .start-attribute .project-info .packup { margin-top: 40px; width: 100px; height: 46px; line-height: 46px; font-size: 16px; font-weight: bold; color: #fff; background: #7488c7; text-align: center; border-radius: 6px; cursor: pointer; }

.tendering .step1 .step1-content .businessBox { position: relative; }

.tendering .step1 .step1-content .businessBox .addBusiness { margin-top: 40px; width: 250px; height: 54px; line-height: 54px; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: bold; font-size: 18px; background: #ff761a; border-radius: 27px; position: relative; cursor: pointer; }

.tendering .step1 .step1-content .businessBox .addBusiness i { display: block; width: 22px; height: 22px; margin-right: 6px; }

.tendering .step1 .step1-content .businessBox .addBusiness i img { display: block; width: 100%; height: 100%; }

.tendering .step1 .step1-content .businessBox .addBusiness:hover { background: #f5741e; }

.tendering .step1 .step1-content .businessBox .business-list { position: absolute; top: 50px; left: 0px; background: #fff; width: 800px; height: auto; border-radius: 6px; box-shadow: 0px 0px 10px #d5d5d5; padding: 24px; box-sizing: border-box; z-index: 1; }

.tendering .step1 .step1-content .businessBox .business-list .close { position: absolute; color: #999999; height: 16px; width: 16px; background: url(../images/quick-tool_close.png) no-repeat; background-size: contain; top: 10px; right: 10px; cursor: pointer; }

.tendering .step1 .step1-content .businessBox .business-list ul .oneList { padding: 8px 0px; border-bottom: 1px dashed #ececec; }

.tendering .step1 .step1-content .businessBox .business-list ul .oneList .lable { width: 80px; height: 24px; line-height: 24px; margin: 10px 0px; font-size: 14px; color: #b3bcc9; float: left; }

.tendering .step1 .step1-content .businessBox .business-list ul .oneList .oneClass { margin-left: 85px; }

.tendering .step1 .step1-content .businessBox .business-list ul .oneList .oneClass li { height: 24px; line-height: 24px; float: left; margin: 10px; color: #474747; font-size: 14px; cursor: pointer; }

.tendering .step1 .step1-content .businessBox .business-list ul .oneList .oneClass li.on { color: #ff9852; }

.tendering .step1 .step1-content .businessBox .business-list ul .oneList .oneClass li:hover { color: #ff9852; }

.tendering .step1 .step1-content .businessBox .business-list ul .towList { margin-top: 16px; }

.tendering .step1 .step1-content .businessBox .business-list ul .towList .lable { width: 80px; height: 24px; line-height: 24px; margin: 10px 0px; font-size: 16px; color: #575f6b; float: left; }

.tendering .step1 .step1-content .businessBox .business-list ul .towList .tendering { margin-left: 85px; max-height: 160px; overflow-y: auto; }

.tendering .step1 .step1-content .businessBox .business-list ul .towList .tendering li { line-height: 24px; float: left; margin: 3px 10px 3px 0px; padding: 4px 10px; border: 1px solid #efefef; border-radius: 4px; box-sizing: border-box; cursor: pointer; }

.tendering .step1 .step1-content .businessBox .business-list ul .towList .tendering li:hover { border: 1px solid #ff9852; color: #ff9852; }

.tendering .step1 .step1-content .tips { margin-top: 20px; display: flex; align-items: center; }

.tendering .step1 .step1-content .tips i { display: block; width: 18px; height: 18px; margin-right: 8px; }

.tendering .step1 .step1-content .tips i img { display: block; width: 100%; height: 100%; }

.tendering .step1 .step1-content .tips div { display: block; color: #474747; font-size: 14px; }

.tendering .step2 { position: relative; border-radius: 0px 6px 6px 6px; background: #fff; margin-top: 78px; padding: 28px 46px 40px 40px; box-sizing: border-box; box-shadow: 0px 0px 10px 0px rgba(213, 213, 213, 0.5); }

.tendering .step2 .step-title { width: 166px; height: 58px; position: absolute; top: -58px; left: 0px; }

.tendering .step2 .step-title img { display: block; width: 100%; height: 100%; }

.tendering .step2 .tendering-title { font-size: 22px; color: #474747; font-weight: bold; }

.tendering .step2 .tendering-title:after { position: absolute; left: -10px; top: 0px; content: ''; display: block; width: 3px; height: 22px; background: #ff761a; }

.tendering .step2 .companysLi { margin-top: 30px; }

.tendering .step2 .companysLi .companys-lable { width: 80px; font-size: 14px; font-weight: bold; margin-right: 20px; margin-top: 14px; text-align: right; }

.tendering .step2 .companysLi .companysBox { width: 686px; }

.tendering .step2 .companysLi .companysBox .companyBoxs { height: auto; }

.tendering .step2 .companysLi .companysBox .companysDes { font-size: 12px; }

.tendering .step2 .companysLi .companysBox .companysDes img { display: inline-block; width: 18px; height: 18px; }

.tendering .step2 .companysLi .addCompanysBox { position: relative; box-sizing: border-box; display: inline-block; margin-right: 10px; cursor: pointer; }

.tendering .step2 .companysLi .addCompanysBox .addCompanysForm input { text-align: left; width: 300px; float: left; line-height: 36px; border: 1px solid #d8d8d8; margin-right: 6px; height: 38px; line-height: 36px; color: #474747; font-size: 14px; border-radius: 4px; padding-left: 16px; }

.tendering .step2 .companysLi .addCompanysBox .addCompanysForm span { width: 86px; text-align: center; height: 38px; line-height: 38px; border: 1px solid #ff761a; margin-right: 5px; border-radius: 4px; float: left; font-size: 12px; }

.tendering .step2 .companysLi .addCompanysBox .addCompanysForm span:nth-of-type(1) { color: #ff761a; }

.tendering .step2 .companysLi .addCompanysBox .addCompanysForm span:nth-of-type(2) { color: #fff; background: #ff761a; }

.tendering .step2 .companysLi .addCompanysBox .checkbox-btn { cursor: pointer; height: 38px; line-height: 38px; display: table; width: 150px; z-index: 10; }

.tendering .step2 .companysLi .addCompanysBox .checkbox-btn img { float: left; width: 18px; height: 18px; margin-right: 8px; margin-top: 10px; }

.tendering .step2 .companysLi .addCompanysBox .checkbox-btn span { float: left; width: 100px; line-height: 38px; font-size: 14px; color: #474747; }

.tendering .step2 .companysLi .companysList { box-sizing: border-box; display: inline-block; margin-right: 10px; margin-bottom: 10px; margin-top: 10px; border: 1px solid #d8d8d8; cursor: pointer; border-radius: 4px; float: left; }

.tendering .step2 .companysLi .companysList .companysItem { padding: 9px 16px; max-width: 420px; min-width: 100px; text-align: center; background: #fafafa; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: 4px; }

.tendering .step2 .companysLi .companysList .toolbar { display: none; min-width: 100px; }

.tendering .step2 .companysLi .companysList .toolbar span { font-size: 12px; float: right; cursor: pointer; margin-left: 5px; height: 20px; line-height: 20px; }

.tendering .step2 .companysLi .companysList:hover { position: relative; border: 1px solid #ff761a; border-radius: 4px; }

.tendering .step2 .companysLi .companysList:hover .toolbar { position: absolute; display: block; bottom: -20px; right: 0; z-index: 10; }

.tendering .step2 .companysLi .companysList:hover .toolbar span { color: #474747; }

.tendering .step2 .companysLi .companysList.active { position: relative; border: 1px solid #ff761a; border-radius: 4px; }

.tendering .step2 .companysLi .companysList.active::after { right: -1px; bottom: -1px; position: absolute; content: ''; width: 12px; height: 12px; background: url(../images/financialIcon7.png) no-repeat; background-size: contain; }

.tendering .step2 .companysLi .addCompanysBtn { position: relative; float: left; cursor: pointer; height: 54px; line-height: 54px; vertical-align: middle; color: #72adf1; background: transparent; }

.tendering .step2 .companysLi .addCompanysBtn input { width: 300px; }

.tendering .step2 .companysLi .addCompanysBtn span img { display: inline-block; vertical-align: middle; width: 18px; height: 18px; margin-right: 6px; }

.tendering .step2 .region { margin-top: 30px; }

.tendering .step2 .region .companys-lable { width: 80px; font-size: 14px; font-weight: bold; margin-right: 20px; margin-top: 12px; text-align: right; }

.tendering .step2 .region .companys-lable span { color: #db2a29; }

.tendering .step2 .region .distpicker { margin-left: 100px; display: flex; height: 20px; line-height: 20px; }

.tendering .step2 .region .distpicker .form-group { min-width: 310px; margin-right: 20px; }

.tendering .step2 .region .distpicker .form-group .inputBox { border: 1px solid #d8d8d8; padding: 5px 10px; border-radius: 3px; }

.tendering .step2 .region .distpicker .form-group .inputBox .area-value { height: 24px; line-height: 24px; }

.tendering .step2 .region .distpicker .form-group .btn-warning { height: 34px; line-height: 34px; color: #72adf1; cursor: pointer; }

.tendering .step2 .region .beizhu { margin-left: 100px; margin-top: 34px; font-size: 12px; color: #474747; }

.tendering .step2 .region .beizhu img { display: inline-block; vertical-align: middle; width: 18px; height: 18px; }

.tendering .step2 .demandNotes { margin-top: 30px; }

.tendering .step2 .demandNotes .companys-lable { width: 80px; font-size: 14px; font-weight: bold; margin-right: 20px; margin-top: 14px; text-align: right; }

.tendering .step2 .demandNotes .companys-lable span { color: #db2a29; }

.tendering .step2 .demandNotes .demandNotes-checkbox { margin-left: 100px; }

.tendering .step2 .demandNotes .demandNotes-checkbox .textareaBox { width: 756px; height: 120px; position: relative; padding: 10px; border-radius: 6px; border: 1px solid #d8d8d8; }

.tendering .step2 .demandNotes .demandNotes-checkbox .textareaBox textarea::-webkit-input-placeholder { /* placeholder颜色  */ color: #d8d8d8; /* placeholder字体大小  */ /* placeholder位置  */ }

.tendering .step2 .demandNotes .demandNotes-checkbox .textareaBox textarea { width: 100%; height: 100%; }

.tendering .step2 .demandNotes .demandNotes-checkbox .textareaBox span { position: absolute; display: block; bottom: 12px; right: 18px; }

.tendering .step2 .demandNotes .demandNotes-checkbox .beizhu { margin-top: 20px; font-size: 12px; line-height: 18px; color: #474747; }

.tendering .step2 .demandNotes .demandNotes-checkbox .beizhu span { color: #ff761a; }

.tendering .step3 { position: relative; border-radius: 0px 6px 6px 6px; background: #fff; padding: 28px 46px 30px 40px; box-sizing: border-box; margin-top: 10px; box-shadow: 0px 0px 10px 0px rgba(213, 213, 213, 0.5); }

.tendering .step3 .tendering-title { font-size: 22px; color: #474747; font-weight: bold; }

.tendering .step3 .tendering-title:after { position: absolute; left: -10px; top: 0px; content: ''; display: block; width: 3px; height: 22px; background: #ff761a; }

.tendering .step3 .title-dec { position: absolute; top: 30px; right: 40px; }

.tendering .step3 .contactsList ul { margin-top: 30px; }

.tendering .step3 .contactsList ul a { color: #72adf1; }

.tendering .step3 .contactsList ul a:hover { color: #386faf; }

.tendering .step3 .contactsList li { height: 42px; position: relative; margin-bottom: 10px; display: block; overflow: hidden; }

.tendering .step3 .contactsList li p { box-sizing: border-box; float: left; }

.tendering .step3 .contactsList li p span { margin-right: 10px; }

.tendering .step3 .contactsList li .contactsName { width: 111px; text-align: center; height: 40px; line-height: 39px; background: #fafafa; border: 1px solid #d8d8d8; cursor: pointer; margin-right: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: 4px; }

.tendering .step3 .contactsList li .contactsName.active { position: relative; border: 1px solid #ff761a; border-radius: 4px; }

.tendering .step3 .contactsList li .contactsName.active::after { right: -1px; bottom: -1px; position: absolute; content: ''; width: 12px; height: 12px; background: url(../images/financialIcon7.png) no-repeat; background-size: contain; }

.tendering .step3 .contactsList li .contactsInfo span { display: inline-block; height: 39px; line-height: 39px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.tendering .step3 .contactsList li .contactsInfo span:nth-of-type(1) { width: 60px; }

.tendering .step3 .contactsList li .contactsInfo span:nth-of-type(2) { width: 30px; }

.tendering .step3 .contactsList li .contactsInfo span:nth-of-type(3) { width: 100px; }

.tendering .step3 .contactsList li .contactsInfo span:nth-of-type(4) { width: 180px; }

.tendering .step3 .contactsList li .contactsInfo span:nth-of-type(5) { width: 70px; }

.tendering .step3 .contactsList li .contactsInfo .isdefault { position: relative; top: -7px; width: 70px; height: 24px; line-height: 24px; text-align: center; color: #ff761a; border: 1px solid #ff761a; border-radius: 4px; }

.tendering .step3 .contactsList li .toolbar { display: none; color: #72adf1; }

.tendering .step3 .contactsList li .toolbar span { cursor: pointer; }

.tendering .step3 .contactsList li.nologing { height: 56px; background: #f9f9f9; line-height: 56px; border: 1px dashed #d5d5d5; }

.tendering .step3 .contactsList li.nologing a { display: block; width: 100%; height: 100%; color: #474747; font-size: 14px; text-align: center; }

.tendering .step3 .contactsList li:hover { background: #fafafa; }

.tendering .step3 .contactsList li:hover .contactsName { border: 1px solid #ff761a; border-radius: 4px; }

.tendering .step3 .contactsList li:hover .toolbar { position: absolute; display: block; top: 12px; right: 0; }

.tendering .step3 .contactsList .contactsBoxs { margin: 16px 20px; }

.tendering .step3 .contactsList .contactsBoxs img { width: 10px; height: 10px; display: inline-block; margin-right: 5px; }

.tendering .step4 { position: relative; border-radius: 0px 6px 6px 6px; background: #fff; padding: 28px 46px 40px 40px; box-sizing: border-box; margin-top: 10px; box-shadow: 0px 0px 10px 0px rgba(213, 213, 213, 0.5); }

.tendering .step4 .con-file-btn .checkbox-btn { margin: 10px 24px 10px 0; cursor: pointer; height: 38px; line-height: 38px; }

.tendering .step4 .con-file-btn .checkbox-btn p { display: inline-block; vertical-align: middle; }

.tendering .step4 .con-file-btn .checkbox-btn p img { display: inline-block; position: relative; width: 18px; height: 18px; margin-right: 8px; margin-top: -2px; vertical-align: middle; }

.tendering .step4 .con-file-btn .checkbox-btn p span { display: inline-block; font-size: 14px; color: #474747; }

.tendering .step4 .con-file-btn .checkbox-btn a { display: inline-block; vertical-align: middle; color: #72adf1; }

.tendering .step4 .con-file-btn .checkbox-btn a:hover { color: #386faf; text-decoration: underline; }

.tendering .step4 .price-box { margin: 21px auto 15px; height: 96px; background-color: #fbfbfb; }

.tendering .step4 .price-box dl { display: inline-block; }

.tendering .step4 .price-box .form-item dt, .tendering .step4 .price-box .form-item dd { float: left; height: 38px; line-height: 38px; }

.tendering .step4 .price-box .form-item dt { margin-right: 5px; }

.tendering .step4 .price-box .form-item-txt p { display: inline-block; font-size: 14px; }

.tendering .step4 .price-box .form-item-txt p span { margin-right: 4px; font-weight: bold; font-size: 30px; }

.tendering .step4 .price-box .form-item { margin-top: 30px; margin-left: 58px; margin-right: 26px; }

.tendering .step4 .price-box .form-item:nth-of-type(2) p { color: #ff761a; }

.tendering .step4 .contractTem { display: flex; margin-bottom: 15px; }

.tendering .step4 .contractTem p { font-size: 14px; font-weight: 400; color: #474747; line-height: 20px; }

.tendering .step4 .contractTem p a span { cursor: pointer; color: #ff761a; }

.tendering .step4 .electronicContract { display: flex; align-items: center; margin-bottom: 15px; }

.tendering .step4 .electronicContract .divbg { width: 60px; height: 26px; border-radius: 15px; overflow: hidden; position: relative; display: inline-block; margin-right: 8px; }

.tendering .step4 .electronicContract .divbg .left { position: absolute; left: 4px; }

.tendering .step4 .electronicContract .divbg .right { position: absolute; right: 4px; }

.tendering .step4 .electronicContract .divslider { width: 16px; height: 16px; border-radius: 50%; position: absolute; }

.tendering .step4 .electronicContract .open1 { width: 38px; height: 20px; background: #fff; box-shadow: 0px 0px 10px 0px rgba(213, 213, 213, 0.5); border-radius: 9px; border: 1px solid #dcdcdc; box-sizing: border-box; }

.tendering .step4 .electronicContract .open2 { top: 1px; left: 2px; background: #d8d8d8; }

.tendering .step4 .electronicContract .close1 { width: 38px; height: 20px; border-radius: 9px; overflow: hidden; position: relative; background: #fff; box-shadow: 0px 0px 10px 0px rgba(213, 213, 213, 0.5); border: 1px solid #ff761a; box-sizing: border-box; }

.tendering .step4 .electronicContract .close2 { top: 1px; right: 2px; background: #ff761a; }

.tendering .step4 .electronicContract span { font-size: 14px; font-weight: 400; color: #474747; line-height: 20px; }

.tendering .step4 .noticeTips { color: #474747; font-size: 14px; }

.tendering .step4 .noticeTips span { color: #ff761a; }

.tendering .step4 .from-botton { float: right; margin-top: 33px; margin-bottom: 10px; height: 46px; line-height: 46px; width: 238px; background: #ff761a; color: #ffffff; font-size: 16px; font-weight: bold; text-align: center; border-radius: 6px; cursor: pointer; }

.tendering .step4 .from-botton:hover { background: #f5741e; }

.address-position { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; background: rgba(0, 0, 0, 0.5); }

.address-position .address-container { padding: 0px; display: table; background: #fff; -webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.2); margin: 0 auto; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%); overflow: auto !important; }

.address-position .address-container .clos { position: absolute; width: 20px; height: 20px; top: 5px; right: 5px; cursor: pointer; z-index: 11; background: url(../images/quick-tool_close.png) no-repeat; background-size: contain; }

.address-position .address-container .address-select { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 298px; }

.address-position .address-container .address-select .address-content { display: -webkit-box; display: -ms-flexbox; display: flex; align-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 268px; height: 100%; background: #fff; padding: 20px 12px 0px; overflow: auto; }

.address-position .address-container .address-select .address-content li { line-height: 20px; text-align: center; background: transparent; color: #474747; cursor: pointer; font-size: 14px; padding: 8px 10px; }

.address-position .address-container .address-select .address-content li.active { background: #e5e9f6; color: #7488c7; border-radius: 3px; }

.address-position .address-container .address-select .address-content:nth-child(even) { background: #f9f9f9; }

.address-position .address-container .address-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 15px 20px; border-top: 1px solid #f9f9f9; }

.address-position .address-container .address-bottom .address-name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.address-position .address-container .address-bottom .address-name span { font-size: 14px; color: #FF9852; margin: 0 5px; }

.address-position .address-container .address-bottom .btn-group span { font-size: 12px; cursor: pointer; }

.address-position .address-container .address-bottom .btn-group span:first-child { color: #72adf1; margin-right: 10px; }

.address-position .address-container .address-bottom .btn-group span:last-child { color: #fff; background: #ff761a; padding: 4px 15px 6px; border-radius: 3px; }

.address-position.active { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.fade-enter-active, .fade-leave-active { transition: opacity 0.5s; }

.fade-enter, .fade-leave-active { opacity: 0; }

#alert1 .pull-left { float: right; }

#alert1 .pull-right { float: left; margin-right: 10px; }

.addCompanyAlert { position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none; }

.addCompanyAlert .businessadd { width: 998px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #ffffff; padding-bottom: 100px; }

.addCompanyAlert .businessadd .addTitle { width: 100%; height: 60px; padding: 0px 30px; border-bottom: 1px solid #e7e7e7; display: flex; align-items: center; justify-content: space-between; }

.addCompanyAlert .businessadd .addTitle h4 { font-size: 16px; color: #4a4a4a; }

.addCompanyAlert .businessadd .addTitle .rightClose { display: flex; }

.addCompanyAlert .businessadd .addTitle .rightClose span { cursor: pointer; }

.addCompanyAlert .businessadd .addTitle .rightClose span:nth-child(1) { margin-right: 10px; }

.addCompanyAlert .businessadd .formBox { padding-top: 40px; display: block; overflow: hidden; }

.addCompanyAlert .businessadd .formBox .inputitem { margin-bottom: 20px; }

.addCompanyAlert .businessadd .formBox .inputitem .label { display: block; width: 190px; height: 40px; line-height: 40px; float: left; text-align: right; }

.addCompanyAlert .businessadd .formBox .inputitem .label span { color: #ff1c26; }

.addCompanyAlert .businessadd .formBox .inputitem .input { float: left; display: block; width: 360px; height: 38px; line-height: 38px; padding: 0px 16px; border: 1px solid #e1e4e8; margin-left: 20px; }

.addCompanyAlert .businessadd .formBox .inputitem .errText { display: none; float: left; height: 40px; line-height: 40px; margin-left: 23px; color: #ff1c26; }

.addCompanyAlert .businessadd .formBox .saveBtn { margin-top: 66px; display: flex; justify-content: center; }

.addCompanyAlert .businessadd .formBox .saveBtn .formbutton { width: 170px; height: 38px; line-height: 38px; background: #ff761a; color: #ffffff; font-size: 16px; font-weight: 500; text-align: center; border-radius: 6px; cursor: pointer; }

.addCompanyAlert .businessadd .formBox .saveBtn .formbutton:hover { background: #ff9852; }

.addCompanyAlert .businessadd .formBox .saveBtn .formbutton:first-child { margin-right: 30px; }

.searchCompanyAlert { position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none; }

.searchCompanyAlert .businessadd { width: 998px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #ffffff; padding-bottom: 100px; }

.searchCompanyAlert .businessadd .addTitle { width: 100%; height: 60px; padding: 0px 30px; border-bottom: 1px solid #e7e7e7; display: flex; align-items: center; justify-content: space-between; }

.searchCompanyAlert .businessadd .addTitle h4 { font-size: 16px; color: #4a4a4a; }

.searchCompanyAlert .businessadd .addTitle .rightClose { display: flex; }

.searchCompanyAlert .businessadd .addTitle .rightClose span { cursor: pointer; }

.searchCompanyAlert .businessadd .addTitle .rightClose span:nth-child(1) { margin-right: 10px; }

.searchCompanyAlert .businessadd .formBox { padding-top: 40px; display: block; overflow: hidden; }

.searchCompanyAlert .businessadd .formBox .inputitem { margin-bottom: 20px; }

.searchCompanyAlert .businessadd .formBox .inputitem .label { display: block; width: 190px; height: 40px; line-height: 40px; float: left; text-align: right; }

.searchCompanyAlert .businessadd .formBox .inputitem .label span { color: #ff1c26; }

.searchCompanyAlert .businessadd .formBox .inputitem .input { float: left; display: block; width: 360px; height: 38px; line-height: 38px; padding: 0px 16px; border: 1px solid #e1e4e8; margin-left: 20px; }

.searchCompanyAlert .businessadd .formBox .inputitem .errText { display: none; float: left; height: 40px; line-height: 40px; margin-left: 23px; color: #ff1c26; }

.searchCompanyAlert .businessadd .formBox .saveBtn { margin-top: 66px; display: flex; justify-content: center; }

.searchCompanyAlert .businessadd .formBox .saveBtn .formbutton { width: 170px; height: 38px; line-height: 38px; background: #ff761a; color: #ffffff; font-size: 16px; font-weight: 500; text-align: center; border-radius: 6px; cursor: pointer; }

.searchCompanyAlert .businessadd .formBox .saveBtn .formbutton:hover { background: #ff9852; }

.searchCompanyAlert .businessadd .formBox .saveBtn .formbutton:first-child { margin-right: 30px; }

.realAuthenMain { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 111; color: #fff; margin-top: 200px; margin-left: calc(50% - 350px); width: 700px; height: 450px; text-align: center; background: linear-gradient(#1f60ff 50%, #a6c6ff); display: none; }

.realAuthenMain.active { display: block !important; }

.realAuthenMain .realTitle { font-size: 40px; line-height: 70px; }

.realAuthenMain .subTitle { margin-top: 10px; }

.realAuthenMain .ready { margin-top: 30px; font-size: 20px; }

.realAuthenMain .details { margin-top: 20px; }

.realAuthenMain .main-details { height: 160px; border-radius: 20px; display: flex; text-align: left; width: 60%; margin: 0 auto; padding-left: 30px; background-color: rgba(77, 122, 255, 0.8); }

.realAuthenMain .main-details .main-details-title { width: 50%; }

.realAuthenMain .main-details p { line-height: 40px; }

.realAuthenMain .hold-bootom { margin-top: 40px; }

.realAuthenMain .hold-bootom button { width: 120px; height: 40px; border-radius: 10px; }

.realAuthenMain .hold-bootom .cancel { background: none; border: 1px solid #333; /* color: #333; */ }

.realAuthenMain .hold-bootom .submit { background: blue; color: #fff; border: none; margin-left: 50px; }