@charset "utf-8";html body{padding:0;font-family:PingFang SC,Arial,Microsoft YaHei,sans-serif;font-size:16px;background-color:#ffffff}
html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,th,td,form,object,iframe,blockquote,pre,a,abbr,address,code,img,fieldset,form,label,figure{margin:0;padding:0}
i,em{font-style:normal}
li{list-style:none}
a{text-decoration:none}
img{max-width:100%}
:focus{outline:none}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{border-radius:0px;background-color:rgba(0,0,0,0)}
::-webkit-scrollbar-thumb{border-radius:0px;background-color:gray}
[v-cloak]{display:none}
.el-warp{position:relative;width:86%;margin:0 auto;transition:0.5s}
.el-clearfix:after{content:"";display:block;clear:both;visibility:hidden;height:0}
.el-logo{height:80px;line-height:80px;float:left}
.el-logo img{vertical-align:middle}
.el-mobile-menu{display:none}
.el-navigation{box-shadow:0 2px 10px rgb(51 51 51 / 10%);position:fixed;z-index:10;width:100%;transition:0.5s;top: 0}
.el-menu-list{float:right;background-color:transparent}
.el-menu-list .el-icon-close{display:none}
.el-submenu__icon-arrow{transition:transform .3s}
.el-menu--horizontal>.el-menu-item,.el-menu--horizontal>.el-submenu{float:left}
.el-menu-list>.el-submenu.el-submenu__title:hover .el-submenu__icon-arrow,.el-menu-list>.el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}
.el-menu-list .el-menu .el-submenu.el-submenu__title:hover .el-submenu__icon-arrow,.el-menu-list .el-menu .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}
.el-menu-list>.el-menu-item,.el-menu-list>.el-submenu>.el-submenu__title{position:relative;margin:0 20px}
.el-menu--horizontal>.el-menu-item:after,.el-menu--horizontal>.el-submenu>.el-submenu__title:after{content:"";background-color:#fff;position:absolute;left:50%;right:50%;bottom:25px;height:0px;transition-property:left,right;transition-duration:.3s;transition-timing-function:ease-out}
.el-menu--horizontal>.el-menu-item:hover:after,.el-menu--horizontal>.el-menu-item.active:after,.el-menu--horizontal>.el-submenu>.el-submenu__title:hover:after,.el-menu--horizontal>.el-submenu.active>.el-submenu__title:after,.el-menu--horizontal>.el-submenu.is-opened>.el-submenu__title:after{left:0;right:0;height:2px}
.el-menu-list .el-submenu__icon-arrow{font-size:16px;color:#fff}
.el-menu-list li a{font-size:16px;color:#fff;position:relative;height:80px;line-height:80px;display:inline-block}
.el-menu--popup{z-index:100;min-width:200px;border-radius:2px;box-shadow:0 2px 12px 0 rgb(0 0 0 / 10%);background-color:#fff}
.el-menu--popup-bottom-start{background-color:rgb(0,0,0,0.8)}
.el-menu--popup-bottom-start .el-submenu__icon-arrow{font-size:16px;color:#fff;position:absolute;right:10px;top:12px}
.el-menu--popup-bottom-start li a{font-size:16px;color:#fff;width:100%;height:40px;line-height:40px;padding:0 15px;border-bottom:1px dashed #016aac;box-sizing:border-box;display:inline-block}
.el-menu--popup-bottom-start li:last-child a{border-bottom:0}
.el-menu--popup-right-start{background-color:rgb(0,0,0,0.8);margin:0 5px}
.el-menu--popup-right-start li a{font-size:16px;color:#fff;width:100%;height:40px;line-height:40px;padding:0 15px;border-bottom:1px dashed #016aac;box-sizing:border-box;display:inline-block}
.el-menu--popup-right-start li:last-child a{border-bottom:0}
.el-language{height:80px;line-height:80px;cursor:pointer}
.el-language span{text-align:center;font-size:14px;padding: 0 10px;height:20px;margin:0;line-height:18px;color:#fff;border:1px solid #fff;display:inline-block}
.el-language span:hover{border:1px solid #016aac;background-color:#016aac;color:#fff}
.el-language-item a{color:#333;padding:5px 20px;display:block}
.el-language-item a:hover{color:#016aac}
.el-navigation.down{background:#fff}
.el-navigation.down .el-menu-list a,.el-navigation.down .el-menu-list .el-submenu__icon-arrow{color:#333}
.el-navigation.down .el-menu--horizontal>.el-menu-item:after,.el-navigation.down .el-menu--horizontal>.el-submenu>.el-submenu__title:after{background-color:#016aac}
.el-navigation.down .el-language span{color:#016aac;border:1px solid #016aac}
.el-navigation.down .el-icon-menu{color: #016aac;}
.el-navigation.down .el-language span:hover{color:#fff}
.el-banner{position:relative}
.el-banner img{width:100%;transition:1s linear 2s;transform:scale(1.1,1.1)}
.el-banner .info{position:absolute;z-index:2;width:100%;position:absolute;left:0;top:50%;transform:translateY(-50%);color:#fff}
.el-banner .info div{line-height:1.4}
.el-banner .info .title{font-size:60px}
.el-banner .info .description{font-size:20px;margin-top:20px}
.el-banner .swiper-slide-active img{transition:6s linear;transform:scale(1,1)}
.el-banner .swiper-button-prev:after,.el-banner .swiper-button-next:after{display:none}
.el-banner .swiper-button-prev,.el-banner .swiper-button-next{width:40px;height:40px;transform:translateY(-50%);margin:0;background-size:100%}
.el-banner .swiper-button-prev{background-image:url("../images/bl.png");left:30px}
.el-banner .swiper-button-next{background-image:url("../images/br.png");right:30px}
.el-banner .swiper-pagination{display:none}
.el-crumbs{padding: 10px 0;background-color: #fff}
.el-crumbs a{color: #888;font-size: 16px;}
.el-crumbs i{display: inline-block;margin:0 10px;}
.el-crumbs a:last-child{color: #000;}
.el-crumbs a:last-child i{display: none}
.el-page{position: relative; line-height: 31px; height: 33px; margin: 50px 0; text-align: center; font-size: 12px; clear:both}
.el-page a,.el-page span{ position: relative; display: inline-block; vertical-align: top; min-width: 33px; padding: 0 5px; border: 1px solid #e6e8e7; margin: 0 0 0 8px; text-align: center; border-radius: 3px; }
.el-page span.active,.el-page a:hover{ border-color: #272e89; color: #272e89; }
.el-footer{background: #333; color: #ccc;padding: 50px 0 30px 0;font-size: 14px}
.el-footer .right{text-align: right;}
.el-index-warp{position:relative;margin-top:-112px;z-index:1}
.el-index-warp .el-warp{background-color:#fff}
.el-index-warp .head{background:#f6f6f6}
.el-index-warp .inner{padding:80px;position:relative;transition:.5s all}
.el-index-warp .title{font-size:30px;margin-bottom:30px}
.el-index-warp .c-title{font-size:14px;color:#999;margin-top:15px}
.el-index-warp .content{line-height:30px;font-size:14px;color:#888}
.el-index-warp .s-content{padding:20px 0 0 0;border-top:1px solid #444;line-height:30px;font-size:14px;color:#999}
.el-index-warp .s-img{position:absolute;bottom:-5px;right:0;width:50%}
.el-index-warp .link{font-size:14px;display:block;margin-top:100px;color:#333}
.el-index-warp .link i{margin-left:10px;font-size:14px}
.el-index-warp .list1 li{padding:5px 0;color:#555}
.el-index-warp .list1 li i{margin-left:10px}
.el-index-warp .marketing{background-color:#333;padding:80px;padding-bottom:160px}
.el-index-warp .marketing .title,.el-index-warp .marketing .link{color:#fff}
.el-index-warp .list2 li{margin-bottom:40px}
.el-index-warp .list2 .el-button{margin-right:10px}
.el-index-warp .list2 .info{display:inline-block;vertical-align:middle}
.el-index-warp .list2 .info p{font-size:14px;color:#888}
.el-index-warp .list2 .info div{font-size:18px;color:#fff;display:block;line-height:22px}
.el-user{padding: 100px 0px 20px 0px;position: relative;display: flex;}
.el-user .page{padding: 20px;font-size: 16px;height: 70vh}
.el-user .header{}
.el-user .header .nickname{font-size: 18px;color: #333}
.el-user .header .describe{margin: 10px 0;font-size: 16px;color: #666;}
.el-user .header .medal{border-bottom: 1px solid #eee;margin: 10px 0;}
.el-user .header .labels{font-size: 14px;color: #777}
.el-user .header .labels .item{padding: 5px 0;}
.el-user .header .labels .item .label{display: inline-block;width: 150px}
.el-user .tabs{margin-top: 50px}
.el-user .tab{height: 400px;overflow: auto}
.el-user .tab::-webkit-scrollbar{width:8px}
.el-user .tab::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0)}
.el-user .tab:hover::-webkit-scrollbar-thumb{background-color:#999}
.el-user .tab .item{position: relative;padding:10px;position: relative;border-bottom: 1px dashed #eee;display: block;}
.el-user .tab .item img{width: 50px;display: inline-block;vertical-align: middle;}
.el-user .tab .item .details{display: inline-block;margin-left: 10px;vertical-align: middle;}
.el-user .tab .item .title{font-size: 16px;color: #333;display: block;}
.el-user .tab .item .describe{font-size: 14px;color: #666;margin-top: 10px}
.el-user .tab .item .follow{position: absolute;top: 10px;right: 10px}
.el-user .tab .item .el-button--mini{padding: 5px 15px;}
.el-user .tab .item .time{font-size: 14px;color: #666;margin-top: 5px;text-align: right;}
.el-user .visitor{height: 400px;overflow: auto}
.el-user .visitor::-webkit-scrollbar{width:8px}
.el-user .visitor::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0)}
.el-user .visitor:hover::-webkit-scrollbar-thumb{background-color:#999}
.el-user .visitor .item{position: relative;padding:10px;position: relative;border-bottom: 1px dashed #eee;display: block;}
.el-user .visitor .item img{width: 50px;display: inline-block;vertical-align: middle;}
.el-user .visitor .item .details{display: inline-block;margin-left: 10px;vertical-align: middle;}
.el-user .visitor .item .title{font-size: 16px;color: #333;display: block;}
.el-user .visitor .item .describe{font-size: 14px;color: #666;margin-top: 10px}
.el-user .visitor .item .follow{position: absolute;top: 10px;right: 10px}
.el-user .visitor .item .el-button--mini{padding: 5px 15px;}
.el-user .visitor .item .time{font-size: 14px;color: #666;margin-top: 5px;text-align: right;}
.el-user .set{padding: 20px;font-size: 16px;height: 70vh}
.el-user .info{display: inline-block;margin-left: 20px}
.el-user .index{padding: 20px;font-size: 16px;height: 70vh}
.el-user .index a{color: #007aff}
.el-user .index .describe{margin-top: 10px;}
.el-user .index .labels{margin-top: 20px;font-size: 0}
.el-user .index .labels .item{display: inline-block;width: 50%;font-size: 16px;padding: 12px 0;}
.el-user .index .labels .item .label{font-weight: 600;display: inline-block;width: 150px}
.el-user .index .icons{margin-top: 40px;}
.el-user .index .icons .item{margin:15px 0;display: block;}
.el-user .index .icons img{width: 40px;margin-right: 10px;display: inline-block;vertical-align: middle;}
.el-user .index .icons .details{display: inline-block;vertical-align: middle;}
.el-user .index .icons .count{font-size: 18px;color: #444;}
.el-user .index .icons .title{font-size: 16px;color: #999;}
.el-user .index .icons .item:hover .title{color: #007aff}
.el-user .content{background-color: #fff;width:calc(100% - 150px);}
.el-user .content .el-card__body{padding: 20px 0}
.el-user .content .search{padding: 0 20px;}
.el-user .content .search .el-input{width: 350px;}
.el-user .content .list{height: 70vh;overflow: auto;padding: 0 20px;}
.el-user .content .list .item{margin: 24px 0;font-size: 15px}
.el-user .content .list .item .time{float: right;color: #666;font-size: 14px}
.el-user .site{width:150px;background-color: #fff;font-size: 18px;margin-right: 10px;box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);border-radius: 4px;}
.el-user .site .item{display: block;padding: 14px;font-size: 14px;color: #333}
.el-user .site .cover{width: 18px;height: 18px;vertical-align: middle;margin-right: 10px;float: left;}
.el-search{margin: 100px 0px 20px 0px;position: relative;background-color: #fff;padding: 20px}
.el-search .list{overflow: auto;padding: 0 20px;}
.el-search .list .item .title{margin: 10px 0;}
.el-search .list .item .time{font-size: 14px;color: #666}
.el-pagination{margin: 50px 0; text-align: center; font-size: 12px; clear:both}
.el-loader{margin-top: 20px;height: 42px;font-size: 14px;text-align: center;line-height: 42px;color: #626675;background: #f5f5f6;border-radius: 6px;cursor: pointer;}
.el-nomore{margin-top: 20px;height: 42px;font-size: 14px;text-align: center;line-height: 42px;color: #626675;}
.login-wrapper{min-height: 80vh;padding: 100px 0px 20px 0px;position: relative;}
.login-container{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 1000px;z-index:1;}
.login-body{display: flex;box-shadow: 0px 20px 80px 0px rgba(0,0,0,0.3);}
.login-side,.login-form-warp{position: relative;width: 500px;height: 600px;}
.login-side-content,.login-form-content{padding: 80px 80px 48px}
.login-side{background: linear-gradient(0deg, #3a485a 0%, #607089 100%);}
.login-side-logo img {width: 186px;}
.login-side-title{font-size: 24px;margin-top: 20px;color: #FFFFFF}
.login-side-comments{color: #fff;font-size: 14px;margin-top: 46px;line-height: 1.71429;}
.login-side-footer {position: absolute;bottom: 30px;font-size: 14px;padding-top: 40px;border-top: 1px solid rgba(255,255,255,0.2);}
.login-side-footer a {color: #FFFFFF;}
.login-form-warp{background-color: #FFFFFF}
.login-form-warp .login-title {color: #465C98;font-size: 24px}
.login-form-warp .login-ctitle {color: #C4C4C4;font-size: 14px;}
.login-form-warp .login-btn{background-color: #465C98;color: #FFFFFF}
.login-form .el-form-item{margin-bottom: 5px}
.login-form .captcha-title{font-size: 20px;color:#333;margin: 20px 0;text-align: center;}
.login-form .el-input{margin-top: 20px}
.login-form .el-input__icon {line-height:40px;font-size: 16px;}
.login-form .regOrPwd{height: 50px;line-height: 50px;}
.login-form .regOrPwd .password{float: left;}
.login-form .regOrPwd .register{float: right;}
.login-form .el-checkbox{margin-top: 15px}
.login-form .login-btn{width: 100%;height: 50px;cursor: pointer;font-size: 14px;margin-top: 20px}
.login-form .captcha-img{width: 100%}
.login-footer{margin-top: 50px;text-align: center;z-index: 1}
.login-footer .login-footer-item{margin: 0 10px;}
@media screen and (max-width:992px){
.el-navigation .el-menu-list a,.el-navigation .el-menu-list .el-submenu__icon-arrow,
.el-navigation.down .el-menu-list a,.el-navigation.down .el-menu-list .el-submenu__icon-arrow{color:#fff}
.el-warp{width:100%}
.el-menu-list{position:fixed;width:100%;height:0%;left:0;background-color:rgb(0,0,0,0.8);overflow-x:hidden;overflow-y:auto;transition:0.5s;z-index:1208}
.el-menu-list.open{height:100%}
.el-menu-list .el-icon-close{display:inline-block;position:absolute;top:10px;right:10px;font-size:30px;color:#fff}
.el-menu-list .el-language{display:none}
.el-menu-list li a{height:60px;line-height:60px;margin-right:20px}
.el-logo{height:60px;line-height:60px}
.el-mobile-menu{display:inline-block;float:right;height:60px;line-height:60px;font-size:30px;color:#fff}
.el-mobile-menu .el-icon-menu{vertical-align:middle}
.el-mobile-menu .el-language{height:60px;line-height:58px;vertical-align:middle}
.el-banner .info .title{font-size:20px}
.el-banner .info .description{font-size:16px}
.el-banner .swiper-button-prev,.el-banner .swiper-button-next{display:none}
.el-banner .swiper-pagination{display:block;color:#fff}
.el-index-warp{margin-top:0}
.el-index-warp .link{margin:20px 0;}
.el-index-warp .inner{padding:20px}
.el-index-warp .marketing{padding:20px;padding-bottom:20px}
.el-footer{padding: 20px}
.el-footer .right{text-align: left;}
}