.wrap_nav {
    background-color: #f8f8f8;
}
.index-big-banner {
    height: 450px;
    margin: 0 0 0;
}
.index-big-banner .swiper-slide img {
    height: 450px;
    width: 100%;
}
.index-xiaoguo-banner {
    height: 450px;
    margin-bottom: 72px;
}
.index-xiaoguo-banner .swiper-slide img {
    height: 450px;
    width: 100%;
}
.baoming {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding-right: 20px;
}
.baoming .submit-btn {
    text-align: center;
    background: #da3a3a;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #fff;
    border-radius: 10px;
    cursor: pointer;
    margin-top: 10px;
}
.index-entries {
    padding: 20px 0;
    background: #f5f5f5;
    margin-bottom: 50px;
}
.index-entries .entries-item {
    float: left;
    box-shadow: 0 0 0 #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 1;
    margin: 0 20px;
}
.index-entries .entries-item:hover{
    -webkit-box-shadow:0 15px 30px rgba(0,0,0,.1);
    box-shadow:0 15px 30px rgba(0,0,0,.1);
    -webkit-transform:translate3d(0,-2px,0);
    transform:translate3d(0,-2px,0);
    border-radius:2px
}
.index-entries .entries-item a {
    width: 245px;
    height: 115px;
    padding: 25px 23px;
    background-color: #fff;
    display: block;
}
.entries-item .entries-item-info {
    float: left;
    text-align: center;
}
.entries-item .entries-item-title {
    font-size: 20px;
    line-height: 44px;
    color: #333;
    font-weight: bold;
}
.entries-item .entries-item-tip {
    display: block;
    font-size: 15px;
    line-height: 17px;
    color: #666;
}
.entries-item-banner {
    float: right;
    display: block;
    margin-top: 20px;
    font-size: 50px;
    color: #ffc249;
}
.merchant {
    padding: 0;
}
.merMain .title {
    text-align: center;
}
.merMain .title .txt1 {
    font-size: 30px;
    color: #3e3e3e;
    font-weight: bold;
}
.merMain .title .txt2 {
    font-size: 18px;
    color: #999;
}
.merMain .merBI ul {
    margin: 51px -12px 40px;
}
.merMain .merBI ul li {
    float: left;
    margin: 12px 12px;
    width: 282px;
    height: 387px;
}
.merMain .merBI ul li a {
    display: block;
    width: 100%;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #ddd;
}
.merMain .merBI ul li a:hover {
    -webkit-box-shadow:0 10px 20px rgba(0,0,0,.1);
    box-shadow:0 10px 20px rgba(0,0,0,.1);
    -webkit-transform:translate3d(0,-2px,0);
    transform:translate3d(0,-2px,0);
}
.merMain .merBI ul li a .img img {
    width: 100%;
}
.merMain .merBI ul li a .text {
    padding: 20px 10px;
    text-align: center;
}
.merMain .merBI ul li a .text .txt1 {
    font-size: 24px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.merMain .merBI ul li a .text .txt2 {
    font-size: 15px;
    color: #676666;
    margin: 9px 0 27px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.merMain .merBI ul li a .text .txt3 {
    display: inline-block;
    vertical-align: middle;
    padding: 0 17px;
    font-size: 14px;
    color: #565555;
    border-radius: 60px;
    transition: all .4s;
    border: 1px solid #999;
    width: 170px;
    height: 37px;
    line-height: 35px;
}
.merMain .merBI ul li a .text .txt3:hover {
    background: #ffc249;
    border: 1px solid #ffc249;
}

.merMain .merBI ul li a .img .merLogo {
    width: 80px;
    height: 80px;
    background: #fff;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
}
.merMain .merBI ul li a .img .merLogo img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
}
.merchant-liucheng {
    border-bottom: 33px solid #f7f7f7;
}
.index-zzx-process {
    width: 100%;
    padding-bottom: 65px;
    text-align: center;
    margin-top: 66px;
}
.zzx-process-box {
    margin-top: 54px;
}
.index-zzx-process ul {
    overflow: hidden;
}
.index-zzx-process ul li {
    position: relative;
    float: left;
    margin-left: 5px;
}
.index-zzx-process ul li+li {
    margin-left: 65px;
}
.index-zzx-process .zzx-process-yy {
    width: 94px;
}
.index-zzx-process .index-icon {
    display: block;
    margin: 0 auto;
    background-image: url(../images/jiajuindex_tubiao.png);
    background-repeat: no-repeat;
}
.index-zzx-process .icon-zxyy {
    width: 42px;
    height: 60px;
    background-position: 0px 0;
}
.index-zzx-process .zzx-process-lf {
    width: 200px;
}
.index-zzx-process .icon-lf {
    width: 60px;
    height: 60px;
    background-position: -43px 0;
}
.index-zzx-process .zzx-process-fa {
    width: 144px;
    margin-left: 32px;
}
.index-zzx-process .icon-fa {
    width: 42px;
    height: 60px;
    background-position: -102px 0px;
}
.index-zzx-process .zzx-process-ht {
    width: 150px;
}
.index-zzx-process .icon-ht {
    width: 45px;
    height: 60px;
    background-position: -144px 0px;
}
.index-zzx-process .zzx-process-sg {
    width: 154px;
}
.index-zzx-process .icon-sg {
    width: 52px;
    height: 53px;
    margin-top: 7px;
    background-position: -188px 0;
}
.index-zzx-process .zzx-process-ys {
    width: 150px;
}
.index-zzx-process .icon-ys {
    width: 51px;
    height: 60px;
    background-position: -241px 0px;
}
.index-zzx-step {
    margin-top: 3px;
    font-size: 20px;
    color: #000;
    display: block;
}
.index-zzx-detail {
    margin-top: 3px;
    font-size: 15px;
    color: #797878;
}
.zzx-step-box {
    margin-top: 26px;
    height: 33px;
    margin-left: 10px;
}
.zzx-step-img {
    position: relative;
    float: left;
    margin-left: 5px;
}
.zzx-step-img-first {
    margin-left: 25px;
}
.icon-round {
    float: left;
    width: 33px;
    height: 33px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM1RjQwMkE3NEI0MzExRTc5QkM3RUY0Q0JENEQ5RUVCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM1RjQwMkE4NEI0MzExRTc5QkM3RUY0Q0JENEQ5RUVCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzVGNDAyQTU0QjQzMTFFNzlCQzdFRjRDQkQ0RDlFRUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzVGNDAyQTY0QjQzMTFFNzlCQzdFRjRDQkQ0RDlFRUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4Wyi8EAAACqElEQVR42sRYTWsTURR9TYIhkEwh0xCSRQhKUSFrq0u7KFQF+xuq1I0a/4G/YXTlR/0LzcpiNy4saHWZgIq6mU0I6QSchIRIEj0n3MgYO/lgkpkLJzOEmXPO3DfvvXtnpVwuqzniCnBDjhcBHVgFfgIW8BX4CLyW49QoFAoqMsN1MWAXKMZisfVEIqFwVNFoVIXD4SH6/f4q0e12z3c6ne1ms/kYx++4xwD2gc4kgZUpmbgNPEkmkzld14fCswYMqUajoSzLMvkAQMktEyEXDqo90zStlM/nc9lsdi4DQwJcn8lkFO8HzwH5hPe/OGs4NLrGk18nideIx+NDVKvVPWRlHX/tALbzmvFMnAMOUqnUQgw4g3zkJb/ouJp4igxsptNptYwgL/mp42ZiB2O3t+gMnJUR6siw/GOC09DALFB+hOgYovvXxC6nIV8gP4I6GJYcTu84TRS5DvgZko2HIxMbXAnnXQe8BvWoW6lUNmhii0txECG6WzRxlXtBECG612jist9D4RwSxCWa0CORSCAmRHeNJrRQKBSICdFN8NceDAaBmBDdJk1YvV4vEBOie0oTn1mABBGi+4UmPqAUC8SE6L6niSPUhIGYEN0jmjiBo29+Dwn1qIsa82Q0Nw2UXr6aYBHMItq5i77Cn2ar1fLFAHWkCt93muAbUhR3fmWhOOpHnEtlybbtF6iKl2qA/NRx9iHj6/V9pOldrVZbigHygv8Ypw8mVdu/gFv1ev3tojNCPvLi9CYnxyQTShqTbTh+bpqm8vqy8n7ykI+8442PWwemxOk9jN0hYLAoZU3ooRd9JE2PmrUNdAZfnjcguguwK7/g7MpZD3A75m7IzUgWoOHTt9vtH1LWv/TalU/7PrEmvStTfCrfJz4Bh1yJgd+zfJ/4I8AACfkaufuzAtoAAAAASUVORK5CYII=) no-repeat;
}
.step-num {
    position: absolute;
    top: 3px;
    left: 13px;
    font-size: 14px;
    color: #a3a3a3;
}
.step-line {
    float: left;
    width: 166px;
    height: 1px;
    margin: 16px 0 0 5px;
    background-color: #e3e3e3;
}

.merchant-xiaoguo {
    padding-bottom: 60px;
    margin-bottom: 58px;
    border-bottom: 33px solid #f7f7f7;
}
.index-ksj .index-common-navbar {
    padding-top: 22px;
    padding-bottom: 46px;
    font-size: 20px;
    text-align: center;
    color: #2b2b2b;
}
.index-common-navbar li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
.index-common-navbar li a {
    font-size: 16px;
    color: #333;
}
.index-common-navbar li a:hover {
    color: #ffc249;
}
.index-common-navbar .navbar-line {
    padding: 0 18px;
    color: #c3c3c3;
}
.design-topic {
    position: relative;
    width: 100%;
}
.design-topic .design-info {
    float: left;
    position: relative;
    margin-bottom: 10px;
}
.design-topic .design-info a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.design-topic .design-info[data-index='1'] a, .design-topic .design-info[data-index='4'] a {
    left: 10px;
    right: 10px;
}
.design-topic .design-info img {
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    min-width: 100%;
}
.design-topic .design-info:hover img{
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1)
}
.design-topic .design-info[data-index='0'] {
    width: 25%;
}
.design-topic .design-info[data-index='1'] {
    width: 37.5%;
    padding-right: 10px;
    padding-left: 10px;
    box-sizing: border-box;
}
.design-topic .design-info[data-index='2'] {
    width: 37.5%;
}
.design-topic .design-info[data-index='3'] {
    width: 25%;
    float: none;
    position: absolute;
    left: 0;
    bottom: 0;
}
.design-topic .design-info[data-index='4'] {
    float: none;
    position: absolute;
    bottom: 0;
    left: 25%;
    padding-left: 10px;
    width: 37.5%;
    box-sizing: border-box;
}
.design-topic .design-info[data-index='5'] {
    float: right;
    width: 37.5%;
}
.design-topic .image-wrapper {
    height: 0;
}
.design-topic .design-info[data-index='0'] .image-wrapper {
    padding-top: 100%;
}
.design-topic .design-info[data-index='1'] .image-wrapper {
    width: 100%;
    padding-top: 47.714%;
}
.design-topic .design-info[data-index='2'] .image-wrapper {
    width: 100%;
    padding-top: 63.889%;
}
.design-topic .design-info[data-index='3'] .image-wrapper {
    width: 100%;
    padding-top: 65.417%;
}
.design-topic .design-info[data-index='4'] .image-wrapper {
    width: 100%;
    padding-top: 65.714%;
}
.design-topic .design-info[data-index='5'] .image-wrapper {
    width: 100%;
    padding-top: 46.389%;
}

.merchant-gonglue {
    border-bottom: 26px solid #f7f7f7;
    margin-bottom: 84px;
}
.merchant-gonglue .index-ksj {
   padding-bottom: 71px;
}
.index-kgl-content {
    height: 484px;
    margin-top: 50px;
    font-size: 0;
}
.index-kgl-type {
    float: left;
    vertical-align: top;
    background-color: #fff;
    text-align: center;
}
.index-kgl-type .index-icon {
    background-image: url(../images/zhuangxiu_index_gonglue.png);
    background-repeat: no-repeat;
}
.index-kgl-lower {
    position: relative;
    width: 298px;
    height: 452px;
    display: block;
    border: 1px solid #e3e3e3;
}
.index-kgl-title {
    width: 100%;
    height: 165px;
    padding-top: 1px;
    background-color: #f6f6f6;
}
.kgl-title-text {
    position: relative;
    display: block;
    margin-top: 101px;
    font-size: 24px;
    color: #3e3e3e;
}
.kgl-title-text .index-icon {
    position: absolute;
}
.index-icon-zxgl {
    top: -63px;
    left: 50%;
    margin-left: -36px;
    width: 62px;
    height: 50px;
    background-position: 0 0;
}
.index-icon-zxrj {
    top: -63px;
    left: 50%;
    margin-left: -22px;
    width: 44px;
    height: 50px;
    background-position: -59px 0px;
}
.index-icon-zxwd {
    top: -63px;
    left: 50%;
    margin-left: -22px;
    width: 44px;
    height: 50px;
    background-position: -103px 0px;
}
.index-icon-zxgj {
    top: -62px;
    left: 50%;
    margin-left: -26px;
    width: 56px;
    height: 50px;
    background-position: -146px 0;
}
.index-kgl-type .index-kgl-lower ul {
    margin-top: 10px;
}
.index-kgl-type .index-kgl-lower ul li {
    padding-left: 27px;
    height: 35px;
    line-height: 35px;
    text-align: left;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 10px;
}
.index-kgl-type:hover .index-kgl-lower {
    display:none;
}
.index-kgl-type:hover .index-kgl-upper {
    display:block;
}
.index-kgl-upper {
    position: relative;
    z-index: 10;
    display: none;
    height: 484px;
    width: 298px;
    margin-left: -6px;
    margin-right: -10px;
    background-color: #fff;
    box-shadow: 0 15px 30px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);
    -moz-box-shadow: 0 15px 30px rgba(0,0,0,.1);
    -webkit-transform: translate3d(0,-15px,0) scale(1);
    -moz-transform: translate3d(0,-15px,0) scale(1);
    transform: translate3d(0,-15px,0) scale(1);
    *border: 1px solid #e3e3e3;
    transition: all .5s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    *margin-top: -10px;
}
.index-kgl-bg {
    width: 100%;
    height: 174px;
    font-size: 0;
}
.index-kgl-upper .kgl-title-text {
    position: absolute;
    top: 131px;
    left: 0;
    width: 100%;
    margin-top: 0;
    color: #fff;
}
.index-kgl-upper .index-icon-zxgl {
    width: 62px;
    height: 50px;
    background-position: 0 -56px;
}
.index-kgl-upper .index-icon-zxrj {
    width: 44px;
    height: 50px;
    background-position: -59px -44px;
}
.index-kgl-upper .index-icon-zxwd {
    width: 44px;
    height: 50px;
    background-position: -103px -46px;
}
.index-kgl-upper .index-icon-zxgj {
    width: 56px;
    height: 50px;
    background-position: -146px -49px;
}
.index-kgl-upper .kgl-upper-content {
    padding: 0 20px 0;
}
.index-kgl-upper .kgl-upper-content ul {
    margin-top: 15px;
}
.index-kgl-upper .kgl-upper-content ul li {
    font-size: 14px;
    height: 39px;
    line-height: 39px;
    text-align: left;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.merchant-pinpai {
    padding-bottom: 50px;
    margin-bottom: 50px;
}
.index-seller-list {
    width: 100%;
    margin-top: 74px;
    background-color: #fff;
}
.index-seller-list ul {
    overflow: hidden;
    padding-left:13px;
}
.index-seller-list ul li {
    float: left;
    background-color: #fff;
}
.index-seller-list ul li a {
    float: left;
}
.index-seller-list ul li a:hover {
    -webkit-transform: translate3d(0,0,0) scale(1.1);
    -moz-transform: translate3d(0,0,0) scale(1.1);
    transform: translate3d(0,0,0) scale(1.1);
    position: relative;
    z-index: 10;
    height: 84px;
    width: 197px;
    margin-left: -1px;
    margin-right: -10px;
    box-shadow: 0 0px 13px rgba(0,0,0,.15);
    -webkit-box-shadow: 0 0px 13px rgba(0,0,0,.15);
    -moz-box-shadow: 0 15px 30px rgba(0,0,0,.15);
    -webkit-transform: translate3d(0,-15px,0) scale(1);
    -moz-transform: translate3d(0,-15px,0) scale(1);
    transform: translate3d(0,-13px,0) scale(1);
    margin-top: 26px;

}
.index-seller-list ul li a:hover img {
    height: 84px;
    width: 197px;
}
.index-seller-list a, .index-seller-list img {
    width: 236px;
    height: 110px;
}
.index-seller-list .division-thread {
    float: left;
    height: 35px;
    margin: 37px 0 0;
    background-color: #e0e0e0;
    width: 1px;
    vertical-align: top;
}