@charset "utf-8";
body{font-family: "微软雅黑", "Microsoft YaHei", serif}
h1,h2,h3,h4,h5,h6,p{margin-bottom:0}

.body-sign-in{background: #06348a;background: -webkit-linear-gradient(to bottom right, #06348a  50%, #00369c 50%);background: linear-gradient(to bottom right, #06348a  50%, #00369c  50%);background-size:cover;background-attachment: fixed;}
.body-sign-in > .main{width:100%;height:100%;overflow: hidden;}
@-webkit-keyframes sign_square { 0% {-webkit-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);} 100% {-webkit-transform: translateY(-700px) rotate(600deg);-moz-transform: translateY(-700px) rotate(600deg);-o-transform: translateY(-700px) rotate(600deg);-ms-transform: translateY(-700px) rotate(600deg);transform: translateY(-700px) rotate(600deg);} }
@keyframes sign_square { 0% {-webkit-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);} 100% {-webkit-transform: translateY(-700px) rotate(600deg);-moz-transform: translateY(-700px) rotate(600deg);-o-transform: translateY(-700px) rotate(600deg);-ms-transform: translateY(-700px) rotate(600deg);transform: translateY(-700px) rotate(600deg);} }
.w3lsg-bubbles {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}
.w3lsg-bubbles li {position: absolute;list-style: none;display: block;width: 40px;height: 40px;background-color: rgba(255, 255, 255, 0.15);bottom: -160px;-webkit-animation: sign_square 20s infinite;-moz-animation: sign_square 20s infinite;-o-animation: sign_square 20s infinite;-ms-animation: sign_square 20s infinite;animation: sign_square 20s infinite;-webkit-transition-timing-function: linear;-moz-transition-timing-function: linear;-o-transition-timing-function: linear;-ms-transition-timing-function: linear;transition-timing-function: linear;}
.w3lsg-bubbles li:nth-child(1) {left: 10%;}
.w3lsg-bubbles li:nth-child(2) {left: 20%;width: 80px;height: 80px;-webkit-animation-delay: 2s;-moz-animation-delay: 2s;-o-animation-delay: 2s;-ms-animation-delay: 2s;animation-delay: 2s;-webkit-animation-duration: 17s;-moz-animation-duration: 17s;-o-animation-duration: 17s;animation-duration: 17s;}
.w3lsg-bubbles li:nth-child(3) {left: 25%;-webkit-animation-delay: 4s;-moz-animation-delay: 4s;-o-animation-delay: 4s;-ms-animation-delay: 4s;animation-delay: 4s;}
.w3lsg-bubbles li:nth-child(4) {left: 40%;width: 60px;height: 60px;-webkit-animation-duration: 22s;-moz-animation-duration: 22s;-o-animation-duration: 22s;-ms-animation-duration: 22s;animation-duration: 22s;background-color: rgba(255, 255, 255, 0.25);}
.w3lsg-bubbles li:nth-child(5) {left: 70%;}
.w3lsg-bubbles li:nth-child(6) {left: 80%;width: 120px;height: 120px;-webkit-animation-delay: 3s;-moz-animation-delay: 3s;-o-animation-delay: 3s;-ms-animation-delay: 3s;animation-delay: 3s;background-color: rgba(255, 255, 255, 0.2);}
.w3lsg-bubbles li:nth-child(7) {left: 32%;width: 160px;height: 160px;-webkit-animation-delay: 7s;-moz-animation-delay: 7s;-o-animation-delay: 7s;-ms-animation-delay: 7s;animation-delay: 7s;}
.w3lsg-bubbles li:nth-child(8) {left: 55%;width: 20px;height: 20px;-webkit-animation-delay: 15s;-moz-animation-delay: 15s;animation-delay: 15s;-webkit-animation-duration: 40s;-moz-animation-duration: 40s;animation-duration: 40s;}
.w3lsg-bubbles li:nth-child(9) {left: 25%;width: 10px;height: 10px;-webkit-animation-delay: 2s;animation-delay: 2s;-webkit-animation-duration: 40s;animation-duration: 40s;background-color: rgba(255, 255, 255, 0.3);}
.w3lsg-bubbles li:nth-child(10) {left: 90%;width: 160px;height: 160px;-webkit-animation-delay: 11s;animation-delay: 11s;}
.body-sign-in .main{width:100vw;height: 100vh;position: relative;}
.sign-wrap{height: 100vh;display: flex;justify-content: center;align-items: center}
.sign-header{padding-top:15px;}
.sign-header-plus{display: flex;position: relative;line-height: 1;margin-top:10px;font-size:16px;}
.sign-header-plus em{height: 1px;overflow: hidden;flex: 1;margin-top:8px;background-color:rgb(229, 229, 229)}
.sign-header-plus .text{margin:0 15px;}
.sign-body{padding:0 20px;}
.sign-form-wrap{background-color:#fff;border-radius:4px;width:300px;text-align:center;box-shadow: 0 0 10px rgba(0,0,0,.4);border: 1px solid #000;}
.sign-group{position: relative;margin:20px 0;}
.sign-group > .sign-label{position: absolute;left:0;top:0;line-height:34px;font-size:14px;transition: all .3s;width: 34px;height: 34px;border: 1px solid transparent;border-right-color:#dededf;color:#dededf;z-index: 2}
.sign-body .sign-control{padding-left:44px;height:34px;}
.sign-group-active > .sign-label{background-color:#85b7d9;border-right-color:#85b7d9;color:#FFF;border-radius: 4px 0 0 4px}
.sign-group.submit{margin:0;}
.sign-body-plus{display: flex;justify-content: space-between;font-size:12px;margin-top:3px;color:#aaa}
.sign-footer .sign-header-plus{font-size:12px;margin-top:15px;color: #ccc;}
.sign-footer .sign-header-plus em{margin-top:6px;background-color: rgba(0,0,0,.1);}
.friend-sign-wrap{height: 66px;display: flex;justify-content:center;align-items: center;}
.friend-signs{padding:15px 0;display: flex;flex:1;justify-content: center;align-items: center;}
.friend-signs .friend-sign-item{font-size:20px;cursor: pointer;border: 1px solid;border-radius: 50%;height: 30px;width:30px;display: inline-flex;justify-content: center;align-items: center;color:#dededf;transition: all .3s}
.friend-signs .friend-sign-item:hover{color:#fff;box-shadow:0 0 3px rgba(0,0,0,.3);height:36px;width:36px;}
.friend-signs .friend-sign-item.weixin:hover{background-color:#3cb034;border-color:#3cb034;}
.friend-signs .friend-sign-item.qq:hover{background-color:#019ac3;border-color:#019ac3;}
.friend-signs .friend-sign-item.weibo:hover{background-color:#e0152c;border-color:#e0152c;}
.sign-agreement{font-size: 12px;color: #a0a0a0;text-align: center;background-color: #e5e5e5;border-radius: 0 0 4px 4px;padding: 8px 0;border-top: 1px solid #dededf;}
.sign-up-form-wrap .sign-body .sign-control{padding:5.25px 10.5px;}
#mobile-code{font-size:12px;}
.sign-form-wrap .username .sign-control{font-size:16px;font-weight:600}
.sign-up-form-wrap .sign-body-plus{margin-top:8px;}
/*个人中心*/
.body-user .header-container{background-color:#434242;}
.body-user .header-menus .item{color:#fff;line-height:40px;margin-right:42px;}
.header-user-menus{display:flex;height: 40px;align-items: center;}
.header-user-menus .item{margin-left:20px;}
.header-user-menus .user-quick-menus{display:flex;align-items: center;padding:4px 0;color:#fff}
.header-user-menus .user-avatar-wrap{border-radius: 50%;border:1px solid #fff;height:32px;width:32px;}
.header-user-menus .user-avatar-wrap > img{height:100%;border-radius:50%;width:100%;}
.header-user-menus .user-quick-menus .user-name{margin-left:6px;}
.section-siteinfo .siteinfo{display:flex;align-items: center;justify-content: space-between;padding: 17px 0 12px}
.section-siteinfo .logo img{height: 58px;}
.section-siteinfo .search-button{background-color:#208eda;color:#fff;box-shadow: 0 0 0 1px #147dc5 inset, 0 0 0 0 transparent;}
.userinfo-detail{position:relative;}
.detail-overlay{position: absolute;top:0;left: 0;width: 100%;height:100%;display:flex;align-items: center;justify-content: center;}
.userinfo-detail .user-avatar-wrap{height:84px;width:84px;border:2px solid #fff;border-radius: 50%;}
.userinfo-detail .user-avatar-wrap > img{width:100%;height:100%;border-radius:50%;}
.userinfo-detail .user-name{text-align: center;font-weight:600;color:#fff;margin-top:5px;}
.user-main-container{display:flex;margin:15px 0 20px;}
.user-slider-bar{flex:0 0 180px;margin-right:20px;}
.user-slider-menus{border:1px solid #ddd;}
.user-main-content{flex:1;border:1px solid #ddd;padding:15px;}
.user-slider-menus > .item:not(:last-child){border-bottom: 1px solid #ddd}
.user-slider-menus > .item > .item-link{display:flex;align-items: center;padding:13px 0px 13px 35px;color:#666;line-height:24px;transition: all .3s}
.user-slider-menus > .item > .item-link > .m-icon{width:24px;text-align:left;line-height: 16px;height: 16px;overflow:hidden;position: relative}
.user-slider-menus > .item > .item-link > .m-icon i{position:absolute;right:24px;top:0;overflow: hidden;opacity: 0;transition: opacity .3s .2s, right .4s 0s}
.user-slider-menus > .item.active  > .item-link,
.user-slider-menus > .item:hover  > .item-link{font-size:16px;font-weight:600;}
.user-slider-menus > .item.active > .item-link > .m-icon i,
.user-slider-menus > .item:hover > .item-link > .m-icon i{left:auto;right:5px;opacity: 1;}
.page-location{margin-top:23px;}
.page-location > .inner{display:flex;}
.page-location > .inner .prefix{color:#666}
.page-location .location-nav .item:not(.active):after{content:' > ';color:#aaa}
.page-location .location-nav .item.active{color:#959595}
.user-box .box-header{border-bottom:1px dashed #ddd;display:flex;justify-content: space-between;align-items: center;padding:0 0 10px 0;}
.user-box .box-title{font-size:16px;position:relative;padding:3px 0 3px 20px;}
.user-box .box-title:before{content:'';width:6px;height:100%;position: absolute;left: 0;top:0;border-radius: 3px;background-color: #1e88e5}
.user-box .box-header-plus{color:#959595}
.user-box .box-body{padding:20px;}
.display-subtitle{display:flex;align-items: center;margin-bottom:20px;}
.display-subtitle span{font-weight:600;margin: 0 6px}
.display-subtitle em{flex:1;height:1px;overflow: hidden;background-color: #ececec}
.display-subtitle em:first-child{
    flex: 0 0 4px;
    height: 4px;
    background-color: #1e88e5;
    border-radius: 50%;
}
.display-group{display:flex;margin-bottom:20px;}
.display-label{width:94px;text-align:right;font-weight:600;color:rgba(0,0,0,.45)}
.form-label{margin-bottom:4px;}
.form-label > .inner{cursor: pointer;margin-right:6px;font-weight:600;}
.form-check,.form-check-label{cursor:pointer}
.business-card-container .card-item{background: url("/template/202003/images/business-card-bg.jpg") repeat;}
.card-item .ci-header{height:42px;}
.card-item .ci-body{background-color:#445969;position:relative;padding:66px 0 28px 0}
.card-item .company{background-color:#7ebfe9;color:#fff;font-weight:600;padding:26px 12px 18px;position: absolute;left:22px;top:-19px;height:65px;}
.card-item .company:before{position: absolute;content:'';background:url("/template/202003/images/business-card-bg-2.png") no-repeat 0 0;width:12px;height:19px;top:0;left:-12px;}
.card-item .company-description{color:#333;background-color:#e7e7e7;font-size:12px;line-height:1.6;padding:9px;}
.card-item .details{padding-right:26px;text-align: right;color:#fff;padding-bottom:25px;}
.card-item .details .name{font-size:16px;font-weight:600;margin-bottom:3px;}
.card-item .ci-footer{height:20px;}
.business-card-single{display:flex;justify-content: center}
.business-card-single .card-item{flex:0 0 50%;position:relative;}
.opened-handle-wrap{display:flex;justify-content: center;flex-direction:column;align-items: center}
.opened-handle-wrap .description{font-size:12px;color:#aaa;margin-top:10px}
.user-article-body > .item{display:flex;padding:12px 0}
.user-article-body > .item:not(:last-child){border-bottom: 1px solid #f0f0f0}
.user-article-body > .item .cover{flex:0 0 105px;margin-right:15px;height:70px;overflow:hidden;display:inline-flex;justify-content: center;align-items: center}
.user-article-body > .item .content{display: inline-flex;flex-direction: column;justify-content: space-between}
.user-article-body > .item .content-footer{display:inline-flex;align-items: center;}
.user-article-body > .item .user-comment-content,
.user-article-body > .item .collect-footer{font-size:12px;color:#208eda}
.user-article-body > .item .published{font-size:12px;color:#666;margin-right:15px;}
.user-article-body > .item .status .badge{font-weight:400}
.user-paginate{padding:15px 0}
.user-paginate .page-link{color:#999}
.subscribe-header{padding:20px 0;border-bottom: 1px dashed #238be6;display: flex;
    align-items: center;
    flex-wrap: wrap;}
.subscribe-header .badge{line-height:1.5;font-weight:400;font-size: 12px;}
.subscribe-header .badge:not(:last-child){margin-right:20px;}
.subscribe-header .badge.active{background-color: #1e88e5;color:#fff}

/**/
.sign-wechat {
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f8f8f8;
}
.wxlogin-inner{
    width:300px;
    padding: 15px;
    /*border: 1px solid #efefef;*/
    /*background-color: #f8f8f8;*/
}
.wxlogin-inner .tabs-wrapper{
    background-color: #fff;
    padding-bottom: 15px;
}
.wxlogin-inner .nav-tabs{border-color: #efefef}
.wxlogin-inner .nav-tabs .nav-link{
    width: 50%;
    text-align: center;
}
.wxlogin-inner .nav-tabs .nav-item.show .nav-link,
.wxlogin-inner .nav-tabs .nav-link.active{
    border-color: #efefef #efefef #fff;
}
.wxlogin-inner .sign-form-wrap{
    border-radius:0;
    width:auto;
    box-shadow: none;
    border:0
}
.wxlogin-title {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #efefef;
}
.wxlogin-header {
    text-align: center;
}
.wxlogin-header > img {
    border-radius: 50%;
    width: 65px;
    margin: 15px auto;
}
.wxlogin-nickname {
    text-align: center;
    margin-bottom: 20px;
}