@charset "utf-8";
/* CSS Document */
/*整页效果*/
body{background: #fff; overflow-x: hidden;}

/*菜单栏*/
.jfocus-trigeminy{display: none;}
.home-focus-layout .right-sidebar{background: transparent;}
.home-focus-layout{height: 360px !important; overflow: hidden;}
.full-screen-slides-pagination{top:340px !important;top: 310px !important; background: transparent;}
.full-screen-slides-pagination li{width: 20px; height: 20px; padding: 12px 3px; opacity: 0.75; background: transparent;}
.full-screen-slides-pagination .current{ opacity: 1;background: transparent;}
.full-screen-slides-pagination li:hover{transition: all 0.2s;  opacity: 1;}
.full-screen-slides-pagination li a{background: #fff;width: 20px; height: 20px; border-radius: 50%;}

/* 首页滚动栏右侧按钮 */
.proclamation .tabs-nav{border:none;}
.proclamation .tabs-nav li.tabs-selected{border: none; width: 240px; text-align: left;}
.proclamation .tabs-nav li.tabs-selected h3{margin-left: 10px;}
.toprighticon{height: 66px; overflow: hidden;}
.toprighticon{width: 222px; height: 132px; margin-left: 9px; background-color: #fff;border-top: 1px solid #f1f1f1;  padding: 6px 0; }
.toprighticon ul{}
.toprighticon li{float: left;  border-right:none; width: 74px; height: 65px; position: relative;}
.toprighticon li a{width: 100%; height: 28px; display: block; padding-top: 32px; font-size: 12px; text-align: center; line-height: 24px; font-family: 微软雅黑; cursor: pointer; color: #666; }
.toprighticon li a i{background:url(http://www.upetmart.com/templates/default/images/shop/itricon_000.png);opacity: 0.8	; display: block; width: 24px; height: 24px; position: absolute; top: 10px; left: 22px;}  
.toprighticon li a:hover{color: #f60;}
.toprighticon li a:hover i{background:url(http://www.upetmart.com/templates/default/images/shop/itricon_f60.png);opacity: 1.0;}
.toprighticon li a i.ico_user1{background-position:-54px -16px; }
.toprighticon li a i.ico_user2{background-position:-55px -71px; }
.toprighticon li a i.ico_user3{background-position:-88px -16px; }
.toprighticon li a i.ico_user4{background-position:-24px -98px; }
.toprighticon li a i.ico_user5{background-position:-55px -44px; }
.toprighticon li a i.ico_user6{background-position:-88px -125px; }
.proclamation .tabs-nav{border:none;}
.proclamation .tabs-nav li.tabs-selected{border: none; width: 240px; text-align: left; padding:12px 0 0; }
.proclamation .tabs-nav li.tabs-selected h3{margin-left: 14px; font-size: 14px; font-weight: 400; width: 100px;display: inline-block; float: left; }
.proclamation .tabs-nav li.tabs-selected a{font-size: 12px; color:#aaa; font-weight: 400; display: inline-block; float: right; margin-right: 14px; margin-top: 2px; }
.proclamation .mall-news li{height: 24px; margin: 0 9px;}
.proclamation .mall-news{padding-top: 6px;}
.proclamation .mall-news li i{opacity: 0; margin-right: 0;}
.proclamation .mall-news li:nth-child(1) a{color: #f57;}
.proclamation .mall-news li time{display: none;}
.proclamation{height: 155px;}

/*热卖商品栏*/
.home-sale-layout{background: #fff;margin-top: 16px;}


/* 首页楼层 */
i{font-style: normal;}
.midDIV{width: 100%; height: auto; position: relative; background: #f5f5f5; overflow: hidden;}
.midDIV .DIVbox{width: 1200px; margin: 0 auto; overflow: hidden; }
.midDIV .floorDIV{margin: 30px auto 0;}
.floorT{width: 352px; height: 410px; padding: 20px; background: #fff; border-radius: 2px; float: left;}
.floorT .topname{height: 32px; margin: 0 0 15px 0; color: #aaa;font-size: 15px;}
.floorT .topname b{font-size: 22px; font-weight: 400; line-height: 32px; color: #333;}
.floorT .p_img {width: 100%; height: 180px;}
.floorT .p_img img{width: 100%; height: 180px;}
.floorT .blank_link {width: 352px; overflow: hidden; height: 168px; margin-top: 15px; border-top: 1px solid #ddd;border-left: 1px solid #ddd;}
.floorT .blank_link a{display: block; float: left; width: 87px; height: 41px;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd; }
.floorT .blank_link a img{display: block; width: 100%; margin-top: 6px;}
.floorT .item_link a{width: 170px; display: block; float: left; margin-top: 12px;}
.floorT .item_link a img{width: 100%; height: 170px;}
.floorT .item_link a:nth-child(1){margin-right: 12px;}
.floorI{width: 392px; height: 450px; padding: 0px;  border-radius: 2px; float: left;  }
.floorIbox{width: 440px;}
.floorI a{width: 190px; height: 219px; margin: 0 12px 12px 0; float: left; display: block;text-decoration: none; color: #888; text-align: center;background: #fff;}
.floorI .itemimg{width:120px; display: block; height: 120px; margin: 25px auto 10px; }
.floorI p{width: 85%; height: 20px; line-height: 20px; display: block; overflow: hidden;font-size: 13px; margin: 0 auto;white-space: nowrap;text-overflow: ellipsis;}
.floorI .itemprice{width: 164px; margin: 6px auto; color: #d23; font-size: 12px;}
.floorI .itemprice b{font-size: 14px; font-weight: 400; margin-left: 2px;}
.midDIV .floorDIV .fbox{margin-right: 12px;}
.midDIV .floorDIV .fbox:nth-child(4){margin-right: 0;}
.floorTop{line-height:40px; font-size:32px; color:#000; text-align:center; padding:10px 0 36px;}
.floorTop:before, .floorTop:after {content: ''; width: 50px;height: 3px; margin:0 20px 10px;display: inline-block; background: #222;top: 9px;} 


/*2019首页开屏弹出广告*/
.pcopen_ad{opacity: 0; pointer-events: none; position: fixed;top: 0;left: 0;right: 0;bottom: 0; z-index: 1000;}
.pcopen_ad.pa_open{opacity: 1; transition: opacity .3s; pointer-events: auto; transition: all 0.3s;}
.pcopen_ad.pa_open.pa_out{opacity: 0; pointer-events: none;}
.pcopen_ad .bgb{background: rgba(0,0,0,0.7); display: block; position: fixed;top: 0;left: 0;right: 0;bottom: 0; z-index: 1100; }
.pcopen_ad a{display: block;opacity: 0; margin: calc(50vh - 300px) auto 0; width: 480px; max-height:720px; padding: 0 0 20px; overflow: hidden; position: relative; z-index: 1200; }
.pcopen_ad a img{width: 100%; display: block; animation:pa_openimg 5s ease-in-out infinite 0.6s;}
.pcopen_ad .close{width: 32px; z-index: 1300; position: relative; height: 32px; margin: 10px auto; border-radius: 50%; background: url(http://www.upetmart.com/wap/chain/images/i_closew.png) center center no-repeat; background-size: 70% 70%; border:0.08rem solid #fff; opacity: 0; }
.pcopen_ad.pa_open a,.pcopen_ad.pa_open .close{animation:pa_open cubic-bezier(.19,1,.22,1) 1s 0.3s forwards;}
.pcopen_ad.pa_open.pa_out a{animation:pa_out 1s forwards;}
@keyframes pa_open {
    0% {transform: scale(0.2); opacity: 0; }
    100% {transform: scale(1.0); opacity: 1;}
}
@keyframes pa_out {
    0% {transform: scale(1.0); opacity: 1; }
    100% {transform: scale(0.2); opacity: 0;}
}
@keyframes pa_openimg {
    0%{transform: translateY(0);}
    50%{transform: translateY(12px);}
    100% {transform: translateY(0);}
}


/*首页滚动图下方模块*/
.top_hbox{width: 1200px; margin: 10px auto 30px; border-radius: 0px; height: 500px;  overflow: hidden; position: relative; z-index: 10;}
.th_left{width: 950px; height: 100%; float: left; overflow: hidden; background: #f5f5f5; border:1px solid #eee; box-sizing:border-box;}
.th_right{width: 240px; height: 100%;  float: right; border:1px solid #eee; box-sizing:border-box;}
.thl_nav{width: 100%; height: 38px; line-height: 38px; font-size: 15px;}
.thl_nav ul{ width: 100%; height: 100%;display: flex; overflow: hidden; justify-content: space-between; align-items: center; }
.thl_nav ul li{width: 20%; text-align: center;color: #666; border:1px solid #eee; border-bottom: none;box-sizing:border-box;  }
.thl_nav ul li.hot,.thl_nav ul li:hover{background: #fff; color: #e23; border-top:2px solid #e23;  }
.thl_part{width: 100%; display: none;}
.thl_part.hot{display:block;}
.thl_part ul{width: 100%; padding: 4px; background: #fff; height: auto; overflow: hidden; box-sizing:border-box; }
.thl_part ul li{float: left; width: 188px; overflow: hidden; height:226px; padding: 10px; box-sizing:border-box; }
.thl_part ul li img{width: 150px; height: 150px; margin:10px auto; display: block;}
.thl_part ul li .tfl_name{width: 150px; height: 20px; line-height: 18px; overflow: hidden; display: block; color: #222; margin: 0 auto}
.thl_part ul li .tfl_price{width: 150px; height: 20px; line-height: 18px; display: block; color: #f23; margin: 0 auto }
.thl_part ul li .tfl_price b{font-weight: 400; font-size: 14px; }

.thl_part .xs-box{width: 100%; background: #fff; border-radius: 0; margin: 0 !important; }
.xs-box .xsswiper .swiper-slide:hover{background: #f5f5f5; border-radius: 8px;}
.xs-box .xsswiper .swiper-slide{width:304px !important; transition: all 0.2s; margin-right: 10px;  height: 130px; border:none;}
.xs-box .xsswiper .swiper-slide .xsleft{ width: 100px; height: 100px; padding: 10px 0 10px 10px;}
.xs-box .xsleft a{margin: 0;}
.xs-box .xsswiper .swiper-slide .xsright{width: 180px; height: 100px; padding: 10px 10px 10px 0;}
.xs-box .xsswiper{width: 100%; height: 460px;border-radius:0;padding: 30px 18px 0 18px;  }
.xs-box .xsswiper:before{display: none;}
.xs-box .xsswiper .swiper-wrapper{overflow: hidden; height: 390px;}
.xs-box .xsleft a img{transition: all 0s; width: 100px; height: 100px; background: #fff; display: block;}
.xs-box .xshot{top: -5px; left: 5px;}
.xs-box .xsleft a img:hover{transform: scale(1); width: 100px; height: 100px;}
.xs-box .xsinfo{margin-top: 5px;margin-left: 10px;}
.xs-box .sxbar,.xs-box .xsprogress{height: 12px; border-radius: 20px;}
.xs-box .xsprogress{width: 120px;margin-left: 10px;    transform: scale(0.9);  transform-origin: left; margin-top: 10px; }
.xs-box .sxbarname{margin-left:128px;position: absolute; left: 0; top: -3px;}
.xs-box .xsswiper .swiper-slide{padding: 10px; box-sizing:border-box;}
.xs-box .xsinfo{width: 100%;box-sizing: border-box; padding-left: 10px; margin-left: 0;}
.xs-box .xsbuy,.xs-box .xsend{display: none;}

/*拼团和领券模块*/
.top_fbox{width: 1200px; margin: 40px auto; border-radius: 8px; height: auto; background: #f4f4f4; overflow: hidden; position: relative; z-index: 2;}
.top_fbox ul{margin: 0;}
.tf_quan{float: left; width: 290px; height: 340px; border-radius: 8px; margin: 15px 0 15px 15px; background: #fff; position: relative; background: #fff url(../images/quanbg.png) center bottom no-repeat; background-size: 100% auto;}

.tfq_body{width: 260px; height: auto; overflow: hidden; position: absolute; top: 60px; left: 15px;}
.tfq_body li{width: 100%; height: 85px;}
.tfq_body li a{width: 100%; display: block; height: 100%; overflow: hidden;}
.tfq_body li a .tf_img{width: 50px;float: left; height: 50px; margin: 8px; padding: 8px; background: #fff; display: block; overflow: hidden; border-radius: 50px; border:1px solid #fff}
.tfq_body li a .tf_img img{width: 50px; height: 50px; display: block; }
.tfq_body li a .tf_info{float: left;}
.tfq_body li a .tf_info .tf_num{font-size: 16px; color: #f23; display: block; height: 24px; line-height: 24px; margin-top: 14px; }
.tfq_body li a .tf_info .tf_num b{font-size: 22px;font-family: Impact; font-weight: 400;}
.tfq_body li a .tf_info .tf_fun{color: #999; display: block; line-height: 19px;}
.tfq_body li a .tf_info .tf_class{color: #444; line-height: 19px;}
.tf_name{width: 100%; padding-left: 15px; line-height: 60px; font-size: 24px; font-weight: 700; color: #222; }
.tf_tuan{float: right; width: 866px; height: 340px; margin: 15px 15px 15px 0;padding: 0px;background: #fff; box-sizing:border-box; position: relative; overflow: hidden; border-radius: 8px;}


.tf_tuan .tf_slide{background: #fff; padding: 0 11px }
.tf_tuan .tf_slide .swiper-pagination-fraction{width: 70px; bottom: auto; left: auto; top:16px; right: 20px; text-align: right; background: #fff; border-radius: 50px; color: #999; height: 20px; line-height: 20px; font-size: 13px;}
.tf_tuan .tf_slide li{position: relative; padding: 0px 20px; width:211px;  box-sizing:border-box; height: 260px; }
.tf_tuan .tf_slide li img{width: 100%; margin: 5px auto 5px; display: block;}
.tf_tuan .tf_slide li span{font-size: 13px; line-height: 20px;color: #222; display: block; float: left; margin-right: 6px;}
.tf_tuan .tf_slide li span.tfs_name{ max-height:40px;overflow: hidden;  }
.tf_tuan .tf_slide li span.tfs_price{ max-height:30px;overflow: hidden; color: #f00; line-height: 30px; }
.tf_tuan .tf_slide li span.tfs_price em{font-size: 12.8px;}
.tf_tuan .tf_slide li span.tfs_price b{font-size: 18px; }
.tf_tuan .tf_slide li i{  position: relative;  width: 48px;  height: 16px; line-height: 16px; font-size: 12px; display: block; float: left; margin: 7px; background: #e23; text-align: center;  color: #fff;  border-radius: 50px;}
.tf_tuan .tf_slide li i:before{position: absolute; width: 0; height: 0;content:  ""; border:10px solid #e23; border-color: transparent #e23 transparent transparent; left: -16px; top: -2px; transform: scale(1,0.5);}
.tf_tuan .tf_slide li .go2dm{position: absolute; opacity: 0; transition:all 0.1s; width: 100%; height: 100%; top: 0; left: 0;background: rgba(245,245,245,0.95); border-radius: 8px; }
.tf_tuan .tf_slide li:hover .go2dm{opacity: 1;}
.tf_tuan .tf_slide li:hover .go2dm:after{content: "扫码，即刻参团"; display: block; color: #222; font-size: 17px; font-weight: 700; text-align: center; margin-top: 15px;letter-spacing:1px;}
.tf_tuan .tf_slide li .go2dm img{width: 66%; margin-top: 30px;}

.top_fbox.tf_full .tf_quan{display: none;}
.top_fbox.tf_full .tf_tuan{width: 1170px; height: 350px;}
.top_fbox.tf_full .tf_tuan *{transition: all 0.2s;}
.top_fbox.tf_full .tf_tuan .tf_slide li{height: 280px;width: 229.6px;}