.nad-linebg{ background: #e1e6ee; padding: 0 0 40px; } .nad-linebg .qoth-rw-table>table{ background: #fff; } .nad-steps{ /* padding:0 0 30px; */ } .nad-linebox{ display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; border: 1px solid #dee1e6; margin:10px 0; } .nad-linebox:hover{ border-color: #bbdbf9; box-shadow:0 0 8px #a7d3fb } .nad-col1{ padding: 10px; width: 60px; text-align: center; } .nad-col1>span{ border-radius: 50%; font-size: 16px; font-weight: bold; display: inline-block; width: 32px; height: 32px; line-height: 32px; text-align: center; background: #348ef8; color: #fff; } .nad-col2{ padding: 10px; flex: auto; background: #f5f5f5; color:#333; font-size: 15px; font-weight: bold; } .nad-linebox:hover .nad-col2{ background: #f0f5fb; } .nad-col2 input{ border: 1px solid #dfe2e6; width: 100%; height: 34px; line-height: 34px; } .nad-col2>table{ width: 100%; } .nad-col2>table>tbody>tr>td:first-child{ width: 90px; text-align: right; padding-right: 10px; } .nad-col2>table>tbody>tr>td{ border: none; padding: 9px 0; } .nad-col3{ padding: 10px; width: 145px; text-align: center; } .nad-col3>button{ background: #fff; width: 105px; height: 28px; font-weight: bold; line-height: 26px; border-radius: 25px; border: 1px solid #dfe2e6; color: #333; font-size:15px; overflow: hidden; margin: 5px 0; } .nad-col3>button:hover>i{ margin-left: 1px; } .nad-col3>button>i{ background: url(../images/nad-icot.jpg) center center no-repeat; display: inline-block; width: 28px; height: 25px; vertical-align: middle; } .nad-col3>button>i.aup{ background-position: center 0; } .nad-col3>button>i.adown{ background-position: center -36px; } .nad-col3>button>i.adel{ background-position: center -72px; } .nad-col3>button>i.aadd{ background-position: center -110px; } .nad-num-default{ width: 32px; border-radius: 50%; text-align: center; display: flex; align-items: center; display: -webkit-flex; justify-content: center; height: 32px; background: #bfbfbf; border: 3px solid #eee; position: absolute; left: -68px; top:6px; font-size: 16px; font-weight: bold; color: #fff; box-shadow: 0 0 0 8px #fff; } .nad-bl-list:last-of-type:before{ position: absolute; content: ""; top: 32px; background: #fff; width: 1px; height: 100%; left: -52px; } .nad-num-default.nad-num-org{ background: #fe4f4b; border: 3px solid #ffbcba; } .nad-bl-cont{ border-left: 1px solid #bfbfbf; padding-left: 50px; margin-left: 30px; } .nad-bl-list{ position: relative; border: 1px solid #dfe2e6; margin:0 0 20px; }.nad-showlist.nad-bl-list{ box-shadow:0 0 8px #a7d3fb; } .nad-showlist.nad-bl-list .nad-bl-line2 .nad-bl2-tr:not(:first-of-type){ display: flex; display: -webkit-flex; } .nad-showlist.nad-bl-list .nad-bl-line3{ display: flex; display: -webkit-flex; } .nad-bl-line1{ display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; padding: 0px 25px; height: 40px; line-height: 40px; background: #f0f5fb; } .nad-bl-line1>span{ color: #348ef8; font-weight: bold; flex-shrink: 0; font-size: 16px; } .nad-bl-line1>a{ font-size: 15px; color: #333; font-weight: bold; text-decoration: none; }.nad-bl-line1>a>i{ display: inline-block; width: 14px; height: 14px; margin-right: 10px; } .nad-bl-line1>a:hover{ color: #fa7048; } .nad-bl-line1>a.zhankai>i{ background: url(../images/nad-add.png) center center no-repeat; } .nad-bl-line1>a.shouhui>i{ background: url(../images/nad-minus.png) center center no-repeat; } .nad-bl-line2{ padding: 0px 25px;} .nad-bl2-tr{ padding: 10px 0; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; font-size: 15px; color: #666; } .nad-bl2-tr:not(:first-of-type){ display: none; } .nad-bl2-tr>span{ font-weight: bold; color: #333; white-space: nowrap; } .nad-bl2-tr>div{ flex: auto; } .nad-bl2-tr>div>em{ width: 60px; height: 60px; display: inline-block; background: #e5e5e5; margin-right:20px; } .nad-bl2-tr>div>a{ display: inline-block; width: 60px; height: 60px; border: 1px solid #dcdcdc; background: url(../images/nad-add-i.png) center center no-repeat; } .nad-bl2-tr>div>a:hover{ opacity: 0.85; } .nad-bl-line3{ display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; height: 40px; line-height: 40px; border-top: 1px solid #ccc; font-size: 14px; color: #aaa; margin: 0px 25px; display: none; } .nad-bl-line3>span>i{ background: url(../images/nad-i.png) center center no-repeat; width: 16px; height: 16px; display: inline-block; vertical-align: middle; margin-right: 10px; } .nad-bl-btn{ padding: 0px ;} .nad-bl-btn>button{ min-width: 66px; height: 25px; line-height: 23px; border-radius: 5px; color: #fff; font-size: 15px; background:#4299ed; } .nad-bl-btn>button{ min-width: 66px; height: 25px; line-height: 23px; border-radius: 5px; color: #fff; font-size: 15px; background:#4299ed; border: none; margin:0px 5px; }.nad-bl-btn>button.nad-blorg{ background: #1fcb6f; } .nad-checkbox{ margin: 0px 10px; display: inline-block; margin-bottom: -5px; } .nad-checkbox>input{ display: none; } .nad-checkbox>input+label{ position: relative; font-size: 15px; color: #888; padding-left: 25px; font-weight: normal; } .nad-checkbox>input+label:before{ position: absolute; left: 0; top:3px; content:""; width: 17px; height: 17px; display: inline-block; border: 1px solid #ddd; border-radius: 5px; } .nad-checkbox>input[type=checkbox]:checked+label:before{ background: url(../images/nad-slt.png) center center no-repeat; border:none; } .nad-br-btm{ border-bottom: 1px solid #bfbfbf; margin-bottom: 20px; } .nad-banli-tip{ min-width: 66px; padding: 0px 5px; display: inline-block; font-weight: normal; height:20px; line-height: 18px; border-radius: 25px; text-align: center; font-size: 14px; color: #fff; margin-left: 15px; } .nad-yibanli{ background: #1fcb6f; } .nad-weibanli{ background: #bfbfbf; } .nad-banling{ background: #fa7048; }.nad-num-default.nad-num-tip{ border: none; } .nad-num-default.nad-num-tip>em{ position: absolute; left: -30px; top: 40px; min-width: 58px; padding: 0px 5px; display: inline-block; font-weight: normal; height:20px; line-height: 18px; font-weight: bold; border-radius: 25px; text-align: center; font-size: 14px; color: #fff; margin-left: 15px; box-shadow: 0 5px 0 5px; }.nad-btn-go{ padding: 30px 0; text-align: center; } .nad-btn-go>button{ min-width: 377px; border: none; height: 50px; line-height: 48px; font-size: 18px; text-align: center; color: #fff; padding: 0px 15px; border-radius: 25px; background: url(../images/nad-go.png) right 25px center no-repeat #4299ed; padding-right: 40px; } .nad-btn-go>button:hover{ opacity: 0.95; background: url(../images/nad-go.png) right 23px center no-repeat #4299ed; } .nad-btn-go>button.nad-btnback{ min-width: 377px; border: none; height: 50px; line-height: 48px; font-size: 18px; text-align: center; color: #fff; padding: 0px 15px; border-radius: 25px; background: url(../images/nad-back.png) left 25px center no-repeat #4299ed; padding-left: 40px; } .nad-btn-go>button.nad-btnback:hover{ opacity: 0.95; background: url(../images/nad-back.png) left 23px center no-repeat #4299ed; }.nad-btn-go>button.nad-btn-bz{ padding-right: 0; padding-left: 25px; min-width: 255px; background: url(../images/nad-add-whi.png) left 70px center no-repeat #4299ed; } .nad-btn-go>button.nad-btn-bz:hover{ min-width: 255px; background: url(../images/nad-add-whi.png) left 72px center no-repeat #4299ed; } .nad-tit-dft{ padding: 0 20px; position: relative; height: 60px; line-height:60px; display: flex; display: -webkit-flex; justify-content: space-between; padding-right:75px; border-bottom: 1px solid #dedede; } .nad-tit-aaa{ font-size: 14px; color: #aaa; } .nad-tit-aaa>i{ background: url(../images/nad-kbi.png) left center no-repeat; width: 16px; height:15px; display: inline-block; vertical-align: middle; margin-right: 5px; } .nad-default-i{ position: relative; font-size: 17px; color: #555; padding-left: 15px; } .nad-default-i:before{ position: absolute; content:""; width:5px; height:18px; background: #42a0ff; left: 0; top:50%; margin-top: -9px; } .nad-dftcont{ padding: 20px 40px; overflow: auto; max-height: 600px; } .nad-dfline1{ padding:15px 10px 6px; border-bottom: 2px solid #bccee5; font-size: 16px; color:#42a0ff; } .nad-dfline1>em{ color:#333; margin-left: 10px; } .nad-dfline2{ padding: 20px 0; } .nad-dftr{ display: flex; display: -webkit-flex; justify-content: space-between; padding:10px 0; } .nad-dftr>span{ white-space: nowrap; min-width: 90px; font-size: 15px; color: #666; text-align: right; } .nad-dftr>span.nad-tocenter{ padding-top: 10px; } .nad-dftr>div{ flex: auto; padding: 0; } .nad-dftr>div>textarea{ border: 1px solid #d2d2d2; width: 100%; height:87px; font-size: 16px; padding: 10px; } :-moz-placeholder{ color:#aaa; } :-ms-input-placeholder{ color:#aaa; } ::-webkit-input-placeholder{ color:#aaa; } .nad-btn-g{ padding: 20px 0; text-align: center; } .nad-btn-g>button{ width: 150px; height: 38px; line-height: 38px; font-size: 15px; font-weight: bold; background: #42a0ff; color:#fff; border-radius: 5px; border:none; margin: 0px 5px; } .nad-btn-g>button:hover{ opacity: 0.85; } .nad-btn-g>button.nad-bgray{ background: #93969c; } .nad-dfbox{ border: 1px solid #dde7f4; border-radius: 5px; background: #fff; } .nad-dfbox:not(:first-of-type){ margin-top: 10px; } .nad-box-tit{ background: #e9f0f9; padding: 10px; } .nad-box-tit>span{ color: #3494f0; font-size: 15px; } .nad-box-tit>span>i{ display:inline-block; background: url(../images/nad-user.png) center center no-repeat; vertical-align: bottom; margin-right: 10px; width: 20px; height: 20px; } .nad-box-tit>div{ font-size: 16px; color: #333; font-weight: bold; padding-left: 30px; text-overflow:ellipsis; overflow: hidden; white-space: nowrap; } .nad-box-cont{ padding:10px 20px; } .nad-box-cont>.nad-dftr{ padding: 5px 0; }