﻿.talk { width: 100%; }
.talk_title { width: 100%; height: 40px; line-height: 40px; text-indent: 12px; font-size: 16px; font-weight: bold; color: #afafaf; background: #212121; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #434343; font-family: "微软雅黑"; }
.talk_title span { float: left; }
.talk_title_c { width: 100%; height: 30px; line-height: 30px; }
.talk_record { width: 100%; height: 470px; overflow: auto; margin: 0px; position: relative; }
.talk_word { margin-top: 30px; position: relative; padding-right: 135px; }
.messages_box { background: #f0f0f0; box-shadow: inset 2px 2px 2px #eaeaea; border-radius: 4px; }
.messages { height: 50px; width: 100%; text-indent: 10px; overflow: hidden; font-size: 16px; color: #666; background: none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.messagesa { height: 54px; width: 710px; text-indent: 5px; overflow: hidden; font-size: 18px; line-height: 124px; color: #666; margin-top: 5px; margin-left: 1px; background-color: #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

.talk_word_submit { width: 120px; height: 50px; line-height: 50px; font-size: 12px; border-radius: 4px; margin-left: 2px; background-color: #00c9ff; font-size: 16px; color: #fff; display: inline-block; vertical-align: top; position: absolute; right: 0; top: 0; }
.talk_send:hover { background-position: 0px -24px; }
.talk_record ul { padding-left: 5px; }
.talk_record li { line-height: 25px; }
.talk_word .controlbtn a { margin: 12px; }
.talk .talk_word .order { float: left; display: block; height: 14px; width: 16px; background-image: url(../images/loop.png); background-repeat: no-repeat; background-position: 0px 0px; }

.talk .talk_word .loop { float: left; display: block; height: 14px; width: 16px; background-image: url(../images/loop.png); background-repeat: no-repeat; background-position: -30px 0px; }
.talk .talk_word .single { float: left; display: block; height: 14px; width: 16px; background-image: url(../images/loop.png); background-repeat: no-repeat; background-position: -60px 0px; }
.talk .talk_word .order:hover, .talk .talk_word .active { background-position: 0px -20px; text-decoration: none; }
.talk .talk_word .loop:hover { background-position: -30px -20px; text-decoration: none; }
.talk .talk_word .single:hover { background-position: -60px -20px; text-decoration: none; }


.jp-container { width: 100%; position: relative; background-color: transparent; }
.jp-container .talk_recordbox { min-height: 45px; color: #afafaf; overflow: hidden; margin-top: 15px; }
.jp-container .talk_recordbox:first-child { border-top: none; }
.jp-container .talk_recordbox:last-child { border-bottom: none; }
.jp-container .talk_recordbox .talk_recordtextbg { float: left; width: 10px; height: 30px; display: block; color: white; }
.jp-container .talk_recordbox .talk_recordtext { background: #fefefe; box-shadow: inset 0 0 7px rgba(0,0,0,.1); border-radius: 5px; border: 1px solid #eaeaea; max-width: 520px; display: block; padding: 10px; float: left; color: black; position: relative; line-height: 22px; }
.jp-container .talk_recordbox h3 { font-size: 13px; text-transform: uppercase; font-weight: 100; text-align: left; color: black; }
.jp-container .talk_recordbox .user { float: left; display: inline; width: 45px; height: 45px; border: 1px solid #eaeaea; border-radius: 50%; padding: 8px; margin-right: 5px; font-size: 12px; text-align: center; }
.jp-container .talk_recordbox .user img { }


/*专业问答*/
.jp-container .talk_recordboxme { display: block; min-height: 70px; color: #afafaf; margin-top: 15px; }
.jp-container .talk_recordboxme:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
.jp-container .talk_recordboxme .talk_recordtextbg { float: right; width: 10px; height: 30px; display: block; color: gray; }

.jp-container .talk_recordboxme .talk_recordtext { background: #fefefe; border-radius: 5px; max-width: 520px; height: auto; padding: 10px; color: black; position: relative; border: 1px solid #eaeaea; box-shadow: inset 0 0 7px rgba(0,0,0,.1); font-size: 12px; float: right; line-height: 22px; }
.jp-container .talk_recordboxme h3 { font-size: 13px; text-transform: uppercase; font-weight: 100; text-align: right; }
.jp-container .talk_recordbox a { color: #00c9ff; }
.jp-container .talk_recordboxme .user { float: right; width: 45px; height: 45px; margin: 0 10px 0 5px; font-size: 12px; line-height: 20px; text-align: center; display: inline; }
.jp-container .talk_recordboxme .user img { width: 45px; height: 45px; border: 1px solid #eaeaea; border-radius: 50%; }
.talk_time { display: block; font-size: 13px; color: #999; margin-top: 5px; }
.talk_recordboxme .talk_time { text-align: right; }
#top_div { position: fixed; bottom: 80px; right: 0; display: none; }
#line { position: absolute; right: 3px; top: 0px; background-color: black; height: 396px; width: 1px; z-index: 99; display: none; }
#scroll { position: absolute; right: 0; top: 4px; background-color: gray; height: 30px; width: 10px; border-radius: 5px; z-index: 99; }

.talk_record .mCSB_scrollTools { right: 0; }

.talk_record .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { background: #ccc !important; }
.talk_record .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #24b8e0 !important; }

.talk_check { }
.talk_check label { display: inline-block; vertical-align: top; line-height: 20px; margin-right: 15px; }
.talk_check input[type='radio'] { display: inline-block; vertical-align: top; position: relative; top: 4.5px; margin-right: 5px; }

.ques_table_btn { width: 120px; height: 44px; background: #00c9ff; border-radius: 4px; line-height: 44px; text-align: center; outline: none; display: block; font-size: 15px; color: #fff; margin-left: 29px; margin-bottom: 20px; }
.ques_table { width: 100%; border: 1px solid #eaeaea; margin: 0 auto; color: #333; }
.ques_table td { border: 1px solid #eaeaea; padding: 5px; text-align: center; }


.pop_question { padding: 20px; }
.pop_question dl { font-size: 14px; line-height: 20px; margin-top: 10px; }
.pop_question dl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
.pop_question dt { width: 50px; float: left; font-weight: bold; }
.pop_question dt input { position: relative; top: 1.5px; }
.pop_question dd { margin-left: 50px; }
.pop_question .submit { width: 120px; height: 40px; background: #00c9ff; border-radius: 3px; font-size: 15px; color: #fff; outline: none; display: block; margin: 20px auto; }
.dl_check dt { width: 20px; }
.dl_check dd { margin-left: 20px; }
.dl_check .text { width: 100%; height: 100px; border: 1px solid #dbdbdb; border-radius: 3px; outline: none; resize: none; margin-top: 5px; display: none; }


/*文件生成*/
.box_sizing, .box_sizing * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.generate_box { /*padding: 0 30px;*/ }
.generate_process { background: #f8f8f8; padding: 10px 0; margin-top: 30px; }
.generate_process:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
.generate_process .guide { font-size: 15px; font-weight: bold; color: #069bdd; padding-left: 20px; }
.generate_process .title { min-width: 90px; display: inline-block; line-height: 60px; text-align: center; font-size: 16px; color: #069bdd; }
.generate_process li { width: 114px; float: left; text-align: center; }
.generate_process h4 { font-size: 14px; color: #999; line-height: 20px; margin-bottom: 8px; }
.generate_process p { width: 24px; height: 24px; display: inline-block; vertical-align: top; background: #c8c8c8; border-radius: 50%; line-height: 24px; text-align: center; font-size: 14px; color: #fff; position: relative; }
.generate_process p:before { content: ""; width: 45px; border-bottom: 3px solid #c8c8c8; display: inline-block; vertical-align: top; position: absolute; left: -45px; top: 11px; }
.generate_process p:after { content: ""; width: 45px; border-bottom: 3px solid #c8c8c8; display: inline-block; vertical-align: top; position: absolute; right: -45px; top: 11px; }
.generate_process li:first-of-type p:before, .generate_process li:last-of-type p:after { display: none; }
.generate_process li.act h4 { color: #069bdd; }
.generate_process li.act p { background: #069bdd; }
.generate_process li.act p:before, .generate_process li.act p:after { border-bottom: 3px solid #069bdd; }


.generate_form1 { margin-top: 50px; }
.generate_form1 dl { margin-top: 20px; }
.generate_form1 dl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
.generate_form1 dt { width: 40%; float: left; text-align: right; padding-right: 15px; font-size: 14px; color: #069bdd; line-height: 35px; }
.generate_form1 dd { margin-left: 40%; }
.generate_form1 input[type='text'], .generate_form1 select { width: 240px; height: 35px; border: 1px solid #d9d9d9; border-radius: 3px; padding-left: 10px; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: #f8f8f8; }
.generate_form1 select.select { background: url("../img/jt.png") no-repeat scroll right center #f8f8f8; }

.generate_form1 .list { font-size: 0; }
.generate_form1 .list li { height: 34px; display: inline-block; vertical-align: top; border: 1px solid #eaeaea; line-height: 32px; padding: 0 15px; cursor: pointer; font-size: 14px; color: #333; margin: 2.5px 10px 2.5px 0; }
.generate_form1 .list li.active { background: url(/img/gou.png) no-repeat right bottom; border: 1px solid #00c9ff; color: #00c9ff; }


.generate_btn { text-align: center; margin-top: 30px; }
.generate_btn .btn { width: 110px; height: 35px; display: inline-block; vertical-align: top; border-radius: 3px; margin: 0 5px; line-height: 35px; text-align: center; font-size: 14px; color: #fff; }
.generate_btn .btn1 { background: #069bdd; }
.generate_btn .btn2 { background: #f49d16; }

.pop_send_btnbox { padding: 20px; }
.pop_send_btnbox .btn { width: 100%; height: 35px; display: inline-block; vertical-align: top; background: #f49d16; border-radius: 3px; line-height: 35px; text-align: center; font-size: 14px; color: #fff; margin-top: 10px; }
.pop_send_btnbox .btn:nth-child(1) { background: #00c9ff; margin-top: 0; }
.pop_send_btnbox .btn:nth-child(2) { background: #f49d16; margin-top: 10px; }
.pop_send_btnbox .btn:nth-child(3) { background: #1abb85; margin-top: 10px; }


.generate_name1 { background: #009edf; padding: 5px; margin-top: 20px; }
.generate_name1:after { content: ""; display: block; height: 0; visibility: hidden; clear: both; font-size: 0; }
.generate_name1 li { width: 205px; float: left; margin: 0 5px; position: relative; }
.generate_name1 li:nth-child(3) { width: 293px; }
.generate_name1 h4 { line-height: 20px; font-size: 14px; color: #fff; text-align: center; margin-bottom: 5px; }
.generate_name1 .text { width: 100%; height: 30px; background: #f5f5f5; border: none; outline: none; border-radius: 3px; padding-left: 10px; font-size: 14px; color: #666; }
.generate_name1 select.text { appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url("../img/jt.png") no-repeat scroll right center #f5f5f5; }
.generate_name1 .txt { font-size: 12px; color: #fff; line-height: 20px; margin-top: 5px; }
.generate_name1 .txt input[type='checkbox'] { display: inline-block; vertical-align: top; position: relative; top: 3px; margin-right: 5px; }

.generate_name_box { border: 1px solid #eaeaea; border-radius: 3px; }
.generate_name_box legend { padding: 0 10px; text-align: center; font-size: 14px; font-weight: bold; color: #069bdd; }

.generate_name2 { width: 380px; padding-top: 20px; position: relative; float: left; }
.generate_name2:before { content: ""; border-top: 12px solid #009edf; border-left: 12px solid transparent; border-right: 12px solid transparent; position: absolute; left: 280px; top: 0; }
.generate_name2 .title { font-size: 14px; font-weight: bold; color: #069bdd; }
.generate_name2 .list { overflow: hidden; }
.generate_name2 li { width: 177px; float: left; margin-top: 10px; }
.generate_name2 li i { display: inline-block; vertical-align: top; min-width: 20px; line-height: 30px; font-size: 14px; font-weight: bold; color: #069bdd; }
.generate_name2 li .text { width: 140px; height: 30px; background: #f8f8f8; border: 1px solid #d9d9d9; border-radius: 3px; padding-left: 5px; font-size: 12px; }
.generate_name2 .add_btn { display: inline-block; font-size: 14px; font-weight: bold; color: #069bdd; line-height: 20px; margin-top: 10px; }

.generate_name3 { width: 450px; padding-top: 20px; position: relative; float: right; }
.generate_name3:before { content: ""; border-top: 12px solid #009edf; border-left: 12px solid transparent; border-right: 12px solid transparent; position: absolute; right: 17px; top: 0; }
.generate_name3 .title { font-size: 14px; font-weight: bold; color: #069bdd; text-align: right; }
.generate_name3 li { height: 30px; background: #f8f8f8; border: 1px solid #d9d9d9; border-radius: 3px; line-height: 28px; padding: 0 10px; margin-top: 10px; font-size: 14px; color: #666; cursor: pointer; }
.generate_name3 li em { color: #009edf; }
.generate_name3 li.act { background: #009edf; color: #fff; }
.generate_name3 li.act em { color: #fff; }

.generate_name4 { width: 430px; margin-top: 30px; }
.generate_name4:after { content: ""; display: block; height: 0; visibility: hidden; clear: both; font-size: 0; }
.generate_name4.auto { margin: 30px auto 0; }
.generate_name4 dl { margin-top: 10px; }
.generate_name4 dt { font-size: 14px; font-weight: bold; color: #069bdd; line-height: 20px; }
.generate_name4 dd { margin-top: 5px; }
.generate_name4 .text { width: 100%; height: 35px; background: #f8f8f8; border: 1px solid #d9d9d9; border-radius: 3px; outline: none; padding-left: 5px; }
.generate_name4 .text.H100 { height: 100px; }
.generate_name4.percent100 { width: 100%; }
.generate_name4.percent100.mt20 { margin-top: 20px; }
.generate_name4.percent100 dl { width: 49%; float: left; }
.generate_name4.percent100 dl:nth-child(2n+2) { margin-left: 2%; }
.generate_name4 .date_group { width: 100%; height: 35px; background: #f8f8f8; border: 1px solid #d9d9d9; border-radius: 3px; outline: none; padding-left: 5px; }
.generate_name4 .date_group .text2 { width: 45px; height: 33px; background: #f8f8f8; text-align: center; font-size: 12px; }


.generate_investor1 { padding: 10px 0; border-bottom: 1px solid #eaeaea; }
.generate_investor1 .text { width: 100px; height: 30px; border: 1px solid #d9d9d9; border-radius: 3px; text-align: center; }
.generate_investor1 .text.W200 { width: 200px; padding-left: 5px; }
.generate_investor1 .ml50 { margin-left: 50px; }
.generate_investor1 input[type='checkbox'] { display: inline-block; vertical-align: top; position: relative; top: 8px; margin-left: 20px; }
.generate_investor1 dl { display: inline-block; vertical-align: top; min-width: 40%; margin-top: 10px; }
.generate_investor1 dt { min-width: 120px; float: left; font-size: 14px; line-height: 30px; text-align: right; }
.generate_investor1 dd { margin-left: 125px; }
.generate_investor1 .unit { display: inline-block; vertical-align: top; line-height: 30px; margin-left: 5px; }


.generate_investor2 { width: 380px; float: left; }
.generate_investor2.mt20 { width: 530px; float: none; margin: 20px auto 0; }
.generate_investor2 .title { font-size: 14px; /*color: #069bdd;*/ line-height: 20px; margin-top: 10px; }
.generate_investor2 .title img { display: inline-block; vertical-align: top; margin-right: 5px; }
.generate_investor2 .title .btn { font-size: 12px; color: #069bdd; margin-left: 20px; }
.generate_investor2 dl { width: 100%; border-radius: 3px; margin-top: 10px; }
.generate_investor2 dl:after { content: ""; height: 0; display: block; visibility: hidden; clear: both; font-size: 0; }
.generate_investor2 dt { width: 85px; float: left; line-height: 35px; font-size: 12px; }
.generate_investor2 dt i { color: #e91212; margin-right: 3px; }
.generate_investor2 dd { border-radius: 3px; margin-left: 85px; position: relative; }
.generate_investor2 .pl30 { padding-left: 30px; }
.generate_investor2 .text { width: 100%; height: 35px; border: 1px solid #eaeaea; border-radius: 3px; outline: none; padding-left: 5px; }
.generate_investor2 .text.percent46 { width: 46%; }
.generate_investor2 .text2 { width: 25px; height: 33px; text-align: center; font-size: 12px; }
.generate_investor2 .text2.W50 { width: 50px; }
.generate_investor2 .submit { width: 110px; height: 35px; display: block; background: #069bdd; border-radius: 35px; line-height: 35px; text-align: center; font-size: 14px; color: #fff; margin-top: 10px; }
.generate_investor2 span.percent8 { display: inline-block; vertical-align: top; width: 8%; text-align: center; line-height: 35px; }
.generate_investor2.dt_w100 dt { width: 100px; }
.generate_investor2.dt_w100 dd { margin-left: 100px; }
.generate_investor2.dt_w110 dt { width: 110px; }
.generate_investor2.dt_w110 dd { margin-left: 110px; }
.generate_investor2 .unit { height: 31px; background: #fff; border-radius: 3px; line-height: 31px; padding: 0 10px; position: absolute; right: 1px; top: 1px; }
.generate_investor2 .add_btn { font-size: 13px; color: #00c9ff; }
.generate_investor2 .text_box { font-size: 0; }
.generate_investor2 .text_box .text.percent49 { width: 49%; margin-bottom: 10px; font-size: 12px; }
.generate_investor2 .text_box .text.percent49:nth-child(2n+1) { margin-right: 2%; }
.generate_investor2 .date_box { height: 35px; border: 1px solid #eaeaea; border-radius: 3px; }


.generate_investor3 { width: 480px; background: #e1ecf3; border-radius: 5px; overflow: hidden; float: right; margin-top: 20px; }
.generate_investor3 .title { height: 40px; background: #b2d0dc; line-height: 40px; text-align: center; font-size: 16px; }
.generate_investor3 .pd5 { padding: 5px; }
.generate_investor3 table { width: 100%; }
.generate_investor3 th { height: 30px; background: #fff; font-size: 14px; font-weight: normal; }
.generate_investor3 td { border-bottom: 1px solid #fff; line-height: 20px; padding: 5px; text-align: center; font-size: 12px; }
.generate_investor3 .bor_none td { border-bottom: none; }
.generate_investor3 .tit td { font-size: 14px; font-weight: bold; text-align: left; padding-left: 15px; }
.generate_investor3 .btn { width: 20px; height: 20px; display: inline-block; vertical-align: top; }
.generate_investor3 .edit { background: url(../img/icon02.png) no-repeat; }
.generate_investor3 .delete { background: url(../img/icon03.png) no-repeat; }

/*.generate_investor3.percent100 { width: 100%; }
.generate_investor3 .btnbox { padding: 5px 5px 10px; text-align: right; }
.generate_investor3 .btnbox .btn { width: auto; min-width: 80px; height: 28px; display: inline-block; vertical-align: top; border-radius: 3px; margin: 0 5px; line-height: 28px; text-align: center; padding: 0 10px; font-size: 13px; color: #fff; background: #069bdd; }
.generate_investor3 .list li { border-bottom: 1px solid #fff; line-height: 20px; padding: 5px; }*/

.generate_info .title { font-size: 13px; color: #069bdd; line-height: 30px; border-bottom: 1px solid #d9d9d9; margin-top: 5px; }
.generate_info .con { background: #f0f3f7; border: 1px solid #d9d9d9; border-radius: 5px; padding: 5px; margin: 10px auto 0; line-height: 20px; font-size: 12px; }
.generate_info .con h4 { background: #dfe7ed; line-height: 30px; font-size: 14px; font-weight: bold; padding: 0 5px; margin-bottom: 5px; }
.generate_info .con li { border-bottom: 1px dashed #d9d9d9; line-height: 24px; }
.generate_info .con li span { display: inline-block; vertical-align: top; width: 226px; margin-right: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


/*用户已获得名称预核准*/
.generate_investor2 .tab-title span { margin-right: 15px; cursor: pointer; }
.generate_investor2 .tab-title span.act { color: #069bdd; }


.generate_investor4 dl { width: 100%; height: 30px; border: none; border-radius: 0; margin-top: 10px; }
.generate_investor4 dt { width: 50px; float: left; background: #fff; border-radius: 0; line-height: 30px; font-size: 12px; padding-left: 0; }
.generate_investor4 dd { margin-left: 50px; border: none; }
.generate_investor4 .text { width: 150px; height: 30px; border: 1px solid #eaeaea; border-radius: 3px; outline: none; padding-left: 5px; font-size: 12px; }

select { appearance: none; -moz-appearance: none; -webkit-appearance: none; background-image: url("../img/jt.png") !important; background-repeat: no-repeat !important; background-position: right center !important; padding-right: 25px; box-sizing: border-box; -moz-box-sizing: border-box; -moz-box-sizing: border-box; padding-left: 5px; }
select::-ms-expand { display: none; }

.pd20 { padding: 20px; }
.pop_prompt { font-size: 12px; color: #333; line-height: 20px; }
.pop_prompt .num { display: inline-block; vertical-align: top; width: 30px; height: 20px; text-align: center; border-bottom: 1px solid #d9d9d9; margin-bottom: 10px; }

.generate_entrust_prompt { font-size: 13px; color: #333; line-height: 20px; padding: 15px 0; }
.generate_entrust { height: 496px; }
.generate_entrust .row { overflow: hidden; }
.generate_entrust ul { margin: -20px -10px 0; }
.generate_entrust li { width: 429px; height: 152px; background: #fff; border: 1px solid #eaeaea; float: left; margin: 20px 10px 0; position: relative; cursor: pointer; }
.generate_entrust .img { width: 150px; height: 150px; float: left; position: relative; }
.generate_entrust .img img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; }
.generate_entrust .txt { margin-left: 150px; padding: 20px; }
.generate_entrust .txt1 { font-size: 17px; font-weight: bold; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.generate_entrust .txt2 { font-size: 14px; color: #F5A325; margin-top: 7px; }
.generate_entrust .txt3 { font-size: 14px; color: #333; margin-top: 7px; }
.generate_entrust li .more { width: 60px; height: 25px; display: inline-block; vertical-align: top; line-height: 25px; text-align: center; background: #00c9ff; border-radius: 3px; font-size: 13px; color: #fff; margin-top: 14px; margin-right: 10px; }
.generate_entrust .yy { width: 439px; height: 152px; border: 1px solid #eaeaea; background: rgba(0,201,255,.95); padding: 15px 20px; line-height: 24px; font-size: 14px; color: #fff; overflow-y: auto; position: absolute; right: -1px; top: -1px; z-index: 1; display: none; }
.generate_entrust li:hover { background: #fafafa; }
.generate_entrust li:hover .yy { display: block; }
.generate_entrust li.active { background: #fafafa; border: 1px solid #00c9ff; }
.generate_entrust li.active:after { content: ""; border-top: 30px solid #00c9ff; border-left: 30px solid transparent; position: absolute; right: 0; top: 0; }
.generate_entrust_btn { width: 120px; height: 44px; display: block; background: #00c9ff; line-height: 44px; text-align: center; border-radius: 3px; font-size: 15px; color: #fff; margin: 20px auto 0; }

.generate_entrust .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { background: #d9d9d9 !important; }
.generate_entrust .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #00c9ff !important; }


.generate_table { width: 100%; margin-top: 20px; }
.generate_table th { height: 40px; background: #f8f6f4; }
.generate_table td { font-size: 14px; line-height: 20px; padding: 10px; border-bottom: 1px solid #eaeaea; text-align: center; position: relative; }
.generate_table td:first-child { text-align: left; }
.generate_table .btn { display: inline-block; vertical-align: top; margin: 0 5px; }

.generate_file { line-height: 20px; font-size: 13px; }
.generate_file p { margin-bottom: 10px; }


.document_title { line-height: 20px; font-size: 14px; position: relative; }
.document_title span { color: #00c9ff; }

.doc_search_title { line-height: 20px; font-size: 16px; font-weight: bold; color: #333; }
.doc_search { position: relative; }
.doc_search .select { width: 100px; height: 36px; outline: none; border: none; border-right: 1px solid #d9d9d9; border-top-left-radius: 3px; border-bottom-left-radius: 3px; position: absolute; left: 1px; top: 1px; }
.doc_search .text { width: 100%; height: 38px; border: 1px solid #d9d9d9; border-radius: 3px; outline: none; padding-left: 5px; font-size: 13px; }
.doc_search .text.pl110 { padding-left: 110px; }
.doc_search .button { width: 80px; height: 38px; background: #24b8e0; border-radius: 3px; font-size: 13px; color: #fff; line-height: 38px; text-align: center; outline: none; position: absolute; right: 0; top: 0; }
.doc_search_value { padding: 8px 10px; border: 1px dashed #eaeaea; font-size: 13px; color: #333; line-height: 20px; }
.doc_search_value label { font-weight: bold; }
.doc_search_value b { color: #f49d16; }


.H51 { height: 51px; }

.document_table { width: 100%; table-layout: fixed; }
.document_table th { background: #eaeaea; border: 1px solid #d9d9d9; text-align: left; padding: 5px; line-height: 20px; font-size: 12px; }
.document_table td { border: 1px solid #d9d9d9; padding: 5px; line-height: 20px; font-size: 13px; position: relative; }
.document_table td h4 { position: relative; }
.document_table td h4 a { color: #00c9ff; position: absolute; right: 0; top: 0; }
.document_table .num { display: inline-block; vertical-align: top; width: 20px; line-height: 28px; text-align: left; }
.document_table .bold { font-weight: bold; }
.document_table .center { text-align: center; }
.document_table .link { font-size: 13px; color: #00c9ff; }
.document_table .td_process { background: #eaeaea; }
.document_table .td_process td { font-size: 12px; }

/*.document_table .btn { display: inline-block; vertical-align: top; width: 14px; }
.document_table .plus, .document_table .less { width: 14px; height: 14px; display: block; cursor: pointer; }
.document_table .plus { background: url(/img/icon/plus.png) no-repeat center center; }
.document_table .less { background: url(/img/icon/less.png) no-repeat center center; }*/


.document_table .step { display: inline-block; vertical-align: top; min-width: 80px; line-height: 30px; }
.document_table .name { display: inline-block; vertical-align: top; min-width: 170px; line-height: 30px; }
.document_table .text { width: 100%; height: 30px; background: #fff; border: 1px solid #d9d9d9; border-radius: 3px; outline: none; padding-left: 5px; font-size: 12px; }
.document_table .div_text { width: 100%; min-height: 30px; background: #fff; border: 1px solid #d9d9d9; border-radius: 3px; outline: none; padding: 4px 5px; line-height: 20px; font-size: 12px; }
.document_table .div_text em { color: red; }
.document_table .operate { position: absolute; right: 10px; top: 10px; }
.document_table .tdbg { height: 40px; background: #eaeaea; font-weight: normal; }
.document_table .tdbg th { font-weight: normal; position: relative; }
.document_table .tdbg .text { width: 200px; background: #f5f5f5; }
.document_table .btnbox { text-align: left; }
.document_table .btnbox .btn { display: inline-block; vertical-align: top; width: auto; height: 20px; line-height: 20px; font-size: 12px; color: #00c9ff; text-decoration: underline; margin-right: 15px; }

.document_table.align_top td { vertical-align: top; }
.document_table.center th, .document_table.center td { text-align: center; }


.document_table .select_box { padding-right: 30px; position: relative; }
.document_table .select_box ul { width: 100%; overflow: hidden; }
.document_table .select_box li { width: 49%; float: left; }
.document_table .select_box li:nth-child(n+2) { /*width: 38%;*/ margin-left: 2%; }
.document_table .select_box .add { width: 20px; height: 20px; display: inline-block; vertical-align: top; background: url(/img/icon/plus.png) no-repeat center center; position: absolute; right: 2px; bottom: 6px; }
.document_table .select_box .delete { width: 20px; height: 20px; display: inline-block; vertical-align: top; background: url(/img/icon03.png) no-repeat center center; position: absolute; right: 2px; bottom: 6px; }
.document_table .oper_btn { width: 100%; line-height: 20px; text-align: center; margin-top: 5px; /*position: absolute; left: 0; bottom: 0;*/ }
.document_table .oper_btn .btn { min-width: 20px; height: 20px; display: inline-block; vertical-align: top; line-height: 20px; font-size: 12px; color: #00c9ff; text-decoration: underline; }
.document_table .oper_btn .btn.add { background: url(/img/icon/plus.png) no-repeat center center; }


.document_table .fieldset { border: 1px solid #d9d9d9; border-radius: 3px; padding: 5px; }
.document_table .fieldset legend { font-size: 14px; color: #333; padding: 0 5px; }
.document_table .fieldset .doc_select_box { padding: 0 5px 5px; }
.document_table .fieldset .doc_select_box li.hidden { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.document_table .fieldset .doc_select_box li .div_text { min-height: 32px; padding: 5px; white-space: normal; word-break: break-all; }

.document_table .collect_select { width: 100%; height: 30px; border: 1px solid #d9d9d9; outline: none; }


.document_qd_list li { padding: 2px 0; border-bottom: 1px dashed #eaeaea; position: relative; }
.document_qd_list li .num { width: 15px; display: inline-block; vertical-align: top; line-height: 36px; font-size: 13px; }
.document_qd_list li .text { width: 95%; height: 36px; border: 1px solid #eaeaea; outline: none; }
.document_qd_list li .document_input_prompt { display: inline-block; vertical-align: top; width: 90%; }
.document_qd_list li .document_input_prompt .text { width: 100%; }
.document_qd_list li .operate { position: absolute; right: 0; top: 9px; }
.document_qd_list li .operate a { min-width: 20px; height: 20px; display: inline-block; vertical-align: top; margin: 0 5px; font-size: 12px; color: #00c9ff; }
.document_qd_list li .operate .edit { background: url(/img/xie.png) no-repeat center center; }
.document_qd_list li .operate .delete { background: url(/img/icon03.png) no-repeat center center; }
.document_qd_list li .operate .upload { background: url(/img/upload.png) no-repeat center center; }
.document_qd_list li .operate .upload.active { background: url(/img/upload_success.png) no-repeat center center; }
.document_qd_list li .list { margin-left: 24px; margin-top: 5px; position: relative; }
.document_qd_list li .list .text { width: 712px; }


.document_table_box { min-height: 42px; }
.document_table_box.active { height: 42px; overflow-y: hidden; }
.document_table_title { height: 30px; line-height: 30px; position: relative; }
.document_table_title input[type='text'] { width: 120px; height: 30px; border: 1px solid #eaeaea; line-height: 28px; outline: none; margin-left: 10px; }
.document_table_title .operate { position: absolute; right: 0; top: 5px; }
.document_table_title .operate a { width: 20px; height: 20px; display: inline-block; vertical-align: top; margin: 0 5px; }
.document_table_title .operate .add { background: url(/img/btn_add.png) no-repeat center center; }
.document_table_title .operate .del { background: url(/img/icon03.png) no-repeat center center; }
.document_table_title .operate .view { background: url(/img/btn_view.png) no-repeat center center; }

.document_table_line { width: 100%; border-top: 1px dotted #d9d9d9; margin-top: 20px; }


.doc_table_view { width: 20px; height: 25px; display: inline-block; vertical-align: top; background: url(/img/btn_view4.png) no-repeat center center; background-size: 20px 20px; position: absolute; left: 0; bottom: 0; }
.doc_table_view.hidden { background: url(/img/btn_view3.png) no-repeat center center; background-size: 20px 20px; }
.doc_table_delete { width: 20px; height: 25px; display: inline-block; vertical-align: top; background: url(/img/icon03.png) no-repeat center center; background-size: 18px 18px; position: absolute; right: 0; bottom: 0; }
.doc_table_delete2 { width: 20px; height: 25px; display: inline-block; vertical-align: top; background: url(/img/icon03.png) no-repeat center center; background-size: 18px 18px; position: absolute; right: 10px; bottom: 0; }


.layui-layer-title { text-align: left; }

.doc_select_box { padding: 5px 20px 20px; }
.doc_select_box.pd20 { padding: 20px; }
.doc_select_box .row { position: relative; padding-right: 30px; margin-top: 10px; }
.doc_select_box .row:after { content: ""; height: 0; display: block; visibility: hidden; clear: both; font-size: 0; }
.doc_select_box .row .add { width: 20px; height: 20px; display: inline-block; vertical-align: top; background: url(/img/icon/plus.png) no-repeat center center; position: absolute; right: 2px; top: 6px; }
.doc_select_box .row .delete { width: 20px; height: 20px; display: inline-block; vertical-align: top; background: url(/img/icon03.png) no-repeat center center; position: absolute; right: 2px; bottom: 6px; }
.doc_select_box li { width: 32%; float: left; margin-right: 1%; line-height: 30px; }
.doc_select_box.f50 li { width: 49%; }
.doc_select_box .text { width: 100%; height: 32px; background: #fff; border: 1px solid #d9d9d9; border-radius: 3px; outline: none; padding-left: 5px; }
.doc_select_box .prompt { line-height: 20px; font-size: 12px; color: #999; text-align: left; margin-top: 10px; }
.doc_select_box .prompt i { width: 14px; height: 14px; display: inline-block; vertical-align: top; background: url(/img/gantan.png) no-repeat center center; background-size: 14px 14px; margin-top: 3px; margin-right: 5px; }


.doc_list_filter { /*border: 1px solid #eaeaea;*/ padding: 10px 15px; }
.doc_list_filter dl { border-bottom: 1px dashed #eaeaea; }
.doc_list_filter dl:last-of-type { border-bottom: none; }
.doc_list_filter dl:after { content: ""; height: 0; display: block; visibility: hidden; clear: both; font-size: 0; }
.doc_list_filter dt { width: 125px; float: left; line-height: 34px; font-weight: bold; }
.doc_list_filter dd { margin-left: 125px; position: relative; }
.doc_list_filter .filter_list { /*max-width: 730px; height: 34px; overflow: hidden;*/ }
.doc_list_filter .filter_list.active { height: auto; }
.doc_list_filter .filter_list a { font-size: 12px; display: inline-block; vertical-align: top; line-height: 24px; margin: 5px 10px; }
.doc_list_filter .filter_list a.active { color: #00c9ff; }
.doc_list_filter .filter_btn { display: none; vertical-align: top; border: 1px solid #eaeaea; line-height: 22px; padding: 0 5px; margin: 0; position: absolute; right: 0; top: 5px; }



.document_input_prompt { position: relative; }
.document_input_prompt .prompt_box { width: 100%; height: 190px; background: #fff; border: 1px solid #d9d9d9; box-shadow: 0 3px 10px rgba(0,0,0,.1); padding-top: 31px; text-align: left; position: absolute; left: 0; top: 31px; z-index: 1; }
.document_input_prompt.right .prompt_box { left: auto; right: 0; }
.document_input_prompt .prompt_box .title { width: 100%; height: 31px; background: #eaeaea; border-bottom: 1px solid #d9d9d9; padding: 0 10px; line-height: 30px; font-weight: bold; position: absolute; left: 0; top: 0; z-index: 1; }
.document_input_prompt .prompt_box .title i { width: 12px; height: 12px; display: inline-block; vertical-align: top; background: url(/img/today_close.png) no-repeat center center; background-size: cover; position: absolute; right: 10px; top: 9px; cursor: pointer; }
.document_input_prompt .prompt_box ul { width: 100%; height: 100%; overflow-y: auto; }
.document_input_prompt .prompt_box li { width: 100% !important; height: auto !important; border: none !important; border-bottom: 1px dotted #eaeaea !important; padding: 5px 10px !important; line-height: 20px !important; font-size: 12px; color: #333; cursor: pointer; float: none !important; margin: 0 !important; }
.document_input_prompt .prompt_box li:hover { background: #00c9ff; color: #fff; }
