.hidden{
    display: none;
}

/*banner css*/
.banner-lb {
    border-bottom: 2px solid #666;
    box-sizing: border-box;
}

.banner .banner-wrap {
    height: 400px;
    margin-bottom: 1px;
}

/*轮播图全部叠在一起*/
.banner .banner-wrap .run_main {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.banner .banner-wrap .run_main:first-child {
    display: block;
}

/*上下张共用样式*/
.banner .banner-wrap .cl {
    width: 60px;
    height: 80px;
    position: absolute;
    display: block;
    top: 50%;
    left: 40px;
    margin-top: -40px;
}

/*上下张鼠标移入背景颜色改变*/
.banner .banner-wrap .cl:hover {
    background-color: rgba(0, 0, 0, 0.3);
}

/*上下张鼠标移入伪元素箭头颜色改变*/
.banner .banner-wrap .cl:hover::after {
    border-color: rgba(255, 255, 255, 0.4);
}

/*上下张箭头*/
.banner .banner-wrap .cl::after {
    content: "";
    display: block;
    width: 35px;
    height: 35px;
    position: absolute;
    right: 0;
    top: 40px;
    border-right: 3px solid rgba(0, 0, 0, .3);
    border-top: 3px solid rgba(0, 0, 0, .3);
    /*旋转,使其斜*/
    -webkit-transform: translate(0, -50%) rotate(-135deg);
    transform: translate(0, -50%) rotate(-135deg);
}

/*下一张*/
.banner .banner-wrap .cl-next {
    left: inherit;
    right: 40px;
}

/*更改下一站箭头*/
.banner .banner-wrap .cl-next::after {
    right: inherit;
    left: 0;
    top: 40px;
    border-left: 3px solid rgba(0, 0, 0, .3);
    border-bottom: 3px solid rgba(0, 0, 0, .3);
    border-right: none;
    border-top: none;
}

/*轮播小圆点*/
.banner .banner-wrap ul {
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -57px;
}

.banner .banner-wrap ul li {
    float: left;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: rgba(0, 0, 0, .3);
    margin: 0 10px;
    border: 2px solid rgba(255, 255, 255, .6);
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.banner .banner-wrap ul li.active {
    border: 2px solid rgba(0, 0, 0, .3);
    background: rgba(255, 255, 255, .6);
}

/*关于我们*/
.about {
    background: #fff;
}

.about .about-wrap {
    text-align: center;
    padding: 20px 0 60px;
}

/*关于我们*/
img.title {
    width: 200px;
    height: 160px;
    margin-bottom: 50px;
}

/*四张图片*/
.about .about-wrap .item-wrap {
    width: 1100px;
    padding: 0 50px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.about .about-wrap .item-wrap a {
    flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    width: 280px;
    height: 20px;
    padding-top: 185px;
    margin: 0 8px;
    font-size: 20px;
    position: relative;
}

.about .about-wrap .item-wrap a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 160px;
}

/*介绍*/
.about .about-wrap p {
    margin: 36px 0 46px;
}

.about .about-wrap > a {
    background-color: #28905A;
    padding: 10px 30px;
    border-radius: 20px;
    line-height: 40px;
    color: #FFFFFF;
}

.about .about-wrap > a:hover {
    color: #333;
}

/*ad*/
.ad {
    height: 370px;
}

/*words*/
.words {
    background: #FFFFFF;
}

.words .words-wrap {
    width: 1100px;
    padding: 60px 50px;
    text-align: center;
}

.item-wrap .items ul li {
    margin-bottom: 20px;
}

.item-wrap .items ul li > a {
    float: left;
    width: 360px;
    height: 240px;
}

.item-wrap .items ul li > div {
    float: right;
    width: 700px;
    text-align: right;
}

.item-wrap .items ul li > div p {
    text-align: left;
}

.item-wrap .items ul li > div p:nth-child(1) {
    font: bolder 28px/60px "KaiTi";
}

.item-wrap .items ul li > div p:nth-child(2) {
    font: bolder 22px/50px "KaiTi";
}

.item-wrap .items ul li > div p:nth-child(3) {
    font: bolder 18px/20px "KaiTi";
    margin-bottom: 30px;
}

/*ad 2*/
.ad-2 {
    height: 240px;
}

/*news*/
.news .news-wrap {
    width: 1030px;
    padding: 30px 30px 0;
    text-align: center;
    padding-bottom: 70px;
}

/*grid*/
.news-wrap .item-wrap {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

.news-wrap .item-wrap > div {
    position: relative;
    width: 44%;
    margin: 3%;
    padding-bottom: 15px;
}
.news-wrap .item-wrap > div > img {
    height: 400px;
}

/*title*/
.news-wrap .item-wrap div p.text-title {
    font: bold 20px/1.5em "FangSong";
    text-align: left !important;
    margin: 10px;
}

/*sub-title*/
.news-wrap .item-wrap div p.text-sub-title {
    font: bold 16px/20px "FangSong";
    text-align: left !important;
    margin: 10px 10px 50px;
}

/*more*/
.news-wrap .item-wrap div .more-style {
    margin: 0;
}

/*common style*/
.news-wrap .item-wrap > div::before,
.news-wrap .item-wrap > div::after {
    content: "";
    position: absolute;
    width: 4%;
    height: 3%;
    transition: all 0.3s;
}

.news-wrap .item-wrap .item-1:hover::before,
.news-wrap .item-wrap .item-1:hover::after,
.news-wrap .item-wrap .item-2:hover::before,
.news-wrap .item-wrap .item-2:hover::after,
.news-wrap .item-wrap .item-3:hover::before,
.news-wrap .item-wrap .item-3:hover::after,
.news-wrap .item-wrap .item-4:hover::before,
.news-wrap .item-wrap .item-4:hover::after {
    width: 106.3%;
    height: 104.3%;
}

/*item1 and 4*/
.news-wrap .item-wrap .item-1::before,
.news-wrap .item-wrap .item-4::before {
    top: -15px;
    left: -15px;
    border-left: 1px solid #333;
    border-top: 1px solid #333;
}

.news-wrap .item-wrap .item-1::after,
.news-wrap .item-wrap .item-4::after {
    bottom: -15px;
    right: -15px;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
}

/*item2 and item3*/
.news-wrap .item-wrap .item-2::before,
.news-wrap .item-wrap .item-3::before {
    bottom: -15px;
    left: -15px;
    border-left: 1px solid #333;
    border-bottom: 1px solid #333;
}

.news-wrap .item-wrap .item-2::after,
.news-wrap .item-wrap .item-3::after {
    top: -15px;
    right: -15px;
    border-right: 1px solid #333;
    border-top: 1px solid #333;
}

/*end time 2019-3-3-03:28*/

/* flowers css
 * start
 */

/*banner*/
.banner .fl-bnr-wrap {
    width: 100%;
    height: 400px;
    background: #fff url("../img/fl-banner.png") no-repeat center;
    background-size: contain;
    border-bottom: 2px solid #666;
}

/*************
 * activity
 *************/
.activity {
    background: #ffffff;
}

/*
 * activity-top-wrap
 */
.activity .fl-aty-wrap .top-wrap {
    text-align: center;
    padding: 30px 0 50px;
}

.activity .fl-aty-wrap .top-wrap > img {
    width: 700px;
    margin-bottom: 20px;
}

.activity .fl-aty-wrap .top-wrap .vi-ltem-wrap {
    padding: 0 100px;
}

.activity .fl-aty-wrap .top-wrap .vi-ltem-wrap a {
    display: inline-block;
    width: 270px;
    height: 160px;
    vertical-align: top;
    margin: 0 27px;
}

/*
 * activity-bottom-wrap
 */
.activity .fl-aty-wrap .bottom-wrap {
    padding: 90px 0 0 30px;
    margin: 0 70px;
    height: 265px;
    background: url("../img/fl-ac (2).png") no-repeat right top;
    background-size: 52.5% 100%;
    border: 1px solid #333;
    position: relative;
}

.activity .fl-aty-wrap .bottom-wrap .items {
    width: 230px;
    display: inline-block;
    margin-right: 30px;
}

.activity .fl-aty-wrap .bottom-wrap .items > img {
    height: 80%;
}

.activity .fl-aty-wrap .bottom-wrap > span:nth-child(1) {
    position: absolute;
    top: -24px;
    left: -20px;
    background: #ffbcbc;
    font: bolder 24px/2em "KaiTi";
    padding: 0 15px;
}

.activity .fl-aty-wrap .bottom-wrap > span:nth-child(2) {
    position: absolute;
    top: 15px;
    left: 50%;
    font: bolder 24px/2em "KaiTi";
    padding: 0 15px;
    border: 1px solid #333;
    border-radius: 1px;
    margin-left: -140px;
}

.activity .fl-aty-wrap .bottom-wrap > span:nth-child(2) span {
    font: bolder 16px/100% "KaiTi";
    color: #fff;
}

.activity .fl-aty-wrap .bottom-wrap span {
    font: 16px/2em "KaiTi";

}

/*立即抢购样式*/
.ljqg-style {
    padding: 3px;
    color: #fff;
    background-color: #474443;
    float: right;
    margin: 5px 10px 0 0;
    transition: all .3s ease-in;
}

.ljqg-style:hover {
    background-color: transparent;
    color: #333;
}
/* text-iframe */
.text-iframe .container{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 800px;
    height: 600px;
    padding: 40px 100px;
    box-sizing: border-box;
    border-radius: 2px;
    box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
    background-image: linear-gradient(120deg, #a6c0fe 0%, #f68084 100%);
    overflow-y: auto;
    transform: translateY(-100vh);
    transition: transform 0.5s;
}
/*滚动条样式*/
.text-iframe .container::-webkit-scrollbar{
    width: 10px;
    height: 4px;
}
.text-iframe .container::-webkit-scrollbar-thumb{
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(0,0,0,0.2);
}
.text-iframe .container::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(0,0,0,0.1);
}

.container-show{
    transform: translateY(0)!important;
}

.text-iframe .container .items{
    display: none;
}
.text-iframe .container .items h3{
    font-family: "Microsoft YaHei";
    text-align: center;
    color: #fff;
    font-size: 24px;
    margin-bottom: 50px;
}
.text-iframe .container .items p{
    font-family: "Microsoft YaHei";
    font-weight: normal;
    line-height: 1.5em;
    text-indent: 2em;
}
.text-iframe .container .items h6{
    margin: 10px 0;
    font:normal 18px/1em 'Microsoft YaHei';
    text-align: center;
}


/*****
 * ad
 *****/
.ad .ad-wrap {
    width: 100%;
    height: 442px;
    background: url(../img/fl-ad.png) no-repeat center;
    background-size: cover;
    border-top: 2px solid #666666;
    border-bottom: 2px solid #666666;
}

/***************
 * hot-activity
 ***************/
.hot-activity {
    background: #fff;
}

.hot-activity .hot-activity-wrap {
    width: 1060px;
    padding: 40px 70px;
}

/* hot-top-activity*/
.hot-activity-wrap .top-wrap .left-title-wrap {
    padding: 70px 30px;
    width: 306px;
    float: left;
    text-align: center;
    font-size: 20px;
    position: relative;
}

.hot-activity-wrap .top-wrap .left-title-wrap:before,
.shop-activity .shop-top-wrap .shop-ac-title-wrap:before,
.shop-activity .shop-top-wrap .shop-ac-title-wrap:after,
.hot-activity-wrap .top-wrap .left-title-wrap:after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 60px;
    height: 10px;
    border-radius: 30px;
    background: #474443;
}

.hot-activity-wrap .top-wrap .left-title-wrap:after,
.shop-activity .shop-top-wrap .shop-ac-title-wrap:after {
    width: 10px;
    border-radius: 50%;
    left: 65px;
}

.top-wrap .left-title-wrap h2 {
    font-size: 36px;
}

.top-wrap .left-title-wrap p:nth-child(2) {
    margin-bottom: 20px;
}

.top-wrap .left-title-wrap p:nth-child(3) {
    font-size: 20px;
}

.top-wrap .right-wrap {
    float: right;
    width: 640px;
    position: relative;
}

.top-wrap .right-wrap img {
    height: 200px;
}

.top-wrap .right-wrap span {
    font: bold 20px/3em "KaiTi";
}

.top-wrap .right-wrap a:nth-child(1) {
    position: absolute;
    top: 10px;
    left: 10px;
    margin: 0;
    z-index: 86;
}

/*
 * hot-bottom-wrap
 */
.hot-activity-wrap .bottom-wrap .items {
    float: left;
    margin: 0 6px;
    width: 340px;
    position: relative;
    z-index: 465;
}

.hot-activity-wrap .bottom-wrap .items a.set-img-tsn {
    height: 193px;
    margin: 0;
}

.hot-activity-wrap .bottom-wrap .items span {
    font: bolder 18px/2em "KaiTi";
}

.hot-activity-wrap .bottom-wrap .items a {
    margin: 6px 0 0 0;
}

/***************
 * shop-activity
 ***************/

/*
 * shop-top-activity
 */
.shop-activity .shop-top-wrap {
    width: 1000px;
    padding: 0 100px;
    text-align: center;
}

.shop-top-wrap .shop-ac-title-wrap {
    text-align: center;
    display: inline-block;
    font-size: 0;
    padding: 30px 90px 0;
    position: relative;
}

.shop-top-wrap .shop-ac-title-wrap h2 {
    font: bolder 34px/1.2em "KaiTi";
    text-align: left;
}

.shop-top-wrap .shop-ac-title-wrap span {
    font-size: 17px;
    margin-right: 20px;
}

.shop-top-wrap .shop-ac-title-wrap i {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #8cf391;
    margin: 0 2px
}

.shop-activity .shop-top-wrap .content-wrap {
    padding-top: 50px;
    position: relative;
    z-index: 1;
}

.shop-activity .shop-top-wrap .content-wrap .ltems {
    position: relative;
    cursor: pointer;
    float: left;
}

.shop-activity .shop-top-wrap .content-wrap .ltems span {
    position: absolute;
    top: 266px;
    margin-left: -55px;
    border: 2px solid rgba(255, 255, 255, .6);
    border-radius: 1px;

}

.shop-activity .shop-top-wrap .content-wrap .ltems span i,
.t-m-2 i {
    padding: 8px 16px;
    margin: 3px;
    background: rgba(255, 255, 255, .6);
    display: inline-block;
}

.shop-activity .shop-top-wrap .content-wrap .ltem1 {
    width: 260px;
    height: 360px;
}

.shop-activity .shop-top-wrap .content-wrap .ltems:hover img {
    transform: scale(1.1);
}

.shop-activity .shop-top-wrap .content-wrap .ltem-num {
    float: left;
    margin-top: 8px;
    padding: 0 20px;
    color: #E94E27;
    font-size: 30px;
    border-left: 5px solid #e94e27;
}

.shop-activity .shop-top-wrap .content-wrap .ltem2,
.shop-activity .shop-top-wrap .content-wrap .ltem3 {
    width: 330px;
    height: 190px;
}

.shop-activity .shop-top-wrap .content-wrap .ltems span.t-m,
.t-m-2 {
    top: 120px;
    border: 2px solid #baffbd;
    border-radius: 1px;
}

.shop-activity .shop-top-wrap .content-wrap .ltems span.t-m i,
.t-m-2 i {
    background: #baffbd;
}

.shop-top-wrap .content-wrap .dn-wrap {
    text-align: right;
    float: right;
    width: 660px;
}

.shop-top-wrap .content-wrap .dn-wrap h3 {
    font: bolder 30px/1.4em "KaiTi";
    display: inline-block;
    border-bottom: 2px solid #555555;
}

.shop-top-wrap .content-wrap .dn-wrap p {
    margin: 20px 0 30px;
    line-height: 2em;
}

/*绿色渲染*/
.shop-top-wrap .content-wrap .render,
.shop-bottom-wrap .content-wrap .render {
    position: absolute;
    bottom: 0;
    height: 140px;
    width: 200%;
    background: #baffbd;
    z-index: -1;
}

/*more更多*/
.black-more {
    display: inline-block;
    border: 2px solid #000;
    border-radius: 1px;
    margin-top: 40px;
    cursor: pointer;
    visibility: hidden;
}

.black-more i {
    padding: 0 22px;
    margin: 2px;
    font: bold 20px/1.2em "KaiTi";
    background: #000000;
    display: inline-block;
    color: #fff;
    transition: all .3s ease-in;
}

.black-more:hover {
    border-color: #8cf391 !important;
}

.black-more:hover i {
    background: #8cf391;
    color: #555555;
}

/*
 * shop-bottom-wrap
 */
.shop-activity .shop-bottom-wrap {
    text-align: center;
}

.shop-activity .shop-bottom-wrap .content-wrap {
    width: 1100px;
    padding: 50px 50px 0;
    z-index: 3;
    position: relative;
}

.shop-bottom-wrap .content-wrap .dn-wrap {
    float: left;
    width: 610px;
    text-align: left;
}

.shop-bottom-wrap .content-wrap .dn-wrap h3 {
    font: bolder 30px/1.4em "KaiTi";
    display: inline-block;
    border-bottom: 2px solid #555555;
}

.shop-bottom-wrap .content-wrap .dn-wrap p {
    margin: 20px 0 30px;
    line-height: 2em;
}

.shop-bottom-wrap .content-wrap .ltem-num {
    float: right;
    margin-top: 8px;
    padding: 0 20px;
    color: #E94E27;
    font-size: 30px;
    border-right: 5px solid #e94e27;
}

.shop-bottom-wrap .content-wrap img {
    transition: all 0.1s ease-in;
    cursor: pointer;
}

.shop-bottom-wrap .content-wrap img:hover {
    transform: scale(1.1);
}

.shop-bottom-wrap .content-wrap img:nth-child(2) {
    width: 370px;
    height: 400px;
    float: right;
}

.shop-bottom-wrap .content-wrap img:nth-child(4),
.shop-bottom-wrap .content-wrap img:nth-child(5) {
    width: 365px;
    height: 242px;
    float: left;
}

.shop-bottom-wrap .content-wrap .render {
    right: 50px;
}

/*.shop-bottom-wrap a.black-more {
    margin-bottom: 50px;
}*/

/* dried flowers */
body.bg-img {
    background: url("../gh-img/bg-15.png") no-repeat;
    background-size: cover;
}

body.bg-img .activity {
    background: none;
}

.activity .fl-aty-wrap {
    margin-bottom: 40px;
}

.activity .fl-aty-wrap .bottom-wrap-2 {
    width: 1000px;
    margin: 30px auto 0;
    position: relative;
}

.activity .fl-aty-wrap .bottom-wrap-2 .left-wrap {
    float: left;
    width: 480px;
    height: 320px;
}

.activity .fl-aty-wrap .bottom-wrap-2 .right-wrap {
    float: right;
    width: 480px;
    height: 320px;
}

.activity .fl-aty-wrap .bottom-wrap-2 img {
    cursor: pointer;
}

.activity .fl-aty-wrap .bottom-wrap-2 .left-wrap:hover img,
.activity .fl-aty-wrap .bottom-wrap-2 .right-wrap:hover img {
    transform: scale(1.1);
}

.activity .fl-aty-wrap .bottom-wrap-2 .t-m-2 {
    position: absolute;
    top: 70%;
    margin-left: -50px;
}

.activity .fl-aty-wrap .bottom-wrap-2 .t-m-2 i {
    padding: 15px 30px;
}

/*推荐热销*/
.rec-hot .line-title {
    background: #666699;
    text-align: center;
}

.rec-hot .line-title .title-wrap {
    display: inline-block;
    color: #FFFFFF;
    padding: 20px 0;
}

.rec-hot .line-title .title-wrap .black-line {
    width: 60px;
    height: 10px;
    border-radius: 30px;
    background-color: #332c2b;
    display: inline-block;
}

.rec-hot .line-title .title-wrap .cir-post {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #332c2b;
    display: inline-block;
    margin: 0 10px;
}

.rec-hot .line-title .title-wrap h3 {
    color: #FFFFFF;
    font: bold 34px/1em "KaiTi";
}

.rec-hot .line-title .title-wrap .text-wrap {
    display: inline-block;
    vertical-align: middle;

}

/* item */
.rec-hot .con-items-wrap {
    margin: 20px auto;
}

.rec-hot .con-items-wrap .hover-show:hover .price-wrap > span {
    color: #ff5000;
}

.rec-hot .con-items-wrap > h6 {
    width: 272px;
    text-align: right;
    float: left;
    margin-right: 20px;
    font: bold 28px/5em "KaiTi";
    background: url("../gh-img/bg-18.png") no-repeat left center;
}

.rec-hot .con-items-wrap .sub-items-wrap {
    width: 400px;
    float: left;
    margin-right: 40px;
}

.rec-hot .con-items-wrap .sub-items-wrap .bg-wrap {
    height: 260px;
    display: block;
}

.rec-hot .con-items-wrap .sub-items-wrap .price-wrap {
    position: relative;
}

.rec-hot .con-items-wrap .sub-items-wrap .price-wrap h6 {
    font: normal 18px/2.5em "Microsoft YaHei";
    letter-spacing: 1px;
}

.rec-hot .con-items-wrap .sub-items-wrap .price-wrap p {
    font: normal 14px/1em "Microsoft YaHei";
    letter-spacing: 1px;
}

.rec-hot .con-items-wrap .sub-items-wrap .price-wrap span {
    position: absolute;
    color: #fff;
    font-size: 24px;
    right: 52px;
    top: 0;
}

.rec-hot .con-items-wrap .sub-items-wrap .price-wrap > a {
    position: absolute;
    right: 0;
    top: -27px;
}

.rec-hot .con-items-wrap .item-3-wrap {
    width: 276px;
    float: left;
    position: absolute;
    top: 130px;
}

.rec-hot .con-items-wrap .item-3-wrap .bg-wrap {
    height: 500px;
}

.rec-hot .con-items-wrap .item-3-wrap .price-wrap {
    position: absolute;
    bottom: 140px;
    left: 282px;
}

.rec-hot .con-items-wrap .item-3-wrap .price-wrap h6 {
    font: normal 18px/2.5em "Microsoft YaHei";
    letter-spacing: 1px;
}

.rec-hot .con-items-wrap .item-3-wrap .price-wrap p {
    width: 167px;
    font: normal 14px/1.2em "Microsoft YaHei";
    letter-spacing: 1px;
}

.rec-hot .con-items-wrap .item-3-wrap .price-wrap span {
    color: #fff;
    font-size: 24px;
    position: absolute;
    bottom: -40px;
    top: 130px;
    left: -8px;
}

.rec-hot .con-items-wrap .item-3-wrap .price-wrap a.ljqg-style {
    position: absolute;
    left: -50px;
    top: 150px;
}

.rec-hot .con-items-wrap a.black-more {
    border: 2px solid #000;
    border-radius: 1px;
    margin-top: 40px;
    cursor: pointer;
    position: absolute;
    bottom: 32px;
    left: 384px;
}

.rec-hot .con-items-wrap .item-4-wrap {
    float: right;
    margin-top: 50px;
    width: 600px;
}

.rec-hot .con-items-wrap .item-4-wrap .bg-wrap {
    width: 400px;
    display: inline-block;
}

.rec-hot .con-items-wrap .item-4-wrap .price-wrap {
    display: inline-block;
    width: 180px;
    vertical-align: 160px;
    position: relative;
}

.rec-hot .con-items-wrap .item-4-wrap .price-wrap > span {
    left: -10px;
    top: 150px;
}

.rec-hot .con-items-wrap .item-4-wrap .price-wrap > a {
    left: -50px;
    top: 170px;
    right: inherit;
}

/* fun-decoration  title*/
.fun-decoration .title-wrap {
    position: relative;
}

.fun-decoration .title-wrap .left-bg {
    width: 200px;
    height: 100px;
    background: #666699;
    display: inline-block;
}

.fun-decoration .title-wrap .title-box {
    display: inline-block;
    text-align: center;
    width: 220px;
    vertical-align: 20px;
}

.fun-decoration .title-wrap .title-box h6 {
    font: bold 28px/2em "KaiTi";
}

.fun-decoration .title-wrap .other {
    display: inline-block;
    font-size: 0;
    margin-right: 20px;
}

.fun-decoration .title-wrap .other i {
    border-radius: 50%;
    width: 8px;
    height: 8px;
    background: #8cf391;
    display: inline-block;
    margin: 2px;
    vertical-align: 41px;
}

.fun-decoration .title-wrap .right-bg {
    height: 100px;
    background: #666699;
    display: inline-block;
    width: 700px;
}

.fun-decoration .title-wrap .description {
    position: absolute;
    right: 0;
    top: -95px;
}

.fun-decoration .title-wrap .description p {
    font: normal 24px/2em "KaiTi";
}

/* fun-decoration items*/
.fun-decoration .items-wrap {
    margin: 30px 0;
}

.fun-decoration .items-wrap .items {
    width: 380px;
    margin: 20px 10px;
    float: left;
}

.fun-decoration .items .bg-wrap {
    height: 300px;
    cursor: pointer;
}

.fun-decoration .items h6 {
    font: normal 18px/3em "Microsoft YaHei";
    display: inline-block;
}

.fun-decoration .items span {
    font: normal 16px/3.1em "Microsoft YaHei";
    float: right;
    color: #fff;
}

.fun-decoration .items a {
    margin: 15px 10px;

}

.fun-decoration .items:hover span {
    color: #ff5000;
}

/*art flowers*/
.art-flowers .title-wrap .left-line,
.art-flowers .title-wrap .right-line {
    width: 500px;
    height: 3px;
    display: inline-block;
    vertical-align: 8px;
    background: #333;
}

.art-flowers .title-wrap h6 {
    font: bold 28px/3em "KaiTi";
    display: inline-block;
    width: 180px;
    text-align: center;
    position: relative;
}

.art-flowers .items-wrap {
    width: 1160px;
    margin: 0 auto 50px;
}

.art-flowers .items-wrap .left-wrap {
    float: left;
}

.art-flowers .items-wrap .left-wrap .item-1 {
    width: 480px;
    height: 200px;
}

.art-flowers .items-wrap div {
    position: relative;
}

.art-flowers .items-wrap .left-wrap .item-1 a {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 20px;
}

.art-flowers .items-wrap .left-wrap .black-more {
    margin: 40px 0 40px 60px;
}

.art-flowers .items-wrap .left-wrap .item-2 {
    width: 380px;
    height: 300px;
}

.art-flowers .items-wrap .left-wrap .item-2 > a {
    position: absolute;
    font: bold 14px/2.5em "Microsoft YaHei";
    padding: 0 10px;
    background: #fff;
    top: 50%;
    right: -67px;
}

.art-flowers .items-wrap .left-wrap .item-2 > a span {
    color: #ff5000;
    font-family: "Microsoft YaHei";
}

.art-flowers .items-wrap .right-wrap {
    float: right;
}

.art-flowers .items-wrap .right-wrap div {
    display: inline-block;
    width: 324px;
    height: 612px;
    position: relative;
}

.art-flowers .items-wrap .right-wrap div span {
    width: 30px;
    position: absolute;
    top: 50%;
    right: -3px;
    text-align: center;
    padding: 30px 0 30px 8px;
    margin-top: -62px;
    background: rgba(255, 255, 255, 0.7);
}

.art-flowers .items-wrap .right-wrap div a {
    color: #494949;
    font-size: 20px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.art-flowers .items-wrap .right-wrap .item-4 span {
    right: inherit;
    left: -3px;
    text-align: left;
    background: rgba(0, 0, 0, 0.7);
    color: #ffffff;
}

/* green-plants */
.green-plants .header .header-wrap .logo-wrap {
    background-color: transparent;
}

body.green-plants {
    background: url(../lz-img/bg-26.png);
}

body.green-plants .header {
    background: none;
}

body.green-plants .header:after {
    content: "";
    display: none;
    background: none;
}

body.green-plants .banner .fl-green {
    background-image: url(../lz-img/bg-3.png);
}

body.green-plants .header .nav {
    position: static;
}

/* 摇摆 */

@keyframes move {
    10%, 20% {
        -webkit-transform: rotate(-8deg);
    }
    5%, 15%, 25% {
        -webkit-transform: rotate(8deg);
    }
    0%, 30%, 100% {
        -webkit-transform: rotate(0deg);
    }
}

body.green-plants .header .nav #r_t_aside-active {
    width: 9px;
    height: 65px;
    background: url(../lz-img/bg-1.png) no-repeat;
    position: absolute;
    z-index: 9998;
    right: 132px;
    background-size: contain;
    top: 0;
    cursor: pointer;
    -webkit-animation: move 3s linear infinite;
    -webkit-transform-origin: 50% 70%;
}

body.green-plants .r_t_right-aside {
    width: 271px;
    height: 468px;
    position: absolute;
    top: -468px;
    right: 0;
    background: url(../lz-img/bg-2.png) no-repeat;
    background-size: contain;
    z-index: 9999;
    cursor: pointer;
    transition: all 0.5s ease;
}

.show-down {
    position: absolute;
    top: 0 !important;
}

.hot-wrap {

}

.hot-wrap .title-wrap {
    text-align: center;
    width: 800px;
    margin: 0 auto;
    padding: 30px 0;
    border-bottom: 1px dashed #ccc;
}

.hot-wrap .title-wrap img {
    width: 344px;
    height: 200px;
    margin-right: 130px;
}

/*第一块绿色*/
.hot-wrap .layout {
    width: 980px;
    margin: 80px auto 0;
    position: relative;
}

.hot-wrap .layout .flow-bg {
    width: 430px;
    height: 440px;
    transition: all 2s ease;
    cursor: pointer;
    float: left;
}

.hot-wrap .layout .flow-info {
    width: 265px;
    height: 120px;
    transition: all 2s ease;
    cursor: pointer;
    float: left;
    margin: 80px 0 10px 80px;
}

.hot-wrap .layout .flow-bg:hover {
    transform: rotateZ(360deg);
}

.hot-wrap .layout .info-mgs {
    float: right;
    width: 299px;
    text-indent: 2em;
    font: normal 16px/1.8em "Microsoft YaHei";
    margin-right: 180px;
}

.hot-wrap .layout .paving {
    width: 2000%;
    height: 230px;
    background: #0b9600;
    position: absolute;
    left: -1000%;
    bottom: 0;
    z-index: -1;
}

/*商品一*/
/*吊花*2*/
.hot-wrap .shop-wrap {
    margin-top: 30px;
}

.hot-wrap .shop-wrap .items {
    float: left;
    width: 400px;
    height: 600px;

}

.hot-wrap .shop-wrap .items .img-wrap {
    height: 260px;
    border-radius: 3px;
    overflow: hidden;
}

.hot-wrap .shop-wrap .items .name-price {
    text-align: center;
    color: #fff;
    margin-top: 120px;
    display: block;
    -webkit-animation: flip 3s linear infinite;
    -webkit-transform-origin: 50% 70%;
}

@keyframes flip {
    0% {
        -webkit-transform: rotateY(0deg);
    }

    50% {
        -webkit-transform: rotateY(180deg);
    }
    100% {
        -webkit-transform: rotateY(360deg);
    }
}

.hot-wrap .shop-wrap .items .name-price:hover {
    animation: none;
    -webkit-animation: none;
    color: #ff5000;
}

.hot-wrap .shop-wrap .items .name-price .price {
    font: bold 20px/1em "Microsoft YaHei";
    letter-spacing: 2px;
    display: inline-block;
    position: relative;
    margin-bottom: 11px;
}

.hot-wrap .shop-wrap .items .name-price .price::after {
    width: 0;
    height: 0;
    content: "";
    position: absolute;
    top: -69px;
    left: -37px;
    z-index: -1;
    border-left: 80px solid transparent;
    border-right: 80px solid transparent;
    border-bottom: 100px solid #4b9244;
}

.hot-wrap .shop-wrap .items .name-price .name {
    width: 26px;
    font: bold 26px/1em "KaiTi";
    padding: 40px 30px;
    background: #4b9244;
    margin: 0 auto;
}

/*芦荟*/
.hot-wrap .shop-wrap .item-2 .name-price {
    margin-top: 0;
    margin-bottom: 120px;
}

.hot-wrap .shop-wrap .item-2 .name-price .price::after {
    border-bottom: 0;
    border-top: 100px solid #4b9244;
    top: -10px;
}

/* 第二层绿底 */
.hot-wrap .lyu2 {
    margin-top: 10px;
    width: 1100px;
}

.hot-wrap .lyu2 .tree {
    width: 164px;
    height: 354px;
    float: left;
}

.hot-wrap .lyu2 .flow-bg {

    float: right;
}

.hot-wrap .lyu2 .flow-info {
    margin-left: 120px;
}

.hot-wrap .lyu2 .info-mgs {
    margin-right: 100px;
}

/* 列表商品 */
.hot-wrap .shop-items-wrap {
    margin-top: 10px;
    text-align: right;
}

.hot-wrap .shop-items-wrap .begging-bg {
    width: 239px;
    height: 342px;
    float: left;
    margin: 30px 30px 0 0;
}

.hot-wrap .shop-items-wrap .shop-items {
    float: left;
    border-bottom: 2px solid #ccc;
}

.hot-wrap .shop-items-wrap .shop-items > a {
    float: left;
    margin-right: 18px;
    display: block;
}

.hot-wrap .shop-items-wrap .shop-items > a .bg-wrap {
    width: 292px;
    height: 320px;
}

.hot-wrap .shop-items-wrap .shop-items > a .info-wrap p {
    font: normal 20px/2em "";

}

/* 中间艺术语 */
.hot-wrap .shop-items-wrap .middle-bg {
    width: 710px;
    height: 104px;
    margin: 20px 0;
}

.hot-wrap .shop-items-wrap .last-bg {
    width: 270px;
    height: 358px;
}

/*第三绿地铺*/
.hot-wrap .lyu3 {
    margin-top: 50px;
}

.hot-wrap .lyu3 .flow-info {
    margin-top: 110px;
}

/* shop-bottom */
.hot-wrap .shop-bottom-wrap {
    width: 1050px;
    margin: 50px auto 70px auto;
}

.hot-wrap .shop-bottom-wrap .begging-bg {
    width: 250px;
    height: 450px;
    float: left;
}

.hot-wrap .shop-bottom-wrap .item-1 {
    float: left;
    margin: 0 30px;
    text-align: right;
}

.hot-wrap .shop-bottom-wrap .item-1 > img {
    width: 450px;
    height: 400px;
}

.hot-wrap .shop-bottom-wrap .item-1 p {
    font: normal 17px/3em "";
}

.hot-wrap .shop-bottom-wrap .item-2 {
    float: left;
    padding-left: 10px;
    border-left: 1px solid #ccc;
}

.hot-wrap .shop-bottom-wrap .item-2 > img:nth-child(1) {
    width: 15px;
    height: 137px;
    font: normal 16px/1em "";
    display: inline-block;
    margin-right: 5px;
}

.hot-wrap .shop-bottom-wrap .item-2 > img:nth-child(2) {
    width: 250px;
    height: 450px;
    display: inline-block;
}

/*about us*/
body.about-us .banner {
    margin: 5px auto 30px;
}

body.about-us .banner > img {
    height: 600px;
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
}

body.about-us > .content-wrap {
    color: #333;
    margin: 30px auto;
}

body.about-us .content-wrap > h2 {
    font: bold 30px/2em "";
    border-bottom: 2px solid #ccc;
    color: #7a6e6e;
    text-shadow: 3px 3px 3px #ff6e71;
    text-align: center;
    padding-bottom: 10px;
}

body.about-us .content-wrap > p {
    font: normal 14px/1.5em "";
    text-align: left;
    margin: 20px 0;
    color: #737373;
    text-indent: 2em;

}

body.about-us .content-wrap .server h3 {
    font-weight: bold;
    display: inline-block;
    margin: 20px 0;
    padding-bottom: 4px;
    color: #ff6e71;
    font-family: "Microsoft YaHei";
}

body.about-us .content-wrap .server li {
    margin: 0 0 20px 0;
    font-family: "Microsoft YaHei";
    color: #ff6e71;
    font-weight: normal;
    line-height: 1.3em;
}

/**/
body.about-us .content-wrap h6 {
    font: bold 26px/2em "";
    border-bottom: 2px solid #ccc;
    color: #7a6e6e;
    text-align: center;
    padding-bottom: 10px;
    margin-top: 50px;
}

/*表单*/
body.about-us .content-wrap .form-wrap {
    margin: 50px auto 0;
    float: left;
}

body.about-us .content-wrap #dituContent {
    float: right;
}

.form {
    width: 420px;
    background: #fefcf7;
    border-radius: 8px;
    box-shadow: inset 0px 2px 8px 2px #666;
    padding: 20px 30px;
    max-width: calc(100vw - 40px);
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
    position: relative;
}

.form h2 {
    margin: 10px 0;
    padding-bottom: 10px;
    width: 180px;
    color: #78788c;
    border-bottom: 3px solid #78788c;
}

.form input {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    background: none;
    outline: none;
    resize: none;
    border: 0;
    font-family: 'Montserrat', sans-serif;
    transition: all .3s;
    border-bottom: 2px solid #bebed2;
}

.form input:focus {
    border-bottom: 2px solid #78788c;
}

.form p:before {
    content: attr(type);
    display: block;
    margin: 28px 0 0;
    font-size: 20px;
    color: #5a5a5a;
}

.form button {
    padding: 8px 12px;
    margin: 8px 0 0;
    font-family: 'Montserrat', sans-serif;
    border: 2px solid #78788c;
    background: 0;
    color: #5a5a6e;
    cursor: pointer;
    transition: all .3s;
    margin: 50px auto 0;
    display: inherit;
}

.form button:hover {
    background: #78788c;
    color: #fff;
}

.form span {
    margin: 0 5px 0 15px;
}