/**header**/

body {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-top: 61px;
}

.main-content {
    flex: 1 0 auto;
}


/**微商版**/

.ws-border {
    border: 1px solid #ddd;
    display: block;
    margin: auto;
}

.ws-border:hover img {
    transform: scale(1.15);
}

.ws-border img {
    height: 70px;
    padding: 16px 0 10px 0;
    display: block;
    margin: auto;
    transition: all .2s ease-in-out
}

.more {
    display: inline-block;
    border: 1px solid #1e80be;
    color: #1e80be;
    font-size: 12px;
    border-radius: 2px;
    margin: auto;
    margin-bottom: 20px;
    margin-top: 10px;
    padding: 4px 10px;
}

.wechate-shop h1, .business h1, .question h1, .follow-us h1 {
    margin: 20px 0 10px 0;
}

.wechate-shop p, .business p, .question p, .follow-us p {
    margin: 10px 0;
    font-size: 20px;
}

.font-size30 {
    font-size: 20px;
}

.wechate-shop p.font-size18, .business p.font-size18 {
    font-size: 14px;
    color: #888
}

.row {
    margin: 0;
}


/**淘宝版**/

.business_a li {
    width: 17%;
    border: 1px solid #ccc;
    margin: 10px;
    overflow: hidden;
}

.business li {
    text-align: center;
    position: relative;
    margin-bottom: 30px;
}

@media (max-width: 768px) {
    .col-xs-6 {
        width: calc(50% - 30px)
    }
    .business_a li {
        width: calc(50% - 30px)
    }
}

@media (min-width: 768px) {
    .col-sm-6 {
        width: calc(50% - 30px);
    }
}

@media (min-width: 992px) {
    .col-md-4 {
        width: calc(33.33333333% - 30px);
    }
}

@media (min-width: 1200px) {
    .col-lg-3 {
        width: calc(25% - 20px);
    }
}

.hover_a {
    margin: 0 10px;
    display: block;
    border: 1px solid #ddd;
    overflow: hidden;
}

.business_a li.hover_vip {
    margin: 10px;
}

.loading-a {
    margin: 0 10px;
    display: block;
    border: 1px solid #ddd;
    overflow: hidden;
}

.hover_a:hover span, .hover_vip:hover span {
    transform: scale(1.1);
}

.hover_a a {
    display: inline-block;
    padding: 4px 8px;
    margin: 45px 5px;
    color: #fff;
    text-decoration: none;
    background: #333;
}

.hover_a a:hover {
    background: #666
}

.business li figcaption {
    width: 100%;
    bottom: 0;
    background: rgba(0, 0, 0, .3);
    transform: translateY(0);
    transition: opacity .4s;
    padding: 0;
    cursor: pointer;
    position: absolute;
    left: 0px;
    top: 0;
    opacity: 0;
}

.business li:hover figcaption {
    opacity: 1;
}

.business li figcaption .xm-choose {
    top: calc(50% - 15px);
    position: absolute;
    transition: top .4s;
    width: 100%;
}


/**follow-us***/

.follow-us img {
    width: 12%;
    margin: 0px 2% 30px 2%;
}

@media (max-width: 768px) {
    .follow-us img {
        width: 21%;
        margin: 15px 1%;
    }
    body {
        padding-top: 51px;
    }
}


/**常见问题**/

.question ol.ol-li li {
    padding: 0;
    width: 100%;
    min-height: 24px;
    list-style: decimal;
    margin-top: 0;
}

.question ol.ol-li {
    margin-left: 15px;
}

.question ol.ol-li li a {
    color: #666;
}

.question ol li a:hover {
    color: #3278B3;
}

.phone-number {
    /*padding-top: 5px;*/
    float: left;
    /*margin-right: 20px;*/
}

.question ol.ol-li li:nth-child(2n) {
    margin-left: 0;
}

@media (max-width:992px) {
    h1, .h1 {
        font-size: 20px
    }
    .wechate-shop p, .business p, .question p, .follow-us p {
        font-size: 16px;
        color: #999;
    }
}



/**我打电商版**/

.img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    padding: 30px;
    border: none;
}


/***2017-1-18敬请期待**/


/*.business li.loading figcaption {
	opacity: 1;
	background: rgba(204, 204, 204, 0);
	cursor: no-drop;
}*/

.business li.loading {
    cursor: no-drop;
    display: none;
}

.loading-a::after {
    content: "对接中，敬请期待";
    position: absolute;
    left: 0;
    bottom: 6px;
    right: 0;
    margin: auto;
    font-size: 14px;
    height: 24px;
    color: #b3b3b3;
}

.loading-a a {
    cursor: not-allowed;
}

.business li.loading-a a:hover span {
    transform: scale(1);
}


/*.business li.loading-a figcaption .xm-choose {
	display: none;
}
.business li.loading-a figcaption {
	opacity: 1;
	background: rgba(204, 204, 204, 0);
	cursor: no-drop;
}
.business li.loading img {
	-webkit-filter: grayscale(1);
	padding: 10px 30px 50px 30px;
	opacity: 0.5;
}

.business li.loading figcaption .xm-choose {
	display: none;
}

.business li.loading figcaption::after {
	content: "敬请期待...";
	position: absolute;
	left: 0;
	bottom: 20px;
	right: 0;
	margin: auto;
	font-size: 20px;
	height: 24px;
	color: #666;
}*/


/****/

.about-left {
    float: left;
    width: 45%;
}

.about-left img {
    width: 100%;
    padding: 10px;
    display: block;
    margin: auto;
    border: 1px solid #eaeaea;
}

.about-left div {
    width: 100%;
    padding: 0.25rem;
    display: block;
    margin: auto;
    border: 1px solid #eaeaea;
}

.padding-10 {
    padding-bottom: 1rem;
}

.about-left p {
    margin: 20px 0;
    line-height: 24px;
}

.about h3 {
    font-size: 22px;
    text-align: left;
}

.about-right {
    float: right;
    width: 44%;
}

.about-right img {
    margin-right: 55px;
    margin-bottom: 30px;
    width: 108px;
}


/***question***/

.question {
    height: auto;
}

.question ul>li {
    float: left;
    width: 40%;
    list-style: none;
    text-align: left;
    padding: 15px;
    height: 254px;
}

.question ul li:nth-child(2n) {
    margin-left: 20%;
}

.question ul li a {
    display: block;
}

.question ul li h3 {
    font-size: 20px;
    color: #0cab07;
    line-height: 30px;
}

.question ul li h3 img {
    width: 30px;
    display: block;
    float: left;
    margin-right: 10px;
}

.question ul li .qq {
    float: left;
    width: 50%;
    height: 30px;
    margin-bottom: 5px;
}

.question ul li .qq span {
    padding-left: 65px;
    line-height: 30px;
    margin-top: 10px;
}

.question ul li span {
    font-size: 16px;
    color: #666;
    padding-bottom: 10px;
    display: block;
}

.question ul li a {
    color: #666;
    padding: 2px 0;
}

.question ul li h3 a {
    float: left;
    color: #0cab07;
}

.question ul li a.a_more {
    float: right;
    font-size: 14px;
}

.about-right a {
    display: block;
    float: left;
}


/***二级页面**/

.contant-left {
    float: left;
    font-size: 14px;
    margin-top: 40px;
    margin-bottom: 20px;
    width:20%;
    box-sizing:border-box;
}

.contant-left a {
    border: none;
    padding: 8px 0;
    color: #333;
    display: block;
    transition: all 0.3s ease-out 0s;
    padding-left:10px;
}

// .contant-left a::after {
//     content: '';
//     width: 2px;
//     height: 12px;
//     background-color: #0cab07;
//     left: 0px;
//     position: absolute;
//     top: 16px;
//     transition: all 0.3s ease 0s;
//     display: block;
//     opacity: 0;
// }


.contant-left a.active::after, .contant-left a:hover::after {
    opacity: 1;
}

.contant-left {
    line-height: 2;

}

.contant-right {
    float: left;
    width: 60%;
}

.nav-left {
    list-style: none;
}

.nav-left li {
    position: relative;
}

// .contant-right {
//   padding-top:40px;
//     padding-left: 5%;
// }

.contant-right a {
    border: none;
    color: #333;
    display: inline-block;
    transition: all 0.3s ease-out 0s;
    text-decoration:none
}

.contant-right li {
    color: #333;
    margin: 8px 0;
    line-height: 2;
}

.contant-right a:hover {
   color:#0cab07
}

.erji-center {
    text-align: center;
}

.contant-right .qq {
    margin-top: 10px;
    float: left;
    width: 50%;
}


/**搜索页面***/

.erji-sousuo input[type=text] {
    width: 452px;
    height: 36px;
    line-height: 36px;
    padding: 0 12px;
    font-size: 14px;
    border: 2px solid #dadada;
    box-sizing: content-box;
    outline: 0;
}

.erji-sousuo button {
    width: 100px;
    height: 40px;
    background-color: #0cab07;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border: 0;
    outline: 0;
    cursor: pointer;
}

.erji-sousuo {
    margin-top: 30px;
    display: inline-block;
}


/**更多案例**/

.header {
    position: relative;
    padding-top: 40px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.header p.title {
    text-align: left;
    font-size: 20px;
    margin: 0;
    padding: 0;
}

.header p.subtitle {
    color: #c1c1c1;
    font-size: 16px
}

.projectitem a {
    display: block;
    float: left;
    margin: 16px 1.5%;
    width: 153px;
    height: 60px;
    overflow: hidden;
}

.projectitem a:hover img {
    transform: scale(1.08, 1.08);
}

.projectitem a img {
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

@media (max-width: 768px) {
    .business li {
        margin-bottom: 15px;
        padding: 0 10px;
    }
    .hover_a a {
        display: none
    }
    .hover_a a:first-child {
        display: block
    }
    .hover_a a {
        margin: 30px 0
    }
    .img-thumbnail {
        padding: 15px;
    }
    .question h1, .follow-us h1 {
        margin: 20px 0;
    }
    .question ol li {
        width: calc(100% - 10px);
        padding: 5px 0;
    }
    .ws-border img {
        padding: 10px 0;
        width: 160px;
    }
    .ws-border:hover img {
        transform: scale(1);
    }
    .ws-border img.kf_ws {
        width: 280px;
    }
    .wechate-shop h1.font-size30, .business h1.font-size30 {
        font-size: 20px;
    }
    .wechate-shop p.font-size18 {
        font-size: 16px;
    }
    .wechate-shop h1, .business h1 {
        margin: 30px 0 0px 0;
        font-size: 22px;
    }
    .wechate-shop p, .business p, .question p, .follow-us p {
        margin: 10px 0;
        font-size: 15px;
    }
    .more {
        font-size: 14px;
        margin-top: 0;
        margin-bottom: 10px;
    }
    .question h1, .follow-us h1 {
        font-size: 22px;
        margin: 10px 0;
    }

    .jumbotron {
        padding: 20px 15px;
        margin-top: 00px;
    }
    .jumbotron img {
        width: 200px;
    }
    .navbar-brand>img {
        width: 80px;
    }
    .navbar {
        margin-bottom: 0;
    }
    .business li.loading figcaption::after {
        font-size: 16px;
        bottom: 5px;
    }
    .business li.loading img {
        padding: 5px 15px 25px 15px;
    }
    .contant-right {
        margin: 0 -15px;
        padding: 20px 0;
        border: none;
        float: inherit;
        clear: both;
        padding-left: 40px;
        background: #f3f3f3;
        width: calc(100% + 30px);
    }
    .contant-left {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .contant-left li {
        text-align: left;
        display:inline-block;
    }
    // .contant-left a::after {
    //     content: '';
    //     width: 100%;
    //     height: 2px;
    //     background-color: #0cab07;
    //     position: absolute;
    //     top: 4px;
    //     transition: all 0.3s ease 0s;
    //     display: block;
    //     opacity: 0;
    // }
    .contant-left a {
        font-size: 16px;
        padding-left:0px;
        font-weight:bold;
    }
    .contant-left li{
  margin-left:20px;
    }
       .contant-left li:first-child{
        padding-left: 0;
       }
    .header {
        padding-top: 20px;
        margin-bottom: 10px;
        padding-bottom: 5px;
    }
    .header p.title {
        font-size: 16px;
    }
    .header p.subtitle {
        font-size: 14px;
        margin: 0;
    }
    .projectitem a {
        border: 1px solid #ccc;
        width: 105px;
        margin: 16px 1% 0 1%;
    }
    .projectitem a img {
        width: 100%;
    }
    .projectitem {
        padding-bottom: 16px;
    }
}

@media (max-width: 350px) {
    .question ul li .qq {
        width: 100%;
    }
}

@media (max-width: 992px) {
    .question ul>li {
        width: 100%;
        padding: 10px;
        min-height: auto;
        padding-top: 0;
        height: 200px;
    }
    .question ul li:nth-child(2n) {
        margin: 0;
    }
    .about-left, .about-right {
        width: 100%;
    }
    .about-right img:nth-child(3n) {
        margin-right: 0;
    }
    .about-right img {
        width: 104px;
        margin-right: 10px;
    }
    /*.about-right div:nth-child(3n) {
		margin-right: 0;
	}
	.about-right div {
		margin-right: 0.25rem;
	}*/
    .question ul li h3 {
        font-size: 16px;
        margin-top: 0;
    }
    .question ul li h3 img {
        width: 20px;
        display: block;
        float: left;
        margin-top: 6px;
        margin-right: 0;
    }
    .question ul li span {
        font-size: 15px;
        margin-top: -10px;
    }
    .contant-left {
        padding-left: 0;
    }
    .about h3 {
        font-size: 18px;
    }
    /**搜索页面***/
    .erji-sousuo input[type=text] {
        width: 70%;
        height: 36px;
        line-height: 36px;
        padding: 0 12px;
        font-size: 14px;
        border: 2px solid #dadada;
        box-sizing: content-box;
        outline: 0;
        border: 1px solid #ccc;
        border-radius: 0;
    }
    .erji-sousuo button {
        width: 20%;
        height: 36px;
        background-color: #0cab07;
        color: #fff;
        font-size: 16px;
        text-align: center;
        border: 0;
        outline: 0;
        cursor: pointer;
    }
    .erji-sousuo {
        margin-top: 10px;
        display: block;
        margin-bottom: 10px;
    }
    input {
        -webkit-appearance: none;
        outline: none
    }
    .loading-a::after {
        bottom: 10px;
        font-size: 11px;
        height: 16px
    }
}


/***淘宝login***/

.taobao_login.business h1 {
    margin: 35px 0;
    font-size: 26px;
}

.taobao_login.business li a {
    margin: 0
}

.taobao_login .img-thumbnail {
    padding: 20px;
}

.taobao_login .scale_15:hover img {
    transform: scale(1.2);
}

@media (max-width: 768px) {
    .taobao_login.business h1 {
        margin: 30px 0;
        font-size: 26px;
    }
    .taobao_login.business li a {
        margin: 0
    }
}


/**2017-5-3 logo**/

.logo {
    width: 110px;
    height: 47px;
    display: block;
}

.nav_title {
    padding: 6px 0;
    color: #999;
    clear: both;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 5px;
    margin-top: 15px;
}

.nav_title:first-child {
    margin-top: 0;
}

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #545454;
    background: none;
    color: #3278B3;
}

.dropdown-menu>li>a {
    padding: 5px 0;
}

#question .clearfix {
    padding: 0;
}


/**vip 页面调整**/

.hover_vip .sprin-img {
    height: 1.9rem;
    background-size: 9rem 40rem
}

.hover_vip .taobao {
    background-position: 0rem 0.3rem
}

.hover_vip .albb {
    background-position: 0rem -17.2rem
}

.hover_vip .jingdong {
    background-position: 0rem -22.2rem
}

.hover_vip .jpj {
    background-position: 0rem -18.8rem
}

.hover_vip .pinduoduo {
    background-position: 0rem -6.6rem
}

.hover_vip .yz {
    background-position: 0rem -10.15rem
}

.hover_vip .weidian {
    background-position: 0rem -8.45rem
}

.hover_vip .md {
    background-position: 0rem -20.6rem
}

.hover_vip .cyzs {
    background-position: 0rem -15.45rem
}

.hover_vip .yhd {
    background-position: 0rem -25.8rem
}

.hover_vip .xcf {
    background-position: 0rem -1.55rem
}
.hover_vip .mgj {
  background-position: 0rem -3.3rem
}
.hover_vip .mls {
  background-position: 0rem -5rem
}
.vip_block {
    width: 110px;
    margin: auto;
    display: block;
}
/**
 * @author 小莫
 * @see https://jingyan.baidu.com/article/656db918e14312e381249ca9.html
 * @note 手机点击QQ群和电脑QQ群兼容问题
 *
 */
.qqq_a{
  display: none;
}
@media (max-width: 768px) {
  .qqq_b{
    display: none;
  }
  .qqq_a{
    display: block;
  }
}
.jumbotron{
background-color:#0cab07;
}
/**
 * @author 小莫
 * @time 2017-10-19
 * @note help页面设计
 *
 */
#help{
  position:relative;
  margin-top:30px;

}
.clearfix:after {content:"."; display:block; height:0; visibility:hidden; clear:both; }.clearfix { *zoom:1; }
#help .nav-left{
float:left;
width: 55%;
}
#help .nav-left.second{
  width:30%;
  padding-left:0;
  border-left: 2px solid #eee;
  padding-left:5%
}
#help .nav-left.second a{
  font-size: 14px;
}
#help .contant-right h1{
  font-size: 20px;
  padding-top:70px;
   margin-top:-70px;
   color:#888
}
#help .contant-right{

  padding-left:0;
  border-left:2px solid #eee;
  padding-left:5%;
}
#help  .contant-left{
  width:35%;
}
#help .active{
  color:#0cab07;

}
#help  .contant-left{
  margin-top:0
}
// #help  .contant-left a::after{
//   display:none
// }
.top.iconfont{
  background:#fff;
  color:#0cab07;
  border:none;
  border-radius:0;
  font-size:0.5rem;
  line-height:1.5;
  text-align:center;
  width:44px;
  height:44px;
  display:block;
  position:fixed;
  z-index: 1111;
  right:1rem;
  bottom:-7rem;
  padding-top:0.3rem;
  text-decoration:none;
  box-shadow:0 6px 12px 0 rgba(0,0,0,.15);
  font-weight:bold
}
/**
 * @author 小莫
 * @time 2017-10-20
 * @note help手机页面兼容
 *
 */
@media (max-width: 768px) {
  #help{
    margin-top: 0;
  }
  #help  .contant-left{
    width:100%;
  }
  #help .nav-left{
    float:inherit;
    width:100%;
    padding-left:0;
    margin-bottom:0;
    text-align:center
  }
  #help .nav-left.second{
display:none;

}
}
/**
 * @author 小莫
 * @time 2017-11-30
 * @note VIP添加网易考拉
 *
 */
 .hover_vip .wykl{
    background-position:-4.6rem 0.3rem
 }