@charset "utf-8";
/* CSS Document */

html{ height: 100%;}
body{ min-width: 320px; height: 100%; background: #fff; position: relative;color: #323232;}

*{margin: 0;padding: 0;border: 0;-webkit-box-sizing: border-box;box-sizing: border-box;}
a{ text-decoration: none; outline: none;}
a:hover ,a:link ,a:active{ text-decoration: none; outline: none;}
ul, li{ list-style: none;}
h1, h2, h3, h4, h5, h6{ font-weight: normal;}
i,em{ font-style: normal;}

img{ border: none; outline: none; vertical-align: top;}

input, textarea, button{ color: #111; border: none; background: none; outline: none;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{ color: #aaa;}

::-webkit-scrollbar{ width: 0; height: 0; display: none}

.global-width{display: block;margin: 100px auto;color: #323232;}

.container{width: 1200px;margin: 0 auto;position: relative;}
main{display: block;width: 100%;min-width: 1000px;}
section{display: block;width: 100%;}
.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.justify-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.white-bg{
	background-color: #fff;
}
/*tab*/
.tab-title{display: block;overflow: hidden;width: 100%;background: #f6f9fa;}
.tab-title ul {width: 100%;border-collapse: collapse;table-layout: fixed;display: table;}
.tab-title ul li{display: table-cell;}
.tab-title li span, .tab-title li a {line-height:50px;font-size:14px;color: #323232;text-align: center;display: block;position: relative;cursor: pointer;}
.tab-title ul li.active span {color: #02bb46;}
.tab-container {width: 100%;overflow: hidden;}
.tab-container .tab-box {width: 100%;overflow: hidden;display: none;position: relative;}
/*table*/
.table {width: 100%;max-width: 100%;}
table {border-spacing: 0;border-collapse: collapse;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {padding:12px 8px;line-height: 1.42857143;vertical-align: top;border-bottom: #f1f1f1 .05rem solid;text-overflow: ellipsis;vertical-align: middle;text-align:center;color: #323232;font-size: 14px;}
.table>tbody>tr>td .cell {color: #777;font-size: 12px;cursor: pointer;}
.table>thead>tr>th .cell .el-checkbox_inner{background: #fff;border: 1px solid #3a3b54;width: 14px;height: 14px;cursor: not-allowed;display: inline-block;position: relative;vertical-align: middle;}

.cell .set-default input[type=radio], .cell .set-default input[type=checkbox]{margin: 0}
.cell .revoke-btn{color: #02bb46;cursor: pointer;}


/*字体颜色*/
.hc-color1 {color: #f55d5d !important;}
.hc-color2 {color: #00c295 !important;}
.hc-color3 {color: #323232 !important;}
.hc-color4 {color: #02bb46 !important;}
.hc-color6 {color: #596380 !important;}

/*宽度*/
.wdith-65{width: 65%;}
.wdith-35{width: 35%;}
/*背景*/
.hc-bgColor3 {background: #f6f9fa;}
/*边框*/
.hc-border{border-color: #4f5273!important;}
/*边距*/
.margin0{margin: 0 !important;}
.margin-t0{margin-top: 0 !important;}

/*字体居中-左-右*/
.is-left{text-align:left!important;}
.is-center{text-align: center !important;}
.is-right{text-align: right!important;}
/*浮动*/
.float-r{float:right !important;}
.pull-left {
    float: left;
}
.pull-right {
    float: right;
}
.clearfix:after, .clearfix:before {
    content: " ";
    display: table;
    clear: both;
}

/***当前位置***/
.hc-breadcrumb {margin-top: 40px;margin-bottom: 20px;height: 60px;line-height: 60px;width: 100%;font-size: 16px;background: #f6f9fa;position: relative;}
.hc-breadcrumb span {margin-left: 30px;color: #666;cursor: pointer;}
.hc-breadcrumb-icon {margin: 0 10px;width: 10px;height: 14px; display: inline-block;
background: url(../images/ico_right.png)no-repeat center bottom;background-size:6px;}
.second-position{margin: 0;}
.second-position img{height: 16px;vertical-align: middle;margin-right:5px;}

/**********通用弹框**********/
/**************************/
/******主体******/
.popup{ width: 100%; height: 100%; background: rgba(0,0,0,.5); overflow: hidden; position: fixed; top: 0; left: 0; z-index: 99999; display: none;}
.popup-bg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1;}


/******弹出框******/
/*------主体------*/
.popup-box{ width:420px; background: #fff; border-radius:4px;overflow: hidden; position: absolute; left:50%; top: 20%;margin-left: -210px; z-index: 2;box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);}
.popup-box-title{ width: 100%; font-size:18px; text-align: center;background: #fff; padding:15px; position: relative;color: #323232;}

.popup-box-close{ width:16px; height:16px; content: ''; background: url("../images/icon_close_gray.png") no-repeat center; background-size:12px auto; position: absolute; right:15px; top:19px;cursor: pointer;}
.popup-box-close:hover{background: url("../images/icon_close_gray_hover.png") no-repeat center; background-size:12px auto; }
/*------内容框和滚动条样式------*/
.popup-box-content{ width: 100%;min-height:150px; overflow-x: hidden; overflow-y: auto;padding: 15px;}
.popup-box-content::-webkit-scrollbar{ width:5px; display: block;}
.popup-box-content::-webkit-scrollbar-track{ width:5px; background: #fff; border-radius:2px;}/*轨道*/
.popup-box-content::-webkit-scrollbar-thumb{ height: 30px; background: #ddd; border-radius:2px;}/*滚动块*/

.tips-one{display: block;padding: 40px 50px;width: 100%;}
.row-style{display: block;width: 100%;}
.row-style .title{font-weight: 700;font-size: 14px;}
.row-style .content {margin-top: 5px;font-size: 14px;color: #323232;}

/*------按钮------*/
.popup-submit{ width: 100%;overflow: hidden;}
.popup-submit button{ width: 50%; height:36px; font-size: 14px; text-align: center; float: left;}
.popup-submit .confirm-btn{ font-size:14px; color:#12131f;}
.popup-submit .cancle-btn{ color: #999;}
.popup-submit .submit-button1{display: block;width: 310px;margin: 0 auto 20px auto;background: #02bb46;border-color: #02bb46;font-size: 16px;padding: 9px 15px;border-radius: 3px;line-height: 1;float: none;cursor: pointer;}

.button-box{display: block;margin-top: 50px;}

.form-submit-btn2 {height: 50px;width: 100%;font-size: 18px;margin-top: 30px;background: #fff;border:1px solid #02bb46;border-radius: 4px;cursor: pointer;color: #02bb46;}
.form-submit-btn2:hover{background: #02bb46;border-color: #02bb46;color: #fff;}
/******弹出框2******/
.popup-2 .popup-box{ width:600px;margin-left:-300px;}
.popup-box .reminder{font-size: 12px;text-align: center;color: #323232;}





/**************************头部**************************/
.navbar{position: fixed;top:0; width: 100%; min-width: 1000px;height: 80px;border:0;background: #fff;padding-left: 16px;padding-right: 16px;z-index: 1001;margin-bottom: -50px;box-shadow: 0 0 3px rgba(0,0,0,.25);}
.home-navbar{background:#fff;}
.header-logo{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.header-logo{height: 80px;float: left;}
.header-logo img{height: 50px;}

.header-nav{display: block; height: 80px;width: 80%;}
.navbar-nav{float: left;margin: 0;padding-left: 15px;}
.navbar-nav li{float: left;position: relative;}
.navbar-nav li a{display: inline-block;height: 80px; line-height: 80px;font-size: 1.2rem;color:#333;padding-left:20px;padding-right:20px;}
.navbar-nav li:hover a{border-bottom: 3px solid #0c83fa;color: #0c83fa;}
.navbar-nav li a.active{border-bottom: 3px solid #0c83fa;color: #0c83fa;}
.pc-container {
    margin: 0 auto;
    width: 100%;
    min-width: 1000px
}

@media screen and (min-width: 1000px) {
    .pc-container {
        width:1000px
    }
}

@media screen and (min-width: 1250px) {
    .pc-container {
        width:1180px;
    }
}
.top-box{
    display: flex;
}
.city{
    line-height: 80px;
    float: right;
}
.city span{
    display: inline-block;
    max-width: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    color: #333;
}
.city .city_change{
    margin-left: 10px;
}


/***头部右边***/
.navbar-right{float: right;}
.header-menu-dropdowns{display: none; min-width: 160px;background: #fff; position: absolute;top:50px;left:-10px; z-index: 1000;margin: 0;padding: 0;list-style: none;-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);-o-box-shadow: 0 1px 3px rgba(0,0,0,0.2);box-shadow: 0 1px 3px rgba(0,0,0,0.2);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);padding-bottom: 3px;}
.header-menu-dropdowns li{display: block;width:100%; overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;padding: 0;}
.header-menu-dropdowns li a {display: block;height: auto; min-width: 160px;line-height:20px;padding:10px 25px;color: #323232;border-bottom: 1px solid transparent !important;text-transform: uppercase;font-weight: normal;}
.header-menu-dropdowns li a:hover{color: #0c83fa;}
/*头部我的*/
.header-menu-my{left:-100px;}
.user-desc-box{display: block;min-width:200px;padding:10px 25px 30px 25px; background: url(../images/info01.png) no-repeat top center;background-size: cover;}
.user-desc-box h2{display: block;font-size: 14px;line-height: 20px;}
.user-desc-box p{display: block;font-size: 14px;}
/*头部下载*/
.header-download{display: none; min-width: 160px;background: #fff; position: absolute;top:50px;right:-50px; z-index: 1000;margin: 0;padding: 0;list-style: none;-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);-o-box-shadow: 0 1px 3px rgba(0,0,0,0.2);box-shadow: 0 1px 3px rgba(0,0,0,0.2);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);padding-bottom: 3px;}
.header-download li{padding:15px;float: none;}
.header-download-dropdowns{display:block;min-width: 256px;overflow: hidden;position: relative;}
.header-download-qr{display:block;float: left;padding:8px;border: solid 1px #eee;}
.header-download-qr img{display: block;width: 108px;height: 108px;}
.header-download-qrtext{display:block;float: left;padding: 10px;}
.header-download-qrtext p{display: block;font-size: 14px;line-height: 30px;}
/*头部语言*/
.header-menu-language{display: none;width:300px;background: #fff; position: absolute;top:50px;right:0px; z-index: 1000;margin: 0;padding: 0;list-style: none;-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);-o-box-shadow: 0 1px 3px rgba(0,0,0,0.2);box-shadow: 0 1px 3px rgba(0,0,0,0.2);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);padding-bottom: 3px;}
.header-menu-language li{display: block;width:50%;float: left;}
.header-menu-language li a{color: #323232;}
.header-menu-language li a:hover{color: #0c83fa;}


/* footer */
.container-footer {
    position: relative;
    padding: 30px 0 20px;
	margin-top: 80px;
    background-color: rgba(38, 39, 41, .95);
}
.container-footer .mb20 {
    margin-bottom: 20px;
}
.container-footer .mb30 {
    margin-bottom: 30px;
}
.container-footer .section-link-group {
    font-size: 0;
}
.container-footer .link-item:first-child,
.container-footer .text-item:first-child {
	padding-left: 0;
	border-left: 0
}
.container-footer .link-item, .container-footer .text-item {
    display: inline-block;
    font-size: .8rem;
    line-height: 1;
    color: rgba(196, 201, 204, .5);
}

.container-footer .link-item {
	padding: 0 13px;
	border-right: 1px solid rgba(196, 201, 204, .5)
}
container-footer .link-item {
    padding: 0 13px;
    border-right: 1px solid rgba(196, 201, 204, .5);
}

@media screen and (min-width:1250px) {
	.container-footer .link-item {
		padding: 0 15px
	}
}

.container-footer .link-item:last-child {
	border-right: 0
}

.container-footer .link-item:hover {
	color: #65b5f2
}

.container-footer .mb13 {
	margin-bottom: 13px
}

.container-footer .mr20 {
	margin-right: 20px
}

.container-footer .mr40 {
	margin-right: 40px
}

.container-footer .mb30 {
	margin-bottom: 30px
}

.container-footer .mb20 {
	margin-bottom: 20px
}

.container-footer .fs12 {
	font-size: 1.2rem;
	line-height: 17px
}


/* 悬挂组件 */
.component-side-fixed-bar {
    position: fixed;
    right: 15px;
    bottom: 135px;
    z-index: 1010;
}

.component-side-fixed-bar .bar-item {
    width: 40px;
    height: 40px;
    margin-bottom: 15px;
    overflow: hidden;
    line-height: 40px;
    opacity: .7;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.component-side-fixed-bar .bar-item .item-content {
    width: 40px;
    height: 40px;
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.component-side-fixed-bar .bar-item .item-content.side-item-content-code {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.component-side-fixed-bar .bar-item.bar-item-code .item-icon {
    width: 30px;
    height: 30px;
}
.component-side-fixed-bar .bar-item .tip {
    width: 40px;
    height: 40px;
    padding: 3px 7px;
    font-size: .64rem;
    line-height: 18px;
    color: #fff;
    background-color: #39f;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.component-side-fixed-bar .bar-item:hover {
    opacity: 1;
}
.component-side-fixed-bar .bar-item:hover .tip {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
}

@media screen and (min-width: 1330px) {
    .component-side-fixed-bar {
        right: auto;
        left: calc(50% + 610px);
    }
}

.suspendserv_hoverarea{
	background: #fff;
	border-radius: 6px;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .12);
	box-shadow: 0 0 10px rgba(0, 0, 0, .12);
	color: #333;
	font-size: 14px;
	left: -16px;
	line-height: 24px;
	padding: 15px;
	position: absolute;
	z-index: 999;
	text-align: left;
	top: 15px;
	-webkit-transform: translate(-100%, -50%) scale(0);
	-ms-transform: translate(-100%, -50%) scale(0);
	transform: translate(-100%, -50%) scale(0);
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s;
}
.suspendserv_hoverarea:after {
    background: #fff;
    content: "";
    -webkit-filter: drop-shadow(2px -2px 1px rgba(0, 0, 0, .05));
    filter: drop-shadow(2px -2px 1px rgba(0, 0, 0, .05));
    height: 8px;
    position: absolute;
    right: 0;
    right: -12px;
    top: 50%;
    -webkit-transform: translate(-100%, -50%) rotate(45deg);
    -ms-transform: translate(-100%, -50%) rotate(45deg);
    transform: translate(-100%, -50%) rotate(45deg);
    width: 8px;
}
.component-side-fixed-bar .bar-item:hover .suspendserv_hoverarea{
	-webkit-transform: translate(-100%, -50%) scale(1);
	-ms-transform: translate(-100%, -50%) scale(1);
	transform: translate(-100%, -50%) scale(1);
}
.suspendserv_hoveritem {
    display: inline-block;
    max-width: 182px;
    min-width: 100%;
    width: 182px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    word-break: break-all;
}
.suspendserv_hoveritem {
    max-width: 140px;
}

.suspendserv_hoveritem .wx-img {
    background-color: #f5f5f5;
    height: 110px;
    margin: 15px 15px 8px;
    width: 110px;
}
.suspendserv_hoveritem .hoverarea-txt{
	color: #444;
	font-size:.9rem;
	text-align: center;
}
.suspendserv_hoveritem a{
	color: #007AFF;
	font-size: 1rem;
	font-weight: 700;
}