:root{
    --font-size: 16;
    --size3: calc(3 / var(--font-size) * 1rem);
    --size4: calc(4 / var(--font-size) * 1rem);
    --size5: calc(5 / var(--font-size) * 1rem);
    --size6: calc(6 / var(--font-size) * 1rem);
    --size7: calc(7 / var(--font-size) * 1rem);
    --size8: calc(8 / var(--font-size) * 1rem);
    --size9: calc(9 / var(--font-size) * 1rem);
    --size10: calc(10 / var(--font-size) * 1rem);
    --size11: calc(11 / var(--font-size) * 1rem);
    --size12: calc(12 / var(--font-size) * 1rem);
    --size13: calc(13 / var(--font-size) * 1rem);
    --size14: calc(14 / var(--font-size) * 1rem);
    --size15: calc(15 / var(--font-size) * 1rem);
    --size16: calc(16 / var(--font-size) * 1rem);
    --size17: calc(17 / var(--font-size) * 1rem);
    --size18: calc(18 / var(--font-size) * 1rem);
    --size19: calc(19 / var(--font-size) * 1rem);
    --size20: calc(20 / var(--font-size) * 1rem);
    --size21: calc(21 / var(--font-size) * 1rem);
    --size22: calc(22 / var(--font-size) * 1rem);
    --size23: calc(23 / var(--font-size) * 1rem);
    --size24: calc(24 / var(--font-size) * 1rem);
    --size25: calc(25 / var(--font-size) * 1rem);
    --size26: calc(26 / var(--font-size) * 1rem);
    --size27: calc(27 / var(--font-size) * 1rem);
    --size28: calc(28 / var(--font-size) * 1rem);
    --size29: calc(29 / var(--font-size) * 1rem);
    --size30: calc(30 / var(--font-size) * 1rem);
    --size31: calc(31 / var(--font-size) * 1rem);
    --size32: calc(32 / var(--font-size) * 1rem);
    --size33: calc(33 / var(--font-size) * 1rem);
    --size34: calc(34 / var(--font-size) * 1rem);
    --size35: calc(35 / var(--font-size) * 1rem);
    --size36: calc(36 / var(--font-size) * 1rem);
    --size37: calc(37 / var(--font-size) * 1rem);
    --size38: calc(38 / var(--font-size) * 1rem);
    --size39: calc(39 / var(--font-size) * 1rem);
    --size40: calc(40 / var(--font-size) * 1rem);
    --size41: calc(41 / var(--font-size) * 1rem);
    --size42: calc(42 / var(--font-size) * 1rem);
    --size43: calc(43 / var(--font-size) * 1rem);
    --size44: calc(44 / var(--font-size) * 1rem);
    --size45: calc(45 / var(--font-size) * 1rem);
    --size46: calc(46 / var(--font-size) * 1rem);
    --size47: calc(47 / var(--font-size) * 1rem);
    --size48: calc(48 / var(--font-size) * 1rem);
    --size49: calc(49 / var(--font-size) * 1rem);
    --size50: calc(50 / var(--font-size) * 1rem);
    --size51: calc(51 / var(--font-size) * 1rem);
    --size52: calc(52 / var(--font-size) * 1rem);
    --size53: calc(53 / var(--font-size) * 1rem);
    --size54: calc(54 / var(--font-size) * 1rem);
    --size55: calc(55 / var(--font-size) * 1rem);
    --size56: calc(56 / var(--font-size) * 1rem);
    --size57: calc(57 / var(--font-size) * 1rem);
    --size58: calc(58 / var(--font-size) * 1rem);
    --size59: calc(59 / var(--font-size) * 1rem);
    --size60: calc(60 / var(--font-size) * 1rem);
    --size61: calc(61 / var(--font-size) * 1rem);
    --size62: calc(62 / var(--font-size) * 1rem);
    --size63: calc(63 / var(--font-size) * 1rem);
    --size64: calc(64 / var(--font-size) * 1rem);
    --size65: calc(65 / var(--font-size) * 1rem);
    --size66: calc(66 / var(--font-size) * 1rem);
    --size67: calc(67 / var(--font-size) * 1rem);
    --size68: calc(68 / var(--font-size) * 1rem);
    --size69: calc(69 / var(--font-size) * 1rem);
    --size70: calc(70 / var(--font-size) * 1rem);
    --size71: calc(71 / var(--font-size) * 1rem);
    --size72: calc(72 / var(--font-size) * 1rem);
    --size73: calc(73 / var(--font-size) * 1rem);
    --size74: calc(74 / var(--font-size) * 1rem);
    --size75: calc(75 / var(--font-size) * 1rem);
    --size76: calc(76 / var(--font-size) * 1rem);
    --size77: calc(77 / var(--font-size) * 1rem);
    --size78: calc(78 / var(--font-size) * 1rem);
    --size79: calc(79 / var(--font-size) * 1rem);
    --size80: calc(80 / var(--font-size) * 1rem);
    --size81: calc(81 / var(--font-size) * 1rem);
    --size82: calc(82 / var(--font-size) * 1rem);
    --size83: calc(83 / var(--font-size) * 1rem);
    --size84: calc(84 / var(--font-size) * 1rem);
    --size85: calc(85 / var(--font-size) * 1rem);
    --size86: calc(86 / var(--font-size) * 1rem);
    --size87: calc(87 / var(--font-size) * 1rem);
    --size88: calc(88 / var(--font-size) * 1rem);
    --size89: calc(89 / var(--font-size) * 1rem);
    --size90: calc(90 / var(--font-size) * 1rem);

}
@font-face{
    font-family: 'YouSheBiaoTiHei';
    src: url('../fonts/YouSheBiaoTiHei-2.ttf') format('truetype');
}
html, body{
    font-size: 16px;
    padding: 0;
    font-family: "Microsoft yahei, arial, Tahoma, Verdana,  simsun, sans-serif";
}

h1, h2, h3, h4, h5, h6, p, ul, li{
    margin: 0;
    padding: 0;
}
a:hover, a:active, a:focus, a:visited,
a{
    text-decoration: none;
    color: #333;
}
@keyframes loadingAnimation
{
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

@-webkit-keyframes loadingAnimation
{
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}
.loading{
    width:100%;
    height:100%;
    background-color: transparent !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.loading .load-img{
    width: 200px;
    height: 200px;
    background: url(../images/loading.png) no-repeat center;
    animation:loadingAnimation 3s linear infinite;
    -webkit-animation:loadingAnimation 3s linear infinite;
    -moz-animation:loadingAnimation 3s linear infinite;
    -ms-animation:loadingAnimation 3s linear infinite;
}

.multiline-ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* 设置行数 */
    overflow: hidden;
}
.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ellipsis2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 设置行数 */
    overflow: hidden;
}
.ellipsis3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* 设置行数 */
    overflow: hidden;
}
.flex-between{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.flex-row-start{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.card-col-2 .base-card{
    width: calc((100% - 20px) / 2);
    margin-right: 20px;
}
.card-col-2 .base-card:nth-child(2n) {
    margin-right: 0;
}
.card-col-3 .base-card{
    width: calc((100% - 40px) / 3);
    margin-right: 20px;
}
.card-col-3 .base-card:nth-child(3n) {
    margin-right: 0;
}
.card-col-4 .base-card{
    width: calc((100% - 60px) / 4);
    margin-right: 20px;
}
.card-col-4 .base-card:nth-child(4n) {
    margin-right: 0;
}

.card-col-4 .person-card{
    width: calc((100% - 60px) / 4);
    margin-right: 20px;
    margin-bottom: 20px;
}
.card-col-4 .person-card:nth-child(4n) {
    margin-right: 0;
}
.front-body{
    padding-top: var(--size72);
}
.front-body .container{
    width: 100%;
    margin: 0;
    padding: 0;
}
.text-red{
    color: red !important;
}
.font-bolder{
    font-weight: bolder !important;
}
.font24{
    font-size: var(--size24)
}
.font22{
    font-size: var(--size22)
}
.font20{
    font-size: var(--size20)
}
.bg-white{
    background: #fff;
}
.bg-grey{
    background: #F5F6F9;
}
.btn-primary{
    background: #3D5FD6;
}
.btn-show-detail {
    background: rgba(16, 98, 255, 1);
}
.page-heart{
    padding: 0 10%;
}
.padding-t-20{
    padding-top: var(--size20);
}
.padding-t-40{
    padding-top: var(--size40);
}
.padding-b-40{
    padding-bottom: var(--size40);
}
.padding-l-r-b-20{
    padding: 0px var(--size20) var(--size20) var(--size20);
}
.padding-t-b-40{
    padding: var(--size40) 0;
}
.padding-t-b-20{
    padding-top:var(--size20);
    padding-bottom: var(--size20);
}
.margin-b-5{
    margin-bottom: var(--size5);
}
.margin-b-20{
    margin-bottom: var(--size20);
}
.margin-b-30{
    margin-bottom: var(--size30);
}
.margin-b-40{
    margin-bottom: 40px;
}
.margin-r-40{
    margin-right: 40px;
}
.text-center{
    text-align: center;
}
.width-350{
    width: 350px;
}

.relative{
    position: relative
}
@media (max-width: 991px) {
    .page-heart{
        padding: 0 5%;
    }
}
@media (max-width: 1200px) {
    html, body{
        width: 1200px;
    }
    .page-heart{
        padding: 0 5%;
    }
    .navbar{
        padding: 0 20px;
    }
    .resource-attr .attr-item{
        width: 33.33% !important;
    }
}


@media (min-width: 768px) {

}
/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}
/* 自定义滚动条样式 */
::-webkit-scrollbar {
    width: 0.625rem;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.breadcrumb-nav{

}
.breadcrumb>li{
    font-size: 1rem;
}
.breadcrumb-nav .breadcrumb{
    padding: 0.625rem 0;
    margin-bottom: 0px;
    background: #fff;
}

.noData{
    width: 100%;
    /*font-family: YouSheBiaoTiHei;
    background: #f5f5f5;*/
    color: #cccc;
    font-size: 3.125rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.layui-form-item .layui-input:hover,
.layui-form-item .layui-textarea:hover,
.layui-form-item .layui-input:focus,
.layui-form-item .layui-textarea:focus{
    border-color: #3D5FD6 !important;
}


.float-robot{
    position: fixed;
    right: 0px;
    top: 20%;
    cursor: pointer;
}
.float-robot img{
    width: 6.25rem;
    height: 6.25rem;
}
.float-robot .title{
    font-family: YouSheBiaoTiHei;
    font-size: 1.25rem;
    line-height: 2.5rem;
    text-align: center;
    color: #000;
}
.float-nav{
    position: fixed;
    right: 0.625rem;
    top: 40%;
}
.float-nav ul{
    padding: 1.25rem 0;
    background: #3D5FD6;
    border-radius: 2.5rem;
}
.float-nav li{
    cursor: pointer;
    width: 5rem;
    text-align: center;
    padding: 0.625rem 0;
}
.float-nav li a{
    display: block;
}
.float-nav .icon{
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.float-nav .icon-float1{
    background-image: url(../images/icon-float-nav1.png);
}
.float-nav .icon-float2{
    background-image: url(../images/icon-float-nav2.png);
}
.float-nav .icon-float3{
    background-image: url(../images/icon-float-nav3.png);
}
.float-nav .icon-float4{
    background-image: url(../images/icon-float-nav4.png);
}
.float-nav .icon-float5{
    width: 1.875rem;
    height: 1.875rem;
    background-image: url(../images/icon-float-nav5.png);
    position: relative;
}
.relative{
    position: relative;
}
.float-nav .message-tip {
    position: absolute;
    top: 0.5rem;
    right: 1.5rem;
    width: 0.7rem;
    height: 0.7rem;
    background: red;
    border-radius: 50%;
    z-index: 999;
    box-shadow: 0px 0px 10px 6px rgba(255, 255, 255, 0.1);
    animation: pulse 1s infinite ease-in-out;
}
.pulse-msg{
    animation: pulse 1s infinite ease-in-out;
}
@keyframes pulse {
    0%, 100% {
        transform: scale(0.8);
    }
    50% {
        transform: scale(1.2);
    }
   /* 0%, 100% {
        transform: translateX(0);
    }
    25% {
        transform: translateX(-10px); !* 左移 *!
    }
    75% {
        transform: translateX(10px); !* 右移 *!
    }*/
}
.float-nav .title{
    color: #fff;
    font-size: 1rem;
}
.float-nav .active{
    background: rgba(59, 131, 255, 1);
}
.go-top{
    cursor: pointer;
    display: inline-block;
    width: 3.125rem;
    height: 3.125rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(../images/go-top.png);
    position: fixed;
    bottom: 3.125rem;
    right: 1.5625rem;
    z-index: 999;
}


/*-------------- 高级搜索条件 start ---------------*/
.skin-checkbox .layui-form-checkbox,
.skin-radio .layui-form-checkbox{
    height: 2.25rem;
    line-height: 2.25rem;
    margin-top: 0 !important;
    margin-right: 0.9375rem;
    padding: 0;
}
.skin-checkbox .layui-form-checkbox div,
.skin-radio .layui-form-checkbox div {
    height: 2.25rem;
    line-height: 2.25rem;
    color: #333333;
    font-size: 1rem;
    background-color: #fff;
    padding: 0 0.9375rem;
    margin: 0;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}
.skin-checkbox .layui-form-checkbox i.layui-icon,
.skin-radio .layui-form-checkbox i.layui-icon{
    display: none;
}
.skin-checkbox .layui-form-checked,
.skin-radio .layui-form-checked {
    /*border: 1px dotted #23519E;*/
}
.skin-checkbox .layui-form-checked div,
.skin-radio .layui-form-checked div {
    background: #F8FBFF !important;
    color: #23519E;
    border: 1px solid #23519E;
    box-shadow: 0 0 8px 0 rgba(114, 177, 242, 0.21);
}
/*-------------- 高级搜索条件 end ---------------*/

/*-------------- 卡片样式 start ---------------*/
.status-card .card-body{
    padding-top:1.25rem;
}
.person-card .card-body{
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(../images/bg-card-talent.png);
}
.person-card .card-body .ellipsis2{
    height: 3.125rem;
}
.base-card .card-head{
    position: relative;
    display: block;
}
.base-card .card-head .img{
    display: block;
    width: 100%;
    height: 100%;
}
.base-card .card-head .status{
    font-size: 1rem;
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    color: #fff;
    text-align: center;
    line-height: 1.25rem;
    padding: 0.3125rem 1.25rem;
}
.base-card .dealNumber{
    font-size: 1rem;
    color: orange;
    line-height: 2rem;
    padding: 0 0.5rem;
    /*background: linear-gradient( 270deg, #F3BA1E 0%, #FF8019 100%);*/
    position: absolute;
    right: 0;
    top: 0;
}
.status-yellow{
    background: #ffc000;
}
.status-green{
    background: #00b050;
}
.status-blue{
    background: #3D5FD6;
}
.status-gray{
    background: #999999;
}

.efficacy{
    background: linear-gradient(45deg, rgba(75, 228, 255, 1) 0%, rgba(0, 139, 224, 1) 100%);
    border-radius: 0 0 6.25rem 0;
}
.lose-efficacy{
    background: #999999;
    border-radius: 0 0 6.25rem 0;
}
.base-card .ellipsis3{
    line-height: 1.5625rem;
    height: 4.6875rem;
}
.base-card .border-card-body{
    border: 1px solid #E2E2E2;
}
.base-card .card-event-box{
    display: block;
    padding: 1.25rem 1.25rem 0 1.25rem;
}
.base-card .card-title{
    display: block;
    font-weight: 500;
    font-size: 1.25rem;
    color: #333333;
    margin-bottom: 0.625rem;
    cursor: pointer;
}
.base-card.serve-product-card{
    margin-bottom: 1.25rem;
}
.base-card .card-title:hover{
    color: #3D5FD6;
    font-weight: 700;
}
.base-card .card-title.ellipsis{
    line-height: 1.25rem;
}
.base-card .card-title.ellipsis2{
    line-height: 1.875rem;
}
.person-card .card-tags,
.base-card .card-tags{
    height: 1.25rem;
    line-height: 1.25rem;
   /* display: flex;
    flex-wrap: nowrap;*/
    height: 1.875rem;
    overflow: hidden;
}
.base-card  .card-tags span{
    display: inline-block;
    color: #3D5FD6;
    background: #ebeffb;
    font-size: 0.875rem;
    line-height: 1.5625rem;
    padding: 0 0.625rem;
    margin-right: 0.3125rem;
    margin-bottom: 0.3125rem;
}
.tags{
    height: 1.25rem;
    line-height: 1.25rem;
    display: flex;
    flex-wrap: wrap;
    height: 1.875rem;
    overflow: hidden;
}
.tags span{
    display: inline-block;
    color: #3D5FD6;
    background: rgba(61, 95, 214, 0.1);
    font-size: 0.875rem;
    line-height: 1.5625rem;
    padding: 0 0.625rem;
    margin-right: 0.3125rem;
    margin-bottom: 0.3125rem;
}
.base-card .card-attrs .attr{
    display: flex;
    line-height: 1.25rem;
    margin-bottom: 0.625rem;
}
.base-card .card-attrs .label{
    font-size: 1rem;
    color: #999999;
    padding: 0;
    font-weight: 400;
    display: inline-block;
    width: 5rem;
    line-height: 1.5625rem;
    text-align: right;
    /*text-align-last: justify;*/
}
.base-card .card-attrs .value{
    color: #333333;
    font-size: 1rem;
    line-height: 1.5625rem;
}
.person-card .card-body{
    background-size: 100% 100%;
    background-image: url(../images/bg-card-talent.png);
}




/*.info-card .card-body{
    padding: 20px;
    border: 1px solid #E2E2E2;
}
.card-body .card-title{
    display: block;
    font-weight: 500;
    font-size: 20px;
    color: #333333;
    margin-bottom: 15px;
    cursor: pointer;
}
.card-body .card-title:hover{
    color: #3D5FD6;
    text-decoration: underline;
}
.card-body .card-title.ellipsis{
    line-height: 20px;
}
.card-body .card-title.ellipsis2{
    line-height: 1.875rem;
}
.card-body .info-tags{
    line-height: 20px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
    height: 1.875rem;
    overflow: hidden;
}
.card-body  .info-tags span {
    display: inline-block;
    color: #3D5FD6;
    background: #ebeffb;
    font-size: 14px;
    line-height: 25px;
    padding: 0 10px;
    margin-right: 5px;
    margin-bottom: 5px;
}
.card-body .info-attr{

}
.card-body .attr{
    display: flex;
    line-height: 20px;
    margin-bottom: 10px;
}
.card-body .attr .label{
    font-size: 16px;
    color: #999999;
    padding: 0;
    font-weight: 400;
    display: inline-block;
    width: 80px;
    line-height: 25px;
    text-align: right;
    !*text-align-last: justify;*!
}
.card-body .attr .value{
    color: #333333;
    font-size: 16px;
    line-height: 25px;
}*/

 .card-tools{
    display: flex;
    padding: 0 1.25rem 1.25rem;
    line-height:  1.25rem;
}
 .card-tools .info{
    margin-right: 1.25rem;
    color: #999999;
    font-size: 0.875rem;
    line-height: 1.25rem;
}
 .card-tools .icon{
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    line-height: 1.25rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    float: left;
}
.share,
.like,
.collection{
    cursor: pointer;
}
.icon-share:before,
.icon-like:before,
.icon-eye:before{
    display: none;
}
.icon-eye{
    background-image: url("../images/icon-eye.png");
}
.icon-collection{
    background-image: url("../images/icon-collection.png");
}
.icon-like{
    background-image: url("../images/icon-like.png");
}
.icon-share{
    background-image: url("../images/icon-share.png");
    background-size: 90% 80% !important;
    background-position: 0 0.1875rem !important;
}
.collection.active .icon-collection{
    background-image: url("../images/icon-collection-active.png");
}
.like.active .icon-like{
    background-image: url("../images/icon-like-active.png");
}
.card-foot{
    display: flex;
    justify-content: space-between;
}
.card-foot .btn{
    cursor: pointer;
}
.card-foot .card-collection-btn{
    width: 30%;
}
.card-foot .card-contact-btn,
.card-foot .card-collection-btn{
    font-size: 1rem;
    cursor: pointer;
    line-height: 2.5rem;
    border: 1px solid #1062FF;
    /*border-radius: 4px 4px 4px 4px;*/
    height: 2.5rem;
    display: inline-block;
    padding: 0 1.25rem;
}
.card-foot .card-collection-btn:hover{
    color: #333;
}
.card-collection-btn .icon-collection{
    background-image: url("../images/icon-collection-active.png");
}
.card-collection-btn .icon-collection{
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    line-height: 1.25rem;
    vertical-align: sub;
    margin-right: 0.3125rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url("../images/icon-collection.png");
}
.card-collection-btn.active .icon-collection{
    background-image: url("../images/icon-collection-active.png");
}
.contact-btn-box .card-contact-btn.no-drop {
    background-image: url("../images/btn-bg-no-drop.png");
}
.card-foot .card-contact-btn{
    /*width: calc((100% - 20px - 30%));*/
    cursor: pointer;
    width: 100%;
    text-align: center;
    background: #1062FF;
    color: #fff;
}
.card-foot .card-contact-btn .icon-message{
    display: inline-block;
    width: 1rem;
    height: 1rem;
    line-height: 1.25rem;
    vertical-align: sub;
    margin-right: 0.3125rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url("../images/home/icon-message.png");
}
.card-foot.child-1 .card-contact-btn{
    width: 100%;
    border-radius: 0;
}

.no-drop{
    cursor: no-drop !important;
}

/*-------------- 卡片样式 end ---------------*/

/*-------------- 已选条件 start ---------------*/
.selected-box{
    padding-top: 1.25rem;
    display: flex;
    justify-content: space-between;
}
.selected-box .layui-form-item{
    width: 70%;
    margin: 0;
}
.selected-box .form-field{
    font-size: 1rem;
    display: inline-block;
    border: 1px solid #3D5FD6;
    border-radius: 0.25rem;
    padding: 0 0.625rem;
    margin-right: 1.25rem;
    box-shadow: 0 0 0.5rem 0 rgba(114, 177, 242, 0.21);
    float: left;
    margin-bottom: 0.625rem;
}
.selected-box .form-field span{
    display: inline-block;
    line-height: 2.25rem;
}
.selected-box span.label{
    float: left;
    padding: 0;
    color: #333;
    font-size: 1rem;
    font-weight: 400;
}
.selected-box span.value{
    float: left;
    color: #3D5FD6;
}
.selected-box .icon-close:before{
    display: none;
}
.selected-box .icon-close{
    float: right;
    cursor: pointer;
    display: inline-block;
    margin-left: 0.3125rem;
    margin-top: 0.6rem;
    width: 0.9375rem;
    height: 0.9375rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url("../images/icon-close.png");
}
.selected-box .result-box{
    margin-left: auto;
    display: flex;
    font-size: 1rem;
}
.selected-box .result{
    line-height: 2.25rem;
    margin-right: 1.25rem;
}
.selected-box .total{
    color: #3D5FD6;
    font-size: 1.25rem;
    font-weight: 700;
}
.selected-box .btn{
    font-size: 1rem;
    border-radius: 0.25rem;
    border: 0;
    height: 2.25rem;
    line-height:2.25rem;
    text-align: center;
    padding: 0 1.25rem;
}
/*-------------- 已选条件 end ---------------*/

.sign-up-modal .layui-layer-content{
    overflow: inherit;
}
.chat-modal .layui-layer-title,
.sign-up-modal .layui-layer-title{
    font-size: 1rem;
    border-bottom: none;
    color: #fff;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(../images/bg-home-btn1.png);
}
.chat-modal .layui-layer-title{
    height: 3.1875rem;
    line-height: 3.125rem;
}
.chat-modal .layui-layer-setwin span,
.sign-up-modal .layui-layer-setwin span{
    color: #fff;
}
.sign-up-content{
    padding-top: 1.25rem;
    padding-right: 20%;
}
.sign-up-content .layui-form-label{
    width: 12.5rem;
    font-size: 1rem;
}
.sign-up-content .layui-input-block{
    margin-left: 12.5rem;
}
.sign-up-modal .layui-layer-btn a{
    margin-top: 0;
}
.sign-up-modal .layui-layer-btn .layui-layer-btn0{
    background: #3D5FD6;
}
.scroll{
    overflow-y: scroll;
}
.chat-record-wrap{
    height: 25rem;
    padding: 1.25rem;
}
.chat-info{
    display: flex;
    margin-bottom: 0.9375rem;
}
.chat-info.chat-right{
    justify-content: flex-end;
}
.chat-info.chat-right .avatar-box{
    justify-content: flex-end;
    margin-left: 0.625rem;
}
.chat-info.chat-right .date{
    text-align: right;
}
.chat-info.chat-right .message{
    float: right;
}
.chat-info.chat-right .message-img{
    width: 12.5rem;
    padding: 0;border: 1px solid #eee;
    border-radius: 0.25rem;
    overflow: hidden;
}
.chat-info.chat-right .message-img .img{
    width: 100%;
    cursor: zoom-in;
}
.chat-info .message-product{
    width: 25rem;
    padding: 0.75rem;
    background: #fff;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.1);
    border: 1px solid #eee;
}
.message-product .product-link{
    display: block;
    display: flex;
}
.product-img{
    width: 3.75rem;
    height: 3.75rem;
    margin-right: 10px;
}
.product-img img{
    width: 100%;
    height: 100%;
}
.product-info{
    width: calc(100% - 80px);
}
.product-info .title{
    color: #333;
    margin-bottom: 5px;
    font-size: 16px;
}
.product-info .tags{

}
.product-info .attr{
    display: flex;
    line-height: 20px;
}
.product-info .label {
    font-size: 15px;
    color: #333;
    padding: 0;
    font-weight: 400;
    display: inline-block;
    width: 80px;
    line-height: 25px;
    text-align: right;
}
.product-info .value{
    color: #999999;
    line-height: 25px;
    font-size: 15px;
}


.chat-info.chat-left .avatar-box{
    margin-right: 10px;
}
.chat-info .avatar-box{
    width: 40px;
    height: 40px;
    margin-top: 20px;
}
.chat-info .avatar{
    width: 100%;
    height: 100%;
}
.chat-info .message-box{
    max-width: 70%;
}
.chat-info .date{
    color: #999999;
    font-size: 14px;
}
.chat-info .message{
    padding: 8px 10px;
    color: #fff;
    background: #3D5FD6;
    border-radius: 4px 4px 4px 4px;
    line-height: 25px;
}
.chat-content .chat-form{
    border-top: 1px solid #eee;
}
.chat-content .layui-textarea{
    border: none;
    resize: none;
    padding: 10px 20px;
}
.chat-content .layui-textarea:hover,
.chat-content .layui-textarea:focus{
    border: none;
    box-shadow: none;
}
.chat-content .btn-box{
    text-align: right;
    padding-right: 20px;
}
.chat-content .tools{
    display: flex;
    padding: 10px 20px 0px 20px;
}
.chat-content .tool{
    margin-right: 20px;
}
.chat-content .tool input{
    display: none !important;
    width: 0;
    height: 0;
    opacity: .01;
}
.chat-content .tool .icon{
    cursor: pointer;
    display: inline-block;
    width: 25px;
    height: 20px;
    margin-right: 5px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.chat-content .tool .icon-img{
    background-image: url("../images/icon-img.png");
}
.chat-content .tool .icon-file{
    background-image: url("../images/icon-file.png");
}


.attr-content.contactTelPhone a,
.attr-content.contactEmail a,
.attr-content.contactPhone a,
.attr-content.contactName a{
    color: #2780e3;
}

.AI-robot{
    width: 100%;
    height: 100%;
    padding: 20px;
    background: #F5F6F9;
    border-radius: 0px 0px 0px 0px;
    display: flex;
}
.AI-robot .chat-side{
    width: 300px;
    background: #fff;
}
.AI-robot .chat-body{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.AI-robot .chat-name{
    display: flex;
    align-items: center;
    font-size: 1.125rem;
    padding: 15px 20px;
}
.AI-robot .chat-name img{
    width: 40px;
    height: 40px;
    margin-right: 5px;
}
.AI-robot .chat-name{
    padding: 15px 20px;
}
.AI-robot .history-title{
    padding: 15px 20px;
    color: #3D5FD6;
    background: rgba(61, 95, 214, 0.1);
}
.AI-robot .history-record{
    width: 100%;
    background: #fff;
}
.AI-robot .history-record li{
    line-height: normal;
}
.AI-robot .history-record  a:hover,
.AI-robot .layui-this a {
    color: #fff;
    background: #3D5FD6;
}
.AI-robot .history-record a{
    color: #666666;
    font-size: 16px;
    line-height: normal;
    padding: 12px 20px;
    height: auto;
    white-space: pre-wrap;
}

.AI-robot .chat-body {
    padding: 0 50px 0 70px;
}
.AI-robot .chat-left .message{
    background: #fff;
    color: #666666;
}
.AI-robot .chat-form {
    background: #fff;
    border-top: none;
}
.AI-robot .tools{
    border-bottom: 1px solid #eee;
    padding: 10px 20px;
}
.AI-robot .btn-box{
    padding-bottom: 20px;
}
.AI-robot .tools{
    display: flex;
}
.AI-robot .tools .tool-btn{
    background: rgba(61, 95, 214, 0.1);
    height: 36px;
    border-radius: 40px;
    padding: 0 10px;
    border: 0;
    color: #999999;
    display: flex;
    align-items: center;
}
.AI-robot .tool .icon {
    cursor: pointer;
    display: inline-block;
    width: 22px;
    height: 17px;
}
.AI-robot .chat-record-wrap{
    flex: 1;
}
.AI-robot .close-btn{
    color: #3D5FD6;
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    padding: 10px;
    cursor: pointer;
}
.linkWeChat{
    position: relative;
}
.linkWeChat .imgBox{
    display: none;
    width: 150px;
    height: 150px;
    position: absolute;
    top: -150px;
    left: -10px;
}
.linkWeChat .imgBox img{
    width: 100%;
}
.platform.linkWeChat .imgBox{
    border: 1px solid #ccc;
    left: 50%;
    top: -170px;
    margin-left: -75px;
    background: rgba(61, 95, 214, 0.1);
}
.platform.linkWeChat .imgBox:before{
    content: '';
    display: block;
    /*三角箭头*/
    position: absolute;
    width: 0;
    height: 0;
    border-top: 10px solid #ccc;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    z-index: 999;
}
/**************** 统一风格的 下划线tab栏样式 *****************/
.line-tab-brief{

}
.line-tab-brief .layui-tab-title{
    text-align: center;
    height: 3.75rem;
}
.line-tab-brief .layui-tab-title li{
    height: 3.75rem;
    line-height: 3.75rem;
    font-size: 1.125rem;
    margin: 0 1.875rem;
}
.line-tab-brief .layui-tab-title li.layui-this{
    color: #1062FF;
}
.line-tab-brief>.layui-tab-title .layui-this:after {
    width: 80px;
    height: 3.75rem;
    border-color: #1062FF;
    left: 50%;
    margin-left: -40px;
}



.clearfix::after {
    content: "";
    display: table;
    clear: both;
}
/*.layui-layer-tips .layui-layer-content{
    font-size: 16px;
    width: 400px;
}*/




.all-chat-content{
    border: 1px solid #eee;
    background: #fff;
    display: flex;
}
.all-chat-content .chat-side {
    width: 300px;
    /*background: #F9F9F9;*/
    border-right: 1px solid #DADFEA;
}
.all-chat-content .chat-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    overflow: hidden;
}
.all-chat-content .history-title{
    padding: 0 20px;
    height: 3.75rem;
    line-height: 3.75rem;
    border-bottom: 1px solid #eee;
}
.all-chat-content .history-title .fa {
    margin-right: 10px;
}
.all-chat-content .history-record{
    width: 100%;
    height: 600px;
    overflow-y: auto;
    background: transparent;
}
/* 自定义滚动条样式 */
.all-chat-content .history-record::-webkit-scrollbar {
    width: 5px;
}

.all-chat-content .history-record::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.all-chat-content .history-record::-webkit-scrollbar-thumb {
    background: #cac8c6;
    border-radius: 5px;
}

.all-chat-content .history-record::-webkit-scrollbar-thumb:hover {
    background: #888;
}
.all-chat-content .layui-nav-tree .layui-nav-item a{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 40px;
    color: #666666;
    height: auto;
}
.all-chat-content .layui-nav-tree .layui-nav-item .chetRoom{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: 90%;
}
.all-chat-content .layui-nav-tree .layui-nav-item .msgNum{
    background: red;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    color: #fff;
}
.all-chat-content .layui-nav-tree .layui-nav-item .icon-wrap{
    display: none;
    position: absolute;
    right: 10px;
    top: 10px;
    height: 1.875rem;
    width: 1.875rem;
}
.all-chat-content .layui-nav-tree .layui-nav-item:hover .icon-wrap{
    display: flex;
}
.all-chat-content .layui-nav-tree .layui-nav-item .fa-ellipsis-v{
    font-size: 1.125rem;
    color: #c0c0c0;
    width: 1.875rem;
    height: 1.875rem;
    background: #efefef;
    text-align: center;
    line-height: 1.875rem;
    border-radius: 4px;
}
.all-chat-content .layui-nav-tree .layui-nav-item .chat-menu{
    display: none;
    position: absolute;
    width: 100px;
    background: #fff;
    top: 35px;
    z-index: 99999;
    left: -70px;
    border-radius: 6px;
    border: 1px solid #c0c0c0;
}
.all-chat-content .layui-nav-tree .layui-nav-item .chat-menu li{
    color: #333;
    padding: 0 10px;
    cursor: pointer;
}
.all-chat-content .layui-nav-tree .layui-nav-item .fa-thumb-tack{
    margin-right: 5px;
}
.all-chat-content .layui-nav-tree .layui-nav-item:hover{
    background: #dcdad9;
}
.all-chat-content .layui-nav-tree .layui-nav-item.layui-this a,
.all-chat-content .layui-nav-tree .layui-nav-item.layui-this{
    background: #eff4ff !important;
    color: #155eef !important;
}
.all-chat-content .layui-nav-item.top-up{
    background: #F6F6F6F6;
}
.chat-record-title{
    font-weight: 700;
    font-size: 1.125rem;
    padding: 0 20px;
    height: 3.75rem;
    line-height: 3.75rem;
    border-bottom: 1px solid #eee;
}
.chat-modal .layui-layer-setwin{
    right: 0.9375rem;
    top: 1rem;
}
.chat-modal .layui-layer-setwin .layui-layer-close{
    color: #fff;
    width: 1rem;
    height: 1rem;
    font-size: 0.75rem;
}
.chat-modal .layui-layer-setwin .layui-layer-close1{
    background-image: url("../images/icon-close-white.png");
}
.global-chat-modal .layui-layer-setwin .layui-layer-close2{
    width: 1.75rem;
    height: 1.75rem;
    line-height: 1.125rem;
    font-size: 1.5rem;
    right: -0.45rem;
    top: -0.45rem;
    padding: 0.1875rem;
    border: none;
    background: transparent;
    color: #333;
}
.layui-layer-dialog{
    border-radius: 8px;
}
.layui-layer-dialog .layui-layer-title{
    border-radius: 8px;
}
.layui-layer-dialog .layui-layer-padding {
    padding: 1.875rem 1.875rem 1.875rem 70px;
    text-align: left;
}
.layui-layer-dialog .layui-layer-btn a{
    border-radius: 8px;
    line-height: 32px;
    height: auto;
}
.layui-layer-dialog .layui-layer-btn .layui-layer-btn0{
    background-color: #1e5edb !important;
    border-color: #1e5edb !important;
}
.agency-card .card-head,
.achievement-card .card-head{
    display: block;
    height: 18rem;
    width: 100%;
    overflow: hidden;
}
.achievement-card .card-head{
    position: relative;
}
.achievement-card:hover .trading-img{
    /*图片放大1.2倍*/
    transform: scale(1.1);
    transition: all 0.5s;
}
.layui-laypage .layui-laypage-curr,
.layui-laypage .layui-laypage-spr,
.layui-laypage a{
    font-size: 1rem;
    height: 1.75rem;
    line-height: 1.75rem;
    padding: 0 0.9375rem;
}

.beian{
    display: flex;
    justify-content: center;
}
.gaw-wrap{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 2rem;
}
.gaw-wrap .icon-gaw{
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url("../images/gaw.png");
    margin-right: 0.5rem;
}