/*礼品商城*/
.mallbanner{ height: 340px; background: url(/statics/images/home/gift/banners.jpg) no-repeat center; min-width: 1200px;}
.mallcontm{ width: 1200px; margin: 0 auto;}
.micos{ text-align: center; padding: 55px 0;}
.micos li{display: inline-block; margin: 0 80px;}
.micos li em{display: block; margin: 0 auto; background: #29e5c8; width: 80px; height: 80px; border-radius: 50%; overflow: hidden; box-shadow: 0 0 20px rgba(44,228,199,.8);}
.micos li img{display: block; width: 100%;}
.micos li b{display: block; font-size: 20px; color: #333; line-height: 22px; padding-top: 15px;}
.micos li i{display: block; font-size: 14px; color: #676666; line-height: 22px; padding-top: 10px;}
.mcaselist h2{display: block; text-align:center; padding: 20px 0 30px; font-size: 24px; color: #333; font-weight: bold;}
.mcaselist .cont{margin: 0 -10px; padding-bottom: 180px;}
.mcaselist .cont .zprt{ float: left; margin: 10px; background: #fff; width: 285px; box-shadow: 0 0 22px rgba(0,0,0,.1);}
.mcaselist .cont .zprt .pic{position: relative;}
.mcaselist .cont .zprt .pic img{display: block; width: 100%;}
.mcaselist .cont .zprt .pic i{display: block; position: absolute; bottom:10px; left: 50%; transform: translateX(-50%);}
.mcaselist .cont .zprt .word{ height: 66px; line-height: 26px; padding: 20px 12px 0; font-size: 14px; color: #333; overflow: hidden;}
.mcaselist .cont .zprt .word i{display: block; float: left; width: 175px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mcaselist .cont .zprt .word a{display: block; width: 86px; background: #33dfc3; height: 26px; text-align: center; color: #fff; font-size: 14px; border-radius: 13px; float: right;}

/*礼品详情页*/
.wrap{width: 1200px;}
@media (min-width:1601px)
{
.indvip{display: none;}
.indsvip{display: block; width: 180px; position: fixed; bottom: 0;right: 0;animation: vip-right 2.4s infinite;}
.indsvip img{display: block; width: 100%}
@keyframes vip-right {
    0% {
        bottom: 0px;
    }
    50% {
        bottom: -10px;
    }
    100% {
        bottom: 0px;
    }
}
}
.lpcontmain{ background: #fff; padding: 55px 0 60px;}
.lpcontmain .contm{width: 1200px; margin: 0 auto}
.lpcontmain .pics{width: 620px; float:left}
.lpcontmain .bigpic{float: left; width: 480px; height: 480px; padding: 16px; background:#fff; box-shadow:0 0 20px rgba(0,0,0,.3); overflow: hidden; position: relative;}
.lpcontmain .bigpic img{display: block; width: 100%;}
.lpcontmain .bigpic .slog{ position:absolute; top: 32px; left: 36px;}
.lpcontmain .pics ul{float: right; width: 112px; margin-top: -5px;}
.lpcontmain .pics ul li{padding: 5px 0px;}
.lpcontmain .pics ul li i{display: block; padding: 5px; cursor: pointer;}
.lpcontmain .pics ul li img{display: block; width: 100%;}
.lpcontmain .pics ul li.on i{ background: #fff; box-shadow: 0 0 20px rgba(0,0,0,.2);}
.lpcontmain .word{width: 500px;}
.lpcontmain .word h1{font-size: 20px; color: #333; font-weight: bold; line-height: 36px; margin-left: -10px;}
.lpcontmain .word p{font-size: 14px; color: #999;}
.lpcontmain .word .infors{ background: #f9f9f9; margin-top: 35px; padding: 10px;}
.lpcontmain .word .zpt{overflow: hidden;}
.lpcontmain .word .zpt:first-child{border-bottom:1px solid #f4f4f4;}
.lpcontmain .word .zpt i{display: block; float: left; height: 50px; line-height: 50px; font-size: 16px; color: #333; padding-left: 10px;}
.lpcontmain .word .zpt span{display: block; float: left; padding-left: 45px; font-size: 16px; color: #333; line-height: 50px; padding-right: 88px;}
.lpcontmain .word .zpt span b{font-size: 30px; color: #f25858; font-weight: bold; line-height: 30px;  margin-right: 10px;}
.lpcontmain .word .zpt a{display: block; float: left; color: #28dec2;border-bottom:1px solid #28dec2; line-height: 22px; margin-top: 10px; font-size: 16px;}
.lpcontmain .word .zpt ul{padding-top: 12px; width:300px; float: left; margin-left: 16px;}
.lpcontmain .word .zpt ul li{float: left; font-size: 14px; color: #666; line-height: 26px; width: 130px;}
.lpcontmain .word .zpt ol{padding-top: 12px;float: left; margin-left: 16px;}
.lpcontmain .word .zpt ol li{float: left; font-size: 14px; color: #666; line-height: 26px; padding-right: 25px;}
.lpcontmain .word .nums{ margin-top: 55px; overflow: hidden; padding-left: 20px;}
.lpcontmain .word .nums span{display: block; float:left; border:1px solid #ededed; width: 132px; height: 32px; line-height: 30px; margin:0 15px 0 18px;}
.lpcontmain .word .nums em{display: block; float:left; font-size: 16px; color: #333; line-height:32px;}
.lpcontmain .word .nums span i{float: left; display: block; width: 30px; height: 30px; text-align: center; font-size: 20px; overflow: hidden; cursor: pointer; color: #333;}
.lpcontmain .word .nums span i.no{color: #999; cursor: default;}
.lpcontmain .word .nums span i:hover{color: #fff; background: #28dec2;}
.lpcontmain .word .nums span .num{width: 70px; float: left; border: none; border-left:1px solid #ededed; border-right:1px solid #ededed; text-align: center; color: #333; font-size: 14px;}
.lpcontmain .word .moth{ margin-top: 30px; font-size: 16px; color: #333; overflow: hidden;padding-left: 20px; padding-top: 5px;}
.lpcontmain .word .moth em{display: block; float:left; font-size: 16px; color: #333; line-height:32px;}
.lpcontmain .word .moth span{display: block; float: left;}
.lpcontmain .word .moth span ins{display: block; float:left; text-align: center; width: 80px; height: 30px; line-height: 30px; font-size: 14px; background: #fff; box-shadow: 0 0 12px rgba(0,0,0,.1); cursor: pointer; margin-left: 20px;}
.lpcontmain .word .moth span ins.on{background: #28dec2; color: #fff;}
.lpcontmain .word .moth~.nums{margin-top: 25px;}
.lpcontmain .word .btn{padding-top: 60px; text-align: center; font-size: 18px;}
.lpcontmain .word .btn a{display: block; width: 170px; height: 52px; line-height: 52px; border-radius: 4px; color: #fff; background: #27e7c9; box-shadow: 0 0 16px rgba(0,0,0,.2);}
.lpcontmain .word .btn a:hover{ background: #3aefd2;}
.detailcnt{ background: #fff; margin-top: 40px; margin-bottom: 100px; box-shadow: 0 0 20px rgba(0,0,0,.1);}
.detailcnt img{display: block; width: 100%}

/*弹框*/
.graybg{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: .5;z-index: 99;}
.smtips{ height: 44px; line-height: 44px; border-radius: 4px; padding: 0 16px; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #fff; text-align: center; color: #333; font-size: 14px; z-index: 1000;}
.smtips img{display: inline-block; vertical-align: middle; margin-right: 10px;}

.midtips{border-radius: 4px; padding:20px 46px; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #fff; color: #333; font-size: 14px; z-index: 1000;}
.midtips .pic img{display: block; margin: 0 auto;}
.midtips .word{padding: 8px 0 12px; text-align: center; color: #333; line-height: 24px;}
.midtips .word b{display: block; font-size: 16px;}
.midtips .word p{display: block; color: #666; font-size: 12px;}
.midtips .btns{padding-top: 15px; text-align: center; overflow: hidden; width: 220px;}
.midtips .btns a{ display: block; width: 85px; text-align: center; font-size: 14px; color: #fff; border-radius: 4px; height: 32px; line-height: 32px;}
.midtips .btns a.fl{background: #33d6bc;}
.midtips .btns a.fl:hover{background: #32e8cc;}
.midtips .btns a.fr{background: #e6e6e6; color: #666;}

.midtips ul li{ padding: 5px 0; position: relative; font-size: 12px;}
.midtips ul .webtxt{ width: 100%; background: #f0f0f0; border-radius: 3px; border: none; height: 36px; line-height: 36px; font-size: 14px; color: #333; padding: 0 10px;}
.midtips li em{ cursor: pointer; position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}
.midtips li img{display: block;}
.midtips li i{color: #f75555;}