#I LOVE YOU EVERDAY#

.text-primary {
	color: #e74c3c!important;
}

.text-yellow {
	color: #e6a64c!important;
}

.text-title {
	color: #212628;
}

.text-sub {
	color: #666;
}

.bg-sub {
	background: #666;
}

.bg-form {
	background: #f7f7f7!important;
}

.text-white {
	color: #fff!important;
}

.text-color9 {
	color: #999;
}

.text-color4 {
	color: #444;
}

.text-black {
	color: #333;
}

.bg-bg {
	background: #fafafa;
}

.bg-white {
	background: #fff;
}

.bg-primary {
	background: #e74c3c;
}

.bg-active {
	background: #fdeded;
}

.bg-bbb {
	background: #bbb;
}

.text-blue {
	color: #c7e3ff;
}

.bg-border {
	background: #edecec;
}

.text-5d {
	color: #5d5d5d;
}

.text-border2 {
	color: #d9d9d9;
}

.border-primary {
	border-bottom: 1px solid #e74c3c;
}

.user-page .form-input {
	margin-top: 20px;
}

.user-page .form-input input {
	padding: 0 15px;
	width: 100%;
	height: 45px;
	background: #f5f5f5;
}

.user-page .form-input .right {
	padding-left: 10px;
}

.user-page .form-input .right button,.user-page .form-input .right img {
	height: 45px;
}

.user-page .form-checkbox {
	margin-top: 20px;
}

.user-page .other-login dt:before {
	position: relative;
	display: inline-block;
	margin-right: 10px;
	width: 1.8rem;
	height: 1px;
	background: #eee;
	content: "";
	vertical-align: middle;
}

.user-page .other-login dt:after {
	position: relative;
	display: inline-block;
	margin-left: 10px;
	width: 1.8rem;
	height: 1px;
	background: #eee;
	content: "";
	vertical-align: middle;
}

.user-page .other-login a {
	display: inline-block;
	margin: 20px 10px 0;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	line-height: 50px;
}

.index-page .swiper-container .swiper-pagination-bullet-active {
	background: #e74c3c;
}

.index-page .notice-info {
	margin-bottom: 20px;
	padding: 0 50px 0 40px;
	height: 30px;
	border-radius: 15px;
	background: #fff;
	background-size: auto 24px;
	box-shadow: 0 0 20px #ddd;
	color: #e74c3c;
	line-height: 30px;
}

.index-page .notice-info .iconfont {
	top: 0;
	right: 0;
	width: 40px;
}

.index-page .box1 .menu {
	text-align: center;
}

.index-page .box1 .menu .iconfont {
	font-size: 24px;
}

.index-page .box1 .menu .text {
	display: block;
	color: #333;
}

.index-page .box1 .menu .icon1 {
	color: #458ddb;
}

.index-page .box1 .menu .icon2 {
	color: #f09d39;
}

.index-page .box1 .menu .icon3 {
	color: #6589e5;
}

.index-page .box1 .menu .icon4 {
	color: #e58361;
}

.index-page .box2 {
	padding-top: 15px;
}

.index-page .box3 {
	padding: 15px;
}

.index-page .box3 .jiaService {
	display: -ms-flexbox;
	display: flex;
	margin: auto;
	width: 6.9rem;
	height: 5rem;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-direction: column;
	flex-direction: column;
}

.index-page .box3 .jiaService-1 {
	display: -ms-flexbox;
	display: flex;
	margin: auto;
	width: 6.9rem;
	height: 2.8rem;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-direction: column;
	flex-direction: column;
}

.index-page .box3 .img_1 {
	width: 3.34rem;
	height: 2.8rem;
	border-radius: 10px;
}

.index-page .box3 .img_2 {
	width: 3.34rem;
	height: 1.3rem;
	border-radius: 10px;
}

.index-page .box3 .img_3 {
	width: 6.9rem;
	height: 2rem;
	border-radius: 10px;
}

.index-page .box3 .home-serve-title {
	position: absolute;
}

.index-page .box3 .home-serve-title .main-title {
	padding-top: .2rem;
	color: #fff;
	font-weight: 700;
	font-size: .3rem;
}

.index-page .box3 .home-serve-title .main-title:before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: .15rem;
	height: .08rem;
	background: #e74c3c;
	content: '';
}

.index-page .box3 .home-serve-title .sub-title {
	color: #fff;
	font-size: .24rem;
}

.index-page .box4 {
	padding: 15px 0;
	color: #333;
	font-size: 12px;
}

.index-page .box4 i {
	font-size: 20px;
}

.index-page .box5 {
	position: relative;
	overflow: hidden;
	margin: auto;
	width: 6.9rem;
	height: 1.4rem;
	border-radius: .1rem;
}

.index-page .box5 .text {
	position: absolute;
	top: .15rem;
	left: .4rem;
}

.index-page .box5 .text .title {
	color: #333;
	font-size: .48rem;
}

.index-page .box5 .text .sub {
	color: #333;
	font-size: .28rem;
}

.index-page .box6 {
	padding: 15px;
}

.index-page .box6 .case-box {
	overflow-x: auto;
	white-space: nowrap;
}

.index-page .box6 .tab {
	text-align: center;
}

.index-page .box6 .tab a {
	font-size: 15px;
}

.index-page .box6 .tab a:after {
	padding: 0 .1rem;
	content: '|';
}

.index-page .box6 .tab a:last-child:after {
	padding: 0;
	content: "";
}

.index-page .box8 .detail_team {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.index-page .box8 .loupan {
	margin-left: .2rem;
	width: 3.3rem;
}

.index-page .box8 .loupan .img {
	width: 3.3rem;
	height: 3.3rem;
	border-radius: 10px;
}

.index-page .box8 .loupan p {
	padding: 5px;
	color: #333;
	font-size: 12px;
}

.index-page .box9 .scroll-box {
	overflow: hidden;
	width: 7.5rem;
	max-height: 225px;
}

.index-page .box9 .scroll-box .scroll-container {
	display: -ms-flexbox;
	display: flex;
	overflow-x: auto;
	width: auto;
	max-height: 225px;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.index-page .box9 .scroll-box .tab-item {
	display: -ms-flexbox;
	display: flex;
	width: 350px;
	height: 75px;
	-ms-flex-align: center;
	align-items: center;
}

.index-page .box9 .scroll-box .tab-item .img {
	width: 65px;
	height: 65px;
	border-radius: 5px;
}

.index-page .box9 .scroll-box .tab-item:nth-child(3n) .text {
	border-bottom: none;
}

.index-page .box9 .scroll-box .tab-item .text {
	display: -ms-flexbox;
	display: flex;
	margin-left: 15px;
	height: 75px;
	max-width: 260px;
	border-bottom: 1px solid #edecec;
	font-size: 12px;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
}

.index-page .box9 .scroll-box .tab-item .text i {
	font-size: 12px;
}

.index-page .box9 .scroll-box .tab-item .text .title {
	color: #333;
	font-size: 15px;
}

.index-page .box9 .scroll-box .tab-item .text .address {
	margin-top: 8px;
}

.index-page .box10 .tab-container {
	display: -ms-flexbox;
	display: flex;
	margin: auto;
	width: 6.9rem;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.index-page .box10 .tab-container .yuan {
	position: absolute;
	top: -.25rem;
	left: 50%;
	margin-left: -.25rem;
	width: .5rem;
	height: .5rem;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 0 2px #ccc;
	color: #e74c3c;
	text-align: center;
	line-height: .5rem;
}

.index-page .box10 .tab-container .yuan i {
	font-size: .3rem;
}

.index-page .box11 .img {
	height: 3.5rem;
}

.index-page .box11 .text {
	position: absolute;
	bottom: 0;
	left: 0;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 60px;
	color: #fff;
	font-size: 12px;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
}

.index-page .box11 .text i {
	font-size: 12px;
}

.index-page .box11 .text .title {
	padding-left: 5px;
	width: 4rem;
}

.index-page .box11 .msg {
	display: -ms-flexbox;
	display: flex;
	width: 2.3rem;
	height: 60px;
	-ms-flex-align: center;
	align-items: center;
}

.index-page .box13 .topic {
	overflow: hidden;
}

.index-page .box13 .topic .topic-con {
	display: -ms-flexbox;
	display: flex;
	overflow-x: auto;
	margin-bottom: 10px;
	width: auto;
	max-height: 255px;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.index-page .box13 .topic .top-item {
	display: -ms-flexbox;
	display: flex;
	width: 345px;
	height: 75px;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
}

.index-page .box13 .topic .top-item .time {
	position: relative;
	width: 70px;
	height: 70px;
	border-radius: 5px;
	background: #c0b8ac;
	color: #fff;
	line-height: 70px;
}

.index-page .box13 .topic .top-item .time .yue {
	text-align: center;
	font-size: 24px;
}

.index-page .box13 .topic .top-item .time .ri {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 30px;
	height: 18px;
	line-height: 1;
}

.index-page .box13 .topic .top-item .text {
	display: -ms-flexbox;
	display: flex;
	width: 260px;
	height: 70px;
	border-bottom: 1px solid #edecec;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-direction: column;
	flex-direction: column;
}

.index-page .box13 .topic .top-item .text .title {
	color: #333;
	font-size: 15px;
}

.index-page .box13 .topic .top-item .text .msg {
	height: 38px;
	color: #666;
	font-size: 12px;
}

.index-page .box15 .swiper-wrapper {
	height: 1.6rem;
}

.index-page .box15 .swiper-slide {
	height: 1.6rem;
}

.index-page .box16 {
	padding-bottom: 20px;
}

.index-page .connectme {
	display: -ms-flexbox;
	display: flex;
	height: 75px;
	border-radius: 5px;
	background: #fff;
	box-shadow: 0 0 20px rgba(0,0,0,.1);
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
}

.index-page .connectme .text {
	display: -ms-flexbox;
	display: flex;
	padding-left: 10px;
	width: 5rem;
	height: 50px;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.index-page .connectme .text .title {
	color: #333;
	font-size: 18px;
}

.index-page .connectme .text .sub {
	color: #999;
	font-size: 12px;
}

.index-page .connectme .cic {
	margin-right: 10px;
	width: 40px;
	height: 40px;
	border: 1px solid #e74c3c;
	border-radius: 50%;
	color: #e74c3c;
	text-align: center;
	line-height: 40px;
}

.index-page .card-item {
	position: relative;
	margin-left: .3rem;
	width: 2rem;
	height: 1.6rem;
	background: url(../images/20181102_02.jpg) no-repeat center;
	background-size: 100% 100%;
	box-shadow: 0 0 .15rem rgba(0,0,0,.06);
}

.index-page .card-item:first-child {
	margin-left: 0;
}

.index-page .card-item .cicle {
	position: absolute;
	top: -12.5px;
	left: 50%;
	z-index: 1;
	margin-left: -12.5px;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #fff;
}

.index-page .card-item .title {
	padding-top: .3rem;
	color: #333;
	text-align: center;
	font-size: 15px;
}

.index-page .card-item .sub {
	color: #999;
	text-align: center;
	font-size: 12px;
}

.index-page .tabnav {
	position: relative;
	z-index: 10;
	margin-left: 0;
	width: auto;
	height: 50px;
	background: #fff;
	box-shadow: none;
}

.index-page .mainPage-title {
	display: -ms-flexbox;
	display: flex;
	padding-bottom: 5px;
	border-bottom: 1px solid #edecec;
	font-size: 24px;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: end;
	align-items: flex-end;
}

.index-page .mainPage-title .left {
	color: #333;
	font-weight: 700;
}

.index-page .mainPage-title .right {
	color: #e74c3c;
	font-size: 12px;
}

.index-page .mainPage-title .right i {
	font-size: 12px;
}