@charset "utf-8";
/*初始化*/
*{ 
	padding:0;
	margin:0;
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html, body{
	width: 100%;
	height: auto;
	min-height: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body {
	font-family: 'Microsoft YaHei','Arial';
	font-size: 12px;
	line-height:1.5em;
	color: #666;
	background:#f8fafd;
	/*cursor:pointer;*/
}
input,button{
	-webkit-appearance:none;
	border-radius: 0;
}
a,a:hover,a:focus {
	text-decoration: none;
}
textarea{
	resize: none;
	overflow: auto;
}
input,button {
	border: 0;
}
img {
	border: 0;
	vertical-align: top;
	display: block;
}
li {
	list-style: none;
}
ul,ol,p,h1,h2,h3,h4,h5,h6 {
	margin:0;
}
/* placeholder修改 */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #999 !important;
}
input:-moz-placeholder, textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #999 !important;
	opacity: 1;
}
input::-moz-placeholder, textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #999 !important;
	opacity: 1;
}
input::-ms-input-placeholder,textarea::-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #999 !important;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #999 !important;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #999 !important;
    opacity: 1;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #999 !important;
    opacity: 1;
}
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: #999 !important;
}
input,
textarea, 
input {
    color: #999;
}

/*公共样式*/
.hy-clear { zoom: 1; }
.hy-clear:after { content:''; display: block; clear: both; }
.hy-fl { float: left; }
.hy-fr { float: right; }
.hy-container { position: relative; width: 100%;/*padding:0 0rem 0 .5rem;*/}
body.hy-open{overflow: hidden;}
.overflow-hidden{overflow: hidden;}
.hy-bg-color1 {background: #fff !important;}
.hy-bg-color2 {background: #F5F7FD !important;}
.hy-bg-color3 {background: #f5f5f5 !important;}
.hy-pt1 {padding-top: 130px !important;}
.hy-text-center {text-align: center;}
.border-radius-6{border-radius: 6px;}
.w1264{width:1136px;margin:0 auto;}
.w1180{width:1180px;margin:0 auto;}

.even:nth-child(even){
	/*表示偶数*/
}
.odd:nth-child(odd){
	/*表示奇数*/
}
:first-child{
	/*首个子元素*/
}
:nth-child(2){
	/*第二个子元素*/
}
:last-child{
	/*最后一个子元素*/
}
.justify-content{
    display: flex;
    justify-content:center;/*水平居中*/
    align-items: center;/*垂直居中*/
}


/*顶部*/
.hy-top-content{
	height: 80px;
	font-size: 14px;
	color: #111111;
}
.hy-top-content .hy-content{
    display: flex;
    align-items: center;
    justify-content: space-between;/*两端对齐*/
    align-items: center;/*垂直居中*/
}
.user-center{
    float: right;
    height: auto;
    line-height: 26px;
}
.user-center .user-info{
    position: relative;
    display: inline-block;
    padding-left: 20px;
    padding-right:10px;
    cursor: pointer;
}
.user-center .user-avatar{
    width: 15px;
    height:15px;
    -webkit-border-radius: 50%;
    border-radius: 50%;    
    margin-top: 17px;
}
.user-center .user-avatar img{
    width: 100%;
    display: block;
}
.user-center .user-info:hover .user-opearation-wrap{
    display:block;
}
/*头像鼠标经过*/
.user-center .user-opearation-wrap{
    position:absolute;
    right:0px;
    top:36px;
    z-index:1;
    display:none;
}
/*头像鼠标经过 end*/
/*头向下拉*/
.user-center .user-opearation{
    width: 180px;
    margin-top:22px;
    padding-bottom: 10px;
    letter-spacing: 2px;
    background: #fff;
    -webkit-border-radius:4px;
    border-radius: 4px;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}
/*
.user-center .xiehui-id-wrap{
    height: 80px;
    padding-top: 22px;
    padding-left: 30px;
    cursor: default;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../images/opea_bot.png) no-repeat;
}
.user-center .avatar-wrap{   
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 40px;
    height:40px;
}
.user-center .avatar-wrap img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 2px 3px rgba(0,0,0,.2);
    box-shadow: 0 0 2px 3px rgba(0,0,0,.2);
}
.user-center .opearation-info{
    display:inline-block;
    margin-left:18px;
    max-width:  68%;
    text-align:left;
    color: #fff;
}
*/
.user-center .opearations{
    letter-spacing: 1px;
}
.user-center .opearations li{
    cursor: pointer;
    text-align: left;
    position: relative;
}
.user-center .opearations li a{
    display:block;
    height: 42px;
    padding:0 30px;
    color: #999;
    font-size:14px;
    text-decoration: none;
    display:flex;
    align-items:center;/*垂直居中*/
}
.user-center .opearations li i{
    width: 15px;
    height:15px;
    display: inline-block;
    padding-right:10px;
}
.user-center .opearations li a:hover{
    background-color: #108ee9;
    color: #fff;
}
.user-center .opearations li .icon1{
    background:url(../images/img15.png) no-repeat;
    background-size:15px;
}
.user-center .opearations li:hover .icon1{
    background:url(../images/img15-1.png) no-repeat;
    background-size:15px;
}
.user-center .opearations li .icon2{
    background:url(../images/img16.png) no-repeat;
    background-size:15px;
}
.user-center .opearations li:hover .icon2{
    background:url(../images/img16-1.png) no-repeat;
    background-size:15px;
}
/*头向下拉 end*/
/*顶部 end*/
/*公共 标题*/
.hy-title-content{
    display: flex;
    align-items: center;
    justify-content: space-between;/*两端对齐*/
    
    align-items: center;/*垂直居中*/
    height: 50px;
    border-bottom: 1px solid #e3e3e3;
}
.hy-title-content .title{
	position: relative;
	font-size: 18px;
	color: #111111;
	padding-left: 15px;
	font-weight: bold;
}
.hy-title-content .title:after{
    content: '';
    position: absolute;
    width: 4px;
    height:18px;
    left: 0px;
    border-radius: 4px;
    background-color: #108ee9;
}
.hy-title-content .search{
    width:180px;
    line-height:28px;
    height: 28px;
    background: #fff;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    overflow: hidden;
}
.hy-title-content .search input{
    width: 75%;
    padding-left:10%;
    float: left;
    height:30px;
    line-height:30px;
    font-size: 12px;
}
.hy-title-content .search .i-search-btn{
    width: 22%;
    height:28px;
    color: #fff;
    float: right;
    font-size: 14px;
    text-align:center;
    cursor: pointer;
	display:flex;
    align-items: center;/*垂直居中*/
    justify-content:center;/*水平居中*/
}
.hy-title-content .search .i-search-btn img{
    width: 17px;
    height:17px;
    float: left;
    margin-right: 5px;
}
.hy-title-content .patent-release-button{
    display:flex;
    align-items: center;/*垂直居中*/
    margin-left: 15px;
}
.hy-title-content .patent-release-button a{
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
    background-color: #108ee9;
    display: block;
    padding: 0 14px 0 14px;
}
/*公共 标题 end*/
.hy-bottom-content .hy-content{
	width: 95%;
	margin: 0 auto;
	padding:30px 0px 0 0;
	min-height:700px;
}
/*公共 按钮*/
.button a{
	height: 32px;
	line-height: 32px;
	color: #fff;
	font-size: 14px;
	border-radius:3px;
	background-color: #108ee9;
	margin-left: 25px;
	display: block;
	padding: 0 14px 0 14px;
}
/*公共 按钮 end*/
/*页码*/
.page {
	font-size: 0;
	margin:0 auto;
	text-align: center;
	margin-bottom:30px;
}
.page a {
	font-size: 12px; 
	text-align: center;
	display: inline-block;
	width: 37px;
	height: 37px;
	border: 1px solid #c2c2c2;
	line-height: 37px;
	color: #282828;
	box-sizing: border-box;
	margin-right: 10px;
}
.page a:hover,
.page a.ac {
	color: #fff;
	background: #108ee9;
	border-color: #108ee9;
}
.page a h6 {
	display:inline-block;
}
.page .ud {
	display: inline-block;
}
.page span {
	font-size: 14px;
	line-height: 37px;
	color: #282828;
	margin-right: 10px;
	display: inline-block;
	vertical-align: top;
}
/*页码 end*/
/*底部*/
.footer p{
	text-align: center;
	font-size: 14px;
	color: #999999;
	line-height: 50px;
	height: 50px;
}
.footer p a{
	color: #999999;
}
.footer p a:hover{
	color: #108ee9;
}
/*底部 end*/
/*内页路径*/
.hy-show-route{
	color: #999999;
	font-size:14px;
	margin-bottom: 20px;
}
.hy-show-route img{
	margin-right: 10px;
    margin-top: 1px;
}
.hy-show-route a{
    color: #999999;
}
/*内页路径 end*/
/*企业列表*/
.enterprise-list{
	margin-top: 20px;
}
.enterprise-list-content{
	background-color: #f8fafd;
	padding: 0 30px 0 30px;
	height: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;/*两端对齐*/
    align-items: center;/*垂直居中*/
    margin-bottom: 20px;
}
.enterprise-list-content .title{
	position: relative;
	font-size: 14px;
	color: #999999;
	width: 660px;
	text-align:left;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:1;
    overflow: hidden;
    padding-left: 15px;
}
.enterprise-list-content .title:after{
    content: '';
    position:absolute;
    top: 5px;
    left:0;
    width: 6px;
    height:6px;
    background-color: #cccccc;
}
.enterprise-list-content:hover{
	background-color: #108ee9;
}
.enterprise-list-content:hover .title{
    color: #ffffff;
}
.enterprise-list-content:hover .title:after{
    background-color: #ffffff;
}
.enterprise-list-content:hover .button a{
    background-color: #fff;
	color: #108ee9;
}
.card___list {
}
.card___list h3{
    font-size: 16px;
    color: #333;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.card___list .ant-card-body{
    padding-bottom:30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #eee;
}
.card___list .ant-card-body .top{
    display: flex;
    align-items: center;
    justify-content: space-between;/*两端对齐*/
    align-items: center;/*垂直居中*/
}
.card___list .ant-button a{
    line-height: 1.5715;
    font-weight: 400;
    padding: 4px 15px;
    font-size:12px;
    color: #333;
}
.card___list .ant-button .a{
    position: relative;
    line-height: 1.5715;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
    padding: 4px 15px;
    font-size:12px;
    border-radius: 2px;
    color: #fff;
    border-color: #108ee9;
    border: 1px solid #108ee9;
    background: #108ee9;
    margin:0 5px;
}
.card___list .ant-button .a i{
    position: absolute;
    font-size: 12px;font-style: normal;
    background-color: red;
    color: #fff;
    top: -10px;
    right:-7px;
    border-radius: 20px;
    height: 16px;
    width: 16px;
    line-height: 16px;
}
.card___list .ant-button .a:hover{
    background: #0073c5;
}
.card___list .ant-download{
    margin-top: 20px;
}
.card___list .ant-download .download-list{
    float: left;
    margin-left: 15px;
}
/*企业列表 end*/
/*企业列表详情*/
/*-----------------------------------表单样式---------------------------*/
select {
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px solid #dcdcdc;
    outline: none;
}
#mainForm label.error {
    position: absolute;
    left: 70%;
    color: red;
    text-align: left;
    width: 25%;
}
#mainForm .upload-img {
    width: 106px;
    height: 32px;
    cursor: pointer;
    display: none;
}
#mainForm input.error,
#mainForm textarea.error,
#mainForm select.error {
    border-color: red;
}
#mainForm .js_showImg img {
    max-width: 300px;
    max-height:300px;
}
.form_bg{
    padding: 40px 47px 40px;
}
.register-box {
    width: 100%;
    height:32px;
    position: relative;
    margin-bottom: 24px;
}
.qyzc_form label {
    display: block;
    width: 164px;
    /*flex: 0 0 16.66666667%;
    max-width: 16.66666667%;*/
    height:32px;
    text-align: left;
    line-height:32px;
    font-size: 14px;
    color: #111111;
    float: left;
}
.qyzc_form label.radio,
.qyzc_form label.checkbox {
    width: auto;
    padding-right: 15px;
}
.qyzc_form label span {
    color: #fc0000;
    margin-right: 2px;
}
/*表单项样式设置*/
.register-box .box {
    width: 492px;
    float: left;
    line-height:32px;
    position: relative;
    font-size: 14px;
    display: block;
    /*flex: 0 0 50%;
    max-width: 50%;
    flex: 1 1;*/
}
.register-box .box a {
    color: #005aa0;
    margin-left: 5px;
}
.register-box .box.error {
    border: 1px solid red;
    height: 32px;
}
.register-box .box input {
    /*width: 100%;
    height:32px;
    border:0px;
    font-size:14px;
    color: #999;
    padding-left:15px;
    float:left;
    text-align: left;*/
    box-sizing: border-box;
    margin: 0;
    font-variant: tabular-nums;
    list-style: none;
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 0;
    padding: 4px 11px;
    color: rgba(0,0,0,.85);
    font-size: 14px;
    line-height: 1.5715;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    transition: all .3s;
}
.register-box .box input[type="checkbox"] {
    width: 16px;
    padding-left: 15px;
}
.register-box .box input[type="radio"] {
    width: auto;
    padding-left: 15px;
    width: 16px;
}
/*保存按钮*/
.sub {
    background:#108ee9;
    border-radius:3px;
    font-size: 14px;
    cursor: pointer;
    color: #fff;
    width: 200px;
    height:40px;
    line-height:40px;
    float: none;
    margin:0 auto;
    display:block;
    -webkit-appearance: none;
    appearance: none;
}
/*下拉*/
.xc_sele {
    /*width: 100%;
    height: 80px;
    line-height:80px;
    background: #fff;
    background-color: #fff;
    border:0px;
    outline: none;
    text-indent:91%;
    font-size: 14px;
    color: #999;*/
    box-sizing: border-box;
    margin: 0;
    font-variant: tabular-nums;
    list-style: none;
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 0;
    padding: 4px 11px;
    color: rgba(0,0,0,.85);
    font-size: 14px;
    line-height: 1.5715;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    transition: all .3s;
}
/*上传图片通用样式*/
.upload-content{border-bottom:1px solid #e3e3e3;padding-bottom:60px;}
.upload-content .upload-ul{ position:relative;display:inline-block;*display: inline;*zoom:1;}
.upload-content .upload-ul li{position:relative;float:left;display:inline-block; width: 140px;height: 198px; margin: 0 10px 10px 0; padding: 0; border: none; cursor: pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; overflow: hidden; }
.upload-content .upload-pick{ background: url(../images/upload-bj.jpg) no-repeat 0 0; }
.upload-content .upload-pick:hover{ background: url(../images/upload-bj.jpg) no-repeat 0 -198px; }
.upload-content .webuploader-pick{position: relative;display: inline-block;vertical-align: top; width: 100%; height: 100%;}
.upload-content .webuploader-container{ position: relative; width: 100%; height: 100%; }
.upload-content .webuploader-container label{position: absolute;left: 0;top: 0;width: 100%;}
.upload-content .webuploader-element-invisible{opacity: 0;width: 100%;height: 100%;clip: rect(1px 1px 1px 1px);clip: rect(1px,1px,1px,1px);}
.upload-content .viewThumb{ position:relative;width: 100%;height: 100%;overflow:hidden;border-radius: .3rem;}
.upload-content .viewThumb img{ width: 100%;height: 100%}
.upload-content .diyBar{ position: absolute; display:none; top: 0;left: 0;width: 100%;height: 100%;background: url(../images/bgblack.png);z-index: 3;}
.upload-content .diyProgress{ position: absolute; left: 0;top: 33px;width: 100%;height: 24px;line-height:24px;font-size: 14px;text-align: center;color: #FFF;background:rgba(10,168,241,.7); z-index: 3;}
.upload-content .diyControl{ position: absolute; display:none; left: 0;bottom: 0;width: 100%;height: 24px;line-height:24px;font-size: 14px;background: url(../images/bgblack.png); z-index: 3; }
.upload-content .viewThumb:hover .diyControl{ display: block; }
.upload-content .diyControl span{ display: inline-block; padding: 6.5px 16px; width: 12px; height: 11px; }
.upload-content .diyControl span i{ display: block; width: 12px; height: 11px; opacity: .7; }
.upload-content .diyControl span i:hover{ opacity: 1; cursor: pointer; }
.upload-content .diyLeft{ margin-left: 3px; }
.upload-content .diyLeft{ margin-right: 3px; }
.upload-content .diyLeft i{ margin-left: 3px; background: url(../images/upload-icon1.png) no-repeat 0 0; }
.upload-content .diyCancel i{ background: url(../images/upload-icon1.png) no-repeat 0 -11px; }
.upload-content .diyRight i{ margin-right: 3px; background: url(../images/upload-icon1.png) no-repeat 0 -22px; }
.upload-content .goods-edit .upload-tip{ font: 12px/23px "Microsoft YaHei"; color: #a3a3a3;vertical-align: top; }
.upload-content textarea{
    width: 67%;
    padding: 10px;
    font-weight:normal;
    font-size: 14px;
    line-height: 24px;
    max-height: 120px;
    color: #999;
    background-color: #fff;
    border:1px solid #e3e3e3;
    font-family: "微软雅黑";
    color:#333333;
}
/*上传图片通用样式 end*/
.sub-top{margin-top: 30px;margin-bottom: 30px;}
/*企业列表详情 end*/


/*公共左侧*/
.hy-bottom-left{
    width: 150px;
}
.hy-bottom-left ul{
    margin-top: 20px;
}
.hy-bottom-left ul li a{
    font-size: 14px;
    color: #111111;
    border-radius:40px;
    height: 36px;
    line-height:36px;
    text-align: left;
    padding-left: 15px;
    display: block;
    margin-bottom: 10px;
}
.hy-bottom-left ul li a:hover{
    background-color: #108ee9;
    color: #fff;
}
.hy-bottom-left ul li .hover{
    background-color: #108ee9;
    color: #fff;
}
.hy-bottom-right{
    width: 980px;
}
/*合同管理*/
.hy-contract-management .hy-contrast table{
  width: 100%;
  margin-top:30px;
  margin-bottom: 30px;
  border: 1px solid #e3e3e3;
  border-collapse: collapse;
}
.hy-contract-management .hy-contrast thead tr{
  font-size: 12px;
  color:#111111;
  text-align: center;
  line-height: 40px;
  padding: 0px 24px;
  background:#f2f2f2;
}
.hy-contract-management .hy-contrast tbody tr{
  /*background:#fff;
  transition: all .3s;
  -webkit-transition: all .3s;*/
  font-size: 12px;
  color: #999999;
}
.hy-contract-management .hy-contrast tbody td{
    color: #000;
  height: 65px;
  text-align: center;
}
.hy-contract-management .hy-contrast tbody tr td:hover{
  /*background:rgba(254,68,21,.1);*/
}
.hy-contract-management .hy-contrast tbody .button{
    background-color:#108ee9;
    border-radius:3px;
    color: #fff;
    padding: 3px 10px;
}
.hy-contract-management .hy-contrast tbody .button:hover{
    background:rgba(254,68,21,.3);
    color:#108ee9;
}
.hy-contract-management .hy-contrast tbody .patent-release-img{
    margin: 0 auto;padding: 10px;width: 150px;
}
/*合同管理 end*/
/*专利管理*/
.hy-patent-management .hy-contrast{
    min-height: 700px;
    margin-bottom:30px;
}
.hy-patent-management .hy-contrast .patent-list{
    margin-top:20px;
    box-shadow:0px 0px 6px rgba(0,0,0,.1);
    background-color: #fff;
}
.hy-patent-management .hy-contrast .patent-list .hy-fl{
    width: 251px;
    height:188px;
}
.hy-patent-management .hy-contrast .patent-list .hy-fr{
    width: 659px;
    padding-top: 20px;
    padding-left:20px;
}
.hy-patent-management .hy-contrast .patent-list .hy-fr h1{
    color: #333333;
    font-size: 22px;
    font-weight: bold;
}
.hy-patent-management .hy-contrast .patent-list .hy-fr ul{
    margin-top:10px;
}
.hy-patent-management .hy-contrast .patent-list .hy-fr ul li{
    font-size:12px;
    color: #999;
    line-height:22px;
}
.hy-patent-management .hy-contrast .patent-list .hy-fr .hy-edge-bottom{
    overflow: hidden;
    margin-top: 20px;
}
.hy-patent-management .hy-contrast .patent-list .hy-fr .hy-edge-bottom .ul{
    border:1px dashed #e3e3e3;
    overflow: hidden;
    float: left;
    padding: 7px 10px;
}
.hy-patent-management .hy-contrast .patent-list .hy-fr .hy-edge-bottom .ul p{
    float: left;
}
.hy-patent-management .hy-contrast .patent-list .hy-fr .hy-edge-bottom .ul p:nth-child(1){
    border-right:1px dashed #e3e3e3;
    padding-right:10px;
}
.hy-patent-management .hy-contrast .patent-list .hy-fr .hy-edge-bottom .ul p:nth-child(2){
    padding-left: 10px;
}
.hy-patent-management .hy-contrast .patent-list .hy-fr .hy-edge-bottom .ul p span{
    color: #108ee9;
}
/*专利管理 end*/
/*个人中心*/
.personal-center{
    margin-top: 40px;
}
.hy-card-head{
    min-height: 48px;
    padding: 0 24px;
    color:#333;
    font-weight: 500;
    font-size: 16px;
    background: transparent;
    background-color: #fafafa;
}
.hy-card-head-wrapper{
    display: flex;
    align-items: center;
}
.hy-card-head-title{
    display: inline-block;
    flex: 1 1;
    padding: 16px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.hy-card-extra{
    margin-left:auto;
    padding: 16px 0;
    font-weight: 400;
    font-size: 14px;
}
.hy-card-extra a span{
    color:#108ee9;
}
.hy-card-body {
    padding:24px;
}
.line {
    display: flex;
    flex-wrap: wrap;
    line-height: 50px;
    font-size: 14px;
}
.line .iteminfo{
    display: inline-block;
    height: 85px;
    white-space: nowrap;
    vertical-align: top;
    width: 122px;
}
.line .item{
    display: inline-block;
    text-align: left;
}
.w45{
    width:45%;
}
.hy-btn{
    /*公共按钮*/
    line-height: 1.5715;
    position: relative;
    display: inline-block;
    font-weight: 400;
    white-space: nowrap;
    text-align: center;
    background-image: none;
    box-shadow: 0 2px 0 rgba(0,0,0,.015);
    cursor: pointer;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: manipulation;
    height: 32px;
    padding: 4px 15px;
    font-size: 14px;
    border-radius: 2px;
    color: #333;
    border: 1px solid #e3e3e3;
    background: #fff;
}
/*.hy-btn:hover{*/
/*    color: #fff;*/
/*    border-color: #4096ff;*/
/*    background: #4096ff;*/
/*}*/
.essential-information{
    padding: 40px 47px 40px;
}
.essential-information .ant-row {
    display: flex;
    flex-flow: row wrap;
}
.essential-information .ant-legacy-form-item {
    box-sizing: border-box;
    padding: 0;
    color: #999;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    margin: 0 0 24px;
    vertical-align: top;
}
.essential-information .ant-col-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
}
.essential-information label{
    line-height: 32px;
}
.essential-information .ant-col-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;flex: 1 1;
}
.essential-information .has-success{
    position: relative;
    line-height: 40px;
}
.essential-information .ant-input {
    box-sizing: border-box;
    margin: 0;
    font-variant: tabular-nums;
    list-style: none;
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 0;
    padding: 4px 11px;
    color: rgba(0,0,0,.85);
    font-size: 14px;
    line-height: 1.5715;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    transition: all .3s;
}
/*个人中心 end*/
/*站内信息*/
.lites-bottom{
    margin-bottom: 30px;
}
.lites-bottom dl{
    background-color:#f8fafd;
    overflow:hidden;
    position:relative;
}
.lites-bottom dl i{
    content: '';
    position:absolute;
    width: 6px;
    height:6px;
    border-radius: 20px;
    left:15px;
    top: 15px;
    background-color:#108ee9;
}
.lites-bottom dl dt{
    float:left;
}
.lites-bottom dl dt span{
    font-size:22px;
    color:#111111;
    line-height:20px;
    height:20px;
    display:block;
}
.lites-bottom dl dd p{
    font-size:14px;
    line-height:14px;
    color:#999;
    margin-top:10px;
    text-align:justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1; /* 这个表示要显示几行 */
    -webkit-box-orient: vertical;
}
.lites-bottom dl dd span{
    font-size:22px;
    line-height:22px;
    display:block;
    width:100px;
    height:25px;
    text-align:center;
    line-height:25px; 
    color:#8A8A8A;
    border:1px solid #ccc; 
    float:right; 
    margin-top:20px;
}
.lites-bottom .no dt{
    width:13%;
    text-align:center;
    margin:30px 0 30px 0;
    border-right:1px solid #111111;
}
.lites-bottom .no dt strong{
    font-size:12px;
    font-family:Arial;
    display:block;
    color:#949495;
    margin-top:10px;
    font-weight: normal;
}
.lites-bottom .no dd{
    float:left;
    width:80%;
    margin:30px 0 30px 20px;
}
.lites-bottom .no dd h3{
    font-size:16px;
    color: #111111;
    font-weight:bold;
    overflow: hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:1; /* 这个表示要显示几行 */
    -webkit-box-orient: vertical;
}
.lites-bottom .margin-top-20{
    margin-top:20px;
}
.hy-details-title{
    overflow: hidden;
    margin-top: 20px;
    border-bottom: 1px solid #e3e3e3;
}
.hy-details-title h1{
    text-align: center;
    font-size:18px;
    color: #111111;
}
.hy-details-title p{
    display: flex;
    justify-content:center;/*水平居中*/
}
.hy-details-title p span{
    font-size: 12px;
    color: #999;
    line-height: 30px;
    display: block;
    margin-top: 10px;
}
.hy-details-content{
    margin-top: 20px;
}
/*站内信息 end*/
/*登录*/
input:-webkit-autofill { 
    /*黄色背景*/
    box-shadow:0 0 0px 1000px white inset;
}
.login-box{
    margin: 0 auto;
    overflow:hidden;
    height: 100%;
    background:url(../images/bj.jpg) no-repeat;
    background-size:cover;
}
.login-content {
    margin: 0 auto;
    width: 948px;
    position: relative;
    height: 100%;
}
.login-content .login-box-body {
    position:absolute;
    top:   0%;
    bottom:0%;
    right: 0%;
    margin:auto;
    width: 566px;
    height:520px;
    border-radius:0px 6px 6px 0px;
    border-top:0;
    color: #666;
    background-color:white;
}
.login-content .login-box-body .login-header {
    padding:40px 57px 0 57px;
}
.login-content .login-box-body .title {
    display: inline-block;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    text-align: left;
}
.login-content .login-box-body .title.active {
    /*border-bottom: 1.5px solid #555;*/
    font-size: 26px;
    font-weight: 400;
    color: #252B3A;
}
.login-content .login-box-body .login-header .h1{
    font-size: 22px;
    color: #999999;
    margin-top: 5px;
}
.login-content .login-box-body .layui-form {
    padding:30px 57px 0 57px;
}
.login-content .login-box-body .layui-input {
    margin-left:16px;
    height: 48px;
    line-height:48px\9;
    font-size: 16px;
    border-color: #fff;
    border-bottom: 0px;
    background-color: #fff!important;
    color: #999!important;
}
.login-content .login-box-body .layui-input, .login-content .login-box-body .layui-textarea{
    width: 90%;
}
.login-content .login-box-body .layui-input:focus, .login-content .login-box-body .layui-textarea:focus {
    border-bottom:0px !important;
    border-color: #fff!important;
    background-color: #fff!important;
}
.login-content .login-box-body .layui-btn {
    height: 50px;
    line-height:50px;
    padding: 0 18px;
    font-size: 16px;
    border-radius: 6px;
}
.login-content .login-box-body .layui-form-item {
    position: relative;
    border-bottom: 1px solid #CCCCCC;
}
.login-content .login-box-body .layui-icon {
    position: absolute;
    left: 1px;
    top: 1px;
    width: 38px;
    line-height: 36px;
    text-align: center;
    color: #666666;
    font-weight: 500;
}
.login-content .login-box-body .submit-btn {
    background-color: #F7F8FA;
    border:1px solid #EBEDF0; 
    color: #C8C9CC;
}
.login-content .login-box-body .system-title {
    text-align: left;
    line-height: 18px;
    font-size: 12px;
    color: #999999;
    overflow:hidden;
}
.login-content .login-box-body .sms-input {
    padding-right: 100px;
}
.login-content .login-box-body .sms-box .send-btn {
    position: absolute;
    right: 10px;
    bottom: 0;
    line-height: 48px;
}
.login-content .login-box-body .sms-box .send-btn:after{
    content: '';
    position: absolute;
    left: -20px;
    top: 17px;
    height: 15px;
    width: 1px;
    background-color: #CCCCCC;
}
.login-content .login-box-body .sms-box .send-btn span {
    cursor:pointer;
    font-size: 16px;
}
.login-content .login-box-body-img{
    width: 382px;
    height: 520px;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    margin: auto;
    border-radius:6px 0px 0px 6px;
    background-color: #fff;
}
.login-content .login-box-body-img img{
    display: block;
    width: 100%;
}
.login-content .login-bottom{
    margin-top:30px;
}
.login-content .login-box-body .layui-form .icon1{
    background:url(../images/icon1.png) no-repeat;
    background-size:15px;
    background-position:left 16px;

}
.login-content .login-box-body .layui-form .icon2{
    background:url(../images/icon2.png) no-repeat;
    background-size:15px;
    background-position:left 16px;
}
.login-content .login-box-body .layui-form .icon3{
    background:url(../images/icon3.png) no-repeat;
    background-size:15px;
    background-position:left 16px;
}
.login-content .login-box-body .layui-form .li-click{ 
    margin-bottom:40px;
    margin-top: 50px;
    overflow: hidden;
}
.login-content .login-box-body .layui-form .li-click > a{ 
    display:block; 
    float:left; 
    cursor:pointer; 
    background:url(../images/wei.png) no-repeat; 
    width:16px; 
    height:16px; 
    margin:7px; 
    margin-left:0px;
}
.login-content .login-box-body .layui-form .li-click > a.active{ 
    background:url(../images/yix.png) no-repeat;
}
.login-content .login-box-body .layui-form .li-click div{ 
    float:left; 
    font:14px/30px "微软雅黑"; 
    color:#333333;
}
.login-content .login-box-body .layui-form .li-click div> span{ 
    color:#108ee9;
}
.login-content .login-box-body .layui-form .login_zc{
    color: #999999;
    font-size: 14px;
    line-height: 80px;
    float: right;
}
.login-content .login-box-body .layui-form .login_zc a{
    color: #108ee9;
}
.enterprise-color{color: #4096ff;}
.iii{
    position: absolute;
    font-size: 12px;
    font-style: normal;
    background-color: #108ee9;
    top: auto!important;
    bottom:-5px;
    left:0px;
    height:2px;
    width: 16px;
}
/*登录 end*/


/*折叠*/
.accordion {
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
}
.accordion .link {
    display: block;
    color: #fff;
    font-size: 12px;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    background-color: #108ee9;
    max-width: 108px;
    height: 24px;
    line-height: 24px;
    border-radius:3px;
    margin-bottom: 5px;
}
.accordion li:last-child .link{
    border-bottom: 0;
}
.accordion li{
    cursor: pointer;
}
.accordion li i {
    position: absolute;
    top: 10px;
    right:0px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.accordion li i.fa-chevron-down {
    right: 7px;
    left: auto;
    width: 10px;
    height:6px;
}
.accordion li i img{
    display: block;
    width: 100%;
}
.accordion li.open .link {
    color: #fff;
    background-color:#1f87d2;
}
.accordion li.open i.fa-chevron-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.accordion .submenu {
    display: none;
    background: #fff;
    font-size: 12px;
}
.accordion .submenu .w100{
    overflow: hidden;
    width: 100%;
}
.accordion .submenu li{
    width:90px;    
    margin-top: 5px;
    margin-bottom: 10px;
    display: inline-block;
    position: relative;
    cursor: pointer;
}
.accordion .submenu a {
    display: block;
    text-align: center;
    text-decoration: none;
    color: #fff;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    background-color: #108ee9;
    width: 90px;
    border-radius: 3px;
    line-height: 24px;
}
.accordion .submenu a:hover ,.accordion .submenu li.current a{
    background: #1f87d2;
}
/*折叠 end*/
/*弹窗*/
.sy-mask{width:100%;height:100%;position:fixed;background:rgba(0,0,0,0.8);left:0;top:0;z-index:1000}
.sy-alert{position:fixed;display:none;background:#fff;border-radius:5px;overflow:hidden;width:300px;max-width:90%;max-height:80%;left:0;right:0;margin:0 auto;z-index:9999}
.sy-alert.animated{-webkit-animation-duration:.3s;animation-duration:.3s}
.sy-alert .sy-title{height:45px;color:#333;line-height:45px;font-size:15px;border-bottom:1px solid #eee;padding:0 12px}
.sy-alert .sy-content{padding:20px;text-align:center;font-size:14px;line-height:24px;color:#666;overflow-y:auto}
.sy-alert .sy-btn{height:50%;border-top:1px solid #eee;overflow:hidden}
.sy-alert .sy-btn button{float:left;border:0;color:#333;cursor:pointer;background:#fff;width:50%;line-height:45px;font-size:15px;text-align:center}
.sy-alert .sy-btn button:nth-child(1){color:#888;border-right:1px solid #eee}
.sy-alert.sy-alert-alert .sy-btn button{float:none;width:100%}
.sy-alert.sy-alert-tips{text-align:center;width:150px;background:rgba(0,0,0,0.7)}
.sy-alert.sy-alert-tips .sy-content{padding:8px;color:#fff;font-size:14px}
.sy-alert.sy-alert-model .sy-content{text-align:left}
.sy-alert.sy-alert-model .sy-content .form .input-item{margin-bottom:12px;position:relative}
.sy-alert.sy-alert-model .sy-content .form .input-item input{display:block;position:relative;width:100%;border:1px solid #eee;padding:10px}
.sy-alert.sy-alert-model .sy-content .form .input-item .getcode{border:0;top:0;right:0;position:absolute;background:0;line-height:37px;color:#f60;width:100px;text-align:center}
/*弹窗 end*/


