@charset "utf-8";
/* CSS Document */

html {

       filter:  progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

       -webkit-filter:  grayscale(100%) !important;

}
*{margin:0px; padding:0px;}
body{ margin:0 auto;font-family: Microsoft YaHei;font-size:16px;}


html,body{  width: 100%; height: 100%; }
.login-body{background-image: url('../images/login_bg.png');display:flex;display: -webkit-flex;justify-content:center;align-items:center;}
a,button{cursor:pointer;}


.home-link{color:#000;font-size:26px;font-weight:bold;text-decoration: none;display:flex;flex-direction;align-items:center;}
div.main-document{position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;overflow: hidden;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;}
		
/* ============= 企业端框架部分 start=============  */
.main-container{display:flex;flex-direction:row;justify-content:space-between;}
.nav-box{position:absolute;width:250px;left:0;top:0;bottom:0;background-color:#2e4dd4;}
.main-box{position:absolute; left:210px;top:0;right:0;bottom:0;background-color:#f5f6fa;border-radius: 40px 0px 0px 40px;}
.main-content{position:absolute;left:0;top:116px;right:0;bottom:0;background-color:#fff;border-radius: 40px;margin:0 20px 0px 20px; overflow: hidden;}
.main-content iframe{width:100%;height:100%;}
.left-box{width:210px;}
.left-box .logo-box{text-align:center;padding:38px 0 50px 0;}

.menu-box{color:rgba(255,255,255,0.5);font-weight:bold;}
.menu-box li{height:60px;line-height:60px;padding-left:32px;border-left:4px solid transparent;cursor:pointer;}
.menu-box li i{margin-right:16px;}
.menu-box li:hover,.menu-box li.selected{border-left:4px solid #fff;background: linear-gradient(to right, rgba(255,255,255,0.3), rgba(255,255,255,0));color:#fff;}
.menu-box li:hover a,.menu-box li.selected a{color:#fff;}
/* ============= 企业端框架部分 start=============  */


/* ============= 企业端后台头部部分 start=============  */
.header{height:76px;background-color:#fff;border-radius: 40px;margin:20px; display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 28px; }
.header .crumb-box{color:#333;font-size:18px;font-weight:bold;}

.header .userinfo-box{position: relative;display:flex;flex-direction:row;align-items:center;}
.header .message-box{color:#999;margin-right:30px;font-size:26px;cursor:pointer;}
.header .userinfo{display:flex;flex-direction:row;align-items:center;color:#333;cursor:pointer;font-size:18px;height:76px;line-height:76px;}
.header .userinfo .vertical-line{width:1px;border-right: solid 1px #d9d9d9;margin:0 15px;height:15px; }
.header .userinfo .logo{margin-left:15px;width:32px;height:32px;border-radius:16px;}
.header .userinfo-box .account-unauthc{color:#ff2e2e;font-size:14px;padding-left:15px;}
.header .userinfo-box .account-unauthc i{padding-right:5px;}
.header .userinfo .company-title .unauthc{color:#ff2e2e;font-size:14px;}
.header .userinfo .company-title .authing{color:#ff2e2e;font-size:14px;}

.header .setting-box{display:none; position: absolute;right:0;top:70px;z-index:100;padding:16px 0;width:276px;background-color: #fff;box-shadow: 0px 5px 16px 0px rgba(193, 197, 199, 0.45); border-radius: 32px;}
.header .setting-box .item{padding-left:24px;height:44px;cursor:pointer;line-height:44px;}
.header .setting-box .item a{color:#666;text-decoration: none;}
.header .setting-box .logout{padding-left:24px;height:50px;line-height:50px;border-top:1px solid #d9d9d9;}
.header .setting-box .item:hover,.header .setting-box .item.selected{background-color:#f4f6fd;}

/* ============= 企业端后台头部部分 end=============  */

.hs-container{position: absolute;display:flex;width:100%;height:100%;justify-content: center;align-items: center;}
.hs-wrapper {width: 946px;min-height:543px;display: flex;position: relative;box-shadow: 0px 0px 78px 12px rgba(130, 187, 253, 0.33); flex-direction:row;}
.hs-wrapper .hs-bg{position: relative;width: 466px;color:#fff;flex-direction:column;display:flex;justify-content: center;align-items: center;}
.hs-wrapper .hs-bg img{left:0;top:0;position:absolute; width:100%;height:100%;cursor:pointer;z-index:1;}
.hs-wrapper .hs-form{flex:1;background-color: #fff;box-shadow: 0 2px 5px rgba(0,0,0,.3);padding:40px 70px;}
.hs-wrapper .hs-form .hs-form-wrapper{text-align:center;width:384px;}
.hs-form .hs-form-wrapper .hs-panel-tip{font-size:28px;color:#333;margin-bottom:50px;}
.hs-panel-tip img{display:inline;vertical-align: middle;}
.hs-form .hs-form-wrapper .hs-form-input-item input{border:0;border-bottom:1px solid #caccd2;width:100%;padding:10px 0;margin-bottom:20px;}


.howui-tabs{color:#999;font-size:20px;display:flex;flex-direction:row;justify-content:space-around;align-items:center;}
.howui-tab-item{padding-bottom:19px;border-bottom:4px solid transparent; cursor:pointer;}
.howui-tab-item.selected{color:#333;border-bottom:4px solid #2e4dd4;font-weight:bold;}
.howui-tabs-body{padding:32px 0 0 0;}


/* ============= 表单样式 start =============*/
.howui-form-input-item{display:flex;flex-direction:row;border:1px solid #d9d9d9;border-radius:4px;height:50px;line-height:50px;}
.howui-form-input-item i{padding-right:10px;}

.howui-form-head-title{color:#333;font-size:20px;font-weight:bold;}
.howui-form-box{padding:64px;}
.howui-form{padding:30px;}
.howui-form-subtitle{width:180px;display:flex;flex-direction:row;align-items:center;font-size:18px;font-weight:bold;color:#333;justify-content:flex-end;}
.howui-form-subtitle img{padding-right:10px;}
.howui-form-item{margin-bottom:30px;width: 100%;display:flex;flex-direction:row;align-items:flex-start;}
.howui-form-item .howui-form-label{line-height:42px;color:#666;font-size:16px;width:180px;text-align:right;margin-right:24px;}
.howui-form-item .howui-form-label font{color:red;padding-right:6px;font-weight:bold;}
.howui-form-item .howui-input-inline{flex:1;}
.howui-form-item-inline {position: relative;}
.howui-form-item-inline i{position: absolute;top:11px;left:16px; color:#666;font-size:20px;}
.howui-form-inline-item:after, .howui-form-item:after{min-height:24px;margin:3px 0;}
.howui-textarea{font-family: Microsoft YaHei;min-height:300px;height:auto;padding:6px 10px;resize:vertical;line-height:20px;line-height:18px\9;border:1px solid #dfdfdf;background-color:#fff;border-radius:4px;font-size:16px; text-indent: 10px;width:100%;}
.readonly{background-color:#fafafa !important;}
label.error{position:absolute; min-height:24px;line-height:24px;height:24px;margin:3px 0;padding:0;text-indent: 0;background-image: none; color: #EA5200; font-size:13px;}
.howui-form-item .howui-input,.howui-form-item .howui-select{ height: 42px; line-height: 42px; font-size:16px; text-indent: 20px;width:100%;border:1px solid #dfdfdf;border-radius:4px;}
.howui-form-item .howui-form-text{color:#333;font-weight:16px;line-height:50px;}
.howui-form-item .howui-form-item-tips{color:#999;font-size:14px;padding:15px 0;}
.chosen-container{width:100% !important;}
.chosen-container-single .chosen-single span{padding-left:10px;font-size:16px !important;color:#333 !important;}
.chosen-container-single .chosen-single{line-height:42px !important;height:42px !important;}
.chosen-container-single .chosen-single div b{background-position: 0 15px !important;}
.chosen-container .chosen-results {}
.chosen-container .chosen-results li{line-height:35px !important;}
.chosen-container-single .chosen-single abbr{top:19px !important;}
.chosen-container .chosen-drop,.chosen-container-active .chosen-single ,.chosen-container-active .chosen-choices{border:1px solid #2e4dd4 !important;}
.chosen-container .chosen-drop{border-top:0 !important;}
.chosen-container .chosen-results li.highlighted{background-color:#006ce9 !important;}
.howui-input:focus,.howui-select:focus,.howui-textarea:focus{border-color:#006ce9;outline:0 none;box-shadow:0 1px 1px rgba(0,0,0,.075) inset,0 0 8px rgba(177,213,243,.6)}

ul.howui-tags li{font-size:14px;height: 26px;display: inline-block; margin-bottom: 7px;margin-right:7px; padding: 3px 15px;line-height: 26px;cursor: pointer;border-radius: 3px;}
.howui-tags-selectbox{position: relative;padding-bottom: 10px;margin-bottom:10px;border-bottom: 1px dashed #d8dce6;}
.howui-tags-selectbox ul li{margin-right:5px;height:32px;line-height:32px;background-color:#eef1f6;padding: 0 10px;font-size: 14px; display: inline-block; border-radius: 2px; position: relative;}
.howui-tags-selectbox ul li i{color:#BDBDBD;font-size:12px;cursor:pointer;}

.howui-tags .item-select{background: url("../images/company/item-selected-2.png") right bottom no-repeat;border: 1px solid #BDBDBD;}
.howui-tags .item-select.selected{border: 1px solid #E0731A; background-image: url("../images/company/item-selected.png");}


.city-select a.active{background-color:#2e4dd4 !important;}
.city-picker-span.focus, .city-picker-span.open{border-color: #2e4dd4 !important;width:100% !important;}
.city-picker-span{width:100% !important;padding:0 !important;height:42px !important;line-height:42px !important;font-size:16px !important;}
.city-picker-span > .placeholder{color:#888 !important;font-size:16px !important;padding-left:20px !important;}
.city-picker-span > .title{padding-left:20px !important;}

.howui-floor-title{line-height:1;margin:32px 0;border-left:6px solid #0779e4;padding-left:8px;color:#222;font-size:18px;font-weight:bold;}
.howui-floor-title:first-child{margin-top:0;}

.howui-bottom-wrapper{position: fixed ;bottom:0;margin:0 auto;padding:20px 0;text-align: center;left:0;right:0;background-color: #f5f6fa;
display:flex;flex-direction:row;align-items:center;justify-content:center;}
/* ============= 表单样式 end =============*/


/* ============= 审核表单 start =============*/
.check-form .checking{color:#ff2b2b;font-size:16px;display:flex;flex-direction:row;align-items:center;}
.check-form .checking .icon-checking{color:#ff2b2b;padding-right:12px;font-size:20px;}
/* ============= 审核表单 end =============*/
/* ============= 列表搜索 start =============*/
.searchpanel{margin-bottom:20px;}
.howui-list-wrapper-box{}
.howui-list-wrapper{padding:20px;}
.howui-list-wrapper .search-container-box{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;}
.howui-search .howui-input,.howui-search .howui-select{ height: 42px; line-height: 42px; font-size:16px; text-indent: 20px;width:100%;border:1px solid #dfdfdf;border-radius:4px;}
.howui-search .sb-label{margin-right:12px;width:80px;text-align:right;}
.howui-search .search-ul{display:flex;flex-direction:row;flex-wrap:wrap;}
.howui-search .search-ul .search-li{display:flex;flex-direction:row;align-items:center;margin-right:12px;margin-bottom:12px;}
.howui-search .howui-search-input{width:190px;}

/* div.datagrid-wrapper{padding: 15px;overflow: auto;} */
div.datagrid-wrapper-mmGrid{overflow: auto;position: absolute;top: 64px;bottom: 50px;left:0;right:0;}
/* div.page-wrapper{padding: 10px 20px;margin-bottom: 15px;} */
div.page-wrapper-abs{ padding: 7px 0px; position: absolute;left:0;right:0;bottom:0px;}

ul.howui-tags-wrapper{border-bottom:1px solid #d9d9d9;}
ul.howui-tags-wrapper li{font-size:16px;font-weight:bold;height: 60px;display: inline-block; margin-right:7px; padding: 0 15px;line-height: 60px;cursor: pointer;border-bottom:2px solid transparent;}
ul.howui-tags-wrapper li.selected{border-bottom:2px solid #3150d5;color:#2e4dd4;}
ul.howui-tags-wrapper .howui-tags-num{padding:0 5px;}
/* ============= 列表搜索 end =============*/

/* ============= 通用按钮样式 end =============*/
.howui-primary-button{height:42px;padding:0 25px;border-radius: 4px;background-color:#2e4dd4;color:#fff;font-size:16px;cursor:pointer;border:0;}
.howui-primary-button:hover{background-color:#193cd4;}
.howui-primary-link{height:42px;padding:0 5px;color:#2e4dd4;font-size:16px;cursor:pointer;border:0;background-color: transparent;}
.howui-primary-link:hover{color:#006ce9;}
.btn i{padding-right:5px;}

button.btn,.btn { font-size:14px;margin-right: 0.5em; outline: none; cursor: pointer; *zoom: 1; text-align: center; text-decoration: none; font-family: inherit;vertical-align: middle; transition: all 0.2s ease; box-sizing: border-box; text-shadow: 0 1px 0 rgba(0,0,0,0.01);}
.btn-link { background-color: transparent; color: #193cd4; border: none; padding: 0px 0px; margin: 0 3px !important;}
.btn-link.disabled{color: #C3BFBF;}
.btn-link.disabled:hover{color: #C3BFBF;text-decoration: none;}
.btn-link:hover{color: #006ce9;text-decoration: underline;}

/* ============= 通用按钮样式 end =============*/

.form-bottom-opts{display:flex;flex-direction:row;justify-content:space-between;}
.form-bottom-opts a{color:#2e4dd4;text-decoration: none;}
.verify-code-box{position: absolute;right: 0px;cursor: pointer;top:0;}
.verify-btn{width: 104px;height: 50px;color:#2e4dd4; line-height: 50px;font-size: 16px;cursor:pointer;}
.form-bottom-opts a:hover,.verify-btn:hover{color:#006ce9;}


#noDataMsg{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;}
#noDataMsg span{color:#999;font-size:16px;}

.contact-info{font-size:18px;color:#666;padding:30px;position: relative;display:flex;flex-direction:column;justify-content:space-between;align-items:center;}
.contact-info .title{margin-bottom:10px;}
.contact-info .phone{color:#2e4dd4;}
.contact-info .kfqrcode{width:120px;height:120px;}
.contact-info .content{flex:1;}
.contact-info .bottom-btn{}


/*字体颜色*/
.t-blue{ color: #2874e1;}
.t-red{ color: #f00;}
.t-green{ color: #4daf2f;}
.t-orange{ color: #f60;}
.t-yellow{ color: #F4BA21;}
.t-grey-aaa{ color: #aaa;}
.t-grey-bbb{ color: #bbb;}
.t-grey-999{ color: #999;}
.t-grey-666{ color: #666;}
.t-grey-333{ color: #333;}