@charset "utf-8";
/*all page */
*{font-family:Arial,"微软雅黑","Microsoft YaHei";*font-family:"微软雅黑","Microsoft YaHei";margin:0; padding:0;}
html,body{ font-size:12px;color:#333;}
ul,ol{ list-style:none;}
a{ text-decoration:none; color:#333;}
a:ACTIVE,a:HOVER,a:{text-decoration:none;}
img{ border:none;}
input{outline:none}
a,input,button{blr:expression(this.onFocus=this.blur());outline:none;}
textarea{resize:none;font-size: 12px;}
:focus{outline:none;}
a{ cursor:pointer;}
.clearFloat{ clear:both; font-size:0; height:0; line-height:0; overflow:hidden;}
.fl{ float:left;} .fr{ float:right;}

.ml5{ margin-left:5px;}.ml10{margin-left:10px;}.ml15{margin-left:15px;}.ml20{ margin-left:20px;}
.mr5{ margin-right:5px;}.mr10{margin-right:10px;}.mr15{margin-right:15px;}mr20{ margin-right:20px;}
.p5{ padding:5px;}.p10{ padding:10px;}.p20{ padding:20px;}
.pb10{ padding-bottom:10px;}
.w100{ width:100%;}
.mt5{ margin-top:5px;}.mt10{ margin-top:10px;}.mt20{ margin-top:20px;}
.mt11{ margin-top:11px;}
.mt12{ margin-top:12px;}
.mt13{ margin-top:13px;}
.mt14{ margin-top:14px;}
.mt15{ margin-top:15px;}

.text_r{ text-align:right!important;}
.text_l{ text-align:left!important;}
.text_c{ text-align:center!important;}
.bt_line{ border-bottom:1px solid #ddd;}
.black{ color:#000;}
.red{ color:#e74c3c}
.blue{ color:#2c8ad3}
.green{ color:#5bbf25}
.yellow{ color:#f1c40f}

.demo_container{ width:960px; margin:0 auto;}
.demo_head h1{font-size:28px;font-weight:700; line-height:40px; margin:10px 0;}
.demo_panel_title{ font-size:18px; font-weight:700; line-height:40px; margin:10px 0;}
.demo_row{ margin:10px 0;}
.demo_row:before, .demo_row:after{display: table;line-height: 0;content: ""; clear:both;}
.demo_bluebg{ padding:10px; background:#2c8ad3;}
/*btn*/
.btn_blue,
.btn_blue_search,
.btn_green,
.btn_red,
.btn_yellow,
.btn_common,
btn_disabled,
.btn{border: none; display:inline-block;color:#fff;font-size:12px;text-decoration: none;text-shadow:none; line-height:30px; height:30px; padding:0 15px; min-width:40px; text-align:center;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; cursor:pointer;-webkit-transition: 0.25s;-moz-transition: 0.25s;-o-transition: 0.25s;transition: 0.25s;}
.btn_blue{ background-color:#2c8ad3;}
.btn_blue_search{background-color:#2c8ad3; background-image:url(images/search.png); background-repeat:no-repeat; background-position:center; width:10px;min-width:10px;}
.btn_green{ background-color:#5bbf25;}
.btn_red{background-color:#e74c3c;}
.btn_yellow{background-color:#f1c40f;}
.btn_common{background-color:#f3f9fc; color:#333; border:1px solid #95c4e9; line-height:28px; height:28px;}
.btn_disabled{background-color:#aeb9ba;cursor:default;}
input.btn_common{ height:30px;}

.btn_more{ position:relative;}
.btn_more .btn_blue{ padding:0 0 0 16px;}
.btn_more .btn_blue span{ display:inline-block; vertical-align:top;}
.btn_more .btn_blue .white_arrow_ico{ background:url(images/white_arrow_on.png) center 10px no-repeat ; width:22px; height:30px; display:inline-block; border-left:1px solid #7cbbec; margin-left:14px;}
.btn_more_container{ display: none; position:absolute; padding:1px; border:1px solid #ddd; line-height:20px; width:120px; left:0; bottom:30px; background:#fff;}
.btn_more_container a{ display:block; padding:3px 10px;}
.btn_more_container a:hover{ background-color:#2c8ad3; color:#fff;}

.btn_blue:hover{background-color:#409fe9;}
.btn_blue_search:hover{background-color:#409fe9;}
.btn_green:hover{ background-color:#66ce2d;}
.btn_red:hover{background-color:#ec7063;}
.btn_yellow:hover{background-color:#f4d03f;}
.btn_common:hover{background-color:#f9fdff;}

.btn:active{color: rgba(255, 255, 255, 0.8);}
.btn_blue:active{ background-color:#2383c4;}
.btn_blue_search:active{ background-color:#2383c4;}
.btn_green:active{ background-color:#51b11d;}
.btn_red:active{background-color:#dc2d1b;}
.btn_yellow:active{background-color:#cea70c;}
.btn_common:active{background-color:#e9f2f7; color:#999; line-height:28px;}
.btn_disabled:active{background-color:#aeb9ba; color:#fff; cursor:default;}

/*input*/
input.input{border:1px solid #d7e7f6; font-size:12px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;display: inline-block; vertical-align:middle; line-height:20px; height:20px; padding:4px 6px; width:206px;}
input.error{ border-color:#e74c3c;}
input.success{ border-color:#2ecc71;}
input.disabled{ background:#ebebe4; border-color:#ddd;}
input.date{ background:url(images/date.png) right center no-repeat;}
input.input:hover,input.input:focus {box-shadow: 0 0 2px #d7e7f6;}

.label_checkbox{ line-height:30px;}
.label_checkbox input{ vertical-align:middle; margin:5px;}
select{border:1px solid #d7e7f6; font-size:12px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;display: inline-block; vertical-align:middle; height:22px;}

textarea.textarea{border:1px solid #d7e7f6; font-size:12px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;display: inline-block; vertical-align:middle; line-height:20px; height:60px; padding:4px 6px; width:206px; overflow:auto;}
textarea.error{ border-color:#e74c3c;}
textarea.success{ border-color:#2ecc71;}
textarea.disabled{ background:#ebebe4; border-color:#ddd;}
textarea.textarea:hover,textarea.textarea:focus {box-shadow: 0 0 2px #d7e7f6;}

.option_search:before, .option_search:after{display: table;line-height: 0;content: ""; clear:both;}
.option_search{ position:relative;} 
.input.option_search_input{ border-right:0;-webkit-border-radius:2px 2px 0 0; -moz-border-radius:2px 2px 0 0; border-radius:2px 2px 0 0;}
.advanced_search_btn{ border:1px solid #d7e7f6; -webkit-border-radius:0 2px 2px 0; -moz-border-radius:0 2px 2px 0; border-radius:0 2px 2px 0;height:20px; padding:4px 6px; width:16px; background:url(images/gray_arrow_on.png) center no-repeat #f3f9fc;}
.advanced_search_btn:hover{background-color:#f9fdff;}
.advanced_search_btn:active{background-color:#e9f2f7;}

.advanced_search_container{ border:1px solid #ddd; padding:10px; position:absolute; left:0; bottom:31px; background:#fff;}
.input_list:before, .input_list:after{display: table;line-height: 0;content: ""; clear:both;}
.input_list{ width:300px;} 
.input_list dl{ float:left; margin-bottom:10px;}
.input_list dt{ float:left; width:70px; text-align:right; line-height:20px;padding:4px 0;}
.input_list dd{ padding-left:80px;}
.input_list_btn:before, .input_list_btn:after{display: table;line-height: 0;content: ""; clear:both;}

/*分页*/
.pagination{ line-height:30px;}
.pagination span,.pagination a,.pagination input,.pagination select{ display:inline-block; vertical-align:middle;}
.pagination_jump{ margin:0 5px;}
.pagination_jump a{ background:url(images/paging_ico.png) no-repeat; width:16px; height:16px; margin:3px 5px;}
.pagination_jump a.FirstPageEnabled{ background-position:4px 4px; cursor:pointer;}
.pagination_jump a.FirstPageDisabled{ background-position:4px -26px; cursor:default;}
.pagination_jump a.PrevPageEnabled{ background-position:-22px 4px; cursor:pointer;}
.pagination_jump a.PrevPageDisabled{ background-position:-22px -26px; cursor:default;}
.pagination_jump a.NextPageEnabled{ background-position:-48px 4px; cursor:pointer;}
.pagination_jump a.NextPageDisabled{ background-position:-48px -26px;cursor:default;}
.pagination_jump a.LastPageEnabled{ background-position:-74px 4px; cursor:pointer;}
.pagination_jump a.LastPageDisabled{ background-position:-74px -26px;cursor:default;}
.pagination_input input[type=text]{border:1px solid #d7e7f6; font-size:12px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;display: inline-block; vertical-align:middle;text-align:center; line-height:20px; height:20px; padding:4px 6px; width:20px;}
.pagination select{border:1px solid #d7e7f6; font-size:12px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;display: inline-block; vertical-align:middle; line-height:20px; height:30px; padding:4px ; width:50px;}

.pagination  input[type=button]{border: none; display:inline-block;background-color:#2c8ad3;color:#fff;font-size:12px;text-decoration: none;text-shadow:none; line-height:30px; height:30px;  width:40px; text-align:center;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; cursor:pointer;-webkit-transition: 0.25s;-moz-transition: 0.25s;-o-transition: 0.25s;transition: 0.25s; margin-left:5px; font-size:14px;}

.pagination  input[type=button]:hover{background-color:#409fe9;}
.pagination  input[type=button]:active{background-color:#2383c4;}



/*页面选项卡*/
.tab{}
.header_tab{ height:31px; line-height:31px;  border-bottom:1px solid #c1d5e8; background:#d7e7f6;}
.header_tab_list{ float:left;}
.header_tab_list li{ float:left; margin-left:-1px;border-left:1px solid #c1d5e8;border-right:1px solid #c1d5e8;}
.header_tab_list li a{ display:block; padding:0 15px; text-align:center; min-width:60px; }
.header_tab_list li a i{margin-top:0;}
.header_tab_list li a:hover{background-color:#cbdff1;}
.header_tab_list li.selected a{ background-color:#f3f9fc; color:#2c8ad3; line-height:32px; height:32px;}

/*页面列表*/
.page_list_tit{ height:25px; overflow:hidden; line-height:13px; border-bottom:1px solid #d7e7f6; background-color:#f3f9fc;}
.page_list_tit table{ width:100%; border-collapse:collapse; height:25px;}
.page_list_tit table tr th{ color:#666; font-weight:400;border-left:1px solid #d7e7f6;}
.page_list_tit table tr th:hover{ background:#fff; cursor:default;}
.page_list{}
.page_list table{ width:100%; border-collapse:collapse;}
.page_list table tr td{ padding:8px 5px; height:20px; line-height:20px; border-bottom:1px solid #d7e7f6; text-align: center;}
.page_list table tr:hover td{ background:#fdf7dc;}
.page_list_container table tr  input{ vertical-align:middle;}

.page_container{ margin-bottom:50px;}
/*页面底部*/
.page_bottom{ border-top:1px solid #d7e7f6; background-color:#f3f9fc; height:49px; position:fixed; left:0; bottom:0; width:100%; display:table;-webkit-border-radius:0 0 4px 4px;	-moz-border-radius: 0 0 4px 4px;	border-radius: 0 0 4px 4px;}

/* .ico_attachment, */
/* .ico_clock , */
/* .ico_bill, */
/* .ico_list{background-image:url(images/icon.png);  background-repeat:no-repeat; display:inline-block; width:16px; height:16px; vertical-align:middle;margin:2px;} */
/* .ico_list{background-position:0 0; } */
/* .ico_bill{background-position:0 -16px; } */
/* .ico_clock{background-position:0 -32px; } */
/* .ico_attachment{background-position:0 -48px; } */
/*页面图标*/
.btn_edit,
.btn_delete,
.btn_search,
.btn_add,
.btn_download,
.btn_apart,
.btn_share,
.btn_sync,
.btn_undo,
.btn_return,
.btn_report,
.btn_locked,
.btn_unlocked,
.btn_positioning,
.btn_manyPeople,
.btn_add_person,
.btn_permissions,
.btn_personnel,
.btn_node,
.btn_list,
.btn_favourite,
.btn_mail,
.btn_excel,
.btn_money{background-image:url(images/icon.png);  background-repeat:no-repeat; display:inline-block; width:16px; height:16px; vertical-align:middle;margin:2px;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;cursor:pointer;}

.btn_edit{ background-position:0 -144px;}
.btn_delete{ background-position:0 -272px;}
.btn_search{ background-position:0 -192px;}
.btn_add{ background-position:0 -208px;}
.btn_download{background-position:0 -64px;}
.btn_money{background-position:0 -80px;}
.btn_apart{background-position:0 -96px;}
.btn_share{background-position:0 -112px;}
.btn_sync{background-position:0 -128px;}
.btn_undo{background-position:0 -160px;}
.btn_return{background-position:0 -176px;}
.btn_report{background-position:0 -224px;}
.btn_locked{background-position:0 -240px;}
.btn_unlocked{background-position:0 -256px;}
.btn_positioning{background-position:0 -288px;}
.btn_manyPeople{background-position:0 -304px;}
.btn_add_person{background-position:0 -320px;}
.btn_permissions{background-position:0 -336px;}
.btn_personnel{background-position:0 -352px;}
.btn_node{background-position:0 -368px;}
.btn_list{background-position:0 -384px;}
.btn_favourite{background-position:0 -400px;}
.btn_mail{background-position:0 -416px;}
.btn_excel{background-position:0 -464px;}

.btn_edit:hover,
.btn_delete:hover,
.btn_search:hover,
.btn_add:hover,
.btn_download:hover,
.btn_apart:hover,
.btn_share:hover,
.btn_sync:hover,
.btn_undo:hover,
.btn_return:hover,
.btn_report:hover,
.btn_locked:hover,
.btn_unlocked:hover,
.btn_positioning:hover,
.btn_manyPeople:hover,
.btn_add_person:hover,
.btn_permissions:hover,
.btn_personnel:hover,
.btn_node:hover,
.btn_list:hover,
.btn_favourite:hover,
.btn_mail:hover,
.btn_excel:hover,
.btn_money:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}


/*报销单*/
.page_wrap{ margin:20px auto; padding:0 30px; margin-bottom:30px;}
.page_top{ width:100%;}
.page_top tr td{ border:0;}
.page_tit{ margin:0 auto; position:relative;}
.page_tit h1{font-size:22px; text-align:center; color:#2c8ad3; font-weight:normal; letter-spacing:16px; line-height:28px; padding:8px 16px; padding-right:0px;text-align:center;}
.page_tit .line{ height:4px; overflow:hidden; border-bottom:2px solid #2c8ad3;border-top:2px solid #2c8ad3; width:100%; }
.page_date{ text-align:center; line-height:30px; color:#2c8ad3}
.page_top .Barcode{ }

.bill_table{border-collapse:collapse;width:100%; color:#2c8ad3; margin:10px 0; border:1px solid #2c8ad3; }
.bill_table tr td{ border:1px solid #2c8ad3;line-height:22px; padding:5px;height:22px; text-align:center; border-top:0;}
.bill_table tr td input[type=text]{ width:100%; border:0; border-bottom:1px solid #ddd; height:22px;}
.bill_table tr td input[type=text].input_on{ border-color:#2c8ad3;}
.bill_table tr td input[type=text].input_move{border-color:#2c8ad3;}
.bill_table tr td select{width:100%; border:1px solid #ddd; height:24px;}
.bill_table tr td textarea{width:100%; border:0; border-bottom:1px solid #ddd; height:22px; overflow:hidden; overflow-y:auto; border: solid 1px transparent; padding: 2px 0px;}
.bill_table .readyonly{border: none;}
.add_bill{color:#2c8ad3;}
.add_bill input{ width:38px; border:0; border-bottom:1px solid #ddd; text-align:center;height:20px;}

.bill_table {position:relative;}


/*编辑输入*/
.edit_container{ margin:10px auto;} 
.edit_container_tit{ color:#2c8ad3; border-bottom:1px solid #d5e8f6; line-height:30px; font-size:14px;}
.edit_container_table{ width:100%; margin:10px 0; line-height:20px;}
.edit_container_table tr th{ width:80px; text-align:right; padding:9px 0; line-height:20px;font-size:12px; font-weight:400; color:#2c8ad3; vertical-align:top;}
.edit_container_table tr td{ padding:6px 5px; padding-right:17px; vertical-align:top;font-size:12px;} 
.edit_container_table tr td input[type=text],.edit_container_table tr td input[type=password]{ width:100%;border:1px solid #d7e7f6; font-size:12px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;display: inline-block; vertical-align:middle; line-height:20px; height:20px; padding:4px 6px;}
.edit_container_table tr td input[type=text].input_on,.edit_container_table tr td input[type=password].input_on{border:1px solid #2c8ad3;}
.edit_container_table tr td input[type=text].input_move,.edit_container_table tr td input[type=password].input_move{border:1px solid #2c8ad3;}
input.input_on{border:1px solid #2c8ad3;}
input.input_move{border:1px solid #2c8ad3;}
.edit_container_table tr td select{width:100%; border:1px solid #d7e7f6; border-radius:2px; height:30px; line-height:28px;}
.edit_container_table tr td textarea{ width:100%;border:1px solid #d7e7f6; font-size:12px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;display: inline-block; vertical-align:middle; line-height:20px; height:20px; padding:4px 6px;height:60px;}
.edit_container_table tr td input[type=radio]{ vertical-align:middle; margin:2px;}
.edit_container_table tr td label{margin:5px;}
.pointer{cursor:pointer;}
.edit_container_table tr td input,.edit_container_table tr td select,.edit_container_table tr td textarea{ margin-top:-4px;}


/*附件*/
.attachment_ul{}
.attachment_ul li{ float:left; text-align:center; width:96px; padding:8px;border:1px solid #fff; -moz-border-radius:3px;-webkit-border-radius:3px; border-radius:3px; position:relative; height:136px; margin:5px;}
.attachment_name{ line-height:20px; padding:2px 0; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; min-height:20px;}
.attachment_ul li .operation{ width:94px; height:16px; padding-top:4px; background:#f3f9fc;position:absolute; left:9px; top:123px; display:none;}

.attachment_ul li:hover .operation{ display:block;}
.attachment_ul li:hover{border:1px solid #d7e7f6; background:#f3f9fc;}
.graytext{ color:#999;}
.ico_rar,.ico_zip,.ico_7z,.ico_pdf,.ico_doc,.ico_docx,.ico_xls,.ico_xlsx,.ico_ppt,.ico_pptx,.ico_txt{ display:inline-block; background:url(images/file_ico.png) no-repeat; width:92px; height:92px;}
.ico_rar,.ico_zip,.ico_7z{ background-position:0 0;}
.ico_pdf{ background-position:0 -115px;}
.ico_doc,.ico_docx{ background-position:0 -230px;}
.ico_xls,.ico_xlsx{ background-position:0 -345px;}
.ico_ppt,.ico_pptx{ background-position:0 -460px;}
.ico_txt{ background-position:0 -575px;}
.attachment_ul li .picture{ display:inline-block; width:92px; height:92px;}
.attachment_ul li .picture img{ max-height:92px; max-width:92px;}



/*审批记录 竖型流程*/
.process_vertical{margin:20px; padding-bottom:1px;}
.process_vertical table{ border-collapse:collapse; width:100%;}
.process_vertical table .left_td{ width:100px; padding:10px 0; vertical-align:top;}
.process_vertical table .left_td .date{ width:100px; text-align:right; margin-top:10px; color:#888;line-height:20px;}
.process_vertical table .right_td{padding:10px 0 ; padding-left:50px; background:url(images/pre_ico.png) 14px -270px no-repeat; vertical-align:top;}
.process_vertical table tr .pass{ background:url(images/pass_ico.png) 14px -270px no-repeat;}
.process_vertical table tr td.pendding{ background:url(images/pendding_ico.gif) 14px -270px no-repeat;}
.process_vertical table tr .complete{ background:url(images/complete_ico.png) 14px -270px no-repeat;}
.process_vertical table tr .complete_ok{ background:url(images/complete_ico_ok.png) 14px -270px no-repeat;}
.process_vertical table tr .refuse_sign{ background:url(images/refuse_sign.png) 14px -270px no-repeat;}
.process_tit{background:url(images/clock.png) 97px 20px no-repeat;font-size:18px;line-height:30px; min-height:48px; padding-left:155px; padding-top:28px; line-height:30px; font-weight:normal; color:#2c8ad3;}
.process_vertical table .right_td .right_box{ border:1px solid #d7e7f6; padding:5px 10px 5px 10px;border-radius: 3px; position:relative; background:#fff;}
.process_vertical table .right_td .right_box h2{ font-size:14px; font-weight:400; line-height:26px; color:#2c8ad3;}
.process_vertical table .right_td .right_box .from{ font-size:12px; font-weight:normal; color:#2c8ad3;line-height:20px; position:absolute; right:15px; top:10px;}
.process_vertical table .right_td .right_box .name{ line-height:20px; font-size:12px; padding:2px 0;}
.process_vertical table .right_td .right_box .msg{ line-height:20px; color:#888;padding:2px 0;}
.process_vertical table .right_td{ padding-top:10px; }
.process_vertical table .right_td .date{ color:#888; font-size:12px; text-align:right; }
.process_vertical table .left_td  h2{ font-size:14px; font-weight:500; text-align:right; margin-top:10px; line-height:20px;}
.arrow_i,.arrow_bg{border-color: transparent #d7e7f6 transparent transparent;border-width: 8px 8px 8px 0;border-style: dashed solid dashed dashed;position: absolute; left:-8px; top:9px; font-size:0; line-height:0; height:0; width:0;}
.arrow_bg{border-color: transparent #fff transparent transparent;left:-7px; }
/*编辑按钮*/
.process_vertical table .right_td .right_box .operate{ border-top:1px dashed #ddd; margin-top:5px; padding-top:5px;}

/*单据维护日志*/
.maintainlog{margin-bottom:20px; position:relative; width:100%; margin-top:10px;}
.maintainlog_box{border:1px solid #d7e7f6; min-height:50px;-moz-border-radius:3px;-webkit-border-radius:3px; border-radius:3px;box-shadow: 1px 1px 4px 0 #fff; padding:5px 10px; }
.maintainlog table{line-height:20px; width:100%;}
.maintainlog h2{ font-weight:normal; padding:5px 0; border-bottom:1px dashed #ddd; line-height:20px;font-size:14px;color:#2c8ad3;}
.maintainlog table tr td{ padding:5px 10px 5px 0; vertical-align:top;}
.maintainlog table tr .date{ color:#888; font-size:12px; width:120px;}
.maintainlog table tr .state{ width:160px;}
.upward_i,.upward_bg{border-color:transparent transparent #d7e7f6 transparent; border-width: 0 8px 8px 8px ;border-style: dashed dashed solid dashed;position:absolute; left:114px; top:-8px; font-size:0; line-height:0;}
.upward_bg{border-color: transparent transparent #fff transparent;top:-7px;}

/*列表中排序*/
.sorting_arrow{ display:inline-block; width:10px; vertical-align:middle; float:none;}
.sorting_arrow i{ display:inline-block; width:0; height:0; overflow:hidden; float:left; margin-bottom:1px; width:8px; height:4px; background:url(images/icon_arrow.png);}
.sorting_arrow i.up_arrow{background-position:0 0;}
.sorting_arrow i.down_arrow{ background-position:0 -4px;}

/*弹窗左边导航*/
.page_container{ position:relative; height:100%; }
.left_nav_container{width:159px; height:518px; border-right:1px solid #d7e7f6; background-color:#f3f9fc; position:absolute; left:0; top:0px; display:block;}
.left_nav{}
.left_nav li{border-bottom:1px solid #d7e7f6;}
.left_nav li a{ line-height:20px; padding:8px 10px; display:block;}
.left_nav li:hover{ background:#fff;}
.left_nav li.selected{background:#badbf5;}

.left_nav_content{ padding:10px; padding-left:170px;}
.processSetup_top{margin-bottom:10px; height:30px;}
.processSetup_top:before, .processSetup_top:after{display: table;line-height: 0;content:" "; clear:both;}
.processSetup{ width:100%; float:none;}
.processSetup_ul{}
.processSetup_ul li{ float:left;margin:10px;}
.processSetup_ul li.li{ padding:5px 10px;  width:180px; height:110px; background:# ; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:4px;border:1px solid #d7e7f6; background-color:#f3f9fc;/*-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow:1px 1px 1px rgba(0,0,0,0.5);*/ position:relative;}
.processSetup_ul li.arrow{ width:12px; height:120px; background:url(images/process_arrow.png) center no-repeat; background-size:8px auto;margin:10px 0;}
.processSetup_ul li .node{ line-height:20px; color:#666;}
.processSetup_ul li .role{ margin:20px 0; line-height:20px; text-align:center; font-size:16px; color:#2c8ad3;}
.processSetup_ul li .btn_delete{ position:absolute; top:5px; right:5px;display:none;}
.processSetup_ul li .btn_edit{ position:absolute; bottom:5px; right:5px; display:none;}
.processSetup_ul li .budget_off{ position:absolute; left:5px; bottom:5px; width:16px; height:16px; display:inline-block; background:url(images/icon_money.png) 0 0 no-repeat;}
.processSetup_ul li .budget_on{ position:absolute; left:5px; bottom:5px; width:16px; height:16px; display:inline-block; background:url(images/icon_money.png) 0 -16px no-repeat;}
.processSetup_ul li .btn_node{ vertical-align:top;}
.processSetup_ul li.li:hover{ background:#d7e7f6;}
.processSetup_ul li.li:hover .btn_edit{ display:block;}
.processSetup_ul li.li:hover .btn_delete{ display:block;}


.aui_state_full{ padding:0 !important;}

/*提醒*/
.remind_list{ margin-top:10px;}
.remind_list:before, .remind_list:after{display: table;line-height: 0;content:" "; clear:both;}
.remind_list li{padding:5px 10px; border:1px solid #d5e8f6; float:left; margin:0 10px 10px 0;border-radius:3px; min-width:180px; background:#f3f9fc;}
.remind_list_text{ margin:5px 0;line-height:20px; font-size:12px;}
.remind_list_set {margin:5px 0; line-height:20px;}
.remind_list_set a{ display:inline-block; margin-right:10px;color:#2c8ad3;}
.remind_list_set a i{ display:inline-block; vertical-align:middle; background:#ccc; border:1px solid #ccc; width:36px; height:18px;border-radius:18px; text-align:left;-webkit-transition: 0.25s;-moz-transition: 0.25s;-o-transition: 0.25s;transition: 0.25s;}
.remind_list_set a i:before{ content:""; display:inline-block; width:18px; height:18px;border-radius:18px; background:#fff;}
.remind_list_set a.selected i{background:#5bbf25; border:1px solid #5bbf25; text-align:right;}

/*工单*/
.opinion{ margin:20px auto; padding-left:30px; padding-right:45px;*padding-right:30px;}
.opinion .bbs{ color:#2c8ad3; font-size:14px; margin-right:-14px;*margin-right:0;}
.opinion_tit{ font-size:16px; padding-left:7px;}
.opinion table tr td  textarea{height:120px;}

.repairtit{ line-height:30px; border-bottom:1px solid #d7e7f6; margin-top:10px; }
.repair_tb .headImg{ width:40px; height:40px; }
.repair_tb{ width:100%; border-collapse:collapse; }
.repair_tb .head .name{ display:block;}
.repair_tb tr td{ vertical-align:top;padding:10px 0; padding-right:60px; padding-left:0;}
.repair_tb tr td.head{ width:34px; padding:10px;}
.repair_tb tr .repair_box{ line-height:20px;}
.repair_tb tr .graytext span{ margin-right:10px;}
.repair_tb tr .text{ padding:5px 0;}
.repair{ border:1px solid #d7e7f6; padding:10px 15px; border-radius: 4px; position:relative; }
.repair .arrow_i,.repair .arrow_bg{ width:0; height:0; border-style:solid; border-color:transparent #d7e7f6 transparent transparent; border-width:7px 8px 7px 0; position:absolute; top:8px; left:-9px;}
.repair .arrow_bg{ border-color:transparent #fff transparent transparent;left:-8px;}
.repair_tb tr td p{ text-indent:0; font-size:12px; line-height:1.8em;}
.repair_tb tr td .repair a.attachment{color:#2c8ad3; text-decoration:underline; margin-right:10px; margin-top:10px;}  

.current tr td{ vertical-align:top;padding:10px 0; padding-right:0px; padding-left:60px;}
.current .repair{background-color: #f3f9fc;}
.current .repair .arrow_i,.current .repair .arrow_bg{ width:0; height:0; border-style:solid; border-color:transparent transparent transparent #d7e7f6 ; border-width:7px 0 7px 8px; position:absolute; top:8px; left:auto; right:-9px;}
.current .repair .arrow_bg{ border-color:transparent transparent transparent #f3f9fc;right:-8px;}


.repair_progress{ line-height:30px;border-radius: 2px; overflow:hidden; margin-bottom:20px;}
.repair_progress a{ background:#aaa; display:inline-block; float:left; width:33%; color:#fff; text-align:center; position:relative;}
.repair_progress a:after{ content:""; background:url(../styles_v2.5/images/arrow_whlte_line.png) no-repeat; width:16px; height:30px; display:block; position:absolute; top:0; right:-8px; z-index:10;}
.repair_progress a+a+a{ width:34%;}
.repair_progress a+a+a:after{ background:none; display:none;}
.repair_progress a.past{ background:#2c8ad3;}
.repair_progress a.ongoing {background:#2c8ad3;}
.repair_progress a.ongoing:after{background:url(../styles_v2.5/images/arrow_whlte_blue&grey.png) no-repeat;}

.repair_info{ border:1px solid #d7e7f6; padding:10px;}
.repair_info_content{ padding-left:60px; position:relative; min-height:20px; line-height:20px; margin-bottom:10px;}
.repair_info_content .tit{ position:absolute; left:0; top:0;color:#2c8ad3;}
.repair_info div:after{display: table;line-height: 0;content: ""; clear:both;} 
.repair_info div dl{ float:left; margin-right:30px; line-height:20px;}
.repair_info div dl dt{ float:left;color:#2c8ad3;}
.repair_info div dl dd{ float:left;}
.repair_info a.attachment{color:#2c8ad3; text-decoration:underline; margin-right:10px;}

.edit_container_table .attachment{ margin-bottom:10px;}  
.edit_container_table .attachment li{ display:inline;margin-right:10px;}
.edit_container_table .attachment_link{color:#2c8ad3; text-decoration:underline;}

.repairEvaluation{}
.repairEvaluation_tit{ line-height:30px; border-bottom:1px solid #d7e7f6; margin-top:10px; color:#2c8ad3; }
.repairEvaluation_star{ margin:10px 0; height:20px; line-height:20px; background:url(images/star_white.png) no-repeat; position:relative;}
.repairEvaluation_star span{ display:inline-block; width:20px; height:20px; margin-right:5px; float:left;}
.repairEvaluation_star a{ display:block; height:20px; position:absolute; left:0; top:0;}
.repairEvaluation_star .star_1 a{ z-index:5; width:20px;}
.repairEvaluation_star .star_2 a{ z-index:4; width:45px;}
.repairEvaluation_star .star_3 a{ z-index:3; width:70px;}
.repairEvaluation_star .star_4 a{ z-index:2; width:95px;}
.repairEvaluation_star .star_5 a{ z-index:1; width:120px;}
.repairEvaluation_star .star_1 a.rating_selected{ background:url(images/star_yellow.png); z-index:5; width:20px;}
.repairEvaluation_star .star_2 a.rating_selected{ background:url(images/star_yellow.png); z-index:4; width:45px;}
.repairEvaluation_star .star_3 a.rating_selected{ background:url(images/star_yellow.png); z-index:3; width:70px;}
.repairEvaluation_star .star_4 a.rating_selected{ background:url(images/star_yellow.png); z-index:2; width:95px;}
.repairEvaluation_star .star_5 a.rating_selected{ background:url(images/star_yellow.png); z-index:1; width:120px;}
.repairEvaluation_star .star_num{ width:auto; line-height:24px;}
.repairEvaluation_text{ padding-right:16px;}
.repairEvaluation_text textarea{width:100%;border:1px solid #d7e7f6; font-size:12px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;display: inline-block; vertical-align:middle; line-height:20px; height:20px; padding:4px 6px;height:60px;}

.btn_subproject{ background:url(images/ico_subproject.png) no-repeat; width:16px; height:16px; display:inline-block;}
.small_table tr .first{ position:relative;}
.small_table tr .first .btn_subproject{position: absolute;left: -19px;top: 50%;margin-top: -8px;}

.ico_sound{ background:url(images/ico_sound.png) no-repeat; width:16px; height:16px; display:inline-block;vertical-align:middle;margin:2px;}
.ico_mappin{ background:url(images/ico_mappin.png) no-repeat; width:16px; height:16px; display:inline-block;vertical-align:middle;margin:2px;}

.ico_android,.ico_ios{ background:url(images/android_ios.png) no-repeat; width:16px; height:16px; display:inline-block;vertical-align:middle;margin:2px;}
.ico_ios{ background-position:0 -16px;}

.txl_container_search{ border-bottom:1px solid #d5e8f6; padding:5px 5px;background: #f3f9fc; padding-right:20px; position:relative;}
.txl_container_search input{ width:100%;}
.txl_container_search .btn_search{ position:absolute; right:10px; top:10px;}

.txl_container_tree{}
.txl_container_tree .company{ font-size:14px; line-height:20px; padding:8px 0 8px 20px;}
.txl_container_tree {overflow:auto;}
.txl_container_tree ul{ width:100%;}
.txl_container_tree ul li ul li{clear:both;}
.txl_container_tree ul li div{ display:block; color:#333; line-height:20px;cursor: pointer; padding:5px 0;}
.txl_container_tree ul li div .position{ color:#888; margin-left:5px;}
.txl_container_tree ul li div .phone{ color:#888; margin-left:5px;}
.txl_container_tree ul li div .department{ font-weight:bold;} 
.txl_container_tree ul li div .head{ display:inline-block; background:url(images/ico_head.png); width:16px; height:16px; vertical-align:top; margin:2px;} 
.txl_container_tree ul li div .mail{ display:inline-block; background:url(images/ico_mail_green.png); width:16px; height:16px; vertical-align:top; margin:2px; margin-left:5px;}
.txl_container_tree ul li div .nomail{display:inline-block; background:url(images/ico_mail_grey.png); width:16px; height:16px; vertical-align:top; margin:2px; margin-left:5px;} 
.txl_container_tree ul li div .name{color:#2c8ad3;} 
.txl_container_tree>ul>li>div{ padding-left:10px;}
.txl_container_tree>ul>li>ul>li>div{padding-left:30px;}
.txl_container_tree>ul>li>ul>li>ul>li>div{padding-left:50px;}
.txl_container_tree>ul>li>ul>li>ul>li>ul>li>div{padding-left:70px;}
.txl_container_tree>ul>li>ul>li>ul>li>ul>li>ul>li>div{padding-left:90px;}
.txl_container_tree>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>div{padding-left:110px;}
.txl_container_tree>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>div{padding-left:130px;}
.txl_container_tree ul li div .open{background:url(images/ico_an.png) center no-repeat; display:inline-block; width:16px; height:16px; vertical-align:top; margin:2px;}
.txl_container_tree ul li div .close{background:url(images/ico_back.png) center no-repeat; display:inline-block; width:16px; height:16px; vertical-align:top; margin:2px;}
.txl_container_tree ul li div:hover,.txl_container_tree ul li div.selected{ background-color:#fdf7dc;}

.index_top_right_ico a.ico .ico_txl{background:url(images/ico_txl.png) center no-repeat;}



/*单据信息*/
.personal_information{background:#fff;min-width:250px;}
.personal_information:after{display: table;line-height: 0;content:" "; clear:both;}
.personal_information .headImg{width:48px; height:48px;float: left; -webkit-border-radius: 30px;  -moz-border-radius: 30px;  border-radius: 30px;overflow: hidden;float: left; background:#2c8ad3; margin-top:5px;}
.personal_information .headImg img{ width: 48px;  height: 48px; }
.personal_information .infoMain{ padding-left:58px; min-height:100px;}
.personal_information .infoMain p{ margin:5px 0; line-height:20px; color:#666;}
.personal_information .infoMain .name{ color:#2c8ad3; font-size:14px;}
.phone_ico{ background:url(images/phone_ico.png) center no-repeat; width:16px; height:16px; vertical-align:middle; display:inline-block; margin:2px; }
.mail_ico{background:url(images/mail_ico.png) center no-repeat; width:16px; height:16px; vertical-align:middle; display:inline-block; margin:2px; }
.card_ico{background:url(images/card_ico.png) center no-repeat; width:16px; height:16px; vertical-align:middle; display:inline-block; margin:2px; }
.personal_information .arrow_a,.personal_information .arrow_b{ height:0; border-width:0 8px 12px 8px; border-color:transparent transparent #ddd transparent; border-style: dashed solid solid solid; position:absolute; left:20px; top:-12px;}
.personal_information .arrow_b{ border-color:transparent transparent #fff transparent; top:-10px;border-width:0 7px 10px 7px;left:21px;}


/*搜索更多按钮*/
.search_btn_more a{ float:left;}
.search_btn_more a.btn{-webkit-border-radius: 2px 0 0 2px;-moz-border-radius: 2px 0 0 2px;border-radius: 2px 0 0 2px;}
.search_btn_more .search_more{ background:url(images/white_arrow_on.png) center 10px no-repeat #2c8ad3; width:24px; height:30px; display:inline-block; border-left:1px solid #7cbbec; vertical-align:middle;-webkit-border-radius:0 2px 2px 0;-moz-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0;-webkit-transition: 0.25s;-moz-transition: 0.25s;-o-transition: 0.25s;transition: 0.25s;}
.search_btn_more .search_more:hover{background-color:#409fe9;}
.search_btn_more .search_more:active{background-color:#2383c4;color: rgba(255, 255, 255, 0.8);}

/*修改密码新增样式*/
.page_alert{ border:1px solid #d73838;padding:10px;background: url(images/transparent_white80.png);color: #d73838;margin:10px 0;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius:2px;position: relative;font-size: 12px;}
.verification_code_btn{ background-color:#ddd; display:inline-block; line-height:30px; vertical-align:top; margin-top:-4px; padding:0 10px; margin-left:5px;}
.retrieve_password{ margin:0 auto; width:420px}
.retrieve_password .tab{height:60px;}
.retrieve_password .tab li{ float:left; width:140px;}
.retrieve_password .tab li a{color:#888; background:url(images/retrieve_password_tab_bg.png) -200px bottom no-repeat; display:block; line-height:60px; font-size:12px;}
.retrieve_password .tab li a.ico01{ background-position:-205px bottom;}
.retrieve_password .tab li a.ico02{ background-position: center bottom; text-align: center;}
.retrieve_password .tab li a.ico03{ background-position:-112px bottom;text-align: right;}
.retrieve_password .tab li.selected a{background-image:url(images/retrieve_password_tab_bg_selected.png); color:#2c8ad3; }
.retrieve_password .box{ border:1px solid #ddd; padding:20px 30px; margin-top:20px; border-radius:2px;}
.retrieve_password .box h2{ font-size:14px; text-align:center; font-weight:normal; line-height:30px; margin-bottom:10px; color:#888;}
.retrieve_password .box ul li{ margin:20px 0;}
.retrieve_password .box ul li input[type=password],
.retrieve_password .box ul li input[type=text]{ width:100%; box-sizing: border-box; padding:5px 10px; height:36px; border-radius:2px;}
.retrieve_password .box ul li a.btn{ display:block; width:100%; text-align:center; color:#fff; background-color:#2c8ad3; border-radius:2px; line-height:36px; height:36px; box-sizing: border-box; }
.retrieve_password .box ul li img{ height:36px; vertical-align:top;}
.retrieve_password .box ul li a.another{ line-height:36px;vertical-align:top;color:#2c8ad3; margin-left:10px;}
.retrieve_password .box ul li label{ margin-right:10px; line-height:36px;}
.retrieve_password .box ul li label input[type=radio]{margin-right:5px; }
.retrieve_password .box ul li a.send_code{ line-height:36px;vertical-align:top;color:#2c8ad3; margin-left:10px;display:inline-block; background:#eee;border-radius:2px; text-align:center; min-width:80px; padding:0 10px;}
input[type=password] {height: 24px;line-height: 24px;border: 1px solid #d7e7f6;autocomplete: off;}

.kw-container.style1 .kw-tab{z-index: 9!important;}


.renewal_info{ padding:10px 20px;overflow: auto; margin: 0;}

.renewal_info_list{margin:10px 0;}
.renewal_info_list:after{display: block;line-height: 0;content:" "; clear:both; overflow:hidden;}
.renewal_info_list li{ border:1px solid #cfe9f8; min-height:100px; width:150px; padding:10px; border-radius:3px; float:left; margin-right:10px; cursor:pointer; height:200px;}
.renewal_info_list li:hover{  background-color:#f3f9fc;}
.renewal_info_list li h2{ font-size:24px; font-weight:normal; line-height:50px;color:#2c8ad3; text-align:center;}
.renewal_info_list li .detail{ padding:10px 0; line-height:20px; text-align:center;}
.renewal_info_list li .detail dl { margin-bottom:10px;}
.renewal_info_list li .detail dt{  color:#2c8ad3; line-height:30px;}
.renewal_info_list li .detail dd{ line-height:30px; font-size:16px;}
.renewal_info_list li .detail dt.graytext{ color:#888;}

.add_bar{}
.add_bar a{ display:inline-block;  background-color: #f3f9fc; color: #333;line-height: 28px;height: 28px; width:28px; text-align:center;    border: 1px solid #95c4e9; font-size:16px; border-radius:2px; color:#2c8ad3; margin-right:5px;}
.add_bar input{ width:40px;margin-right:5px; margin-top:-2px;box-sizing:content-box; text-align:center;border: 1px solid #d7e7f6;font-size: 12px; border-radius: 2px;box-shadow: none;display: inline-block;vertical-align: middle;line-height: 20px; height: 20px;padding: 4px 6px;}



.renewal_info_list li.selected{ border:1px solid #2c8ad3; background:url(images/chackBox_btnBg_above2.png) 0 0 no-repeat;}

.edit_container_table tr td .money{ color: #F40; font-size:16px;}
.method_payment{}
.method_payment a{ display:block; margin-right:10px; width:120px; height:60px; float:left; border:1px solid #ddd; border-radius:3px; overflow:hidden;}
.method_payment .zhifubao{ background:url(images/zhifubao.png) no-repeat;}
.line_bar{ height:1px; overflow:hidden; background:#cfe9f8; width:100%; }
.method_payment .selected{ border:1px solid #2c8ad3; position:relative;}
.method_payment .selected:before{ content:""; display:block; background:url(images/chackBox_btnBg_above2.png); width:14px; height:14px; position:absolute; left:0; top:0;}

.waiting_payment{ padding:20px; text-align:center;}
.waiting_payment h1{ text-align:center; font-size:18px; font-weight:normal; line-height:40px;}
.waiting_payment .waiting_payment_text{ margin:10px 0; margin-bottom:30px;}
.waiting_payment div p{ margin:5px 0;}

.coupons_list{}
.coupons_list:after{ display:block; height:0; overflow:hidden; content:""; clear:both; font-size:0;}
.coupons_list li{ float:left; position:relative;margin-right:10px; border:1px solid #fff; padding:2px;}
.coupons_list li div{height:60px; text-align: center; padding:10px; border-left:1px dashed #fff;border-right:1px dashed #fff; background:#ed8307; cursor:pointer; color:#fff; }
.coupons_list li div:before{ content:"券"; position:absolute; top:0; left:10px; font-size:60px; color:rgba(255,255,255,0.1); font-weight:bolder; }
.coupons_list li h2{ font-size:46px; font-weight:700; line-height:20px; padding-top:5px; float:left; line-height:30px; width:100px; text-align:center; position:absolute; top:10px; left:10px; z-index:1}
.coupons_list li h2 span{ font-size:12px; vertical-align: text-top;font-weight:400;}
.coupons_list li h3{ padding-left:110px; line-height:20px; padding-top:10px;text-align:left; font-size:14px; font-weight:normal;}
.coupons_list li h4{padding-left:110px;  font-size:12px; font-weight:normal;}
.coupons_list li p span{ font-size:12px;}
.coupons_list li.selected{ border:1px solid #2c8ad3; position:relative; border-radius:4px;}
.coupons_list li.selected:before{ content:""; display:block; background:url(images/chackBox_btnBg_above2.png); width:14px; height:14px; position:absolute; left:0; top:0;}
.coupons_list li div.coupons2{ background:#71bc5f;}
.coupons_list li div.coupons2:before{ color:#86c677;}
.coupons_list li div.coupons1:before{ color:#f0952c;}

.invitation_record{ padding:20px;}
.invitation_record_tit{ line-height:40px; font-size:14px; color:#2c8ad3;}
.invitation_record_list table{ width:100%; border-collapse:collapse;font-size:12px; }
.invitation_record_list table tr th{ color: #666;font-weight: 400;border: 1px solid #d7e7f6;background-color: #f3f9fc;height: 25px;}
.invitation_record_list table tr td{padding: 8px 5px;height: 20px;line-height: 20px;border-bottom: 1px solid #d7e7f6;text-align: center;}



.kf-ico-qq{display: inline-block; background:url(images/QQ.png) center no-repeat; width: 50px;height: 50px;border: 1px solid #2c8ad3; border-radius:30px;margin-top: 20px;}

/*优惠券*/
.coupons_btn{ position:fixed; top:50%; margin-top:-36px; right:10px; z-index:99;}
.coupons_btn a{ width:110px; height:72px; display:block; background:url(images/ico_coupons.png) center no-repeat;}

.coupons_bg{ background:rgba(0,0,0,0.5); position:fixed; z-index:2000; width:100%; height:100%; top:0; left:0;}
.coupons_container{ width:280px; padding:10px 60px;border-radius:4px; min-height:280px; background:#fff; margin:0 auto; margin-top:-186px; position:relative; top:50%;}
.coupons_container h1{ font-size:24px; line-height:60px; text-align:center; font-weight:normal; color:#ec2639;}
.coupons_container ul { margin-top:20px;}
.coupons_container ul li{ padding-right:22px; margin-bottom:15px; position:relative;}
.coupons_container ul li input{ border:1px solid #ddd; line-height:40px; padding:0 10px; width:100%; border-radius:4px; font-size:14px;height: 40px;}
.coupons_container ul li .validation{ position:absolute; top:4px; right:4px; line-height:34px; text-align:center; padding:0 10px; background:#2c8ad3;color:#fff; display:block;border-radius:4px; min-width:60px; font-size:14px;}
.coupons_container ul li .validation:hover{background-color:#409fe9;}
.coupons_container .receive_btn{ margin:20px 0;}
.coupons_container .receive_btn a{ background:#2c8ad3; line-height:40px; display:block; text-align:center; color:#fff; width:100%;font-size:14px;border-radius:4px;}
.coupons_container .receive_btn a:hover{background-color:#409fe9;}
.coupons_container .close_btn{ display:block; width:30px; height:30px; background:url(images/close_btn.gif) center no-repeat; position:absolute; top:5px; right:5px;}
.coupons_container .close_btn:hover{ background:url(images/close_btn_hover.gif) center no-repeat; }
.coupons_container .coupons_text{ margin:20px 0; text-align:center; line-height:24px; font-size:14px;}
.coupons_container .coupons_text a{ color:#2c8ad3;}
.coupons_container .coupons_text a:hover{ text-decoration:underline;}