@charset "utf-8";
/* 

 * 项目：外贸全球搜V5.0
 * 页面：框架内嵌页面、系统登录页面
 * 时间：2019-08-02
 
 */

html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input,button, textarea, p, blockquote, th, td, hr{margin:0; padding:0;}
html,body{background-color:#eceff4;height:100%;}
body{color:#3b3b3b;font:12px/1.5 "微软雅黑","Microsoft YaHei",Arial,Tahoma,Verdana,Helvetica,sans-serif,STHeiti; -webkit-overflow-scrolling:touch;*height:100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary{display:block;}
audio, canvas, progress, video{display:inline-block; vertical-align:baseline;}
audio:not([controls]){display:none; height:0;}
[hidden], template{display:none;}
svg:not(:root){overflow:hidden;}
a{color:#3b3b3b;background:transparent; text-decoration:none; -webkit-tap-highlight-color:transparent;}
a:active{outline:0;}
a:hover{color:#4680fe;}
abbr[title]{border-bottom:1px dotted;}
b, strong{font-weight:bold;}
i{font-style:normal;}
dfn{font-style:italic;}
mark{background:#ff0; color:#000;}
small{font-size:80%;}
sub, sup{line-height:0; position:relative; vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
img{border:0;vertical-align:middle;max-width:100%;}
hr{box-sizing:content-box; height:0;}
pre{overflow:auto; white-space:pre; white-space:pre-wrap; word-wrap:break-word;}
code, kbd, pre, samp{font-family:monospace, monospace; font-size:1em;}
button, input, optgroup, select, textarea{color:inherit; font:inherit; margin:0;}
button{overflow:visible;}
button, select{text-transform:none;}
button, html input[type="button"], input[type="reset"], input[type="submit"]{-webkit-appearance:button; cursor:pointer;}
button[disabled], html input[disabled]{cursor:default;}
input{line-height:normal;}
input[type="checkbox"], input[type="radio"]{box-sizing:border-box; padding:0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{height:auto;}
input[type="search"]{-webkit-appearance:textfield; -webkit-box-sizing:border-box; box-sizing:border-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
fieldset{border:1px solid #c0c0c0; margin:0 2px; padding:0.35em 0.625em 0.75em;}
legend{border:0; padding:0;}
textarea{overflow:auto; resize:vertical;outline:0;}
optgroup{font-weight:bold;}
table{border-collapse:collapse; border-spacing:0;}
td, th{padding:0;}
ul, ol{list-style:none outside none;}
h1{font-size:18px;}
h2{font-size:16px;}
h3{ font-size:14px;}
::-webkit-input-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#999;}
input:-moz-placeholder{color:#999;}
html.ios,html.ios body{overflow-y:auto;-webkit-overflow-scrolling:touch;}

/* 清除浮动 */
.clearfix:after,
.sys-row:after{content:'';display:block;height:0;clear:both;visibility:hidden;}

/* transition */
a:hover{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}



/* ------------------------------ 公用属性------------------------------ */

/*外部容器*/
.wrapper{min-height:100vh;position:relative;left:0;}
.sys-page{background-color: #e9f0f8;padding: 25px;overflow: hidden;}
.disabled{display: none;}

/*栅格化*/
.sys-layer{margin: 0 auto;}
.sys-row{margin:0 -11px;}
.sys-col{float: left;}
.sys-col-inner{margin: 0 8px;}
.sys-col{float:left;}
.sys-col .col-inner{margin:0 11px 22px;}
.sys-col-12 {width:100%;}
.sys-col-11 {width:91.66666667%;}
.sys-col-10 {width:83.33333333%;}
.sys-col-9 {width:75%;}
.sys-col-8 {width:66.66666667%;}
.sys-col-7 {width:58.33333333%;}
.sys-col-6 {width:50%;}
.sys-col-5 {width:41.66666667%;}
.sys-col-4 {width:33.33333333%;}
.sys-col-3 {width:25%;}
.sys-col-2 {width:16.66666667%;}
.sys-col-1 {width:8.33333333%;}

/*FLEX*/
.flex-row{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap:wrap;}

/*字体*/
.brief-stats-item .brief-stats-num{font-family: 'AvantGardeITCbyBT-Book';}

/*字体大小*/
.f12{font-size:12px!important;}
.f14{font-size:14px!important;}
.f16{font-size:16px!important;}
.f18{font-size:17px!important;}
.f20{font-size:20px!important;}
.f24{font-size:24px!important;}

/*粗细*/
.fb{font-weight:bold!important;}
.fn{font-weight:normal!important;}

/*文字颜色*/
.color-primary{color:#188ae2!important;}
.color-danger{color:#e62129!important;}
.color-success{color:#23b53a!important;}
.color-info{color:#e09113!important;}
.color-grey{color:#999!important;}
.color-red{color:#f00!important;}

/*对齐*/
.txt-left{text-align:left!important;}
.txt-center{text-align:center!important;}
.txt-right{text-align:right!important;}

/*填充*/
.pad-0{padding: 0!important;}
.pad-left-0{padding-left:0!important;}
.pad-right-0{padding-right:0!important;}
.pad-top-0{padding-top:0!important;}
.pad-bottom-0{padding-bottom:0!important;}

/*下边距*/
.ml-2em{margin-left:2em!important;}
.mb-30{margin-bottom:30px!important;}
.mb-20{margin-bottom:20px!important;}
.mb-10{margin-bottom:10px!important;}
.mar-left-0{margin-left:0!important;}
.mar-right-0{margin-right:0!important;}
.mar-top-0{margin-top:0!important;}
.mar-bottom-0{margin-bottom:0!important;}

/*边框*/
.bd-left-0{border-left:0!important;}
.bd-right-0{border-right:0!important;}
.bd-top-0{border-top:0!important;}
.bd-bottom-0{border-bottom:0!important;}




/* ------------------------------ 公用模块 ------------------------------ */

/*card*/
.sys-card{background-color: #fff;box-shadow: 0 0 3px rgba(31,30,47,.05);border-radius: 3px;padding:20px 25px;}
.sys-card .card-head{line-height: 22px;margin-bottom: 25px;overflow: hidden;}
.sys-card .card-title{font-size: 14px;font-weight: normal;letter-spacing: 2px;white-space: nowrap;}
.sys-card .card-title,.sys-card .card-title a{color: #666;}
.sys-card .card-body,.sys-card .card-body a{color: #666;}
.sys-col .sys-card{margin:0 11px 22px;}
.sys-layer:last-of-type .sys-col:last-of-type .sys-card{margin-bottom: 0;}

@media screen and (max-width: 767px){
	/* 外部容器 */
	.sys-page{padding: 10px;}

	/* sys-card */
	.sys-card{padding: 15px 20px;}
	.sys-card .card-head{margin-bottom: 15px;}
	.sys-col .sys-card{margin-bottom: 10px;}
}



/* ======================================================= 
                                                    		  PAGE: 首页
                                                                    =======================================================*/


.stats-cell .cell-ico,.contact-list .ct-ico,.app-qrcode-item .sm-ico-qrcode{background-image: url(../img/index-icons.png);background-repeat: no-repeat;background-position: center;}

/*栏目等高*/
.index-col-scheme .sys-card,.index-col-site .sys-card,.index-col-seo .sys-card,.index-col-related .sys-card{min-height: 191px}
.index-col-month .sys-card,.index-col-inquiry .sys-card{min-height: 297px}
.index-col-referrer .sys-card,.index-col-top10 .sys-card{min-height: 327px}
.index-col-apps .sys-card,.index-col-service .sys-card{height: 183px}

/*轮播*/
.owl-drag{position:relative;width:100%;}
.owl-drag .owl-item{float:left;min-height:1px;position:relative;overflow:hidden;}
.owl-drag .owl-stage-outer{width:100%;overflow:hidden;position:relative;}
.owl-drag .owl-stage{position:relative;}
.owl-drag .owl-controls{overflow:visible;}
.owl-drag .owl-prev,.owl-carousel .owl-next{cursor:pointer;}
.owl-drag  button{border: 0;background: none;}
.owl-loaded .slide-item{display:block;}
.sys-slider {position: relative;overflow: hidden;width: 100%;}
.sys-slider .slide-item {width: 100%;position: relative;overflow: hidden;}
.sys-slider .slide-item .bn-img img{width: 100%;height: auto;vertical-align: middle;}
.sys-slider .owl-dots{width: 100%;position: absolute;left: 0;bottom: 15px;text-align: center;}
.sys-slider .owl-dot span{display: none!important;}
.sys-slider .owl-dot{display: inline-block;width: 10px;height: 10px;overflow: hidden;margin: 0 5px;vertical-align: middle;border: 0;background: none;outline: 0;background-color: #000;border-radius:50%;vertical-align: middle;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;cursor: pointer;opacity: .25;filter: alpha(opacity=25);}
.sys-slider .owl-dots .active {background-color: #f9ac5e;opacity:1;filter: alpha(opacity=100);}

/*信息统计*/
.stats-cells{letter-spacing: -6px;padding: 0;margin: 0 -2%;}
.stats-cell{display: inline-block;width: 16%;margin:0 2% 10px;letter-spacing: normal;border-bottom: 3px solid #edeff0;padding-bottom: 0;position: relative;vertical-align: top;}
.stats-cell .cell-hd{display: inline-block;min-width: 8em;position: relative;-webkit-transition: all .6s ease-in-out;-o-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
.stats-cell .cell-ico{display: block;width: 32px;height: 32px;margin-bottom: 5px;background-repeat: no-repeat;background-position: 0 0; background:none !important;}
.stats-cell .cell-ico svg{width: 32px;height: 32px;color:#bbb}
.stats-cell .cell-label{display: inline-block;vertical-align: top;padding-bottom: 8px;letter-spacing: 2px;}
.stats-cell .cell-hd:after{content: '';display: block;width: 100%;height: 3px;background-color: #ab8ce4;position: absolute;left: 0;bottom: -3px;}
.stats-cell .cell-value{position:absolute;right:0;top:0;text-align:right;font-size:42px;color:#ab8ce4;line-height:55px;font-family:'AvantGardeITCbyBT-Book',Arial;letter-spacing:-2px;}
.stats-cell:hover .cell-hd{min-width: 100%;}
.stats-cell:nth-of-type(2) .cell-ico{background-position: 0 -35px;}
.stats-cell:nth-of-type(2) .cell-hd:after{background-color:#00c29f;}
.stats-cell:nth-of-type(2) .cell-value{color:#00c29f;}
.stats-cell:nth-of-type(3) .cell-ico{background-position: 0 -70px;}
.stats-cell:nth-of-type(3) .cell-hd:after{background-color:#013ec8;}
.stats-cell:nth-of-type(3) .cell-value{color:#013ec8;}
.stats-cell:nth-of-type(4) .cell-ico{background-position: 0 -105px;}
.stats-cell:nth-of-type(4) .cell-hd:after{background-color:#fb9678;}
.stats-cell:nth-of-type(4) .cell-value{color:#fb9678;}
.stats-cell:nth-of-type(5) .cell-ico{background-position: 0 -140px;}
.stats-cell:nth-of-type(5) .cell-hd:after{background-color:#00bcd4;}
.stats-cell:nth-of-type(5) .cell-value{color:#00bcd4;}

/*方案信息*/
.index-col-scheme .sys-txt-list li{padding: 1em 0 1.4em;}
.index-col-scheme .sys-txt-list li:last-of-type{padding-bottom: 0;}

/*统计*/
.sys-card .brief-stats-list{max-width: 280px;padding-right: 55px;}
.brief-stats-item{position:relative;display:table;width:100%;height:35px;line-height:35px;padding:0 0 10px;}
.brief-stats-item .hide_info{display:none; position:absolute;left:100px; top:0; z-index:999;width:150px;padding:15px 10px;border:1px solid #eee;box-shadow:0 0 6px rgba(0,0,0,.1);    border-radius: 5px;background-color: #fff;  line-height:1.5}
.brief-stats-item .brief-stats-label i{ position:relative; display:inline-block; vertical-align:middle; width:20px; height:20px;background: url(../img/wh.png) no-repeat center;background-size:cover;margin-left:10px;-moz-transform:translateY(-2px);  -webkit-transform:translateY(-2px); -o-transform:translateY(-2px); -ms-transform:translateY(-2px); transform:translateY(-2px);}
.brief-stats-item .brief-stats-label,.brief-stats-item .brief-stats-value{position:relative;display: table-cell;vertical-align: middle;}
.brief-stats-item .brief-stats-value{text-align: right;font-size: 14px;}
.brief-stats-item .brief-stats-num{font-size:24px;color:#188ae2;padding-right:3px;}

/*访问来源*/
.referrer-list .referrer-item{padding: 5px 50px 5px 0;position: relative;}
.referrer-list .referrer-label{display: block;width: 70%;color:#999;margin-bottom: 3px;height: 1.3em;line-height: 1.3em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.referrer-list .referrer-bar,.referrer-list .referrer-bar span{display: block;height: 6px;overflow: hidden;}
.referrer-list .referrer-bar span{width: 0;background-color: #cecece;}
.referrer-list .referrer-item:first-of-type .referrer-bar  span{background-color: #0096ff;}
.referrer-list .ico-medal-cup{display: inline-block;width: 30px;height: 30px;background-repeat: no-repeat;background-position: center;background-image: url(../img/ico-medal-cup.png);position: absolute;right: 0;top: 50%;margin-top: -15px;}

/*APP下载*/
.app-qrcode-item,.ios-app-tips p{color:#999;}
.app-qrcode-item{padding:0 0 15px;}
.app-qrcode-item .item-label{display:inline-block;padding-right:8px;vertical-align:middle;}
.app-qrcode-item .item-label{*display: inline;}
.app-qrcode-item .item-qrcode,.app-qrcode-item .item-qrcode .sm-ico-qrcode{display:inline-block;width:22px;height:22px;cursor: pointer;}
.app-qrcode-item .item-qrcode{position:relative;vertical-align:middle;*display: inline;}
.app-qrcode-item .sm-ico-qrcode{background-position:-67px 2px;}
.app-qrcode-item .qrcode-item-pop{display:block;width:160px;padding:16px;background-color:#fff;border:1px solid #eee;border-radius:3px;text-align:center;position:absolute;left:35px;bottom:-20px;box-shadow:1px 1px 0 rgba(0,0,0,.2);visibility:hidden;opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px);-webkit-transition:all .2s ease;transition:all .2s ease;}
.app-qrcode-item .qrcode-item-pop .pop-qrcode-txt{display:block;color:#999;padding:.5em 0 0;}
.app-qrcode-item .qrcode-item-pop:before,.app-qrcode-item .qrcode-item-pop:after{content:'';display:block;width:0;height:0;border-width:10px 10px 10px 0;border-style:solid solid solid dashed;position:absolute;bottom:20px;}
.app-qrcode-item .qrcode-item-pop:before{border-color:transparent #eee transparent transparent;left:-10px;}
.app-qrcode-item .qrcode-item-pop:after{border-color:transparent #fff transparent transparent;left:-8px;}
.app-qrcode-item:hover{position:relative;z-index:3;}
.app-qrcode-item .item-qrcode:hover .qrcode-item-pop{visibility:visible;opacity:1;filter:alpha(opacity=100);-webkit-transform:translateY(0);transform:translateY(0);}
.app-qrcode-item .item-qrcode:hover .qrcode-item-pop img{width:160px;height:160px;}

/*运营中心*/
.gd-col-contact .gd-panel{position:relative;background-image:url(img/ct_bg_map.png);background-position:right bottom;background-repeat:no-repeat;}
.contact-list li{line-height:27px;padding-left:25px;position:relative;margin-right:-10px;}
.contact-list li i{display:inline-block;width:13px;height:13px;position:absolute;left:0;top:8px;_left:-25px;_top:3px;overflow:hidden;}
.contact-list li i{*display:inline;}
.contact-list li i.ct-ico-company{background-position:-40px 0;}
.contact-list li i.ct-ico-address{background-position:-40px -27px;}
.contact-list li i.ct-ico-manager{background-position:-40px -54px;}
.contact-list li i.ct-ico-tel{background-position:-40px -83px;}
.contact-list li i.ct-ico-qq{background-position:-40px -110px;}

/*栏目背景*/
.card-bg-1,.card-bg-2,.card-bg-3,.card-bg-5{background-position: right bottom;background-repeat: no-repeat;}
.card-bg-4{background-position:right 0;background-repeat: no-repeat;}
.card-bg-1{background-image: url(../img/card-bg-01.png);}
.card-bg-2{background-image: url(../img/card-bg-02.png);}
.card-bg-3{background-image: url(../img/card-bg-03.png);}
.card-bg-4{background-image: url(../img/card-bg-04.png);}
.card-bg-5{background-image: url(../img/card-bg-05.png);}

/*轮播*/
.index-col-bns .sys-card{height: 223px;position: relative;}
.index-col-bns .sys-slider .bn-item{position: relative;height: 100%;}
.index-col-bns .sys-slider .bn-item img{height: 223px;}
.sys-slider{border-radius: 3px;overflow: hidden;}
.sys-slider .bn-item img{width: 100%;height: auto;}

/*图表*/
.chart-box{height: 270px;margin: 0 -10px -20px;}
.chart-box .ponit-value{color: #f00!important;}
.country-top10-chart {padding-top: 30px;}

/*layer-5*/
.sys-layer:last-of-type .sys-card{margin-bottom: 0;}




@media screen and (max-width: 1280px){
	/*栏目间距*/
	.sys-row{margin: 0 -8px;}
	.sys-col .sys-card{margin: 0 8px 16px}
	.sys-card{padding: 20px;}
	/* 首页*/
	.stats-cells{margin: 0 -20px;}
	.stats-card .stats-cell .cell-value{font-size: 36px;}
	.sys-card .brief-stats-list{padding-right: 40px;}
	.card-bg-1,.card-bg-2,.card-bg-3{-webkit-background-size: 50px auto;background-size: 50px auto;}
	.card-bg-4{-webkit-background-size: 100px auto;background-size: 100px auto;}
}

@media screen and (max-width: 1152px){
	.stats-card .stats-cell{width:29.33333333%;}
	.index-col-scheme,.index-col-site,.index-col-seo,.index-col-related{width: 50%;}
	.index-col-month{width:58.33333333%;}
	.index-col-inquiry{width:41.66666667%;}
	.index-col-apps,.index-col-service{width: 50%;}
	.index-col-bns{width: 100%;}
	.sys-layer:last-of-type .sys-card{margin-bottom: 16px;}
	.sys-layer:last-of-type .index-col-bns .sys-card{margin-bottom: 0;}
}


/* ==============================================
                                * 设备：手机端
                                ---------------------------------------------- */
@media screen and (max-width: 767px){

	/*取消栏目等高*/
	.index-col-scheme,.index-col-site,.index-col-seo,.index-col-related,.index-col-month,.index-col-inquiry,.index-col-apps,.index-col-service,.index-col-referrer,.index-col-top10{width: 100%;}
	.index-col-scheme .sys-card,.index-col-site .sys-card,.index-col-seo .sys-card,.index-col-related .sys-card,
	.index-col-month .sys-card,.index-col-inquiry .sys-card,
	.index-col-referrer .sys-card,.index-col-top10 .sys-card,
	.index-col-apps .sys-card,.index-col-service .sys-card{min-height:inherit;}

	/*信息统计*/
	.stats-card{padding-top: 10px;padding-bottom: 25px;}
	.stats-cell{border-bottom-width: 1px;}
	.stats-cell+.stats-cell{margin-top: 8px;}
	.stats-cell .cell-hd{min-width: 45%;padding-bottom: 8px;}
	.stats-cell .cell-hd:after{height: 1px;bottom: -1px;}
	.stats-cell .cell-ico{display: inline-block;vertical-align: bottom;-webkit-transform: scale(.6,.6);transform: scale(.6,.6);-webkit-transform-origin: 0 bottom;transform-origin: 0 bottom;margin-right: -5px;margin-bottom: auto;}
	.stats-cell .cell-label{vertical-align: middle;padding-bottom: 0;}
	.stats-card .stats-cell .cell-value{line-height: 1.3em;top: .2em;font-size: 24px;line-height: 40px;}
	.stats-card .stats-cell{width: 96%;margin-bottom: 0;}

	 /*全球搜方案信息*/
	.index-col-scheme .sys-txt-list li{padding: .6em 0;}

	/*统计*/
	.brief-stats-item{padding-bottom: 0;}

	/* 图表*/
	.chart-box{margin-bottom: -10px;}
	.inquiry-country-chart{height: 200px;}

	/*访问来源统计*/
	.referrer-list .ico-medal-cup {width: 24px;height: 24px;-webkit-background-size: contain;background-size: contain;margin-top: -12px;}

	/*APP下载*/
	.app-qrcode-item .item-qrcode{position: static;}
	.app-qrcode-item .item-qrcode .qrcode-item-pop,.app-qrcode-item .item-qrcode:hover .qrcode-item-pop{position:fixed;left: 50%;top: 50%;bottom: auto;-webkit-transform: translate3d(-50%,-50%,0);transform: translate3d(-50%,-50%,0);outline: 8px solid rgba(0,0,0,.15);border: 1px solid rgba(0,0,0,.35);box-shadow: none;overflow: hidden;}
	.app-qrcode-item .qrcode-item-pop:before,.app-qrcode-item .qrcode-item-pop:after{display: none;}
	.sys-ios .app-qrcode-item .item-qrcode .qrcode-item-pop,.sys-ios .app-qrcode-item .item-qrcode:hover .qrcode-item-pop{position: absolute;}

	/*layer-5*/
	.sys-layer:last-of-type .sys-card{margin-bottom: 10px;}
	.sys-layer:last-of-type .index-col-bns .sys-card{margin-bottom: 0;}

	/*轮播*/
	.index-col-bns .sys-card{width: 100%;width: calc(100vw - 20px);position: relative;overflow: hidden;-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
	.sys-slider .owl-dots{bottom: 10px;}
	.sys-slider .owl-dot{width: 8px;height: 8px;}
	.index-col-bns .sys-card{height: auto;position: relative;}
	.index-col-bns .sys-slider .bn-item img{height: auto;}
}
@media screen and (max-width: 480px){
	/*栏目背景*/
	.card-bg-1,.card-bg-2,.card-bg-3{-webkit-background-size: 12% auto;background-size: 12% auto;}
	.card-bg-4{-webkit-background-size: 25% auto;background-size: 25% auto;}
	.card-bg-5{-webkit-background-size: 35% auto;background-size: 35% auto;}
}






/* ======================================================= 
                                                    		  PAGE: 登录
                                                                    =======================================================*/

/* 布局 */
.login-body{width:100%;min-height:100%;position:absolute;left:0;top:0;background-color:#0092ff;}
.login-main{width:40%;height:100%;position:absolute;right:0;top:0;}
.login-main-wrap{width:75%;height:100%;position:absolute;left:0;top:0;display:table;padding:5%;padding-left: 20%;box-sizing: border-box;}
.login-main-inner{display:table-cell;vertical-align:middle;}
.login-main-cont{max-width:500px;}
.hide{display:none;}


/* ==============================================
                                * 版块:左侧
                                ---------------------------------------------- */
.login-logo{position:absolute;left:70px;top:45px;z-index:3;}
.login-logo img{height:67px;width:auto;}
.login-aside{width:60%;height:100%;position:absolute;left:0;top:0;overflow: hidden;}
.login-banner-bg{width:100%;height:100%;position:absolute;left:0;top:0;background-position:center;background-repeat:no-repeat;-webkit-background-size:cover;background-size:cover;z-index:1;}
.login-video-bg{z-index:2;}
.login-video-bg,.login-video-bg video,.login-video-bg img,.login-video-bg .video-mask{display:block;width:100%;height:100%;position:absolute;left:0;top:0;}
.login-video-bg video{object-fit:cover;}
.login-video-bg .video-mask{z-index: 2;}


/* ==============================================
                                * 版块:右侧
                                ---------------------------------------------- */

/* 标题 */
.login-main-hd,.login-main-hd a,.login-tabs,.login-tabs a{color:#fff;}
.login-main-hd{display:inline-block;padding-right:15px;margin-bottom:35px;vertical-align:middle;position:relative;}
.login-main-title{font-size:18px;font-weight:normal;}
.login-main-hd .ico-plane,.login-main-hd .ico-plane i{display:inline-block;width:23px;height:23px;vertical-align: top;}
.login-main-hd .ico-plane{position:absolute;left:100%;top:3px;animation: flyX 1.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;}
.login-main-hd .ico-plane i{background-repeat:no-repeat;background-position:center;-webkit-background-size:contain;background-size:contain;background-image:url(./../img/login/ico-plane.png);}
.login-main-hd .ico-plane i{animation: flyY 1.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;}
@keyframes flyX {0%{left: 0;}50%{left: 80%;}100%{left: 100%;}}
@keyframes flyY {0%{transform: translateY(30px) rotate(45deg) scale(.7);}50%{transform: translateY(30px) rotate(25deg);}100%{transform: translateY(0)}}


/* 选项卡 */
.login-tabs{margin-bottom:25px;}
.login-tabs .login-tab-item{display:inline-block;min-width:90px;line-height:20px;padding:6px 0;font-size:14px;letter-spacing:2px;border-bottom:2px solid #c6ffff;margin-right:20px;text-align:center;opacity:.6;filter:alpha(opacity=60);cursor:pointer;box-shadow:0 1px rgba(0,0,0,.15);}
.login-tabs .login-tab-item.active{opacity:1;filter:alpha(opacity=100);}
.login-tabs .tab-item-space{letter-spacing:5px;}

/* 手机验证登录 */
.login-form{width:340px;padding-bottom:40px;position:relative;}
.login-panel{min-height:200px;}
.login-form .login-panel.show{-webkit-animation:fadeIn .3s ease;-o-animation:fadeIn .3s ease;animation:fadeIn .3s ease;}
.login-form-item{width:100%;margin-bottom:15px;}
.login-form-item .get-sms-code{display:inline-block;line-height:22px;color:#666;background-color:#ddd;padding:0 8px;border:0;border-bottom:2px solid #898989;border-right:2px solid #898989;outline:0;margin-top: -32px;position:absolute;right:8px;cursor:pointer;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.login-form-item .get-sms-code b{color:#f00;font-weight:normal;padding-right:3px;}
.login-form-item .get-sms-code.disabled{cursor:default;}
.login-form-item .get-sms-code:not(.disabled):hover{background-color:#eee;border-bottom-color:#777;border-right-color:#777;}
.login-form-item .login-ipt-txt{display:block;padding:9px 5%;width:90%;height: 22px;line-height:22px;background-color:#fff;border:0;border-radius:6px;outline:0;-webkit-transition:background-color .3s ease;-o-transition:background-color .3s ease;transition:background-color .3s ease;}
.login-form-item .login-ipt-txt:focus{background-color:#f0f9ff;}
.login-btn-item{padding-top:15px;}
.login-btn-item .login-button{display:inline-block;height:34px;line-height:34px;background-color:#fff;border:0;outline:0;cursor:pointer;border-radius:6px;padding:0 18px;letter-spacing:8px;text-indent:8px;box-shadow:1px 1px 0 rgba(0,0,0,.1);}
.login-error{display:block;width:100%;line-height:22px;position:absolute;left:0;bottom:15px;z-index:1;visibility:hidden;opacity:0;-webkit-transform:translateY(10px);-ms-transform:translateY(10px);-o-transform:translateY(10px);transform:translateY(10px);-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;}
.login-error .error-tips{border-left:6px solid #e7505a;background-color:#fffcdc;padding:9px 30px 9px 12px;color:#e7505a;border-radius:6px;overflow:hidden;box-shadow:1px 1px 0 rgba(0,0,0,.2);}
.login-error .error-close{display:inline-block;width:20px;height:20px;background-color:#e7505a;border-radius:50%;position:absolute;right:12px;top:9px;background-position:center;background-repeat:no-repeat;-webkit-background-size:auto 8px;background-size:auto 8px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKBAMAAAB/HNKOAAAAFVBMVEUAAAD///////////////////////9Iz20EAAAABnRSTlMAoqlzf32EhiNZAAAAL0lEQVQI12NIZGBgEGNQE2BgTGJgTGQQEwByQ0GCzGkGcFLMBSgCloWqTAIKqgEAsfwF+wYO01sAAAAASUVORK5CYII=);cursor:pointer;}
.login-error-show{visibility:visible;opacity:1;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;}
.invalid-feedback{display:block;width:100%;line-height:22px;position:absolute;left:0;bottom:25px;z-index:1;-webkit-transform:translateY(10px);-ms-transform:translateY(10px);-o-transform:translateY(10px);transform:translateY(10px);-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;}
.invalid-feedback strong{display: block;font-weight: normal;border-left:6px solid #e7505a;background-color:#fffcdc;padding:7px 30px 7px 12px;color:#e7505a;border-radius:3px;overflow:hidden;box-shadow:1px 1px 0 rgba(0,0,0,.05);}


/* 扫码登录 */
.login-main .qrcode-box{width:300px;background-color:#fff;border-radius:6px;text-align:center;padding:15px 0;}
.login-main .qrcode-box iframe{ height:300px !important}
.login-main .qrcode-box .qrcode-img{display:block;}
.login-main .qrcode-box .qrcode-img img{width:auto;height:153px;}
.login-main .qrcode-box .qrcode-txt{display:block;}
.login-main .qrcode-box .qrcode-txt,.login-main .qrcode-box .qrcode-txt a{color:#535353;}
.login-main .qrcode-box .qrcode-txt p{padding-top:8px;}
.login-main .qrcode-box .qrcode-txt p span{vertical-align:middle;}
.login-main .qrcode-box .small-ico-safe{display:inline-block;width:14px;height:17px;background-repeat:no-repeat;background-position:center;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAARCAMAAADaFm2tAAAAXVBMVEUAAAD/2lr/2lr/2lr/2lr/2lr/2lr/2lr/2lr/2lr/2lr/2lr/2lr/2lr/2lr/2lr/2lr/2lr/2lr/2lr/2lr/2lr/2lr/2lr/2lr/2lr/2lr/2lr/2lr/2lr/2lrZPPAfAAAAHnRSTlMA4qN7XPTKMQrr2tSvnoxLRCYX98y8tppmZVI9EAF6nlbXAAAAbUlEQVQI102PVw6DQAwFH9lKCDX04vsfE3hGYudnNJIl21Bsg5fDiFiQvW2qTC4Ks7URX0mY4NL8IaOHnvpojlA/6YE8SYm1aOb0Umk+i4KlSpS3HDrmjED7goqAua3UwNtuBQmeB3YMHfjrgyeiDhF2P/UM6QAAAABJRU5ErkJggg==);vertical-align:middle;margin-right:5px;}



/* ==============================================
                                * 版块:底部
                                ---------------------------------------------- */
.login-main-foot{font-size:13px;}
.login-main-foot,.login-main-foot a{color:#fff;}
.login-main-foot a{-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.login-main-foot a:hover{opacity:.8;}
.login-main-foot .login-foot-nav{letter-spacing:-5px;padding:7px 0;}
.login-main-foot .login-foot-nav li{display:inline;padding-right:5px;letter-spacing:normal;}
.login-main-foot .login-foot-nav li+li:before{content:'|';padding-right:5px;}
.login-main-foot p{padding:7px 0;}



@media screen and (max-width:1440px){
.login-main-wrap{padding-left: 15%;width: 80%;}
}

/* ==============================================
                                * 设备：手机端
                                ---------------------------------------------- */
@media screen and (max-width:992px){
	.login-logo{display:none;}
	.login-aside{display:none;}
	.login-body{position:static;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
	.login-main,.login-main-wrap{position:static;}
	.login-main-wrap{max-width:600px;width:76%;margin:0 auto;padding:30px 0;}
	.login-main-inner{display:block;}
	.login-main-cont{max-width:inherit;}
	.login-main{width:100%;}
	.login-main-inner{padding-left:0;}
	.login-form{width:auto;}
	.mobile-logo{display:block;height:40px;background-repeat:no-repeat;background-position:0 center;-webkit-background-size:auto 100%;background-size:auto 100%;background-image:url(./../img/login/login-logo.png);margin-bottom:20px;}
	.login-main-hd{margin-bottom:25px;padding-right:12px;}
	.login-main-title{font-size:16px;}
	.login-main-hd .ico-plane,.login-main-hd .ico-plane i{width:18px;height:18px;-webkit-animation: none;animation: none;}
	.login-tabs .login-tab-item{min-width:6.5em;font-size:13px;padding:4px 0;letter-spacing:normal;}
	.login-tabs .tab-item-space{letter-spacing:3px;}
	.login-form-item .login-ipt-txt{padding-top:6px;padding-bottom:6px;}
	.login-form-item .get-sms-code{margin-top: -29px;}
	.login-error .error-tips{padding-top:6px;padding-bottom:6px;}
	.login-error .error-close{width:20px;height:20px;right:10px;top:6px;}
	.login-main-foot{font-size:11px;}
	.login-main-foot .login-foot-nav,.login-main-foot p{padding:4px 0;}
	.invalid-feedback{bottom: 25px;}
	.invalid-feedback strong{padding-top:3px;padding-bottom:3px;}
}


/* animate */
@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}











/* 字体 */
@font-face{
 font-family:'AvantGardeITCbyBT-Book';
 src:url("../fonts/AvantGardeITCbyBT/AvantGardeITCbyBT-Book.eot");
src:url("../fonts/AvantGardeITCbyBT/AvantGardeITCbyBT-Book.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("../fonts/AvantGardeITCbyBT/AvantGardeITCbyBT-Book.woff2") format("woff2"), url("../fonts/AvantGardeITCbyBT/AvantGardeITCbyBT-Book.woff") format("woff"), url("../fonts/AvantGardeITCbyBT/AvantGardeITCbyBT-Book.ttf") format("truetype"), url("../fonts/AvantGardeITCbyBT/AvantGardeITCbyBT-Book.svg") format("svg");
font-weight:normal;
font-style:normal;
}