﻿@charset "utf-8";

/*清除框模型默认样式，设置边框模型*/
* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*字体默认大小 为14px*/
html {
    font-size: 14px;
}
body {
    background: #fff;
    color: #333;
    font-family: "PingFang SC","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei","Helvetica Neue",Arial,sans-serif;
   
    -webkit-font-smoothing: antialiased;
    min-width: 1200px;
}
html, body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

input[type="submit"], input[type="reset"], input[type="button"], input, textarea {
    -webkit-appearance: none;
    resize: none;
    outline: none;
    /* background: transparent; */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

img {
    /*max-width: 100%;*/
    height: auto;
    width: auto\9;
    border: none;
}

em, i, b {
    font-weight: normal;
    font-style: normal;
}

/*清除链接下划线*/
a {
    text-decoration: none;
    color: #666;
    cursor: pointer;
}

a:hover {
    text-decoration: none;
}

a:focus {
    text-decoration: none;
}

span, em {
    display: inline-block;
}

/*清除列表样式*/
ol, ul, li {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

.clearfix::after {
    content: "";
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
}

.clearfix:after {
    content: "";
    height: 0;
    width: 0;
    display: block;
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #aaa;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #aaa;
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #aaa;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #aaa;
}

.ellipsis {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.justify {
    word-wrap: break-word;
    text-align: justify;
}

.justify-warp {
    white-space: wrap;
    word-spacing: break-word;
    word-break: break-all
}

a, button, input, select, textarea {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@font-face {
    font-family: 'javaText';
    src: url('../fonts/JAVATEXT.TTF');
}

th {
    text-align: center;
}

button[disabled], html input[disabled] {
    cursor: not-allowed;
}

.form-group select, .form-group textarea, .form-group input[type="text"], .form-group input[type="password"], .form-group input[type="datetime"], .form-group input[type="datetime-local"], .form-group input[type="date"], .form-group input[type="month"], .form-group input[type="time"], .form-group input[type="week"], .form-group input[type="number"], .form-group input[type="email"], .form-group input[type="url"], .form-group input[type="search"], .form-group input[type="tel"], .form-group input[type="color"] {
    background: #FFF;
}

.select2-dropdown-open .select2-choice {
    border-bottom-color: transparent;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    -moz-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #eee;
    background-image: none;
    filter: none;
}

.select2-container {
    width: 100%;
    margin: 0;
    position: relative;
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
}

.select2-container .select2-choice {
    display: block;
    height: 26px;
    padding: 0 0 0 8px;
    overflow: hidden;
    position: relative;
    border: 1px solid #eee;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;
    border-radius: 0px;
    background-clip: padding-box;
    -webkit-touch-callout: none;   /*  -webkit-user-select: none; */
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    background-image: none;
    filter: none;
    width: inherit;
    height: 40px;
    top: 0px;
    left: 0px;
    line-height: 40px;
    border: 1px solid #ccc;
}

.select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices {
    border: 1px solid #5897fb;
    border-top-color: transparent;
    background-image: none;
    filter：none;
}

.select2-container-active .select2-choice, .select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    -webkit-box-shadow: none;
     -moz-box-shadow: none; 
     box-shadow: none;
}

.select2-container .select2-choice .select2-arrow {
    display: inline-block;
    width: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 4px;
    border-left: none;
    border-radius: 0;
    background-clip: padding-box;
    background: #fff;
    background-image: none;
    filter: none;
}

 

/*======================================================= 
                        悬浮 开始
========================================================*/
.right-nav {
    position: fixed;
    right: 35px;
    top: 310px;
    z-index: 9999;
}

@media screen and (max-width:1366px){
.right-nav {
    position: fixed;
    right:5px;
    top: 310px;
    z-index: 9999;
}
}

.right-nav li {
    margin-bottom: 10px;
    background-color: #f2f2f2;
    width: 60px;
    height: 60px;
    border: 1px solid #dcdcdc;
}

.right-nav li>a {
    padding-top: 0px;
    height: 100%;
    width: 100%;
}

.right-nav li a {
    display: block;
    background-color: #f2f2f2;
    text-align: center;
}

.right-nav li a:hover {
    color: #fff;
    background-color: #006EAB;
}

.right-nav li i {
    color: #74ACD6;
    font-size: 26px;
}

.right-nav li a:hover i {
    color: #fff;
}

.show-ewm {
    position: absolute;
    opacity: 0;
    z-index: -1;
    filter: alpha(opacity=0);
    width: 140px;
    height: 130px;
    left: -50px;
    display: none;
}

.right-nav li .ewm1 {
    background: url(phpj21.png) no-repeat;
    top: -34px;
}

.right-nav li .ewm1 img {
    margin-left: 6px;
    margin-top: 7px;
}

.right-nav li .ewm2 {
    background: url(ycbg2017.png) no-repeat;
    height: auto;
    top: -18px;
    padding-top: 10px;
    width: 137px;
    padding-left: 7px;
}

.right-nav li .ewm3 {
    background: url(phpj21.png) no-repeat;
    top: 110px;
}

.right-nav li .ewm3 img {
    margin-left: 6px;
    margin-top: 7px;
}

.right-nav li .bdsharebuttonbox a {
    margin-left: 8px;
    margin-top: 8px;
}

.right-nav li.share {
    position: relative;
}

#toTop {
    cursor: pointer;
}
.show-ewm {
    position: absolute;
    opacity: 1;
    z-index: -1;
    filter: alpha(opacity=0);
    width: 140px;
    height: 130px;
    left: -50px;
    display: block;
    background: #fff;
}

.right-nav li .ewm1 {
    background: url("../images/code_bg.png") no-repeat;
    top: -34px;
}

.right-nav li .ewm2 {
    background: url("../images/code_bg.png") no-repeat;
    top: 39px;
    padding-bottom: 7px;
    background-size: 100% 100%;
}

.ewm1 {
    left: -50px;
    opacity: 0;
    display: none;
}

.right-nav li:hover .ewm1 {
    left: -140px;
    opacity: 1;
    display: block;
    transition: all 0.8s;
}

.ewm2 {
    left: -50px;
    top: 60px;
    opacity: 0;
    display: none;
}

.right-nav li:hover .ewm2 {
    left: -140px;
    opacity: 1;
    display: block;
    transition: all 0.8s;
}

.down-app {
    color: white;
    background: #78aed7;
    border-radius: 8px;
    padding: -1px;
    font-size: 12px;
    width: 88%;
    display: inline-block;
    margin-bottom: 5px;
    text-align: center;
    cursor: pointer;
}

.down-app:hover {
    background: #337ab7;
}

.back-top-none {
    display: none;
}

.back-top-active {
    display: block;
}

.cd-is-visible {

    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}

.cd-fade-out {

    /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
    opacity: .5;
}

.no-touch .back-top:hover {
    background-color: #e86256;
    opacity: 1;
}

/*======================================================= 
                      悬浮 结束
========================================================*/

/*======================================================= 
                      首页内容开始
========================================================*/

/* 农科 */
.typebtnList {
    text-align: center;
    margin-bottom: 35px;
}

.w50-item {
    width: 580px;
}

.nk-database-left, .nk-database-right {
    float: left;
}

.databse-img {
    position: relative;
    width: 175px;
    height: 145px;
    border-radius: 3px;
    margin: 10px 7px;
    float: left;
    margin-top: 0px;
}

.databse-img:hover {
    -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .35);
    -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .35);
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .35);
}

.databse-img img {
    border-radius: 3px;
    height: 145px;
}

.databse-img-active {
    -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .35);
    -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .35);
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .35);
}

.databse-img-active::after {
    content: "";
    position: absolute;
    top: 4px;
    right: 5px;
    display: block;
    width: 40px;
    height: 40px;
    background: url("../images/database_flag-bg.png") no-repeat;
}

.databse-img-active img {
    transform: scale(0.93);
    border-radius: 0px;
}

.database-content {
    margin-left: 17px;
}

.database-hd {
    text-align: left;
    height: 20px;
    line-height: 20px;
}

.database-hd .tittle {
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #ee0310;
    font-weight: 600;
    font-size: 16px;
    width: 400px;
    white-space: nowrap;
}

.database-bd .item {
    display: table;
    padding: 10px 0;
    color: #333;
    width: 100%;
}

.database-bd .item label, .database-bd .item span {
    display: table-cell;
    text-align: left;
}

.database-bd .item label {
    width: 75px;
}

.nk-database-right .database-content {
    display: none;
}

.nk-database-right .database-content:first-of-type {
    display: block;
}

/* 农科结束*/

/* 专家咨询 */
.experter, .consulation {
    width: 48%;
}

.experter {
    margin-right: 1%;
    float: left;
}

.consulation {
    /*margin-left: 1%;*/
    float: right;
}

.exper-swiper {
    padding-bottom: 100px;
}

.experter-btn-next, .experter-btn-prev {
    top: auto;
    bottom: 43px;
    border: 1px solid #d8d8d8;
    width: 55px;
    height: 60px;
}

.experter-btn-next {
    right: 38%;
}

.experter-btn-prev {
    left: 40%;
}
.expert-list .experter-item{
    cursor: pointer;
} 
.experter-item {
    display: table;    /* width: 50%;*/
    position: relative;
    border-spacing: 15px;
    max-height: 160px;
    border: 1px solid #dddddd;
    width: 100%;
    background: #fff;
    margin-bottom: 12px;
    cursor: default;
    overflow: hidden;
}
.experter-item2 {
    display: table;    /* width: 50%;*/
    position: relative;
    border-spacing: 15px;
    border: #ddddd;
    border: 1px solid #dddddd;
    width: 100%;
    background: #fff;
    margin-bottom: 22px;
    cursor: default;
}
.experter-item2  .exper-intro{
    color: #333 !important;
    overflow: auto !important;
    display: block!important;
    height: auto;
}
.experter-item2 .exper-showmoretext{
    display: none;
}
.experter-item2  .exper-collapse-text{
    display: block;
}
.experter-item .exper-showmoretext{
    display: block;
}
.experter-item  .exper-collapse-text{ 
    display: none;
}
.exper-showmoretext,.exper-collapse-text{
     
    cursor: pointer;
}
.experter-img {
    width: 120px;
    height: 150px;
 	overflow: hidden;
}

.experter-img img {
    /*height: 120px;*/
}

.exper-content {
    display: table-cell;
    vertical-align: top;
    margin-left: 12px;
}

.exper-state {
    color: #333;
    margin-bottom: 6px;
}

.exper-content .field, .exper-content .experter-rating {
    margin-bottom: 6px;
}

.exper-intro {
    color: #898989;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 60px;
}

.dialogue-box {
    display: table;
    margin: 10px 0;
}

.dialogue-flag {
    display: table-cell;
    width: 20px;
    height: 20px;
    position: relative;
    top: 5px;
}

.dialogue-centent {
    display: table-cell;
    font-size: 12px;
    color: #6a6a6a;
    padding: 10px;
    padding-right: 0px;
    max-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-spacing: nowrap;
    width: 530px;
}

.consulation .hd {
    position: relative;
    top: 0;
    height: 380px;
    overflow: hidden;
}

.consulation-list {
    position: absolute;
    top: 0;
}

.consulation-list .item {
    cursor: pointer;
}

.consulation-list .item:hover p {
    background-image: -webkit-linear-gradient(left, #147B96, #E6D205 25%, #147B96 50%, #E6D205 75%, #147B96);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-background-size: 200% 100%;
}

.consulation .hd .swiper-container {
    height: 380px;
}

.consulation .item:last-of-type .dialogue-box {
    margin-bottom: 0px;
}

.consulation .bd {
    text-align: center;
    margin: 30px;
}

.consulation .bd i {
    padding: 0 7px;
}

/* 专家咨询 结束*/

/* 培训服务 开始*/

.service-list {
    margin-right: -37px;
}

.service-list .swiper-container {
    padding-bottom: 80px;
}

.service-item {
    width: 280px;
    height: 470px;     
    float: left;
    overflow: hidden;
    position: relative;
    margin-right: 35px;
    cursor: pointer;
}

.filter {
position: relative;
z-index: 2;
width: 300px;
height: 495px;
z-index: 3;
}

.filter img {
/*position: absolute;*/
width: 100%;    
z-index: -11;    
}

.box-blur {
    position: relative;
    top: -103px;
    width: 100%;
    height: 36px;
    position: relative;
    z-index: 2;
    filter: alpha(opacity=100 finishopacity=50 style=1 startx=0, starty=0, finishx=0, finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red, endcolorstr=blue, gradientType=0);
    -ms-filter: alpha(opacity=100 finishopacity=50 style=1 startx=0, starty=0, finishx=0, finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red, endcolorstr=blue, gradientType=0);
    background: red;
    background: -moz-linear-gradient(top, red, rgba(0, 0, 255, 0.5));
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c1c8cc), to(#3f87a600));
    background: -o-linear-gradient(top, red, rgba(0, 0, 255, 0.5));
    filter: blur(10px);
}
.visiimg {
    z-index: 27;
    width: 100%;
    height: auto;
}
 .visiimg-content{
    bottom: 0px;
    position: absolute;
    left: 0px;
    z-index: 2;
    width: 100%;
}
.seveice-content {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 3;
    padding: 20px;
    width: 100%;
}

.service-item:hover .sever-man span {
    background: #006eab;
    border: 1px solid #006eab;
    color: #fff;
}

.seveice-content .tittle {
    color: #006eab;
    text-align: center;
    padding: 10px;
    font-size: 18px;
    width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.seveice-content .sever-man {
    text-align: center;
    padding: 15px 0;
}

.sever-man span {
    width: 100%;
}

.service-time {
    display: inline-block;
    width: 40px;
    height: 15px;
    background: url(../images/time.png) no-repeat;
    background-size: 100%;
    color: #fff;
    font-size: 12px;
    text-align: left;
    padding-left: 4px;
    margin-right: 5px;
    line-height: 15px;
}

.seveice-content .md p, .seveice-content .bd p {
    padding: 5px 0;
}

.seveice-content .md p span, .seveice-content .bd p span {
    color: #6e7172;
    font-size: 14px;
}

.seveice-content .bd {
    margin-top: 10px;
}
.service-place{
    display: table;
}
.service-place i,.service-place span{
    display: table-cell;
}
.service-place i {
    /*margin-right: 5px;*/
}

.service-list-pagination {
    bottom: 33px !important;
}

.service-list-pagination .swiper-pagination-bullet {
    height: 8px;
    width: 30px;
    border-radius: 25px;
    background: #66a1bb;
}

.service-list-pagination  .swiper-pagination-bullet-active {
    background: #006eab;
}

/* 培训服务 结束*/

/* 物联网 开始*/
.wlw {
    background: url("../images/wlw_bg.png") no-repeat;
    background-size: cover;
}

.internet-things {
    width: 100%;
    display: table;
}

.internet-things .rd {
    position: relative;
}

.internet-things .ld, .internet-things .rd {
    display: table-cell;
    vertical-align: top;
}

.internet-things .ld {
    width: 480px;
}

.internet-things .rd .weather {
    padding-bottom: 40px;
}

.slim-video {
    position: relative;
    width: 210px;
    height: 120px;
    -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .35);
    -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .35);
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .35);
    margin-left: 30px;
    float: left;
    margin-bottom: 70px;
    border-radius: 3px;
}

.slim-video img {
    height: 120px;
    border-radius: 3px;
}

.player-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0.2);
    background-repeat: no-repeat;
    background-position: center;
}

.player-mask img {
    position: absolute;
    left: 43%;
    bottom: 40%;
    width: 30px !important;
    height: 30px !important;
    cursor: pointer;
    opacity: 0.8;
}

.close-player-box-btn {
    position: absolute;
    color: #fff;
    top: 11px;
    right: 11px;
    background: #555;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: inline-block;
    opacity: 0.3;
    line-height: 30px;
    cursor: pointer;
    z-index: 2;
}

.close-player-box-btn:hover {
    opacity: 1;
    transform: scale(1.1)
}

.real-player-box:hover .close-player-box-btn {
    opacity: 0.8;
}

.player-mask:hover {
    background-color: transparent;
}

.slim-video:hover .player-mask img {
    opacity: 1;
}

.player-mask img:hover {
    transform: scale(1.1);
}

.slim-video-name {
    text-align: center;
    width: 100%;    /* padding: 5px;*/
    color: #fff;
    margin: 10px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: default;
}

.real-player-box {
    display: none;
    position: absolute;
    top: 63px;
    left: 28px;
    width: 97%;
    height: 350px;
    z-index: 2;
    background: #333;
}

.real-player-box video {
    width: 100%;
    height: 100%;
}

.internet-things .rd {
    position: relative;
}

/* 物联网 结束*/

/* 农科专利 开始*/
.container {
    margin: 150px auto;
    width: 1000px;
}

.poster-main {
    width: 1000px;
    height: 500px;
    position: relative;
    margin: 0 auto;
}

.poster-main a, .poster-main img {
    display: block;
}

.poster-main .poster-list {
    width: 1000px;
    height: 500px;
}

.poster-main .poster-list .poster-item {
    width: 200px;
    height: 500px;
    position: absolute;
    left: 0;
    top: 0;
    background: #333;
    -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .35);
    -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .35);
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .35);
}

.poster-main .poster-btn {
    position: absolute;
    top: 0;
    z-index: 10;
    cursor: pointer;
}

.poster-main .poster-prev-btn {
    left: -217px;  /* background: url("../images/zl_prev.png") no-repeat center center; */
}

.poster-main .poster-next-btn {
    right: -217px;/*   background: url("../images/zl_next.png") no-repeat center center; */
}

.poster-mask {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
}

/*======================================================= 
                      农科数据库内容开始
========================================================*/

/* 公共样式部分开始 */
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #fff;
    opacity: 1;
}

.form-control {
    height: 40px;
    padding: 8px 10px;
    font-size: 14px;
    border-radius: 2px;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.pagenation-boot .pagination {
    display: inline-block;
    padding-left: 0;
    margin: 10px 0;
    margin-bottom: 32px;
    border-radius: 4px;
}

.inner-database-content{
    margin-top: 30px;
}

.inner-database-content .tab-card {
    display: none;
}

.base-item {
    float: left;
    position: relative;
    width: 280px;
    height: 340px;
    border: 1px solid #d5d5d5;
    background-color: #fff;     
    margin-bottom: 22px;
    margin-right: 21px;
    cursor: pointer;
}

.base-item .hd {
    height: 160px;
    width: 100%;
    text-align: center;
}

.base-item .hd img {
    height: 160px;
    width: 100%;
}

.base-item .bd {
    padding: 10px 10px 0px 10px;
}

.base-item .bd .label-group {
    padding: 10px 0;
}

.base-item .bd .base-item-name {
    padding-bottom: 10px;
    color: #333;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.label-group-content {
    color: #898989;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 60px;
}

.label-group span {
    display: inline;
}

.label-group-content span {
    display: inline;
}

.m-label-group {
    display: table;
    margin-bottom: 20px;
    width: 100%;
}

.m-label-group .label-text, .m-label-group .label-for-text {
    display: table-cell;
}

.m-label-group .label-text {
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
    font-weight: normal;
    padding: 0 3px;
}

.m-label-group .label-for-text-ellipsis7 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}

.m-label-group .label-for-text-ellipsis3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.infor-group {
    width: 50%;
    float: left;
    margin-bottom: 10px;
}

.infor-group .tip {
    margin-left:100px;
    padding: 0 25px;
}

.infor-label-group {
    width: 100%;
    padding: 0 25px;
    display: table;
    height: 40px;
}

.infor-label-group .label-text {
    display: table-cell;
    width: 100px;
    text-align: right;
    padding-right: 20px;
    font-weight: normal;
    vertical-align: middle;
}

.infor-label-group .label-for-infor {
    display: table-cell;
    
}

.infor-label-group .label-for-infor img {
    border: 1px solid #d5d5d5;
    height: 70px;
}

.infor-label-group .label-for-infor .text {
    line-height: 40px;
}

.infor-label-group .edit-photo {
    border: 1px solid #37b5b5;
    border-radius: 2px;
    color: #37b5b5;
    background: transparent;
    text-align: center;    /* display: table-cell;*/
    height: 30px;
    width: 80px;
    line-height: 30px;
    position: relative;
    top: 20px;
    left: 5px;
    cursor: default;
}

.infor-label-group .edit-photo:hover {
    border: 1px solid #37b5b5
    padding:5px 30px;
    color: #fff;
    background: #37b5b5;
    cursor: pointer;
}

.range-tip, .range-group, .range-search {
    float: left;
    margin-left: -3px;
}

.range-search {
    margin-left: 8px;
}

.range-tip {
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.range-group .ranges:last-child{
    margin-right: 0px;
}
.range-tip span {
   padding-right: 10px;
}

.ranges {
    position: relative;
    float: left;
    width: 245px;
    margin: 0 3px;
}

.ranges > input {
    padding-left: 32px;
}

.ranges > .form-control-feedback {
    top: 12px;
    left: 7px;
}

.ranges > span.fa {
    font-size: 14px;
    color: #8b8b8b;
}

.range-search-btn {
    height: 40px;
    width: 100px;
    color: #fff;
    background: #37b5b5;
    border-color: #37b5b5;
    border-radius: 2px;
}

.tabel-list {
    background: #fff;
    border: 1px solid #ddd;
    margin-bottom: 22px;
}

.tabel-list .tabel-header {
    height: 45px;
    border-bottom: 1px solid #ddd;
    line-height: 45px;
    padding: 0 20px;
}

.tabel-list .tabel-header .decoration-line {
    vertical-align: -5px;
}

.tabel-list .tabel-body {
    padding: 15px;
    min-height: 450px;
}

.tabel-list2 {
    border: none;
}

.tabel-list2 .tabel-header {
    height: 45px;
    border-bottom: 1px solid #ddd;
    line-height: 45px;
    margin: 0 15px;
    padding: 0px;
}

.tabel-body .tabel-inner-item {
    border: 1px solid #ddd;
    padding: 15px 20px;
    margin-bottom: 10px;
}

.inner-service-list {
   
    margin-top: 30px;
}

.inner-service-item {
    background: #fff;
    border: 1px solid #d5d5d5;
    height: 350px;
    margin-bottom: 20px;
    margin-right: 21px;
}

.base-require-red {
    color: red;
}

/*======================================================= 
                    个人中心开始
========================================================*/
.person-content {
    display: table;
    width: 100%;
}

.person-content>.ld {
    display: table-cell；
}

.person-content>.rd {
    width: 930px;
    display: table-cell;
    margin-top: 30px;
    border: 1px solid transparent;
}

.person-content>.ld {
    float: left;
    width: 250px;
    background: #fff;
    border: 1px solid #ddd;
    margin: 30px 0;
    min-height: 497px;
}

.person-content>.rd {
    float: right;
}

.person-content>.ld .person-nav {
}

.person-nav {
    width: 100%;
}

.person-nav li {
    padding: 12px 20px;
    border-bottom: 1px solid #ddd;
}

.person-nav li:not(:first-child) i {
    float: right;
    font-size: 16px;
    font-weight: 600;
    color: #949494;
}

.person-nav li i {
}
.person-nav li a{
    display: block;
    color: #333;
}
.person-nav-active {
    background-color: #37b5b5;
    color: #fff;
}

.person-nav-active i {
    color: #fff !important;
}
.person-nav-active a {
    color: #fff !important;
}

.person-nav li.tittle {
    height: 90px;
    width: 100%;
    display: table;
    position: relative;
}

.person-nav li.tittle img {
    height: 70px;
    display: table-cell;
}

.person-nav li.tittle .userphone i {
    width: 20px;
    height: 20px;
    font-size: 14px;
    background: #41acff;
    line-height: 20px;
    text-align: center;
    float: right;
}

.person-nav li.tittle .userphone {
    display: table-cell;
    position: relative;
    top: -10px;
}

.person-nav li .edit-personinfo {
    position: absolute;
    width: 130px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #cccccc;
    top: 0;
    right: 0px;
    border-bottom-left-radius: 8px;
}

.person-nav li .edit-personinfo:hover{
    background: #37b5b5;
}
.person-nav li .edit-personinfo:hover a{
    color: #fff;
}
.person-nav li:not(:first-child):hover {
    color: #fff;
    background-color: #37b5b5;
}

.person-nav li:not(:first-child):hover i {
    color: #fff;
}
.person-nav li:not(:first-child):hover a{
    color: #fff;
}
.table-inner-follow {
    height: 100px;
}

.table-inner-follow .ld {
    float: left;
}

.table-inner-follow .rd {
    float: right;
}

.table-inner-follow .rd .radius-btn-boder {
    padding: 3px 28px;
}

.table-inner-follow .rd .heart {
    text-align: center;
    margin: 15px 0;
    color: #848484;
}

.person-basicInfor {
    padding: 25px 45px;
}

.person-basicInfor .infor-label-group {
    float: left;
    position: relative;
}

.checkBox-content>.hd {
    display: table;
    width: 100%;
    padding: 0 25px;
    line-height: 40px;
    margin-bottom: 10px;
    height: 40px;
}

.checkBox-content>.hd .label-for-checkBox {
    display: table-cell;
    width: 90px;
    text-align: right;
    padding-right: 20px;
    font-weight: normal;
    vertical-align: top;
}

.checkBox-content>.hd .checkBox-list {
    display: table-cell;
}

.checkBox-list .checkBox-list-item li {
    float: left;
    width: 20%;
}
.other-answer {
    border: 1px solid #d5d5d5;
    margin: 10px 0;
}

.other-answer .other-answer-header {
    border-bottom: 1px solid #d5d5d5;
    background: #f2f2f2;
    text-align: center;
    height: 44px;
    line-height: 44px;
    padding: 0 15px;
}

.other-answer .inner-consult-item,.other-answer .inner-consult-item2 {
    border: none;
}

.lastedit-selfanswer-time {
    color: #848484;
    font-size: 14px;
    cursor: default;
}

.edit-remove {
    color: #848484;
    font-size: 14px;
    cursor: default;
}

.my-person-self-answer {
    height: 220px;
}
.modify-password .infor-group .tip {
    margin-left: 100px;
    padding: 0 25px;
}
.modify-password .infor-group{
    position: relative;
    left: 22%;
}
.regulators-phone .form-group label {
    font-size: 16px;
    text-align: right;
    width: 100px;
}
.release-data .green-btn-border {
    padding: 7px 13px;
    font-size: 16px;
    margin-left: 30px;
    height: 40px;
}

.regulators-phone .tops-text {
    font-size: 14px;
    color: #777777;
    width: 100%;
    height: 40px;
    line-height: 1.3;
    display: table-cell;
    vertical-align: middle;
    width: 230px;
    display: inline-block;
    line-height: 36px;
    margin-left: 10px;
}
/*=======================================================
                    个人中心结束
========================================================*/
.mns-box {
    width: 1200px;
    margin: 20px auto;
}

.mns-box-left {
    float: left;
    width: 590px;
    border: 5px solid #fff;
}

.mns-box-right {
    float: right;
    width: 590px
}

    .mns-box-right table tr th, .mns-box-right table tr td {
        text-align: center;
        background: #fff;
    }

    .mns-box-right table tr th {
        border-bottom: 0;
        color: #555;
        font-weight: 400;
    }

    .mns-box-right table tr td {
        color: #999;
    }

.mus-but {
    margin: 0 0 10px 0;
}

    .mus-but .mus-but-input {
        height: 38px;
        border-radius: 2px 0 0 2px;
        border: 1px solid #ddd;
        background-color: #fff;
        font-size: 14px;
        padding: 0 0 0 10px;
        vertical-align: middle;
        width: 480px;
    }

    .mus-but .mus-but-button {
        height: 38px;
        border-radius: 2px 0 0 2px;
        background-color: #fff;
        font-size: 16px;
        background: #3bbb64;
        padding: 0 10px;
        color: #fff;
        vertical-align: middle;
        width: 102px;
    }

.mns-box-right .pager a {
    background: #0891d7;
    color: #fff;
    padding: 0 10px;
    border-radius: 2px;
    margin-right: 5px;
    font-size: 12px;
}
