.PicFocus{width: 100%;height: 600px;overflow: hidden;position: relative;}
.PicFocus img{margin: 0 auto; display: block;}
.PicFocus .bd{height: 600px;}
.PicFocus .bd .slideshow-item{position: relative;}
.PicFocus .hd{position: absolute;height: 30px;bottom: 0;left: 0;right: 12px;text-align: center;}
.PicFocus .hd ul{height: 14px;padding:0 6px;background: rgba(0,0,0,.3);display: inline-block; margin:auto;text-align: center;border-radius: 7px;}
.PicFocus .hd ul li{float:left;width: 10px;height: 10px;-moz-border-radius: 50%; -webkit-border-radius: 50%;border-radius: 50%;background: #fff;margin: 2px 5px;cursor: pointer;}
.PicFocus .hd ul li.on{width: 10px;height: 10px;border-radius: 50%;background: #367dff;}
.PicFocus .prev,.PicFocus .next{width: 60px;height: 60px;border-radius: 50%;background: rgba(0, 0, 0, .129);}
.PicFocus .prev{position: absolute;left: 10%; top: 50%;}
.PicFocus .next{position: absolute;right: 10%;top: 50%;}
.PicFocus .prev:after,.PicFocus .next:after{content: "";display: block;width: 95%;height: 100%;}
.PicFocus .prev:after{background: url(../images/prev.png) no-repeat center;}
.PicFocus .next:after{background: url(../images/next.png) no-repeat center;}

.storebox{margin-top: 30px;}
.storeInfo{position: relative;width: 454px;height: 500px;float:left;background: url(../images/storebg.png) no-repeat 50% 50%;background-size:110%;box-shadow: 0px 1px 13px 0px rgba(0, 44, 125, 0.13);padding:10px;}
.sctop .sl{float:left;padding:0 10px;height: 30px;line-height:30px;font-size: 16px;color:#fff; background-color: rgb(82, 128, 255,0.502);border-radius: 15px;text-align: center;}
.sctop .sr{cursor:pointer;font-size: 16px;color:#fff; float: right;}
.sctop .sl i,.sctop .sr i{display: inline-block;width: 22px;height: 22px;background: url(../images/listSprite.png) no-repeat;vertical-align: middle;margin-top: -4px;margin-right: 5px;}
.sctop .sl i{background-position: -73px 0;}
.sctop .sr i{background-position: -66px -76px;}
.qrcode{display:none;position:absolute;right: -25px;top: -140px;width:114px;height:114px;background: #fff;box-shadow: 0px 3px 13px 0px rgba(0, 5, 103, 0.23);padding:13px;-webkit-animation: rightFadeIn .3s ease-out; -moz-animation: rightFadeIn .3s ease-out; animation: rightFadeIn .3s ease-out;}
.qrcode #qrcode{width: 114px;display: block;}
.qrcode em{position: absolute;width: 0;height: 0;border: 8px solid transparent;border-top-color: #fff;bottom: -15px;left: 50%;margin-left: -4px;}

.headImg{width: 120px;height: 120px;box-shadow: 0px 3px 23px 0px rgba(0, 18, 155, 0.23);border-radius: 50%;margin:20px auto 28px;position: relative;}
.headImg img{width: 100%;height:100%;border-radius: 50%;display: block;}
.headImg i.vip{width: 34px;height: 37px;display: block;background: url(../images/icon_vip.png) no-repeat center center;background-size:contain; position: absolute;right: -8px;bottom: 0;}
.storeInfo h3{text-align: center;font-size: 20px;color:#fff;font-weight: bold;margin-bottom: 17px;}
.storeInfo .box_mark{margin-left: 10%;}
.storeInfo .m_per i,.storeInfo .m_tel i{display: inline-block;width: 22px;height: 22px;background: url(../images/listSprite.png) no-repeat;vertical-align: middle;margin-top:-2px;margin-right: 5px;}
.storeInfo .box_mark .m_mark{height: 24px!important;line-height: 24px!important;}
.storeInfo .box_mark .m_per,.storeInfo .box_mark .m_tel{float:left;width:96px;height: 24px;line-height: 24px;text-align: center;font-size: 14px;margin-right:10px;}
.storeInfo .box_mark .m_per{background:#57dcac;color:#fff;}
.storeInfo .box_mark .m_tel{background: #84a1ff;color:#fff;}

.storeInfo .m_per i{background-position: 0 -76px;}
.storeInfo .m_tel i{background-position: -22px -76px;}

.storeInfo .colbox a{display:inline-block;width: 90px;height: 40px;line-height: 40px;border-radius: 20px;background: #ffb400;font-size: 15px;color:#fff;margin:35px auto;text-align: center;}
.storeInfo .colbox a.btn_ygz{background: #bbb;}
.storeInfo .colbox a i{display: inline-block;width:12px;height: 12px;background: url(../images/icon_care.png) no-repeat; vertical-align: middle;margin-top: -4px;margin-right: 8px;}
.storeInfo .colbox {text-align: center;}

.storeInfo .st_tab{width: 100%;height: 60px;box-shadow: -1px 0px 5px 0px rgba(0, 44, 125, 0.07);background: #fff;padding:30px 0;overflow: hidden;box-shadow: 0px -11px 23px 0px rgba(255, 255, 255, 0.55),0px 7px 7px 0px rgba(255, 255, 255, 0.6);}
.storeInfo .st_tab .rbox{float:left;text-align: center;width:33%;}
.storeInfo .st_tab .rbox a{display: block;}
.storeInfo .line{float:left;height: 20px;width: 1px;background: #bcbcc4;margin-top:20px;}
.storeInfo .rbox p{font-size: 14px;color:#fd4939;}
.storeInfo .rbox p b{font-size: 24px;}
.storeInfo .rbox span{display: block;font-size: 14px;color:#8d8d91;}

/*顶部右侧tab 切换*/
.storeIntro{float: right; width: 716px;height: 520px;background: #fff; box-shadow: 0px 1px 13px 0px rgba(0, 44, 125, 0.13);border: solid 1px #f6f6f6;}
.toptab li{width: 140px;height: 60px;line-height: 60px;text-align: center;float: left;font-size: 20px;margin-right: 4px;background-color: #f7f8fb;}
.toptab li:last-child{margin-right: 0;}
.toptab li a{color:#4b4b4e;display: block;}
.toptab li.active{border-top:solid 4px #fd4939;background-color: #fff;height: 56px;line-height: 56px;}
.toptab li.active a{font-weight: bold;}
.btn_pay{ vertical-align: middle;color:#fff!important;font-size:17px!important;text-align:center;width: 138px!important;height:58px!important;border:solid 1px rgb(255, 172, 91); background: -moz-linear-gradient( 45deg, rgb(255,186,54) 0%, rgb(255,138,80) 100%); background: -webkit-linear-gradient( 45deg, rgb(255,186,54) 0%, rgb(255,138,80) 100%); background: -ms-linear-gradient( 45deg, rgb(255,186,54) 0%, rgb(255,138,80) 100%);box-shadow: 0px 3px 3px 0px rgba(255, 70, 34, 0.23);filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #ffba36, endColorstr = #ff8a50);box-shadow: 0px 3px 3px 0px rgba(255, 70, 34, 0.23);}
.btn_pay img{display: inline-block;vertical-align: middle;margin-right: 5px;}
.btn_pay a{color:#fff!important;}
.btn_pay.active{border-top:none!important;}
.btn_pay.active a{font-weight: normal!important;}

/*内容*/
.mainIntro{display: none;}
.show{display: block;}
/*基础信息*/
.baseInfo{padding:20px 30px;}
.bInfoCon .bIbox{cursor:pointer;position: relative;width: 217px;height: 150px;float:left;text-align: center;margin-right: 2px;margin-bottom: 2px;}
.bInfoCon .bIbox:last-child{margin-right: 0;}
.bInfoCon .bIbox .ibcover{display:block;width: 0;height: 0;border-width: 75px 108px;border-style: solid;border-color: transparent;border-right-color: #eff0f5;border-top-color: #eff0f5;position: absolute;right: 0;bottom:0;}
.bInfoCon .bIbox .content{position: absolute;z-index: 3;left: 0;right: 0;top:0;bottom: 0;}
.bInfoCon .bIbox .content img{margin:31px auto 20px;}
.bInfoCon .bIbox .content p{font-size: 17px;color:#5d6d87;}
.bInfoCon .conbox{width: 217px;height: 150px;background: -moz-linear-gradient( 135deg, rgb(235,237,242,0.769) 0%, rgb(245,246,250,0.769) 100%);background: -webkit-linear-gradient( 135deg, rgb(235,237,242,0.769) 0%, rgb(245,246,250,0.769) 100%);background: -ms-linear-gradient( 135deg, rgb(235,237,242,0.769) 0%, rgb(245,246,250,0.769) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #c4ebedf2, endColorstr = #c4f5f6fa);}
.bInfoCon .ifbcover{display: none; position: absolute; top:0;left:0;right:0;bottom:0;-webkit-animation:leftFadeIn .3s ease-out; -moz-animation:leftFadeIn .3s ease-out; animation:leftFadeIn .3s ease-out;}
.bInfoCon .ifbcover.tel{background-color: rgb(88, 174, 255);box-shadow: 0px 5px 5px 0px rgba(0, 131, 255, 0.23);}
.bInfoCon .ifbcover.qq{ background-color: rgb(113, 140, 255);box-shadow: 0px 5px 5px 0px rgba(64, 33, 255, 0.23);}
.bInfoCon .ifbcover.wechat{background-color: rgb(84, 210, 108);box-shadow: 0px 5px 5px 0px rgba(0, 211, 40, 0.23);}
.bInfoCon .ifbcover .ibcover{display:block;width: 0;height: 0;border-width: 75px 108px;border-style: solid;border-color: transparent;position: absolute;right: 0;bottom:0;}
.bInfoCon .ifbcover.tel .ibcover{border-right-color: #51a5ff;border-top-color: #51a5ff;}
.bInfoCon .ifbcover.qq .ibcover{border-right-color: #6783ff;border-top-color: #6783ff;}
.bInfoCon .ifbcover.wechat .ibcover{border-right-color: #4ac760;border-top-color: #4ac760;}
.bInfoCon .ifbcover .content img{margin:20px auto 10px;}
.bInfoCon .ifbcover .content p{font-size: 24px;color:#fff;}
.bInfoCon .ifbcover .content p.fontcode{font-size: 14px;}

.posbox{height: 50px;line-height:50px;background-color: #f0f2f7;font-size: 15px;color:#5d6d87;padding:0 10px;}
.posbox i{display:inline-block;width: 22px;height: 22px;background: url(../images/listSprite.png) no-repeat -44px -54px;vertical-align: middle;margin:-3px 5px 0 14px;}

.albumBox{margin-top:20px;position: relative;}
.albumBox .slideBox{width: 100%;height: 100%;padding-bottom: 25px;}
.albumBox .slideBox .bd{position:relative; overflow: hidden; height: 184px;  z-index:0;}
.albumBox .slideBox .bd ul li .slide{width:150px;height:170px;float:left;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;margin-right: 18px;margin-bottom: 15px; position: relative; background: #f5f5f5;}
.albumBox .slideBox .bd ul li .slide a{display: block;}
.albumBox .slideBox .bd ul li .slide:nth-child(4n){margin-right: 0;}
.albumBox .slideBox .bd ul li .slide img{position: absolute;max-width:150px;max-height: 170px;overflow:hidden;margin-bottom: 13px;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1);margin: auto;left: 0;top: 0;right: 0; bottom: 0;}
.albumBox .slideBox .bd ul li .slide:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1);}

.albumBox .slideBox .hd{ overflow:hidden; position:absolute;left:0; right:0; bottom:10px; z-index:1;}
.albumBox .slideBox .hd ul{ overflow:hidden; zoom:1;text-align: center;  }
.albumBox .slideBox .hd ul li{cursor:pointer;display:inline-block;width:8px;height: 8px;background:#d5d5d5;margin:0 5px;border-radius: 100%;text-align: center;}
.albumBox .slideBox .hd ul li.on{ width:20px;background: #5490ff; -moz-border-radius: 4px; -webkit-border-radius: 4px;border-radius: 4px;}

/*视频展示*/
.mainIntro video{width: 100%;height: 460px;}
/*店铺介绍*/
.shopIntro{padding:0 30px;margin:50px 0 10px;overflow-y: scroll;font-size: 18px;color:#737378;text-align: justify;line-height: 40px;max-height: 360px;}
.shopIntro p img{width: 100%;}
.shopIntro::-webkit-scrollbar{width:4px;height:4px;}
.shopIntro::-webkit-scrollbar-track{background: #fff;border-radius:2px;}
.shopIntro::-webkit-scrollbar-thumb{background: #c0c1c4;border-radius:2px;}
.shopIntro::-webkit-scrollbar-thumb:hover{background: #c0c1c4;}
.shopIntro::-webkit-scrollbar-corner{background: #fff;}
#r_vid,#r_pic{width: 120px;height: 60px;position: absolute;opacity: 0;cursor: pointer;}

/*聊天按钮*/
.storeInfo .colbox a.chat_to-Link{background: #fff border-box; width: 100px !important; margin-left: 12px; color: #565656; box-shadow: 0 3px 3px rgba(10,9,47,.04);}
.storeInfo .colbox a.chat_to-Link:before{content: ''; display: inline-block; width: 18px; height: 18px; background: url(../images/msg_icon.png) no-repeat; background-size: cover; vertical-align: middle; margin-right: 8px;}
.storeInfo .colbox a.chat_to-Link:hover{background-color: #ebebed;}