/*** style.css **/

a, a:focus, a:hover {
	text-decoration: none
}

.button, .button.disabled:hover {
	background: #1966FF
}

.clear, .clearfix:after, .foot {
	clear: both
}

img {
	vertical-align: top
}

input {
    outline-style: none;
    border: 1px solid #ccc; 
    border-radius: 3px;
    padding: 13px 13px;
    width: 240px;
    font-size: 14px;
    font-weight: 500;
}

input:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}

select {
	display: inline-block;
	width: 240px;
	height:40px;
    font-size: 14px;
	position: relative;
	vertical-align: middle;
	padding: 0 10px;
	overflow: hidden;
	background-color: #fff;
	color: #555;
	border: 1px solid #aaa;
	text-shadow: none;
	border-radius: 4px;	
	transition: box-shadow 0.25s ease;
	z-index: 2;
}

select:hover {
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}

.over-h {
	overflow: hidden
}

.clearfix:after, .clearfix:before {
	content: " ";
	display: table
}

.margin0 {
	margin: 0
}

.mt10 {
	margin-top: 10px
}

.mt15 {
	margin-top: 15px
}

.mt20 {
	margin-top: 20px
}

.mt30 {
	margin-top: 30px
}

.mt40 {
	margin-top: 40px
}

.mt100 {
	margin-top: 100px
}

.mr10 {
	margin-right: 10px
}

.mr20 {
	margin-right: 20px
}

.mr30 {
	margin-right: 30px
}

.ml20 {
	margin-left: 20px
}

.mb0 {
	margin-bottom: 0
}

.mb10 {
	margin-bottom: 10px
}

.mb20 {
	margin-bottom: 20px
}

.mb30 {
	margin-bottom: 30px
}

.mb50 {
	margin-bottom: 50px
}

.pb20 {
	padding-bottom: 20px
}

.pb30 {
	padding-bottom: 30px
}

.border-grey {
	border: 1px solid #E6E6E6
}

.button {
	color: #fff;
	box-shadow: 0 2px 4px 0 rgba(25, 102, 255, .2);
	border-radius: 4px
}

.button.disabled {
	opacity: .5
}

.button:hover {
	background: #175be5
}

.toast-dialog-container {
	position: fixed;
	z-index: 1000000;
	width: 100%;
	height: 100%
}

.toast-dialog-container .toast-content {
	position: fixed;
	z-index: 1000001;
	left: 50%;
	top: 60%;
	padding: 10px 20px;
	color: #fff;
	border-radius: 200px;
	transform: translate(-50%, -50%);
	background-color: rgba(0, 0, 0, .4);
	-moz-transition: top linear 1s;
	-webkit-transition: top linear 1ms;
	transition: top linear 1ms;
	opacity: 0
}

.toast-dialog-container .toast-content.in {
	top: 50%;
	opacity: 1
}

.btn.btn-primary {
	color: #fff;
	background-color: #1966ff
}

.pull-left {
	float: left
}

.pull-right {
	float: right
}

.tab-containner .nav-tabs {
	display: flex
}

.tab-containner .nav-tabs li {
	cursor: pointer
}

.tab-containner .tab-pane {
	display: none
}

.tab-containner .tab-pane.active {
	display: block
}

.gui-flex {
	display: -webkit-box !important;
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.gui-flex .cell {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 0;
	-webkit-flex-basis: 0;
	flex-basis: 0;
	height: 100%;
	max-width: 100%;
	font-size: 14px;
	display: block;
	position: relative
}

.form-container .form-group {
	line-height: 40px;
	margin-bottom: 20px;
	font-size: 14px
}

.form-container .form-group label {
	float: left;
	margin-right: 10px;
	text-align: right
}

.push, .menu .link, .wxIcon {
	text-align: center
}

.form-container .form-group label span {
	position: relative;
	font-weight: 700
}

.form-container .form-group label span:before {
	content: "*";
	height: 40px;
	font-size: 16px;
	color: red;
	line-height: 48px;
	position: absolute;
	left: -16px
}

#container, .tabMenu li {
	position: relative
}

.form-container .form-group .input-wrap input {
	height: 40px;
	font-size: 14px;
	line-height: 20px;
	padding: 10px 12px;
	border: 1px solid #e6e6e6;
	background: #fafafa
}

.breadcrumb {
	max-width: 1170px;
	margin: 20px auto 0;
	font-size: 0;
	background-color: transparent
}

.breadcrumb a, .breadcrumb i, .breadcrumb span {
	font-size: 12px
}

.breadcrumb a, .breadcrumb i {
	color: #333
}

.breadcrumb a {
	padding-right: 10px
}

.breadcrumb a:hover {
	color: #1966FF
}

.breadcrumb i {
	margin-right: 10px
}

.breadcrumb span {
	color: #999
}

a, body {
	color: #333
}

body {
	overflow: auto;
	font-size: 14px;
	background: #f7f7f7
}

body, html {
	width: 100%;
	min-width: 1200px;
	height: 100%
}

*, .h1, .h2, .h3, .table, body, h1, h2, h3, ol, p, ul {
	margin: 0;
	padding: 0;
	list-style: none
}

a:hover {
	color: #175be5
}

button, textarea {
	border: 0;
	box-shadow: none;
	outline: 0
}

textarea {
	resize: none
}

.checkbox label, .radio label {
	color: #999;
	font-size: 12px;
	vertical-align: top
}

.fastSea a, .fz14 {
	font-size: 14px
}

address, caption, cite, code, dfn, em, optgroup, strong, th, var {
	font-style: inherit
}

.cbx, .morebox .title-more, form .cbx-carType {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased
}

.none {
	display: none !important
}

.form-horizontal .checkbox, .form-horizontal .radio {
	min-height: auto
}

@media ( min-width :1200px) {
	.home-section {
		width: 100%
	}
}

.container {
	width: 1180px
}

.container, .content {
	margin: 0 auto;
	padding: 0
}

#container {
	min-height: 100% !important;
	padding-bottom: 160px
}

.submit-btn {
	border: 0;
	margin: 0;
	cursor: pointer;
	background: 0 0;
	border-radius: 0
}

.submit-blue {
	background: #2c8de5;
	color: #fff;
	padding: 8px 50px
}

.form-control {
	padding: 4px 6px;
	border-radius: 0;
	border: 1px solid #dedede;
	-webkit-box-shadow: none;
	box-shadow: none;
	height: 30px;
	float: left
}

.control-label {
	line-height: 30px;
	color: #747474;
	margin-right: 8px;
	padding-top: 0 !important;
	font-weight: 400;
	float: left
}

.bfff {
	background: #fff;
	padding: 20px
}

.bfff h2 {
	font-size: 20px;
	margin-bottom: 10px;
	margin-top: -2px
}


.list_group_head, .list_group_head a {
	color: rgba(0, 0, 0, .4)
}

.list_group_head {
	height: 10px
}

.list_group_head a:hover {
	color: #007aff
}

.tabMenu li.active a:after, .tabMenu li.active a:before {
	content: "";
	position: absolute;
	display: block
}

.tabMenu li a {
	font-size: 12px;
	border-radius: 0;
	margin: 0;
	border: 0
}

.tabMenu li a:focus, .tabMenu li a:hover, .tabMenu li.active a {
	border: 0 !important;
	background: 0 0 !important;
	text-decoration: none
}

.tabMenu li.active a:before {
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 4px solid #2c8de5;
	bottom: 2px;
	left: 50%;
	margin-left: -4px
}

.tabMenu li.active a:after {
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: #2c8de5
}

.gfwxTop, .navbar, .navbar .city {
	position: relative
}

.TopMenu a {
	color: #666;
	font-size: 12px;
	margin-left: 24px;
	line-height: 30px;
	float: left
}

.TopMenu a:hover {
	color: #2c8de5
}

.gfwxTop:hover .wxIcon {
	display: block
}

.wxIcon {
	position: absolute;
	display: none;
	z-index: 1000;
	width: 140px;
	height: 140px;
	padding: 15px;
	background: #fff;
	border: 1px solid #e6e6e6
}

.wxIcon img {
	width: 110px;
	height: 110px
}

.navbar {
	width: 100%;
	height: 90px;
	border: 0;
	border-radius: 0;
	margin: 0;
	background-image: linear-gradient(-180deg, #194cb3 0, #03328f 97%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
		startColorstr=#194cb3, endColorstr=#03328f);
	-ms-filter:
		"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#194CB3, endColorstr=#03328F)";
	z-index: 999
}

.navbar .container {
	height: 100%
}

.navbar .logo {
	width: 128px;
	height: 42px;
	margin-right: 30px;
	margin-top: 24px
}

.navbar .logo img {
	width: 100%;
	height: auto
}

.navbar .sys {
	float: left;
	color: #fff;
	height: 50px;
	font-size: 24px;
	padding: 0 0px;
	margin-top: 20px;
	line-height: 50px;
	border-left: 0px solid rgba(255, 255, 255, .1)
}

.navbar .text {
	text-indent: 20px;
}

.navbar .sys.active {
	margin-top: 0;
	height: 100%;
	background: #fff;
	color: #1966ff
}

.navbar .sys.active .sysLogoName {
	margin-top: 34px;
	cursor: pointer
}

.menu {
	height: 90px;
	margin: 0 0 0 50px
}

.menu .link {
	float: left;
	font-size: 16px;
	color: #fff;
	padding: 30px 20px
}

.menu .link span.e {
	font-size: 0
}

.menu .link:hover {
	height: 100%;
	color: #fffb1c
}

.menu .link.active, .menu .link:hover .text {
	color: #fffb1c
}

.menu .link.active .text {
	color: #fffb1c;
	padding-bottom: 10px;
	border-bottom: 4px solid #fffb1c
}

.menu .menu_more .text {
	display: block;
	color: #fff;
	padding-top: 0;
	margin: 0;
	position: relative
}

.menu .menu_more .text:after {
	content: '';
	border-top: 3px solid #fff;
	border-right: 3px solid transparent;
	border-left: 3px solid transparent;
	position: absolute;
	right: -12px;
	top: 10px
}

.menu .menu_more.active:after, .menu .menu_more:hover:after {
	position: absolute;
	bottom: 0;
	left: 28px;
	content: '';
	border-bottom: 7px solid #fff;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent
}

.menu .menu_more.active .text:after, .menu .menu_more:hover .text:after
	{
	border-top-color: #fffb1c
}

.menu .menu_more:hover .menu_second {
	display: block
}

.menu .menu_more .menu_second {
	display: none;
	padding: 10px 0;
	background: #fff;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .1);
	position: absolute;
	top: 51px;
	left: -16px;
	z-index: 999;
	margin-top: 38px
}

.menu .menu_more .menu_second.faq:after {
	left: 50px
}

.menu .menu_more .menu_second li {
	height: 54px;
	font-size: 14px;
	color: #000;
	line-height: 54px;
	text-align: left;
	padding: 0 24px
}

.menu .menu_more .menu_second li a {
	display: block;
	white-space: nowrap
}

.menu .menu_more .menu_second li a .iconfont {
	font-size: 24px;
	color: #1966ff;
	vertical-align: -4px;
	margin-right: 5px
}

.menu .menu_more .menu_second li:hover {
	background: #DBE7FF
}

.menu .menu_more .menu_second li:hover a {
	color: #000
}

.menu .menu_options {
	display: inline-block;
	width: 148px;
	font-size: 14px;
	text-align: center;
	padding: 0 0 0 25px;
	border-left: 1px solid rgba(255, 255, 255, .1);
	margin-top: 31px
}

.menu .menu_options span {
	display: inline-block;
	line-height: 14px;
	padding: 0 15px;
	cursor: pointer
}

.menu .menu_options span:hover {
	color: #fffb1c
}

.menu .menu_options .menu_push_btn {
	border-right: 1px solid rgba(255, 255, 255, .1)
}

.menu .menu_options:hover {
	color: #fff;
	height: auto
}

.menu .menu_user {
	width: 123px;
	height: 100%;
	font-size: 14px;
	text-align: center;
	position: relative
}

.menu .menu_user img {
	width: 24px;
	height: 24px
}

.menu .menu_user .avatar {
	float: left;
	line-height: 18px;
	margin-top: -2px;
	margin-right: 5px
}

.menu .menu_user .username {
	overflow: hidden;
	display: block;
	color: #fff;
	max-width: 90px;
	height: 18px;
	line-height: 18px;
	font-size: 12px;
	padding-top: 2px
}

.menu .menu_user .menu_second {
	padding: 0;
	position: absolute;
	left: 0;
	right: 0
}

.menu .menu_user .menu_second .logout {
	width: 114px;
	height: 54px
}

.menu .menu_user:hover {
	color: #175be5
}

.img-placeholder {
	width: 100%;
	height: 100%;
	background-size: 70% auto
}

.foot {
	width: 100%;
	font-size: 12px;
	color: rgba(0, 0, 0, .4);
	text-align: center;
	padding: 30px 0;
	background: #fff;
	position: absolute;
	bottom: 0;
	left: 0
}

.foot .footLink {
	margin-bottom: 20px
}

.foot .footLink a {
	font-size: 14px;
	color: #000;
	cursor: pointer
}

.foot .footLink a:hover {
	color: #1966ff
}

.foot .footLink span {
	margin: 0 20px;
	color: rgba(0, 0, 0, .05)
}

.foot p {
	margin: 5px 0 0
}

.foot p a {
	color: rgba(0, 0, 0, .4)
}

.foot .iconfont {
	font-size: 38px;
	margin-top: 30px
}

.foot .wxIcon {
	bottom: 20px;
	right: -40px
}

.right-float {
	position: fixed;
	right: 0;
	left: 0;
	bottom: 173px;
	z-index: 1001
}

.right-float .jump {
	width: 1280px;
	margin: 0 auto;
	position: relative
}

.right-float .jump .item {
	width: 54px;
	height: 54px;
	border-radius: 50%;
	position: absolute;
	right: -50px;
	cursor: pointer
}

.right-float .jump .item.service {
	animation: serviceJump 2s linear 0s infinite alternate;
	-webkit-animation: serviceJump 2s linear 0s infinite alternate;
	-moz-animation: serviceJump 2s linear 0s infinite alternate;
	-o-animation: serviceJump 2s linear 0s infinite alternate;
	bottom: 180px;
	background: url(../images/index/rightfloat_onlineservice.png) center/28px
		no-repeat #1a65ff
}

.right-float .jump .item.service:hover {
	background-color: #175BE5
}

.right-float .jump .item.feedback {
	bottom: 110px;
	background: url(../images/index/rightfloat_feedback.png) center/28px
		no-repeat #02a570
}

.right-float .jump .item.feedback:hover {
	background-color: #029564
}

.right-float .jump .item.backtop {
	bottom: 40px;
	background: url(../images/index/rightfloat_backtop.png) center/28px
		no-repeat #acacac
}

.right-float .jump .item.backtop:hover {
	background-color: rgba(0, 0, 0, .4)
}

.mask, .shadow {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7f000000',
		endColorstr='#7f000000');
	position: fixed;
	left: 0;
	z-index: 201;
	top: 0
}

@
keyframes serviceJump { 0%,100%,87%,93%{
	bottom: 182px
}

90%,96%{
bottom
:
178px
}
}
@
-moz-keyframes serviceJump { 0%,100%,87%,93%{
	bottom: 182px
}

90%,96%{
bottom
:
178px
}
}
@
-webkit-keyframes serviceJump { 0%,100%,87%,93%{
	bottom: 182px
}

90%,96%{
bottom
:
178px
}
}
@
-o-keyframes serviceJump { 0%,100%,87%,93%{
	bottom: 182px
}

90%,96%{
bottom
:
178px
}
}
@media ( max-width :1280px) {
	.right-float .jump .item {
		right: 50px
	}
}

.tcc {
	display: none
}

.mask {
	display: table
}

.shadow {
	display: none
}

.Table-Cell {
	display: table-cell;
	vertical-align: middle
}

.advert-center, .closeBtn, .page-wrap, .right-list-col-2 li, .wx-qrcode {
	text-align: center
}

.list-link a {
	position: relative
}

.inputError {
	border: 1px solid #ff5f67;
	background: #fff8f6
}

.bg-grey {
	background: #F5F7FA
}

.bg-fff, .searchMini {
	background: #fff
}

.inputError::-moz-placeholder {
	color: #ff5f67;
	opacity: 1
}

.inputError::-webkit-input-placeholder {
	color: #ff5f67
}

.inputError::-ms-input-placeholder {
	color: #ff5f67
}

.form-control:focus {
	border-color: #ff5f67;
	-webkit-box-shadow: none;
	box-shadow: none
}

.push {
	margin-top: 10px;
    width: 80%;
    height: 50px;
    color: white;
    background: #0F52CE;
    border-radius: 5px;	
}

.push:active {
	margin-top: 10px;
    width: 80%;
    height: 50px;
    color: white;
    background: #0F52CE;
    border-radius: 5px;
    opacity: 0.5;
}

.bg-fff {
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .05);
	border: 1px solid #EBEBEB;
	border-radius: 6px
}

.container-left {
	width: 70%;
	margin-right: 15px
}

.container-right {
	width: 320px;
	margin-left: 20px
}

.container .title {
	height: 50px;
	color: rgba(0, 0, 0, .8);
	line-height: 50px;
	padding-left: 24px;
	padding-right: 30px;
	font-size: 16px;
	border-bottom: 1px solid #EBEBEB;
	border-radius: 6px 6px 0 0;
	background-image: linear-gradient(-180deg, #fff 2%, #fafafa 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
		startColorstr='#FFFFFF', endColorstr='#FAFAFA');
	-ms-filter:
		"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#FFFFFF, endColorstr=#FAFAFA)"
}

.container .title .t, .container .title h1 {
	font-size: 16px;
	line-height: 50px;
	color: rgba(0, 0, 0, .8);
	font-weight: 500
}

.container .title p {
	float: left
}

.container .title a {
	float: right
}

.ellipsis {
	width: 100%;
	overflow: hidden
}

.list-link a:before {
	content: '';
	display: block;
	width: 4px;
	height: 4px;
	background: #ccc;
	position: absolute;
	left: -10px;
	top: 8px
}

.list-link-style-common li a:before, .question-list a:before {
	top: 23px
}

.list-link .ellipsis {
	display: inline-block
}

.list-link li:hover a {
	color: #1966ff
}

.list-link-style-common {
	font-size: 15px;
	line-height: 50px;
	color: #000;
	padding: 0 20px;
	padding-top: 0 !important
}

.list-link-style-common li {
	width: 100%;
	line-height: 50px;
	margin-bottom: 0;
	border-bottom: 1px solid #F7F7F7
}

.list-link-style-common li a {
	display: block;
	border-bottom: 1px solid #F7F7F7
}

.morebox .title-more {
	font-size: 14px;
	color: #1966ff;
	position: relative;
	padding-right: 10px
}

.morebox .title-more:after {
	height: 16px;
	content: '\e692';
	font-size: 10px;
	position: absolute;
	right: 0
}

.morebox .title-more:hover {
	text-decoration: underline
}

.morebox .title-sub {
	font-size: 14px;
	color: #999;
	line-height: 36px;
	margin-right: 20px
}

.right-list {
	padding: 20px
}

.right-list li {
	width: 100%;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 20px;
	overflow: hidden
}

.right-list-col-2 {
	padding: 0;
	margin: 0 15px
}

.right-list-col-2 li {
	float: left;
	width: 136px;
	height: 40px;
	font-size: 15px;
	color: #000;
	line-height: 40px;
	margin: 8px 5px
}

.hot-list {
	padding: 12px;
	background-color: #fff;
	margin: 0
}

.hot-list li {
	border-radius: 100px;
	border: 1px solid #E6E6E6
}

.hot-list li a {
	display: block
}

.hot-list li.active, .hot-list li:hover {
	border-color: #1966FF
}

.hot-list li.active a, .hot-list li:hover a {
	color: #1966FF
}

.hot-list a:before {
	width: 0
}

.text-overflow-ellipsis {
	overflow: hidden
}

.page-wrap {
	margin: 20px auto 0
}

.page-wrap .page {
	font-size: 12px;
	color: #555;
	display: inline-block
}

.page-wrap .page a {
	border-radius: 5px;
	border: 1px solid #f1f1f1;
	margin: 0 5px
}

.page-wrap .page a:hover {
	background: #1966ff
}

.page-wrap .page .active {
	border-radius: 5px;
	background: #1966ff;
	border-color: #1966ff
}

.page-sel {
	font-size: 12px;
	padding: 3px 5px;
	border: 1px solid #eee;
	border-radius: 5px;
	margin: 0 20px;
	outline: 0
}

.question-list {
	padding: 0 20px
}

.question-list li {
	float: left;
	width: 50%;
	height: 50px;
	padding: 0 20px
}

.articles-img, .articles-img-wrap {
	width: 240px;
	height: 158px
}

.question-common-item {
	display: block;
	font-size: 14px;
	color: #000;
	line-height: 50px
}

.question-common-item .time {
	font-size: 13px;
	color: rgba(0, 0, 0, .4)
}

.question-common-title {
	margin-right: 20px
}

.articles-left {
	width: 240px;
	margin-right: 34px
}

.articles-img-wrap {
	margin-bottom: 16px
}

.article-recommend-title {
	font-size: 18px;
	line-height: 26px;
	color: #000;
	font-weight: 600;
	margin-bottom: 10px
}

.article-recommend-desc {
	font-size: 14px;
	color: rgba(0, 0, 0, .4);
	line-height: 20px
}

.article {
	font-size: 15px;
	color: #000;
	line-height: 21px;
	margin-bottom: 14px
}

.article .time {
	font-size: 13px;
	color: rgba(0, 0, 0, .4)
}

.navbar-simple {
	background: #fff;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
}

.navbar-simple .pageName {
	float: left;
	line-height: 1;
	font-size: 20px;
	color: rgba(0, 0, 0, .6);
	padding: 0 30px;
	margin-top: 34px;
	border-left: 1px solid rgba(0, 0, 0, .1);
	position: relative
}

.navbar-simple .pull-right {
	font-size: 16px;
	color: rgba(0, 0, 0, .6);
	line-height: 90px
}

.navbar-simple .pull-right a {
	color: #1966ff
}

.cbx-carType {
	float: right;
	margin: 0
}

form .cbx-carType {
	width: 0;
	height: 0;
	padding: 0;
	position: relative
}

.cbx-carType input:before {
	content: '\e697';
	font-size: 16px;
	font-weight: 500;
	position: absolute;
	left: -20px;
	top: -27px
}

.cbx-carType input[type=checkbox]:checked:before {
	content: '\e693';
	color: #007AFF
}

.hide {
	display: none !important
}

.wx-qrcode {
	width: 360px;
	height: 440px;
	padding-top: 80px;
	margin: 0 auto;
	background: #fff;
	position: relative
}

.wx-qrcode img {
	width: 260px;
	height: 260px
}

.wx-qrcode p {
	font-size: 16px;
	line-height: 22px;
	color: #000;
	margin-top: 25px
}

.wx-qrcode span {
	display: block;
	width: 48px;
	height: 48px;
	background: url(../images/close2.png) center no-repeat;
	background-size: 40%;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer
}


.friendLink {
	padding-top: 30px
}

.friendLink .nav-tabs {
	display: flex;
	font-size: 20px;
	color: rgba(0, 0, 0, .4);
	border: 0 !important
}

.friendLink .nav-tabs li {
	cursor: pointer;
	font-size: 20px;
	font-weight: 700;
	color: rgba(0, 0, 0, .4);
	border: 0;
	border-radius: 0;
	margin-right: 40px
}

.friendLink .nav-tabs li.active, .friendLink .nav-tabs li:focus {
	color: #000;
	border: 0 !important;
	background: 0 0 !important
}

.friendLink .friendList {
	margin-top: 15px
}

.friendLink .friendList a {
	float: left;
	height: 34px;
	line-height: 34px;
	margin-right: 20px;
	overflow: hidden;
	font-size: 16px;
	color: rgba(0, 0, 0, .8)
}

.friendLink .friendList a:hover {
	color: #1966ff
}