/* 浅橘色  ff651a 非常浅的橘色 ffe5d9 logo蓝色 1296DB logo红色 e6501e */
body {background: #fff;}
/*body {background: #fafafa;}*/
[v-cloak] {display: none;}
a {color: #101010; font-size: 16px;}
/*a {color: #0078ff;}*/
a:link {text-decoration: none;}
.yj-anli-small .col-xs-6 {height: 226px; border: none !important; float: left; border-bottom: 1px dashed #ccc !important; border-right: 1px dashed #ccc !important;}
.yj-anli-small .col-xs-6 p {width: 100% !important;}
/*.yj-col-md-4 {padding: 20px; border-right: 1px dashed #ccc; border-bottom: 1px dashed #ccc; background: #fff;}*/
.yj-anli-small .yj-col-md-right-4 {border-right: none !important; }
.yj-anli-small .yj-col-md-bottom-4 {border-bottom: none !important; }

/*.yj-btn-green {color: #fff; font-size: 16px; font-weight: bold; border: 1px solid #fff; background: rgba(255,255,255, 0.2); padding: 10px 20px; width: 160px;border-radius: 50px;}*/
.yj-btn-green {    
	color: #ff651a;
    font-size: 18px;
    /*font-weight: bold;*/
    border: none;
    background: rgba(255,255,255, 1);
    padding: 10px 20px;
    width: 160px;
    border-radius: 50px;
}
.yj-anli-h2 {margin-top: 6px;  text-align: left; color: #ff651a; width: 60px; float: left;}
.yj-youshi-h2 {margin-top: 16px; margin-right: 10px; text-align: center; color: #ff651a; /*color: #1296db;*/ width: 60px; float: left;}

.menu-ctrl {
    position: fixed;
    right: 20px;
    top: 20px;
    z-index: 999;
    width: 42px;
    height: 28px;
    border: none !important;
    margin-top: 0px;
    margin-right: 0px;
}
.menu-ctrl-line-t {
    top: 5px;
}
.menu-ctrl-line-m {
    top: 50%;
    width: 13px !important;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.menu-ctrl-line-b {
    bottom: 5px;
}
.menu-ctrl-line {
    position: absolute;
    width: 22px;
    height: 2px;
    right: 0;
    background-color: #fff;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.outpack {border: 1px solid #fff; border-radius: 50px; padding-top: 10px !important; padding-bottom: 10px !important;/* line-height: 40px !important;*/}
.register {display: initial !important; border: 1px solid #fff; color: #337ab7; border-radius: 50px; padding-top: 10px !important; padding-bottom: 10px !important; /*line-height: 40px !important;*/ }
/*.navbar-logo {padding-top: 10px;}*/
.home-banner {
	/*background-color: #204a61;*/ 
	background-color: #1296DB; 
	background: linear-gradient(170deg,#1296DB,#3c91bd); 
	background:-webkit-gradient(linear, 44% -16%, 56% 123%, from(#1296DB), to(#3c91bd));
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#1296DB,endColorStr=#3c91bd);
	height: 500px; 
	overflow: hidden; 
	width: 100%;
}
.cover-header {line-height: 50px; position: absolute; top: 150px; color: #fff; font-size: 2.6em; right: 50%; margin-right: -150px; width: 300px; text-align: center;}
.btn-ghost-light {
	margin-top: 10px; 
	height: 40px; 
	width: 100px;
 	border-radius: 30px; 
 	text-decoration: none; 
 	color: #fff; 
 	font-size: 16px; 
 	padding: 15px 40px;  
	background-color: #1296db;
	/*background: linear-gradient(135deg,#12b979,#2095a7);*/
	/*background:-webkit-gradient(linear, 44% -16%, 56% 117%, from(#12b979), to(#2095a7));*/
	/*FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#12b979,endColorStr=#2095a7);*/
}
.btn-ghost-light:hover {text-decoration: none; color: #fff; background: linear-gradient(135deg,#2095a7,#12b979); }
.yj-navbar-header {height: 70px;}
.navbar {margin-bottom: 0px !important;}
#yj-navbar a {color: #fff;}
#yj-navbar .yj-navbar-cate a {background: none !important; }
/*#yj-navbar .yj-navbar-cate a:hover {color: #e6501e;}*/
.navbar-collapse {box-shadow: none;}
.navbar-static-top {background: none;}
/*.yj-btn-zixun {background: #D0EEFE; border: none; color: #1296db;}*/
/*.yj-btn-zixun {background: none; border: 1px solid #1296DB; color: #1296db; margin: 0px auto;}*/
.yj-service-title-p {text-align: center; font-size: 1.2em; height: 45px; margin: 0px; margin-top: 25px;}
.yj-service-price-p {text-align: center; color: #ff651a; font-size: 1.2em;}
.register:hover {background: rgba(255,255,255, 0.2) !important; } 
.login:hover {background: none !important; } 

/*手机端navbar下拉*/
/*.yj-navbar {background: #fff;/* box-shadow: 0px 2px 3px rgba(0,0,0,0.15);*/}*/
.yj-icon-bar-black {background: #101010;}
.yj-icon-bar-black:first-child {background: #1296DB;}
.yj-icon-bar-black:nth-child(2) {background: #ff651a;}
.yj-icon-bar-black:last-child {background: #1296DB;}

/*.yj-navbar .yj-navbar-collapse {background: #fff;}*/
.yj-navbar .yj-navbar-collapse a {color: #101010 !important}
.yj-navbar .yj-navbar-collapse .navbar-right {border-top: 1px solid #eee;}
.yj-navbar .yj-navbar-collapse .register {color: #e6501e !important; background: #ffe5d9; }
.yj-navbar .yj-navbar-collapse .login {color: #1296db !important; background: #D0EEFE; padding-left: 22px; padding-right: 22px; border-radius: 50px; padding-top: 10px !important; padding-bottom: 10px !important;}
.yj-navbar .yj-navbar-collapse .login:hover {background: none !important;}
.yj-navbar .yj-navbar-collapse .yj-display-initial {display: inline-block !important; color: #fff !important; background: #ff651a !important; border: none;}

.ldm_service_cell {
    /*border: 1px solid #f0f0f2;*/
   /*background: #fff;*/
    border: 1px solid #7CE0B8;
    border-radius: 8px;
    /*box-shadow: 0px 0px 5px #f0f0f2;*/
    /*box-shadow: 0px 3px 7px #f0f0f2;*/
    /*box-shadow: 0 6px 10px 0 rgba(0,0,0,.2);*/
    padding: 25px;
    margin-bottom: 20px;
    height: 170px;
}
.yj-service-col-md-3 {padding: 0px 20px 20px 20px; }
.ldm_superiority_cell {
    /*border: 1px solid #f0f0f2;*/
   	background: #fff;
    border: 1px solid #eee;
    border-radius: 6px;
    /*box-shadow: 0px 0px 5px #f0f0f2;*/
    box-shadow: 0px 3px 7px #f0f0f2;
    /*box-shadow: 0 6px 10px 0 rgba(0,0,0,.2);*/
    padding: 25px;
    margin-bottom: 20px;
    height: 195px;
}
.yj-hidden {display: none !important;}
.yj-header-bg {
	-webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    /*box-shadow: 0px 2px 3px rgba(0,0,0,0.15);*/
    box-shadow: 0px 1px 0px rgba(0,0,0,0.1); 
 	position: fixed; z-index:10; width: 100%; height: 0px; background: #fff; left: 0px; top: 0px;
}
.yj-header-bg-show {height: 340px;}
.yj-header-bg-show-70 {height: 70px;}
.swiper-container {
  width: 100%;
  height: 100px;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  /*background: #fff;*/
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 0px !important;}
.swiper-pagination-bullet { border-radius: 2px; width: 10px; height: 2px;}
.yj-news .list-group-item {border: none; border-bottom: 1px dashed #bbb; background: none !important; padding-left: 0px;}
.yj-news .list-group-item a {color: #698abb;}
.yj-footer .list-group-item {border: none; padding-left: 0px;}
.yj-title-underline {border-bottom: 2px solid #101010; width: 20px; height: 2px;}
.menu-ctrl-on .menu-ctrl-line-t{
	-webkit-transform-origin:100% 50%;
	-ms-transform-origin:100% 50%;
	transform-origin:100% 50%;
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.menu-ctrl-on .menu-ctrl-line-b{
	-webkit-transform-origin:100% 50%;
	-ms-transform-origin:100% 50%;
	transform-origin:100% 50%;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
.menu-ctrl-on .menu-ctrl-line-m{display: none;}
.yj-btn-orange {color: #fff; margin: 0px auto; box-shadow: 0px 3px 4px #ffc3a5; padding: 10px 20px; width: 160px; background: #ff651a; border: none; border-radius: 50px;}
.yj-btn-orange:hover {color: #fff; -webkit-transition: all .6s; -o-transition: all .6s; transition: all .6s; background: #ff651a; box-shadow: none;}
.yj-btn-blue {color: #fff; margin: 0px auto; box-shadow: 0px 3px 6px #8dd7ff; padding: 10px 20px; width: 160px; background: #1296db; border: none; border-radius: 50px;}
.yj-btn-blue:hover {color: #fff; -webkit-transition: all .6s; -o-transition: all .6s; transition: all .6s; background: #1296db; box-shadow: none;}

/*手机端样式*/
.yj-container-footer .yj-footer {text-align: center; padding: 10px !important;}
.yj-container-footer .yj-footer:last-child {padding-bottom: 20px !important;}
.yj-container-footer .yj-footer .list-group-item {padding-left: 20px; }
.yj-container-footer .yj-footer .list-group-item a {color: #888 !important;}
.yj-container-footer .yj-footer .yj-title-underline {margin: 0px auto; border: none !important;}
.footer {background: #fff;}

/*服务需求*/
.yj-project-type-common {text-align: center; border-bottom: 1px solid #eee; height: 200px; padding-top: 50px; color: #666;}
.yj-project-type-common:nth-child(1) {border-left: 1px solid #eee;}
.yj-project-type-common:nth-child(2) {border-left: 1px solid #eee;}
.yj-project-type-common:nth-child(3) {border-left: 1px solid #eee;}
.yj-project-type-common:nth-child(5) {border-left: 1px solid #eee;}
.yj-project-type-common:nth-child(6) {border-left: 1px solid #eee;}
.yj-project-type-common:nth-child(7) {border-left: 1px solid #eee;}
.yj-project-type-active {color: #ff651a; border-color: #ff651a; border-left-color: #FF651A !important; border-right: 1px solid #FF651A; border-top: 1px solid #FF651A;}
.yj-icon-choose {position: absolute; z-index: 3; right: 0px; top: -8px; font-size: 3em;}
.yj-service-p {font-size: 1.4em; margin: 1.5em 0px; font-weight: bold;}
.yj-service-p span {height: 16px; margin-bottom: -1px; width: 3px; background: #1296DB; display: inline-block; margin-right: 5px;}

.xh-info1-active {background: #D0F4E8; border-color: #D0F4E8;}
.xh-info1-active p {color: #12C790 !important;}
.xh-info {font-size: 16px; text-align: left; padding: 10px 20px; line-height: 30px; position: absolute; background: #000; opacity: 0.8; left: 0px; bottom: -200px; color: #fff; width: 100%; height: 200px; border-radius: 8px;}
.xh-download-app {width: 150px; padding-top: 8px; font-size: 1.4em; height: 48px; background: none; color: #fff; border-color: #fff;}
.xh-download-app:hover {background: #fff; border-color: #fff;}
.xh-ecoach-fixed {position: fixed; top: 70px; left: 50%; margin-left: -496px; z-index: 3;}
.xh-ecoach-cate-active {color: #12c791; padding-bottom: 10px; border-bottom: 1px solid #12c791;}

.xh-help-a {color: #101010; padding: 15px 25px; font-size: 1.4em; font-weight: bold; background: #EBEBEB;}
.xh-help-a:focus {color: #fff;}
.xh-help-a-active {background: #12C792; color: #fff;}
.xiha-page a {font-size: 16px; background: #EBEBEB;}
.xiha-page .btn-raised {background: #12C792; color: #fff;}
.xh-right-news-fixed {position: fixed; top: 70px; width: 390px; z-index: 3}
.xh-right-news-fixed .list-group {height: 600px; overflow: hidden; overflow-y: scroll;}
.xh-news-active {background: #12C792; color: #fff !important;}

#yj-navbar .yj-navbar-cate .active {color: #12C792 !important; border-bottom: 1px solid #12C792;}