/* CSS Document */
html,body{ width:100%; height: 100%;/*background: #ffffff;*/}
.layui-fluid{ padding:0px; padding-bottom:0px;}
.app_meida{ border:0px; width: 100%;}
/*.layui-layout-admin .layui-logo2{ background:#3abba9 !important;}*/
.clear{ clear:both; }
.clearfix:after{content:"";height: 0px; display: block; visibility: hidden; clear: both;}
/*menu*/
nav ul{ background: #ffffff; border-bottom:#3abba9 solid 2px;height:45px; line-height: 45px; z-index: 99999; position: fixed; top:0px; left: 0px; width: 100%;box-shadow: rgba(58,187,169,0.3) 0px -2px 2px 0px;}
nav ul li{ float: left; width:25%; text-align: center; position:relative;}
nav ul li a{ display:block; font-size: 14px;}
nav ul li.active a{ display: block; background: #3abba9; color:#ffffff; }
nav ul li p{ display: none;position: absolute; z-index: 99999; width: 100%; top:45px; box-shadow: rgba(255,255,255,1) 0px 0px 5px 0px;}
nav ul li p a{ display:inline-block; width: 100%; background: #3abba9; color:#FFFFFF; border-top: rgba(255,255,255,0.5) 1px solid;}
nav ul li p a:hover{color:#FFFFFF;}
nav ul li a b{ display:inline-block; position: relative; top:2px; background: url(../images/2_black.svg) no-repeat top/contain; height: 14px; width: 14px;}
nav ul li.active a b{ background: url(../images/2_white.svg) no-repeat; }
.container{position: relative;width: 100%;height:100%; min-width: 320px;margin: 0 auto; padding-top: 50px; box-sizing: border-box;}
.container .logo{width:100%; margin: auto; top: 40%; position: absolute; text-align: center;}
.container .logo img{ max-width: 100%; width: 70%; display: block; margin: 0 auto;}
.container form{ width: 100%; position: absolute; bottom:0px;}
/*.container form{ width: 80%; margin: auto; margin-top: 70px;}*/
.container form p input.cell-input{ display: block; width: 100%; height: 45px; line-height: 45px; font-size:14px; text-align: center; border-radius: 4px; font-family: microsoft yahei; border:#eaeaea solid 1px; margin-bottom: 12px; color: #666666; background:url(
../images/dingwei2.png) no-repeat 10px center/22px; }
.container form input{ width: 100%; height: 45px; font-size:14px; text-align: center; border-radius: 4px;}
.container form input[type="submit"]{background:rgba(58,187,169,1); color: #FFFFFF; border:0px; font-family: microsoft yahei; border-radius:0px;}
.container form a.map{display: block; text-align: center;font-size: 14px; margin-top: 15px; color: #666666;}
.container form a.map img{ height: 2rem; padding-right: 0.5rem; color: #999999; opacity: 0.6; display: inline-block;}
@media screen and (max-width: 320px) {
	.container .logo img{ width: 100%; margin-top: 35%;}
	.container form{ width: 80%; margin: auto; margin-top: 5rem;}
}
/*search_app_news*/
.search_btn_app{position: fixed; margin-top: 45px; width: 100%; box-sizing: border-box; z-index: 100; border-bottom:#eaeaea 1px solid; background: #ffffff; height: 45px; line-height: 43px; text-align: right;}
.search_btn_app img{ padding:0px 10px; height: 20px;}
.search_app_hid{ display:none;position: fixed; top: 90px; z-index: 99; width: 100%; height: 100%; box-sizing: border-box;}
.search_app_hid .search_bg_app{position: absolute;z-index: 99; top: 0px; right: 0px; background:#ffffff; width: 100%; height: 100%;}
.search_app_hid .layui-card-body{position:relative; z-index: 100;}
.search_app_hid .layui-col-space10{position:relative; z-index: 100;background: #ffffff;box-sizing: border-box; margin: 0px;}
/*后台*/
.search_adm_app{position: fixed; margin-top: 0px; width: 100%; box-sizing: border-box; z-index: 100; border-bottom:#eaeaea 1px solid; background: #ffffff; height: 45px; line-height: 43px; text-align: right;}
.search_adm_app img{ padding:0px 10px; height: 20px;}
.search_adm_hid{ display:none;position: fixed; top: 45px; z-index: 99; width: 100%; height: 100%; box-sizing: border-box;}
.search_adm_hid .search_bg_app{position: absolute;z-index: 99; top: 0px; right: 0px; background:#ffffff; width: 100%; height: 100%;}
.search_adm_hid .layui-card-body{position:relative; z-index: 100;}
.search_adm_hid .layui-col-space10{position:relative; z-index: 100;background: #ffffff;box-sizing: border-box; margin: 0px;}
/*App_List*/
.App_List{ width: 96%; margin: auto; padding-top: 100px;}
/*后台*/
/*.App_List dl{ height:113px; background: #ffffff; overflow: hidden; margin-bottom: 10px; padding-bottom: 5px; position: relative;outline: 2px solid rgba(58,187,169,0.5); outline-offset: -2px;}*/
.App_List dl{background: #ffffff; margin-bottom: 10px; padding-bottom: 5px; position: relative;outline: 2px solid rgba(58,187,169,0.5); outline-offset: -2px;}
.App_List dl dd .status{ position:absolute; z-index: 10; right: 6px; top:58px; transform: rotate(-35deg);}
.App_List dl dd .status img{ width:80px;}
.App_List dl dt{ padding-left: 10px; height: 38px; line-height: 38px; position:relative; padding-right: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 5px;}
/*.App_List dl dt input{ position:absolute; right: 0px; top: 9px; right: 5px; border:rgba(255,255,255,0.7) 1px solid ; background:rgba(255,255,255,0.9); line-height: 22px; padding: 0px 3px; border-radius: 5px; color: #3abba9; fon-size:12px;}*/
.App_List dl dt .app_more{position:absolute; right: 0px;  right: 10px; color: #ffffff;}
.App_List dl dd{ display: none; box-sizing: border-box;line-height: 25px; padding: 0px 5px;}
.App_List dl dd:nth-of-type(1),
.App_List dl dd:nth-of-type(2),
.App_List dl dd:nth-of-type(3),
.App_List dl dd:nth-of-type(4),
.App_List dl dd:nth-of-type(5),
.App_List dl dd:nth-of-type(6){ display:block;}

.App_List dl dd span{  width: auto;}
.App_List dl dd u{  color:#ff5722; text-decoration: none;}
.App_List dl .app_check{ position: absolute; left: 5px; top: 3px; z-index: 22; }
.App_List dl .app_check input{ border:0px; }
.App_List .layui-form-checked[lay-skin=primary] i{border-radius: 50%;border-color: #ffffff;background-color:#ffffff ; color: #3abba9;}
.App_List .layui-form-checkbox[lay-skin=primary] i{border-radius: 50%;border:0px;}
.app_action p{ display: flex; margin-top: 10px; margin-bottom: 5px;}
.app_action p a{flex:1; text-align: center;border: 1px solid #eaeaea; display: inline-block;border-radius: 20px; margin: 0px 2px; line-height: 30px;}
/*.app_action p{ border: 1px solid #eaeaea; display: flex;border-radius: 20px; margin-top: 10px; margin-bottom: 5px;}
.app_action p a{flex:1; text-align: center; border-right: 1px solid #eaeaea;}
.app_action p a:last-child{ border-right:none;border-radius:0px 20px 20px 0px;}
.app_action p a:first-child{ border-radius:20px 0px 0px 20px;}*/
.app_action p a:hover{ background:#ff5722; color: #ffffff;}
.app_page{ background:#ffffff; padding:0px 5px;}
.app_page .layui-laypage{ margin:5px auto;}
.app_page .layui-laypage a,.app_page .layui-laypage span{ margin-bottom:0px; padding: 0px 13px;}
/*余额管理 finance_balance_app*/
.finance_balance_app dl{ height:113px;}
.finance_balance_app dl dd span{width: 150px; text-align: right; display: inline-block;}
/*订单列表 order_list_app*/
.order_list_app dl{}
.order_list_app dl dd{ padding: 0px 15px;}
/*订单跟踪 ordertracking_app*/
#Ordertracking .search_app_hid .layui-form{ z-index:100;}
.ordertracking_app dl{}
.ordertracking_app dl dd:first-of-type{ padding: 0px 15px;}
.ordertracking_app dl dd{ padding: 0px 15px;}
.ordertracking_app dl dd:nth-of-type(1),
.ordertracking_app dl dd:nth-of-type(2),
.ordertracking_app dl dd:nth-of-type(3),
.ordertracking_app dl dd:nth-of-type(4),
.ordertracking_app dl dd:nth-of-type(5),
.ordertracking_app dl dd:nth-of-type(6),
.ordertracking_app dl dd:nth-of-type(7),
.ordertracking_app dl dd:nth-of-type(8){ display:block;}
.ordertracking_app dl dd:last-of-type{ margin-top:10px; border-top:#eaeaea solid 1px; padding-top: 10px; }
.ordertracking_app dl dd .layui-text h3{ font-size:14px; color: #cccccc;}
.ordertracking_app dl dd .app_tel{border: 1px solid #eaeaea; position: absolute; bottom: 20px; right: 20px; display: inline-block; padding: 6px 20px; color:#FFFFFF; background: rgba(255,87,34,1); z-index: 100; }
.ordertracking_app dl dd .layui-timeline-axis{ color:#CCCCCC;}
.ordertracking_app dl dd .arrive .layui-timeline-axis{ color:#3abba9;}
/*.ordertracking_app dl dd .arrive .layui-timeline-axis:after{content:""; display: block; width: 10px; height: 10px;background:#3abba9; border-radius: 50%; position: absolute; top: 5px; left: 5px;}*/
.ordertracking_app dl dd .arrive .layui-text h3{font-size:16px;color:#3abba9;}
.ordertracking_app dl dd .arrive .layui-text p{color:#3abba9;}
.ordertracking_app dl dd .arrive:before{ background-color:#3abba9; left:5px; }
/*费用管理expernses_app*/
.Expenses_Management_app dl{ position: relative;}
.Expenses_Management_app dl dd span{width: 86px; text-align: right; display: inline-block;}
.Expenses_Management_app dl dt{ padding-left: 35px;}
/*财务信息My_Finance_app*/
.My_Finance_app dl{}
.My_Finance_app dl dd span{width: 90px; text-align: right; display: inline-block;}
/*.My_Finance_app dl dd */.app_phobtn{border: 1px solid #eaeaea; display: inline-block;border-radius: 20px; padding: 0px 10px; color:#666666; background: #fafafa;}
/*用户列表use_management_app*/
.use_management_app{ padding-top:60px;}
.use_management_app dl{border:1px solid #3abba9; position: relative;}
.use_management_app dl dt{ padding-left:10px;}
.use_management_app dl .app_check{ position: absolute; left: -3px; top: 6px; z-index: 22; }
.use_management_app dl dd span{width: 75px; text-align: right; display: inline-block;}
/*订单管理-订单列表*/
.order_management_app dl{position: relative; height:130px;}
.order_management_app dl dt{ padding-left:35px;}
.order_management_app dl dd{padding: 0px 15px;}
.order_management_app dl .app_check{ position: absolute; left: -3px; top: 3px; z-index: 22; }
.order_management_app .layui-btn-group{ width: 100%; display:flex; margin-bottom: 10px;}
.order_management_app .layui-btn-group button{flex: 1}
/*费用列表expernses_List_app*/
.expernses_list_app dl{ position: relative; height: 130px;padding: 7.5px;}
.expernses_list_app dl .app_check{ position: absolute; left: 13px; top: 11px; z-index: 22; }
.expernses_list_app dl dt{ padding-left:35px;}
.expernses_list_app dl dd span{width: 100px; text-align: right; display: inline-block;}

dd.expernses_list_dd{line-height: 22px;}
dd.expernses_list_dd span{ position: relative; top: -8px; }
dd.expernses_list_dd .layui-form-switch{ margin-top: 0px;}
/*订单结算finance_deduct_app*/
.finance_deduct_app dl dd span{width: 130px; text-align: right; display: inline-block;}
/*次数管理Number_Mmanage_app*/
.Number_Manage_app dl{ height: auto;}
/*客户信息client_information_app*/
.client_information_app dl{ height: 130px;}
.client_information_app dl dt{ padding-left:35px;}
/*客户订单client_order_app*/
.client_order_app dl{ height: 113px;}
/*角色管理Role_List_app*/
.Role_List_app dl{height: 130px;}
/*节点管理DPNM_app*/
.DPNM_app{}
    /*一级菜单*/
.DPNM_app .layui-collapse .layui-colla-item{ border-color:rgba(58,187,169,0.5);}
.DPNM_app .layui-collapse .layui-collapse .layui-colla-item{ border-color:rgba(58,187,169,0.4);}
.DPNM_app .layui-collapse .layui-collapse .layui-collapse .layui-colla-item{ border-color:rgba(255,87,34,0.2);}
.DPNM_app .layui-collapse .layui-colla-item .layui-colla-title{ background: rgba(58,187,169,1); color: #ffffff;}
.DPNM_app .layui-collapse .layui-colla-item .layui-colla-content{ padding: 0px; }
    /*菜单内容*/
.DPNM_app .layui-collapse .layui-colla-item .layui-colla-content dl{ padding:10px;border:none}
.DPNM_app .layui-collapse .layui-colla-item .layui-colla-content dl dt a{ border: 1px solid rgba(58,187,169,0.3); display: inline-block;border-radius: 20px; padding: 0px 10px; color:#666666; background: rgba(255,251,0,0.1); margin-right: 10px; margin-bottom: 10px;}
.DPNM_app .layui-colla-item .layui-colla-content dl dd{ padding-left: 10px;}
    /*二级菜单*/
.DPNM_app .layui-collapse .layui-collapse{border-width:0px;}
.DPNM_app .layui-collapse .layui-collapse .layui-colla-title{ background: rgba(58,187,169,.2); color: rgba(58,187,169,1); padding-left: 55px;}
.DPNM_app .layui-collapse .layui-collapse .layui-colla-title .layui-colla-icon{ color: rgba(58,187,169,.7); left: 30px;}
    /*三级菜单*/
.DPNM_app .layui-collapse .layui-collapse .layui-collapse .layui-colla-title{ background: rgba(255,87,34,0.08); color:rgba(255,87,34,0.7);padding-left: 75px;}
.DPNM_app .layui-collapse .layui-collapse .layui-collapse .layui-colla-title .layui-colla-icon{ color:rgba(255,87,34,0.7); left: 50px;}


.layui-form-item .layui-input-inline{margin:0px 0px 10px 80px;}

.container .tel_qq p{float:left;width: 50%;box-sizing: border-box;}
.container .tel_qq p:first-child{border-right:1px solid #eaeaea;}
.container .tel_qq p img{width:25px;display: inline-block; margin-right: 5px;}
.container .tel_qq p a{display:block; padding: 5px 20px; box-sizing: border-box;border-bottom:1px solid #eaeaea;}


.contact-us{padding:50px;text-align:center; }
.contact-us h1{width:50%; margin:20px auto 35px;}
.contact-us h1 img{max-width:100%;}
.contact-us .layui-card{ padding:10px; border-radius: 6px;}
.contact-us .layui-card h2{font-size:20px;  padding: 15px 0px; color: #3abba9;}
.contact-us .layui-card p{line-height: 1.8; padding:0px 30px;}
.contact-us .layui-card p:first-of-type{margin-bottom:10px;}
.contact-us .layui-card .layui-btn-group{ margin:10px auto;}
.contact-us .layui-card .layui-btn-group .layui-btn{padding:0px 25px;}
.contact-us .layui-card .layui-btn-group button:nth-of-type(1){border-radius: 50px 0px 0px 50px;}
.contact-us .layui-card .layui-btn-group button:nth-of-type(2){border-radius: 0px 50px 50px 0px;}