body {	font-family: open sans,sans-serif;	color: #546e7a;	font-size: 14px;	font-weight: 400;	background: #fff;	overflow-x: hidden}html {	overflow-x: hidden}p {	font-size: 14px;	color: #546e7a;	line-height: 26px;	font-family: open sans,sans-serif;	margin-bottom: 0}a:hover,a:focus {	color: #f97794}a {	color: #f97794;	-webkit-transition: all .3s ease-in-out;	transition: all .3s ease-in-out}h1,h2,h3,h4,h5 {	font-family: montserrat,sans-serif;	font-size: 40px;	font-weight: 700;	color: #263238}ul {	margin: 0;	padding: 0}ul li {	list-style: none}a:hover,a:focus {	text-decoration: none;	outline: none}a:not([href]):not([tabindex]) {	color: #fff}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover {	color: #fff}.bg-transparent {	background: 0 0!important}.bg-defult {	background: #f97794!important}.section {	padding: 80px 0}.section-header {	color: #fff;	margin-bottom: 40px;	text-align: center;	position: relative}.section-header .section-title {	font-size: 36px;	margin-bottom: 20px;	text-transform: uppercase;	font-family: montserrat,sans-serif;	font-weight: 700;	color: #263238;	position: relative}.section-header .section-title:before {	content: '';	position: absolute;	bottom: -10px;	width: 80px;	height: 3px;	background: #f97794;	-webkit-transition: .3s;	transition: .3s;	left: calc(50% - 40px);}.section-header span {	font-size: 60px;	color: rgba(0,0,0,.07);	z-index: 2;	font-family: montserrat,sans-serif;	font-weight: 500;	text-transform: capitalize;	position: absolute;	top: 7px;	left: 0;	width: 100%}.btn {	font-size: 14px;	padding: 10px 30px;	border-radius: 30px;	font-weight: 400;	color: #fff;	text-transform: uppercase;	-webkit-transition: all .3s ease-in-out;	transition: all .3s ease-in-out;	display: inline-block}.btn:focus,.btn:active {	-webkit-box-shadow: none;	box-shadow: none;	outline: none;	color: #fff}.btn-common {	background-color: #f97794;	position: relative;	z-index: 1;	padding: 12px 32px;	border-radius: 30px}.btn-common:hover {	color: #fff}.btn-effect {	overflow: hidden}.btn-effect:after {	content: '';	position: absolute;	width: 0;	height: 100%;	z-index: 1;	left: 0;	top: 0;	background: rgba(0,0,0,.1);	-webkit-transition: all .3s ease;	transition: all .3s ease}.btn-effect:hover:after {	width: 100%}.btn-border {	border-style: solid;	border-width: 2px;	cursor: pointer;	background-color: transparent;	border-color: #fff;	color: #fff}.btn-border:hover {	color: #fff;	background-color: #f97794}.btn-lg {	padding: 14px 33px;	text-transform: uppercase;	font-size: 16px}.btn-rm {	padding: 7px 10px;	text-transform: capitalize}button:focus {	outline: none!important}.clear {	clear: both}.social-icons {	margin-bottom: 20px}.social-icons ul {	margin: 0;	padding: 0;	list-style: none}.social-icons ul li {	display: inline}.social-icons ul li a {	display: inline-block;	margin-left: 5px;	margin-right: 5px;	margin-bottom: 15px;	border-radius: 4px;	border: 1px solid rgba(255,254,254,.07);	line-height: 40px;	width: 40px;	height: 40px;	text-align: center;	font-size: 16px}.social-icons ul li a:hover {	color: #fff}.facebook a {	color: #4867aa}.facebook a:hover {	background: #4867aa}.twitter a {	color: #1da1f2}.twitter a:hover {	background: #1da1f2}.google-plus a {	color: #dd4d42}.google-plus a:hover {	background: #dd4d42}.youtube a {	color: #df2926}.youtube a:hover {	background: #df2926}.linkedin a {	color: #007bb6}.linkedin a:hover {	background: #007bb6}.pinterest a {	color: #bd081c}.pinterest a:hover {	background: #bd081c}.dribbble a {	color: #ea4c89}.dribbble a:hover {	background: #ea4c89}.behance a {	color: #0b7cff}.behance a:hover {	background: #0b7cff}#loader {	position: fixed;	top: 0;	left: 0;	width: 100%;	height: 100%;	background: #263238;	z-index: 9999999999}.spinner {	width: 40px;	height: 40px;	top: 45%;	position: relative;	margin: 0 auto}.double-bounce1,.double-bounce2 {	width: 100%;	height: 100%;	border-radius: 50%;	background-color: #f97794;	opacity: .6;	position: absolute;	top: 0;	left: 0;	-webkit-animation: sk-bounce 2s infinite ease-in-out;	animation: sk-bounce 2s infinite ease-in-out}.double-bounce2 {	-webkit-animation-delay: -1s;	animation-delay: -1s}@-webkit-keyframes sk-bounce {	0%,100% {		-webkit-transform: scale(0)	}	50% {		-webkit-transform: scale(1)	}}@keyframes sk-bounce {	0%,100% {		transform: scale(0);		-webkit-transform: scale(0)	}	50% {		transform: scale(1);		-webkit-transform: scale(1)	}}.back-to-top {	display: none;	position: fixed;	bottom: 18px;	right: 15px}.back-to-top i {	display: block;	width: 36px;	height: 36px;	line-height: 36px;	color: #fff;	font-size: 14px;	text-align: center;	border-radius: 30px;	background-color: #f97794;	-webkit-transition: all .3s ease-in-out;	transition: all .3s ease-in-out}.overlay-2 {	background: rgba(0,0,0,.9)!important}.overlay {	position: absolute;	width: 100%;	height: 100%;	top: 0;	left: 0;	background: #f97794;	opacity: .5;	filter: alpha(opacity=80)}.navigation {	position: absolute;	top: 0;	left: 0;	width: 100%;	z-index: 99;	-webkit-transition: all .3s ease-out 0s;	transition: all .3s ease-out 0s}.navigation.navigation-two {	background-color: #fff}.navigation.sticky {	position: fixed;	background-color: #fff;	-webkit-box-shadow: 0 3px 6px 3px rgba(0,0,0,.06);	box-shadow: 0 3px 6px 3px rgba(0,0,0,.06)}.navbar {	padding: 15px 0}.navbar-toggler {	padding: 0}.navbar-toggler .toggler-icon {	width: 30px;	height: 2px;	background-color: #fff;	display: block;	margin: 6px 0;	position: relative;	-webkit-transition: all .3s ease-out 0s;	transition: all .3s ease-out 0s}.navbar-toggler.active .toggler-icon:nth-of-type(1) {	-webkit-transform: rotate(45deg);	transform: rotate(45deg);	top: 7px}.navbar-toggler.active .toggler-icon:nth-of-type(2) {	opacity: 0}.navbar-toggler.active .toggler-icon:nth-of-type(3) {	-webkit-transform: rotate(135deg);	transform: rotate(135deg);	top: -8px}@media only screen and (min-width:768px) and (max-width:991px) {	.navbar-collapse {		position: absolute;		top: 100%;		left: 0;		width: 100%;		background-color: #fff;		z-index: 8;		padding: 5px 16px;		-webkit-box-shadow: 0 3px 6px 3px rgba(0,0,0,.06);		box-shadow: 0 3px 6px 3px rgba(0,0,0,.06)	}}@media(max-width:767px) {	.navbar-collapse {		position: absolute;		top: 100%;		left: 0;		width: 100%;		background-color: #fff;		z-index: 8;		padding: 5px 16px;		-webkit-box-shadow: 0 3px 6px 3px rgba(0,0,0,.06);		box-shadow: 0 3px 6px 3px rgba(0,0,0,.06)	}}.nav-item-link{	font-size: 14px;	padding: 5px 0;	margin-left: 5px;	position: relative;	float: right;}.navbar-nav .nav-item-link span{	font-size: 14px;	padding: 5px 0;	margin-left: 30px;	position: relative;	float: right;}.navbar-nav .nav-item a {	color: #fff;	font-size: 14px;	padding: 5px 0;	margin-left: 30px;	position: relative;}@media only screen and (min-width:768px) and (max-width:991px) {	.navbar-nav .nav-item a {		color: #212121;		display: block;		padding: 4px 0;		margin-left: 0	}}@media(max-width:767px) {	.navbar-nav .nav-item a {		color: #212121;		display: block;		padding: 4px 0;		margin-left: 0	}}.navbar-nav .nav-item a::before {	content: '';	position: absolute;	bottom: 0;	left: 0;	width: 0;	height: 2px;	background: #f97794;	-webkit-transition: all .3s ease-out 0s;	transition: all .3s ease-out 0s}@media only screen and (min-width:768px) and (max-width:991px) {	.navbar-nav .nav-item a::before {		display: none	}}@media(max-width:767px) {	.navbar-nav .nav-item a::before {		display: none	}}.navbar-nav .nav-item:hover a,.navbar-nav .nav-item.active a {	color: #f97794}.navbar-nav .nav-item:hover a::before,.navbar-nav .nav-item.active a::before {	width: 50%}.navigation-two .navbar-toggler .toggler-icon {	background-color: #212121}.navigation-two .navbar-nav .nav-item a {	color: #212121}.sticky .navbar-toggler .toggler-icon {	background-color: #212121}.sticky .navbar-nav .nav-item a {	color: #212121}.hero-area {	background: url(../../yibazhan/images/hero-area.jpg) no-repeat;	background-size: cover;	color: #fff;	overflow: hidden;	position: relative}.hero-area .overlay {	position: absolute;	width: 100%;	height: 100%;	top: 0;	left: 0;	background: #f97794;	opacity: .7}.hero-area .contents {	padding: 160px 0 140px}@media only screen and (min-width:768px) and (max-width:991px) {	.hero-area .contents {		padding-bottom: 30px	}}@media(max-width:767px) {	.hero-area .contents {		padding-bottom: 30px	}}.hero-area .contents h2 {	color: #fff;	font-size: 52px;	font-weight: 300;	margin-bottom: 25px}@media only screen and (min-width:768px) and (max-width:991px) {	.hero-area .contents h2 {		font-size: 45px	}}@media(max-width:767px) {	.hero-area .contents h2 {		font-size: 36px	}}.hero-area .contents h4 {	font-size: 16px;	color: #fff;	font-weight: 300;	line-height: 30px;	margin-bottom: 20px}.hero-area .contents p {	color: #fff;	font-size: 15px;	line-height: 26px}.hero-area .contents .btn {	margin-top: 40px;	text-transform: uppercase}.hero-area .banner_bottom_btn {	margin-top: 40px}.hero-area .banner_bottom_btn i {	color: #fff;	font-size: 48px;	-webkit-transition: all .2s linear;	transition: all .2s linear}.hero-area .banner_bottom_btn i:hover {	color: #f97794}.intro-img {	padding: 148px 0 0}@media only screen and (min-width:768px) and (max-width:991px) {	.intro-img {		padding: 30px 0 50px	}}@media(max-width:767px) {	.intro-img {		padding: 30px 0 50px	}}.intro-img img {	display: block;	height: auto;	max-width: 100%}.hero-area-2 {	background-repeat: no-repeat;	background-position: center;	background-size: cover;	color: #FFFFFF;	overflow: hidden;	position: relative}.hero-area-2 .overlay {	position: absolute;	width: 100%;	height: 100%;	top: 0;	left: 0;	background: rgba(0,0,0,.8);	opacity: .8}.hero-area-2 .contents {	padding: 160px 0 140px}.hero-area-2 .contents h3 {	color: #fff;	font-size: 48px;	font-weight: 500}.hero-area-2 .contents h2 {	color: #fff;	font-size: 42px;	margin-bottom: 30px;	font-weight: 700}.hero-area-2 .contents h4 {	font-size: 18px;	color: #fff;	font-weight: 400;	line-height: 30px;	letter-spacing: .5px;	margin-bottom: 20px}.hero-area-2 .contents p {	font-size: 14px;	color: #fff;	line-height: 26px}.hero-area-2 .contents .header-button {	margin-top: 30px}.hero-area-2 .contents .btn {	margin: 10px;	text-transform: uppercase}.hero-area-2 .contents .tag-type ul {	position: relative}.hero-area-2 .contents .tag-type ul li {	display: inline-block;	padding: 10px;	position: relative}.hero-area-2 .contents .tag-type ul li a {	color: #fff;	text-transform: uppercase}.hero-area-2 .contents .tag-type ul li:before {	content: '';	width: 4px;	height: 4px;	background: #fff;	position: absolute;	top: 19px;	right: -5px;	border-radius: 50%}.hero-area-2 .contents .tag-type ul li:before:last-child {	display: none}.hero-area-2 .contents .tag-type ul li:last-child:before {	background: 0 0}.hero-area-2 .contents .tag-type ul:before {	content: '';	width: 40px;	height: 1px;	background: #f1f1f1;	position: absolute;	top: 20px;	margin-left: -45px}.hero-area-2 .contents .tag-type ul:after {	content: '';	width: 40px;	height: 1px;	background: #f1f1f1;	position: absolute;	top: 20px;	margin-left: 6px}.hero-area-2 .contents .arrow-down-icon {	border: 2px solid #fff;	width: 42px;	height: 42px;	line-height: 42px;	margin: 30px auto;	border-radius: 50%;	font-size: 18px}.hero-area-2 .contents .arrow-down-icon a {	color: #fff}#video-area {	overflow: hidden;	position: relative}#video-area .contents {	padding: 160px 0 80px}#video-area .contents h1 {	color: #fff;	font-size: 50px;	font-weight: 300;	margin-bottom: 25px;	line-height: 70px}@media only screen and (min-width:768px) and (max-width:991px) {	#video-area .contents h1 {		font-size: 36px;		line-height: 46px	}}@media(max-width:767px) {	#video-area .contents h1 {		font-size: 32px;		line-height: 42px	}}#video-area .contents p {	font-size: 14px;	color: #fff;	font-weight: 400;	line-height: 30px;	letter-spacing: .5px}#video-area .contents .btn {	margin: 20px 10px;	text-transform: uppercase}#video-area .banner_bottom_btn {	margin-top: 40px}#video-area .banner_bottom_btn i {	color: #fff;	font-size: 48px;	-webkit-transition: all .3s ease-in-out;	transition: all .3s ease-in-out}#video-area .banner_bottom_btn i:hover {	color: #f97794}#about {	position: relative;	background: #f9f9f9}#about .box-item {	padding: 15px 0}#about .box-item .icon {	float: left;	-webkit-transition: all .3s ease-in-out;	transition: all .3s ease-in-out}#about .box-item .icon i {	color: #f97794;	display: inline-block;	font-size: 36px;	margin-bottom: 20px;	-webkit-transition: all .3s ease-in-out;	transition: all .3s ease-in-out}#about .box-item .text {	margin-left: 64px}#about .box-item .text h4 {	font-weight: 500;	font-size: 18px;	line-height: 22px}#about .box-item .text p {	font-size: 14px;	line-height: 26px}#about .show-box img {	width: 100%}#about-area .about-thumb {	position: relative;	z-index: 1;	margin-left: 80px;	margin-top: 60px}#about-area .about-thumb img {	width: 100%;	height: auto}#about-area .about-thumb-2 {	position: absolute;	z-index: 5;	left: 5%;	top: 50%;	-webkit-transform: translateY(-50%);	transform: translateY(-50%)}#clients {	background: #f9f9f9}#clients .client-item-wrapper {	text-align: center;	margin: 0 5px;	-webkit-transition: all .6s ease;	transition: all .6s ease;	display: -webkit-box;	display: -ms-flexbox;	display: flex;	-webkit-box-pack: center;	-ms-flex-pack: center;	justify-content: center}#clients .client-item-wrapper img {	max-width: 100%;	width: 200px}#clients #clients-scroller img:hover {	-webkit-transition: all .6s ease;	transition: all .6s ease;	opacity: 1}#clients #clients-scroller .owl-pagination {	display: none}#cta {	background: url(../../yibazhan/images/bg-cta.jpg) fixed;	background-size: cover}#cta h5 {	color: #fff;	font-size: 32px;	font-weight: 500;	line-height: 48px}@media only screen and (min-width:768px) and (max-width:991px) {	#cta h5 {		font-size: 28px;		line-height: 38px	}}@media(max-width:767px) {	#cta h5 {		font-size: 26px;		line-height: 34px	}}#cta .btn {	margin: 30px 10px}.call-action {	background: #f9f9f9}.call-action .cta-trial h3 {	font-size: 28px;	font-weight: 500;	margin-bottom: 28px;	letter-spacing: 1px}.call-action .cta-trial p {	margin-bottom: 30px}.video-promo {	background: url(../../yibazhan/images/video.jpg);	position: relative}.video-promo .video-promo-content {	color: #fff}.video-promo .video-promo-content .video-popup {	width: 80px;	height: 80px;	line-height: 80px;	text-align: center;	border: 3px solid #fff;	color: #fff;	border-radius: 50%;	display: inline-block;	font-size: 26px}.video-promo .video-promo-content .video-popup i{	padding-left: 5px;}.video-promo .video-promo-content h2 {	margin-top: 30px;	color: #fff;	font-size: 30px;	text-transform: uppercase}.video-promo .video-promo-content p {	color: #fff}#portfolios {	background: #f9f9f9}#portfolios .mix {	padding: 0}#portfolios .portfolio-item {	padding: 10px}#portfolio .mix {	display: none}.controls {	text-align: center;	padding: 0 0 20px}.controls .active {	color: #f97794!important;	border-color: #f97794;	background: 0 0}.controls .btn {	text-transform: uppercase;	margin: 2px}.controls:hover {	color: #fff;	cursor: pointer}.shot-item {	width: 100%;	height: 100%;	overflow: hidden;	position: relative}.shot-item img {	width: 100%;	height: 100%;	-webkit-transition-duration: 4000ms;	transition-duration: 4000ms}.shot-item .single-content {	background-color: rgba(22,26,39,.7);	opacity: .9;	height: 100%;	left: 0;	opacity: 0;	position: absolute;	top: 0;	-webkit-transition-duration: 500ms;	transition-duration: 500ms;	width: 100%}.shot-item .single-content .fancy-table {	display: table;	height: 100%;	left: 0;	position: relative;	top: 0;	width: 100%;	z-index: 2}.shot-item .single-content .fancy-table .table-cell {	display: table-cell;	vertical-align: middle;	text-align: center}.shot-item .single-content .zoom-icon a {	color: #fff;	font-size: 30px;	margin-bottom: 15px}.shot-item .single-content a {	color: #fff;	font-size: 16px}.shot-item:hover img {	-webkit-transform: scale(1.1);	transform: scale(1.1)}.shot-item:hover .single-content {	opacity: .8}.item-boxes {	padding: 30px;	border-radius: 4px;	border: 1px solid #eaeaea;	margin: 15px 0;	-webkit-transition: all .3s ease-in-out;	transition: all .3s ease-in-out}.item-boxes .icon {	margin-bottom: 10px}.item-boxes .icon i {	font-size: 30px;	line-height: 60px;	color: #f97794}.item-boxes h4 {	font-size: 18px;	font-weight: 500;	margin-bottom: 15px}.item-boxes p {	margin: 0}.item-boxes:hover {	background: 0 0;	-webkit-box-shadow: 0 10px 50px 0 rgba(84,110,122,.35);	box-shadow: 0 10px 50px 0 rgba(84,110,122,.35)}.services-item {	padding: 30px 15px;	background: #fff;	border-radius: 4px;	text-align: center;	margin-bottom: 30px;	position: relative;	transition: all .3s ease-in-out;	-moz-transition: all .3s ease-in-out;	-webkit-transition: all .3s ease-in-out;	-o-transition: all .3s ease-in-out}.services-item .icon {	margin-bottom: 20px}.services-item .icon i {	width: 60px;	height: 60px;	background: #f9f9f9;	display: inline-block;	line-height: 60px;	font-size: 24px;	text-align: center;	border-radius: 50%;	-webkit-transform: scale(1);	transform: scale(1);	transition: all .3s ease-in-out;	-moz-transition: all .3s ease-in-out;	-webkit-transition: all .3s ease-in-out;	-o-transition: all .3s ease-in-out}.services-item .color-1 i {	background: #fae3e3;	color: #d82928!important}.services-item .color-2 i {	background: #e6f8ed;	color: #57d283!important}.services-item .color-3 i {	background: #e3eafa;	color: #457bf4!important}.services-item .color-4 i {	background: #f3ead6;	color: #f1a90a!important}.services-item .color-5 i {	background: #e7e6ff;	color: #7271ff!important}.services-item .color-6 i {	background: #dedede;	color: #35393d!important}.services-item .services-content {	padding-left: 65px}.services-item .services-content h3 {	margin-bottom: 10px;	font-size: 18px;	font-weight: 500}.services-item .services-content h3 a {	color: #272727}.services-item .services-content h3 a:hover {	color: #f97794}.services-item:hover {	-webkit-box-shadow: 0 10px 50px 0 rgba(84,110,122,.35);	box-shadow: 0 10px 50px 0 rgba(84,110,122,.35)}.services-item:hover .icon i {	background: 0 0;	-webkit-transform: scale(1.1);	transform: scale(1.1)}.featured-bg {	background: #fafafa}.featured-bg .intro-title {	font-size: 18px;	font-weight: 500;	margin-bottom: 15px}.featured-bg .title-sub {	font-size: 22px;	margin-bottom: 15px;	line-height: 36px}.featured-bg .intro-desc {	margin-bottom: 20px}.featured-bg .featured-item {	margin-bottom: 30px;	position: relative;	transition: all .3s ease-in-out;	-moz-transition: all .3s ease-in-out;	-webkit-transition: all .3s ease-in-out;	-o-transition: all .3s ease-in-out}.featured-bg .featured-item .icon {	float: left;	padding-right: 15px}.featured-bg .featured-item .icon i {	font-size: 32px;	text-align: center;	margin-bottom: 30px;	color: #f97794;	transition: all .3s ease-in-out;	-moz-transition: all .3s ease-in-out;	-webkit-transition: all .3s ease-in-out;	-o-transition: all .3s ease-in-out}.featured-bg .featured-item h3 {	margin-bottom: 15px;	font-size: 18px;	font-weight: 500;	line-height: 36px}.featured-bg .featured-item h3 a {	color: #272727}.featured-bg .featured-item h3 a:hover {	color: #f97794}.featured-box {	margin-top: 15px;	margin-bottom: 15px}.featured-box .featured-icon {	float: left}.featured-box .featured-icon i {	font-size: 30px;	color: #f97794;	text-align: center;	float: left;	margin-right: 25px;	margin-bottom: 85px;	display: block}.featured-box .featured-content {	padding-left: 40px;	position: relative}.featured-box .featured-content .icon-o {	font-size: 86px;	color: rgba(0,0,0,.03);	z-index: 2;	font-weight: 400;	text-transform: capitalize;	position: absolute;	top: 0;	left: 50px;	width: 100%}.featured-box .featured-content h4 {	font-size: 18px;	font-weight: 500;	margin-bottom: 10px;	transition: all .4s ease-in-out;	-moz-transition: all .4s ease-in-out;	-webkit-transition: all .4s ease-in-out;	-o-transition: all .4s ease-in-out}.featured-box .featured-content p {	font-size: 14px}.single-team:hover .team-details {	opacity: 1}.single-team {	margin-bottom: 30px;	position: relative;	background: #f9f9f9;	border-radius: 4px;	-webkit-transition: .5s;	transition: .5s;	-webkit-box-shadow: 0 10px 50px 0 rgba(84,110,122,.15);	box-shadow: 0 10px 50px 0 rgba(84,110,122,.15);	border-radius: 0;	overflow: hidden}.single-team:hover {	-webkit-transform: translateY(-5px);	transform: translateY(-5px);	-webkit-box-shadow: 0 10px 50px 0 rgba(84,110,122,.35);	box-shadow: 0 10px 50px 0 rgba(84,110,122,.35)}.single-team img {	width: 100%}.single-team .team-inner {	-webkit-transition: .5s;	transition: .5s}.single-team .team-details {	padding: 20px;	width: 100%;	text-align: center;	-webkit-transition: .5s;	transition: .5s}.single-team .team-details .team-title {	margin-bottom: 5px;	font-size: 18px;	font-weight: 500;	color: #263238}.single-team .team-details p {	margin-bottom: 15px}.single-team .social-list li {	display: inline-block}.single-team .social-list li a {	display: block;	height: 34px;	line-height: 34px;	text-align: center;	width: 34px;	color: #f97794;	font-size: 14px;	background: #fff;	border-radius: 50px;	-webkit-transition: .5s;	transition: .5s}.single-team .social-list .facebook a:hover {	background: #4867aa;	color: #fff}.single-team .social-list .twitter a:hover {	background: #1da1f2;	color: #fff}.single-team .social-list .google-plus a:hover {	background: #dd4d42;	color: #fff}.single-team .social-list .linkedin a:hover {	background: #007bb6;	color: #fff}.testimonial {	background: #f9f9f9}.testimonial-item {	padding: 30px;	margin: 15px;	background: #fff;	border-radius: 4px;	border: 1px solid rgba(0,0,0,.06)}.testimonial-item .author {	display: -webkit-box;	display: -ms-flexbox;	display: flex;	margin-bottom: 20px}.testimonial-item .author .img-thumb {	float: left;	overflow: hidden;	position: relative;	max-width: 80px;}.testimonial-item .author .img-thumb img {	border-radius: 50%;	width: 75%}.testimonial-item .author .author-info {	float: left;	padding: 3px 0}.testimonial-item .author .author-info h2 {	font-size: 18px;	font-weight: 500;	line-height: 30px;	margin-bottom: 0}.testimonial-item .author .author-info h2 a {	color: #484848}.testimonial-item .author .author-info h2 a:hover {	color: #f97794}.testimonial-item .content-inner {	overflow: hidden}.testimonial-item .content-inner .description {	width: 100%;	margin-bottom: 10px}.testimonial-item .content-inner span {	color: #f97794}.owl-pagination {	position: absolute;	width: 100%;	left: 0;	bottom: -40px}.owl-theme .owl-controls .owl-page {	display: inline-block;	zoom: 1;	*display: inline}.owl-theme .owl-controls .owl-page span {	display: block;	width: 12px;	height: 12px;	margin: 2px 4px;	filter: alpha(opacity=50);	opacity: 1;	border-radius: 30px;	background: #fff;	border: 2px solid #fff;	-webkit-box-shadow: 0 0 2px rgba(0,0,0,.2);	box-shadow: 0 0 2px rgba(0,0,0,.2);	transition: all .4s ease-in-out;	-moz-transition: all .4s ease-in-out;	-webkit-transition: all .4s ease-in-out;	-o-transition: all .4s ease-in-out}.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span {	background: #f97794}.pricing-table {	padding: 20px 0 0;	margin: 0 auto;	margin-bottom: 5px;	border: 1px solid #eaeaea;	text-align: center;	border-radius: 4px;	background-color: #fff;	-webkit-box-shadow: 0 10px 50px 0 rgba(84,110,122,.15);	box-shadow: 0 10px 50px 0 rgba(84,110,122,.15);	-webkit-transition: all .3s;	transition: all .3s;	margin-top: 30px}.pricing-table:hover {	-webkit-box-shadow: 0 10px 50px 0 rgba(84,110,122,.35);	box-shadow: 0 10px 50px 0 rgba(84,110,122,.35)}.pricing-table .pricing-details h2 {	font-size: 18px;	color: #546e7a;	font-weight: 500;	padding-top: 15px;	padding-bottom: 15px}.pricing-table .pricing-details .price {	color: #263238;	font-size: 36px;	line-height: 40px;	font-weight: 500;	letter-spacing: -1px;	background-color: #fff!important;	border-bottom: 1px solid #e9edf2;	padding-bottom: 40px}.pricing-table .pricing-details .price span {	font-size: 12px;	line-height: 15px;	font-weight: 400;	color: #a2a2a2}.pricing-table .pricing-details ul li {	padding: 12px;	font-size: 14px}.pricing-table .pricing-details ul li:nth-child(even) {	background-color: #f9f9f9}.pricing-table .plan-button {	padding: 30px 0;	background: #f9f9f9}.pricing-big {	-webkit-transform: scale3d(1.1,1.1,1.1);	transform: scale3d(1.1,1.1,1.1)}#carousel-area {	overflow: hidden;	background: #2c3e50}#carousel-area .carousel-item {	background-size: 100%}#carousel-area .carousel-item .carousel-caption {	top: 32%;	right: 10%;	left: 12%;	text-shadow: none;	padding-top: 0;	padding-bottom: 0}#carousel-area .carousel-item .carousel-caption h3 {	color: #fff;	font-weight: 500;	font-size: 26px;	line-height: 38px}@media(max-width:767px) {	#carousel-area .carousel-item .carousel-caption h3 {		font-size: 22px;		line-height: 32px	}}#carousel-area .carousel-item .carousel-caption h2 {	font-size: 60px;	font-weight: 500;	color: #fff}#carousel-area .carousel-item .carousel-item-img{	width: 100%;	height: 600px;	background-size: cover;	background-repeat: no-repeat;	background-position: center;	position: relative;}#carousel-area .carousel-item .carousel-item-img-right{	width: 100%;	height: 600px;	background-size: cover;	background-repeat: no-repeat;	background-position: center;	position: relative;}@media only screen and (min-width:768px) and (max-width:991px) {	#carousel-area .carousel-item .carousel-caption h2 {		font-size: 50px;		margin-bottom: 15px	}}@media(max-width:767px) {	#carousel-area .carousel-item .carousel-caption h2 {		font-size: 35px;		margin-bottom: 15px	}}#carousel-area .carousel-item .carousel-caption h4 {	color: #fff;	font-size: 18px;	line-height: 25px;	font-weight: 500;	margin-bottom: 30px;}@media(max-width:767px) {	#carousel-area .carousel-item .carousel-caption h4 {		font-weight: 400	}}#carousel-area .carousel-control {	display: none;	-webkit-transition: all .3s ease-in-out;	transition: all .3s ease-in-out}#carousel-area:hover .carousel-control {	display: block;	-webkit-transition: all .3s ease-in-out;	transition: all .3s ease-in-out;	-webkit-animation-duration: 1s;	animation-duration: 1s;	-webkit-animation-fill-mode: both;	animation-fill-mode: both;	-webkit-animation-name: fadeIn;	animation-name: fadeIn}#carousel-area .carousel-control-next,#carousel-area .carousel-control-prev {	opacity: 1}#carousel-area .carousel-control-next i,#carousel-area .carousel-control-prev i {	width: 48px;	line-height: 48px;	height: 48px;	color: #fff;	font-size: 24px;	display: inline-block;	background: #f97794;	border-radius: 30px;	-webkit-transition: all .2s linear;	transition: all .2s linear}#carousel-area .carousel-control-next i:hover,#carousel-area .carousel-control-prev i:hover {	opacity: .9}#carousel-area .carousel-indicators li:hover,#carousel-area .carousel-indicators li.active {	opacity: 1}#carousel-area .carousel-indicators {	bottom: 35px}#carousel-area .carousel-indicators li {	width: 30px;	height: 7px;	border-radius: 4px}#slider-area {	margin-top: -1px}#slider-area .btn {	margin-right: 15px}#slider-area .large_white {	color: #fff}#slider-area .about-info p {	color: #333}.contents p {	font-size: 16px;	font-weight: 400;	line-height: 50px}.contents .header-button .btn i {	margin-left: 10px}#blog .blog-item-wrapper {	margin-bottom: 30px;	background: #fff;	border-radius: 4px;	-webkit-box-shadow: 0 10px 50px 0 rgba(84,110,122,.15);	box-shadow: 0 10px 50px 0 rgba(84,110,122,.15);	-webkit-transition: transform .2s linear,-webkit-box-shadow .2s linear;	-webkit-transition: -webkit-transform .2s linear,-webkit-box-shadow .2s linear;	transition: -webkit-transform .2s linear,-webkit-box-shadow .2s linear;	transition: transform .2s linear,box-shadow .2s linear;	transition: transform .2s linear,box-shadow .2s linear,-webkit-transform .2s linear,-webkit-box-shadow .2s linear}#blog .blog-item-wrapper:hover {	-webkit-box-shadow: 0 10px 50px 0 rgba(84,110,122,.35);	box-shadow: 0 10px 50px 0 rgba(84,110,122,.35);	-webkit-transform: translateY(-5px);	transform: translateY(-5px)}#blog .blog-item-wrapper:hover .blog-item-img:before {	opacity: 1}#blog .blog-item-img {	position: relative}#blog .blog-item-img img {	width: 100%;	border-radius: 4px}#blog .blog-item-text {	padding: 20px 30px}@media only screen and (min-width:992px) and (max-width:1200px) {	#blog .blog-item-text {		padding: 20px	}}#blog .blog-item-text .date {	font-size: 14px;	margin-bottom: 10px;	color: #999999;}#blog .blog-item-text .date i {	margin-right: 7px}#blog .blog-item-text h3 {	height: 52px;	line-height: 26px;	font-size: 18px;	font-weight: 500;	margin-bottom: 10px	display: -webkit-box;	-webkit-box-orient: vertical;	-webkit-line-clamp: 2;	overflow: hidden;}#blog .blog-item-text h3 a {	color: #263238}#blog .blog-item-text h3 a:hover {	color: #f97794}.meta-tags {	margin-bottom: 10px}.meta-tags span {	color: #999;	font-size: 14px;	margin-right: 10px}.meta-tags span i {	margin-right: 5px}.meta-tags span a {	color: #999}.meta-tags span a:hover {	color: #f97794}#blog-single {	padding: 80px 0;	background: #ecf0f1}#blog-single .blog-post {	background: #fff;	overflow: hidden;	margin-bottom: 40px}#blog-single .blog-post .post-thumb img {	width: 100%}.post-content {	font-weight: 300;	margin-top: 5px;	font-size: 15px;	padding: 30px;}.post-content h5 {	margin-bottom: 10px;}.post-content h4 {	border-bottom: thin solid #E6E6E6;	padding: 5px 0px 8px 0px;	margin-bottom: 10px;	font-size: 16px;}.post-content h3 {	border-bottom: thin solid #E6E6E6;	padding: 5px 0px 8px 0px;	margin-bottom: 10px;	font-size: 18px;}.post-content h2 {	border-bottom: thin solid #E6E6E6;	padding: 5px 0px 8px 0px;	margin-bottom: 10px;	font-size: 20px;}.post-content table {	width: 100%;	margin: 10px 0px 10px 0px;	height: auto;	border: thin solid #E6E6E6;	font-size: 14px;}.post-content th {	border: thin solid #E6E6E6;	text-align: center;	height: 35px;	font-size: 15px;}.post-content td {	border: thin solid #E6E6E6;	text-align: center;	padding-left: 5px;	padding-right: 5px;	height: 35px;}.post-content img {	max-width: 100%;}.post-content ul {	width: 100%;	float: left;	box-sizing: border-box;	padding: 5px 25px;}.post-content li {	width: 100%;	line-height: 25px;	margin-left: 5px;	background-repeat: no-repeat;	list-style-type: disc;}.post-content li li {	list-style-type: circle;}.post-content li li li {	list-style-type: square;}.post-content li li li li {	list-style-type: decimal;}.blog-comment {	background: #fff;	padding: 50px 30px;	margin-top: 30px;	overflow: hidden}.blog-comment h4 {	font-size: 24px;	margin-bottom: 30px}.blog-comment .comment-list {	list-style: none;	margin: 0;	padding: 0;	margin-bottom: 30px;	width: 100%;	float: left;}.blog-comment .comment-list .the-comment {	border-bottom: 1px solid #e7e6e6;	padding-bottom: 15px;	margin-bottom: 15px;	float: left;	width: 100%;}.blog-comment .comment-list .children {	padding-left: 40px}.blog-comment .avatar {	float: left;	margin-right: 15px;	border-radius: 3px;	background: #fff;}.blog-comment .avatar img {	width: 70px;	height: 70px;	border-radius: 3px;}.blog-comment .comment-author {	margin-bottom: 5px;}.comment-author strong {	margin-right: 5px;	color: #f39c12;}.blog-comment .meta {	margin-bottom: 10px;	color: #999}.post-meta {	color: #fff;	margin-top: 15px;	margin-bottom: 15px}.post-meta ul li {	display: inline-block;	margin-right: 8px;	margin-left: 8px}.post-meta ul li i {	margin-right: 5px}.post-meta ul li a {	color: #fff}.post-meta ul li a:hover {	color: #f97794}.form-control {	width: 100%;	height: auto;	margin-bottom: 20px;	padding: 12px 30px;	font-size: 15px;	border-radius: 30px;	border: 1px solid transparent;	background: #f5f5f5;	-webkit-transition: all .3s;	transition: all .3s}.form-control:focus {	border: 1px solid #f97794;	outline: none;	-webkit-box-shadow: none;	box-shadow: none}.btn.disabled,.btn:disabled {	opacity: 1}textarea {	border-radius: 4px!important}.contact-info {	margin-bottom: 15px}.contact-info i {	font-size: 20px;	color: #f97794}.contact-info h5 {	margin-top: 5px;	font-size: 18px;	font-weight: 500}.contact-info p {	font-size: 14px;	margin-bottom: 0}#contact {	background: #fff;	position: relative;	overflow: hidden}#contact .contact-block {	overflow: hidden}@media(max-width:767px) {	#contact .contact-block {		margin-bottom: 40px	}}.text-danger {	font-size: 14px;	margin-top: 10px}.list-unstyled li {	color: #d9534f}#conatiner-map {	width: 100%;	height: 480px}#google-map-area {	position: relative}#google-map-area .container-fluid {	padding-left: 0;	padding-right: 0}.toggle-map {	height: 5px;	width: 100%;	background-color: #f97794;	bottom: 0;	text-align: center;	position: absolute;	z-index: 106}.toggle-map .map-icon {	width: 50px;	height: 50px;	display: inline-block;	border-radius: 100%;	background-color: #fff;	border: #f97794 3px solid;	position: relative;	top: -46px}.toggle-map .map-icon i {	width: 44px;	height: 44px;	display: inline-block;	line-height: 44px;	text-align: center;	font-size: 20px}#google-map {	text-align: center;	background-color: #fff;	height: 465px;	position: absolute;	bottom: -460px;	-webkit-transition: all .3s;	transition: all .3s;	z-index: 101;	width: 100%;	border-top: #f97794 3px solid}#google-map.panel-show {	bottom: -20px!important;	-webkit-transition: all .3s;	transition: all .3s}#subscribe {	background: url(../../yibazhan/images/bg-subs.jpg);	background-size: cover;	background-repeat: no-repeat;	background-position: center;	background-attachment: fixed;	position: relative}.subscribe-form .sub-title {	margin-bottom: 30px}.subscribe-form .sub-title h3 {	font-size: 30px;	margin-bottom: 10px;	position: relative;	font-weight: 500}.subscribe-form .form-wrapper {	background-color: #fff;	padding: 58px 40px;	border-radius: 4px;	-webkit-box-shadow: 0 0 20px rgba(0,0,0,.2);	box-shadow: 0 0 20px rgba(0,0,0,.2)}@media(max-width:767px) {	.subscribe-form .form-wrapper {		margin-bottom: 40px	}}.subscribe-form .form-wrapper .form-group {	margin-bottom: 0}.subscribe-form .form-wrapper .form-control {	display: block;	width: 100%;	height: auto;	font-size: 15px;	-webkit-box-shadow: none;	box-shadow: none;	color: #848484;	text-transform: capitalize;	background: #f7f7f7;	border: 1px solid transparent;	padding: 12px 30px;	border-radius: 30px;	background-image: none;	background-clip: padding-box}.subscribe-form .form-wrapper .form-control:focus {	color: #212121;	background-color: #fff;	border-color: #f97794;	-webkit-box-shadow: none;	box-shadow: none;	outline: 0}.subscribe-form .form-submit .btn {	width: 100%;	padding: 13px 30px}#subscribe .sub-item-box {	padding: 30px;	margin-bottom: 30px;	border-radius: 4px;	background: #fff}#subscribe .sub-item-box .icon-box {	float: left}#subscribe .sub-item-box .icon-box i {	font-size: 30px;	color: #f97794}#subscribe .sub-item-box .text-box {	margin-left: 60px}#subscribe .sub-item-box .text-box h4 {	font-size: 16px;	font-weight: 500}#subscribe .sub-item-box .text-box p {	margin-bottom: 0}#subscribe .sub-item-box:last-child {	margin-bottom: 0}.block-title {	font-size: 14px;	font-weight: 500;	color: #263238;	margin-bottom: 30px;	text-transform: uppercase;	position: relative}footer .footer-Content {	background-color: #fff;	padding: 60px 0 20px;	color: #546e7a}.textwidget {	font-size: 14px;	line-height: 24px;	margin-bottom: 10px}.textwidget p {	color: #546e7a}footer .menu {	padding-left: 0}footer .menu li {	padding-bottom: 12px}footer .menu li a {	color: #546e7a}footer .menu li a:hover {	color: #f97794}.contact-footer {	margin: 0;	padding: 0;	display: inline-block}.contact-footer li {	padding: 3px 0;	margin-bottom: 15px}.contact-footer li strong {	float: left}.contact-footer li span {	margin-left: 73px;	display: block}.contact-footer li span a {	color: #546e7a}.contact-footer li span a:hover {	color: #f97794}.instagram-footer {	padding: 0}.instagram-footer li {	display: block;	width: 50%;	float: left;	margin: 0}.instagram-footer li img {	width: 100%}.instagram-footer li span {	width: 100%;	text-align: center;	float: left;}.footer-social li {	display: inline-block;	margin-right: 12px}.footer-social li a {	background-color: #f97794;	border-radius: 50%;	color: #fff;	height: 32px;	line-height: 32px;	text-align: center;	width: 32px;	display: inline-block;	-webkit-transition: all .4s ease-in-out;	transition: all .4s ease-in-out}.footer-social li .facebook:hover {	background-color: #3b5998}.footer-social li .twitter:hover {	background-color: #55acee}.footer-social li .linkedin:hover {	background-color: #007bb5}.footer-social li .google-plus:hover {	background-color: #dd4b39}#copyright {	background-color: #fff;	padding: 20px 0 10px;	border-top: 1px solid #eaeaea;	color: #546e7a}#copyright p {	margin-bottom: 0;	line-height: 40px}#copyright p a {	color: #546e7a}#copyright p a:hover {	color: #f97794}#copyright .nav-inline .nav-link {	color: #546e7a;	padding: 10px 0;	margin-left: 10px}#copyright .nav-inline .nav-link:hover {	color: #f97794}.counters {	background: url(../../yibazhan/images/bg-counter.jpg) fixed;	position: relative}.counters .facts-item {	text-align: center;	color: #fff;	border: 1px dotted #fff;	border-radius: 4px;	padding: 30px;	margin-bottom: 30px}.counters .facts-item .icon {	margin-bottom: 15px}.counters .facts-item .icon i {	font-size: 40px;	color: #fff}.counters .facts-item .fact-count h3 {	font-size: 40px;	color: #fff;	font-weight: 400;	line-height: 40px}.counters .facts-item .fact-count h4 {	font-size: 15px;	color: #fff;	margin-bottom: 0}.counter-item {	text-align: center;	padding: 30px;	background: #f9f9f9;	border: 1px solid #eaeaea;	margin: 15px 0}.counter-item .icon {	margin-bottom: 20px}.counter-item .icon i {	font-size: 40px;	color: #f97794}.counter-item .fact-count h3 {	font-size: 50px;	font-weight: 500;	line-height: 60px}.counter-item .fact-count h4 {	font-size: 18px;	margin-bottom: 0}.home-logo {	height: 40px;	width: auto;	margin: 0px;}.song-thin-text {	font-weight: 300!important}.single-widget {	margin-bottom: 30px;	background-color: #FFFFFF;}.single-widget .form-control {	margin-bottom: 0;}.single-widget {	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);	padding: 20px;}.widget-latest-post h4,.categories h4,.tags h4 {	color: #333333;	font-size: 18px;	font-weight: 400;	letter-spacing: 0;	line-height: 24px;	margin-bottom: 30px;	text-transform: capitalize;	padding-bottom: 10px;	border-bottom: 3px double #ddd;}.single-latest-post {	margin-bottom: 20px;	overflow: hidden;}.single-latest-post .latest-post-img {	float: left;	width: 30%;	margin-right: 20px;}.single-latest-post .latest-post-content {	float: left;	width: calc(70% - 20px);}.single-latest-post a {	color: #333333;	font-size: 15px;	line-height: 18px;	font-weight: 500;	letter-spacing: 0;	text-transform: capitalize;}.single-latest-post h5{    font-size: 15px;    margin: 0;    line-height: 20px;    height: 40px;    font-weight: 400;    float: left;    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 2;    overflow: hidden;}.single-latest-post p{    font-size: 14px;    margin: 0;    line-height: 22px;    height: 22px;    font-weight: 400;    color: #999999;    float: left;    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 2;    overflow: hidden;}.single-latest-post a:hover {	color: #3d60f4;}.categories ul li {	padding-bottom: 10px;}.categories ul li a {	color: #999999;	display: block;	font-size: 14px;	font-weight: 400;	letter-spacing: 0;	line-height: 18px;}.categories ul li a:hover {	color: #3d60f4;}.tags {	width: 100%;	display: inline-block;}.tags ul li a {	color: #999;	border: 1px solid #f1f1f1;	padding: 5px 15px;	margin: 0 5px 5px 0;	font-size: 14px;	font-weight: 400;	letter-spacing: 0;	line-height: 18px;	display: block;	float: left;	-webkit-transition: all 0.3s ease 0s;	-moz-transition: all 0.3s ease 0s;	-o-transition: all 0.3s ease 0s;	transition: all 0.3s ease 0s;}.tags ul li a:hover {	background-color: #222222;	border-color: #222222;	color: #fff;}.navigation-detial{    position: absolute;    top: 0;    left: 0;    width: 100%;    z-index: 99;    -webkit-transition: all .3s ease-out 0s;    transition: all .3s ease-out 0s;}.navigation-detial.sticky{position:fixed;background-color:#fff;-webkit-box-shadow:0 3px 6px 3px rgba(0,0,0,.06);box-shadow:0 3px 6px 3px rgba(0,0,0,.06)}@media (max-width: 767px) {.content-article-h1{    width: 100%;    height: all;    line-height: 25px;    float: left;    font-size: 20px;    margin: 10px 0px 0px 0px;    font-weight: 400;    color: #333333;}}@media screen and (min-width: 768px) {.content-article-h1{    width: 100%;    height: all;    line-height: 50px;    float: left;    font-size: 23px;    margin: 10px 0px 0px 0px;    font-weight: 400;    color: #333333;}}.article-describe{    border-left: 3px #c4cfd7 solid;    padding: 10px 15px;    color: #999999;    background-color: #eff3f4;    width: 100%;    font-size: 15px;    margin-bottom: 15px;    line-height: 30px;    font-weight: 300;    float: left;}.article-editor{    width: 100%;    float: left;    height: auto;    color: #999999;    height: 40px;    line-height: 40px;    font-weight: 300;    font-size: 14px;    margin: 10px 0px;}.article-editor a{    color: #3878fe;    font-weight: 400;    margin-right: 10px;}.article-editor a:hover{    color: #3878fe;    text-decoration: none;}.article-editor font{    margin: 0px 10px;}.index-partners{    width: 100%;    display: flex;    justify-content: space-between;    flex-wrap: wrap;    flex-direction: row;    height: auto;}.index-partners img{    width: 18%;    padding: 0px;    margin: 0px;    border: none;    margin-bottom: 1.5rem;}@media (max-width: 992px) and (min-width: 768px){    .index-partners img{        width: 32%;        padding: 0px;        margin: 0px;        border: none;        margin-bottom: 1rem;    }}@media (max-width:767px){    .index-partners img{        width: 49%;        padding: 0px;        margin: 0px;        border: none;        margin-bottom: 1rem;    }}/*topics start start*/.content-topics{    background-color: #FFFFFF;    width: 100%;    float: left;}.content-topics header{    width: 100%;    height: 65px;    line-height: 65px;    padding: 0px 30px;    box-sizing: border-box;    border-bottom:1px solid #e1e8ed;    float: left;}.content-topics header .left{    width: 30%;    height: 65px;    line-height: 65px;    font-size: 18px;    float: left;}.content-topics header .left i{    margin-right: 5px;    font-size: 20px;    height: 65px;    line-height: 65px;    float: left;}.content-topics header .right{    width: 70%;    height: 65px;    line-height: 65px;    float: left;    padding-top: 15px;    box-sizing: border-box;    overflow: hidden;}.content-topics header .right a{    width: auto;    height: 50px;    line-height: 50px;    float: right;    font-size: 15px;    margin: 0px;    padding: 0px;    margin-left: 30px;}.content-topics header .right .active{    border-bottom: 3px solid #3878fe;}.content-topics content{    width: 100%;    height: auto;    float: left;}.content-topics content ul{    padding: 10px 30px;}@media (max-width: 767px) {    .content-topics content li{        width: 100%;        height: auto;        padding: 15px 0px;        border-bottom:1px dashed #F5F5F5;        float: left;        overflow: hidden;    }}@media screen and (min-width: 768px) {    .content-topics content li{        width: 50%;        height: auto;        padding: 15px 0px;        border-bottom: 1px dashed #F5F5F5;        float: left;        overflow: hidden;        box-sizing: border-box;    }    .content-topics content li:nth-child(odd) {        padding-right: 10px;    }    .content-topics content li:nth-child(even) {        padding-left: 10px;    }}.content-topics content li img{    width: 50px;    height: 50px;    float: left;    z-index: 9;    position: relative;    border-radius: 2px;}.content-topics content li span{    width: 100%;    height: auto;    padding-left: 60px;     z-index: 8;    float: left;    margin-top: -50px;    position: relative;    min-height: 50px;}.content-topics content li span h3{    width: 100%;    height: 30px;    line-height: 30px;    float: left;    font-size: 14px;    margin: 0px;    padding: 0px;    color: #333333;}.content-topics content li span h3 a{    color: #333333;    font-size: 15px;    font-weight: 400;}.content-topics content li span h3 em{    height: 24px;    line-height: 24px;    margin: 3px 0px;        padding: 0px 10px;    float: right;    font-weight: 400;    font-style: normal;    font-size: 12px;    background-color: #3878fe;    color: #FFFFFF;    width: auto;}.content-topics content li span p{    width: 100%;    height: 40px;    line-height: 20px;    float: left;    font-size: 13px;    margin: 5px 0px 0px;    padding: 0px;    font-weight: 400;    color: #999999;    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 2;    overflow: hidden;}.content-topics footer{    float: left;    width: 100%;    text-align: center;    height: 90px;    font-size: 200;    padding: 0px 30px;}.content-topics footer ul{    margin-top: 20px;    margin-left: auto;    margin-right: auto;}/*topics start end*//*tags start*/.content-tag-detial header{    height: auto;    float: left;    width: 100%;    padding: 20px;    margin-bottom: 20px;    background-color: #FFFFFF;}.content-tag-detial header small{    margin-left: 10px;}.content-tag-detial header .left{    width: 100px;    height: 100px;    margin-right: 15px;    float: left;}.content-tag-detial header .left img{    width: 100px;    height: 100px;    float: left;}.content-tag-detial header .right{    width: calc(100% - 115px);    float: left;}.content-tag-detial header .title{    width: 100%;    float: left;    height: 40px;    line-height: 40px;    margin-bottom: 5px;}.content-tag-detial header .title h1{    width: 100%;    font-size: 18px;    height: 40px;    line-height: 40px;    font-weight: 400;    margin: 0px;    float: left;    overflow: hidden;    text-overflow:ellipsis;    white-space: nowrap;}.content-tag-detial header .title em{    font-size: 13px;    height: 32px;    line-height: 32px;    padding: 0px 15px;    margin: -36px 0px;    font-weight: 300;    float: right;    background-color: #3878fe;    color: #FFFFFF;    width: auto;    font-style: normal;}.content-tag-detial header .title em.active{    font-size: 13px;    height: 32px;    line-height: 28px;    padding: 0px 15px;    margin: -36px 0px;    font-weight: 400;    float: right;    background-color: #FFFFFF;    border: 2px solid #3878fe;    color: #3878fe;    width: auto;    font-style: normal;}.content-tag-detial header p{    font-size: 13px;    color: #999999;    line-height: 20px;    font-weight: 400;    margin: 0px;}.content-tag-detial content{    width: 100%;    padding: 20px;    background-color: #FFFFFF;    float: left;}.content-tag-detial content h3{    margin: 0px 0px 5px 0px;    padding: 0px;    height: 25px;    line-height: 25px;    font-size: 15px;    overflow: hidden;    text-overflow:ellipsis;    white-space: nowrap;    color: #333333;}.content-tag-detial content li{    width: 100%;    border-bottom: thin dashed #CCCCCC;    float: left;    padding-bottom: 20px;    margin-bottom: 20px;}.content-tag-detial content ul li img{    width: 180px;    height: auto;    float: left;    z-index: 9;    height: 110px;    position: relative;}.content-tag-detial content ul li img{    width: 180px;    height: auto;    float: left;    z-index: 9;    height: 110px;    position: relative;}.content-tag-detial-content-des{    width: calc(100% - 190px);    height: auto;    float: left;    margin-left: 10px;}.content-index-content-li-descript{	width: 100%;    height: 40px;    line-height: 20px;    margin-bottom: 20px;    font-size: 14px;    color: #878e9a;    font-weight: 300;    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 2;    overflow: hidden;}.content-index-content-li-footer {    width: 100%;    height: 20px;    line-height: 20px;    font-size: 12px;    color: #999999;    font-weight: 400;    bottom: 0px;    float: left;}.content-index-content-li-footer a{    font-size: 13px;    height: 20px;    line-height: 20px;    float: left;    margin-right: 10px;}.content-index-content-li-footer i{    margin-right: 5px;    font-size: 14px;    float: left;    height: 20px;    line-height: 20px;    color: #a7b1c2;}.content-index-content-li-footer font{    font-size: 13px;    float: left;    color: #a7b1c2;}.content-index-content-li-footer a font:hover{    text-decoration: none;    color: #3878fe;}.content-index-content-li-footer time{    margin: 0px 5px;    color: #a7b1c2;    font-size: 13px;}.content-index-content-li-footer a:last-child{    float: right;    margin-right: 0px;}.content-index-content-li-footer a:hover{    text-decoration: none;    color: #3878fe;}.content-index-content-li-footer span{    float: right;    margin-right: 0px;}.content-index-content-li-footer span:hover{    text-decoration: none;    color: #3878fe;}.content-tag-detial footer{    float: left;    width: 100%;    text-align: center;    height: 70px;    font-size: 200;    background-color: #FFFFFF;    padding: 0px 20px;}.content-tag-detial footer ul{    margin-top: 0px;    margin-left: auto;    margin-right: auto;}/*tag detial end*//*content-index-start*/@media (max-width: 767px) {    .content-index{        width: 100%;        margin: 0px 0px 20px 0px;        float: left;        height: auto;        background-color: #FFFFFF;    }    .content-index content li img{        width: 100px;        float: left;        z-index: 9;        height: 70px;        position: relative;    }    .content-index-img{        width: 100px;        float: left;        z-index: 9;        height: 70px;        position: relative;    }    .content-index-content-span{        width: 100%;        height: 70px;        padding-left: 110px;         z-index: 8;        float: left;        margin-top: -70px;        position: relative;    }    .content-index-content-span h3{        width: 100%;        height: 25px;        line-height: 25px;        float: left;        font-size: 14px;        padding: 0px;        overflow: hidden;        text-overflow:ellipsis;        white-space: nowrap;        margin: 0px 0px 5px 0px;    }    .content-index-content-li-descript{        width: 100%;        height: 20px;        line-height: 20px;        font-size: 14px;        color: #878e9a;        font-weight: 300;        margin-bottom: 3px;        display: -webkit-box;        -webkit-box-orient: vertical;        -webkit-line-clamp: 1;        overflow: hidden;    }    .content-index-content-li-footer{        width: 100%;        height: 20px;        line-height: 20px;        font-size: 12px;        color: #999999;        font-weight: 200;        bottom: 0px;        float: left;        overflow: hidden;        text-overflow:ellipsis;        white-space: nowrap;    }}@media screen and (min-width: 768px) {    .content-index{        width: 100%;        float: left;        height: auto;        background-color: #FFFFFF;        border-radius: 3px;    }    .content-index content li img{        width: 180px;        height: auto;        float: left;        z-index: 9;        height: 110px;        position: relative;    }    .content-index-img{        width: 180px;        height: auto;        float: left;        z-index: 9;        height: 110px;        position: relative;    }    .content-index-content-span{        width: 100%;        height: auto;        padding-left: 190px;         z-index: 8;        float: left;        margin-top: -110px;        position: relative;        min-height: 110px;    }    .content-index-content-span h3{        width: 100%;        height: 35px;        margin: 0px;        line-height: 35px;        font-size: 16px;        font-weight: 400;        letter-spacing: 1px;        padding: 0px;        color: #333333;        overflow: hidden;        text-overflow:ellipsis;        white-space: nowrap;    }    .content-index-content-li-descript{        width: 100%;        height: 40px;        line-height: 20px;        margin-bottom: 20px;        font-size: 14px;        color: #878e9a;        font-weight: 300;        display: -webkit-box;        -webkit-box-orient: vertical;        -webkit-line-clamp: 2;        overflow: hidden;    }    .content-index-content-li-footer{        width: 100%;        height: 20px;        line-height: 20px;        font-size: 12px;        color: #999999;        font-weight: 400;        /*position: absolute;*/        bottom: 0px;        float: left;    }}.content-index header{    width: 100%;    height: 65px;    line-height: 65px;    padding: 0px 30px;    box-sizing: border-box;    border-bottom:1px solid #e1e8ed;    float: left;}.content-index header .left{    width: 30%;    height: 65px;    line-height: 65px;    font-size: 18px;    float: left;}.content-index header .left i{    margin-right: 5px;    height: 65px;    line-height: 65px;    float: left;    font-size: 20px;}.content-index header .right{    width: 70%;    height: 65px;    line-height: 65px;    float: left;    padding-top: 15px;    box-sizing: border-box;    overflow: hidden;}.content-index header .right a{    width: auto;    height: 50px;    line-height: 50px;    float: right;    font-size: 15px;    margin: 0px;    padding: 0px;    margin-left: 30px;    color: #333333;}.content-index header .right a:hover{    text-decoration: none;}.content-index header .right .active{    border-bottom: 3px solid #3878fe;}.content-index content{    width: 100%;    height: auto;    }.content-index content ul{    padding: 0px 20px;}.content-index content li{    width: 100%;    height: auto;    padding: 18px 0px;    border-bottom: 1px solid #F8F8F8;    float: left;    overflow: hidden;}.content-index-content-span h3 a{    transition: color 1s;    -webkit-transition: color 1s;    color: #333333;}.content-index-content-span h3 a:hover{    text-decoration: none;    color: #3878fe;}.content-index-content-li-footer a{    font-size: 13px;    height: 20px;    line-height: 20px;    float: left;    margin-right: 10px;}.content-index-content-li-footer i{    margin-right: 5px;    font-size: 14px;    float: left;    height: 20px;    line-height: 20px;    color: #a7b1c2;}.content-index-content-li-footer font{    font-size: 13px;    float: left;    color: #a7b1c2;}.content-index-content-li-footer a font:hover{    text-decoration: none;    color: #3878fe;}.content-index-content-li-footer time{    margin: 0px;    color: #a7b1c2;    font-size: 13px;}.content-index-content-li-footer a:last-child{    float: right;    margin-right: 0px;}.content-index-content-li-footer a:hover{    text-decoration: none;    color: #3878fe;}.content-index-content-li-footer span{    float: right;    margin-right: 0px;}.content-index-content-li-footer span:hover{    text-decoration: none;    color: #3878fe;}.content-index footer{    width: 100%;    height: auto;    line-height: auto;    text-align: center;    float: left;    padding: 30px 20px;}/*content-index-end*/