@charset "utf-8";
/* 基础板块 */
body{ margin:0px; padding:0px;}
a{ text-decoration:none;}
ul{ list-style:none; margin:0px; padding:0px;}
p{ margin:0px;}
.width{ width:70%; margin:0 auto;}
.both{ clear:both;}
a{transition:0.3s; color:#000;}
.left{ float:left; width:69%; margin-top:20px;}
.right{ float:right; width:30%; margin-top:20px;}
.center{ width:100%; margin-top:20px;}
.action{ background:#f00 !important;}


/* 登录板块 */
#load{ position:absolute; width:20%; margin:0 40%; text-align:center; }
#load p{ font-size:24px; color:#fff; margin-top:110px; margin-bottom:20px;}
#load_form{ background-color:#fff;  border-radius:10px; padding:20px 0px;}
#load_form img{ width:100%; margin:0 auto;}
#load_form .input_text{ width:85%; background:#eaeaec; border:1px solid #eaeaec; margin-bottom:15px; font-size:12px; box-shadow:none; padding:10px; border-radius:5px; color:#555;}
#load_form .input_submit{ background:url(../img/load_button.png) center; background-size:cover; width:40%; border:none; border-radius:10px; padding:10px 0px;}


/* 左侧导航板块 */
#left{ float:left; background-color:#424f63; color:#fff; width:240px; height:100%; transition:0.3s; position:fixed;}
#left p{ font-size:28px; margin:5px 0px 10px; margin-left:20px; height:37px; overflow:hidden;}
.daohang_button{ position:relative; z-index:999;}
.daohang_button_a{ display:block; color:#fff; padding:10px 0px; padding-left:50px; background:url(../img/daohang_icon.png) 93% no-repeat; font-size:14px; height:19px; overflow:hidden;}
.daohang_button_a:hover{ background-color:#353f4f; color:#65cea7; background-image:url(../img/daohang_hover.png);}
.daohang_button_ul{ overflow:hidden; height:0px; transition:0.5s;}
.daohang_button_ul li{}
.daohang_button_ul a{display:block; color:#fff; padding:10px 0px; padding-left:50px; font-size:14px; background-color:#353f4f;}
.daohang_button_ul a:hover{ background-color:#2a323f; color:#65cea7;}
.bg_img_none{ background-image:none !important;}
.daohang_button .position_icon1{ position:absolute; background:url(../img/icon1.png) no-repeat; width:20px; height:20px; top:10px; left:20px;}
.position_icon2{ position:absolute; background:url(../img/icon2.png) no-repeat; width:20px; height:20px; top:10px; left:20px;}
.position_icon3{ position:absolute; background:url(../img/icon3.png) no-repeat; width:20px; height:20px; top:10px; left:20px;}
.position_icon4{ position:absolute; background:url(../img/icon4.png) no-repeat; width:20px; height:20px; top:10px; left:20px;}
.position_icon5{ position:absolute; background:url(../img/icon5.png) no-repeat; width:20px; height:20px; top:10px; left:20px;}
.daohang_button:hover .position_icon1{ background-image:url(../img/icon1_1.png);}
.daohang_button:hover .position_icon2{ background-image:url(../img/icon2_1.png);}
.daohang_button:hover .position_icon3{ background-image:url(../img/icon3_1.png);}
.daohang_button:hover .position_icon4{ background-image:url(../img/icon4_1.png);}
.daohang_button:hover .position_icon5{ background-image:url(../img/icon5_1.png);}



/* 右上板块 */
#right{ width:calc(100% - 240px); float:right; transition:0.3s;}
#daohang_dis{ padding:20px; display:inline-block; border-right:1px solid #e7e7e7;}
#daohang_dis:hover{ background-color:#65CEA7;}
#user{ float:right; padding:18px; font-size:14px; margin-right:20px; position:relative; transition:0.3s;}
#user:hover{ background-color:#353f4f; color:#65CEA7;}
#user span{ display:inline-block; width:0; height:0; vertical-align:middle; border-top:4px solid; border-right:4px solid transparent; margin-left:5px; border-left:4px solid transparent;}
.daohang_button:hover .daohang_dis_ul{ display:block !important;}
.daohang_dis_ul{ position:absolute; display:block; left:60px; top:0px; height:auto !important;}
.daohang_dis_ul li a{ padding:10px; display:block; color:#fff; background-color:#353f4f; font-size:14px; width:72px; text-align:center;}
#top{ border-bottom:1px solid #eff0f4;}
#main{ background-color:#eff0f4; padding:15px;}
#return{ padding:8px 20px; font-size:14px; background:#fff; border-radius:5px; color:#ccc;}
#return a{ color:#65cea7; padding:0px 10px;}
#return span{ color:#999; padding:0px 10px;}
#home{ background:url(../img/icon1_1.png) left center no-repeat; padding-left:20px !important;}


/* 内容页左右板块 */
.main_div{ width:100%; border-radius:3px; background-color:#fff; margin-bottom:20px; overflow:hidden; transition:0.3s; height:auto;}
.main_div .main_title{ font-size:14px; font-weight:bold; color:#535351; padding:15px; border-bottom:1px dotted rgba(0,0,0,0.2);}
.main_div table{ width:calc(100% - 40px); margin:20px; border-collapse:collapse;}
.main_div table tr td{border:1px solid #ddd; padding:8px 5px; font-size:14px; color:rgb(122, 118, 118);}
.main_div table tr td a{ color:#fff; background-color:#5bc0de; font-size:12px; padding:2px 6px; margin-right:5px; border-radius:5px;}
.main_div table tr td a:hover{ background-color:#46a8da;}
.main_button{ background-color:#e3e4e8; color:#858582; padding:8px; margin-left:5px; float:right; margin-top:-8px;}
.main_button:hover{ background-color:#65cea7; color:#fff;}
.main_div .select{ margin:20px; font-size:14px; color:rgb(122, 118, 118);}
.main_div .select select{ width:65px; padding:5px 8px; color:#555; border:1px solid #ccc; border-radius:5px; margin-right:10px;}
.main_div .select input{ padding:6px 12px; background-color:#fff; border:1px solid #ccc; border-radius:5px;}
.main_div .main_count{ margin:0px 20px; font-size:14px; color:rgb(122, 118, 118);}
.main_div .page{ padding:20px;}
.main_div .page a{ font-size:14px; background-color:#fff; color:#797979; float:right; margin-right:15px; border:1px solid #ddd; padding:5px 10px;}
.main_div .page a:hover{ background-color:#65cea7; color:#fff;}
.main_more{ text-align:center;}
.main_more a{ margin:0 10px; display:inline-block; font-size:14px; color:#858582; border:1px solid #ddd; background:#fff; width:100px; height:30px; line-height:30px;}
.main_more a:hover{ color:#fff; background:#65cea7; border-color:#65cea7;}
.main_div blockquote{ font-size:12px; line-height:200%; color:#858582;}
.main_div .main_contart_apply_form{ margin:30px 20px; font-size:14px; color:#858582;}
.main_div .main_contart_apply_form_select{ width:180px; height:40px; padding-left:10px; font-size:14px; border-radius:4px; border-color:#aaa; margin-left:20px;}
.main_div .main_contart_apply_form_submit{ font-size:12px; color:#333; height:30px; width:100px; background:#eee; border:none; border-radius:6px;}
.main_order_apply_select{ width:180px; height:30px; padding-left:10px; font-size:14px; border-radius:4px; border-color:#aaa; color:#444;}
.main_order_apply_text{ width:240px; height:30px; font-size:14px; padding-left:8px; color:#555; border:1px solid #aaa; border-radius:4px;}
.main_order_apply_note{ width:340px; height:70px; font-size:14px; padding:4px 8px; color:#555; border:1px solid #aaa; resize:none;}
.main_order_apply_submit{ width:120px; height:30px; border:none; font-size:12px; color:#333; background:#eee;}
.main_leave_apply_date{ width:220px; height:30px; color:#555; padding-left:8px; border-radius:4px; border:1px solid #888;}
.main_equiment_apply_img{ width:140px; height:100px;}
.main_banner_img{ width:260px; height:80px; object-fit:cover;}
canvas{-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;}
@-webkit-keyframes chartjs-render-animation{from{opacity:0.99}to{opacity:1}}
@keyframes chartjs-render-animation{from{opacity:0.99}to{opacity:1}}
.chartjs-render-monitor{-webkit-animation:chartjs-render-animation 0.001s;animation:chartjs-render-animation 0.001s;}
.main_order_select_title{ font-size:44px; color:#043785; text-align:center; margin-bottom:10px;}
.main_order_select_descript{ text-align:center; color:#222222; font-size:30px; margin-bottom:20px;}
.main_order_select{ width:40%; margin:0 auto; position:relative; margin-bottom:80px;}
.main_order_select_text{ width:calc(100% - 14px); height:40px; border:1px solid #aaa; border-radius:6px; padding-left:10px; font-size:14px; line-height:40px;}
.main_order_select_button{ position:absolute; top:0px; height:100%; width:70px; right:0px; border:1px solid #aaa;}
.main_order_own_select{ margin:20px 0; text-align:right;}
.main_order_own_select select{ margin-right:20px; height:30px; width:220px; padding-left:10px;}
.main_order_admin_form{ margin:20px;}
.main_order_admin_form_show{ float:right; height:30px; width:220px; padding-left:10px;}
.main_order_admin_form_limit{ float:left; height:30px; width:100px; padding-left:10px;}
.main_equiment_admin_img{ height:80px;}
.main_text_center{ text-align:center;}
.main_button_insert{ float:right; background:#e3e4e8; color:#858582; height:35px; width:35px; line-height:35px; text-align:center; margin-top:-8px; font-size:16px;}
.main_button_insert:hover{ transform: rotate(180deg); border-radius:50%; line-height:32px; background:#65cea7; color:#fff;}
.main_record{ margin:14px 20px; padding:10px 0px; position:relative; border:1px solid #EFF0F4; font-size:14px; color:#858582;}
.main_record:after{ position:absolute; top:12px; left:-8px; content:''; border-bottom:8px solid transparent; border-top:8px solid transparent; border-right:8px solid #EFF0F4;}
.main_record b{ margin:0 8px; color:#65CEA7; font-weight:100;}
.main_text{ overflow:hidden; height:100px;}
.main_page_a{ font-size:14px; background:#fff; color:#797979; margin:0 10px 20px; border:1px solid #ddd; padding:5px 10px; display:inline-block;}
.main_page_a:hover{ background:#65cea7; color:#fff;}
.main_banner_button{ text-align:center;}


/* 底部板块 */
#foot{ background-color:#fff; padding:15px 0px; color:#7a7676; font-size:12px; width:100%; border-top:1px solid #eff0f4;}
#foot span{ padding-left:20px;}





/*自适应板块*/
@media screen and (max-width: 980px) {
#load{ width:80%; margin:0 10%;}
#load p{ font-size:36px; margin-top:200px;}
#load_form .input_text{ font-size:26px; padding:30px; margin-bottom:30px; width:calc(90% - 60px);}
#load_form .input_submit{ padding:50px 0px; width:90%;}
.left{ width:100%;}
.right{ width:100%;}
}