#content.index {
  background: url(../images/index-bg.png);
  background-size: 100% auto;
  padding: 0 0 40px 0;
}
#content.index.shop {
  background: #F7F6F6;
}
#content .nav {
  /*height: 518px;*/
  padding: 10px 0;
  margin-left: 265px;
  font-size: 0;
}
#content .shop.top {
  width: 550px;
  display: inline-block;
  vertical-align: top;
}
#content .nav-mid, #content .nav-right {
  display: inline-block;
  vertical-align: top;
  width: 177px;
  height: 427px;
  margin-left: 10px;
}
#content .shop.top img {
  width: 100%;
  height: 100%;
}
#content .nav-right .n-r-t {
  height: 300px;
  margin-bottom: 10px;
}
#content .nav-right .n-r-b {
  height: 180px;
}
#content .nav
#banner {
  overflow: hidden;
}
#banner img {
  width: 700px;
  height: 380px;
}
#banner .layui-carousel-arrow {
  width: 80px;
  height: 80px;
  text-align: left;
  font-size: 36px;
}
#banner .layui-carousel-arrow:hover {
  background: rgba(255,126,162,.35);
}
#banner.layui-carousel:hover .layui-carousel-arrow[lay-type=add], 
#banner.layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add] {
  right: -43px;
}
#banner.layui-carousel:hover .layui-carousel-arrow[lay-type=sub], 
#banner.layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=sub] {
  left: -43px;
  text-align: right;
}
#content .nav .info {
  background: #fff;
  width: 216px;
  height: 340px;
  padding: 20px 0;
}
#content .nav .info .user{
  padding: 0 10px;
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 20px;
}
#content .nav .info .not-login .icon {
  display: inline-block;
  width: 60px;
  height: 60px;
  vertical-align: top;
  background: url(../images/icon-nologin.png) no-repeat center center / 100% auto;
}
#content .nav .info .not-login .text {
  display: inline-block;
  line-height: 28px;
  font-size: 14px;
}
#content .nav .info .not-login .btns {
  margin-top: 20px;
}
#content .nav .info .not-login .btns .layui-btn {
  width: 60px;
  height: 30px;
  padding: 0;
  line-height: 30px;
  margin: 0;
  margin-right: 5px;
}
#content .nav .info .layui-tab {
  margin: 0;
}
#content .nav .info .layui-tab-title {
  height: 34px;
}
#content .nav .info .layui-tab-title li {
  height: 34px;
  line-height: 34px;
  width: 78px;
}
#content .nav .info .layui-tab-title .layui-this:after {
  height: 34px;
}
#content .nav .info .layui-tab-content {
  padding: 0 10px;
}
#content .nav .info .list li {
  font-size: 14px;
  color: #8D8D8D;
  line-height: 14px;
  padding-top: 20px;
  cursor: pointer;
}
#content .nav .info .list li .icon {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: 1px;
  margin-right: 5px;
  background: url(../images/icon-notice.png) no-repeat center center / 100% auto;
}
#content .nav .banner-sm {
  display: flex;
  margin-top: 10px;
  height: 115px;
}
#content .nav .banner-sm .item {
  height: 115px;
  width: 168px;
  padding-left: 9px;
}
#content .nav .shop .banner-sm .item {
  height: 134px;
}
#content .nav .banner-sm .item:first-child {
  padding-left: 0;
}
#content .nav .banner-sm .item:last-child {
  flex: 1;
}
#content .nav .banner-sm img {
  display: block;
  width: 100%;
  height: 100%;
}
#hot {
  display: flex;
  background: #fff;
  padding: 20px 20px 10px 20px;
  margin-bottom: 10px;
}
#hot .itemx{
    width: 1px;
    height: 116px;
    margin: 10px 0;
    background: #e2e2e2;
}
#hot .item {
  flex: 1;
}
#hot .item:first-child {
  border: none;
}
#hot .title {
  font-size: 18px;
  line-height: 20px;
  border-left: 4px solid #D3ABF3;
  padding-left: 10px;
  color: #D3ABF3;
}
#hot .title .list {
  height: 97px;
}
#hot .list li {
  font-size: 14px;
  padding-top: 15px;
  vertical-align: top;
  width: 50%;
  float: left;
}
#hot .list li a {
  display: inline-block;
  color: #333;
}
#hot .personal {
  width: 334px;
}
#hot .team, #hot .tool {
  padding-left: 60px;
  flex: 1;
}
#hot .team .title {
  color: #8DD0FB;
  border-color: #8DD0FB;
}
#hot .tool .title {
  color: #FFC867;
  border-color: #FFC867;
}
#hot .tool li {
  width: auto;
  text-align: center;
  padding-left: 13px;
  padding-top: 15px;
  font-size: 14px;
}
#hot .tool li:first-child {
  padding-left: 0;
}
#hot .tool .icon {
  display: block;
  width: 75px;
  height: 65px;
  background: no-repeat center center / 100% 100%;
  margin-bottom: 10px;
}
#hot .tool .icon.date {
  background-image: url(../images/tool-date.png);
}
#hot .tool .icon.invitation {
  background-image: url(../images/tool-invitation.png);
}
#hot .tool .icon.music {
  background-image: url(../images/tool-music.png);
}
#hot .tool .icon.registration {
  background-image: url(../images/tool-registration.png);
}

#recommend .left {
  width: 222px;
  height: 456px;
}
#recommend .right {
  height: 456px;
  width: 910px;
  float: left;
  margin-left: 10px;
}

#recommend .case,
#book .case {
  position: absolute;
  left: 225px;
  display: inline-block;
  margin-left: 1px;
  width: 317px;
  height: 67px;
  margin-top: -15px;
  /*background: url(../images/case2.png) no-repeat center center / 100% auto;*/
  background: url(../images/index_s.jpg) no-repeat 60px center / 100% auto;
}
#recommend .conceptual {
  position: absolute;
  left: 440px;
  display: inline-block;
  margin-left: 1px;
  width: 317px;
  height: 67px;
  margin-top: -15px;
  background: url(../images/index_s.jpg) no-repeat -155px center / 100% auto;
  /*background: url(../images/conceptual.png) no-repeat center center / 100% auto;*/
}
#book .wedding {
  position: absolute;
  left: 440px;
  display: inline-block;
  margin-left: 1px;
  width: 317px;
  height: 67px;
  margin-top: -15px;
  background: url(../images/index_s.jpg) no-repeat -155px center / 100% auto;
}
#custom .custom-left {
  width: 223px;
  margin-right: 10px;
  float: left;
}
#custom .custom-left .c-l-b {
  margin-top: 8px;
}
#custom .custom-left .c-l-b img {
  display: block;
  width: 222px;
  height: 144px;
}
#custom .custom-mid {
  width: 683px;
  margin-right: 10px;
  float: left;
}
#custom .custom-right {
  width: 224px;
  float: right;
}
#custom .custom-right .custom-title {
  font-size: 18px;
  color: #fff;
  line-height: 37px;
  text-align: center;
  background: url(../images/title-bg.png) no-repeat center center / 100% 100%;
}
#custom .custom-right .list {
  padding: 10px 20px 0;
  border: 1px solid #DCDCDC;
}
#custom .custom-right a {
  display: block;
  height: 60px;
  padding: 10px 0;
  border-bottom: 1px solid #e2e2e2;
}
#custom .custom-right a:last-child {
  border: none;
}
#custom .custom-right .img{
  display: inline-block;
  width: 60px;
  height: 60px;
  float: left;
  margin-right: 20px;
}
#custom .custom-right img {
  width: 100%;
  height: 100%;
}
#custom .custom-right .info {
  float: left;
}
#custom .custom-right .name {
  font-size: 16px;
  color: #333;
  line-height: 18px;
  margin-top: 10px;
}
#custom .custom-right .price {
  font-size: 16px;
  color: #FF7EA2;
  line-height: 18px;
  margin-top: 8px;
}

.add-picture {
  display: block;
  height: 120px;
}
.you-love {
  height: 30px;
  margin-top: 50px;
  margin-bottom: 30px;
  background: url(../images/you-love.png) no-repeat center center;
}

.custom1, .custom3 {
  background: transparent;
  padding: 20px 0;
}
.custom1 .title,
.custom3 .title,
.custom2 .title {
  border: none;
  padding-left: 0;
  padding-bottom: 20px;
}
.custom1 .category {
  width: 240px;
  height: auto;
}
.custom1 .category a {
  background: #fff;
  width: 190px;
  height: auto;
  padding: 20px 20px 0 20px;
}
.custom1 .category a img {
  width: 190px;
  height: 190px;
}
.custom1 .category a .name {
  display: block;
  position: inherit;
  font-size: 16px;
  line-height: 16px;
  color: #000;
  background: transparent;
  text-align: center;
  padding: 15px 0;
}

.custom2 {
  padding: 0;
  background: transparent;
}
.custom2 .layui-row,
.custom3 .layui-row{
  display: flex;
}
.custom2 .category-item {
  flex: 1;
  width: 230px;
  background: #fff;
  margin-left: 10px;
}
.custom2 .category-item:first-child {
  margin: 0;
}
.custom2 .category-item .item-title {
  padding: 12px 15px;
  line-height: 25px;
  background: #E1E1E1;
  font-size: 18px;
  color: #333;
}
.custom2 .category-item .item-title .icon {
  width: 25px;
  height: 25px;
  cursor: pointer;
  background: url(../images/icon-enter.png) no-repeat center center / 100% 100%;
}
.custom2 .category-item .category,
.custom3 .category-item .category {
  padding: 20px;
  width: auto;
  height: auto;
  border-bottom: 1px solid #DFDEDE;
}
.custom2 .category-item .category img {
  display: block;
  width: 150px;
  height: 150px;
  margin: 0 auto;
}
.custom2 .category-item .category .name {
  display: block;
  position: inherit;
  font-size: 16px;
  color: #333;
  text-align: center;
  line-height: 17px;
  margin: 14px 0 10px;
  background: transparent;
}
.custom2 .category-item .category:last-child,
.custom3 .category-item .category:last-child {
/*  border-bottom: 0;*/
}
.custom2 .category-item .category .desc {
  display: block;
  font-size: 14px;
  line-height: 14px;
  color: #666;
  text-align: center;
}
.custom3 .title {
  font-size: 18px;
}
.custom3 .layui-row {
  border-top: 3px solid #333;
}
.custom3 .category-item .category {
  border-right: 1px solid #DFDEDE;
  height: 245px;
  background: #fff;
}
.custom3 .category-item:last-child .category {
  border-right: 0;
}
.custom3 .category-item a .name {
  display: block;
  position: inherit;
  background: transparent;
  font-size: 14px;
  color: #000;
  text-align: left;
}
.custom3 .category-item a img {
  display: block;
  width: 190px;
  height: 180px;
  margin: 0 auto;
}
.custom3 .category-item.lg a img,
.custom3 .category-item.lg a,
.custom3 .category-item.lg {
  display: block;
  width: 270px;
  height: 572px;
  margin: 0;
}
.custom3 .category-item {
  flex: 1;
}
.custom3 .category-item .price {
  display: block;
  font-size: 18px;
  font-weight: bold;
  line-height: 18px;
  padding: 20px 0 0 0;
  color: #FF7EA2;
}

#ecard {
  display: flex;
  width: 100%;
  height: 100%;
}
#ecard .card-left {
  width: 236px;
  background: #FFF1F5;
  text-align: center;
  padding: 60px 0;
}
#ecard .card-left .icon-logo {
  display: block;
  width: 90px;
  height: 90px;
  background: url(../images/appicon.png);
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  margin: 0 auto;
}
#ecard .card-left p {
  line-height: 14px;
  margin-top: 10px;
}
#ecard .card-left .qr {
  margin-top: 60px;
}
#ecard .card-right {
  flex: 1;
  background: url(../images/bg2.png);
}
#ecard .card-right img {
  display: block;
  margin: 50px auto;
}