@charset "utf-8";
/* 全局样式 */
:root {
	/* 主色调，深蓝色 */
	--main-color: #0484F1;
	/* 头部导航栏高度 */
	--navHeight: 47px;
}

.container {
	overflow: hidden;
	min-width: 1200px!important;
}

@media (min-width: 1200px) {
	.container,
	.navbar-fixed-top .container {
		width: 1200px;
	}
}

html,body {
	min-height: 100%;
	min-width: 1240px;
	color: #343434;
}

a {
	color: inherit;
}

/* 设置placeholder */
::-webkit-input-placeholder {
	color: #898989;
}

::-ms-input-placeholder {
	color: #898989;
}

::-moz-placeholder {
	color: #898989;
}

input,button {
	box-sizing: border-box;
}

p {
	margin: 0;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0;
}

.e {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.e2 {
	text-overflow: -o-ellipsis-lastline;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
}

.btn.btn-primary {
	background: var(--main-color);
}

/* 页面的头部样式 */
.header {
	height: 86px;
}

.header .container {
	overflow: visible;
	min-width: 0!important;
}

.header-box {
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	right: 0;
	width: 100vw;
	height: 86px;
	background-color: #0062B4;
}

/* logo */
.header-box .logo {
	padding-top: 14px;
	user-select: none;
	text-indent: 100px;
	overflow: hidden;
	color: transparent;
}

.header-box .logo a {
	display: block;
	width: 247px;
	height: 56px;
	color: transparent!important;
	background: url("../img/fcy_logo.png");
}


/* 右上角的链接 */
.header-box .nav-list {
	margin: 0;
	padding: 0;
}

/* 如果屏幕宽度小于1200，则左边的logo右移一点点，不要太贴边，右边的链接隐藏，只显示登录按钮 */
@media screen and (max-width: 1200px) {
	.header-box .logo {
		margin-left: 20px;
	}
	.header-box .nav-list {
		margin-right: 30px;
	}
	
	.header-box .nav-list li:not(:last-child) {
		display: none;
	}
}

.header-box .nav-list li {
	list-style: none;
}

/* 里面的每个链接 */
.header-box .nav-list .nav-item {
	width: 80px;
	font-size: 14px;
	text-align: center;
	line-height: 86px;
	color: #fff;
}

.header-box .nav-list .nav-item:hover {
	background-color: #0484F1;
}

.header-box .nav-list a:hover  {
	color: inherit;
	text-decoration: none;
}

.header-box .nav-list a {
	text-shadow: none;
}

/* 登录注册按钮以及退出登录的地方 */
.nav-list .login-box {
	position: relative;
	padding-left: 12px;
	padding-top: 30px;
	height: 86px;
	box-sizing: border-box;
}

.login-box .btn-box {
	padding: 0 12px;
	height: 24px;
	border-radius: 12px;
	font-size: 12px;
	display: inline-block;
	width: 92px;
	box-sizing: border-box;
	line-height: 2;
	color: #0484F1;
	background-color: #fff;
}

.login-box .btn-box span {
	margin: 0 8px;
	vertical-align: bottom;
}

.login-box .user-box {
	width: 101px;
	padding-left: 38px;
}

.login-box .user-box .avatar {
	width: 24px;
	height: 24px;
	margin-right: 14px;
	border-radius: 50%;
}

.login-box .user-box .arrow {
	width: 14px;
}

/* 退出登录按钮 */
.login-box .user-box .exit-btn {
	position: absolute;
	top: 64px;
	left: 12px;
	width: 101px;
	height: 44px;
	display: none;
	text-align: center;
	background: url("../img/exit_box.png") no-repeat;
}

.login-box .user-box .exit-btn.show {
	display: block;
}

.user-box .exit-btn a {
	font-size: 12px;
	line-height: 44px;
	color: #0484F1;
}

.user-box .exit-btn a:hover {
	color: #0484F1;
}

/* 页面底部的样式 */
.footer {
	color: #fff;
	background-color: #0062B4;
}

/* 底部上半部分 */
.footer .footer-info {
	padding-top: 45px;
	padding-bottom: 15px;
	border-bottom: 1px solid #fff;
}

.footer .footer-dl {
	margin-right: 140px;
}

.footer .footer-dl dt {
	padding-bottom: 20px;
	font-size: 18px;
	line-height: 1;
}

.footer .footer-dl dd {
	margin-left: 0;
	margin-bottom: 8px;
	line-height: 1.8;
}

.footer .footer-dl a:hover {
	color: inherit;
}

.footer .code-box {
	margin-left: 20px;
}

.footer .code-box .code-img {
	width: 110px;
	height: 110px;
	display: block;
	margin: 0 auto 10px;
}

.footer .code-box .code-text {
	font-size: 14px;
	text-align: center;
	line-height: 1.6;
	color: #fff;
}

/* 下半部分 */
.footer-text-box {
	padding: 35px 100px 32px;
}

.footer-text-box .footer-text {
	line-height: 1.8;
	margin-bottom: 5px;
}

/* 每个页面上的banner图 */
.sub-title {
	line-height: 0;
	font-size: 0;
}

.sub-title .banner-img {
	display: block;
	width: 100%;
}

/* 导航条 */
.my-navbar {
	height: 74px;
	background: -ms-linear-gradient(0deg, #D7D7D7, #FFFFFF);
	background: -webkit-linear-gradient(0deg, #D7D7D7, #FFFFFF);
	background: linear-gradient(0deg, #D7D7D7, #FFFFFF);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}

.my-navbar .navbar {
	margin: 0;
	font-size: 20px;
	color: #333;
}

.my-navbar .navbar li {
	line-height: 34px;
}

.my-navbar .navbar .nav a {
	padding: 20px 56px;
	color: #333;
}

.my-navbar .navbar .nav a:hover, 
.my-navbar .navbar .nav a:focus,
.my-navbar .navbar .nav>.active>a {
	color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: var(--main-color);
}

.my-navbar .navbar-inner {
	padding: 0;
	border: none;
	background: transparent;
}

.my-navbar .navbar-inner .nav {
	margin-right: 0;
}

.search-box {
	padding-top: 16px;
}

/* 导航条右边的搜索框 */
.input-box {
	width: 238px;
	height: 42px;
	padding-left: 18px;
	line-height: 40px;
	border: 1px solid var(--main-color);
	box-sizing: border-box;
	background-color: #fff;
}

.input-box .search-icon {
	width: 16px;
	height: 16px;
	margin-right: 9px;
}

.input-box input[type = "text"] {
	border: none;
	height: 34px;
	margin: 0;
	width: 180px;
	padding: 2px 0;
	border: none;
	box-sizing: border-box;
	vertical-align: baseline;
	font-size: 14px;
	line-height: 30px;
	color: #333;
	background: transparent;
}

input[type="text"]:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.input-box input[type = "text"]::-webkit-input-placeholder {
	color: #898989;
}

.input-box input[type = "text"]::-moz-placeholder {
	color: #898989;
}

.input-box input[type = "text"]::-ms-input-placeholder {
	color: #898989;
}

.search-box button.btn.search-btn {
	border-radius: 0;
	border: none;
	width: 93px;
	height: 42px;
	font-size: 16px;
	color: #fff;
}

/* 返回顶部按钮 */
.to-top {
	position: fixed;
	z-index: 10;
	bottom: 76px;
	right: 6.5%;
	width: 48px;
	height: 48px;
	cursor: pointer;
	background: url('../img/top.png') no-repeat center;
}

/* 搜索栏区域 */
.search-bar {
	height: 70px;
	border-bottom: 1px solid #f7f7f7;
	background: -ms-linear-gradient(0deg, #D7D7D7, #FFFFFF);
	background: -webkit-linear-gradient(0deg, #D7D7D7, #FFFFFF);
	background: linear-gradient(0deg, #D7D7D7, #FFFFFF);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}

/* 如果搜索栏或二级导航栏置顶了 */
.my-navbar.fixed,
.search-bar.fixed {
	position: fixed;
	z-index: 2;
	top: 86px;
	left: 0;
	right: 0;
	bottom: 0;
}

/* 如果二级导航栏和搜索栏一起置顶了，则后者的top要改变 */
.my-navbar.fixed + .search-bar.fixed {
	top: 160px;
}

body.fixed-parent {
	padding-top: 156px;
}

/* 输入的每一个内容 */
.search-bar .search-item {
	padding-top: 14px;
	padding-bottom: 14px;
	margin-right: 48px;
}

.search-bar .search-item .my-label {
	display: inline-block;
	margin-bottom: 0;
	margin-right: 15px;
	font-size: 16px;
	line-height: 42px;
	color: #333;
}

.search-bar .search-item input[type = "text"],
.search-bar .search-item select {
	width: 126px;
	height: 42px;
	margin: 0;
	border: 1px solid #bbb;
	box-sizing: border-box;
	padding: 4px 13px;
	border-radius: 6px;
	font-size: 16px;
	line-height: 2;
	color: #333;
	background-color: transparent;
}

/* 搜索按钮 */
.search-bar .search-btn {
	margin-top: 14px;
	width: 93px;
	height: 42px;
	border: none;
	font-size: 16px;
}

/* 对分页样式的修改 */
.pagination {
	margin-top: 0;
	padding-top: 70px;
	padding-bottom: 142px;
}

.pagination ul {
	font-size: 0;
	line-height: 0;
	border-bottom: 0;
	box-shadow: none;
}

.pagination ul>li {
	font-size: 0;
	line-height: 0;
	display: inline-block;
}

.pagination ul>li a {
	margin: 0 12px;
	border: none;
	font-size: 18px;
	line-height: 36px;
	padding-left: 19px;
	padding-right: 19px;
	color: #9A9A9A;
	background-color: #EEEEEE;
}

.pagination ul>li:last-child>a,
.pagination ul>li:first-child>a {
	border-radius: 0;
	margin: 0 25px;
}

.pagination ul>li>a:hover, 
.pagination ul>li>a:focus, 
.pagination ul>.active>a {
	color: #fff;
	background-color: var(--main-color);
}

.pagination li .jump {
	padding-left: 11px;
	padding-right: 24px;
	display: inline-block;
	vertical-align: text-bottom;
	font-size: 16px;
	line-height: 44px;
	color: #9A9A9A;
}

.pagination li .jump input {
	width: 88px;
	height: 44px;
	margin: 0 13px;
	border-radius: 0;
	border: 1px solid #EEEEEE;
	text-align: center;
	font-size: 16px;
	color: #333;
}

.span4.achievement-item {
	width: 375px;
	padding-bottom: 40px;
	overflow: hidden;
}

.span4.achievement-item:nth-child(3n + 1) {
	margin-left: 0;
}

/* 每个成就里的图片 */
.achievement-item .img-box {
	position: relative;
}

.achievement-item .img-box img {
	display: block;
	width: 375px;
	height: 250px;
}

.achievement-item .img-box .achievement-text {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0 20px;
	font-size: 14px;
	line-height: 48px;
	color: #fff;
	background-color: rgba(0,0,0,.6);
}

.achievement-item .text-center {
	margin: 0 -25px;
}

.achievement-item .des {
	margin: 23px 0 35px;
	line-height: 1.8;
	height: 75px;
	-webkit-line-clamp: 3;
	line-clamp: 3;
}

.achievement-item .btn {
	width: 100px;
	height: 40px;
	margin: 0 15px;
	border: 1px solid #0484F1;
	border-radius: 40px;
	padding-left: 22px;
	text-align: left;
	font-size: 16px;
	color: #0484F1;
	background: #fff;
}

.achievement-item a:focus {
	color: inherit;
}

.achievement-item .btn.focus {
	background: url("../img/focus.png") no-repeat right 22px center;
}

.achievement-item .btn.love {
	background: url("../img/like.png") no-repeat right 22px center;
}

.achievement-item .btn.consult {
	background: url("../img/consult_icon.png") no-repeat right 22px center;
}

.achievement-item .btn.active {
	border: none;
	color: #fff;
	box-shadow: none;
}

/* 已关注 */
.achievement-item .btn.active.focus {
	background: #0484F1 url("../img/focus_white.png") no-repeat right 22px center;
}

/* 已点赞 */
.achievement-item .btn.active.love {
	background: #0484F1 url("../img/like_white.png") no-repeat right 22px center;
}

/* 咨询按钮高亮 */
.achievement-item .btn.active.consult {
	background: #0484F1 url("../img/consult_white.png") no-repeat right 22px center;
}

.case-box {
	position: relative;
	z-index: 0;
	height: 490px;
	width: 100%;
	box-sizing: border-box;
	padding: 90px 122px 0;
	background: url("../img/case_bg.png") no-repeat center;
}

.case-box .row-fluid {
	min-width: 1010px;
	height: 258px;
	overflow: hidden;
}

.case-box::before {
	content: '';
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(255,255,255,.7);
}

/* 里面的每一个小案例 */
.case-box .case {
	position: relative;
	height: 258px;
	box-sizing: border-box;
	padding: 90px 0 0 30px;
	background: url('../img/school.png') no-repeat 37px 31px;
	background-color: #fff;
}
/* 成果的名字 */
.case-box .case .case-name {
	width: 60%;
	font-size: 26px;
	line-height: 1.5;
}

/* 作者坐在单位 */
.case-box .case .author {
	font-size: 20px;
	line-height: 2;
	color: #9A9A9A;
}

.case-box .case::after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100px;
	height: 100px;
	pointer-events: none;
	border-radius: 100% 0 0 0;
	background: #0284F1 url("../img/arrow.png") no-repeat 40px 50px;
}

.case-box .carousel-indicators {
	margin-top: 73px;
}

/* 鼠标悬浮到案例 */
.case-box .case:hover {
	background-color: #0183F1;
	background-repeat: no-repeat;
	background-position: 37px 31px, right top;
	background-image: url('../img/school_white.png'), url('../img/hover_bg_small.png');
}

.case-box .case:hover .case-name,
.case-box .case:hover .author {
	color: #fff;
}

.case-box .case a:focus,
.case-box .case a:hover {
	text-decoration: none;
	color: inherit;
}

/* 模态框样式的修改 */
.modal {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: none;
	box-shadow: none;
}

.modal.register-modal {
	width: 964px;
	top: 50% !important;
	margin: 0;
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.modal.register-modal,
.modal.forget-pwd-modal {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}

.modal.register-modal button.close.close-btn {
	background: url('../img/close_icon_white.png') no-repeat center;
}

.modal.register-modal .modal-header {
	-moz-border-radius: 20px 20px 0 0;
	-webkit-border-radius: 20px 20px 0 0;
	border-radius: 20px 20px 0 0;
	background: linear-gradient(90deg, #0484F1, #04BCF1);
}

.modal.register-modal h3.register-title {
	color: #fff;
}

/* 弹窗头部 */
.modal .modal-header {
	position: relative;
	border-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

h3.register-title {
	margin: 0;
	font-weight: 400;
	font-size: 26px;
	text-align: center;
	line-height: 120px;
	letter-spacing: 2px;
	color: var(--main-color);
}

button.close.close-btn {
	position: absolute;
	top: 18px;
	right: 25px;
	width: 16px;
	height: 15px;
	opacity: 1;
	background: url('../img/close_icon.png') no-repeat center;
}

/* 弹窗主体 */
.register-modal .modal-body {
	padding-top: 40px;
	padding-bottom: 0;
	padding-left: 70px;
	padding-right: 67px;
}

.register-modal .modal-body .register-line {
	margin-bottom: 16px;
}

.register-modal .register-line .my-label {
	margin: 0;
	font-size: 16px;
	line-height: 3;
	color: #333;
}

.register-modal .register-line .my-label::before {
	content: '*';
	color: var(--main-color);
}

.input-line input[type = "text"],
.input-line input[type = "password"] {
	width: 100%;
	height: 48px;
	padding: 3px 18px;
	margin: 0;
	box-sizing: border-box;
	font-size: 16px;
	color: #333;
	border-color: #ccc;
	border-radius: 0;
}

.register-line ::-webkit-input-placeholder {
	color: #999;
}

.register-line ::-moz-placeholder {
	color: #999;
}

.register-line ::-ms-input-placeholder {
	color: #999;
}

.register-line .tip {
	font-size: 14px;
	line-height: 48px;
	color: #999;
}

/* 单选框的样式 */
.register-line .radio-label {
	margin: 0 25px 0 0;
	display: inline-block;
	font-size: 16px;
	line-height: 48px;
	color: #999;
}

.register-line input[type="radio"] {
	position: relative;
	width: 16px;
	height: 16px;
	margin: 0 10px 0 0;
	outline: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

.register-line input[type="radio"]::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url('../img/radio.png');
}

.register-line input[type="radio"]:checked::before {
	background-image: url('../img/radio_active.png');
}

.register-line button.btn.yzm-btn {
	width: 100%;
	height: 48px;
	font-size: 16px;
}

/* 弹窗底部 */
.register-modal .modal-footer {
	text-align: center;
	border: none;
	padding-top: 26px;
	padding-bottom: 38px;
	background-color: transparent;
}

.btn.register-btn {
	width: 306px;
	height: 50px;
	font-size: 18px;
	color: #fff;
}

/* 对登录弹窗的修改 */
.modal.login-modal {
	width: 384px;
	top: 50% !important;
	margin-top: -232px;
	margin-left: -192px !important;
}

/* 主体部分 */
.modal.login-modal .modal-body {
	padding: 5px 38px 25px;
}

.modal.login-modal .modal-body .input-line {
	margin-bottom: 16px;
}

/* 忘记密码链接 */
.forget-link {
	padding-bottom: 6px;
	font-size: 14px;
	line-height: 1;
	color: #999999;
}

/* 弹窗底部 */
.modal.login-modal .modal-footer {
	padding: 0 38px 14px;
	border: none;
	background-color: transparent;
}

.modal.login-modal .modal-footer button {
	width: 100%;
	height: 50px;
	margin-left: 0;
	margin-bottom: 16px;
	font-size: 18px;
	color: #fff;
}

/* 找回密码弹窗 */
.modal.forget-pwd-modal {
	width: 964px;
	margin-left: -482px !important;
	top: 50% !important;
	margin-top: -206px;
}

.modal.forget-pwd-modal .modal-body {
	padding: 5px 84px 50px;
}

.modal.forget-pwd-modal .input-line {
	margin-bottom: 16px;
}

.modal.forget-pwd-modal .input-line .my-label {
	margin: 0;
	font-size: 16px;
	line-height: 48px;
	color: #343434;
}

.modal.forget-pwd-modal .input-line .my-label::before {
	content: '*';
	color: var(--main-color);
}

.modal.forget-pwd-modal .input-line .tip-text {
	font-size: 14px;
	line-height: 48px;
	color: #9A9A9A;
}

.get-btn {
	width: 100%;
	height: 48px;
}

/* 找回密码弹窗的底部 */
.modal.forget-pwd-modal .modal-footer {
	padding: 0 0 40px;
	border: none;
	text-align: center;
	background-color: transparent;
}

.modal.forget-pwd-modal .modal-footer .next-btn {
	width: 198px;
	height: 50px;
}

/* 弹窗里的按钮圆角调整 */
.modal .btn {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.modal {
	transform-origin: center;
}

/* 登录后显示的弹窗 */
.modal.after-login {
	width: 570px;
	margin: 0;
	top: 50% !important;
	left: 50%;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}

/* 头部 */
.modal.after-login .modal-header {
	position: relative;
	-moz-border-radius: 20px 20px 0 0;
	-webkit-border-radius: 20px 20px 0 0;
	border-radius: 20px 20px 0 0;
	background-color: #0484F1;
}

.modal.after-login .modal-header  h3 {
	font-size: 18px;
	line-height: 72px;
	text-align: center;
	color: #fff;
}

.modal.after-login .modal-header .close {
	position: absolute;
	top: 27px;
	right: 26px;
	width: 18px;
	height: 18px;
	opacity: 1;
	background: url("../img/close_icon_white.png") center no-repeat;
}

/* 弹窗主体部分 */
.modal.after-login .modal-body {
	padding: 10px 26px;
}

.interest-items .interest-title {
	font-size: 16px;
	font-weight: 700;
	line-height: 2.8;
	color: #0584F2;
}

.interest-items .interest-list {
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}

/* 感兴趣的领域或行业的每一项 */
.interest-items .interest-list .interest-item {
	display: inline-block;
	margin: 0 20px 12px 0;
	padding: 0 16px;
	border: 1px solid #DEDEDE;
	font-size: 14px;
	line-height: 30px;
	color: #343434;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px;
}

/* 选中样式 */
.interest-items .interest-list .interest-item.active {
	border-color: currentcolor;
	color: #0484F1;
}

.lable-line label {
	display: inline-block;
	margin-right: 24px;
	font-size: 16px;
	line-height: 1.8;
	color: #343434;
}

.lable-line > label {
	margin-right: 30px;
}

.lable-line > div {
	display: inline-block;
}

.lable-line label input[type="radio"] {
	position: relative;
	width: 16px;
	height: 16px;
	vertical-align: text-top;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
	margin-right: 11px;
	box-sizing: border-box;
}

.lable-line label input[type="radio"]::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("../img/radio.png");
}

.lable-line label input[type="radio"]:checked::before {
	background: url("../img/radio_active.png");
}

.lable-line label input[type="checkbox"] {
	position: relative;
	vertical-align: 4px;
	margin: 0;
	margin-right: 32px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

.lable-line label input[type="checkbox"]::before {
	content: '';
	position: absolute;
	top: -9px;
	left: 0;
	width: 16px;
	height: 16px;
	box-sizing: border-box;
	border: 1px solid #bababa;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #fff;
}

.lable-line label input[type="checkbox"]:checked::before {
	border-color: transparent;
	background: url("../img/checkbox.png") no-repeat center;
	background-origin: border-box;
}

/* 推送内容的列表 */
.modal.after-login .push-list {
	margin: 0;
	padding: 24px 0 26px;
}

.modal.after-login .push-list .push-list-item {
	position: relative;
	line-height: 48px;
	font-size: 0;
	border-bottom: 1px dashed #ccc;
}

.push-list .push-list-item .item-label {
	display: inline-block;
	margin-right: 25px;
	font-size: 16px;
	font-weight: 700;
	vertical-align: bottom;
	color: #333;
}

.push-list .push-list-item .item-name {
	display: inline-block;
	vertical-align: bottom;
	max-width: 290px;
	font-size: 16px;
	color: #666;
}

.push-list .push-list-item .tag {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 16px;
	color: #0483F1;
}

.modal.after-login .modal-footer {
	padding: 0;
	border: 0;
	-moz-border-radius: 0 0 20px 20px;
	-webkit-border-radius: 0 0 20px 20px;
	border-radius: 0 0 20px 20px;
	background: #0484F1;
}

.modal.after-login .modal-footer .btn.big-btn {
	width: 100%;
	padding: 20px;
	border: none;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	background: #0484F1;
	-moz-border-radius: 0 0 20px 20px;
	-webkit-border-radius: 0 0 20px 20px;
	border-radius: 0 0 20px 20px;
}

/* 模态框在不同分辨率屏幕下的缩放 */
@media screen and (max-width:1366px) {
	.modal {
		transform: scale(.8);
	}
	
	.modal.after-login,
	.modal.case-modal,
	.modal.register-modal {
		-moz-transform: translate(-50%,-50%) scale(.8);
		-o-transform: translate(-50%,-50%) scale(.8);
		-ms-transform: translate(-50%,-50%) scale(.8);
		-webkit-transform: translate(-50%,-50%) scale(.8);
		transform: translate(-50%,-50%) scale(.8);
	}
}

@media screen and (min-width:1366px) and (max-width:1600px) {
	.modal {
		transform: scale(.9);
	}
	
	.modal.after-login,
	.modal.case-modal,
	.modal.register-modal {
		-moz-transform: translate(-50%,-50%) scale(.9);
		-o-transform: translate(-50%,-50%) scale(.9);
		-ms-transform: translate(-50%,-50%) scale(.9);
		-webkit-transform: translate(-50%,-50%) scale(.9);
		transform: translate(-50%,-50%) scale(.9);
	}
}

@media screen and (min-width:1600px) {
	.modal {
		transform: scale(1);
	}
	.modal.after-login,
	.modal.case-modal {
		-moz-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
}

/* 详情弹窗 */
.modal.case-modal {
	position: fixed;
	top: 50% !important;
	left: 50%;
	width: 774px;
	min-height: 420px;
	padding-right: 10px;
	margin: 0;
	padding-bottom: 20px;
	overflow: auto;
	background: url("../img/detail_modal_bg.png") no-repeat  0 0 / 100% 100%;
}

/* 详情弹窗主体部分 */
.modal.case-modal .modal-body {
	padding: 0 40px 0 50px;
	margin-right: 10px;
	max-height: 350px;
}

/* 下面的每一块 */
.modal.case-modal .small-box {
	margin-bottom: 18px;
}

.modal.case-modal .small-box .small-title {
	margin: 0;
	font-size: 18px;
	line-height: 2.8;
	color: var(--main-color);
}

.modal.case-modal .small-box .des {
	line-height: 1.8;
	font-size: 18px;
	color: #333;
}

/* 匹配的对话框 */
.mate-modal.modal {
	width: 774px;
	height: 530px;
	position: fixed;
	top: 50% !important;
	left: 50%;
	margin-top: -265px;
	margin-left: -387px;
	background: url("../img/modal_bg.png");
}

.case-modal.modal .modal-header,
.mate-modal.modal .modal-header {
	position: relative;
	padding-top: 2px;
}

.case-modal.modal .modal-header h3,
.mate-modal.modal .modal-header h3 {
	margin: 0;
	font-size: 20px;
	line-height: 80px;
	text-align: center;
	letter-spacing: 3px;
	color: var(--main-color);
}

.case-modal.modal .modal-header  h3 {
	padding: 40px 60px 10px;
	line-height: 1.8;
}

.case-modal .modal-header button,
.mate-modal .modal-header button {
	position: absolute;
	width: 16px;
	height: 15px;
	top: 34px;
	right: 40px;
	opacity: 1;
	background: url("../img/close_icon.png");
}

.mate-modal.modal .modal-body {
	margin-right: 10px;
	padding: 0 100px;
	max-height: 380px;
}

.mate-list {
	padding: 0;
	margin: 0;
}

.mate-list .mate-item {
	list-style: none;
	height: 100px;
	margin-bottom: 22px;
	padding: 0 30px;
	border-radius: 10px;
	color: #fff;
	background: -moz-linear-gradient(90deg, #0484F1, #04BCF1);
	background: -webkit-linear-gradient(90deg, #0484F1, #04BCF1);
	background: linear-gradient(90deg, #0484F1, #04BCF1);
}

.mate-list .mate-item a:hover {
	text-decoration: none;
}

.mate-title {
	font-size: 18px;
	line-height: 3;
	color: #fff;
}

.mate-text {
	line-height: 1.8;
	font-size: 14px;
	color: #fff;
}

.mate-modal.modal .modal-footer {
	padding-top: 16px;
	padding-bottom: 38px;
	border: none;
	text-align: center;
	background-color: transparent;
}

.mate-modal.modal .modal-footer .more {
	display: inline-block;
	width: 80px;
	height: 30px;
	background: url("../img/more_small.png") center no-repeat;
}

/* 修改成功案例一行三个的距离 */
.case-box .span4:first-child {
	margin-left: 2.5%;
}

.case-box a:first-child .span4 {
	margin-left: 0;
}

/* 左边文字介绍，右边图片的样式 */
.base-intro .span6 {
	width: 600px;
	margin-left: 0;
}

.base-intro .span6:first-child {
	padding-right: 33px;
}

/* 介绍的标题 */
.intro-header {
	position: relative;
	padding-top: 20px;
	padding-bottom: 6px;
	overflow: hidden;
	margin-bottom: 30px;
}

.intro-header::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 68px;
	height: 6px;
	background-color: var(--main-color);
}

.intro-header .intro-title {
	margin-right: 34px;
	font-size: 22px;
	line-height: 48px;
	color: #333;
}

.intro-header .intro-subtitle {
	font-size: 19px;
	font-weight: 400;
	line-height: 48px;
	color: #bbb;
}

/* 介绍的内容文字 */
.intro-content p {
	text-align: left;
	font-size: 16px;
	line-height: 1.8;
	color: #333;
}

/* 右边的图片 */
.img-box {
	font-size: 0;
	line-height: 0;
}

.img-box img {
	display: block;
	width: 100%;
	margin-bottom: 20px;
}

/* 暂无搜索结果 */
.no-search-result {
	margin-bottom: 40px;
	text-align: center;
	font-size: 16px;
	overflow: hidden;
	width: 100%;
	line-height: 2;
	color: #666;
}

/* 高度适配手机的css代码 */
body {
	min-height: 100vh;
	display: -moz-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

/* 让主要部分占据剩余高度空间 */
.main {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}