#pc_mall_intact { width: 100%; height: 100%; } .navbg-w .topbar[data-v-7cf3f8e6] { background-color: #FFFFFF; } .navbg-w .footer[data-v-7cf3f8e6] { margin-top: 0; } .main1920[data-v-7cf3f8e6] { margin: 0 auto; width: 100%;max-width: 1920px; } .main1920 img[data-v-7cf3f8e6]{ width: 100%; height: auto; } .adv[data-v-7cf3f8e6] {height: auto; overflow: hidden;-webkit-transition: height .3s;transition: height .3s; } .adv a[data-v-7cf3f8e6] { display: block; margin: 0 auto; position: relative; } .adv a img[data-v-7cf3f8e6] { float: left; width: 100%; } .newuser[data-v-7cf3f8e6] {width: 1200px; height: 150px; margin:30px auto 0; position: relative; } .newuser img[data-v-7cf3f8e6]{width: 1200px; height: 150px; } span.clicktoclose[data-v-7cf3f8e6]{display: block;width: 24px;height: 24px;line-height: 24px;text-align: center;background-color: rgba(0,0,0,0.4); position: absolute;top: 0; left: 50%; margin-left: 576px; } .clicktoclose i[data-v-7cf3f8e6]{ font-size: 14px;color: #fff; } span.clicktoclose[data-v-7cf3f8e6]:hover{background-color: rgba(0,0,0,0.6); } .adv.none[data-v-7cf3f8e6] {height: 0;border: none; } .adv1[data-v-7cf3f8e6]{-webkit-animation: hiddenadv-data-v-7cf3f8e6 1s forwards;animation: hiddenadv-data-v-7cf3f8e6 1s forwards; } @-webkit-keyframes hiddenadv-data-v-7cf3f8e6{ 0%{ opacity: 1; } 50%{opacity: .5; } 99%{opacity: .2; } 100%{ opacity: 0; height: 0; } } @keyframes hiddenadv-data-v-7cf3f8e6{ 0%{ opacity: 1; } 50%{opacity: .5; } 99%{opacity: .2; } 100%{ opacity: 0; height: 0; } } @-webkit-keyframes pulse-data-v-7cf3f8e6 { from {-webkit-transform: translate3d(0, 0, 0); } 50% {-webkit-transform: translate3d(0, -10px, 0); } to {-webkit-transform: translate3d(0, 0, 0); } } @keyframes pulse-data-v-7cf3f8e6 { from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); } 50% {-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0); } to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); } } /*头部固定的导航*/ .fixtop[data-v-7cf3f8e6] {position: fixed; z-index: 101; top: -80px; width: 100%; border-bottom: 2px solid #e62226; -webkit-box-shadow: 0 6px 6px -3px rgba(51,51,51,.2); box-shadow: 0 6px 6px -3px rgba(51,51,51,.2); } .searchTop[data-v-7cf3f8e6] { position: fixed; top: 0; -webkit-animation: searchTop1-data-v-7cf3f8e6 .5s ease-in-out backwards; animation: searchTop1-data-v-7cf3f8e6 .5s ease-in-out backwards; } .fixtop .header-searchbar-box[data-v-7cf3f8e6] { height: 68px; } .fixtop .header-searchbar-logo[data-v-7cf3f8e6] { margin-top: 10px; } .fixtop .header-searchbar-logo img[data-v-7cf3f8e6] { position: relative; width: 190px; height: 50px; } .fixtop .header-searchbar-r[data-v-7cf3f8e6] { margin-top: 15px; } .fixtop .header-searchbar-cart[data-v-7cf3f8e6] { width: 150px; float: left; margin-left: 20px; } .fixtop .header-searchbar-search[data-v-7cf3f8e6] { border:none; } .fixtop .header-searchbar-search .search[data-v-7cf3f8e6] { background-color: #f3f3f3; } @-webkit-keyframes searchTop1-data-v-7cf3f8e6{ from{ top: -80px; } to{ top: 0; } } @keyframes searchTop1-data-v-7cf3f8e6{ from{ top: -80px; } to{ top: 0; } } .fixtop .header-searchbar-cart-box .cartnum[data-v-7cf3f8e6] {top: -15px; } .fixtop .header-searchbar-cart-box .cart-num[data-v-7cf3f8e6] {top: -15px; } .swiper-pagination-bullet[data-v-7cf3f8e6]{color: #00c60e } .mainbanner[data-v-7cf3f8e6] { width: 100%; height: 100%; max-width: 1920px; max-height: 500px; } .mainbanner img[data-v-7cf3f8e6]{width: 100%; height: 100%; max-width: 1920px; max-height: 500px; } .mainbanner .swiper-pagination[data-v-7cf3f8e6] { width: auto; height: 24px; line-height: 24px; background: rgba(0,0,0,.4); left: 50%; margin-left: -60px; bottom: 20px; border-radius: 12px; } .mainbanner .swiper-pagination-bullet[data-v-7cf3f8e6] { position: relative; display: block; float: left; width: 6px; height: 6px; border: 2px solid #FFFFFF; background:none; opacity: 1;margin-top: 7px !important; } .mainbanner .swiper-pagination-bullet[data-v-7cf3f8e6]:first-child { margin-left: 10px !important; } .mainbanner .swiper-pagination>.swiper-pagination-bullet-active[data-v-7cf3f8e6] {width: 16px; height: 16px; background: hsla(0,0%,100%,.4); border:none; margin-top: 4px !important; } .mainbanner .swiper-pagination>.swiper-pagination-bullet-active[data-v-7cf3f8e6]:after{content: "";display: block; position: absolute; width: 10px; height: 10px; background: #ffffff; border-radius: 100%; left: 3px; top: 3px; } .announce[data-v-7cf3f8e6] { width: 100%; height: 45px; line-height: 45px; background-color: #FFFFFF; } .announce p[data-v-7cf3f8e6]{font-size: 14px; color: #666; padding: 0 10px; } .txt-o[data-v-7cf3f8e6] { color: #ff5f20; } .announce p em[data-v-7cf3f8e6],.announce p span[data-v-7cf3f8e6],.announce p a[data-v-7cf3f8e6]{ display: inline-block; float: left; } .announce p span[data-v-7cf3f8e6] { width: 1010px; overflow: hidden;padding-left: 5px; } .announce p a[data-v-7cf3f8e6] { float: right; } .announce p a i[data-v-7cf3f8e6]{ font-size: 12px; padding-left: 5px; } .mods-announce[data-v-7cf3f8e6] {display: block; } .mods-announce .mods-cont[data-v-7cf3f8e6] { width:800px; height: 600px; margin-left:-400px; margin-top:-300px; } .mods-announce .mc-cont[data-v-7cf3f8e6] {padding: 30px 30px 40px 30px; } .mods-announce .mc-cont h3[data-v-7cf3f8e6]{ width: 100%; margin-bottom: 30px; text-align: center; font-size: 28px; color: #333; font-weight: bold; } .mods-announce .btn[data-v-7cf3f8e6] { display: block; margin:70px auto 0; } .mods-announce .announce-con[data-v-7cf3f8e6] {max-height: 336px; overflow-y: auto; font-size: 16px; color: #666; line-height: 28px; } .mainpage-tit[data-v-7cf3f8e6] {height: 60px;line-height: 60px;padding-left: 15px; padding-right: 15px; position: relative; } .mainpage-tit .white-triangle[data-v-7cf3f8e6] {display: inline-block;position: absolute;left: 0;top: 0;height: 0;width: 0;border-top: 20px solid #f6f6f6;border-right: 20px solid transparent; } .mainpage-tit .red-triangle[data-v-7cf3f8e6] {display: inline-block;position: absolute;left: 2px;top: 2px;height: 0;width: 0;border-right: 16px solid transparent; } .mainpage-tit b[data-v-7cf3f8e6]{ display:inline-block; width: 72px; height: 60px; position: absolute; background-image: url(/static/img/indexSprite.9293b00.png); background-position: 0 -12px; background-repeat: no-repeat; } .mainpage-tit b[data-v-7cf3f8e6]:nth-of-type(1) {left: 22%; } .mainpage-tit b[data-v-7cf3f8e6]:nth-of-type(2) {left: 44%; } .mainpage-tit b[data-v-7cf3f8e6]:nth-of-type(3) {left: 68%; } .mainpage-tit h4[data-v-7cf3f8e6] { float: left; font-size:24px; color: #FFFFFF; } .mainpage-tit h4 .ewm[data-v-7cf3f8e6] {width: 20px;height: 20px; line-height: 20px; display: inline-block;vertical-align: top; margin-left:10px; margin-top: 22px; } .mainpage-tit h4 .ewm i[data-v-7cf3f8e6] { display: block; font-size: 20px; } .mainpage-tit-class[data-v-7cf3f8e6] { float: right; } .mainpage-tit-class a[data-v-7cf3f8e6] { float: left; margin-right: 10px; display: inline-block; padding-left: 5px; padding-right: 5px; height: 28px; line-height: 28px; margin: 14px 5px 0px; border: 1px solid #ff828c; background-color: #ff4b5a; text-align: center; font-size: 14px; color: #FFFFFF; } .mainpage-tit > a[data-v-7cf3f8e6] { color: #FFFFFF; font-size: 14px; } .mainpage-tit span[data-v-7cf3f8e6] { float: right; } .mainpage-tit span em[data-v-7cf3f8e6] { font-size: 12px; } .mainpage-tit a:hover span[data-v-7cf3f8e6] { opacity: .6; } .mainpage-tit-class a[data-v-7cf3f8e6]:hover { border-color: #FFFFFF; color: #FFFFFF; } .gift-list-riimg-list li img[data-v-7cf3f8e6], .findticket-list-content img[data-v-7cf3f8e6], .seckillul img[data-v-7cf3f8e6], .prom-r img[data-v-7cf3f8e6], .recommend-box-leimg img[data-v-7cf3f8e6] {-webkit-transition: all 0.4s; transition:all 0.4s; } .gift-list-riimg-list li img[data-v-7cf3f8e6]:hover, .findticket-list-content img[data-v-7cf3f8e6]:hover, .prom-r img[data-v-7cf3f8e6]:hover { -webkit-transition: transform 0.4s;-webkit-transition: -webkit-transform 0.4s;transition: -webkit-transform 0.4s;transition: transform 0.4s;transition: transform 0.4s, -webkit-transform 0.4s;-webkit-transform: translateX(-5px);transform: translateX(-5px); } .seckillul img[data-v-7cf3f8e6]:hover, .recommend-box-leimg img[data-v-7cf3f8e6]:hover { -webkit-transition: transform 0.4s;-webkit-transition: -webkit-transform 0.4s;transition: -webkit-transform 0.4s;transition: transform 0.4s;transition: transform 0.4s, -webkit-transform 0.4s;-webkit-transform: translateY(-5px);transform: translateY(-5px); } /*二维码*/ .ewm[data-v-7cf3f8e6] {position: relative; } .ewm .code-box[data-v-7cf3f8e6] { position: absolute; top: 30px; left: 50%; margin-left: -55px; display: none; z-index: 3; } .ewm .arrow[data-v-7cf3f8e6] {position: absolute;left: 50%;top: -3px;margin-left: -3px; border-style: solid;border-width: 8px;border-color: #fff #fff transparent transparent;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);width: 0;height: 0px;display: inline-block; } .ewm .code-con[data-v-7cf3f8e6] {border: 1px solid #E0E0E0; background-color: #FFFFFF; -webkit-box-shadow: 0 0 5px #ddd; box-shadow: 0 0 5px #ddd; padding: 10px; } .ewm .code-con img[data-v-7cf3f8e6] { display:block; width: 80px; height: 80px; margin:0 auto; } .ewm .code-con p[data-v-7cf3f8e6]{ line-height: 15px; margin-top: 8px; text-align: center; font-size: 12px; color: #666; } .ewm i:hover + .code-box[data-v-7cf3f8e6] { display: block; } /*送礼优选*/ .gift[data-v-7cf3f8e6] { margin-top: 30px; } .gift .mainpage-tit[data-v-7cf3f8e6] { background-color: #eb2131; } .gift .mainpage-tit .red-triangle[data-v-7cf3f8e6] {border-top: 16px solid #dc1d2c; } .gift-list[data-v-7cf3f8e6] { padding-top: 10px;background-color: #ffffff; } .gift-list-leimg[data-v-7cf3f8e6] { float: left; width: 470px; height: 360px; margin-right: 10px; position: relative; } .gift-list-leimg .swiper-container[data-v-7cf3f8e6] {margin-left: 53px; margin-top: 60px; width: 375px; height: 240px; } .gift-list-leimg .swiper-pagination[data-v-7cf3f8e6] {position: absolute; bottom: 0; width: auto; height: 20px; left: 50%; margin-left: -40px; } .gift-list-leimg .swiper-pagination-bullet[data-v-7cf3f8e6] {display: block; float: left; width: 8px; height: 8px; border: 2px solid #dadada; background: rgba(0,0,0,0); opacity: 1; margin-left: 5px; margin-right: 5px; margin-top: 2px !important; } .gift-list-leimg .swiper-pagination-bullet-active[data-v-7cf3f8e6] {width: 12px; height: 12px; background: #e62226; border: 2px solid #fab3b9;margin-top: 0 !important; } .gift-list-leimg img[data-v-7cf3f8e6] { display: block; width: 375px; height: 240px; } .gift-list-riimg[data-v-7cf3f8e6] { float: right; width: 720px; overflow: hidden; } .gift-list-riimg-list[data-v-7cf3f8e6] { width: 760px; } .gift-list-riimg-list li[data-v-7cf3f8e6] { float: left; margin-right: 10px; margin-bottom: 10px; height: 175px; background-color: #FFFFFF; border: 1px solid #F0F0F0; overflow: hidden; } .gift-list-riimg-list li.riimg-list-big[data-v-7cf3f8e6] { width: 478px; } .gift-list-riimg-list li.riimg-list-big img[data-v-7cf3f8e6]{ width: 485px; height: 175px; } .gift-list-riimg-list li.riimg-list-small[data-v-7cf3f8e6] { width: 218px; } .gift-list-riimg-list li.riimg-list-small img[data-v-7cf3f8e6]{ width: 225px; height: 175px; } /*发现好货与领券中心*/ .findticket[data-v-7cf3f8e6] { margin-top: 30px; } .findticket-list li[data-v-7cf3f8e6] { float: left;width: 595px; } .findticket-list .findticket-list-find[data-v-7cf3f8e6] { margin-right: 10px; float: left; } .findticket-list .findticket-list-ticket[data-v-7cf3f8e6] { float: right; } .findticket-list-find .mainpage-tit[data-v-7cf3f8e6] { background-color: #52619d; } .findticket-list-find .mainpage-tit .red-triangle[data-v-7cf3f8e6] {border-top: 16px solid #485b9d; } .findticket-list-ticket .mainpage-tit[data-v-7cf3f8e6] { background-color: #ef3118; } .findticket-list-ticket .mainpage-tit .red-triangle[data-v-7cf3f8e6] {border-top: 16px solid #ec2e14; } .findticket-list-content[data-v-7cf3f8e6] { width: 575px; padding:10px; background-color: #FFFFFF; } .findticket-list-find .findticket-list-content[data-v-7cf3f8e6] { padding-top: 20px; } .findticket-list-content-leimg[data-v-7cf3f8e6] { width: 184px; height: 299px; float: left; overflow: hidden; margin-right: 10px; position: relative; } .findticket-list-content-leimg h4[data-v-7cf3f8e6]{ position: absolute; top: 15px; left: 0; z-index: 1; color: #333; font-size: 16px; } .findticket-list-content-leimg p[data-v-7cf3f8e6]{ position: absolute; top: 40px; left: 0; z-index: 1; color: #999; font-size: 14px; } .findticket-list-content-leimg img[data-v-7cf3f8e6] { width: 190px; height: 185px; position: absolute; bottom: 0; left: 0; } .findticket-list-content-leimg i[data-v-7cf3f8e6]{display: block;width: 25px;height: 4px;background-color: #53619e; position: absolute; top: 70px; } .findticket-list-content-riimg[data-v-7cf3f8e6] { width: 380px; height: 299px; float: left; overflow: hidden; } .findticket-list-content-riimg ul[data-v-7cf3f8e6] { width: 382px; } .findticket-list-content-riimg li[data-v-7cf3f8e6] { position: relative; float: left; width: 190px; height: 150px; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; } .findticket-list-content img[data-v-7cf3f8e6] { -webkit-transition: all 0.4s; transition: all 0.4s; } .findticket-list-content ul li a h4[data-v-7cf3f8e6]{ position: absolute; top: 15px; left: 10px; z-index: 1; color: #333; font-size: 16px; } .findticket-list-content ul li a p[data-v-7cf3f8e6]{ position: absolute; top: 40px; left: 10px; z-index: 1; color: #999; font-size: 14px; } .findticket-list-content-leimg p[data-v-7cf3f8e6], .findticket-list-content-leimg h4[data-v-7cf3f8e6], .findticket-list-content ul a h4[data-v-7cf3f8e6], .findticket-list-content ul a p[data-v-7cf3f8e6]{width: 170px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } .findticket-list-content-leimg:hover h4[data-v-7cf3f8e6],.findticket-list-content li:hover a h4[data-v-7cf3f8e6]{ color: #e62226; } .findticket-list-content-riimg a img[data-v-7cf3f8e6] { position: absolute; top:60px; right: 10px; width: 80px; height: 80px; } .findticket-list-content-mdimg[data-v-7cf3f8e6] { float: left; } .findticket-list-content-mdimg ul[data-v-7cf3f8e6]{ width: 590px; overflow: hidden; } .findticket-list-content-mdimg ul li[data-v-7cf3f8e6] { float: left; width: 185px; height: 140px; background-color: #f6f6f6; margin-top:10px; margin-right: 10px; position: relative; } .findticket-list-content-mdimg ul li a[data-v-7cf3f8e6] {display: inline-block;width: 185px;height: 140px;overflow: hidden; } .findticket-list-content-mdimg ul li a img[data-v-7cf3f8e6] { position: absolute;width: 100px;height: 100px;right: 10px;top: 28px; } .findticket-list-content-mdimg ul li a .btnhover[data-v-7cf3f8e6]{ position: absolute; top: 44px; left: 10px; z-index: 1; color: #999; font-size: 14px; width: 50px; height: 25px; border-radius: 12px; text-align: center;line-height: 25px; color: #FFFFFF;font-size: 14px; background-color: #7681b5; } .ticket-list[data-v-7cf3f8e6] { width:590px; height: 460px; overflow: hidden; } .ticket-list li[data-v-7cf3f8e6] { position: relative; width: 185px; height: 225px; float: left; margin-right: 10px; margin-bottom: 10px; } .ticket-list .q-type[data-v-7cf3f8e6] {width: 185px; height: 166px; border: 1px solid #f0f0f0; border-bottom: none; text-align: center; } .ticket-list .q-price[data-v-7cf3f8e6] { color: #e62226; } .ticket-list .q-price em[data-v-7cf3f8e6]{ font-size: 24px; position: absolute; top: 27px; left: 27px; } .ticket-list .q-price strong[data-v-7cf3f8e6] {display: block; font-size: 48px;font-weight: bold;font-family: "\5FAE\8F6F\96C5\9ED1"; height: 40px; line-height: 40px; margin-top: 35px; margin-bottom: 30px; } .ticket-list .q-rang p[data-v-7cf3f8e6]{ font-size:14px ; } .ticket-list .q-rang p[data-v-7cf3f8e6]:nth-child(1){ color: #333; } .ticket-list .q-rang p[data-v-7cf3f8e6]:nth-child(2){ color: #999; margin-top: 10px; } .ticket-list .q-btn[data-v-7cf3f8e6] { width: 185px; height: 58px;text-align: center; position: absolute;left: 0; bottom: 0; background-image: url(/static/img/indexSprite.9293b00.png); background-position:0 -138px; background-repeat: no-repeat; } .ticket-list .q-btn span[data-v-7cf3f8e6] { display: inline-block; margin-top: 25px; color: #FFFFFF; font-size: 18px; letter-spacing:2px; } .ticket-list .q-btn[data-v-7cf3f8e6]:hover {cursor:pointer; opacity: 0.85; filter:Alpha(opacity=85); -webkit-transition: all 0.4s; transition: all 0.4s; } /*限时秒杀*/ .seckill[data-v-7cf3f8e6] { background-color: #FFFFFF; margin-top: 30px; } .seckillul li[data-v-7cf3f8e6] { float: left; width: 240px; height: 360px; border-right: 1px solid #F0F0F0; background-color: #fff; position: relative; } .seckillul li[data-v-7cf3f8e6]:nth-child(2){padding-left: 7px; } .seckillul li[data-v-7cf3f8e6]:last-child{border-right: 0; } .seckillul li a[data-v-7cf3f8e6] { display: block; margin-bottom: 15px; } .seckillul li a p[data-v-7cf3f8e6] { width: 200px; font-size: 16px; color: #333; margin: 0 auto; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } .seckillul li a:hover p[data-v-7cf3f8e6]{ color: #e62226; } .seckillul li > p[data-v-7cf3f8e6] { width: 200px; margin:0 auto; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } .seckillul li > p span[data-v-7cf3f8e6] { display: inline-block; } .seckillul li > p span[data-v-7cf3f8e6]:nth-child(2){ color: #999; font-size: 14px;text-decoration: line-through; } .seckillul li > p span[data-v-7cf3f8e6]:nth-child(1){ color: #e62226; margin-right: 10px; } .seckillul li > p span big[data-v-7cf3f8e6] { font-size: 24px; } .seckillul li > p em[data-v-7cf3f8e6]{font-size: 14px; } .seckillul li > p span:nth-child(1) em[data-v-7cf3f8e6]{ font-size: 16px } .seckillul img[data-v-7cf3f8e6] { display: block; margin: 60px auto 20px; width: 200px; height: 200px; } .seckillul li[data-v-7cf3f8e6]:first-child { width: 230px; background: url(/static/img/seckill.f9770b0.gif) no-repeat center; border-right: 0; } .seckillul li:first-child .seckill-tim[data-v-7cf3f8e6]{ text-align: center; height: 40px; line-height: 40px; margin:227px auto 0; } .seckillul .seckill-tim span[data-v-7cf3f8e6] { display: inline-block;font-size: 28px; font-weight: bold; color: #000; } .seckillul .seckill-tim em[data-v-7cf3f8e6] { display:inline-block; margin-right: 2px; text-align: center; } .seckillul .seckill-tim span.seckill-tim-hour em[data-v-7cf3f8e6], .seckillul .seckill-tim span.seckill-tim-minute em[data-v-7cf3f8e6], .seckillul .seckill-tim span.seckill-tim-second em[data-v-7cf3f8e6] {width: 25px; height: 40px;background-color: #000; color: #FFFFFF; border-radius: 5px; } .seckillul li:first-child a[data-v-7cf3f8e6] { display: block; text-align: right;width: 150px; height: 46px; margin: 30px auto 0; background-image: url(/static/img/indexSprite.9293b00.png); background-position: 0 -82px; -webkit-animation:wobble-data-v-7cf3f8e6 4s infinite; animation:wobble-data-v-7cf3f8e6 4s infinite; } @-webkit-keyframes wobble-data-v-7cf3f8e6 { 75% { -webkit-transform:none; transform:none } 80% { -webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg) } 85% { -webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg); transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg) } 90% { -webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg) } 95% { -webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg); transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg) } 99% { -webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg) } 100% { -webkit-transform:none; transform:none } } @keyframes wobble-data-v-7cf3f8e6 { 75% { -webkit-transform:none; transform:none } 80% { -webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg) } 85% { -webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg); transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg) } 90% { -webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg) } 95% { -webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg); transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg) } 99% { -webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg) } 100% { -webkit-transform:none; transform:none } } .selled[data-v-7cf3f8e6] { position: absolute; right: 10px; top: -8px; color: #FFFFFF; width: 60px; height: 60px; z-index: 1; background-image: url(/static/img/indexSprite.9293b00.png); background-position: -83px -1px; background-repeat: no-repeat; } .selled span[data-v-7cf3f8e6] { display: block; width: 40px; text-align: center; margin-top: 5px; margin-left: 16px; font-size: 14px;font-weight: bold; } .selled span strong[data-v-7cf3f8e6]{font-size: 18px; font-weight: bold; } /*促销商品*/ .promotion[data-v-7cf3f8e6] { margin-top: 30px; } .promotion .mainpage-tit[data-v-7cf3f8e6] { background-color: #d15e6f; } .promotion .mainpage-tit .red-triangle[data-v-7cf3f8e6] {border-top: 16px solid #ce5868; } .promotion .promotiobox[data-v-7cf3f8e6] { background-color: #FFFFFF; padding: 10px; } .prom-l[data-v-7cf3f8e6] { width: 370px; height: 450px; margin-right: 20px; } .prom-l-inner[data-v-7cf3f8e6]{position: relative;width: 100%;height: 100%; } .prom-l-inner[data-v-7cf3f8e6]:before{content: '';position: absolute;display: block;width: 340px;height: 410px;border: solid 5px #b84659;top: 30px; } .prom-l-inner[data-v-7cf3f8e6]:after {width: 336px;height: 420px;right: 8px;content: '';z-index: 0;display: block;position: absolute;top: 0;background: #ffffff; } .prom-l-inner a[data-v-7cf3f8e6] { display: block; width: 340px; height: 200px; position: relative;z-index: 1; margin-left: 25px; margin-bottom: 20px; } .prom-l-inner a img[data-v-7cf3f8e6]{ display: inline-block; width: 100%; height: 100%; -webkit-transition: opacity ease .2s;transition: opacity ease .2s; } .prom-l-inner a:hover img[data-v-7cf3f8e6] {opacity: .8; } .prom-r[data-v-7cf3f8e6] { width: 790px; } .prom-r ul[data-v-7cf3f8e6]{ width: 802px; } .prom-r li[data-v-7cf3f8e6]{ position: relative; float: left; width: 188px; height: 218px; border: 1px solid #FFFFFF; margin-right: 10px; margin-bottom: 10px; } .prom-r li[data-v-7cf3f8e6]:hover { -webkit-box-shadow: 0 0 2px 2px #f8f8f8; box-shadow: 0 0 2px 2px #f8f8f8;border: 1px solid #e9e9e9; } .prom-r li:hover a[data-v-7cf3f8e6] { color: #e62226; } .prom-r li .cgl-tu[data-v-7cf3f8e6] {display: block;text-align: center;font-size: 0;width: 140px;height: 140px;margin: 10px auto 0;position: relative; } .prom-r li .cgl-tu img[data-v-7cf3f8e6] {width: 100%;height: 100%;position: relative;margin: auto;top: 0;left: 0;right: 0;bottom: 0; } /*.prom-r li .cgl-tu img {width: 100%;height: auto;position: absolute;margin: auto;top: 0;left: 0;right: 0;bottom: 0;}*/ .prom-r li .cgl-cont[data-v-7cf3f8e6] {padding: 15px 10px 0px;font-size: 14px; } .prom-r .cgl-cont a[data-v-7cf3f8e6] {display: block; font-size: 16px; color: #333; overflow: hidden;width: 100%;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 10px; } .prom-r .cgl-cont p[data-v-7cf3f8e6] { height: 20px; } .prom-r .cgl-cont p span[data-v-7cf3f8e6] { display: inline-block; } .prom-r .cgl-cont p span[data-v-7cf3f8e6]:nth-child(2){ color: #999; font-size: 14px;text-decoration: line-through; } .prom-r .cgl-cont p span[data-v-7cf3f8e6]:nth-child(1){ color: #e62226; margin-right: 10px; } .prom-r .cgl-cont p span big[data-v-7cf3f8e6] { font-size: 24px; display: inline-block; height: 20px; line-height: 20px; } .prom-r .cgl-cont p em[data-v-7cf3f8e6]{font-size: 14px; } .prom-r .cgl-cont p span:nth-child(1) em[data-v-7cf3f8e6]{ font-size: 16px } .prom-r li[data-v-7cf3f8e6]:first-child { width: 388px; height: 218px; } .prom-r li:first-child a h4[data-v-7cf3f8e6] {position: absolute;top: 20px;left: 20px;z-index: 1;color: #333;font-size: 18px;width: 350px;height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } .prom-r li:first-child a p[data-v-7cf3f8e6] {position: absolute;top: 50px;left: 20px;z-index: 1;color: #999;font-size: 16px; } .prom-r li:first-child a span[data-v-7cf3f8e6] { display: block; position: absolute; left: 20px; top: 88px; color: #e62226; font-size: 16px; } .prom-r li:first-child a span em[data-v-7cf3f8e6]{ font-size: 28px; } .prom-r li:first-child a .btnborder[data-v-7cf3f8e6] {position: absolute; left: 20px; top: 134px; font-size: 14px; width: 100px; height: 32px; line-height: 32px; text-align: center; border-radius: 20px; } .prom-r li:first-child a .btnborder i[data-v-7cf3f8e6]{ display: inline-block; padding-left: 10px; font-size: 12px; font-weight: bold; } .prom-r li:first-child a img[data-v-7cf3f8e6] {position: absolute;top: 50px;right: 10px;width: 160px;height: 160px; } .prom-r li:first-child:hover a h4[data-v-7cf3f8e6] { color: #e62226; } /*精心推荐*/ .recommends[data-v-7cf3f8e6] {margin-top: 30px; width: 100%; max-width: 1920px; height: 650px; background-image: url(/static/img/recommendBg.5400a07.jpg); background-size: 100% 100%; background-repeat: no-repeat; } .recommend-top[data-v-7cf3f8e6] { color: #FFFFFF; text-align: center; padding-top: 60px; } .recommend-top h4[data-v-7cf3f8e6]{ font-size: 36px; } .recommend-top h4 em[data-v-7cf3f8e6] { padding: 0 15px; color: #c1b4a9; font-size: 30px; } .recommend-top .btnborder[data-v-7cf3f8e6] { display: block; margin: 20px auto 0px; width: 88px; height: 28px; border: 1px solid #b3b3b3; color: #e8ded9; font-size: 14px; text-align: center;line-height: 28px; border-radius: 20px; } .recommend-top .btnborder[data-v-7cf3f8e6]:hover { border-color: #e62226; } .recommend-box[data-v-7cf3f8e6] { margin-top: 55px; } .recommend-box-leimg[data-v-7cf3f8e6] { width: 780px; overflow: hidden; } .recommend-box-leimg img[data-v-7cf3f8e6] {width: 160px; height: 160px; } .recommend-box-riimg[data-v-7cf3f8e6] { width: 410px; height: 410px; background-color: #FFFFFF; } .recommend-box-leimg-list[data-v-7cf3f8e6] { width:790px; } .recommend-box-leimg-list li[data-v-7cf3f8e6] { float: left; overflow: hidden; margin-right: 10px; margin-bottom: 10px; width: 350px; height: 160px; padding:20px 15px 20px 20px; background-color: #FFFFFF; } .recommend-list-l[data-v-7cf3f8e6] { width:170px; margin-right: 20px; } .recommend-list-l p.recommend-des[data-v-7cf3f8e6] { line-height: 24px; font-size: 14px; color: #666; letter-spacing: 2px; width: 180px; height:92px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden; } .recommend-bar[data-v-7cf3f8e6] {margin-top: 20px; margin-bottom: 20px; } .recommend-bar-inner[data-v-7cf3f8e6] { width: 110px; height: 10px; background-color: #b8b8b8; position: relative; display: inline-block; } .recommend-bar-txt[data-v-7cf3f8e6] { font-size: 12px; margin-left: 5px; } .recommend-bar-inner .recommend-bar-inner-completed[data-v-7cf3f8e6] {position: absolute; left: 0; top: 0; background-color: #e62226; height: 10px; } .recommend-list-l >a[data-v-7cf3f8e6] { display: block; height: 20px;width: 170px; font-size: 16px; color: #333; font-weight: bold; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } .recommend-box-leimg li:hover a[data-v-7cf3f8e6] { color: #e62226; } .recommend-swiper img[data-v-7cf3f8e6] {width: 410px; height: 410px; } .recommend-swiper-des[data-v-7cf3f8e6] {padding:0 20px; text-align: center; position: absolute; bottom: 0; height: 150px; background: rgba(0,0,0,.5); } .recommend-swiper-des p[data-v-7cf3f8e6],.recommend-swiper-des span[data-v-7cf3f8e6]{ color: #FFFFFF; } .recommend-swiper-des span[data-v-7cf3f8e6] { text-align: left; display: block; line-height: 22px; height: 44px; overflow: hidden; margin-top: 15px; font-size: 14px; } .recommend-swiper-des p[data-v-7cf3f8e6] { font-size: 18px; margin-top: 20px;width: 370px; height: 20px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } .recommend-swiper .swiper-slide[data-v-7cf3f8e6] { height: 410px; } .recommend-box-riimg .swiper-pagination[data-v-7cf3f8e6] {position: absolute; bottom: 15px; width: auto; height: 16px; left: 50%; margin-left: -40px; } .recommend-box-riimg .swiper-pagination-bullet[data-v-7cf3f8e6] { position: relative; display: block; float: left; width: 6px; height: 6px; border: 2px solid #ffffff; background:none; opacity: 1; margin-left: 5px; margin-right: 5px; margin-top: 3px !important; } .recommend-box-riimg .swiper-pagination-bullet-active[data-v-7cf3f8e6] {width: 16px;height: 16px;background: hsla(355,99%,51%,.4);border: none;margin-top: 0 !important; } .recommend-box-riimg .swiper-pagination-bullet-active[data-v-7cf3f8e6]:after{content: "";display: block; position: absolute; width: 10px; height: 10px; background: #F10215; border-radius: 100%; left: 3px; top: 3px; } /*左侧导航*/ .fixedbar[data-v-7cf3f8e6] { position: fixed; opacity: 1; z-index: 99; left: 50%; margin-left: -684px; top: 50%; margin-top: -160px; -webkit-transition: opacity 1s; transition: opacity 1s; } .fixedbar a[data-v-7cf3f8e6], .fixedbar span[data-v-7cf3f8e6] { width: 28px; padding:9px 10px; display: block; font-size: 14px; color: #FFFFFF; } .fixedbar a[data-v-7cf3f8e6] { margin-bottom: 1px; background-color: #918888; -webkit-transition: background-color .4s; transition: background-color .4s; } .fixedbar a[data-v-7cf3f8e6]:hover,.fixedbar span[data-v-7cf3f8e6]:hover {cursor: pointer; background-color: #e62226; } .fixedbar a.on[data-v-7cf3f8e6] { background-color: #e62226; } .fixedbar span[data-v-7cf3f8e6]{background-color: #5e4a4a;text-align: center; -webkit-transition: background-color .4s; transition: background-color .4s; } .fixedbar span i[data-v-7cf3f8e6]{display: inline-block;width: 16px;height: 9px;line-height: 9px; } .fixedbarhidden[data-v-7cf3f8e6] { opacity: 0; z-index: -1; } /*新人红包弹框*/ .modshade.mods-adv[data-v-7cf3f8e6] { display: block; } .mods-adv .mods-cont[data-v-7cf3f8e6] { width: 512px; height: 518px; margin-left: -256px;margin-top: -259px;background: none;border: none; overflow: visible; } .mods-adv .mods-cont .mc-tit[data-v-7cf3f8e6] { background: none; position: absolute; top: 0; right: 0; z-index: 2; } .mods-adv .mods-cont .mc-tit .icon-gb[data-v-7cf3f8e6]{ color: #ff5f20;border: 1px solid #ff5f20;padding: 5px;border-radius: 100%;margin: 0; } .mods-adv .mods-cont .mc-cont[data-v-7cf3f8e6] { padding: 0; position: relative; } .mods-adv .mc-cont i[data-v-7cf3f8e6]{ display: block; position: absolute; z-index: 1; } .mods-adv .mc-cont i[data-v-7cf3f8e6]:nth-child(1){ width: 331px; height: 212px; background: url(/static/img/advGift.d36f5db.png) no-repeat; top: 60px; right: -50px; animation: pulse-data-v-7cf3f8e6 2.5s infinite;-moz-animation: pulse-data-v-7cf3f8e6 2.5s infinite;-ms-animation: pulse-data-v-7cf3f8e6 2.5s infinite;-o-animation: pulse-data-v-7cf3f8e6 2.5s infinite;-webkit-animation: pulse-data-v-7cf3f8e6 2.5s infinite; } .mods-adv .mc-cont i[data-v-7cf3f8e6]:nth-child(2),.mods-adv .mods-cont i[data-v-7cf3f8e6]:nth-child(3) { width: 66px; height: 66px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAYAAADjVADoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYwNzU4MTYxMzdGQjExRThBRDMwQzY3QjJERTJFMDAwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYwNzU4MTYyMzdGQjExRThBRDMwQzY3QjJERTJFMDAwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjA3NTgxNUYzN0ZCMTFFOEFEMzBDNjdCMkRFMkUwMDAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjA3NTgxNjAzN0ZCMTFFOEFEMzBDNjdCMkRFMkUwMDAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6DwrOpAAAUEUlEQVR42sxc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); } .mods-adv .mc-cont i[data-v-7cf3f8e6]:nth-child(4),.mods-adv .mods-cont i[data-v-7cf3f8e6]:nth-child(5) { width: 56px; height: 68px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAABECAYAAADUZvakAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZGQ0EyNDM3MzdGQjExRThBNjFEOUJCRjk0ODRBMTczIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZGQ0EyNDM4MzdGQjExRThBNjFEOUJCRjk0ODRBMTczIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkZDQTI0MzUzN0ZCMTFFOEE2MUQ5QkJGOTQ4NEExNzMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkZDQTI0MzYzN0ZCMTFFOEE2MUQ5QkJGOTQ4NEExNzMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6SJazPAAATqUlEQVR42tRb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); } .mods-adv .mc-cont i[data-v-7cf3f8e6]:nth-child(2) {top: 160px; left: -30px; animation: pulse-data-v-7cf3f8e6 2s infinite;-moz-animation: pulse-data-v-7cf3f8e6 2s infinite;-ms-animation: pulse-data-v-7cf3f8e6 2s infinite;-o-animation: pulse-data-v-7cf3f8e6 2s infinite;-webkit-animation: pulse-data-v-7cf3f8e6 2s infinite; } .mods-adv .mc-cont i[data-v-7cf3f8e6]:nth-child(3) { top: 300px; right: -10px; animation: pulse-data-v-7cf3f8e6 1.5s infinite;-moz-animation: pulse-data-v-7cf3f8e6 1.5s infinite;-ms-animation: pulse-data-v-7cf3f8e6 1.5s infinite;-o-animation: pulse-data-v-7cf3f8e6 1.5s infinite;-webkit-animation: pulse-data-v-7cf3f8e6 1.5s infinite; } .mods-adv .mc-cont i[data-v-7cf3f8e6]:nth-child(4) {top: 340px; left: -30px; animation: pulse-data-v-7cf3f8e6 1.5s infinite;-moz-animation: pulse-data-v-7cf3f8e6 1.5s infinite;-ms-animation: pulse-data-v-7cf3f8e6 1.5s infinite;-o-animation: pulse-data-v-7cf3f8e6 1.5s infinite;-webkit-animation: pulse-data-v-7cf3f8e6 1.5s infinite; } .mods-adv .mc-cont i[data-v-7cf3f8e6]:nth-child(5) {top: 370px; right: 30px; animation: pulse-data-v-7cf3f8e6 2s infinite;-moz-animation: pulse-data-v-7cf3f8e6 2s infinite;-ms-animation: pulse-data-v-7cf3f8e6 2s infinite;-o-animation: pulse-data-v-7cf3f8e6 2s infinite;-webkit-animation: pulse-data-v-7cf3f8e6 2s infinite; } .mods-adv .mc-cont a[data-v-7cf3f8e6] {display: block; width: 170px; height: 48px; position: absolute; left: 160px; bottom: 20px; border-radius: 30px; } .mods-adv .mc-cont a[data-v-7cf3f8e6]:hover { background-color: rgba(0,0,0,.3); } /*查询申请提货验证 start*/ .top[data-v-7cf3f8e6] { height: 600px; background-repeat: repeat-x; background-position:top center; background-size:auto 100% ; } .topbg[data-v-7cf3f8e6] { position: relative; margin: 0 auto; width: 1200px; height: 600px } .topleft[data-v-7cf3f8e6] { float: left; width: 520px; height: 215px; margin-top: 180px; margin-left: 10px } .topleft img[data-v-7cf3f8e6] { width: 520px; height: 215px } .topright[data-v-7cf3f8e6] { position: absolute; right: 0; width: 560px; background: #fff; -webkit-box-shadow: 0 0 8px #dfdfdf; box-shadow: 0 0 8px #dfdfdf; background-image: url(https://presale.jhtsoft.com/picms/384a120de9aace.png), url(https://presale.jhtsoft.com/picms/384a1634413bb8.png), url(https://presale.jhtsoft.com/picms/384a1a1ff2abbc.png); background-position: 20px 80px, 30px 510px, right bottom; background-repeat: no-repeat, no-repeat, no-repeat; background-size: 73px 71px, 140px 90px, 153px 92px } .toprightka[data-v-7cf3f8e6] { position: absolute; top: -81px; width: 100%; height: 162px } .toprightka span[data-v-7cf3f8e6] { width: 162px; height: 162px; float: left; background: url(https://presale.jhtsoft.com/picms/384df4f7d3fcc0.png) no-repeat; position: absolute; text-align: center; line-height: 162px; font-size: 54px; color: #e62226; font-weight: 700 } .toprightka span[data-v-7cf3f8e6]:first-child { z-index: 1; left: 25px; animation-delay: .6s; -webkit-animation-delay: .6s } .toprightka span[data-v-7cf3f8e6]:nth-child(2) { z-index: 2; left: 145px; animation-delay: 1.2s; -webkit-animation-delay: 1.2s } .toprightka span[data-v-7cf3f8e6]:nth-child(3) { z-index: 3; left: 260px; animation-delay: 1.8s; -webkit-animation-delay: 1.8s } .toprightka span[data-v-7cf3f8e6]:nth-child(4) { z-index: 4; left: 376px; animation-delay: 2.4s; -webkit-animation-delay: 2.4s } .toprightkuang[data-v-7cf3f8e6] { width: 560px; margin-top: 120px; min-height: 500px } .ser-kuang[data-v-7cf3f8e6] { margin-top: 170px } .kuangtit[data-v-7cf3f8e6] { padding: 0 80px; height: 50px; margin-bottom: 3px; border-bottom: solid 1px #ededed } .kuangtit a[data-v-7cf3f8e6] { display: inline-block; float: left; width: 112px; margin: 0 44px; font-size: 28px; line-height: 47.5px; color: #bdbdbd } .kuangtit a.on[data-v-7cf3f8e6] { color: #333; font-weight: 700; border-bottom: 5px solid #e62226 } .serform[data-v-7cf3f8e6] { width: 400px; margin: 35px auto 0 } .serform .waring[data-v-7cf3f8e6] { overflow: hidden; margin-bottom: 10px; font-size: 14px; color: #e62226; padding-left: 8px } .serform .waring[data-v-7cf3f8e6]:before { display: inline-block; line-height: 20px; content: "\E637"; vertical-align: middle; margin: 0 5px 2px 0 } .serform span[data-v-7cf3f8e6] { display: block; border: 1px solid #e1e1e1; line-height: 50px; overflow: hidden; padding: 0 20px; margin-bottom: 30px; border-radius: 2px; -moz-border-radius: 2px } .serform span input[data-v-7cf3f8e6], .serform span label[data-v-7cf3f8e6] { display: inline-block; float: left } .serform span label[data-v-7cf3f8e6] { width: 65px; margin-right: 20px; font-size: 16px; color: #333 } .serform span input[data-v-7cf3f8e6] { color: #333; font-size: 16px; height: 50px; line-height: 50px; width: calc(100% - 85px) } /*改为elementUI的input*/ .serform .flexUI[data-v-7cf3f8e6] {padding-right:0; } .serform .flexUI[data-v-7cf3f8e6] .el-input {width: calc(100% - 85px); } .serform .flexUI[data-v-7cf3f8e6] .el-input__inner {border:none;padding-left:0;font-size: 16px; } .serform span.sel-yyadrs[data-v-7cf3f8e6] { position: relative } .serform span.sel-yyadrs input[data-v-7cf3f8e6] { width: calc(100% - 100px) } .sel-yyadrs[data-v-7cf3f8e6]:after { position: absolute; content: "\E66B"; right: 10px; top: 0; line-height: 50px } .serform p[data-v-7cf3f8e6]:last-child { padding: 30px 0; color: #999; font-size: 14px } .serform p[data-v-7cf3f8e6]:last-child:before { display: inline-block; content: "\E626"; font-size: 18px; color: #ffa641; margin-right: 5px } .serform p:last-child a[data-v-7cf3f8e6] { color: #333; font-weight: 600; margin-left: 5px } .serform .btn[data-v-7cf3f8e6] { display: block; width: 100%; line-height: 50px; border-radius: 2px; font-size: 18px; letter-spacing: 5px } .serform span select[data-v-7cf3f8e6] { border: transparent; background: #f7f7f7; padding: 10px 2px; max-width: 130px; min-width: 100px } /*申请送货框补充地址选择 zz*/ .toprightkuang .ct-send[data-v-7cf3f8e6] { float: none; margin-bottom: 30px; height: 48px; line-height: 46px; border: 1px solid #e1e1e1; padding: 0 20px } .toprightkuang .ct-send em[data-v-7cf3f8e6] { border: 1px solid #fff; padding-left: 23px } .toprightkuang .ct-send em.sdown[data-v-7cf3f8e6] { border-color: #e0e0e0; border-bottom-color: #e0e0e0; border-bottom: none; margin-top: 1px } .toprightkuang .ct-send .sendiv[data-v-7cf3f8e6] { top: 46px; border: 1px solid #fff } .toprightkuang .ct-send input[data-v-7cf3f8e6] { width: 255px } .toprightkuang .ct-send.sdopen .sendiv[data-v-7cf3f8e6] { border: 1px solid #e0e0e0; right: -1px } /*查询申请提货验证 end*/ /*券卡验证商品列表 start*/ .zbd[data-v-7cf3f8e6] { margin: 0 auto; height: auto; margin-top: -30px; background-image: url(https://presale.jhtsoft.com/picms/384a120de9aace.png), url(https://presale.jhtsoft.com/picms/384a1634413bb8.png), url(https://presale.jhtsoft.com/picms/384a120de9aace.png), url(https://presale.jhtsoft.com/picms/384a1634413bb8.png); background-position: 3% 0, 95% 70px, 3% bottom, 95% bottom; background-repeat: no-repeat, no-repeat, no-repeat, no-repeat; background-size: 232px 210px, 184px 156px, 232px 210px, 184px 156px; display: none } .zbd-part[data-v-7cf3f8e6] { width: 1200px; margin: 0 auto; padding-top: 30px } .zbd-part-tit[data-v-7cf3f8e6] { height: 50px; line-height: 50px; font-size: 16px; border-bottom: 2px solid #e6e6e6; overflow: hidden; background: #eee } .zbd-part-tit a[data-v-7cf3f8e6], .zbd-part-tit span[data-v-7cf3f8e6] { display: inline-block } .zbd-part-tit a[data-v-7cf3f8e6]:first-child { float: left; padding-left: 20px; color: #666 } .zbd-part-tit a:first-child span[data-v-7cf3f8e6] { font-size: 18px; color: #e62226; font-family: Arial, Verdana, "\5B8B\4F53" } .zbd-part-tit a:first-child span b[data-v-7cf3f8e6] { margin: 0 5px; display: inline-block } .zbd-part-tit span[data-v-7cf3f8e6] { float: right; height: 50px } .zbd-part-tit span a[data-v-7cf3f8e6] { margin-right: 25px; color: #e62226 } .zbd-part-tit span a[data-v-7cf3f8e6]:first-child { color: #f18110 } .zbd-part-tit .code-description[data-v-7cf3f8e6] { display: inline-block; height: 28px; line-height: 28px; margin: 11px 20px; font-size: 14px; color: #666; overflow: hidden } .zbd-part-tit .code-description small[data-v-7cf3f8e6] { font-size: 14px } .zbd-part-tit .code-description em[data-v-7cf3f8e6], .zbd-part-tit .code-description em button[data-v-7cf3f8e6], .zbd-part-tit .code-description em input[data-v-7cf3f8e6], .zbd-part-tit .code-description label[data-v-7cf3f8e6], .zbd-part-tit .code-description span[data-v-7cf3f8e6] { display: inline-block; float: left } .zbd-part-tit .code-description em[data-v-7cf3f8e6] { border: solid 1px #ccc; height: 24px; margin: 0 10px } .zbd-part-tit .code-description em button[data-v-7cf3f8e6] { width: 24px; height: 24px; background: #fff; text-align: center; outline: 0; border: none } .zbd-part-tit .code-description em button[data-v-7cf3f8e6]:active, .zbd-part-tit .code-description em button[data-v-7cf3f8e6]:hover { background: rgba(241, 2, 21, .1); color: #e62226 } .zbd-part-tit .code-description em input[data-v-7cf3f8e6] { width: 53px; height: 24px; border-left: solid 1px #e0e0e0; border-right: solid 1px #e0e0e0; line-height: 24px; text-align: center; font-size: 14px; color: #333 } .zbd-part-tit .code-description small b[data-v-7cf3f8e6] { color: #333; font-weight: 600; margin: 0 5px } .zbd-part-ul[data-v-7cf3f8e6] { padding: 0 20px } .zbd-part-ul li[data-v-7cf3f8e6] { display: block; overflow: hidden; padding-top: 30px; padding-bottom: 50px } .zbd-part-ul li .zpu-tu[data-v-7cf3f8e6] { float: left; display: inline-block } .zbd-part-ul li .zpu-tu img[data-v-7cf3f8e6] { width: 188px; height: 188px; border-radius: 50%; -moz-border-radius: 50%; border: 2px solid #a67761; -webkit-animation: rotate 1s linear; animation: rotate 1s linear } .zbd-part-ul li div[data-v-7cf3f8e6] { float: left; margin-left: 32px; width: 936px } .zbd-part-ul li div a[data-v-7cf3f8e6], .zbd-part-ul li div p[data-v-7cf3f8e6] { margin-bottom: 10px; font-size: 14px; display: block; line-height: 20px; color: #999; line-height: 20px; font-size: 14px; min-height: 20px; position: relative; overflow: hidden } .zbd-part-ul li div .card-p[data-v-7cf3f8e6] { position: relative; padding-right: 50px; max-height: 20px } .zbd-part-ul li div p i[data-v-7cf3f8e6] { position: absolute; top: 0; right: 15px; display: none; width: 20px; height: 20px; text-align: center; font-size: 20px; color: #333; font-weight: 600; cursor: pointer; -webkit-transition: all .5s ease; transition: all .5s ease } .zbd-part-ul li div a[data-v-7cf3f8e6] { font-size: 18px; color: #333; height: 25px; line-height: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .zbd-part-ul li div a em[data-v-7cf3f8e6] { font-weight: 600 } .zbd-part-ul li div a em[data-v-7cf3f8e6]:first-child { margin-right: 10px } .zbd-part-ul li div a[data-v-7cf3f8e6]:hover { color: #e62226 } .zbd-part-ul li div p[data-v-7cf3f8e6]:nth-child(3) { color: #e62226; margin-bottom: 16px; padding-top: 5px } .zbd-part-ul li .bigred[data-v-7cf3f8e6] { font-size: 24px; font-weight: 700; font-family: Arial, Verdana, "\5B8B\4F53" } .zbd-part-ul li .hei[data-v-7cf3f8e6] { color: #333 } .card-foot[data-v-7cf3f8e6] { width: 950px; margin: 50px auto 100px; padding-left: 250px; height: 50px } .card-foot [type=button][data-v-7cf3f8e6], .card-foot a[data-v-7cf3f8e6], .card-foot span[data-v-7cf3f8e6] { display: inline-block } .card-foot a[data-v-7cf3f8e6], .card-foot span[data-v-7cf3f8e6] { font-size: 14px; line-height: 50px } .card-foot span[data-v-7cf3f8e6] { color: #666 } .card-foot span i[data-v-7cf3f8e6] { font-size: 18px; color: #f18110; margin: 0 5px } .card-foot a[data-v-7cf3f8e6] { margin: 0 30px 0 10px; color: #f18110 } .card-foot .btn[data-v-7cf3f8e6] { width: 260px; border-radius: 2px; -moz-border-radius: 2px; height: 48px; line-height: 48px; font-size: 18px } /*返回顶部*/ .totop[data-v-7cf3f8e6] { position: fixed; bottom: 10%; right: 5%; cursor: pointer; opacity: 0; width: 80px; height: 80px; border-radius: 100%; background: #ccc; color: #fff; line-height: 80px; text-align: center; font-size: 60px; font-weight: 400; -webkit-transition: opacity .3s; transition: opacity .3s } .totop[data-v-7cf3f8e6]:hover { background: #e62226 } /*券卡验证商品列表 end*/ /*选定网点 strat*/ .network[data-v-7cf3f8e6] { overflow: hidden; } .network span[data-v-7cf3f8e6], .network .nw-cont[data-v-7cf3f8e6] { display: inline-block; float: left; } .network span[data-v-7cf3f8e6] { width: 180px; height: 130px; margin-right: 20px; } .network span img[data-v-7cf3f8e6] { width: 100%; height: 100%; } .network .nw-cont[data-v-7cf3f8e6] { width: 1000px; } .network .nw-cont p[data-v-7cf3f8e6]:first-child { line-height: 35px; border-bottom: 2px solid #e6e6e6; overflow: hidden; } .network .nw-cont p:first-child b[data-v-7cf3f8e6] { float: left; color: #333; font-size: 18px; font-weight: bold; } .network .nw-cont p:first-child em[data-v-7cf3f8e6] { float: left; color: #666; font-size: 16px; padding-left: 20px; } .network .nw-cont p:first-child a[data-v-7cf3f8e6] { float: right; padding-right: 20px; color: #f18110; font-size: 16px; } .network p[data-v-7cf3f8e6]:not(:first-child) { line-height: 25px; padding-top: 8px; font-size: 14px; } .network p i[data-v-7cf3f8e6] { display: inline-block; width: 72px; } .network p:nth-child(3) b[data-v-7cf3f8e6] { margin-right: 20px; } .network p[data-v-7cf3f8e6]:last-child { position: relative; padding-left: 72px; } .network p:last-child i[data-v-7cf3f8e6] { position: absolute; left: 0; top: 8px; width: 72px; display: inline-block; line-height: 25px; } .network p:last-child b[data-v-7cf3f8e6] { display: inline-block; margin-right: 0; cursor: pointer; } .network p:last-child b[data-v-7cf3f8e6]:after { display: inline-block; content: "\E696"; height: 25px; line-height: 25px; font-size: 20px; margin-left: 25px; color: #f18110; } .nw-map[data-v-7cf3f8e6] { height: 0; overflow: hidden; margin-top: 20px; -webkit-transition: height .2s; transition: height .2s; } .nw-map img[data-v-7cf3f8e6] { border: none; width: 100%; } .nw-map.sdopen[data-v-7cf3f8e6] { height: 180px; } /*选定网点 end*/ /*完善地址信息 start*/ .bd[data-v-7cf3f8e6] { background: #f6f6f6; padding: 20px 0; min-height: 500px; } .bdpart[data-v-7cf3f8e6] { width: 1200px; margin: 0 auto; } .bdpart-tit[data-v-7cf3f8e6] { line-height: 30px; padding: 15px 0; margin-bottom: 30px; overflow: hidden; border-bottom: 2px solid #e6e6e6; } .bdpart-tit b[data-v-7cf3f8e6], .bdpart-tit span[data-v-7cf3f8e6], .bdpart-tit em[data-v-7cf3f8e6] { display: inline-block; float: left; margin-left: 20px; font-size: 16px; } .bdpart-tit span[data-v-7cf3f8e6] { max-width: 620px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .bdpart-tit a[data-v-7cf3f8e6] { float: right; font-size: 16px; color: #f18110; } .bdpart-tit big[data-v-7cf3f8e6] { display: inline-block; float: left; font-size: 20px; font-weight: bold; } .bdpart-tit em i[data-v-7cf3f8e6] { color: #f18110; } .adrs-form[data-v-7cf3f8e6] { padding: 0 20px; overflow: hidden; } .adrs-form p[data-v-7cf3f8e6]:not(:last-child), .adrs-form .adrs-div[data-v-7cf3f8e6] { height: 42px; line-height: 40px; margin-bottom: 10px; font-size: 16px; overflow: hidden; } .adrs-form em[data-v-7cf3f8e6], .adrs-form input[data-v-7cf3f8e6], .adrs-form span[data-v-7cf3f8e6], .adrs-form small[data-v-7cf3f8e6], .adrs-form .adrs-div .adrs-select[data-v-7cf3f8e6], .adrs-form .adrs-div .adrs-select select[data-v-7cf3f8e6] { display: inline-block; float: left; } .adrs-form em[data-v-7cf3f8e6] { width: 160px; height: 40px; line-height: 40px; text-align: right; color: #666; } .adrs-form em b[data-v-7cf3f8e6] { color: #e62226; margin-right: 5px; } .adrs-form p:not(:last-child) input[data-v-7cf3f8e6] { margin: 0 15px 0 5px; width: 340px; height: 30px; line-height: 30px; border: 1px solid #ededed; padding: 5px 10px; font-size: 16px; -webkit-transition: all .3s; transition: all .3s; } .adrs-form p:not(:last-child) input[data-v-7cf3f8e6]:hover { border-color: #c0c4cc } .adrs-form span[data-v-7cf3f8e6] { color: #e62226; font-size: 14px; } .adrs-form span[data-v-7cf3f8e6]:before { display: inline-block; content: "\E637"; font-size: 14px; margin-right: 5px; vertical-align: top; } .adrs-form small[data-v-7cf3f8e6] { display: inline-block; color: #999; font-size: 14px; max-width: calc(100% - 602px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .adrs-form .adrs-div .adrs-select[data-v-7cf3f8e6] { width: 362px; height: 40px; margin: 0 15px 0 5px; } .adrs-form .adrs-div .adrs-select select[data-v-7cf3f8e6] { width: 114px; height: 40px; border: solid 1px #e1e1e1; margin-right: 10px; text-align-last: center; text-align: center; color: #333; } .adrs-form .adrs-div .adrs-select select option[data-v-7cf3f8e6]:disabled{color: #ccc; } .adrs-form .adrs-div .adrs-select select[data-v-7cf3f8e6]:last-child { margin-right: 0; } .adrs-form p[data-v-7cf3f8e6]:last-child { padding-left: 165px; margin-top: 30px; } .adrs-form p:last-child [type='button'][data-v-7cf3f8e6] { width: 170px; height: 48px; line-height: 48px; margin-right: 20px; } .adrs-form .btn-default[data-v-7cf3f8e6] { background: #e0e0e0; } .adrs-form .btn-default[data-v-7cf3f8e6]:hover { background: #ccc; color: #333; } /*完善地址信息 end*/ /*提交成功订单 start*/ .adv[data-v-7cf3f8e6] { position: relative; width: 100%; height: 100px; text-align: center; overflow: hidden; } .adv.none[data-v-7cf3f8e6] { height: 0; padding: 0; border: none; margin: 0; } .adv a img[data-v-7cf3f8e6] { width: 100%; height: 100px; } .adv p[data-v-7cf3f8e6] { width: 1200px; position: absolute; top: 5px; left: 50%; margin-left: -600px; } .adv p .icon-gb[data-v-7cf3f8e6] { position: absolute; z-index: 1; right: 0; color: #fff; } .uinfo .uif-cont[data-v-7cf3f8e6] { padding: 0 20px; position: relative; } .uinfo .uif-cont p[data-v-7cf3f8e6] { position: relative; padding-left: 160px; width: calc(70% - 150px); line-height: 20px; margin-bottom: 10px; padding-right: 30%; padding-bottom: 10px; font-size: 14px; } .uinfo .uif-cont p label[data-v-7cf3f8e6] { position: absolute; left: 0; top: 0; width: 150px; color: #666; text-align: right; } .uinfo .uif-cont .marketad-tu[data-v-7cf3f8e6] { position: absolute; right: 0; top: 0; width: 152px; height: 120px; -webkit-animation: dhpic 1s linear infinite alternate; animation: dhpic 1s linear infinite alternate; display: none; } .uinfo .uif-cont .marketad-tu img[data-v-7cf3f8e6] { width: 100%; } /*订单提交成功信息 end*/ /*券卡订单产品推荐 start*/ .plist-rcommend[data-v-7cf3f8e6] { width: 1200px; margin: 0 auto; overflow: hidden; } .plist-rcommend .pr-tit[data-v-7cf3f8e6] { width: calc(100% - 40px); line-height: 30px; padding: 15px 20px; margin-bottom: 30px; overflow: hidden; border-bottom: 2px solid #e6e6e6; display: inline-block; font-size: 20px; font-weight: bold; } .plist-rcommend .swiper-container[data-v-7cf3f8e6] { position: relative; width: 100%; overflow: visible !important; } .plist-rcommend .swiper-wrapper[data-v-7cf3f8e6] { height: auto; margin-right: -14px; } .plist-rcommend .swiper-wrapper .swiper-slide[data-v-7cf3f8e6] { float: left; display: inline-block; width: 292.5px; background: #fff; } .prc .swiper-button-prev[data-v-7cf3f8e6], .prc .swiper-button-next[data-v-7cf3f8e6] { position: absolute; top: -50px; width: 30px; height: 30px; line-height: 30px; font-size: 18px; border: solid 1px #ebebeb; z-index: 10; cursor: pointer; background: #fff; text-align: center; } .prc .swiper-button-prev[data-v-7cf3f8e6]:hover, .prc .swiper-button-next[data-v-7cf3f8e6]:hover { color: #e62226; } .prc .swiper-button-next.swiper-button-disabled[data-v-7cf3f8e6], .prc .swiper-button-prev.swiper-button-disabled[data-v-7cf3f8e6] { opacity: 1 !important; color: #d6d6d6; } .prc .swiper-button-prev[data-v-7cf3f8e6] { left: 94%; } .prc .swiper-button-next[data-v-7cf3f8e6] { right: 0; -webkit-transform: rotate3d(0, 0, 1, 180deg); transform: rotate3d(0, 0, 1, 180deg); } .plist-rcommend .prc a[data-v-7cf3f8e6], .plist-rcommend .prc p[data-v-7cf3f8e6], .plist-rcommend .prc span[data-v-7cf3f8e6] { display: block; text-align: center; } .plist-rcommend .prc a[data-v-7cf3f8e6]:first-child { padding: 20px 0; } .plist-rcommend .prc a:first-child img[data-v-7cf3f8e6] { width: 188px; height: 188px; border-radius: 50%; -moz-border-radius: 50%; border: 2px solid #a67761; -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; -webkit-transform: translateY(0); transform: translateY(0) } .plist-rcommend .prc a:first-child:hover img[data-v-7cf3f8e6] { -webkit-transform: translateY(-5px); transform: translateY(-5px) } .plist-rcommend .prc a[data-v-7cf3f8e6]:nth-child(2) { margin: 0 10px; font-size: 16px; font-weight: 600; line-height: 30px; border-bottom: solid 1px #ebebeb; } .plist-rcommend .prc a[data-v-7cf3f8e6]:nth-child(2), .plist-rcommend .prc p[data-v-7cf3f8e6] { max-width: 272.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .plist-rcommend .prc p[data-v-7cf3f8e6] { padding: 0 10px; font-size: 14px; line-height: 25px; } .plist-rcommend .prc span[data-v-7cf3f8e6] { display: block; height: 30px; margin-top: 10px; padding: 10px 0; color: #fff; } .plist-rcommend .prc span b[data-v-7cf3f8e6] { font-size: 24px; font-weight: bold; } /*券卡订单产品推荐 end*/ /* * 提货模块cardProject所有弹窗样式 * start */ /*更改商品弹窗 begin*/ .mods-cont .mc_cont[data-v-7cf3f8e6] { overflow-y: auto; overflow-x: hidden; } .mc-tit span[data-v-7cf3f8e6] { display: inline-block; float: left; height: 26px; line-height: 26px; margin: 7px 20px; font-size: 14px; color: #666; overflow: hidden; } .mc-tit span small[data-v-7cf3f8e6] { font-size: 14px; } .mc-tit span label[data-v-7cf3f8e6], .mc-tit span em[data-v-7cf3f8e6], .mc-tit span span[data-v-7cf3f8e6], .mc-tit span em button[data-v-7cf3f8e6], .mc-tit span em input[data-v-7cf3f8e6] { display: inline-block; float: left; } .mc-tit span em[data-v-7cf3f8e6] { border: solid 1px #ccc; height: 24px; margin: 0 10px; } .mc-tit span em button[data-v-7cf3f8e6] { width: 24px; height: 24px; background: #fff; text-align: center; outline: none; border: none; } .mc-tit span em button[data-v-7cf3f8e6]:hover, .mc-tit span em button[data-v-7cf3f8e6]:active { background: rgba(241, 129, 127, .1); color: #f18110; } .mc-tit span em input[data-v-7cf3f8e6] { width: 53px; height: 24px; border-left: solid 1px #e0e0e0; border-right: solid 1px #e0e0e0; line-height: 24px; text-align: center; font-size: 14px; color: #333; } .mc-tit span small i[data-v-7cf3f8e6] { color: #333; font-weight: 600; margin: 0 5px; } /* .mods-product .mods-cont { width:1000px; height: 600px; margin-left:-500px; margin-top:-300px;} */ .mods-product .mods-cont .mc_cont[data-v-7cf3f8e6] { height: 550px; width: 1000px; padding-bottom: 10px; } .mc_cont .mcb-tit[data-v-7cf3f8e6] { position: absolute; z-index: 4; top: 118px; left: 30px; padding: 10px 0; width: calc(100% - 60px); height: 25px; line-height: 25px; background: #fff; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mcb_ul[data-v-7cf3f8e6] { height: auto; margin: 0 auto; text-align: left; } .mcb_ul.pd-t-mx[data-v-7cf3f8e6] { padding-top: 123px; } .mcb_ul li[data-v-7cf3f8e6] { position: relative; width: 580px; padding: 15px 0; height: auto; border-top: solid 1px #eee; } .mcb_ul li .mcb_ul_tu[data-v-7cf3f8e6] { display: block; position: absolute; top: 30px; width: 80px; height: 80px; border: solid 1px #ccc; } .mcb_ul li .mcb_ul_tu img[data-v-7cf3f8e6] { max-width: 100%; max-height: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .mcb_ul li div[data-v-7cf3f8e6] { height: auto; min-height: 105px; line-height: 25px; } .mcb_ul li div a[data-v-7cf3f8e6] { display: block; width: 100%; height: auto; line-height: 30px; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mcb_ul li div p[data-v-7cf3f8e6] { display: block; padding-right: 60px; max-height: 25px; color: #999; line-height: 25px; font-size: 14px; position: relative; overflow: hidden; } .pedit_none .mcb_ul[data-v-7cf3f8e6] { width: 940px; padding-right: 30px; padding-bottom: 90px; padding-left: 30px; } .pedit_none .mcb_ul li[data-v-7cf3f8e6] { width: 940px; } .pedit_none .mcb_ul li span.icon-oncheck[data-v-7cf3f8e6] { position: absolute; left: 10px; top: 55px; display: block; width: 30px; height: 30px; font-size: 30px; color: #e6e2e3; cursor: pointer; } .pedit_none .mcb_ul li span.icon-oncheck.cselected[data-v-7cf3f8e6] { color: #f18110; } .pedit_none .mcb_ul li span input[type="checkbox"][data-v-7cf3f8e6] { visibility: hidden; display: none; } .mcb_ul li .mcb_ul_tu[data-v-7cf3f8e6] { display: block; position: absolute; top: 30px; width: 80px; height: 80px; border: solid 1px #ccc; } .mods-product .mcb_ul li .mcb_ul_tu[data-v-7cf3f8e6] { left: 60px; } .pedit_none .mcb_ul li div[data-v-7cf3f8e6] { width: 770px; padding-left: 170px; } .pedit_none .mcb_ul li div p[data-v-7cf3f8e6]:last-child { width: 710px !important; } .mods-cont .mcp_zw[data-v-7cf3f8e6] { position: absolute; z-index: 4; left: 0; top: 40px; height: 63px; background: #fff; padding: 25px 0 10px 0; } .mods-product .mods-cont .mcp_zw[data-v-7cf3f8e6], .mods-product .mods-cont .mcp_zw .mcc-prdt[data-v-7cf3f8e6], .mods-product .mods-cont .mcp_zw .mcc-prdt p[data-v-7cf3f8e6] { width: 984px; } .mods-cont .mcp_zw .mcc-prdt[data-v-7cf3f8e6] { position: relative; height: 45px; line-height: 45px; background: #eee; font-size: 18px; font-weight: 400; } .mods-cont .mcp_zw .mcc-prdt p[data-v-7cf3f8e6] { position: absolute; left: 0; top: -8px; display: block; height: 63px; line-height: 63px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mods-cont .mcp_zw .mcc-prdt a[data-v-7cf3f8e6] { text-align: center; color: #000; text-decoration: none; cursor: pointer; white-space: nowrap; overflow: hidden; font-size: 16px; text-overflow: ellipsis; } .mods-cont .mcp_zw .mcc-prdt a.active[data-v-7cf3f8e6] { background: url(https://presale.jhtsoft.com/picms/3851540c54e616.png) no-repeat center top; color: #fff; background-size: 100% 64px; } .mods-cont .mcp_zw .mcc-prdt a em[data-v-7cf3f8e6] { max-width: 48px; overflow: hidden; display: inline-block; vertical-align: top; } .mods-cont .mcp_zw .mcc-prdt a.active small[data-v-7cf3f8e6] { font-size: 14px; line-height: 63px; font-weight: 600; } .mods-product .mods-cont .mcp_zw .mcc-prdt a[data-v-7cf3f8e6] { display: block; float: left; width: 17%; } .mods-product .mods-cont .mcp_zw .mcc-prdt a.bw14[data-v-7cf3f8e6] { width: 14%; } .mods-product .mods-cont .mcp_zw .mcc-prdt a.active[data-v-7cf3f8e6] { width: 28%; } .mc_cont .mcc_btn_zw[data-v-7cf3f8e6] { display: block; width: 940px; height: 40px; padding: 15px 0; background: #fff; position: absolute; left: 30px; bottom: 0; text-align: center; } .mc_cont .mcc_btn_zw a.mcc_sub[data-v-7cf3f8e6] { display: inline-block; width: 150px; border: 1px solid #f18110; height: 40px; margin: 0 auto; border-radius: 6px; background: #f18110; color: #fff; line-height: 40px; font-size: 18px; text-decoration: none; text-align: center; cursor: pointer; } .mc-cont .mcc_btn_zw a.addbtn[data-v-7cf3f8e6] { background: #fff; color: #f18110; margin-right: 10px; } .mc-cont .mcc_btn_zw a.addbtn[data-v-7cf3f8e6]:hover { background: #f18110; color: #fff; } /*更改商品弹窗 end*/ /*修改地址弹窗 start*/ .mods-editad .mods-cont[data-v-7cf3f8e6] { width: 1000px; height: 540px; margin-left: -500px; margin-top: -270px; } .mods-editad .mods-cont .mc_cont[data-v-7cf3f8e6] { height: 480px; width: 940px; padding: 0 30px 10px 30px; } .mc_zw[data-v-7cf3f8e6] { position: absolute; z-index: 4; left: 0; top: 40px; height: 20px; background: #fff; } .mc_b_zw[data-v-7cf3f8e6] { position: absolute; z-index: 4; left: 0; bottom: 0; height: 20px; background: #fff; } .mods-editad .mods-cont .mc_zw[data-v-7cf3f8e6] { width: 984px; } .medit_c_ul[data-v-7cf3f8e6] { width: 940px; height: auto; margin: 0 auto; margin: 20px 0 90px 0; background: #fafafa; } .medit_c_ul li[data-v-7cf3f8e6] { position: relative; width: 100%; height: auto; width: 940px; height: auto; background: #fff; padding: 10px 0; /* margin-bottom: 10px; */ font-size: 16px; cursor: pointer; } .medit_c_ul li[data-v-7cf3f8e6]:hover { background: #fffdf3; } .medit_c_ul li .icon-oncheck[data-v-7cf3f8e6] { position: absolute; left: 15px; top: 50%; margin-top: -15px; display: block; width: 30px; height: 30px; font-size: 24px; color: #e6e2e3; cursor: pointer; } .medit_c_ul li.selected .icon-oncheck[data-v-7cf3f8e6] { color: #f18110; } .medit_c_ul li .icon-oncheck input[type="radio"][data-v-7cf3f8e6] { visibility: hidden; } .medit_c_ul li div[data-v-7cf3f8e6] { width: 860px; padding-left: 80px; height: auto; } .medit_c_ul li div em[data-v-7cf3f8e6] { display: block; width: 100%; line-height: 40px; margin-bottom: 10px; font-size: 16px; } .medit_c_ul li div p[data-v-7cf3f8e6] { display: block; width: 80%; height: 20px; line-height: 20px; margin-bottom: 10px; font-size: 14px; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .medit_c_ul li span[data-v-7cf3f8e6] { position: absolute; right: 20px; bottom: 22px; } .medit_c_ul li a[data-v-7cf3f8e6] { color: #f18110; text-decoration: none; cursor: pointer; font-size: 14px; padding-left: 10px; } /*修改地址弹窗 end*/ /*更改网点弹窗 begin*/ .mods-yywd .mods-cont .mc_cont[data-v-7cf3f8e6] { height: 590px; width: 940px; padding: 0 30px; } .mods-yywd .mods-cont .mc_zw[data-v-7cf3f8e6], .mods-yywd .mods-cont .mc_b_zw[data-v-7cf3f8e6] { position: absolute; z-index: 4; left: 0; width: 984px; height: 20px; background: #fff; } .mc_zw[data-v-7cf3f8e6] { top: 40px; } .mc_b_zw[data-v-7cf3f8e6] { bottom: 0; } .mc_cont .mcc_top[data-v-7cf3f8e6] { position: absolute; z-index: 4; left: 30px; top: 40px; width: 940px; height: 40px; margin: 0 auto; padding: 20px 0; background: #fff; } .mc_cont .mcc_top span[data-v-7cf3f8e6] { float: left; height: 40px; line-height: 40px; overflow: hidden; margin-right: 15px; } .mc_cont .mcc_top span label[data-v-7cf3f8e6] { float: left; margin-right: 20px; font-size: 14px; } .mc_cont .mcc_top span input[data-v-7cf3f8e6], .mc_cont .mcc_top span select[data-v-7cf3f8e6] { float: left; display: inline-block; width: 240px; padding-left: 10px; height: 38px; border: solid 1px #eaeaea; border-radius: 2px; line-height: 38px; color: #666; font-size: 14px; } .mc_cont .mcc_top span select[data-v-7cf3f8e6] { width: 200px !important; margin-right: 10px; } .mc_cont .mcc_top a[data-v-7cf3f8e6] { float: left; display: inline-block; width: 160px; height: 40px; line-height: 40px; font-size: 14px; margin: 0 auto; border-radius: 6px; background: #f18110; text-align: center; color: #fff; text-decoration: none; cursor: pointer; } .deliveryadres[data-v-7cf3f8e6], .mc_cont .mcc_bot[data-v-7cf3f8e6] { width: 940px; height: auto; margin: 0 auto; margin-top: 80px; background: #fafafa; } .mods-yywd .mods-cont[data-v-7cf3f8e6] { width: 1000px; height: 640px; margin-left: -500px; margin-top: -320px; font-size: 16px; } dl.yyda_top[data-v-7cf3f8e6] { width: 100%; height: auto; overflow: hidden; position: relative; background: #fff; } .deliveryadres dl.yyda_top[data-v-7cf3f8e6] { margin-bottom: 10px; } dl.yyda_top dd.yyda_t_tu[data-v-7cf3f8e6] { width: 178px; height: 128px; border: solid 1px #eee; position: absolute; left: 0; } dl.yyda_top dd.yyda_t_tu img[data-v-7cf3f8e6] { width: 100%; height: 100%; } .deliveryadres dl.yyda_top dd.yyda_t_tu[data-v-7cf3f8e6] { top: 15px; } .deliveryadres dl.yyda_top dd.yyda_t_left[data-v-7cf3f8e6] { width: 545px; height: auto; padding: 15px 0 15px 195px; text-align: left; } dd.yyda_t_left span[data-v-7cf3f8e6] { display: block; width: 100%; line-height: 30px; margin-bottom: 10px; font-size: 16px; } dd.yyda_t_left span em[data-v-7cf3f8e6] { font-size: 14px; margin-left: 20px; } .deliveryadres .yyda_top .yyda_t_left span[data-v-7cf3f8e6], .medit_c_ul li div em[data-v-7cf3f8e6] { color: #333; } .deliveryadres .yyda_top .yyda_t_left span em[data-v-7cf3f8e6] { color: #666; font-weight: 400; } dl.yyda_top dd.yyda_t_left p[data-v-7cf3f8e6] { display: block; width: 100%; height: 20px; line-height: 20px; margin-bottom: 10px; font-size: 14px; vertical-align: middle; } dl.yyda_top dd.yyda_t_left p[data-v-7cf3f8e6]:last-child { position: relative; margin-bottom: 0; padding-left: 80px; height: auto !important; } dl.yyda_top dd.yyda_t_left p:last-child i[data-v-7cf3f8e6] { font-style: normal; position: absolute; left: 0; top: 0; display: block; width: 80px; } dd.yyda_t_left p b[data-v-7cf3f8e6] { font-weight: 400; margin: 0 5px; } dt.yyda_t_right[data-v-7cf3f8e6] { position: absolute; z-index: 1; width: 120px; height: 110px; } .deliveryadres dl.yyda_top dt.yyda_t_right[data-v-7cf3f8e6] { top: 30px; right: 0; } dl.yyda_top dt.yyda_t_right a[data-v-7cf3f8e6] { display: block; width: 118px; height: 25px; margin: 10px 0; line-height: 25px; text-align: left; font-size: 14px; text-decoration: none; vertical-align: top; cursor: pointer; } dl.yyda_top dt.yyda_t_right a[data-v-7cf3f8e6]:hover { color: #f18110; } .yyda_t_left p i.yydatl_icon[data-v-7cf3f8e6], dl.yyda_top dt.yyda_t_right a[data-v-7cf3f8e6]:before { margin: 0 5px; display: inline-block; width: 25px; height: 25px; vertical-align: top; text-align: center; line-height: 25px; font-size: 18px; color: #f18110; } dl.yyda_top dt.yyda_t_right a[data-v-7cf3f8e6]:first-child:before { content: "\E636"; } dl.yyda_top dt.yyda_t_right a[data-v-7cf3f8e6]:nth-child(2):before { content: "\E696"; } dl.yyda_top dd.yyda_bot[data-v-7cf3f8e6] { width: 100%; height: 0; overflow: hidden; -webkit-transition: height .3s; transition: height .3s; } dl.yyda_top dd.yyda_bot.sdopen[data-v-7cf3f8e6] { height: 300px; } dl.yyda_top dd.yyda_bot img[data-v-7cf3f8e6] { width: 100%; height: 300px; } /*更换网点弹窗 end*/ /*查询结果弹框 begin*/ .mods-result .mods-cont[data-v-7cf3f8e6], .mods-rcomb .mods-cont[data-v-7cf3f8e6] { width: 1000px; height: 660px; margin-left: -500px; margin-top: -330px; font-size: 16px; } .mods-rcomb .mods-cont .mcp_zw[data-v-7cf3f8e6], .mods-rcomb .mods-cont .mcp_zw .mcc-prdt[data-v-7cf3f8e6], .mods-rcomb .mods-cont .mcp_zw .mcc-prdt p[data-v-7cf3f8e6] { width: 624px; } .mods-result .mods-cont .mc_zw[data-v-7cf3f8e6], .mods-rcomb .mods-cont .mc_b_zw[data-v-7cf3f8e6] { position: absolute; z-index: 4; left: 0; background: #fff; width: 624px; } .mc_zw[data-v-7cf3f8e6] { top: 40px; } .mc_b_zw[data-v-7cf3f8e6] { bottom: 0; } .mods-rcomb .mods-cont .mcp_zw .mcc-prdt a[data-v-7cf3f8e6] { display: block; float: left; width: 27%; } .mods-rcomb .mods-cont .mcp_zw .mcc-prdt a.bw12[data-v-7cf3f8e6] { width: 12%; } .mods-rcomb .mods-cont .mcp_zw .mcc-prdt a.bw18[data-v-7cf3f8e6] { width: 18%; } .mods-rcomb .mods-cont .mcp_zw .mcc-prdt a.active[data-v-7cf3f8e6] { width: 43%; } .mods-cont .mc_tent[data-v-7cf3f8e6] { width: 1000px; height: 610px; overflow: hidden; } .mc_tent .mct_left[data-v-7cf3f8e6] { float: left; height: 610px; overflow-y: scroll; overflow-x: hidden; } .mc_tent .mct_left.pad-xl[data-v-7cf3f8e6] { width: 580px; padding: 0 30px; } .mc_tent .mct_left.pad-b-md[data-v-7cf3f8e6] { width: 640px; } .mc_tent .mct_left .mctl_cont[data-v-7cf3f8e6] { width: 580px; height: auto; } .mods-result .mc_tent .mct_left .mctl_cont[data-v-7cf3f8e6] { padding-bottom: 60px; } .mods-rcomb .mc_tent .mct_left .mctl_cont[data-v-7cf3f8e6] { } .mc_tent .mct_left.pad-b-md .mctl_cont[data-v-7cf3f8e6] { padding-left: 30px; padding-right: 30px; } .mctl_cont.hidden[data-v-7cf3f8e6] { display: none; } .mc_tent .mcb-tit[data-v-7cf3f8e6] { position: absolute; z-index: 4; top: 118px; left: 30px; padding: 10px 0; width: 580px; height: 25px; line-height: 25px; background: #fff; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /*S swiper轮播*/ .mods-result .swiper-container[data-v-7cf3f8e6] { position: relative; overflow: hidden; z-index: 4; width: 580px; height: 360px; margin: 10px auto; } .mods-result .swiper-container-no-flexbox .swiper-slide[data-v-7cf3f8e6] { float: left; } .mods-result .swiper-container-vertical>.swiper-wrapper[data-v-7cf3f8e6] { -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; } .mods-result .swiper-wrapper[data-v-7cf3f8e6] { position: relative; width: 100%; height: 280px; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .mods-result .swiper-slide[data-v-7cf3f8e6] { position: relative; width: 360px; height: 100%; margin: 0 auto; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-align: center; -webkit-box-align: center; align-items: center; text-align: center; } .mods-result .swiper-container-android .swiper-slide[data-v-7cf3f8e6], .mods-result .swiper-wrapper[data-v-7cf3f8e6] { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .mods-result .swiper-slide .mcb_ul_tu[data-v-7cf3f8e6] { position: absolute; width: 360px; height: 360px; overflow: hidden; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .mods-result .swiper-slide img[data-v-7cf3f8e6] { position: absolute; max-width: 360px; max-height: 360px; margin: auto; left: 0; top: 0; right: 0; bottom: 0; } .mods-result .swiper-container-multirow>.swiper-wrapper[data-v-7cf3f8e6] { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mods-result .swiper-container-free-mode>.swiper-wrapper[data-v-7cf3f8e6] { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } /*E swiper轮播*/ .mctl_cont dl[data-v-7cf3f8e6] { width: 100%; height: auto; overflow: hidden; } .hiddauto[data-v-7cf3f8e6] { overflow-y: auto; max-height: inherit !important; -webkit-transition: all .3s; transition: all .3s; } .mctl_cont dl dt[data-v-7cf3f8e6] { display: block; width: 100%; height: 40px; line-height: 40px; font-size: 18px; font-weight: 600; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mctl_cont dl dt em[data-v-7cf3f8e6] { font-weight: 600; } .mctl_cont dl dt em[data-v-7cf3f8e6]:first-child { margin-right: 10px; } .mctl_cont dl dd[data-v-7cf3f8e6] { display: block; width: 100%; height: 30px; line-height: 30px; font-size: 14px; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .mctl_cont dl p[data-v-7cf3f8e6] { display: block; width: 520px; padding-right: 60px; max-height: 30px; line-height: 30px; position: relative; font-size: 14px; color: #666; } .mctl_cont dl p i[data-v-7cf3f8e6], .mcb_ul li div p i[data-v-7cf3f8e6] { position: absolute; top: 0; right: 15px; display: none; width: 20px; height: 20px; text-align: center; font-size: 20px; color: #333; font-weight: 600; cursor: pointer; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .mctl_cont dl p i.rotate[data-v-7cf3f8e6] { margin-top: 10px; } .mcb_ul li div p i.rotate[data-v-7cf3f8e6] { margin-top: 5px; } .click_mct_btn[data-v-7cf3f8e6] { display: block; width: 580px; height: 30px; padding: 15px 0; line-height: 30px; background: #fff; position: absolute; left: 30px; bottom: 0; font-size: 16px; color: #999; vertical-align: middle; cursor: pointer; } .click_mct_btn[data-v-7cf3f8e6]:before { display: inline-block; content: "\E60D"; color: #f18110; width: 20px; height: 20px; line-height: 20px; font-size: 18px; margin: 5px; -webkit-transform: rotate3d(0, 0, 1, 180deg); transform: rotate3d(0, 0, 1, 180deg); } .click_mct_btn a[data-v-7cf3f8e6] { color: #f18110; } .click_mct_btn a[data-v-7cf3f8e6]:hover { color: #f49a41; } .mcb_ul[data-v-7cf3f8e6] { height: auto; margin: 0 auto; text-align: left; } .mcb_ul.pd-t-mx[data-v-7cf3f8e6] { padding-top: 123px; } .mcb_ul li[data-v-7cf3f8e6] { position: relative; width: 580px; padding: 15px 0; height: auto; border-top: solid 1px #eee; } .mcb_ul li[data-v-7cf3f8e6]:hover { background: #fffdf3; } .mcb_ul li .mcb_ul_tu[data-v-7cf3f8e6] { display: block; position: absolute; top: 30px; width: 80px; height: 80px; border: solid 1px #ccc; } .mcb_ul li div[data-v-7cf3f8e6] { height: auto; min-height: 105px; line-height: 25px; word-break: break-all; word-wrap: break-word; } .mcb_ul li div a[data-v-7cf3f8e6] { display: block; width: 100%; height: auto; line-height: 30px; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /*组合套餐产品列表*/ .mctl_comb .mcb_ul[data-v-7cf3f8e6] { width: 580px; } .mctl_comb .mcb_ul li[data-v-7cf3f8e6] { width: 580px; } .mctl_comb .mcb_ul li img[data-v-7cf3f8e6] { left: 0; } .mctl_comb .mcb_ul li div[data-v-7cf3f8e6] { width: 470px; padding-left: 110px; } .mctl_comb .mcb_ul li div p[data-v-7cf3f8e6]:last-child { width: 410px !important; } /*查询结果右侧公用券卡信息*/ .mc_tent .mct_right[data-v-7cf3f8e6] { float: left; width: 300px; height: 550px; padding: 30px; overflow-y: auto; font-size: 14px; } .mct_right dl[data-v-7cf3f8e6] { width: 100%; height: auto; } .mct_right dl dt[data-v-7cf3f8e6] { width: 100%; height: 45px; line-height: 45px; border-bottom: solid 1px #eaeaea; margin-bottom: 20px; } .mct_right dl dt span[data-v-7cf3f8e6] { display: inline-block; width: auto; height: 44px; line-height: 44px; border-bottom: solid 2px #f18110; font-size: 18px; font-weight: 600; } .mct_right dl dd[data-v-7cf3f8e6] { display: block; width: 100%; color: #999; } .mct_right dl dd b[data-v-7cf3f8e6] { margin: 0 3px; } .mct_right dl dd:not(.autoLine) span[data-v-7cf3f8e6] { color: #666; display: inline-block; max-width: calc(100% - 90px); max-height: 35px; overflow: hidden; vertical-align: top; text-overflow: ellipsis; white-space: nowrap; } .mct_right dl dd.txt-green span[data-v-7cf3f8e6] { color: #358d2c; } .mct_right dl dd.txt-orange span[data-v-7cf3f8e6] { color: #f18110; } .mods-result .mct_right dl dd[data-v-7cf3f8e6]:not(.autoLine) { height: 35px; line-height: 35px; } /* .mct_right dl dd.autoLine em {padding:7px 0;} */ .mct_right dl dd.autoLine[data-v-7cf3f8e6] {display: -webkit-box!important;display: -ms-flexbox!important;display: flex!important; } .mct_right dl dd.autoLine article[data-v-7cf3f8e6] {color:#333;-webkit-box-flex:1;-ms-flex:1;flex:1; max-width:calc(100% - 70px);padding: 5px 0; line-height:20px; } .mods-rcomb .mct_right dl dd[data-v-7cf3f8e6] { height: 35px; line-height: 35px; } .mct_right a.btn_th[data-v-7cf3f8e6], .mct_right a.btn_od[data-v-7cf3f8e6] { display: block; width: 100%; height: 50px; line-height: 50px; margin: 20px auto; border-radius: 6px; border: solid 1px #f18110; text-align: center; text-decoration: none; cursor: pointer; font-size: 18px; -webkit-box-sizing: border-box; box-sizing: border-box; } .mct_right a.btn_th[data-v-7cf3f8e6], .mct_right a.btn_od[data-v-7cf3f8e6]:hover, .mct_right a.btn_od[data-v-7cf3f8e6]:active { background: #f18110; color: #fff; } .mct_right a.btn_od[data-v-7cf3f8e6] { background: #fff; color: #f18110; } .mct_right .mctr_more[data-v-7cf3f8e6] { float: left; width: 230px; color: #999; text-align: center; } .mct_right .mctr_more span[data-v-7cf3f8e6] { display: block; width: 100%; height: 40px; line-height: 40px; color: #333; font-size: 18px; } .mct_right .mctr_more span a[data-v-7cf3f8e6] { display: inline-block; height: 40px; line-height: 40px; color: #f18110; text-decoration: none; vertical-align: top; cursor: pointer; } .mct_right .mctr_more span a[data-v-7cf3f8e6]:hover { opacity: .8; filter: alpha(opacity=80); } .mct_right .mctr_more span a[data-v-7cf3f8e6]:before { float: left; display: inline-block; width: 30px; height: 30px; line-height: 30px; margin: 5px 0 5px 5px; content: "\E631"; font-size: 28px; } .mct_right .mctr_more p[data-v-7cf3f8e6] { width: 170px; margin: 0 auto; height: 50px; line-height: 50px; position: relative; color: #888; font-size: 14px; } .mct_right .mctr_more p[data-v-7cf3f8e6]:last-child { width: 150px; border-top: solid 1px #e0dfdf; } .mct_right .mctr_more p i[data-v-7cf3f8e6] { position: absolute; z-index: 3; left: 50%; top: 100%; display: block; margin-left: -17.5px; margin-top: -12.5px; width: 35px; height: 25px; line-height: 25px; background: #fff; color: #333; } /*查询结果弹框 end*/ /*提货成功营销弹框 start*/ .tankuang[data-v-7cf3f8e6] { z-index: 103; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .7); } .hide-body[data-v-7cf3f8e6] { z-index: 104; position: relative; top: 50%; left: 50%; padding-top: 35px; width: 634px; height: 600px; margin: -317px 0 0 -300px; margin-left: -500px; } .hide-body span[data-v-7cf3f8e6] { display: inline-block; position: absolute; top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; text-align: center; border: solid 2px #fff; border-radius: 100%; color: #fff; font-size: 20px; } .lgb-cont p[data-v-7cf3f8e6] { text-align: center; margin-bottom: 15px; } .lgb-cont p[data-v-7cf3f8e6]:nth-child(1) { color: #fff; font-size: 22px; } .lgb-cont p[data-v-7cf3f8e6]:nth-child(2) { color: #fefffd; font-size: 20px; } .lgb-cont p:nth-child(2) small[data-v-7cf3f8e6] { color: #fdfd00; font-size: 16px; margin-left: 5px; } .lgb-cont p:nth-child(2) big[data-v-7cf3f8e6] { color: #fffb02; font-size: 40px; font-weight: bold; margin-right: 5px; font-family: Arial, Verdana, "\5B8B\4F53"; } .lgb-cont p[data-v-7cf3f8e6]:nth-child(3) { color: #fefffd; font-size: 18px; } .lgb-cont p:nth-child(3) a[data-v-7cf3f8e6] { color: #fdfd00; font-weight: bold; margin: 0 5px; } .lgb-cont p:nth-child(4) img[data-v-7cf3f8e6] { width: 100%; height: auto; max-width: 150px; } .lgb-cont .ewm[data-v-7cf3f8e6] { width: 160px; height: auto; margin: 0 auto; background: rgba(137, 19, 253, .5); } .lgb-cont .ewm img[data-v-7cf3f8e6] { width: 130px; height: 130px; padding: 10px; background: #fff; margin-top: 5px; } .lg-bottom[data-v-7cf3f8e6] { height: 60px; margin-top: 43px; overflow: hidden; } .lg-bottom a[data-v-7cf3f8e6] { float: left; display: block; width: 140px; height: 52px; background: url(https://presale.jhtsoft.com/picms/384a3389607624.png) no-repeat; text-align: center; line-height: 52px; font-size: 22px; color: #bf3bff; font-weight: bold; } .lg-bottom a[data-v-7cf3f8e6]:hover { opacity: 0.8; filter: Alpha(opacity=80); } .lg-bottom a[data-v-7cf3f8e6]:first-child { margin-left: 122px; } .lg-bottom a[data-v-7cf3f8e6]:last-child { margin-left: 20px; } /*营销弹框动画 begin*/ @-webkit-keyframes flipInY-data-v-7cf3f8e6 { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); } } @keyframes flipInY-data-v-7cf3f8e6 { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY[data-v-7cf3f8e6], .toprightka span[data-v-7cf3f8e6] { -webkit-animation: flipInY-data-v-7cf3f8e6 1s; animation: flipInY-data-v-7cf3f8e6 1s; } @-webkit-keyframes rollIn-data-v-7cf3f8e6 { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; } } @keyframes rollIn-data-v-7cf3f8e6 { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn[data-v-7cf3f8e6], .topleft[data-v-7cf3f8e6] { -webkit-animation: rollIn-data-v-7cf3f8e6 1s; animation: rollIn-data-v-7cf3f8e6 1s; } @-webkit-keyframes fadeInLeft-data-v-7cf3f8e6 { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; } } @keyframes fadeInLeft-data-v-7cf3f8e6 { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .zbd-part-ul li .zpu-tu[data-v-7cf3f8e6], .fadeInLeft[data-v-7cf3f8e6] { -webkit-animation: fadeInLeft-data-v-7cf3f8e6 1s; animation: fadeInLeft-data-v-7cf3f8e6 1s; } @-webkit-keyframes fadeInRight-data-v-7cf3f8e6 { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; } } @keyframes fadeInRight-data-v-7cf3f8e6 { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .zbd-part-ul li div[data-v-7cf3f8e6], .fadeInRight[data-v-7cf3f8e6] { -webkit-animation: fadeInRight-data-v-7cf3f8e6 1s; animation: fadeInRight-data-v-7cf3f8e6 1s; } @-webkit-keyframes zoomOutRight-data-v-7cf3f8e6 { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(1000px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; } } @keyframes zoomOutRight-data-v-7cf3f8e6 { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(1000px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(1000px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight[data-v-7cf3f8e6] { -webkit-animation: zoomOutRight-data-v-7cf3f8e6 1s; animation: zoomOutRight-data-v-7cf3f8e6 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } /*提货成功营销弹框 end*/ /*流程图轮播弹框 start*/ .mods-help .mods-cont[data-v-7cf3f8e6] { width: 700px; height: 420px; margin-left: -350px; margin-top: -210px; } .mods-help .mods-cont .swiper-container[data-v-7cf3f8e6] { overflow: initial; } .mods-help .mc-cont[data-v-7cf3f8e6] { padding: 0; } .mods-help .mc-cont .btnhover[data-v-7cf3f8e6] { padding: 10px 18px; background-color: #e62226; color: #fff; font-size: 14px; border-radius: 6px; -webkit-border-radius: 6px; } .modhelp[data-v-7cf3f8e6] { position: relative; height: 380px; } .modhelp .helper[data-v-7cf3f8e6] { position: absolute; width: 150px; height: 220px; left: 30px; top: 34px; } .modhelp p[data-v-7cf3f8e6], .modhelp h3[data-v-7cf3f8e6] { left: 195px; position: absolute; z-index: 1; } .modhelp h3[data-v-7cf3f8e6] { font-size: 24px; color: #333; top: 72px; } .modhelp p[data-v-7cf3f8e6]:nth-of-type(1) { color: #666; font-size: 18px; top: 112px; } .modhelp p[data-v-7cf3f8e6]:nth-of-type(2) { top: 172px; } .modhelp .modhelp-shine[data-v-7cf3f8e6] { width: 260px; height: 260px; position: absolute; right: 18px; top: 112px; } .modhelp .modhelp-box[data-v-7cf3f8e6] { width: 215px; height: 215px; position: absolute; right: 40px; top: 135px; z-index: 1; border-radius: 100%; -webkit-border-radius: 100%; } .modhelp .modhelp-box img[data-v-7cf3f8e6] { width: 215px; height: 215px; border-radius: 100%; -webkit-border-radius: 100%; } .modhelp .modhelp-box-shadow[data-v-7cf3f8e6] { width: 215px; height: 215px; position: absolute; left: 0; top: 0; z-index: 2; border-radius: 100%; -webkit-border-radius: 100%; background: rgba(0, 0, 0, .3); } .modhelp .wy[data-v-7cf3f8e6] { position: absolute; z-index: 3; bottom: 0; left: 50%; margin-left: -55px; width: 110px; height: 110px; background: #fff; border-radius: 100%; -webkit-border-radius: 100%; overflow: hidden; } .modhelp .wy b[data-v-7cf3f8e6], .modhelp .wy i[data-v-7cf3f8e6] { display: block; height: 40px; margin: 35px 0; } .modhelp .wy b[data-v-7cf3f8e6] { background: #e62226; } .modhelp .wy.wyshake[data-v-7cf3f8e6] { background: #f2f2f2; } .modhelp .wy i[data-v-7cf3f8e6] { background: #fff; } .modhelp-box .tit[data-v-7cf3f8e6] { position: absolute; z-index: 3; font-size: 18px; color: #fff; top: 150px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .modhelp-box .yytit[data-v-7cf3f8e6] { font-size: 16px; color: #333; } .modhelp-box .yytit[data-v-7cf3f8e6]:before { margin: 10px 5px; width: 20px; height: 20px; content: "\E636"; color: #f18110; font-size: 18px; } .modhelp .helpline[data-v-7cf3f8e6] { position: absolute; left: 283px; top: 245px; } .mods-help .swiper-pagination[data-v-7cf3f8e6] { width: 100%; bottom: 20px; text-align: center; } .mods-help .swiper-pagination-bullet[data-v-7cf3f8e6] { width: 8px; height: 8px; display: inline-block; width: 10px; height: 10px; margin: 0 5px; background-color: #666; } .mods-help .swiper-pagination-bullet-active[data-v-7cf3f8e6] { background-color: #333; } .wy[data-v-7cf3f8e6] { -webkit-animation: wyshake-data-v-7cf3f8e6 infinite 2s 1.3s; animation: wyshake-data-v-7cf3f8e6 infinite 2s 1.3s; } @-webkit-keyframes wyshake-data-v-7cf3f8e6 { 0% { -webkit-transform: none; } 20% { -webkit-transform: translateX(-5px); } 40% { -webkit-transform: translateX(5px); } 60% { -webkit-transform: translateX(0px); } 0% { -webkit-transform: none; } } @keyframes wyshake-data-v-7cf3f8e6 { 0% { -webkit-transform: none; transform: none; } 20% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 40% { -webkit-transform: translateX(5px); transform: translateX(5px); } 60% { -webkit-transform: translateX(0px); transform: translateX(0px); } 0% { -webkit-transform: none; transform: none; } } /*换流程图轮播弹框 end*/ /*提货模块cardProject所有弹窗样式 end*/ .el-select-dropdown__item.selected[data-v-7cf3f8e6] { color: #e62226; } /*游戏弹框 start*/ .hide-body[data-v-7cf3f8e6] { width: 804px; height: 498px; margin-left: -500px; margin-top: -289px; } .game .hide-body[data-v-7cf3f8e6] { margin-left: -402px; } .login-body[data-v-7cf3f8e6] { width: 804px; height: 498px; position: relative; } .game .lgb-cont[data-v-7cf3f8e6] { padding: 0; } .mobmodel[data-v-7cf3f8e6] { width: 246px; height: 454px; border: 2px solid #999; background-color: #eee; border-radius: 20px; position: absolute; z-index: 2; left: 44px; top: 36px; -webkit-animation: toleft-data-v-7cf3f8e6 1s 1s backwards; animation: toleft-data-v-7cf3f8e6 1s 1s backwards; } .mobtop[data-v-7cf3f8e6], .tankuang .zi[data-v-7cf3f8e6], .tankuang .line1[data-v-7cf3f8e6], .tankuang .line2[data-v-7cf3f8e6], .tankuang .qiu[data-v-7cf3f8e6] { background-image: url(https://presale.jhtsoft.com/picms/4ecf747b652bf.png); background-repeat: no-repeat; } .mobtop[data-v-7cf3f8e6] { width: 235px; height: 20px; position: absolute; z-index: 1; top: 10px; left: 5.5px; background-position: -43px -305px; } .mobtop[data-v-7cf3f8e6]:before { display: block; content: ""; position: absolute; width: 30px; height: 4px; background-color: #ccc; top: 3px; left: 50%; margin-left: -15px; border-radius: 2px; } .mobmodel img[data-v-7cf3f8e6] { display: block; width: 235px; height: 435px; margin: 10px auto; border-radius: 20px; } .tankuang .zi[data-v-7cf3f8e6] { width: 285px; height: 66px; background-position: 0 0; position: absolute; z-index: 4; top: 47px; left: 340px; -webkit-animation: bounceIn .8s 1s backwards; animation: bounceIn .8s 1s backwards; } .round[data-v-7cf3f8e6] { position: absolute; z-index: 3; top: 40px; left: 257px; width: 455px; height: 455px; background-image: url(https://presale.jhtsoft.com/picms/4ecf496640f45.jpg); background-size: 100% 100%; border-radius: 100%; color: #fff; border: 6px solid #9c77e6; -webkit-animation: bounceIn .8s .3s backwards; animation: bounceIn .8s .3s backwards; } .round .jpcon[data-v-7cf3f8e6] { width: 335px; max-height: 196px; overflow-y: auto; margin-top: 92px; margin-left: 70px; } .round .jpcon p[data-v-7cf3f8e6] { font-size: 16px; line-height: 28px; text-align: left; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .round .jpcon p strong[data-v-7cf3f8e6] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .round .jpcon p strong.font13[data-v-7cf3f8e6] { font-size: 13px; } .round .gamecode[data-v-7cf3f8e6] { width: 130px; height: 130px; background-color: #fff; margin: 10px auto 0; } .round .gamecode img[data-v-7cf3f8e6] { width: 110px; height: 110px; display: block; margin: 0 auto; padding-top: 10px; } .succescon[data-v-7cf3f8e6] { padding-top: 80px; } .tankuang .kuai1[data-v-7cf3f8e6], .tankuang .kuai2[data-v-7cf3f8e6], .tankuang .sj1[data-v-7cf3f8e6], .tankuang .sj2[data-v-7cf3f8e6], .tankuang .line1[data-v-7cf3f8e6], .tankuang .line2[data-v-7cf3f8e6], .tankuang .qiu[data-v-7cf3f8e6] { display: block; position: absolute; } .tankuang .kuai1[data-v-7cf3f8e6], .tankuang .kuai2[data-v-7cf3f8e6] { width: 210px; height: 260px; background-image: url(https://presale.jhtsoft.com/picms/4ecf1b6f14f97.png); background-size: 100% 100%; z-index: 1; } .tankuang .kuai1[data-v-7cf3f8e6] { top: -27px; left: 127px; -webkit-transform: rotateZ(458deg); transform: rotateZ(458deg); } .tankuang .kuai2[data-v-7cf3f8e6] { top: 155px; left: 590px; -webkit-animation: pulse-data-v-7cf3f8e6 1.5s infinite; animation: pulse-data-v-7cf3f8e6 1.5s infinite; } .sj1ani[data-v-7cf3f8e6] { -webkit-animation: pulse-data-v-7cf3f8e6 2.5s infinite; animation: pulse-data-v-7cf3f8e6 2.5s infinite; } .kuai1ani[data-v-7cf3f8e6] { -webkit-animation: pulse-data-v-7cf3f8e6 2s infinite; animation: pulse-data-v-7cf3f8e6 2s infinite; } .tankuang .sj1[data-v-7cf3f8e6], .tankuang .sj2[data-v-7cf3f8e6] { width: 106px; height: 77px; background-image: url(https://presale.jhtsoft.com/picms/4ed0222884c98.png); background-size: 100% 100%; } .sj1ani[data-v-7cf3f8e6] { position: absolute; width: 106px; height: 77px; z-index: 3; left: -30px; top: 90px; } .tankuang .sj1[data-v-7cf3f8e6] { -webkit-transform: rotateZ(-136deg); transform: rotateZ(-136deg); } .tankuang .sj2[data-v-7cf3f8e6] { z-index: 2; top: 400px; right: 60px; -webkit-animation: pulse-data-v-7cf3f8e6 2.5s infinite; animation: pulse-data-v-7cf3f8e6 2.5s infinite; } .tankuang .line1[data-v-7cf3f8e6], .tankuang .line2[data-v-7cf3f8e6] { z-index: 3; } .tankuang .line1[data-v-7cf3f8e6] { width: 285px; height: 126px; background-position: 0 -167px; top: 0; left: 263px; z-index: 1; } .tankuang .line2[data-v-7cf3f8e6] { width: 36px; height: 197px; background-position: 0 -303px; top: 192px; right: 53px; } .tankuang .qiu[data-v-7cf3f8e6] { z-index: 2; width: 87px; height: 87px; background-position: -112px -73px; left: 269px; bottom: -10px; -webkit-animation: pulse-data-v-7cf3f8e6 2s infinite; animation: pulse-data-v-7cf3f8e6 2s infinite; } @-webkit-keyframes pulse-data-v-7cf3f8e6 { from { -webkit-transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(0, -10px, 0); } to { -webkit-transform: translate3d(0, 0, 0); } } @keyframes pulse-data-v-7cf3f8e6 { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes toleft-data-v-7cf3f8e6 { 0% { opacity: 0; left: 700px; } 100% { opacity: 1; left: 44px; } } @keyframes toleft-data-v-7cf3f8e6 { 0% { opacity: 0; left: 700px; } 100% { opacity: 1; left: 44px; } } /*游戏弹框 end*/ /*游戏弹框新 start*/ .gameyx .hide-body[data-v-7cf3f8e6] { width: 660px; height: 660px; margin-left: -330px; margin-top: -330px; padding-top: 0; } .gameyx .login-body[data-v-7cf3f8e6] {width: 660px; height: 660px; } .gameyx .hide-body span[data-v-7cf3f8e6] { top: -40px; right: -50px; -webkit-animation: expand-data-v-7cf3f8e6 0.5s 4s backwards;animation: expand-data-v-7cf3f8e6 0.5s 4s backwards; } .gameyx .sma[data-v-7cf3f8e6] { position: absolute; z-index: 3; top: 0; left: 10px; width: 640px; height: 200px; background: url("https://presale.jhtsoft.com/picms/2db5fe402dea60.png") no-repeat center top;-webkit-animation: bounceIn .8s backwards;animation: bounceIn .8s backwards; } .gameyx .sma[data-v-7cf3f8e6]:after { position: absolute; content: ""; width: 115px; height: 70px; background: url("https://presale.jhtsoft.com/picms/2db5fac87c8332.png") no-repeat 0 0;top: 4px;left: 130px;z-index: 5; -webkit-animation: hbs-data-v-7cf3f8e6 steps(2) 1s 1.5s infinite; animation: hbs-data-v-7cf3f8e6 steps(2) 1s 1.5s infinite; } .gameyx .ma[data-v-7cf3f8e6] { position: absolute; top: 40px; left: 130px; z-index: 4; width: 110px; height: 125px; -webkit-transform:rotate(-5deg);transform:rotate(-5deg); background-color: #fff; } .gameyx .ma img[data-v-7cf3f8e6] {display: block; width: 90px; height: 90px; margin: 10px 10px 2px; } .gameyx .ma p[data-v-7cf3f8e6] {color: #c23ffa; font-size: 16px; font-weight: bold; margin-bottom: 0; } .gameyx .lucky[data-v-7cf3f8e6] { position: absolute; z-index: 1; left: 50%;margin-left: -260px; top: 125px; width: 520px; height: 107px; -webkit-animation: bounceInUp-data-v-7cf3f8e6 1s 2s backwards;animation: bounceInUp-data-v-7cf3f8e6 1s 2s backwards; background:url("https://presale.jhtsoft.com/picms/37c2476e466308.png") no-repeat center top; } .gameyx .jxgun[data-v-7cf3f8e6] {position: absolute; z-index: 4;left: 50%;margin-left: -260px;top: 125px;width: 520px; margin-top: 38px;height: 40px;-webkit-animation: bounceInUp-data-v-7cf3f8e6 1s 2s backwards;animation: bounceInUp-data-v-7cf3f8e6 1s 2s backwards; } .gameyx .itgw-wrap[data-v-7cf3f8e6] {height: 40px;white-space: nowrap;overflow: hidden;-webkit-transform: rotate(-5deg);transform: rotate(-5deg); } .gameyx .itgw-wrap ul[data-v-7cf3f8e6] {padding-left: 20px;padding-right: 40px; } .gameyx .itgw-wrap li[data-v-7cf3f8e6] {line-height: 40px;font-size:24px; color: #fff;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis; } .gameyx .itgw-wrap li[data-v-7cf3f8e6]:hover { cursor: pointer; } .jx[data-v-7cf3f8e6] {position: absolute; left: 0; top: 222px; width: 100%; z-index: 2;-webkit-perspective: 1200px;-o-perspective: 1200px;perspective: 1200px;-webkit-animation: expand-data-v-7cf3f8e6 1s 1s backwards;animation: expand-data-v-7cf3f8e6 1s 1s backwards; } .jx ul[data-v-7cf3f8e6] { width: 100%; font-size: 0; text-align: center; height: 322px;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;transition-property: transform;transition-property: transform, -webkit-transform;-webkit-box-sizing: content-box;box-sizing: content-box;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; } .jx li[data-v-7cf3f8e6] {display: inline-block; width:272px; height: 322px; background: url("https://presale.jhtsoft.com/picms/2db5e1b008dcf6.png") no-repeat center;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;webkit-flex-shrink: 0;-ms-flex: 0 0 auto;-ms-flex-negative: 0;flex-shrink: 0; position: relative; } .jx li[data-v-7cf3f8e6]:after { display: block;content: "";position: absolute;width: 180px;height: 2px;background: rgba(0,0,0,.2);border-radius: 100%;-webkit-box-shadow: 0 0 4px 4px rgba(0,0,0, 0.2);box-shadow: 0 0 4px 4px rgba(0,0,0, 0.2);left: 50%;margin-left: -90px;bottom: -20px; } .jx li div[data-v-7cf3f8e6] {width: 260px; height: 310px; margin: 6px;border-radius: 12px; background-color: #fff; } .jx li div b[data-v-7cf3f8e6] {display: block; position: relative;padding: 10px 10px 0px; width: 240px; height: 240px;position: relative; overflow: hidden; } .jx li div b img[data-v-7cf3f8e6] { display: block; position: absolute; margin: auto; left: 0; top: 0; right: 0; bottom: 0; width:auto; height: auto; max-width:240px ; max-height: 240px; overflow: hidden; } .jx li div p[data-v-7cf3f8e6] { height: 60px; line-height: 60px; text-align: center; font-size: 16px !important; color:#333 !important; margin-bottom: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0 10px; } .jx li.pre[data-v-7cf3f8e6]{-webkit-transform: translate3d(0px, 0px, -300px) rotateX(0deg) rotateY(-30deg);transform: translate3d(0px, 0px, -300px) rotateX(0deg) rotateY(-30deg); margin-right: 5px; } .jx li.active[data-v-7cf3f8e6] {-webkit-transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg);transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg); margin: 0 20px; } .jx li.next[data-v-7cf3f8e6] {-webkit-transform: translate3d(0px, 0px, -300px) rotateX(0deg) rotateY(30deg);transform: translate3d(0px, 0px, -300px) rotateX(0deg) rotateY(30deg); margin-left: 5px; } .gameyx .stage[data-v-7cf3f8e6] { width: 650px; height: 226px; position: absolute; z-index: 1; left: 50%; margin-left: -325px; bottom: -25px; -webkit-animation: expand-data-v-7cf3f8e6 1s .5s backwards;animation: expand-data-v-7cf3f8e6 1s .5s backwards; } .gameyx .stage img[data-v-7cf3f8e6] {display: block; width: 650px; height: 226px; } .gameyx .ani[data-v-7cf3f8e6] { display: block; position: absolute; z-index: 4; opacity: 0; } .gameyx em[data-v-7cf3f8e6] { display: block; } .gameyx .ani1[data-v-7cf3f8e6] {-webkit-animation: opty-data-v-7cf3f8e6 2.5s 3s forwards;animation: opty-data-v-7cf3f8e6 2.5s 3s forwards; width: 58px; height: 55px; left: 10px; top: 180px; } .gameyx .ani1 em[data-v-7cf3f8e6]{width: 58px; height: 55px;background: url("https://presale.jhtsoft.com/picms/2db5e76b5f3c30.png") no-repeat;-webkit-transform: rotateZ(30deg);transform: rotateZ(30deg); } .gameyx .ani2[data-v-7cf3f8e6] { width: 53px; height: 55px; background: url("https://presale.jhtsoft.com/picms/2db5ed5522912e.png") no-repeat; right: 100px; bottom: 87px;-webkit-animation: pulse2-data-v-7cf3f8e6 2.5s 3.5s infinite;animation: pulse2-data-v-7cf3f8e6 2.5s 3.5s infinite; } .gameyx .ani3[data-v-7cf3f8e6],.gameyx .ani4[data-v-7cf3f8e6],.gameyx .ani5[data-v-7cf3f8e6],.gameyx .ani6[data-v-7cf3f8e6] { background: url("https://presale.jhtsoft.com/picms/2db6017f36ee7c.png") no-repeat; } .gameyx .ani3[data-v-7cf3f8e6] {width: 15px; height: 15px; top: 144px; right: 60px; background-position: -61px -4px; -webkit-animation: opty-data-v-7cf3f8e6 2.5s 3.8s forwards;animation: opty-data-v-7cf3f8e6 2.5s 3.8s forwards; } .gameyx .ani4[data-v-7cf3f8e6],.gameyx .ani5[data-v-7cf3f8e6] {width: 24px; height: 24px; background-position: -104px -2px; } .gameyx .ani4[data-v-7cf3f8e6] {top: 160px; right: 35px; -webkit-animation: opty-data-v-7cf3f8e6 2.5s 3s forwards;animation: opty-data-v-7cf3f8e6 2.5s 3s forwards; } .gameyx .ani5[data-v-7cf3f8e6] {left: 150px; bottom: 100px;-webkit-animation: pulse2-data-v-7cf3f8e6 2.5s 3.5s infinite;animation: pulse2-data-v-7cf3f8e6 2.5s 3.5s infinite; } .gameyx .ani6[data-v-7cf3f8e6] { width: 26px; height: 26px; top: 210px; right: 75px; background-position:-5px -2px; -webkit-animation: opty-data-v-7cf3f8e6 2.5s 3.8s forwards;animation: opty-data-v-7cf3f8e6 2.5s 3.8s forwards; } @-webkit-keyframes hbs-data-v-7cf3f8e6{ 0%{ background-position: 0 0; } 100%{ background-position: -268px 0; } } @keyframes hbs-data-v-7cf3f8e6{ 0%{ background-position: 0 0; } 100%{ background-position: -268px 0; } } @-webkit-keyframes expand-data-v-7cf3f8e6 { 0% {opacity:0;-webkit-transform:scale(0);transform:scale(0); } 100% {opacity:1;-webkit-transform:scale(1);transform:scale(1); } } @keyframes expand-data-v-7cf3f8e6 { 0% {opacity:0;-webkit-transform:scale(0);transform:scale(0); } 100% {opacity:1;-webkit-transform:scale(1);transform:scale(1); } } @-webkit-keyframes opty-data-v-7cf3f8e6{ 0%{ opacity: 0; } 100%{ opacity: 1; } } @keyframes opty-data-v-7cf3f8e6{ 0%{ opacity: 0; } 100%{ opacity: 1; } } @-webkit-keyframes pulse2-data-v-7cf3f8e6 { 0% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); } 50% {opacity: 1; -webkit-transform: translate3d(0, -10px, 0); } 100% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); } } @keyframes pulse2-data-v-7cf3f8e6 { 0% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% {opacity: 1; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 100% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes bounceInUp-data-v-7cf3f8e6{ 0%, 100%, 60%, 75%, 90% {-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);transition-timing-function: cubic-bezier(0.215,.61,.355,1); } 0% {opacity: 0;-webkit-transform: translate3d(0,3000px,0);transform: translate3d(0,3000px,0); } 60% {opacity: 1;-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0); } 75% {-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,10px,0); } 90% {-webkit-transform: translate3d(0,-5px,0);transform: translate3d(0,-5px,0); } 100% {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes bounceInUp-data-v-7cf3f8e6{ 0%, 100%, 60%, 75%, 90% {-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);transition-timing-function: cubic-bezier(0.215,.61,.355,1); } 0% {opacity: 0;-webkit-transform: translate3d(0,3000px,0);transform: translate3d(0,3000px,0); } 60% {opacity: 1;-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0); } 75% {-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,10px,0); } 90% {-webkit-transform: translate3d(0,-5px,0);transform: translate3d(0,-5px,0); } 100% {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } /*游戏弹框新 end*/ .zbd-part-ul li div h5[data-v-7cf3f8e6]{margin-bottom: 16px;padding-top: 5px; color: #999 } .redColor[data-v-7cf3f8e6]{color: #e62226!important } .noneBackgroundColor[data-v-64be4d6e]{ background: none; } a[data-v-13b2da2b] {margin-right: 130px;line-height: 30px } /*查询申请提货验证 start*/ .top[data-v-482ac54b] { height: 600px; background-repeat: repeat-x; background-position:top center; background-size:auto 100% ; } .topbg[data-v-482ac54b] { position: relative; margin: 0 auto; width: 1200px; height: 600px } .topleft[data-v-482ac54b] { float: left; width: 520px; height: 215px; margin-top: 180px; margin-left: 10px } .topleft img[data-v-482ac54b] { width: 520px; height: 215px } .topright[data-v-482ac54b] { position: absolute; right: 0; width: 560px; background: #fff; -webkit-box-shadow: 0 0 8px #dfdfdf; box-shadow: 0 0 8px #dfdfdf; background-image: url(https://presale.jhtsoft.com/picms/384a120de9aace.png), url(https://presale.jhtsoft.com/picms/384a1634413bb8.png), url(https://presale.jhtsoft.com/picms/384a1a1ff2abbc.png); background-position: 20px 80px, 30px 510px, right bottom; background-repeat: no-repeat, no-repeat, no-repeat; background-size: 73px 71px, 140px 90px, 153px 92px } .toprightka[data-v-482ac54b] { position: absolute; top: -81px; width: 100%; height: 162px } .toprightka span[data-v-482ac54b] { width: 162px; height: 162px; float: left; background: url(https://presale.jhtsoft.com/picms/384df4f7d3fcc0.png) no-repeat; position: absolute; text-align: center; line-height: 162px; font-size: 54px; color: #e62226; font-weight: 700 } .toprightka span[data-v-482ac54b]:first-child { z-index: 1; left: 25px; animation-delay: .6s; -webkit-animation-delay: .6s } .toprightka span[data-v-482ac54b]:nth-child(2) { z-index: 2; left: 145px; animation-delay: 1.2s; -webkit-animation-delay: 1.2s } .toprightka span[data-v-482ac54b]:nth-child(3) { z-index: 3; left: 260px; animation-delay: 1.8s; -webkit-animation-delay: 1.8s } .toprightka span[data-v-482ac54b]:nth-child(4) { z-index: 4; left: 376px; animation-delay: 2.4s; -webkit-animation-delay: 2.4s } .toprightkuang[data-v-482ac54b] { width: 560px; margin-top: 120px; min-height: 500px } .ser-kuang[data-v-482ac54b] { margin-top: 170px } .kuangtit[data-v-482ac54b] { padding: 0 80px; height: 50px; margin-bottom: 3px; border-bottom: solid 1px #ededed } .kuangtit a[data-v-482ac54b] { display: inline-block; float: left; width: 112px; margin: 0 44px; font-size: 28px; line-height: 47.5px; color: #bdbdbd } .kuangtit a.on[data-v-482ac54b] { color: #333; font-weight: 700; border-bottom: 5px solid #e62226 } .serform[data-v-482ac54b] { width: 400px; margin: 35px auto 0 } .serform .waring[data-v-482ac54b] { overflow: hidden; margin-bottom: 10px; font-size: 14px; color: #e62226; padding-left: 8px } .serform .waring[data-v-482ac54b]:before { display: inline-block; line-height: 20px; content: "\E637"; vertical-align: middle; margin: 0 5px 2px 0 } .serform span[data-v-482ac54b] { display: block; border: 1px solid #e1e1e1; line-height: 50px; overflow: hidden; padding: 0 20px; margin-bottom: 30px; border-radius: 2px; -moz-border-radius: 2px } .serform span input[data-v-482ac54b], .serform span label[data-v-482ac54b] { display: inline-block; float: left } .serform span label[data-v-482ac54b] { width: 65px; margin-right: 20px; font-size: 16px; color: #333 } .serform span input[data-v-482ac54b] { color: #333; font-size: 16px; height: 50px; line-height: 50px; width: calc(100% - 85px) } /*改为elementUI的input*/ .serform .flexUI[data-v-482ac54b] {padding-right:0; } .serform .flexUI[data-v-482ac54b] .el-input {width: calc(100% - 85px); } .serform .flexUI[data-v-482ac54b] .el-input__inner {border:none;padding-left:0;font-size: 16px; } .serform span.sel-yyadrs[data-v-482ac54b] { position: relative } .serform span.sel-yyadrs input[data-v-482ac54b] { width: calc(100% - 100px) } .sel-yyadrs[data-v-482ac54b]:after { position: absolute; content: "\E66B"; right: 10px; top: 0; line-height: 50px } .serform p[data-v-482ac54b]:last-child { padding: 30px 0; color: #999; font-size: 14px } .serform p[data-v-482ac54b]:last-child:before { display: inline-block; content: "\E626"; font-size: 18px; color: #ffa641; margin-right: 5px } .serform p:last-child a[data-v-482ac54b] { color: #333; font-weight: 600; margin-left: 5px } .serform .btn[data-v-482ac54b] { display: block; width: 100%; line-height: 50px; border-radius: 2px; font-size: 18px; letter-spacing: 5px } .serform span select[data-v-482ac54b] { border: transparent; background: #f7f7f7; padding: 10px 2px; max-width: 130px; min-width: 100px } /*申请送货框补充地址选择 zz*/ .toprightkuang .ct-send[data-v-482ac54b] { float: none; margin-bottom: 30px; height: 48px; line-height: 46px; border: 1px solid #e1e1e1; padding: 0 20px } .toprightkuang .ct-send em[data-v-482ac54b] { border: 1px solid #fff; padding-left: 23px } .toprightkuang .ct-send em.sdown[data-v-482ac54b] { border-color: #e0e0e0; border-bottom-color: #e0e0e0; border-bottom: none; margin-top: 1px } .toprightkuang .ct-send .sendiv[data-v-482ac54b] { top: 46px; border: 1px solid #fff } .toprightkuang .ct-send input[data-v-482ac54b] { width: 255px } .toprightkuang .ct-send.sdopen .sendiv[data-v-482ac54b] { border: 1px solid #e0e0e0; right: -1px } /*查询申请提货验证 end*/ /*券卡验证商品列表 start*/ .zbd[data-v-482ac54b] { margin: 0 auto; height: auto; margin-top: -30px; background-image: url(https://presale.jhtsoft.com/picms/384a120de9aace.png), url(https://presale.jhtsoft.com/picms/384a1634413bb8.png), url(https://presale.jhtsoft.com/picms/384a120de9aace.png), url(https://presale.jhtsoft.com/picms/384a1634413bb8.png); background-position: 3% 0, 95% 70px, 3% bottom, 95% bottom; background-repeat: no-repeat, no-repeat, no-repeat, no-repeat; background-size: 232px 210px, 184px 156px, 232px 210px, 184px 156px; display: none } .zbd-part[data-v-482ac54b] { width: 1200px; margin: 0 auto; padding-top: 30px } .zbd-part-tit[data-v-482ac54b] { height: 50px; line-height: 50px; font-size: 16px; border-bottom: 2px solid #e6e6e6; overflow: hidden; background: #eee } .zbd-part-tit a[data-v-482ac54b], .zbd-part-tit span[data-v-482ac54b] { display: inline-block } .zbd-part-tit a[data-v-482ac54b]:first-child { float: left; padding-left: 20px; color: #666 } .zbd-part-tit a:first-child span[data-v-482ac54b] { font-size: 18px; color: #e62226; font-family: Arial, Verdana, "\5B8B\4F53" } .zbd-part-tit a:first-child span b[data-v-482ac54b] { margin: 0 5px; display: inline-block } .zbd-part-tit span[data-v-482ac54b] { float: right; height: 50px } .zbd-part-tit span a[data-v-482ac54b] { margin-right: 25px; color: #e62226 } .zbd-part-tit span a[data-v-482ac54b]:first-child { color: #f18110 } .zbd-part-tit .code-description[data-v-482ac54b] { display: inline-block; height: 28px; line-height: 28px; margin: 11px 20px; font-size: 14px; color: #666; overflow: hidden } .zbd-part-tit .code-description small[data-v-482ac54b] { font-size: 14px } .zbd-part-tit .code-description em[data-v-482ac54b], .zbd-part-tit .code-description em button[data-v-482ac54b], .zbd-part-tit .code-description em input[data-v-482ac54b], .zbd-part-tit .code-description label[data-v-482ac54b], .zbd-part-tit .code-description span[data-v-482ac54b] { display: inline-block; float: left } .zbd-part-tit .code-description em[data-v-482ac54b] { border: solid 1px #ccc; height: 24px; margin: 0 10px } .zbd-part-tit .code-description em button[data-v-482ac54b] { width: 24px; height: 24px; background: #fff; text-align: center; outline: 0; border: none } .zbd-part-tit .code-description em button[data-v-482ac54b]:active, .zbd-part-tit .code-description em button[data-v-482ac54b]:hover { background: rgba(241, 2, 21, .1); color: #e62226 } .zbd-part-tit .code-description em input[data-v-482ac54b] { width: 53px; height: 24px; border-left: solid 1px #e0e0e0; border-right: solid 1px #e0e0e0; line-height: 24px; text-align: center; font-size: 14px; color: #333 } .zbd-part-tit .code-description small b[data-v-482ac54b] { color: #333; font-weight: 600; margin: 0 5px } .zbd-part-ul[data-v-482ac54b] { padding: 0 20px } .zbd-part-ul li[data-v-482ac54b] { display: block; overflow: hidden; padding-top: 30px; padding-bottom: 50px } .zbd-part-ul li .zpu-tu[data-v-482ac54b] { float: left; display: inline-block } .zbd-part-ul li .zpu-tu img[data-v-482ac54b] { width: 188px; height: 188px; border-radius: 50%; -moz-border-radius: 50%; border: 2px solid #a67761; -webkit-animation: rotate 1s linear; animation: rotate 1s linear } .zbd-part-ul li div[data-v-482ac54b] { float: left; margin-left: 32px; width: 936px } .zbd-part-ul li div a[data-v-482ac54b], .zbd-part-ul li div p[data-v-482ac54b] { margin-bottom: 10px; font-size: 14px; display: block; line-height: 20px; color: #999; line-height: 20px; font-size: 14px; min-height: 20px; position: relative; overflow: hidden } .zbd-part-ul li div .card-p[data-v-482ac54b] { position: relative; padding-right: 50px; max-height: 20px } .zbd-part-ul li div p i[data-v-482ac54b] { position: absolute; top: 0; right: 15px; display: none; width: 20px; height: 20px; text-align: center; font-size: 20px; color: #333; font-weight: 600; cursor: pointer; -webkit-transition: all .5s ease; transition: all .5s ease } .zbd-part-ul li div a[data-v-482ac54b] { font-size: 18px; color: #333; height: 25px; line-height: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .zbd-part-ul li div a em[data-v-482ac54b] { font-weight: 600 } .zbd-part-ul li div a em[data-v-482ac54b]:first-child { margin-right: 10px } .zbd-part-ul li div a[data-v-482ac54b]:hover { color: #e62226 } .zbd-part-ul li div p[data-v-482ac54b]:nth-child(3) { color: #e62226; margin-bottom: 16px; padding-top: 5px } .zbd-part-ul li .bigred[data-v-482ac54b] { font-size: 24px; font-weight: 700; font-family: Arial, Verdana, "\5B8B\4F53" } .zbd-part-ul li .hei[data-v-482ac54b] { color: #333 } .card-foot[data-v-482ac54b] { width: 950px; margin: 50px auto 100px; padding-left: 250px; height: 50px } .card-foot [type=button][data-v-482ac54b], .card-foot a[data-v-482ac54b], .card-foot span[data-v-482ac54b] { display: inline-block } .card-foot a[data-v-482ac54b], .card-foot span[data-v-482ac54b] { font-size: 14px; line-height: 50px } .card-foot span[data-v-482ac54b] { color: #666 } .card-foot span i[data-v-482ac54b] { font-size: 18px; color: #f18110; margin: 0 5px } .card-foot a[data-v-482ac54b] { margin: 0 30px 0 10px; color: #f18110 } .card-foot .btn[data-v-482ac54b] { width: 260px; border-radius: 2px; -moz-border-radius: 2px; height: 48px; line-height: 48px; font-size: 18px } /*返回顶部*/ .totop[data-v-482ac54b] { position: fixed; bottom: 10%; right: 5%; cursor: pointer; opacity: 0; width: 80px; height: 80px; border-radius: 100%; background: #ccc; color: #fff; line-height: 80px; text-align: center; font-size: 60px; font-weight: 400; -webkit-transition: opacity .3s; transition: opacity .3s } .totop[data-v-482ac54b]:hover { background: #e62226 } /*券卡验证商品列表 end*/ /*选定网点 strat*/ .network[data-v-482ac54b] { overflow: hidden; } .network span[data-v-482ac54b], .network .nw-cont[data-v-482ac54b] { display: inline-block; float: left; } .network span[data-v-482ac54b] { width: 180px; height: 130px; margin-right: 20px; } .network span img[data-v-482ac54b] { width: 100%; height: 100%; } .network .nw-cont[data-v-482ac54b] { width: 1000px; } .network .nw-cont p[data-v-482ac54b]:first-child { line-height: 35px; border-bottom: 2px solid #e6e6e6; overflow: hidden; } .network .nw-cont p:first-child b[data-v-482ac54b] { float: left; color: #333; font-size: 18px; font-weight: bold; } .network .nw-cont p:first-child em[data-v-482ac54b] { float: left; color: #666; font-size: 16px; padding-left: 20px; } .network .nw-cont p:first-child a[data-v-482ac54b] { float: right; padding-right: 20px; color: #f18110; font-size: 16px; } .network p[data-v-482ac54b]:not(:first-child) { line-height: 25px; padding-top: 8px; font-size: 14px; } .network p i[data-v-482ac54b] { display: inline-block; width: 72px; } .network p:nth-child(3) b[data-v-482ac54b] { margin-right: 20px; } .network p[data-v-482ac54b]:last-child { position: relative; padding-left: 72px; } .network p:last-child i[data-v-482ac54b] { position: absolute; left: 0; top: 8px; width: 72px; display: inline-block; line-height: 25px; } .network p:last-child b[data-v-482ac54b] { display: inline-block; margin-right: 0; cursor: pointer; } .network p:last-child b[data-v-482ac54b]:after { display: inline-block; content: "\E696"; height: 25px; line-height: 25px; font-size: 20px; margin-left: 25px; color: #f18110; } .nw-map[data-v-482ac54b] { height: 0; overflow: hidden; margin-top: 20px; -webkit-transition: height .2s; transition: height .2s; } .nw-map img[data-v-482ac54b] { border: none; width: 100%; } .nw-map.sdopen[data-v-482ac54b] { height: 180px; } /*选定网点 end*/ /*完善地址信息 start*/ .bd[data-v-482ac54b] { background: #f6f6f6; padding: 20px 0; min-height: 500px; } .bdpart[data-v-482ac54b] { width: 1200px; margin: 0 auto; } .bdpart-tit[data-v-482ac54b] { line-height: 30px; padding: 15px 0; margin-bottom: 30px; overflow: hidden; border-bottom: 2px solid #e6e6e6; } .bdpart-tit b[data-v-482ac54b], .bdpart-tit span[data-v-482ac54b], .bdpart-tit em[data-v-482ac54b] { display: inline-block; float: left; margin-left: 20px; font-size: 16px; } .bdpart-tit span[data-v-482ac54b] { max-width: 620px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .bdpart-tit a[data-v-482ac54b] { float: right; font-size: 16px; color: #f18110; } .bdpart-tit big[data-v-482ac54b] { display: inline-block; float: left; font-size: 20px; font-weight: bold; } .bdpart-tit em i[data-v-482ac54b] { color: #f18110; } .adrs-form[data-v-482ac54b] { padding: 0 20px; overflow: hidden; } .adrs-form p[data-v-482ac54b]:not(:last-child), .adrs-form .adrs-div[data-v-482ac54b] { height: 42px; line-height: 40px; margin-bottom: 10px; font-size: 16px; overflow: hidden; } .adrs-form em[data-v-482ac54b], .adrs-form input[data-v-482ac54b], .adrs-form span[data-v-482ac54b], .adrs-form small[data-v-482ac54b], .adrs-form .adrs-div .adrs-select[data-v-482ac54b], .adrs-form .adrs-div .adrs-select select[data-v-482ac54b] { display: inline-block; float: left; } .adrs-form em[data-v-482ac54b] { width: 160px; height: 40px; line-height: 40px; text-align: right; color: #666; } .adrs-form em b[data-v-482ac54b] { color: #e62226; margin-right: 5px; } .adrs-form p:not(:last-child) input[data-v-482ac54b] { margin: 0 15px 0 5px; width: 340px; height: 30px; line-height: 30px; border: 1px solid #ededed; padding: 5px 10px; font-size: 16px; -webkit-transition: all .3s; transition: all .3s; } .adrs-form p:not(:last-child) input[data-v-482ac54b]:hover { border-color: #c0c4cc } .adrs-form span[data-v-482ac54b] { color: #e62226; font-size: 14px; } .adrs-form span[data-v-482ac54b]:before { display: inline-block; content: "\E637"; font-size: 14px; margin-right: 5px; vertical-align: top; } .adrs-form small[data-v-482ac54b] { display: inline-block; color: #999; font-size: 14px; max-width: calc(100% - 602px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .adrs-form .adrs-div .adrs-select[data-v-482ac54b] { width: 362px; height: 40px; margin: 0 15px 0 5px; } .adrs-form .adrs-div .adrs-select select[data-v-482ac54b] { width: 114px; height: 40px; border: solid 1px #e1e1e1; margin-right: 10px; text-align-last: center; text-align: center; color: #333; } .adrs-form .adrs-div .adrs-select select option[data-v-482ac54b]:disabled{color: #ccc; } .adrs-form .adrs-div .adrs-select select[data-v-482ac54b]:last-child { margin-right: 0; } .adrs-form p[data-v-482ac54b]:last-child { padding-left: 165px; margin-top: 30px; } .adrs-form p:last-child [type='button'][data-v-482ac54b] { width: 170px; height: 48px; line-height: 48px; margin-right: 20px; } .adrs-form .btn-default[data-v-482ac54b] { background: #e0e0e0; } .adrs-form .btn-default[data-v-482ac54b]:hover { background: #ccc; color: #333; } /*完善地址信息 end*/ /*提交成功订单 start*/ .adv[data-v-482ac54b] { position: relative; width: 100%; height: 100px; text-align: center; overflow: hidden; } .adv.none[data-v-482ac54b] { height: 0; padding: 0; border: none; margin: 0; } .adv a img[data-v-482ac54b] { width: 100%; height: 100px; } .adv p[data-v-482ac54b] { width: 1200px; position: absolute; top: 5px; left: 50%; margin-left: -600px; } .adv p .icon-gb[data-v-482ac54b] { position: absolute; z-index: 1; right: 0; color: #fff; } .uinfo .uif-cont[data-v-482ac54b] { padding: 0 20px; position: relative; } .uinfo .uif-cont p[data-v-482ac54b] { position: relative; padding-left: 160px; width: calc(70% - 150px); line-height: 20px; margin-bottom: 10px; padding-right: 30%; padding-bottom: 10px; font-size: 14px; } .uinfo .uif-cont p label[data-v-482ac54b] { position: absolute; left: 0; top: 0; width: 150px; color: #666; text-align: right; } .uinfo .uif-cont .marketad-tu[data-v-482ac54b] { position: absolute; right: 0; top: 0; width: 152px; height: 120px; -webkit-animation: dhpic 1s linear infinite alternate; animation: dhpic 1s linear infinite alternate; display: none; } .uinfo .uif-cont .marketad-tu img[data-v-482ac54b] { width: 100%; } /*订单提交成功信息 end*/ /*券卡订单产品推荐 start*/ .plist-rcommend[data-v-482ac54b] { width: 1200px; margin: 0 auto; overflow: hidden; } .plist-rcommend .pr-tit[data-v-482ac54b] { width: calc(100% - 40px); line-height: 30px; padding: 15px 20px; margin-bottom: 30px; overflow: hidden; border-bottom: 2px solid #e6e6e6; display: inline-block; font-size: 20px; font-weight: bold; } .plist-rcommend .swiper-container[data-v-482ac54b] { position: relative; width: 100%; overflow: visible !important; } .plist-rcommend .swiper-wrapper[data-v-482ac54b] { height: auto; margin-right: -14px; } .plist-rcommend .swiper-wrapper .swiper-slide[data-v-482ac54b] { float: left; display: inline-block; width: 292.5px; background: #fff; } .prc .swiper-button-prev[data-v-482ac54b], .prc .swiper-button-next[data-v-482ac54b] { position: absolute; top: -50px; width: 30px; height: 30px; line-height: 30px; font-size: 18px; border: solid 1px #ebebeb; z-index: 10; cursor: pointer; background: #fff; text-align: center; } .prc .swiper-button-prev[data-v-482ac54b]:hover, .prc .swiper-button-next[data-v-482ac54b]:hover { color: #e62226; } .prc .swiper-button-next.swiper-button-disabled[data-v-482ac54b], .prc .swiper-button-prev.swiper-button-disabled[data-v-482ac54b] { opacity: 1 !important; color: #d6d6d6; } .prc .swiper-button-prev[data-v-482ac54b] { left: 94%; } .prc .swiper-button-next[data-v-482ac54b] { right: 0; -webkit-transform: rotate3d(0, 0, 1, 180deg); transform: rotate3d(0, 0, 1, 180deg); } .plist-rcommend .prc a[data-v-482ac54b], .plist-rcommend .prc p[data-v-482ac54b], .plist-rcommend .prc span[data-v-482ac54b] { display: block; text-align: center; } .plist-rcommend .prc a[data-v-482ac54b]:first-child { padding: 20px 0; } .plist-rcommend .prc a:first-child img[data-v-482ac54b] { width: 188px; height: 188px; border-radius: 50%; -moz-border-radius: 50%; border: 2px solid #a67761; -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; -webkit-transform: translateY(0); transform: translateY(0) } .plist-rcommend .prc a:first-child:hover img[data-v-482ac54b] { -webkit-transform: translateY(-5px); transform: translateY(-5px) } .plist-rcommend .prc a[data-v-482ac54b]:nth-child(2) { margin: 0 10px; font-size: 16px; font-weight: 600; line-height: 30px; border-bottom: solid 1px #ebebeb; } .plist-rcommend .prc a[data-v-482ac54b]:nth-child(2), .plist-rcommend .prc p[data-v-482ac54b] { max-width: 272.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .plist-rcommend .prc p[data-v-482ac54b] { padding: 0 10px; font-size: 14px; line-height: 25px; } .plist-rcommend .prc span[data-v-482ac54b] { display: block; height: 30px; margin-top: 10px; padding: 10px 0; color: #fff; } .plist-rcommend .prc span b[data-v-482ac54b] { font-size: 24px; font-weight: bold; } /*券卡订单产品推荐 end*/ /* * 提货模块cardProject所有弹窗样式 * start */ /*更改商品弹窗 begin*/ .mods-cont .mc_cont[data-v-482ac54b] { overflow-y: auto; overflow-x: hidden; } .mc-tit span[data-v-482ac54b] { display: inline-block; float: left; height: 26px; line-height: 26px; margin: 7px 20px; font-size: 14px; color: #666; overflow: hidden; } .mc-tit span small[data-v-482ac54b] { font-size: 14px; } .mc-tit span label[data-v-482ac54b], .mc-tit span em[data-v-482ac54b], .mc-tit span span[data-v-482ac54b], .mc-tit span em button[data-v-482ac54b], .mc-tit span em input[data-v-482ac54b] { display: inline-block; float: left; } .mc-tit span em[data-v-482ac54b] { border: solid 1px #ccc; height: 24px; margin: 0 10px; } .mc-tit span em button[data-v-482ac54b] { width: 24px; height: 24px; background: #fff; text-align: center; outline: none; border: none; } .mc-tit span em button[data-v-482ac54b]:hover, .mc-tit span em button[data-v-482ac54b]:active { background: rgba(241, 129, 127, .1); color: #f18110; } .mc-tit span em input[data-v-482ac54b] { width: 53px; height: 24px; border-left: solid 1px #e0e0e0; border-right: solid 1px #e0e0e0; line-height: 24px; text-align: center; font-size: 14px; color: #333; } .mc-tit span small i[data-v-482ac54b] { color: #333; font-weight: 600; margin: 0 5px; } /* .mods-product .mods-cont { width:1000px; height: 600px; margin-left:-500px; margin-top:-300px;} */ .mods-product .mods-cont .mc_cont[data-v-482ac54b] { height: 550px; width: 1000px; padding-bottom: 10px; } .mc_cont .mcb-tit[data-v-482ac54b] { position: absolute; z-index: 4; top: 118px; left: 30px; padding: 10px 0; width: calc(100% - 60px); height: 25px; line-height: 25px; background: #fff; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mcb_ul[data-v-482ac54b] { height: auto; margin: 0 auto; text-align: left; } .mcb_ul.pd-t-mx[data-v-482ac54b] { padding-top: 123px; } .mcb_ul li[data-v-482ac54b] { position: relative; width: 580px; padding: 15px 0; height: auto; border-top: solid 1px #eee; } .mcb_ul li .mcb_ul_tu[data-v-482ac54b] { display: block; position: absolute; top: 30px; width: 80px; height: 80px; border: solid 1px #ccc; } .mcb_ul li .mcb_ul_tu img[data-v-482ac54b] { max-width: 100%; max-height: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .mcb_ul li div[data-v-482ac54b] { height: auto; min-height: 105px; line-height: 25px; } .mcb_ul li div a[data-v-482ac54b] { display: block; width: 100%; height: auto; line-height: 30px; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mcb_ul li div p[data-v-482ac54b] { display: block; padding-right: 60px; max-height: 25px; color: #999; line-height: 25px; font-size: 14px; position: relative; overflow: hidden; } .pedit_none .mcb_ul[data-v-482ac54b] { width: 940px; padding-right: 30px; padding-bottom: 90px; padding-left: 30px; } .pedit_none .mcb_ul li[data-v-482ac54b] { width: 940px; } .pedit_none .mcb_ul li span.icon-oncheck[data-v-482ac54b] { position: absolute; left: 10px; top: 55px; display: block; width: 30px; height: 30px; font-size: 30px; color: #e6e2e3; cursor: pointer; } .pedit_none .mcb_ul li span.icon-oncheck.cselected[data-v-482ac54b] { color: #f18110; } .pedit_none .mcb_ul li span input[type="checkbox"][data-v-482ac54b] { visibility: hidden; display: none; } .mcb_ul li .mcb_ul_tu[data-v-482ac54b] { display: block; position: absolute; top: 30px; width: 80px; height: 80px; border: solid 1px #ccc; } .mods-product .mcb_ul li .mcb_ul_tu[data-v-482ac54b] { left: 60px; } .pedit_none .mcb_ul li div[data-v-482ac54b] { width: 770px; padding-left: 170px; } .pedit_none .mcb_ul li div p[data-v-482ac54b]:last-child { width: 710px !important; } .mods-cont .mcp_zw[data-v-482ac54b] { position: absolute; z-index: 4; left: 0; top: 40px; height: 63px; background: #fff; padding: 25px 0 10px 0; } .mods-product .mods-cont .mcp_zw[data-v-482ac54b], .mods-product .mods-cont .mcp_zw .mcc-prdt[data-v-482ac54b], .mods-product .mods-cont .mcp_zw .mcc-prdt p[data-v-482ac54b] { width: 984px; } .mods-cont .mcp_zw .mcc-prdt[data-v-482ac54b] { position: relative; height: 45px; line-height: 45px; background: #eee; font-size: 18px; font-weight: 400; } .mods-cont .mcp_zw .mcc-prdt p[data-v-482ac54b] { position: absolute; left: 0; top: -8px; display: block; height: 63px; line-height: 63px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mods-cont .mcp_zw .mcc-prdt a[data-v-482ac54b] { text-align: center; color: #000; text-decoration: none; cursor: pointer; white-space: nowrap; overflow: hidden; font-size: 16px; text-overflow: ellipsis; } .mods-cont .mcp_zw .mcc-prdt a.active[data-v-482ac54b] { background: url(https://presale.jhtsoft.com/picms/3851540c54e616.png) no-repeat center top; color: #fff; background-size: 100% 64px; } .mods-cont .mcp_zw .mcc-prdt a em[data-v-482ac54b] { max-width: 48px; overflow: hidden; display: inline-block; vertical-align: top; } .mods-cont .mcp_zw .mcc-prdt a.active small[data-v-482ac54b] { font-size: 14px; line-height: 63px; font-weight: 600; } .mods-product .mods-cont .mcp_zw .mcc-prdt a[data-v-482ac54b] { display: block; float: left; width: 17%; } .mods-product .mods-cont .mcp_zw .mcc-prdt a.bw14[data-v-482ac54b] { width: 14%; } .mods-product .mods-cont .mcp_zw .mcc-prdt a.active[data-v-482ac54b] { width: 28%; } .mc_cont .mcc_btn_zw[data-v-482ac54b] { display: block; width: 940px; height: 40px; padding: 15px 0; background: #fff; position: absolute; left: 30px; bottom: 0; text-align: center; } .mc_cont .mcc_btn_zw a.mcc_sub[data-v-482ac54b] { display: inline-block; width: 150px; border: 1px solid #f18110; height: 40px; margin: 0 auto; border-radius: 6px; background: #f18110; color: #fff; line-height: 40px; font-size: 18px; text-decoration: none; text-align: center; cursor: pointer; } .mc-cont .mcc_btn_zw a.addbtn[data-v-482ac54b] { background: #fff; color: #f18110; margin-right: 10px; } .mc-cont .mcc_btn_zw a.addbtn[data-v-482ac54b]:hover { background: #f18110; color: #fff; } /*更改商品弹窗 end*/ /*修改地址弹窗 start*/ .mods-editad .mods-cont[data-v-482ac54b] { width: 1000px; height: 540px; margin-left: -500px; margin-top: -270px; } .mods-editad .mods-cont .mc_cont[data-v-482ac54b] { height: 480px; width: 940px; padding: 0 30px 10px 30px; } .mc_zw[data-v-482ac54b] { position: absolute; z-index: 4; left: 0; top: 40px; height: 20px; background: #fff; } .mc_b_zw[data-v-482ac54b] { position: absolute; z-index: 4; left: 0; bottom: 0; height: 20px; background: #fff; } .mods-editad .mods-cont .mc_zw[data-v-482ac54b] { width: 984px; } .medit_c_ul[data-v-482ac54b] { width: 940px; height: auto; margin: 0 auto; margin: 20px 0 90px 0; background: #fafafa; } .medit_c_ul li[data-v-482ac54b] { position: relative; width: 100%; height: auto; width: 940px; height: auto; background: #fff; padding: 10px 0; /* margin-bottom: 10px; */ font-size: 16px; cursor: pointer; } .medit_c_ul li[data-v-482ac54b]:hover { background: #fffdf3; } .medit_c_ul li .icon-oncheck[data-v-482ac54b] { position: absolute; left: 15px; top: 50%; margin-top: -15px; display: block; width: 30px; height: 30px; font-size: 24px; color: #e6e2e3; cursor: pointer; } .medit_c_ul li.selected .icon-oncheck[data-v-482ac54b] { color: #f18110; } .medit_c_ul li .icon-oncheck input[type="radio"][data-v-482ac54b] { visibility: hidden; } .medit_c_ul li div[data-v-482ac54b] { width: 860px; padding-left: 80px; height: auto; } .medit_c_ul li div em[data-v-482ac54b] { display: block; width: 100%; line-height: 40px; margin-bottom: 10px; font-size: 16px; } .medit_c_ul li div p[data-v-482ac54b] { display: block; width: 80%; height: 20px; line-height: 20px; margin-bottom: 10px; font-size: 14px; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .medit_c_ul li span[data-v-482ac54b] { position: absolute; right: 20px; bottom: 22px; } .medit_c_ul li a[data-v-482ac54b] { color: #f18110; text-decoration: none; cursor: pointer; font-size: 14px; padding-left: 10px; } /*修改地址弹窗 end*/ /*更改网点弹窗 begin*/ .mods-yywd .mods-cont .mc_cont[data-v-482ac54b] { height: 590px; width: 940px; padding: 0 30px; } .mods-yywd .mods-cont .mc_zw[data-v-482ac54b], .mods-yywd .mods-cont .mc_b_zw[data-v-482ac54b] { position: absolute; z-index: 4; left: 0; width: 984px; height: 20px; background: #fff; } .mc_zw[data-v-482ac54b] { top: 40px; } .mc_b_zw[data-v-482ac54b] { bottom: 0; } .mc_cont .mcc_top[data-v-482ac54b] { position: absolute; z-index: 4; left: 30px; top: 40px; width: 940px; height: 40px; margin: 0 auto; padding: 20px 0; background: #fff; } .mc_cont .mcc_top span[data-v-482ac54b] { float: left; height: 40px; line-height: 40px; overflow: hidden; margin-right: 15px; } .mc_cont .mcc_top span label[data-v-482ac54b] { float: left; margin-right: 20px; font-size: 14px; } .mc_cont .mcc_top span input[data-v-482ac54b], .mc_cont .mcc_top span select[data-v-482ac54b] { float: left; display: inline-block; width: 240px; padding-left: 10px; height: 38px; border: solid 1px #eaeaea; border-radius: 2px; line-height: 38px; color: #666; font-size: 14px; } .mc_cont .mcc_top span select[data-v-482ac54b] { width: 200px !important; margin-right: 10px; } .mc_cont .mcc_top a[data-v-482ac54b] { float: left; display: inline-block; width: 160px; height: 40px; line-height: 40px; font-size: 14px; margin: 0 auto; border-radius: 6px; background: #f18110; text-align: center; color: #fff; text-decoration: none; cursor: pointer; } .deliveryadres[data-v-482ac54b], .mc_cont .mcc_bot[data-v-482ac54b] { width: 940px; height: auto; margin: 0 auto; margin-top: 80px; background: #fafafa; } .mods-yywd .mods-cont[data-v-482ac54b] { width: 1000px; height: 640px; margin-left: -500px; margin-top: -320px; font-size: 16px; } dl.yyda_top[data-v-482ac54b] { width: 100%; height: auto; overflow: hidden; position: relative; background: #fff; } .deliveryadres dl.yyda_top[data-v-482ac54b] { margin-bottom: 10px; } dl.yyda_top dd.yyda_t_tu[data-v-482ac54b] { width: 178px; height: 128px; border: solid 1px #eee; position: absolute; left: 0; } dl.yyda_top dd.yyda_t_tu img[data-v-482ac54b] { width: 100%; height: 100%; } .deliveryadres dl.yyda_top dd.yyda_t_tu[data-v-482ac54b] { top: 15px; } .deliveryadres dl.yyda_top dd.yyda_t_left[data-v-482ac54b] { width: 545px; height: auto; padding: 15px 0 15px 195px; text-align: left; } dd.yyda_t_left span[data-v-482ac54b] { display: block; width: 100%; line-height: 30px; margin-bottom: 10px; font-size: 16px; } dd.yyda_t_left span em[data-v-482ac54b] { font-size: 14px; margin-left: 20px; } .deliveryadres .yyda_top .yyda_t_left span[data-v-482ac54b], .medit_c_ul li div em[data-v-482ac54b] { color: #333; } .deliveryadres .yyda_top .yyda_t_left span em[data-v-482ac54b] { color: #666; font-weight: 400; } dl.yyda_top dd.yyda_t_left p[data-v-482ac54b] { display: block; width: 100%; height: 20px; line-height: 20px; margin-bottom: 10px; font-size: 14px; vertical-align: middle; } dl.yyda_top dd.yyda_t_left p[data-v-482ac54b]:last-child { position: relative; margin-bottom: 0; padding-left: 80px; height: auto !important; } dl.yyda_top dd.yyda_t_left p:last-child i[data-v-482ac54b] { font-style: normal; position: absolute; left: 0; top: 0; display: block; width: 80px; } dd.yyda_t_left p b[data-v-482ac54b] { font-weight: 400; margin: 0 5px; } dt.yyda_t_right[data-v-482ac54b] { position: absolute; z-index: 1; width: 120px; height: 110px; } .deliveryadres dl.yyda_top dt.yyda_t_right[data-v-482ac54b] { top: 30px; right: 0; } dl.yyda_top dt.yyda_t_right a[data-v-482ac54b] { display: block; width: 118px; height: 25px; margin: 10px 0; line-height: 25px; text-align: left; font-size: 14px; text-decoration: none; vertical-align: top; cursor: pointer; } dl.yyda_top dt.yyda_t_right a[data-v-482ac54b]:hover { color: #f18110; } .yyda_t_left p i.yydatl_icon[data-v-482ac54b], dl.yyda_top dt.yyda_t_right a[data-v-482ac54b]:before { margin: 0 5px; display: inline-block; width: 25px; height: 25px; vertical-align: top; text-align: center; line-height: 25px; font-size: 18px; color: #f18110; } dl.yyda_top dt.yyda_t_right a[data-v-482ac54b]:first-child:before { content: "\E636"; } dl.yyda_top dt.yyda_t_right a[data-v-482ac54b]:nth-child(2):before { content: "\E696"; } dl.yyda_top dd.yyda_bot[data-v-482ac54b] { width: 100%; height: 0; overflow: hidden; -webkit-transition: height .3s; transition: height .3s; } dl.yyda_top dd.yyda_bot.sdopen[data-v-482ac54b] { height: 300px; } dl.yyda_top dd.yyda_bot img[data-v-482ac54b] { width: 100%; height: 300px; } /*更换网点弹窗 end*/ /*查询结果弹框 begin*/ .mods-result .mods-cont[data-v-482ac54b], .mods-rcomb .mods-cont[data-v-482ac54b] { width: 1000px; height: 660px; margin-left: -500px; margin-top: -330px; font-size: 16px; } .mods-rcomb .mods-cont .mcp_zw[data-v-482ac54b], .mods-rcomb .mods-cont .mcp_zw .mcc-prdt[data-v-482ac54b], .mods-rcomb .mods-cont .mcp_zw .mcc-prdt p[data-v-482ac54b] { width: 624px; } .mods-result .mods-cont .mc_zw[data-v-482ac54b], .mods-rcomb .mods-cont .mc_b_zw[data-v-482ac54b] { position: absolute; z-index: 4; left: 0; background: #fff; width: 624px; } .mc_zw[data-v-482ac54b] { top: 40px; } .mc_b_zw[data-v-482ac54b] { bottom: 0; } .mods-rcomb .mods-cont .mcp_zw .mcc-prdt a[data-v-482ac54b] { display: block; float: left; width: 27%; } .mods-rcomb .mods-cont .mcp_zw .mcc-prdt a.bw12[data-v-482ac54b] { width: 12%; } .mods-rcomb .mods-cont .mcp_zw .mcc-prdt a.bw18[data-v-482ac54b] { width: 18%; } .mods-rcomb .mods-cont .mcp_zw .mcc-prdt a.active[data-v-482ac54b] { width: 43%; } .mods-cont .mc_tent[data-v-482ac54b] { width: 1000px; height: 610px; overflow: hidden; } .mc_tent .mct_left[data-v-482ac54b] { float: left; height: 610px; overflow-y: scroll; overflow-x: hidden; } .mc_tent .mct_left.pad-xl[data-v-482ac54b] { width: 580px; padding: 0 30px; } .mc_tent .mct_left.pad-b-md[data-v-482ac54b] { width: 640px; } .mc_tent .mct_left .mctl_cont[data-v-482ac54b] { width: 580px; height: auto; } .mods-result .mc_tent .mct_left .mctl_cont[data-v-482ac54b] { padding-bottom: 60px; } .mods-rcomb .mc_tent .mct_left .mctl_cont[data-v-482ac54b] { } .mc_tent .mct_left.pad-b-md .mctl_cont[data-v-482ac54b] { padding-left: 30px; padding-right: 30px; } .mctl_cont.hidden[data-v-482ac54b] { display: none; } .mc_tent .mcb-tit[data-v-482ac54b] { position: absolute; z-index: 4; top: 118px; left: 30px; padding: 10px 0; width: 580px; height: 25px; line-height: 25px; background: #fff; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /*S swiper轮播*/ .mods-result .swiper-container[data-v-482ac54b] { position: relative; overflow: hidden; z-index: 4; width: 580px; height: 360px; margin: 10px auto; } .mods-result .swiper-container-no-flexbox .swiper-slide[data-v-482ac54b] { float: left; } .mods-result .swiper-container-vertical>.swiper-wrapper[data-v-482ac54b] { -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; } .mods-result .swiper-wrapper[data-v-482ac54b] { position: relative; width: 100%; height: 280px; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .mods-result .swiper-slide[data-v-482ac54b] { position: relative; width: 360px; height: 100%; margin: 0 auto; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-align: center; -webkit-box-align: center; align-items: center; text-align: center; } .mods-result .swiper-container-android .swiper-slide[data-v-482ac54b], .mods-result .swiper-wrapper[data-v-482ac54b] { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .mods-result .swiper-slide .mcb_ul_tu[data-v-482ac54b] { position: absolute; width: 360px; height: 360px; overflow: hidden; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .mods-result .swiper-slide img[data-v-482ac54b] { position: absolute; max-width: 360px; max-height: 360px; margin: auto; left: 0; top: 0; right: 0; bottom: 0; } .mods-result .swiper-container-multirow>.swiper-wrapper[data-v-482ac54b] { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mods-result .swiper-container-free-mode>.swiper-wrapper[data-v-482ac54b] { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } /*E swiper轮播*/ .mctl_cont dl[data-v-482ac54b] { width: 100%; height: auto; overflow: hidden; } .hiddauto[data-v-482ac54b] { overflow-y: auto; max-height: inherit !important; -webkit-transition: all .3s; transition: all .3s; } .mctl_cont dl dt[data-v-482ac54b] { display: block; width: 100%; height: 40px; line-height: 40px; font-size: 18px; font-weight: 600; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mctl_cont dl dt em[data-v-482ac54b] { font-weight: 600; } .mctl_cont dl dt em[data-v-482ac54b]:first-child { margin-right: 10px; } .mctl_cont dl dd[data-v-482ac54b] { display: block; width: 100%; height: 30px; line-height: 30px; font-size: 14px; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .mctl_cont dl p[data-v-482ac54b] { display: block; width: 520px; padding-right: 60px; max-height: 30px; line-height: 30px; position: relative; font-size: 14px; color: #666; } .mctl_cont dl p i[data-v-482ac54b], .mcb_ul li div p i[data-v-482ac54b] { position: absolute; top: 0; right: 15px; display: none; width: 20px; height: 20px; text-align: center; font-size: 20px; color: #333; font-weight: 600; cursor: pointer; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .mctl_cont dl p i.rotate[data-v-482ac54b] { margin-top: 10px; } .mcb_ul li div p i.rotate[data-v-482ac54b] { margin-top: 5px; } .click_mct_btn[data-v-482ac54b] { display: block; width: 580px; height: 30px; padding: 15px 0; line-height: 30px; background: #fff; position: absolute; left: 30px; bottom: 0; font-size: 16px; color: #999; vertical-align: middle; cursor: pointer; } .click_mct_btn[data-v-482ac54b]:before { display: inline-block; content: "\E60D"; color: #f18110; width: 20px; height: 20px; line-height: 20px; font-size: 18px; margin: 5px; -webkit-transform: rotate3d(0, 0, 1, 180deg); transform: rotate3d(0, 0, 1, 180deg); } .click_mct_btn a[data-v-482ac54b] { color: #f18110; } .click_mct_btn a[data-v-482ac54b]:hover { color: #f49a41; } .mcb_ul[data-v-482ac54b] { height: auto; margin: 0 auto; text-align: left; } .mcb_ul.pd-t-mx[data-v-482ac54b] { padding-top: 123px; } .mcb_ul li[data-v-482ac54b] { position: relative; width: 580px; padding: 15px 0; height: auto; border-top: solid 1px #eee; } .mcb_ul li[data-v-482ac54b]:hover { background: #fffdf3; } .mcb_ul li .mcb_ul_tu[data-v-482ac54b] { display: block; position: absolute; top: 30px; width: 80px; height: 80px; border: solid 1px #ccc; } .mcb_ul li div[data-v-482ac54b] { height: auto; min-height: 105px; line-height: 25px; word-break: break-all; word-wrap: break-word; } .mcb_ul li div a[data-v-482ac54b] { display: block; width: 100%; height: auto; line-height: 30px; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /*组合套餐产品列表*/ .mctl_comb .mcb_ul[data-v-482ac54b] { width: 580px; } .mctl_comb .mcb_ul li[data-v-482ac54b] { width: 580px; } .mctl_comb .mcb_ul li img[data-v-482ac54b] { left: 0; } .mctl_comb .mcb_ul li div[data-v-482ac54b] { width: 470px; padding-left: 110px; } .mctl_comb .mcb_ul li div p[data-v-482ac54b]:last-child { width: 410px !important; } /*查询结果右侧公用券卡信息*/ .mc_tent .mct_right[data-v-482ac54b] { float: left; width: 300px; height: 550px; padding: 30px; overflow-y: auto; font-size: 14px; } .mct_right dl[data-v-482ac54b] { width: 100%; height: auto; } .mct_right dl dt[data-v-482ac54b] { width: 100%; height: 45px; line-height: 45px; border-bottom: solid 1px #eaeaea; margin-bottom: 20px; } .mct_right dl dt span[data-v-482ac54b] { display: inline-block; width: auto; height: 44px; line-height: 44px; border-bottom: solid 2px #f18110; font-size: 18px; font-weight: 600; } .mct_right dl dd[data-v-482ac54b] { display: block; width: 100%; color: #999; } .mct_right dl dd b[data-v-482ac54b] { margin: 0 3px; } .mct_right dl dd:not(.autoLine) span[data-v-482ac54b] { color: #666; display: inline-block; max-width: calc(100% - 90px); max-height: 35px; overflow: hidden; vertical-align: top; text-overflow: ellipsis; white-space: nowrap; } .mct_right dl dd.txt-green span[data-v-482ac54b] { color: #358d2c; } .mct_right dl dd.txt-orange span[data-v-482ac54b] { color: #f18110; } .mods-result .mct_right dl dd[data-v-482ac54b]:not(.autoLine) { height: 35px; line-height: 35px; } /* .mct_right dl dd.autoLine em {padding:7px 0;} */ .mct_right dl dd.autoLine[data-v-482ac54b] {display: -webkit-box!important;display: -ms-flexbox!important;display: flex!important; } .mct_right dl dd.autoLine article[data-v-482ac54b] {color:#333;-webkit-box-flex:1;-ms-flex:1;flex:1; max-width:calc(100% - 70px);padding: 5px 0; line-height:20px; } .mods-rcomb .mct_right dl dd[data-v-482ac54b] { height: 35px; line-height: 35px; } .mct_right a.btn_th[data-v-482ac54b], .mct_right a.btn_od[data-v-482ac54b] { display: block; width: 100%; height: 50px; line-height: 50px; margin: 20px auto; border-radius: 6px; border: solid 1px #f18110; text-align: center; text-decoration: none; cursor: pointer; font-size: 18px; -webkit-box-sizing: border-box; box-sizing: border-box; } .mct_right a.btn_th[data-v-482ac54b], .mct_right a.btn_od[data-v-482ac54b]:hover, .mct_right a.btn_od[data-v-482ac54b]:active { background: #f18110; color: #fff; } .mct_right a.btn_od[data-v-482ac54b] { background: #fff; color: #f18110; } .mct_right .mctr_more[data-v-482ac54b] { float: left; width: 230px; color: #999; text-align: center; } .mct_right .mctr_more span[data-v-482ac54b] { display: block; width: 100%; height: 40px; line-height: 40px; color: #333; font-size: 18px; } .mct_right .mctr_more span a[data-v-482ac54b] { display: inline-block; height: 40px; line-height: 40px; color: #f18110; text-decoration: none; vertical-align: top; cursor: pointer; } .mct_right .mctr_more span a[data-v-482ac54b]:hover { opacity: .8; filter: alpha(opacity=80); } .mct_right .mctr_more span a[data-v-482ac54b]:before { float: left; display: inline-block; width: 30px; height: 30px; line-height: 30px; margin: 5px 0 5px 5px; content: "\E631"; font-size: 28px; } .mct_right .mctr_more p[data-v-482ac54b] { width: 170px; margin: 0 auto; height: 50px; line-height: 50px; position: relative; color: #888; font-size: 14px; } .mct_right .mctr_more p[data-v-482ac54b]:last-child { width: 150px; border-top: solid 1px #e0dfdf; } .mct_right .mctr_more p i[data-v-482ac54b] { position: absolute; z-index: 3; left: 50%; top: 100%; display: block; margin-left: -17.5px; margin-top: -12.5px; width: 35px; height: 25px; line-height: 25px; background: #fff; color: #333; } /*查询结果弹框 end*/ /*提货成功营销弹框 start*/ .tankuang[data-v-482ac54b] { z-index: 103; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .7); } .hide-body[data-v-482ac54b] { z-index: 104; position: relative; top: 50%; left: 50%; padding-top: 35px; width: 634px; height: 600px; margin: -317px 0 0 -300px; margin-left: -500px; } .hide-body span[data-v-482ac54b] { display: inline-block; position: absolute; top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; text-align: center; border: solid 2px #fff; border-radius: 100%; color: #fff; font-size: 20px; } .lgb-cont p[data-v-482ac54b] { text-align: center; margin-bottom: 15px; } .lgb-cont p[data-v-482ac54b]:nth-child(1) { color: #fff; font-size: 22px; } .lgb-cont p[data-v-482ac54b]:nth-child(2) { color: #fefffd; font-size: 20px; } .lgb-cont p:nth-child(2) small[data-v-482ac54b] { color: #fdfd00; font-size: 16px; margin-left: 5px; } .lgb-cont p:nth-child(2) big[data-v-482ac54b] { color: #fffb02; font-size: 40px; font-weight: bold; margin-right: 5px; font-family: Arial, Verdana, "\5B8B\4F53"; } .lgb-cont p[data-v-482ac54b]:nth-child(3) { color: #fefffd; font-size: 18px; } .lgb-cont p:nth-child(3) a[data-v-482ac54b] { color: #fdfd00; font-weight: bold; margin: 0 5px; } .lgb-cont p:nth-child(4) img[data-v-482ac54b] { width: 100%; height: auto; max-width: 150px; } .lgb-cont .ewm[data-v-482ac54b] { width: 160px; height: auto; margin: 0 auto; background: rgba(137, 19, 253, .5); } .lgb-cont .ewm img[data-v-482ac54b] { width: 130px; height: 130px; padding: 10px; background: #fff; margin-top: 5px; } .lg-bottom[data-v-482ac54b] { height: 60px; margin-top: 43px; overflow: hidden; } .lg-bottom a[data-v-482ac54b] { float: left; display: block; width: 140px; height: 52px; background: url(https://presale.jhtsoft.com/picms/384a3389607624.png) no-repeat; text-align: center; line-height: 52px; font-size: 22px; color: #bf3bff; font-weight: bold; } .lg-bottom a[data-v-482ac54b]:hover { opacity: 0.8; filter: Alpha(opacity=80); } .lg-bottom a[data-v-482ac54b]:first-child { margin-left: 122px; } .lg-bottom a[data-v-482ac54b]:last-child { margin-left: 20px; } /*营销弹框动画 begin*/ @-webkit-keyframes flipInY-data-v-482ac54b { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); } } @keyframes flipInY-data-v-482ac54b { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY[data-v-482ac54b], .toprightka span[data-v-482ac54b] { -webkit-animation: flipInY-data-v-482ac54b 1s; animation: flipInY-data-v-482ac54b 1s; } @-webkit-keyframes rollIn-data-v-482ac54b { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; } } @keyframes rollIn-data-v-482ac54b { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn[data-v-482ac54b], .topleft[data-v-482ac54b] { -webkit-animation: rollIn-data-v-482ac54b 1s; animation: rollIn-data-v-482ac54b 1s; } @-webkit-keyframes fadeInLeft-data-v-482ac54b { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; } } @keyframes fadeInLeft-data-v-482ac54b { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .zbd-part-ul li .zpu-tu[data-v-482ac54b], .fadeInLeft[data-v-482ac54b] { -webkit-animation: fadeInLeft-data-v-482ac54b 1s; animation: fadeInLeft-data-v-482ac54b 1s; } @-webkit-keyframes fadeInRight-data-v-482ac54b { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; } } @keyframes fadeInRight-data-v-482ac54b { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .zbd-part-ul li div[data-v-482ac54b], .fadeInRight[data-v-482ac54b] { -webkit-animation: fadeInRight-data-v-482ac54b 1s; animation: fadeInRight-data-v-482ac54b 1s; } @-webkit-keyframes zoomOutRight-data-v-482ac54b { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(1000px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; } } @keyframes zoomOutRight-data-v-482ac54b { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(1000px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(1000px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight[data-v-482ac54b] { -webkit-animation: zoomOutRight-data-v-482ac54b 1s; animation: zoomOutRight-data-v-482ac54b 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } /*提货成功营销弹框 end*/ /*流程图轮播弹框 start*/ .mods-help .mods-cont[data-v-482ac54b] { width: 700px; height: 420px; margin-left: -350px; margin-top: -210px; } .mods-help .mods-cont .swiper-container[data-v-482ac54b] { overflow: initial; } .mods-help .mc-cont[data-v-482ac54b] { padding: 0; } .mods-help .mc-cont .btnhover[data-v-482ac54b] { padding: 10px 18px; background-color: #e62226; color: #fff; font-size: 14px; border-radius: 6px; -webkit-border-radius: 6px; } .modhelp[data-v-482ac54b] { position: relative; height: 380px; } .modhelp .helper[data-v-482ac54b] { position: absolute; width: 150px; height: 220px; left: 30px; top: 34px; } .modhelp p[data-v-482ac54b], .modhelp h3[data-v-482ac54b] { left: 195px; position: absolute; z-index: 1; } .modhelp h3[data-v-482ac54b] { font-size: 24px; color: #333; top: 72px; } .modhelp p[data-v-482ac54b]:nth-of-type(1) { color: #666; font-size: 18px; top: 112px; } .modhelp p[data-v-482ac54b]:nth-of-type(2) { top: 172px; } .modhelp .modhelp-shine[data-v-482ac54b] { width: 260px; height: 260px; position: absolute; right: 18px; top: 112px; } .modhelp .modhelp-box[data-v-482ac54b] { width: 215px; height: 215px; position: absolute; right: 40px; top: 135px; z-index: 1; border-radius: 100%; -webkit-border-radius: 100%; } .modhelp .modhelp-box img[data-v-482ac54b] { width: 215px; height: 215px; border-radius: 100%; -webkit-border-radius: 100%; } .modhelp .modhelp-box-shadow[data-v-482ac54b] { width: 215px; height: 215px; position: absolute; left: 0; top: 0; z-index: 2; border-radius: 100%; -webkit-border-radius: 100%; background: rgba(0, 0, 0, .3); } .modhelp .wy[data-v-482ac54b] { position: absolute; z-index: 3; bottom: 0; left: 50%; margin-left: -55px; width: 110px; height: 110px; background: #fff; border-radius: 100%; -webkit-border-radius: 100%; overflow: hidden; } .modhelp .wy b[data-v-482ac54b], .modhelp .wy i[data-v-482ac54b] { display: block; height: 40px; margin: 35px 0; } .modhelp .wy b[data-v-482ac54b] { background: #e62226; } .modhelp .wy.wyshake[data-v-482ac54b] { background: #f2f2f2; } .modhelp .wy i[data-v-482ac54b] { background: #fff; } .modhelp-box .tit[data-v-482ac54b] { position: absolute; z-index: 3; font-size: 18px; color: #fff; top: 150px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .modhelp-box .yytit[data-v-482ac54b] { font-size: 16px; color: #333; } .modhelp-box .yytit[data-v-482ac54b]:before { margin: 10px 5px; width: 20px; height: 20px; content: "\E636"; color: #f18110; font-size: 18px; } .modhelp .helpline[data-v-482ac54b] { position: absolute; left: 283px; top: 245px; } .mods-help .swiper-pagination[data-v-482ac54b] { width: 100%; bottom: 20px; text-align: center; } .mods-help .swiper-pagination-bullet[data-v-482ac54b] { width: 8px; height: 8px; display: inline-block; width: 10px; height: 10px; margin: 0 5px; background-color: #666; } .mods-help .swiper-pagination-bullet-active[data-v-482ac54b] { background-color: #333; } .wy[data-v-482ac54b] { -webkit-animation: wyshake-data-v-482ac54b infinite 2s 1.3s; animation: wyshake-data-v-482ac54b infinite 2s 1.3s; } @-webkit-keyframes wyshake-data-v-482ac54b { 0% { -webkit-transform: none; } 20% { -webkit-transform: translateX(-5px); } 40% { -webkit-transform: translateX(5px); } 60% { -webkit-transform: translateX(0px); } 0% { -webkit-transform: none; } } @keyframes wyshake-data-v-482ac54b { 0% { -webkit-transform: none; transform: none; } 20% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 40% { -webkit-transform: translateX(5px); transform: translateX(5px); } 60% { -webkit-transform: translateX(0px); transform: translateX(0px); } 0% { -webkit-transform: none; transform: none; } } /*换流程图轮播弹框 end*/ /*提货模块cardProject所有弹窗样式 end*/ .el-select-dropdown__item.selected[data-v-482ac54b] { color: #e62226; } /*游戏弹框 start*/ .hide-body[data-v-482ac54b] { width: 804px; height: 498px; margin-left: -500px; margin-top: -289px; } .game .hide-body[data-v-482ac54b] { margin-left: -402px; } .login-body[data-v-482ac54b] { width: 804px; height: 498px; position: relative; } .game .lgb-cont[data-v-482ac54b] { padding: 0; } .mobmodel[data-v-482ac54b] { width: 246px; height: 454px; border: 2px solid #999; background-color: #eee; border-radius: 20px; position: absolute; z-index: 2; left: 44px; top: 36px; -webkit-animation: toleft-data-v-482ac54b 1s 1s backwards; animation: toleft-data-v-482ac54b 1s 1s backwards; } .mobtop[data-v-482ac54b], .tankuang .zi[data-v-482ac54b], .tankuang .line1[data-v-482ac54b], .tankuang .line2[data-v-482ac54b], .tankuang .qiu[data-v-482ac54b] { background-image: url(https://presale.jhtsoft.com/picms/4ecf747b652bf.png); background-repeat: no-repeat; } .mobtop[data-v-482ac54b] { width: 235px; height: 20px; position: absolute; z-index: 1; top: 10px; left: 5.5px; background-position: -43px -305px; } .mobtop[data-v-482ac54b]:before { display: block; content: ""; position: absolute; width: 30px; height: 4px; background-color: #ccc; top: 3px; left: 50%; margin-left: -15px; border-radius: 2px; } .mobmodel img[data-v-482ac54b] { display: block; width: 235px; height: 435px; margin: 10px auto; border-radius: 20px; } .tankuang .zi[data-v-482ac54b] { width: 285px; height: 66px; background-position: 0 0; position: absolute; z-index: 4; top: 47px; left: 340px; -webkit-animation: bounceIn .8s 1s backwards; animation: bounceIn .8s 1s backwards; } .round[data-v-482ac54b] { position: absolute; z-index: 3; top: 40px; left: 257px; width: 455px; height: 455px; background-image: url(https://presale.jhtsoft.com/picms/4ecf496640f45.jpg); background-size: 100% 100%; border-radius: 100%; color: #fff; border: 6px solid #9c77e6; -webkit-animation: bounceIn .8s .3s backwards; animation: bounceIn .8s .3s backwards; } .round .jpcon[data-v-482ac54b] { width: 335px; max-height: 196px; overflow-y: auto; margin-top: 92px; margin-left: 70px; } .round .jpcon p[data-v-482ac54b] { font-size: 16px; line-height: 28px; text-align: left; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .round .jpcon p strong[data-v-482ac54b] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .round .jpcon p strong.font13[data-v-482ac54b] { font-size: 13px; } .round .gamecode[data-v-482ac54b] { width: 130px; height: 130px; background-color: #fff; margin: 10px auto 0; } .round .gamecode img[data-v-482ac54b] { width: 110px; height: 110px; display: block; margin: 0 auto; padding-top: 10px; } .succescon[data-v-482ac54b] { padding-top: 80px; } .tankuang .kuai1[data-v-482ac54b], .tankuang .kuai2[data-v-482ac54b], .tankuang .sj1[data-v-482ac54b], .tankuang .sj2[data-v-482ac54b], .tankuang .line1[data-v-482ac54b], .tankuang .line2[data-v-482ac54b], .tankuang .qiu[data-v-482ac54b] { display: block; position: absolute; } .tankuang .kuai1[data-v-482ac54b], .tankuang .kuai2[data-v-482ac54b] { width: 210px; height: 260px; background-image: url(https://presale.jhtsoft.com/picms/4ecf1b6f14f97.png); background-size: 100% 100%; z-index: 1; } .tankuang .kuai1[data-v-482ac54b] { top: -27px; left: 127px; -webkit-transform: rotateZ(458deg); transform: rotateZ(458deg); } .tankuang .kuai2[data-v-482ac54b] { top: 155px; left: 590px; -webkit-animation: pulse-data-v-482ac54b 1.5s infinite; animation: pulse-data-v-482ac54b 1.5s infinite; } .sj1ani[data-v-482ac54b] { -webkit-animation: pulse-data-v-482ac54b 2.5s infinite; animation: pulse-data-v-482ac54b 2.5s infinite; } .kuai1ani[data-v-482ac54b] { -webkit-animation: pulse-data-v-482ac54b 2s infinite; animation: pulse-data-v-482ac54b 2s infinite; } .tankuang .sj1[data-v-482ac54b], .tankuang .sj2[data-v-482ac54b] { width: 106px; height: 77px; background-image: url(https://presale.jhtsoft.com/picms/4ed0222884c98.png); background-size: 100% 100%; } .sj1ani[data-v-482ac54b] { position: absolute; width: 106px; height: 77px; z-index: 3; left: -30px; top: 90px; } .tankuang .sj1[data-v-482ac54b] { -webkit-transform: rotateZ(-136deg); transform: rotateZ(-136deg); } .tankuang .sj2[data-v-482ac54b] { z-index: 2; top: 400px; right: 60px; -webkit-animation: pulse-data-v-482ac54b 2.5s infinite; animation: pulse-data-v-482ac54b 2.5s infinite; } .tankuang .line1[data-v-482ac54b], .tankuang .line2[data-v-482ac54b] { z-index: 3; } .tankuang .line1[data-v-482ac54b] { width: 285px; height: 126px; background-position: 0 -167px; top: 0; left: 263px; z-index: 1; } .tankuang .line2[data-v-482ac54b] { width: 36px; height: 197px; background-position: 0 -303px; top: 192px; right: 53px; } .tankuang .qiu[data-v-482ac54b] { z-index: 2; width: 87px; height: 87px; background-position: -112px -73px; left: 269px; bottom: -10px; -webkit-animation: pulse-data-v-482ac54b 2s infinite; animation: pulse-data-v-482ac54b 2s infinite; } @-webkit-keyframes pulse-data-v-482ac54b { from { -webkit-transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(0, -10px, 0); } to { -webkit-transform: translate3d(0, 0, 0); } } @keyframes pulse-data-v-482ac54b { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes toleft-data-v-482ac54b { 0% { opacity: 0; left: 700px; } 100% { opacity: 1; left: 44px; } } @keyframes toleft-data-v-482ac54b { 0% { opacity: 0; left: 700px; } 100% { opacity: 1; left: 44px; } } /*游戏弹框 end*/ /*游戏弹框新 start*/ .gameyx .hide-body[data-v-482ac54b] { width: 660px; height: 660px; margin-left: -330px; margin-top: -330px; padding-top: 0; } .gameyx .login-body[data-v-482ac54b] {width: 660px; height: 660px; } .gameyx .hide-body span[data-v-482ac54b] { top: -40px; right: -50px; -webkit-animation: expand-data-v-482ac54b 0.5s 4s backwards;animation: expand-data-v-482ac54b 0.5s 4s backwards; } .gameyx .sma[data-v-482ac54b] { position: absolute; z-index: 3; top: 0; left: 10px; width: 640px; height: 200px; background: url("https://presale.jhtsoft.com/picms/2db5fe402dea60.png") no-repeat center top;-webkit-animation: bounceIn .8s backwards;animation: bounceIn .8s backwards; } .gameyx .sma[data-v-482ac54b]:after { position: absolute; content: ""; width: 115px; height: 70px; background: url("https://presale.jhtsoft.com/picms/2db5fac87c8332.png") no-repeat 0 0;top: 4px;left: 130px;z-index: 5; -webkit-animation: hbs-data-v-482ac54b steps(2) 1s 1.5s infinite; animation: hbs-data-v-482ac54b steps(2) 1s 1.5s infinite; } .gameyx .ma[data-v-482ac54b] { position: absolute; top: 40px; left: 130px; z-index: 4; width: 110px; height: 125px; -webkit-transform:rotate(-5deg);transform:rotate(-5deg); background-color: #fff; } .gameyx .ma img[data-v-482ac54b] {display: block; width: 90px; height: 90px; margin: 10px 10px 2px; } .gameyx .ma p[data-v-482ac54b] {color: #c23ffa; font-size: 16px; font-weight: bold; margin-bottom: 0; } .gameyx .lucky[data-v-482ac54b] { position: absolute; z-index: 1; left: 50%;margin-left: -260px; top: 125px; width: 520px; height: 107px; -webkit-animation: bounceInUp-data-v-482ac54b 1s 2s backwards;animation: bounceInUp-data-v-482ac54b 1s 2s backwards; background:url("https://presale.jhtsoft.com/picms/37c2476e466308.png") no-repeat center top; } .gameyx .jxgun[data-v-482ac54b] {position: absolute; z-index: 4;left: 50%;margin-left: -260px;top: 125px;width: 520px; margin-top: 38px;height: 40px;-webkit-animation: bounceInUp-data-v-482ac54b 1s 2s backwards;animation: bounceInUp-data-v-482ac54b 1s 2s backwards; } .gameyx .itgw-wrap[data-v-482ac54b] {height: 40px;white-space: nowrap;overflow: hidden;-webkit-transform: rotate(-5deg);transform: rotate(-5deg); } .gameyx .itgw-wrap ul[data-v-482ac54b] {padding-left: 20px;padding-right: 40px; } .gameyx .itgw-wrap li[data-v-482ac54b] {line-height: 40px;font-size:24px; color: #fff;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis; } .gameyx .itgw-wrap li[data-v-482ac54b]:hover { cursor: pointer; } .jx[data-v-482ac54b] {position: absolute; left: 0; top: 222px; width: 100%; z-index: 2;-webkit-perspective: 1200px;-o-perspective: 1200px;perspective: 1200px;-webkit-animation: expand-data-v-482ac54b 1s 1s backwards;animation: expand-data-v-482ac54b 1s 1s backwards; } .jx ul[data-v-482ac54b] { width: 100%; font-size: 0; text-align: center; height: 322px;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;transition-property: transform;transition-property: transform, -webkit-transform;-webkit-box-sizing: content-box;box-sizing: content-box;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; } .jx li[data-v-482ac54b] {display: inline-block; width:272px; height: 322px; background: url("https://presale.jhtsoft.com/picms/2db5e1b008dcf6.png") no-repeat center;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;webkit-flex-shrink: 0;-ms-flex: 0 0 auto;-ms-flex-negative: 0;flex-shrink: 0; position: relative; } .jx li[data-v-482ac54b]:after { display: block;content: "";position: absolute;width: 180px;height: 2px;background: rgba(0,0,0,.2);border-radius: 100%;-webkit-box-shadow: 0 0 4px 4px rgba(0,0,0, 0.2);box-shadow: 0 0 4px 4px rgba(0,0,0, 0.2);left: 50%;margin-left: -90px;bottom: -20px; } .jx li div[data-v-482ac54b] {width: 260px; height: 310px; margin: 6px;border-radius: 12px; background-color: #fff; } .jx li div b[data-v-482ac54b] {display: block; position: relative;padding: 10px 10px 0px; width: 240px; height: 240px;position: relative; overflow: hidden; } .jx li div b img[data-v-482ac54b] { display: block; position: absolute; margin: auto; left: 0; top: 0; right: 0; bottom: 0; width:auto; height: auto; max-width:240px ; max-height: 240px; overflow: hidden; } .jx li div p[data-v-482ac54b] { height: 60px; line-height: 60px; text-align: center; font-size: 16px !important; color:#333 !important; margin-bottom: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0 10px; } .jx li.pre[data-v-482ac54b]{-webkit-transform: translate3d(0px, 0px, -300px) rotateX(0deg) rotateY(-30deg);transform: translate3d(0px, 0px, -300px) rotateX(0deg) rotateY(-30deg); margin-right: 5px; } .jx li.active[data-v-482ac54b] {-webkit-transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg);transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg); margin: 0 20px; } .jx li.next[data-v-482ac54b] {-webkit-transform: translate3d(0px, 0px, -300px) rotateX(0deg) rotateY(30deg);transform: translate3d(0px, 0px, -300px) rotateX(0deg) rotateY(30deg); margin-left: 5px; } .gameyx .stage[data-v-482ac54b] { width: 650px; height: 226px; position: absolute; z-index: 1; left: 50%; margin-left: -325px; bottom: -25px; -webkit-animation: expand-data-v-482ac54b 1s .5s backwards;animation: expand-data-v-482ac54b 1s .5s backwards; } .gameyx .stage img[data-v-482ac54b] {display: block; width: 650px; height: 226px; } .gameyx .ani[data-v-482ac54b] { display: block; position: absolute; z-index: 4; opacity: 0; } .gameyx em[data-v-482ac54b] { display: block; } .gameyx .ani1[data-v-482ac54b] {-webkit-animation: opty-data-v-482ac54b 2.5s 3s forwards;animation: opty-data-v-482ac54b 2.5s 3s forwards; width: 58px; height: 55px; left: 10px; top: 180px; } .gameyx .ani1 em[data-v-482ac54b]{width: 58px; height: 55px;background: url("https://presale.jhtsoft.com/picms/2db5e76b5f3c30.png") no-repeat;-webkit-transform: rotateZ(30deg);transform: rotateZ(30deg); } .gameyx .ani2[data-v-482ac54b] { width: 53px; height: 55px; background: url("https://presale.jhtsoft.com/picms/2db5ed5522912e.png") no-repeat; right: 100px; bottom: 87px;-webkit-animation: pulse2-data-v-482ac54b 2.5s 3.5s infinite;animation: pulse2-data-v-482ac54b 2.5s 3.5s infinite; } .gameyx .ani3[data-v-482ac54b],.gameyx .ani4[data-v-482ac54b],.gameyx .ani5[data-v-482ac54b],.gameyx .ani6[data-v-482ac54b] { background: url("https://presale.jhtsoft.com/picms/2db6017f36ee7c.png") no-repeat; } .gameyx .ani3[data-v-482ac54b] {width: 15px; height: 15px; top: 144px; right: 60px; background-position: -61px -4px; -webkit-animation: opty-data-v-482ac54b 2.5s 3.8s forwards;animation: opty-data-v-482ac54b 2.5s 3.8s forwards; } .gameyx .ani4[data-v-482ac54b],.gameyx .ani5[data-v-482ac54b] {width: 24px; height: 24px; background-position: -104px -2px; } .gameyx .ani4[data-v-482ac54b] {top: 160px; right: 35px; -webkit-animation: opty-data-v-482ac54b 2.5s 3s forwards;animation: opty-data-v-482ac54b 2.5s 3s forwards; } .gameyx .ani5[data-v-482ac54b] {left: 150px; bottom: 100px;-webkit-animation: pulse2-data-v-482ac54b 2.5s 3.5s infinite;animation: pulse2-data-v-482ac54b 2.5s 3.5s infinite; } .gameyx .ani6[data-v-482ac54b] { width: 26px; height: 26px; top: 210px; right: 75px; background-position:-5px -2px; -webkit-animation: opty-data-v-482ac54b 2.5s 3.8s forwards;animation: opty-data-v-482ac54b 2.5s 3.8s forwards; } @-webkit-keyframes hbs-data-v-482ac54b{ 0%{ background-position: 0 0; } 100%{ background-position: -268px 0; } } @keyframes hbs-data-v-482ac54b{ 0%{ background-position: 0 0; } 100%{ background-position: -268px 0; } } @-webkit-keyframes expand-data-v-482ac54b { 0% {opacity:0;-webkit-transform:scale(0);transform:scale(0); } 100% {opacity:1;-webkit-transform:scale(1);transform:scale(1); } } @keyframes expand-data-v-482ac54b { 0% {opacity:0;-webkit-transform:scale(0);transform:scale(0); } 100% {opacity:1;-webkit-transform:scale(1);transform:scale(1); } } @-webkit-keyframes opty-data-v-482ac54b{ 0%{ opacity: 0; } 100%{ opacity: 1; } } @keyframes opty-data-v-482ac54b{ 0%{ opacity: 0; } 100%{ opacity: 1; } } @-webkit-keyframes pulse2-data-v-482ac54b { 0% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); } 50% {opacity: 1; -webkit-transform: translate3d(0, -10px, 0); } 100% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); } } @keyframes pulse2-data-v-482ac54b { 0% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% {opacity: 1; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 100% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes bounceInUp-data-v-482ac54b{ 0%, 100%, 60%, 75%, 90% {-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);transition-timing-function: cubic-bezier(0.215,.61,.355,1); } 0% {opacity: 0;-webkit-transform: translate3d(0,3000px,0);transform: translate3d(0,3000px,0); } 60% {opacity: 1;-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0); } 75% {-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,10px,0); } 90% {-webkit-transform: translate3d(0,-5px,0);transform: translate3d(0,-5px,0); } 100% {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes bounceInUp-data-v-482ac54b{ 0%, 100%, 60%, 75%, 90% {-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);transition-timing-function: cubic-bezier(0.215,.61,.355,1); } 0% {opacity: 0;-webkit-transform: translate3d(0,3000px,0);transform: translate3d(0,3000px,0); } 60% {opacity: 1;-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0); } 75% {-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,10px,0); } 90% {-webkit-transform: translate3d(0,-5px,0);transform: translate3d(0,-5px,0); } 100% {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } /*游戏弹框新 end*/ .zbd-part-ul li div h5[data-v-482ac54b]{margin-bottom: 16px;padding-top: 5px; color: #999 } .redColor[data-v-482ac54b]{color: #e62226!important } .mctl_cont dl p i[data-v-482ac54b] { right: 40px !important; display: block !important; } .lines[data-v-482ac54b] { display: inline-block !important; } .disp[data-v-482ac54b] { display: none; } /*默认商品轮播左右箭头 start*/ .mods-result .swiper-button-next[data-v-482ac54b], .mods-result .swiper-button-prev[data-v-482ac54b] { position: absolute; top: 50%; width: 40px; height: 70px; line-height: 70px; text-align: center; color: #888; font-size: 68px; font-weight: 400; margin-top: -40px; z-index: 10; cursor: pointer; background: none; } .mods-result[data-v-482ac54b] .swiper-button-prev { -webkit-transform: rotate3d(0, 0, 1, 180deg); transform: rotate3d(0, 0, 1, 180deg); } .mods-result[data-v-482ac54b] .swiper-button-next.swiper-button-disabled, .mods-result[data-v-482ac54b] .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .mods-result[data-v-482ac54b] .swiper-button-next:hover, .mods-result[data-v-482ac54b] .swiper-button-prev:hover { opacity: 0.8; } .mods-result[data-v-482ac54b] .swiper-button-prev, .mods-result[data-v-482ac54b] .swiper-container-rtl .swiper-button-next { left: 15px; right: auto; } .mods-result[data-v-482ac54b] .swiper-button-next, .mods-result[data-v-482ac54b] .swiper-container-rtl .swiper-button-prev { right: 15px; left: auto; } /*默认商品轮播左右箭头 end*/ /*手机号验证弹窗 start*/ .mods-telverify .mods-cont[data-v-482ac54b] { width: 710px; height: 430px; margin-left: -355px; margin-top: -215px; } .mods-telverify .mc-tit b[data-v-482ac54b]:before { content: "\E626"; color: #ffa641; } .mods-telverify .mc-cont[data-v-482ac54b] { padding-top: 40px; width: 392px; margin: 0 auto; } .mods-telverify form span[data-v-482ac54b] { display: block; padding: 10px 0 10px 90px; line-height: 20px; color: #e62226; font-size: 14px; } .mods-telverify form span[data-v-482ac54b]:before, .ertic[data-v-482ac54b]:before { display: inline-block; line-height: 20px; content: "\E637"; vertical-align: middle; margin: 0 5px 2px 0; } .mods-telverify form p[data-v-482ac54b] { height: 50px; line-height: 50px; margin-bottom: 20px; } .mods-telverify form p label[data-v-482ac54b], .mods-telverify form p input[data-v-482ac54b], .mods-telverify form p em[data-v-482ac54b] { display: inline-block; float: left; font-size: 14px; } .mods-telverify form p label[data-v-482ac54b] { width: 90px; height: 50px; line-height: 50px; } .mods-telverify form p:not(:last-child) input[data-v-482ac54b] { height: 48px; line-height: 48px; } .mods-telverify form p .yz-tel[data-v-482ac54b] { padding: 0 10px; width: 280px; border: solid 1px #ccc; } .mods-telverify form p[data-v-482ac54b]:last-child { padding-left: 90px; line-height: 36px; color: #999; } .mods-telverify form p:last-child a[data-v-482ac54b] { margin: 0 5px; } /*手机号验证弹窗 end*/ .txt-myClass a[data-v-482ac54b]{ color: #ff5f20; } .myMcc_bot[data-v-482ac54b] { margin-top: 0px !important; } .textMo[data-v-482ac54b]{height: auto!important;line-height: 24px!important; } .textMo span[data-v-482ac54b]{white-space: normal!important;overflow-y: auto!important;max-height: 70px!important;line-height: 24px; } .btnPay[data-v-482ac54b] {cursor: pointer;color: #f18110; } .autoCopy[data-v-482ac54b] {cursor: pointer;color: #0079b6; } .autoCopy[data-v-482ac54b]:hover{opacity: .8; } .mct_right dl[data-v-482ac54b]{max-height: 455px;position: relative;overflow-y: auto; } /* S 周期发货表 */ .flexUpDownCenter[data-v-482ac54b]{display:-o-flex;display:-ms-flex;display:-moz-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-o-align-items:center;-ms-align-items:center;-moz-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center } .deliPopem[data-v-482ac54b]{ color: #0079b6; cursor: pointer; font-size: 14px; } .deliPopem[data-v-482ac54b]:hover{opacity: .8; } .deliPop[data-v-482ac54b]{ padding: 12px 15px; } .deliPopem+span[data-v-482ac54b]{width:0; } .deliPopem+span[data-v-482ac54b]::before{content: ''!important; } .tsTxt[data-v-482ac54b]{margin-bottom: 10px; } .tsTxt i[data-v-482ac54b]{ color: #ff5f20; margin-right: 5px; font-size: 18px; display: inline-block; } .tsTxt strong[data-v-482ac54b]{ font-weight: bold; margin: 0 2px; } .deliLi i[data-v-482ac54b]{ margin-right: 15px; } .deliLi i[data-v-482ac54b]::before{font-size: 18px; } .deliLi p[data-v-482ac54b]{color: #ff5f20;margin-right: 3px;border-bottom: 1px solid #eee;padding-bottom: 10px;padding-top: 10px;width: calc(100% - 40px); } .deliLi p strong[data-v-482ac54b]{color: #333;font-weight: bold;font-size: 16px; line-height: 1.5; } .deliLi p strong em[data-v-482ac54b]{font-size: 14px;font-weight: normal; } .deliLi p small[data-v-482ac54b]{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;max-width: 100%; } .deliUl[data-v-482ac54b]{max-height: 300px;overflow-y: auto; } .tsTxt a[data-v-482ac54b]{margin-left: 2px;color: #0079b6; } .deliLi p .logistics[data-v-482ac54b]{font-weight: normal;font-size:14px; } .deliLi p .logistics em[data-v-482ac54b]{margin-right: 5px; } .mct_right dl dd .deliNo[data-v-482ac54b]{max-width: calc(100% - 110px)!important; } /* E 周期发货表 */ .mct_right .mctr_more small.hadTip[data-v-482ac54b] { display: block; width: 100%; cursor: pointer; color: #f18110; font-size: 12px; } .overhd[data-v-482ac54b]{overflow-y: hidden!important; } /*快递服务 start*/ .logisticDlg[data-v-482ac54b] .mc-cont{padding:25px!important;margin-bottom:60px;max-height: 490px; overflow-y: auto; } .logisticDlg[data-v-482ac54b] .btnCenter {position:absolute; left: 0; bottom:20px; width:100%; text-align: center; } .logistics[data-v-482ac54b] .el-tag {height: 16px; padding: 0 2px;line-height: 14px; font-size: 12px; } /*快递服务 end*/ .mods-examine .mc-cont[data-v-18721e82]{text-align:center;padding: 60px 0; } .mods-login[data-v-18721e82] {background:rgba(0,0,0,.1); } .mods-login .mods-cont[data-v-18721e82] {width:500px; height:540px; margin-left:-255px; margin-top:-285px; } .mods-login .mlg-tip[data-v-18721e82] {margin:10px;display:block; line-height:30px; background:#fff8f0; color:#999; text-align: center; } .mods-login .mlg-tip[data-v-18721e82]:before { font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .mods-login .mlg-tip[data-v-18721e82]:before {content: "\E637"; margin-right:5px; vertical-align: top; font-size: 14px; } .mods-login .mc-cont[data-v-18721e82] {padding:0; overflow: hidden; } .mods-login .reg[data-v-18721e82] {position:relative; width:500px; height:430px; padding:10px 0 0; background:#fff; overflow:hidden; } .mods-login .reg .tab-reg[data-v-18721e82] {padding:0 70px 10px;border-bottom:none; } .mods-login .reg .login-code[data-v-18721e82] {padding-top:0; } .mods-login .reg .vis[data-v-18721e82] {top:50px;padding-bottom:0; } .mods-login .reglist form .btn[data-v-18721e82] {margin:20px 0; } .mods-login .reg .reg-bot[data-v-18721e82] {margin-top:20px; } .mods-login .reglist form p[data-v-18721e82] {margin-bottom:15px; } /* * 登录注册内容面板 * 2018.05.11 * zly * start */ .reg-mid .reg-cont .reg[data-v-18721e82] {position:absolute; right:0; top:-30px; width:500px; height:500px; padding:35px 0; background:#fff; -webkit-box-shadow:3px 0 10px rgba(0,0,0,.16); box-shadow:3px 0 10px rgba(0,0,0,.16); } .reg .tab-reg[data-v-18721e82] {padding:0 70px 30px 70px; border-bottom:solid 1px #f0f0f0;width:calc(100% - 140px); text-align:center; overflow:hidden; } .reg .tab-reg a[data-v-18721e82] {display:inline-block; width:50%; float:left; font-size: 20px; font-weight:600; } .reg .tab-reg a.on[data-v-18721e82] {color:#e62226; } /*扫码登录注册 begin*/ .reg .login-code[data-v-18721e82] {display:block;padding-top:40px; } .reg .login-code .code-cont[data-v-18721e82] {position:relative; padding:0 50px; height:205px; text-align:center; } .reg .login-code .code-cont .qrcode-img[data-v-18721e82] { position:absolute; left:155px; display:inline-block; width:190px; height:190px; margin:15px auto 0; -webkit-transition:left .2s; transition:left .2s; } .reg .login-code .code-cont .qrcode-help[data-v-18721e82] { opacity:0; position:absolute; right:50px; width:210px; height:205px; background:url(https://presale.jhtsoft.com/picms/384ec915fb5f10.jpg) no-repeat right top; background-size:auto 100%; -webkit-transition:all .3s; transition:all .3s; } .reg .login-code span[data-v-18721e82] { display:inline-block; position:absolute; top:10px; left:50%; width:200px; height:200px; -webkit-transform:translate(-50%,0); transform:translate(-50%,0); background:rgba(0,0,0,.85); color:#fff; font-size: 18px; text-align:center; } .reg .login-code .log-sus[data-v-18721e82] {display:none;line-height:200px; } .reg .login-code .log-fail[data-v-18721e82] {display:none; } .reg .login-code .log-fail big[data-v-18721e82] {display:block; line-height:40px; margin:40px auto; font-size: 18px; } /*.reg .login-code .log-fail input { width:75%; padding:10px 20px; background:#e62226; color:#fff; border-radius:6px;}*/ .reg .login-code dl[data-v-18721e82] {font-size: 14px; text-align:center; } .reg .login-code dl dt[data-v-18721e82] {margin:30px 0 20px; } .reg .login-code dl dd[data-v-18721e82] {display:inline-block; height:30px; line-height:30px; color:#999; margin:15px 10px; } .reg .login-code dl dd[data-v-18721e82]:before {display:inline-block; margin-right:3px; font-size: 20px; vertical-align:top; } .reg .login-code dl dd[data-v-18721e82]:nth-child(2):before {content: "\E6BA"; } .reg .login-code dl dd[data-v-18721e82]:nth-child(3):before {content: "\E601"; } .reg .login-code dl dd[data-v-18721e82]:nth-child(4):before {content: "\E649"; } .reg .reg-bot[data-v-18721e82] {text-align:center; height:20px; overflow:hidden;color:#999; font-size: 14px; margin-top:50px; } .reg-account .reg-bot[data-v-18721e82] {margin-top:0; } .reg .reg-bot a[data-v-18721e82] {margin:0 10px; font-size: 14px; max-width:80px;max-height:20px; line-height:20px; color:#e62226; overflow:hidden; } .reg .reg-bot a[data-v-18721e82]:after {content: "\E65C"; display:inline-block;font-size: 14px;margin-left:2px; } /*扫码登录注册 end*/ /*账号登录注册 begin*/ .reg-account[data-v-18721e82],.reg .login-account[data-v-18721e82] {width:362px;padding:0 69px; } .vis[data-v-18721e82] {position:absolute; left:0; top:90px; padding-bottom:20px; background:#fff; } .vis[data-v-18721e82]:nth-child(2){ width:100%; } .reg .login-account[data-v-18721e82],.visbhid[data-v-18721e82] {display:block; z-index:1; } .visible[data-v-18721e82] {visibility:visible; z-index:2; } .reglist form span[data-v-18721e82] {display:block; line-height:40px; color:#e62226; font-size: 14px; } .reglist form span[data-v-18721e82]:before{content: "\E637"; margin-right:5px; vertical-align: top; } .reglist form p[data-v-18721e82] {border:solid 1px #ccc; height:50px; margin-bottom:20px; } .reglist form p em[data-v-18721e82], .reglist form p input[data-v-18721e82] {display:inline-block; float:left;height:50px; line-height:50px; font-size: 14px; } .reglist form p[data-v-18721e82]:nth-child(3) {position:relative; } .reglist form p:nth-child(3) input.lakey-open[data-v-18721e82] {display:none; } .reglist form p i[data-v-18721e82] { position:absolute; right: 10px; top:17px; display:inline-block; width:16px; height:16px; cursor:pointer; color:#b2b2b2; } .reglist form .btn[data-v-18721e82] {display:block; width:100%; height:50px; line-height:50px; border-radius:6px; font-size: 18px; letter-spacing:5px; margin:45px 0 30px;padding:0; } .reglist form .btn span[data-v-18721e82]{color: #fff;font-size: 18px; } .reglist form .btn span[data-v-18721e82]::before{content: ''; } .reg-account form p em[data-v-18721e82] {color:#666; width:60px; padding-left:20px; } .reg-account form p input[data-v-18721e82] {width:calc(100% - 100px); padding: 0 10px; } .reg-account form .p-yzm [type='text'][data-v-18721e82] {width:calc(100% - 200px); } .reg-account form .p-yzm [type='button'][data-v-18721e82] {width:100px;background:#ebebeb; color:#999; } .reg-account form p:nth-child(3) input[data-v-18721e82] {width:calc(100% - 126px); padding: 0 36px 0 10px; } .reg .login-account form p em[data-v-18721e82] {color:#b2b2b2; width:49px; background:#fafafa; font-size: 20px; border-right:solid 1px #ccc; text-align:center; } .reg .login-account form p em.bg-grey[data-v-18721e82] {background:#ebebeb; } .reg .login-account form p input[data-v-18721e82] {width:calc(100% - 70px); padding: 0 10px; } .reg .login-account form p:nth-child(3) input[data-v-18721e82] {width:calc(100% - 96px); padding: 0 36px 0 10px; } .reg .login-account form .lg-bot[data-v-18721e82] {line-height:20px; font-size: 14px; } .reg .login-account form .lg-bot small[data-v-18721e82] {color:#999; margin-right:20px; cursor:pointer; font-size: 14px; } .reg .login-account form .lg-bot small input[type='checkbox'][data-v-18721e82] {display:none; } .reg .login-account form .lg-bot small[data-v-18721e82]:before {display:inline-block; content: "\E60A"; width:16px; line-height:20px; cursor:pointer; margin-right:5px; vertical-align:top; overflow:hidden; } .reg .login-account form .lg-bot small.cselected[data-v-18721e82]:before {content: "\E609"; } .reg .login-account form div a[data-v-18721e82] {float:right;color:#e62226; } /*账号登录注册 end*/ /*搜索栏*/ .header-searchbar[data-v-1d621a78] {background-color: #FFFFFF; } .header-fixed[data-v-1d621a78] { position: fixed; top: 0; width: 100%; z-index: 11; -webkit-box-shadow: 0 1px 4px #ccc; box-shadow: 0 1px 4px #ccc; -webkit-animation: showhead-data-v-1d621a78 0.4s forwards; animation: showhead-data-v-1d621a78 0.4s forwards; } @-webkit-keyframes showhead-data-v-1d621a78 { from { opacity: 0; } to { opacity: 1; } } @keyframes showhead-data-v-1d621a78 { from { opacity: 0; } to { opacity: 1; } } .header-searchbar-box[data-v-1d621a78] { position: relative; height: 140px; } /* .header-searchbar-logo {float: left; margin-top: 42px; position: relative;} .header-searchbar-logo img{ position: absolute; width: 190px; height: 50px; left: 0;} .header-searchbar-logo h3,.header-searchbar-logo p {margin-left: 204px;} .header-searchbar-logo h3{ font-size: 22px; color: #333;} .header-searchbar-logo p { font-size: 12px; color: #666; margin-top: 5px; width: 73px; text-align: center; height: 23px; line-height: 23px; border: 1px solid #bdbdbd; border-radius: 15px;-webkit-border-radius: 15px; } .header-searchbar-logo p a { color: #666;} .header-searchbar-logo p a:hover{ color: #e62226;} */ .header-searchbar-r[data-v-1d621a78] { float: right; margin-top: 42px; width: 683px; } .header-searchbox[data-v-1d621a78] { width: 472px; float: left; } .header-searchbar-search[data-v-1d621a78] { border: 1px solid #e62226; } .header-searchbar-search .search[data-v-1d621a78] { color: #333; font-size: 14px; width: 366px; height: 35px; line-height: 35px; padding: 0 12px; border: none; float: left; } .header-searchbar-search .searchbtn[data-v-1d621a78] { width: 80px; height: 35px; font-size: 16px; border: none; float: left; cursor: pointer; background: #e62226; color: #fff; text-align: center; /*line-height: 35px;*/ } .announce[data-v-d1fe8f66] { margin-top: 0; width: 100%; height: 45px; line-height: 45px; background-color: #fff; -webkit-box-shadow: 0 2px 3px #cbcaca; box-shadow: 0 2px 3px #cbcaca; } .announce p[data-v-d1fe8f66] { font-size: 14px; color: #666; padding: 0 10px; width: 1200px; margin: 0 auto; } .txt-o[data-v-d1fe8f66] { color: #ff5f20; } .announce p em[data-v-d1fe8f66], .announce p span[data-v-d1fe8f66], .announce p a[data-v-d1fe8f66] { display: inline-block; float: left; } .announce p span[data-v-d1fe8f66] { width: 1010px; overflow: hidden; padding-left: 5px; } .announce p a[data-v-d1fe8f66] { float: right; } .announce p a i[data-v-d1fe8f66] { font-size: 12px; padding-left: 5px; } .mods-announce[data-v-d1fe8f66] { display: block; } .mods-announce .mods-cont[data-v-d1fe8f66] { width: 800px; height: 600px; margin-left: -400px; margin-top: -300px; } .mods-announce .mc-cont[data-v-d1fe8f66] { padding: 30px 30px 40px 30px; } .mods-announce .mc-cont h3[data-v-d1fe8f66] { width: 100%; margin-bottom: 10px; max-height: 80px; overflow-y: auto; text-align: center; font-size: 28px; color: #333; font-weight: bold; } .mods-announce .btn[data-v-d1fe8f66] { display: block; margin: 10px auto 0; } .mods-announce .announce-con[data-v-d1fe8f66] { height: 450px; overflow-y: auto; font-size: 16px; color: #666; line-height: 28px; width: 740px; margin: 0 auto; margin-bottom:20px; } .announceImgBox[data-v-d1fe8f66]{height: 480px;width: calc(100% - 20px);overflow-y: auto;margin: 0 auto;position: relative; } .announceTextImg[data-v-d1fe8f66] {max-width: 100%;display: block;margin: 0 auto;position: absolute;top: 0;right: 0;bottom: 0;left: 0; } .mods-transfer .mods-cont[data-v-4a0d3d87] { width: 780px; height: 550px; margin-left: -395px; margin-top: -280px; } .mods-transfer .mc-cont[data-v-4a0d3d87] { padding-top: 30px; background: url('https://presale.jhtsoft.com/picms/38502389a811c4.png') no-repeat 85% center; background-size: 200px auto; } .transferbox[data-v-4a0d3d87] { width: 330px; background: #fff; padding: 30px 0 0; border: solid 1px #f0f0f0; border-bottom: none; margin-left: 80px; -webkit-box-shadow: 1px 0 8px rgba(0, 0, 0, 0.1); box-shadow: 1px 0 8px rgba(0, 0, 0, 0.1); } .transferbox h3[data-v-4a0d3d87] { color: #e62226; font-size: 18px; text-align: center; font-weight: 600; line-height:25px; } .transferbox a[data-v-4a0d3d87] { position: relative; display: block; text-align: center; margin: 30px auto; } .transferbox a img[data-v-4a0d3d87] { max-width: 100%; max-height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .transferbox p[data-v-4a0d3d87] { line-height: 50px; background: url('https://presale.jhtsoft.com/picms/38501f99dabdce.jpg') #e62226 repeat-x left top; background-size: 6px auto; color: #fff; font-size: 16px; text-align: center; } .transferbox p i[data-v-4a0d3d87] { display: inline-block; width: 33.33%; text-align: center; } .transferbox p i[data-v-4a0d3d87]:not(:last-child):after { content: "\E65C"; float: right; font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .transferbox p b[data-v-4a0d3d87]{margin: 0 15px; } .transferbox .ewmCodeBox[data-v-4a0d3d87] { margin: 20px auto; width: 250px; height: 250px;position: relative; } /*物流信息 start */ .expInfoUl .txtRight[data-v-6fd1f31e] {width:170px; font-size: 12px; line-height:30px; color:#666; text-align: right; padding-right:40px;font-family: Arial, Verdana,sans-serif; } .txtRight.twoWrapLine[data-v-6fd1f31e] {line-height:1.5; } .expInfoUl .txtRight b[data-v-6fd1f31e] {padding-left:15px; } .twoWrapLine b[data-v-6fd1f31e] {display: block;text-align: right; } .expInfoUl .progressRight[data-v-6fd1f31e] {-webkit-box-flex:1;-ms-flex:1;flex:1; max-width:calc(100% - 240px);position:relative;line-height: 20px; padding: 0 0 30px 40px; } .expInfoUl > li:not(:last-child) .progressRight[data-v-6fd1f31e] {border-left:solid 1.5px #eee; } .expInfoUl > li:last-child .progressRight[data-v-6fd1f31e]{padding-bottom:0; } .progressRight[data-v-6fd1f31e] {position:relative;padding:10px 0 0 40px; } .progressRight em[data-v-6fd1f31e] {position:absolute; z-index:2;display:inline-block; top:0;background:rgba(204,204,204,.2);text-align: center;color:#fff; } .expInfoUl > li.on .circleIco[data-v-6fd1f31e],.addrInfo .bigCircle[data-v-6fd1f31e] {left:-15px; width:30px;height:30px; border-radius:30px; font-size:20px; line-height:30px; } .expInfoUl > li.on .icon-error[data-v-6fd1f31e] {font-size: 15px!important; } .progressRight .circleIco[data-v-6fd1f31e] { left:-10px; width:20px;height:20px; border-radius:20px; font-size:12px; line-height:20px; } .addrInfo .bigCircle.havereceived[data-v-6fd1f31e] {font-size:15px!important; } .circleIco[data-v-6fd1f31e]:before,.addrInfo .bigCircle[data-v-6fd1f31e]:before {position: relative; z-index:4; } .expInfoUl > li.on .circleIco[data-v-6fd1f31e]:after,.addrInfo .bigCircle[data-v-6fd1f31e]:after {content:'';position:absolute; z-index:3;display:inline-block; left:3px; top:3px;width:24px;height:24px; border-radius:24px; background:#e0e0e0; } .circleIco[data-v-6fd1f31e]:after {content:'';position:absolute; z-index:3;display:inline-block; left:3px; top:3px;width:14px;height:14px; border-radius:14px; background:#e0e0e0; } .expInfoUl > li.on .circleIco[data-v-6fd1f31e],.addrInfo .bigCircle.havereceived[data-v-6fd1f31e]{background:rgba(241,46,46,.2); } .expInfoUl > li.on .circleIco[data-v-6fd1f31e]:after,.addrInfo .bigCircle.havereceived[data-v-6fd1f31e]:after {background:-webkit-gradient(linear, left bottom, left top, from(#fa5e11), to(#f12e2e));background:linear-gradient(to top, #fa5e11, #f12e2e);color:#fff; } .expInfoUl > li.on h6[data-v-6fd1f31e] {color:#ff5f20!important; } .expInfoUl > li.on .twoWrapLine[data-v-6fd1f31e] {padding-top:8px } .expInfoUl li h6[data-v-6fd1f31e] {color:#333; font-size: 12px; font-weight: 600; } .progressRight p[data-v-6fd1f31e],.innerTransit dd[data-v-6fd1f31e] {font-size: 12px; color:#999; line-height: 1.5; } .expInfoUl > li.on p[data-v-6fd1f31e] {color:#333; } /*首条特殊 */ .addrInfo .txtRight .fz12[data-v-6fd1f31e] {font-size: 12px; } .addrInfo .progressRight[data-v-6fd1f31e] {border-left-style:dashed!important;padding-bottom:25px!important; } .addrInfo .progressRight[data-v-6fd1f31e]::before {content:'';position:absolute;z-index:1;display:inline-block; left:-15px; top:0;width:30px;height:5px; background: #fff; } .addrInfo .progressRight h5[data-v-6fd1f31e] {font-weight: 600; } .addrInfo .progressRight h6[data-v-6fd1f31e] {font-size: 14px;font-weight: 600; } .addrInfo .progressRight h6 em[data-v-6fd1f31e] {cursor: pointer; color: #0079b6; margin-left:20px; } .addrInfo .bigCircle.havereceived[data-v-6fd1f31e]:before {content: '\6536'; } .addrInfo .progressRight.on[data-v-6fd1f31e] {border-left-color:#ff5f20!important; } .telColor[data-v-6fd1f31e] {color:#ff5f20;cursor: pointer; } /*物流信息 end */ .expInfoUl li p a {color:#ff5f20; cursor: pointer; padding:0 5px; font-weight: 600; } /*查询申请提货验证 start*/ .top[data-v-3d946f13] { height: 600px; background-repeat: repeat-x; background-position:top center; background-size:auto 100% ; } .topbg[data-v-3d946f13] { position: relative; margin: 0 auto; width: 1200px; height: 600px } .topleft[data-v-3d946f13] { float: left; width: 520px; height: 215px; margin-top: 180px; margin-left: 10px } .topleft img[data-v-3d946f13] { width: 520px; height: 215px } .topright[data-v-3d946f13] { position: absolute; right: 0; width: 560px; background: #fff; -webkit-box-shadow: 0 0 8px #dfdfdf; box-shadow: 0 0 8px #dfdfdf; background-image: url(https://presale.jhtsoft.com/picms/384a120de9aace.png), url(https://presale.jhtsoft.com/picms/384a1634413bb8.png), url(https://presale.jhtsoft.com/picms/384a1a1ff2abbc.png); background-position: 20px 80px, 30px 510px, right bottom; background-repeat: no-repeat, no-repeat, no-repeat; background-size: 73px 71px, 140px 90px, 153px 92px } .toprightka[data-v-3d946f13] { position: absolute; top: -81px; width: 100%; height: 162px } .toprightka span[data-v-3d946f13] { width: 162px; height: 162px; float: left; background: url(https://presale.jhtsoft.com/picms/384df4f7d3fcc0.png) no-repeat; position: absolute; text-align: center; line-height: 162px; font-size: 54px; color: #e62226; font-weight: 700 } .toprightka span[data-v-3d946f13]:first-child { z-index: 1; left: 25px; animation-delay: .6s; -webkit-animation-delay: .6s } .toprightka span[data-v-3d946f13]:nth-child(2) { z-index: 2; left: 145px; animation-delay: 1.2s; -webkit-animation-delay: 1.2s } .toprightka span[data-v-3d946f13]:nth-child(3) { z-index: 3; left: 260px; animation-delay: 1.8s; -webkit-animation-delay: 1.8s } .toprightka span[data-v-3d946f13]:nth-child(4) { z-index: 4; left: 376px; animation-delay: 2.4s; -webkit-animation-delay: 2.4s } .toprightkuang[data-v-3d946f13] { width: 560px; margin-top: 120px; min-height: 500px } .ser-kuang[data-v-3d946f13] { margin-top: 170px } .kuangtit[data-v-3d946f13] { padding: 0 80px; height: 50px; margin-bottom: 3px; border-bottom: solid 1px #ededed } .kuangtit a[data-v-3d946f13] { display: inline-block; float: left; width: 112px; margin: 0 44px; font-size: 28px; line-height: 47.5px; color: #bdbdbd } .kuangtit a.on[data-v-3d946f13] { color: #333; font-weight: 700; border-bottom: 5px solid #e62226 } .serform[data-v-3d946f13] { width: 400px; margin: 35px auto 0 } .serform .waring[data-v-3d946f13] { overflow: hidden; margin-bottom: 10px; font-size: 14px; color: #e62226; padding-left: 8px } .serform .waring[data-v-3d946f13]:before { display: inline-block; line-height: 20px; content: "\E637"; vertical-align: middle; margin: 0 5px 2px 0 } .serform span[data-v-3d946f13] { display: block; border: 1px solid #e1e1e1; line-height: 50px; overflow: hidden; padding: 0 20px; margin-bottom: 30px; border-radius: 2px; -moz-border-radius: 2px } .serform span input[data-v-3d946f13], .serform span label[data-v-3d946f13] { display: inline-block; float: left } .serform span label[data-v-3d946f13] { width: 65px; margin-right: 20px; font-size: 16px; color: #333 } .serform span input[data-v-3d946f13] { color: #333; font-size: 16px; height: 50px; line-height: 50px; width: calc(100% - 85px) } /*改为elementUI的input*/ .serform .flexUI[data-v-3d946f13] {padding-right:0; } .serform .flexUI[data-v-3d946f13] .el-input {width: calc(100% - 85px); } .serform .flexUI[data-v-3d946f13] .el-input__inner {border:none;padding-left:0;font-size: 16px; } .serform span.sel-yyadrs[data-v-3d946f13] { position: relative } .serform span.sel-yyadrs input[data-v-3d946f13] { width: calc(100% - 100px) } .sel-yyadrs[data-v-3d946f13]:after { position: absolute; content: "\E66B"; right: 10px; top: 0; line-height: 50px } .serform p[data-v-3d946f13]:last-child { padding: 30px 0; color: #999; font-size: 14px } .serform p[data-v-3d946f13]:last-child:before { display: inline-block; content: "\E626"; font-size: 18px; color: #ffa641; margin-right: 5px } .serform p:last-child a[data-v-3d946f13] { color: #333; font-weight: 600; margin-left: 5px } .serform .btn[data-v-3d946f13] { display: block; width: 100%; line-height: 50px; border-radius: 2px; font-size: 18px; letter-spacing: 5px } .serform span select[data-v-3d946f13] { border: transparent; background: #f7f7f7; padding: 10px 2px; max-width: 130px; min-width: 100px } /*申请送货框补充地址选择 zz*/ .toprightkuang .ct-send[data-v-3d946f13] { float: none; margin-bottom: 30px; height: 48px; line-height: 46px; border: 1px solid #e1e1e1; padding: 0 20px } .toprightkuang .ct-send em[data-v-3d946f13] { border: 1px solid #fff; padding-left: 23px } .toprightkuang .ct-send em.sdown[data-v-3d946f13] { border-color: #e0e0e0; border-bottom-color: #e0e0e0; border-bottom: none; margin-top: 1px } .toprightkuang .ct-send .sendiv[data-v-3d946f13] { top: 46px; border: 1px solid #fff } .toprightkuang .ct-send input[data-v-3d946f13] { width: 255px } .toprightkuang .ct-send.sdopen .sendiv[data-v-3d946f13] { border: 1px solid #e0e0e0; right: -1px } /*查询申请提货验证 end*/ /*券卡验证商品列表 start*/ .zbd[data-v-3d946f13] { margin: 0 auto; height: auto; margin-top: -30px; background-image: url(https://presale.jhtsoft.com/picms/384a120de9aace.png), url(https://presale.jhtsoft.com/picms/384a1634413bb8.png), url(https://presale.jhtsoft.com/picms/384a120de9aace.png), url(https://presale.jhtsoft.com/picms/384a1634413bb8.png); background-position: 3% 0, 95% 70px, 3% bottom, 95% bottom; background-repeat: no-repeat, no-repeat, no-repeat, no-repeat; background-size: 232px 210px, 184px 156px, 232px 210px, 184px 156px; display: none } .zbd-part[data-v-3d946f13] { width: 1200px; margin: 0 auto; padding-top: 30px } .zbd-part-tit[data-v-3d946f13] { height: 50px; line-height: 50px; font-size: 16px; border-bottom: 2px solid #e6e6e6; overflow: hidden; background: #eee } .zbd-part-tit a[data-v-3d946f13], .zbd-part-tit span[data-v-3d946f13] { display: inline-block } .zbd-part-tit a[data-v-3d946f13]:first-child { float: left; padding-left: 20px; color: #666 } .zbd-part-tit a:first-child span[data-v-3d946f13] { font-size: 18px; color: #e62226; font-family: Arial, Verdana, "\5B8B\4F53" } .zbd-part-tit a:first-child span b[data-v-3d946f13] { margin: 0 5px; display: inline-block } .zbd-part-tit span[data-v-3d946f13] { float: right; height: 50px } .zbd-part-tit span a[data-v-3d946f13] { margin-right: 25px; color: #e62226 } .zbd-part-tit span a[data-v-3d946f13]:first-child { color: #f18110 } .zbd-part-tit .code-description[data-v-3d946f13] { display: inline-block; height: 28px; line-height: 28px; margin: 11px 20px; font-size: 14px; color: #666; overflow: hidden } .zbd-part-tit .code-description small[data-v-3d946f13] { font-size: 14px } .zbd-part-tit .code-description em[data-v-3d946f13], .zbd-part-tit .code-description em button[data-v-3d946f13], .zbd-part-tit .code-description em input[data-v-3d946f13], .zbd-part-tit .code-description label[data-v-3d946f13], .zbd-part-tit .code-description span[data-v-3d946f13] { display: inline-block; float: left } .zbd-part-tit .code-description em[data-v-3d946f13] { border: solid 1px #ccc; height: 24px; margin: 0 10px } .zbd-part-tit .code-description em button[data-v-3d946f13] { width: 24px; height: 24px; background: #fff; text-align: center; outline: 0; border: none } .zbd-part-tit .code-description em button[data-v-3d946f13]:active, .zbd-part-tit .code-description em button[data-v-3d946f13]:hover { background: rgba(241, 2, 21, .1); color: #e62226 } .zbd-part-tit .code-description em input[data-v-3d946f13] { width: 53px; height: 24px; border-left: solid 1px #e0e0e0; border-right: solid 1px #e0e0e0; line-height: 24px; text-align: center; font-size: 14px; color: #333 } .zbd-part-tit .code-description small b[data-v-3d946f13] { color: #333; font-weight: 600; margin: 0 5px } .zbd-part-ul[data-v-3d946f13] { padding: 0 20px } .zbd-part-ul li[data-v-3d946f13] { display: block; overflow: hidden; padding-top: 30px; padding-bottom: 50px } .zbd-part-ul li .zpu-tu[data-v-3d946f13] { float: left; display: inline-block } .zbd-part-ul li .zpu-tu img[data-v-3d946f13] { width: 188px; height: 188px; border-radius: 50%; -moz-border-radius: 50%; border: 2px solid #a67761; -webkit-animation: rotate 1s linear; animation: rotate 1s linear } .zbd-part-ul li div[data-v-3d946f13] { float: left; margin-left: 32px; width: 936px } .zbd-part-ul li div a[data-v-3d946f13], .zbd-part-ul li div p[data-v-3d946f13] { margin-bottom: 10px; font-size: 14px; display: block; line-height: 20px; color: #999; line-height: 20px; font-size: 14px; min-height: 20px; position: relative; overflow: hidden } .zbd-part-ul li div .card-p[data-v-3d946f13] { position: relative; padding-right: 50px; max-height: 20px } .zbd-part-ul li div p i[data-v-3d946f13] { position: absolute; top: 0; right: 15px; display: none; width: 20px; height: 20px; text-align: center; font-size: 20px; color: #333; font-weight: 600; cursor: pointer; -webkit-transition: all .5s ease; transition: all .5s ease } .zbd-part-ul li div a[data-v-3d946f13] { font-size: 18px; color: #333; height: 25px; line-height: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .zbd-part-ul li div a em[data-v-3d946f13] { font-weight: 600 } .zbd-part-ul li div a em[data-v-3d946f13]:first-child { margin-right: 10px } .zbd-part-ul li div a[data-v-3d946f13]:hover { color: #e62226 } .zbd-part-ul li div p[data-v-3d946f13]:nth-child(3) { color: #e62226; margin-bottom: 16px; padding-top: 5px } .zbd-part-ul li .bigred[data-v-3d946f13] { font-size: 24px; font-weight: 700; font-family: Arial, Verdana, "\5B8B\4F53" } .zbd-part-ul li .hei[data-v-3d946f13] { color: #333 } .card-foot[data-v-3d946f13] { width: 950px; margin: 50px auto 100px; padding-left: 250px; height: 50px } .card-foot [type=button][data-v-3d946f13], .card-foot a[data-v-3d946f13], .card-foot span[data-v-3d946f13] { display: inline-block } .card-foot a[data-v-3d946f13], .card-foot span[data-v-3d946f13] { font-size: 14px; line-height: 50px } .card-foot span[data-v-3d946f13] { color: #666 } .card-foot span i[data-v-3d946f13] { font-size: 18px; color: #f18110; margin: 0 5px } .card-foot a[data-v-3d946f13] { margin: 0 30px 0 10px; color: #f18110 } .card-foot .btn[data-v-3d946f13] { width: 260px; border-radius: 2px; -moz-border-radius: 2px; height: 48px; line-height: 48px; font-size: 18px } /*返回顶部*/ .totop[data-v-3d946f13] { position: fixed; bottom: 10%; right: 5%; cursor: pointer; opacity: 0; width: 80px; height: 80px; border-radius: 100%; background: #ccc; color: #fff; line-height: 80px; text-align: center; font-size: 60px; font-weight: 400; -webkit-transition: opacity .3s; transition: opacity .3s } .totop[data-v-3d946f13]:hover { background: #e62226 } /*券卡验证商品列表 end*/ /*选定网点 strat*/ .network[data-v-3d946f13] { overflow: hidden; } .network span[data-v-3d946f13], .network .nw-cont[data-v-3d946f13] { display: inline-block; float: left; } .network span[data-v-3d946f13] { width: 180px; height: 130px; margin-right: 20px; } .network span img[data-v-3d946f13] { width: 100%; height: 100%; } .network .nw-cont[data-v-3d946f13] { width: 1000px; } .network .nw-cont p[data-v-3d946f13]:first-child { line-height: 35px; border-bottom: 2px solid #e6e6e6; overflow: hidden; } .network .nw-cont p:first-child b[data-v-3d946f13] { float: left; color: #333; font-size: 18px; font-weight: bold; } .network .nw-cont p:first-child em[data-v-3d946f13] { float: left; color: #666; font-size: 16px; padding-left: 20px; } .network .nw-cont p:first-child a[data-v-3d946f13] { float: right; padding-right: 20px; color: #f18110; font-size: 16px; } .network p[data-v-3d946f13]:not(:first-child) { line-height: 25px; padding-top: 8px; font-size: 14px; } .network p i[data-v-3d946f13] { display: inline-block; width: 72px; } .network p:nth-child(3) b[data-v-3d946f13] { margin-right: 20px; } .network p[data-v-3d946f13]:last-child { position: relative; padding-left: 72px; } .network p:last-child i[data-v-3d946f13] { position: absolute; left: 0; top: 8px; width: 72px; display: inline-block; line-height: 25px; } .network p:last-child b[data-v-3d946f13] { display: inline-block; margin-right: 0; cursor: pointer; } .network p:last-child b[data-v-3d946f13]:after { display: inline-block; content: "\E696"; height: 25px; line-height: 25px; font-size: 20px; margin-left: 25px; color: #f18110; } .nw-map[data-v-3d946f13] { height: 0; overflow: hidden; margin-top: 20px; -webkit-transition: height .2s; transition: height .2s; } .nw-map img[data-v-3d946f13] { border: none; width: 100%; } .nw-map.sdopen[data-v-3d946f13] { height: 180px; } /*选定网点 end*/ /*完善地址信息 start*/ .bd[data-v-3d946f13] { background: #f6f6f6; padding: 20px 0; min-height: 500px; } .bdpart[data-v-3d946f13] { width: 1200px; margin: 0 auto; } .bdpart-tit[data-v-3d946f13] { line-height: 30px; padding: 15px 0; margin-bottom: 30px; overflow: hidden; border-bottom: 2px solid #e6e6e6; } .bdpart-tit b[data-v-3d946f13], .bdpart-tit span[data-v-3d946f13], .bdpart-tit em[data-v-3d946f13] { display: inline-block; float: left; margin-left: 20px; font-size: 16px; } .bdpart-tit span[data-v-3d946f13] { max-width: 620px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .bdpart-tit a[data-v-3d946f13] { float: right; font-size: 16px; color: #f18110; } .bdpart-tit big[data-v-3d946f13] { display: inline-block; float: left; font-size: 20px; font-weight: bold; } .bdpart-tit em i[data-v-3d946f13] { color: #f18110; } .adrs-form[data-v-3d946f13] { padding: 0 20px; overflow: hidden; } .adrs-form p[data-v-3d946f13]:not(:last-child), .adrs-form .adrs-div[data-v-3d946f13] { height: 42px; line-height: 40px; margin-bottom: 10px; font-size: 16px; overflow: hidden; } .adrs-form em[data-v-3d946f13], .adrs-form input[data-v-3d946f13], .adrs-form span[data-v-3d946f13], .adrs-form small[data-v-3d946f13], .adrs-form .adrs-div .adrs-select[data-v-3d946f13], .adrs-form .adrs-div .adrs-select select[data-v-3d946f13] { display: inline-block; float: left; } .adrs-form em[data-v-3d946f13] { width: 160px; height: 40px; line-height: 40px; text-align: right; color: #666; } .adrs-form em b[data-v-3d946f13] { color: #e62226; margin-right: 5px; } .adrs-form p:not(:last-child) input[data-v-3d946f13] { margin: 0 15px 0 5px; width: 340px; height: 30px; line-height: 30px; border: 1px solid #ededed; padding: 5px 10px; font-size: 16px; -webkit-transition: all .3s; transition: all .3s; } .adrs-form p:not(:last-child) input[data-v-3d946f13]:hover { border-color: #c0c4cc } .adrs-form span[data-v-3d946f13] { color: #e62226; font-size: 14px; } .adrs-form span[data-v-3d946f13]:before { display: inline-block; content: "\E637"; font-size: 14px; margin-right: 5px; vertical-align: top; } .adrs-form small[data-v-3d946f13] { display: inline-block; color: #999; font-size: 14px; max-width: calc(100% - 602px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .adrs-form .adrs-div .adrs-select[data-v-3d946f13] { width: 362px; height: 40px; margin: 0 15px 0 5px; } .adrs-form .adrs-div .adrs-select select[data-v-3d946f13] { width: 114px; height: 40px; border: solid 1px #e1e1e1; margin-right: 10px; text-align-last: center; text-align: center; color: #333; } .adrs-form .adrs-div .adrs-select select option[data-v-3d946f13]:disabled{color: #ccc; } .adrs-form .adrs-div .adrs-select select[data-v-3d946f13]:last-child { margin-right: 0; } .adrs-form p[data-v-3d946f13]:last-child { padding-left: 165px; margin-top: 30px; } .adrs-form p:last-child [type='button'][data-v-3d946f13] { width: 170px; height: 48px; line-height: 48px; margin-right: 20px; } .adrs-form .btn-default[data-v-3d946f13] { background: #e0e0e0; } .adrs-form .btn-default[data-v-3d946f13]:hover { background: #ccc; color: #333; } /*完善地址信息 end*/ /*提交成功订单 start*/ .adv[data-v-3d946f13] { position: relative; width: 100%; height: 100px; text-align: center; overflow: hidden; } .adv.none[data-v-3d946f13] { height: 0; padding: 0; border: none; margin: 0; } .adv a img[data-v-3d946f13] { width: 100%; height: 100px; } .adv p[data-v-3d946f13] { width: 1200px; position: absolute; top: 5px; left: 50%; margin-left: -600px; } .adv p .icon-gb[data-v-3d946f13] { position: absolute; z-index: 1; right: 0; color: #fff; } .uinfo .uif-cont[data-v-3d946f13] { padding: 0 20px; position: relative; } .uinfo .uif-cont p[data-v-3d946f13] { position: relative; padding-left: 160px; width: calc(70% - 150px); line-height: 20px; margin-bottom: 10px; padding-right: 30%; padding-bottom: 10px; font-size: 14px; } .uinfo .uif-cont p label[data-v-3d946f13] { position: absolute; left: 0; top: 0; width: 150px; color: #666; text-align: right; } .uinfo .uif-cont .marketad-tu[data-v-3d946f13] { position: absolute; right: 0; top: 0; width: 152px; height: 120px; -webkit-animation: dhpic 1s linear infinite alternate; animation: dhpic 1s linear infinite alternate; display: none; } .uinfo .uif-cont .marketad-tu img[data-v-3d946f13] { width: 100%; } /*订单提交成功信息 end*/ /*券卡订单产品推荐 start*/ .plist-rcommend[data-v-3d946f13] { width: 1200px; margin: 0 auto; overflow: hidden; } .plist-rcommend .pr-tit[data-v-3d946f13] { width: calc(100% - 40px); line-height: 30px; padding: 15px 20px; margin-bottom: 30px; overflow: hidden; border-bottom: 2px solid #e6e6e6; display: inline-block; font-size: 20px; font-weight: bold; } .plist-rcommend .swiper-container[data-v-3d946f13] { position: relative; width: 100%; overflow: visible !important; } .plist-rcommend .swiper-wrapper[data-v-3d946f13] { height: auto; margin-right: -14px; } .plist-rcommend .swiper-wrapper .swiper-slide[data-v-3d946f13] { float: left; display: inline-block; width: 292.5px; background: #fff; } .prc .swiper-button-prev[data-v-3d946f13], .prc .swiper-button-next[data-v-3d946f13] { position: absolute; top: -50px; width: 30px; height: 30px; line-height: 30px; font-size: 18px; border: solid 1px #ebebeb; z-index: 10; cursor: pointer; background: #fff; text-align: center; } .prc .swiper-button-prev[data-v-3d946f13]:hover, .prc .swiper-button-next[data-v-3d946f13]:hover { color: #e62226; } .prc .swiper-button-next.swiper-button-disabled[data-v-3d946f13], .prc .swiper-button-prev.swiper-button-disabled[data-v-3d946f13] { opacity: 1 !important; color: #d6d6d6; } .prc .swiper-button-prev[data-v-3d946f13] { left: 94%; } .prc .swiper-button-next[data-v-3d946f13] { right: 0; -webkit-transform: rotate3d(0, 0, 1, 180deg); transform: rotate3d(0, 0, 1, 180deg); } .plist-rcommend .prc a[data-v-3d946f13], .plist-rcommend .prc p[data-v-3d946f13], .plist-rcommend .prc span[data-v-3d946f13] { display: block; text-align: center; } .plist-rcommend .prc a[data-v-3d946f13]:first-child { padding: 20px 0; } .plist-rcommend .prc a:first-child img[data-v-3d946f13] { width: 188px; height: 188px; border-radius: 50%; -moz-border-radius: 50%; border: 2px solid #a67761; -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; -webkit-transform: translateY(0); transform: translateY(0) } .plist-rcommend .prc a:first-child:hover img[data-v-3d946f13] { -webkit-transform: translateY(-5px); transform: translateY(-5px) } .plist-rcommend .prc a[data-v-3d946f13]:nth-child(2) { margin: 0 10px; font-size: 16px; font-weight: 600; line-height: 30px; border-bottom: solid 1px #ebebeb; } .plist-rcommend .prc a[data-v-3d946f13]:nth-child(2), .plist-rcommend .prc p[data-v-3d946f13] { max-width: 272.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .plist-rcommend .prc p[data-v-3d946f13] { padding: 0 10px; font-size: 14px; line-height: 25px; } .plist-rcommend .prc span[data-v-3d946f13] { display: block; height: 30px; margin-top: 10px; padding: 10px 0; color: #fff; } .plist-rcommend .prc span b[data-v-3d946f13] { font-size: 24px; font-weight: bold; } /*券卡订单产品推荐 end*/ /* * 提货模块cardProject所有弹窗样式 * start */ /*更改商品弹窗 begin*/ .mods-cont .mc_cont[data-v-3d946f13] { overflow-y: auto; overflow-x: hidden; } .mc-tit span[data-v-3d946f13] { display: inline-block; float: left; height: 26px; line-height: 26px; margin: 7px 20px; font-size: 14px; color: #666; overflow: hidden; } .mc-tit span small[data-v-3d946f13] { font-size: 14px; } .mc-tit span label[data-v-3d946f13], .mc-tit span em[data-v-3d946f13], .mc-tit span span[data-v-3d946f13], .mc-tit span em button[data-v-3d946f13], .mc-tit span em input[data-v-3d946f13] { display: inline-block; float: left; } .mc-tit span em[data-v-3d946f13] { border: solid 1px #ccc; height: 24px; margin: 0 10px; } .mc-tit span em button[data-v-3d946f13] { width: 24px; height: 24px; background: #fff; text-align: center; outline: none; border: none; } .mc-tit span em button[data-v-3d946f13]:hover, .mc-tit span em button[data-v-3d946f13]:active { background: rgba(241, 129, 127, .1); color: #f18110; } .mc-tit span em input[data-v-3d946f13] { width: 53px; height: 24px; border-left: solid 1px #e0e0e0; border-right: solid 1px #e0e0e0; line-height: 24px; text-align: center; font-size: 14px; color: #333; } .mc-tit span small i[data-v-3d946f13] { color: #333; font-weight: 600; margin: 0 5px; } /* .mods-product .mods-cont { width:1000px; height: 600px; margin-left:-500px; margin-top:-300px;} */ .mods-product .mods-cont .mc_cont[data-v-3d946f13] { height: 550px; width: 1000px; padding-bottom: 10px; } .mc_cont .mcb-tit[data-v-3d946f13] { position: absolute; z-index: 4; top: 118px; left: 30px; padding: 10px 0; width: calc(100% - 60px); height: 25px; line-height: 25px; background: #fff; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mcb_ul[data-v-3d946f13] { height: auto; margin: 0 auto; text-align: left; } .mcb_ul.pd-t-mx[data-v-3d946f13] { padding-top: 123px; } .mcb_ul li[data-v-3d946f13] { position: relative; width: 580px; padding: 15px 0; height: auto; border-top: solid 1px #eee; } .mcb_ul li .mcb_ul_tu[data-v-3d946f13] { display: block; position: absolute; top: 30px; width: 80px; height: 80px; border: solid 1px #ccc; } .mcb_ul li .mcb_ul_tu img[data-v-3d946f13] { max-width: 100%; max-height: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .mcb_ul li div[data-v-3d946f13] { height: auto; min-height: 105px; line-height: 25px; } .mcb_ul li div a[data-v-3d946f13] { display: block; width: 100%; height: auto; line-height: 30px; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mcb_ul li div p[data-v-3d946f13] { display: block; padding-right: 60px; max-height: 25px; color: #999; line-height: 25px; font-size: 14px; position: relative; overflow: hidden; } .pedit_none .mcb_ul[data-v-3d946f13] { width: 940px; padding-right: 30px; padding-bottom: 90px; padding-left: 30px; } .pedit_none .mcb_ul li[data-v-3d946f13] { width: 940px; } .pedit_none .mcb_ul li span.icon-oncheck[data-v-3d946f13] { position: absolute; left: 10px; top: 55px; display: block; width: 30px; height: 30px; font-size: 30px; color: #e6e2e3; cursor: pointer; } .pedit_none .mcb_ul li span.icon-oncheck.cselected[data-v-3d946f13] { color: #f18110; } .pedit_none .mcb_ul li span input[type="checkbox"][data-v-3d946f13] { visibility: hidden; display: none; } .mcb_ul li .mcb_ul_tu[data-v-3d946f13] { display: block; position: absolute; top: 30px; width: 80px; height: 80px; border: solid 1px #ccc; } .mods-product .mcb_ul li .mcb_ul_tu[data-v-3d946f13] { left: 60px; } .pedit_none .mcb_ul li div[data-v-3d946f13] { width: 770px; padding-left: 170px; } .pedit_none .mcb_ul li div p[data-v-3d946f13]:last-child { width: 710px !important; } .mods-cont .mcp_zw[data-v-3d946f13] { position: absolute; z-index: 4; left: 0; top: 40px; height: 63px; background: #fff; padding: 25px 0 10px 0; } .mods-product .mods-cont .mcp_zw[data-v-3d946f13], .mods-product .mods-cont .mcp_zw .mcc-prdt[data-v-3d946f13], .mods-product .mods-cont .mcp_zw .mcc-prdt p[data-v-3d946f13] { width: 984px; } .mods-cont .mcp_zw .mcc-prdt[data-v-3d946f13] { position: relative; height: 45px; line-height: 45px; background: #eee; font-size: 18px; font-weight: 400; } .mods-cont .mcp_zw .mcc-prdt p[data-v-3d946f13] { position: absolute; left: 0; top: -8px; display: block; height: 63px; line-height: 63px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mods-cont .mcp_zw .mcc-prdt a[data-v-3d946f13] { text-align: center; color: #000; text-decoration: none; cursor: pointer; white-space: nowrap; overflow: hidden; font-size: 16px; text-overflow: ellipsis; } .mods-cont .mcp_zw .mcc-prdt a.active[data-v-3d946f13] { background: url(https://presale.jhtsoft.com/picms/3851540c54e616.png) no-repeat center top; color: #fff; background-size: 100% 64px; } .mods-cont .mcp_zw .mcc-prdt a em[data-v-3d946f13] { max-width: 48px; overflow: hidden; display: inline-block; vertical-align: top; } .mods-cont .mcp_zw .mcc-prdt a.active small[data-v-3d946f13] { font-size: 14px; line-height: 63px; font-weight: 600; } .mods-product .mods-cont .mcp_zw .mcc-prdt a[data-v-3d946f13] { display: block; float: left; width: 17%; } .mods-product .mods-cont .mcp_zw .mcc-prdt a.bw14[data-v-3d946f13] { width: 14%; } .mods-product .mods-cont .mcp_zw .mcc-prdt a.active[data-v-3d946f13] { width: 28%; } .mc_cont .mcc_btn_zw[data-v-3d946f13] { display: block; width: 940px; height: 40px; padding: 15px 0; background: #fff; position: absolute; left: 30px; bottom: 0; text-align: center; } .mc_cont .mcc_btn_zw a.mcc_sub[data-v-3d946f13] { display: inline-block; width: 150px; border: 1px solid #f18110; height: 40px; margin: 0 auto; border-radius: 6px; background: #f18110; color: #fff; line-height: 40px; font-size: 18px; text-decoration: none; text-align: center; cursor: pointer; } .mc-cont .mcc_btn_zw a.addbtn[data-v-3d946f13] { background: #fff; color: #f18110; margin-right: 10px; } .mc-cont .mcc_btn_zw a.addbtn[data-v-3d946f13]:hover { background: #f18110; color: #fff; } /*更改商品弹窗 end*/ /*修改地址弹窗 start*/ .mods-editad .mods-cont[data-v-3d946f13] { width: 1000px; height: 540px; margin-left: -500px; margin-top: -270px; } .mods-editad .mods-cont .mc_cont[data-v-3d946f13] { height: 480px; width: 940px; padding: 0 30px 10px 30px; } .mc_zw[data-v-3d946f13] { position: absolute; z-index: 4; left: 0; top: 40px; height: 20px; background: #fff; } .mc_b_zw[data-v-3d946f13] { position: absolute; z-index: 4; left: 0; bottom: 0; height: 20px; background: #fff; } .mods-editad .mods-cont .mc_zw[data-v-3d946f13] { width: 984px; } .medit_c_ul[data-v-3d946f13] { width: 940px; height: auto; margin: 0 auto; margin: 20px 0 90px 0; background: #fafafa; } .medit_c_ul li[data-v-3d946f13] { position: relative; width: 100%; height: auto; width: 940px; height: auto; background: #fff; padding: 10px 0; /* margin-bottom: 10px; */ font-size: 16px; cursor: pointer; } .medit_c_ul li[data-v-3d946f13]:hover { background: #fffdf3; } .medit_c_ul li .icon-oncheck[data-v-3d946f13] { position: absolute; left: 15px; top: 50%; margin-top: -15px; display: block; width: 30px; height: 30px; font-size: 24px; color: #e6e2e3; cursor: pointer; } .medit_c_ul li.selected .icon-oncheck[data-v-3d946f13] { color: #f18110; } .medit_c_ul li .icon-oncheck input[type="radio"][data-v-3d946f13] { visibility: hidden; } .medit_c_ul li div[data-v-3d946f13] { width: 860px; padding-left: 80px; height: auto; } .medit_c_ul li div em[data-v-3d946f13] { display: block; width: 100%; line-height: 40px; margin-bottom: 10px; font-size: 16px; } .medit_c_ul li div p[data-v-3d946f13] { display: block; width: 80%; height: 20px; line-height: 20px; margin-bottom: 10px; font-size: 14px; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .medit_c_ul li span[data-v-3d946f13] { position: absolute; right: 20px; bottom: 22px; } .medit_c_ul li a[data-v-3d946f13] { color: #f18110; text-decoration: none; cursor: pointer; font-size: 14px; padding-left: 10px; } /*修改地址弹窗 end*/ /*更改网点弹窗 begin*/ .mods-yywd .mods-cont .mc_cont[data-v-3d946f13] { height: 590px; width: 940px; padding: 0 30px; } .mods-yywd .mods-cont .mc_zw[data-v-3d946f13], .mods-yywd .mods-cont .mc_b_zw[data-v-3d946f13] { position: absolute; z-index: 4; left: 0; width: 984px; height: 20px; background: #fff; } .mc_zw[data-v-3d946f13] { top: 40px; } .mc_b_zw[data-v-3d946f13] { bottom: 0; } .mc_cont .mcc_top[data-v-3d946f13] { position: absolute; z-index: 4; left: 30px; top: 40px; width: 940px; height: 40px; margin: 0 auto; padding: 20px 0; background: #fff; } .mc_cont .mcc_top span[data-v-3d946f13] { float: left; height: 40px; line-height: 40px; overflow: hidden; margin-right: 15px; } .mc_cont .mcc_top span label[data-v-3d946f13] { float: left; margin-right: 20px; font-size: 14px; } .mc_cont .mcc_top span input[data-v-3d946f13], .mc_cont .mcc_top span select[data-v-3d946f13] { float: left; display: inline-block; width: 240px; padding-left: 10px; height: 38px; border: solid 1px #eaeaea; border-radius: 2px; line-height: 38px; color: #666; font-size: 14px; } .mc_cont .mcc_top span select[data-v-3d946f13] { width: 200px !important; margin-right: 10px; } .mc_cont .mcc_top a[data-v-3d946f13] { float: left; display: inline-block; width: 160px; height: 40px; line-height: 40px; font-size: 14px; margin: 0 auto; border-radius: 6px; background: #f18110; text-align: center; color: #fff; text-decoration: none; cursor: pointer; } .deliveryadres[data-v-3d946f13], .mc_cont .mcc_bot[data-v-3d946f13] { width: 940px; height: auto; margin: 0 auto; margin-top: 80px; background: #fafafa; } .mods-yywd .mods-cont[data-v-3d946f13] { width: 1000px; height: 640px; margin-left: -500px; margin-top: -320px; font-size: 16px; } dl.yyda_top[data-v-3d946f13] { width: 100%; height: auto; overflow: hidden; position: relative; background: #fff; } .deliveryadres dl.yyda_top[data-v-3d946f13] { margin-bottom: 10px; } dl.yyda_top dd.yyda_t_tu[data-v-3d946f13] { width: 178px; height: 128px; border: solid 1px #eee; position: absolute; left: 0; } dl.yyda_top dd.yyda_t_tu img[data-v-3d946f13] { width: 100%; height: 100%; } .deliveryadres dl.yyda_top dd.yyda_t_tu[data-v-3d946f13] { top: 15px; } .deliveryadres dl.yyda_top dd.yyda_t_left[data-v-3d946f13] { width: 545px; height: auto; padding: 15px 0 15px 195px; text-align: left; } dd.yyda_t_left span[data-v-3d946f13] { display: block; width: 100%; line-height: 30px; margin-bottom: 10px; font-size: 16px; } dd.yyda_t_left span em[data-v-3d946f13] { font-size: 14px; margin-left: 20px; } .deliveryadres .yyda_top .yyda_t_left span[data-v-3d946f13], .medit_c_ul li div em[data-v-3d946f13] { color: #333; } .deliveryadres .yyda_top .yyda_t_left span em[data-v-3d946f13] { color: #666; font-weight: 400; } dl.yyda_top dd.yyda_t_left p[data-v-3d946f13] { display: block; width: 100%; height: 20px; line-height: 20px; margin-bottom: 10px; font-size: 14px; vertical-align: middle; } dl.yyda_top dd.yyda_t_left p[data-v-3d946f13]:last-child { position: relative; margin-bottom: 0; padding-left: 80px; height: auto !important; } dl.yyda_top dd.yyda_t_left p:last-child i[data-v-3d946f13] { font-style: normal; position: absolute; left: 0; top: 0; display: block; width: 80px; } dd.yyda_t_left p b[data-v-3d946f13] { font-weight: 400; margin: 0 5px; } dt.yyda_t_right[data-v-3d946f13] { position: absolute; z-index: 1; width: 120px; height: 110px; } .deliveryadres dl.yyda_top dt.yyda_t_right[data-v-3d946f13] { top: 30px; right: 0; } dl.yyda_top dt.yyda_t_right a[data-v-3d946f13] { display: block; width: 118px; height: 25px; margin: 10px 0; line-height: 25px; text-align: left; font-size: 14px; text-decoration: none; vertical-align: top; cursor: pointer; } dl.yyda_top dt.yyda_t_right a[data-v-3d946f13]:hover { color: #f18110; } .yyda_t_left p i.yydatl_icon[data-v-3d946f13], dl.yyda_top dt.yyda_t_right a[data-v-3d946f13]:before { margin: 0 5px; display: inline-block; width: 25px; height: 25px; vertical-align: top; text-align: center; line-height: 25px; font-size: 18px; color: #f18110; } dl.yyda_top dt.yyda_t_right a[data-v-3d946f13]:first-child:before { content: "\E636"; } dl.yyda_top dt.yyda_t_right a[data-v-3d946f13]:nth-child(2):before { content: "\E696"; } dl.yyda_top dd.yyda_bot[data-v-3d946f13] { width: 100%; height: 0; overflow: hidden; -webkit-transition: height .3s; transition: height .3s; } dl.yyda_top dd.yyda_bot.sdopen[data-v-3d946f13] { height: 300px; } dl.yyda_top dd.yyda_bot img[data-v-3d946f13] { width: 100%; height: 300px; } /*更换网点弹窗 end*/ /*查询结果弹框 begin*/ .mods-result .mods-cont[data-v-3d946f13], .mods-rcomb .mods-cont[data-v-3d946f13] { width: 1000px; height: 660px; margin-left: -500px; margin-top: -330px; font-size: 16px; } .mods-rcomb .mods-cont .mcp_zw[data-v-3d946f13], .mods-rcomb .mods-cont .mcp_zw .mcc-prdt[data-v-3d946f13], .mods-rcomb .mods-cont .mcp_zw .mcc-prdt p[data-v-3d946f13] { width: 624px; } .mods-result .mods-cont .mc_zw[data-v-3d946f13], .mods-rcomb .mods-cont .mc_b_zw[data-v-3d946f13] { position: absolute; z-index: 4; left: 0; background: #fff; width: 624px; } .mc_zw[data-v-3d946f13] { top: 40px; } .mc_b_zw[data-v-3d946f13] { bottom: 0; } .mods-rcomb .mods-cont .mcp_zw .mcc-prdt a[data-v-3d946f13] { display: block; float: left; width: 27%; } .mods-rcomb .mods-cont .mcp_zw .mcc-prdt a.bw12[data-v-3d946f13] { width: 12%; } .mods-rcomb .mods-cont .mcp_zw .mcc-prdt a.bw18[data-v-3d946f13] { width: 18%; } .mods-rcomb .mods-cont .mcp_zw .mcc-prdt a.active[data-v-3d946f13] { width: 43%; } .mods-cont .mc_tent[data-v-3d946f13] { width: 1000px; height: 610px; overflow: hidden; } .mc_tent .mct_left[data-v-3d946f13] { float: left; height: 610px; overflow-y: scroll; overflow-x: hidden; } .mc_tent .mct_left.pad-xl[data-v-3d946f13] { width: 580px; padding: 0 30px; } .mc_tent .mct_left.pad-b-md[data-v-3d946f13] { width: 640px; } .mc_tent .mct_left .mctl_cont[data-v-3d946f13] { width: 580px; height: auto; } .mods-result .mc_tent .mct_left .mctl_cont[data-v-3d946f13] { padding-bottom: 60px; } .mods-rcomb .mc_tent .mct_left .mctl_cont[data-v-3d946f13] { } .mc_tent .mct_left.pad-b-md .mctl_cont[data-v-3d946f13] { padding-left: 30px; padding-right: 30px; } .mctl_cont.hidden[data-v-3d946f13] { display: none; } .mc_tent .mcb-tit[data-v-3d946f13] { position: absolute; z-index: 4; top: 118px; left: 30px; padding: 10px 0; width: 580px; height: 25px; line-height: 25px; background: #fff; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /*S swiper轮播*/ .mods-result .swiper-container[data-v-3d946f13] { position: relative; overflow: hidden; z-index: 4; width: 580px; height: 360px; margin: 10px auto; } .mods-result .swiper-container-no-flexbox .swiper-slide[data-v-3d946f13] { float: left; } .mods-result .swiper-container-vertical>.swiper-wrapper[data-v-3d946f13] { -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; } .mods-result .swiper-wrapper[data-v-3d946f13] { position: relative; width: 100%; height: 280px; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .mods-result .swiper-slide[data-v-3d946f13] { position: relative; width: 360px; height: 100%; margin: 0 auto; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-align: center; -webkit-box-align: center; align-items: center; text-align: center; } .mods-result .swiper-container-android .swiper-slide[data-v-3d946f13], .mods-result .swiper-wrapper[data-v-3d946f13] { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .mods-result .swiper-slide .mcb_ul_tu[data-v-3d946f13] { position: absolute; width: 360px; height: 360px; overflow: hidden; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .mods-result .swiper-slide img[data-v-3d946f13] { position: absolute; max-width: 360px; max-height: 360px; margin: auto; left: 0; top: 0; right: 0; bottom: 0; } .mods-result .swiper-container-multirow>.swiper-wrapper[data-v-3d946f13] { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mods-result .swiper-container-free-mode>.swiper-wrapper[data-v-3d946f13] { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } /*E swiper轮播*/ .mctl_cont dl[data-v-3d946f13] { width: 100%; height: auto; overflow: hidden; } .hiddauto[data-v-3d946f13] { overflow-y: auto; max-height: inherit !important; -webkit-transition: all .3s; transition: all .3s; } .mctl_cont dl dt[data-v-3d946f13] { display: block; width: 100%; height: 40px; line-height: 40px; font-size: 18px; font-weight: 600; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mctl_cont dl dt em[data-v-3d946f13] { font-weight: 600; } .mctl_cont dl dt em[data-v-3d946f13]:first-child { margin-right: 10px; } .mctl_cont dl dd[data-v-3d946f13] { display: block; width: 100%; height: 30px; line-height: 30px; font-size: 14px; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .mctl_cont dl p[data-v-3d946f13] { display: block; width: 520px; padding-right: 60px; max-height: 30px; line-height: 30px; position: relative; font-size: 14px; color: #666; } .mctl_cont dl p i[data-v-3d946f13], .mcb_ul li div p i[data-v-3d946f13] { position: absolute; top: 0; right: 15px; display: none; width: 20px; height: 20px; text-align: center; font-size: 20px; color: #333; font-weight: 600; cursor: pointer; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .mctl_cont dl p i.rotate[data-v-3d946f13] { margin-top: 10px; } .mcb_ul li div p i.rotate[data-v-3d946f13] { margin-top: 5px; } .click_mct_btn[data-v-3d946f13] { display: block; width: 580px; height: 30px; padding: 15px 0; line-height: 30px; background: #fff; position: absolute; left: 30px; bottom: 0; font-size: 16px; color: #999; vertical-align: middle; cursor: pointer; } .click_mct_btn[data-v-3d946f13]:before { display: inline-block; content: "\E60D"; color: #f18110; width: 20px; height: 20px; line-height: 20px; font-size: 18px; margin: 5px; -webkit-transform: rotate3d(0, 0, 1, 180deg); transform: rotate3d(0, 0, 1, 180deg); } .click_mct_btn a[data-v-3d946f13] { color: #f18110; } .click_mct_btn a[data-v-3d946f13]:hover { color: #f49a41; } .mcb_ul[data-v-3d946f13] { height: auto; margin: 0 auto; text-align: left; } .mcb_ul.pd-t-mx[data-v-3d946f13] { padding-top: 123px; } .mcb_ul li[data-v-3d946f13] { position: relative; width: 580px; padding: 15px 0; height: auto; border-top: solid 1px #eee; } .mcb_ul li[data-v-3d946f13]:hover { background: #fffdf3; } .mcb_ul li .mcb_ul_tu[data-v-3d946f13] { display: block; position: absolute; top: 30px; width: 80px; height: 80px; border: solid 1px #ccc; } .mcb_ul li div[data-v-3d946f13] { height: auto; min-height: 105px; line-height: 25px; word-break: break-all; word-wrap: break-word; } .mcb_ul li div a[data-v-3d946f13] { display: block; width: 100%; height: auto; line-height: 30px; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /*组合套餐产品列表*/ .mctl_comb .mcb_ul[data-v-3d946f13] { width: 580px; } .mctl_comb .mcb_ul li[data-v-3d946f13] { width: 580px; } .mctl_comb .mcb_ul li img[data-v-3d946f13] { left: 0; } .mctl_comb .mcb_ul li div[data-v-3d946f13] { width: 470px; padding-left: 110px; } .mctl_comb .mcb_ul li div p[data-v-3d946f13]:last-child { width: 410px !important; } /*查询结果右侧公用券卡信息*/ .mc_tent .mct_right[data-v-3d946f13] { float: left; width: 300px; height: 550px; padding: 30px; overflow-y: auto; font-size: 14px; } .mct_right dl[data-v-3d946f13] { width: 100%; height: auto; } .mct_right dl dt[data-v-3d946f13] { width: 100%; height: 45px; line-height: 45px; border-bottom: solid 1px #eaeaea; margin-bottom: 20px; } .mct_right dl dt span[data-v-3d946f13] { display: inline-block; width: auto; height: 44px; line-height: 44px; border-bottom: solid 2px #f18110; font-size: 18px; font-weight: 600; } .mct_right dl dd[data-v-3d946f13] { display: block; width: 100%; color: #999; } .mct_right dl dd b[data-v-3d946f13] { margin: 0 3px; } .mct_right dl dd:not(.autoLine) span[data-v-3d946f13] { color: #666; display: inline-block; max-width: calc(100% - 90px); max-height: 35px; overflow: hidden; vertical-align: top; text-overflow: ellipsis; white-space: nowrap; } .mct_right dl dd.txt-green span[data-v-3d946f13] { color: #358d2c; } .mct_right dl dd.txt-orange span[data-v-3d946f13] { color: #f18110; } .mods-result .mct_right dl dd[data-v-3d946f13]:not(.autoLine) { height: 35px; line-height: 35px; } /* .mct_right dl dd.autoLine em {padding:7px 0;} */ .mct_right dl dd.autoLine[data-v-3d946f13] {display: -webkit-box!important;display: -ms-flexbox!important;display: flex!important; } .mct_right dl dd.autoLine article[data-v-3d946f13] {color:#333;-webkit-box-flex:1;-ms-flex:1;flex:1; max-width:calc(100% - 70px);padding: 5px 0; line-height:20px; } .mods-rcomb .mct_right dl dd[data-v-3d946f13] { height: 35px; line-height: 35px; } .mct_right a.btn_th[data-v-3d946f13], .mct_right a.btn_od[data-v-3d946f13] { display: block; width: 100%; height: 50px; line-height: 50px; margin: 20px auto; border-radius: 6px; border: solid 1px #f18110; text-align: center; text-decoration: none; cursor: pointer; font-size: 18px; -webkit-box-sizing: border-box; box-sizing: border-box; } .mct_right a.btn_th[data-v-3d946f13], .mct_right a.btn_od[data-v-3d946f13]:hover, .mct_right a.btn_od[data-v-3d946f13]:active { background: #f18110; color: #fff; } .mct_right a.btn_od[data-v-3d946f13] { background: #fff; color: #f18110; } .mct_right .mctr_more[data-v-3d946f13] { float: left; width: 230px; color: #999; text-align: center; } .mct_right .mctr_more span[data-v-3d946f13] { display: block; width: 100%; height: 40px; line-height: 40px; color: #333; font-size: 18px; } .mct_right .mctr_more span a[data-v-3d946f13] { display: inline-block; height: 40px; line-height: 40px; color: #f18110; text-decoration: none; vertical-align: top; cursor: pointer; } .mct_right .mctr_more span a[data-v-3d946f13]:hover { opacity: .8; filter: alpha(opacity=80); } .mct_right .mctr_more span a[data-v-3d946f13]:before { float: left; display: inline-block; width: 30px; height: 30px; line-height: 30px; margin: 5px 0 5px 5px; content: "\E631"; font-size: 28px; } .mct_right .mctr_more p[data-v-3d946f13] { width: 170px; margin: 0 auto; height: 50px; line-height: 50px; position: relative; color: #888; font-size: 14px; } .mct_right .mctr_more p[data-v-3d946f13]:last-child { width: 150px; border-top: solid 1px #e0dfdf; } .mct_right .mctr_more p i[data-v-3d946f13] { position: absolute; z-index: 3; left: 50%; top: 100%; display: block; margin-left: -17.5px; margin-top: -12.5px; width: 35px; height: 25px; line-height: 25px; background: #fff; color: #333; } /*查询结果弹框 end*/ /*提货成功营销弹框 start*/ .tankuang[data-v-3d946f13] { z-index: 103; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .7); } .hide-body[data-v-3d946f13] { z-index: 104; position: relative; top: 50%; left: 50%; padding-top: 35px; width: 634px; height: 600px; margin: -317px 0 0 -300px; margin-left: -500px; } .hide-body span[data-v-3d946f13] { display: inline-block; position: absolute; top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; text-align: center; border: solid 2px #fff; border-radius: 100%; color: #fff; font-size: 20px; } .lgb-cont p[data-v-3d946f13] { text-align: center; margin-bottom: 15px; } .lgb-cont p[data-v-3d946f13]:nth-child(1) { color: #fff; font-size: 22px; } .lgb-cont p[data-v-3d946f13]:nth-child(2) { color: #fefffd; font-size: 20px; } .lgb-cont p:nth-child(2) small[data-v-3d946f13] { color: #fdfd00; font-size: 16px; margin-left: 5px; } .lgb-cont p:nth-child(2) big[data-v-3d946f13] { color: #fffb02; font-size: 40px; font-weight: bold; margin-right: 5px; font-family: Arial, Verdana, "\5B8B\4F53"; } .lgb-cont p[data-v-3d946f13]:nth-child(3) { color: #fefffd; font-size: 18px; } .lgb-cont p:nth-child(3) a[data-v-3d946f13] { color: #fdfd00; font-weight: bold; margin: 0 5px; } .lgb-cont p:nth-child(4) img[data-v-3d946f13] { width: 100%; height: auto; max-width: 150px; } .lgb-cont .ewm[data-v-3d946f13] { width: 160px; height: auto; margin: 0 auto; background: rgba(137, 19, 253, .5); } .lgb-cont .ewm img[data-v-3d946f13] { width: 130px; height: 130px; padding: 10px; background: #fff; margin-top: 5px; } .lg-bottom[data-v-3d946f13] { height: 60px; margin-top: 43px; overflow: hidden; } .lg-bottom a[data-v-3d946f13] { float: left; display: block; width: 140px; height: 52px; background: url(https://presale.jhtsoft.com/picms/384a3389607624.png) no-repeat; text-align: center; line-height: 52px; font-size: 22px; color: #bf3bff; font-weight: bold; } .lg-bottom a[data-v-3d946f13]:hover { opacity: 0.8; filter: Alpha(opacity=80); } .lg-bottom a[data-v-3d946f13]:first-child { margin-left: 122px; } .lg-bottom a[data-v-3d946f13]:last-child { margin-left: 20px; } /*营销弹框动画 begin*/ @-webkit-keyframes flipInY-data-v-3d946f13 { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); } } @keyframes flipInY-data-v-3d946f13 { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY[data-v-3d946f13], .toprightka span[data-v-3d946f13] { -webkit-animation: flipInY-data-v-3d946f13 1s; animation: flipInY-data-v-3d946f13 1s; } @-webkit-keyframes rollIn-data-v-3d946f13 { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; } } @keyframes rollIn-data-v-3d946f13 { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn[data-v-3d946f13], .topleft[data-v-3d946f13] { -webkit-animation: rollIn-data-v-3d946f13 1s; animation: rollIn-data-v-3d946f13 1s; } @-webkit-keyframes fadeInLeft-data-v-3d946f13 { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; } } @keyframes fadeInLeft-data-v-3d946f13 { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .zbd-part-ul li .zpu-tu[data-v-3d946f13], .fadeInLeft[data-v-3d946f13] { -webkit-animation: fadeInLeft-data-v-3d946f13 1s; animation: fadeInLeft-data-v-3d946f13 1s; } @-webkit-keyframes fadeInRight-data-v-3d946f13 { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; } } @keyframes fadeInRight-data-v-3d946f13 { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .zbd-part-ul li div[data-v-3d946f13], .fadeInRight[data-v-3d946f13] { -webkit-animation: fadeInRight-data-v-3d946f13 1s; animation: fadeInRight-data-v-3d946f13 1s; } @-webkit-keyframes zoomOutRight-data-v-3d946f13 { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(1000px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; } } @keyframes zoomOutRight-data-v-3d946f13 { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(1000px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(1000px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight[data-v-3d946f13] { -webkit-animation: zoomOutRight-data-v-3d946f13 1s; animation: zoomOutRight-data-v-3d946f13 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } /*提货成功营销弹框 end*/ /*流程图轮播弹框 start*/ .mods-help .mods-cont[data-v-3d946f13] { width: 700px; height: 420px; margin-left: -350px; margin-top: -210px; } .mods-help .mods-cont .swiper-container[data-v-3d946f13] { overflow: initial; } .mods-help .mc-cont[data-v-3d946f13] { padding: 0; } .mods-help .mc-cont .btnhover[data-v-3d946f13] { padding: 10px 18px; background-color: #e62226; color: #fff; font-size: 14px; border-radius: 6px; -webkit-border-radius: 6px; } .modhelp[data-v-3d946f13] { position: relative; height: 380px; } .modhelp .helper[data-v-3d946f13] { position: absolute; width: 150px; height: 220px; left: 30px; top: 34px; } .modhelp p[data-v-3d946f13], .modhelp h3[data-v-3d946f13] { left: 195px; position: absolute; z-index: 1; } .modhelp h3[data-v-3d946f13] { font-size: 24px; color: #333; top: 72px; } .modhelp p[data-v-3d946f13]:nth-of-type(1) { color: #666; font-size: 18px; top: 112px; } .modhelp p[data-v-3d946f13]:nth-of-type(2) { top: 172px; } .modhelp .modhelp-shine[data-v-3d946f13] { width: 260px; height: 260px; position: absolute; right: 18px; top: 112px; } .modhelp .modhelp-box[data-v-3d946f13] { width: 215px; height: 215px; position: absolute; right: 40px; top: 135px; z-index: 1; border-radius: 100%; -webkit-border-radius: 100%; } .modhelp .modhelp-box img[data-v-3d946f13] { width: 215px; height: 215px; border-radius: 100%; -webkit-border-radius: 100%; } .modhelp .modhelp-box-shadow[data-v-3d946f13] { width: 215px; height: 215px; position: absolute; left: 0; top: 0; z-index: 2; border-radius: 100%; -webkit-border-radius: 100%; background: rgba(0, 0, 0, .3); } .modhelp .wy[data-v-3d946f13] { position: absolute; z-index: 3; bottom: 0; left: 50%; margin-left: -55px; width: 110px; height: 110px; background: #fff; border-radius: 100%; -webkit-border-radius: 100%; overflow: hidden; } .modhelp .wy b[data-v-3d946f13], .modhelp .wy i[data-v-3d946f13] { display: block; height: 40px; margin: 35px 0; } .modhelp .wy b[data-v-3d946f13] { background: #e62226; } .modhelp .wy.wyshake[data-v-3d946f13] { background: #f2f2f2; } .modhelp .wy i[data-v-3d946f13] { background: #fff; } .modhelp-box .tit[data-v-3d946f13] { position: absolute; z-index: 3; font-size: 18px; color: #fff; top: 150px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .modhelp-box .yytit[data-v-3d946f13] { font-size: 16px; color: #333; } .modhelp-box .yytit[data-v-3d946f13]:before { margin: 10px 5px; width: 20px; height: 20px; content: "\E636"; color: #f18110; font-size: 18px; } .modhelp .helpline[data-v-3d946f13] { position: absolute; left: 283px; top: 245px; } .mods-help .swiper-pagination[data-v-3d946f13] { width: 100%; bottom: 20px; text-align: center; } .mods-help .swiper-pagination-bullet[data-v-3d946f13] { width: 8px; height: 8px; display: inline-block; width: 10px; height: 10px; margin: 0 5px; background-color: #666; } .mods-help .swiper-pagination-bullet-active[data-v-3d946f13] { background-color: #333; } .wy[data-v-3d946f13] { -webkit-animation: wyshake-data-v-3d946f13 infinite 2s 1.3s; animation: wyshake-data-v-3d946f13 infinite 2s 1.3s; } @-webkit-keyframes wyshake-data-v-3d946f13 { 0% { -webkit-transform: none; } 20% { -webkit-transform: translateX(-5px); } 40% { -webkit-transform: translateX(5px); } 60% { -webkit-transform: translateX(0px); } 0% { -webkit-transform: none; } } @keyframes wyshake-data-v-3d946f13 { 0% { -webkit-transform: none; transform: none; } 20% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 40% { -webkit-transform: translateX(5px); transform: translateX(5px); } 60% { -webkit-transform: translateX(0px); transform: translateX(0px); } 0% { -webkit-transform: none; transform: none; } } /*换流程图轮播弹框 end*/ /*提货模块cardProject所有弹窗样式 end*/ .el-select-dropdown__item.selected[data-v-3d946f13] { color: #e62226; } /*游戏弹框 start*/ .hide-body[data-v-3d946f13] { width: 804px; height: 498px; margin-left: -500px; margin-top: -289px; } .game .hide-body[data-v-3d946f13] { margin-left: -402px; } .login-body[data-v-3d946f13] { width: 804px; height: 498px; position: relative; } .game .lgb-cont[data-v-3d946f13] { padding: 0; } .mobmodel[data-v-3d946f13] { width: 246px; height: 454px; border: 2px solid #999; background-color: #eee; border-radius: 20px; position: absolute; z-index: 2; left: 44px; top: 36px; -webkit-animation: toleft-data-v-3d946f13 1s 1s backwards; animation: toleft-data-v-3d946f13 1s 1s backwards; } .mobtop[data-v-3d946f13], .tankuang .zi[data-v-3d946f13], .tankuang .line1[data-v-3d946f13], .tankuang .line2[data-v-3d946f13], .tankuang .qiu[data-v-3d946f13] { background-image: url(https://presale.jhtsoft.com/picms/4ecf747b652bf.png); background-repeat: no-repeat; } .mobtop[data-v-3d946f13] { width: 235px; height: 20px; position: absolute; z-index: 1; top: 10px; left: 5.5px; background-position: -43px -305px; } .mobtop[data-v-3d946f13]:before { display: block; content: ""; position: absolute; width: 30px; height: 4px; background-color: #ccc; top: 3px; left: 50%; margin-left: -15px; border-radius: 2px; } .mobmodel img[data-v-3d946f13] { display: block; width: 235px; height: 435px; margin: 10px auto; border-radius: 20px; } .tankuang .zi[data-v-3d946f13] { width: 285px; height: 66px; background-position: 0 0; position: absolute; z-index: 4; top: 47px; left: 340px; -webkit-animation: bounceIn .8s 1s backwards; animation: bounceIn .8s 1s backwards; } .round[data-v-3d946f13] { position: absolute; z-index: 3; top: 40px; left: 257px; width: 455px; height: 455px; background-image: url(https://presale.jhtsoft.com/picms/4ecf496640f45.jpg); background-size: 100% 100%; border-radius: 100%; color: #fff; border: 6px solid #9c77e6; -webkit-animation: bounceIn .8s .3s backwards; animation: bounceIn .8s .3s backwards; } .round .jpcon[data-v-3d946f13] { width: 335px; max-height: 196px; overflow-y: auto; margin-top: 92px; margin-left: 70px; } .round .jpcon p[data-v-3d946f13] { font-size: 16px; line-height: 28px; text-align: left; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .round .jpcon p strong[data-v-3d946f13] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .round .jpcon p strong.font13[data-v-3d946f13] { font-size: 13px; } .round .gamecode[data-v-3d946f13] { width: 130px; height: 130px; background-color: #fff; margin: 10px auto 0; } .round .gamecode img[data-v-3d946f13] { width: 110px; height: 110px; display: block; margin: 0 auto; padding-top: 10px; } .succescon[data-v-3d946f13] { padding-top: 80px; } .tankuang .kuai1[data-v-3d946f13], .tankuang .kuai2[data-v-3d946f13], .tankuang .sj1[data-v-3d946f13], .tankuang .sj2[data-v-3d946f13], .tankuang .line1[data-v-3d946f13], .tankuang .line2[data-v-3d946f13], .tankuang .qiu[data-v-3d946f13] { display: block; position: absolute; } .tankuang .kuai1[data-v-3d946f13], .tankuang .kuai2[data-v-3d946f13] { width: 210px; height: 260px; background-image: url(https://presale.jhtsoft.com/picms/4ecf1b6f14f97.png); background-size: 100% 100%; z-index: 1; } .tankuang .kuai1[data-v-3d946f13] { top: -27px; left: 127px; -webkit-transform: rotateZ(458deg); transform: rotateZ(458deg); } .tankuang .kuai2[data-v-3d946f13] { top: 155px; left: 590px; -webkit-animation: pulse-data-v-3d946f13 1.5s infinite; animation: pulse-data-v-3d946f13 1.5s infinite; } .sj1ani[data-v-3d946f13] { -webkit-animation: pulse-data-v-3d946f13 2.5s infinite; animation: pulse-data-v-3d946f13 2.5s infinite; } .kuai1ani[data-v-3d946f13] { -webkit-animation: pulse-data-v-3d946f13 2s infinite; animation: pulse-data-v-3d946f13 2s infinite; } .tankuang .sj1[data-v-3d946f13], .tankuang .sj2[data-v-3d946f13] { width: 106px; height: 77px; background-image: url(https://presale.jhtsoft.com/picms/4ed0222884c98.png); background-size: 100% 100%; } .sj1ani[data-v-3d946f13] { position: absolute; width: 106px; height: 77px; z-index: 3; left: -30px; top: 90px; } .tankuang .sj1[data-v-3d946f13] { -webkit-transform: rotateZ(-136deg); transform: rotateZ(-136deg); } .tankuang .sj2[data-v-3d946f13] { z-index: 2; top: 400px; right: 60px; -webkit-animation: pulse-data-v-3d946f13 2.5s infinite; animation: pulse-data-v-3d946f13 2.5s infinite; } .tankuang .line1[data-v-3d946f13], .tankuang .line2[data-v-3d946f13] { z-index: 3; } .tankuang .line1[data-v-3d946f13] { width: 285px; height: 126px; background-position: 0 -167px; top: 0; left: 263px; z-index: 1; } .tankuang .line2[data-v-3d946f13] { width: 36px; height: 197px; background-position: 0 -303px; top: 192px; right: 53px; } .tankuang .qiu[data-v-3d946f13] { z-index: 2; width: 87px; height: 87px; background-position: -112px -73px; left: 269px; bottom: -10px; -webkit-animation: pulse-data-v-3d946f13 2s infinite; animation: pulse-data-v-3d946f13 2s infinite; } @-webkit-keyframes pulse-data-v-3d946f13 { from { -webkit-transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(0, -10px, 0); } to { -webkit-transform: translate3d(0, 0, 0); } } @keyframes pulse-data-v-3d946f13 { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes toleft-data-v-3d946f13 { 0% { opacity: 0; left: 700px; } 100% { opacity: 1; left: 44px; } } @keyframes toleft-data-v-3d946f13 { 0% { opacity: 0; left: 700px; } 100% { opacity: 1; left: 44px; } } /*游戏弹框 end*/ /*游戏弹框新 start*/ .gameyx .hide-body[data-v-3d946f13] { width: 660px; height: 660px; margin-left: -330px; margin-top: -330px; padding-top: 0; } .gameyx .login-body[data-v-3d946f13] {width: 660px; height: 660px; } .gameyx .hide-body span[data-v-3d946f13] { top: -40px; right: -50px; -webkit-animation: expand-data-v-3d946f13 0.5s 4s backwards;animation: expand-data-v-3d946f13 0.5s 4s backwards; } .gameyx .sma[data-v-3d946f13] { position: absolute; z-index: 3; top: 0; left: 10px; width: 640px; height: 200px; background: url("https://presale.jhtsoft.com/picms/2db5fe402dea60.png") no-repeat center top;-webkit-animation: bounceIn .8s backwards;animation: bounceIn .8s backwards; } .gameyx .sma[data-v-3d946f13]:after { position: absolute; content: ""; width: 115px; height: 70px; background: url("https://presale.jhtsoft.com/picms/2db5fac87c8332.png") no-repeat 0 0;top: 4px;left: 130px;z-index: 5; -webkit-animation: hbs-data-v-3d946f13 steps(2) 1s 1.5s infinite; animation: hbs-data-v-3d946f13 steps(2) 1s 1.5s infinite; } .gameyx .ma[data-v-3d946f13] { position: absolute; top: 40px; left: 130px; z-index: 4; width: 110px; height: 125px; -webkit-transform:rotate(-5deg);transform:rotate(-5deg); background-color: #fff; } .gameyx .ma img[data-v-3d946f13] {display: block; width: 90px; height: 90px; margin: 10px 10px 2px; } .gameyx .ma p[data-v-3d946f13] {color: #c23ffa; font-size: 16px; font-weight: bold; margin-bottom: 0; } .gameyx .lucky[data-v-3d946f13] { position: absolute; z-index: 1; left: 50%;margin-left: -260px; top: 125px; width: 520px; height: 107px; -webkit-animation: bounceInUp-data-v-3d946f13 1s 2s backwards;animation: bounceInUp-data-v-3d946f13 1s 2s backwards; background:url("https://presale.jhtsoft.com/picms/37c2476e466308.png") no-repeat center top; } .gameyx .jxgun[data-v-3d946f13] {position: absolute; z-index: 4;left: 50%;margin-left: -260px;top: 125px;width: 520px; margin-top: 38px;height: 40px;-webkit-animation: bounceInUp-data-v-3d946f13 1s 2s backwards;animation: bounceInUp-data-v-3d946f13 1s 2s backwards; } .gameyx .itgw-wrap[data-v-3d946f13] {height: 40px;white-space: nowrap;overflow: hidden;-webkit-transform: rotate(-5deg);transform: rotate(-5deg); } .gameyx .itgw-wrap ul[data-v-3d946f13] {padding-left: 20px;padding-right: 40px; } .gameyx .itgw-wrap li[data-v-3d946f13] {line-height: 40px;font-size:24px; color: #fff;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis; } .gameyx .itgw-wrap li[data-v-3d946f13]:hover { cursor: pointer; } .jx[data-v-3d946f13] {position: absolute; left: 0; top: 222px; width: 100%; z-index: 2;-webkit-perspective: 1200px;-o-perspective: 1200px;perspective: 1200px;-webkit-animation: expand-data-v-3d946f13 1s 1s backwards;animation: expand-data-v-3d946f13 1s 1s backwards; } .jx ul[data-v-3d946f13] { width: 100%; font-size: 0; text-align: center; height: 322px;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;transition-property: transform;transition-property: transform, -webkit-transform;-webkit-box-sizing: content-box;box-sizing: content-box;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; } .jx li[data-v-3d946f13] {display: inline-block; width:272px; height: 322px; background: url("https://presale.jhtsoft.com/picms/2db5e1b008dcf6.png") no-repeat center;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;webkit-flex-shrink: 0;-ms-flex: 0 0 auto;-ms-flex-negative: 0;flex-shrink: 0; position: relative; } .jx li[data-v-3d946f13]:after { display: block;content: "";position: absolute;width: 180px;height: 2px;background: rgba(0,0,0,.2);border-radius: 100%;-webkit-box-shadow: 0 0 4px 4px rgba(0,0,0, 0.2);box-shadow: 0 0 4px 4px rgba(0,0,0, 0.2);left: 50%;margin-left: -90px;bottom: -20px; } .jx li div[data-v-3d946f13] {width: 260px; height: 310px; margin: 6px;border-radius: 12px; background-color: #fff; } .jx li div b[data-v-3d946f13] {display: block; position: relative;padding: 10px 10px 0px; width: 240px; height: 240px;position: relative; overflow: hidden; } .jx li div b img[data-v-3d946f13] { display: block; position: absolute; margin: auto; left: 0; top: 0; right: 0; bottom: 0; width:auto; height: auto; max-width:240px ; max-height: 240px; overflow: hidden; } .jx li div p[data-v-3d946f13] { height: 60px; line-height: 60px; text-align: center; font-size: 16px !important; color:#333 !important; margin-bottom: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0 10px; } .jx li.pre[data-v-3d946f13]{-webkit-transform: translate3d(0px, 0px, -300px) rotateX(0deg) rotateY(-30deg);transform: translate3d(0px, 0px, -300px) rotateX(0deg) rotateY(-30deg); margin-right: 5px; } .jx li.active[data-v-3d946f13] {-webkit-transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg);transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg); margin: 0 20px; } .jx li.next[data-v-3d946f13] {-webkit-transform: translate3d(0px, 0px, -300px) rotateX(0deg) rotateY(30deg);transform: translate3d(0px, 0px, -300px) rotateX(0deg) rotateY(30deg); margin-left: 5px; } .gameyx .stage[data-v-3d946f13] { width: 650px; height: 226px; position: absolute; z-index: 1; left: 50%; margin-left: -325px; bottom: -25px; -webkit-animation: expand-data-v-3d946f13 1s .5s backwards;animation: expand-data-v-3d946f13 1s .5s backwards; } .gameyx .stage img[data-v-3d946f13] {display: block; width: 650px; height: 226px; } .gameyx .ani[data-v-3d946f13] { display: block; position: absolute; z-index: 4; opacity: 0; } .gameyx em[data-v-3d946f13] { display: block; } .gameyx .ani1[data-v-3d946f13] {-webkit-animation: opty-data-v-3d946f13 2.5s 3s forwards;animation: opty-data-v-3d946f13 2.5s 3s forwards; width: 58px; height: 55px; left: 10px; top: 180px; } .gameyx .ani1 em[data-v-3d946f13]{width: 58px; height: 55px;background: url("https://presale.jhtsoft.com/picms/2db5e76b5f3c30.png") no-repeat;-webkit-transform: rotateZ(30deg);transform: rotateZ(30deg); } .gameyx .ani2[data-v-3d946f13] { width: 53px; height: 55px; background: url("https://presale.jhtsoft.com/picms/2db5ed5522912e.png") no-repeat; right: 100px; bottom: 87px;-webkit-animation: pulse2-data-v-3d946f13 2.5s 3.5s infinite;animation: pulse2-data-v-3d946f13 2.5s 3.5s infinite; } .gameyx .ani3[data-v-3d946f13],.gameyx .ani4[data-v-3d946f13],.gameyx .ani5[data-v-3d946f13],.gameyx .ani6[data-v-3d946f13] { background: url("https://presale.jhtsoft.com/picms/2db6017f36ee7c.png") no-repeat; } .gameyx .ani3[data-v-3d946f13] {width: 15px; height: 15px; top: 144px; right: 60px; background-position: -61px -4px; -webkit-animation: opty-data-v-3d946f13 2.5s 3.8s forwards;animation: opty-data-v-3d946f13 2.5s 3.8s forwards; } .gameyx .ani4[data-v-3d946f13],.gameyx .ani5[data-v-3d946f13] {width: 24px; height: 24px; background-position: -104px -2px; } .gameyx .ani4[data-v-3d946f13] {top: 160px; right: 35px; -webkit-animation: opty-data-v-3d946f13 2.5s 3s forwards;animation: opty-data-v-3d946f13 2.5s 3s forwards; } .gameyx .ani5[data-v-3d946f13] {left: 150px; bottom: 100px;-webkit-animation: pulse2-data-v-3d946f13 2.5s 3.5s infinite;animation: pulse2-data-v-3d946f13 2.5s 3.5s infinite; } .gameyx .ani6[data-v-3d946f13] { width: 26px; height: 26px; top: 210px; right: 75px; background-position:-5px -2px; -webkit-animation: opty-data-v-3d946f13 2.5s 3.8s forwards;animation: opty-data-v-3d946f13 2.5s 3.8s forwards; } @-webkit-keyframes hbs-data-v-3d946f13{ 0%{ background-position: 0 0; } 100%{ background-position: -268px 0; } } @keyframes hbs-data-v-3d946f13{ 0%{ background-position: 0 0; } 100%{ background-position: -268px 0; } } @-webkit-keyframes expand-data-v-3d946f13 { 0% {opacity:0;-webkit-transform:scale(0);transform:scale(0); } 100% {opacity:1;-webkit-transform:scale(1);transform:scale(1); } } @keyframes expand-data-v-3d946f13 { 0% {opacity:0;-webkit-transform:scale(0);transform:scale(0); } 100% {opacity:1;-webkit-transform:scale(1);transform:scale(1); } } @-webkit-keyframes opty-data-v-3d946f13{ 0%{ opacity: 0; } 100%{ opacity: 1; } } @keyframes opty-data-v-3d946f13{ 0%{ opacity: 0; } 100%{ opacity: 1; } } @-webkit-keyframes pulse2-data-v-3d946f13 { 0% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); } 50% {opacity: 1; -webkit-transform: translate3d(0, -10px, 0); } 100% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); } } @keyframes pulse2-data-v-3d946f13 { 0% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% {opacity: 1; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 100% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes bounceInUp-data-v-3d946f13{ 0%, 100%, 60%, 75%, 90% {-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);transition-timing-function: cubic-bezier(0.215,.61,.355,1); } 0% {opacity: 0;-webkit-transform: translate3d(0,3000px,0);transform: translate3d(0,3000px,0); } 60% {opacity: 1;-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0); } 75% {-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,10px,0); } 90% {-webkit-transform: translate3d(0,-5px,0);transform: translate3d(0,-5px,0); } 100% {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes bounceInUp-data-v-3d946f13{ 0%, 100%, 60%, 75%, 90% {-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);transition-timing-function: cubic-bezier(0.215,.61,.355,1); } 0% {opacity: 0;-webkit-transform: translate3d(0,3000px,0);transform: translate3d(0,3000px,0); } 60% {opacity: 1;-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0); } 75% {-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,10px,0); } 90% {-webkit-transform: translate3d(0,-5px,0);transform: translate3d(0,-5px,0); } 100% {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } /*游戏弹框新 end*/ .zbd-part-ul li div h5[data-v-3d946f13]{margin-bottom: 16px;padding-top: 5px; color: #999 } .redColor[data-v-3d946f13]{color: #e62226!important } /* 6769配送区域提示样式 张玉书 2019/11/26 S*/ .adrs-form .qydm6769 em{ font-size: 20px; color: red; line-height: 24px; width: 100%; text-align: inherit; padding-left: 50px; } .adrs-form .qydm6769 i{ padding-right: 10px; } /* 6769配送区域提示样式 张玉书 2019/11/26 E*/ /*日期插件特殊样式*/ .adrs-form .el-input { float: left; margin: 0 15px 0 5px; } .adrs-form .el-input__inner { border-radius: 0px; border-color: #ededed; } .adrs-form .el-input__inner:hover { border-color: #c0c4cc; } .adrs-form .el-date-editor.el-input, .adrs-form .el-date-editor.el-input__inner { width: 362px; } .adrs-form .el-input-number__decrease, .adrs-form .el-input-number__increase { border-color: #ededed; } .defcolor { color: #49d241 !important; } .bzb { padding: 0 10px; border: 1px solid #f18110; border-radius: 4px; color: #f18110; margin-left: 10px; font-size: 12px; } .zqtim { width: 20px !important; margin: 0 10px; } .zqtim input { width: 16px !important; height: 16px !important; margin: 0 !important; display: none !important; } select.zqdate { border: 1px solid #ededed; padding: 0 10px; width: 362px; height: 40px; line-height: 40px; margin-left: 5px; display: inline-block; float: left; margin-right: 15px; } .adrs-form span.noicon:before { content: ""; } .texty { width: calc(94% - 2rem); height: 10rem; margin: 1rem auto; word-break: break-all; border: 1px solid #eee; padding: 1rem; display: block; } .classZ h4 { float: left; margin: 1rem; } .classZ h5 { float: right; margin: 1rem; cursor: pointer; } .classZ { overflow: hidden; border-bottom: 1px solid #eee; margin-bottom: 10px; } .tj-dt { width: 100%; text-align: center; margin-left: 40%; } .tj-st { width: 5rem; background: #3b9cf6; color: #fff; padding: 1rem; margin-bottom: 1rem; cursor: pointer; } .tj-st:hover { opacity: 0.7; } .zneng { border: 1px solid #e62226; background: #fff; padding: 0.5rem 1rem; border-radius: 1rem; color: #e62226; margin-bottom:10px; } .zneng:hover { background: #e62226; color: #fff; } /* S 选择配送上下午 */ .timeSelect{ float: left; margin-right: 15px; width: 80px; } /* E 选择配送上下午 */ /*周期发货新加 zly 2020-03-05 start*/ .tabBox {margin-left:165px; width:362px; margin-bottom:10px; } .tabBox .deliveryTab.el-tabs {background:#fff; } .tabBox .deliveryTab.el-tabs > .el-tabs__content {border: solid 1px #ebeeff; padding:15px; border-top: none; margin-top: -15px; } .tabBox .deliveryTab>.el-tabs__header {background:#fafafa; } .tabBox .deliveryTab>.el-tabs__header .el-tabs__item.is-active {background:#fff;color:#e62226; } .tabBox .deliveryTab>.el-tabs__header .el-tabs__item:focus, .tabBox .deliveryTab>.el-tabs__header .el-tabs__item:hover {color:#e62226; } .deliveryTab .el-form-item {margin-bottom:10px; } .deliveryTab .el-form-item__content {line-height:normal; } .deliveryTab .el-input {margin:0; } .deliveryTab .el-form-item .el-date-editor,.deliveryTab .el-form-item .el-date-editor.el-input,.deliveryTab .el-form-item .el-select:not(.timeSelect) {width:100%!important; } .noTimeSlot.el-form-item {font-size: 0; } .noTimeSlot.el-form-item .el-date-editor {width:calc(100% - 90px);/*margin:0 5px;*/ } .slotInput .el-input-group .el-input__inner {text-align: center; } .slotInput .el-input-group__append,.slotInput .el-input-group__prepend {border-color:#ededed; background:#fafafa; border-radius:0; } .noTimeSlot .timeSelect {margin-right:0;margin-left:10px; } .deliveryTab .el-form--label-top .el-form-item__label {padding:0!important; } .memoLine .el-form-item__content {line-height:25px;color:#999; } .noBefore {width:100%; } .noBefore:before {display:none !important; } .tips { margin-top: 0 !important; padding-left: 0 !important; } .tips i {display: inline-block; margin-right:3px; color:#ff5f20; } /*周期发货新加 zly 2020-03-05 end*/ /* 按周周期发货新加 xjt 2020-11-02 start */ .tabBox .deliPopem{position: absolute;right: -90px;bottom: 60px;line-height:40px;color:#f18110;font-size: 14px;cursor: pointer; } .deliPopem:hover{opacity: .8; } .weekTip{font-size: 12px; } .weekTip i{position: absolute; } .weekTip b{font-weight: bold;font-size:13px;margin: 0 2px!important; } .weekTip em{width: auto!important;height: auto!important;color: #999!important;text-align: left!important;line-height: 25px!important;padding-left: 20px; } .tabBox{position: relative; } .el-input__inner:focus{border-color:#c0c4cc!important; } /* 按周周期发货新加 xjt 2020-11-02 end */ /*搜索栏*/ .header-searchbar[data-v-2231c2a0] {background-color: #FFFFFF; } @-webkit-keyframes showhead-data-v-2231c2a0 { from { opacity: 0; } to { opacity: 1; } } @keyframes showhead-data-v-2231c2a0 { from { opacity: 0; } to { opacity: 1; } } .header-searchbar-box[data-v-2231c2a0] { position: relative; height: 140px; } /* .header-searchbar-logo {float: left; margin-top: 42px; position: relative;} .header-searchbar-logo img{ position: absolute; width: 190px; height: 50px;} .header-searchbar-logo h3,.header-searchbar-logo p {margin-left: 204px;} .header-searchbar-logo h3{ font-size: 22px; color: #333;} .header-searchbar-logo p { font-size: 12px; color: #666; margin-top: 5px; width: 73px; text-align: center; height: 23px; line-height: 23px; border: 1px solid #bdbdbd; border-radius: 15px;-webkit-border-radius: 15px; } .header-searchbar-logo p a { color: #666;} .header-searchbar-logo p a:hover{ color: #e62226;} */ .header-searchbar-r[data-v-2231c2a0] { float: right; margin-top: 42px; width: 683px; } .header-searchbox[data-v-2231c2a0] { width: 472px; float: left; } .header-searchbar-search[data-v-2231c2a0] { border: 1px solid #e62226; } .header-searchbar-search .search[data-v-2231c2a0] { color: #333; font-size: 14px; width: 366px; height: 35px; line-height: 35px; padding: 0 12px; border: none; float: left; } .header-searchbar-search .searchbtn[data-v-2231c2a0] { width: 80px; height: 35px; font-size: 16px; border: none; float: left; cursor: pointer; background: #e62226; color: #fff; text-align: center; /*line-height: 35px;*/ } /*购物车*/ .header-searchbar-cart[data-v-2231c2a0] { float: right; width: 178px; height: 34px; position: relative; font-size: 16px; color: #666; background-color: #f7f7f7; } .header-searchbar-cart-box[data-v-2231c2a0] { border: 1px solid #d8d8d8; text-align: center; line-height: 34px; background-color: #f7f7f7; } .header-searchbar-cart[data-v-2231c2a0]:hover { cursor: pointer; } .header-searchbar-cart-box i[data-v-2231c2a0] { color: #666; font-size: 20px; padding-right: 20px; } .header-searchbar-cart-box .cartnum[data-v-2231c2a0] { position: absolute; top: -21px; right: 14px; -webkit-animation: transformY 1s linear alternate infinite; animation: transformY 1s linear alternate infinite; } .header-searchbar-cart-box .cart-bg[data-v-2231c2a0] { width: 40px; background-color: #ff7d4a; color: #ffffff; border-radius: 5px; -webkit-border-radius: 5px; height: 21px; } .header-searchbar-cart-box .cart-num[data-v-2231c2a0] { position: absolute; top: -21px; right: 14px; width: 40px; height: 20px; line-height: 20px; color: #ffffff; } .header-searchbar-cart-box .triangle-down[data-v-2231c2a0] { position: absolute; left: 50%; margin-left: -5px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #ff7d4a; } .header-searchbar .carthover[data-v-2231c2a0] { position: relative; border: 1px solid #cccccc; border-bottom: 0 !important; background-color: #ffffff; z-index: 22; } .header-searchbar .dropdown-cart[data-v-2231c2a0] { border: 1px solid #cccccc; width: 318px; position: absolute; right: 0; top: 35px; z-index: 6; display: none; background-color: #ffffff; } .header-searchbar .empty-cart[data-v-2231c2a0] { height: 62px; line-height: 62px; color: #999; font-size: 14px; } .header-searchbar .empty-cart i[data-v-2231c2a0] { font-size: 30px; color: #cccccc; position: absolute; left: 13px; top: 16px; width: 30px; height: 28px; line-height: 28px; } .header-searchbar .empty-cart span[data-v-2231c2a0] { padding-left: 45px; } .header-searchbar-cart:hover .dropdown-cart[data-v-2231c2a0] { display: block; } .header-searchbar .notempty-cart[data-v-2231c2a0] { height: 396px; font-size: 14px; } .header-searchbar .notempty-cart .cart-nav[data-v-2231c2a0] { margin-top: 20px; margin-left: 10px; padding-bottom: 10px; border-bottom: 1px solid #eeeeee; cursor: pointer; } .header-searchbar .notempty-cart .cart-nav li[data-v-2231c2a0] { display: inline; margin-right: 28px; color: #333; } .header-searchbar .notempty-cart .cart-nav li.on[data-v-2231c2a0] { color: #e62226; } .header-searchbar .notempty-cart .cartlist[data-v-2231c2a0] { height: 302px; display: none; overflow-y: auto; overflow-x: hidden; } .header-searchbar .notempty-cart .cartlist .cartlist-item[data-v-2231c2a0] { padding-left: 10px; padding-bottom: 30px; } .header-searchbar .notempty-cart .cartlist .cartlist-item li[data-v-2231c2a0] { padding: 10px 10px 10px 0; border-bottom: 1px solid #eee; height: auto; } .header-searchbar .notempty-cart .cartlist .cartlist-item li h5[data-v-2231c2a0] { width: 293px; height: 25px; line-height: 25px; margin-bottom: 10px; overflow: hidden; font-size: 12px; color: #333; } .header-searchbar .notempty-cart .cartlist .cartlist-item li h5 small[data-v-2231c2a0] { padding: 0 10px; background: #ff9913; margin-right: 10px; color: #fff; border-radius: 6px 0; } .header-searchbar .notempty-cart .cart-pro-item[data-v-2231c2a0] { position: relative; padding-left: 70px; } .header-searchbar .notempty-cart .cart-pro-item a[data-v-2231c2a0] { display: block; } .header-searchbar .notempty-cart .cart-pro-item a img[data-v-2231c2a0] { width: 60px; height: 60px; border: 1px solid #cccccc; position: absolute; top: 0; left: 0; } .header-searchbar .notempty-cart .cart-pro-item a p[data-v-2231c2a0] { width: 118px; line-height: 21px; color: #aaa; font-size: 12px; } .cart-pro-item a p em[data-v-2231c2a0] { color: #e62226; } .header-searchbar .notempty-cart .cart-pro-item i[data-v-2231c2a0] { position: absolute; top: 0; right: 0; width: 24px; height: 24px; line-height: 24px; text-align: center; border-radius: 12px; background: #999; color: #fff; font-size: 12px; font-weight: 600; display: none; -webkit-transform: scale(0.7); transform: scale(0.7); } .header-searchbar .notempty-cart .cart-pro-item i[data-v-2231c2a0]:hover { background-color: #e62226; } .header-searchbar .notempty-cart .cart-pro-item b[data-v-2231c2a0] { position: absolute; bottom: 5px; right: 0; color: #e62226; font-weight: bold; } .header-searchbar .notempty-cart .cart-pro-item:hover img[data-v-2231c2a0] { opacity: 0.8; } .header-searchbar .notempty-cart .cart-pro-item:hover p[data-v-2231c2a0] { color: #e62226; } .header-searchbar .notempty-cart .cart-pro-item:hover i[data-v-2231c2a0] { display: block; } .header-searchbar .notempty-cart .cartlist-gocart[data-v-2231c2a0] { width: 308px; padding-left: 10px; height: 50px; line-height: 50px; background-color: #f5f5f5; position: absolute; bottom: 0; color: #666; } .header-searchbar .notempty-cart .cartlist-gocart em[data-v-2231c2a0] { margin-left: 10px; margin-right: 5px; } .header-searchbar .notempty-cart .cartlist-gocart em.num[data-v-2231c2a0] { margin: 0 3px; } .header-searchbar .notempty-cart .cartlist-gocart b[data-v-2231c2a0] { color: #e62226; font-weight: bold; } .header-searchbar .notempty-cart .cartlist-gocart .btn[data-v-2231c2a0] { display: block; width: 68px; height: 28px; line-height: 28px; position: absolute; top: 10px; right: 10px; } /*热搜*/ .header-hotword[data-v-2231c2a0] { width: 472px; margin-top: 5px; margin-left: 10px; } .header-hotword-list[data-v-2231c2a0] { display: inline-block; margin-top: 3px; } .header-hotword-list li[data-v-2231c2a0] { float: left; margin-right: 20px; } .header-hotword-list li a[data-v-2231c2a0] { font-size: 12px; color: #999; } .header-hotword-list li:first-child a[data-v-2231c2a0] { color: #e62226; } .header-hotword-list li a[data-v-2231c2a0]:hover { color: #e62226; } .navbg-w .topbar[data-v-2d75ccd1] { background-color: #FFFFFF; } .navbg-w .footer[data-v-2d75ccd1] { margin-top: 0; } .main1920[data-v-2d75ccd1] { margin: 0 auto; width: 100%;max-width: 1920px; } .main1920 img[data-v-2d75ccd1]{ width: 100%; height: auto; } .adv[data-v-2d75ccd1] {height: auto; overflow: hidden;-webkit-transition: height .3s;transition: height .3s; } .adv a[data-v-2d75ccd1] { display: block; margin: 0 auto; position: relative; } .adv a img[data-v-2d75ccd1] { float: left; width: 100%; } .newuser[data-v-2d75ccd1] {width: 1200px; height: 150px; margin:30px auto 0; position: relative; } .newuser img[data-v-2d75ccd1]{width: 1200px; height: 150px; } span.clicktoclose[data-v-2d75ccd1]{display: block;width: 24px;height: 24px;line-height: 24px;text-align: center;background-color: rgba(0,0,0,0.4); position: absolute;top: 0; left: 50%; margin-left: 576px; } .clicktoclose i[data-v-2d75ccd1]{ font-size: 14px;color: #fff; } span.clicktoclose[data-v-2d75ccd1]:hover{background-color: rgba(0,0,0,0.6); } .adv.none[data-v-2d75ccd1] {height: 0;border: none; } .adv1[data-v-2d75ccd1]{-webkit-animation: hiddenadv-data-v-2d75ccd1 1s forwards;animation: hiddenadv-data-v-2d75ccd1 1s forwards; } @-webkit-keyframes hiddenadv-data-v-2d75ccd1{ 0%{ opacity: 1; } 50%{opacity: .5; } 99%{opacity: .2; } 100%{ opacity: 0; height: 0; } } @keyframes hiddenadv-data-v-2d75ccd1{ 0%{ opacity: 1; } 50%{opacity: .5; } 99%{opacity: .2; } 100%{ opacity: 0; height: 0; } } @-webkit-keyframes pulse-data-v-2d75ccd1 { from {-webkit-transform: translate3d(0, 0, 0); } 50% {-webkit-transform: translate3d(0, -10px, 0); } to {-webkit-transform: translate3d(0, 0, 0); } } @keyframes pulse-data-v-2d75ccd1 { from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); } 50% {-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0); } to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); } } /*头部固定的导航*/ .fixtop[data-v-2d75ccd1] {position: fixed; z-index: 101; top: -80px; width: 100%; border-bottom: 2px solid #e62226; -webkit-box-shadow: 0 6px 6px -3px rgba(51,51,51,.2); box-shadow: 0 6px 6px -3px rgba(51,51,51,.2); } .searchTop[data-v-2d75ccd1] { position: fixed; top: 0; -webkit-animation: searchTop1-data-v-2d75ccd1 .5s ease-in-out backwards; animation: searchTop1-data-v-2d75ccd1 .5s ease-in-out backwards; } .fixtop .header-searchbar-box[data-v-2d75ccd1] { height: 68px; } .fixtop .header-searchbar-logo[data-v-2d75ccd1] { margin-top: 10px; } .fixtop .header-searchbar-logo img[data-v-2d75ccd1] { position: relative; width: 190px; height: 50px; } .fixtop .header-searchbar-r[data-v-2d75ccd1] { margin-top: 15px; } .fixtop .header-searchbar-cart[data-v-2d75ccd1] { width: 150px; float: left; margin-left: 20px; } .fixtop .header-searchbar-search[data-v-2d75ccd1] { border:none; } .fixtop .header-searchbar-search .search[data-v-2d75ccd1] { background-color: #f3f3f3; } @-webkit-keyframes searchTop1-data-v-2d75ccd1{ from{ top: -80px; } to{ top: 0; } } @keyframes searchTop1-data-v-2d75ccd1{ from{ top: -80px; } to{ top: 0; } } .fixtop .header-searchbar-cart-box .cartnum[data-v-2d75ccd1] {top: -15px; } .fixtop .header-searchbar-cart-box .cart-num[data-v-2d75ccd1] {top: -15px; } .swiper-pagination-bullet[data-v-2d75ccd1]{color: #00c60e } .mainbanner[data-v-2d75ccd1] { width: 100%; height: 100%; max-width: 1920px; max-height: 500px; } .mainbanner img[data-v-2d75ccd1]{width: 100%; height: 100%; max-width: 1920px; max-height: 500px; } .mainbanner .swiper-pagination[data-v-2d75ccd1] { width: auto; height: 24px; line-height: 24px; background: rgba(0,0,0,.4); left: 50%; margin-left: -60px; bottom: 20px; border-radius: 12px; } .mainbanner .swiper-pagination-bullet[data-v-2d75ccd1] { position: relative; display: block; float: left; width: 6px; height: 6px; border: 2px solid #FFFFFF; background:none; opacity: 1;margin-top: 7px !important; } .mainbanner .swiper-pagination-bullet[data-v-2d75ccd1]:first-child { margin-left: 10px !important; } .mainbanner .swiper-pagination>.swiper-pagination-bullet-active[data-v-2d75ccd1] {width: 16px; height: 16px; background: hsla(0,0%,100%,.4); border:none; margin-top: 4px !important; } .mainbanner .swiper-pagination>.swiper-pagination-bullet-active[data-v-2d75ccd1]:after{content: "";display: block; position: absolute; width: 10px; height: 10px; background: #ffffff; border-radius: 100%; left: 3px; top: 3px; } .announce[data-v-2d75ccd1] { width: 100%; height: 45px; line-height: 45px; background-color: #FFFFFF; } .announce p[data-v-2d75ccd1]{font-size: 14px; color: #666; padding: 0 10px; } .txt-o[data-v-2d75ccd1] { color: #ff5f20; } .announce p em[data-v-2d75ccd1],.announce p span[data-v-2d75ccd1],.announce p a[data-v-2d75ccd1]{ display: inline-block; float: left; } .announce p span[data-v-2d75ccd1] { width: 1010px; overflow: hidden;padding-left: 5px; } .announce p a[data-v-2d75ccd1] { float: right; } .announce p a i[data-v-2d75ccd1]{ font-size: 12px; padding-left: 5px; } .mods-announce[data-v-2d75ccd1] {display: block; } .mods-announce .mods-cont[data-v-2d75ccd1] { width:800px; height: 600px; margin-left:-400px; margin-top:-300px; } .mods-announce .mc-cont[data-v-2d75ccd1] {padding: 30px 30px 40px 30px; } .mods-announce .mc-cont h3[data-v-2d75ccd1]{ width: 100%; margin-bottom: 30px; text-align: center; font-size: 28px; color: #333; font-weight: bold; } .mods-announce .btn[data-v-2d75ccd1] { display: block; margin:70px auto 0; } .mods-announce .announce-con[data-v-2d75ccd1] {max-height: 336px; overflow-y: auto; font-size: 16px; color: #666; line-height: 28px; } .mainpage-tit[data-v-2d75ccd1] {height: 60px;line-height: 60px;padding-left: 15px; padding-right: 15px; position: relative; } .mainpage-tit .white-triangle[data-v-2d75ccd1] {display: inline-block;position: absolute;left: 0;top: 0;height: 0;width: 0;border-top: 20px solid #f6f6f6;border-right: 20px solid transparent; } .mainpage-tit .red-triangle[data-v-2d75ccd1] {display: inline-block;position: absolute;left: 2px;top: 2px;height: 0;width: 0;border-right: 16px solid transparent; } .mainpage-tit b[data-v-2d75ccd1]{ display:inline-block; width: 72px; height: 60px; position: absolute; background-image: url(/static/img/indexSprite.9293b00.png); background-position: 0 -12px; background-repeat: no-repeat; } .mainpage-tit b[data-v-2d75ccd1]:nth-of-type(1) {left: 22%; } .mainpage-tit b[data-v-2d75ccd1]:nth-of-type(2) {left: 44%; } .mainpage-tit b[data-v-2d75ccd1]:nth-of-type(3) {left: 68%; } .mainpage-tit h4[data-v-2d75ccd1] { float: left; font-size:24px; color: #FFFFFF; } .mainpage-tit h4 .ewm[data-v-2d75ccd1] {width: 20px;height: 20px; line-height: 20px; display: inline-block;vertical-align: top; margin-left:10px; margin-top: 22px; } .mainpage-tit h4 .ewm i[data-v-2d75ccd1] { display: block; font-size: 20px; } .mainpage-tit-class[data-v-2d75ccd1] { float: right; } .mainpage-tit-class a[data-v-2d75ccd1] { float: left; margin-right: 10px; display: inline-block; padding-left: 5px; padding-right: 5px; height: 28px; line-height: 28px; margin: 14px 5px 0px; border: 1px solid #ff828c; background-color: #ff4b5a; text-align: center; font-size: 14px; color: #FFFFFF; } .mainpage-tit > a[data-v-2d75ccd1] { color: #FFFFFF; font-size: 14px; } .mainpage-tit span[data-v-2d75ccd1] { float: right; } .mainpage-tit span em[data-v-2d75ccd1] { font-size: 12px; } .mainpage-tit a:hover span[data-v-2d75ccd1] { opacity: .6; } .mainpage-tit-class a[data-v-2d75ccd1]:hover { border-color: #FFFFFF; color: #FFFFFF; } .gift-list-riimg-list li img[data-v-2d75ccd1], .findticket-list-content img[data-v-2d75ccd1], .seckillul img[data-v-2d75ccd1], .prom-r img[data-v-2d75ccd1], .recommend-box-leimg img[data-v-2d75ccd1] {-webkit-transition: all 0.4s; transition:all 0.4s; } .gift-list-riimg-list li img[data-v-2d75ccd1]:hover, .findticket-list-content img[data-v-2d75ccd1]:hover, .prom-r img[data-v-2d75ccd1]:hover { -webkit-transition: transform 0.4s;-webkit-transition: -webkit-transform 0.4s;transition: -webkit-transform 0.4s;transition: transform 0.4s;transition: transform 0.4s, -webkit-transform 0.4s;-webkit-transform: translateX(-5px);transform: translateX(-5px); } .seckillul img[data-v-2d75ccd1]:hover, .recommend-box-leimg img[data-v-2d75ccd1]:hover { -webkit-transition: transform 0.4s;-webkit-transition: -webkit-transform 0.4s;transition: -webkit-transform 0.4s;transition: transform 0.4s;transition: transform 0.4s, -webkit-transform 0.4s;-webkit-transform: translateY(-5px);transform: translateY(-5px); } /*二维码*/ .ewm[data-v-2d75ccd1] {position: relative; } .ewm .code-box[data-v-2d75ccd1] { position: absolute; top: 30px; left: 50%; margin-left: -55px; display: none; z-index: 3; } .ewm .arrow[data-v-2d75ccd1] {position: absolute;left: 50%;top: -3px;margin-left: -3px; border-style: solid;border-width: 8px;border-color: #fff #fff transparent transparent;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);width: 0;height: 0px;display: inline-block; } .ewm .code-con[data-v-2d75ccd1] {border: 1px solid #E0E0E0; background-color: #FFFFFF; -webkit-box-shadow: 0 0 5px #ddd; box-shadow: 0 0 5px #ddd; padding: 10px; } .ewm .code-con img[data-v-2d75ccd1] { display:block; width: 80px; height: 80px; margin:0 auto; } .ewm .code-con p[data-v-2d75ccd1]{ line-height: 15px; margin-top: 8px; text-align: center; font-size: 12px; color: #666; } .ewm i:hover + .code-box[data-v-2d75ccd1] { display: block; } /*送礼优选*/ .gift[data-v-2d75ccd1] { margin-top: 30px; } .gift .mainpage-tit[data-v-2d75ccd1] { background-color: #eb2131; } .gift .mainpage-tit .red-triangle[data-v-2d75ccd1] {border-top: 16px solid #dc1d2c; } .gift-list[data-v-2d75ccd1] { padding-top: 10px;background-color: #ffffff; } .gift-list-leimg[data-v-2d75ccd1] { float: left; width: 470px; height: 360px; margin-right: 10px; position: relative; } .gift-list-leimg .swiper-container[data-v-2d75ccd1] {margin-left: 53px; margin-top: 60px; width: 375px; height: 240px; } .gift-list-leimg .swiper-pagination[data-v-2d75ccd1] {position: absolute; bottom: 0; width: auto; height: 20px; left: 50%; margin-left: -40px; } .gift-list-leimg .swiper-pagination-bullet[data-v-2d75ccd1] {display: block; float: left; width: 8px; height: 8px; border: 2px solid #dadada; background: rgba(0,0,0,0); opacity: 1; margin-left: 5px; margin-right: 5px; margin-top: 2px !important; } .gift-list-leimg .swiper-pagination-bullet-active[data-v-2d75ccd1] {width: 12px; height: 12px; background: #e62226; border: 2px solid #fab3b9;margin-top: 0 !important; } .gift-list-leimg img[data-v-2d75ccd1] { display: block; width: 375px; height: 240px; } .gift-list-riimg[data-v-2d75ccd1] { float: right; width: 720px; overflow: hidden; } .gift-list-riimg-list[data-v-2d75ccd1] { width: 760px; } .gift-list-riimg-list li[data-v-2d75ccd1] { float: left; margin-right: 10px; margin-bottom: 10px; height: 175px; background-color: #FFFFFF; border: 1px solid #F0F0F0; overflow: hidden; } .gift-list-riimg-list li.riimg-list-big[data-v-2d75ccd1] { width: 478px; } .gift-list-riimg-list li.riimg-list-big img[data-v-2d75ccd1]{ width: 485px; height: 175px; } .gift-list-riimg-list li.riimg-list-small[data-v-2d75ccd1] { width: 218px; } .gift-list-riimg-list li.riimg-list-small img[data-v-2d75ccd1]{ width: 225px; height: 175px; } /*发现好货与领券中心*/ .findticket[data-v-2d75ccd1] { margin-top: 30px; } .findticket-list li[data-v-2d75ccd1] { float: left;width: 595px; } .findticket-list .findticket-list-find[data-v-2d75ccd1] { margin-right: 10px; float: left; } .findticket-list .findticket-list-ticket[data-v-2d75ccd1] { float: right; } .findticket-list-find .mainpage-tit[data-v-2d75ccd1] { background-color: #52619d; } .findticket-list-find .mainpage-tit .red-triangle[data-v-2d75ccd1] {border-top: 16px solid #485b9d; } .findticket-list-ticket .mainpage-tit[data-v-2d75ccd1] { background-color: #ef3118; } .findticket-list-ticket .mainpage-tit .red-triangle[data-v-2d75ccd1] {border-top: 16px solid #ec2e14; } .findticket-list-content[data-v-2d75ccd1] { width: 575px; padding:10px; background-color: #FFFFFF; } .findticket-list-find .findticket-list-content[data-v-2d75ccd1] { padding-top: 20px; } .findticket-list-content-leimg[data-v-2d75ccd1] { width: 184px; height: 299px; float: left; overflow: hidden; margin-right: 10px; position: relative; } .findticket-list-content-leimg h4[data-v-2d75ccd1]{ position: absolute; top: 15px; left: 0; z-index: 1; color: #333; font-size: 16px; } .findticket-list-content-leimg p[data-v-2d75ccd1]{ position: absolute; top: 40px; left: 0; z-index: 1; color: #999; font-size: 14px; } .findticket-list-content-leimg img[data-v-2d75ccd1] { width: 190px; height: 185px; position: absolute; bottom: 0; left: 0; } .findticket-list-content-leimg i[data-v-2d75ccd1]{display: block;width: 25px;height: 4px;background-color: #53619e; position: absolute; top: 70px; } .findticket-list-content-riimg[data-v-2d75ccd1] { width: 380px; height: 299px; float: left; overflow: hidden; } .findticket-list-content-riimg ul[data-v-2d75ccd1] { width: 382px; } .findticket-list-content-riimg li[data-v-2d75ccd1] { position: relative; float: left; width: 190px; height: 150px; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; } .findticket-list-content img[data-v-2d75ccd1] { -webkit-transition: all 0.4s; transition: all 0.4s; } .findticket-list-content ul li a h4[data-v-2d75ccd1]{ position: absolute; top: 15px; left: 10px; z-index: 1; color: #333; font-size: 16px; } .findticket-list-content ul li a p[data-v-2d75ccd1]{ position: absolute; top: 40px; left: 10px; z-index: 1; color: #999; font-size: 14px; } .findticket-list-content-leimg p[data-v-2d75ccd1], .findticket-list-content-leimg h4[data-v-2d75ccd1], .findticket-list-content ul a h4[data-v-2d75ccd1], .findticket-list-content ul a p[data-v-2d75ccd1]{width: 170px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } .findticket-list-content-leimg:hover h4[data-v-2d75ccd1],.findticket-list-content li:hover a h4[data-v-2d75ccd1]{ color: #e62226; } .findticket-list-content-riimg a img[data-v-2d75ccd1] { position: absolute; top:60px; right: 10px; width: 80px; height: 80px; } .findticket-list-content-mdimg[data-v-2d75ccd1] { float: left; } .findticket-list-content-mdimg ul[data-v-2d75ccd1]{ width: 590px; overflow: hidden; } .findticket-list-content-mdimg ul li[data-v-2d75ccd1] { float: left; width: 185px; height: 140px; background-color: #f6f6f6; margin-top:10px; margin-right: 10px; position: relative; } .findticket-list-content-mdimg ul li a[data-v-2d75ccd1] {display: inline-block;width: 185px;height: 140px;overflow: hidden; } .findticket-list-content-mdimg ul li a img[data-v-2d75ccd1] { position: absolute;width: 100px;height: 100px;right: 10px;top: 28px; } .findticket-list-content-mdimg ul li a .btnhover[data-v-2d75ccd1]{ position: absolute; top: 44px; left: 10px; z-index: 1; color: #999; font-size: 14px; width: 50px; height: 25px; border-radius: 12px; text-align: center;line-height: 25px; color: #FFFFFF;font-size: 14px; background-color: #7681b5; } .ticket-list[data-v-2d75ccd1] { width:590px; height: 460px; overflow: hidden; } .ticket-list li[data-v-2d75ccd1] { position: relative; width: 185px; height: 225px; float: left; margin-right: 10px; margin-bottom: 10px; } .ticket-list .q-type[data-v-2d75ccd1] {width: 185px; height: 166px; border: 1px solid #f0f0f0; border-bottom: none; text-align: center; } .ticket-list .q-price[data-v-2d75ccd1] { color: #e62226; } .ticket-list .q-price em[data-v-2d75ccd1]{ font-size: 24px; position: absolute; top: 27px; left: 27px; } .ticket-list .q-price strong[data-v-2d75ccd1] {display: block; font-size: 48px;font-weight: bold;font-family: "\5FAE\8F6F\96C5\9ED1"; height: 40px; line-height: 40px; margin-top: 35px; margin-bottom: 30px; } .ticket-list .q-rang p[data-v-2d75ccd1]{ font-size:14px ; } .ticket-list .q-rang p[data-v-2d75ccd1]:nth-child(1){ color: #333; } .ticket-list .q-rang p[data-v-2d75ccd1]:nth-child(2){ color: #999; margin-top: 10px; } .ticket-list .q-btn[data-v-2d75ccd1] { width: 185px; height: 58px;text-align: center; position: absolute;left: 0; bottom: 0; background-image: url(/static/img/indexSprite.9293b00.png); background-position:0 -138px; background-repeat: no-repeat; } .ticket-list .q-btn span[data-v-2d75ccd1] { display: inline-block; margin-top: 25px; color: #FFFFFF; font-size: 18px; letter-spacing:2px; } .ticket-list .q-btn[data-v-2d75ccd1]:hover {cursor:pointer; opacity: 0.85; filter:Alpha(opacity=85); -webkit-transition: all 0.4s; transition: all 0.4s; } /*限时秒杀*/ .seckill[data-v-2d75ccd1] { background-color: #FFFFFF; margin-top: 30px; } .seckillul li[data-v-2d75ccd1] { float: left; width: 240px; height: 360px; border-right: 1px solid #F0F0F0; background-color: #fff; position: relative; } .seckillul li[data-v-2d75ccd1]:nth-child(2){padding-left: 7px; } .seckillul li[data-v-2d75ccd1]:last-child{border-right: 0; } .seckillul li a[data-v-2d75ccd1] { display: block; margin-bottom: 15px; } .seckillul li a p[data-v-2d75ccd1] { width: 200px; font-size: 16px; color: #333; margin: 0 auto; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } .seckillul li a:hover p[data-v-2d75ccd1]{ color: #e62226; } .seckillul li > p[data-v-2d75ccd1] { width: 200px; margin:0 auto; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } .seckillul li > p span[data-v-2d75ccd1] { display: inline-block; } .seckillul li > p span[data-v-2d75ccd1]:nth-child(2){ color: #999; font-size: 14px;text-decoration: line-through; } .seckillul li > p span[data-v-2d75ccd1]:nth-child(1){ color: #e62226; margin-right: 10px; } .seckillul li > p span big[data-v-2d75ccd1] { font-size: 24px; } .seckillul li > p em[data-v-2d75ccd1]{font-size: 14px; } .seckillul li > p span:nth-child(1) em[data-v-2d75ccd1]{ font-size: 16px } .seckillul img[data-v-2d75ccd1] { display: block; margin: 60px auto 20px; width: 200px; height: 200px; } .seckillul li[data-v-2d75ccd1]:first-child { width: 230px; background: url(/static/img/seckill.f9770b0.gif) no-repeat center; border-right: 0; } .seckillul li:first-child .seckill-tim[data-v-2d75ccd1]{ text-align: center; height: 40px; line-height: 40px; margin:227px auto 0; } .seckillul .seckill-tim span[data-v-2d75ccd1] { display: inline-block;font-size: 28px; font-weight: bold; color: #000; } .seckillul .seckill-tim em[data-v-2d75ccd1] { display:inline-block; margin-right: 2px; text-align: center; } .seckillul .seckill-tim span.seckill-tim-hour em[data-v-2d75ccd1], .seckillul .seckill-tim span.seckill-tim-minute em[data-v-2d75ccd1], .seckillul .seckill-tim span.seckill-tim-second em[data-v-2d75ccd1] {width: 25px; height: 40px;background-color: #000; color: #FFFFFF; border-radius: 5px; } .seckillul li:first-child a[data-v-2d75ccd1] { display: block; text-align: right;width: 150px; height: 46px; margin: 30px auto 0; background-image: url(/static/img/indexSprite.9293b00.png); background-position: 0 -82px; -webkit-animation:wobble-data-v-2d75ccd1 4s infinite; animation:wobble-data-v-2d75ccd1 4s infinite; } @-webkit-keyframes wobble-data-v-2d75ccd1 { 75% { -webkit-transform:none; transform:none } 80% { -webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg) } 85% { -webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg); transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg) } 90% { -webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg) } 95% { -webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg); transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg) } 99% { -webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg) } 100% { -webkit-transform:none; transform:none } } @keyframes wobble-data-v-2d75ccd1 { 75% { -webkit-transform:none; transform:none } 80% { -webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg) } 85% { -webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg); transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg) } 90% { -webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg) } 95% { -webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg); transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg) } 99% { -webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg) } 100% { -webkit-transform:none; transform:none } } .selled[data-v-2d75ccd1] { position: absolute; right: 10px; top: -8px; color: #FFFFFF; width: 60px; height: 60px; z-index: 1; background-image: url(/static/img/indexSprite.9293b00.png); background-position: -83px -1px; background-repeat: no-repeat; } .selled span[data-v-2d75ccd1] { display: block; width: 40px; text-align: center; margin-top: 5px; margin-left: 16px; font-size: 14px;font-weight: bold; } .selled span strong[data-v-2d75ccd1]{font-size: 18px; font-weight: bold; } /*促销商品*/ .promotion[data-v-2d75ccd1] { margin-top: 30px; } .promotion .mainpage-tit[data-v-2d75ccd1] { background-color: #d15e6f; } .promotion .mainpage-tit .red-triangle[data-v-2d75ccd1] {border-top: 16px solid #ce5868; } .promotion .promotiobox[data-v-2d75ccd1] { background-color: #FFFFFF; padding: 10px; } .prom-l[data-v-2d75ccd1] { width: 370px; height: 450px; margin-right: 20px; } .prom-l-inner[data-v-2d75ccd1]{position: relative;width: 100%;height: 100%; } .prom-l-inner[data-v-2d75ccd1]:before{content: '';position: absolute;display: block;width: 340px;height: 410px;border: solid 5px #b84659;top: 30px; } .prom-l-inner[data-v-2d75ccd1]:after {width: 336px;height: 420px;right: 8px;content: '';z-index: 0;display: block;position: absolute;top: 0;background: #ffffff; } .prom-l-inner a[data-v-2d75ccd1] { display: block; width: 340px; height: 200px; position: relative;z-index: 1; margin-left: 25px; margin-bottom: 20px; } .prom-l-inner a img[data-v-2d75ccd1]{ display: inline-block; width: 100%; height: 100%; -webkit-transition: opacity ease .2s;transition: opacity ease .2s; } .prom-l-inner a:hover img[data-v-2d75ccd1] {opacity: .8; } .prom-r[data-v-2d75ccd1] { width: 790px; } .prom-r ul[data-v-2d75ccd1]{ width: 802px; } .prom-r li[data-v-2d75ccd1]{ position: relative; float: left; width: 188px; height: 218px; border: 1px solid #FFFFFF; margin-right: 10px; margin-bottom: 10px; } .prom-r li[data-v-2d75ccd1]:hover { -webkit-box-shadow: 0 0 2px 2px #f8f8f8; box-shadow: 0 0 2px 2px #f8f8f8;border: 1px solid #e9e9e9; } .prom-r li:hover a[data-v-2d75ccd1] { color: #e62226; } .prom-r li .cgl-tu[data-v-2d75ccd1] {display: block;text-align: center;font-size: 0;width: 140px;height: 140px;margin: 10px auto 0;position: relative; } .prom-r li .cgl-tu img[data-v-2d75ccd1] {width: 100%;height: 100%;position: relative;margin: auto;top: 0;left: 0;right: 0;bottom: 0; } /*.prom-r li .cgl-tu img {width: 100%;height: auto;position: absolute;margin: auto;top: 0;left: 0;right: 0;bottom: 0;}*/ .prom-r li .cgl-cont[data-v-2d75ccd1] {padding: 15px 10px 0px;font-size: 14px; } .prom-r .cgl-cont a[data-v-2d75ccd1] {display: block; font-size: 16px; color: #333; overflow: hidden;width: 100%;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 10px; } .prom-r .cgl-cont p[data-v-2d75ccd1] { height: 20px; } .prom-r .cgl-cont p span[data-v-2d75ccd1] { display: inline-block; } .prom-r .cgl-cont p span[data-v-2d75ccd1]:nth-child(2){ color: #999; font-size: 14px;text-decoration: line-through; } .prom-r .cgl-cont p span[data-v-2d75ccd1]:nth-child(1){ color: #e62226; margin-right: 10px; } .prom-r .cgl-cont p span big[data-v-2d75ccd1] { font-size: 24px; display: inline-block; height: 20px; line-height: 20px; } .prom-r .cgl-cont p em[data-v-2d75ccd1]{font-size: 14px; } .prom-r .cgl-cont p span:nth-child(1) em[data-v-2d75ccd1]{ font-size: 16px } .prom-r li[data-v-2d75ccd1]:first-child { width: 388px; height: 218px; } .prom-r li:first-child a h4[data-v-2d75ccd1] {position: absolute;top: 20px;left: 20px;z-index: 1;color: #333;font-size: 18px;width: 350px;height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } .prom-r li:first-child a p[data-v-2d75ccd1] {position: absolute;top: 50px;left: 20px;z-index: 1;color: #999;font-size: 16px; } .prom-r li:first-child a span[data-v-2d75ccd1] { display: block; position: absolute; left: 20px; top: 88px; color: #e62226; font-size: 16px; } .prom-r li:first-child a span em[data-v-2d75ccd1]{ font-size: 28px; } .prom-r li:first-child a .btnborder[data-v-2d75ccd1] {position: absolute; left: 20px; top: 134px; font-size: 14px; width: 100px; height: 32px; line-height: 32px; text-align: center; border-radius: 20px; } .prom-r li:first-child a .btnborder i[data-v-2d75ccd1]{ display: inline-block; padding-left: 10px; font-size: 12px; font-weight: bold; } .prom-r li:first-child a img[data-v-2d75ccd1] {position: absolute;top: 50px;right: 10px;width: 160px;height: 160px; } .prom-r li:first-child:hover a h4[data-v-2d75ccd1] { color: #e62226; } /*精心推荐*/ .recommends[data-v-2d75ccd1] {margin-top: 30px; width: 100%; max-width: 1920px; height: 650px; background-image: url(/static/img/recommendBg.5400a07.jpg); background-size: 100% 100%; background-repeat: no-repeat; } .recommend-top[data-v-2d75ccd1] { color: #FFFFFF; text-align: center; padding-top: 60px; } .recommend-top h4[data-v-2d75ccd1]{ font-size: 36px; } .recommend-top h4 em[data-v-2d75ccd1] { padding: 0 15px; color: #c1b4a9; font-size: 30px; } .recommend-top .btnborder[data-v-2d75ccd1] { display: block; margin: 20px auto 0px; width: 88px; height: 28px; border: 1px solid #b3b3b3; color: #e8ded9; font-size: 14px; text-align: center;line-height: 28px; border-radius: 20px; } .recommend-top .btnborder[data-v-2d75ccd1]:hover { border-color: #e62226; } .recommend-box[data-v-2d75ccd1] { margin-top: 55px; } .recommend-box-leimg[data-v-2d75ccd1] { width: 780px; overflow: hidden; } .recommend-box-leimg img[data-v-2d75ccd1] {width: 160px; height: 160px; } .recommend-box-riimg[data-v-2d75ccd1] { width: 410px; height: 410px; background-color: #FFFFFF; } .recommend-box-leimg-list[data-v-2d75ccd1] { width:790px; } .recommend-box-leimg-list li[data-v-2d75ccd1] { float: left; overflow: hidden; margin-right: 10px; margin-bottom: 10px; width: 350px; height: 160px; padding:20px 15px 20px 20px; background-color: #FFFFFF; } .recommend-list-l[data-v-2d75ccd1] { width:170px; margin-right: 20px; } .recommend-list-l p.recommend-des[data-v-2d75ccd1] { line-height: 24px; font-size: 14px; color: #666; letter-spacing: 2px; width: 180px; height:92px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden; } .recommend-bar[data-v-2d75ccd1] {margin-top: 20px; margin-bottom: 20px; } .recommend-bar-inner[data-v-2d75ccd1] { width: 110px; height: 10px; background-color: #b8b8b8; position: relative; display: inline-block; } .recommend-bar-txt[data-v-2d75ccd1] { font-size: 12px; margin-left: 5px; } .recommend-bar-inner .recommend-bar-inner-completed[data-v-2d75ccd1] {position: absolute; left: 0; top: 0; background-color: #e62226; height: 10px; } .recommend-list-l >a[data-v-2d75ccd1] { display: block; height: 20px;width: 170px; font-size: 16px; color: #333; font-weight: bold; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } .recommend-box-leimg li:hover a[data-v-2d75ccd1] { color: #e62226; } .recommend-swiper img[data-v-2d75ccd1] {width: 410px; height: 410px; } .recommend-swiper-des[data-v-2d75ccd1] {padding:0 20px; text-align: center; position: absolute; bottom: 0; height: 150px; background: rgba(0,0,0,.5); } .recommend-swiper-des p[data-v-2d75ccd1],.recommend-swiper-des span[data-v-2d75ccd1]{ color: #FFFFFF; } .recommend-swiper-des span[data-v-2d75ccd1] { text-align: left; display: block; line-height: 22px; height: 44px; overflow: hidden; margin-top: 15px; font-size: 14px; } .recommend-swiper-des p[data-v-2d75ccd1] { font-size: 18px; margin-top: 20px;width: 370px; height: 20px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } .recommend-swiper .swiper-slide[data-v-2d75ccd1] { height: 410px; } .recommend-box-riimg .swiper-pagination[data-v-2d75ccd1] {position: absolute; bottom: 15px; width: auto; height: 16px; left: 50%; margin-left: -40px; } .recommend-box-riimg .swiper-pagination-bullet[data-v-2d75ccd1] { position: relative; display: block; float: left; width: 6px; height: 6px; border: 2px solid #ffffff; background:none; opacity: 1; margin-left: 5px; margin-right: 5px; margin-top: 3px !important; } .recommend-box-riimg .swiper-pagination-bullet-active[data-v-2d75ccd1] {width: 16px;height: 16px;background: hsla(355,99%,51%,.4);border: none;margin-top: 0 !important; } .recommend-box-riimg .swiper-pagination-bullet-active[data-v-2d75ccd1]:after{content: "";display: block; position: absolute; width: 10px; height: 10px; background: #F10215; border-radius: 100%; left: 3px; top: 3px; } /*左侧导航*/ .fixedbar[data-v-2d75ccd1] { position: fixed; opacity: 1; z-index: 99; left: 50%; margin-left: -684px; top: 50%; margin-top: -160px; -webkit-transition: opacity 1s; transition: opacity 1s; } .fixedbar a[data-v-2d75ccd1], .fixedbar span[data-v-2d75ccd1] { width: 28px; padding:9px 10px; display: block; font-size: 14px; color: #FFFFFF; } .fixedbar a[data-v-2d75ccd1] { margin-bottom: 1px; background-color: #918888; -webkit-transition: background-color .4s; transition: background-color .4s; } .fixedbar a[data-v-2d75ccd1]:hover,.fixedbar span[data-v-2d75ccd1]:hover {cursor: pointer; background-color: #e62226; } .fixedbar a.on[data-v-2d75ccd1] { background-color: #e62226; } .fixedbar span[data-v-2d75ccd1]{background-color: #5e4a4a;text-align: center; -webkit-transition: background-color .4s; transition: background-color .4s; } .fixedbar span i[data-v-2d75ccd1]{display: inline-block;width: 16px;height: 9px;line-height: 9px; } .fixedbarhidden[data-v-2d75ccd1] { opacity: 0; z-index: -1; } /*新人红包弹框*/ .modshade.mods-adv[data-v-2d75ccd1] { display: block; } .mods-adv .mods-cont[data-v-2d75ccd1] { width: 512px; height: 518px; margin-left: -256px;margin-top: -259px;background: none;border: none; overflow: visible; } .mods-adv .mods-cont .mc-tit[data-v-2d75ccd1] { background: none; position: absolute; top: 0; right: 0; z-index: 2; } .mods-adv .mods-cont .mc-tit .icon-gb[data-v-2d75ccd1]{ color: #ff5f20;border: 1px solid #ff5f20;padding: 5px;border-radius: 100%;margin: 0; } .mods-adv .mods-cont .mc-cont[data-v-2d75ccd1] { padding: 0; position: relative; } .mods-adv .mc-cont i[data-v-2d75ccd1]{ display: block; position: absolute; z-index: 1; } .mods-adv .mc-cont i[data-v-2d75ccd1]:nth-child(1){ width: 331px; height: 212px; background: url(/static/img/advGift.d36f5db.png) no-repeat; top: 60px; right: -50px; animation: pulse-data-v-2d75ccd1 2.5s infinite;-moz-animation: pulse-data-v-2d75ccd1 2.5s infinite;-ms-animation: pulse-data-v-2d75ccd1 2.5s infinite;-o-animation: pulse-data-v-2d75ccd1 2.5s infinite;-webkit-animation: pulse-data-v-2d75ccd1 2.5s infinite; } .mods-adv .mc-cont i[data-v-2d75ccd1]:nth-child(2),.mods-adv .mods-cont i[data-v-2d75ccd1]:nth-child(3) { width: 66px; height: 66px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAYAAADjVADoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYwNzU4MTYxMzdGQjExRThBRDMwQzY3QjJERTJFMDAwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYwNzU4MTYyMzdGQjExRThBRDMwQzY3QjJERTJFMDAwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjA3NTgxNUYzN0ZCMTFFOEFEMzBDNjdCMkRFMkUwMDAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjA3NTgxNjAzN0ZCMTFFOEFEMzBDNjdCMkRFMkUwMDAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6DwrOpAAAUEUlEQVR42sxc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); } .mods-adv .mc-cont i[data-v-2d75ccd1]:nth-child(4),.mods-adv .mods-cont i[data-v-2d75ccd1]:nth-child(5) { width: 56px; height: 68px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAABECAYAAADUZvakAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZGQ0EyNDM3MzdGQjExRThBNjFEOUJCRjk0ODRBMTczIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZGQ0EyNDM4MzdGQjExRThBNjFEOUJCRjk0ODRBMTczIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkZDQTI0MzUzN0ZCMTFFOEE2MUQ5QkJGOTQ4NEExNzMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkZDQTI0MzYzN0ZCMTFFOEE2MUQ5QkJGOTQ4NEExNzMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6SJazPAAATqUlEQVR42tRb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); } .mods-adv .mc-cont i[data-v-2d75ccd1]:nth-child(2) {top: 160px; left: -30px; animation: pulse-data-v-2d75ccd1 2s infinite;-moz-animation: pulse-data-v-2d75ccd1 2s infinite;-ms-animation: pulse-data-v-2d75ccd1 2s infinite;-o-animation: pulse-data-v-2d75ccd1 2s infinite;-webkit-animation: pulse-data-v-2d75ccd1 2s infinite; } .mods-adv .mc-cont i[data-v-2d75ccd1]:nth-child(3) { top: 300px; right: -10px; animation: pulse-data-v-2d75ccd1 1.5s infinite;-moz-animation: pulse-data-v-2d75ccd1 1.5s infinite;-ms-animation: pulse-data-v-2d75ccd1 1.5s infinite;-o-animation: pulse-data-v-2d75ccd1 1.5s infinite;-webkit-animation: pulse-data-v-2d75ccd1 1.5s infinite; } .mods-adv .mc-cont i[data-v-2d75ccd1]:nth-child(4) {top: 340px; left: -30px; animation: pulse-data-v-2d75ccd1 1.5s infinite;-moz-animation: pulse-data-v-2d75ccd1 1.5s infinite;-ms-animation: pulse-data-v-2d75ccd1 1.5s infinite;-o-animation: pulse-data-v-2d75ccd1 1.5s infinite;-webkit-animation: pulse-data-v-2d75ccd1 1.5s infinite; } .mods-adv .mc-cont i[data-v-2d75ccd1]:nth-child(5) {top: 370px; right: 30px; animation: pulse-data-v-2d75ccd1 2s infinite;-moz-animation: pulse-data-v-2d75ccd1 2s infinite;-ms-animation: pulse-data-v-2d75ccd1 2s infinite;-o-animation: pulse-data-v-2d75ccd1 2s infinite;-webkit-animation: pulse-data-v-2d75ccd1 2s infinite; } .mods-adv .mc-cont a[data-v-2d75ccd1] {display: block; width: 170px; height: 48px; position: absolute; left: 160px; bottom: 20px; border-radius: 30px; } .mods-adv .mc-cont a[data-v-2d75ccd1]:hover { background-color: rgba(0,0,0,.3); } /* .sendiv { left: 60px; } .sendiv dl.dl-new dd ul { display: block } */ .blockBox[data-v-7cfeefff] { display: block !important; } .telBox[data-v-7cfeefff] { display: none; width: 750px; height: 400px; margin-left: -375px; margin-top: -200px; position: fixed; z-index: 104; left: 50%; top: 50%; border-radius: 4px; background: #fff; border: solid 5px rgba(0, 0, 0, 0.3); overflow: hidden; text-align: left; -webkit-animation: bounceIn 0.8s; animation: bounceIn 0.8s; } .telBox .mc-tit[data-v-7cfeefff] { padding-left: 15px; border-radius: 4px 4px 0 0; line-height: 40px; font-size: 14px; overflow: hidden; background: #e8e8e8; } .telBox .mc-tit big[data-v-7cfeefff] { display: inline-block; font-size: 16px; font-weight: 600; } .telBox .mc-tit .icon-gb[data-v-7cfeefff] { float: right; cursor: pointer; line-height: 20px; margin: 10px; font-size: 18px; color: #333; } .telBox .telBox-con[data-v-7cfeefff] { width: 500px; font-size: 16px; color: #666; line-height: 28px; margin: 50px auto 30px; } .telBox .btn[data-v-7cfeefff] { margin: 0; } .boxbg[data-v-7cfeefff] { position: fixed; z-index: 103; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: none; } .telBox-con p[data-v-7cfeefff] { margin-bottom: 20px; overflow: hidden; font-size: 16px; color: #333; display: -webkit-box; display: -ms-flexbox; display: flex; } .center[data-v-7cfeefff],.errorTips[data-v-7cfeefff] {text-align: left;width: 390px;margin: 0 auto 40px;padding-left: 110px; } .errorTips[data-v-7cfeefff] {display: block; line-height: 20px; margin-bottom: 10px; font-size: 14px; color: #ff5f20; } .errorTips[data-v-7cfeefff]::before {padding-right: 5px;display: inline-block;vertical-align: top; } .telBox-con em[data-v-7cfeefff], .telBox-con input .telBox-con i[data-v-7cfeefff] { display: inline-block; } .telBox-con em[data-v-7cfeefff] { width: 100px; text-align: right; } .telBox-con p[data-v-7cfeefff] .el-input { width: 298px; margin-left: 10px; } .telBox-con p.yzm[data-v-7cfeefff] .el-input {width: 190px; margin-right: 10px; } p.yzm input[type="button"][data-v-7cfeefff] {width: 100px; margin: 0; display: inline-block !important;margin-top: 0;height: 40px;line-height: 40px;padding: 0; } .tips[data-v-7cfeefff] {padding: 20px; color: #999; font-size: 12px; line-height: 22px; text-align: center; } .tips i[data-v-7cfeefff] {display: inline-block; color: #ff5f20; padding-right: 10px; } .modSchedule .mc-cont[data-v-10064c08]{padding:25px!important; } .btnCenter[data-v-10064c08] {position:absolute; width:100%; text-align: center;bottom:20px; } .color-gray.textfl[data-v-10064c08] {max-width:280px } .scheduleWrap[data-v-10064c08] {margin:0 25px 25px; } .tsTxt[data-v-10064c08]{margin-bottom:10px; } .tsTxt i[data-v-10064c08]{color:#ff5f20;margin-right:5px;font-size:18px;display:inline-block } .tsTxt strong[data-v-10064c08]{font-weight:700;margin:0 2px } /* .schduleTit{margin:0 25px; width:calc(100% - 50px);height:30px;line-height:30px;background:#f6f6f6;font-size:14px;color:#666;} .schduleTit span,.deliLi > * {padding: 0 10px;min-width:60px;} .colSpanOne {flex:0 0 calc(25% - 20px);} .colSpanTwo {flex:0 0 calc(50% - 20px);} */ /* S 周期发货表 */ /* .deliPopem{color:#0079b6;cursor:pointer;font-size:14px} .deliPop{padding:12px 15px} .deliPopem+span{width:0} .deliPopem+span::before{content:''!important} .deliUl{margin:0 25px; max-height:300px;overflow-y:auto} .deliUl li {border-bottom:1px solid #eee;align-items: center;} .deliUl .el-tag {height: 16px; padding: 0 2px;line-height: 14px; font-size: 12px;} .deliLi i{margin-right:15px} .deliLi i::before{font-size:18px} .deliLi p{color:#ff5f20;padding-bottom:10px;padding-top:10px;width:calc(100% - 40px)} .deliLi p strong{color:#333;font-weight:700;font-size:16px;display:block;line-height:1.5} .deliLi p strong em{font-size:14px;font-weight:400} .deliLi p small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:280px} */ /* E 周期发货表 */ .orderButton[data-v-369be054] { margin: 15px auto 0; width: 100%; text-align: center; position: absolute; bottom: 30px; left: 0; } .tl[data-v-369be054]{text-align: left;padding-left: 60px; } /* S 选择配送上下午 */ .timeSelect[data-v-369be054]{ margin-left: 15px; width: 80px; } /* E 选择配送上下午 */ .l20[data-v-369be054] {margin-left: 20px !important; } .dateMod[data-v-369be054] .mc-cont {padding-top: 20px !important; } /* S 按周周期发货新加 xjt 2020-11-02 */ .flexUI[data-v-369be054] {display:-o-flex;display:-ms-flex;display:-moz-flex;display:-webkit-box;display:-ms-flexbox;display:flex; } .weekConfirm[data-v-369be054] {padding-top:50px; } .weekConfirm .icon-th1[data-v-369be054]{margin-right: 10px;font-size: 18px!important; } .confirmTxt[data-v-369be054]{font-size: 15px; } .confirmTxt span[data-v-369be054]{display:block;margin-bottom: 5px;/*font-size: 13px;color: #999; */ } .confirmTxt span i[data-v-369be054]{margin: 0 3px; } .confirmTxt small[data-v-369be054]{color: #999;font-size: 13px; } .confirmTxt small i[data-v-369be054]{margin-left: 3px; } /*选择类型修改订单 */ .confirmTxt .ptypeSelect[data-v-369be054] {padding:30px 0 50px;font-size: 15px; } .ptypeSelect em[data-v-369be054] {font-size: 15px;padding:0 15px; } .ptypeSelect em[data-v-369be054]:before {font-size: 16px;padding-right:5px; } .ptypeSelect .icon-radio-on[data-v-369be054] {color:#e62226; } /* S 周期发货表 */ .flexUpDownCenter[data-v-369be054]{display:-o-flex;display:-ms-flex;display:-moz-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-o-align-items:center;-ms-align-items:center;-moz-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center } /* .deliPop{ padding: 12px 15px; } .deliPopem+span{width:0;} .deliPopem+span::before{content: ''!important;} .tsTxt{margin-bottom: 10px;} .tsTxt i{ color: #ff5f20; margin-right: 5px; font-size: 18px; display: inline-block; } .tsTxt strong{ font-weight: bold; margin: 0 2px; } .deliLi i{ margin-right: 15px; } .deliLi i::before{font-size: 18px;} .deliLi p{color: #ff5f20;margin-right: 3px;border-bottom: 1px solid #eee;padding-bottom: 10px;padding-top: 10px;width: calc(100% - 40px);} .deliLi p strong{color: #333;font-weight: bold;font-size: 16px;display: block;line-height: 1.5;} .deliLi p strong em{font-size: 14px;font-weight: normal;} .deliLi p small{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;max-width: 100%;} .deliUl{max-height: 300px;overflow-y: auto;} */ /* E 周期发货表 */ .tsTxt a[data-v-369be054]{margin-left: 2px;color: #0079b6; } .deliLi p .logistics[data-v-369be054]{font-weight: normal;font-size:14px; } .deliLi p .logistics em[data-v-369be054]{margin-right: 5px; } .autoCopy[data-v-369be054]{cursor: pointer;color: #0079b6;font-size: 13px;margin-left: 10px; } .od-receipt .odr-consignee dd > em[data-v-369be054]{width: auto!important;max-width: calc(100% - 100px); } .mr5[data-v-369be054]{margin-right: 5px!important; } .l90[data-v-369be054]{margin-left: 90px; } .l50[data-v-369be054]{margin-left: 50px; } .w300[data-v-369be054]{width: 300px; } .mods-editadrs form .mcc-item>div h5[data-v-369be054]{max-width: 150px; } .mods-editadrs .l90 form .mcc-item>div h5[data-v-369be054]{max-width: 150px;line-height: 20px; padding: 7.5px 0; } .odr-distribution .deliPopem[data-v-369be054]{font-size: 12px; } .od-receipt .odr-distribution[data-v-369be054]{max-width: 170px!important; } .textFl[data-v-369be054]{white-space: nowrap;overflow: hidden;text-overflow: ellipsis; } .od-receipt dl dd > em a[data-v-369be054]:hover{opacity: .8; } /* E 按周周期发货新加 xjt 2020-11-02 */ /* S 周期性发货 xjt 2021-01-08 */ .firstDate[data-v-369be054] .el-date-editor--date .el-input__inner{width:100%!important;padding:0 30px!important; } .firstDate h5[data-v-369be054]{width:138px;text-align: right;margin-right: 10px; } .firstP em[data-v-369be054]{margin-right: 10px;display: inline-block;width: 138px;text-align: right; } .firstP[data-v-369be054] .el-input-group{width: 220px; } .firstP[data-v-369be054] .el-input-group>.el-input__inner{border-color: #f0f0f0; } .firstP[data-v-369be054] .el-input-group__append{border-color: #f0f0f0; } .tips[data-v-369be054] {padding-left: 0 !important;color: #999;font-size: 12px;margin-bottom: 10px; } .tips i[data-v-369be054] {display: inline-block; margin-right:3px; color:#ff5f20; } .shopMsg[data-v-369be054]{color: #999;line-height: 24px;font-size: 12px;margin-bottom: 20px;width: 100%; } .tsgBtn[data-v-369be054]{position: static!important;margin-top: 30px; } .color-black[data-v-369be054]{color: #333; } .monthDiv[data-v-369be054]{width: auto!important;line-height: 40px; } /* E 周期性发货 xjt 2021-01-08 */ /*同步修改后续日期 start zly 2022.3.29 */ .centerItem.pdl145[data-v-369be054] {padding-left:145px; } .centerItem[data-v-369be054] {display:block;margin:20px auto 0; line-height: 30px; } .cascadeModify[data-v-369be054] {color:#666; cursor: pointer; font-size: 14px; } .cascadeModify[data-v-369be054]:before {padding-right:.5rem;font-size: 18px;vertical-align: top; } .cascadeModify.icon-xz[data-v-369be054] {color: #f53033; } /*同步修改后续日期 end */ /*选择规格 zly 2020-06-16 */ .selGoodsSpecific h2[data-v-69e82c42] {line-height: 40px; padding: 10px 0;font-size: 20px; font-weight: 600; } .selGoodsSpecific h2 span[data-v-69e82c42] {padding:0 10px; } .selGoodsSpecific h2 em[data-v-69e82c42]{display:inline-block;position:relative;margin-left:15px;font-size:16px;line-height: 40px;min-width: 40px; text-align: center; } .selGoodsSpecific h2 small[data-v-69e82c42]{font-size: 14px;color:#999;font-weight: normal; } .ofTit[data-v-69e82c42] {width:100%; } .ofTit span.on[data-v-69e82c42] {font-weight: 600; } .ofTit span[data-v-69e82c42] {position:relative;display:inline-block; margin:0 15px; line-height:40px; min-width:50px; text-align: center; font-size:16px; text-align: center;cursor: pointer; } .ofTit span[data-v-69e82c42]:first-child {margin-left:0; } .ofTit .on[data-v-69e82c42]:before,.selGoodsSpecific h2 em[data-v-69e82c42]:before {content: ''; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; height: 3px; width:40px; background: #e62226; } .specificBox[data-v-69e82c42] {width:100%;padding:10px 0 20px; } .specificBox li[data-v-69e82c42] {position:relative;display:inline-block; border:solid 1px #e0e0e0; line-height:40px;padding:0 10px;margin: 10px 10px 0 0; overflow: hidden;cursor: pointer;background:#fff; } .specificBox li span[data-v-69e82c42] {font-size: 14px; } .specificBox li .redColor[data-v-69e82c42] {color:#e62226;padding-left:10px; } .specificBox li.on[data-v-69e82c42] {border-color:#e62226; } .specificBox .on[data-v-69e82c42]:before { content: "\E8B7"; position:absolute; right:-1px; bottom:0; font-size: 24px; line-height:1; color:#e62226;font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*查询申请提货验证 start*/ .top[data-v-33380c0d] { height: 600px; background-repeat: repeat-x; background-position:top center; background-size:auto 100% ; } .topbg[data-v-33380c0d] { position: relative; margin: 0 auto; width: 1200px; height: 600px } .topleft[data-v-33380c0d] { float: left; width: 520px; height: 215px; margin-top: 180px; margin-left: 10px } .topleft img[data-v-33380c0d] { width: 520px; height: 215px } .topright[data-v-33380c0d] { position: absolute; right: 0; width: 560px; background: #fff; -webkit-box-shadow: 0 0 8px #dfdfdf; box-shadow: 0 0 8px #dfdfdf; background-image: url(https://presale.jhtsoft.com/picms/384a120de9aace.png), url(https://presale.jhtsoft.com/picms/384a1634413bb8.png), url(https://presale.jhtsoft.com/picms/384a1a1ff2abbc.png); background-position: 20px 80px, 30px 510px, right bottom; background-repeat: no-repeat, no-repeat, no-repeat; background-size: 73px 71px, 140px 90px, 153px 92px } .toprightka[data-v-33380c0d] { position: absolute; top: -81px; width: 100%; height: 162px } .toprightka span[data-v-33380c0d] { width: 162px; height: 162px; float: left; background: url(https://presale.jhtsoft.com/picms/384df4f7d3fcc0.png) no-repeat; position: absolute; text-align: center; line-height: 162px; font-size: 54px; color: #e62226; font-weight: 700 } .toprightka span[data-v-33380c0d]:first-child { z-index: 1; left: 25px; animation-delay: .6s; -webkit-animation-delay: .6s } .toprightka span[data-v-33380c0d]:nth-child(2) { z-index: 2; left: 145px; animation-delay: 1.2s; -webkit-animation-delay: 1.2s } .toprightka span[data-v-33380c0d]:nth-child(3) { z-index: 3; left: 260px; animation-delay: 1.8s; -webkit-animation-delay: 1.8s } .toprightka span[data-v-33380c0d]:nth-child(4) { z-index: 4; left: 376px; animation-delay: 2.4s; -webkit-animation-delay: 2.4s } .toprightkuang[data-v-33380c0d] { width: 560px; margin-top: 120px; min-height: 500px } .ser-kuang[data-v-33380c0d] { margin-top: 170px } .kuangtit[data-v-33380c0d] { padding: 0 80px; height: 50px; margin-bottom: 3px; border-bottom: solid 1px #ededed } .kuangtit a[data-v-33380c0d] { display: inline-block; float: left; width: 112px; margin: 0 44px; font-size: 28px; line-height: 47.5px; color: #bdbdbd } .kuangtit a.on[data-v-33380c0d] { color: #333; font-weight: 700; border-bottom: 5px solid #e62226 } .serform[data-v-33380c0d] { width: 400px; margin: 35px auto 0 } .serform .waring[data-v-33380c0d] { overflow: hidden; margin-bottom: 10px; font-size: 14px; color: #e62226; padding-left: 8px } .serform .waring[data-v-33380c0d]:before { display: inline-block; line-height: 20px; content: "\E637"; vertical-align: middle; margin: 0 5px 2px 0 } .serform span[data-v-33380c0d] { display: block; border: 1px solid #e1e1e1; line-height: 50px; overflow: hidden; padding: 0 20px; margin-bottom: 30px; border-radius: 2px; -moz-border-radius: 2px } .serform span input[data-v-33380c0d], .serform span label[data-v-33380c0d] { display: inline-block; float: left } .serform span label[data-v-33380c0d] { width: 65px; margin-right: 20px; font-size: 16px; color: #333 } .serform span input[data-v-33380c0d] { color: #333; font-size: 16px; height: 50px; line-height: 50px; width: calc(100% - 85px) } /*改为elementUI的input*/ .serform .flexUI[data-v-33380c0d] {padding-right:0; } .serform .flexUI[data-v-33380c0d] .el-input {width: calc(100% - 85px); } .serform .flexUI[data-v-33380c0d] .el-input__inner {border:none;padding-left:0;font-size: 16px; } .serform span.sel-yyadrs[data-v-33380c0d] { position: relative } .serform span.sel-yyadrs input[data-v-33380c0d] { width: calc(100% - 100px) } .sel-yyadrs[data-v-33380c0d]:after { position: absolute; content: "\E66B"; right: 10px; top: 0; line-height: 50px } .serform p[data-v-33380c0d]:last-child { padding: 30px 0; color: #999; font-size: 14px } .serform p[data-v-33380c0d]:last-child:before { display: inline-block; content: "\E626"; font-size: 18px; color: #ffa641; margin-right: 5px } .serform p:last-child a[data-v-33380c0d] { color: #333; font-weight: 600; margin-left: 5px } .serform .btn[data-v-33380c0d] { display: block; width: 100%; line-height: 50px; border-radius: 2px; font-size: 18px; letter-spacing: 5px } .serform span select[data-v-33380c0d] { border: transparent; background: #f7f7f7; padding: 10px 2px; max-width: 130px; min-width: 100px } /*申请送货框补充地址选择 zz*/ .toprightkuang .ct-send[data-v-33380c0d] { float: none; margin-bottom: 30px; height: 48px; line-height: 46px; border: 1px solid #e1e1e1; padding: 0 20px } .toprightkuang .ct-send em[data-v-33380c0d] { border: 1px solid #fff; padding-left: 23px } .toprightkuang .ct-send em.sdown[data-v-33380c0d] { border-color: #e0e0e0; border-bottom-color: #e0e0e0; border-bottom: none; margin-top: 1px } .toprightkuang .ct-send .sendiv[data-v-33380c0d] { top: 46px; border: 1px solid #fff } .toprightkuang .ct-send input[data-v-33380c0d] { width: 255px } .toprightkuang .ct-send.sdopen .sendiv[data-v-33380c0d] { border: 1px solid #e0e0e0; right: -1px } /*查询申请提货验证 end*/ /*券卡验证商品列表 start*/ .zbd[data-v-33380c0d] { margin: 0 auto; height: auto; margin-top: -30px; background-image: url(https://presale.jhtsoft.com/picms/384a120de9aace.png), url(https://presale.jhtsoft.com/picms/384a1634413bb8.png), url(https://presale.jhtsoft.com/picms/384a120de9aace.png), url(https://presale.jhtsoft.com/picms/384a1634413bb8.png); background-position: 3% 0, 95% 70px, 3% bottom, 95% bottom; background-repeat: no-repeat, no-repeat, no-repeat, no-repeat; background-size: 232px 210px, 184px 156px, 232px 210px, 184px 156px; display: none } .zbd-part[data-v-33380c0d] { width: 1200px; margin: 0 auto; padding-top: 30px } .zbd-part-tit[data-v-33380c0d] { height: 50px; line-height: 50px; font-size: 16px; border-bottom: 2px solid #e6e6e6; overflow: hidden; background: #eee } .zbd-part-tit a[data-v-33380c0d], .zbd-part-tit span[data-v-33380c0d] { display: inline-block } .zbd-part-tit a[data-v-33380c0d]:first-child { float: left; padding-left: 20px; color: #666 } .zbd-part-tit a:first-child span[data-v-33380c0d] { font-size: 18px; color: #e62226; font-family: Arial, Verdana, "\5B8B\4F53" } .zbd-part-tit a:first-child span b[data-v-33380c0d] { margin: 0 5px; display: inline-block } .zbd-part-tit span[data-v-33380c0d] { float: right; height: 50px } .zbd-part-tit span a[data-v-33380c0d] { margin-right: 25px; color: #e62226 } .zbd-part-tit span a[data-v-33380c0d]:first-child { color: #f18110 } .zbd-part-tit .code-description[data-v-33380c0d] { display: inline-block; height: 28px; line-height: 28px; margin: 11px 20px; font-size: 14px; color: #666; overflow: hidden } .zbd-part-tit .code-description small[data-v-33380c0d] { font-size: 14px } .zbd-part-tit .code-description em[data-v-33380c0d], .zbd-part-tit .code-description em button[data-v-33380c0d], .zbd-part-tit .code-description em input[data-v-33380c0d], .zbd-part-tit .code-description label[data-v-33380c0d], .zbd-part-tit .code-description span[data-v-33380c0d] { display: inline-block; float: left } .zbd-part-tit .code-description em[data-v-33380c0d] { border: solid 1px #ccc; height: 24px; margin: 0 10px } .zbd-part-tit .code-description em button[data-v-33380c0d] { width: 24px; height: 24px; background: #fff; text-align: center; outline: 0; border: none } .zbd-part-tit .code-description em button[data-v-33380c0d]:active, .zbd-part-tit .code-description em button[data-v-33380c0d]:hover { background: rgba(241, 2, 21, .1); color: #e62226 } .zbd-part-tit .code-description em input[data-v-33380c0d] { width: 53px; height: 24px; border-left: solid 1px #e0e0e0; border-right: solid 1px #e0e0e0; line-height: 24px; text-align: center; font-size: 14px; color: #333 } .zbd-part-tit .code-description small b[data-v-33380c0d] { color: #333; font-weight: 600; margin: 0 5px } .zbd-part-ul[data-v-33380c0d] { padding: 0 20px } .zbd-part-ul li[data-v-33380c0d] { display: block; overflow: hidden; padding-top: 30px; padding-bottom: 50px } .zbd-part-ul li .zpu-tu[data-v-33380c0d] { float: left; display: inline-block } .zbd-part-ul li .zpu-tu img[data-v-33380c0d] { width: 188px; height: 188px; border-radius: 50%; -moz-border-radius: 50%; border: 2px solid #a67761; -webkit-animation: rotate 1s linear; animation: rotate 1s linear } .zbd-part-ul li div[data-v-33380c0d] { float: left; margin-left: 32px; width: 936px } .zbd-part-ul li div a[data-v-33380c0d], .zbd-part-ul li div p[data-v-33380c0d] { margin-bottom: 10px; font-size: 14px; display: block; line-height: 20px; color: #999; line-height: 20px; font-size: 14px; min-height: 20px; position: relative; overflow: hidden } .zbd-part-ul li div .card-p[data-v-33380c0d] { position: relative; padding-right: 50px; max-height: 20px } .zbd-part-ul li div p i[data-v-33380c0d] { position: absolute; top: 0; right: 15px; display: none; width: 20px; height: 20px; text-align: center; font-size: 20px; color: #333; font-weight: 600; cursor: pointer; -webkit-transition: all .5s ease; transition: all .5s ease } .zbd-part-ul li div a[data-v-33380c0d] { font-size: 18px; color: #333; height: 25px; line-height: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .zbd-part-ul li div a em[data-v-33380c0d] { font-weight: 600 } .zbd-part-ul li div a em[data-v-33380c0d]:first-child { margin-right: 10px } .zbd-part-ul li div a[data-v-33380c0d]:hover { color: #e62226 } .zbd-part-ul li div p[data-v-33380c0d]:nth-child(3) { color: #e62226; margin-bottom: 16px; padding-top: 5px } .zbd-part-ul li .bigred[data-v-33380c0d] { font-size: 24px; font-weight: 700; font-family: Arial, Verdana, "\5B8B\4F53" } .zbd-part-ul li .hei[data-v-33380c0d] { color: #333 } .card-foot[data-v-33380c0d] { width: 950px; margin: 50px auto 100px; padding-left: 250px; height: 50px } .card-foot [type=button][data-v-33380c0d], .card-foot a[data-v-33380c0d], .card-foot span[data-v-33380c0d] { display: inline-block } .card-foot a[data-v-33380c0d], .card-foot span[data-v-33380c0d] { font-size: 14px; line-height: 50px } .card-foot span[data-v-33380c0d] { color: #666 } .card-foot span i[data-v-33380c0d] { font-size: 18px; color: #f18110; margin: 0 5px } .card-foot a[data-v-33380c0d] { margin: 0 30px 0 10px; color: #f18110 } .card-foot .btn[data-v-33380c0d] { width: 260px; border-radius: 2px; -moz-border-radius: 2px; height: 48px; line-height: 48px; font-size: 18px } /*返回顶部*/ .totop[data-v-33380c0d] { position: fixed; bottom: 10%; right: 5%; cursor: pointer; opacity: 0; width: 80px; height: 80px; border-radius: 100%; background: #ccc; color: #fff; line-height: 80px; text-align: center; font-size: 60px; font-weight: 400; -webkit-transition: opacity .3s; transition: opacity .3s } .totop[data-v-33380c0d]:hover { background: #e62226 } /*券卡验证商品列表 end*/ /*选定网点 strat*/ .network[data-v-33380c0d] { overflow: hidden; } .network span[data-v-33380c0d], .network .nw-cont[data-v-33380c0d] { display: inline-block; float: left; } .network span[data-v-33380c0d] { width: 180px; height: 130px; margin-right: 20px; } .network span img[data-v-33380c0d] { width: 100%; height: 100%; } .network .nw-cont[data-v-33380c0d] { width: 1000px; } .network .nw-cont p[data-v-33380c0d]:first-child { line-height: 35px; border-bottom: 2px solid #e6e6e6; overflow: hidden; } .network .nw-cont p:first-child b[data-v-33380c0d] { float: left; color: #333; font-size: 18px; font-weight: bold; } .network .nw-cont p:first-child em[data-v-33380c0d] { float: left; color: #666; font-size: 16px; padding-left: 20px; } .network .nw-cont p:first-child a[data-v-33380c0d] { float: right; padding-right: 20px; color: #f18110; font-size: 16px; } .network p[data-v-33380c0d]:not(:first-child) { line-height: 25px; padding-top: 8px; font-size: 14px; } .network p i[data-v-33380c0d] { display: inline-block; width: 72px; } .network p:nth-child(3) b[data-v-33380c0d] { margin-right: 20px; } .network p[data-v-33380c0d]:last-child { position: relative; padding-left: 72px; } .network p:last-child i[data-v-33380c0d] { position: absolute; left: 0; top: 8px; width: 72px; display: inline-block; line-height: 25px; } .network p:last-child b[data-v-33380c0d] { display: inline-block; margin-right: 0; cursor: pointer; } .network p:last-child b[data-v-33380c0d]:after { display: inline-block; content: "\E696"; height: 25px; line-height: 25px; font-size: 20px; margin-left: 25px; color: #f18110; } .nw-map[data-v-33380c0d] { height: 0; overflow: hidden; margin-top: 20px; -webkit-transition: height .2s; transition: height .2s; } .nw-map img[data-v-33380c0d] { border: none; width: 100%; } .nw-map.sdopen[data-v-33380c0d] { height: 180px; } /*选定网点 end*/ /*完善地址信息 start*/ .bd[data-v-33380c0d] { background: #f6f6f6; padding: 20px 0; min-height: 500px; } .bdpart[data-v-33380c0d] { width: 1200px; margin: 0 auto; } .bdpart-tit[data-v-33380c0d] { line-height: 30px; padding: 15px 0; margin-bottom: 30px; overflow: hidden; border-bottom: 2px solid #e6e6e6; } .bdpart-tit b[data-v-33380c0d], .bdpart-tit span[data-v-33380c0d], .bdpart-tit em[data-v-33380c0d] { display: inline-block; float: left; margin-left: 20px; font-size: 16px; } .bdpart-tit span[data-v-33380c0d] { max-width: 620px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .bdpart-tit a[data-v-33380c0d] { float: right; font-size: 16px; color: #f18110; } .bdpart-tit big[data-v-33380c0d] { display: inline-block; float: left; font-size: 20px; font-weight: bold; } .bdpart-tit em i[data-v-33380c0d] { color: #f18110; } .adrs-form[data-v-33380c0d] { padding: 0 20px; overflow: hidden; } .adrs-form p[data-v-33380c0d]:not(:last-child), .adrs-form .adrs-div[data-v-33380c0d] { height: 42px; line-height: 40px; margin-bottom: 10px; font-size: 16px; overflow: hidden; } .adrs-form em[data-v-33380c0d], .adrs-form input[data-v-33380c0d], .adrs-form span[data-v-33380c0d], .adrs-form small[data-v-33380c0d], .adrs-form .adrs-div .adrs-select[data-v-33380c0d], .adrs-form .adrs-div .adrs-select select[data-v-33380c0d] { display: inline-block; float: left; } .adrs-form em[data-v-33380c0d] { width: 160px; height: 40px; line-height: 40px; text-align: right; color: #666; } .adrs-form em b[data-v-33380c0d] { color: #e62226; margin-right: 5px; } .adrs-form p:not(:last-child) input[data-v-33380c0d] { margin: 0 15px 0 5px; width: 340px; height: 30px; line-height: 30px; border: 1px solid #ededed; padding: 5px 10px; font-size: 16px; -webkit-transition: all .3s; transition: all .3s; } .adrs-form p:not(:last-child) input[data-v-33380c0d]:hover { border-color: #c0c4cc } .adrs-form span[data-v-33380c0d] { color: #e62226; font-size: 14px; } .adrs-form span[data-v-33380c0d]:before { display: inline-block; content: "\E637"; font-size: 14px; margin-right: 5px; vertical-align: top; } .adrs-form small[data-v-33380c0d] { display: inline-block; color: #999; font-size: 14px; max-width: calc(100% - 602px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .adrs-form .adrs-div .adrs-select[data-v-33380c0d] { width: 362px; height: 40px; margin: 0 15px 0 5px; } .adrs-form .adrs-div .adrs-select select[data-v-33380c0d] { width: 114px; height: 40px; border: solid 1px #e1e1e1; margin-right: 10px; text-align-last: center; text-align: center; color: #333; } .adrs-form .adrs-div .adrs-select select option[data-v-33380c0d]:disabled{color: #ccc; } .adrs-form .adrs-div .adrs-select select[data-v-33380c0d]:last-child { margin-right: 0; } .adrs-form p[data-v-33380c0d]:last-child { padding-left: 165px; margin-top: 30px; } .adrs-form p:last-child [type='button'][data-v-33380c0d] { width: 170px; height: 48px; line-height: 48px; margin-right: 20px; } .adrs-form .btn-default[data-v-33380c0d] { background: #e0e0e0; } .adrs-form .btn-default[data-v-33380c0d]:hover { background: #ccc; color: #333; } /*完善地址信息 end*/ /*提交成功订单 start*/ .adv[data-v-33380c0d] { position: relative; width: 100%; height: 100px; text-align: center; overflow: hidden; } .adv.none[data-v-33380c0d] { height: 0; padding: 0; border: none; margin: 0; } .adv a img[data-v-33380c0d] { width: 100%; height: 100px; } .adv p[data-v-33380c0d] { width: 1200px; position: absolute; top: 5px; left: 50%; margin-left: -600px; } .adv p .icon-gb[data-v-33380c0d] { position: absolute; z-index: 1; right: 0; color: #fff; } .uinfo .uif-cont[data-v-33380c0d] { padding: 0 20px; position: relative; } .uinfo .uif-cont p[data-v-33380c0d] { position: relative; padding-left: 160px; width: calc(70% - 150px); line-height: 20px; margin-bottom: 10px; padding-right: 30%; padding-bottom: 10px; font-size: 14px; } .uinfo .uif-cont p label[data-v-33380c0d] { position: absolute; left: 0; top: 0; width: 150px; color: #666; text-align: right; } .uinfo .uif-cont .marketad-tu[data-v-33380c0d] { position: absolute; right: 0; top: 0; width: 152px; height: 120px; -webkit-animation: dhpic 1s linear infinite alternate; animation: dhpic 1s linear infinite alternate; display: none; } .uinfo .uif-cont .marketad-tu img[data-v-33380c0d] { width: 100%; } /*订单提交成功信息 end*/ /*券卡订单产品推荐 start*/ .plist-rcommend[data-v-33380c0d] { width: 1200px; margin: 0 auto; overflow: hidden; } .plist-rcommend .pr-tit[data-v-33380c0d] { width: calc(100% - 40px); line-height: 30px; padding: 15px 20px; margin-bottom: 30px; overflow: hidden; border-bottom: 2px solid #e6e6e6; display: inline-block; font-size: 20px; font-weight: bold; } .plist-rcommend .swiper-container[data-v-33380c0d] { position: relative; width: 100%; overflow: visible !important; } .plist-rcommend .swiper-wrapper[data-v-33380c0d] { height: auto; margin-right: -14px; } .plist-rcommend .swiper-wrapper .swiper-slide[data-v-33380c0d] { float: left; display: inline-block; width: 292.5px; background: #fff; } .prc .swiper-button-prev[data-v-33380c0d], .prc .swiper-button-next[data-v-33380c0d] { position: absolute; top: -50px; width: 30px; height: 30px; line-height: 30px; font-size: 18px; border: solid 1px #ebebeb; z-index: 10; cursor: pointer; background: #fff; text-align: center; } .prc .swiper-button-prev[data-v-33380c0d]:hover, .prc .swiper-button-next[data-v-33380c0d]:hover { color: #e62226; } .prc .swiper-button-next.swiper-button-disabled[data-v-33380c0d], .prc .swiper-button-prev.swiper-button-disabled[data-v-33380c0d] { opacity: 1 !important; color: #d6d6d6; } .prc .swiper-button-prev[data-v-33380c0d] { left: 94%; } .prc .swiper-button-next[data-v-33380c0d] { right: 0; -webkit-transform: rotate3d(0, 0, 1, 180deg); transform: rotate3d(0, 0, 1, 180deg); } .plist-rcommend .prc a[data-v-33380c0d], .plist-rcommend .prc p[data-v-33380c0d], .plist-rcommend .prc span[data-v-33380c0d] { display: block; text-align: center; } .plist-rcommend .prc a[data-v-33380c0d]:first-child { padding: 20px 0; } .plist-rcommend .prc a:first-child img[data-v-33380c0d] { width: 188px; height: 188px; border-radius: 50%; -moz-border-radius: 50%; border: 2px solid #a67761; -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; -webkit-transform: translateY(0); transform: translateY(0) } .plist-rcommend .prc a:first-child:hover img[data-v-33380c0d] { -webkit-transform: translateY(-5px); transform: translateY(-5px) } .plist-rcommend .prc a[data-v-33380c0d]:nth-child(2) { margin: 0 10px; font-size: 16px; font-weight: 600; line-height: 30px; border-bottom: solid 1px #ebebeb; } .plist-rcommend .prc a[data-v-33380c0d]:nth-child(2), .plist-rcommend .prc p[data-v-33380c0d] { max-width: 272.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .plist-rcommend .prc p[data-v-33380c0d] { padding: 0 10px; font-size: 14px; line-height: 25px; } .plist-rcommend .prc span[data-v-33380c0d] { display: block; height: 30px; margin-top: 10px; padding: 10px 0; color: #fff; } .plist-rcommend .prc span b[data-v-33380c0d] { font-size: 24px; font-weight: bold; } /*券卡订单产品推荐 end*/ /* * 提货模块cardProject所有弹窗样式 * start */ /*更改商品弹窗 begin*/ .mods-cont .mc_cont[data-v-33380c0d] { overflow-y: auto; overflow-x: hidden; } .mc-tit span[data-v-33380c0d] { display: inline-block; float: left; height: 26px; line-height: 26px; margin: 7px 20px; font-size: 14px; color: #666; overflow: hidden; } .mc-tit span small[data-v-33380c0d] { font-size: 14px; } .mc-tit span label[data-v-33380c0d], .mc-tit span em[data-v-33380c0d], .mc-tit span span[data-v-33380c0d], .mc-tit span em button[data-v-33380c0d], .mc-tit span em input[data-v-33380c0d] { display: inline-block; float: left; } .mc-tit span em[data-v-33380c0d] { border: solid 1px #ccc; height: 24px; margin: 0 10px; } .mc-tit span em button[data-v-33380c0d] { width: 24px; height: 24px; background: #fff; text-align: center; outline: none; border: none; } .mc-tit span em button[data-v-33380c0d]:hover, .mc-tit span em button[data-v-33380c0d]:active { background: rgba(241, 129, 127, .1); color: #f18110; } .mc-tit span em input[data-v-33380c0d] { width: 53px; height: 24px; border-left: solid 1px #e0e0e0; border-right: solid 1px #e0e0e0; line-height: 24px; text-align: center; font-size: 14px; color: #333; } .mc-tit span small i[data-v-33380c0d] { color: #333; font-weight: 600; margin: 0 5px; } /* .mods-product .mods-cont { width:1000px; height: 600px; margin-left:-500px; margin-top:-300px;} */ .mods-product .mods-cont .mc_cont[data-v-33380c0d] { height: 550px; width: 1000px; padding-bottom: 10px; } .mc_cont .mcb-tit[data-v-33380c0d] { position: absolute; z-index: 4; top: 118px; left: 30px; padding: 10px 0; width: calc(100% - 60px); height: 25px; line-height: 25px; background: #fff; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mcb_ul[data-v-33380c0d] { height: auto; margin: 0 auto; text-align: left; } .mcb_ul.pd-t-mx[data-v-33380c0d] { padding-top: 123px; } .mcb_ul li[data-v-33380c0d] { position: relative; width: 580px; padding: 15px 0; height: auto; border-top: solid 1px #eee; } .mcb_ul li .mcb_ul_tu[data-v-33380c0d] { display: block; position: absolute; top: 30px; width: 80px; height: 80px; border: solid 1px #ccc; } .mcb_ul li .mcb_ul_tu img[data-v-33380c0d] { max-width: 100%; max-height: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .mcb_ul li div[data-v-33380c0d] { height: auto; min-height: 105px; line-height: 25px; } .mcb_ul li div a[data-v-33380c0d] { display: block; width: 100%; height: auto; line-height: 30px; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mcb_ul li div p[data-v-33380c0d] { display: block; padding-right: 60px; max-height: 25px; color: #999; line-height: 25px; font-size: 14px; position: relative; overflow: hidden; } .pedit_none .mcb_ul[data-v-33380c0d] { width: 940px; padding-right: 30px; padding-bottom: 90px; padding-left: 30px; } .pedit_none .mcb_ul li[data-v-33380c0d] { width: 940px; } .pedit_none .mcb_ul li span.icon-oncheck[data-v-33380c0d] { position: absolute; left: 10px; top: 55px; display: block; width: 30px; height: 30px; font-size: 30px; color: #e6e2e3; cursor: pointer; } .pedit_none .mcb_ul li span.icon-oncheck.cselected[data-v-33380c0d] { color: #f18110; } .pedit_none .mcb_ul li span input[type="checkbox"][data-v-33380c0d] { visibility: hidden; display: none; } .mcb_ul li .mcb_ul_tu[data-v-33380c0d] { display: block; position: absolute; top: 30px; width: 80px; height: 80px; border: solid 1px #ccc; } .mods-product .mcb_ul li .mcb_ul_tu[data-v-33380c0d] { left: 60px; } .pedit_none .mcb_ul li div[data-v-33380c0d] { width: 770px; padding-left: 170px; } .pedit_none .mcb_ul li div p[data-v-33380c0d]:last-child { width: 710px !important; } .mods-cont .mcp_zw[data-v-33380c0d] { position: absolute; z-index: 4; left: 0; top: 40px; height: 63px; background: #fff; padding: 25px 0 10px 0; } .mods-product .mods-cont .mcp_zw[data-v-33380c0d], .mods-product .mods-cont .mcp_zw .mcc-prdt[data-v-33380c0d], .mods-product .mods-cont .mcp_zw .mcc-prdt p[data-v-33380c0d] { width: 984px; } .mods-cont .mcp_zw .mcc-prdt[data-v-33380c0d] { position: relative; height: 45px; line-height: 45px; background: #eee; font-size: 18px; font-weight: 400; } .mods-cont .mcp_zw .mcc-prdt p[data-v-33380c0d] { position: absolute; left: 0; top: -8px; display: block; height: 63px; line-height: 63px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mods-cont .mcp_zw .mcc-prdt a[data-v-33380c0d] { text-align: center; color: #000; text-decoration: none; cursor: pointer; white-space: nowrap; overflow: hidden; font-size: 16px; text-overflow: ellipsis; } .mods-cont .mcp_zw .mcc-prdt a.active[data-v-33380c0d] { background: url(https://presale.jhtsoft.com/picms/3851540c54e616.png) no-repeat center top; color: #fff; background-size: 100% 64px; } .mods-cont .mcp_zw .mcc-prdt a em[data-v-33380c0d] { max-width: 48px; overflow: hidden; display: inline-block; vertical-align: top; } .mods-cont .mcp_zw .mcc-prdt a.active small[data-v-33380c0d] { font-size: 14px; line-height: 63px; font-weight: 600; } .mods-product .mods-cont .mcp_zw .mcc-prdt a[data-v-33380c0d] { display: block; float: left; width: 17%; } .mods-product .mods-cont .mcp_zw .mcc-prdt a.bw14[data-v-33380c0d] { width: 14%; } .mods-product .mods-cont .mcp_zw .mcc-prdt a.active[data-v-33380c0d] { width: 28%; } .mc_cont .mcc_btn_zw[data-v-33380c0d] { display: block; width: 940px; height: 40px; padding: 15px 0; background: #fff; position: absolute; left: 30px; bottom: 0; text-align: center; } .mc_cont .mcc_btn_zw a.mcc_sub[data-v-33380c0d] { display: inline-block; width: 150px; border: 1px solid #f18110; height: 40px; margin: 0 auto; border-radius: 6px; background: #f18110; color: #fff; line-height: 40px; font-size: 18px; text-decoration: none; text-align: center; cursor: pointer; } .mc-cont .mcc_btn_zw a.addbtn[data-v-33380c0d] { background: #fff; color: #f18110; margin-right: 10px; } .mc-cont .mcc_btn_zw a.addbtn[data-v-33380c0d]:hover { background: #f18110; color: #fff; } /*更改商品弹窗 end*/ /*修改地址弹窗 start*/ .mods-editad .mods-cont[data-v-33380c0d] { width: 1000px; height: 540px; margin-left: -500px; margin-top: -270px; } .mods-editad .mods-cont .mc_cont[data-v-33380c0d] { height: 480px; width: 940px; padding: 0 30px 10px 30px; } .mc_zw[data-v-33380c0d] { position: absolute; z-index: 4; left: 0; top: 40px; height: 20px; background: #fff; } .mc_b_zw[data-v-33380c0d] { position: absolute; z-index: 4; left: 0; bottom: 0; height: 20px; background: #fff; } .mods-editad .mods-cont .mc_zw[data-v-33380c0d] { width: 984px; } .medit_c_ul[data-v-33380c0d] { width: 940px; height: auto; margin: 0 auto; margin: 20px 0 90px 0; background: #fafafa; } .medit_c_ul li[data-v-33380c0d] { position: relative; width: 100%; height: auto; width: 940px; height: auto; background: #fff; padding: 10px 0; /* margin-bottom: 10px; */ font-size: 16px; cursor: pointer; } .medit_c_ul li[data-v-33380c0d]:hover { background: #fffdf3; } .medit_c_ul li .icon-oncheck[data-v-33380c0d] { position: absolute; left: 15px; top: 50%; margin-top: -15px; display: block; width: 30px; height: 30px; font-size: 24px; color: #e6e2e3; cursor: pointer; } .medit_c_ul li.selected .icon-oncheck[data-v-33380c0d] { color: #f18110; } .medit_c_ul li .icon-oncheck input[type="radio"][data-v-33380c0d] { visibility: hidden; } .medit_c_ul li div[data-v-33380c0d] { width: 860px; padding-left: 80px; height: auto; } .medit_c_ul li div em[data-v-33380c0d] { display: block; width: 100%; line-height: 40px; margin-bottom: 10px; font-size: 16px; } .medit_c_ul li div p[data-v-33380c0d] { display: block; width: 80%; height: 20px; line-height: 20px; margin-bottom: 10px; font-size: 14px; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .medit_c_ul li span[data-v-33380c0d] { position: absolute; right: 20px; bottom: 22px; } .medit_c_ul li a[data-v-33380c0d] { color: #f18110; text-decoration: none; cursor: pointer; font-size: 14px; padding-left: 10px; } /*修改地址弹窗 end*/ /*更改网点弹窗 begin*/ .mods-yywd .mods-cont .mc_cont[data-v-33380c0d] { height: 590px; width: 940px; padding: 0 30px; } .mods-yywd .mods-cont .mc_zw[data-v-33380c0d], .mods-yywd .mods-cont .mc_b_zw[data-v-33380c0d] { position: absolute; z-index: 4; left: 0; width: 984px; height: 20px; background: #fff; } .mc_zw[data-v-33380c0d] { top: 40px; } .mc_b_zw[data-v-33380c0d] { bottom: 0; } .mc_cont .mcc_top[data-v-33380c0d] { position: absolute; z-index: 4; left: 30px; top: 40px; width: 940px; height: 40px; margin: 0 auto; padding: 20px 0; background: #fff; } .mc_cont .mcc_top span[data-v-33380c0d] { float: left; height: 40px; line-height: 40px; overflow: hidden; margin-right: 15px; } .mc_cont .mcc_top span label[data-v-33380c0d] { float: left; margin-right: 20px; font-size: 14px; } .mc_cont .mcc_top span input[data-v-33380c0d], .mc_cont .mcc_top span select[data-v-33380c0d] { float: left; display: inline-block; width: 240px; padding-left: 10px; height: 38px; border: solid 1px #eaeaea; border-radius: 2px; line-height: 38px; color: #666; font-size: 14px; } .mc_cont .mcc_top span select[data-v-33380c0d] { width: 200px !important; margin-right: 10px; } .mc_cont .mcc_top a[data-v-33380c0d] { float: left; display: inline-block; width: 160px; height: 40px; line-height: 40px; font-size: 14px; margin: 0 auto; border-radius: 6px; background: #f18110; text-align: center; color: #fff; text-decoration: none; cursor: pointer; } .deliveryadres[data-v-33380c0d], .mc_cont .mcc_bot[data-v-33380c0d] { width: 940px; height: auto; margin: 0 auto; margin-top: 80px; background: #fafafa; } .mods-yywd .mods-cont[data-v-33380c0d] { width: 1000px; height: 640px; margin-left: -500px; margin-top: -320px; font-size: 16px; } dl.yyda_top[data-v-33380c0d] { width: 100%; height: auto; overflow: hidden; position: relative; background: #fff; } .deliveryadres dl.yyda_top[data-v-33380c0d] { margin-bottom: 10px; } dl.yyda_top dd.yyda_t_tu[data-v-33380c0d] { width: 178px; height: 128px; border: solid 1px #eee; position: absolute; left: 0; } dl.yyda_top dd.yyda_t_tu img[data-v-33380c0d] { width: 100%; height: 100%; } .deliveryadres dl.yyda_top dd.yyda_t_tu[data-v-33380c0d] { top: 15px; } .deliveryadres dl.yyda_top dd.yyda_t_left[data-v-33380c0d] { width: 545px; height: auto; padding: 15px 0 15px 195px; text-align: left; } dd.yyda_t_left span[data-v-33380c0d] { display: block; width: 100%; line-height: 30px; margin-bottom: 10px; font-size: 16px; } dd.yyda_t_left span em[data-v-33380c0d] { font-size: 14px; margin-left: 20px; } .deliveryadres .yyda_top .yyda_t_left span[data-v-33380c0d], .medit_c_ul li div em[data-v-33380c0d] { color: #333; } .deliveryadres .yyda_top .yyda_t_left span em[data-v-33380c0d] { color: #666; font-weight: 400; } dl.yyda_top dd.yyda_t_left p[data-v-33380c0d] { display: block; width: 100%; height: 20px; line-height: 20px; margin-bottom: 10px; font-size: 14px; vertical-align: middle; } dl.yyda_top dd.yyda_t_left p[data-v-33380c0d]:last-child { position: relative; margin-bottom: 0; padding-left: 80px; height: auto !important; } dl.yyda_top dd.yyda_t_left p:last-child i[data-v-33380c0d] { font-style: normal; position: absolute; left: 0; top: 0; display: block; width: 80px; } dd.yyda_t_left p b[data-v-33380c0d] { font-weight: 400; margin: 0 5px; } dt.yyda_t_right[data-v-33380c0d] { position: absolute; z-index: 1; width: 120px; height: 110px; } .deliveryadres dl.yyda_top dt.yyda_t_right[data-v-33380c0d] { top: 30px; right: 0; } dl.yyda_top dt.yyda_t_right a[data-v-33380c0d] { display: block; width: 118px; height: 25px; margin: 10px 0; line-height: 25px; text-align: left; font-size: 14px; text-decoration: none; vertical-align: top; cursor: pointer; } dl.yyda_top dt.yyda_t_right a[data-v-33380c0d]:hover { color: #f18110; } .yyda_t_left p i.yydatl_icon[data-v-33380c0d], dl.yyda_top dt.yyda_t_right a[data-v-33380c0d]:before { margin: 0 5px; display: inline-block; width: 25px; height: 25px; vertical-align: top; text-align: center; line-height: 25px; font-size: 18px; color: #f18110; } dl.yyda_top dt.yyda_t_right a[data-v-33380c0d]:first-child:before { content: "\E636"; } dl.yyda_top dt.yyda_t_right a[data-v-33380c0d]:nth-child(2):before { content: "\E696"; } dl.yyda_top dd.yyda_bot[data-v-33380c0d] { width: 100%; height: 0; overflow: hidden; -webkit-transition: height .3s; transition: height .3s; } dl.yyda_top dd.yyda_bot.sdopen[data-v-33380c0d] { height: 300px; } dl.yyda_top dd.yyda_bot img[data-v-33380c0d] { width: 100%; height: 300px; } /*更换网点弹窗 end*/ /*查询结果弹框 begin*/ .mods-result .mods-cont[data-v-33380c0d], .mods-rcomb .mods-cont[data-v-33380c0d] { width: 1000px; height: 660px; margin-left: -500px; margin-top: -330px; font-size: 16px; } .mods-rcomb .mods-cont .mcp_zw[data-v-33380c0d], .mods-rcomb .mods-cont .mcp_zw .mcc-prdt[data-v-33380c0d], .mods-rcomb .mods-cont .mcp_zw .mcc-prdt p[data-v-33380c0d] { width: 624px; } .mods-result .mods-cont .mc_zw[data-v-33380c0d], .mods-rcomb .mods-cont .mc_b_zw[data-v-33380c0d] { position: absolute; z-index: 4; left: 0; background: #fff; width: 624px; } .mc_zw[data-v-33380c0d] { top: 40px; } .mc_b_zw[data-v-33380c0d] { bottom: 0; } .mods-rcomb .mods-cont .mcp_zw .mcc-prdt a[data-v-33380c0d] { display: block; float: left; width: 27%; } .mods-rcomb .mods-cont .mcp_zw .mcc-prdt a.bw12[data-v-33380c0d] { width: 12%; } .mods-rcomb .mods-cont .mcp_zw .mcc-prdt a.bw18[data-v-33380c0d] { width: 18%; } .mods-rcomb .mods-cont .mcp_zw .mcc-prdt a.active[data-v-33380c0d] { width: 43%; } .mods-cont .mc_tent[data-v-33380c0d] { width: 1000px; height: 610px; overflow: hidden; } .mc_tent .mct_left[data-v-33380c0d] { float: left; height: 610px; overflow-y: scroll; overflow-x: hidden; } .mc_tent .mct_left.pad-xl[data-v-33380c0d] { width: 580px; padding: 0 30px; } .mc_tent .mct_left.pad-b-md[data-v-33380c0d] { width: 640px; } .mc_tent .mct_left .mctl_cont[data-v-33380c0d] { width: 580px; height: auto; } .mods-result .mc_tent .mct_left .mctl_cont[data-v-33380c0d] { padding-bottom: 60px; } .mods-rcomb .mc_tent .mct_left .mctl_cont[data-v-33380c0d] { } .mc_tent .mct_left.pad-b-md .mctl_cont[data-v-33380c0d] { padding-left: 30px; padding-right: 30px; } .mctl_cont.hidden[data-v-33380c0d] { display: none; } .mc_tent .mcb-tit[data-v-33380c0d] { position: absolute; z-index: 4; top: 118px; left: 30px; padding: 10px 0; width: 580px; height: 25px; line-height: 25px; background: #fff; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /*S swiper轮播*/ .mods-result .swiper-container[data-v-33380c0d] { position: relative; overflow: hidden; z-index: 4; width: 580px; height: 360px; margin: 10px auto; } .mods-result .swiper-container-no-flexbox .swiper-slide[data-v-33380c0d] { float: left; } .mods-result .swiper-container-vertical>.swiper-wrapper[data-v-33380c0d] { -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; } .mods-result .swiper-wrapper[data-v-33380c0d] { position: relative; width: 100%; height: 280px; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .mods-result .swiper-slide[data-v-33380c0d] { position: relative; width: 360px; height: 100%; margin: 0 auto; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-align: center; -webkit-box-align: center; align-items: center; text-align: center; } .mods-result .swiper-container-android .swiper-slide[data-v-33380c0d], .mods-result .swiper-wrapper[data-v-33380c0d] { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .mods-result .swiper-slide .mcb_ul_tu[data-v-33380c0d] { position: absolute; width: 360px; height: 360px; overflow: hidden; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .mods-result .swiper-slide img[data-v-33380c0d] { position: absolute; max-width: 360px; max-height: 360px; margin: auto; left: 0; top: 0; right: 0; bottom: 0; } .mods-result .swiper-container-multirow>.swiper-wrapper[data-v-33380c0d] { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mods-result .swiper-container-free-mode>.swiper-wrapper[data-v-33380c0d] { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } /*E swiper轮播*/ .mctl_cont dl[data-v-33380c0d] { width: 100%; height: auto; overflow: hidden; } .hiddauto[data-v-33380c0d] { overflow-y: auto; max-height: inherit !important; -webkit-transition: all .3s; transition: all .3s; } .mctl_cont dl dt[data-v-33380c0d] { display: block; width: 100%; height: 40px; line-height: 40px; font-size: 18px; font-weight: 600; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mctl_cont dl dt em[data-v-33380c0d] { font-weight: 600; } .mctl_cont dl dt em[data-v-33380c0d]:first-child { margin-right: 10px; } .mctl_cont dl dd[data-v-33380c0d] { display: block; width: 100%; height: 30px; line-height: 30px; font-size: 14px; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .mctl_cont dl p[data-v-33380c0d] { display: block; width: 520px; padding-right: 60px; max-height: 30px; line-height: 30px; position: relative; font-size: 14px; color: #666; } .mctl_cont dl p i[data-v-33380c0d], .mcb_ul li div p i[data-v-33380c0d] { position: absolute; top: 0; right: 15px; display: none; width: 20px; height: 20px; text-align: center; font-size: 20px; color: #333; font-weight: 600; cursor: pointer; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .mctl_cont dl p i.rotate[data-v-33380c0d] { margin-top: 10px; } .mcb_ul li div p i.rotate[data-v-33380c0d] { margin-top: 5px; } .click_mct_btn[data-v-33380c0d] { display: block; width: 580px; height: 30px; padding: 15px 0; line-height: 30px; background: #fff; position: absolute; left: 30px; bottom: 0; font-size: 16px; color: #999; vertical-align: middle; cursor: pointer; } .click_mct_btn[data-v-33380c0d]:before { display: inline-block; content: "\E60D"; color: #f18110; width: 20px; height: 20px; line-height: 20px; font-size: 18px; margin: 5px; -webkit-transform: rotate3d(0, 0, 1, 180deg); transform: rotate3d(0, 0, 1, 180deg); } .click_mct_btn a[data-v-33380c0d] { color: #f18110; } .click_mct_btn a[data-v-33380c0d]:hover { color: #f49a41; } .mcb_ul[data-v-33380c0d] { height: auto; margin: 0 auto; text-align: left; } .mcb_ul.pd-t-mx[data-v-33380c0d] { padding-top: 123px; } .mcb_ul li[data-v-33380c0d] { position: relative; width: 580px; padding: 15px 0; height: auto; border-top: solid 1px #eee; } .mcb_ul li[data-v-33380c0d]:hover { background: #fffdf3; } .mcb_ul li .mcb_ul_tu[data-v-33380c0d] { display: block; position: absolute; top: 30px; width: 80px; height: 80px; border: solid 1px #ccc; } .mcb_ul li div[data-v-33380c0d] { height: auto; min-height: 105px; line-height: 25px; word-break: break-all; word-wrap: break-word; } .mcb_ul li div a[data-v-33380c0d] { display: block; width: 100%; height: auto; line-height: 30px; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /*组合套餐产品列表*/ .mctl_comb .mcb_ul[data-v-33380c0d] { width: 580px; } .mctl_comb .mcb_ul li[data-v-33380c0d] { width: 580px; } .mctl_comb .mcb_ul li img[data-v-33380c0d] { left: 0; } .mctl_comb .mcb_ul li div[data-v-33380c0d] { width: 470px; padding-left: 110px; } .mctl_comb .mcb_ul li div p[data-v-33380c0d]:last-child { width: 410px !important; } /*查询结果右侧公用券卡信息*/ .mc_tent .mct_right[data-v-33380c0d] { float: left; width: 300px; height: 550px; padding: 30px; overflow-y: auto; font-size: 14px; } .mct_right dl[data-v-33380c0d] { width: 100%; height: auto; } .mct_right dl dt[data-v-33380c0d] { width: 100%; height: 45px; line-height: 45px; border-bottom: solid 1px #eaeaea; margin-bottom: 20px; } .mct_right dl dt span[data-v-33380c0d] { display: inline-block; width: auto; height: 44px; line-height: 44px; border-bottom: solid 2px #f18110; font-size: 18px; font-weight: 600; } .mct_right dl dd[data-v-33380c0d] { display: block; width: 100%; color: #999; } .mct_right dl dd b[data-v-33380c0d] { margin: 0 3px; } .mct_right dl dd:not(.autoLine) span[data-v-33380c0d] { color: #666; display: inline-block; max-width: calc(100% - 90px); max-height: 35px; overflow: hidden; vertical-align: top; text-overflow: ellipsis; white-space: nowrap; } .mct_right dl dd.txt-green span[data-v-33380c0d] { color: #358d2c; } .mct_right dl dd.txt-orange span[data-v-33380c0d] { color: #f18110; } .mods-result .mct_right dl dd[data-v-33380c0d]:not(.autoLine) { height: 35px; line-height: 35px; } /* .mct_right dl dd.autoLine em {padding:7px 0;} */ .mct_right dl dd.autoLine[data-v-33380c0d] {display: -webkit-box!important;display: -ms-flexbox!important;display: flex!important; } .mct_right dl dd.autoLine article[data-v-33380c0d] {color:#333;-webkit-box-flex:1;-ms-flex:1;flex:1; max-width:calc(100% - 70px);padding: 5px 0; line-height:20px; } .mods-rcomb .mct_right dl dd[data-v-33380c0d] { height: 35px; line-height: 35px; } .mct_right a.btn_th[data-v-33380c0d], .mct_right a.btn_od[data-v-33380c0d] { display: block; width: 100%; height: 50px; line-height: 50px; margin: 20px auto; border-radius: 6px; border: solid 1px #f18110; text-align: center; text-decoration: none; cursor: pointer; font-size: 18px; -webkit-box-sizing: border-box; box-sizing: border-box; } .mct_right a.btn_th[data-v-33380c0d], .mct_right a.btn_od[data-v-33380c0d]:hover, .mct_right a.btn_od[data-v-33380c0d]:active { background: #f18110; color: #fff; } .mct_right a.btn_od[data-v-33380c0d] { background: #fff; color: #f18110; } .mct_right .mctr_more[data-v-33380c0d] { float: left; width: 230px; color: #999; text-align: center; } .mct_right .mctr_more span[data-v-33380c0d] { display: block; width: 100%; height: 40px; line-height: 40px; color: #333; font-size: 18px; } .mct_right .mctr_more span a[data-v-33380c0d] { display: inline-block; height: 40px; line-height: 40px; color: #f18110; text-decoration: none; vertical-align: top; cursor: pointer; } .mct_right .mctr_more span a[data-v-33380c0d]:hover { opacity: .8; filter: alpha(opacity=80); } .mct_right .mctr_more span a[data-v-33380c0d]:before { float: left; display: inline-block; width: 30px; height: 30px; line-height: 30px; margin: 5px 0 5px 5px; content: "\E631"; font-size: 28px; } .mct_right .mctr_more p[data-v-33380c0d] { width: 170px; margin: 0 auto; height: 50px; line-height: 50px; position: relative; color: #888; font-size: 14px; } .mct_right .mctr_more p[data-v-33380c0d]:last-child { width: 150px; border-top: solid 1px #e0dfdf; } .mct_right .mctr_more p i[data-v-33380c0d] { position: absolute; z-index: 3; left: 50%; top: 100%; display: block; margin-left: -17.5px; margin-top: -12.5px; width: 35px; height: 25px; line-height: 25px; background: #fff; color: #333; } /*查询结果弹框 end*/ /*提货成功营销弹框 start*/ .tankuang[data-v-33380c0d] { z-index: 103; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .7); } .hide-body[data-v-33380c0d] { z-index: 104; position: relative; top: 50%; left: 50%; padding-top: 35px; width: 634px; height: 600px; margin: -317px 0 0 -300px; margin-left: -500px; } .hide-body span[data-v-33380c0d] { display: inline-block; position: absolute; top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; text-align: center; border: solid 2px #fff; border-radius: 100%; color: #fff; font-size: 20px; } .lgb-cont p[data-v-33380c0d] { text-align: center; margin-bottom: 15px; } .lgb-cont p[data-v-33380c0d]:nth-child(1) { color: #fff; font-size: 22px; } .lgb-cont p[data-v-33380c0d]:nth-child(2) { color: #fefffd; font-size: 20px; } .lgb-cont p:nth-child(2) small[data-v-33380c0d] { color: #fdfd00; font-size: 16px; margin-left: 5px; } .lgb-cont p:nth-child(2) big[data-v-33380c0d] { color: #fffb02; font-size: 40px; font-weight: bold; margin-right: 5px; font-family: Arial, Verdana, "\5B8B\4F53"; } .lgb-cont p[data-v-33380c0d]:nth-child(3) { color: #fefffd; font-size: 18px; } .lgb-cont p:nth-child(3) a[data-v-33380c0d] { color: #fdfd00; font-weight: bold; margin: 0 5px; } .lgb-cont p:nth-child(4) img[data-v-33380c0d] { width: 100%; height: auto; max-width: 150px; } .lgb-cont .ewm[data-v-33380c0d] { width: 160px; height: auto; margin: 0 auto; background: rgba(137, 19, 253, .5); } .lgb-cont .ewm img[data-v-33380c0d] { width: 130px; height: 130px; padding: 10px; background: #fff; margin-top: 5px; } .lg-bottom[data-v-33380c0d] { height: 60px; margin-top: 43px; overflow: hidden; } .lg-bottom a[data-v-33380c0d] { float: left; display: block; width: 140px; height: 52px; background: url(https://presale.jhtsoft.com/picms/384a3389607624.png) no-repeat; text-align: center; line-height: 52px; font-size: 22px; color: #bf3bff; font-weight: bold; } .lg-bottom a[data-v-33380c0d]:hover { opacity: 0.8; filter: Alpha(opacity=80); } .lg-bottom a[data-v-33380c0d]:first-child { margin-left: 122px; } .lg-bottom a[data-v-33380c0d]:last-child { margin-left: 20px; } /*营销弹框动画 begin*/ @-webkit-keyframes flipInY-data-v-33380c0d { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); } } @keyframes flipInY-data-v-33380c0d { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY[data-v-33380c0d], .toprightka span[data-v-33380c0d] { -webkit-animation: flipInY-data-v-33380c0d 1s; animation: flipInY-data-v-33380c0d 1s; } @-webkit-keyframes rollIn-data-v-33380c0d { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; } } @keyframes rollIn-data-v-33380c0d { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn[data-v-33380c0d], .topleft[data-v-33380c0d] { -webkit-animation: rollIn-data-v-33380c0d 1s; animation: rollIn-data-v-33380c0d 1s; } @-webkit-keyframes fadeInLeft-data-v-33380c0d { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; } } @keyframes fadeInLeft-data-v-33380c0d { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .zbd-part-ul li .zpu-tu[data-v-33380c0d], .fadeInLeft[data-v-33380c0d] { -webkit-animation: fadeInLeft-data-v-33380c0d 1s; animation: fadeInLeft-data-v-33380c0d 1s; } @-webkit-keyframes fadeInRight-data-v-33380c0d { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; } } @keyframes fadeInRight-data-v-33380c0d { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .zbd-part-ul li div[data-v-33380c0d], .fadeInRight[data-v-33380c0d] { -webkit-animation: fadeInRight-data-v-33380c0d 1s; animation: fadeInRight-data-v-33380c0d 1s; } @-webkit-keyframes zoomOutRight-data-v-33380c0d { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(1000px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; } } @keyframes zoomOutRight-data-v-33380c0d { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(1000px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(1000px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight[data-v-33380c0d] { -webkit-animation: zoomOutRight-data-v-33380c0d 1s; animation: zoomOutRight-data-v-33380c0d 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } /*提货成功营销弹框 end*/ /*流程图轮播弹框 start*/ .mods-help .mods-cont[data-v-33380c0d] { width: 700px; height: 420px; margin-left: -350px; margin-top: -210px; } .mods-help .mods-cont .swiper-container[data-v-33380c0d] { overflow: initial; } .mods-help .mc-cont[data-v-33380c0d] { padding: 0; } .mods-help .mc-cont .btnhover[data-v-33380c0d] { padding: 10px 18px; background-color: #e62226; color: #fff; font-size: 14px; border-radius: 6px; -webkit-border-radius: 6px; } .modhelp[data-v-33380c0d] { position: relative; height: 380px; } .modhelp .helper[data-v-33380c0d] { position: absolute; width: 150px; height: 220px; left: 30px; top: 34px; } .modhelp p[data-v-33380c0d], .modhelp h3[data-v-33380c0d] { left: 195px; position: absolute; z-index: 1; } .modhelp h3[data-v-33380c0d] { font-size: 24px; color: #333; top: 72px; } .modhelp p[data-v-33380c0d]:nth-of-type(1) { color: #666; font-size: 18px; top: 112px; } .modhelp p[data-v-33380c0d]:nth-of-type(2) { top: 172px; } .modhelp .modhelp-shine[data-v-33380c0d] { width: 260px; height: 260px; position: absolute; right: 18px; top: 112px; } .modhelp .modhelp-box[data-v-33380c0d] { width: 215px; height: 215px; position: absolute; right: 40px; top: 135px; z-index: 1; border-radius: 100%; -webkit-border-radius: 100%; } .modhelp .modhelp-box img[data-v-33380c0d] { width: 215px; height: 215px; border-radius: 100%; -webkit-border-radius: 100%; } .modhelp .modhelp-box-shadow[data-v-33380c0d] { width: 215px; height: 215px; position: absolute; left: 0; top: 0; z-index: 2; border-radius: 100%; -webkit-border-radius: 100%; background: rgba(0, 0, 0, .3); } .modhelp .wy[data-v-33380c0d] { position: absolute; z-index: 3; bottom: 0; left: 50%; margin-left: -55px; width: 110px; height: 110px; background: #fff; border-radius: 100%; -webkit-border-radius: 100%; overflow: hidden; } .modhelp .wy b[data-v-33380c0d], .modhelp .wy i[data-v-33380c0d] { display: block; height: 40px; margin: 35px 0; } .modhelp .wy b[data-v-33380c0d] { background: #e62226; } .modhelp .wy.wyshake[data-v-33380c0d] { background: #f2f2f2; } .modhelp .wy i[data-v-33380c0d] { background: #fff; } .modhelp-box .tit[data-v-33380c0d] { position: absolute; z-index: 3; font-size: 18px; color: #fff; top: 150px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .modhelp-box .yytit[data-v-33380c0d] { font-size: 16px; color: #333; } .modhelp-box .yytit[data-v-33380c0d]:before { margin: 10px 5px; width: 20px; height: 20px; content: "\E636"; color: #f18110; font-size: 18px; } .modhelp .helpline[data-v-33380c0d] { position: absolute; left: 283px; top: 245px; } .mods-help .swiper-pagination[data-v-33380c0d] { width: 100%; bottom: 20px; text-align: center; } .mods-help .swiper-pagination-bullet[data-v-33380c0d] { width: 8px; height: 8px; display: inline-block; width: 10px; height: 10px; margin: 0 5px; background-color: #666; } .mods-help .swiper-pagination-bullet-active[data-v-33380c0d] { background-color: #333; } .wy[data-v-33380c0d] { -webkit-animation: wyshake-data-v-33380c0d infinite 2s 1.3s; animation: wyshake-data-v-33380c0d infinite 2s 1.3s; } @-webkit-keyframes wyshake-data-v-33380c0d { 0% { -webkit-transform: none; } 20% { -webkit-transform: translateX(-5px); } 40% { -webkit-transform: translateX(5px); } 60% { -webkit-transform: translateX(0px); } 0% { -webkit-transform: none; } } @keyframes wyshake-data-v-33380c0d { 0% { -webkit-transform: none; transform: none; } 20% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 40% { -webkit-transform: translateX(5px); transform: translateX(5px); } 60% { -webkit-transform: translateX(0px); transform: translateX(0px); } 0% { -webkit-transform: none; transform: none; } } /*换流程图轮播弹框 end*/ /*提货模块cardProject所有弹窗样式 end*/ .el-select-dropdown__item.selected[data-v-33380c0d] { color: #e62226; } /*游戏弹框 start*/ .hide-body[data-v-33380c0d] { width: 804px; height: 498px; margin-left: -500px; margin-top: -289px; } .game .hide-body[data-v-33380c0d] { margin-left: -402px; } .login-body[data-v-33380c0d] { width: 804px; height: 498px; position: relative; } .game .lgb-cont[data-v-33380c0d] { padding: 0; } .mobmodel[data-v-33380c0d] { width: 246px; height: 454px; border: 2px solid #999; background-color: #eee; border-radius: 20px; position: absolute; z-index: 2; left: 44px; top: 36px; -webkit-animation: toleft-data-v-33380c0d 1s 1s backwards; animation: toleft-data-v-33380c0d 1s 1s backwards; } .mobtop[data-v-33380c0d], .tankuang .zi[data-v-33380c0d], .tankuang .line1[data-v-33380c0d], .tankuang .line2[data-v-33380c0d], .tankuang .qiu[data-v-33380c0d] { background-image: url(https://presale.jhtsoft.com/picms/4ecf747b652bf.png); background-repeat: no-repeat; } .mobtop[data-v-33380c0d] { width: 235px; height: 20px; position: absolute; z-index: 1; top: 10px; left: 5.5px; background-position: -43px -305px; } .mobtop[data-v-33380c0d]:before { display: block; content: ""; position: absolute; width: 30px; height: 4px; background-color: #ccc; top: 3px; left: 50%; margin-left: -15px; border-radius: 2px; } .mobmodel img[data-v-33380c0d] { display: block; width: 235px; height: 435px; margin: 10px auto; border-radius: 20px; } .tankuang .zi[data-v-33380c0d] { width: 285px; height: 66px; background-position: 0 0; position: absolute; z-index: 4; top: 47px; left: 340px; -webkit-animation: bounceIn .8s 1s backwards; animation: bounceIn .8s 1s backwards; } .round[data-v-33380c0d] { position: absolute; z-index: 3; top: 40px; left: 257px; width: 455px; height: 455px; background-image: url(https://presale.jhtsoft.com/picms/4ecf496640f45.jpg); background-size: 100% 100%; border-radius: 100%; color: #fff; border: 6px solid #9c77e6; -webkit-animation: bounceIn .8s .3s backwards; animation: bounceIn .8s .3s backwards; } .round .jpcon[data-v-33380c0d] { width: 335px; max-height: 196px; overflow-y: auto; margin-top: 92px; margin-left: 70px; } .round .jpcon p[data-v-33380c0d] { font-size: 16px; line-height: 28px; text-align: left; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .round .jpcon p strong[data-v-33380c0d] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .round .jpcon p strong.font13[data-v-33380c0d] { font-size: 13px; } .round .gamecode[data-v-33380c0d] { width: 130px; height: 130px; background-color: #fff; margin: 10px auto 0; } .round .gamecode img[data-v-33380c0d] { width: 110px; height: 110px; display: block; margin: 0 auto; padding-top: 10px; } .succescon[data-v-33380c0d] { padding-top: 80px; } .tankuang .kuai1[data-v-33380c0d], .tankuang .kuai2[data-v-33380c0d], .tankuang .sj1[data-v-33380c0d], .tankuang .sj2[data-v-33380c0d], .tankuang .line1[data-v-33380c0d], .tankuang .line2[data-v-33380c0d], .tankuang .qiu[data-v-33380c0d] { display: block; position: absolute; } .tankuang .kuai1[data-v-33380c0d], .tankuang .kuai2[data-v-33380c0d] { width: 210px; height: 260px; background-image: url(https://presale.jhtsoft.com/picms/4ecf1b6f14f97.png); background-size: 100% 100%; z-index: 1; } .tankuang .kuai1[data-v-33380c0d] { top: -27px; left: 127px; -webkit-transform: rotateZ(458deg); transform: rotateZ(458deg); } .tankuang .kuai2[data-v-33380c0d] { top: 155px; left: 590px; -webkit-animation: pulse-data-v-33380c0d 1.5s infinite; animation: pulse-data-v-33380c0d 1.5s infinite; } .sj1ani[data-v-33380c0d] { -webkit-animation: pulse-data-v-33380c0d 2.5s infinite; animation: pulse-data-v-33380c0d 2.5s infinite; } .kuai1ani[data-v-33380c0d] { -webkit-animation: pulse-data-v-33380c0d 2s infinite; animation: pulse-data-v-33380c0d 2s infinite; } .tankuang .sj1[data-v-33380c0d], .tankuang .sj2[data-v-33380c0d] { width: 106px; height: 77px; background-image: url(https://presale.jhtsoft.com/picms/4ed0222884c98.png); background-size: 100% 100%; } .sj1ani[data-v-33380c0d] { position: absolute; width: 106px; height: 77px; z-index: 3; left: -30px; top: 90px; } .tankuang .sj1[data-v-33380c0d] { -webkit-transform: rotateZ(-136deg); transform: rotateZ(-136deg); } .tankuang .sj2[data-v-33380c0d] { z-index: 2; top: 400px; right: 60px; -webkit-animation: pulse-data-v-33380c0d 2.5s infinite; animation: pulse-data-v-33380c0d 2.5s infinite; } .tankuang .line1[data-v-33380c0d], .tankuang .line2[data-v-33380c0d] { z-index: 3; } .tankuang .line1[data-v-33380c0d] { width: 285px; height: 126px; background-position: 0 -167px; top: 0; left: 263px; z-index: 1; } .tankuang .line2[data-v-33380c0d] { width: 36px; height: 197px; background-position: 0 -303px; top: 192px; right: 53px; } .tankuang .qiu[data-v-33380c0d] { z-index: 2; width: 87px; height: 87px; background-position: -112px -73px; left: 269px; bottom: -10px; -webkit-animation: pulse-data-v-33380c0d 2s infinite; animation: pulse-data-v-33380c0d 2s infinite; } @-webkit-keyframes pulse-data-v-33380c0d { from { -webkit-transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(0, -10px, 0); } to { -webkit-transform: translate3d(0, 0, 0); } } @keyframes pulse-data-v-33380c0d { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes toleft-data-v-33380c0d { 0% { opacity: 0; left: 700px; } 100% { opacity: 1; left: 44px; } } @keyframes toleft-data-v-33380c0d { 0% { opacity: 0; left: 700px; } 100% { opacity: 1; left: 44px; } } /*游戏弹框 end*/ /*游戏弹框新 start*/ .gameyx .hide-body[data-v-33380c0d] { width: 660px; height: 660px; margin-left: -330px; margin-top: -330px; padding-top: 0; } .gameyx .login-body[data-v-33380c0d] {width: 660px; height: 660px; } .gameyx .hide-body span[data-v-33380c0d] { top: -40px; right: -50px; -webkit-animation: expand-data-v-33380c0d 0.5s 4s backwards;animation: expand-data-v-33380c0d 0.5s 4s backwards; } .gameyx .sma[data-v-33380c0d] { position: absolute; z-index: 3; top: 0; left: 10px; width: 640px; height: 200px; background: url("https://presale.jhtsoft.com/picms/2db5fe402dea60.png") no-repeat center top;-webkit-animation: bounceIn .8s backwards;animation: bounceIn .8s backwards; } .gameyx .sma[data-v-33380c0d]:after { position: absolute; content: ""; width: 115px; height: 70px; background: url("https://presale.jhtsoft.com/picms/2db5fac87c8332.png") no-repeat 0 0;top: 4px;left: 130px;z-index: 5; -webkit-animation: hbs-data-v-33380c0d steps(2) 1s 1.5s infinite; animation: hbs-data-v-33380c0d steps(2) 1s 1.5s infinite; } .gameyx .ma[data-v-33380c0d] { position: absolute; top: 40px; left: 130px; z-index: 4; width: 110px; height: 125px; -webkit-transform:rotate(-5deg);transform:rotate(-5deg); background-color: #fff; } .gameyx .ma img[data-v-33380c0d] {display: block; width: 90px; height: 90px; margin: 10px 10px 2px; } .gameyx .ma p[data-v-33380c0d] {color: #c23ffa; font-size: 16px; font-weight: bold; margin-bottom: 0; } .gameyx .lucky[data-v-33380c0d] { position: absolute; z-index: 1; left: 50%;margin-left: -260px; top: 125px; width: 520px; height: 107px; -webkit-animation: bounceInUp-data-v-33380c0d 1s 2s backwards;animation: bounceInUp-data-v-33380c0d 1s 2s backwards; background:url("https://presale.jhtsoft.com/picms/37c2476e466308.png") no-repeat center top; } .gameyx .jxgun[data-v-33380c0d] {position: absolute; z-index: 4;left: 50%;margin-left: -260px;top: 125px;width: 520px; margin-top: 38px;height: 40px;-webkit-animation: bounceInUp-data-v-33380c0d 1s 2s backwards;animation: bounceInUp-data-v-33380c0d 1s 2s backwards; } .gameyx .itgw-wrap[data-v-33380c0d] {height: 40px;white-space: nowrap;overflow: hidden;-webkit-transform: rotate(-5deg);transform: rotate(-5deg); } .gameyx .itgw-wrap ul[data-v-33380c0d] {padding-left: 20px;padding-right: 40px; } .gameyx .itgw-wrap li[data-v-33380c0d] {line-height: 40px;font-size:24px; color: #fff;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis; } .gameyx .itgw-wrap li[data-v-33380c0d]:hover { cursor: pointer; } .jx[data-v-33380c0d] {position: absolute; left: 0; top: 222px; width: 100%; z-index: 2;-webkit-perspective: 1200px;-o-perspective: 1200px;perspective: 1200px;-webkit-animation: expand-data-v-33380c0d 1s 1s backwards;animation: expand-data-v-33380c0d 1s 1s backwards; } .jx ul[data-v-33380c0d] { width: 100%; font-size: 0; text-align: center; height: 322px;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;transition-property: transform;transition-property: transform, -webkit-transform;-webkit-box-sizing: content-box;box-sizing: content-box;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; } .jx li[data-v-33380c0d] {display: inline-block; width:272px; height: 322px; background: url("https://presale.jhtsoft.com/picms/2db5e1b008dcf6.png") no-repeat center;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;webkit-flex-shrink: 0;-ms-flex: 0 0 auto;-ms-flex-negative: 0;flex-shrink: 0; position: relative; } .jx li[data-v-33380c0d]:after { display: block;content: "";position: absolute;width: 180px;height: 2px;background: rgba(0,0,0,.2);border-radius: 100%;-webkit-box-shadow: 0 0 4px 4px rgba(0,0,0, 0.2);box-shadow: 0 0 4px 4px rgba(0,0,0, 0.2);left: 50%;margin-left: -90px;bottom: -20px; } .jx li div[data-v-33380c0d] {width: 260px; height: 310px; margin: 6px;border-radius: 12px; background-color: #fff; } .jx li div b[data-v-33380c0d] {display: block; position: relative;padding: 10px 10px 0px; width: 240px; height: 240px;position: relative; overflow: hidden; } .jx li div b img[data-v-33380c0d] { display: block; position: absolute; margin: auto; left: 0; top: 0; right: 0; bottom: 0; width:auto; height: auto; max-width:240px ; max-height: 240px; overflow: hidden; } .jx li div p[data-v-33380c0d] { height: 60px; line-height: 60px; text-align: center; font-size: 16px !important; color:#333 !important; margin-bottom: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0 10px; } .jx li.pre[data-v-33380c0d]{-webkit-transform: translate3d(0px, 0px, -300px) rotateX(0deg) rotateY(-30deg);transform: translate3d(0px, 0px, -300px) rotateX(0deg) rotateY(-30deg); margin-right: 5px; } .jx li.active[data-v-33380c0d] {-webkit-transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg);transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg); margin: 0 20px; } .jx li.next[data-v-33380c0d] {-webkit-transform: translate3d(0px, 0px, -300px) rotateX(0deg) rotateY(30deg);transform: translate3d(0px, 0px, -300px) rotateX(0deg) rotateY(30deg); margin-left: 5px; } .gameyx .stage[data-v-33380c0d] { width: 650px; height: 226px; position: absolute; z-index: 1; left: 50%; margin-left: -325px; bottom: -25px; -webkit-animation: expand-data-v-33380c0d 1s .5s backwards;animation: expand-data-v-33380c0d 1s .5s backwards; } .gameyx .stage img[data-v-33380c0d] {display: block; width: 650px; height: 226px; } .gameyx .ani[data-v-33380c0d] { display: block; position: absolute; z-index: 4; opacity: 0; } .gameyx em[data-v-33380c0d] { display: block; } .gameyx .ani1[data-v-33380c0d] {-webkit-animation: opty-data-v-33380c0d 2.5s 3s forwards;animation: opty-data-v-33380c0d 2.5s 3s forwards; width: 58px; height: 55px; left: 10px; top: 180px; } .gameyx .ani1 em[data-v-33380c0d]{width: 58px; height: 55px;background: url("https://presale.jhtsoft.com/picms/2db5e76b5f3c30.png") no-repeat;-webkit-transform: rotateZ(30deg);transform: rotateZ(30deg); } .gameyx .ani2[data-v-33380c0d] { width: 53px; height: 55px; background: url("https://presale.jhtsoft.com/picms/2db5ed5522912e.png") no-repeat; right: 100px; bottom: 87px;-webkit-animation: pulse2-data-v-33380c0d 2.5s 3.5s infinite;animation: pulse2-data-v-33380c0d 2.5s 3.5s infinite; } .gameyx .ani3[data-v-33380c0d],.gameyx .ani4[data-v-33380c0d],.gameyx .ani5[data-v-33380c0d],.gameyx .ani6[data-v-33380c0d] { background: url("https://presale.jhtsoft.com/picms/2db6017f36ee7c.png") no-repeat; } .gameyx .ani3[data-v-33380c0d] {width: 15px; height: 15px; top: 144px; right: 60px; background-position: -61px -4px; -webkit-animation: opty-data-v-33380c0d 2.5s 3.8s forwards;animation: opty-data-v-33380c0d 2.5s 3.8s forwards; } .gameyx .ani4[data-v-33380c0d],.gameyx .ani5[data-v-33380c0d] {width: 24px; height: 24px; background-position: -104px -2px; } .gameyx .ani4[data-v-33380c0d] {top: 160px; right: 35px; -webkit-animation: opty-data-v-33380c0d 2.5s 3s forwards;animation: opty-data-v-33380c0d 2.5s 3s forwards; } .gameyx .ani5[data-v-33380c0d] {left: 150px; bottom: 100px;-webkit-animation: pulse2-data-v-33380c0d 2.5s 3.5s infinite;animation: pulse2-data-v-33380c0d 2.5s 3.5s infinite; } .gameyx .ani6[data-v-33380c0d] { width: 26px; height: 26px; top: 210px; right: 75px; background-position:-5px -2px; -webkit-animation: opty-data-v-33380c0d 2.5s 3.8s forwards;animation: opty-data-v-33380c0d 2.5s 3.8s forwards; } @-webkit-keyframes hbs-data-v-33380c0d{ 0%{ background-position: 0 0; } 100%{ background-position: -268px 0; } } @keyframes hbs-data-v-33380c0d{ 0%{ background-position: 0 0; } 100%{ background-position: -268px 0; } } @-webkit-keyframes expand-data-v-33380c0d { 0% {opacity:0;-webkit-transform:scale(0);transform:scale(0); } 100% {opacity:1;-webkit-transform:scale(1);transform:scale(1); } } @keyframes expand-data-v-33380c0d { 0% {opacity:0;-webkit-transform:scale(0);transform:scale(0); } 100% {opacity:1;-webkit-transform:scale(1);transform:scale(1); } } @-webkit-keyframes opty-data-v-33380c0d{ 0%{ opacity: 0; } 100%{ opacity: 1; } } @keyframes opty-data-v-33380c0d{ 0%{ opacity: 0; } 100%{ opacity: 1; } } @-webkit-keyframes pulse2-data-v-33380c0d { 0% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); } 50% {opacity: 1; -webkit-transform: translate3d(0, -10px, 0); } 100% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); } } @keyframes pulse2-data-v-33380c0d { 0% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% {opacity: 1; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 100% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes bounceInUp-data-v-33380c0d{ 0%, 100%, 60%, 75%, 90% {-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);transition-timing-function: cubic-bezier(0.215,.61,.355,1); } 0% {opacity: 0;-webkit-transform: translate3d(0,3000px,0);transform: translate3d(0,3000px,0); } 60% {opacity: 1;-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0); } 75% {-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,10px,0); } 90% {-webkit-transform: translate3d(0,-5px,0);transform: translate3d(0,-5px,0); } 100% {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes bounceInUp-data-v-33380c0d{ 0%, 100%, 60%, 75%, 90% {-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);transition-timing-function: cubic-bezier(0.215,.61,.355,1); } 0% {opacity: 0;-webkit-transform: translate3d(0,3000px,0);transform: translate3d(0,3000px,0); } 60% {opacity: 1;-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0); } 75% {-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,10px,0); } 90% {-webkit-transform: translate3d(0,-5px,0);transform: translate3d(0,-5px,0); } 100% {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } /*游戏弹框新 end*/ .zbd-part-ul li div h5[data-v-33380c0d]{margin-bottom: 16px;padding-top: 5px; color: #999 } .redColor[data-v-33380c0d]{color: #e62226!important } .line[data-v-33380c0d] { display: inline-block !important; } .stylw[data-v-33380c0d] { padding-top: 123px; } .toprightkuang[data-v-33380c0d] { min-height: 500px; } /*swiper流程图分页调整*/ .swiper-pagination[data-v-33380c0d] .swiper-pagination-bullet { width: 10px; height: 10px; background: #666; } .swiper-pagination[data-v-33380c0d] .swiper-pagination-bullet-active { background: #333; } /* element 插件样式 需在页面新建style去控制 ps：style不能加scoped */ .serform .el-select { max-width: 130px; float: left; margin-right: 10px; } .serform .el-select:last-child { margin-right: 0; } .serform .el-select .el-input__inner { border: none !important; background: #f7f7f7; } /*element 数字加减插件 start*/ .el-input-number { margin: 0 10px; } .el-input-number--mini { line-height: 24px; } .code-description .el-input-number__decrease, .code-description .el-input-number__increase, .code-description .el-input__inner { border-color: #ccc; } .el-input--mini .el-input__inner { height: 26px; } .el-input-number--mini .el-input-number__decrease, .el-input-number--mini .el-input-number__increase { width: 24px; } .disabledNum .el-input {width:80px!important;margin:0 5px; } .disabledNum .el-input.is-disabled .el-input__inner {text-align: center; } /*element 数字加减插件 end*/ /* 2020-11-06 遮罩提示 xjt start */ .topmask{position: absolute;background: rgba(0, 0, 0, .8);top: 0;left: 0;width: 100%;height: 100%;padding: 20px;-webkit-box-sizing: border-box;box-sizing: border-box; } .topmask div{ height: 150px; width: 400px; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .topmask .succTxt{color: #fff;font-size: 20px;margin-bottom: 30px;text-align: center; } .topmask .succTxt i{ background: #67c23a; width: 20px; height: 20px; border-radius: 50%; padding: 2px; margin-right: 10px; line-height: 20px; text-align: center; } .topmask .tsTxt{ color: #ededed; font-size: 16px; line-height: 25px; } .topmask .tsTxt i{ display: inline-block; margin-right: 3px; color: #ff5f20; position: absolute; } .topmask .tsTxt em{padding-left: 20px;display: inline-block; } .topmask .tsTxt b{cursor: pointer;margin: 0 5px; } /* 2020-11-06 遮罩提示 xjt end */ /*我的商城-账号绑定-立即绑定弹框 start*/ .mods-binding .mods-cont[data-v-0c59d83e] { width: 460px; height: 420px; margin-left: -230px; margin-top: -210px; } .mods-binding .mods-cont .mc-cont[data-v-0c59d83e] { padding: 0; position: relative; } .mods-binding .ewm[data-v-0c59d83e] { width: 180px; height: 180px; background-color: #ffffff; -webkit-box-shadow: 0 0 4px #ddd; box-shadow: 0 0 4px #ddd; position: absolute; top: 68px; left: 140px; transition: left 0.5s; -moz-transition: left 0.5s; -webkit-transition: left 0.5s; -o-transition: left 0.5s; } .mods-binding .ewm img[data-v-0c59d83e] { width: 160px; height: 160px; padding: 10px; } .mods-binding .mods-cont:hover .ewm[data-v-0c59d83e] { left: 40px; } .mods-binding .sjimg[data-v-0c59d83e] { position: absolute; width: 177px; height: 197px; left: 460px; top: 60px; transition: left 0.5s; -moz-transition: left 0.5s; -webkit-transition: left 0.5s; -o-transition: left 0.5s; } .mods-binding .mods-cont:hover .sjimg[data-v-0c59d83e] { left: 254px; } .mods-binding .mods-cont .mc-cont p[data-v-0c59d83e] { width: 100%; position: absolute; top: 317px; text-align: center; color: #666; font-size: 14px; } .mods-binding .mods-cont .mc-cont p em[data-v-0c59d83e] { padding: 0 5px; color: #2c8be5; } /*我的商城-账号绑定-立即绑定弹框 end*/ .navbg-w .topbar[data-v-06855022] { background-color: #FFFFFF; } .navbg-w .footer[data-v-06855022] { margin-top: 0; } .main1920[data-v-06855022] { margin: 0 auto; width: 100%;max-width: 1920px; } .main1920 img[data-v-06855022]{ width: 100%; height: auto; } .adv[data-v-06855022] {height: auto; overflow: hidden;-webkit-transition: height .3s;transition: height .3s; } .adv a[data-v-06855022] { display: block; margin: 0 auto; position: relative; } .adv a img[data-v-06855022] { float: left; width: 100%; } .newuser[data-v-06855022] {width: 1200px; height: 150px; margin:30px auto 0; position: relative; } .newuser img[data-v-06855022]{width: 1200px; height: 150px; } span.clicktoclose[data-v-06855022]{display: block;width: 24px;height: 24px;line-height: 24px;text-align: center;background-color: rgba(0,0,0,0.4); position: absolute;top: 0; left: 50%; margin-left: 576px; } .clicktoclose i[data-v-06855022]{ font-size: 14px;color: #fff; } span.clicktoclose[data-v-06855022]:hover{background-color: rgba(0,0,0,0.6); } .adv.none[data-v-06855022] {height: 0;border: none; } .adv1[data-v-06855022]{-webkit-animation: hiddenadv-data-v-06855022 1s forwards;animation: hiddenadv-data-v-06855022 1s forwards; } @-webkit-keyframes hiddenadv-data-v-06855022{ 0%{ opacity: 1; } 50%{opacity: .5; } 99%{opacity: .2; } 100%{ opacity: 0; height: 0; } } @keyframes hiddenadv-data-v-06855022{ 0%{ opacity: 1; } 50%{opacity: .5; } 99%{opacity: .2; } 100%{ opacity: 0; height: 0; } } @-webkit-keyframes pulse-data-v-06855022 { from {-webkit-transform: translate3d(0, 0, 0); } 50% {-webkit-transform: translate3d(0, -10px, 0); } to {-webkit-transform: translate3d(0, 0, 0); } } @keyframes pulse-data-v-06855022 { from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); } 50% {-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0); } to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); } } /*头部固定的导航*/ .fixtop[data-v-06855022] {position: fixed; z-index: 101; top: -80px; width: 100%; border-bottom: 2px solid #e62226; -webkit-box-shadow: 0 6px 6px -3px rgba(51,51,51,.2); box-shadow: 0 6px 6px -3px rgba(51,51,51,.2); } .searchTop[data-v-06855022] { position: fixed; top: 0; -webkit-animation: searchTop1-data-v-06855022 .5s ease-in-out backwards; animation: searchTop1-data-v-06855022 .5s ease-in-out backwards; } .fixtop .header-searchbar-box[data-v-06855022] { height: 68px; } .fixtop .header-searchbar-logo[data-v-06855022] { margin-top: 10px; } .fixtop .header-searchbar-logo img[data-v-06855022] { position: relative; width: 190px; height: 50px; } .fixtop .header-searchbar-r[data-v-06855022] { margin-top: 15px; } .fixtop .header-searchbar-cart[data-v-06855022] { width: 150px; float: left; margin-left: 20px; } .fixtop .header-searchbar-search[data-v-06855022] { border:none; } .fixtop .header-searchbar-search .search[data-v-06855022] { background-color: #f3f3f3; } @-webkit-keyframes searchTop1-data-v-06855022{ from{ top: -80px; } to{ top: 0; } } @keyframes searchTop1-data-v-06855022{ from{ top: -80px; } to{ top: 0; } } .fixtop .header-searchbar-cart-box .cartnum[data-v-06855022] {top: -15px; } .fixtop .header-searchbar-cart-box .cart-num[data-v-06855022] {top: -15px; } .swiper-pagination-bullet[data-v-06855022]{color: #00c60e } .mainbanner[data-v-06855022] { width: 100%; height: 100%; max-width: 1920px; max-height: 500px; } .mainbanner img[data-v-06855022]{width: 100%; height: 100%; max-width: 1920px; max-height: 500px; } .mainbanner .swiper-pagination[data-v-06855022] { width: auto; height: 24px; line-height: 24px; background: rgba(0,0,0,.4); left: 50%; margin-left: -60px; bottom: 20px; border-radius: 12px; } .mainbanner .swiper-pagination-bullet[data-v-06855022] { position: relative; display: block; float: left; width: 6px; height: 6px; border: 2px solid #FFFFFF; background:none; opacity: 1;margin-top: 7px !important; } .mainbanner .swiper-pagination-bullet[data-v-06855022]:first-child { margin-left: 10px !important; } .mainbanner .swiper-pagination>.swiper-pagination-bullet-active[data-v-06855022] {width: 16px; height: 16px; background: hsla(0,0%,100%,.4); border:none; margin-top: 4px !important; } .mainbanner .swiper-pagination>.swiper-pagination-bullet-active[data-v-06855022]:after{content: "";display: block; position: absolute; width: 10px; height: 10px; background: #ffffff; border-radius: 100%; left: 3px; top: 3px; } .announce[data-v-06855022] { width: 100%; height: 45px; line-height: 45px; background-color: #FFFFFF; } .announce p[data-v-06855022]{font-size: 14px; color: #666; padding: 0 10px; } .txt-o[data-v-06855022] { color: #ff5f20; } .announce p em[data-v-06855022],.announce p span[data-v-06855022],.announce p a[data-v-06855022]{ display: inline-block; float: left; } .announce p span[data-v-06855022] { width: 1010px; overflow: hidden;padding-left: 5px; } .announce p a[data-v-06855022] { float: right; } .announce p a i[data-v-06855022]{ font-size: 12px; padding-left: 5px; } .mods-announce[data-v-06855022] {display: block; } .mods-announce .mods-cont[data-v-06855022] { width:800px; height: 600px; margin-left:-400px; margin-top:-300px; } .mods-announce .mc-cont[data-v-06855022] {padding: 30px 30px 40px 30px; } .mods-announce .mc-cont h3[data-v-06855022]{ width: 100%; margin-bottom: 30px; text-align: center; font-size: 28px; color: #333; font-weight: bold; } .mods-announce .btn[data-v-06855022] { display: block; margin:70px auto 0; } .mods-announce .announce-con[data-v-06855022] {max-height: 336px; overflow-y: auto; font-size: 16px; color: #666; line-height: 28px; } .mainpage-tit[data-v-06855022] {height: 60px;line-height: 60px;padding-left: 15px; padding-right: 15px; position: relative; } .mainpage-tit .white-triangle[data-v-06855022] {display: inline-block;position: absolute;left: 0;top: 0;height: 0;width: 0;border-top: 20px solid #f6f6f6;border-right: 20px solid transparent; } .mainpage-tit .red-triangle[data-v-06855022] {display: inline-block;position: absolute;left: 2px;top: 2px;height: 0;width: 0;border-right: 16px solid transparent; } .mainpage-tit b[data-v-06855022]{ display:inline-block; width: 72px; height: 60px; position: absolute; background-image: url(/static/img/indexSprite.9293b00.png); background-position: 0 -12px; background-repeat: no-repeat; } .mainpage-tit b[data-v-06855022]:nth-of-type(1) {left: 22%; } .mainpage-tit b[data-v-06855022]:nth-of-type(2) {left: 44%; } .mainpage-tit b[data-v-06855022]:nth-of-type(3) {left: 68%; } .mainpage-tit h4[data-v-06855022] { float: left; font-size:24px; color: #FFFFFF; } .mainpage-tit h4 .ewm[data-v-06855022] {width: 20px;height: 20px; line-height: 20px; display: inline-block;vertical-align: top; margin-left:10px; margin-top: 22px; } .mainpage-tit h4 .ewm i[data-v-06855022] { display: block; font-size: 20px; } .mainpage-tit-class[data-v-06855022] { float: right; } .mainpage-tit-class a[data-v-06855022] { float: left; margin-right: 10px; display: inline-block; padding-left: 5px; padding-right: 5px; height: 28px; line-height: 28px; margin: 14px 5px 0px; border: 1px solid #ff828c; background-color: #ff4b5a; text-align: center; font-size: 14px; color: #FFFFFF; } .mainpage-tit > a[data-v-06855022] { color: #FFFFFF; font-size: 14px; } .mainpage-tit span[data-v-06855022] { float: right; } .mainpage-tit span em[data-v-06855022] { font-size: 12px; } .mainpage-tit a:hover span[data-v-06855022] { opacity: .6; } .mainpage-tit-class a[data-v-06855022]:hover { border-color: #FFFFFF; color: #FFFFFF; } .gift-list-riimg-list li img[data-v-06855022], .findticket-list-content img[data-v-06855022], .seckillul img[data-v-06855022], .prom-r img[data-v-06855022], .recommend-box-leimg img[data-v-06855022] {-webkit-transition: all 0.4s; transition:all 0.4s; } .gift-list-riimg-list li img[data-v-06855022]:hover, .findticket-list-content img[data-v-06855022]:hover, .prom-r img[data-v-06855022]:hover { -webkit-transition: transform 0.4s;-webkit-transition: -webkit-transform 0.4s;transition: -webkit-transform 0.4s;transition: transform 0.4s;transition: transform 0.4s, -webkit-transform 0.4s;-webkit-transform: translateX(-5px);transform: translateX(-5px); } .seckillul img[data-v-06855022]:hover, .recommend-box-leimg img[data-v-06855022]:hover { -webkit-transition: transform 0.4s;-webkit-transition: -webkit-transform 0.4s;transition: -webkit-transform 0.4s;transition: transform 0.4s;transition: transform 0.4s, -webkit-transform 0.4s;-webkit-transform: translateY(-5px);transform: translateY(-5px); } /*二维码*/ .ewm[data-v-06855022] {position: relative; } .ewm .code-box[data-v-06855022] { position: absolute; top: 30px; left: 50%; margin-left: -55px; display: none; z-index: 3; } .ewm .arrow[data-v-06855022] {position: absolute;left: 50%;top: -3px;margin-left: -3px; border-style: solid;border-width: 8px;border-color: #fff #fff transparent transparent;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);width: 0;height: 0px;display: inline-block; } .ewm .code-con[data-v-06855022] {border: 1px solid #E0E0E0; background-color: #FFFFFF; -webkit-box-shadow: 0 0 5px #ddd; box-shadow: 0 0 5px #ddd; padding: 10px; } .ewm .code-con img[data-v-06855022] { display:block; width: 80px; height: 80px; margin:0 auto; } .ewm .code-con p[data-v-06855022]{ line-height: 15px; margin-top: 8px; text-align: center; font-size: 12px; color: #666; } .ewm i:hover + .code-box[data-v-06855022] { display: block; } /*送礼优选*/ .gift[data-v-06855022] { margin-top: 30px; } .gift .mainpage-tit[data-v-06855022] { background-color: #eb2131; } .gift .mainpage-tit .red-triangle[data-v-06855022] {border-top: 16px solid #dc1d2c; } .gift-list[data-v-06855022] { padding-top: 10px;background-color: #ffffff; } .gift-list-leimg[data-v-06855022] { float: left; width: 470px; height: 360px; margin-right: 10px; position: relative; } .gift-list-leimg .swiper-container[data-v-06855022] {margin-left: 53px; margin-top: 60px; width: 375px; height: 240px; } .gift-list-leimg .swiper-pagination[data-v-06855022] {position: absolute; bottom: 0; width: auto; height: 20px; left: 50%; margin-left: -40px; } .gift-list-leimg .swiper-pagination-bullet[data-v-06855022] {display: block; float: left; width: 8px; height: 8px; border: 2px solid #dadada; background: rgba(0,0,0,0); opacity: 1; margin-left: 5px; margin-right: 5px; margin-top: 2px !important; } .gift-list-leimg .swiper-pagination-bullet-active[data-v-06855022] {width: 12px; height: 12px; background: #e62226; border: 2px solid #fab3b9;margin-top: 0 !important; } .gift-list-leimg img[data-v-06855022] { display: block; width: 375px; height: 240px; } .gift-list-riimg[data-v-06855022] { float: right; width: 720px; overflow: hidden; } .gift-list-riimg-list[data-v-06855022] { width: 760px; } .gift-list-riimg-list li[data-v-06855022] { float: left; margin-right: 10px; margin-bottom: 10px; height: 175px; background-color: #FFFFFF; border: 1px solid #F0F0F0; overflow: hidden; } .gift-list-riimg-list li.riimg-list-big[data-v-06855022] { width: 478px; } .gift-list-riimg-list li.riimg-list-big img[data-v-06855022]{ width: 485px; height: 175px; } .gift-list-riimg-list li.riimg-list-small[data-v-06855022] { width: 218px; } .gift-list-riimg-list li.riimg-list-small img[data-v-06855022]{ width: 225px; height: 175px; } /*发现好货与领券中心*/ .findticket[data-v-06855022] { margin-top: 30px; } .findticket-list li[data-v-06855022] { float: left;width: 595px; } .findticket-list .findticket-list-find[data-v-06855022] { margin-right: 10px; float: left; } .findticket-list .findticket-list-ticket[data-v-06855022] { float: right; } .findticket-list-find .mainpage-tit[data-v-06855022] { background-color: #52619d; } .findticket-list-find .mainpage-tit .red-triangle[data-v-06855022] {border-top: 16px solid #485b9d; } .findticket-list-ticket .mainpage-tit[data-v-06855022] { background-color: #ef3118; } .findticket-list-ticket .mainpage-tit .red-triangle[data-v-06855022] {border-top: 16px solid #ec2e14; } .findticket-list-content[data-v-06855022] { width: 575px; padding:10px; background-color: #FFFFFF; } .findticket-list-find .findticket-list-content[data-v-06855022] { padding-top: 20px; } .findticket-list-content-leimg[data-v-06855022] { width: 184px; height: 299px; float: left; overflow: hidden; margin-right: 10px; position: relative; } .findticket-list-content-leimg h4[data-v-06855022]{ position: absolute; top: 15px; left: 0; z-index: 1; color: #333; font-size: 16px; } .findticket-list-content-leimg p[data-v-06855022]{ position: absolute; top: 40px; left: 0; z-index: 1; color: #999; font-size: 14px; } .findticket-list-content-leimg img[data-v-06855022] { width: 190px; height: 185px; position: absolute; bottom: 0; left: 0; } .findticket-list-content-leimg i[data-v-06855022]{display: block;width: 25px;height: 4px;background-color: #53619e; position: absolute; top: 70px; } .findticket-list-content-riimg[data-v-06855022] { width: 380px; height: 299px; float: left; overflow: hidden; } .findticket-list-content-riimg ul[data-v-06855022] { width: 382px; } .findticket-list-content-riimg li[data-v-06855022] { position: relative; float: left; width: 190px; height: 150px; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; } .findticket-list-content img[data-v-06855022] { -webkit-transition: all 0.4s; transition: all 0.4s; } .findticket-list-content ul li a h4[data-v-06855022]{ position: absolute; top: 15px; left: 10px; z-index: 1; color: #333; font-size: 16px; } .findticket-list-content ul li a p[data-v-06855022]{ position: absolute; top: 40px; left: 10px; z-index: 1; color: #999; font-size: 14px; } .findticket-list-content-leimg p[data-v-06855022], .findticket-list-content-leimg h4[data-v-06855022], .findticket-list-content ul a h4[data-v-06855022], .findticket-list-content ul a p[data-v-06855022]{width: 170px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } .findticket-list-content-leimg:hover h4[data-v-06855022],.findticket-list-content li:hover a h4[data-v-06855022]{ color: #e62226; } .findticket-list-content-riimg a img[data-v-06855022] { position: absolute; top:60px; right: 10px; width: 80px; height: 80px; } .findticket-list-content-mdimg[data-v-06855022] { float: left; } .findticket-list-content-mdimg ul[data-v-06855022]{ width: 590px; overflow: hidden; } .findticket-list-content-mdimg ul li[data-v-06855022] { float: left; width: 185px; height: 140px; background-color: #f6f6f6; margin-top:10px; margin-right: 10px; position: relative; } .findticket-list-content-mdimg ul li a[data-v-06855022] {display: inline-block;width: 185px;height: 140px;overflow: hidden; } .findticket-list-content-mdimg ul li a img[data-v-06855022] { position: absolute;width: 100px;height: 100px;right: 10px;top: 28px; } .findticket-list-content-mdimg ul li a .btnhover[data-v-06855022]{ position: absolute; top: 44px; left: 10px; z-index: 1; color: #999; font-size: 14px; width: 50px; height: 25px; border-radius: 12px; text-align: center;line-height: 25px; color: #FFFFFF;font-size: 14px; background-color: #7681b5; } .ticket-list[data-v-06855022] { width:590px; height: 460px; overflow: hidden; } .ticket-list li[data-v-06855022] { position: relative; width: 185px; height: 225px; float: left; margin-right: 10px; margin-bottom: 10px; } .ticket-list .q-type[data-v-06855022] {width: 185px; height: 166px; border: 1px solid #f0f0f0; border-bottom: none; text-align: center; } .ticket-list .q-price[data-v-06855022] { color: #e62226; } .ticket-list .q-price em[data-v-06855022]{ font-size: 24px; position: absolute; top: 27px; left: 27px; } .ticket-list .q-price strong[data-v-06855022] {display: block; font-size: 48px;font-weight: bold;font-family: "\5FAE\8F6F\96C5\9ED1"; height: 40px; line-height: 40px; margin-top: 35px; margin-bottom: 30px; } .ticket-list .q-rang p[data-v-06855022]{ font-size:14px ; } .ticket-list .q-rang p[data-v-06855022]:nth-child(1){ color: #333; } .ticket-list .q-rang p[data-v-06855022]:nth-child(2){ color: #999; margin-top: 10px; } .ticket-list .q-btn[data-v-06855022] { width: 185px; height: 58px;text-align: center; position: absolute;left: 0; bottom: 0; background-image: url(/static/img/indexSprite.9293b00.png); background-position:0 -138px; background-repeat: no-repeat; } .ticket-list .q-btn span[data-v-06855022] { display: inline-block; margin-top: 25px; color: #FFFFFF; font-size: 18px; letter-spacing:2px; } .ticket-list .q-btn[data-v-06855022]:hover {cursor:pointer; opacity: 0.85; filter:Alpha(opacity=85); -webkit-transition: all 0.4s; transition: all 0.4s; } /*限时秒杀*/ .seckill[data-v-06855022] { background-color: #FFFFFF; margin-top: 30px; } .seckillul li[data-v-06855022] { float: left; width: 240px; height: 360px; border-right: 1px solid #F0F0F0; background-color: #fff; position: relative; } .seckillul li[data-v-06855022]:nth-child(2){padding-left: 7px; } .seckillul li[data-v-06855022]:last-child{border-right: 0; } .seckillul li a[data-v-06855022] { display: block; margin-bottom: 15px; } .seckillul li a p[data-v-06855022] { width: 200px; font-size: 16px; color: #333; margin: 0 auto; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } .seckillul li a:hover p[data-v-06855022]{ color: #e62226; } .seckillul li > p[data-v-06855022] { width: 200px; margin:0 auto; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } .seckillul li > p span[data-v-06855022] { display: inline-block; } .seckillul li > p span[data-v-06855022]:nth-child(2){ color: #999; font-size: 14px;text-decoration: line-through; } .seckillul li > p span[data-v-06855022]:nth-child(1){ color: #e62226; margin-right: 10px; } .seckillul li > p span big[data-v-06855022] { font-size: 24px; } .seckillul li > p em[data-v-06855022]{font-size: 14px; } .seckillul li > p span:nth-child(1) em[data-v-06855022]{ font-size: 16px } .seckillul img[data-v-06855022] { display: block; margin: 60px auto 20px; width: 200px; height: 200px; } .seckillul li[data-v-06855022]:first-child { width: 230px; background: url(/static/img/seckill.f9770b0.gif) no-repeat center; border-right: 0; } .seckillul li:first-child .seckill-tim[data-v-06855022]{ text-align: center; height: 40px; line-height: 40px; margin:227px auto 0; } .seckillul .seckill-tim span[data-v-06855022] { display: inline-block;font-size: 28px; font-weight: bold; color: #000; } .seckillul .seckill-tim em[data-v-06855022] { display:inline-block; margin-right: 2px; text-align: center; } .seckillul .seckill-tim span.seckill-tim-hour em[data-v-06855022], .seckillul .seckill-tim span.seckill-tim-minute em[data-v-06855022], .seckillul .seckill-tim span.seckill-tim-second em[data-v-06855022] {width: 25px; height: 40px;background-color: #000; color: #FFFFFF; border-radius: 5px; } .seckillul li:first-child a[data-v-06855022] { display: block; text-align: right;width: 150px; height: 46px; margin: 30px auto 0; background-image: url(/static/img/indexSprite.9293b00.png); background-position: 0 -82px; -webkit-animation:wobble-data-v-06855022 4s infinite; animation:wobble-data-v-06855022 4s infinite; } @-webkit-keyframes wobble-data-v-06855022 { 75% { -webkit-transform:none; transform:none } 80% { -webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg) } 85% { -webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg); transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg) } 90% { -webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg) } 95% { -webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg); transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg) } 99% { -webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg) } 100% { -webkit-transform:none; transform:none } } @keyframes wobble-data-v-06855022 { 75% { -webkit-transform:none; transform:none } 80% { -webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg) } 85% { -webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg); transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg) } 90% { -webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg) } 95% { -webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg); transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg) } 99% { -webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg) } 100% { -webkit-transform:none; transform:none } } .selled[data-v-06855022] { position: absolute; right: 10px; top: -8px; color: #FFFFFF; width: 60px; height: 60px; z-index: 1; background-image: url(/static/img/indexSprite.9293b00.png); background-position: -83px -1px; background-repeat: no-repeat; } .selled span[data-v-06855022] { display: block; width: 40px; text-align: center; margin-top: 5px; margin-left: 16px; font-size: 14px;font-weight: bold; } .selled span strong[data-v-06855022]{font-size: 18px; font-weight: bold; } /*促销商品*/ .promotion[data-v-06855022] { margin-top: 30px; } .promotion .mainpage-tit[data-v-06855022] { background-color: #d15e6f; } .promotion .mainpage-tit .red-triangle[data-v-06855022] {border-top: 16px solid #ce5868; } .promotion .promotiobox[data-v-06855022] { background-color: #FFFFFF; padding: 10px; } .prom-l[data-v-06855022] { width: 370px; height: 450px; margin-right: 20px; } .prom-l-inner[data-v-06855022]{position: relative;width: 100%;height: 100%; } .prom-l-inner[data-v-06855022]:before{content: '';position: absolute;display: block;width: 340px;height: 410px;border: solid 5px #b84659;top: 30px; } .prom-l-inner[data-v-06855022]:after {width: 336px;height: 420px;right: 8px;content: '';z-index: 0;display: block;position: absolute;top: 0;background: #ffffff; } .prom-l-inner a[data-v-06855022] { display: block; width: 340px; height: 200px; position: relative;z-index: 1; margin-left: 25px; margin-bottom: 20px; } .prom-l-inner a img[data-v-06855022]{ display: inline-block; width: 100%; height: 100%; -webkit-transition: opacity ease .2s;transition: opacity ease .2s; } .prom-l-inner a:hover img[data-v-06855022] {opacity: .8; } .prom-r[data-v-06855022] { width: 790px; } .prom-r ul[data-v-06855022]{ width: 802px; } .prom-r li[data-v-06855022]{ position: relative; float: left; width: 188px; height: 218px; border: 1px solid #FFFFFF; margin-right: 10px; margin-bottom: 10px; } .prom-r li[data-v-06855022]:hover { -webkit-box-shadow: 0 0 2px 2px #f8f8f8; box-shadow: 0 0 2px 2px #f8f8f8;border: 1px solid #e9e9e9; } .prom-r li:hover a[data-v-06855022] { color: #e62226; } .prom-r li .cgl-tu[data-v-06855022] {display: block;text-align: center;font-size: 0;width: 140px;height: 140px;margin: 10px auto 0;position: relative; } .prom-r li .cgl-tu img[data-v-06855022] {width: 100%;height: 100%;position: relative;margin: auto;top: 0;left: 0;right: 0;bottom: 0; } /*.prom-r li .cgl-tu img {width: 100%;height: auto;position: absolute;margin: auto;top: 0;left: 0;right: 0;bottom: 0;}*/ .prom-r li .cgl-cont[data-v-06855022] {padding: 15px 10px 0px;font-size: 14px; } .prom-r .cgl-cont a[data-v-06855022] {display: block; font-size: 16px; color: #333; overflow: hidden;width: 100%;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 10px; } .prom-r .cgl-cont p[data-v-06855022] { height: 20px; } .prom-r .cgl-cont p span[data-v-06855022] { display: inline-block; } .prom-r .cgl-cont p span[data-v-06855022]:nth-child(2){ color: #999; font-size: 14px;text-decoration: line-through; } .prom-r .cgl-cont p span[data-v-06855022]:nth-child(1){ color: #e62226; margin-right: 10px; } .prom-r .cgl-cont p span big[data-v-06855022] { font-size: 24px; display: inline-block; height: 20px; line-height: 20px; } .prom-r .cgl-cont p em[data-v-06855022]{font-size: 14px; } .prom-r .cgl-cont p span:nth-child(1) em[data-v-06855022]{ font-size: 16px } .prom-r li[data-v-06855022]:first-child { width: 388px; height: 218px; } .prom-r li:first-child a h4[data-v-06855022] {position: absolute;top: 20px;left: 20px;z-index: 1;color: #333;font-size: 18px;width: 350px;height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } .prom-r li:first-child a p[data-v-06855022] {position: absolute;top: 50px;left: 20px;z-index: 1;color: #999;font-size: 16px; } .prom-r li:first-child a span[data-v-06855022] { display: block; position: absolute; left: 20px; top: 88px; color: #e62226; font-size: 16px; } .prom-r li:first-child a span em[data-v-06855022]{ font-size: 28px; } .prom-r li:first-child a .btnborder[data-v-06855022] {position: absolute; left: 20px; top: 134px; font-size: 14px; width: 100px; height: 32px; line-height: 32px; text-align: center; border-radius: 20px; } .prom-r li:first-child a .btnborder i[data-v-06855022]{ display: inline-block; padding-left: 10px; font-size: 12px; font-weight: bold; } .prom-r li:first-child a img[data-v-06855022] {position: absolute;top: 50px;right: 10px;width: 160px;height: 160px; } .prom-r li:first-child:hover a h4[data-v-06855022] { color: #e62226; } /*精心推荐*/ .recommends[data-v-06855022] {margin-top: 30px; width: 100%; max-width: 1920px; height: 650px; background-image: url(/static/img/recommendBg.5400a07.jpg); background-size: 100% 100%; background-repeat: no-repeat; } .recommend-top[data-v-06855022] { color: #FFFFFF; text-align: center; padding-top: 60px; } .recommend-top h4[data-v-06855022]{ font-size: 36px; } .recommend-top h4 em[data-v-06855022] { padding: 0 15px; color: #c1b4a9; font-size: 30px; } .recommend-top .btnborder[data-v-06855022] { display: block; margin: 20px auto 0px; width: 88px; height: 28px; border: 1px solid #b3b3b3; color: #e8ded9; font-size: 14px; text-align: center;line-height: 28px; border-radius: 20px; } .recommend-top .btnborder[data-v-06855022]:hover { border-color: #e62226; } .recommend-box[data-v-06855022] { margin-top: 55px; } .recommend-box-leimg[data-v-06855022] { width: 780px; overflow: hidden; } .recommend-box-leimg img[data-v-06855022] {width: 160px; height: 160px; } .recommend-box-riimg[data-v-06855022] { width: 410px; height: 410px; background-color: #FFFFFF; } .recommend-box-leimg-list[data-v-06855022] { width:790px; } .recommend-box-leimg-list li[data-v-06855022] { float: left; overflow: hidden; margin-right: 10px; margin-bottom: 10px; width: 350px; height: 160px; padding:20px 15px 20px 20px; background-color: #FFFFFF; } .recommend-list-l[data-v-06855022] { width:170px; margin-right: 20px; } .recommend-list-l p.recommend-des[data-v-06855022] { line-height: 24px; font-size: 14px; color: #666; letter-spacing: 2px; width: 180px; height:92px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden; } .recommend-bar[data-v-06855022] {margin-top: 20px; margin-bottom: 20px; } .recommend-bar-inner[data-v-06855022] { width: 110px; height: 10px; background-color: #b8b8b8; position: relative; display: inline-block; } .recommend-bar-txt[data-v-06855022] { font-size: 12px; margin-left: 5px; } .recommend-bar-inner .recommend-bar-inner-completed[data-v-06855022] {position: absolute; left: 0; top: 0; background-color: #e62226; height: 10px; } .recommend-list-l >a[data-v-06855022] { display: block; height: 20px;width: 170px; font-size: 16px; color: #333; font-weight: bold; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } .recommend-box-leimg li:hover a[data-v-06855022] { color: #e62226; } .recommend-swiper img[data-v-06855022] {width: 410px; height: 410px; } .recommend-swiper-des[data-v-06855022] {padding:0 20px; text-align: center; position: absolute; bottom: 0; height: 150px; background: rgba(0,0,0,.5); } .recommend-swiper-des p[data-v-06855022],.recommend-swiper-des span[data-v-06855022]{ color: #FFFFFF; } .recommend-swiper-des span[data-v-06855022] { text-align: left; display: block; line-height: 22px; height: 44px; overflow: hidden; margin-top: 15px; font-size: 14px; } .recommend-swiper-des p[data-v-06855022] { font-size: 18px; margin-top: 20px;width: 370px; height: 20px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } .recommend-swiper .swiper-slide[data-v-06855022] { height: 410px; } .recommend-box-riimg .swiper-pagination[data-v-06855022] {position: absolute; bottom: 15px; width: auto; height: 16px; left: 50%; margin-left: -40px; } .recommend-box-riimg .swiper-pagination-bullet[data-v-06855022] { position: relative; display: block; float: left; width: 6px; height: 6px; border: 2px solid #ffffff; background:none; opacity: 1; margin-left: 5px; margin-right: 5px; margin-top: 3px !important; } .recommend-box-riimg .swiper-pagination-bullet-active[data-v-06855022] {width: 16px;height: 16px;background: hsla(355,99%,51%,.4);border: none;margin-top: 0 !important; } .recommend-box-riimg .swiper-pagination-bullet-active[data-v-06855022]:after{content: "";display: block; position: absolute; width: 10px; height: 10px; background: #F10215; border-radius: 100%; left: 3px; top: 3px; } /*左侧导航*/ .fixedbar[data-v-06855022] { position: fixed; opacity: 1; z-index: 99; left: 50%; margin-left: -684px; top: 50%; margin-top: -160px; -webkit-transition: opacity 1s; transition: opacity 1s; } .fixedbar a[data-v-06855022], .fixedbar span[data-v-06855022] { width: 28px; padding:9px 10px; display: block; font-size: 14px; color: #FFFFFF; } .fixedbar a[data-v-06855022] { margin-bottom: 1px; background-color: #918888; -webkit-transition: background-color .4s; transition: background-color .4s; } .fixedbar a[data-v-06855022]:hover,.fixedbar span[data-v-06855022]:hover {cursor: pointer; background-color: #e62226; } .fixedbar a.on[data-v-06855022] { background-color: #e62226; } .fixedbar span[data-v-06855022]{background-color: #5e4a4a;text-align: center; -webkit-transition: background-color .4s; transition: background-color .4s; } .fixedbar span i[data-v-06855022]{display: inline-block;width: 16px;height: 9px;line-height: 9px; } .fixedbarhidden[data-v-06855022] { opacity: 0; z-index: -1; } /*新人红包弹框*/ .modshade.mods-adv[data-v-06855022] { display: block; } .mods-adv .mods-cont[data-v-06855022] { width: 512px; height: 518px; margin-left: -256px;margin-top: -259px;background: none;border: none; overflow: visible; } .mods-adv .mods-cont .mc-tit[data-v-06855022] { background: none; position: absolute; top: 0; right: 0; z-index: 2; } .mods-adv .mods-cont .mc-tit .icon-gb[data-v-06855022]{ color: #ff5f20;border: 1px solid #ff5f20;padding: 5px;border-radius: 100%;margin: 0; } .mods-adv .mods-cont .mc-cont[data-v-06855022] { padding: 0; position: relative; } .mods-adv .mc-cont i[data-v-06855022]{ display: block; position: absolute; z-index: 1; } .mods-adv .mc-cont i[data-v-06855022]:nth-child(1){ width: 331px; height: 212px; background: url(/static/img/advGift.d36f5db.png) no-repeat; top: 60px; right: -50px; animation: pulse-data-v-06855022 2.5s infinite;-moz-animation: pulse-data-v-06855022 2.5s infinite;-ms-animation: pulse-data-v-06855022 2.5s infinite;-o-animation: pulse-data-v-06855022 2.5s infinite;-webkit-animation: pulse-data-v-06855022 2.5s infinite; } .mods-adv .mc-cont i[data-v-06855022]:nth-child(2),.mods-adv .mods-cont i[data-v-06855022]:nth-child(3) { width: 66px; height: 66px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAYAAADjVADoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYwNzU4MTYxMzdGQjExRThBRDMwQzY3QjJERTJFMDAwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYwNzU4MTYyMzdGQjExRThBRDMwQzY3QjJERTJFMDAwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjA3NTgxNUYzN0ZCMTFFOEFEMzBDNjdCMkRFMkUwMDAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjA3NTgxNjAzN0ZCMTFFOEFEMzBDNjdCMkRFMkUwMDAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6DwrOpAAAUEUlEQVR42sxcW68lx1mtW/fevW/nNhd7PB5nbMcmQISIk0ACBgmDEgmEkJAJSoQiBC8oioTEn+CJB97hifcgASIS4iGJrRgsmzg2OJ4YOxl77Lmd2770vepjfdW9z9lnT+/LOZ4hPp7WvnZ11er1rW99VbUtrz1txM/gT57xPHpQHTIf40Gv0xZ93IGQDwgYWtIWfZyAkCvek6cEhU7xufwogJgHBEDT4Bc9rjtQqs+hudf3BRDzgACYfVz1fPZcWgAENTyXc8+bAKH/DyDkGgAsO1axomnw84doAORM7DD3iQVNAKgFz2XrSi/Qm5GmNknKJElLUm7ieS5JxPiCwiMOuxe77Pq4wDmuAQQ3B8gq/aD7CcQiFjQBoGaft5/stNQgUtFnL/WDK+EAcGi+OmUAwSh8rxQklZNO+g6TE2V5czTS3/9gxK/zH+1mZSxsDYCr23ULWLKIHXQ/gFgGwvzgj45guxt0n3uo3/78pfOqq/uqrbdlKEMMoWpDOmVLQECBkwodVUYQkS1HWRy2WwfBIz+XubJI8zc3hvlbh5P41d10DgyaeS2WiOtSMOSazlI2hMI8C2YPzY+937nY63/5qav64d5FFbodGYgtKm1LWofOFFI4Ur731iESNOFdqZQsKc8mZVwOlQlzoVp5Ps6GqpRDe1CO0v+8uW8nkzR+4QgQO8MM18CSpuxzJkYsA2HKBD0DgDaXOuHWV65ean/uE58CBz5Bym4LV2yC/qFg5hsMnACCxsitFRJU4FaUFJbSIqayGOnIbOGDwmXJ0ATUle2gD/IcdH/jct+O00OZubuTl/eT+vp2jhE083qeGY2sMB8RhFkG+KPz7MXe1vNP/ELwxIVnRGCvkk23tMsHTtoQgU/SOMly6IgkKwG/YARYG11RJhj7SHT0hpC6cEk6Vtp1yLR6Ik0PdVd1qWPGQgTt6NnHtGyFu+MXbo1nwJj+ubpfa4NhTqEPTSDomcMMfu+xrc0/fvI3zZXtLwpKrrr0cENKtyECEfCdrxtSCAnWAagkemNwqqJSFDYVVI5FS29IpQvKyzGipSvDsCuSokOB6EFJxpRmeyqCvu60dfuLl4zQTo2/c2fUcPPcaSy4WYMN86xoBGHz+cfPb/7JU8/rS1vPUTZ+1I7udJAL+lKrQPpOEf+T/B8GCCQ8F8ANlgtbEJUTCGnfKVXIwk6EpkgaE4usbIuW6JLTscrzfaeVhNhqoaU2FKjWM5eFKyXFL94eLxi0W5BWT7DCnMIrqAYgTA3Cua0/f/ob+uGdL9t0dKnce88oI/FPS2dLXI60nPaBpg0yN9BMboXNCnwbgAVGKOdStNwGKxKbubY0BEDNBIAcek1RpCh3BglG5SFpsx1S9CsXhNvLXfrmQbwgc4j7oRHLQsJs/tFTF7b+7MlvmsvnvmbHu5H94JrUWoPtLVFmHoTmvkEXRFwKN0phKdBkOzTSeqntCq3brqBYt6gtSKfQjgBXk5KUhpyCDeCLdbLVQjBBbUyv47q/9SgBiPcW2HK3yobrb55TqwRylglHLOBj4ytPnNv+06e/Ya7sfF2kB1Hy4x9AEqzQrS4ubReHpUZTKUDYQ2jLcuZ24I4bI6EdCj4TvDftSk8Agk8thLgQnHZFpbJoCM2otlFkoTFS5kXlRJtsehNL1taIJib4x/5zD29uffXJr5nLm18VyWF79N8vswoKs3WhZsGCMoKDJLXC7Y8hE4XgcKhCxlU9Lkv/qALD2VSJQPURDbjvDlaD1QUQBIp8x4A6AtC5UZLBlg+iZ87l8fc+nMykT9VQhzSGhlqzjpgFw7Q/tdnZ/otPf8k8svH7lI83JtdeQ/LKRDjYubcJnxqmbqMGYXeEt3Ih28oDUH0uT9xEAiCuKHiwgQpFTwWir0PqCSP70I1NFdKAQrWDAqULb9LXm8E5kCXqPntxMCfkaq7WaYwAdVptUJEwO3/5i58zjwx+G4XCpfT6NTxMRNiD/9FazKhhNfDCeefIdPYg7DETpiCIij0nklx9SapYwmBgoEaGakBG9XQgBzKQPRmoLcQDEil1dMfsuCJpq44ZtD997vwSEJoq4FOHhm/8/F89czV8fPvXiYpH89vvb9pkBE2IUCIEcxhLrwPEgmn4Oe7yJMPYcZcjNOXcvdHqCe0qDWFJYABVBYYKAoV2Bpx4IRQoRpCOCGYrNDtikqfIMn21FeQ2gTXvt0I3yqb2Wy0IkYWhIVc5yP6XHtlo/dL2Z5HHrxR7H25RMlQ6CD0TkNVPgEDIBm6IbOZwR4tcUJxUILTxhbIWcd+6OgECcajI+julrbsNMBAqwEaDGX2SroU02pZRsAmZgKuA5+ybbZflLaTZsPurl7bmWLFyHkStmT6V3ukG/T/45Cd1v33VxftbNj5Erlf1h6bq/CwIY07pBQZmBbGXULYCwfJrW4UKh5JSx0xgfeM2kkK4GEaT65Ky9kPIQo7rEuUCEKKFjDLAOQGsFeoQ1CVUBjLPtd4MN8MnO5sNhaBcNkum1s0Ym394ZcdciB53VGwVo71I4S5IWbOsCQTjKo3gz3mQZhYEPJZ1aPCJzISpAUxy4SYxGObq782UEA4CivNQgA1QvsOviQisGFhCMQdTpnpmU29Fm+hPsEIj7hmvWmOKTakOZOCXty9LI7fL8W4Hd7ivAt2dpr1K8QHC+BgECe/nTRN/B4/kpiDUwskfwVXCXh+FLHkQkgpEfs/W7Ux74jMMTAVZpmIE/zBAo0aVVnmGdIINEDCgvJhngloxm740NI4aGPzuEwM9iM5RGXdEFkO5dQejkeQqKrPXYSF0h0jhhmZAOE6h0meBanAVS6qQIc4K/H5S6Yg0lUCSRTuwjiJE2NnpebJiBa4LJvTwJhxmqXRb9wiRC3S08O1pcIJPXJsRjUDcw4rWz+/soONdWyR9Uo5tI88lVcTmdIc7S3wnI8ldOfYEJ4yVrFIjMgLx+yXb75JnqASlYEJcM4Gnagg1RxdYB2B4hrZjgMTMoWOH7M0W/JRsmR4BFDRjgK2f7AHzULc0CuXCWXS1jlCqbsiC1FM270K//FSSH66faqzMj+ygvojQcS6rfTyfzI3ECLGLpFoTHGc/DLooj0EQrBUAoQMQeMpuAoC4jsJ3vclyU1ZUwklh0DVt08FH1UXhOslfCF+JczrNzLlatS4RfWanpTZ0D2mwVxapkh4F6cnugeAQQIoXrUqfvGVWdVFFxyZJsjdggcyLig0sjhiMSzOcVk8wyRoEJgWMlzsYVpnHTE1X3SBVwqpauuM74XzoSD/3zRcDU067fKBWrUh1nn24ryLdK5IxKj8fz8qDAKvki2keOFgguSlOh9ALCUqjeKoyxdTxw9/QCF7CeqdYHfwhZ14GcgoC6ynqEDfiggzfbdVFO6dqdbK7XIlVzPNDqVr1815anHINZeV8hAweGoAN6IIrkLlYhTQuozNQM+H0JdhDcMzjkSvPatqpyiSS7w+PLK59ARsqXWUR/zkDyOAxY+BOiWVgBAuepd6Cy1boQ0SFrTrkTo6FpiBU9SpDQzNl/9ogrDdDZSBKLOElSkBUerhUTmWR4MNMhoHvvHePDIDSVXZwvmCumkCt4SCGXG7Ltq5YwN8LQ//IGuMHiWhxDEJez08E2jNMASBhGrpJdXHGF3H+qABxJO0e1PUMi8DL0YrZFbLU+8uliPMYqp+KMHBVinAnK836kFxWp9anVRHyhIL2M3W4vRhcq5q25UyArMB3E/YYTED/AwwNDPC2PWzPWJ0Fd8t7OfLqIExALkuS7If7h6fdR7F68lYjMAvrbFHm0gEETQk0AMECVS9cjPjveD3w4aCOewfR5rSHHAN2az9wBRAEewNm0QieAzmfOFSyWiw7VTh5rfEgaG/CvINVzRW0v6xWBJtPZYZEficZ5++PsxVrG2cAwlHJDAC9Jzq0iQjDCoTSIq9ZYwatjrN8R4FJ0KouB1vskgoE1gGeTpIaxVm75UPB7g3BFtjooAojEUIPUL1KLT1rVA0CZxWfGPlRmUYVY5AQtOCEyVySjvJ3RwdLQGhaHlwJhP+iHaWZ6oUTacUEsWoFBoTwmFhbwmS3elDonGwW+o7WeZ59BVOcw4GFkEwdDgCM9pESM9ywiOpahOcr20fapthEEZfgXL4H1ftaL8h53qCxyGRUyHG5Xxwmr+/uz612uUWDnx3rKkZQ/uPhWG9GE9GJnF+0zcuxpSLUvagvhUltnB6arjnvLGhc5lWaM/Xil1M+TBQPlI3X7hDMyYTsVQzhO+lZNJ0uULo2XLZKv5yJGJiGsPDp2gOtclx7AgM1yt7Y/dDeZWNytPTn1g0RteCDo5PHL+xNCBVT0OtDiIoRpdm+NC2rpElRIB1g5Ox4cqWlp7cvneEtpORBcDhA9QuEzn4MENFHgMDmC23AiaJcwKMvxbU5CUIQ+fP9JE2TQvoMBTaKYAJWjvLr4/cm3/3g5szy3yowTjBErdquY++OrVQhUaaGxTDeV0GEKieMy1G8L3kxRgQ55RZ8N4UyVZ1DUzrz6xzpcwgLXVYgKHagGLzs9DwYRwNz4hiEMKoKLgaBqKFmrvwHiTAm0RqXt5Mb43+7/rZLyrwGwjYsDi8ND7NkMeQoxsq95BDGvhW0eltSRQkdDndFB2W4DBGb9hDqCV44hUAbaAMh4f6wiLGlnqSVhe4gDFRFZ3+nOcOURTUg3+16RptBYAOlZCMIFRLwF+0OZCQau3H6QfzdD15P39hnbSgbgFgLDLVi85Y/hv94bZ9Xpk1na5zdPbhLWuQqaMcIlQMUkGPKaYQ7P4IODKGXpfYDlVXpHMrKSLGBCtp4DvyCmglTS87PYc5WglC/J1tdQdFG6RJ3O3np9iujf7n+kxqEcgUYazFCLNqvlL8d53BrsTCbt0HXvgh6CcXFPkpgzWUv3KN03tag9Au1RPnTV0HIi//VFXiCZRouqqI709vXTjhTBGE1+avMAhDoqASX7YFQFy4Kd2hvpa/cffHgH6790OU299XZvWDM759YtDltYfqc36vkRv90487G1zud1uDcJE8nu2FoFBiAkhyVnlGK5xhQPMmqmOK5EdWD4gcSOLminC0Qai4q7z69SB7Nec6CQPcErOpuCHXxMu6MnKSv3Pn3vb9783vlbsKLv/kajHBnYcS8Vrj0rb1kMEpi2+rd0cL4DG6DHNrAex0czF1VN/CUDWsBZc6R0X2oBwwlzxaRn4n2a3VHgamP/cB0Bmt+QUpW2UhFCKmti9AdnaT/ceOf7/7tG/+avzs8rJlQ1GAUDWCs4yNOrH2u3CPp4jIPLnUN9EHaPNbS8rosST9D4x22lpXVE37ZX5Yu9x0xMAO8XMmocMXJABzNHcmZla66TkG2UN5pBkJHSL/tAcn+OUe52s9evfnt23/92rfydw4P6sHzkc08L2YAWQTGPZ5ilbM8ESLJq7upjMI7nS88omQ/5DV93FTNJTCBBuRKCRvFW0DYmLscJXdb6WDAaQ2QhRTqrkIBJ33foJLKgS5zc5u+gPQLPJZ0iLPapdDdkTuku9nrN75/52/e+Hb+k+FBPfjpUXwUNiwLjXkwpsvqNn7xwxgZ4m7n2cvSghwc3wr+W/IGDut4P5iFBUctLboiMhs2sRl0IVTtoEeFQrotAZvDl2UAn9Em74yOQwV6i0IFtY3guGtbl4ZDO8pupK/dfnX/7998Kb8+OZy5+/kSJiwyVI0O06xYLp8HogLj5VtjlNYyeuYhrhcwrLZUlPJwrcwxcICgOnrLpbwdyLWQXfouk7nICwWsECBIqkEQIb0gXYBPfoINbHCA0opEkklIt3KRqMPyzvi99Ae33jz81rv/U36YTGb0oAmIVanz1NUnLdiYdQzGi7fH8Peu+2uPwkyjDukGJQQyRhLpq26wg/SKu2rbKjQbwurU5aV2rmTetGCcOhj3GOZcsyVnIHg+BUOJpVOJ02HuYntQvHfwfvLSzf+dvHjjhhvbdOauz4pjviA03IK0Kc6yY6aJGUd/6X/5rTq3os88nOvtTqJasq+3OudokqXO2YiiYNMxCMNSG1dolNltgZrV8RxUwdvAOImwqYKspjKRViVIQKk9GB0U7x7emnzn5k+zt/0M7nSARcNRLhBHt6zsXgUELdnI7ZpWihgMu5s6vREOO1947Dw4kUIsOnq7vQkvGlNaGOhCYJWJEEFdItMWVoIdfu8LKndEC2pYMbFwqpSVtyYH2Y/u3s3fGg7L3SytB1bODbhsMFDlElu9crbKrMmGpo2cR3/F9TQpRFqI7PptyOVu9PmLW2bixrDiAYxjIDuiQwPdhzBGIpWGOC3wlqDMlvZwPLH7xQSAufynw3H+zsHI7pX5jCu0c2DMD7xcYp7EqpA4jaGSc5uy5jdyHoVOeu2Q39eU5KVsBwe88Uv3o1bwWK+nt/MOz9mTJe8gKMtdeSfNi3dGiR2mlj0Dirt8biuxbQDDrgDgVCGxzl7ss2xC1w17MJXeboUqYjseKipgKUygILQozwvXcNdmaW0XAOJWWOgmEM48Z7mKGXKB8VJzd1TZvYwX99mA1QDmixZkaY4Rbq6tpuduwe831gbhtD9TaNp20wTIbPg0Lc2rBQsvNKdDtIDybo15hlOBsA4QTbuc5IKMMr99z4klv+JZAQQ1DLRp4G7R1NtpQDhN1lgGRtOq8/Q9t86OtiVg0JLYXzUp+0B+5Udzd5CWACaX7MARS9YjV61BLJ1YOSsAZ9GIRexY9p11AFgFhljXJouP8Gvgs/zKj8Tq32jPz7CIdVel1zBC9xWAjwJEU6g0vb/qF7vrgrHsvI/Nj+Rpwd2m+9TmAx38/QRiHVDuR+cf2P834kEAsU7H5c9ysMv+/k+AAQCTS2yMLsKrVwAAAABJRU5ErkJggg==); } .mods-adv .mc-cont i[data-v-06855022]:nth-child(4),.mods-adv .mods-cont i[data-v-06855022]:nth-child(5) { width: 56px; height: 68px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAABECAYAAADUZvakAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZGQ0EyNDM3MzdGQjExRThBNjFEOUJCRjk0ODRBMTczIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZGQ0EyNDM4MzdGQjExRThBNjFEOUJCRjk0ODRBMTczIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkZDQTI0MzUzN0ZCMTFFOEE2MUQ5QkJGOTQ4NEExNzMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkZDQTI0MzYzN0ZCMTFFOEE2MUQ5QkJGOTQ4NEExNzMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6SJazPAAATqUlEQVR42tRb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); } .mods-adv .mc-cont i[data-v-06855022]:nth-child(2) {top: 160px; left: -30px; animation: pulse-data-v-06855022 2s infinite;-moz-animation: pulse-data-v-06855022 2s infinite;-ms-animation: pulse-data-v-06855022 2s infinite;-o-animation: pulse-data-v-06855022 2s infinite;-webkit-animation: pulse-data-v-06855022 2s infinite; } .mods-adv .mc-cont i[data-v-06855022]:nth-child(3) { top: 300px; right: -10px; animation: pulse-data-v-06855022 1.5s infinite;-moz-animation: pulse-data-v-06855022 1.5s infinite;-ms-animation: pulse-data-v-06855022 1.5s infinite;-o-animation: pulse-data-v-06855022 1.5s infinite;-webkit-animation: pulse-data-v-06855022 1.5s infinite; } .mods-adv .mc-cont i[data-v-06855022]:nth-child(4) {top: 340px; left: -30px; animation: pulse-data-v-06855022 1.5s infinite;-moz-animation: pulse-data-v-06855022 1.5s infinite;-ms-animation: pulse-data-v-06855022 1.5s infinite;-o-animation: pulse-data-v-06855022 1.5s infinite;-webkit-animation: pulse-data-v-06855022 1.5s infinite; } .mods-adv .mc-cont i[data-v-06855022]:nth-child(5) {top: 370px; right: 30px; animation: pulse-data-v-06855022 2s infinite;-moz-animation: pulse-data-v-06855022 2s infinite;-ms-animation: pulse-data-v-06855022 2s infinite;-o-animation: pulse-data-v-06855022 2s infinite;-webkit-animation: pulse-data-v-06855022 2s infinite; } .mods-adv .mc-cont a[data-v-06855022] {display: block; width: 170px; height: 48px; position: absolute; left: 160px; bottom: 20px; border-radius: 30px; } .mods-adv .mc-cont a[data-v-06855022]:hover { background-color: rgba(0,0,0,.3); } /*查询申请提货验证 start*/ .top[data-v-06855022] { height: 600px; background-repeat: repeat-x; background-position:top center; background-size:auto 100% ; } .topbg[data-v-06855022] { position: relative; margin: 0 auto; width: 1200px; height: 600px } .topleft[data-v-06855022] { float: left; width: 520px; height: 215px; margin-top: 180px; margin-left: 10px } .topleft img[data-v-06855022] { width: 520px; height: 215px } .topright[data-v-06855022] { position: absolute; right: 0; width: 560px; background: #fff; -webkit-box-shadow: 0 0 8px #dfdfdf; box-shadow: 0 0 8px #dfdfdf; background-image: url(https://presale.jhtsoft.com/picms/384a120de9aace.png), url(https://presale.jhtsoft.com/picms/384a1634413bb8.png), url(https://presale.jhtsoft.com/picms/384a1a1ff2abbc.png); background-position: 20px 80px, 30px 510px, right bottom; background-repeat: no-repeat, no-repeat, no-repeat; background-size: 73px 71px, 140px 90px, 153px 92px } .toprightka[data-v-06855022] { position: absolute; top: -81px; width: 100%; height: 162px } .toprightka span[data-v-06855022] { width: 162px; height: 162px; float: left; background: url(https://presale.jhtsoft.com/picms/384df4f7d3fcc0.png) no-repeat; position: absolute; text-align: center; line-height: 162px; font-size: 54px; color: #e62226; font-weight: 700 } .toprightka span[data-v-06855022]:first-child { z-index: 1; left: 25px; animation-delay: .6s; -webkit-animation-delay: .6s } .toprightka span[data-v-06855022]:nth-child(2) { z-index: 2; left: 145px; animation-delay: 1.2s; -webkit-animation-delay: 1.2s } .toprightka span[data-v-06855022]:nth-child(3) { z-index: 3; left: 260px; animation-delay: 1.8s; -webkit-animation-delay: 1.8s } .toprightka span[data-v-06855022]:nth-child(4) { z-index: 4; left: 376px; animation-delay: 2.4s; -webkit-animation-delay: 2.4s } .toprightkuang[data-v-06855022] { width: 560px; margin-top: 120px; min-height: 500px } .ser-kuang[data-v-06855022] { margin-top: 170px } .kuangtit[data-v-06855022] { padding: 0 80px; height: 50px; margin-bottom: 3px; border-bottom: solid 1px #ededed } .kuangtit a[data-v-06855022] { display: inline-block; float: left; width: 112px; margin: 0 44px; font-size: 28px; line-height: 47.5px; color: #bdbdbd } .kuangtit a.on[data-v-06855022] { color: #333; font-weight: 700; border-bottom: 5px solid #e62226 } .serform[data-v-06855022] { width: 400px; margin: 35px auto 0 } .serform .waring[data-v-06855022] { overflow: hidden; margin-bottom: 10px; font-size: 14px; color: #e62226; padding-left: 8px } .serform .waring[data-v-06855022]:before { display: inline-block; line-height: 20px; content: "\E637"; vertical-align: middle; margin: 0 5px 2px 0 } .serform span[data-v-06855022] { display: block; border: 1px solid #e1e1e1; line-height: 50px; overflow: hidden; padding: 0 20px; margin-bottom: 30px; border-radius: 2px; -moz-border-radius: 2px } .serform span input[data-v-06855022], .serform span label[data-v-06855022] { display: inline-block; float: left } .serform span label[data-v-06855022] { width: 65px; margin-right: 20px; font-size: 16px; color: #333 } .serform span input[data-v-06855022] { color: #333; font-size: 16px; height: 50px; line-height: 50px; width: calc(100% - 85px) } /*改为elementUI的input*/ .serform .flexUI[data-v-06855022] {padding-right:0; } .serform .flexUI[data-v-06855022] .el-input {width: calc(100% - 85px); } .serform .flexUI[data-v-06855022] .el-input__inner {border:none;padding-left:0;font-size: 16px; } .serform span.sel-yyadrs[data-v-06855022] { position: relative } .serform span.sel-yyadrs input[data-v-06855022] { width: calc(100% - 100px) } .sel-yyadrs[data-v-06855022]:after { position: absolute; content: "\E66B"; right: 10px; top: 0; line-height: 50px } .serform p[data-v-06855022]:last-child { padding: 30px 0; color: #999; font-size: 14px } .serform p[data-v-06855022]:last-child:before { display: inline-block; content: "\E626"; font-size: 18px; color: #ffa641; margin-right: 5px } .serform p:last-child a[data-v-06855022] { color: #333; font-weight: 600; margin-left: 5px } .serform .btn[data-v-06855022] { display: block; width: 100%; line-height: 50px; border-radius: 2px; font-size: 18px; letter-spacing: 5px } .serform span select[data-v-06855022] { border: transparent; background: #f7f7f7; padding: 10px 2px; max-width: 130px; min-width: 100px } /*申请送货框补充地址选择 zz*/ .toprightkuang .ct-send[data-v-06855022] { float: none; margin-bottom: 30px; height: 48px; line-height: 46px; border: 1px solid #e1e1e1; padding: 0 20px } .toprightkuang .ct-send em[data-v-06855022] { border: 1px solid #fff; padding-left: 23px } .toprightkuang .ct-send em.sdown[data-v-06855022] { border-color: #e0e0e0; border-bottom-color: #e0e0e0; border-bottom: none; margin-top: 1px } .toprightkuang .ct-send .sendiv[data-v-06855022] { top: 46px; border: 1px solid #fff } .toprightkuang .ct-send input[data-v-06855022] { width: 255px } .toprightkuang .ct-send.sdopen .sendiv[data-v-06855022] { border: 1px solid #e0e0e0; right: -1px } /*查询申请提货验证 end*/ /*券卡验证商品列表 start*/ .zbd[data-v-06855022] { margin: 0 auto; height: auto; margin-top: -30px; background-image: url(https://presale.jhtsoft.com/picms/384a120de9aace.png), url(https://presale.jhtsoft.com/picms/384a1634413bb8.png), url(https://presale.jhtsoft.com/picms/384a120de9aace.png), url(https://presale.jhtsoft.com/picms/384a1634413bb8.png); background-position: 3% 0, 95% 70px, 3% bottom, 95% bottom; background-repeat: no-repeat, no-repeat, no-repeat, no-repeat; background-size: 232px 210px, 184px 156px, 232px 210px, 184px 156px; display: none } .zbd-part[data-v-06855022] { width: 1200px; margin: 0 auto; padding-top: 30px } .zbd-part-tit[data-v-06855022] { height: 50px; line-height: 50px; font-size: 16px; border-bottom: 2px solid #e6e6e6; overflow: hidden; background: #eee } .zbd-part-tit a[data-v-06855022], .zbd-part-tit span[data-v-06855022] { display: inline-block } .zbd-part-tit a[data-v-06855022]:first-child { float: left; padding-left: 20px; color: #666 } .zbd-part-tit a:first-child span[data-v-06855022] { font-size: 18px; color: #e62226; font-family: Arial, Verdana, "\5B8B\4F53" } .zbd-part-tit a:first-child span b[data-v-06855022] { margin: 0 5px; display: inline-block } .zbd-part-tit span[data-v-06855022] { float: right; height: 50px } .zbd-part-tit span a[data-v-06855022] { margin-right: 25px; color: #e62226 } .zbd-part-tit span a[data-v-06855022]:first-child { color: #f18110 } .zbd-part-tit .code-description[data-v-06855022] { display: inline-block; height: 28px; line-height: 28px; margin: 11px 20px; font-size: 14px; color: #666; overflow: hidden } .zbd-part-tit .code-description small[data-v-06855022] { font-size: 14px } .zbd-part-tit .code-description em[data-v-06855022], .zbd-part-tit .code-description em button[data-v-06855022], .zbd-part-tit .code-description em input[data-v-06855022], .zbd-part-tit .code-description label[data-v-06855022], .zbd-part-tit .code-description span[data-v-06855022] { display: inline-block; float: left } .zbd-part-tit .code-description em[data-v-06855022] { border: solid 1px #ccc; height: 24px; margin: 0 10px } .zbd-part-tit .code-description em button[data-v-06855022] { width: 24px; height: 24px; background: #fff; text-align: center; outline: 0; border: none } .zbd-part-tit .code-description em button[data-v-06855022]:active, .zbd-part-tit .code-description em button[data-v-06855022]:hover { background: rgba(241, 2, 21, .1); color: #e62226 } .zbd-part-tit .code-description em input[data-v-06855022] { width: 53px; height: 24px; border-left: solid 1px #e0e0e0; border-right: solid 1px #e0e0e0; line-height: 24px; text-align: center; font-size: 14px; color: #333 } .zbd-part-tit .code-description small b[data-v-06855022] { color: #333; font-weight: 600; margin: 0 5px } .zbd-part-ul[data-v-06855022] { padding: 0 20px } .zbd-part-ul li[data-v-06855022] { display: block; overflow: hidden; padding-top: 30px; padding-bottom: 50px } .zbd-part-ul li .zpu-tu[data-v-06855022] { float: left; display: inline-block } .zbd-part-ul li .zpu-tu img[data-v-06855022] { width: 188px; height: 188px; border-radius: 50%; -moz-border-radius: 50%; border: 2px solid #a67761; -webkit-animation: rotate 1s linear; animation: rotate 1s linear } .zbd-part-ul li div[data-v-06855022] { float: left; margin-left: 32px; width: 936px } .zbd-part-ul li div a[data-v-06855022], .zbd-part-ul li div p[data-v-06855022] { margin-bottom: 10px; font-size: 14px; display: block; line-height: 20px; color: #999; line-height: 20px; font-size: 14px; min-height: 20px; position: relative; overflow: hidden } .zbd-part-ul li div .card-p[data-v-06855022] { position: relative; padding-right: 50px; max-height: 20px } .zbd-part-ul li div p i[data-v-06855022] { position: absolute; top: 0; right: 15px; display: none; width: 20px; height: 20px; text-align: center; font-size: 20px; color: #333; font-weight: 600; cursor: pointer; -webkit-transition: all .5s ease; transition: all .5s ease } .zbd-part-ul li div a[data-v-06855022] { font-size: 18px; color: #333; height: 25px; line-height: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .zbd-part-ul li div a em[data-v-06855022] { font-weight: 600 } .zbd-part-ul li div a em[data-v-06855022]:first-child { margin-right: 10px } .zbd-part-ul li div a[data-v-06855022]:hover { color: #e62226 } .zbd-part-ul li div p[data-v-06855022]:nth-child(3) { color: #e62226; margin-bottom: 16px; padding-top: 5px } .zbd-part-ul li .bigred[data-v-06855022] { font-size: 24px; font-weight: 700; font-family: Arial, Verdana, "\5B8B\4F53" } .zbd-part-ul li .hei[data-v-06855022] { color: #333 } .card-foot[data-v-06855022] { width: 950px; margin: 50px auto 100px; padding-left: 250px; height: 50px } .card-foot [type=button][data-v-06855022], .card-foot a[data-v-06855022], .card-foot span[data-v-06855022] { display: inline-block } .card-foot a[data-v-06855022], .card-foot span[data-v-06855022] { font-size: 14px; line-height: 50px } .card-foot span[data-v-06855022] { color: #666 } .card-foot span i[data-v-06855022] { font-size: 18px; color: #f18110; margin: 0 5px } .card-foot a[data-v-06855022] { margin: 0 30px 0 10px; color: #f18110 } .card-foot .btn[data-v-06855022] { width: 260px; border-radius: 2px; -moz-border-radius: 2px; height: 48px; line-height: 48px; font-size: 18px } /*返回顶部*/ .totop[data-v-06855022] { position: fixed; bottom: 10%; right: 5%; cursor: pointer; opacity: 0; width: 80px; height: 80px; border-radius: 100%; background: #ccc; color: #fff; line-height: 80px; text-align: center; font-size: 60px; font-weight: 400; -webkit-transition: opacity .3s; transition: opacity .3s } .totop[data-v-06855022]:hover { background: #e62226 } /*券卡验证商品列表 end*/ /*选定网点 strat*/ .network[data-v-06855022] { overflow: hidden; } .network span[data-v-06855022], .network .nw-cont[data-v-06855022] { display: inline-block; float: left; } .network span[data-v-06855022] { width: 180px; height: 130px; margin-right: 20px; } .network span img[data-v-06855022] { width: 100%; height: 100%; } .network .nw-cont[data-v-06855022] { width: 1000px; } .network .nw-cont p[data-v-06855022]:first-child { line-height: 35px; border-bottom: 2px solid #e6e6e6; overflow: hidden; } .network .nw-cont p:first-child b[data-v-06855022] { float: left; color: #333; font-size: 18px; font-weight: bold; } .network .nw-cont p:first-child em[data-v-06855022] { float: left; color: #666; font-size: 16px; padding-left: 20px; } .network .nw-cont p:first-child a[data-v-06855022] { float: right; padding-right: 20px; color: #f18110; font-size: 16px; } .network p[data-v-06855022]:not(:first-child) { line-height: 25px; padding-top: 8px; font-size: 14px; } .network p i[data-v-06855022] { display: inline-block; width: 72px; } .network p:nth-child(3) b[data-v-06855022] { margin-right: 20px; } .network p[data-v-06855022]:last-child { position: relative; padding-left: 72px; } .network p:last-child i[data-v-06855022] { position: absolute; left: 0; top: 8px; width: 72px; display: inline-block; line-height: 25px; } .network p:last-child b[data-v-06855022] { display: inline-block; margin-right: 0; cursor: pointer; } .network p:last-child b[data-v-06855022]:after { display: inline-block; content: "\E696"; height: 25px; line-height: 25px; font-size: 20px; margin-left: 25px; color: #f18110; } .nw-map[data-v-06855022] { height: 0; overflow: hidden; margin-top: 20px; -webkit-transition: height .2s; transition: height .2s; } .nw-map img[data-v-06855022] { border: none; width: 100%; } .nw-map.sdopen[data-v-06855022] { height: 180px; } /*选定网点 end*/ /*完善地址信息 start*/ .bd[data-v-06855022] { background: #f6f6f6; padding: 20px 0; min-height: 500px; } .bdpart[data-v-06855022] { width: 1200px; margin: 0 auto; } .bdpart-tit[data-v-06855022] { line-height: 30px; padding: 15px 0; margin-bottom: 30px; overflow: hidden; border-bottom: 2px solid #e6e6e6; } .bdpart-tit b[data-v-06855022], .bdpart-tit span[data-v-06855022], .bdpart-tit em[data-v-06855022] { display: inline-block; float: left; margin-left: 20px; font-size: 16px; } .bdpart-tit span[data-v-06855022] { max-width: 620px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .bdpart-tit a[data-v-06855022] { float: right; font-size: 16px; color: #f18110; } .bdpart-tit big[data-v-06855022] { display: inline-block; float: left; font-size: 20px; font-weight: bold; } .bdpart-tit em i[data-v-06855022] { color: #f18110; } .adrs-form[data-v-06855022] { padding: 0 20px; overflow: hidden; } .adrs-form p[data-v-06855022]:not(:last-child), .adrs-form .adrs-div[data-v-06855022] { height: 42px; line-height: 40px; margin-bottom: 10px; font-size: 16px; overflow: hidden; } .adrs-form em[data-v-06855022], .adrs-form input[data-v-06855022], .adrs-form span[data-v-06855022], .adrs-form small[data-v-06855022], .adrs-form .adrs-div .adrs-select[data-v-06855022], .adrs-form .adrs-div .adrs-select select[data-v-06855022] { display: inline-block; float: left; } .adrs-form em[data-v-06855022] { width: 160px; height: 40px; line-height: 40px; text-align: right; color: #666; } .adrs-form em b[data-v-06855022] { color: #e62226; margin-right: 5px; } .adrs-form p:not(:last-child) input[data-v-06855022] { margin: 0 15px 0 5px; width: 340px; height: 30px; line-height: 30px; border: 1px solid #ededed; padding: 5px 10px; font-size: 16px; -webkit-transition: all .3s; transition: all .3s; } .adrs-form p:not(:last-child) input[data-v-06855022]:hover { border-color: #c0c4cc } .adrs-form span[data-v-06855022] { color: #e62226; font-size: 14px; } .adrs-form span[data-v-06855022]:before { display: inline-block; content: "\E637"; font-size: 14px; margin-right: 5px; vertical-align: top; } .adrs-form small[data-v-06855022] { display: inline-block; color: #999; font-size: 14px; max-width: calc(100% - 602px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .adrs-form .adrs-div .adrs-select[data-v-06855022] { width: 362px; height: 40px; margin: 0 15px 0 5px; } .adrs-form .adrs-div .adrs-select select[data-v-06855022] { width: 114px; height: 40px; border: solid 1px #e1e1e1; margin-right: 10px; text-align-last: center; text-align: center; color: #333; } .adrs-form .adrs-div .adrs-select select option[data-v-06855022]:disabled{color: #ccc; } .adrs-form .adrs-div .adrs-select select[data-v-06855022]:last-child { margin-right: 0; } .adrs-form p[data-v-06855022]:last-child { padding-left: 165px; margin-top: 30px; } .adrs-form p:last-child [type='button'][data-v-06855022] { width: 170px; height: 48px; line-height: 48px; margin-right: 20px; } .adrs-form .btn-default[data-v-06855022] { background: #e0e0e0; } .adrs-form .btn-default[data-v-06855022]:hover { background: #ccc; color: #333; } /*完善地址信息 end*/ /*提交成功订单 start*/ .adv[data-v-06855022] { position: relative; width: 100%; height: 100px; text-align: center; overflow: hidden; } .adv.none[data-v-06855022] { height: 0; padding: 0; border: none; margin: 0; } .adv a img[data-v-06855022] { width: 100%; height: 100px; } .adv p[data-v-06855022] { width: 1200px; position: absolute; top: 5px; left: 50%; margin-left: -600px; } .adv p .icon-gb[data-v-06855022] { position: absolute; z-index: 1; right: 0; color: #fff; } .uinfo .uif-cont[data-v-06855022] { padding: 0 20px; position: relative; } .uinfo .uif-cont p[data-v-06855022] { position: relative; padding-left: 160px; width: calc(70% - 150px); line-height: 20px; margin-bottom: 10px; padding-right: 30%; padding-bottom: 10px; font-size: 14px; } .uinfo .uif-cont p label[data-v-06855022] { position: absolute; left: 0; top: 0; width: 150px; color: #666; text-align: right; } .uinfo .uif-cont .marketad-tu[data-v-06855022] { position: absolute; right: 0; top: 0; width: 152px; height: 120px; -webkit-animation: dhpic 1s linear infinite alternate; animation: dhpic 1s linear infinite alternate; display: none; } .uinfo .uif-cont .marketad-tu img[data-v-06855022] { width: 100%; } /*订单提交成功信息 end*/ /*券卡订单产品推荐 start*/ .plist-rcommend[data-v-06855022] { width: 1200px; margin: 0 auto; overflow: hidden; } .plist-rcommend .pr-tit[data-v-06855022] { width: calc(100% - 40px); line-height: 30px; padding: 15px 20px; margin-bottom: 30px; overflow: hidden; border-bottom: 2px solid #e6e6e6; display: inline-block; font-size: 20px; font-weight: bold; } .plist-rcommend .swiper-container[data-v-06855022] { position: relative; width: 100%; overflow: visible !important; } .plist-rcommend .swiper-wrapper[data-v-06855022] { height: auto; margin-right: -14px; } .plist-rcommend .swiper-wrapper .swiper-slide[data-v-06855022] { float: left; display: inline-block; width: 292.5px; background: #fff; } .prc .swiper-button-prev[data-v-06855022], .prc .swiper-button-next[data-v-06855022] { position: absolute; top: -50px; width: 30px; height: 30px; line-height: 30px; font-size: 18px; border: solid 1px #ebebeb; z-index: 10; cursor: pointer; background: #fff; text-align: center; } .prc .swiper-button-prev[data-v-06855022]:hover, .prc .swiper-button-next[data-v-06855022]:hover { color: #e62226; } .prc .swiper-button-next.swiper-button-disabled[data-v-06855022], .prc .swiper-button-prev.swiper-button-disabled[data-v-06855022] { opacity: 1 !important; color: #d6d6d6; } .prc .swiper-button-prev[data-v-06855022] { left: 94%; } .prc .swiper-button-next[data-v-06855022] { right: 0; -webkit-transform: rotate3d(0, 0, 1, 180deg); transform: rotate3d(0, 0, 1, 180deg); } .plist-rcommend .prc a[data-v-06855022], .plist-rcommend .prc p[data-v-06855022], .plist-rcommend .prc span[data-v-06855022] { display: block; text-align: center; } .plist-rcommend .prc a[data-v-06855022]:first-child { padding: 20px 0; } .plist-rcommend .prc a:first-child img[data-v-06855022] { width: 188px; height: 188px; border-radius: 50%; -moz-border-radius: 50%; border: 2px solid #a67761; -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; -webkit-transform: translateY(0); transform: translateY(0) } .plist-rcommend .prc a:first-child:hover img[data-v-06855022] { -webkit-transform: translateY(-5px); transform: translateY(-5px) } .plist-rcommend .prc a[data-v-06855022]:nth-child(2) { margin: 0 10px; font-size: 16px; font-weight: 600; line-height: 30px; border-bottom: solid 1px #ebebeb; } .plist-rcommend .prc a[data-v-06855022]:nth-child(2), .plist-rcommend .prc p[data-v-06855022] { max-width: 272.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .plist-rcommend .prc p[data-v-06855022] { padding: 0 10px; font-size: 14px; line-height: 25px; } .plist-rcommend .prc span[data-v-06855022] { display: block; height: 30px; margin-top: 10px; padding: 10px 0; color: #fff; } .plist-rcommend .prc span b[data-v-06855022] { font-size: 24px; font-weight: bold; } /*券卡订单产品推荐 end*/ /* * 提货模块cardProject所有弹窗样式 * start */ /*更改商品弹窗 begin*/ .mods-cont .mc_cont[data-v-06855022] { overflow-y: auto; overflow-x: hidden; } .mc-tit span[data-v-06855022] { display: inline-block; float: left; height: 26px; line-height: 26px; margin: 7px 20px; font-size: 14px; color: #666; overflow: hidden; } .mc-tit span small[data-v-06855022] { font-size: 14px; } .mc-tit span label[data-v-06855022], .mc-tit span em[data-v-06855022], .mc-tit span span[data-v-06855022], .mc-tit span em button[data-v-06855022], .mc-tit span em input[data-v-06855022] { display: inline-block; float: left; } .mc-tit span em[data-v-06855022] { border: solid 1px #ccc; height: 24px; margin: 0 10px; } .mc-tit span em button[data-v-06855022] { width: 24px; height: 24px; background: #fff; text-align: center; outline: none; border: none; } .mc-tit span em button[data-v-06855022]:hover, .mc-tit span em button[data-v-06855022]:active { background: rgba(241, 129, 127, .1); color: #f18110; } .mc-tit span em input[data-v-06855022] { width: 53px; height: 24px; border-left: solid 1px #e0e0e0; border-right: solid 1px #e0e0e0; line-height: 24px; text-align: center; font-size: 14px; color: #333; } .mc-tit span small i[data-v-06855022] { color: #333; font-weight: 600; margin: 0 5px; } /* .mods-product .mods-cont { width:1000px; height: 600px; margin-left:-500px; margin-top:-300px;} */ .mods-product .mods-cont .mc_cont[data-v-06855022] { height: 550px; width: 1000px; padding-bottom: 10px; } .mc_cont .mcb-tit[data-v-06855022] { position: absolute; z-index: 4; top: 118px; left: 30px; padding: 10px 0; width: calc(100% - 60px); height: 25px; line-height: 25px; background: #fff; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mcb_ul[data-v-06855022] { height: auto; margin: 0 auto; text-align: left; } .mcb_ul.pd-t-mx[data-v-06855022] { padding-top: 123px; } .mcb_ul li[data-v-06855022] { position: relative; width: 580px; padding: 15px 0; height: auto; border-top: solid 1px #eee; } .mcb_ul li .mcb_ul_tu[data-v-06855022] { display: block; position: absolute; top: 30px; width: 80px; height: 80px; border: solid 1px #ccc; } .mcb_ul li .mcb_ul_tu img[data-v-06855022] { max-width: 100%; max-height: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .mcb_ul li div[data-v-06855022] { height: auto; min-height: 105px; line-height: 25px; } .mcb_ul li div a[data-v-06855022] { display: block; width: 100%; height: auto; line-height: 30px; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mcb_ul li div p[data-v-06855022] { display: block; padding-right: 60px; max-height: 25px; color: #999; line-height: 25px; font-size: 14px; position: relative; overflow: hidden; } .pedit_none .mcb_ul[data-v-06855022] { width: 940px; padding-right: 30px; padding-bottom: 90px; padding-left: 30px; } .pedit_none .mcb_ul li[data-v-06855022] { width: 940px; } .pedit_none .mcb_ul li span.icon-oncheck[data-v-06855022] { position: absolute; left: 10px; top: 55px; display: block; width: 30px; height: 30px; font-size: 30px; color: #e6e2e3; cursor: pointer; } .pedit_none .mcb_ul li span.icon-oncheck.cselected[data-v-06855022] { color: #f18110; } .pedit_none .mcb_ul li span input[type="checkbox"][data-v-06855022] { visibility: hidden; display: none; } .mcb_ul li .mcb_ul_tu[data-v-06855022] { display: block; position: absolute; top: 30px; width: 80px; height: 80px; border: solid 1px #ccc; } .mods-product .mcb_ul li .mcb_ul_tu[data-v-06855022] { left: 60px; } .pedit_none .mcb_ul li div[data-v-06855022] { width: 770px; padding-left: 170px; } .pedit_none .mcb_ul li div p[data-v-06855022]:last-child { width: 710px !important; } .mods-cont .mcp_zw[data-v-06855022] { position: absolute; z-index: 4; left: 0; top: 40px; height: 63px; background: #fff; padding: 25px 0 10px 0; } .mods-product .mods-cont .mcp_zw[data-v-06855022], .mods-product .mods-cont .mcp_zw .mcc-prdt[data-v-06855022], .mods-product .mods-cont .mcp_zw .mcc-prdt p[data-v-06855022] { width: 984px; } .mods-cont .mcp_zw .mcc-prdt[data-v-06855022] { position: relative; height: 45px; line-height: 45px; background: #eee; font-size: 18px; font-weight: 400; } .mods-cont .mcp_zw .mcc-prdt p[data-v-06855022] { position: absolute; left: 0; top: -8px; display: block; height: 63px; line-height: 63px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mods-cont .mcp_zw .mcc-prdt a[data-v-06855022] { text-align: center; color: #000; text-decoration: none; cursor: pointer; white-space: nowrap; overflow: hidden; font-size: 16px; text-overflow: ellipsis; } .mods-cont .mcp_zw .mcc-prdt a.active[data-v-06855022] { background: url(https://presale.jhtsoft.com/picms/3851540c54e616.png) no-repeat center top; color: #fff; background-size: 100% 64px; } .mods-cont .mcp_zw .mcc-prdt a em[data-v-06855022] { max-width: 48px; overflow: hidden; display: inline-block; vertical-align: top; } .mods-cont .mcp_zw .mcc-prdt a.active small[data-v-06855022] { font-size: 14px; line-height: 63px; font-weight: 600; } .mods-product .mods-cont .mcp_zw .mcc-prdt a[data-v-06855022] { display: block; float: left; width: 17%; } .mods-product .mods-cont .mcp_zw .mcc-prdt a.bw14[data-v-06855022] { width: 14%; } .mods-product .mods-cont .mcp_zw .mcc-prdt a.active[data-v-06855022] { width: 28%; } .mc_cont .mcc_btn_zw[data-v-06855022] { display: block; width: 940px; height: 40px; padding: 15px 0; background: #fff; position: absolute; left: 30px; bottom: 0; text-align: center; } .mc_cont .mcc_btn_zw a.mcc_sub[data-v-06855022] { display: inline-block; width: 150px; border: 1px solid #f18110; height: 40px; margin: 0 auto; border-radius: 6px; background: #f18110; color: #fff; line-height: 40px; font-size: 18px; text-decoration: none; text-align: center; cursor: pointer; } .mc-cont .mcc_btn_zw a.addbtn[data-v-06855022] { background: #fff; color: #f18110; margin-right: 10px; } .mc-cont .mcc_btn_zw a.addbtn[data-v-06855022]:hover { background: #f18110; color: #fff; } /*更改商品弹窗 end*/ /*修改地址弹窗 start*/ .mods-editad .mods-cont[data-v-06855022] { width: 1000px; height: 540px; margin-left: -500px; margin-top: -270px; } .mods-editad .mods-cont .mc_cont[data-v-06855022] { height: 480px; width: 940px; padding: 0 30px 10px 30px; } .mc_zw[data-v-06855022] { position: absolute; z-index: 4; left: 0; top: 40px; height: 20px; background: #fff; } .mc_b_zw[data-v-06855022] { position: absolute; z-index: 4; left: 0; bottom: 0; height: 20px; background: #fff; } .mods-editad .mods-cont .mc_zw[data-v-06855022] { width: 984px; } .medit_c_ul[data-v-06855022] { width: 940px; height: auto; margin: 0 auto; margin: 20px 0 90px 0; background: #fafafa; } .medit_c_ul li[data-v-06855022] { position: relative; width: 100%; height: auto; width: 940px; height: auto; background: #fff; padding: 10px 0; /* margin-bottom: 10px; */ font-size: 16px; cursor: pointer; } .medit_c_ul li[data-v-06855022]:hover { background: #fffdf3; } .medit_c_ul li .icon-oncheck[data-v-06855022] { position: absolute; left: 15px; top: 50%; margin-top: -15px; display: block; width: 30px; height: 30px; font-size: 24px; color: #e6e2e3; cursor: pointer; } .medit_c_ul li.selected .icon-oncheck[data-v-06855022] { color: #f18110; } .medit_c_ul li .icon-oncheck input[type="radio"][data-v-06855022] { visibility: hidden; } .medit_c_ul li div[data-v-06855022] { width: 860px; padding-left: 80px; height: auto; } .medit_c_ul li div em[data-v-06855022] { display: block; width: 100%; line-height: 40px; margin-bottom: 10px; font-size: 16px; } .medit_c_ul li div p[data-v-06855022] { display: block; width: 80%; height: 20px; line-height: 20px; margin-bottom: 10px; font-size: 14px; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .medit_c_ul li span[data-v-06855022] { position: absolute; right: 20px; bottom: 22px; } .medit_c_ul li a[data-v-06855022] { color: #f18110; text-decoration: none; cursor: pointer; font-size: 14px; padding-left: 10px; } /*修改地址弹窗 end*/ /*更改网点弹窗 begin*/ .mods-yywd .mods-cont .mc_cont[data-v-06855022] { height: 590px; width: 940px; padding: 0 30px; } .mods-yywd .mods-cont .mc_zw[data-v-06855022], .mods-yywd .mods-cont .mc_b_zw[data-v-06855022] { position: absolute; z-index: 4; left: 0; width: 984px; height: 20px; background: #fff; } .mc_zw[data-v-06855022] { top: 40px; } .mc_b_zw[data-v-06855022] { bottom: 0; } .mc_cont .mcc_top[data-v-06855022] { position: absolute; z-index: 4; left: 30px; top: 40px; width: 940px; height: 40px; margin: 0 auto; padding: 20px 0; background: #fff; } .mc_cont .mcc_top span[data-v-06855022] { float: left; height: 40px; line-height: 40px; overflow: hidden; margin-right: 15px; } .mc_cont .mcc_top span label[data-v-06855022] { float: left; margin-right: 20px; font-size: 14px; } .mc_cont .mcc_top span input[data-v-06855022], .mc_cont .mcc_top span select[data-v-06855022] { float: left; display: inline-block; width: 240px; padding-left: 10px; height: 38px; border: solid 1px #eaeaea; border-radius: 2px; line-height: 38px; color: #666; font-size: 14px; } .mc_cont .mcc_top span select[data-v-06855022] { width: 200px !important; margin-right: 10px; } .mc_cont .mcc_top a[data-v-06855022] { float: left; display: inline-block; width: 160px; height: 40px; line-height: 40px; font-size: 14px; margin: 0 auto; border-radius: 6px; background: #f18110; text-align: center; color: #fff; text-decoration: none; cursor: pointer; } .deliveryadres[data-v-06855022], .mc_cont .mcc_bot[data-v-06855022] { width: 940px; height: auto; margin: 0 auto; margin-top: 80px; background: #fafafa; } .mods-yywd .mods-cont[data-v-06855022] { width: 1000px; height: 640px; margin-left: -500px; margin-top: -320px; font-size: 16px; } dl.yyda_top[data-v-06855022] { width: 100%; height: auto; overflow: hidden; position: relative; background: #fff; } .deliveryadres dl.yyda_top[data-v-06855022] { margin-bottom: 10px; } dl.yyda_top dd.yyda_t_tu[data-v-06855022] { width: 178px; height: 128px; border: solid 1px #eee; position: absolute; left: 0; } dl.yyda_top dd.yyda_t_tu img[data-v-06855022] { width: 100%; height: 100%; } .deliveryadres dl.yyda_top dd.yyda_t_tu[data-v-06855022] { top: 15px; } .deliveryadres dl.yyda_top dd.yyda_t_left[data-v-06855022] { width: 545px; height: auto; padding: 15px 0 15px 195px; text-align: left; } dd.yyda_t_left span[data-v-06855022] { display: block; width: 100%; line-height: 30px; margin-bottom: 10px; font-size: 16px; } dd.yyda_t_left span em[data-v-06855022] { font-size: 14px; margin-left: 20px; } .deliveryadres .yyda_top .yyda_t_left span[data-v-06855022], .medit_c_ul li div em[data-v-06855022] { color: #333; } .deliveryadres .yyda_top .yyda_t_left span em[data-v-06855022] { color: #666; font-weight: 400; } dl.yyda_top dd.yyda_t_left p[data-v-06855022] { display: block; width: 100%; height: 20px; line-height: 20px; margin-bottom: 10px; font-size: 14px; vertical-align: middle; } dl.yyda_top dd.yyda_t_left p[data-v-06855022]:last-child { position: relative; margin-bottom: 0; padding-left: 80px; height: auto !important; } dl.yyda_top dd.yyda_t_left p:last-child i[data-v-06855022] { font-style: normal; position: absolute; left: 0; top: 0; display: block; width: 80px; } dd.yyda_t_left p b[data-v-06855022] { font-weight: 400; margin: 0 5px; } dt.yyda_t_right[data-v-06855022] { position: absolute; z-index: 1; width: 120px; height: 110px; } .deliveryadres dl.yyda_top dt.yyda_t_right[data-v-06855022] { top: 30px; right: 0; } dl.yyda_top dt.yyda_t_right a[data-v-06855022] { display: block; width: 118px; height: 25px; margin: 10px 0; line-height: 25px; text-align: left; font-size: 14px; text-decoration: none; vertical-align: top; cursor: pointer; } dl.yyda_top dt.yyda_t_right a[data-v-06855022]:hover { color: #f18110; } .yyda_t_left p i.yydatl_icon[data-v-06855022], dl.yyda_top dt.yyda_t_right a[data-v-06855022]:before { margin: 0 5px; display: inline-block; width: 25px; height: 25px; vertical-align: top; text-align: center; line-height: 25px; font-size: 18px; color: #f18110; } dl.yyda_top dt.yyda_t_right a[data-v-06855022]:first-child:before { content: "\E636"; } dl.yyda_top dt.yyda_t_right a[data-v-06855022]:nth-child(2):before { content: "\E696"; } dl.yyda_top dd.yyda_bot[data-v-06855022] { width: 100%; height: 0; overflow: hidden; -webkit-transition: height .3s; transition: height .3s; } dl.yyda_top dd.yyda_bot.sdopen[data-v-06855022] { height: 300px; } dl.yyda_top dd.yyda_bot img[data-v-06855022] { width: 100%; height: 300px; } /*更换网点弹窗 end*/ /*查询结果弹框 begin*/ .mods-result .mods-cont[data-v-06855022], .mods-rcomb .mods-cont[data-v-06855022] { width: 1000px; height: 660px; margin-left: -500px; margin-top: -330px; font-size: 16px; } .mods-rcomb .mods-cont .mcp_zw[data-v-06855022], .mods-rcomb .mods-cont .mcp_zw .mcc-prdt[data-v-06855022], .mods-rcomb .mods-cont .mcp_zw .mcc-prdt p[data-v-06855022] { width: 624px; } .mods-result .mods-cont .mc_zw[data-v-06855022], .mods-rcomb .mods-cont .mc_b_zw[data-v-06855022] { position: absolute; z-index: 4; left: 0; background: #fff; width: 624px; } .mc_zw[data-v-06855022] { top: 40px; } .mc_b_zw[data-v-06855022] { bottom: 0; } .mods-rcomb .mods-cont .mcp_zw .mcc-prdt a[data-v-06855022] { display: block; float: left; width: 27%; } .mods-rcomb .mods-cont .mcp_zw .mcc-prdt a.bw12[data-v-06855022] { width: 12%; } .mods-rcomb .mods-cont .mcp_zw .mcc-prdt a.bw18[data-v-06855022] { width: 18%; } .mods-rcomb .mods-cont .mcp_zw .mcc-prdt a.active[data-v-06855022] { width: 43%; } .mods-cont .mc_tent[data-v-06855022] { width: 1000px; height: 610px; overflow: hidden; } .mc_tent .mct_left[data-v-06855022] { float: left; height: 610px; overflow-y: scroll; overflow-x: hidden; } .mc_tent .mct_left.pad-xl[data-v-06855022] { width: 580px; padding: 0 30px; } .mc_tent .mct_left.pad-b-md[data-v-06855022] { width: 640px; } .mc_tent .mct_left .mctl_cont[data-v-06855022] { width: 580px; height: auto; } .mods-result .mc_tent .mct_left .mctl_cont[data-v-06855022] { padding-bottom: 60px; } .mods-rcomb .mc_tent .mct_left .mctl_cont[data-v-06855022] { } .mc_tent .mct_left.pad-b-md .mctl_cont[data-v-06855022] { padding-left: 30px; padding-right: 30px; } .mctl_cont.hidden[data-v-06855022] { display: none; } .mc_tent .mcb-tit[data-v-06855022] { position: absolute; z-index: 4; top: 118px; left: 30px; padding: 10px 0; width: 580px; height: 25px; line-height: 25px; background: #fff; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /*S swiper轮播*/ .mods-result .swiper-container[data-v-06855022] { position: relative; overflow: hidden; z-index: 4; width: 580px; height: 360px; margin: 10px auto; } .mods-result .swiper-container-no-flexbox .swiper-slide[data-v-06855022] { float: left; } .mods-result .swiper-container-vertical>.swiper-wrapper[data-v-06855022] { -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; } .mods-result .swiper-wrapper[data-v-06855022] { position: relative; width: 100%; height: 280px; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .mods-result .swiper-slide[data-v-06855022] { position: relative; width: 360px; height: 100%; margin: 0 auto; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-align: center; -webkit-box-align: center; align-items: center; text-align: center; } .mods-result .swiper-container-android .swiper-slide[data-v-06855022], .mods-result .swiper-wrapper[data-v-06855022] { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .mods-result .swiper-slide .mcb_ul_tu[data-v-06855022] { position: absolute; width: 360px; height: 360px; overflow: hidden; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .mods-result .swiper-slide img[data-v-06855022] { position: absolute; max-width: 360px; max-height: 360px; margin: auto; left: 0; top: 0; right: 0; bottom: 0; } .mods-result .swiper-container-multirow>.swiper-wrapper[data-v-06855022] { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mods-result .swiper-container-free-mode>.swiper-wrapper[data-v-06855022] { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } /*E swiper轮播*/ .mctl_cont dl[data-v-06855022] { width: 100%; height: auto; overflow: hidden; } .hiddauto[data-v-06855022] { overflow-y: auto; max-height: inherit !important; -webkit-transition: all .3s; transition: all .3s; } .mctl_cont dl dt[data-v-06855022] { display: block; width: 100%; height: 40px; line-height: 40px; font-size: 18px; font-weight: 600; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mctl_cont dl dt em[data-v-06855022] { font-weight: 600; } .mctl_cont dl dt em[data-v-06855022]:first-child { margin-right: 10px; } .mctl_cont dl dd[data-v-06855022] { display: block; width: 100%; height: 30px; line-height: 30px; font-size: 14px; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .mctl_cont dl p[data-v-06855022] { display: block; width: 520px; padding-right: 60px; max-height: 30px; line-height: 30px; position: relative; font-size: 14px; color: #666; } .mctl_cont dl p i[data-v-06855022], .mcb_ul li div p i[data-v-06855022] { position: absolute; top: 0; right: 15px; display: none; width: 20px; height: 20px; text-align: center; font-size: 20px; color: #333; font-weight: 600; cursor: pointer; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .mctl_cont dl p i.rotate[data-v-06855022] { margin-top: 10px; } .mcb_ul li div p i.rotate[data-v-06855022] { margin-top: 5px; } .click_mct_btn[data-v-06855022] { display: block; width: 580px; height: 30px; padding: 15px 0; line-height: 30px; background: #fff; position: absolute; left: 30px; bottom: 0; font-size: 16px; color: #999; vertical-align: middle; cursor: pointer; } .click_mct_btn[data-v-06855022]:before { display: inline-block; content: "\E60D"; color: #f18110; width: 20px; height: 20px; line-height: 20px; font-size: 18px; margin: 5px; -webkit-transform: rotate3d(0, 0, 1, 180deg); transform: rotate3d(0, 0, 1, 180deg); } .click_mct_btn a[data-v-06855022] { color: #f18110; } .click_mct_btn a[data-v-06855022]:hover { color: #f49a41; } .mcb_ul[data-v-06855022] { height: auto; margin: 0 auto; text-align: left; } .mcb_ul.pd-t-mx[data-v-06855022] { padding-top: 123px; } .mcb_ul li[data-v-06855022] { position: relative; width: 580px; padding: 15px 0; height: auto; border-top: solid 1px #eee; } .mcb_ul li[data-v-06855022]:hover { background: #fffdf3; } .mcb_ul li .mcb_ul_tu[data-v-06855022] { display: block; position: absolute; top: 30px; width: 80px; height: 80px; border: solid 1px #ccc; } .mcb_ul li div[data-v-06855022] { height: auto; min-height: 105px; line-height: 25px; word-break: break-all; word-wrap: break-word; } .mcb_ul li div a[data-v-06855022] { display: block; width: 100%; height: auto; line-height: 30px; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /*组合套餐产品列表*/ .mctl_comb .mcb_ul[data-v-06855022] { width: 580px; } .mctl_comb .mcb_ul li[data-v-06855022] { width: 580px; } .mctl_comb .mcb_ul li img[data-v-06855022] { left: 0; } .mctl_comb .mcb_ul li div[data-v-06855022] { width: 470px; padding-left: 110px; } .mctl_comb .mcb_ul li div p[data-v-06855022]:last-child { width: 410px !important; } /*查询结果右侧公用券卡信息*/ .mc_tent .mct_right[data-v-06855022] { float: left; width: 300px; height: 550px; padding: 30px; overflow-y: auto; font-size: 14px; } .mct_right dl[data-v-06855022] { width: 100%; height: auto; } .mct_right dl dt[data-v-06855022] { width: 100%; height: 45px; line-height: 45px; border-bottom: solid 1px #eaeaea; margin-bottom: 20px; } .mct_right dl dt span[data-v-06855022] { display: inline-block; width: auto; height: 44px; line-height: 44px; border-bottom: solid 2px #f18110; font-size: 18px; font-weight: 600; } .mct_right dl dd[data-v-06855022] { display: block; width: 100%; color: #999; } .mct_right dl dd b[data-v-06855022] { margin: 0 3px; } .mct_right dl dd:not(.autoLine) span[data-v-06855022] { color: #666; display: inline-block; max-width: calc(100% - 90px); max-height: 35px; overflow: hidden; vertical-align: top; text-overflow: ellipsis; white-space: nowrap; } .mct_right dl dd.txt-green span[data-v-06855022] { color: #358d2c; } .mct_right dl dd.txt-orange span[data-v-06855022] { color: #f18110; } .mods-result .mct_right dl dd[data-v-06855022]:not(.autoLine) { height: 35px; line-height: 35px; } /* .mct_right dl dd.autoLine em {padding:7px 0;} */ .mct_right dl dd.autoLine[data-v-06855022] {display: -webkit-box!important;display: -ms-flexbox!important;display: flex!important; } .mct_right dl dd.autoLine article[data-v-06855022] {color:#333;-webkit-box-flex:1;-ms-flex:1;flex:1; max-width:calc(100% - 70px);padding: 5px 0; line-height:20px; } .mods-rcomb .mct_right dl dd[data-v-06855022] { height: 35px; line-height: 35px; } .mct_right a.btn_th[data-v-06855022], .mct_right a.btn_od[data-v-06855022] { display: block; width: 100%; height: 50px; line-height: 50px; margin: 20px auto; border-radius: 6px; border: solid 1px #f18110; text-align: center; text-decoration: none; cursor: pointer; font-size: 18px; -webkit-box-sizing: border-box; box-sizing: border-box; } .mct_right a.btn_th[data-v-06855022], .mct_right a.btn_od[data-v-06855022]:hover, .mct_right a.btn_od[data-v-06855022]:active { background: #f18110; color: #fff; } .mct_right a.btn_od[data-v-06855022] { background: #fff; color: #f18110; } .mct_right .mctr_more[data-v-06855022] { float: left; width: 230px; color: #999; text-align: center; } .mct_right .mctr_more span[data-v-06855022] { display: block; width: 100%; height: 40px; line-height: 40px; color: #333; font-size: 18px; } .mct_right .mctr_more span a[data-v-06855022] { display: inline-block; height: 40px; line-height: 40px; color: #f18110; text-decoration: none; vertical-align: top; cursor: pointer; } .mct_right .mctr_more span a[data-v-06855022]:hover { opacity: .8; filter: alpha(opacity=80); } .mct_right .mctr_more span a[data-v-06855022]:before { float: left; display: inline-block; width: 30px; height: 30px; line-height: 30px; margin: 5px 0 5px 5px; content: "\E631"; font-size: 28px; } .mct_right .mctr_more p[data-v-06855022] { width: 170px; margin: 0 auto; height: 50px; line-height: 50px; position: relative; color: #888; font-size: 14px; } .mct_right .mctr_more p[data-v-06855022]:last-child { width: 150px; border-top: solid 1px #e0dfdf; } .mct_right .mctr_more p i[data-v-06855022] { position: absolute; z-index: 3; left: 50%; top: 100%; display: block; margin-left: -17.5px; margin-top: -12.5px; width: 35px; height: 25px; line-height: 25px; background: #fff; color: #333; } /*查询结果弹框 end*/ /*提货成功营销弹框 start*/ .tankuang[data-v-06855022] { z-index: 103; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .7); } .hide-body[data-v-06855022] { z-index: 104; position: relative; top: 50%; left: 50%; padding-top: 35px; width: 634px; height: 600px; margin: -317px 0 0 -300px; margin-left: -500px; } .hide-body span[data-v-06855022] { display: inline-block; position: absolute; top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; text-align: center; border: solid 2px #fff; border-radius: 100%; color: #fff; font-size: 20px; } .lgb-cont p[data-v-06855022] { text-align: center; margin-bottom: 15px; } .lgb-cont p[data-v-06855022]:nth-child(1) { color: #fff; font-size: 22px; } .lgb-cont p[data-v-06855022]:nth-child(2) { color: #fefffd; font-size: 20px; } .lgb-cont p:nth-child(2) small[data-v-06855022] { color: #fdfd00; font-size: 16px; margin-left: 5px; } .lgb-cont p:nth-child(2) big[data-v-06855022] { color: #fffb02; font-size: 40px; font-weight: bold; margin-right: 5px; font-family: Arial, Verdana, "\5B8B\4F53"; } .lgb-cont p[data-v-06855022]:nth-child(3) { color: #fefffd; font-size: 18px; } .lgb-cont p:nth-child(3) a[data-v-06855022] { color: #fdfd00; font-weight: bold; margin: 0 5px; } .lgb-cont p:nth-child(4) img[data-v-06855022] { width: 100%; height: auto; max-width: 150px; } .lgb-cont .ewm[data-v-06855022] { width: 160px; height: auto; margin: 0 auto; background: rgba(137, 19, 253, .5); } .lgb-cont .ewm img[data-v-06855022] { width: 130px; height: 130px; padding: 10px; background: #fff; margin-top: 5px; } .lg-bottom[data-v-06855022] { height: 60px; margin-top: 43px; overflow: hidden; } .lg-bottom a[data-v-06855022] { float: left; display: block; width: 140px; height: 52px; background: url(https://presale.jhtsoft.com/picms/384a3389607624.png) no-repeat; text-align: center; line-height: 52px; font-size: 22px; color: #bf3bff; font-weight: bold; } .lg-bottom a[data-v-06855022]:hover { opacity: 0.8; filter: Alpha(opacity=80); } .lg-bottom a[data-v-06855022]:first-child { margin-left: 122px; } .lg-bottom a[data-v-06855022]:last-child { margin-left: 20px; } /*营销弹框动画 begin*/ @-webkit-keyframes flipInY-data-v-06855022 { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); } } @keyframes flipInY-data-v-06855022 { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY[data-v-06855022], .toprightka span[data-v-06855022] { -webkit-animation: flipInY-data-v-06855022 1s; animation: flipInY-data-v-06855022 1s; } @-webkit-keyframes rollIn-data-v-06855022 { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; } } @keyframes rollIn-data-v-06855022 { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn[data-v-06855022], .topleft[data-v-06855022] { -webkit-animation: rollIn-data-v-06855022 1s; animation: rollIn-data-v-06855022 1s; } @-webkit-keyframes fadeInLeft-data-v-06855022 { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; } } @keyframes fadeInLeft-data-v-06855022 { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .zbd-part-ul li .zpu-tu[data-v-06855022], .fadeInLeft[data-v-06855022] { -webkit-animation: fadeInLeft-data-v-06855022 1s; animation: fadeInLeft-data-v-06855022 1s; } @-webkit-keyframes fadeInRight-data-v-06855022 { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; } } @keyframes fadeInRight-data-v-06855022 { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .zbd-part-ul li div[data-v-06855022], .fadeInRight[data-v-06855022] { -webkit-animation: fadeInRight-data-v-06855022 1s; animation: fadeInRight-data-v-06855022 1s; } @-webkit-keyframes zoomOutRight-data-v-06855022 { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(1000px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; } } @keyframes zoomOutRight-data-v-06855022 { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(1000px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(1000px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight[data-v-06855022] { -webkit-animation: zoomOutRight-data-v-06855022 1s; animation: zoomOutRight-data-v-06855022 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } /*提货成功营销弹框 end*/ /*流程图轮播弹框 start*/ .mods-help .mods-cont[data-v-06855022] { width: 700px; height: 420px; margin-left: -350px; margin-top: -210px; } .mods-help .mods-cont .swiper-container[data-v-06855022] { overflow: initial; } .mods-help .mc-cont[data-v-06855022] { padding: 0; } .mods-help .mc-cont .btnhover[data-v-06855022] { padding: 10px 18px; background-color: #e62226; color: #fff; font-size: 14px; border-radius: 6px; -webkit-border-radius: 6px; } .modhelp[data-v-06855022] { position: relative; height: 380px; } .modhelp .helper[data-v-06855022] { position: absolute; width: 150px; height: 220px; left: 30px; top: 34px; } .modhelp p[data-v-06855022], .modhelp h3[data-v-06855022] { left: 195px; position: absolute; z-index: 1; } .modhelp h3[data-v-06855022] { font-size: 24px; color: #333; top: 72px; } .modhelp p[data-v-06855022]:nth-of-type(1) { color: #666; font-size: 18px; top: 112px; } .modhelp p[data-v-06855022]:nth-of-type(2) { top: 172px; } .modhelp .modhelp-shine[data-v-06855022] { width: 260px; height: 260px; position: absolute; right: 18px; top: 112px; } .modhelp .modhelp-box[data-v-06855022] { width: 215px; height: 215px; position: absolute; right: 40px; top: 135px; z-index: 1; border-radius: 100%; -webkit-border-radius: 100%; } .modhelp .modhelp-box img[data-v-06855022] { width: 215px; height: 215px; border-radius: 100%; -webkit-border-radius: 100%; } .modhelp .modhelp-box-shadow[data-v-06855022] { width: 215px; height: 215px; position: absolute; left: 0; top: 0; z-index: 2; border-radius: 100%; -webkit-border-radius: 100%; background: rgba(0, 0, 0, .3); } .modhelp .wy[data-v-06855022] { position: absolute; z-index: 3; bottom: 0; left: 50%; margin-left: -55px; width: 110px; height: 110px; background: #fff; border-radius: 100%; -webkit-border-radius: 100%; overflow: hidden; } .modhelp .wy b[data-v-06855022], .modhelp .wy i[data-v-06855022] { display: block; height: 40px; margin: 35px 0; } .modhelp .wy b[data-v-06855022] { background: #e62226; } .modhelp .wy.wyshake[data-v-06855022] { background: #f2f2f2; } .modhelp .wy i[data-v-06855022] { background: #fff; } .modhelp-box .tit[data-v-06855022] { position: absolute; z-index: 3; font-size: 18px; color: #fff; top: 150px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .modhelp-box .yytit[data-v-06855022] { font-size: 16px; color: #333; } .modhelp-box .yytit[data-v-06855022]:before { margin: 10px 5px; width: 20px; height: 20px; content: "\E636"; color: #f18110; font-size: 18px; } .modhelp .helpline[data-v-06855022] { position: absolute; left: 283px; top: 245px; } .mods-help .swiper-pagination[data-v-06855022] { width: 100%; bottom: 20px; text-align: center; } .mods-help .swiper-pagination-bullet[data-v-06855022] { width: 8px; height: 8px; display: inline-block; width: 10px; height: 10px; margin: 0 5px; background-color: #666; } .mods-help .swiper-pagination-bullet-active[data-v-06855022] { background-color: #333; } .wy[data-v-06855022] { -webkit-animation: wyshake-data-v-06855022 infinite 2s 1.3s; animation: wyshake-data-v-06855022 infinite 2s 1.3s; } @-webkit-keyframes wyshake-data-v-06855022 { 0% { -webkit-transform: none; } 20% { -webkit-transform: translateX(-5px); } 40% { -webkit-transform: translateX(5px); } 60% { -webkit-transform: translateX(0px); } 0% { -webkit-transform: none; } } @keyframes wyshake-data-v-06855022 { 0% { -webkit-transform: none; transform: none; } 20% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 40% { -webkit-transform: translateX(5px); transform: translateX(5px); } 60% { -webkit-transform: translateX(0px); transform: translateX(0px); } 0% { -webkit-transform: none; transform: none; } } /*换流程图轮播弹框 end*/ /*提货模块cardProject所有弹窗样式 end*/ .el-select-dropdown__item.selected[data-v-06855022] { color: #e62226; } /*游戏弹框 start*/ .hide-body[data-v-06855022] { width: 804px; height: 498px; margin-left: -500px; margin-top: -289px; } .game .hide-body[data-v-06855022] { margin-left: -402px; } .login-body[data-v-06855022] { width: 804px; height: 498px; position: relative; } .game .lgb-cont[data-v-06855022] { padding: 0; } .mobmodel[data-v-06855022] { width: 246px; height: 454px; border: 2px solid #999; background-color: #eee; border-radius: 20px; position: absolute; z-index: 2; left: 44px; top: 36px; -webkit-animation: toleft-data-v-06855022 1s 1s backwards; animation: toleft-data-v-06855022 1s 1s backwards; } .mobtop[data-v-06855022], .tankuang .zi[data-v-06855022], .tankuang .line1[data-v-06855022], .tankuang .line2[data-v-06855022], .tankuang .qiu[data-v-06855022] { background-image: url(https://presale.jhtsoft.com/picms/4ecf747b652bf.png); background-repeat: no-repeat; } .mobtop[data-v-06855022] { width: 235px; height: 20px; position: absolute; z-index: 1; top: 10px; left: 5.5px; background-position: -43px -305px; } .mobtop[data-v-06855022]:before { display: block; content: ""; position: absolute; width: 30px; height: 4px; background-color: #ccc; top: 3px; left: 50%; margin-left: -15px; border-radius: 2px; } .mobmodel img[data-v-06855022] { display: block; width: 235px; height: 435px; margin: 10px auto; border-radius: 20px; } .tankuang .zi[data-v-06855022] { width: 285px; height: 66px; background-position: 0 0; position: absolute; z-index: 4; top: 47px; left: 340px; -webkit-animation: bounceIn .8s 1s backwards; animation: bounceIn .8s 1s backwards; } .round[data-v-06855022] { position: absolute; z-index: 3; top: 40px; left: 257px; width: 455px; height: 455px; background-image: url(https://presale.jhtsoft.com/picms/4ecf496640f45.jpg); background-size: 100% 100%; border-radius: 100%; color: #fff; border: 6px solid #9c77e6; -webkit-animation: bounceIn .8s .3s backwards; animation: bounceIn .8s .3s backwards; } .round .jpcon[data-v-06855022] { width: 335px; max-height: 196px; overflow-y: auto; margin-top: 92px; margin-left: 70px; } .round .jpcon p[data-v-06855022] { font-size: 16px; line-height: 28px; text-align: left; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .round .jpcon p strong[data-v-06855022] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .round .jpcon p strong.font13[data-v-06855022] { font-size: 13px; } .round .gamecode[data-v-06855022] { width: 130px; height: 130px; background-color: #fff; margin: 10px auto 0; } .round .gamecode img[data-v-06855022] { width: 110px; height: 110px; display: block; margin: 0 auto; padding-top: 10px; } .succescon[data-v-06855022] { padding-top: 80px; } .tankuang .kuai1[data-v-06855022], .tankuang .kuai2[data-v-06855022], .tankuang .sj1[data-v-06855022], .tankuang .sj2[data-v-06855022], .tankuang .line1[data-v-06855022], .tankuang .line2[data-v-06855022], .tankuang .qiu[data-v-06855022] { display: block; position: absolute; } .tankuang .kuai1[data-v-06855022], .tankuang .kuai2[data-v-06855022] { width: 210px; height: 260px; background-image: url(https://presale.jhtsoft.com/picms/4ecf1b6f14f97.png); background-size: 100% 100%; z-index: 1; } .tankuang .kuai1[data-v-06855022] { top: -27px; left: 127px; -webkit-transform: rotateZ(458deg); transform: rotateZ(458deg); } .tankuang .kuai2[data-v-06855022] { top: 155px; left: 590px; -webkit-animation: pulse-data-v-06855022 1.5s infinite; animation: pulse-data-v-06855022 1.5s infinite; } .sj1ani[data-v-06855022] { -webkit-animation: pulse-data-v-06855022 2.5s infinite; animation: pulse-data-v-06855022 2.5s infinite; } .kuai1ani[data-v-06855022] { -webkit-animation: pulse-data-v-06855022 2s infinite; animation: pulse-data-v-06855022 2s infinite; } .tankuang .sj1[data-v-06855022], .tankuang .sj2[data-v-06855022] { width: 106px; height: 77px; background-image: url(https://presale.jhtsoft.com/picms/4ed0222884c98.png); background-size: 100% 100%; } .sj1ani[data-v-06855022] { position: absolute; width: 106px; height: 77px; z-index: 3; left: -30px; top: 90px; } .tankuang .sj1[data-v-06855022] { -webkit-transform: rotateZ(-136deg); transform: rotateZ(-136deg); } .tankuang .sj2[data-v-06855022] { z-index: 2; top: 400px; right: 60px; -webkit-animation: pulse-data-v-06855022 2.5s infinite; animation: pulse-data-v-06855022 2.5s infinite; } .tankuang .line1[data-v-06855022], .tankuang .line2[data-v-06855022] { z-index: 3; } .tankuang .line1[data-v-06855022] { width: 285px; height: 126px; background-position: 0 -167px; top: 0; left: 263px; z-index: 1; } .tankuang .line2[data-v-06855022] { width: 36px; height: 197px; background-position: 0 -303px; top: 192px; right: 53px; } .tankuang .qiu[data-v-06855022] { z-index: 2; width: 87px; height: 87px; background-position: -112px -73px; left: 269px; bottom: -10px; -webkit-animation: pulse-data-v-06855022 2s infinite; animation: pulse-data-v-06855022 2s infinite; } @-webkit-keyframes pulse-data-v-06855022 { from { -webkit-transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(0, -10px, 0); } to { -webkit-transform: translate3d(0, 0, 0); } } @keyframes pulse-data-v-06855022 { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes toleft-data-v-06855022 { 0% { opacity: 0; left: 700px; } 100% { opacity: 1; left: 44px; } } @keyframes toleft-data-v-06855022 { 0% { opacity: 0; left: 700px; } 100% { opacity: 1; left: 44px; } } /*游戏弹框 end*/ /*游戏弹框新 start*/ .gameyx .hide-body[data-v-06855022] { width: 660px; height: 660px; margin-left: -330px; margin-top: -330px; padding-top: 0; } .gameyx .login-body[data-v-06855022] {width: 660px; height: 660px; } .gameyx .hide-body span[data-v-06855022] { top: -40px; right: -50px; -webkit-animation: expand-data-v-06855022 0.5s 4s backwards;animation: expand-data-v-06855022 0.5s 4s backwards; } .gameyx .sma[data-v-06855022] { position: absolute; z-index: 3; top: 0; left: 10px; width: 640px; height: 200px; background: url("https://presale.jhtsoft.com/picms/2db5fe402dea60.png") no-repeat center top;-webkit-animation: bounceIn .8s backwards;animation: bounceIn .8s backwards; } .gameyx .sma[data-v-06855022]:after { position: absolute; content: ""; width: 115px; height: 70px; background: url("https://presale.jhtsoft.com/picms/2db5fac87c8332.png") no-repeat 0 0;top: 4px;left: 130px;z-index: 5; -webkit-animation: hbs-data-v-06855022 steps(2) 1s 1.5s infinite; animation: hbs-data-v-06855022 steps(2) 1s 1.5s infinite; } .gameyx .ma[data-v-06855022] { position: absolute; top: 40px; left: 130px; z-index: 4; width: 110px; height: 125px; -webkit-transform:rotate(-5deg);transform:rotate(-5deg); background-color: #fff; } .gameyx .ma img[data-v-06855022] {display: block; width: 90px; height: 90px; margin: 10px 10px 2px; } .gameyx .ma p[data-v-06855022] {color: #c23ffa; font-size: 16px; font-weight: bold; margin-bottom: 0; } .gameyx .lucky[data-v-06855022] { position: absolute; z-index: 1; left: 50%;margin-left: -260px; top: 125px; width: 520px; height: 107px; -webkit-animation: bounceInUp-data-v-06855022 1s 2s backwards;animation: bounceInUp-data-v-06855022 1s 2s backwards; background:url("https://presale.jhtsoft.com/picms/37c2476e466308.png") no-repeat center top; } .gameyx .jxgun[data-v-06855022] {position: absolute; z-index: 4;left: 50%;margin-left: -260px;top: 125px;width: 520px; margin-top: 38px;height: 40px;-webkit-animation: bounceInUp-data-v-06855022 1s 2s backwards;animation: bounceInUp-data-v-06855022 1s 2s backwards; } .gameyx .itgw-wrap[data-v-06855022] {height: 40px;white-space: nowrap;overflow: hidden;-webkit-transform: rotate(-5deg);transform: rotate(-5deg); } .gameyx .itgw-wrap ul[data-v-06855022] {padding-left: 20px;padding-right: 40px; } .gameyx .itgw-wrap li[data-v-06855022] {line-height: 40px;font-size:24px; color: #fff;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis; } .gameyx .itgw-wrap li[data-v-06855022]:hover { cursor: pointer; } .jx[data-v-06855022] {position: absolute; left: 0; top: 222px; width: 100%; z-index: 2;-webkit-perspective: 1200px;-o-perspective: 1200px;perspective: 1200px;-webkit-animation: expand-data-v-06855022 1s 1s backwards;animation: expand-data-v-06855022 1s 1s backwards; } .jx ul[data-v-06855022] { width: 100%; font-size: 0; text-align: center; height: 322px;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;transition-property: transform;transition-property: transform, -webkit-transform;-webkit-box-sizing: content-box;box-sizing: content-box;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; } .jx li[data-v-06855022] {display: inline-block; width:272px; height: 322px; background: url("https://presale.jhtsoft.com/picms/2db5e1b008dcf6.png") no-repeat center;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;webkit-flex-shrink: 0;-ms-flex: 0 0 auto;-ms-flex-negative: 0;flex-shrink: 0; position: relative; } .jx li[data-v-06855022]:after { display: block;content: "";position: absolute;width: 180px;height: 2px;background: rgba(0,0,0,.2);border-radius: 100%;-webkit-box-shadow: 0 0 4px 4px rgba(0,0,0, 0.2);box-shadow: 0 0 4px 4px rgba(0,0,0, 0.2);left: 50%;margin-left: -90px;bottom: -20px; } .jx li div[data-v-06855022] {width: 260px; height: 310px; margin: 6px;border-radius: 12px; background-color: #fff; } .jx li div b[data-v-06855022] {display: block; position: relative;padding: 10px 10px 0px; width: 240px; height: 240px;position: relative; overflow: hidden; } .jx li div b img[data-v-06855022] { display: block; position: absolute; margin: auto; left: 0; top: 0; right: 0; bottom: 0; width:auto; height: auto; max-width:240px ; max-height: 240px; overflow: hidden; } .jx li div p[data-v-06855022] { height: 60px; line-height: 60px; text-align: center; font-size: 16px !important; color:#333 !important; margin-bottom: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0 10px; } .jx li.pre[data-v-06855022]{-webkit-transform: translate3d(0px, 0px, -300px) rotateX(0deg) rotateY(-30deg);transform: translate3d(0px, 0px, -300px) rotateX(0deg) rotateY(-30deg); margin-right: 5px; } .jx li.active[data-v-06855022] {-webkit-transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg);transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg); margin: 0 20px; } .jx li.next[data-v-06855022] {-webkit-transform: translate3d(0px, 0px, -300px) rotateX(0deg) rotateY(30deg);transform: translate3d(0px, 0px, -300px) rotateX(0deg) rotateY(30deg); margin-left: 5px; } .gameyx .stage[data-v-06855022] { width: 650px; height: 226px; position: absolute; z-index: 1; left: 50%; margin-left: -325px; bottom: -25px; -webkit-animation: expand-data-v-06855022 1s .5s backwards;animation: expand-data-v-06855022 1s .5s backwards; } .gameyx .stage img[data-v-06855022] {display: block; width: 650px; height: 226px; } .gameyx .ani[data-v-06855022] { display: block; position: absolute; z-index: 4; opacity: 0; } .gameyx em[data-v-06855022] { display: block; } .gameyx .ani1[data-v-06855022] {-webkit-animation: opty-data-v-06855022 2.5s 3s forwards;animation: opty-data-v-06855022 2.5s 3s forwards; width: 58px; height: 55px; left: 10px; top: 180px; } .gameyx .ani1 em[data-v-06855022]{width: 58px; height: 55px;background: url("https://presale.jhtsoft.com/picms/2db5e76b5f3c30.png") no-repeat;-webkit-transform: rotateZ(30deg);transform: rotateZ(30deg); } .gameyx .ani2[data-v-06855022] { width: 53px; height: 55px; background: url("https://presale.jhtsoft.com/picms/2db5ed5522912e.png") no-repeat; right: 100px; bottom: 87px;-webkit-animation: pulse2-data-v-06855022 2.5s 3.5s infinite;animation: pulse2-data-v-06855022 2.5s 3.5s infinite; } .gameyx .ani3[data-v-06855022],.gameyx .ani4[data-v-06855022],.gameyx .ani5[data-v-06855022],.gameyx .ani6[data-v-06855022] { background: url("https://presale.jhtsoft.com/picms/2db6017f36ee7c.png") no-repeat; } .gameyx .ani3[data-v-06855022] {width: 15px; height: 15px; top: 144px; right: 60px; background-position: -61px -4px; -webkit-animation: opty-data-v-06855022 2.5s 3.8s forwards;animation: opty-data-v-06855022 2.5s 3.8s forwards; } .gameyx .ani4[data-v-06855022],.gameyx .ani5[data-v-06855022] {width: 24px; height: 24px; background-position: -104px -2px; } .gameyx .ani4[data-v-06855022] {top: 160px; right: 35px; -webkit-animation: opty-data-v-06855022 2.5s 3s forwards;animation: opty-data-v-06855022 2.5s 3s forwards; } .gameyx .ani5[data-v-06855022] {left: 150px; bottom: 100px;-webkit-animation: pulse2-data-v-06855022 2.5s 3.5s infinite;animation: pulse2-data-v-06855022 2.5s 3.5s infinite; } .gameyx .ani6[data-v-06855022] { width: 26px; height: 26px; top: 210px; right: 75px; background-position:-5px -2px; -webkit-animation: opty-data-v-06855022 2.5s 3.8s forwards;animation: opty-data-v-06855022 2.5s 3.8s forwards; } @-webkit-keyframes hbs-data-v-06855022{ 0%{ background-position: 0 0; } 100%{ background-position: -268px 0; } } @keyframes hbs-data-v-06855022{ 0%{ background-position: 0 0; } 100%{ background-position: -268px 0; } } @-webkit-keyframes expand-data-v-06855022 { 0% {opacity:0;-webkit-transform:scale(0);transform:scale(0); } 100% {opacity:1;-webkit-transform:scale(1);transform:scale(1); } } @keyframes expand-data-v-06855022 { 0% {opacity:0;-webkit-transform:scale(0);transform:scale(0); } 100% {opacity:1;-webkit-transform:scale(1);transform:scale(1); } } @-webkit-keyframes opty-data-v-06855022{ 0%{ opacity: 0; } 100%{ opacity: 1; } } @keyframes opty-data-v-06855022{ 0%{ opacity: 0; } 100%{ opacity: 1; } } @-webkit-keyframes pulse2-data-v-06855022 { 0% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); } 50% {opacity: 1; -webkit-transform: translate3d(0, -10px, 0); } 100% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); } } @keyframes pulse2-data-v-06855022 { 0% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% {opacity: 1; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 100% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes bounceInUp-data-v-06855022{ 0%, 100%, 60%, 75%, 90% {-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);transition-timing-function: cubic-bezier(0.215,.61,.355,1); } 0% {opacity: 0;-webkit-transform: translate3d(0,3000px,0);transform: translate3d(0,3000px,0); } 60% {opacity: 1;-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0); } 75% {-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,10px,0); } 90% {-webkit-transform: translate3d(0,-5px,0);transform: translate3d(0,-5px,0); } 100% {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes bounceInUp-data-v-06855022{ 0%, 100%, 60%, 75%, 90% {-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);transition-timing-function: cubic-bezier(0.215,.61,.355,1); } 0% {opacity: 0;-webkit-transform: translate3d(0,3000px,0);transform: translate3d(0,3000px,0); } 60% {opacity: 1;-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0); } 75% {-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,10px,0); } 90% {-webkit-transform: translate3d(0,-5px,0);transform: translate3d(0,-5px,0); } 100% {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } /*游戏弹框新 end*/ .zbd-part-ul li div h5[data-v-06855022]{margin-bottom: 16px;padding-top: 5px; color: #999 } .redColor[data-v-06855022]{color: #e62226!important } .minheight[data-v-06855022] { min-height: 700px; } .blacks[data-v-06855022] { display: none; } .blacksy[data-v-06855022] { display: block !important; } .uif-tip > span[data-v-06855022] { position: relative; } .uif-tip .delivery-morecard[data-v-06855022] { display: none; position: absolute; z-index: 2; padding: 10px 15px; font-size: 12px; line-height: 25px; text-align: left; white-space: nowrap; background: #fff; border: solid 1px #f0f0f0; -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1); color: #999; } .uif-tip .delivery-morecard i[data-v-06855022] { position: absolute; display: inline-block; width: 0; height: 0; } .uif-tip .delivery-morecard > i[data-v-06855022]:first-child { z-index: 3; border-bottom: solid 10px #f0f0f0; border-left: solid 10px transparent; border-right: solid 10px transparent; top: -10px; left: calc(35% - 10px); } .uif-tip .delivery-morecard > i[data-v-06855022]:nth-child(2) { z-index: 4; border-bottom: solid 9px #fff; border-left: solid 9px transparent; border-right: solid 9px transparent; top: -8px; left: calc(35% - 9px); } .psus-tip[data-v-06855022], .uinfo .uif-tip[data-v-06855022] { height: 30px; margin: 20px auto; line-height: 30px; width: 1158px; padding: 5px 20px; border: solid 1px #f3e7d3; background: #fffdf3; font-size: 14px; } .uinfo .uif-tip > span[data-v-06855022]:before { display: inline-block; content: "\E626"; font-size: 18px; color: #ffa641; margin-right: 5px; position: relative; } .uinfo .uif-tip > span i[data-v-06855022] { color: #e62226; font-weight: bold; margin: 0 5px; } .uif-tip > span[data-v-06855022] { height: 40px; display: inline-block; margin-bottom: -10px; } .uif-tip .card-restnum[data-v-06855022] { cursor: pointer; } .uif-tip > span:hover .delivery-morecard[data-v-06855022] { display: inline-block; } .delivery-morecard[data-v-06855022] { top: 35px; left: -20px; } .delivery-morecard em[data-v-06855022] { display: block; margin: 15px auto 0 !important; border-top: solid 1px #eee; color: #f53033 !important; text-align: center; padding-top: 10px; } .delivery-morecard ul[data-v-06855022] { max-height: 250px; overflow-x: hidden; overflow-y: auto; } .delivery-morecard ul li[data-v-06855022] { color: #333; } .delivery-morecard ul li small[data-v-06855022] { color: #999; margin-left: 20px; } .delivery-morecard small b[data-v-06855022] { color: #f18110; font-weight: 600; padding: 0 5px; } /*扫码追踪订单 start*/ .relatives[data-v-06855022] { position: relative; } .uif-tip[data-v-06855022] { position: relative; } .order-track[data-v-06855022] { position: absolute; right: 25px; top: 240px; z-index: 10; opacity: 0; -webkit-animation: fadeIn-data-v-06855022 1s forwards; animation: fadeIn-data-v-06855022 1s forwards; } @-webkit-keyframes fadeIn-data-v-06855022 { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn-data-v-06855022 { 0% { opacity: 0; } 100% { opacity: 1; } } .order-track .bj-track[data-v-06855022] { display: inline-block; position: relative; z-index: 11; width: 114px; height: 114px; background: url("https://presale.jhtsoft.com/picms/2af25400fc5fc2.gif") no-repeat top center; font-size: 20px; color: #fff; line-height: 114px; text-align: center; font-weight: 600; cursor: pointer; border-radius: 100%; } .bj-track i[data-v-06855022], .bj-track span[data-v-06855022], .bj-track b[data-v-06855022] { display: inline-block; position: absolute; z-index: 11; background: url("https://presale.jhtsoft.com/picms/2af2578f47ab8a.png") no-repeat 0 0; } .bj-track i[data-v-06855022] { left: -10px; top: 10px; width: 20px; height: 20px; -webkit-animation: trkblue-data-v-06855022 2.5s infinite linear; animation: trkblue-data-v-06855022 2.5s infinite linear; } .bj-track span[data-v-06855022] { left: 5px; bottom: 5px; width: 40px; height: 20px; background-position: -38px 0; -webkit-animation: trkpurple-data-v-06855022 2.5s infinite linear; animation: trkpurple-data-v-06855022 2.5s infinite linear; } .bj-track b[data-v-06855022] { right: -15px; top: 15px; width: 20px; height: 20px; background-position: -98px 0; -webkit-animation: trkyellow-data-v-06855022 2.5s infinite linear; animation: trkyellow-data-v-06855022 2.5s infinite linear; } .bj-track:hover i[data-v-06855022], .bj-track:hover span[data-v-06855022], .bj-track:hover b[data-v-06855022] { -webkit-animation: none; animation: none; } @-webkit-keyframes trkblue-data-v-06855022 { 0%, 100% { left: -10px; top: 10px; -webkit-transform: none; } 25% { left: -20px; top: 35px; -webkit-transform: rotateZ(-15deg); } 75% { left: 5px; top: -10px; -webkit-transform: rotateZ(30deg); } } @keyframes trkblue-data-v-06855022 { 0%, 100% { left: -10px; top: 10px; -webkit-transform: none; transform: none; } 25% { left: -20px; top: 35px; -webkit-transform: rotateZ(-15deg); transform: rotateZ(-15deg); } 75% { left: 5px; top: -10px; -webkit-transform: rotateZ(30deg); transform: rotateZ(30deg); } } @-webkit-keyframes trkpurple-data-v-06855022 { 0%, 100% { left: 5px; bottom: 5px; } 25% { left: 10px; bottom: 0; } 75% { left: 0; bottom: 10px; } } @keyframes trkpurple-data-v-06855022 { 0%, 100% { left: 5px; bottom: 5px; } 25% { left: 10px; bottom: 0; } 75% { left: 0; bottom: 10px; } } @-webkit-keyframes trkyellow-data-v-06855022 { 0%, 100% { right: -15px; top: 15px; -webkit-transform: none; } 25% { right: 5px; top: 0; } 75% { right: -20px; top: 40px; -webkit-transform: rotateZ(30deg); } } @keyframes trkyellow-data-v-06855022 { 0%, 100% { right: -15px; top: 15px; -webkit-transform: none; transform: none; } 25% { right: 5px; top: 0; } 75% { right: -20px; top: 40px; -webkit-transform: rotateZ(30deg); transform: rotateZ(30deg); } } .order-track .odcode[data-v-06855022] { opacity: 0; position: absolute; top: -35px; right: 0; padding: 15px 15px 0; background: #fff; border: solid 1px #f0f0f0; -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1); color: #666; text-align: center; } .order-track .bj-track:hover + .odcode[data-v-06855022] { -webkit-animation: odcode-data-v-06855022 0.6s forwards; animation: odcode-data-v-06855022 0.6s forwards; } @-webkit-keyframes odcode-data-v-06855022 { 0% { right: 0; opacity: 0; } 100% { right: 135px; opacity: 1; } } @keyframes odcode-data-v-06855022 { 0% { right: 0; opacity: 0; } 100% { right: 135px; opacity: 1; } } .order-track .odcode i[data-v-06855022] { display: inline-block; position: absolute; right: -8px; top: calc(50% - 8px); z-index: 11; width: 0; height: 0; border-style: solid; border-width: 8px; border-color: #fff #fff transparent transparent; -webkit-box-shadow: 1px -1px 6px rgba(0, 0, 0, 0.1); box-shadow: 1px -1px 6px rgba(0, 0, 0, 0.1); -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); } .order-track .odcode div[data-v-06855022], .order-track .odcode div img[data-v-06855022] { width: 140px; height: 140px; } .order-track .odcode p[data-v-06855022] { font-size: 14px; line-height: 30px; } /*扫码追踪订单 end*/ /* S 按周周期发货新加 xjt 2020-11-02 */ .deliPopem[data-v-06855022]{margin-left: 0;color:#0079b6;cursor: pointer; } .deliPopem[data-v-06855022]:hover{opacity: .8; } .tl[data-v-06855022]{text-align: left;padding-left: 60px; } /* S 选择配送上下午 */ .timeSelect[data-v-06855022]{ margin-left: 15px; width: 80px; } /* E 选择配送上下午 */ .l20[data-v-06855022] {margin-left: 20px !important; } .dateMod[data-v-06855022] .mc-cont {padding-top: 20px !important; } .editTxt[data-v-06855022]{color: #0079b6;margin-left: 10px;cursor: pointer; } .editTxt[data-v-06855022]:hover{opacity: .8; } .w300[data-v-06855022]{width: 300px; } .l90[data-v-06855022]{margin-left: 90px; } .l50[data-v-06855022]{margin-left: 50px; } /* E 按周周期发货新加 xjt 2020-11-02 */ /* S 周期性发货 xjt 2021-01-08 */ .firstDate[data-v-06855022] .el-date-editor--date .el-input__inner{width:100%!important;padding:0 30px!important; } .firstDate h5[data-v-06855022]{width:138px;text-align: right;margin-right: 10px; } .firstP em[data-v-06855022]{margin-right: 10px;display: inline-block;width: 138px;text-align: right; } .firstP[data-v-06855022] .el-input-group{width: 220px; } .firstP[data-v-06855022] .el-input-group>.el-input__inner{border-color: #f0f0f0; } .firstP[data-v-06855022] .el-input-group__append{border-color: #f0f0f0; } .tips[data-v-06855022] {padding-left: 0 !important;color: #999;font-size: 12px;margin-bottom: 10px; } .tips i[data-v-06855022] {display: inline-block; margin-right:3px; color:#ff5f20; } .shopMsg[data-v-06855022]{color: #999;line-height: 24px;font-size: 12px;margin-bottom: 20px;width: 100%; } .tsgBtn[data-v-06855022]{position: static!important;margin-top: 30px; } .color-black[data-v-06855022]{color: #333; } .monthDiv[data-v-06855022]{width: auto!important;line-height: 40px; } /* E 周期性发货 xjt 2021-01-08 */ /*查询申请提货验证 start*/ .top[data-v-3ebd2c02] { height: 600px; background-repeat: repeat-x; background-position:top center; background-size:auto 100% ; } .topbg[data-v-3ebd2c02] { position: relative; margin: 0 auto; width: 1200px; height: 600px } .topleft[data-v-3ebd2c02] { float: left; width: 520px; height: 215px; margin-top: 180px; margin-left: 10px } .topleft img[data-v-3ebd2c02] { width: 520px; height: 215px } .topright[data-v-3ebd2c02] { position: absolute; right: 0; width: 560px; background: #fff; -webkit-box-shadow: 0 0 8px #dfdfdf; box-shadow: 0 0 8px #dfdfdf; background-image: url(https://presale.jhtsoft.com/picms/384a120de9aace.png), url(https://presale.jhtsoft.com/picms/384a1634413bb8.png), url(https://presale.jhtsoft.com/picms/384a1a1ff2abbc.png); background-position: 20px 80px, 30px 510px, right bottom; background-repeat: no-repeat, no-repeat, no-repeat; background-size: 73px 71px, 140px 90px, 153px 92px } .toprightka[data-v-3ebd2c02] { position: absolute; top: -81px; width: 100%; height: 162px } .toprightka span[data-v-3ebd2c02] { width: 162px; height: 162px; float: left; background: url(https://presale.jhtsoft.com/picms/384df4f7d3fcc0.png) no-repeat; position: absolute; text-align: center; line-height: 162px; font-size: 54px; color: #e62226; font-weight: 700 } .toprightka span[data-v-3ebd2c02]:first-child { z-index: 1; left: 25px; animation-delay: .6s; -webkit-animation-delay: .6s } .toprightka span[data-v-3ebd2c02]:nth-child(2) { z-index: 2; left: 145px; animation-delay: 1.2s; -webkit-animation-delay: 1.2s } .toprightka span[data-v-3ebd2c02]:nth-child(3) { z-index: 3; left: 260px; animation-delay: 1.8s; -webkit-animation-delay: 1.8s } .toprightka span[data-v-3ebd2c02]:nth-child(4) { z-index: 4; left: 376px; animation-delay: 2.4s; -webkit-animation-delay: 2.4s } .toprightkuang[data-v-3ebd2c02] { width: 560px; margin-top: 120px; min-height: 500px } .ser-kuang[data-v-3ebd2c02] { margin-top: 170px } .kuangtit[data-v-3ebd2c02] { padding: 0 80px; height: 50px; margin-bottom: 3px; border-bottom: solid 1px #ededed } .kuangtit a[data-v-3ebd2c02] { display: inline-block; float: left; width: 112px; margin: 0 44px; font-size: 28px; line-height: 47.5px; color: #bdbdbd } .kuangtit a.on[data-v-3ebd2c02] { color: #333; font-weight: 700; border-bottom: 5px solid #e62226 } .serform[data-v-3ebd2c02] { width: 400px; margin: 35px auto 0 } .serform .waring[data-v-3ebd2c02] { overflow: hidden; margin-bottom: 10px; font-size: 14px; color: #e62226; padding-left: 8px } .serform .waring[data-v-3ebd2c02]:before { display: inline-block; line-height: 20px; content: "\E637"; vertical-align: middle; margin: 0 5px 2px 0 } .serform span[data-v-3ebd2c02] { display: block; border: 1px solid #e1e1e1; line-height: 50px; overflow: hidden; padding: 0 20px; margin-bottom: 30px; border-radius: 2px; -moz-border-radius: 2px } .serform span input[data-v-3ebd2c02], .serform span label[data-v-3ebd2c02] { display: inline-block; float: left } .serform span label[data-v-3ebd2c02] { width: 65px; margin-right: 20px; font-size: 16px; color: #333 } .serform span input[data-v-3ebd2c02] { color: #333; font-size: 16px; height: 50px; line-height: 50px; width: calc(100% - 85px) } /*改为elementUI的input*/ .serform .flexUI[data-v-3ebd2c02] {padding-right:0; } .serform .flexUI[data-v-3ebd2c02] .el-input {width: calc(100% - 85px); } .serform .flexUI[data-v-3ebd2c02] .el-input__inner {border:none;padding-left:0;font-size: 16px; } .serform span.sel-yyadrs[data-v-3ebd2c02] { position: relative } .serform span.sel-yyadrs input[data-v-3ebd2c02] { width: calc(100% - 100px) } .sel-yyadrs[data-v-3ebd2c02]:after { position: absolute; content: "\E66B"; right: 10px; top: 0; line-height: 50px } .serform p[data-v-3ebd2c02]:last-child { padding: 30px 0; color: #999; font-size: 14px } .serform p[data-v-3ebd2c02]:last-child:before { display: inline-block; content: "\E626"; font-size: 18px; color: #ffa641; margin-right: 5px } .serform p:last-child a[data-v-3ebd2c02] { color: #333; font-weight: 600; margin-left: 5px } .serform .btn[data-v-3ebd2c02] { display: block; width: 100%; line-height: 50px; border-radius: 2px; font-size: 18px; letter-spacing: 5px } .serform span select[data-v-3ebd2c02] { border: transparent; background: #f7f7f7; padding: 10px 2px; max-width: 130px; min-width: 100px } /*申请送货框补充地址选择 zz*/ .toprightkuang .ct-send[data-v-3ebd2c02] { float: none; margin-bottom: 30px; height: 48px; line-height: 46px; border: 1px solid #e1e1e1; padding: 0 20px } .toprightkuang .ct-send em[data-v-3ebd2c02] { border: 1px solid #fff; padding-left: 23px } .toprightkuang .ct-send em.sdown[data-v-3ebd2c02] { border-color: #e0e0e0; border-bottom-color: #e0e0e0; border-bottom: none; margin-top: 1px } .toprightkuang .ct-send .sendiv[data-v-3ebd2c02] { top: 46px; border: 1px solid #fff } .toprightkuang .ct-send input[data-v-3ebd2c02] { width: 255px } .toprightkuang .ct-send.sdopen .sendiv[data-v-3ebd2c02] { border: 1px solid #e0e0e0; right: -1px } /*查询申请提货验证 end*/ /*券卡验证商品列表 start*/ .zbd[data-v-3ebd2c02] { margin: 0 auto; height: auto; margin-top: -30px; background-image: url(https://presale.jhtsoft.com/picms/384a120de9aace.png), url(https://presale.jhtsoft.com/picms/384a1634413bb8.png), url(https://presale.jhtsoft.com/picms/384a120de9aace.png), url(https://presale.jhtsoft.com/picms/384a1634413bb8.png); background-position: 3% 0, 95% 70px, 3% bottom, 95% bottom; background-repeat: no-repeat, no-repeat, no-repeat, no-repeat; background-size: 232px 210px, 184px 156px, 232px 210px, 184px 156px; display: none } .zbd-part[data-v-3ebd2c02] { width: 1200px; margin: 0 auto; padding-top: 30px } .zbd-part-tit[data-v-3ebd2c02] { height: 50px; line-height: 50px; font-size: 16px; border-bottom: 2px solid #e6e6e6; overflow: hidden; background: #eee } .zbd-part-tit a[data-v-3ebd2c02], .zbd-part-tit span[data-v-3ebd2c02] { display: inline-block } .zbd-part-tit a[data-v-3ebd2c02]:first-child { float: left; padding-left: 20px; color: #666 } .zbd-part-tit a:first-child span[data-v-3ebd2c02] { font-size: 18px; color: #e62226; font-family: Arial, Verdana, "\5B8B\4F53" } .zbd-part-tit a:first-child span b[data-v-3ebd2c02] { margin: 0 5px; display: inline-block } .zbd-part-tit span[data-v-3ebd2c02] { float: right; height: 50px } .zbd-part-tit span a[data-v-3ebd2c02] { margin-right: 25px; color: #e62226 } .zbd-part-tit span a[data-v-3ebd2c02]:first-child { color: #f18110 } .zbd-part-tit .code-description[data-v-3ebd2c02] { display: inline-block; height: 28px; line-height: 28px; margin: 11px 20px; font-size: 14px; color: #666; overflow: hidden } .zbd-part-tit .code-description small[data-v-3ebd2c02] { font-size: 14px } .zbd-part-tit .code-description em[data-v-3ebd2c02], .zbd-part-tit .code-description em button[data-v-3ebd2c02], .zbd-part-tit .code-description em input[data-v-3ebd2c02], .zbd-part-tit .code-description label[data-v-3ebd2c02], .zbd-part-tit .code-description span[data-v-3ebd2c02] { display: inline-block; float: left } .zbd-part-tit .code-description em[data-v-3ebd2c02] { border: solid 1px #ccc; height: 24px; margin: 0 10px } .zbd-part-tit .code-description em button[data-v-3ebd2c02] { width: 24px; height: 24px; background: #fff; text-align: center; outline: 0; border: none } .zbd-part-tit .code-description em button[data-v-3ebd2c02]:active, .zbd-part-tit .code-description em button[data-v-3ebd2c02]:hover { background: rgba(241, 2, 21, .1); color: #e62226 } .zbd-part-tit .code-description em input[data-v-3ebd2c02] { width: 53px; height: 24px; border-left: solid 1px #e0e0e0; border-right: solid 1px #e0e0e0; line-height: 24px; text-align: center; font-size: 14px; color: #333 } .zbd-part-tit .code-description small b[data-v-3ebd2c02] { color: #333; font-weight: 600; margin: 0 5px } .zbd-part-ul[data-v-3ebd2c02] { padding: 0 20px } .zbd-part-ul li[data-v-3ebd2c02] { display: block; overflow: hidden; padding-top: 30px; padding-bottom: 50px } .zbd-part-ul li .zpu-tu[data-v-3ebd2c02] { float: left; display: inline-block } .zbd-part-ul li .zpu-tu img[data-v-3ebd2c02] { width: 188px; height: 188px; border-radius: 50%; -moz-border-radius: 50%; border: 2px solid #a67761; -webkit-animation: rotate 1s linear; animation: rotate 1s linear } .zbd-part-ul li div[data-v-3ebd2c02] { float: left; margin-left: 32px; width: 936px } .zbd-part-ul li div a[data-v-3ebd2c02], .zbd-part-ul li div p[data-v-3ebd2c02] { margin-bottom: 10px; font-size: 14px; display: block; line-height: 20px; color: #999; line-height: 20px; font-size: 14px; min-height: 20px; position: relative; overflow: hidden } .zbd-part-ul li div .card-p[data-v-3ebd2c02] { position: relative; padding-right: 50px; max-height: 20px } .zbd-part-ul li div p i[data-v-3ebd2c02] { position: absolute; top: 0; right: 15px; display: none; width: 20px; height: 20px; text-align: center; font-size: 20px; color: #333; font-weight: 600; cursor: pointer; -webkit-transition: all .5s ease; transition: all .5s ease } .zbd-part-ul li div a[data-v-3ebd2c02] { font-size: 18px; color: #333; height: 25px; line-height: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .zbd-part-ul li div a em[data-v-3ebd2c02] { font-weight: 600 } .zbd-part-ul li div a em[data-v-3ebd2c02]:first-child { margin-right: 10px } .zbd-part-ul li div a[data-v-3ebd2c02]:hover { color: #e62226 } .zbd-part-ul li div p[data-v-3ebd2c02]:nth-child(3) { color: #e62226; margin-bottom: 16px; padding-top: 5px } .zbd-part-ul li .bigred[data-v-3ebd2c02] { font-size: 24px; font-weight: 700; font-family: Arial, Verdana, "\5B8B\4F53" } .zbd-part-ul li .hei[data-v-3ebd2c02] { color: #333 } .card-foot[data-v-3ebd2c02] { width: 950px; margin: 50px auto 100px; padding-left: 250px; height: 50px } .card-foot [type=button][data-v-3ebd2c02], .card-foot a[data-v-3ebd2c02], .card-foot span[data-v-3ebd2c02] { display: inline-block } .card-foot a[data-v-3ebd2c02], .card-foot span[data-v-3ebd2c02] { font-size: 14px; line-height: 50px } .card-foot span[data-v-3ebd2c02] { color: #666 } .card-foot span i[data-v-3ebd2c02] { font-size: 18px; color: #f18110; margin: 0 5px } .card-foot a[data-v-3ebd2c02] { margin: 0 30px 0 10px; color: #f18110 } .card-foot .btn[data-v-3ebd2c02] { width: 260px; border-radius: 2px; -moz-border-radius: 2px; height: 48px; line-height: 48px; font-size: 18px } /*返回顶部*/ .totop[data-v-3ebd2c02] { position: fixed; bottom: 10%; right: 5%; cursor: pointer; opacity: 0; width: 80px; height: 80px; border-radius: 100%; background: #ccc; color: #fff; line-height: 80px; text-align: center; font-size: 60px; font-weight: 400; -webkit-transition: opacity .3s; transition: opacity .3s } .totop[data-v-3ebd2c02]:hover { background: #e62226 } /*券卡验证商品列表 end*/ /*选定网点 strat*/ .network[data-v-3ebd2c02] { overflow: hidden; } .network span[data-v-3ebd2c02], .network .nw-cont[data-v-3ebd2c02] { display: inline-block; float: left; } .network span[data-v-3ebd2c02] { width: 180px; height: 130px; margin-right: 20px; } .network span img[data-v-3ebd2c02] { width: 100%; height: 100%; } .network .nw-cont[data-v-3ebd2c02] { width: 1000px; } .network .nw-cont p[data-v-3ebd2c02]:first-child { line-height: 35px; border-bottom: 2px solid #e6e6e6; overflow: hidden; } .network .nw-cont p:first-child b[data-v-3ebd2c02] { float: left; color: #333; font-size: 18px; font-weight: bold; } .network .nw-cont p:first-child em[data-v-3ebd2c02] { float: left; color: #666; font-size: 16px; padding-left: 20px; } .network .nw-cont p:first-child a[data-v-3ebd2c02] { float: right; padding-right: 20px; color: #f18110; font-size: 16px; } .network p[data-v-3ebd2c02]:not(:first-child) { line-height: 25px; padding-top: 8px; font-size: 14px; } .network p i[data-v-3ebd2c02] { display: inline-block; width: 72px; } .network p:nth-child(3) b[data-v-3ebd2c02] { margin-right: 20px; } .network p[data-v-3ebd2c02]:last-child { position: relative; padding-left: 72px; } .network p:last-child i[data-v-3ebd2c02] { position: absolute; left: 0; top: 8px; width: 72px; display: inline-block; line-height: 25px; } .network p:last-child b[data-v-3ebd2c02] { display: inline-block; margin-right: 0; cursor: pointer; } .network p:last-child b[data-v-3ebd2c02]:after { display: inline-block; content: "\E696"; height: 25px; line-height: 25px; font-size: 20px; margin-left: 25px; color: #f18110; } .nw-map[data-v-3ebd2c02] { height: 0; overflow: hidden; margin-top: 20px; -webkit-transition: height .2s; transition: height .2s; } .nw-map img[data-v-3ebd2c02] { border: none; width: 100%; } .nw-map.sdopen[data-v-3ebd2c02] { height: 180px; } /*选定网点 end*/ /*完善地址信息 start*/ .bd[data-v-3ebd2c02] { background: #f6f6f6; padding: 20px 0; min-height: 500px; } .bdpart[data-v-3ebd2c02] { width: 1200px; margin: 0 auto; } .bdpart-tit[data-v-3ebd2c02] { line-height: 30px; padding: 15px 0; margin-bottom: 30px; overflow: hidden; border-bottom: 2px solid #e6e6e6; } .bdpart-tit b[data-v-3ebd2c02], .bdpart-tit span[data-v-3ebd2c02], .bdpart-tit em[data-v-3ebd2c02] { display: inline-block; float: left; margin-left: 20px; font-size: 16px; } .bdpart-tit span[data-v-3ebd2c02] { max-width: 620px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .bdpart-tit a[data-v-3ebd2c02] { float: right; font-size: 16px; color: #f18110; } .bdpart-tit big[data-v-3ebd2c02] { display: inline-block; float: left; font-size: 20px; font-weight: bold; } .bdpart-tit em i[data-v-3ebd2c02] { color: #f18110; } .adrs-form[data-v-3ebd2c02] { padding: 0 20px; overflow: hidden; } .adrs-form p[data-v-3ebd2c02]:not(:last-child), .adrs-form .adrs-div[data-v-3ebd2c02] { height: 42px; line-height: 40px; margin-bottom: 10px; font-size: 16px; overflow: hidden; } .adrs-form em[data-v-3ebd2c02], .adrs-form input[data-v-3ebd2c02], .adrs-form span[data-v-3ebd2c02], .adrs-form small[data-v-3ebd2c02], .adrs-form .adrs-div .adrs-select[data-v-3ebd2c02], .adrs-form .adrs-div .adrs-select select[data-v-3ebd2c02] { display: inline-block; float: left; } .adrs-form em[data-v-3ebd2c02] { width: 160px; height: 40px; line-height: 40px; text-align: right; color: #666; } .adrs-form em b[data-v-3ebd2c02] { color: #e62226; margin-right: 5px; } .adrs-form p:not(:last-child) input[data-v-3ebd2c02] { margin: 0 15px 0 5px; width: 340px; height: 30px; line-height: 30px; border: 1px solid #ededed; padding: 5px 10px; font-size: 16px; -webkit-transition: all .3s; transition: all .3s; } .adrs-form p:not(:last-child) input[data-v-3ebd2c02]:hover { border-color: #c0c4cc } .adrs-form span[data-v-3ebd2c02] { color: #e62226; font-size: 14px; } .adrs-form span[data-v-3ebd2c02]:before { display: inline-block; content: "\E637"; font-size: 14px; margin-right: 5px; vertical-align: top; } .adrs-form small[data-v-3ebd2c02] { display: inline-block; color: #999; font-size: 14px; max-width: calc(100% - 602px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .adrs-form .adrs-div .adrs-select[data-v-3ebd2c02] { width: 362px; height: 40px; margin: 0 15px 0 5px; } .adrs-form .adrs-div .adrs-select select[data-v-3ebd2c02] { width: 114px; height: 40px; border: solid 1px #e1e1e1; margin-right: 10px; text-align-last: center; text-align: center; color: #333; } .adrs-form .adrs-div .adrs-select select option[data-v-3ebd2c02]:disabled{color: #ccc; } .adrs-form .adrs-div .adrs-select select[data-v-3ebd2c02]:last-child { margin-right: 0; } .adrs-form p[data-v-3ebd2c02]:last-child { padding-left: 165px; margin-top: 30px; } .adrs-form p:last-child [type='button'][data-v-3ebd2c02] { width: 170px; height: 48px; line-height: 48px; margin-right: 20px; } .adrs-form .btn-default[data-v-3ebd2c02] { background: #e0e0e0; } .adrs-form .btn-default[data-v-3ebd2c02]:hover { background: #ccc; color: #333; } /*完善地址信息 end*/ /*提交成功订单 start*/ .adv[data-v-3ebd2c02] { position: relative; width: 100%; height: 100px; text-align: center; overflow: hidden; } .adv.none[data-v-3ebd2c02] { height: 0; padding: 0; border: none; margin: 0; } .adv a img[data-v-3ebd2c02] { width: 100%; height: 100px; } .adv p[data-v-3ebd2c02] { width: 1200px; position: absolute; top: 5px; left: 50%; margin-left: -600px; } .adv p .icon-gb[data-v-3ebd2c02] { position: absolute; z-index: 1; right: 0; color: #fff; } .uinfo .uif-cont[data-v-3ebd2c02] { padding: 0 20px; position: relative; } .uinfo .uif-cont p[data-v-3ebd2c02] { position: relative; padding-left: 160px; width: calc(70% - 150px); line-height: 20px; margin-bottom: 10px; padding-right: 30%; padding-bottom: 10px; font-size: 14px; } .uinfo .uif-cont p label[data-v-3ebd2c02] { position: absolute; left: 0; top: 0; width: 150px; color: #666; text-align: right; } .uinfo .uif-cont .marketad-tu[data-v-3ebd2c02] { position: absolute; right: 0; top: 0; width: 152px; height: 120px; -webkit-animation: dhpic 1s linear infinite alternate; animation: dhpic 1s linear infinite alternate; display: none; } .uinfo .uif-cont .marketad-tu img[data-v-3ebd2c02] { width: 100%; } /*订单提交成功信息 end*/ /*券卡订单产品推荐 start*/ .plist-rcommend[data-v-3ebd2c02] { width: 1200px; margin: 0 auto; overflow: hidden; } .plist-rcommend .pr-tit[data-v-3ebd2c02] { width: calc(100% - 40px); line-height: 30px; padding: 15px 20px; margin-bottom: 30px; overflow: hidden; border-bottom: 2px solid #e6e6e6; display: inline-block; font-size: 20px; font-weight: bold; } .plist-rcommend .swiper-container[data-v-3ebd2c02] { position: relative; width: 100%; overflow: visible !important; } .plist-rcommend .swiper-wrapper[data-v-3ebd2c02] { height: auto; margin-right: -14px; } .plist-rcommend .swiper-wrapper .swiper-slide[data-v-3ebd2c02] { float: left; display: inline-block; width: 292.5px; background: #fff; } .prc .swiper-button-prev[data-v-3ebd2c02], .prc .swiper-button-next[data-v-3ebd2c02] { position: absolute; top: -50px; width: 30px; height: 30px; line-height: 30px; font-size: 18px; border: solid 1px #ebebeb; z-index: 10; cursor: pointer; background: #fff; text-align: center; } .prc .swiper-button-prev[data-v-3ebd2c02]:hover, .prc .swiper-button-next[data-v-3ebd2c02]:hover { color: #e62226; } .prc .swiper-button-next.swiper-button-disabled[data-v-3ebd2c02], .prc .swiper-button-prev.swiper-button-disabled[data-v-3ebd2c02] { opacity: 1 !important; color: #d6d6d6; } .prc .swiper-button-prev[data-v-3ebd2c02] { left: 94%; } .prc .swiper-button-next[data-v-3ebd2c02] { right: 0; -webkit-transform: rotate3d(0, 0, 1, 180deg); transform: rotate3d(0, 0, 1, 180deg); } .plist-rcommend .prc a[data-v-3ebd2c02], .plist-rcommend .prc p[data-v-3ebd2c02], .plist-rcommend .prc span[data-v-3ebd2c02] { display: block; text-align: center; } .plist-rcommend .prc a[data-v-3ebd2c02]:first-child { padding: 20px 0; } .plist-rcommend .prc a:first-child img[data-v-3ebd2c02] { width: 188px; height: 188px; border-radius: 50%; -moz-border-radius: 50%; border: 2px solid #a67761; -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; -webkit-transform: translateY(0); transform: translateY(0) } .plist-rcommend .prc a:first-child:hover img[data-v-3ebd2c02] { -webkit-transform: translateY(-5px); transform: translateY(-5px) } .plist-rcommend .prc a[data-v-3ebd2c02]:nth-child(2) { margin: 0 10px; font-size: 16px; font-weight: 600; line-height: 30px; border-bottom: solid 1px #ebebeb; } .plist-rcommend .prc a[data-v-3ebd2c02]:nth-child(2), .plist-rcommend .prc p[data-v-3ebd2c02] { max-width: 272.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .plist-rcommend .prc p[data-v-3ebd2c02] { padding: 0 10px; font-size: 14px; line-height: 25px; } .plist-rcommend .prc span[data-v-3ebd2c02] { display: block; height: 30px; margin-top: 10px; padding: 10px 0; color: #fff; } .plist-rcommend .prc span b[data-v-3ebd2c02] { font-size: 24px; font-weight: bold; } /*券卡订单产品推荐 end*/ /* * 提货模块cardProject所有弹窗样式 * start */ /*更改商品弹窗 begin*/ .mods-cont .mc_cont[data-v-3ebd2c02] { overflow-y: auto; overflow-x: hidden; } .mc-tit span[data-v-3ebd2c02] { display: inline-block; float: left; height: 26px; line-height: 26px; margin: 7px 20px; font-size: 14px; color: #666; overflow: hidden; } .mc-tit span small[data-v-3ebd2c02] { font-size: 14px; } .mc-tit span label[data-v-3ebd2c02], .mc-tit span em[data-v-3ebd2c02], .mc-tit span span[data-v-3ebd2c02], .mc-tit span em button[data-v-3ebd2c02], .mc-tit span em input[data-v-3ebd2c02] { display: inline-block; float: left; } .mc-tit span em[data-v-3ebd2c02] { border: solid 1px #ccc; height: 24px; margin: 0 10px; } .mc-tit span em button[data-v-3ebd2c02] { width: 24px; height: 24px; background: #fff; text-align: center; outline: none; border: none; } .mc-tit span em button[data-v-3ebd2c02]:hover, .mc-tit span em button[data-v-3ebd2c02]:active { background: rgba(241, 129, 127, .1); color: #f18110; } .mc-tit span em input[data-v-3ebd2c02] { width: 53px; height: 24px; border-left: solid 1px #e0e0e0; border-right: solid 1px #e0e0e0; line-height: 24px; text-align: center; font-size: 14px; color: #333; } .mc-tit span small i[data-v-3ebd2c02] { color: #333; font-weight: 600; margin: 0 5px; } /* .mods-product .mods-cont { width:1000px; height: 600px; margin-left:-500px; margin-top:-300px;} */ .mods-product .mods-cont .mc_cont[data-v-3ebd2c02] { height: 550px; width: 1000px; padding-bottom: 10px; } .mc_cont .mcb-tit[data-v-3ebd2c02] { position: absolute; z-index: 4; top: 118px; left: 30px; padding: 10px 0; width: calc(100% - 60px); height: 25px; line-height: 25px; background: #fff; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mcb_ul[data-v-3ebd2c02] { height: auto; margin: 0 auto; text-align: left; } .mcb_ul.pd-t-mx[data-v-3ebd2c02] { padding-top: 123px; } .mcb_ul li[data-v-3ebd2c02] { position: relative; width: 580px; padding: 15px 0; height: auto; border-top: solid 1px #eee; } .mcb_ul li .mcb_ul_tu[data-v-3ebd2c02] { display: block; position: absolute; top: 30px; width: 80px; height: 80px; border: solid 1px #ccc; } .mcb_ul li .mcb_ul_tu img[data-v-3ebd2c02] { max-width: 100%; max-height: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .mcb_ul li div[data-v-3ebd2c02] { height: auto; min-height: 105px; line-height: 25px; } .mcb_ul li div a[data-v-3ebd2c02] { display: block; width: 100%; height: auto; line-height: 30px; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mcb_ul li div p[data-v-3ebd2c02] { display: block; padding-right: 60px; max-height: 25px; color: #999; line-height: 25px; font-size: 14px; position: relative; overflow: hidden; } .pedit_none .mcb_ul[data-v-3ebd2c02] { width: 940px; padding-right: 30px; padding-bottom: 90px; padding-left: 30px; } .pedit_none .mcb_ul li[data-v-3ebd2c02] { width: 940px; } .pedit_none .mcb_ul li span.icon-oncheck[data-v-3ebd2c02] { position: absolute; left: 10px; top: 55px; display: block; width: 30px; height: 30px; font-size: 30px; color: #e6e2e3; cursor: pointer; } .pedit_none .mcb_ul li span.icon-oncheck.cselected[data-v-3ebd2c02] { color: #f18110; } .pedit_none .mcb_ul li span input[type="checkbox"][data-v-3ebd2c02] { visibility: hidden; display: none; } .mcb_ul li .mcb_ul_tu[data-v-3ebd2c02] { display: block; position: absolute; top: 30px; width: 80px; height: 80px; border: solid 1px #ccc; } .mods-product .mcb_ul li .mcb_ul_tu[data-v-3ebd2c02] { left: 60px; } .pedit_none .mcb_ul li div[data-v-3ebd2c02] { width: 770px; padding-left: 170px; } .pedit_none .mcb_ul li div p[data-v-3ebd2c02]:last-child { width: 710px !important; } .mods-cont .mcp_zw[data-v-3ebd2c02] { position: absolute; z-index: 4; left: 0; top: 40px; height: 63px; background: #fff; padding: 25px 0 10px 0; } .mods-product .mods-cont .mcp_zw[data-v-3ebd2c02], .mods-product .mods-cont .mcp_zw .mcc-prdt[data-v-3ebd2c02], .mods-product .mods-cont .mcp_zw .mcc-prdt p[data-v-3ebd2c02] { width: 984px; } .mods-cont .mcp_zw .mcc-prdt[data-v-3ebd2c02] { position: relative; height: 45px; line-height: 45px; background: #eee; font-size: 18px; font-weight: 400; } .mods-cont .mcp_zw .mcc-prdt p[data-v-3ebd2c02] { position: absolute; left: 0; top: -8px; display: block; height: 63px; line-height: 63px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mods-cont .mcp_zw .mcc-prdt a[data-v-3ebd2c02] { text-align: center; color: #000; text-decoration: none; cursor: pointer; white-space: nowrap; overflow: hidden; font-size: 16px; text-overflow: ellipsis; } .mods-cont .mcp_zw .mcc-prdt a.active[data-v-3ebd2c02] { background: url(https://presale.jhtsoft.com/picms/3851540c54e616.png) no-repeat center top; color: #fff; background-size: 100% 64px; } .mods-cont .mcp_zw .mcc-prdt a em[data-v-3ebd2c02] { max-width: 48px; overflow: hidden; display: inline-block; vertical-align: top; } .mods-cont .mcp_zw .mcc-prdt a.active small[data-v-3ebd2c02] { font-size: 14px; line-height: 63px; font-weight: 600; } .mods-product .mods-cont .mcp_zw .mcc-prdt a[data-v-3ebd2c02] { display: block; float: left; width: 17%; } .mods-product .mods-cont .mcp_zw .mcc-prdt a.bw14[data-v-3ebd2c02] { width: 14%; } .mods-product .mods-cont .mcp_zw .mcc-prdt a.active[data-v-3ebd2c02] { width: 28%; } .mc_cont .mcc_btn_zw[data-v-3ebd2c02] { display: block; width: 940px; height: 40px; padding: 15px 0; background: #fff; position: absolute; left: 30px; bottom: 0; text-align: center; } .mc_cont .mcc_btn_zw a.mcc_sub[data-v-3ebd2c02] { display: inline-block; width: 150px; border: 1px solid #f18110; height: 40px; margin: 0 auto; border-radius: 6px; background: #f18110; color: #fff; line-height: 40px; font-size: 18px; text-decoration: none; text-align: center; cursor: pointer; } .mc-cont .mcc_btn_zw a.addbtn[data-v-3ebd2c02] { background: #fff; color: #f18110; margin-right: 10px; } .mc-cont .mcc_btn_zw a.addbtn[data-v-3ebd2c02]:hover { background: #f18110; color: #fff; } /*更改商品弹窗 end*/ /*修改地址弹窗 start*/ .mods-editad .mods-cont[data-v-3ebd2c02] { width: 1000px; height: 540px; margin-left: -500px; margin-top: -270px; } .mods-editad .mods-cont .mc_cont[data-v-3ebd2c02] { height: 480px; width: 940px; padding: 0 30px 10px 30px; } .mc_zw[data-v-3ebd2c02] { position: absolute; z-index: 4; left: 0; top: 40px; height: 20px; background: #fff; } .mc_b_zw[data-v-3ebd2c02] { position: absolute; z-index: 4; left: 0; bottom: 0; height: 20px; background: #fff; } .mods-editad .mods-cont .mc_zw[data-v-3ebd2c02] { width: 984px; } .medit_c_ul[data-v-3ebd2c02] { width: 940px; height: auto; margin: 0 auto; margin: 20px 0 90px 0; background: #fafafa; } .medit_c_ul li[data-v-3ebd2c02] { position: relative; width: 100%; height: auto; width: 940px; height: auto; background: #fff; padding: 10px 0; /* margin-bottom: 10px; */ font-size: 16px; cursor: pointer; } .medit_c_ul li[data-v-3ebd2c02]:hover { background: #fffdf3; } .medit_c_ul li .icon-oncheck[data-v-3ebd2c02] { position: absolute; left: 15px; top: 50%; margin-top: -15px; display: block; width: 30px; height: 30px; font-size: 24px; color: #e6e2e3; cursor: pointer; } .medit_c_ul li.selected .icon-oncheck[data-v-3ebd2c02] { color: #f18110; } .medit_c_ul li .icon-oncheck input[type="radio"][data-v-3ebd2c02] { visibility: hidden; } .medit_c_ul li div[data-v-3ebd2c02] { width: 860px; padding-left: 80px; height: auto; } .medit_c_ul li div em[data-v-3ebd2c02] { display: block; width: 100%; line-height: 40px; margin-bottom: 10px; font-size: 16px; } .medit_c_ul li div p[data-v-3ebd2c02] { display: block; width: 80%; height: 20px; line-height: 20px; margin-bottom: 10px; font-size: 14px; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .medit_c_ul li span[data-v-3ebd2c02] { position: absolute; right: 20px; bottom: 22px; } .medit_c_ul li a[data-v-3ebd2c02] { color: #f18110; text-decoration: none; cursor: pointer; font-size: 14px; padding-left: 10px; } /*修改地址弹窗 end*/ /*更改网点弹窗 begin*/ .mods-yywd .mods-cont .mc_cont[data-v-3ebd2c02] { height: 590px; width: 940px; padding: 0 30px; } .mods-yywd .mods-cont .mc_zw[data-v-3ebd2c02], .mods-yywd .mods-cont .mc_b_zw[data-v-3ebd2c02] { position: absolute; z-index: 4; left: 0; width: 984px; height: 20px; background: #fff; } .mc_zw[data-v-3ebd2c02] { top: 40px; } .mc_b_zw[data-v-3ebd2c02] { bottom: 0; } .mc_cont .mcc_top[data-v-3ebd2c02] { position: absolute; z-index: 4; left: 30px; top: 40px; width: 940px; height: 40px; margin: 0 auto; padding: 20px 0; background: #fff; } .mc_cont .mcc_top span[data-v-3ebd2c02] { float: left; height: 40px; line-height: 40px; overflow: hidden; margin-right: 15px; } .mc_cont .mcc_top span label[data-v-3ebd2c02] { float: left; margin-right: 20px; font-size: 14px; } .mc_cont .mcc_top span input[data-v-3ebd2c02], .mc_cont .mcc_top span select[data-v-3ebd2c02] { float: left; display: inline-block; width: 240px; padding-left: 10px; height: 38px; border: solid 1px #eaeaea; border-radius: 2px; line-height: 38px; color: #666; font-size: 14px; } .mc_cont .mcc_top span select[data-v-3ebd2c02] { width: 200px !important; margin-right: 10px; } .mc_cont .mcc_top a[data-v-3ebd2c02] { float: left; display: inline-block; width: 160px; height: 40px; line-height: 40px; font-size: 14px; margin: 0 auto; border-radius: 6px; background: #f18110; text-align: center; color: #fff; text-decoration: none; cursor: pointer; } .deliveryadres[data-v-3ebd2c02], .mc_cont .mcc_bot[data-v-3ebd2c02] { width: 940px; height: auto; margin: 0 auto; margin-top: 80px; background: #fafafa; } .mods-yywd .mods-cont[data-v-3ebd2c02] { width: 1000px; height: 640px; margin-left: -500px; margin-top: -320px; font-size: 16px; } dl.yyda_top[data-v-3ebd2c02] { width: 100%; height: auto; overflow: hidden; position: relative; background: #fff; } .deliveryadres dl.yyda_top[data-v-3ebd2c02] { margin-bottom: 10px; } dl.yyda_top dd.yyda_t_tu[data-v-3ebd2c02] { width: 178px; height: 128px; border: solid 1px #eee; position: absolute; left: 0; } dl.yyda_top dd.yyda_t_tu img[data-v-3ebd2c02] { width: 100%; height: 100%; } .deliveryadres dl.yyda_top dd.yyda_t_tu[data-v-3ebd2c02] { top: 15px; } .deliveryadres dl.yyda_top dd.yyda_t_left[data-v-3ebd2c02] { width: 545px; height: auto; padding: 15px 0 15px 195px; text-align: left; } dd.yyda_t_left span[data-v-3ebd2c02] { display: block; width: 100%; line-height: 30px; margin-bottom: 10px; font-size: 16px; } dd.yyda_t_left span em[data-v-3ebd2c02] { font-size: 14px; margin-left: 20px; } .deliveryadres .yyda_top .yyda_t_left span[data-v-3ebd2c02], .medit_c_ul li div em[data-v-3ebd2c02] { color: #333; } .deliveryadres .yyda_top .yyda_t_left span em[data-v-3ebd2c02] { color: #666; font-weight: 400; } dl.yyda_top dd.yyda_t_left p[data-v-3ebd2c02] { display: block; width: 100%; height: 20px; line-height: 20px; margin-bottom: 10px; font-size: 14px; vertical-align: middle; } dl.yyda_top dd.yyda_t_left p[data-v-3ebd2c02]:last-child { position: relative; margin-bottom: 0; padding-left: 80px; height: auto !important; } dl.yyda_top dd.yyda_t_left p:last-child i[data-v-3ebd2c02] { font-style: normal; position: absolute; left: 0; top: 0; display: block; width: 80px; } dd.yyda_t_left p b[data-v-3ebd2c02] { font-weight: 400; margin: 0 5px; } dt.yyda_t_right[data-v-3ebd2c02] { position: absolute; z-index: 1; width: 120px; height: 110px; } .deliveryadres dl.yyda_top dt.yyda_t_right[data-v-3ebd2c02] { top: 30px; right: 0; } dl.yyda_top dt.yyda_t_right a[data-v-3ebd2c02] { display: block; width: 118px; height: 25px; margin: 10px 0; line-height: 25px; text-align: left; font-size: 14px; text-decoration: none; vertical-align: top; cursor: pointer; } dl.yyda_top dt.yyda_t_right a[data-v-3ebd2c02]:hover { color: #f18110; } .yyda_t_left p i.yydatl_icon[data-v-3ebd2c02], dl.yyda_top dt.yyda_t_right a[data-v-3ebd2c02]:before { margin: 0 5px; display: inline-block; width: 25px; height: 25px; vertical-align: top; text-align: center; line-height: 25px; font-size: 18px; color: #f18110; } dl.yyda_top dt.yyda_t_right a[data-v-3ebd2c02]:first-child:before { content: "\E636"; } dl.yyda_top dt.yyda_t_right a[data-v-3ebd2c02]:nth-child(2):before { content: "\E696"; } dl.yyda_top dd.yyda_bot[data-v-3ebd2c02] { width: 100%; height: 0; overflow: hidden; -webkit-transition: height .3s; transition: height .3s; } dl.yyda_top dd.yyda_bot.sdopen[data-v-3ebd2c02] { height: 300px; } dl.yyda_top dd.yyda_bot img[data-v-3ebd2c02] { width: 100%; height: 300px; } /*更换网点弹窗 end*/ /*查询结果弹框 begin*/ .mods-result .mods-cont[data-v-3ebd2c02], .mods-rcomb .mods-cont[data-v-3ebd2c02] { width: 1000px; height: 660px; margin-left: -500px; margin-top: -330px; font-size: 16px; } .mods-rcomb .mods-cont .mcp_zw[data-v-3ebd2c02], .mods-rcomb .mods-cont .mcp_zw .mcc-prdt[data-v-3ebd2c02], .mods-rcomb .mods-cont .mcp_zw .mcc-prdt p[data-v-3ebd2c02] { width: 624px; } .mods-result .mods-cont .mc_zw[data-v-3ebd2c02], .mods-rcomb .mods-cont .mc_b_zw[data-v-3ebd2c02] { position: absolute; z-index: 4; left: 0; background: #fff; width: 624px; } .mc_zw[data-v-3ebd2c02] { top: 40px; } .mc_b_zw[data-v-3ebd2c02] { bottom: 0; } .mods-rcomb .mods-cont .mcp_zw .mcc-prdt a[data-v-3ebd2c02] { display: block; float: left; width: 27%; } .mods-rcomb .mods-cont .mcp_zw .mcc-prdt a.bw12[data-v-3ebd2c02] { width: 12%; } .mods-rcomb .mods-cont .mcp_zw .mcc-prdt a.bw18[data-v-3ebd2c02] { width: 18%; } .mods-rcomb .mods-cont .mcp_zw .mcc-prdt a.active[data-v-3ebd2c02] { width: 43%; } .mods-cont .mc_tent[data-v-3ebd2c02] { width: 1000px; height: 610px; overflow: hidden; } .mc_tent .mct_left[data-v-3ebd2c02] { float: left; height: 610px; overflow-y: scroll; overflow-x: hidden; } .mc_tent .mct_left.pad-xl[data-v-3ebd2c02] { width: 580px; padding: 0 30px; } .mc_tent .mct_left.pad-b-md[data-v-3ebd2c02] { width: 640px; } .mc_tent .mct_left .mctl_cont[data-v-3ebd2c02] { width: 580px; height: auto; } .mods-result .mc_tent .mct_left .mctl_cont[data-v-3ebd2c02] { padding-bottom: 60px; } .mods-rcomb .mc_tent .mct_left .mctl_cont[data-v-3ebd2c02] { } .mc_tent .mct_left.pad-b-md .mctl_cont[data-v-3ebd2c02] { padding-left: 30px; padding-right: 30px; } .mctl_cont.hidden[data-v-3ebd2c02] { display: none; } .mc_tent .mcb-tit[data-v-3ebd2c02] { position: absolute; z-index: 4; top: 118px; left: 30px; padding: 10px 0; width: 580px; height: 25px; line-height: 25px; background: #fff; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /*S swiper轮播*/ .mods-result .swiper-container[data-v-3ebd2c02] { position: relative; overflow: hidden; z-index: 4; width: 580px; height: 360px; margin: 10px auto; } .mods-result .swiper-container-no-flexbox .swiper-slide[data-v-3ebd2c02] { float: left; } .mods-result .swiper-container-vertical>.swiper-wrapper[data-v-3ebd2c02] { -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; } .mods-result .swiper-wrapper[data-v-3ebd2c02] { position: relative; width: 100%; height: 280px; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .mods-result .swiper-slide[data-v-3ebd2c02] { position: relative; width: 360px; height: 100%; margin: 0 auto; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-align: center; -webkit-box-align: center; align-items: center; text-align: center; } .mods-result .swiper-container-android .swiper-slide[data-v-3ebd2c02], .mods-result .swiper-wrapper[data-v-3ebd2c02] { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .mods-result .swiper-slide .mcb_ul_tu[data-v-3ebd2c02] { position: absolute; width: 360px; height: 360px; overflow: hidden; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .mods-result .swiper-slide img[data-v-3ebd2c02] { position: absolute; max-width: 360px; max-height: 360px; margin: auto; left: 0; top: 0; right: 0; bottom: 0; } .mods-result .swiper-container-multirow>.swiper-wrapper[data-v-3ebd2c02] { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mods-result .swiper-container-free-mode>.swiper-wrapper[data-v-3ebd2c02] { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } /*E swiper轮播*/ .mctl_cont dl[data-v-3ebd2c02] { width: 100%; height: auto; overflow: hidden; } .hiddauto[data-v-3ebd2c02] { overflow-y: auto; max-height: inherit !important; -webkit-transition: all .3s; transition: all .3s; } .mctl_cont dl dt[data-v-3ebd2c02] { display: block; width: 100%; height: 40px; line-height: 40px; font-size: 18px; font-weight: 600; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mctl_cont dl dt em[data-v-3ebd2c02] { font-weight: 600; } .mctl_cont dl dt em[data-v-3ebd2c02]:first-child { margin-right: 10px; } .mctl_cont dl dd[data-v-3ebd2c02] { display: block; width: 100%; height: 30px; line-height: 30px; font-size: 14px; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .mctl_cont dl p[data-v-3ebd2c02] { display: block; width: 520px; padding-right: 60px; max-height: 30px; line-height: 30px; position: relative; font-size: 14px; color: #666; } .mctl_cont dl p i[data-v-3ebd2c02], .mcb_ul li div p i[data-v-3ebd2c02] { position: absolute; top: 0; right: 15px; display: none; width: 20px; height: 20px; text-align: center; font-size: 20px; color: #333; font-weight: 600; cursor: pointer; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .mctl_cont dl p i.rotate[data-v-3ebd2c02] { margin-top: 10px; } .mcb_ul li div p i.rotate[data-v-3ebd2c02] { margin-top: 5px; } .click_mct_btn[data-v-3ebd2c02] { display: block; width: 580px; height: 30px; padding: 15px 0; line-height: 30px; background: #fff; position: absolute; left: 30px; bottom: 0; font-size: 16px; color: #999; vertical-align: middle; cursor: pointer; } .click_mct_btn[data-v-3ebd2c02]:before { display: inline-block; content: "\E60D"; color: #f18110; width: 20px; height: 20px; line-height: 20px; font-size: 18px; margin: 5px; -webkit-transform: rotate3d(0, 0, 1, 180deg); transform: rotate3d(0, 0, 1, 180deg); } .click_mct_btn a[data-v-3ebd2c02] { color: #f18110; } .click_mct_btn a[data-v-3ebd2c02]:hover { color: #f49a41; } .mcb_ul[data-v-3ebd2c02] { height: auto; margin: 0 auto; text-align: left; } .mcb_ul.pd-t-mx[data-v-3ebd2c02] { padding-top: 123px; } .mcb_ul li[data-v-3ebd2c02] { position: relative; width: 580px; padding: 15px 0; height: auto; border-top: solid 1px #eee; } .mcb_ul li[data-v-3ebd2c02]:hover { background: #fffdf3; } .mcb_ul li .mcb_ul_tu[data-v-3ebd2c02] { display: block; position: absolute; top: 30px; width: 80px; height: 80px; border: solid 1px #ccc; } .mcb_ul li div[data-v-3ebd2c02] { height: auto; min-height: 105px; line-height: 25px; word-break: break-all; word-wrap: break-word; } .mcb_ul li div a[data-v-3ebd2c02] { display: block; width: 100%; height: auto; line-height: 30px; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /*组合套餐产品列表*/ .mctl_comb .mcb_ul[data-v-3ebd2c02] { width: 580px; } .mctl_comb .mcb_ul li[data-v-3ebd2c02] { width: 580px; } .mctl_comb .mcb_ul li img[data-v-3ebd2c02] { left: 0; } .mctl_comb .mcb_ul li div[data-v-3ebd2c02] { width: 470px; padding-left: 110px; } .mctl_comb .mcb_ul li div p[data-v-3ebd2c02]:last-child { width: 410px !important; } /*查询结果右侧公用券卡信息*/ .mc_tent .mct_right[data-v-3ebd2c02] { float: left; width: 300px; height: 550px; padding: 30px; overflow-y: auto; font-size: 14px; } .mct_right dl[data-v-3ebd2c02] { width: 100%; height: auto; } .mct_right dl dt[data-v-3ebd2c02] { width: 100%; height: 45px; line-height: 45px; border-bottom: solid 1px #eaeaea; margin-bottom: 20px; } .mct_right dl dt span[data-v-3ebd2c02] { display: inline-block; width: auto; height: 44px; line-height: 44px; border-bottom: solid 2px #f18110; font-size: 18px; font-weight: 600; } .mct_right dl dd[data-v-3ebd2c02] { display: block; width: 100%; color: #999; } .mct_right dl dd b[data-v-3ebd2c02] { margin: 0 3px; } .mct_right dl dd:not(.autoLine) span[data-v-3ebd2c02] { color: #666; display: inline-block; max-width: calc(100% - 90px); max-height: 35px; overflow: hidden; vertical-align: top; text-overflow: ellipsis; white-space: nowrap; } .mct_right dl dd.txt-green span[data-v-3ebd2c02] { color: #358d2c; } .mct_right dl dd.txt-orange span[data-v-3ebd2c02] { color: #f18110; } .mods-result .mct_right dl dd[data-v-3ebd2c02]:not(.autoLine) { height: 35px; line-height: 35px; } /* .mct_right dl dd.autoLine em {padding:7px 0;} */ .mct_right dl dd.autoLine[data-v-3ebd2c02] {display: -webkit-box!important;display: -ms-flexbox!important;display: flex!important; } .mct_right dl dd.autoLine article[data-v-3ebd2c02] {color:#333;-webkit-box-flex:1;-ms-flex:1;flex:1; max-width:calc(100% - 70px);padding: 5px 0; line-height:20px; } .mods-rcomb .mct_right dl dd[data-v-3ebd2c02] { height: 35px; line-height: 35px; } .mct_right a.btn_th[data-v-3ebd2c02], .mct_right a.btn_od[data-v-3ebd2c02] { display: block; width: 100%; height: 50px; line-height: 50px; margin: 20px auto; border-radius: 6px; border: solid 1px #f18110; text-align: center; text-decoration: none; cursor: pointer; font-size: 18px; -webkit-box-sizing: border-box; box-sizing: border-box; } .mct_right a.btn_th[data-v-3ebd2c02], .mct_right a.btn_od[data-v-3ebd2c02]:hover, .mct_right a.btn_od[data-v-3ebd2c02]:active { background: #f18110; color: #fff; } .mct_right a.btn_od[data-v-3ebd2c02] { background: #fff; color: #f18110; } .mct_right .mctr_more[data-v-3ebd2c02] { float: left; width: 230px; color: #999; text-align: center; } .mct_right .mctr_more span[data-v-3ebd2c02] { display: block; width: 100%; height: 40px; line-height: 40px; color: #333; font-size: 18px; } .mct_right .mctr_more span a[data-v-3ebd2c02] { display: inline-block; height: 40px; line-height: 40px; color: #f18110; text-decoration: none; vertical-align: top; cursor: pointer; } .mct_right .mctr_more span a[data-v-3ebd2c02]:hover { opacity: .8; filter: alpha(opacity=80); } .mct_right .mctr_more span a[data-v-3ebd2c02]:before { float: left; display: inline-block; width: 30px; height: 30px; line-height: 30px; margin: 5px 0 5px 5px; content: "\E631"; font-size: 28px; } .mct_right .mctr_more p[data-v-3ebd2c02] { width: 170px; margin: 0 auto; height: 50px; line-height: 50px; position: relative; color: #888; font-size: 14px; } .mct_right .mctr_more p[data-v-3ebd2c02]:last-child { width: 150px; border-top: solid 1px #e0dfdf; } .mct_right .mctr_more p i[data-v-3ebd2c02] { position: absolute; z-index: 3; left: 50%; top: 100%; display: block; margin-left: -17.5px; margin-top: -12.5px; width: 35px; height: 25px; line-height: 25px; background: #fff; color: #333; } /*查询结果弹框 end*/ /*提货成功营销弹框 start*/ .tankuang[data-v-3ebd2c02] { z-index: 103; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .7); } .hide-body[data-v-3ebd2c02] { z-index: 104; position: relative; top: 50%; left: 50%; padding-top: 35px; width: 634px; height: 600px; margin: -317px 0 0 -300px; margin-left: -500px; } .hide-body span[data-v-3ebd2c02] { display: inline-block; position: absolute; top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; text-align: center; border: solid 2px #fff; border-radius: 100%; color: #fff; font-size: 20px; } .lgb-cont p[data-v-3ebd2c02] { text-align: center; margin-bottom: 15px; } .lgb-cont p[data-v-3ebd2c02]:nth-child(1) { color: #fff; font-size: 22px; } .lgb-cont p[data-v-3ebd2c02]:nth-child(2) { color: #fefffd; font-size: 20px; } .lgb-cont p:nth-child(2) small[data-v-3ebd2c02] { color: #fdfd00; font-size: 16px; margin-left: 5px; } .lgb-cont p:nth-child(2) big[data-v-3ebd2c02] { color: #fffb02; font-size: 40px; font-weight: bold; margin-right: 5px; font-family: Arial, Verdana, "\5B8B\4F53"; } .lgb-cont p[data-v-3ebd2c02]:nth-child(3) { color: #fefffd; font-size: 18px; } .lgb-cont p:nth-child(3) a[data-v-3ebd2c02] { color: #fdfd00; font-weight: bold; margin: 0 5px; } .lgb-cont p:nth-child(4) img[data-v-3ebd2c02] { width: 100%; height: auto; max-width: 150px; } .lgb-cont .ewm[data-v-3ebd2c02] { width: 160px; height: auto; margin: 0 auto; background: rgba(137, 19, 253, .5); } .lgb-cont .ewm img[data-v-3ebd2c02] { width: 130px; height: 130px; padding: 10px; background: #fff; margin-top: 5px; } .lg-bottom[data-v-3ebd2c02] { height: 60px; margin-top: 43px; overflow: hidden; } .lg-bottom a[data-v-3ebd2c02] { float: left; display: block; width: 140px; height: 52px; background: url(https://presale.jhtsoft.com/picms/384a3389607624.png) no-repeat; text-align: center; line-height: 52px; font-size: 22px; color: #bf3bff; font-weight: bold; } .lg-bottom a[data-v-3ebd2c02]:hover { opacity: 0.8; filter: Alpha(opacity=80); } .lg-bottom a[data-v-3ebd2c02]:first-child { margin-left: 122px; } .lg-bottom a[data-v-3ebd2c02]:last-child { margin-left: 20px; } /*营销弹框动画 begin*/ @-webkit-keyframes flipInY-data-v-3ebd2c02 { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); } } @keyframes flipInY-data-v-3ebd2c02 { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY[data-v-3ebd2c02], .toprightka span[data-v-3ebd2c02] { -webkit-animation: flipInY-data-v-3ebd2c02 1s; animation: flipInY-data-v-3ebd2c02 1s; } @-webkit-keyframes rollIn-data-v-3ebd2c02 { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; } } @keyframes rollIn-data-v-3ebd2c02 { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn[data-v-3ebd2c02], .topleft[data-v-3ebd2c02] { -webkit-animation: rollIn-data-v-3ebd2c02 1s; animation: rollIn-data-v-3ebd2c02 1s; } @-webkit-keyframes fadeInLeft-data-v-3ebd2c02 { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; } } @keyframes fadeInLeft-data-v-3ebd2c02 { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .zbd-part-ul li .zpu-tu[data-v-3ebd2c02], .fadeInLeft[data-v-3ebd2c02] { -webkit-animation: fadeInLeft-data-v-3ebd2c02 1s; animation: fadeInLeft-data-v-3ebd2c02 1s; } @-webkit-keyframes fadeInRight-data-v-3ebd2c02 { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; } } @keyframes fadeInRight-data-v-3ebd2c02 { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .zbd-part-ul li div[data-v-3ebd2c02], .fadeInRight[data-v-3ebd2c02] { -webkit-animation: fadeInRight-data-v-3ebd2c02 1s; animation: fadeInRight-data-v-3ebd2c02 1s; } @-webkit-keyframes zoomOutRight-data-v-3ebd2c02 { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(1000px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; } } @keyframes zoomOutRight-data-v-3ebd2c02 { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(1000px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(1000px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight[data-v-3ebd2c02] { -webkit-animation: zoomOutRight-data-v-3ebd2c02 1s; animation: zoomOutRight-data-v-3ebd2c02 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } /*提货成功营销弹框 end*/ /*流程图轮播弹框 start*/ .mods-help .mods-cont[data-v-3ebd2c02] { width: 700px; height: 420px; margin-left: -350px; margin-top: -210px; } .mods-help .mods-cont .swiper-container[data-v-3ebd2c02] { overflow: initial; } .mods-help .mc-cont[data-v-3ebd2c02] { padding: 0; } .mods-help .mc-cont .btnhover[data-v-3ebd2c02] { padding: 10px 18px; background-color: #e62226; color: #fff; font-size: 14px; border-radius: 6px; -webkit-border-radius: 6px; } .modhelp[data-v-3ebd2c02] { position: relative; height: 380px; } .modhelp .helper[data-v-3ebd2c02] { position: absolute; width: 150px; height: 220px; left: 30px; top: 34px; } .modhelp p[data-v-3ebd2c02], .modhelp h3[data-v-3ebd2c02] { left: 195px; position: absolute; z-index: 1; } .modhelp h3[data-v-3ebd2c02] { font-size: 24px; color: #333; top: 72px; } .modhelp p[data-v-3ebd2c02]:nth-of-type(1) { color: #666; font-size: 18px; top: 112px; } .modhelp p[data-v-3ebd2c02]:nth-of-type(2) { top: 172px; } .modhelp .modhelp-shine[data-v-3ebd2c02] { width: 260px; height: 260px; position: absolute; right: 18px; top: 112px; } .modhelp .modhelp-box[data-v-3ebd2c02] { width: 215px; height: 215px; position: absolute; right: 40px; top: 135px; z-index: 1; border-radius: 100%; -webkit-border-radius: 100%; } .modhelp .modhelp-box img[data-v-3ebd2c02] { width: 215px; height: 215px; border-radius: 100%; -webkit-border-radius: 100%; } .modhelp .modhelp-box-shadow[data-v-3ebd2c02] { width: 215px; height: 215px; position: absolute; left: 0; top: 0; z-index: 2; border-radius: 100%; -webkit-border-radius: 100%; background: rgba(0, 0, 0, .3); } .modhelp .wy[data-v-3ebd2c02] { position: absolute; z-index: 3; bottom: 0; left: 50%; margin-left: -55px; width: 110px; height: 110px; background: #fff; border-radius: 100%; -webkit-border-radius: 100%; overflow: hidden; } .modhelp .wy b[data-v-3ebd2c02], .modhelp .wy i[data-v-3ebd2c02] { display: block; height: 40px; margin: 35px 0; } .modhelp .wy b[data-v-3ebd2c02] { background: #e62226; } .modhelp .wy.wyshake[data-v-3ebd2c02] { background: #f2f2f2; } .modhelp .wy i[data-v-3ebd2c02] { background: #fff; } .modhelp-box .tit[data-v-3ebd2c02] { position: absolute; z-index: 3; font-size: 18px; color: #fff; top: 150px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .modhelp-box .yytit[data-v-3ebd2c02] { font-size: 16px; color: #333; } .modhelp-box .yytit[data-v-3ebd2c02]:before { margin: 10px 5px; width: 20px; height: 20px; content: "\E636"; color: #f18110; font-size: 18px; } .modhelp .helpline[data-v-3ebd2c02] { position: absolute; left: 283px; top: 245px; } .mods-help .swiper-pagination[data-v-3ebd2c02] { width: 100%; bottom: 20px; text-align: center; } .mods-help .swiper-pagination-bullet[data-v-3ebd2c02] { width: 8px; height: 8px; display: inline-block; width: 10px; height: 10px; margin: 0 5px; background-color: #666; } .mods-help .swiper-pagination-bullet-active[data-v-3ebd2c02] { background-color: #333; } .wy[data-v-3ebd2c02] { -webkit-animation: wyshake-data-v-3ebd2c02 infinite 2s 1.3s; animation: wyshake-data-v-3ebd2c02 infinite 2s 1.3s; } @-webkit-keyframes wyshake-data-v-3ebd2c02 { 0% { -webkit-transform: none; } 20% { -webkit-transform: translateX(-5px); } 40% { -webkit-transform: translateX(5px); } 60% { -webkit-transform: translateX(0px); } 0% { -webkit-transform: none; } } @keyframes wyshake-data-v-3ebd2c02 { 0% { -webkit-transform: none; transform: none; } 20% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 40% { -webkit-transform: translateX(5px); transform: translateX(5px); } 60% { -webkit-transform: translateX(0px); transform: translateX(0px); } 0% { -webkit-transform: none; transform: none; } } /*换流程图轮播弹框 end*/ /*提货模块cardProject所有弹窗样式 end*/ .el-select-dropdown__item.selected[data-v-3ebd2c02] { color: #e62226; } /*游戏弹框 start*/ .hide-body[data-v-3ebd2c02] { width: 804px; height: 498px; margin-left: -500px; margin-top: -289px; } .game .hide-body[data-v-3ebd2c02] { margin-left: -402px; } .login-body[data-v-3ebd2c02] { width: 804px; height: 498px; position: relative; } .game .lgb-cont[data-v-3ebd2c02] { padding: 0; } .mobmodel[data-v-3ebd2c02] { width: 246px; height: 454px; border: 2px solid #999; background-color: #eee; border-radius: 20px; position: absolute; z-index: 2; left: 44px; top: 36px; -webkit-animation: toleft-data-v-3ebd2c02 1s 1s backwards; animation: toleft-data-v-3ebd2c02 1s 1s backwards; } .mobtop[data-v-3ebd2c02], .tankuang .zi[data-v-3ebd2c02], .tankuang .line1[data-v-3ebd2c02], .tankuang .line2[data-v-3ebd2c02], .tankuang .qiu[data-v-3ebd2c02] { background-image: url(https://presale.jhtsoft.com/picms/4ecf747b652bf.png); background-repeat: no-repeat; } .mobtop[data-v-3ebd2c02] { width: 235px; height: 20px; position: absolute; z-index: 1; top: 10px; left: 5.5px; background-position: -43px -305px; } .mobtop[data-v-3ebd2c02]:before { display: block; content: ""; position: absolute; width: 30px; height: 4px; background-color: #ccc; top: 3px; left: 50%; margin-left: -15px; border-radius: 2px; } .mobmodel img[data-v-3ebd2c02] { display: block; width: 235px; height: 435px; margin: 10px auto; border-radius: 20px; } .tankuang .zi[data-v-3ebd2c02] { width: 285px; height: 66px; background-position: 0 0; position: absolute; z-index: 4; top: 47px; left: 340px; -webkit-animation: bounceIn .8s 1s backwards; animation: bounceIn .8s 1s backwards; } .round[data-v-3ebd2c02] { position: absolute; z-index: 3; top: 40px; left: 257px; width: 455px; height: 455px; background-image: url(https://presale.jhtsoft.com/picms/4ecf496640f45.jpg); background-size: 100% 100%; border-radius: 100%; color: #fff; border: 6px solid #9c77e6; -webkit-animation: bounceIn .8s .3s backwards; animation: bounceIn .8s .3s backwards; } .round .jpcon[data-v-3ebd2c02] { width: 335px; max-height: 196px; overflow-y: auto; margin-top: 92px; margin-left: 70px; } .round .jpcon p[data-v-3ebd2c02] { font-size: 16px; line-height: 28px; text-align: left; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .round .jpcon p strong[data-v-3ebd2c02] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .round .jpcon p strong.font13[data-v-3ebd2c02] { font-size: 13px; } .round .gamecode[data-v-3ebd2c02] { width: 130px; height: 130px; background-color: #fff; margin: 10px auto 0; } .round .gamecode img[data-v-3ebd2c02] { width: 110px; height: 110px; display: block; margin: 0 auto; padding-top: 10px; } .succescon[data-v-3ebd2c02] { padding-top: 80px; } .tankuang .kuai1[data-v-3ebd2c02], .tankuang .kuai2[data-v-3ebd2c02], .tankuang .sj1[data-v-3ebd2c02], .tankuang .sj2[data-v-3ebd2c02], .tankuang .line1[data-v-3ebd2c02], .tankuang .line2[data-v-3ebd2c02], .tankuang .qiu[data-v-3ebd2c02] { display: block; position: absolute; } .tankuang .kuai1[data-v-3ebd2c02], .tankuang .kuai2[data-v-3ebd2c02] { width: 210px; height: 260px; background-image: url(https://presale.jhtsoft.com/picms/4ecf1b6f14f97.png); background-size: 100% 100%; z-index: 1; } .tankuang .kuai1[data-v-3ebd2c02] { top: -27px; left: 127px; -webkit-transform: rotateZ(458deg); transform: rotateZ(458deg); } .tankuang .kuai2[data-v-3ebd2c02] { top: 155px; left: 590px; -webkit-animation: pulse-data-v-3ebd2c02 1.5s infinite; animation: pulse-data-v-3ebd2c02 1.5s infinite; } .sj1ani[data-v-3ebd2c02] { -webkit-animation: pulse-data-v-3ebd2c02 2.5s infinite; animation: pulse-data-v-3ebd2c02 2.5s infinite; } .kuai1ani[data-v-3ebd2c02] { -webkit-animation: pulse-data-v-3ebd2c02 2s infinite; animation: pulse-data-v-3ebd2c02 2s infinite; } .tankuang .sj1[data-v-3ebd2c02], .tankuang .sj2[data-v-3ebd2c02] { width: 106px; height: 77px; background-image: url(https://presale.jhtsoft.com/picms/4ed0222884c98.png); background-size: 100% 100%; } .sj1ani[data-v-3ebd2c02] { position: absolute; width: 106px; height: 77px; z-index: 3; left: -30px; top: 90px; } .tankuang .sj1[data-v-3ebd2c02] { -webkit-transform: rotateZ(-136deg); transform: rotateZ(-136deg); } .tankuang .sj2[data-v-3ebd2c02] { z-index: 2; top: 400px; right: 60px; -webkit-animation: pulse-data-v-3ebd2c02 2.5s infinite; animation: pulse-data-v-3ebd2c02 2.5s infinite; } .tankuang .line1[data-v-3ebd2c02], .tankuang .line2[data-v-3ebd2c02] { z-index: 3; } .tankuang .line1[data-v-3ebd2c02] { width: 285px; height: 126px; background-position: 0 -167px; top: 0; left: 263px; z-index: 1; } .tankuang .line2[data-v-3ebd2c02] { width: 36px; height: 197px; background-position: 0 -303px; top: 192px; right: 53px; } .tankuang .qiu[data-v-3ebd2c02] { z-index: 2; width: 87px; height: 87px; background-position: -112px -73px; left: 269px; bottom: -10px; -webkit-animation: pulse-data-v-3ebd2c02 2s infinite; animation: pulse-data-v-3ebd2c02 2s infinite; } @-webkit-keyframes pulse-data-v-3ebd2c02 { from { -webkit-transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(0, -10px, 0); } to { -webkit-transform: translate3d(0, 0, 0); } } @keyframes pulse-data-v-3ebd2c02 { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes toleft-data-v-3ebd2c02 { 0% { opacity: 0; left: 700px; } 100% { opacity: 1; left: 44px; } } @keyframes toleft-data-v-3ebd2c02 { 0% { opacity: 0; left: 700px; } 100% { opacity: 1; left: 44px; } } /*游戏弹框 end*/ /*游戏弹框新 start*/ .gameyx .hide-body[data-v-3ebd2c02] { width: 660px; height: 660px; margin-left: -330px; margin-top: -330px; padding-top: 0; } .gameyx .login-body[data-v-3ebd2c02] {width: 660px; height: 660px; } .gameyx .hide-body span[data-v-3ebd2c02] { top: -40px; right: -50px; -webkit-animation: expand-data-v-3ebd2c02 0.5s 4s backwards;animation: expand-data-v-3ebd2c02 0.5s 4s backwards; } .gameyx .sma[data-v-3ebd2c02] { position: absolute; z-index: 3; top: 0; left: 10px; width: 640px; height: 200px; background: url("https://presale.jhtsoft.com/picms/2db5fe402dea60.png") no-repeat center top;-webkit-animation: bounceIn .8s backwards;animation: bounceIn .8s backwards; } .gameyx .sma[data-v-3ebd2c02]:after { position: absolute; content: ""; width: 115px; height: 70px; background: url("https://presale.jhtsoft.com/picms/2db5fac87c8332.png") no-repeat 0 0;top: 4px;left: 130px;z-index: 5; -webkit-animation: hbs-data-v-3ebd2c02 steps(2) 1s 1.5s infinite; animation: hbs-data-v-3ebd2c02 steps(2) 1s 1.5s infinite; } .gameyx .ma[data-v-3ebd2c02] { position: absolute; top: 40px; left: 130px; z-index: 4; width: 110px; height: 125px; -webkit-transform:rotate(-5deg);transform:rotate(-5deg); background-color: #fff; } .gameyx .ma img[data-v-3ebd2c02] {display: block; width: 90px; height: 90px; margin: 10px 10px 2px; } .gameyx .ma p[data-v-3ebd2c02] {color: #c23ffa; font-size: 16px; font-weight: bold; margin-bottom: 0; } .gameyx .lucky[data-v-3ebd2c02] { position: absolute; z-index: 1; left: 50%;margin-left: -260px; top: 125px; width: 520px; height: 107px; -webkit-animation: bounceInUp-data-v-3ebd2c02 1s 2s backwards;animation: bounceInUp-data-v-3ebd2c02 1s 2s backwards; background:url("https://presale.jhtsoft.com/picms/37c2476e466308.png") no-repeat center top; } .gameyx .jxgun[data-v-3ebd2c02] {position: absolute; z-index: 4;left: 50%;margin-left: -260px;top: 125px;width: 520px; margin-top: 38px;height: 40px;-webkit-animation: bounceInUp-data-v-3ebd2c02 1s 2s backwards;animation: bounceInUp-data-v-3ebd2c02 1s 2s backwards; } .gameyx .itgw-wrap[data-v-3ebd2c02] {height: 40px;white-space: nowrap;overflow: hidden;-webkit-transform: rotate(-5deg);transform: rotate(-5deg); } .gameyx .itgw-wrap ul[data-v-3ebd2c02] {padding-left: 20px;padding-right: 40px; } .gameyx .itgw-wrap li[data-v-3ebd2c02] {line-height: 40px;font-size:24px; color: #fff;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis; } .gameyx .itgw-wrap li[data-v-3ebd2c02]:hover { cursor: pointer; } .jx[data-v-3ebd2c02] {position: absolute; left: 0; top: 222px; width: 100%; z-index: 2;-webkit-perspective: 1200px;-o-perspective: 1200px;perspective: 1200px;-webkit-animation: expand-data-v-3ebd2c02 1s 1s backwards;animation: expand-data-v-3ebd2c02 1s 1s backwards; } .jx ul[data-v-3ebd2c02] { width: 100%; font-size: 0; text-align: center; height: 322px;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;transition-property: transform;transition-property: transform, -webkit-transform;-webkit-box-sizing: content-box;box-sizing: content-box;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; } .jx li[data-v-3ebd2c02] {display: inline-block; width:272px; height: 322px; background: url("https://presale.jhtsoft.com/picms/2db5e1b008dcf6.png") no-repeat center;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;webkit-flex-shrink: 0;-ms-flex: 0 0 auto;-ms-flex-negative: 0;flex-shrink: 0; position: relative; } .jx li[data-v-3ebd2c02]:after { display: block;content: "";position: absolute;width: 180px;height: 2px;background: rgba(0,0,0,.2);border-radius: 100%;-webkit-box-shadow: 0 0 4px 4px rgba(0,0,0, 0.2);box-shadow: 0 0 4px 4px rgba(0,0,0, 0.2);left: 50%;margin-left: -90px;bottom: -20px; } .jx li div[data-v-3ebd2c02] {width: 260px; height: 310px; margin: 6px;border-radius: 12px; background-color: #fff; } .jx li div b[data-v-3ebd2c02] {display: block; position: relative;padding: 10px 10px 0px; width: 240px; height: 240px;position: relative; overflow: hidden; } .jx li div b img[data-v-3ebd2c02] { display: block; position: absolute; margin: auto; left: 0; top: 0; right: 0; bottom: 0; width:auto; height: auto; max-width:240px ; max-height: 240px; overflow: hidden; } .jx li div p[data-v-3ebd2c02] { height: 60px; line-height: 60px; text-align: center; font-size: 16px !important; color:#333 !important; margin-bottom: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0 10px; } .jx li.pre[data-v-3ebd2c02]{-webkit-transform: translate3d(0px, 0px, -300px) rotateX(0deg) rotateY(-30deg);transform: translate3d(0px, 0px, -300px) rotateX(0deg) rotateY(-30deg); margin-right: 5px; } .jx li.active[data-v-3ebd2c02] {-webkit-transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg);transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg); margin: 0 20px; } .jx li.next[data-v-3ebd2c02] {-webkit-transform: translate3d(0px, 0px, -300px) rotateX(0deg) rotateY(30deg);transform: translate3d(0px, 0px, -300px) rotateX(0deg) rotateY(30deg); margin-left: 5px; } .gameyx .stage[data-v-3ebd2c02] { width: 650px; height: 226px; position: absolute; z-index: 1; left: 50%; margin-left: -325px; bottom: -25px; -webkit-animation: expand-data-v-3ebd2c02 1s .5s backwards;animation: expand-data-v-3ebd2c02 1s .5s backwards; } .gameyx .stage img[data-v-3ebd2c02] {display: block; width: 650px; height: 226px; } .gameyx .ani[data-v-3ebd2c02] { display: block; position: absolute; z-index: 4; opacity: 0; } .gameyx em[data-v-3ebd2c02] { display: block; } .gameyx .ani1[data-v-3ebd2c02] {-webkit-animation: opty-data-v-3ebd2c02 2.5s 3s forwards;animation: opty-data-v-3ebd2c02 2.5s 3s forwards; width: 58px; height: 55px; left: 10px; top: 180px; } .gameyx .ani1 em[data-v-3ebd2c02]{width: 58px; height: 55px;background: url("https://presale.jhtsoft.com/picms/2db5e76b5f3c30.png") no-repeat;-webkit-transform: rotateZ(30deg);transform: rotateZ(30deg); } .gameyx .ani2[data-v-3ebd2c02] { width: 53px; height: 55px; background: url("https://presale.jhtsoft.com/picms/2db5ed5522912e.png") no-repeat; right: 100px; bottom: 87px;-webkit-animation: pulse2-data-v-3ebd2c02 2.5s 3.5s infinite;animation: pulse2-data-v-3ebd2c02 2.5s 3.5s infinite; } .gameyx .ani3[data-v-3ebd2c02],.gameyx .ani4[data-v-3ebd2c02],.gameyx .ani5[data-v-3ebd2c02],.gameyx .ani6[data-v-3ebd2c02] { background: url("https://presale.jhtsoft.com/picms/2db6017f36ee7c.png") no-repeat; } .gameyx .ani3[data-v-3ebd2c02] {width: 15px; height: 15px; top: 144px; right: 60px; background-position: -61px -4px; -webkit-animation: opty-data-v-3ebd2c02 2.5s 3.8s forwards;animation: opty-data-v-3ebd2c02 2.5s 3.8s forwards; } .gameyx .ani4[data-v-3ebd2c02],.gameyx .ani5[data-v-3ebd2c02] {width: 24px; height: 24px; background-position: -104px -2px; } .gameyx .ani4[data-v-3ebd2c02] {top: 160px; right: 35px; -webkit-animation: opty-data-v-3ebd2c02 2.5s 3s forwards;animation: opty-data-v-3ebd2c02 2.5s 3s forwards; } .gameyx .ani5[data-v-3ebd2c02] {left: 150px; bottom: 100px;-webkit-animation: pulse2-data-v-3ebd2c02 2.5s 3.5s infinite;animation: pulse2-data-v-3ebd2c02 2.5s 3.5s infinite; } .gameyx .ani6[data-v-3ebd2c02] { width: 26px; height: 26px; top: 210px; right: 75px; background-position:-5px -2px; -webkit-animation: opty-data-v-3ebd2c02 2.5s 3.8s forwards;animation: opty-data-v-3ebd2c02 2.5s 3.8s forwards; } @-webkit-keyframes hbs-data-v-3ebd2c02{ 0%{ background-position: 0 0; } 100%{ background-position: -268px 0; } } @keyframes hbs-data-v-3ebd2c02{ 0%{ background-position: 0 0; } 100%{ background-position: -268px 0; } } @-webkit-keyframes expand-data-v-3ebd2c02 { 0% {opacity:0;-webkit-transform:scale(0);transform:scale(0); } 100% {opacity:1;-webkit-transform:scale(1);transform:scale(1); } } @keyframes expand-data-v-3ebd2c02 { 0% {opacity:0;-webkit-transform:scale(0);transform:scale(0); } 100% {opacity:1;-webkit-transform:scale(1);transform:scale(1); } } @-webkit-keyframes opty-data-v-3ebd2c02{ 0%{ opacity: 0; } 100%{ opacity: 1; } } @keyframes opty-data-v-3ebd2c02{ 0%{ opacity: 0; } 100%{ opacity: 1; } } @-webkit-keyframes pulse2-data-v-3ebd2c02 { 0% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); } 50% {opacity: 1; -webkit-transform: translate3d(0, -10px, 0); } 100% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); } } @keyframes pulse2-data-v-3ebd2c02 { 0% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% {opacity: 1; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 100% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes bounceInUp-data-v-3ebd2c02{ 0%, 100%, 60%, 75%, 90% {-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);transition-timing-function: cubic-bezier(0.215,.61,.355,1); } 0% {opacity: 0;-webkit-transform: translate3d(0,3000px,0);transform: translate3d(0,3000px,0); } 60% {opacity: 1;-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0); } 75% {-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,10px,0); } 90% {-webkit-transform: translate3d(0,-5px,0);transform: translate3d(0,-5px,0); } 100% {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes bounceInUp-data-v-3ebd2c02{ 0%, 100%, 60%, 75%, 90% {-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);transition-timing-function: cubic-bezier(0.215,.61,.355,1); } 0% {opacity: 0;-webkit-transform: translate3d(0,3000px,0);transform: translate3d(0,3000px,0); } 60% {opacity: 1;-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0); } 75% {-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,10px,0); } 90% {-webkit-transform: translate3d(0,-5px,0);transform: translate3d(0,-5px,0); } 100% {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } /*游戏弹框新 end*/ .zbd-part-ul li div h5[data-v-3ebd2c02]{margin-bottom: 16px;padding-top: 5px; color: #999 } .redColor[data-v-3ebd2c02]{color: #e62226!important } #slider .movebox[data-v-3ebd2c02]{height:40px;line-height:40px; } /*日期插件特殊样式*/ .adrs-form .el-input {float:left; margin:0 15px 0 5px; } .adrs-form .el-input__inner {border-radius:0px;border-color:#ededed; } .adrs-form .el-input__inner:hover {border-color:#c0c4cc } .adrs-form .el-date-editor.el-input,.adrs-form .el-date-editor.el-input__inner {width:362px; } .adrs-form .el-input-number__decrease,.adrs-form .el-input-number__increase{border-color:#ededed; } .modshade[data-v-18ca94ea] { position: fixed; z-index: 103; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); } .mods-examine .mc-cont[data-v-18ca94ea]{text-align:center;padding: 60px 0; } .navbg-w .topbar[data-v-f2aefa10] { background-color: #FFFFFF; } .navbg-w .footer[data-v-f2aefa10] { margin-top: 0; } .main1920[data-v-f2aefa10] { margin: 0 auto; width: 100%;max-width: 1920px; } .main1920 img[data-v-f2aefa10]{ width: 100%; height: auto; } .adv[data-v-f2aefa10] {height: auto; overflow: hidden;-webkit-transition: height .3s;transition: height .3s; } .adv a[data-v-f2aefa10] { display: block; margin: 0 auto; position: relative; } .adv a img[data-v-f2aefa10] { float: left; width: 100%; } .newuser[data-v-f2aefa10] {width: 1200px; height: 150px; margin:30px auto 0; position: relative; } .newuser img[data-v-f2aefa10]{width: 1200px; height: 150px; } span.clicktoclose[data-v-f2aefa10]{display: block;width: 24px;height: 24px;line-height: 24px;text-align: center;background-color: rgba(0,0,0,0.4); position: absolute;top: 0; left: 50%; margin-left: 576px; } .clicktoclose i[data-v-f2aefa10]{ font-size: 14px;color: #fff; } span.clicktoclose[data-v-f2aefa10]:hover{background-color: rgba(0,0,0,0.6); } .adv.none[data-v-f2aefa10] {height: 0;border: none; } .adv1[data-v-f2aefa10]{-webkit-animation: hiddenadv-data-v-f2aefa10 1s forwards;animation: hiddenadv-data-v-f2aefa10 1s forwards; } @-webkit-keyframes hiddenadv-data-v-f2aefa10{ 0%{ opacity: 1; } 50%{opacity: .5; } 99%{opacity: .2; } 100%{ opacity: 0; height: 0; } } @keyframes hiddenadv-data-v-f2aefa10{ 0%{ opacity: 1; } 50%{opacity: .5; } 99%{opacity: .2; } 100%{ opacity: 0; height: 0; } } @-webkit-keyframes pulse-data-v-f2aefa10 { from {-webkit-transform: translate3d(0, 0, 0); } 50% {-webkit-transform: translate3d(0, -10px, 0); } to {-webkit-transform: translate3d(0, 0, 0); } } @keyframes pulse-data-v-f2aefa10 { from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); } 50% {-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0); } to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); } } /*头部固定的导航*/ .fixtop[data-v-f2aefa10] {position: fixed; z-index: 101; top: -80px; width: 100%; border-bottom: 2px solid #e62226; -webkit-box-shadow: 0 6px 6px -3px rgba(51,51,51,.2); box-shadow: 0 6px 6px -3px rgba(51,51,51,.2); } .searchTop[data-v-f2aefa10] { position: fixed; top: 0; -webkit-animation: searchTop1-data-v-f2aefa10 .5s ease-in-out backwards; animation: searchTop1-data-v-f2aefa10 .5s ease-in-out backwards; } .fixtop .header-searchbar-box[data-v-f2aefa10] { height: 68px; } .fixtop .header-searchbar-logo[data-v-f2aefa10] { margin-top: 10px; } .fixtop .header-searchbar-logo img[data-v-f2aefa10] { position: relative; width: 190px; height: 50px; } .fixtop .header-searchbar-r[data-v-f2aefa10] { margin-top: 15px; } .fixtop .header-searchbar-cart[data-v-f2aefa10] { width: 150px; float: left; margin-left: 20px; } .fixtop .header-searchbar-search[data-v-f2aefa10] { border:none; } .fixtop .header-searchbar-search .search[data-v-f2aefa10] { background-color: #f3f3f3; } @-webkit-keyframes searchTop1-data-v-f2aefa10{ from{ top: -80px; } to{ top: 0; } } @keyframes searchTop1-data-v-f2aefa10{ from{ top: -80px; } to{ top: 0; } } .fixtop .header-searchbar-cart-box .cartnum[data-v-f2aefa10] {top: -15px; } .fixtop .header-searchbar-cart-box .cart-num[data-v-f2aefa10] {top: -15px; } .swiper-pagination-bullet[data-v-f2aefa10]{color: #00c60e } .mainbanner[data-v-f2aefa10] { width: 100%; height: 100%; max-width: 1920px; max-height: 500px; } .mainbanner img[data-v-f2aefa10]{width: 100%; height: 100%; max-width: 1920px; max-height: 500px; } .mainbanner .swiper-pagination[data-v-f2aefa10] { width: auto; height: 24px; line-height: 24px; background: rgba(0,0,0,.4); left: 50%; margin-left: -60px; bottom: 20px; border-radius: 12px; } .mainbanner .swiper-pagination-bullet[data-v-f2aefa10] { position: relative; display: block; float: left; width: 6px; height: 6px; border: 2px solid #FFFFFF; background:none; opacity: 1;margin-top: 7px !important; } .mainbanner .swiper-pagination-bullet[data-v-f2aefa10]:first-child { margin-left: 10px !important; } .mainbanner .swiper-pagination>.swiper-pagination-bullet-active[data-v-f2aefa10] {width: 16px; height: 16px; background: hsla(0,0%,100%,.4); border:none; margin-top: 4px !important; } .mainbanner .swiper-pagination>.swiper-pagination-bullet-active[data-v-f2aefa10]:after{content: "";display: block; position: absolute; width: 10px; height: 10px; background: #ffffff; border-radius: 100%; left: 3px; top: 3px; } .announce[data-v-f2aefa10] { width: 100%; height: 45px; line-height: 45px; background-color: #FFFFFF; } .announce p[data-v-f2aefa10]{font-size: 14px; color: #666; padding: 0 10px; } .txt-o[data-v-f2aefa10] { color: #ff5f20; } .announce p em[data-v-f2aefa10],.announce p span[data-v-f2aefa10],.announce p a[data-v-f2aefa10]{ display: inline-block; float: left; } .announce p span[data-v-f2aefa10] { width: 1010px; overflow: hidden;padding-left: 5px; } .announce p a[data-v-f2aefa10] { float: right; } .announce p a i[data-v-f2aefa10]{ font-size: 12px; padding-left: 5px; } .mods-announce[data-v-f2aefa10] {display: block; } .mods-announce .mods-cont[data-v-f2aefa10] { width:800px; height: 600px; margin-left:-400px; margin-top:-300px; } .mods-announce .mc-cont[data-v-f2aefa10] {padding: 30px 30px 40px 30px; } .mods-announce .mc-cont h3[data-v-f2aefa10]{ width: 100%; margin-bottom: 30px; text-align: center; font-size: 28px; color: #333; font-weight: bold; } .mods-announce .btn[data-v-f2aefa10] { display: block; margin:70px auto 0; } .mods-announce .announce-con[data-v-f2aefa10] {max-height: 336px; overflow-y: auto; font-size: 16px; color: #666; line-height: 28px; } .mainpage-tit[data-v-f2aefa10] {height: 60px;line-height: 60px;padding-left: 15px; padding-right: 15px; position: relative; } .mainpage-tit .white-triangle[data-v-f2aefa10] {display: inline-block;position: absolute;left: 0;top: 0;height: 0;width: 0;border-top: 20px solid #f6f6f6;border-right: 20px solid transparent; } .mainpage-tit .red-triangle[data-v-f2aefa10] {display: inline-block;position: absolute;left: 2px;top: 2px;height: 0;width: 0;border-right: 16px solid transparent; } .mainpage-tit b[data-v-f2aefa10]{ display:inline-block; width: 72px; height: 60px; position: absolute; background-image: url(/static/img/indexSprite.9293b00.png); background-position: 0 -12px; background-repeat: no-repeat; } .mainpage-tit b[data-v-f2aefa10]:nth-of-type(1) {left: 22%; } .mainpage-tit b[data-v-f2aefa10]:nth-of-type(2) {left: 44%; } .mainpage-tit b[data-v-f2aefa10]:nth-of-type(3) {left: 68%; } .mainpage-tit h4[data-v-f2aefa10] { float: left; font-size:24px; color: #FFFFFF; } .mainpage-tit h4 .ewm[data-v-f2aefa10] {width: 20px;height: 20px; line-height: 20px; display: inline-block;vertical-align: top; margin-left:10px; margin-top: 22px; } .mainpage-tit h4 .ewm i[data-v-f2aefa10] { display: block; font-size: 20px; } .mainpage-tit-class[data-v-f2aefa10] { float: right; } .mainpage-tit-class a[data-v-f2aefa10] { float: left; margin-right: 10px; display: inline-block; padding-left: 5px; padding-right: 5px; height: 28px; line-height: 28px; margin: 14px 5px 0px; border: 1px solid #ff828c; background-color: #ff4b5a; text-align: center; font-size: 14px; color: #FFFFFF; } .mainpage-tit > a[data-v-f2aefa10] { color: #FFFFFF; font-size: 14px; } .mainpage-tit span[data-v-f2aefa10] { float: right; } .mainpage-tit span em[data-v-f2aefa10] { font-size: 12px; } .mainpage-tit a:hover span[data-v-f2aefa10] { opacity: .6; } .mainpage-tit-class a[data-v-f2aefa10]:hover { border-color: #FFFFFF; color: #FFFFFF; } .gift-list-riimg-list li img[data-v-f2aefa10], .findticket-list-content img[data-v-f2aefa10], .seckillul img[data-v-f2aefa10], .prom-r img[data-v-f2aefa10], .recommend-box-leimg img[data-v-f2aefa10] {-webkit-transition: all 0.4s; transition:all 0.4s; } .gift-list-riimg-list li img[data-v-f2aefa10]:hover, .findticket-list-content img[data-v-f2aefa10]:hover, .prom-r img[data-v-f2aefa10]:hover { -webkit-transition: transform 0.4s;-webkit-transition: -webkit-transform 0.4s;transition: -webkit-transform 0.4s;transition: transform 0.4s;transition: transform 0.4s, -webkit-transform 0.4s;-webkit-transform: translateX(-5px);transform: translateX(-5px); } .seckillul img[data-v-f2aefa10]:hover, .recommend-box-leimg img[data-v-f2aefa10]:hover { -webkit-transition: transform 0.4s;-webkit-transition: -webkit-transform 0.4s;transition: -webkit-transform 0.4s;transition: transform 0.4s;transition: transform 0.4s, -webkit-transform 0.4s;-webkit-transform: translateY(-5px);transform: translateY(-5px); } /*二维码*/ .ewm[data-v-f2aefa10] {position: relative; } .ewm .code-box[data-v-f2aefa10] { position: absolute; top: 30px; left: 50%; margin-left: -55px; display: none; z-index: 3; } .ewm .arrow[data-v-f2aefa10] {position: absolute;left: 50%;top: -3px;margin-left: -3px; border-style: solid;border-width: 8px;border-color: #fff #fff transparent transparent;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);width: 0;height: 0px;display: inline-block; } .ewm .code-con[data-v-f2aefa10] {border: 1px solid #E0E0E0; background-color: #FFFFFF; -webkit-box-shadow: 0 0 5px #ddd; box-shadow: 0 0 5px #ddd; padding: 10px; } .ewm .code-con img[data-v-f2aefa10] { display:block; width: 80px; height: 80px; margin:0 auto; } .ewm .code-con p[data-v-f2aefa10]{ line-height: 15px; margin-top: 8px; text-align: center; font-size: 12px; color: #666; } .ewm i:hover + .code-box[data-v-f2aefa10] { display: block; } /*送礼优选*/ .gift[data-v-f2aefa10] { margin-top: 30px; } .gift .mainpage-tit[data-v-f2aefa10] { background-color: #eb2131; } .gift .mainpage-tit .red-triangle[data-v-f2aefa10] {border-top: 16px solid #dc1d2c; } .gift-list[data-v-f2aefa10] { padding-top: 10px;background-color: #ffffff; } .gift-list-leimg[data-v-f2aefa10] { float: left; width: 470px; height: 360px; margin-right: 10px; position: relative; } .gift-list-leimg .swiper-container[data-v-f2aefa10] {margin-left: 53px; margin-top: 60px; width: 375px; height: 240px; } .gift-list-leimg .swiper-pagination[data-v-f2aefa10] {position: absolute; bottom: 0; width: auto; height: 20px; left: 50%; margin-left: -40px; } .gift-list-leimg .swiper-pagination-bullet[data-v-f2aefa10] {display: block; float: left; width: 8px; height: 8px; border: 2px solid #dadada; background: rgba(0,0,0,0); opacity: 1; margin-left: 5px; margin-right: 5px; margin-top: 2px !important; } .gift-list-leimg .swiper-pagination-bullet-active[data-v-f2aefa10] {width: 12px; height: 12px; background: #e62226; border: 2px solid #fab3b9;margin-top: 0 !important; } .gift-list-leimg img[data-v-f2aefa10] { display: block; width: 375px; height: 240px; } .gift-list-riimg[data-v-f2aefa10] { float: right; width: 720px; overflow: hidden; } .gift-list-riimg-list[data-v-f2aefa10] { width: 760px; } .gift-list-riimg-list li[data-v-f2aefa10] { float: left; margin-right: 10px; margin-bottom: 10px; height: 175px; background-color: #FFFFFF; border: 1px solid #F0F0F0; overflow: hidden; } .gift-list-riimg-list li.riimg-list-big[data-v-f2aefa10] { width: 478px; } .gift-list-riimg-list li.riimg-list-big img[data-v-f2aefa10]{ width: 485px; height: 175px; } .gift-list-riimg-list li.riimg-list-small[data-v-f2aefa10] { width: 218px; } .gift-list-riimg-list li.riimg-list-small img[data-v-f2aefa10]{ width: 225px; height: 175px; } /*发现好货与领券中心*/ .findticket[data-v-f2aefa10] { margin-top: 30px; } .findticket-list li[data-v-f2aefa10] { float: left;width: 595px; } .findticket-list .findticket-list-find[data-v-f2aefa10] { margin-right: 10px; float: left; } .findticket-list .findticket-list-ticket[data-v-f2aefa10] { float: right; } .findticket-list-find .mainpage-tit[data-v-f2aefa10] { background-color: #52619d; } .findticket-list-find .mainpage-tit .red-triangle[data-v-f2aefa10] {border-top: 16px solid #485b9d; } .findticket-list-ticket .mainpage-tit[data-v-f2aefa10] { background-color: #ef3118; } .findticket-list-ticket .mainpage-tit .red-triangle[data-v-f2aefa10] {border-top: 16px solid #ec2e14; } .findticket-list-content[data-v-f2aefa10] { width: 575px; padding:10px; background-color: #FFFFFF; } .findticket-list-find .findticket-list-content[data-v-f2aefa10] { padding-top: 20px; } .findticket-list-content-leimg[data-v-f2aefa10] { width: 184px; height: 299px; float: left; overflow: hidden; margin-right: 10px; position: relative; } .findticket-list-content-leimg h4[data-v-f2aefa10]{ position: absolute; top: 15px; left: 0; z-index: 1; color: #333; font-size: 16px; } .findticket-list-content-leimg p[data-v-f2aefa10]{ position: absolute; top: 40px; left: 0; z-index: 1; color: #999; font-size: 14px; } .findticket-list-content-leimg img[data-v-f2aefa10] { width: 190px; height: 185px; position: absolute; bottom: 0; left: 0; } .findticket-list-content-leimg i[data-v-f2aefa10]{display: block;width: 25px;height: 4px;background-color: #53619e; position: absolute; top: 70px; } .findticket-list-content-riimg[data-v-f2aefa10] { width: 380px; height: 299px; float: left; overflow: hidden; } .findticket-list-content-riimg ul[data-v-f2aefa10] { width: 382px; } .findticket-list-content-riimg li[data-v-f2aefa10] { position: relative; float: left; width: 190px; height: 150px; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; } .findticket-list-content img[data-v-f2aefa10] { -webkit-transition: all 0.4s; transition: all 0.4s; } .findticket-list-content ul li a h4[data-v-f2aefa10]{ position: absolute; top: 15px; left: 10px; z-index: 1; color: #333; font-size: 16px; } .findticket-list-content ul li a p[data-v-f2aefa10]{ position: absolute; top: 40px; left: 10px; z-index: 1; color: #999; font-size: 14px; } .findticket-list-content-leimg p[data-v-f2aefa10], .findticket-list-content-leimg h4[data-v-f2aefa10], .findticket-list-content ul a h4[data-v-f2aefa10], .findticket-list-content ul a p[data-v-f2aefa10]{width: 170px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } .findticket-list-content-leimg:hover h4[data-v-f2aefa10],.findticket-list-content li:hover a h4[data-v-f2aefa10]{ color: #e62226; } .findticket-list-content-riimg a img[data-v-f2aefa10] { position: absolute; top:60px; right: 10px; width: 80px; height: 80px; } .findticket-list-content-mdimg[data-v-f2aefa10] { float: left; } .findticket-list-content-mdimg ul[data-v-f2aefa10]{ width: 590px; overflow: hidden; } .findticket-list-content-mdimg ul li[data-v-f2aefa10] { float: left; width: 185px; height: 140px; background-color: #f6f6f6; margin-top:10px; margin-right: 10px; position: relative; } .findticket-list-content-mdimg ul li a[data-v-f2aefa10] {display: inline-block;width: 185px;height: 140px;overflow: hidden; } .findticket-list-content-mdimg ul li a img[data-v-f2aefa10] { position: absolute;width: 100px;height: 100px;right: 10px;top: 28px; } .findticket-list-content-mdimg ul li a .btnhover[data-v-f2aefa10]{ position: absolute; top: 44px; left: 10px; z-index: 1; color: #999; font-size: 14px; width: 50px; height: 25px; border-radius: 12px; text-align: center;line-height: 25px; color: #FFFFFF;font-size: 14px; background-color: #7681b5; } .ticket-list[data-v-f2aefa10] { width:590px; height: 460px; overflow: hidden; } .ticket-list li[data-v-f2aefa10] { position: relative; width: 185px; height: 225px; float: left; margin-right: 10px; margin-bottom: 10px; } .ticket-list .q-type[data-v-f2aefa10] {width: 185px; height: 166px; border: 1px solid #f0f0f0; border-bottom: none; text-align: center; } .ticket-list .q-price[data-v-f2aefa10] { color: #e62226; } .ticket-list .q-price em[data-v-f2aefa10]{ font-size: 24px; position: absolute; top: 27px; left: 27px; } .ticket-list .q-price strong[data-v-f2aefa10] {display: block; font-size: 48px;font-weight: bold;font-family: "\5FAE\8F6F\96C5\9ED1"; height: 40px; line-height: 40px; margin-top: 35px; margin-bottom: 30px; } .ticket-list .q-rang p[data-v-f2aefa10]{ font-size:14px ; } .ticket-list .q-rang p[data-v-f2aefa10]:nth-child(1){ color: #333; } .ticket-list .q-rang p[data-v-f2aefa10]:nth-child(2){ color: #999; margin-top: 10px; } .ticket-list .q-btn[data-v-f2aefa10] { width: 185px; height: 58px;text-align: center; position: absolute;left: 0; bottom: 0; background-image: url(/static/img/indexSprite.9293b00.png); background-position:0 -138px; background-repeat: no-repeat; } .ticket-list .q-btn span[data-v-f2aefa10] { display: inline-block; margin-top: 25px; color: #FFFFFF; font-size: 18px; letter-spacing:2px; } .ticket-list .q-btn[data-v-f2aefa10]:hover {cursor:pointer; opacity: 0.85; filter:Alpha(opacity=85); -webkit-transition: all 0.4s; transition: all 0.4s; } /*限时秒杀*/ .seckill[data-v-f2aefa10] { background-color: #FFFFFF; margin-top: 30px; } .seckillul li[data-v-f2aefa10] { float: left; width: 240px; height: 360px; border-right: 1px solid #F0F0F0; background-color: #fff; position: relative; } .seckillul li[data-v-f2aefa10]:nth-child(2){padding-left: 7px; } .seckillul li[data-v-f2aefa10]:last-child{border-right: 0; } .seckillul li a[data-v-f2aefa10] { display: block; margin-bottom: 15px; } .seckillul li a p[data-v-f2aefa10] { width: 200px; font-size: 16px; color: #333; margin: 0 auto; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } .seckillul li a:hover p[data-v-f2aefa10]{ color: #e62226; } .seckillul li > p[data-v-f2aefa10] { width: 200px; margin:0 auto; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } .seckillul li > p span[data-v-f2aefa10] { display: inline-block; } .seckillul li > p span[data-v-f2aefa10]:nth-child(2){ color: #999; font-size: 14px;text-decoration: line-through; } .seckillul li > p span[data-v-f2aefa10]:nth-child(1){ color: #e62226; margin-right: 10px; } .seckillul li > p span big[data-v-f2aefa10] { font-size: 24px; } .seckillul li > p em[data-v-f2aefa10]{font-size: 14px; } .seckillul li > p span:nth-child(1) em[data-v-f2aefa10]{ font-size: 16px } .seckillul img[data-v-f2aefa10] { display: block; margin: 60px auto 20px; width: 200px; height: 200px; } .seckillul li[data-v-f2aefa10]:first-child { width: 230px; background: url(/static/img/seckill.f9770b0.gif) no-repeat center; border-right: 0; } .seckillul li:first-child .seckill-tim[data-v-f2aefa10]{ text-align: center; height: 40px; line-height: 40px; margin:227px auto 0; } .seckillul .seckill-tim span[data-v-f2aefa10] { display: inline-block;font-size: 28px; font-weight: bold; color: #000; } .seckillul .seckill-tim em[data-v-f2aefa10] { display:inline-block; margin-right: 2px; text-align: center; } .seckillul .seckill-tim span.seckill-tim-hour em[data-v-f2aefa10], .seckillul .seckill-tim span.seckill-tim-minute em[data-v-f2aefa10], .seckillul .seckill-tim span.seckill-tim-second em[data-v-f2aefa10] {width: 25px; height: 40px;background-color: #000; color: #FFFFFF; border-radius: 5px; } .seckillul li:first-child a[data-v-f2aefa10] { display: block; text-align: right;width: 150px; height: 46px; margin: 30px auto 0; background-image: url(/static/img/indexSprite.9293b00.png); background-position: 0 -82px; -webkit-animation:wobble-data-v-f2aefa10 4s infinite; animation:wobble-data-v-f2aefa10 4s infinite; } @-webkit-keyframes wobble-data-v-f2aefa10 { 75% { -webkit-transform:none; transform:none } 80% { -webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg) } 85% { -webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg); transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg) } 90% { -webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg) } 95% { -webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg); transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg) } 99% { -webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg) } 100% { -webkit-transform:none; transform:none } } @keyframes wobble-data-v-f2aefa10 { 75% { -webkit-transform:none; transform:none } 80% { -webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg) } 85% { -webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg); transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg) } 90% { -webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg) } 95% { -webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg); transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg) } 99% { -webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg) } 100% { -webkit-transform:none; transform:none } } .selled[data-v-f2aefa10] { position: absolute; right: 10px; top: -8px; color: #FFFFFF; width: 60px; height: 60px; z-index: 1; background-image: url(/static/img/indexSprite.9293b00.png); background-position: -83px -1px; background-repeat: no-repeat; } .selled span[data-v-f2aefa10] { display: block; width: 40px; text-align: center; margin-top: 5px; margin-left: 16px; font-size: 14px;font-weight: bold; } .selled span strong[data-v-f2aefa10]{font-size: 18px; font-weight: bold; } /*促销商品*/ .promotion[data-v-f2aefa10] { margin-top: 30px; } .promotion .mainpage-tit[data-v-f2aefa10] { background-color: #d15e6f; } .promotion .mainpage-tit .red-triangle[data-v-f2aefa10] {border-top: 16px solid #ce5868; } .promotion .promotiobox[data-v-f2aefa10] { background-color: #FFFFFF; padding: 10px; } .prom-l[data-v-f2aefa10] { width: 370px; height: 450px; margin-right: 20px; } .prom-l-inner[data-v-f2aefa10]{position: relative;width: 100%;height: 100%; } .prom-l-inner[data-v-f2aefa10]:before{content: '';position: absolute;display: block;width: 340px;height: 410px;border: solid 5px #b84659;top: 30px; } .prom-l-inner[data-v-f2aefa10]:after {width: 336px;height: 420px;right: 8px;content: '';z-index: 0;display: block;position: absolute;top: 0;background: #ffffff; } .prom-l-inner a[data-v-f2aefa10] { display: block; width: 340px; height: 200px; position: relative;z-index: 1; margin-left: 25px; margin-bottom: 20px; } .prom-l-inner a img[data-v-f2aefa10]{ display: inline-block; width: 100%; height: 100%; -webkit-transition: opacity ease .2s;transition: opacity ease .2s; } .prom-l-inner a:hover img[data-v-f2aefa10] {opacity: .8; } .prom-r[data-v-f2aefa10] { width: 790px; } .prom-r ul[data-v-f2aefa10]{ width: 802px; } .prom-r li[data-v-f2aefa10]{ position: relative; float: left; width: 188px; height: 218px; border: 1px solid #FFFFFF; margin-right: 10px; margin-bottom: 10px; } .prom-r li[data-v-f2aefa10]:hover { -webkit-box-shadow: 0 0 2px 2px #f8f8f8; box-shadow: 0 0 2px 2px #f8f8f8;border: 1px solid #e9e9e9; } .prom-r li:hover a[data-v-f2aefa10] { color: #e62226; } .prom-r li .cgl-tu[data-v-f2aefa10] {display: block;text-align: center;font-size: 0;width: 140px;height: 140px;margin: 10px auto 0;position: relative; } .prom-r li .cgl-tu img[data-v-f2aefa10] {width: 100%;height: 100%;position: relative;margin: auto;top: 0;left: 0;right: 0;bottom: 0; } /*.prom-r li .cgl-tu img {width: 100%;height: auto;position: absolute;margin: auto;top: 0;left: 0;right: 0;bottom: 0;}*/ .prom-r li .cgl-cont[data-v-f2aefa10] {padding: 15px 10px 0px;font-size: 14px; } .prom-r .cgl-cont a[data-v-f2aefa10] {display: block; font-size: 16px; color: #333; overflow: hidden;width: 100%;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 10px; } .prom-r .cgl-cont p[data-v-f2aefa10] { height: 20px; } .prom-r .cgl-cont p span[data-v-f2aefa10] { display: inline-block; } .prom-r .cgl-cont p span[data-v-f2aefa10]:nth-child(2){ color: #999; font-size: 14px;text-decoration: line-through; } .prom-r .cgl-cont p span[data-v-f2aefa10]:nth-child(1){ color: #e62226; margin-right: 10px; } .prom-r .cgl-cont p span big[data-v-f2aefa10] { font-size: 24px; display: inline-block; height: 20px; line-height: 20px; } .prom-r .cgl-cont p em[data-v-f2aefa10]{font-size: 14px; } .prom-r .cgl-cont p span:nth-child(1) em[data-v-f2aefa10]{ font-size: 16px } .prom-r li[data-v-f2aefa10]:first-child { width: 388px; height: 218px; } .prom-r li:first-child a h4[data-v-f2aefa10] {position: absolute;top: 20px;left: 20px;z-index: 1;color: #333;font-size: 18px;width: 350px;height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } .prom-r li:first-child a p[data-v-f2aefa10] {position: absolute;top: 50px;left: 20px;z-index: 1;color: #999;font-size: 16px; } .prom-r li:first-child a span[data-v-f2aefa10] { display: block; position: absolute; left: 20px; top: 88px; color: #e62226; font-size: 16px; } .prom-r li:first-child a span em[data-v-f2aefa10]{ font-size: 28px; } .prom-r li:first-child a .btnborder[data-v-f2aefa10] {position: absolute; left: 20px; top: 134px; font-size: 14px; width: 100px; height: 32px; line-height: 32px; text-align: center; border-radius: 20px; } .prom-r li:first-child a .btnborder i[data-v-f2aefa10]{ display: inline-block; padding-left: 10px; font-size: 12px; font-weight: bold; } .prom-r li:first-child a img[data-v-f2aefa10] {position: absolute;top: 50px;right: 10px;width: 160px;height: 160px; } .prom-r li:first-child:hover a h4[data-v-f2aefa10] { color: #e62226; } /*精心推荐*/ .recommends[data-v-f2aefa10] {margin-top: 30px; width: 100%; max-width: 1920px; height: 650px; background-image: url(/static/img/recommendBg.5400a07.jpg); background-size: 100% 100%; background-repeat: no-repeat; } .recommend-top[data-v-f2aefa10] { color: #FFFFFF; text-align: center; padding-top: 60px; } .recommend-top h4[data-v-f2aefa10]{ font-size: 36px; } .recommend-top h4 em[data-v-f2aefa10] { padding: 0 15px; color: #c1b4a9; font-size: 30px; } .recommend-top .btnborder[data-v-f2aefa10] { display: block; margin: 20px auto 0px; width: 88px; height: 28px; border: 1px solid #b3b3b3; color: #e8ded9; font-size: 14px; text-align: center;line-height: 28px; border-radius: 20px; } .recommend-top .btnborder[data-v-f2aefa10]:hover { border-color: #e62226; } .recommend-box[data-v-f2aefa10] { margin-top: 55px; } .recommend-box-leimg[data-v-f2aefa10] { width: 780px; overflow: hidden; } .recommend-box-leimg img[data-v-f2aefa10] {width: 160px; height: 160px; } .recommend-box-riimg[data-v-f2aefa10] { width: 410px; height: 410px; background-color: #FFFFFF; } .recommend-box-leimg-list[data-v-f2aefa10] { width:790px; } .recommend-box-leimg-list li[data-v-f2aefa10] { float: left; overflow: hidden; margin-right: 10px; margin-bottom: 10px; width: 350px; height: 160px; padding:20px 15px 20px 20px; background-color: #FFFFFF; } .recommend-list-l[data-v-f2aefa10] { width:170px; margin-right: 20px; } .recommend-list-l p.recommend-des[data-v-f2aefa10] { line-height: 24px; font-size: 14px; color: #666; letter-spacing: 2px; width: 180px; height:92px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden; } .recommend-bar[data-v-f2aefa10] {margin-top: 20px; margin-bottom: 20px; } .recommend-bar-inner[data-v-f2aefa10] { width: 110px; height: 10px; background-color: #b8b8b8; position: relative; display: inline-block; } .recommend-bar-txt[data-v-f2aefa10] { font-size: 12px; margin-left: 5px; } .recommend-bar-inner .recommend-bar-inner-completed[data-v-f2aefa10] {position: absolute; left: 0; top: 0; background-color: #e62226; height: 10px; } .recommend-list-l >a[data-v-f2aefa10] { display: block; height: 20px;width: 170px; font-size: 16px; color: #333; font-weight: bold; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } .recommend-box-leimg li:hover a[data-v-f2aefa10] { color: #e62226; } .recommend-swiper img[data-v-f2aefa10] {width: 410px; height: 410px; } .recommend-swiper-des[data-v-f2aefa10] {padding:0 20px; text-align: center; position: absolute; bottom: 0; height: 150px; background: rgba(0,0,0,.5); } .recommend-swiper-des p[data-v-f2aefa10],.recommend-swiper-des span[data-v-f2aefa10]{ color: #FFFFFF; } .recommend-swiper-des span[data-v-f2aefa10] { text-align: left; display: block; line-height: 22px; height: 44px; overflow: hidden; margin-top: 15px; font-size: 14px; } .recommend-swiper-des p[data-v-f2aefa10] { font-size: 18px; margin-top: 20px;width: 370px; height: 20px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } .recommend-swiper .swiper-slide[data-v-f2aefa10] { height: 410px; } .recommend-box-riimg .swiper-pagination[data-v-f2aefa10] {position: absolute; bottom: 15px; width: auto; height: 16px; left: 50%; margin-left: -40px; } .recommend-box-riimg .swiper-pagination-bullet[data-v-f2aefa10] { position: relative; display: block; float: left; width: 6px; height: 6px; border: 2px solid #ffffff; background:none; opacity: 1; margin-left: 5px; margin-right: 5px; margin-top: 3px !important; } .recommend-box-riimg .swiper-pagination-bullet-active[data-v-f2aefa10] {width: 16px;height: 16px;background: hsla(355,99%,51%,.4);border: none;margin-top: 0 !important; } .recommend-box-riimg .swiper-pagination-bullet-active[data-v-f2aefa10]:after{content: "";display: block; position: absolute; width: 10px; height: 10px; background: #F10215; border-radius: 100%; left: 3px; top: 3px; } /*左侧导航*/ .fixedbar[data-v-f2aefa10] { position: fixed; opacity: 1; z-index: 99; left: 50%; margin-left: -684px; top: 50%; margin-top: -160px; -webkit-transition: opacity 1s; transition: opacity 1s; } .fixedbar a[data-v-f2aefa10], .fixedbar span[data-v-f2aefa10] { width: 28px; padding:9px 10px; display: block; font-size: 14px; color: #FFFFFF; } .fixedbar a[data-v-f2aefa10] { margin-bottom: 1px; background-color: #918888; -webkit-transition: background-color .4s; transition: background-color .4s; } .fixedbar a[data-v-f2aefa10]:hover,.fixedbar span[data-v-f2aefa10]:hover {cursor: pointer; background-color: #e62226; } .fixedbar a.on[data-v-f2aefa10] { background-color: #e62226; } .fixedbar span[data-v-f2aefa10]{background-color: #5e4a4a;text-align: center; -webkit-transition: background-color .4s; transition: background-color .4s; } .fixedbar span i[data-v-f2aefa10]{display: inline-block;width: 16px;height: 9px;line-height: 9px; } .fixedbarhidden[data-v-f2aefa10] { opacity: 0; z-index: -1; } /*新人红包弹框*/ .modshade.mods-adv[data-v-f2aefa10] { display: block; } .mods-adv .mods-cont[data-v-f2aefa10] { width: 512px; height: 518px; margin-left: -256px;margin-top: -259px;background: none;border: none; overflow: visible; } .mods-adv .mods-cont .mc-tit[data-v-f2aefa10] { background: none; position: absolute; top: 0; right: 0; z-index: 2; } .mods-adv .mods-cont .mc-tit .icon-gb[data-v-f2aefa10]{ color: #ff5f20;border: 1px solid #ff5f20;padding: 5px;border-radius: 100%;margin: 0; } .mods-adv .mods-cont .mc-cont[data-v-f2aefa10] { padding: 0; position: relative; } .mods-adv .mc-cont i[data-v-f2aefa10]{ display: block; position: absolute; z-index: 1; } .mods-adv .mc-cont i[data-v-f2aefa10]:nth-child(1){ width: 331px; height: 212px; background: url(/static/img/advGift.d36f5db.png) no-repeat; top: 60px; right: -50px; animation: pulse-data-v-f2aefa10 2.5s infinite;-moz-animation: pulse-data-v-f2aefa10 2.5s infinite;-ms-animation: pulse-data-v-f2aefa10 2.5s infinite;-o-animation: pulse-data-v-f2aefa10 2.5s infinite;-webkit-animation: pulse-data-v-f2aefa10 2.5s infinite; } .mods-adv .mc-cont i[data-v-f2aefa10]:nth-child(2),.mods-adv .mods-cont i[data-v-f2aefa10]:nth-child(3) { width: 66px; height: 66px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAYAAADjVADoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYwNzU4MTYxMzdGQjExRThBRDMwQzY3QjJERTJFMDAwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYwNzU4MTYyMzdGQjExRThBRDMwQzY3QjJERTJFMDAwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjA3NTgxNUYzN0ZCMTFFOEFEMzBDNjdCMkRFMkUwMDAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjA3NTgxNjAzN0ZCMTFFOEFEMzBDNjdCMkRFMkUwMDAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6DwrOpAAAUEUlEQVR42sxc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); } .mods-adv .mc-cont i[data-v-f2aefa10]:nth-child(4),.mods-adv .mods-cont i[data-v-f2aefa10]:nth-child(5) { width: 56px; height: 68px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAABECAYAAADUZvakAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZGQ0EyNDM3MzdGQjExRThBNjFEOUJCRjk0ODRBMTczIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZGQ0EyNDM4MzdGQjExRThBNjFEOUJCRjk0ODRBMTczIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkZDQTI0MzUzN0ZCMTFFOEE2MUQ5QkJGOTQ4NEExNzMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkZDQTI0MzYzN0ZCMTFFOEE2MUQ5QkJGOTQ4NEExNzMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6SJazPAAATqUlEQVR42tRb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); } .mods-adv .mc-cont i[data-v-f2aefa10]:nth-child(2) {top: 160px; left: -30px; animation: pulse-data-v-f2aefa10 2s infinite;-moz-animation: pulse-data-v-f2aefa10 2s infinite;-ms-animation: pulse-data-v-f2aefa10 2s infinite;-o-animation: pulse-data-v-f2aefa10 2s infinite;-webkit-animation: pulse-data-v-f2aefa10 2s infinite; } .mods-adv .mc-cont i[data-v-f2aefa10]:nth-child(3) { top: 300px; right: -10px; animation: pulse-data-v-f2aefa10 1.5s infinite;-moz-animation: pulse-data-v-f2aefa10 1.5s infinite;-ms-animation: pulse-data-v-f2aefa10 1.5s infinite;-o-animation: pulse-data-v-f2aefa10 1.5s infinite;-webkit-animation: pulse-data-v-f2aefa10 1.5s infinite; } .mods-adv .mc-cont i[data-v-f2aefa10]:nth-child(4) {top: 340px; left: -30px; animation: pulse-data-v-f2aefa10 1.5s infinite;-moz-animation: pulse-data-v-f2aefa10 1.5s infinite;-ms-animation: pulse-data-v-f2aefa10 1.5s infinite;-o-animation: pulse-data-v-f2aefa10 1.5s infinite;-webkit-animation: pulse-data-v-f2aefa10 1.5s infinite; } .mods-adv .mc-cont i[data-v-f2aefa10]:nth-child(5) {top: 370px; right: 30px; animation: pulse-data-v-f2aefa10 2s infinite;-moz-animation: pulse-data-v-f2aefa10 2s infinite;-ms-animation: pulse-data-v-f2aefa10 2s infinite;-o-animation: pulse-data-v-f2aefa10 2s infinite;-webkit-animation: pulse-data-v-f2aefa10 2s infinite; } .mods-adv .mc-cont a[data-v-f2aefa10] {display: block; width: 170px; height: 48px; position: absolute; left: 160px; bottom: 20px; border-radius: 30px; } .mods-adv .mc-cont a[data-v-f2aefa10]:hover { background-color: rgba(0,0,0,.3); } /*查询申请提货验证 start*/ .top[data-v-f2aefa10] { height: 600px; background-repeat: repeat-x; background-position:top center; background-size:auto 100% ; } .topbg[data-v-f2aefa10] { position: relative; margin: 0 auto; width: 1200px; height: 600px } .topleft[data-v-f2aefa10] { float: left; width: 520px; height: 215px; margin-top: 180px; margin-left: 10px } .topleft img[data-v-f2aefa10] { width: 520px; height: 215px } .topright[data-v-f2aefa10] { position: absolute; right: 0; width: 560px; background: #fff; -webkit-box-shadow: 0 0 8px #dfdfdf; box-shadow: 0 0 8px #dfdfdf; background-image: url(https://presale.jhtsoft.com/picms/384a120de9aace.png), url(https://presale.jhtsoft.com/picms/384a1634413bb8.png), url(https://presale.jhtsoft.com/picms/384a1a1ff2abbc.png); background-position: 20px 80px, 30px 510px, right bottom; background-repeat: no-repeat, no-repeat, no-repeat; background-size: 73px 71px, 140px 90px, 153px 92px } .toprightka[data-v-f2aefa10] { position: absolute; top: -81px; width: 100%; height: 162px } .toprightka span[data-v-f2aefa10] { width: 162px; height: 162px; float: left; background: url(https://presale.jhtsoft.com/picms/384df4f7d3fcc0.png) no-repeat; position: absolute; text-align: center; line-height: 162px; font-size: 54px; color: #e62226; font-weight: 700 } .toprightka span[data-v-f2aefa10]:first-child { z-index: 1; left: 25px; animation-delay: .6s; -webkit-animation-delay: .6s } .toprightka span[data-v-f2aefa10]:nth-child(2) { z-index: 2; left: 145px; animation-delay: 1.2s; -webkit-animation-delay: 1.2s } .toprightka span[data-v-f2aefa10]:nth-child(3) { z-index: 3; left: 260px; animation-delay: 1.8s; -webkit-animation-delay: 1.8s } .toprightka span[data-v-f2aefa10]:nth-child(4) { z-index: 4; left: 376px; animation-delay: 2.4s; -webkit-animation-delay: 2.4s } .toprightkuang[data-v-f2aefa10] { width: 560px; margin-top: 120px; min-height: 500px } .ser-kuang[data-v-f2aefa10] { margin-top: 170px } .kuangtit[data-v-f2aefa10] { padding: 0 80px; height: 50px; margin-bottom: 3px; border-bottom: solid 1px #ededed } .kuangtit a[data-v-f2aefa10] { display: inline-block; float: left; width: 112px; margin: 0 44px; font-size: 28px; line-height: 47.5px; color: #bdbdbd } .kuangtit a.on[data-v-f2aefa10] { color: #333; font-weight: 700; border-bottom: 5px solid #e62226 } .serform[data-v-f2aefa10] { width: 400px; margin: 35px auto 0 } .serform .waring[data-v-f2aefa10] { overflow: hidden; margin-bottom: 10px; font-size: 14px; color: #e62226; padding-left: 8px } .serform .waring[data-v-f2aefa10]:before { display: inline-block; line-height: 20px; content: "\E637"; vertical-align: middle; margin: 0 5px 2px 0 } .serform span[data-v-f2aefa10] { display: block; border: 1px solid #e1e1e1; line-height: 50px; overflow: hidden; padding: 0 20px; margin-bottom: 30px; border-radius: 2px; -moz-border-radius: 2px } .serform span input[data-v-f2aefa10], .serform span label[data-v-f2aefa10] { display: inline-block; float: left } .serform span label[data-v-f2aefa10] { width: 65px; margin-right: 20px; font-size: 16px; color: #333 } .serform span input[data-v-f2aefa10] { color: #333; font-size: 16px; height: 50px; line-height: 50px; width: calc(100% - 85px) } /*改为elementUI的input*/ .serform .flexUI[data-v-f2aefa10] {padding-right:0; } .serform .flexUI[data-v-f2aefa10] .el-input {width: calc(100% - 85px); } .serform .flexUI[data-v-f2aefa10] .el-input__inner {border:none;padding-left:0;font-size: 16px; } .serform span.sel-yyadrs[data-v-f2aefa10] { position: relative } .serform span.sel-yyadrs input[data-v-f2aefa10] { width: calc(100% - 100px) } .sel-yyadrs[data-v-f2aefa10]:after { position: absolute; content: "\E66B"; right: 10px; top: 0; line-height: 50px } .serform p[data-v-f2aefa10]:last-child { padding: 30px 0; color: #999; font-size: 14px } .serform p[data-v-f2aefa10]:last-child:before { display: inline-block; content: "\E626"; font-size: 18px; color: #ffa641; margin-right: 5px } .serform p:last-child a[data-v-f2aefa10] { color: #333; font-weight: 600; margin-left: 5px } .serform .btn[data-v-f2aefa10] { display: block; width: 100%; line-height: 50px; border-radius: 2px; font-size: 18px; letter-spacing: 5px } .serform span select[data-v-f2aefa10] { border: transparent; background: #f7f7f7; padding: 10px 2px; max-width: 130px; min-width: 100px } /*申请送货框补充地址选择 zz*/ .toprightkuang .ct-send[data-v-f2aefa10] { float: none; margin-bottom: 30px; height: 48px; line-height: 46px; border: 1px solid #e1e1e1; padding: 0 20px } .toprightkuang .ct-send em[data-v-f2aefa10] { border: 1px solid #fff; padding-left: 23px } .toprightkuang .ct-send em.sdown[data-v-f2aefa10] { border-color: #e0e0e0; border-bottom-color: #e0e0e0; border-bottom: none; margin-top: 1px } .toprightkuang .ct-send .sendiv[data-v-f2aefa10] { top: 46px; border: 1px solid #fff } .toprightkuang .ct-send input[data-v-f2aefa10] { width: 255px } .toprightkuang .ct-send.sdopen .sendiv[data-v-f2aefa10] { border: 1px solid #e0e0e0; right: -1px } /*查询申请提货验证 end*/ /*券卡验证商品列表 start*/ .zbd[data-v-f2aefa10] { margin: 0 auto; height: auto; margin-top: -30px; background-image: url(https://presale.jhtsoft.com/picms/384a120de9aace.png), url(https://presale.jhtsoft.com/picms/384a1634413bb8.png), url(https://presale.jhtsoft.com/picms/384a120de9aace.png), url(https://presale.jhtsoft.com/picms/384a1634413bb8.png); background-position: 3% 0, 95% 70px, 3% bottom, 95% bottom; background-repeat: no-repeat, no-repeat, no-repeat, no-repeat; background-size: 232px 210px, 184px 156px, 232px 210px, 184px 156px; display: none } .zbd-part[data-v-f2aefa10] { width: 1200px; margin: 0 auto; padding-top: 30px } .zbd-part-tit[data-v-f2aefa10] { height: 50px; line-height: 50px; font-size: 16px; border-bottom: 2px solid #e6e6e6; overflow: hidden; background: #eee } .zbd-part-tit a[data-v-f2aefa10], .zbd-part-tit span[data-v-f2aefa10] { display: inline-block } .zbd-part-tit a[data-v-f2aefa10]:first-child { float: left; padding-left: 20px; color: #666 } .zbd-part-tit a:first-child span[data-v-f2aefa10] { font-size: 18px; color: #e62226; font-family: Arial, Verdana, "\5B8B\4F53" } .zbd-part-tit a:first-child span b[data-v-f2aefa10] { margin: 0 5px; display: inline-block } .zbd-part-tit span[data-v-f2aefa10] { float: right; height: 50px } .zbd-part-tit span a[data-v-f2aefa10] { margin-right: 25px; color: #e62226 } .zbd-part-tit span a[data-v-f2aefa10]:first-child { color: #f18110 } .zbd-part-tit .code-description[data-v-f2aefa10] { display: inline-block; height: 28px; line-height: 28px; margin: 11px 20px; font-size: 14px; color: #666; overflow: hidden } .zbd-part-tit .code-description small[data-v-f2aefa10] { font-size: 14px } .zbd-part-tit .code-description em[data-v-f2aefa10], .zbd-part-tit .code-description em button[data-v-f2aefa10], .zbd-part-tit .code-description em input[data-v-f2aefa10], .zbd-part-tit .code-description label[data-v-f2aefa10], .zbd-part-tit .code-description span[data-v-f2aefa10] { display: inline-block; float: left } .zbd-part-tit .code-description em[data-v-f2aefa10] { border: solid 1px #ccc; height: 24px; margin: 0 10px } .zbd-part-tit .code-description em button[data-v-f2aefa10] { width: 24px; height: 24px; background: #fff; text-align: center; outline: 0; border: none } .zbd-part-tit .code-description em button[data-v-f2aefa10]:active, .zbd-part-tit .code-description em button[data-v-f2aefa10]:hover { background: rgba(241, 2, 21, .1); color: #e62226 } .zbd-part-tit .code-description em input[data-v-f2aefa10] { width: 53px; height: 24px; border-left: solid 1px #e0e0e0; border-right: solid 1px #e0e0e0; line-height: 24px; text-align: center; font-size: 14px; color: #333 } .zbd-part-tit .code-description small b[data-v-f2aefa10] { color: #333; font-weight: 600; margin: 0 5px } .zbd-part-ul[data-v-f2aefa10] { padding: 0 20px } .zbd-part-ul li[data-v-f2aefa10] { display: block; overflow: hidden; padding-top: 30px; padding-bottom: 50px } .zbd-part-ul li .zpu-tu[data-v-f2aefa10] { float: left; display: inline-block } .zbd-part-ul li .zpu-tu img[data-v-f2aefa10] { width: 188px; height: 188px; border-radius: 50%; -moz-border-radius: 50%; border: 2px solid #a67761; -webkit-animation: rotate 1s linear; animation: rotate 1s linear } .zbd-part-ul li div[data-v-f2aefa10] { float: left; margin-left: 32px; width: 936px } .zbd-part-ul li div a[data-v-f2aefa10], .zbd-part-ul li div p[data-v-f2aefa10] { margin-bottom: 10px; font-size: 14px; display: block; line-height: 20px; color: #999; line-height: 20px; font-size: 14px; min-height: 20px; position: relative; overflow: hidden } .zbd-part-ul li div .card-p[data-v-f2aefa10] { position: relative; padding-right: 50px; max-height: 20px } .zbd-part-ul li div p i[data-v-f2aefa10] { position: absolute; top: 0; right: 15px; display: none; width: 20px; height: 20px; text-align: center; font-size: 20px; color: #333; font-weight: 600; cursor: pointer; -webkit-transition: all .5s ease; transition: all .5s ease } .zbd-part-ul li div a[data-v-f2aefa10] { font-size: 18px; color: #333; height: 25px; line-height: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .zbd-part-ul li div a em[data-v-f2aefa10] { font-weight: 600 } .zbd-part-ul li div a em[data-v-f2aefa10]:first-child { margin-right: 10px } .zbd-part-ul li div a[data-v-f2aefa10]:hover { color: #e62226 } .zbd-part-ul li div p[data-v-f2aefa10]:nth-child(3) { color: #e62226; margin-bottom: 16px; padding-top: 5px } .zbd-part-ul li .bigred[data-v-f2aefa10] { font-size: 24px; font-weight: 700; font-family: Arial, Verdana, "\5B8B\4F53" } .zbd-part-ul li .hei[data-v-f2aefa10] { color: #333 } .card-foot[data-v-f2aefa10] { width: 950px; margin: 50px auto 100px; padding-left: 250px; height: 50px } .card-foot [type=button][data-v-f2aefa10], .card-foot a[data-v-f2aefa10], .card-foot span[data-v-f2aefa10] { display: inline-block } .card-foot a[data-v-f2aefa10], .card-foot span[data-v-f2aefa10] { font-size: 14px; line-height: 50px } .card-foot span[data-v-f2aefa10] { color: #666 } .card-foot span i[data-v-f2aefa10] { font-size: 18px; color: #f18110; margin: 0 5px } .card-foot a[data-v-f2aefa10] { margin: 0 30px 0 10px; color: #f18110 } .card-foot .btn[data-v-f2aefa10] { width: 260px; border-radius: 2px; -moz-border-radius: 2px; height: 48px; line-height: 48px; font-size: 18px } /*返回顶部*/ .totop[data-v-f2aefa10] { position: fixed; bottom: 10%; right: 5%; cursor: pointer; opacity: 0; width: 80px; height: 80px; border-radius: 100%; background: #ccc; color: #fff; line-height: 80px; text-align: center; font-size: 60px; font-weight: 400; -webkit-transition: opacity .3s; transition: opacity .3s } .totop[data-v-f2aefa10]:hover { background: #e62226 } /*券卡验证商品列表 end*/ /*选定网点 strat*/ .network[data-v-f2aefa10] { overflow: hidden; } .network span[data-v-f2aefa10], .network .nw-cont[data-v-f2aefa10] { display: inline-block; float: left; } .network span[data-v-f2aefa10] { width: 180px; height: 130px; margin-right: 20px; } .network span img[data-v-f2aefa10] { width: 100%; height: 100%; } .network .nw-cont[data-v-f2aefa10] { width: 1000px; } .network .nw-cont p[data-v-f2aefa10]:first-child { line-height: 35px; border-bottom: 2px solid #e6e6e6; overflow: hidden; } .network .nw-cont p:first-child b[data-v-f2aefa10] { float: left; color: #333; font-size: 18px; font-weight: bold; } .network .nw-cont p:first-child em[data-v-f2aefa10] { float: left; color: #666; font-size: 16px; padding-left: 20px; } .network .nw-cont p:first-child a[data-v-f2aefa10] { float: right; padding-right: 20px; color: #f18110; font-size: 16px; } .network p[data-v-f2aefa10]:not(:first-child) { line-height: 25px; padding-top: 8px; font-size: 14px; } .network p i[data-v-f2aefa10] { display: inline-block; width: 72px; } .network p:nth-child(3) b[data-v-f2aefa10] { margin-right: 20px; } .network p[data-v-f2aefa10]:last-child { position: relative; padding-left: 72px; } .network p:last-child i[data-v-f2aefa10] { position: absolute; left: 0; top: 8px; width: 72px; display: inline-block; line-height: 25px; } .network p:last-child b[data-v-f2aefa10] { display: inline-block; margin-right: 0; cursor: pointer; } .network p:last-child b[data-v-f2aefa10]:after { display: inline-block; content: "\E696"; height: 25px; line-height: 25px; font-size: 20px; margin-left: 25px; color: #f18110; } .nw-map[data-v-f2aefa10] { height: 0; overflow: hidden; margin-top: 20px; -webkit-transition: height .2s; transition: height .2s; } .nw-map img[data-v-f2aefa10] { border: none; width: 100%; } .nw-map.sdopen[data-v-f2aefa10] { height: 180px; } /*选定网点 end*/ /*完善地址信息 start*/ .bd[data-v-f2aefa10] { background: #f6f6f6; padding: 20px 0; min-height: 500px; } .bdpart[data-v-f2aefa10] { width: 1200px; margin: 0 auto; } .bdpart-tit[data-v-f2aefa10] { line-height: 30px; padding: 15px 0; margin-bottom: 30px; overflow: hidden; border-bottom: 2px solid #e6e6e6; } .bdpart-tit b[data-v-f2aefa10], .bdpart-tit span[data-v-f2aefa10], .bdpart-tit em[data-v-f2aefa10] { display: inline-block; float: left; margin-left: 20px; font-size: 16px; } .bdpart-tit span[data-v-f2aefa10] { max-width: 620px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .bdpart-tit a[data-v-f2aefa10] { float: right; font-size: 16px; color: #f18110; } .bdpart-tit big[data-v-f2aefa10] { display: inline-block; float: left; font-size: 20px; font-weight: bold; } .bdpart-tit em i[data-v-f2aefa10] { color: #f18110; } .adrs-form[data-v-f2aefa10] { padding: 0 20px; overflow: hidden; } .adrs-form p[data-v-f2aefa10]:not(:last-child), .adrs-form .adrs-div[data-v-f2aefa10] { height: 42px; line-height: 40px; margin-bottom: 10px; font-size: 16px; overflow: hidden; } .adrs-form em[data-v-f2aefa10], .adrs-form input[data-v-f2aefa10], .adrs-form span[data-v-f2aefa10], .adrs-form small[data-v-f2aefa10], .adrs-form .adrs-div .adrs-select[data-v-f2aefa10], .adrs-form .adrs-div .adrs-select select[data-v-f2aefa10] { display: inline-block; float: left; } .adrs-form em[data-v-f2aefa10] { width: 160px; height: 40px; line-height: 40px; text-align: right; color: #666; } .adrs-form em b[data-v-f2aefa10] { color: #e62226; margin-right: 5px; } .adrs-form p:not(:last-child) input[data-v-f2aefa10] { margin: 0 15px 0 5px; width: 340px; height: 30px; line-height: 30px; border: 1px solid #ededed; padding: 5px 10px; font-size: 16px; -webkit-transition: all .3s; transition: all .3s; } .adrs-form p:not(:last-child) input[data-v-f2aefa10]:hover { border-color: #c0c4cc } .adrs-form span[data-v-f2aefa10] { color: #e62226; font-size: 14px; } .adrs-form span[data-v-f2aefa10]:before { display: inline-block; content: "\E637"; font-size: 14px; margin-right: 5px; vertical-align: top; } .adrs-form small[data-v-f2aefa10] { display: inline-block; color: #999; font-size: 14px; max-width: calc(100% - 602px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .adrs-form .adrs-div .adrs-select[data-v-f2aefa10] { width: 362px; height: 40px; margin: 0 15px 0 5px; } .adrs-form .adrs-div .adrs-select select[data-v-f2aefa10] { width: 114px; height: 40px; border: solid 1px #e1e1e1; margin-right: 10px; text-align-last: center; text-align: center; color: #333; } .adrs-form .adrs-div .adrs-select select option[data-v-f2aefa10]:disabled{color: #ccc; } .adrs-form .adrs-div .adrs-select select[data-v-f2aefa10]:last-child { margin-right: 0; } .adrs-form p[data-v-f2aefa10]:last-child { padding-left: 165px; margin-top: 30px; } .adrs-form p:last-child [type='button'][data-v-f2aefa10] { width: 170px; height: 48px; line-height: 48px; margin-right: 20px; } .adrs-form .btn-default[data-v-f2aefa10] { background: #e0e0e0; } .adrs-form .btn-default[data-v-f2aefa10]:hover { background: #ccc; color: #333; } /*完善地址信息 end*/ /*提交成功订单 start*/ .adv[data-v-f2aefa10] { position: relative; width: 100%; height: 100px; text-align: center; overflow: hidden; } .adv.none[data-v-f2aefa10] { height: 0; padding: 0; border: none; margin: 0; } .adv a img[data-v-f2aefa10] { width: 100%; height: 100px; } .adv p[data-v-f2aefa10] { width: 1200px; position: absolute; top: 5px; left: 50%; margin-left: -600px; } .adv p .icon-gb[data-v-f2aefa10] { position: absolute; z-index: 1; right: 0; color: #fff; } .uinfo .uif-cont[data-v-f2aefa10] { padding: 0 20px; position: relative; } .uinfo .uif-cont p[data-v-f2aefa10] { position: relative; padding-left: 160px; width: calc(70% - 150px); line-height: 20px; margin-bottom: 10px; padding-right: 30%; padding-bottom: 10px; font-size: 14px; } .uinfo .uif-cont p label[data-v-f2aefa10] { position: absolute; left: 0; top: 0; width: 150px; color: #666; text-align: right; } .uinfo .uif-cont .marketad-tu[data-v-f2aefa10] { position: absolute; right: 0; top: 0; width: 152px; height: 120px; -webkit-animation: dhpic 1s linear infinite alternate; animation: dhpic 1s linear infinite alternate; display: none; } .uinfo .uif-cont .marketad-tu img[data-v-f2aefa10] { width: 100%; } /*订单提交成功信息 end*/ /*券卡订单产品推荐 start*/ .plist-rcommend[data-v-f2aefa10] { width: 1200px; margin: 0 auto; overflow: hidden; } .plist-rcommend .pr-tit[data-v-f2aefa10] { width: calc(100% - 40px); line-height: 30px; padding: 15px 20px; margin-bottom: 30px; overflow: hidden; border-bottom: 2px solid #e6e6e6; display: inline-block; font-size: 20px; font-weight: bold; } .plist-rcommend .swiper-container[data-v-f2aefa10] { position: relative; width: 100%; overflow: visible !important; } .plist-rcommend .swiper-wrapper[data-v-f2aefa10] { height: auto; margin-right: -14px; } .plist-rcommend .swiper-wrapper .swiper-slide[data-v-f2aefa10] { float: left; display: inline-block; width: 292.5px; background: #fff; } .prc .swiper-button-prev[data-v-f2aefa10], .prc .swiper-button-next[data-v-f2aefa10] { position: absolute; top: -50px; width: 30px; height: 30px; line-height: 30px; font-size: 18px; border: solid 1px #ebebeb; z-index: 10; cursor: pointer; background: #fff; text-align: center; } .prc .swiper-button-prev[data-v-f2aefa10]:hover, .prc .swiper-button-next[data-v-f2aefa10]:hover { color: #e62226; } .prc .swiper-button-next.swiper-button-disabled[data-v-f2aefa10], .prc .swiper-button-prev.swiper-button-disabled[data-v-f2aefa10] { opacity: 1 !important; color: #d6d6d6; } .prc .swiper-button-prev[data-v-f2aefa10] { left: 94%; } .prc .swiper-button-next[data-v-f2aefa10] { right: 0; -webkit-transform: rotate3d(0, 0, 1, 180deg); transform: rotate3d(0, 0, 1, 180deg); } .plist-rcommend .prc a[data-v-f2aefa10], .plist-rcommend .prc p[data-v-f2aefa10], .plist-rcommend .prc span[data-v-f2aefa10] { display: block; text-align: center; } .plist-rcommend .prc a[data-v-f2aefa10]:first-child { padding: 20px 0; } .plist-rcommend .prc a:first-child img[data-v-f2aefa10] { width: 188px; height: 188px; border-radius: 50%; -moz-border-radius: 50%; border: 2px solid #a67761; -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; -webkit-transform: translateY(0); transform: translateY(0) } .plist-rcommend .prc a:first-child:hover img[data-v-f2aefa10] { -webkit-transform: translateY(-5px); transform: translateY(-5px) } .plist-rcommend .prc a[data-v-f2aefa10]:nth-child(2) { margin: 0 10px; font-size: 16px; font-weight: 600; line-height: 30px; border-bottom: solid 1px #ebebeb; } .plist-rcommend .prc a[data-v-f2aefa10]:nth-child(2), .plist-rcommend .prc p[data-v-f2aefa10] { max-width: 272.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .plist-rcommend .prc p[data-v-f2aefa10] { padding: 0 10px; font-size: 14px; line-height: 25px; } .plist-rcommend .prc span[data-v-f2aefa10] { display: block; height: 30px; margin-top: 10px; padding: 10px 0; color: #fff; } .plist-rcommend .prc span b[data-v-f2aefa10] { font-size: 24px; font-weight: bold; } /*券卡订单产品推荐 end*/ /* * 提货模块cardProject所有弹窗样式 * start */ /*更改商品弹窗 begin*/ .mods-cont .mc_cont[data-v-f2aefa10] { overflow-y: auto; overflow-x: hidden; } .mc-tit span[data-v-f2aefa10] { display: inline-block; float: left; height: 26px; line-height: 26px; margin: 7px 20px; font-size: 14px; color: #666; overflow: hidden; } .mc-tit span small[data-v-f2aefa10] { font-size: 14px; } .mc-tit span label[data-v-f2aefa10], .mc-tit span em[data-v-f2aefa10], .mc-tit span span[data-v-f2aefa10], .mc-tit span em button[data-v-f2aefa10], .mc-tit span em input[data-v-f2aefa10] { display: inline-block; float: left; } .mc-tit span em[data-v-f2aefa10] { border: solid 1px #ccc; height: 24px; margin: 0 10px; } .mc-tit span em button[data-v-f2aefa10] { width: 24px; height: 24px; background: #fff; text-align: center; outline: none; border: none; } .mc-tit span em button[data-v-f2aefa10]:hover, .mc-tit span em button[data-v-f2aefa10]:active { background: rgba(241, 129, 127, .1); color: #f18110; } .mc-tit span em input[data-v-f2aefa10] { width: 53px; height: 24px; border-left: solid 1px #e0e0e0; border-right: solid 1px #e0e0e0; line-height: 24px; text-align: center; font-size: 14px; color: #333; } .mc-tit span small i[data-v-f2aefa10] { color: #333; font-weight: 600; margin: 0 5px; } /* .mods-product .mods-cont { width:1000px; height: 600px; margin-left:-500px; margin-top:-300px;} */ .mods-product .mods-cont .mc_cont[data-v-f2aefa10] { height: 550px; width: 1000px; padding-bottom: 10px; } .mc_cont .mcb-tit[data-v-f2aefa10] { position: absolute; z-index: 4; top: 118px; left: 30px; padding: 10px 0; width: calc(100% - 60px); height: 25px; line-height: 25px; background: #fff; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mcb_ul[data-v-f2aefa10] { height: auto; margin: 0 auto; text-align: left; } .mcb_ul.pd-t-mx[data-v-f2aefa10] { padding-top: 123px; } .mcb_ul li[data-v-f2aefa10] { position: relative; width: 580px; padding: 15px 0; height: auto; border-top: solid 1px #eee; } .mcb_ul li .mcb_ul_tu[data-v-f2aefa10] { display: block; position: absolute; top: 30px; width: 80px; height: 80px; border: solid 1px #ccc; } .mcb_ul li .mcb_ul_tu img[data-v-f2aefa10] { max-width: 100%; max-height: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .mcb_ul li div[data-v-f2aefa10] { height: auto; min-height: 105px; line-height: 25px; } .mcb_ul li div a[data-v-f2aefa10] { display: block; width: 100%; height: auto; line-height: 30px; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mcb_ul li div p[data-v-f2aefa10] { display: block; padding-right: 60px; max-height: 25px; color: #999; line-height: 25px; font-size: 14px; position: relative; overflow: hidden; } .pedit_none .mcb_ul[data-v-f2aefa10] { width: 940px; padding-right: 30px; padding-bottom: 90px; padding-left: 30px; } .pedit_none .mcb_ul li[data-v-f2aefa10] { width: 940px; } .pedit_none .mcb_ul li span.icon-oncheck[data-v-f2aefa10] { position: absolute; left: 10px; top: 55px; display: block; width: 30px; height: 30px; font-size: 30px; color: #e6e2e3; cursor: pointer; } .pedit_none .mcb_ul li span.icon-oncheck.cselected[data-v-f2aefa10] { color: #f18110; } .pedit_none .mcb_ul li span input[type="checkbox"][data-v-f2aefa10] { visibility: hidden; display: none; } .mcb_ul li .mcb_ul_tu[data-v-f2aefa10] { display: block; position: absolute; top: 30px; width: 80px; height: 80px; border: solid 1px #ccc; } .mods-product .mcb_ul li .mcb_ul_tu[data-v-f2aefa10] { left: 60px; } .pedit_none .mcb_ul li div[data-v-f2aefa10] { width: 770px; padding-left: 170px; } .pedit_none .mcb_ul li div p[data-v-f2aefa10]:last-child { width: 710px !important; } .mods-cont .mcp_zw[data-v-f2aefa10] { position: absolute; z-index: 4; left: 0; top: 40px; height: 63px; background: #fff; padding: 25px 0 10px 0; } .mods-product .mods-cont .mcp_zw[data-v-f2aefa10], .mods-product .mods-cont .mcp_zw .mcc-prdt[data-v-f2aefa10], .mods-product .mods-cont .mcp_zw .mcc-prdt p[data-v-f2aefa10] { width: 984px; } .mods-cont .mcp_zw .mcc-prdt[data-v-f2aefa10] { position: relative; height: 45px; line-height: 45px; background: #eee; font-size: 18px; font-weight: 400; } .mods-cont .mcp_zw .mcc-prdt p[data-v-f2aefa10] { position: absolute; left: 0; top: -8px; display: block; height: 63px; line-height: 63px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mods-cont .mcp_zw .mcc-prdt a[data-v-f2aefa10] { text-align: center; color: #000; text-decoration: none; cursor: pointer; white-space: nowrap; overflow: hidden; font-size: 16px; text-overflow: ellipsis; } .mods-cont .mcp_zw .mcc-prdt a.active[data-v-f2aefa10] { background: url(https://presale.jhtsoft.com/picms/3851540c54e616.png) no-repeat center top; color: #fff; background-size: 100% 64px; } .mods-cont .mcp_zw .mcc-prdt a em[data-v-f2aefa10] { max-width: 48px; overflow: hidden; display: inline-block; vertical-align: top; } .mods-cont .mcp_zw .mcc-prdt a.active small[data-v-f2aefa10] { font-size: 14px; line-height: 63px; font-weight: 600; } .mods-product .mods-cont .mcp_zw .mcc-prdt a[data-v-f2aefa10] { display: block; float: left; width: 17%; } .mods-product .mods-cont .mcp_zw .mcc-prdt a.bw14[data-v-f2aefa10] { width: 14%; } .mods-product .mods-cont .mcp_zw .mcc-prdt a.active[data-v-f2aefa10] { width: 28%; } .mc_cont .mcc_btn_zw[data-v-f2aefa10] { display: block; width: 940px; height: 40px; padding: 15px 0; background: #fff; position: absolute; left: 30px; bottom: 0; text-align: center; } .mc_cont .mcc_btn_zw a.mcc_sub[data-v-f2aefa10] { display: inline-block; width: 150px; border: 1px solid #f18110; height: 40px; margin: 0 auto; border-radius: 6px; background: #f18110; color: #fff; line-height: 40px; font-size: 18px; text-decoration: none; text-align: center; cursor: pointer; } .mc-cont .mcc_btn_zw a.addbtn[data-v-f2aefa10] { background: #fff; color: #f18110; margin-right: 10px; } .mc-cont .mcc_btn_zw a.addbtn[data-v-f2aefa10]:hover { background: #f18110; color: #fff; } /*更改商品弹窗 end*/ /*修改地址弹窗 start*/ .mods-editad .mods-cont[data-v-f2aefa10] { width: 1000px; height: 540px; margin-left: -500px; margin-top: -270px; } .mods-editad .mods-cont .mc_cont[data-v-f2aefa10] { height: 480px; width: 940px; padding: 0 30px 10px 30px; } .mc_zw[data-v-f2aefa10] { position: absolute; z-index: 4; left: 0; top: 40px; height: 20px; background: #fff; } .mc_b_zw[data-v-f2aefa10] { position: absolute; z-index: 4; left: 0; bottom: 0; height: 20px; background: #fff; } .mods-editad .mods-cont .mc_zw[data-v-f2aefa10] { width: 984px; } .medit_c_ul[data-v-f2aefa10] { width: 940px; height: auto; margin: 0 auto; margin: 20px 0 90px 0; background: #fafafa; } .medit_c_ul li[data-v-f2aefa10] { position: relative; width: 100%; height: auto; width: 940px; height: auto; background: #fff; padding: 10px 0; /* margin-bottom: 10px; */ font-size: 16px; cursor: pointer; } .medit_c_ul li[data-v-f2aefa10]:hover { background: #fffdf3; } .medit_c_ul li .icon-oncheck[data-v-f2aefa10] { position: absolute; left: 15px; top: 50%; margin-top: -15px; display: block; width: 30px; height: 30px; font-size: 24px; color: #e6e2e3; cursor: pointer; } .medit_c_ul li.selected .icon-oncheck[data-v-f2aefa10] { color: #f18110; } .medit_c_ul li .icon-oncheck input[type="radio"][data-v-f2aefa10] { visibility: hidden; } .medit_c_ul li div[data-v-f2aefa10] { width: 860px; padding-left: 80px; height: auto; } .medit_c_ul li div em[data-v-f2aefa10] { display: block; width: 100%; line-height: 40px; margin-bottom: 10px; font-size: 16px; } .medit_c_ul li div p[data-v-f2aefa10] { display: block; width: 80%; height: 20px; line-height: 20px; margin-bottom: 10px; font-size: 14px; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .medit_c_ul li span[data-v-f2aefa10] { position: absolute; right: 20px; bottom: 22px; } .medit_c_ul li a[data-v-f2aefa10] { color: #f18110; text-decoration: none; cursor: pointer; font-size: 14px; padding-left: 10px; } /*修改地址弹窗 end*/ /*更改网点弹窗 begin*/ .mods-yywd .mods-cont .mc_cont[data-v-f2aefa10] { height: 590px; width: 940px; padding: 0 30px; } .mods-yywd .mods-cont .mc_zw[data-v-f2aefa10], .mods-yywd .mods-cont .mc_b_zw[data-v-f2aefa10] { position: absolute; z-index: 4; left: 0; width: 984px; height: 20px; background: #fff; } .mc_zw[data-v-f2aefa10] { top: 40px; } .mc_b_zw[data-v-f2aefa10] { bottom: 0; } .mc_cont .mcc_top[data-v-f2aefa10] { position: absolute; z-index: 4; left: 30px; top: 40px; width: 940px; height: 40px; margin: 0 auto; padding: 20px 0; background: #fff; } .mc_cont .mcc_top span[data-v-f2aefa10] { float: left; height: 40px; line-height: 40px; overflow: hidden; margin-right: 15px; } .mc_cont .mcc_top span label[data-v-f2aefa10] { float: left; margin-right: 20px; font-size: 14px; } .mc_cont .mcc_top span input[data-v-f2aefa10], .mc_cont .mcc_top span select[data-v-f2aefa10] { float: left; display: inline-block; width: 240px; padding-left: 10px; height: 38px; border: solid 1px #eaeaea; border-radius: 2px; line-height: 38px; color: #666; font-size: 14px; } .mc_cont .mcc_top span select[data-v-f2aefa10] { width: 200px !important; margin-right: 10px; } .mc_cont .mcc_top a[data-v-f2aefa10] { float: left; display: inline-block; width: 160px; height: 40px; line-height: 40px; font-size: 14px; margin: 0 auto; border-radius: 6px; background: #f18110; text-align: center; color: #fff; text-decoration: none; cursor: pointer; } .deliveryadres[data-v-f2aefa10], .mc_cont .mcc_bot[data-v-f2aefa10] { width: 940px; height: auto; margin: 0 auto; margin-top: 80px; background: #fafafa; } .mods-yywd .mods-cont[data-v-f2aefa10] { width: 1000px; height: 640px; margin-left: -500px; margin-top: -320px; font-size: 16px; } dl.yyda_top[data-v-f2aefa10] { width: 100%; height: auto; overflow: hidden; position: relative; background: #fff; } .deliveryadres dl.yyda_top[data-v-f2aefa10] { margin-bottom: 10px; } dl.yyda_top dd.yyda_t_tu[data-v-f2aefa10] { width: 178px; height: 128px; border: solid 1px #eee; position: absolute; left: 0; } dl.yyda_top dd.yyda_t_tu img[data-v-f2aefa10] { width: 100%; height: 100%; } .deliveryadres dl.yyda_top dd.yyda_t_tu[data-v-f2aefa10] { top: 15px; } .deliveryadres dl.yyda_top dd.yyda_t_left[data-v-f2aefa10] { width: 545px; height: auto; padding: 15px 0 15px 195px; text-align: left; } dd.yyda_t_left span[data-v-f2aefa10] { display: block; width: 100%; line-height: 30px; margin-bottom: 10px; font-size: 16px; } dd.yyda_t_left span em[data-v-f2aefa10] { font-size: 14px; margin-left: 20px; } .deliveryadres .yyda_top .yyda_t_left span[data-v-f2aefa10], .medit_c_ul li div em[data-v-f2aefa10] { color: #333; } .deliveryadres .yyda_top .yyda_t_left span em[data-v-f2aefa10] { color: #666; font-weight: 400; } dl.yyda_top dd.yyda_t_left p[data-v-f2aefa10] { display: block; width: 100%; height: 20px; line-height: 20px; margin-bottom: 10px; font-size: 14px; vertical-align: middle; } dl.yyda_top dd.yyda_t_left p[data-v-f2aefa10]:last-child { position: relative; margin-bottom: 0; padding-left: 80px; height: auto !important; } dl.yyda_top dd.yyda_t_left p:last-child i[data-v-f2aefa10] { font-style: normal; position: absolute; left: 0; top: 0; display: block; width: 80px; } dd.yyda_t_left p b[data-v-f2aefa10] { font-weight: 400; margin: 0 5px; } dt.yyda_t_right[data-v-f2aefa10] { position: absolute; z-index: 1; width: 120px; height: 110px; } .deliveryadres dl.yyda_top dt.yyda_t_right[data-v-f2aefa10] { top: 30px; right: 0; } dl.yyda_top dt.yyda_t_right a[data-v-f2aefa10] { display: block; width: 118px; height: 25px; margin: 10px 0; line-height: 25px; text-align: left; font-size: 14px; text-decoration: none; vertical-align: top; cursor: pointer; } dl.yyda_top dt.yyda_t_right a[data-v-f2aefa10]:hover { color: #f18110; } .yyda_t_left p i.yydatl_icon[data-v-f2aefa10], dl.yyda_top dt.yyda_t_right a[data-v-f2aefa10]:before { margin: 0 5px; display: inline-block; width: 25px; height: 25px; vertical-align: top; text-align: center; line-height: 25px; font-size: 18px; color: #f18110; } dl.yyda_top dt.yyda_t_right a[data-v-f2aefa10]:first-child:before { content: "\E636"; } dl.yyda_top dt.yyda_t_right a[data-v-f2aefa10]:nth-child(2):before { content: "\E696"; } dl.yyda_top dd.yyda_bot[data-v-f2aefa10] { width: 100%; height: 0; overflow: hidden; -webkit-transition: height .3s; transition: height .3s; } dl.yyda_top dd.yyda_bot.sdopen[data-v-f2aefa10] { height: 300px; } dl.yyda_top dd.yyda_bot img[data-v-f2aefa10] { width: 100%; height: 300px; } /*更换网点弹窗 end*/ /*查询结果弹框 begin*/ .mods-result .mods-cont[data-v-f2aefa10], .mods-rcomb .mods-cont[data-v-f2aefa10] { width: 1000px; height: 660px; margin-left: -500px; margin-top: -330px; font-size: 16px; } .mods-rcomb .mods-cont .mcp_zw[data-v-f2aefa10], .mods-rcomb .mods-cont .mcp_zw .mcc-prdt[data-v-f2aefa10], .mods-rcomb .mods-cont .mcp_zw .mcc-prdt p[data-v-f2aefa10] { width: 624px; } .mods-result .mods-cont .mc_zw[data-v-f2aefa10], .mods-rcomb .mods-cont .mc_b_zw[data-v-f2aefa10] { position: absolute; z-index: 4; left: 0; background: #fff; width: 624px; } .mc_zw[data-v-f2aefa10] { top: 40px; } .mc_b_zw[data-v-f2aefa10] { bottom: 0; } .mods-rcomb .mods-cont .mcp_zw .mcc-prdt a[data-v-f2aefa10] { display: block; float: left; width: 27%; } .mods-rcomb .mods-cont .mcp_zw .mcc-prdt a.bw12[data-v-f2aefa10] { width: 12%; } .mods-rcomb .mods-cont .mcp_zw .mcc-prdt a.bw18[data-v-f2aefa10] { width: 18%; } .mods-rcomb .mods-cont .mcp_zw .mcc-prdt a.active[data-v-f2aefa10] { width: 43%; } .mods-cont .mc_tent[data-v-f2aefa10] { width: 1000px; height: 610px; overflow: hidden; } .mc_tent .mct_left[data-v-f2aefa10] { float: left; height: 610px; overflow-y: scroll; overflow-x: hidden; } .mc_tent .mct_left.pad-xl[data-v-f2aefa10] { width: 580px; padding: 0 30px; } .mc_tent .mct_left.pad-b-md[data-v-f2aefa10] { width: 640px; } .mc_tent .mct_left .mctl_cont[data-v-f2aefa10] { width: 580px; height: auto; } .mods-result .mc_tent .mct_left .mctl_cont[data-v-f2aefa10] { padding-bottom: 60px; } .mods-rcomb .mc_tent .mct_left .mctl_cont[data-v-f2aefa10] { } .mc_tent .mct_left.pad-b-md .mctl_cont[data-v-f2aefa10] { padding-left: 30px; padding-right: 30px; } .mctl_cont.hidden[data-v-f2aefa10] { display: none; } .mc_tent .mcb-tit[data-v-f2aefa10] { position: absolute; z-index: 4; top: 118px; left: 30px; padding: 10px 0; width: 580px; height: 25px; line-height: 25px; background: #fff; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /*S swiper轮播*/ .mods-result .swiper-container[data-v-f2aefa10] { position: relative; overflow: hidden; z-index: 4; width: 580px; height: 360px; margin: 10px auto; } .mods-result .swiper-container-no-flexbox .swiper-slide[data-v-f2aefa10] { float: left; } .mods-result .swiper-container-vertical>.swiper-wrapper[data-v-f2aefa10] { -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; } .mods-result .swiper-wrapper[data-v-f2aefa10] { position: relative; width: 100%; height: 280px; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .mods-result .swiper-slide[data-v-f2aefa10] { position: relative; width: 360px; height: 100%; margin: 0 auto; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-align: center; -webkit-box-align: center; align-items: center; text-align: center; } .mods-result .swiper-container-android .swiper-slide[data-v-f2aefa10], .mods-result .swiper-wrapper[data-v-f2aefa10] { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .mods-result .swiper-slide .mcb_ul_tu[data-v-f2aefa10] { position: absolute; width: 360px; height: 360px; overflow: hidden; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .mods-result .swiper-slide img[data-v-f2aefa10] { position: absolute; max-width: 360px; max-height: 360px; margin: auto; left: 0; top: 0; right: 0; bottom: 0; } .mods-result .swiper-container-multirow>.swiper-wrapper[data-v-f2aefa10] { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mods-result .swiper-container-free-mode>.swiper-wrapper[data-v-f2aefa10] { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } /*E swiper轮播*/ .mctl_cont dl[data-v-f2aefa10] { width: 100%; height: auto; overflow: hidden; } .hiddauto[data-v-f2aefa10] { overflow-y: auto; max-height: inherit !important; -webkit-transition: all .3s; transition: all .3s; } .mctl_cont dl dt[data-v-f2aefa10] { display: block; width: 100%; height: 40px; line-height: 40px; font-size: 18px; font-weight: 600; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mctl_cont dl dt em[data-v-f2aefa10] { font-weight: 600; } .mctl_cont dl dt em[data-v-f2aefa10]:first-child { margin-right: 10px; } .mctl_cont dl dd[data-v-f2aefa10] { display: block; width: 100%; height: 30px; line-height: 30px; font-size: 14px; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .mctl_cont dl p[data-v-f2aefa10] { display: block; width: 520px; padding-right: 60px; max-height: 30px; line-height: 30px; position: relative; font-size: 14px; color: #666; } .mctl_cont dl p i[data-v-f2aefa10], .mcb_ul li div p i[data-v-f2aefa10] { position: absolute; top: 0; right: 15px; display: none; width: 20px; height: 20px; text-align: center; font-size: 20px; color: #333; font-weight: 600; cursor: pointer; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .mctl_cont dl p i.rotate[data-v-f2aefa10] { margin-top: 10px; } .mcb_ul li div p i.rotate[data-v-f2aefa10] { margin-top: 5px; } .click_mct_btn[data-v-f2aefa10] { display: block; width: 580px; height: 30px; padding: 15px 0; line-height: 30px; background: #fff; position: absolute; left: 30px; bottom: 0; font-size: 16px; color: #999; vertical-align: middle; cursor: pointer; } .click_mct_btn[data-v-f2aefa10]:before { display: inline-block; content: "\E60D"; color: #f18110; width: 20px; height: 20px; line-height: 20px; font-size: 18px; margin: 5px; -webkit-transform: rotate3d(0, 0, 1, 180deg); transform: rotate3d(0, 0, 1, 180deg); } .click_mct_btn a[data-v-f2aefa10] { color: #f18110; } .click_mct_btn a[data-v-f2aefa10]:hover { color: #f49a41; } .mcb_ul[data-v-f2aefa10] { height: auto; margin: 0 auto; text-align: left; } .mcb_ul.pd-t-mx[data-v-f2aefa10] { padding-top: 123px; } .mcb_ul li[data-v-f2aefa10] { position: relative; width: 580px; padding: 15px 0; height: auto; border-top: solid 1px #eee; } .mcb_ul li[data-v-f2aefa10]:hover { background: #fffdf3; } .mcb_ul li .mcb_ul_tu[data-v-f2aefa10] { display: block; position: absolute; top: 30px; width: 80px; height: 80px; border: solid 1px #ccc; } .mcb_ul li div[data-v-f2aefa10] { height: auto; min-height: 105px; line-height: 25px; word-break: break-all; word-wrap: break-word; } .mcb_ul li div a[data-v-f2aefa10] { display: block; width: 100%; height: auto; line-height: 30px; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /*组合套餐产品列表*/ .mctl_comb .mcb_ul[data-v-f2aefa10] { width: 580px; } .mctl_comb .mcb_ul li[data-v-f2aefa10] { width: 580px; } .mctl_comb .mcb_ul li img[data-v-f2aefa10] { left: 0; } .mctl_comb .mcb_ul li div[data-v-f2aefa10] { width: 470px; padding-left: 110px; } .mctl_comb .mcb_ul li div p[data-v-f2aefa10]:last-child { width: 410px !important; } /*查询结果右侧公用券卡信息*/ .mc_tent .mct_right[data-v-f2aefa10] { float: left; width: 300px; height: 550px; padding: 30px; overflow-y: auto; font-size: 14px; } .mct_right dl[data-v-f2aefa10] { width: 100%; height: auto; } .mct_right dl dt[data-v-f2aefa10] { width: 100%; height: 45px; line-height: 45px; border-bottom: solid 1px #eaeaea; margin-bottom: 20px; } .mct_right dl dt span[data-v-f2aefa10] { display: inline-block; width: auto; height: 44px; line-height: 44px; border-bottom: solid 2px #f18110; font-size: 18px; font-weight: 600; } .mct_right dl dd[data-v-f2aefa10] { display: block; width: 100%; color: #999; } .mct_right dl dd b[data-v-f2aefa10] { margin: 0 3px; } .mct_right dl dd:not(.autoLine) span[data-v-f2aefa10] { color: #666; display: inline-block; max-width: calc(100% - 90px); max-height: 35px; overflow: hidden; vertical-align: top; text-overflow: ellipsis; white-space: nowrap; } .mct_right dl dd.txt-green span[data-v-f2aefa10] { color: #358d2c; } .mct_right dl dd.txt-orange span[data-v-f2aefa10] { color: #f18110; } .mods-result .mct_right dl dd[data-v-f2aefa10]:not(.autoLine) { height: 35px; line-height: 35px; } /* .mct_right dl dd.autoLine em {padding:7px 0;} */ .mct_right dl dd.autoLine[data-v-f2aefa10] {display: -webkit-box!important;display: -ms-flexbox!important;display: flex!important; } .mct_right dl dd.autoLine article[data-v-f2aefa10] {color:#333;-webkit-box-flex:1;-ms-flex:1;flex:1; max-width:calc(100% - 70px);padding: 5px 0; line-height:20px; } .mods-rcomb .mct_right dl dd[data-v-f2aefa10] { height: 35px; line-height: 35px; } .mct_right a.btn_th[data-v-f2aefa10], .mct_right a.btn_od[data-v-f2aefa10] { display: block; width: 100%; height: 50px; line-height: 50px; margin: 20px auto; border-radius: 6px; border: solid 1px #f18110; text-align: center; text-decoration: none; cursor: pointer; font-size: 18px; -webkit-box-sizing: border-box; box-sizing: border-box; } .mct_right a.btn_th[data-v-f2aefa10], .mct_right a.btn_od[data-v-f2aefa10]:hover, .mct_right a.btn_od[data-v-f2aefa10]:active { background: #f18110; color: #fff; } .mct_right a.btn_od[data-v-f2aefa10] { background: #fff; color: #f18110; } .mct_right .mctr_more[data-v-f2aefa10] { float: left; width: 230px; color: #999; text-align: center; } .mct_right .mctr_more span[data-v-f2aefa10] { display: block; width: 100%; height: 40px; line-height: 40px; color: #333; font-size: 18px; } .mct_right .mctr_more span a[data-v-f2aefa10] { display: inline-block; height: 40px; line-height: 40px; color: #f18110; text-decoration: none; vertical-align: top; cursor: pointer; } .mct_right .mctr_more span a[data-v-f2aefa10]:hover { opacity: .8; filter: alpha(opacity=80); } .mct_right .mctr_more span a[data-v-f2aefa10]:before { float: left; display: inline-block; width: 30px; height: 30px; line-height: 30px; margin: 5px 0 5px 5px; content: "\E631"; font-size: 28px; } .mct_right .mctr_more p[data-v-f2aefa10] { width: 170px; margin: 0 auto; height: 50px; line-height: 50px; position: relative; color: #888; font-size: 14px; } .mct_right .mctr_more p[data-v-f2aefa10]:last-child { width: 150px; border-top: solid 1px #e0dfdf; } .mct_right .mctr_more p i[data-v-f2aefa10] { position: absolute; z-index: 3; left: 50%; top: 100%; display: block; margin-left: -17.5px; margin-top: -12.5px; width: 35px; height: 25px; line-height: 25px; background: #fff; color: #333; } /*查询结果弹框 end*/ /*提货成功营销弹框 start*/ .tankuang[data-v-f2aefa10] { z-index: 103; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .7); } .hide-body[data-v-f2aefa10] { z-index: 104; position: relative; top: 50%; left: 50%; padding-top: 35px; width: 634px; height: 600px; margin: -317px 0 0 -300px; margin-left: -500px; } .hide-body span[data-v-f2aefa10] { display: inline-block; position: absolute; top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; text-align: center; border: solid 2px #fff; border-radius: 100%; color: #fff; font-size: 20px; } .lgb-cont p[data-v-f2aefa10] { text-align: center; margin-bottom: 15px; } .lgb-cont p[data-v-f2aefa10]:nth-child(1) { color: #fff; font-size: 22px; } .lgb-cont p[data-v-f2aefa10]:nth-child(2) { color: #fefffd; font-size: 20px; } .lgb-cont p:nth-child(2) small[data-v-f2aefa10] { color: #fdfd00; font-size: 16px; margin-left: 5px; } .lgb-cont p:nth-child(2) big[data-v-f2aefa10] { color: #fffb02; font-size: 40px; font-weight: bold; margin-right: 5px; font-family: Arial, Verdana, "\5B8B\4F53"; } .lgb-cont p[data-v-f2aefa10]:nth-child(3) { color: #fefffd; font-size: 18px; } .lgb-cont p:nth-child(3) a[data-v-f2aefa10] { color: #fdfd00; font-weight: bold; margin: 0 5px; } .lgb-cont p:nth-child(4) img[data-v-f2aefa10] { width: 100%; height: auto; max-width: 150px; } .lgb-cont .ewm[data-v-f2aefa10] { width: 160px; height: auto; margin: 0 auto; background: rgba(137, 19, 253, .5); } .lgb-cont .ewm img[data-v-f2aefa10] { width: 130px; height: 130px; padding: 10px; background: #fff; margin-top: 5px; } .lg-bottom[data-v-f2aefa10] { height: 60px; margin-top: 43px; overflow: hidden; } .lg-bottom a[data-v-f2aefa10] { float: left; display: block; width: 140px; height: 52px; background: url(https://presale.jhtsoft.com/picms/384a3389607624.png) no-repeat; text-align: center; line-height: 52px; font-size: 22px; color: #bf3bff; font-weight: bold; } .lg-bottom a[data-v-f2aefa10]:hover { opacity: 0.8; filter: Alpha(opacity=80); } .lg-bottom a[data-v-f2aefa10]:first-child { margin-left: 122px; } .lg-bottom a[data-v-f2aefa10]:last-child { margin-left: 20px; } /*营销弹框动画 begin*/ @-webkit-keyframes flipInY-data-v-f2aefa10 { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); } } @keyframes flipInY-data-v-f2aefa10 { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY[data-v-f2aefa10], .toprightka span[data-v-f2aefa10] { -webkit-animation: flipInY-data-v-f2aefa10 1s; animation: flipInY-data-v-f2aefa10 1s; } @-webkit-keyframes rollIn-data-v-f2aefa10 { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; } } @keyframes rollIn-data-v-f2aefa10 { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn[data-v-f2aefa10], .topleft[data-v-f2aefa10] { -webkit-animation: rollIn-data-v-f2aefa10 1s; animation: rollIn-data-v-f2aefa10 1s; } @-webkit-keyframes fadeInLeft-data-v-f2aefa10 { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; } } @keyframes fadeInLeft-data-v-f2aefa10 { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .zbd-part-ul li .zpu-tu[data-v-f2aefa10], .fadeInLeft[data-v-f2aefa10] { -webkit-animation: fadeInLeft-data-v-f2aefa10 1s; animation: fadeInLeft-data-v-f2aefa10 1s; } @-webkit-keyframes fadeInRight-data-v-f2aefa10 { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; } } @keyframes fadeInRight-data-v-f2aefa10 { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .zbd-part-ul li div[data-v-f2aefa10], .fadeInRight[data-v-f2aefa10] { -webkit-animation: fadeInRight-data-v-f2aefa10 1s; animation: fadeInRight-data-v-f2aefa10 1s; } @-webkit-keyframes zoomOutRight-data-v-f2aefa10 { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(1000px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; } } @keyframes zoomOutRight-data-v-f2aefa10 { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(1000px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(1000px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight[data-v-f2aefa10] { -webkit-animation: zoomOutRight-data-v-f2aefa10 1s; animation: zoomOutRight-data-v-f2aefa10 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } /*提货成功营销弹框 end*/ /*流程图轮播弹框 start*/ .mods-help .mods-cont[data-v-f2aefa10] { width: 700px; height: 420px; margin-left: -350px; margin-top: -210px; } .mods-help .mods-cont .swiper-container[data-v-f2aefa10] { overflow: initial; } .mods-help .mc-cont[data-v-f2aefa10] { padding: 0; } .mods-help .mc-cont .btnhover[data-v-f2aefa10] { padding: 10px 18px; background-color: #e62226; color: #fff; font-size: 14px; border-radius: 6px; -webkit-border-radius: 6px; } .modhelp[data-v-f2aefa10] { position: relative; height: 380px; } .modhelp .helper[data-v-f2aefa10] { position: absolute; width: 150px; height: 220px; left: 30px; top: 34px; } .modhelp p[data-v-f2aefa10], .modhelp h3[data-v-f2aefa10] { left: 195px; position: absolute; z-index: 1; } .modhelp h3[data-v-f2aefa10] { font-size: 24px; color: #333; top: 72px; } .modhelp p[data-v-f2aefa10]:nth-of-type(1) { color: #666; font-size: 18px; top: 112px; } .modhelp p[data-v-f2aefa10]:nth-of-type(2) { top: 172px; } .modhelp .modhelp-shine[data-v-f2aefa10] { width: 260px; height: 260px; position: absolute; right: 18px; top: 112px; } .modhelp .modhelp-box[data-v-f2aefa10] { width: 215px; height: 215px; position: absolute; right: 40px; top: 135px; z-index: 1; border-radius: 100%; -webkit-border-radius: 100%; } .modhelp .modhelp-box img[data-v-f2aefa10] { width: 215px; height: 215px; border-radius: 100%; -webkit-border-radius: 100%; } .modhelp .modhelp-box-shadow[data-v-f2aefa10] { width: 215px; height: 215px; position: absolute; left: 0; top: 0; z-index: 2; border-radius: 100%; -webkit-border-radius: 100%; background: rgba(0, 0, 0, .3); } .modhelp .wy[data-v-f2aefa10] { position: absolute; z-index: 3; bottom: 0; left: 50%; margin-left: -55px; width: 110px; height: 110px; background: #fff; border-radius: 100%; -webkit-border-radius: 100%; overflow: hidden; } .modhelp .wy b[data-v-f2aefa10], .modhelp .wy i[data-v-f2aefa10] { display: block; height: 40px; margin: 35px 0; } .modhelp .wy b[data-v-f2aefa10] { background: #e62226; } .modhelp .wy.wyshake[data-v-f2aefa10] { background: #f2f2f2; } .modhelp .wy i[data-v-f2aefa10] { background: #fff; } .modhelp-box .tit[data-v-f2aefa10] { position: absolute; z-index: 3; font-size: 18px; color: #fff; top: 150px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .modhelp-box .yytit[data-v-f2aefa10] { font-size: 16px; color: #333; } .modhelp-box .yytit[data-v-f2aefa10]:before { margin: 10px 5px; width: 20px; height: 20px; content: "\E636"; color: #f18110; font-size: 18px; } .modhelp .helpline[data-v-f2aefa10] { position: absolute; left: 283px; top: 245px; } .mods-help .swiper-pagination[data-v-f2aefa10] { width: 100%; bottom: 20px; text-align: center; } .mods-help .swiper-pagination-bullet[data-v-f2aefa10] { width: 8px; height: 8px; display: inline-block; width: 10px; height: 10px; margin: 0 5px; background-color: #666; } .mods-help .swiper-pagination-bullet-active[data-v-f2aefa10] { background-color: #333; } .wy[data-v-f2aefa10] { -webkit-animation: wyshake-data-v-f2aefa10 infinite 2s 1.3s; animation: wyshake-data-v-f2aefa10 infinite 2s 1.3s; } @-webkit-keyframes wyshake-data-v-f2aefa10 { 0% { -webkit-transform: none; } 20% { -webkit-transform: translateX(-5px); } 40% { -webkit-transform: translateX(5px); } 60% { -webkit-transform: translateX(0px); } 0% { -webkit-transform: none; } } @keyframes wyshake-data-v-f2aefa10 { 0% { -webkit-transform: none; transform: none; } 20% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 40% { -webkit-transform: translateX(5px); transform: translateX(5px); } 60% { -webkit-transform: translateX(0px); transform: translateX(0px); } 0% { -webkit-transform: none; transform: none; } } /*换流程图轮播弹框 end*/ /*提货模块cardProject所有弹窗样式 end*/ .el-select-dropdown__item.selected[data-v-f2aefa10] { color: #e62226; } /*游戏弹框 start*/ .hide-body[data-v-f2aefa10] { width: 804px; height: 498px; margin-left: -500px; margin-top: -289px; } .game .hide-body[data-v-f2aefa10] { margin-left: -402px; } .login-body[data-v-f2aefa10] { width: 804px; height: 498px; position: relative; } .game .lgb-cont[data-v-f2aefa10] { padding: 0; } .mobmodel[data-v-f2aefa10] { width: 246px; height: 454px; border: 2px solid #999; background-color: #eee; border-radius: 20px; position: absolute; z-index: 2; left: 44px; top: 36px; -webkit-animation: toleft-data-v-f2aefa10 1s 1s backwards; animation: toleft-data-v-f2aefa10 1s 1s backwards; } .mobtop[data-v-f2aefa10], .tankuang .zi[data-v-f2aefa10], .tankuang .line1[data-v-f2aefa10], .tankuang .line2[data-v-f2aefa10], .tankuang .qiu[data-v-f2aefa10] { background-image: url(https://presale.jhtsoft.com/picms/4ecf747b652bf.png); background-repeat: no-repeat; } .mobtop[data-v-f2aefa10] { width: 235px; height: 20px; position: absolute; z-index: 1; top: 10px; left: 5.5px; background-position: -43px -305px; } .mobtop[data-v-f2aefa10]:before { display: block; content: ""; position: absolute; width: 30px; height: 4px; background-color: #ccc; top: 3px; left: 50%; margin-left: -15px; border-radius: 2px; } .mobmodel img[data-v-f2aefa10] { display: block; width: 235px; height: 435px; margin: 10px auto; border-radius: 20px; } .tankuang .zi[data-v-f2aefa10] { width: 285px; height: 66px; background-position: 0 0; position: absolute; z-index: 4; top: 47px; left: 340px; -webkit-animation: bounceIn .8s 1s backwards; animation: bounceIn .8s 1s backwards; } .round[data-v-f2aefa10] { position: absolute; z-index: 3; top: 40px; left: 257px; width: 455px; height: 455px; background-image: url(https://presale.jhtsoft.com/picms/4ecf496640f45.jpg); background-size: 100% 100%; border-radius: 100%; color: #fff; border: 6px solid #9c77e6; -webkit-animation: bounceIn .8s .3s backwards; animation: bounceIn .8s .3s backwards; } .round .jpcon[data-v-f2aefa10] { width: 335px; max-height: 196px; overflow-y: auto; margin-top: 92px; margin-left: 70px; } .round .jpcon p[data-v-f2aefa10] { font-size: 16px; line-height: 28px; text-align: left; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .round .jpcon p strong[data-v-f2aefa10] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .round .jpcon p strong.font13[data-v-f2aefa10] { font-size: 13px; } .round .gamecode[data-v-f2aefa10] { width: 130px; height: 130px; background-color: #fff; margin: 10px auto 0; } .round .gamecode img[data-v-f2aefa10] { width: 110px; height: 110px; display: block; margin: 0 auto; padding-top: 10px; } .succescon[data-v-f2aefa10] { padding-top: 80px; } .tankuang .kuai1[data-v-f2aefa10], .tankuang .kuai2[data-v-f2aefa10], .tankuang .sj1[data-v-f2aefa10], .tankuang .sj2[data-v-f2aefa10], .tankuang .line1[data-v-f2aefa10], .tankuang .line2[data-v-f2aefa10], .tankuang .qiu[data-v-f2aefa10] { display: block; position: absolute; } .tankuang .kuai1[data-v-f2aefa10], .tankuang .kuai2[data-v-f2aefa10] { width: 210px; height: 260px; background-image: url(https://presale.jhtsoft.com/picms/4ecf1b6f14f97.png); background-size: 100% 100%; z-index: 1; } .tankuang .kuai1[data-v-f2aefa10] { top: -27px; left: 127px; -webkit-transform: rotateZ(458deg); transform: rotateZ(458deg); } .tankuang .kuai2[data-v-f2aefa10] { top: 155px; left: 590px; -webkit-animation: pulse-data-v-f2aefa10 1.5s infinite; animation: pulse-data-v-f2aefa10 1.5s infinite; } .sj1ani[data-v-f2aefa10] { -webkit-animation: pulse-data-v-f2aefa10 2.5s infinite; animation: pulse-data-v-f2aefa10 2.5s infinite; } .kuai1ani[data-v-f2aefa10] { -webkit-animation: pulse-data-v-f2aefa10 2s infinite; animation: pulse-data-v-f2aefa10 2s infinite; } .tankuang .sj1[data-v-f2aefa10], .tankuang .sj2[data-v-f2aefa10] { width: 106px; height: 77px; background-image: url(https://presale.jhtsoft.com/picms/4ed0222884c98.png); background-size: 100% 100%; } .sj1ani[data-v-f2aefa10] { position: absolute; width: 106px; height: 77px; z-index: 3; left: -30px; top: 90px; } .tankuang .sj1[data-v-f2aefa10] { -webkit-transform: rotateZ(-136deg); transform: rotateZ(-136deg); } .tankuang .sj2[data-v-f2aefa10] { z-index: 2; top: 400px; right: 60px; -webkit-animation: pulse-data-v-f2aefa10 2.5s infinite; animation: pulse-data-v-f2aefa10 2.5s infinite; } .tankuang .line1[data-v-f2aefa10], .tankuang .line2[data-v-f2aefa10] { z-index: 3; } .tankuang .line1[data-v-f2aefa10] { width: 285px; height: 126px; background-position: 0 -167px; top: 0; left: 263px; z-index: 1; } .tankuang .line2[data-v-f2aefa10] { width: 36px; height: 197px; background-position: 0 -303px; top: 192px; right: 53px; } .tankuang .qiu[data-v-f2aefa10] { z-index: 2; width: 87px; height: 87px; background-position: -112px -73px; left: 269px; bottom: -10px; -webkit-animation: pulse-data-v-f2aefa10 2s infinite; animation: pulse-data-v-f2aefa10 2s infinite; } @-webkit-keyframes pulse-data-v-f2aefa10 { from { -webkit-transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(0, -10px, 0); } to { -webkit-transform: translate3d(0, 0, 0); } } @keyframes pulse-data-v-f2aefa10 { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes toleft-data-v-f2aefa10 { 0% { opacity: 0; left: 700px; } 100% { opacity: 1; left: 44px; } } @keyframes toleft-data-v-f2aefa10 { 0% { opacity: 0; left: 700px; } 100% { opacity: 1; left: 44px; } } /*游戏弹框 end*/ /*游戏弹框新 start*/ .gameyx .hide-body[data-v-f2aefa10] { width: 660px; height: 660px; margin-left: -330px; margin-top: -330px; padding-top: 0; } .gameyx .login-body[data-v-f2aefa10] {width: 660px; height: 660px; } .gameyx .hide-body span[data-v-f2aefa10] { top: -40px; right: -50px; -webkit-animation: expand-data-v-f2aefa10 0.5s 4s backwards;animation: expand-data-v-f2aefa10 0.5s 4s backwards; } .gameyx .sma[data-v-f2aefa10] { position: absolute; z-index: 3; top: 0; left: 10px; width: 640px; height: 200px; background: url("https://presale.jhtsoft.com/picms/2db5fe402dea60.png") no-repeat center top;-webkit-animation: bounceIn .8s backwards;animation: bounceIn .8s backwards; } .gameyx .sma[data-v-f2aefa10]:after { position: absolute; content: ""; width: 115px; height: 70px; background: url("https://presale.jhtsoft.com/picms/2db5fac87c8332.png") no-repeat 0 0;top: 4px;left: 130px;z-index: 5; -webkit-animation: hbs-data-v-f2aefa10 steps(2) 1s 1.5s infinite; animation: hbs-data-v-f2aefa10 steps(2) 1s 1.5s infinite; } .gameyx .ma[data-v-f2aefa10] { position: absolute; top: 40px; left: 130px; z-index: 4; width: 110px; height: 125px; -webkit-transform:rotate(-5deg);transform:rotate(-5deg); background-color: #fff; } .gameyx .ma img[data-v-f2aefa10] {display: block; width: 90px; height: 90px; margin: 10px 10px 2px; } .gameyx .ma p[data-v-f2aefa10] {color: #c23ffa; font-size: 16px; font-weight: bold; margin-bottom: 0; } .gameyx .lucky[data-v-f2aefa10] { position: absolute; z-index: 1; left: 50%;margin-left: -260px; top: 125px; width: 520px; height: 107px; -webkit-animation: bounceInUp-data-v-f2aefa10 1s 2s backwards;animation: bounceInUp-data-v-f2aefa10 1s 2s backwards; background:url("https://presale.jhtsoft.com/picms/37c2476e466308.png") no-repeat center top; } .gameyx .jxgun[data-v-f2aefa10] {position: absolute; z-index: 4;left: 50%;margin-left: -260px;top: 125px;width: 520px; margin-top: 38px;height: 40px;-webkit-animation: bounceInUp-data-v-f2aefa10 1s 2s backwards;animation: bounceInUp-data-v-f2aefa10 1s 2s backwards; } .gameyx .itgw-wrap[data-v-f2aefa10] {height: 40px;white-space: nowrap;overflow: hidden;-webkit-transform: rotate(-5deg);transform: rotate(-5deg); } .gameyx .itgw-wrap ul[data-v-f2aefa10] {padding-left: 20px;padding-right: 40px; } .gameyx .itgw-wrap li[data-v-f2aefa10] {line-height: 40px;font-size:24px; color: #fff;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis; } .gameyx .itgw-wrap li[data-v-f2aefa10]:hover { cursor: pointer; } .jx[data-v-f2aefa10] {position: absolute; left: 0; top: 222px; width: 100%; z-index: 2;-webkit-perspective: 1200px;-o-perspective: 1200px;perspective: 1200px;-webkit-animation: expand-data-v-f2aefa10 1s 1s backwards;animation: expand-data-v-f2aefa10 1s 1s backwards; } .jx ul[data-v-f2aefa10] { width: 100%; font-size: 0; text-align: center; height: 322px;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;transition-property: transform;transition-property: transform, -webkit-transform;-webkit-box-sizing: content-box;box-sizing: content-box;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; } .jx li[data-v-f2aefa10] {display: inline-block; width:272px; height: 322px; background: url("https://presale.jhtsoft.com/picms/2db5e1b008dcf6.png") no-repeat center;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;webkit-flex-shrink: 0;-ms-flex: 0 0 auto;-ms-flex-negative: 0;flex-shrink: 0; position: relative; } .jx li[data-v-f2aefa10]:after { display: block;content: "";position: absolute;width: 180px;height: 2px;background: rgba(0,0,0,.2);border-radius: 100%;-webkit-box-shadow: 0 0 4px 4px rgba(0,0,0, 0.2);box-shadow: 0 0 4px 4px rgba(0,0,0, 0.2);left: 50%;margin-left: -90px;bottom: -20px; } .jx li div[data-v-f2aefa10] {width: 260px; height: 310px; margin: 6px;border-radius: 12px; background-color: #fff; } .jx li div b[data-v-f2aefa10] {display: block; position: relative;padding: 10px 10px 0px; width: 240px; height: 240px;position: relative; overflow: hidden; } .jx li div b img[data-v-f2aefa10] { display: block; position: absolute; margin: auto; left: 0; top: 0; right: 0; bottom: 0; width:auto; height: auto; max-width:240px ; max-height: 240px; overflow: hidden; } .jx li div p[data-v-f2aefa10] { height: 60px; line-height: 60px; text-align: center; font-size: 16px !important; color:#333 !important; margin-bottom: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0 10px; } .jx li.pre[data-v-f2aefa10]{-webkit-transform: translate3d(0px, 0px, -300px) rotateX(0deg) rotateY(-30deg);transform: translate3d(0px, 0px, -300px) rotateX(0deg) rotateY(-30deg); margin-right: 5px; } .jx li.active[data-v-f2aefa10] {-webkit-transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg);transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg); margin: 0 20px; } .jx li.next[data-v-f2aefa10] {-webkit-transform: translate3d(0px, 0px, -300px) rotateX(0deg) rotateY(30deg);transform: translate3d(0px, 0px, -300px) rotateX(0deg) rotateY(30deg); margin-left: 5px; } .gameyx .stage[data-v-f2aefa10] { width: 650px; height: 226px; position: absolute; z-index: 1; left: 50%; margin-left: -325px; bottom: -25px; -webkit-animation: expand-data-v-f2aefa10 1s .5s backwards;animation: expand-data-v-f2aefa10 1s .5s backwards; } .gameyx .stage img[data-v-f2aefa10] {display: block; width: 650px; height: 226px; } .gameyx .ani[data-v-f2aefa10] { display: block; position: absolute; z-index: 4; opacity: 0; } .gameyx em[data-v-f2aefa10] { display: block; } .gameyx .ani1[data-v-f2aefa10] {-webkit-animation: opty-data-v-f2aefa10 2.5s 3s forwards;animation: opty-data-v-f2aefa10 2.5s 3s forwards; width: 58px; height: 55px; left: 10px; top: 180px; } .gameyx .ani1 em[data-v-f2aefa10]{width: 58px; height: 55px;background: url("https://presale.jhtsoft.com/picms/2db5e76b5f3c30.png") no-repeat;-webkit-transform: rotateZ(30deg);transform: rotateZ(30deg); } .gameyx .ani2[data-v-f2aefa10] { width: 53px; height: 55px; background: url("https://presale.jhtsoft.com/picms/2db5ed5522912e.png") no-repeat; right: 100px; bottom: 87px;-webkit-animation: pulse2-data-v-f2aefa10 2.5s 3.5s infinite;animation: pulse2-data-v-f2aefa10 2.5s 3.5s infinite; } .gameyx .ani3[data-v-f2aefa10],.gameyx .ani4[data-v-f2aefa10],.gameyx .ani5[data-v-f2aefa10],.gameyx .ani6[data-v-f2aefa10] { background: url("https://presale.jhtsoft.com/picms/2db6017f36ee7c.png") no-repeat; } .gameyx .ani3[data-v-f2aefa10] {width: 15px; height: 15px; top: 144px; right: 60px; background-position: -61px -4px; -webkit-animation: opty-data-v-f2aefa10 2.5s 3.8s forwards;animation: opty-data-v-f2aefa10 2.5s 3.8s forwards; } .gameyx .ani4[data-v-f2aefa10],.gameyx .ani5[data-v-f2aefa10] {width: 24px; height: 24px; background-position: -104px -2px; } .gameyx .ani4[data-v-f2aefa10] {top: 160px; right: 35px; -webkit-animation: opty-data-v-f2aefa10 2.5s 3s forwards;animation: opty-data-v-f2aefa10 2.5s 3s forwards; } .gameyx .ani5[data-v-f2aefa10] {left: 150px; bottom: 100px;-webkit-animation: pulse2-data-v-f2aefa10 2.5s 3.5s infinite;animation: pulse2-data-v-f2aefa10 2.5s 3.5s infinite; } .gameyx .ani6[data-v-f2aefa10] { width: 26px; height: 26px; top: 210px; right: 75px; background-position:-5px -2px; -webkit-animation: opty-data-v-f2aefa10 2.5s 3.8s forwards;animation: opty-data-v-f2aefa10 2.5s 3.8s forwards; } @-webkit-keyframes hbs-data-v-f2aefa10{ 0%{ background-position: 0 0; } 100%{ background-position: -268px 0; } } @keyframes hbs-data-v-f2aefa10{ 0%{ background-position: 0 0; } 100%{ background-position: -268px 0; } } @-webkit-keyframes expand-data-v-f2aefa10 { 0% {opacity:0;-webkit-transform:scale(0);transform:scale(0); } 100% {opacity:1;-webkit-transform:scale(1);transform:scale(1); } } @keyframes expand-data-v-f2aefa10 { 0% {opacity:0;-webkit-transform:scale(0);transform:scale(0); } 100% {opacity:1;-webkit-transform:scale(1);transform:scale(1); } } @-webkit-keyframes opty-data-v-f2aefa10{ 0%{ opacity: 0; } 100%{ opacity: 1; } } @keyframes opty-data-v-f2aefa10{ 0%{ opacity: 0; } 100%{ opacity: 1; } } @-webkit-keyframes pulse2-data-v-f2aefa10 { 0% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); } 50% {opacity: 1; -webkit-transform: translate3d(0, -10px, 0); } 100% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); } } @keyframes pulse2-data-v-f2aefa10 { 0% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% {opacity: 1; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 100% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes bounceInUp-data-v-f2aefa10{ 0%, 100%, 60%, 75%, 90% {-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);transition-timing-function: cubic-bezier(0.215,.61,.355,1); } 0% {opacity: 0;-webkit-transform: translate3d(0,3000px,0);transform: translate3d(0,3000px,0); } 60% {opacity: 1;-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0); } 75% {-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,10px,0); } 90% {-webkit-transform: translate3d(0,-5px,0);transform: translate3d(0,-5px,0); } 100% {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes bounceInUp-data-v-f2aefa10{ 0%, 100%, 60%, 75%, 90% {-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);transition-timing-function: cubic-bezier(0.215,.61,.355,1); } 0% {opacity: 0;-webkit-transform: translate3d(0,3000px,0);transform: translate3d(0,3000px,0); } 60% {opacity: 1;-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0); } 75% {-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,10px,0); } 90% {-webkit-transform: translate3d(0,-5px,0);transform: translate3d(0,-5px,0); } 100% {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } /*游戏弹框新 end*/ .zbd-part-ul li div h5[data-v-f2aefa10]{margin-bottom: 16px;padding-top: 5px; color: #999 } .redColor[data-v-f2aefa10]{color: #e62226!important } .line[data-v-f2aefa10] { display: inline-block !important; } .stylw[data-v-f2aefa10] { padding-top: 123px; } /*swiper流程图分页调整*/ .swiper-pagination[data-v-f2aefa10] .swiper-pagination-bullet { width: 10px; height: 10px; background: #666; } .swiper-pagination[data-v-f2aefa10] .swiper-pagination-bullet-active { background: #333; } /* element 插件样式 需在页面新建style去控制 ps：style不能加scoped */ /*element 数字加减插件 start*/ .el-input-number { margin: 0 10px; } .el-input-number--mini { line-height: 24px; } .code-description .el-input-number__decrease, .code-description .el-input-number__increase, .code-description .el-input__inner { border-color: #ccc; } .el-input--mini .el-input__inner { height: 26px; } .el-input-number--mini .el-input-number__decrease, .el-input-number--mini .el-input-number__increase { width: 24px; } .el-input-number__decrease:hover, .el-input-number__increase:hover { color: #e62226; } .disabledNum .el-input {width:80px!important;margin:0 5px; } .disabledNum .el-input.is-disabled .el-input__inner {text-align: center; } /*element 数字加减插件 end*/ /*百度地图**/ .bm-view { width: 100%; height: 100%; } .mdname { font-size: 18px; font-weight: 600; padding-bottom: 5px; max-width: 300px; } .mdaddr { font-size: 14px; color: #666; } .bm-view { width: 100%; height: 613px; } .mdbtn, .mdbtn2 { margin-top: 5px; height: 30px; border-radius: 5px; border: 1px solid #e62226; } .mdbtn { background: #e62226; color: #fff; } .mdbtn2 { background: #fff; color: #e62226; border-color: #e62226; } .colorgirt{ color:#f18110; } /* 2020-11-06 遮罩提示 xjt start */ .topmask{position: absolute;background: rgba(0, 0, 0, .8);top: 0;left: 0;width: 100%;height: 100%;padding: 20px;-webkit-box-sizing: border-box;box-sizing: border-box; } .topmask div{ height: 150px; width: 400px; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .topmask .succTxt{color: #fff;font-size: 20px;margin-bottom: 30px;text-align: center; } .topmask .succTxt i{ background: #67c23a; width: 20px; height: 20px; border-radius: 50%; padding: 2px; margin-right: 10px; line-height: 20px; text-align: center; } .topmask .tsTxt{ color: #ededed; font-size: 16px; line-height: 25px; } .topmask .tsTxt i{ display: inline-block; margin-right: 3px; color: #ff5f20; position: absolute; } .topmask .tsTxt em{padding-left: 20px;display: inline-block; } .topmask .tsTxt b{cursor: pointer;margin: 0 5px; } /* 2020-11-06 遮罩提示 xjt end */ .navbg-w .topbar[data-v-2942bc5c] { background-color: #FFFFFF; } .navbg-w .footer[data-v-2942bc5c] { margin-top: 0; } .main1920[data-v-2942bc5c] { margin: 0 auto; width: 100%;max-width: 1920px; } .main1920 img[data-v-2942bc5c]{ width: 100%; height: auto; } .adv[data-v-2942bc5c] {height: auto; overflow: hidden;-webkit-transition: height .3s;transition: height .3s; } .adv a[data-v-2942bc5c] { display: block; margin: 0 auto; position: relative; } .adv a img[data-v-2942bc5c] { float: left; width: 100%; } .newuser[data-v-2942bc5c] {width: 1200px; height: 150px; margin:30px auto 0; position: relative; } .newuser img[data-v-2942bc5c]{width: 1200px; height: 150px; } span.clicktoclose[data-v-2942bc5c]{display: block;width: 24px;height: 24px;line-height: 24px;text-align: center;background-color: rgba(0,0,0,0.4); position: absolute;top: 0; left: 50%; margin-left: 576px; } .clicktoclose i[data-v-2942bc5c]{ font-size: 14px;color: #fff; } span.clicktoclose[data-v-2942bc5c]:hover{background-color: rgba(0,0,0,0.6); } .adv.none[data-v-2942bc5c] {height: 0;border: none; } .adv1[data-v-2942bc5c]{-webkit-animation: hiddenadv-data-v-2942bc5c 1s forwards;animation: hiddenadv-data-v-2942bc5c 1s forwards; } @-webkit-keyframes hiddenadv-data-v-2942bc5c{ 0%{ opacity: 1; } 50%{opacity: .5; } 99%{opacity: .2; } 100%{ opacity: 0; height: 0; } } @keyframes hiddenadv-data-v-2942bc5c{ 0%{ opacity: 1; } 50%{opacity: .5; } 99%{opacity: .2; } 100%{ opacity: 0; height: 0; } } @-webkit-keyframes pulse-data-v-2942bc5c { from {-webkit-transform: translate3d(0, 0, 0); } 50% {-webkit-transform: translate3d(0, -10px, 0); } to {-webkit-transform: translate3d(0, 0, 0); } } @keyframes pulse-data-v-2942bc5c { from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); } 50% {-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0); } to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); } } /*头部固定的导航*/ .fixtop[data-v-2942bc5c] {position: fixed; z-index: 101; top: -80px; width: 100%; border-bottom: 2px solid #e62226; -webkit-box-shadow: 0 6px 6px -3px rgba(51,51,51,.2); box-shadow: 0 6px 6px -3px rgba(51,51,51,.2); } .searchTop[data-v-2942bc5c] { position: fixed; top: 0; -webkit-animation: searchTop1-data-v-2942bc5c .5s ease-in-out backwards; animation: searchTop1-data-v-2942bc5c .5s ease-in-out backwards; } .fixtop .header-searchbar-box[data-v-2942bc5c] { height: 68px; } .fixtop .header-searchbar-logo[data-v-2942bc5c] { margin-top: 10px; } .fixtop .header-searchbar-logo img[data-v-2942bc5c] { position: relative; width: 190px; height: 50px; } .fixtop .header-searchbar-r[data-v-2942bc5c] { margin-top: 15px; } .fixtop .header-searchbar-cart[data-v-2942bc5c] { width: 150px; float: left; margin-left: 20px; } .fixtop .header-searchbar-search[data-v-2942bc5c] { border:none; } .fixtop .header-searchbar-search .search[data-v-2942bc5c] { background-color: #f3f3f3; } @-webkit-keyframes searchTop1-data-v-2942bc5c{ from{ top: -80px; } to{ top: 0; } } @keyframes searchTop1-data-v-2942bc5c{ from{ top: -80px; } to{ top: 0; } } .fixtop .header-searchbar-cart-box .cartnum[data-v-2942bc5c] {top: -15px; } .fixtop .header-searchbar-cart-box .cart-num[data-v-2942bc5c] {top: -15px; } .swiper-pagination-bullet[data-v-2942bc5c]{color: #00c60e } .mainbanner[data-v-2942bc5c] { width: 100%; height: 100%; max-width: 1920px; max-height: 500px; } .mainbanner img[data-v-2942bc5c]{width: 100%; height: 100%; max-width: 1920px; max-height: 500px; } .mainbanner .swiper-pagination[data-v-2942bc5c] { width: auto; height: 24px; line-height: 24px; background: rgba(0,0,0,.4); left: 50%; margin-left: -60px; bottom: 20px; border-radius: 12px; } .mainbanner .swiper-pagination-bullet[data-v-2942bc5c] { position: relative; display: block; float: left; width: 6px; height: 6px; border: 2px solid #FFFFFF; background:none; opacity: 1;margin-top: 7px !important; } .mainbanner .swiper-pagination-bullet[data-v-2942bc5c]:first-child { margin-left: 10px !important; } .mainbanner .swiper-pagination>.swiper-pagination-bullet-active[data-v-2942bc5c] {width: 16px; height: 16px; background: hsla(0,0%,100%,.4); border:none; margin-top: 4px !important; } .mainbanner .swiper-pagination>.swiper-pagination-bullet-active[data-v-2942bc5c]:after{content: "";display: block; position: absolute; width: 10px; height: 10px; background: #ffffff; border-radius: 100%; left: 3px; top: 3px; } .announce[data-v-2942bc5c] { width: 100%; height: 45px; line-height: 45px; background-color: #FFFFFF; } .announce p[data-v-2942bc5c]{font-size: 14px; color: #666; padding: 0 10px; } .txt-o[data-v-2942bc5c] { color: #ff5f20; } .announce p em[data-v-2942bc5c],.announce p span[data-v-2942bc5c],.announce p a[data-v-2942bc5c]{ display: inline-block; float: left; } .announce p span[data-v-2942bc5c] { width: 1010px; overflow: hidden;padding-left: 5px; } .announce p a[data-v-2942bc5c] { float: right; } .announce p a i[data-v-2942bc5c]{ font-size: 12px; padding-left: 5px; } .mods-announce[data-v-2942bc5c] {display: block; } .mods-announce .mods-cont[data-v-2942bc5c] { width:800px; height: 600px; margin-left:-400px; margin-top:-300px; } .mods-announce .mc-cont[data-v-2942bc5c] {padding: 30px 30px 40px 30px; } .mods-announce .mc-cont h3[data-v-2942bc5c]{ width: 100%; margin-bottom: 30px; text-align: center; font-size: 28px; color: #333; font-weight: bold; } .mods-announce .btn[data-v-2942bc5c] { display: block; margin:70px auto 0; } .mods-announce .announce-con[data-v-2942bc5c] {max-height: 336px; overflow-y: auto; font-size: 16px; color: #666; line-height: 28px; } .mainpage-tit[data-v-2942bc5c] {height: 60px;line-height: 60px;padding-left: 15px; padding-right: 15px; position: relative; } .mainpage-tit .white-triangle[data-v-2942bc5c] {display: inline-block;position: absolute;left: 0;top: 0;height: 0;width: 0;border-top: 20px solid #f6f6f6;border-right: 20px solid transparent; } .mainpage-tit .red-triangle[data-v-2942bc5c] {display: inline-block;position: absolute;left: 2px;top: 2px;height: 0;width: 0;border-right: 16px solid transparent; } .mainpage-tit b[data-v-2942bc5c]{ display:inline-block; width: 72px; height: 60px; position: absolute; background-image: url(/static/img/indexSprite.9293b00.png); background-position: 0 -12px; background-repeat: no-repeat; } .mainpage-tit b[data-v-2942bc5c]:nth-of-type(1) {left: 22%; } .mainpage-tit b[data-v-2942bc5c]:nth-of-type(2) {left: 44%; } .mainpage-tit b[data-v-2942bc5c]:nth-of-type(3) {left: 68%; } .mainpage-tit h4[data-v-2942bc5c] { float: left; font-size:24px; color: #FFFFFF; } .mainpage-tit h4 .ewm[data-v-2942bc5c] {width: 20px;height: 20px; line-height: 20px; display: inline-block;vertical-align: top; margin-left:10px; margin-top: 22px; } .mainpage-tit h4 .ewm i[data-v-2942bc5c] { display: block; font-size: 20px; } .mainpage-tit-class[data-v-2942bc5c] { float: right; } .mainpage-tit-class a[data-v-2942bc5c] { float: left; margin-right: 10px; display: inline-block; padding-left: 5px; padding-right: 5px; height: 28px; line-height: 28px; margin: 14px 5px 0px; border: 1px solid #ff828c; background-color: #ff4b5a; text-align: center; font-size: 14px; color: #FFFFFF; } .mainpage-tit > a[data-v-2942bc5c] { color: #FFFFFF; font-size: 14px; } .mainpage-tit span[data-v-2942bc5c] { float: right; } .mainpage-tit span em[data-v-2942bc5c] { font-size: 12px; } .mainpage-tit a:hover span[data-v-2942bc5c] { opacity: .6; } .mainpage-tit-class a[data-v-2942bc5c]:hover { border-color: #FFFFFF; color: #FFFFFF; } .gift-list-riimg-list li img[data-v-2942bc5c], .findticket-list-content img[data-v-2942bc5c], .seckillul img[data-v-2942bc5c], .prom-r img[data-v-2942bc5c], .recommend-box-leimg img[data-v-2942bc5c] {-webkit-transition: all 0.4s; transition:all 0.4s; } .gift-list-riimg-list li img[data-v-2942bc5c]:hover, .findticket-list-content img[data-v-2942bc5c]:hover, .prom-r img[data-v-2942bc5c]:hover { -webkit-transition: transform 0.4s;-webkit-transition: -webkit-transform 0.4s;transition: -webkit-transform 0.4s;transition: transform 0.4s;transition: transform 0.4s, -webkit-transform 0.4s;-webkit-transform: translateX(-5px);transform: translateX(-5px); } .seckillul img[data-v-2942bc5c]:hover, .recommend-box-leimg img[data-v-2942bc5c]:hover { -webkit-transition: transform 0.4s;-webkit-transition: -webkit-transform 0.4s;transition: -webkit-transform 0.4s;transition: transform 0.4s;transition: transform 0.4s, -webkit-transform 0.4s;-webkit-transform: translateY(-5px);transform: translateY(-5px); } /*二维码*/ .ewm[data-v-2942bc5c] {position: relative; } .ewm .code-box[data-v-2942bc5c] { position: absolute; top: 30px; left: 50%; margin-left: -55px; display: none; z-index: 3; } .ewm .arrow[data-v-2942bc5c] {position: absolute;left: 50%;top: -3px;margin-left: -3px; border-style: solid;border-width: 8px;border-color: #fff #fff transparent transparent;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);width: 0;height: 0px;display: inline-block; } .ewm .code-con[data-v-2942bc5c] {border: 1px solid #E0E0E0; background-color: #FFFFFF; -webkit-box-shadow: 0 0 5px #ddd; box-shadow: 0 0 5px #ddd; padding: 10px; } .ewm .code-con img[data-v-2942bc5c] { display:block; width: 80px; height: 80px; margin:0 auto; } .ewm .code-con p[data-v-2942bc5c]{ line-height: 15px; margin-top: 8px; text-align: center; font-size: 12px; color: #666; } .ewm i:hover + .code-box[data-v-2942bc5c] { display: block; } /*送礼优选*/ .gift[data-v-2942bc5c] { margin-top: 30px; } .gift .mainpage-tit[data-v-2942bc5c] { background-color: #eb2131; } .gift .mainpage-tit .red-triangle[data-v-2942bc5c] {border-top: 16px solid #dc1d2c; } .gift-list[data-v-2942bc5c] { padding-top: 10px;background-color: #ffffff; } .gift-list-leimg[data-v-2942bc5c] { float: left; width: 470px; height: 360px; margin-right: 10px; position: relative; } .gift-list-leimg .swiper-container[data-v-2942bc5c] {margin-left: 53px; margin-top: 60px; width: 375px; height: 240px; } .gift-list-leimg .swiper-pagination[data-v-2942bc5c] {position: absolute; bottom: 0; width: auto; height: 20px; left: 50%; margin-left: -40px; } .gift-list-leimg .swiper-pagination-bullet[data-v-2942bc5c] {display: block; float: left; width: 8px; height: 8px; border: 2px solid #dadada; background: rgba(0,0,0,0); opacity: 1; margin-left: 5px; margin-right: 5px; margin-top: 2px !important; } .gift-list-leimg .swiper-pagination-bullet-active[data-v-2942bc5c] {width: 12px; height: 12px; background: #e62226; border: 2px solid #fab3b9;margin-top: 0 !important; } .gift-list-leimg img[data-v-2942bc5c] { display: block; width: 375px; height: 240px; } .gift-list-riimg[data-v-2942bc5c] { float: right; width: 720px; overflow: hidden; } .gift-list-riimg-list[data-v-2942bc5c] { width: 760px; } .gift-list-riimg-list li[data-v-2942bc5c] { float: left; margin-right: 10px; margin-bottom: 10px; height: 175px; background-color: #FFFFFF; border: 1px solid #F0F0F0; overflow: hidden; } .gift-list-riimg-list li.riimg-list-big[data-v-2942bc5c] { width: 478px; } .gift-list-riimg-list li.riimg-list-big img[data-v-2942bc5c]{ width: 485px; height: 175px; } .gift-list-riimg-list li.riimg-list-small[data-v-2942bc5c] { width: 218px; } .gift-list-riimg-list li.riimg-list-small img[data-v-2942bc5c]{ width: 225px; height: 175px; } /*发现好货与领券中心*/ .findticket[data-v-2942bc5c] { margin-top: 30px; } .findticket-list li[data-v-2942bc5c] { float: left;width: 595px; } .findticket-list .findticket-list-find[data-v-2942bc5c] { margin-right: 10px; float: left; } .findticket-list .findticket-list-ticket[data-v-2942bc5c] { float: right; } .findticket-list-find .mainpage-tit[data-v-2942bc5c] { background-color: #52619d; } .findticket-list-find .mainpage-tit .red-triangle[data-v-2942bc5c] {border-top: 16px solid #485b9d; } .findticket-list-ticket .mainpage-tit[data-v-2942bc5c] { background-color: #ef3118; } .findticket-list-ticket .mainpage-tit .red-triangle[data-v-2942bc5c] {border-top: 16px solid #ec2e14; } .findticket-list-content[data-v-2942bc5c] { width: 575px; padding:10px; background-color: #FFFFFF; } .findticket-list-find .findticket-list-content[data-v-2942bc5c] { padding-top: 20px; } .findticket-list-content-leimg[data-v-2942bc5c] { width: 184px; height: 299px; float: left; overflow: hidden; margin-right: 10px; position: relative; } .findticket-list-content-leimg h4[data-v-2942bc5c]{ position: absolute; top: 15px; left: 0; z-index: 1; color: #333; font-size: 16px; } .findticket-list-content-leimg p[data-v-2942bc5c]{ position: absolute; top: 40px; left: 0; z-index: 1; color: #999; font-size: 14px; } .findticket-list-content-leimg img[data-v-2942bc5c] { width: 190px; height: 185px; position: absolute; bottom: 0; left: 0; } .findticket-list-content-leimg i[data-v-2942bc5c]{display: block;width: 25px;height: 4px;background-color: #53619e; position: absolute; top: 70px; } .findticket-list-content-riimg[data-v-2942bc5c] { width: 380px; height: 299px; float: left; overflow: hidden; } .findticket-list-content-riimg ul[data-v-2942bc5c] { width: 382px; } .findticket-list-content-riimg li[data-v-2942bc5c] { position: relative; float: left; width: 190px; height: 150px; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; } .findticket-list-content img[data-v-2942bc5c] { -webkit-transition: all 0.4s; transition: all 0.4s; } .findticket-list-content ul li a h4[data-v-2942bc5c]{ position: absolute; top: 15px; left: 10px; z-index: 1; color: #333; font-size: 16px; } .findticket-list-content ul li a p[data-v-2942bc5c]{ position: absolute; top: 40px; left: 10px; z-index: 1; color: #999; font-size: 14px; } .findticket-list-content-leimg p[data-v-2942bc5c], .findticket-list-content-leimg h4[data-v-2942bc5c], .findticket-list-content ul a h4[data-v-2942bc5c], .findticket-list-content ul a p[data-v-2942bc5c]{width: 170px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } .findticket-list-content-leimg:hover h4[data-v-2942bc5c],.findticket-list-content li:hover a h4[data-v-2942bc5c]{ color: #e62226; } .findticket-list-content-riimg a img[data-v-2942bc5c] { position: absolute; top:60px; right: 10px; width: 80px; height: 80px; } .findticket-list-content-mdimg[data-v-2942bc5c] { float: left; } .findticket-list-content-mdimg ul[data-v-2942bc5c]{ width: 590px; overflow: hidden; } .findticket-list-content-mdimg ul li[data-v-2942bc5c] { float: left; width: 185px; height: 140px; background-color: #f6f6f6; margin-top:10px; margin-right: 10px; position: relative; } .findticket-list-content-mdimg ul li a[data-v-2942bc5c] {display: inline-block;width: 185px;height: 140px;overflow: hidden; } .findticket-list-content-mdimg ul li a img[data-v-2942bc5c] { position: absolute;width: 100px;height: 100px;right: 10px;top: 28px; } .findticket-list-content-mdimg ul li a .btnhover[data-v-2942bc5c]{ position: absolute; top: 44px; left: 10px; z-index: 1; color: #999; font-size: 14px; width: 50px; height: 25px; border-radius: 12px; text-align: center;line-height: 25px; color: #FFFFFF;font-size: 14px; background-color: #7681b5; } .ticket-list[data-v-2942bc5c] { width:590px; height: 460px; overflow: hidden; } .ticket-list li[data-v-2942bc5c] { position: relative; width: 185px; height: 225px; float: left; margin-right: 10px; margin-bottom: 10px; } .ticket-list .q-type[data-v-2942bc5c] {width: 185px; height: 166px; border: 1px solid #f0f0f0; border-bottom: none; text-align: center; } .ticket-list .q-price[data-v-2942bc5c] { color: #e62226; } .ticket-list .q-price em[data-v-2942bc5c]{ font-size: 24px; position: absolute; top: 27px; left: 27px; } .ticket-list .q-price strong[data-v-2942bc5c] {display: block; font-size: 48px;font-weight: bold;font-family: "\5FAE\8F6F\96C5\9ED1"; height: 40px; line-height: 40px; margin-top: 35px; margin-bottom: 30px; } .ticket-list .q-rang p[data-v-2942bc5c]{ font-size:14px ; } .ticket-list .q-rang p[data-v-2942bc5c]:nth-child(1){ color: #333; } .ticket-list .q-rang p[data-v-2942bc5c]:nth-child(2){ color: #999; margin-top: 10px; } .ticket-list .q-btn[data-v-2942bc5c] { width: 185px; height: 58px;text-align: center; position: absolute;left: 0; bottom: 0; background-image: url(/static/img/indexSprite.9293b00.png); background-position:0 -138px; background-repeat: no-repeat; } .ticket-list .q-btn span[data-v-2942bc5c] { display: inline-block; margin-top: 25px; color: #FFFFFF; font-size: 18px; letter-spacing:2px; } .ticket-list .q-btn[data-v-2942bc5c]:hover {cursor:pointer; opacity: 0.85; filter:Alpha(opacity=85); -webkit-transition: all 0.4s; transition: all 0.4s; } /*限时秒杀*/ .seckill[data-v-2942bc5c] { background-color: #FFFFFF; margin-top: 30px; } .seckillul li[data-v-2942bc5c] { float: left; width: 240px; height: 360px; border-right: 1px solid #F0F0F0; background-color: #fff; position: relative; } .seckillul li[data-v-2942bc5c]:nth-child(2){padding-left: 7px; } .seckillul li[data-v-2942bc5c]:last-child{border-right: 0; } .seckillul li a[data-v-2942bc5c] { display: block; margin-bottom: 15px; } .seckillul li a p[data-v-2942bc5c] { width: 200px; font-size: 16px; color: #333; margin: 0 auto; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } .seckillul li a:hover p[data-v-2942bc5c]{ color: #e62226; } .seckillul li > p[data-v-2942bc5c] { width: 200px; margin:0 auto; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } .seckillul li > p span[data-v-2942bc5c] { display: inline-block; } .seckillul li > p span[data-v-2942bc5c]:nth-child(2){ color: #999; font-size: 14px;text-decoration: line-through; } .seckillul li > p span[data-v-2942bc5c]:nth-child(1){ color: #e62226; margin-right: 10px; } .seckillul li > p span big[data-v-2942bc5c] { font-size: 24px; } .seckillul li > p em[data-v-2942bc5c]{font-size: 14px; } .seckillul li > p span:nth-child(1) em[data-v-2942bc5c]{ font-size: 16px } .seckillul img[data-v-2942bc5c] { display: block; margin: 60px auto 20px; width: 200px; height: 200px; } .seckillul li[data-v-2942bc5c]:first-child { width: 230px; background: url(/static/img/seckill.f9770b0.gif) no-repeat center; border-right: 0; } .seckillul li:first-child .seckill-tim[data-v-2942bc5c]{ text-align: center; height: 40px; line-height: 40px; margin:227px auto 0; } .seckillul .seckill-tim span[data-v-2942bc5c] { display: inline-block;font-size: 28px; font-weight: bold; color: #000; } .seckillul .seckill-tim em[data-v-2942bc5c] { display:inline-block; margin-right: 2px; text-align: center; } .seckillul .seckill-tim span.seckill-tim-hour em[data-v-2942bc5c], .seckillul .seckill-tim span.seckill-tim-minute em[data-v-2942bc5c], .seckillul .seckill-tim span.seckill-tim-second em[data-v-2942bc5c] {width: 25px; height: 40px;background-color: #000; color: #FFFFFF; border-radius: 5px; } .seckillul li:first-child a[data-v-2942bc5c] { display: block; text-align: right;width: 150px; height: 46px; margin: 30px auto 0; background-image: url(/static/img/indexSprite.9293b00.png); background-position: 0 -82px; -webkit-animation:wobble-data-v-2942bc5c 4s infinite; animation:wobble-data-v-2942bc5c 4s infinite; } @-webkit-keyframes wobble-data-v-2942bc5c { 75% { -webkit-transform:none; transform:none } 80% { -webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg) } 85% { -webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg); transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg) } 90% { -webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg) } 95% { -webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg); transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg) } 99% { -webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg) } 100% { -webkit-transform:none; transform:none } } @keyframes wobble-data-v-2942bc5c { 75% { -webkit-transform:none; transform:none } 80% { -webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg) } 85% { -webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg); transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg) } 90% { -webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg) } 95% { -webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg); transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg) } 99% { -webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg) } 100% { -webkit-transform:none; transform:none } } .selled[data-v-2942bc5c] { position: absolute; right: 10px; top: -8px; color: #FFFFFF; width: 60px; height: 60px; z-index: 1; background-image: url(/static/img/indexSprite.9293b00.png); background-position: -83px -1px; background-repeat: no-repeat; } .selled span[data-v-2942bc5c] { display: block; width: 40px; text-align: center; margin-top: 5px; margin-left: 16px; font-size: 14px;font-weight: bold; } .selled span strong[data-v-2942bc5c]{font-size: 18px; font-weight: bold; } /*促销商品*/ .promotion[data-v-2942bc5c] { margin-top: 30px; } .promotion .mainpage-tit[data-v-2942bc5c] { background-color: #d15e6f; } .promotion .mainpage-tit .red-triangle[data-v-2942bc5c] {border-top: 16px solid #ce5868; } .promotion .promotiobox[data-v-2942bc5c] { background-color: #FFFFFF; padding: 10px; } .prom-l[data-v-2942bc5c] { width: 370px; height: 450px; margin-right: 20px; } .prom-l-inner[data-v-2942bc5c]{position: relative;width: 100%;height: 100%; } .prom-l-inner[data-v-2942bc5c]:before{content: '';position: absolute;display: block;width: 340px;height: 410px;border: solid 5px #b84659;top: 30px; } .prom-l-inner[data-v-2942bc5c]:after {width: 336px;height: 420px;right: 8px;content: '';z-index: 0;display: block;position: absolute;top: 0;background: #ffffff; } .prom-l-inner a[data-v-2942bc5c] { display: block; width: 340px; height: 200px; position: relative;z-index: 1; margin-left: 25px; margin-bottom: 20px; } .prom-l-inner a img[data-v-2942bc5c]{ display: inline-block; width: 100%; height: 100%; -webkit-transition: opacity ease .2s;transition: opacity ease .2s; } .prom-l-inner a:hover img[data-v-2942bc5c] {opacity: .8; } .prom-r[data-v-2942bc5c] { width: 790px; } .prom-r ul[data-v-2942bc5c]{ width: 802px; } .prom-r li[data-v-2942bc5c]{ position: relative; float: left; width: 188px; height: 218px; border: 1px solid #FFFFFF; margin-right: 10px; margin-bottom: 10px; } .prom-r li[data-v-2942bc5c]:hover { -webkit-box-shadow: 0 0 2px 2px #f8f8f8; box-shadow: 0 0 2px 2px #f8f8f8;border: 1px solid #e9e9e9; } .prom-r li:hover a[data-v-2942bc5c] { color: #e62226; } .prom-r li .cgl-tu[data-v-2942bc5c] {display: block;text-align: center;font-size: 0;width: 140px;height: 140px;margin: 10px auto 0;position: relative; } .prom-r li .cgl-tu img[data-v-2942bc5c] {width: 100%;height: 100%;position: relative;margin: auto;top: 0;left: 0;right: 0;bottom: 0; } /*.prom-r li .cgl-tu img {width: 100%;height: auto;position: absolute;margin: auto;top: 0;left: 0;right: 0;bottom: 0;}*/ .prom-r li .cgl-cont[data-v-2942bc5c] {padding: 15px 10px 0px;font-size: 14px; } .prom-r .cgl-cont a[data-v-2942bc5c] {display: block; font-size: 16px; color: #333; overflow: hidden;width: 100%;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 10px; } .prom-r .cgl-cont p[data-v-2942bc5c] { height: 20px; } .prom-r .cgl-cont p span[data-v-2942bc5c] { display: inline-block; } .prom-r .cgl-cont p span[data-v-2942bc5c]:nth-child(2){ color: #999; font-size: 14px;text-decoration: line-through; } .prom-r .cgl-cont p span[data-v-2942bc5c]:nth-child(1){ color: #e62226; margin-right: 10px; } .prom-r .cgl-cont p span big[data-v-2942bc5c] { font-size: 24px; display: inline-block; height: 20px; line-height: 20px; } .prom-r .cgl-cont p em[data-v-2942bc5c]{font-size: 14px; } .prom-r .cgl-cont p span:nth-child(1) em[data-v-2942bc5c]{ font-size: 16px } .prom-r li[data-v-2942bc5c]:first-child { width: 388px; height: 218px; } .prom-r li:first-child a h4[data-v-2942bc5c] {position: absolute;top: 20px;left: 20px;z-index: 1;color: #333;font-size: 18px;width: 350px;height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } .prom-r li:first-child a p[data-v-2942bc5c] {position: absolute;top: 50px;left: 20px;z-index: 1;color: #999;font-size: 16px; } .prom-r li:first-child a span[data-v-2942bc5c] { display: block; position: absolute; left: 20px; top: 88px; color: #e62226; font-size: 16px; } .prom-r li:first-child a span em[data-v-2942bc5c]{ font-size: 28px; } .prom-r li:first-child a .btnborder[data-v-2942bc5c] {position: absolute; left: 20px; top: 134px; font-size: 14px; width: 100px; height: 32px; line-height: 32px; text-align: center; border-radius: 20px; } .prom-r li:first-child a .btnborder i[data-v-2942bc5c]{ display: inline-block; padding-left: 10px; font-size: 12px; font-weight: bold; } .prom-r li:first-child a img[data-v-2942bc5c] {position: absolute;top: 50px;right: 10px;width: 160px;height: 160px; } .prom-r li:first-child:hover a h4[data-v-2942bc5c] { color: #e62226; } /*精心推荐*/ .recommends[data-v-2942bc5c] {margin-top: 30px; width: 100%; max-width: 1920px; height: 650px; background-image: url(/static/img/recommendBg.5400a07.jpg); background-size: 100% 100%; background-repeat: no-repeat; } .recommend-top[data-v-2942bc5c] { color: #FFFFFF; text-align: center; padding-top: 60px; } .recommend-top h4[data-v-2942bc5c]{ font-size: 36px; } .recommend-top h4 em[data-v-2942bc5c] { padding: 0 15px; color: #c1b4a9; font-size: 30px; } .recommend-top .btnborder[data-v-2942bc5c] { display: block; margin: 20px auto 0px; width: 88px; height: 28px; border: 1px solid #b3b3b3; color: #e8ded9; font-size: 14px; text-align: center;line-height: 28px; border-radius: 20px; } .recommend-top .btnborder[data-v-2942bc5c]:hover { border-color: #e62226; } .recommend-box[data-v-2942bc5c] { margin-top: 55px; } .recommend-box-leimg[data-v-2942bc5c] { width: 780px; overflow: hidden; } .recommend-box-leimg img[data-v-2942bc5c] {width: 160px; height: 160px; } .recommend-box-riimg[data-v-2942bc5c] { width: 410px; height: 410px; background-color: #FFFFFF; } .recommend-box-leimg-list[data-v-2942bc5c] { width:790px; } .recommend-box-leimg-list li[data-v-2942bc5c] { float: left; overflow: hidden; margin-right: 10px; margin-bottom: 10px; width: 350px; height: 160px; padding:20px 15px 20px 20px; background-color: #FFFFFF; } .recommend-list-l[data-v-2942bc5c] { width:170px; margin-right: 20px; } .recommend-list-l p.recommend-des[data-v-2942bc5c] { line-height: 24px; font-size: 14px; color: #666; letter-spacing: 2px; width: 180px; height:92px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden; } .recommend-bar[data-v-2942bc5c] {margin-top: 20px; margin-bottom: 20px; } .recommend-bar-inner[data-v-2942bc5c] { width: 110px; height: 10px; background-color: #b8b8b8; position: relative; display: inline-block; } .recommend-bar-txt[data-v-2942bc5c] { font-size: 12px; margin-left: 5px; } .recommend-bar-inner .recommend-bar-inner-completed[data-v-2942bc5c] {position: absolute; left: 0; top: 0; background-color: #e62226; height: 10px; } .recommend-list-l >a[data-v-2942bc5c] { display: block; height: 20px;width: 170px; font-size: 16px; color: #333; font-weight: bold; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } .recommend-box-leimg li:hover a[data-v-2942bc5c] { color: #e62226; } .recommend-swiper img[data-v-2942bc5c] {width: 410px; height: 410px; } .recommend-swiper-des[data-v-2942bc5c] {padding:0 20px; text-align: center; position: absolute; bottom: 0; height: 150px; background: rgba(0,0,0,.5); } .recommend-swiper-des p[data-v-2942bc5c],.recommend-swiper-des span[data-v-2942bc5c]{ color: #FFFFFF; } .recommend-swiper-des span[data-v-2942bc5c] { text-align: left; display: block; line-height: 22px; height: 44px; overflow: hidden; margin-top: 15px; font-size: 14px; } .recommend-swiper-des p[data-v-2942bc5c] { font-size: 18px; margin-top: 20px;width: 370px; height: 20px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } .recommend-swiper .swiper-slide[data-v-2942bc5c] { height: 410px; } .recommend-box-riimg .swiper-pagination[data-v-2942bc5c] {position: absolute; bottom: 15px; width: auto; height: 16px; left: 50%; margin-left: -40px; } .recommend-box-riimg .swiper-pagination-bullet[data-v-2942bc5c] { position: relative; display: block; float: left; width: 6px; height: 6px; border: 2px solid #ffffff; background:none; opacity: 1; margin-left: 5px; margin-right: 5px; margin-top: 3px !important; } .recommend-box-riimg .swiper-pagination-bullet-active[data-v-2942bc5c] {width: 16px;height: 16px;background: hsla(355,99%,51%,.4);border: none;margin-top: 0 !important; } .recommend-box-riimg .swiper-pagination-bullet-active[data-v-2942bc5c]:after{content: "";display: block; position: absolute; width: 10px; height: 10px; background: #F10215; border-radius: 100%; left: 3px; top: 3px; } /*左侧导航*/ .fixedbar[data-v-2942bc5c] { position: fixed; opacity: 1; z-index: 99; left: 50%; margin-left: -684px; top: 50%; margin-top: -160px; -webkit-transition: opacity 1s; transition: opacity 1s; } .fixedbar a[data-v-2942bc5c], .fixedbar span[data-v-2942bc5c] { width: 28px; padding:9px 10px; display: block; font-size: 14px; color: #FFFFFF; } .fixedbar a[data-v-2942bc5c] { margin-bottom: 1px; background-color: #918888; -webkit-transition: background-color .4s; transition: background-color .4s; } .fixedbar a[data-v-2942bc5c]:hover,.fixedbar span[data-v-2942bc5c]:hover {cursor: pointer; background-color: #e62226; } .fixedbar a.on[data-v-2942bc5c] { background-color: #e62226; } .fixedbar span[data-v-2942bc5c]{background-color: #5e4a4a;text-align: center; -webkit-transition: background-color .4s; transition: background-color .4s; } .fixedbar span i[data-v-2942bc5c]{display: inline-block;width: 16px;height: 9px;line-height: 9px; } .fixedbarhidden[data-v-2942bc5c] { opacity: 0; z-index: -1; } /*新人红包弹框*/ .modshade.mods-adv[data-v-2942bc5c] { display: block; } .mods-adv .mods-cont[data-v-2942bc5c] { width: 512px; height: 518px; margin-left: -256px;margin-top: -259px;background: none;border: none; overflow: visible; } .mods-adv .mods-cont .mc-tit[data-v-2942bc5c] { background: none; position: absolute; top: 0; right: 0; z-index: 2; } .mods-adv .mods-cont .mc-tit .icon-gb[data-v-2942bc5c]{ color: #ff5f20;border: 1px solid #ff5f20;padding: 5px;border-radius: 100%;margin: 0; } .mods-adv .mods-cont .mc-cont[data-v-2942bc5c] { padding: 0; position: relative; } .mods-adv .mc-cont i[data-v-2942bc5c]{ display: block; position: absolute; z-index: 1; } .mods-adv .mc-cont i[data-v-2942bc5c]:nth-child(1){ width: 331px; height: 212px; background: url(/static/img/advGift.d36f5db.png) no-repeat; top: 60px; right: -50px; animation: pulse-data-v-2942bc5c 2.5s infinite;-moz-animation: pulse-data-v-2942bc5c 2.5s infinite;-ms-animation: pulse-data-v-2942bc5c 2.5s infinite;-o-animation: pulse-data-v-2942bc5c 2.5s infinite;-webkit-animation: pulse-data-v-2942bc5c 2.5s infinite; } .mods-adv .mc-cont i[data-v-2942bc5c]:nth-child(2),.mods-adv .mods-cont i[data-v-2942bc5c]:nth-child(3) { width: 66px; height: 66px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAYAAADjVADoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYwNzU4MTYxMzdGQjExRThBRDMwQzY3QjJERTJFMDAwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYwNzU4MTYyMzdGQjExRThBRDMwQzY3QjJERTJFMDAwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjA3NTgxNUYzN0ZCMTFFOEFEMzBDNjdCMkRFMkUwMDAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjA3NTgxNjAzN0ZCMTFFOEFEMzBDNjdCMkRFMkUwMDAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6DwrOpAAAUEUlEQVR42sxc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); } .mods-adv .mc-cont i[data-v-2942bc5c]:nth-child(4),.mods-adv .mods-cont i[data-v-2942bc5c]:nth-child(5) { width: 56px; height: 68px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAABECAYAAADUZvakAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZGQ0EyNDM3MzdGQjExRThBNjFEOUJCRjk0ODRBMTczIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZGQ0EyNDM4MzdGQjExRThBNjFEOUJCRjk0ODRBMTczIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkZDQTI0MzUzN0ZCMTFFOEE2MUQ5QkJGOTQ4NEExNzMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkZDQTI0MzYzN0ZCMTFFOEE2MUQ5QkJGOTQ4NEExNzMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6SJazPAAATqUlEQVR42tRb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); } .mods-adv .mc-cont i[data-v-2942bc5c]:nth-child(2) {top: 160px; left: -30px; animation: pulse-data-v-2942bc5c 2s infinite;-moz-animation: pulse-data-v-2942bc5c 2s infinite;-ms-animation: pulse-data-v-2942bc5c 2s infinite;-o-animation: pulse-data-v-2942bc5c 2s infinite;-webkit-animation: pulse-data-v-2942bc5c 2s infinite; } .mods-adv .mc-cont i[data-v-2942bc5c]:nth-child(3) { top: 300px; right: -10px; animation: pulse-data-v-2942bc5c 1.5s infinite;-moz-animation: pulse-data-v-2942bc5c 1.5s infinite;-ms-animation: pulse-data-v-2942bc5c 1.5s infinite;-o-animation: pulse-data-v-2942bc5c 1.5s infinite;-webkit-animation: pulse-data-v-2942bc5c 1.5s infinite; } .mods-adv .mc-cont i[data-v-2942bc5c]:nth-child(4) {top: 340px; left: -30px; animation: pulse-data-v-2942bc5c 1.5s infinite;-moz-animation: pulse-data-v-2942bc5c 1.5s infinite;-ms-animation: pulse-data-v-2942bc5c 1.5s infinite;-o-animation: pulse-data-v-2942bc5c 1.5s infinite;-webkit-animation: pulse-data-v-2942bc5c 1.5s infinite; } .mods-adv .mc-cont i[data-v-2942bc5c]:nth-child(5) {top: 370px; right: 30px; animation: pulse-data-v-2942bc5c 2s infinite;-moz-animation: pulse-data-v-2942bc5c 2s infinite;-ms-animation: pulse-data-v-2942bc5c 2s infinite;-o-animation: pulse-data-v-2942bc5c 2s infinite;-webkit-animation: pulse-data-v-2942bc5c 2s infinite; } .mods-adv .mc-cont a[data-v-2942bc5c] {display: block; width: 170px; height: 48px; position: absolute; left: 160px; bottom: 20px; border-radius: 30px; } .mods-adv .mc-cont a[data-v-2942bc5c]:hover { background-color: rgba(0,0,0,.3); } /*查询申请提货验证 start*/ .top[data-v-2942bc5c] { height: 600px; background-repeat: repeat-x; background-position:top center; background-size:auto 100% ; } .topbg[data-v-2942bc5c] { position: relative; margin: 0 auto; width: 1200px; height: 600px } .topleft[data-v-2942bc5c] { float: left; width: 520px; height: 215px; margin-top: 180px; margin-left: 10px } .topleft img[data-v-2942bc5c] { width: 520px; height: 215px } .topright[data-v-2942bc5c] { position: absolute; right: 0; width: 560px; background: #fff; -webkit-box-shadow: 0 0 8px #dfdfdf; box-shadow: 0 0 8px #dfdfdf; background-image: url(https://presale.jhtsoft.com/picms/384a120de9aace.png), url(https://presale.jhtsoft.com/picms/384a1634413bb8.png), url(https://presale.jhtsoft.com/picms/384a1a1ff2abbc.png); background-position: 20px 80px, 30px 510px, right bottom; background-repeat: no-repeat, no-repeat, no-repeat; background-size: 73px 71px, 140px 90px, 153px 92px } .toprightka[data-v-2942bc5c] { position: absolute; top: -81px; width: 100%; height: 162px } .toprightka span[data-v-2942bc5c] { width: 162px; height: 162px; float: left; background: url(https://presale.jhtsoft.com/picms/384df4f7d3fcc0.png) no-repeat; position: absolute; text-align: center; line-height: 162px; font-size: 54px; color: #e62226; font-weight: 700 } .toprightka span[data-v-2942bc5c]:first-child { z-index: 1; left: 25px; animation-delay: .6s; -webkit-animation-delay: .6s } .toprightka span[data-v-2942bc5c]:nth-child(2) { z-index: 2; left: 145px; animation-delay: 1.2s; -webkit-animation-delay: 1.2s } .toprightka span[data-v-2942bc5c]:nth-child(3) { z-index: 3; left: 260px; animation-delay: 1.8s; -webkit-animation-delay: 1.8s } .toprightka span[data-v-2942bc5c]:nth-child(4) { z-index: 4; left: 376px; animation-delay: 2.4s; -webkit-animation-delay: 2.4s } .toprightkuang[data-v-2942bc5c] { width: 560px; margin-top: 120px; min-height: 500px } .ser-kuang[data-v-2942bc5c] { margin-top: 170px } .kuangtit[data-v-2942bc5c] { padding: 0 80px; height: 50px; margin-bottom: 3px; border-bottom: solid 1px #ededed } .kuangtit a[data-v-2942bc5c] { display: inline-block; float: left; width: 112px; margin: 0 44px; font-size: 28px; line-height: 47.5px; color: #bdbdbd } .kuangtit a.on[data-v-2942bc5c] { color: #333; font-weight: 700; border-bottom: 5px solid #e62226 } .serform[data-v-2942bc5c] { width: 400px; margin: 35px auto 0 } .serform .waring[data-v-2942bc5c] { overflow: hidden; margin-bottom: 10px; font-size: 14px; color: #e62226; padding-left: 8px } .serform .waring[data-v-2942bc5c]:before { display: inline-block; line-height: 20px; content: "\E637"; vertical-align: middle; margin: 0 5px 2px 0 } .serform span[data-v-2942bc5c] { display: block; border: 1px solid #e1e1e1; line-height: 50px; overflow: hidden; padding: 0 20px; margin-bottom: 30px; border-radius: 2px; -moz-border-radius: 2px } .serform span input[data-v-2942bc5c], .serform span label[data-v-2942bc5c] { display: inline-block; float: left } .serform span label[data-v-2942bc5c] { width: 65px; margin-right: 20px; font-size: 16px; color: #333 } .serform span input[data-v-2942bc5c] { color: #333; font-size: 16px; height: 50px; line-height: 50px; width: calc(100% - 85px) } /*改为elementUI的input*/ .serform .flexUI[data-v-2942bc5c] {padding-right:0; } .serform .flexUI[data-v-2942bc5c] .el-input {width: calc(100% - 85px); } .serform .flexUI[data-v-2942bc5c] .el-input__inner {border:none;padding-left:0;font-size: 16px; } .serform span.sel-yyadrs[data-v-2942bc5c] { position: relative } .serform span.sel-yyadrs input[data-v-2942bc5c] { width: calc(100% - 100px) } .sel-yyadrs[data-v-2942bc5c]:after { position: absolute; content: "\E66B"; right: 10px; top: 0; line-height: 50px } .serform p[data-v-2942bc5c]:last-child { padding: 30px 0; color: #999; font-size: 14px } .serform p[data-v-2942bc5c]:last-child:before { display: inline-block; content: "\E626"; font-size: 18px; color: #ffa641; margin-right: 5px } .serform p:last-child a[data-v-2942bc5c] { color: #333; font-weight: 600; margin-left: 5px } .serform .btn[data-v-2942bc5c] { display: block; width: 100%; line-height: 50px; border-radius: 2px; font-size: 18px; letter-spacing: 5px } .serform span select[data-v-2942bc5c] { border: transparent; background: #f7f7f7; padding: 10px 2px; max-width: 130px; min-width: 100px } /*申请送货框补充地址选择 zz*/ .toprightkuang .ct-send[data-v-2942bc5c] { float: none; margin-bottom: 30px; height: 48px; line-height: 46px; border: 1px solid #e1e1e1; padding: 0 20px } .toprightkuang .ct-send em[data-v-2942bc5c] { border: 1px solid #fff; padding-left: 23px } .toprightkuang .ct-send em.sdown[data-v-2942bc5c] { border-color: #e0e0e0; border-bottom-color: #e0e0e0; border-bottom: none; margin-top: 1px } .toprightkuang .ct-send .sendiv[data-v-2942bc5c] { top: 46px; border: 1px solid #fff } .toprightkuang .ct-send input[data-v-2942bc5c] { width: 255px } .toprightkuang .ct-send.sdopen .sendiv[data-v-2942bc5c] { border: 1px solid #e0e0e0; right: -1px } /*查询申请提货验证 end*/ /*券卡验证商品列表 start*/ .zbd[data-v-2942bc5c] { margin: 0 auto; height: auto; margin-top: -30px; background-image: url(https://presale.jhtsoft.com/picms/384a120de9aace.png), url(https://presale.jhtsoft.com/picms/384a1634413bb8.png), url(https://presale.jhtsoft.com/picms/384a120de9aace.png), url(https://presale.jhtsoft.com/picms/384a1634413bb8.png); background-position: 3% 0, 95% 70px, 3% bottom, 95% bottom; background-repeat: no-repeat, no-repeat, no-repeat, no-repeat; background-size: 232px 210px, 184px 156px, 232px 210px, 184px 156px; display: none } .zbd-part[data-v-2942bc5c] { width: 1200px; margin: 0 auto; padding-top: 30px } .zbd-part-tit[data-v-2942bc5c] { height: 50px; line-height: 50px; font-size: 16px; border-bottom: 2px solid #e6e6e6; overflow: hidden; background: #eee } .zbd-part-tit a[data-v-2942bc5c], .zbd-part-tit span[data-v-2942bc5c] { display: inline-block } .zbd-part-tit a[data-v-2942bc5c]:first-child { float: left; padding-left: 20px; color: #666 } .zbd-part-tit a:first-child span[data-v-2942bc5c] { font-size: 18px; color: #e62226; font-family: Arial, Verdana, "\5B8B\4F53" } .zbd-part-tit a:first-child span b[data-v-2942bc5c] { margin: 0 5px; display: inline-block } .zbd-part-tit span[data-v-2942bc5c] { float: right; height: 50px } .zbd-part-tit span a[data-v-2942bc5c] { margin-right: 25px; color: #e62226 } .zbd-part-tit span a[data-v-2942bc5c]:first-child { color: #f18110 } .zbd-part-tit .code-description[data-v-2942bc5c] { display: inline-block; height: 28px; line-height: 28px; margin: 11px 20px; font-size: 14px; color: #666; overflow: hidden } .zbd-part-tit .code-description small[data-v-2942bc5c] { font-size: 14px } .zbd-part-tit .code-description em[data-v-2942bc5c], .zbd-part-tit .code-description em button[data-v-2942bc5c], .zbd-part-tit .code-description em input[data-v-2942bc5c], .zbd-part-tit .code-description label[data-v-2942bc5c], .zbd-part-tit .code-description span[data-v-2942bc5c] { display: inline-block; float: left } .zbd-part-tit .code-description em[data-v-2942bc5c] { border: solid 1px #ccc; height: 24px; margin: 0 10px } .zbd-part-tit .code-description em button[data-v-2942bc5c] { width: 24px; height: 24px; background: #fff; text-align: center; outline: 0; border: none } .zbd-part-tit .code-description em button[data-v-2942bc5c]:active, .zbd-part-tit .code-description em button[data-v-2942bc5c]:hover { background: rgba(241, 2, 21, .1); color: #e62226 } .zbd-part-tit .code-description em input[data-v-2942bc5c] { width: 53px; height: 24px; border-left: solid 1px #e0e0e0; border-right: solid 1px #e0e0e0; line-height: 24px; text-align: center; font-size: 14px; color: #333 } .zbd-part-tit .code-description small b[data-v-2942bc5c] { color: #333; font-weight: 600; margin: 0 5px } .zbd-part-ul[data-v-2942bc5c] { padding: 0 20px } .zbd-part-ul li[data-v-2942bc5c] { display: block; overflow: hidden; padding-top: 30px; padding-bottom: 50px } .zbd-part-ul li .zpu-tu[data-v-2942bc5c] { float: left; display: inline-block } .zbd-part-ul li .zpu-tu img[data-v-2942bc5c] { width: 188px; height: 188px; border-radius: 50%; -moz-border-radius: 50%; border: 2px solid #a67761; -webkit-animation: rotate 1s linear; animation: rotate 1s linear } .zbd-part-ul li div[data-v-2942bc5c] { float: left; margin-left: 32px; width: 936px } .zbd-part-ul li div a[data-v-2942bc5c], .zbd-part-ul li div p[data-v-2942bc5c] { margin-bottom: 10px; font-size: 14px; display: block; line-height: 20px; color: #999; line-height: 20px; font-size: 14px; min-height: 20px; position: relative; overflow: hidden } .zbd-part-ul li div .card-p[data-v-2942bc5c] { position: relative; padding-right: 50px; max-height: 20px } .zbd-part-ul li div p i[data-v-2942bc5c] { position: absolute; top: 0; right: 15px; display: none; width: 20px; height: 20px; text-align: center; font-size: 20px; color: #333; font-weight: 600; cursor: pointer; -webkit-transition: all .5s ease; transition: all .5s ease } .zbd-part-ul li div a[data-v-2942bc5c] { font-size: 18px; color: #333; height: 25px; line-height: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .zbd-part-ul li div a em[data-v-2942bc5c] { font-weight: 600 } .zbd-part-ul li div a em[data-v-2942bc5c]:first-child { margin-right: 10px } .zbd-part-ul li div a[data-v-2942bc5c]:hover { color: #e62226 } .zbd-part-ul li div p[data-v-2942bc5c]:nth-child(3) { color: #e62226; margin-bottom: 16px; padding-top: 5px } .zbd-part-ul li .bigred[data-v-2942bc5c] { font-size: 24px; font-weight: 700; font-family: Arial, Verdana, "\5B8B\4F53" } .zbd-part-ul li .hei[data-v-2942bc5c] { color: #333 } .card-foot[data-v-2942bc5c] { width: 950px; margin: 50px auto 100px; padding-left: 250px; height: 50px } .card-foot [type=button][data-v-2942bc5c], .card-foot a[data-v-2942bc5c], .card-foot span[data-v-2942bc5c] { display: inline-block } .card-foot a[data-v-2942bc5c], .card-foot span[data-v-2942bc5c] { font-size: 14px; line-height: 50px } .card-foot span[data-v-2942bc5c] { color: #666 } .card-foot span i[data-v-2942bc5c] { font-size: 18px; color: #f18110; margin: 0 5px } .card-foot a[data-v-2942bc5c] { margin: 0 30px 0 10px; color: #f18110 } .card-foot .btn[data-v-2942bc5c] { width: 260px; border-radius: 2px; -moz-border-radius: 2px; height: 48px; line-height: 48px; font-size: 18px } /*返回顶部*/ .totop[data-v-2942bc5c] { position: fixed; bottom: 10%; right: 5%; cursor: pointer; opacity: 0; width: 80px; height: 80px; border-radius: 100%; background: #ccc; color: #fff; line-height: 80px; text-align: center; font-size: 60px; font-weight: 400; -webkit-transition: opacity .3s; transition: opacity .3s } .totop[data-v-2942bc5c]:hover { background: #e62226 } /*券卡验证商品列表 end*/ /*选定网点 strat*/ .network[data-v-2942bc5c] { overflow: hidden; } .network span[data-v-2942bc5c], .network .nw-cont[data-v-2942bc5c] { display: inline-block; float: left; } .network span[data-v-2942bc5c] { width: 180px; height: 130px; margin-right: 20px; } .network span img[data-v-2942bc5c] { width: 100%; height: 100%; } .network .nw-cont[data-v-2942bc5c] { width: 1000px; } .network .nw-cont p[data-v-2942bc5c]:first-child { line-height: 35px; border-bottom: 2px solid #e6e6e6; overflow: hidden; } .network .nw-cont p:first-child b[data-v-2942bc5c] { float: left; color: #333; font-size: 18px; font-weight: bold; } .network .nw-cont p:first-child em[data-v-2942bc5c] { float: left; color: #666; font-size: 16px; padding-left: 20px; } .network .nw-cont p:first-child a[data-v-2942bc5c] { float: right; padding-right: 20px; color: #f18110; font-size: 16px; } .network p[data-v-2942bc5c]:not(:first-child) { line-height: 25px; padding-top: 8px; font-size: 14px; } .network p i[data-v-2942bc5c] { display: inline-block; width: 72px; } .network p:nth-child(3) b[data-v-2942bc5c] { margin-right: 20px; } .network p[data-v-2942bc5c]:last-child { position: relative; padding-left: 72px; } .network p:last-child i[data-v-2942bc5c] { position: absolute; left: 0; top: 8px; width: 72px; display: inline-block; line-height: 25px; } .network p:last-child b[data-v-2942bc5c] { display: inline-block; margin-right: 0; cursor: pointer; } .network p:last-child b[data-v-2942bc5c]:after { display: inline-block; content: "\E696"; height: 25px; line-height: 25px; font-size: 20px; margin-left: 25px; color: #f18110; } .nw-map[data-v-2942bc5c] { height: 0; overflow: hidden; margin-top: 20px; -webkit-transition: height .2s; transition: height .2s; } .nw-map img[data-v-2942bc5c] { border: none; width: 100%; } .nw-map.sdopen[data-v-2942bc5c] { height: 180px; } /*选定网点 end*/ /*完善地址信息 start*/ .bd[data-v-2942bc5c] { background: #f6f6f6; padding: 20px 0; min-height: 500px; } .bdpart[data-v-2942bc5c] { width: 1200px; margin: 0 auto; } .bdpart-tit[data-v-2942bc5c] { line-height: 30px; padding: 15px 0; margin-bottom: 30px; overflow: hidden; border-bottom: 2px solid #e6e6e6; } .bdpart-tit b[data-v-2942bc5c], .bdpart-tit span[data-v-2942bc5c], .bdpart-tit em[data-v-2942bc5c] { display: inline-block; float: left; margin-left: 20px; font-size: 16px; } .bdpart-tit span[data-v-2942bc5c] { max-width: 620px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .bdpart-tit a[data-v-2942bc5c] { float: right; font-size: 16px; color: #f18110; } .bdpart-tit big[data-v-2942bc5c] { display: inline-block; float: left; font-size: 20px; font-weight: bold; } .bdpart-tit em i[data-v-2942bc5c] { color: #f18110; } .adrs-form[data-v-2942bc5c] { padding: 0 20px; overflow: hidden; } .adrs-form p[data-v-2942bc5c]:not(:last-child), .adrs-form .adrs-div[data-v-2942bc5c] { height: 42px; line-height: 40px; margin-bottom: 10px; font-size: 16px; overflow: hidden; } .adrs-form em[data-v-2942bc5c], .adrs-form input[data-v-2942bc5c], .adrs-form span[data-v-2942bc5c], .adrs-form small[data-v-2942bc5c], .adrs-form .adrs-div .adrs-select[data-v-2942bc5c], .adrs-form .adrs-div .adrs-select select[data-v-2942bc5c] { display: inline-block; float: left; } .adrs-form em[data-v-2942bc5c] { width: 160px; height: 40px; line-height: 40px; text-align: right; color: #666; } .adrs-form em b[data-v-2942bc5c] { color: #e62226; margin-right: 5px; } .adrs-form p:not(:last-child) input[data-v-2942bc5c] { margin: 0 15px 0 5px; width: 340px; height: 30px; line-height: 30px; border: 1px solid #ededed; padding: 5px 10px; font-size: 16px; -webkit-transition: all .3s; transition: all .3s; } .adrs-form p:not(:last-child) input[data-v-2942bc5c]:hover { border-color: #c0c4cc } .adrs-form span[data-v-2942bc5c] { color: #e62226; font-size: 14px; } .adrs-form span[data-v-2942bc5c]:before { display: inline-block; content: "\E637"; font-size: 14px; margin-right: 5px; vertical-align: top; } .adrs-form small[data-v-2942bc5c] { display: inline-block; color: #999; font-size: 14px; max-width: calc(100% - 602px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .adrs-form .adrs-div .adrs-select[data-v-2942bc5c] { width: 362px; height: 40px; margin: 0 15px 0 5px; } .adrs-form .adrs-div .adrs-select select[data-v-2942bc5c] { width: 114px; height: 40px; border: solid 1px #e1e1e1; margin-right: 10px; text-align-last: center; text-align: center; color: #333; } .adrs-form .adrs-div .adrs-select select option[data-v-2942bc5c]:disabled{color: #ccc; } .adrs-form .adrs-div .adrs-select select[data-v-2942bc5c]:last-child { margin-right: 0; } .adrs-form p[data-v-2942bc5c]:last-child { padding-left: 165px; margin-top: 30px; } .adrs-form p:last-child [type='button'][data-v-2942bc5c] { width: 170px; height: 48px; line-height: 48px; margin-right: 20px; } .adrs-form .btn-default[data-v-2942bc5c] { background: #e0e0e0; } .adrs-form .btn-default[data-v-2942bc5c]:hover { background: #ccc; color: #333; } /*完善地址信息 end*/ /*提交成功订单 start*/ .adv[data-v-2942bc5c] { position: relative; width: 100%; height: 100px; text-align: center; overflow: hidden; } .adv.none[data-v-2942bc5c] { height: 0; padding: 0; border: none; margin: 0; } .adv a img[data-v-2942bc5c] { width: 100%; height: 100px; } .adv p[data-v-2942bc5c] { width: 1200px; position: absolute; top: 5px; left: 50%; margin-left: -600px; } .adv p .icon-gb[data-v-2942bc5c] { position: absolute; z-index: 1; right: 0; color: #fff; } .uinfo .uif-cont[data-v-2942bc5c] { padding: 0 20px; position: relative; } .uinfo .uif-cont p[data-v-2942bc5c] { position: relative; padding-left: 160px; width: calc(70% - 150px); line-height: 20px; margin-bottom: 10px; padding-right: 30%; padding-bottom: 10px; font-size: 14px; } .uinfo .uif-cont p label[data-v-2942bc5c] { position: absolute; left: 0; top: 0; width: 150px; color: #666; text-align: right; } .uinfo .uif-cont .marketad-tu[data-v-2942bc5c] { position: absolute; right: 0; top: 0; width: 152px; height: 120px; -webkit-animation: dhpic 1s linear infinite alternate; animation: dhpic 1s linear infinite alternate; display: none; } .uinfo .uif-cont .marketad-tu img[data-v-2942bc5c] { width: 100%; } /*订单提交成功信息 end*/ /*券卡订单产品推荐 start*/ .plist-rcommend[data-v-2942bc5c] { width: 1200px; margin: 0 auto; overflow: hidden; } .plist-rcommend .pr-tit[data-v-2942bc5c] { width: calc(100% - 40px); line-height: 30px; padding: 15px 20px; margin-bottom: 30px; overflow: hidden; border-bottom: 2px solid #e6e6e6; display: inline-block; font-size: 20px; font-weight: bold; } .plist-rcommend .swiper-container[data-v-2942bc5c] { position: relative; width: 100%; overflow: visible !important; } .plist-rcommend .swiper-wrapper[data-v-2942bc5c] { height: auto; margin-right: -14px; } .plist-rcommend .swiper-wrapper .swiper-slide[data-v-2942bc5c] { float: left; display: inline-block; width: 292.5px; background: #fff; } .prc .swiper-button-prev[data-v-2942bc5c], .prc .swiper-button-next[data-v-2942bc5c] { position: absolute; top: -50px; width: 30px; height: 30px; line-height: 30px; font-size: 18px; border: solid 1px #ebebeb; z-index: 10; cursor: pointer; background: #fff; text-align: center; } .prc .swiper-button-prev[data-v-2942bc5c]:hover, .prc .swiper-button-next[data-v-2942bc5c]:hover { color: #e62226; } .prc .swiper-button-next.swiper-button-disabled[data-v-2942bc5c], .prc .swiper-button-prev.swiper-button-disabled[data-v-2942bc5c] { opacity: 1 !important; color: #d6d6d6; } .prc .swiper-button-prev[data-v-2942bc5c] { left: 94%; } .prc .swiper-button-next[data-v-2942bc5c] { right: 0; -webkit-transform: rotate3d(0, 0, 1, 180deg); transform: rotate3d(0, 0, 1, 180deg); } .plist-rcommend .prc a[data-v-2942bc5c], .plist-rcommend .prc p[data-v-2942bc5c], .plist-rcommend .prc span[data-v-2942bc5c] { display: block; text-align: center; } .plist-rcommend .prc a[data-v-2942bc5c]:first-child { padding: 20px 0; } .plist-rcommend .prc a:first-child img[data-v-2942bc5c] { width: 188px; height: 188px; border-radius: 50%; -moz-border-radius: 50%; border: 2px solid #a67761; -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; -webkit-transform: translateY(0); transform: translateY(0) } .plist-rcommend .prc a:first-child:hover img[data-v-2942bc5c] { -webkit-transform: translateY(-5px); transform: translateY(-5px) } .plist-rcommend .prc a[data-v-2942bc5c]:nth-child(2) { margin: 0 10px; font-size: 16px; font-weight: 600; line-height: 30px; border-bottom: solid 1px #ebebeb; } .plist-rcommend .prc a[data-v-2942bc5c]:nth-child(2), .plist-rcommend .prc p[data-v-2942bc5c] { max-width: 272.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .plist-rcommend .prc p[data-v-2942bc5c] { padding: 0 10px; font-size: 14px; line-height: 25px; } .plist-rcommend .prc span[data-v-2942bc5c] { display: block; height: 30px; margin-top: 10px; padding: 10px 0; color: #fff; } .plist-rcommend .prc span b[data-v-2942bc5c] { font-size: 24px; font-weight: bold; } /*券卡订单产品推荐 end*/ /* * 提货模块cardProject所有弹窗样式 * start */ /*更改商品弹窗 begin*/ .mods-cont .mc_cont[data-v-2942bc5c] { overflow-y: auto; overflow-x: hidden; } .mc-tit span[data-v-2942bc5c] { display: inline-block; float: left; height: 26px; line-height: 26px; margin: 7px 20px; font-size: 14px; color: #666; overflow: hidden; } .mc-tit span small[data-v-2942bc5c] { font-size: 14px; } .mc-tit span label[data-v-2942bc5c], .mc-tit span em[data-v-2942bc5c], .mc-tit span span[data-v-2942bc5c], .mc-tit span em button[data-v-2942bc5c], .mc-tit span em input[data-v-2942bc5c] { display: inline-block; float: left; } .mc-tit span em[data-v-2942bc5c] { border: solid 1px #ccc; height: 24px; margin: 0 10px; } .mc-tit span em button[data-v-2942bc5c] { width: 24px; height: 24px; background: #fff; text-align: center; outline: none; border: none; } .mc-tit span em button[data-v-2942bc5c]:hover, .mc-tit span em button[data-v-2942bc5c]:active { background: rgba(241, 129, 127, .1); color: #f18110; } .mc-tit span em input[data-v-2942bc5c] { width: 53px; height: 24px; border-left: solid 1px #e0e0e0; border-right: solid 1px #e0e0e0; line-height: 24px; text-align: center; font-size: 14px; color: #333; } .mc-tit span small i[data-v-2942bc5c] { color: #333; font-weight: 600; margin: 0 5px; } /* .mods-product .mods-cont { width:1000px; height: 600px; margin-left:-500px; margin-top:-300px;} */ .mods-product .mods-cont .mc_cont[data-v-2942bc5c] { height: 550px; width: 1000px; padding-bottom: 10px; } .mc_cont .mcb-tit[data-v-2942bc5c] { position: absolute; z-index: 4; top: 118px; left: 30px; padding: 10px 0; width: calc(100% - 60px); height: 25px; line-height: 25px; background: #fff; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mcb_ul[data-v-2942bc5c] { height: auto; margin: 0 auto; text-align: left; } .mcb_ul.pd-t-mx[data-v-2942bc5c] { padding-top: 123px; } .mcb_ul li[data-v-2942bc5c] { position: relative; width: 580px; padding: 15px 0; height: auto; border-top: solid 1px #eee; } .mcb_ul li .mcb_ul_tu[data-v-2942bc5c] { display: block; position: absolute; top: 30px; width: 80px; height: 80px; border: solid 1px #ccc; } .mcb_ul li .mcb_ul_tu img[data-v-2942bc5c] { max-width: 100%; max-height: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .mcb_ul li div[data-v-2942bc5c] { height: auto; min-height: 105px; line-height: 25px; } .mcb_ul li div a[data-v-2942bc5c] { display: block; width: 100%; height: auto; line-height: 30px; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mcb_ul li div p[data-v-2942bc5c] { display: block; padding-right: 60px; max-height: 25px; color: #999; line-height: 25px; font-size: 14px; position: relative; overflow: hidden; } .pedit_none .mcb_ul[data-v-2942bc5c] { width: 940px; padding-right: 30px; padding-bottom: 90px; padding-left: 30px; } .pedit_none .mcb_ul li[data-v-2942bc5c] { width: 940px; } .pedit_none .mcb_ul li span.icon-oncheck[data-v-2942bc5c] { position: absolute; left: 10px; top: 55px; display: block; width: 30px; height: 30px; font-size: 30px; color: #e6e2e3; cursor: pointer; } .pedit_none .mcb_ul li span.icon-oncheck.cselected[data-v-2942bc5c] { color: #f18110; } .pedit_none .mcb_ul li span input[type="checkbox"][data-v-2942bc5c] { visibility: hidden; display: none; } .mcb_ul li .mcb_ul_tu[data-v-2942bc5c] { display: block; position: absolute; top: 30px; width: 80px; height: 80px; border: solid 1px #ccc; } .mods-product .mcb_ul li .mcb_ul_tu[data-v-2942bc5c] { left: 60px; } .pedit_none .mcb_ul li div[data-v-2942bc5c] { width: 770px; padding-left: 170px; } .pedit_none .mcb_ul li div p[data-v-2942bc5c]:last-child { width: 710px !important; } .mods-cont .mcp_zw[data-v-2942bc5c] { position: absolute; z-index: 4; left: 0; top: 40px; height: 63px; background: #fff; padding: 25px 0 10px 0; } .mods-product .mods-cont .mcp_zw[data-v-2942bc5c], .mods-product .mods-cont .mcp_zw .mcc-prdt[data-v-2942bc5c], .mods-product .mods-cont .mcp_zw .mcc-prdt p[data-v-2942bc5c] { width: 984px; } .mods-cont .mcp_zw .mcc-prdt[data-v-2942bc5c] { position: relative; height: 45px; line-height: 45px; background: #eee; font-size: 18px; font-weight: 400; } .mods-cont .mcp_zw .mcc-prdt p[data-v-2942bc5c] { position: absolute; left: 0; top: -8px; display: block; height: 63px; line-height: 63px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mods-cont .mcp_zw .mcc-prdt a[data-v-2942bc5c] { text-align: center; color: #000; text-decoration: none; cursor: pointer; white-space: nowrap; overflow: hidden; font-size: 16px; text-overflow: ellipsis; } .mods-cont .mcp_zw .mcc-prdt a.active[data-v-2942bc5c] { background: url(https://presale.jhtsoft.com/picms/3851540c54e616.png) no-repeat center top; color: #fff; background-size: 100% 64px; } .mods-cont .mcp_zw .mcc-prdt a em[data-v-2942bc5c] { max-width: 48px; overflow: hidden; display: inline-block; vertical-align: top; } .mods-cont .mcp_zw .mcc-prdt a.active small[data-v-2942bc5c] { font-size: 14px; line-height: 63px; font-weight: 600; } .mods-product .mods-cont .mcp_zw .mcc-prdt a[data-v-2942bc5c] { display: block; float: left; width: 17%; } .mods-product .mods-cont .mcp_zw .mcc-prdt a.bw14[data-v-2942bc5c] { width: 14%; } .mods-product .mods-cont .mcp_zw .mcc-prdt a.active[data-v-2942bc5c] { width: 28%; } .mc_cont .mcc_btn_zw[data-v-2942bc5c] { display: block; width: 940px; height: 40px; padding: 15px 0; background: #fff; position: absolute; left: 30px; bottom: 0; text-align: center; } .mc_cont .mcc_btn_zw a.mcc_sub[data-v-2942bc5c] { display: inline-block; width: 150px; border: 1px solid #f18110; height: 40px; margin: 0 auto; border-radius: 6px; background: #f18110; color: #fff; line-height: 40px; font-size: 18px; text-decoration: none; text-align: center; cursor: pointer; } .mc-cont .mcc_btn_zw a.addbtn[data-v-2942bc5c] { background: #fff; color: #f18110; margin-right: 10px; } .mc-cont .mcc_btn_zw a.addbtn[data-v-2942bc5c]:hover { background: #f18110; color: #fff; } /*更改商品弹窗 end*/ /*修改地址弹窗 start*/ .mods-editad .mods-cont[data-v-2942bc5c] { width: 1000px; height: 540px; margin-left: -500px; margin-top: -270px; } .mods-editad .mods-cont .mc_cont[data-v-2942bc5c] { height: 480px; width: 940px; padding: 0 30px 10px 30px; } .mc_zw[data-v-2942bc5c] { position: absolute; z-index: 4; left: 0; top: 40px; height: 20px; background: #fff; } .mc_b_zw[data-v-2942bc5c] { position: absolute; z-index: 4; left: 0; bottom: 0; height: 20px; background: #fff; } .mods-editad .mods-cont .mc_zw[data-v-2942bc5c] { width: 984px; } .medit_c_ul[data-v-2942bc5c] { width: 940px; height: auto; margin: 0 auto; margin: 20px 0 90px 0; background: #fafafa; } .medit_c_ul li[data-v-2942bc5c] { position: relative; width: 100%; height: auto; width: 940px; height: auto; background: #fff; padding: 10px 0; /* margin-bottom: 10px; */ font-size: 16px; cursor: pointer; } .medit_c_ul li[data-v-2942bc5c]:hover { background: #fffdf3; } .medit_c_ul li .icon-oncheck[data-v-2942bc5c] { position: absolute; left: 15px; top: 50%; margin-top: -15px; display: block; width: 30px; height: 30px; font-size: 24px; color: #e6e2e3; cursor: pointer; } .medit_c_ul li.selected .icon-oncheck[data-v-2942bc5c] { color: #f18110; } .medit_c_ul li .icon-oncheck input[type="radio"][data-v-2942bc5c] { visibility: hidden; } .medit_c_ul li div[data-v-2942bc5c] { width: 860px; padding-left: 80px; height: auto; } .medit_c_ul li div em[data-v-2942bc5c] { display: block; width: 100%; line-height: 40px; margin-bottom: 10px; font-size: 16px; } .medit_c_ul li div p[data-v-2942bc5c] { display: block; width: 80%; height: 20px; line-height: 20px; margin-bottom: 10px; font-size: 14px; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .medit_c_ul li span[data-v-2942bc5c] { position: absolute; right: 20px; bottom: 22px; } .medit_c_ul li a[data-v-2942bc5c] { color: #f18110; text-decoration: none; cursor: pointer; font-size: 14px; padding-left: 10px; } /*修改地址弹窗 end*/ /*更改网点弹窗 begin*/ .mods-yywd .mods-cont .mc_cont[data-v-2942bc5c] { height: 590px; width: 940px; padding: 0 30px; } .mods-yywd .mods-cont .mc_zw[data-v-2942bc5c], .mods-yywd .mods-cont .mc_b_zw[data-v-2942bc5c] { position: absolute; z-index: 4; left: 0; width: 984px; height: 20px; background: #fff; } .mc_zw[data-v-2942bc5c] { top: 40px; } .mc_b_zw[data-v-2942bc5c] { bottom: 0; } .mc_cont .mcc_top[data-v-2942bc5c] { position: absolute; z-index: 4; left: 30px; top: 40px; width: 940px; height: 40px; margin: 0 auto; padding: 20px 0; background: #fff; } .mc_cont .mcc_top span[data-v-2942bc5c] { float: left; height: 40px; line-height: 40px; overflow: hidden; margin-right: 15px; } .mc_cont .mcc_top span label[data-v-2942bc5c] { float: left; margin-right: 20px; font-size: 14px; } .mc_cont .mcc_top span input[data-v-2942bc5c], .mc_cont .mcc_top span select[data-v-2942bc5c] { float: left; display: inline-block; width: 240px; padding-left: 10px; height: 38px; border: solid 1px #eaeaea; border-radius: 2px; line-height: 38px; color: #666; font-size: 14px; } .mc_cont .mcc_top span select[data-v-2942bc5c] { width: 200px !important; margin-right: 10px; } .mc_cont .mcc_top a[data-v-2942bc5c] { float: left; display: inline-block; width: 160px; height: 40px; line-height: 40px; font-size: 14px; margin: 0 auto; border-radius: 6px; background: #f18110; text-align: center; color: #fff; text-decoration: none; cursor: pointer; } .deliveryadres[data-v-2942bc5c], .mc_cont .mcc_bot[data-v-2942bc5c] { width: 940px; height: auto; margin: 0 auto; margin-top: 80px; background: #fafafa; } .mods-yywd .mods-cont[data-v-2942bc5c] { width: 1000px; height: 640px; margin-left: -500px; margin-top: -320px; font-size: 16px; } dl.yyda_top[data-v-2942bc5c] { width: 100%; height: auto; overflow: hidden; position: relative; background: #fff; } .deliveryadres dl.yyda_top[data-v-2942bc5c] { margin-bottom: 10px; } dl.yyda_top dd.yyda_t_tu[data-v-2942bc5c] { width: 178px; height: 128px; border: solid 1px #eee; position: absolute; left: 0; } dl.yyda_top dd.yyda_t_tu img[data-v-2942bc5c] { width: 100%; height: 100%; } .deliveryadres dl.yyda_top dd.yyda_t_tu[data-v-2942bc5c] { top: 15px; } .deliveryadres dl.yyda_top dd.yyda_t_left[data-v-2942bc5c] { width: 545px; height: auto; padding: 15px 0 15px 195px; text-align: left; } dd.yyda_t_left span[data-v-2942bc5c] { display: block; width: 100%; line-height: 30px; margin-bottom: 10px; font-size: 16px; } dd.yyda_t_left span em[data-v-2942bc5c] { font-size: 14px; margin-left: 20px; } .deliveryadres .yyda_top .yyda_t_left span[data-v-2942bc5c], .medit_c_ul li div em[data-v-2942bc5c] { color: #333; } .deliveryadres .yyda_top .yyda_t_left span em[data-v-2942bc5c] { color: #666; font-weight: 400; } dl.yyda_top dd.yyda_t_left p[data-v-2942bc5c] { display: block; width: 100%; height: 20px; line-height: 20px; margin-bottom: 10px; font-size: 14px; vertical-align: middle; } dl.yyda_top dd.yyda_t_left p[data-v-2942bc5c]:last-child { position: relative; margin-bottom: 0; padding-left: 80px; height: auto !important; } dl.yyda_top dd.yyda_t_left p:last-child i[data-v-2942bc5c] { font-style: normal; position: absolute; left: 0; top: 0; display: block; width: 80px; } dd.yyda_t_left p b[data-v-2942bc5c] { font-weight: 400; margin: 0 5px; } dt.yyda_t_right[data-v-2942bc5c] { position: absolute; z-index: 1; width: 120px; height: 110px; } .deliveryadres dl.yyda_top dt.yyda_t_right[data-v-2942bc5c] { top: 30px; right: 0; } dl.yyda_top dt.yyda_t_right a[data-v-2942bc5c] { display: block; width: 118px; height: 25px; margin: 10px 0; line-height: 25px; text-align: left; font-size: 14px; text-decoration: none; vertical-align: top; cursor: pointer; } dl.yyda_top dt.yyda_t_right a[data-v-2942bc5c]:hover { color: #f18110; } .yyda_t_left p i.yydatl_icon[data-v-2942bc5c], dl.yyda_top dt.yyda_t_right a[data-v-2942bc5c]:before { margin: 0 5px; display: inline-block; width: 25px; height: 25px; vertical-align: top; text-align: center; line-height: 25px; font-size: 18px; color: #f18110; } dl.yyda_top dt.yyda_t_right a[data-v-2942bc5c]:first-child:before { content: "\E636"; } dl.yyda_top dt.yyda_t_right a[data-v-2942bc5c]:nth-child(2):before { content: "\E696"; } dl.yyda_top dd.yyda_bot[data-v-2942bc5c] { width: 100%; height: 0; overflow: hidden; -webkit-transition: height .3s; transition: height .3s; } dl.yyda_top dd.yyda_bot.sdopen[data-v-2942bc5c] { height: 300px; } dl.yyda_top dd.yyda_bot img[data-v-2942bc5c] { width: 100%; height: 300px; } /*更换网点弹窗 end*/ /*查询结果弹框 begin*/ .mods-result .mods-cont[data-v-2942bc5c], .mods-rcomb .mods-cont[data-v-2942bc5c] { width: 1000px; height: 660px; margin-left: -500px; margin-top: -330px; font-size: 16px; } .mods-rcomb .mods-cont .mcp_zw[data-v-2942bc5c], .mods-rcomb .mods-cont .mcp_zw .mcc-prdt[data-v-2942bc5c], .mods-rcomb .mods-cont .mcp_zw .mcc-prdt p[data-v-2942bc5c] { width: 624px; } .mods-result .mods-cont .mc_zw[data-v-2942bc5c], .mods-rcomb .mods-cont .mc_b_zw[data-v-2942bc5c] { position: absolute; z-index: 4; left: 0; background: #fff; width: 624px; } .mc_zw[data-v-2942bc5c] { top: 40px; } .mc_b_zw[data-v-2942bc5c] { bottom: 0; } .mods-rcomb .mods-cont .mcp_zw .mcc-prdt a[data-v-2942bc5c] { display: block; float: left; width: 27%; } .mods-rcomb .mods-cont .mcp_zw .mcc-prdt a.bw12[data-v-2942bc5c] { width: 12%; } .mods-rcomb .mods-cont .mcp_zw .mcc-prdt a.bw18[data-v-2942bc5c] { width: 18%; } .mods-rcomb .mods-cont .mcp_zw .mcc-prdt a.active[data-v-2942bc5c] { width: 43%; } .mods-cont .mc_tent[data-v-2942bc5c] { width: 1000px; height: 610px; overflow: hidden; } .mc_tent .mct_left[data-v-2942bc5c] { float: left; height: 610px; overflow-y: scroll; overflow-x: hidden; } .mc_tent .mct_left.pad-xl[data-v-2942bc5c] { width: 580px; padding: 0 30px; } .mc_tent .mct_left.pad-b-md[data-v-2942bc5c] { width: 640px; } .mc_tent .mct_left .mctl_cont[data-v-2942bc5c] { width: 580px; height: auto; } .mods-result .mc_tent .mct_left .mctl_cont[data-v-2942bc5c] { padding-bottom: 60px; } .mods-rcomb .mc_tent .mct_left .mctl_cont[data-v-2942bc5c] { } .mc_tent .mct_left.pad-b-md .mctl_cont[data-v-2942bc5c] { padding-left: 30px; padding-right: 30px; } .mctl_cont.hidden[data-v-2942bc5c] { display: none; } .mc_tent .mcb-tit[data-v-2942bc5c] { position: absolute; z-index: 4; top: 118px; left: 30px; padding: 10px 0; width: 580px; height: 25px; line-height: 25px; background: #fff; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /*S swiper轮播*/ .mods-result .swiper-container[data-v-2942bc5c] { position: relative; overflow: hidden; z-index: 4; width: 580px; height: 360px; margin: 10px auto; } .mods-result .swiper-container-no-flexbox .swiper-slide[data-v-2942bc5c] { float: left; } .mods-result .swiper-container-vertical>.swiper-wrapper[data-v-2942bc5c] { -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; } .mods-result .swiper-wrapper[data-v-2942bc5c] { position: relative; width: 100%; height: 280px; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .mods-result .swiper-slide[data-v-2942bc5c] { position: relative; width: 360px; height: 100%; margin: 0 auto; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-align: center; -webkit-box-align: center; align-items: center; text-align: center; } .mods-result .swiper-container-android .swiper-slide[data-v-2942bc5c], .mods-result .swiper-wrapper[data-v-2942bc5c] { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .mods-result .swiper-slide .mcb_ul_tu[data-v-2942bc5c] { position: absolute; width: 360px; height: 360px; overflow: hidden; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .mods-result .swiper-slide img[data-v-2942bc5c] { position: absolute; max-width: 360px; max-height: 360px; margin: auto; left: 0; top: 0; right: 0; bottom: 0; } .mods-result .swiper-container-multirow>.swiper-wrapper[data-v-2942bc5c] { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mods-result .swiper-container-free-mode>.swiper-wrapper[data-v-2942bc5c] { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } /*E swiper轮播*/ .mctl_cont dl[data-v-2942bc5c] { width: 100%; height: auto; overflow: hidden; } .hiddauto[data-v-2942bc5c] { overflow-y: auto; max-height: inherit !important; -webkit-transition: all .3s; transition: all .3s; } .mctl_cont dl dt[data-v-2942bc5c] { display: block; width: 100%; height: 40px; line-height: 40px; font-size: 18px; font-weight: 600; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mctl_cont dl dt em[data-v-2942bc5c] { font-weight: 600; } .mctl_cont dl dt em[data-v-2942bc5c]:first-child { margin-right: 10px; } .mctl_cont dl dd[data-v-2942bc5c] { display: block; width: 100%; height: 30px; line-height: 30px; font-size: 14px; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .mctl_cont dl p[data-v-2942bc5c] { display: block; width: 520px; padding-right: 60px; max-height: 30px; line-height: 30px; position: relative; font-size: 14px; color: #666; } .mctl_cont dl p i[data-v-2942bc5c], .mcb_ul li div p i[data-v-2942bc5c] { position: absolute; top: 0; right: 15px; display: none; width: 20px; height: 20px; text-align: center; font-size: 20px; color: #333; font-weight: 600; cursor: pointer; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .mctl_cont dl p i.rotate[data-v-2942bc5c] { margin-top: 10px; } .mcb_ul li div p i.rotate[data-v-2942bc5c] { margin-top: 5px; } .click_mct_btn[data-v-2942bc5c] { display: block; width: 580px; height: 30px; padding: 15px 0; line-height: 30px; background: #fff; position: absolute; left: 30px; bottom: 0; font-size: 16px; color: #999; vertical-align: middle; cursor: pointer; } .click_mct_btn[data-v-2942bc5c]:before { display: inline-block; content: "\E60D"; color: #f18110; width: 20px; height: 20px; line-height: 20px; font-size: 18px; margin: 5px; -webkit-transform: rotate3d(0, 0, 1, 180deg); transform: rotate3d(0, 0, 1, 180deg); } .click_mct_btn a[data-v-2942bc5c] { color: #f18110; } .click_mct_btn a[data-v-2942bc5c]:hover { color: #f49a41; } .mcb_ul[data-v-2942bc5c] { height: auto; margin: 0 auto; text-align: left; } .mcb_ul.pd-t-mx[data-v-2942bc5c] { padding-top: 123px; } .mcb_ul li[data-v-2942bc5c] { position: relative; width: 580px; padding: 15px 0; height: auto; border-top: solid 1px #eee; } .mcb_ul li[data-v-2942bc5c]:hover { background: #fffdf3; } .mcb_ul li .mcb_ul_tu[data-v-2942bc5c] { display: block; position: absolute; top: 30px; width: 80px; height: 80px; border: solid 1px #ccc; } .mcb_ul li div[data-v-2942bc5c] { height: auto; min-height: 105px; line-height: 25px; word-break: break-all; word-wrap: break-word; } .mcb_ul li div a[data-v-2942bc5c] { display: block; width: 100%; height: auto; line-height: 30px; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /*组合套餐产品列表*/ .mctl_comb .mcb_ul[data-v-2942bc5c] { width: 580px; } .mctl_comb .mcb_ul li[data-v-2942bc5c] { width: 580px; } .mctl_comb .mcb_ul li img[data-v-2942bc5c] { left: 0; } .mctl_comb .mcb_ul li div[data-v-2942bc5c] { width: 470px; padding-left: 110px; } .mctl_comb .mcb_ul li div p[data-v-2942bc5c]:last-child { width: 410px !important; } /*查询结果右侧公用券卡信息*/ .mc_tent .mct_right[data-v-2942bc5c] { float: left; width: 300px; height: 550px; padding: 30px; overflow-y: auto; font-size: 14px; } .mct_right dl[data-v-2942bc5c] { width: 100%; height: auto; } .mct_right dl dt[data-v-2942bc5c] { width: 100%; height: 45px; line-height: 45px; border-bottom: solid 1px #eaeaea; margin-bottom: 20px; } .mct_right dl dt span[data-v-2942bc5c] { display: inline-block; width: auto; height: 44px; line-height: 44px; border-bottom: solid 2px #f18110; font-size: 18px; font-weight: 600; } .mct_right dl dd[data-v-2942bc5c] { display: block; width: 100%; color: #999; } .mct_right dl dd b[data-v-2942bc5c] { margin: 0 3px; } .mct_right dl dd:not(.autoLine) span[data-v-2942bc5c] { color: #666; display: inline-block; max-width: calc(100% - 90px); max-height: 35px; overflow: hidden; vertical-align: top; text-overflow: ellipsis; white-space: nowrap; } .mct_right dl dd.txt-green span[data-v-2942bc5c] { color: #358d2c; } .mct_right dl dd.txt-orange span[data-v-2942bc5c] { color: #f18110; } .mods-result .mct_right dl dd[data-v-2942bc5c]:not(.autoLine) { height: 35px; line-height: 35px; } /* .mct_right dl dd.autoLine em {padding:7px 0;} */ .mct_right dl dd.autoLine[data-v-2942bc5c] {display: -webkit-box!important;display: -ms-flexbox!important;display: flex!important; } .mct_right dl dd.autoLine article[data-v-2942bc5c] {color:#333;-webkit-box-flex:1;-ms-flex:1;flex:1; max-width:calc(100% - 70px);padding: 5px 0; line-height:20px; } .mods-rcomb .mct_right dl dd[data-v-2942bc5c] { height: 35px; line-height: 35px; } .mct_right a.btn_th[data-v-2942bc5c], .mct_right a.btn_od[data-v-2942bc5c] { display: block; width: 100%; height: 50px; line-height: 50px; margin: 20px auto; border-radius: 6px; border: solid 1px #f18110; text-align: center; text-decoration: none; cursor: pointer; font-size: 18px; -webkit-box-sizing: border-box; box-sizing: border-box; } .mct_right a.btn_th[data-v-2942bc5c], .mct_right a.btn_od[data-v-2942bc5c]:hover, .mct_right a.btn_od[data-v-2942bc5c]:active { background: #f18110; color: #fff; } .mct_right a.btn_od[data-v-2942bc5c] { background: #fff; color: #f18110; } .mct_right .mctr_more[data-v-2942bc5c] { float: left; width: 230px; color: #999; text-align: center; } .mct_right .mctr_more span[data-v-2942bc5c] { display: block; width: 100%; height: 40px; line-height: 40px; color: #333; font-size: 18px; } .mct_right .mctr_more span a[data-v-2942bc5c] { display: inline-block; height: 40px; line-height: 40px; color: #f18110; text-decoration: none; vertical-align: top; cursor: pointer; } .mct_right .mctr_more span a[data-v-2942bc5c]:hover { opacity: .8; filter: alpha(opacity=80); } .mct_right .mctr_more span a[data-v-2942bc5c]:before { float: left; display: inline-block; width: 30px; height: 30px; line-height: 30px; margin: 5px 0 5px 5px; content: "\E631"; font-size: 28px; } .mct_right .mctr_more p[data-v-2942bc5c] { width: 170px; margin: 0 auto; height: 50px; line-height: 50px; position: relative; color: #888; font-size: 14px; } .mct_right .mctr_more p[data-v-2942bc5c]:last-child { width: 150px; border-top: solid 1px #e0dfdf; } .mct_right .mctr_more p i[data-v-2942bc5c] { position: absolute; z-index: 3; left: 50%; top: 100%; display: block; margin-left: -17.5px; margin-top: -12.5px; width: 35px; height: 25px; line-height: 25px; background: #fff; color: #333; } /*查询结果弹框 end*/ /*提货成功营销弹框 start*/ .tankuang[data-v-2942bc5c] { z-index: 103; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .7); } .hide-body[data-v-2942bc5c] { z-index: 104; position: relative; top: 50%; left: 50%; padding-top: 35px; width: 634px; height: 600px; margin: -317px 0 0 -300px; margin-left: -500px; } .hide-body span[data-v-2942bc5c] { display: inline-block; position: absolute; top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; text-align: center; border: solid 2px #fff; border-radius: 100%; color: #fff; font-size: 20px; } .lgb-cont p[data-v-2942bc5c] { text-align: center; margin-bottom: 15px; } .lgb-cont p[data-v-2942bc5c]:nth-child(1) { color: #fff; font-size: 22px; } .lgb-cont p[data-v-2942bc5c]:nth-child(2) { color: #fefffd; font-size: 20px; } .lgb-cont p:nth-child(2) small[data-v-2942bc5c] { color: #fdfd00; font-size: 16px; margin-left: 5px; } .lgb-cont p:nth-child(2) big[data-v-2942bc5c] { color: #fffb02; font-size: 40px; font-weight: bold; margin-right: 5px; font-family: Arial, Verdana, "\5B8B\4F53"; } .lgb-cont p[data-v-2942bc5c]:nth-child(3) { color: #fefffd; font-size: 18px; } .lgb-cont p:nth-child(3) a[data-v-2942bc5c] { color: #fdfd00; font-weight: bold; margin: 0 5px; } .lgb-cont p:nth-child(4) img[data-v-2942bc5c] { width: 100%; height: auto; max-width: 150px; } .lgb-cont .ewm[data-v-2942bc5c] { width: 160px; height: auto; margin: 0 auto; background: rgba(137, 19, 253, .5); } .lgb-cont .ewm img[data-v-2942bc5c] { width: 130px; height: 130px; padding: 10px; background: #fff; margin-top: 5px; } .lg-bottom[data-v-2942bc5c] { height: 60px; margin-top: 43px; overflow: hidden; } .lg-bottom a[data-v-2942bc5c] { float: left; display: block; width: 140px; height: 52px; background: url(https://presale.jhtsoft.com/picms/384a3389607624.png) no-repeat; text-align: center; line-height: 52px; font-size: 22px; color: #bf3bff; font-weight: bold; } .lg-bottom a[data-v-2942bc5c]:hover { opacity: 0.8; filter: Alpha(opacity=80); } .lg-bottom a[data-v-2942bc5c]:first-child { margin-left: 122px; } .lg-bottom a[data-v-2942bc5c]:last-child { margin-left: 20px; } /*营销弹框动画 begin*/ @-webkit-keyframes flipInY-data-v-2942bc5c { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); } } @keyframes flipInY-data-v-2942bc5c { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY[data-v-2942bc5c], .toprightka span[data-v-2942bc5c] { -webkit-animation: flipInY-data-v-2942bc5c 1s; animation: flipInY-data-v-2942bc5c 1s; } @-webkit-keyframes rollIn-data-v-2942bc5c { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; } } @keyframes rollIn-data-v-2942bc5c { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn[data-v-2942bc5c], .topleft[data-v-2942bc5c] { -webkit-animation: rollIn-data-v-2942bc5c 1s; animation: rollIn-data-v-2942bc5c 1s; } @-webkit-keyframes fadeInLeft-data-v-2942bc5c { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; } } @keyframes fadeInLeft-data-v-2942bc5c { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .zbd-part-ul li .zpu-tu[data-v-2942bc5c], .fadeInLeft[data-v-2942bc5c] { -webkit-animation: fadeInLeft-data-v-2942bc5c 1s; animation: fadeInLeft-data-v-2942bc5c 1s; } @-webkit-keyframes fadeInRight-data-v-2942bc5c { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; } } @keyframes fadeInRight-data-v-2942bc5c { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .zbd-part-ul li div[data-v-2942bc5c], .fadeInRight[data-v-2942bc5c] { -webkit-animation: fadeInRight-data-v-2942bc5c 1s; animation: fadeInRight-data-v-2942bc5c 1s; } @-webkit-keyframes zoomOutRight-data-v-2942bc5c { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(1000px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; } } @keyframes zoomOutRight-data-v-2942bc5c { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(1000px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(1000px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight[data-v-2942bc5c] { -webkit-animation: zoomOutRight-data-v-2942bc5c 1s; animation: zoomOutRight-data-v-2942bc5c 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } /*提货成功营销弹框 end*/ /*流程图轮播弹框 start*/ .mods-help .mods-cont[data-v-2942bc5c] { width: 700px; height: 420px; margin-left: -350px; margin-top: -210px; } .mods-help .mods-cont .swiper-container[data-v-2942bc5c] { overflow: initial; } .mods-help .mc-cont[data-v-2942bc5c] { padding: 0; } .mods-help .mc-cont .btnhover[data-v-2942bc5c] { padding: 10px 18px; background-color: #e62226; color: #fff; font-size: 14px; border-radius: 6px; -webkit-border-radius: 6px; } .modhelp[data-v-2942bc5c] { position: relative; height: 380px; } .modhelp .helper[data-v-2942bc5c] { position: absolute; width: 150px; height: 220px; left: 30px; top: 34px; } .modhelp p[data-v-2942bc5c], .modhelp h3[data-v-2942bc5c] { left: 195px; position: absolute; z-index: 1; } .modhelp h3[data-v-2942bc5c] { font-size: 24px; color: #333; top: 72px; } .modhelp p[data-v-2942bc5c]:nth-of-type(1) { color: #666; font-size: 18px; top: 112px; } .modhelp p[data-v-2942bc5c]:nth-of-type(2) { top: 172px; } .modhelp .modhelp-shine[data-v-2942bc5c] { width: 260px; height: 260px; position: absolute; right: 18px; top: 112px; } .modhelp .modhelp-box[data-v-2942bc5c] { width: 215px; height: 215px; position: absolute; right: 40px; top: 135px; z-index: 1; border-radius: 100%; -webkit-border-radius: 100%; } .modhelp .modhelp-box img[data-v-2942bc5c] { width: 215px; height: 215px; border-radius: 100%; -webkit-border-radius: 100%; } .modhelp .modhelp-box-shadow[data-v-2942bc5c] { width: 215px; height: 215px; position: absolute; left: 0; top: 0; z-index: 2; border-radius: 100%; -webkit-border-radius: 100%; background: rgba(0, 0, 0, .3); } .modhelp .wy[data-v-2942bc5c] { position: absolute; z-index: 3; bottom: 0; left: 50%; margin-left: -55px; width: 110px; height: 110px; background: #fff; border-radius: 100%; -webkit-border-radius: 100%; overflow: hidden; } .modhelp .wy b[data-v-2942bc5c], .modhelp .wy i[data-v-2942bc5c] { display: block; height: 40px; margin: 35px 0; } .modhelp .wy b[data-v-2942bc5c] { background: #e62226; } .modhelp .wy.wyshake[data-v-2942bc5c] { background: #f2f2f2; } .modhelp .wy i[data-v-2942bc5c] { background: #fff; } .modhelp-box .tit[data-v-2942bc5c] { position: absolute; z-index: 3; font-size: 18px; color: #fff; top: 150px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .modhelp-box .yytit[data-v-2942bc5c] { font-size: 16px; color: #333; } .modhelp-box .yytit[data-v-2942bc5c]:before { margin: 10px 5px; width: 20px; height: 20px; content: "\E636"; color: #f18110; font-size: 18px; } .modhelp .helpline[data-v-2942bc5c] { position: absolute; left: 283px; top: 245px; } .mods-help .swiper-pagination[data-v-2942bc5c] { width: 100%; bottom: 20px; text-align: center; } .mods-help .swiper-pagination-bullet[data-v-2942bc5c] { width: 8px; height: 8px; display: inline-block; width: 10px; height: 10px; margin: 0 5px; background-color: #666; } .mods-help .swiper-pagination-bullet-active[data-v-2942bc5c] { background-color: #333; } .wy[data-v-2942bc5c] { -webkit-animation: wyshake-data-v-2942bc5c infinite 2s 1.3s; animation: wyshake-data-v-2942bc5c infinite 2s 1.3s; } @-webkit-keyframes wyshake-data-v-2942bc5c { 0% { -webkit-transform: none; } 20% { -webkit-transform: translateX(-5px); } 40% { -webkit-transform: translateX(5px); } 60% { -webkit-transform: translateX(0px); } 0% { -webkit-transform: none; } } @keyframes wyshake-data-v-2942bc5c { 0% { -webkit-transform: none; transform: none; } 20% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 40% { -webkit-transform: translateX(5px); transform: translateX(5px); } 60% { -webkit-transform: translateX(0px); transform: translateX(0px); } 0% { -webkit-transform: none; transform: none; } } /*换流程图轮播弹框 end*/ /*提货模块cardProject所有弹窗样式 end*/ .el-select-dropdown__item.selected[data-v-2942bc5c] { color: #e62226; } /*游戏弹框 start*/ .hide-body[data-v-2942bc5c] { width: 804px; height: 498px; margin-left: -500px; margin-top: -289px; } .game .hide-body[data-v-2942bc5c] { margin-left: -402px; } .login-body[data-v-2942bc5c] { width: 804px; height: 498px; position: relative; } .game .lgb-cont[data-v-2942bc5c] { padding: 0; } .mobmodel[data-v-2942bc5c] { width: 246px; height: 454px; border: 2px solid #999; background-color: #eee; border-radius: 20px; position: absolute; z-index: 2; left: 44px; top: 36px; -webkit-animation: toleft-data-v-2942bc5c 1s 1s backwards; animation: toleft-data-v-2942bc5c 1s 1s backwards; } .mobtop[data-v-2942bc5c], .tankuang .zi[data-v-2942bc5c], .tankuang .line1[data-v-2942bc5c], .tankuang .line2[data-v-2942bc5c], .tankuang .qiu[data-v-2942bc5c] { background-image: url(https://presale.jhtsoft.com/picms/4ecf747b652bf.png); background-repeat: no-repeat; } .mobtop[data-v-2942bc5c] { width: 235px; height: 20px; position: absolute; z-index: 1; top: 10px; left: 5.5px; background-position: -43px -305px; } .mobtop[data-v-2942bc5c]:before { display: block; content: ""; position: absolute; width: 30px; height: 4px; background-color: #ccc; top: 3px; left: 50%; margin-left: -15px; border-radius: 2px; } .mobmodel img[data-v-2942bc5c] { display: block; width: 235px; height: 435px; margin: 10px auto; border-radius: 20px; } .tankuang .zi[data-v-2942bc5c] { width: 285px; height: 66px; background-position: 0 0; position: absolute; z-index: 4; top: 47px; left: 340px; -webkit-animation: bounceIn .8s 1s backwards; animation: bounceIn .8s 1s backwards; } .round[data-v-2942bc5c] { position: absolute; z-index: 3; top: 40px; left: 257px; width: 455px; height: 455px; background-image: url(https://presale.jhtsoft.com/picms/4ecf496640f45.jpg); background-size: 100% 100%; border-radius: 100%; color: #fff; border: 6px solid #9c77e6; -webkit-animation: bounceIn .8s .3s backwards; animation: bounceIn .8s .3s backwards; } .round .jpcon[data-v-2942bc5c] { width: 335px; max-height: 196px; overflow-y: auto; margin-top: 92px; margin-left: 70px; } .round .jpcon p[data-v-2942bc5c] { font-size: 16px; line-height: 28px; text-align: left; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .round .jpcon p strong[data-v-2942bc5c] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .round .jpcon p strong.font13[data-v-2942bc5c] { font-size: 13px; } .round .gamecode[data-v-2942bc5c] { width: 130px; height: 130px; background-color: #fff; margin: 10px auto 0; } .round .gamecode img[data-v-2942bc5c] { width: 110px; height: 110px; display: block; margin: 0 auto; padding-top: 10px; } .succescon[data-v-2942bc5c] { padding-top: 80px; } .tankuang .kuai1[data-v-2942bc5c], .tankuang .kuai2[data-v-2942bc5c], .tankuang .sj1[data-v-2942bc5c], .tankuang .sj2[data-v-2942bc5c], .tankuang .line1[data-v-2942bc5c], .tankuang .line2[data-v-2942bc5c], .tankuang .qiu[data-v-2942bc5c] { display: block; position: absolute; } .tankuang .kuai1[data-v-2942bc5c], .tankuang .kuai2[data-v-2942bc5c] { width: 210px; height: 260px; background-image: url(https://presale.jhtsoft.com/picms/4ecf1b6f14f97.png); background-size: 100% 100%; z-index: 1; } .tankuang .kuai1[data-v-2942bc5c] { top: -27px; left: 127px; -webkit-transform: rotateZ(458deg); transform: rotateZ(458deg); } .tankuang .kuai2[data-v-2942bc5c] { top: 155px; left: 590px; -webkit-animation: pulse-data-v-2942bc5c 1.5s infinite; animation: pulse-data-v-2942bc5c 1.5s infinite; } .sj1ani[data-v-2942bc5c] { -webkit-animation: pulse-data-v-2942bc5c 2.5s infinite; animation: pulse-data-v-2942bc5c 2.5s infinite; } .kuai1ani[data-v-2942bc5c] { -webkit-animation: pulse-data-v-2942bc5c 2s infinite; animation: pulse-data-v-2942bc5c 2s infinite; } .tankuang .sj1[data-v-2942bc5c], .tankuang .sj2[data-v-2942bc5c] { width: 106px; height: 77px; background-image: url(https://presale.jhtsoft.com/picms/4ed0222884c98.png); background-size: 100% 100%; } .sj1ani[data-v-2942bc5c] { position: absolute; width: 106px; height: 77px; z-index: 3; left: -30px; top: 90px; } .tankuang .sj1[data-v-2942bc5c] { -webkit-transform: rotateZ(-136deg); transform: rotateZ(-136deg); } .tankuang .sj2[data-v-2942bc5c] { z-index: 2; top: 400px; right: 60px; -webkit-animation: pulse-data-v-2942bc5c 2.5s infinite; animation: pulse-data-v-2942bc5c 2.5s infinite; } .tankuang .line1[data-v-2942bc5c], .tankuang .line2[data-v-2942bc5c] { z-index: 3; } .tankuang .line1[data-v-2942bc5c] { width: 285px; height: 126px; background-position: 0 -167px; top: 0; left: 263px; z-index: 1; } .tankuang .line2[data-v-2942bc5c] { width: 36px; height: 197px; background-position: 0 -303px; top: 192px; right: 53px; } .tankuang .qiu[data-v-2942bc5c] { z-index: 2; width: 87px; height: 87px; background-position: -112px -73px; left: 269px; bottom: -10px; -webkit-animation: pulse-data-v-2942bc5c 2s infinite; animation: pulse-data-v-2942bc5c 2s infinite; } @-webkit-keyframes pulse-data-v-2942bc5c { from { -webkit-transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(0, -10px, 0); } to { -webkit-transform: translate3d(0, 0, 0); } } @keyframes pulse-data-v-2942bc5c { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes toleft-data-v-2942bc5c { 0% { opacity: 0; left: 700px; } 100% { opacity: 1; left: 44px; } } @keyframes toleft-data-v-2942bc5c { 0% { opacity: 0; left: 700px; } 100% { opacity: 1; left: 44px; } } /*游戏弹框 end*/ /*游戏弹框新 start*/ .gameyx .hide-body[data-v-2942bc5c] { width: 660px; height: 660px; margin-left: -330px; margin-top: -330px; padding-top: 0; } .gameyx .login-body[data-v-2942bc5c] {width: 660px; height: 660px; } .gameyx .hide-body span[data-v-2942bc5c] { top: -40px; right: -50px; -webkit-animation: expand-data-v-2942bc5c 0.5s 4s backwards;animation: expand-data-v-2942bc5c 0.5s 4s backwards; } .gameyx .sma[data-v-2942bc5c] { position: absolute; z-index: 3; top: 0; left: 10px; width: 640px; height: 200px; background: url("https://presale.jhtsoft.com/picms/2db5fe402dea60.png") no-repeat center top;-webkit-animation: bounceIn .8s backwards;animation: bounceIn .8s backwards; } .gameyx .sma[data-v-2942bc5c]:after { position: absolute; content: ""; width: 115px; height: 70px; background: url("https://presale.jhtsoft.com/picms/2db5fac87c8332.png") no-repeat 0 0;top: 4px;left: 130px;z-index: 5; -webkit-animation: hbs-data-v-2942bc5c steps(2) 1s 1.5s infinite; animation: hbs-data-v-2942bc5c steps(2) 1s 1.5s infinite; } .gameyx .ma[data-v-2942bc5c] { position: absolute; top: 40px; left: 130px; z-index: 4; width: 110px; height: 125px; -webkit-transform:rotate(-5deg);transform:rotate(-5deg); background-color: #fff; } .gameyx .ma img[data-v-2942bc5c] {display: block; width: 90px; height: 90px; margin: 10px 10px 2px; } .gameyx .ma p[data-v-2942bc5c] {color: #c23ffa; font-size: 16px; font-weight: bold; margin-bottom: 0; } .gameyx .lucky[data-v-2942bc5c] { position: absolute; z-index: 1; left: 50%;margin-left: -260px; top: 125px; width: 520px; height: 107px; -webkit-animation: bounceInUp-data-v-2942bc5c 1s 2s backwards;animation: bounceInUp-data-v-2942bc5c 1s 2s backwards; background:url("https://presale.jhtsoft.com/picms/37c2476e466308.png") no-repeat center top; } .gameyx .jxgun[data-v-2942bc5c] {position: absolute; z-index: 4;left: 50%;margin-left: -260px;top: 125px;width: 520px; margin-top: 38px;height: 40px;-webkit-animation: bounceInUp-data-v-2942bc5c 1s 2s backwards;animation: bounceInUp-data-v-2942bc5c 1s 2s backwards; } .gameyx .itgw-wrap[data-v-2942bc5c] {height: 40px;white-space: nowrap;overflow: hidden;-webkit-transform: rotate(-5deg);transform: rotate(-5deg); } .gameyx .itgw-wrap ul[data-v-2942bc5c] {padding-left: 20px;padding-right: 40px; } .gameyx .itgw-wrap li[data-v-2942bc5c] {line-height: 40px;font-size:24px; color: #fff;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis; } .gameyx .itgw-wrap li[data-v-2942bc5c]:hover { cursor: pointer; } .jx[data-v-2942bc5c] {position: absolute; left: 0; top: 222px; width: 100%; z-index: 2;-webkit-perspective: 1200px;-o-perspective: 1200px;perspective: 1200px;-webkit-animation: expand-data-v-2942bc5c 1s 1s backwards;animation: expand-data-v-2942bc5c 1s 1s backwards; } .jx ul[data-v-2942bc5c] { width: 100%; font-size: 0; text-align: center; height: 322px;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;transition-property: transform;transition-property: transform, -webkit-transform;-webkit-box-sizing: content-box;box-sizing: content-box;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; } .jx li[data-v-2942bc5c] {display: inline-block; width:272px; height: 322px; background: url("https://presale.jhtsoft.com/picms/2db5e1b008dcf6.png") no-repeat center;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;webkit-flex-shrink: 0;-ms-flex: 0 0 auto;-ms-flex-negative: 0;flex-shrink: 0; position: relative; } .jx li[data-v-2942bc5c]:after { display: block;content: "";position: absolute;width: 180px;height: 2px;background: rgba(0,0,0,.2);border-radius: 100%;-webkit-box-shadow: 0 0 4px 4px rgba(0,0,0, 0.2);box-shadow: 0 0 4px 4px rgba(0,0,0, 0.2);left: 50%;margin-left: -90px;bottom: -20px; } .jx li div[data-v-2942bc5c] {width: 260px; height: 310px; margin: 6px;border-radius: 12px; background-color: #fff; } .jx li div b[data-v-2942bc5c] {display: block; position: relative;padding: 10px 10px 0px; width: 240px; height: 240px;position: relative; overflow: hidden; } .jx li div b img[data-v-2942bc5c] { display: block; position: absolute; margin: auto; left: 0; top: 0; right: 0; bottom: 0; width:auto; height: auto; max-width:240px ; max-height: 240px; overflow: hidden; } .jx li div p[data-v-2942bc5c] { height: 60px; line-height: 60px; text-align: center; font-size: 16px !important; color:#333 !important; margin-bottom: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0 10px; } .jx li.pre[data-v-2942bc5c]{-webkit-transform: translate3d(0px, 0px, -300px) rotateX(0deg) rotateY(-30deg);transform: translate3d(0px, 0px, -300px) rotateX(0deg) rotateY(-30deg); margin-right: 5px; } .jx li.active[data-v-2942bc5c] {-webkit-transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg);transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg); margin: 0 20px; } .jx li.next[data-v-2942bc5c] {-webkit-transform: translate3d(0px, 0px, -300px) rotateX(0deg) rotateY(30deg);transform: translate3d(0px, 0px, -300px) rotateX(0deg) rotateY(30deg); margin-left: 5px; } .gameyx .stage[data-v-2942bc5c] { width: 650px; height: 226px; position: absolute; z-index: 1; left: 50%; margin-left: -325px; bottom: -25px; -webkit-animation: expand-data-v-2942bc5c 1s .5s backwards;animation: expand-data-v-2942bc5c 1s .5s backwards; } .gameyx .stage img[data-v-2942bc5c] {display: block; width: 650px; height: 226px; } .gameyx .ani[data-v-2942bc5c] { display: block; position: absolute; z-index: 4; opacity: 0; } .gameyx em[data-v-2942bc5c] { display: block; } .gameyx .ani1[data-v-2942bc5c] {-webkit-animation: opty-data-v-2942bc5c 2.5s 3s forwards;animation: opty-data-v-2942bc5c 2.5s 3s forwards; width: 58px; height: 55px; left: 10px; top: 180px; } .gameyx .ani1 em[data-v-2942bc5c]{width: 58px; height: 55px;background: url("https://presale.jhtsoft.com/picms/2db5e76b5f3c30.png") no-repeat;-webkit-transform: rotateZ(30deg);transform: rotateZ(30deg); } .gameyx .ani2[data-v-2942bc5c] { width: 53px; height: 55px; background: url("https://presale.jhtsoft.com/picms/2db5ed5522912e.png") no-repeat; right: 100px; bottom: 87px;-webkit-animation: pulse2-data-v-2942bc5c 2.5s 3.5s infinite;animation: pulse2-data-v-2942bc5c 2.5s 3.5s infinite; } .gameyx .ani3[data-v-2942bc5c],.gameyx .ani4[data-v-2942bc5c],.gameyx .ani5[data-v-2942bc5c],.gameyx .ani6[data-v-2942bc5c] { background: url("https://presale.jhtsoft.com/picms/2db6017f36ee7c.png") no-repeat; } .gameyx .ani3[data-v-2942bc5c] {width: 15px; height: 15px; top: 144px; right: 60px; background-position: -61px -4px; -webkit-animation: opty-data-v-2942bc5c 2.5s 3.8s forwards;animation: opty-data-v-2942bc5c 2.5s 3.8s forwards; } .gameyx .ani4[data-v-2942bc5c],.gameyx .ani5[data-v-2942bc5c] {width: 24px; height: 24px; background-position: -104px -2px; } .gameyx .ani4[data-v-2942bc5c] {top: 160px; right: 35px; -webkit-animation: opty-data-v-2942bc5c 2.5s 3s forwards;animation: opty-data-v-2942bc5c 2.5s 3s forwards; } .gameyx .ani5[data-v-2942bc5c] {left: 150px; bottom: 100px;-webkit-animation: pulse2-data-v-2942bc5c 2.5s 3.5s infinite;animation: pulse2-data-v-2942bc5c 2.5s 3.5s infinite; } .gameyx .ani6[data-v-2942bc5c] { width: 26px; height: 26px; top: 210px; right: 75px; background-position:-5px -2px; -webkit-animation: opty-data-v-2942bc5c 2.5s 3.8s forwards;animation: opty-data-v-2942bc5c 2.5s 3.8s forwards; } @-webkit-keyframes hbs-data-v-2942bc5c{ 0%{ background-position: 0 0; } 100%{ background-position: -268px 0; } } @keyframes hbs-data-v-2942bc5c{ 0%{ background-position: 0 0; } 100%{ background-position: -268px 0; } } @-webkit-keyframes expand-data-v-2942bc5c { 0% {opacity:0;-webkit-transform:scale(0);transform:scale(0); } 100% {opacity:1;-webkit-transform:scale(1);transform:scale(1); } } @keyframes expand-data-v-2942bc5c { 0% {opacity:0;-webkit-transform:scale(0);transform:scale(0); } 100% {opacity:1;-webkit-transform:scale(1);transform:scale(1); } } @-webkit-keyframes opty-data-v-2942bc5c{ 0%{ opacity: 0; } 100%{ opacity: 1; } } @keyframes opty-data-v-2942bc5c{ 0%{ opacity: 0; } 100%{ opacity: 1; } } @-webkit-keyframes pulse2-data-v-2942bc5c { 0% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); } 50% {opacity: 1; -webkit-transform: translate3d(0, -10px, 0); } 100% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); } } @keyframes pulse2-data-v-2942bc5c { 0% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% {opacity: 1; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 100% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes bounceInUp-data-v-2942bc5c{ 0%, 100%, 60%, 75%, 90% {-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);transition-timing-function: cubic-bezier(0.215,.61,.355,1); } 0% {opacity: 0;-webkit-transform: translate3d(0,3000px,0);transform: translate3d(0,3000px,0); } 60% {opacity: 1;-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0); } 75% {-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,10px,0); } 90% {-webkit-transform: translate3d(0,-5px,0);transform: translate3d(0,-5px,0); } 100% {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes bounceInUp-data-v-2942bc5c{ 0%, 100%, 60%, 75%, 90% {-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);transition-timing-function: cubic-bezier(0.215,.61,.355,1); } 0% {opacity: 0;-webkit-transform: translate3d(0,3000px,0);transform: translate3d(0,3000px,0); } 60% {opacity: 1;-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0); } 75% {-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,10px,0); } 90% {-webkit-transform: translate3d(0,-5px,0);transform: translate3d(0,-5px,0); } 100% {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } /*游戏弹框新 end*/ .zbd-part-ul li div h5[data-v-2942bc5c]{margin-bottom: 16px;padding-top: 5px; color: #999 } .redColor[data-v-2942bc5c]{color: #e62226!important } .minheight[data-v-2942bc5c] { min-height: 700px; } .blacks[data-v-2942bc5c] { display: none; } .blacksy[data-v-2942bc5c] { display: block !important; } .uif-tip > span[data-v-2942bc5c] { position: relative; } .uif-tip .delivery-morecard[data-v-2942bc5c] { display: none; position: absolute; z-index: 2; padding: 10px 15px; font-size: 12px; line-height: 25px; text-align: left; white-space: nowrap; background: #fff; border: solid 1px #f0f0f0; -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1); color: #999; } .uif-tip .delivery-morecard i[data-v-2942bc5c] { position: absolute; display: inline-block; width: 0; height: 0; } .uif-tip .delivery-morecard > i[data-v-2942bc5c]:first-child { z-index: 3; border-bottom: solid 10px #f0f0f0; border-left: solid 10px transparent; border-right: solid 10px transparent; top: -10px; left: calc(35% - 10px); } .uif-tip .delivery-morecard > i[data-v-2942bc5c]:nth-child(2) { z-index: 4; border-bottom: solid 9px #fff; border-left: solid 9px transparent; border-right: solid 9px transparent; top: -8px; left: calc(35% - 9px); } .psus-tip[data-v-2942bc5c], .uinfo .uif-tip[data-v-2942bc5c] { height: 30px; margin: 20px auto; line-height: 30px; width: 1158px; padding: 5px 20px; border: solid 1px #f3e7d3; background: #fffdf3; font-size: 14px; } .uinfo .uif-tip > span[data-v-2942bc5c]:before { display: inline-block; content: "\E626"; font-size: 18px; color: #ffa641; margin-right: 5px; position: relative; } .uinfo .uif-tip > span i[data-v-2942bc5c] { color: #e62226; font-weight: bold; margin: 0 5px; } .uif-tip > span[data-v-2942bc5c] { height: 40px; display: inline-block; margin-bottom: -10px; } .uif-tip .card-restnum[data-v-2942bc5c] { cursor: pointer; } .uif-tip > span:hover .delivery-morecard[data-v-2942bc5c] { display: inline-block; } .delivery-morecard[data-v-2942bc5c] { top: 35px; left: -20px; } .delivery-morecard em[data-v-2942bc5c] { display: block; margin: 15px auto 0 !important; border-top: solid 1px #eee; color: #f53033 !important; text-align: center; padding-top: 10px; } .delivery-morecard ul[data-v-2942bc5c] { max-height: 250px; overflow-x: hidden; overflow-y: auto; } .delivery-morecard ul li[data-v-2942bc5c] { color: #333; } .delivery-morecard ul li small[data-v-2942bc5c] { color: #999; margin-left: 20px; } .delivery-morecard small b[data-v-2942bc5c] { color: #f18110; font-weight: 600; padding: 0 5px; } /*扫码追踪订单 start*/ .relatives[data-v-2942bc5c] { position: relative; } .uif-tip[data-v-2942bc5c] { position: relative; } .order-track[data-v-2942bc5c] { position: absolute; right: 25px; top: 240px; z-index: 10; opacity: 0; -webkit-animation: fadeIn-data-v-2942bc5c 1s forwards; animation: fadeIn-data-v-2942bc5c 1s forwards; } @-webkit-keyframes fadeIn-data-v-2942bc5c { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn-data-v-2942bc5c { 0% { opacity: 0; } 100% { opacity: 1; } } .order-track .bj-track[data-v-2942bc5c] { display: inline-block; position: relative; z-index: 11; width: 114px; height: 114px; background: url("https://presale.jhtsoft.com/picms/2af25400fc5fc2.gif") no-repeat top center; font-size: 20px; color: #fff; line-height: 114px; text-align: center; font-weight: 600; cursor: pointer; border-radius: 100%; } .bj-track i[data-v-2942bc5c], .bj-track span[data-v-2942bc5c], .bj-track b[data-v-2942bc5c] { display: inline-block; position: absolute; z-index: 11; background: url("https://presale.jhtsoft.com/picms/2af2578f47ab8a.png") no-repeat 0 0; } .bj-track i[data-v-2942bc5c] { left: -10px; top: 10px; width: 20px; height: 20px; -webkit-animation: trkblue-data-v-2942bc5c 2.5s infinite linear; animation: trkblue-data-v-2942bc5c 2.5s infinite linear; } .bj-track span[data-v-2942bc5c] { left: 5px; bottom: 5px; width: 40px; height: 20px; background-position: -38px 0; -webkit-animation: trkpurple-data-v-2942bc5c 2.5s infinite linear; animation: trkpurple-data-v-2942bc5c 2.5s infinite linear; } .bj-track b[data-v-2942bc5c] { right: -15px; top: 15px; width: 20px; height: 20px; background-position: -98px 0; -webkit-animation: trkyellow-data-v-2942bc5c 2.5s infinite linear; animation: trkyellow-data-v-2942bc5c 2.5s infinite linear; } .bj-track:hover i[data-v-2942bc5c], .bj-track:hover span[data-v-2942bc5c], .bj-track:hover b[data-v-2942bc5c] { -webkit-animation: none; animation: none; } @-webkit-keyframes trkblue-data-v-2942bc5c { 0%, 100% { left: -10px; top: 10px; -webkit-transform: none; } 25% { left: -20px; top: 35px; -webkit-transform: rotateZ(-15deg); } 75% { left: 5px; top: -10px; -webkit-transform: rotateZ(30deg); } } @keyframes trkblue-data-v-2942bc5c { 0%, 100% { left: -10px; top: 10px; -webkit-transform: none; transform: none; } 25% { left: -20px; top: 35px; -webkit-transform: rotateZ(-15deg); transform: rotateZ(-15deg); } 75% { left: 5px; top: -10px; -webkit-transform: rotateZ(30deg); transform: rotateZ(30deg); } } @-webkit-keyframes trkpurple-data-v-2942bc5c { 0%, 100% { left: 5px; bottom: 5px; } 25% { left: 10px; bottom: 0; } 75% { left: 0; bottom: 10px; } } @keyframes trkpurple-data-v-2942bc5c { 0%, 100% { left: 5px; bottom: 5px; } 25% { left: 10px; bottom: 0; } 75% { left: 0; bottom: 10px; } } @-webkit-keyframes trkyellow-data-v-2942bc5c { 0%, 100% { right: -15px; top: 15px; -webkit-transform: none; } 25% { right: 5px; top: 0; } 75% { right: -20px; top: 40px; -webkit-transform: rotateZ(30deg); } } @keyframes trkyellow-data-v-2942bc5c { 0%, 100% { right: -15px; top: 15px; -webkit-transform: none; transform: none; } 25% { right: 5px; top: 0; } 75% { right: -20px; top: 40px; -webkit-transform: rotateZ(30deg); transform: rotateZ(30deg); } } .order-track .odcode[data-v-2942bc5c] { opacity: 0; position: absolute; top: -35px; right: 0; padding: 15px 15px 0; background: #fff; border: solid 1px #f0f0f0; -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1); color: #666; text-align: center; } .order-track .bj-track:hover + .odcode[data-v-2942bc5c] { -webkit-animation: odcode-data-v-2942bc5c 0.6s forwards; animation: odcode-data-v-2942bc5c 0.6s forwards; } @-webkit-keyframes odcode-data-v-2942bc5c { 0% { right: 0; opacity: 0; } 100% { right: 135px; opacity: 1; } } @keyframes odcode-data-v-2942bc5c { 0% { right: 0; opacity: 0; } 100% { right: 135px; opacity: 1; } } .order-track .odcode i[data-v-2942bc5c] { display: inline-block; position: absolute; right: -8px; top: calc(50% - 8px); z-index: 11; width: 0; height: 0; border-style: solid; border-width: 8px; border-color: #fff #fff transparent transparent; -webkit-box-shadow: 1px -1px 6px rgba(0, 0, 0, 0.1); box-shadow: 1px -1px 6px rgba(0, 0, 0, 0.1); -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); } .order-track .odcode div[data-v-2942bc5c], .order-track .odcode div img[data-v-2942bc5c] { width: 140px; height: 140px; } .order-track .odcode p[data-v-2942bc5c] { font-size: 14px; line-height: 30px; } /*扫码追踪订单 end*/ @charset "utf-8"; html[data-v-7ffa40e8] { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 100%; } body[data-v-7ffa40e8] { color: #333; overflow-x: hidden; } html[data-v-7ffa40e8], body[data-v-7ffa40e8], div[data-v-7ffa40e8], h1[data-v-7ffa40e8], h2[data-v-7ffa40e8], h3[data-v-7ffa40e8], h4[data-v-7ffa40e8], h5[data-v-7ffa40e8], h6[data-v-7ffa40e8], p[data-v-7ffa40e8], dl[data-v-7ffa40e8], dt[data-v-7ffa40e8], dd[data-v-7ffa40e8], ol[data-v-7ffa40e8], ul[data-v-7ffa40e8], li[data-v-7ffa40e8], fieldset[data-v-7ffa40e8], form[data-v-7ffa40e8], label[data-v-7ffa40e8], input[data-v-7ffa40e8], legend[data-v-7ffa40e8], table[data-v-7ffa40e8], caption[data-v-7ffa40e8], tbody[data-v-7ffa40e8], tfoot[data-v-7ffa40e8], thead[data-v-7ffa40e8], tr[data-v-7ffa40e8], th[data-v-7ffa40e8], td[data-v-7ffa40e8], textarea[data-v-7ffa40e8], article[data-v-7ffa40e8], aside[data-v-7ffa40e8], audio[data-v-7ffa40e8], canvas[data-v-7ffa40e8], figure[data-v-7ffa40e8], footer[data-v-7ffa40e8], header[data-v-7ffa40e8], mark[data-v-7ffa40e8], menu[data-v-7ffa40e8], nav[data-v-7ffa40e8], section[data-v-7ffa40e8], time[data-v-7ffa40e8], video[data-v-7ffa40e8] { margin: 0; padding: 0; word-wrap: break-word; word-break: break-all; } article[data-v-7ffa40e8], aside[data-v-7ffa40e8], details[data-v-7ffa40e8], figcaption[data-v-7ffa40e8], figure[data-v-7ffa40e8], footer[data-v-7ffa40e8], header[data-v-7ffa40e8], hgroup[data-v-7ffa40e8], menu[data-v-7ffa40e8], nav[data-v-7ffa40e8], section[data-v-7ffa40e8], iframe[data-v-7ffa40e8] { display: block; } body[data-v-7ffa40e8], button[data-v-7ffa40e8], input[data-v-7ffa40e8], optgroup[data-v-7ffa40e8], select[data-v-7ffa40e8], textarea[data-v-7ffa40e8] { font: 12px/1.15 "Microsoft YaHei", "Arial", "Verdana", "\5B8B\4F53"; } input[data-v-7ffa40e8], button[data-v-7ffa40e8], fieldset[data-v-7ffa40e8], img[data-v-7ffa40e8] { border: none; outline: none; -moz-outline: none; } input[data-v-7ffa40e8], button[data-v-7ffa40e8], select[data-v-7ffa40e8], textarea[data-v-7ffa40e8] { font-size: 100%; outline: none; } textarea[data-v-7ffa40e8] { resize: none; } h1[data-v-7ffa40e8], h2[data-v-7ffa40e8], h3[data-v-7ffa40e8], h4[data-v-7ffa40e8], h5[data-v-7ffa40e8], h6[data-v-7ffa40e8] { font-weight: normal; } .fz12[data-v-7ffa40e8] { font-size: 12px; } .fz14[data-v-7ffa40e8],p[data-v-7ffa40e8], small[data-v-7ffa40e8], h5[data-v-7ffa40e8] { font-size: 14px; } .fz16[data-v-7ffa40e8], h4[data-v-7ffa40e8], big[data-v-7ffa40e8] { font-size: 16px; } .fz18[data-v-7ffa40e8], h3[data-v-7ffa40e8] { font-size: 18px; } .fz20[data-v-7ffa40e8], h2[data-v-7ffa40e8] { font-size: 20px; } .fz28[data-v-7ffa40e8], h1[data-v-7ffa40e8] { font-size: 28px; } em[data-v-7ffa40e8], i[data-v-7ffa40e8], b[data-v-7ffa40e8], strong[data-v-7ffa40e8], address[data-v-7ffa40e8], caption[data-v-7ffa40e8], th[data-v-7ffa40e8] { font-style: normal; font-weight: normal; } audio[data-v-7ffa40e8], canvas[data-v-7ffa40e8], video[data-v-7ffa40e8] { display: inline-block; } li[data-v-7ffa40e8], ol[data-v-7ffa40e8], ul[data-v-7ffa40e8] { list-style: none; list-style-type: none; } th[data-v-7ffa40e8] { text-align: inherit; } a[data-v-7ffa40e8] { color: #333; outline: 0; text-decoration: none; } a img[data-v-7ffa40e8] { display: inline-block; } a[data-v-7ffa40e8]:hover { color: #e62226; } a[data-v-7ffa40e8], input[data-v-7ffa40e8], button[data-v-7ffa40e8], textarea[data-v-7ffa40e8], select[data-v-7ffa40e8],.cursorHand[data-v-7ffa40e8] { cursor: pointer; } [type=button][data-v-7ffa40e8]:hover, [type=button][data-v-7ffa40e8]:active, .mmcu-bot p a[data-v-7ffa40e8]:hover { background: #e62226; color: #fff; } .clearfix[data-v-7ffa40e8]:after, .clearfix[data-v-7ffa40e8]:before, q[data-v-7ffa40e8]:after, q[data-v-7ffa40e8]:before { display: block; content: " "; clear: both; } [type=reset][data-v-7ffa40e8], [type=submit][data-v-7ffa40e8], button[data-v-7ffa40e8], [type=button][data-v-7ffa40e8] { -webkit-appearance: button; } [type=button][data-v-7ffa40e8]::-moz-focus-inner, [type=reset][data-v-7ffa40e8]::-moz-focus-inner, [type=submit][data-v-7ffa40e8]::-moz-focus-inner, button[data-v-7ffa40e8]::-moz-focus-inner { border-style: none; padding: 0; } [type=checkbox][data-v-7ffa40e8], [type=radio][data-v-7ffa40e8] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } [type=number][data-v-7ffa40e8]::-webkit-inner-spin-button, [type=number][data-v-7ffa40e8]::-webkit-outer-spin-button { height: auto; } input[type=number][data-v-7ffa40e8] { -moz-appearance: textfield; } input[type=number][data-v-7ffa40e8]::-webkit-inner-spin-button, input[type=number][data-v-7ffa40e8]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } [type=search][data-v-7ffa40e8] { -webkit-appearance: textfield; outline-offset: -2px; } [type=search][data-v-7ffa40e8]::-webkit-search-cancel-button, [type=search][data-v-7ffa40e8]::-webkit-search-decoration { -webkit-appearance: none; } [data-v-7ffa40e8]::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } [hidden][data-v-7ffa40e8] { display: none; } body[data-v-7ffa40e8], .total[data-v-7ffa40e8] { width: 100%; } .break-all[data-v-7ffa40e8] { word-break: break-all; } .main[data-v-7ffa40e8], .cart-empty[data-v-7ffa40e8], .add-sus .as-cont[data-v-7ffa40e8], .consignee[data-v-7ffa40e8], .order-datail[data-v-7ffa40e8], .order-addinfo[data-v-7ffa40e8], .order-paymoney[data-v-7ffa40e8], .cart-deleted[data-v-7ffa40e8], .payment[data-v-7ffa40e8], .paysuccess[data-v-7ffa40e8], .mm-cont[data-v-7ffa40e8] { width: 1200px; margin: 0 auto; } .clearfloat[data-v-7ffa40e8] { display: inline-table; display: block; zoom: 1 } .clearfloat[data-v-7ffa40e8]:after, .cul-cont[data-v-7ffa40e8]:after, .sdcplist ul li div span[data-v-7ffa40e8]:after, .mm-cont[data-v-7ffa40e8]:after, .mmcu-top dl[data-v-7ffa40e8]:after, .mmsec[data-v-7ffa40e8]:after, .mmsec-left>ul>li[data-v-7ffa40e8]:after, .mods-editadrs form.mc-cont[data-v-7ffa40e8]:after, .myol-tit[data-v-7ffa40e8]:after, .myol-tit>span[data-v-7ffa40e8]:after, .advanced-pnl p[data-v-7ffa40e8]:after, .my-orderlist .cartc-tit[data-v-7ffa40e8]:after, .my-orderlist>ul .odl-cont[data-v-7ffa40e8]:after, .my-orderlist>ul .odl-cont>ul li[data-v-7ffa40e8]:after, .mods-cancel form[data-v-7ffa40e8]:after, .order-detail[data-v-7ffa40e8]:after, .od-state .ods-right .odsr-stepul[data-v-7ffa40e8]:after, .od-state .ods-right .odsr-stepul li .odsr-step[data-v-7ffa40e8]:after, .od-logistics .odsr-lgsul>li[data-v-7ffa40e8]:after, .od-ecard>p[data-v-7ffa40e8]:after, .od-ecard>ul>li[data-v-7ffa40e8]:after, .od-receipt[data-v-7ffa40e8]:after, .od-receipt dl dd[data-v-7ffa40e8]:after, .od-receipt dl dd .pfm-pnl p[data-v-7ffa40e8]:after, .order-prodetail>p[data-v-7ffa40e8]:after, .order-prodetail>ul>li[data-v-7ffa40e8]:after, .order-prodetail>ul>li>div[data-v-7ffa40e8]:after, .myfocus .channel-goodlist ul[data-v-7ffa40e8]:after, .channel-goodlist.fscenter>ul li>span[data-v-7ffa40e8]:after, .channel-goodlist.fscard>ul li>span[data-v-7ffa40e8]:after, .focusbox-btns[data-v-7ffa40e8]:after, .channel-cardlist>ul li[data-v-7ffa40e8]:after, .channel-cardlist>ul li .cal-tu>span[data-v-7ffa40e8]:after, .account-balance .ab-top[data-v-7ffa40e8]:after, .ab-top .abt-right[data-v-7ffa40e8]:after, .ab-bot h2[data-v-7ffa40e8]:after, .ab-bot p.abb-tbtit[data-v-7ffa40e8]:after, .ab-bot>ul li[data-v-7ffa40e8]:after, .myfocus>h4[data-v-7ffa40e8]:after, .mycoupon>ul[data-v-7ffa40e8]:after, .mods-bindcoupon form p[data-v-7ffa40e8]:after, .od-receipt dl dd .pfm-pnl p[data-v-7ffa40e8]:after, .ad-baner[data-v-7ffa40e8]:after, .channel-cardlist>ul li>span .code-wrap>em[data-v-7ffa40e8]:after, .mods-examine .mods-cont[data-v-7ffa40e8]:after, .mods-editadrs .mc-cont[data-v-7ffa40e8]:after, .csc-right[data-v-7ffa40e8]:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .clear[data-v-7ffa40e8] { clear: both; } .fl[data-v-7ffa40e8] { float: left; } .fr[data-v-7ffa40e8] { float: right !important; } img[data-v-7ffa40e8] { border: none; } .icon-gb[data-v-7ffa40e8], .icon-oncheck[data-v-7ffa40e8], .icon-wh[data-v-7ffa40e8], .icon-check-on[data-v-7ffa40e8], .icon-check-off[data-v-7ffa40e8], .icon-oncheck[data-v-7ffa40e8], .icon-radio[data-v-7ffa40e8], .icon-radio-on[data-v-7ffa40e8], .icon-xz[data-v-7ffa40e8], .icon-wxz[data-v-7ffa40e8], .icon-xjt[data-v-7ffa40e8], .icon-xjt2[data-v-7ffa40e8], .form-invoice .fm-tit label[data-v-7ffa40e8], .cartc-tit>span>label[data-v-7ffa40e8], .cs-cont>span>label[data-v-7ffa40e8], .checkp label[data-v-7ffa40e8], .advanced-pnl p>span>label[data-v-7ffa40e8], .my-orderlist .cartc-tit div[data-v-7ffa40e8], .my-orderlist>ul>li:hover>p:first-child i[data-v-7ffa40e8], .my-orderlist>ul .odl-cont>ul li>div .odlc-mark>.icon-ewm[data-v-7ffa40e8] { cursor: pointer; } .btn[data-v-7ffa40e8] { border: solid 1px #d10011; background: #e62226 !important; color: #fff !important; font-size: 14px; text-align: center; } .btn[data-v-7ffa40e8]:hover { color: #fff; } .bg-white[data-v-7ffa40e8] { background: #fff; } .bg-white .footer[data-v-7ffa40e8] { background: none; } .yscroll[data-v-7ffa40e8] { overflow-x: hidden; overflow-y: scroll !important; } .color-orange[data-v-7ffa40e8] { color: #f18111 !important; } .color-red[data-v-7ffa40e8] { color: #e62226 !important; } .color-gray[data-v-7ffa40e8] { color: #999 !important; } .color-grey[data-v-7ffa40e8] { color: #777 !important; } .color-green[data-v-7ffa40e8] { color: #358d2c !important; } .pt100[data-v-7ffa40e8] { padding-top: 100px; } .pt100 .footer[data-v-7ffa40e8] { margin-top: 0; } .mb100[data-v-7ffa40e8] { margin-bottom: 130px; } .mt100[data-v-7ffa40e8] { margin-top: 100px !important; } .opa[data-v-7ffa40e8] { display: block; opacity: 1 !important; } .open[data-v-7ffa40e8] { max-height: inherit !important; -webkit-transition: all .3s; transition: all .3s; } .rotate[data-v-7ffa40e8], .ct-send em.sdown[data-v-7ffa40e8]:after, .form-invoice .fmi li .fmi-ct-send em.sdown[data-v-7ffa40e8]:after, .payment>dl dt.protate a i[data-v-7ffa40e8], .oda-payul>li:first-child.sdown .icon-xjt[data-v-7ffa40e8], .sendiv dl dt.sdopen i[data-v-7ffa40e8], .my-orderlist .cartc-tit div:hover span[data-v-7ffa40e8]:after, .myol-tit>span a.revolve[data-v-7ffa40e8]:after, .activitypnl>em.sdown[data-v-7ffa40e8]:after, .dispatching:hover i[data-v-7ffa40e8] { -webkit-transform: rotate(180deg); transform: rotate(180deg); } /*上下箭头*/ .arrowup[data-v-7ffa40e8] { border-right: solid 5px transparent; border-bottom: solid 5px #333; border-left: solid 5px transparent; } .arrowdown[data-v-7ffa40e8] { border-top: solid 5px #333; border-right: solid 5px transparent; border-left: solid 5px transparent; } /*自适应*/ .flexUI[data-v-7ffa40e8] {display:-o-flex;display:-ms-flex;display:-moz-flex;display:-webkit-box;display:-ms-flexbox;display:flex; } .flexBet[data-v-7ffa40e8]{display:-o-flex;display:-ms-flex;display:-moz-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-o-align-items:center;-ms-align-items:center;-moz-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-o-justify-content:space-between;-ms-justify-content:space-between;-moz-justify-content:space-between;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between } .flexAro[data-v-7ffa40e8]{display:-o-flex;display:-ms-flex;display:-moz-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-o-justify-content:space-around;-ms-justify-content:space-around;-moz-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around } .flexUpDownCenter[data-v-7ffa40e8]{display:-o-flex;display:-ms-flex;display:-moz-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-o-align-items:center;-ms-align-items:center;-moz-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center } input[data-v-7ffa40e8]::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */color: #909399!important; } input[data-v-7ffa40e8]:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */color: #909399!important; } input[data-v-7ffa40e8]::-moz-placeholder { /* Mozilla Firefox 19+ 适配火狐 */color: #909399!important; } input[data-v-7ffa40e8]:-ms-input-placeholder { /* Internet Explorer 10+ 适配ie*/color: #909399!important; } textarea[data-v-7ffa40e8]::-webkit-input-placeholder { /* WebKit browsers */ color: #909399!important; } textarea[data-v-7ffa40e8]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #909399!important; } textarea[data-v-7ffa40e8]::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #909399!important; } textarea[data-v-7ffa40e8]::-ms-input-placeholder { /* Internet Explorer 10+ */ color: #909399!important; } .el-input__icon.el-icon-circle-close[data-v-7ffa40e8] {font-size: 20px !important; } .el-message[data-v-7ffa40e8] {top:33%!important; } /*文本行内省略*/ .textfl[data-v-7ffa40e8], .cul-cont dl dd a[data-v-7ffa40e8], .cul-cont dl dd p[data-v-7ffa40e8], .as-cont div dl dd a[data-v-7ffa40e8], .as-cont div dl dd p[data-v-7ffa40e8], .odc-box a[data-v-7ffa40e8], .odc-box p[data-v-7ffa40e8], .cart-deleted .cd-list li .cdl-pname[data-v-7ffa40e8], .fmi-comonadrs ul li p[data-v-7ffa40e8], .head-right em[data-v-7ffa40e8], .payment>dl dd>p>span[data-v-7ffa40e8], .payment>dl dd>p>em>b[data-v-7ffa40e8], .payment>dl dd ul li a[data-v-7ffa40e8], .mmcu-top p:nth-child(3) a[data-v-7ffa40e8], .mmsec-left>ul>li>label[data-v-7ffa40e8], .order-prodetail>ul>li>div>div>a[data-v-7ffa40e8], .order-prodetail>ul>li>div>div>p[data-v-7ffa40e8], .myfocus .channel-goodlist ul li>div>a[data-v-7ffa40e8]:not(.btn-adtcart), .channel-cardlist.regulargoods>ul li .cal-cont>a[data-v-7ffa40e8], .cardbg-pnl .cgl-cont a[data-v-7ffa40e8]:nth-child(2), .actul li[data-v-7ffa40e8] { overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; } /*变形属性过渡效果*/ .trans-tf[data-v-7ffa40e8], .ct-send em[data-v-7ffa40e8]:after, .sendiv dl dt i[data-v-7ffa40e8], .csc-right em[data-v-7ffa40e8]:after, .order-tip .icon-gb[data-v-7ffa40e8], .consignee h3 span[data-v-7ffa40e8]:after, .oda-payul li:first-child i[data-v-7ffa40e8], .odt-tit .odtt-tip .icon-xjt[data-v-7ffa40e8], .form-invoice .fmi li .fmi-ct-send em[data-v-7ffa40e8]:after, .payment>dl dt a i[data-v-7ffa40e8], .oda-payul>li:first-child .icon-xjt[data-v-7ffa40e8], .my-orderlist .cartc-tit div span[data-v-7ffa40e8]:after, .myol-tit>span a[data-v-7ffa40e8]:after, .myfocus .channel-goodlist ul li>a img[data-v-7ffa40e8], .channel-cardlist>ul li .cal-tu a img[data-v-7ffa40e8], .channel-goodlist.cardbag>ul li a.cgl-tu img[data-v-7ffa40e8], .activitypnl>em[data-v-7ffa40e8]:after, .dispatching i[data-v-7ffa40e8] { -webkit-transition: transform .3s; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } /*渐隐渐现效果*/ .trans-opc[data-v-7ffa40e8] { opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; } /*非变形属性变化过渡效果*/ .trans-all[data-v-7ffa40e8], .adv[data-v-7ffa40e8], .sendiv[data-v-7ffa40e8], .sendiv dl dd[data-v-7ffa40e8], .order-tip[data-v-7ffa40e8], .consignee ul.cg-cont[data-v-7ffa40e8], .oda-payul li div[data-v-7ffa40e8], .order-addinfo ul.oda-payul[data-v-7ffa40e8], .payment>dl dd[data-v-7ffa40e8], .advanced-pnl[data-v-7ffa40e8], .channel-goodlist.fscenter>ul li>span[data-v-7ffa40e8], .channel-cardlist>ul li .cal-tu>span[data-v-7ffa40e8], .mmcu-bot p a[data-v-7ffa40e8]:hover, .rclefollow-tip[data-v-7ffa40e8], .message-tip[data-v-7ffa40e8], .mycoupon>ul li>a[data-v-7ffa40e8], .activitypnl .actdiv[data-v-7ffa40e8] { -webkit-transition: all .3s; transition: all .3s; } /*图片向上轻微滑动效果*/ .transf-top[data-v-7ffa40e8], .myfocus .channel-goodlist ul li:hover>a img[data-v-7ffa40e8], .channel-cardlist>ul li:hover .cal-tu>a img[data-v-7ffa40e8], .channel-goodlist.cardbag>ul li:hover a.cgl-tu img[data-v-7ffa40e8] { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } /*图片向左轻微滑动效果*/ .transf-left[data-v-7ffa40e8] { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } /*图标旋转180效果*/ .transf-rt180[data-v-7ffa40e8], .consignee h3 span.sdown[data-v-7ffa40e8]:after, .odt-tit .odtt-tip.sdown .icon-xjt[data-v-7ffa40e8] { -webkit-transform: rotate3d(0, 0, 1, 180deg); transform: rotate3d(0, 0, 1, 180deg); } /*微小呼吸式动效*/ .breathe[data-v-7ffa40e8], .mods-cont .mc-tit b[data-v-7ffa40e8]:before, .serform p[data-v-7ffa40e8]:last-child:before, .uinfo .uif-tip span[data-v-7ffa40e8]:before, .uinfo .uif-cont .marketad-tu[data-v-7ffa40e8], .order-tip span[data-v-7ffa40e8]:before, .mods-cancel .macncel-top h5[data-v-7ffa40e8]:first-child:before, .od-ecard>h5[data-v-7ffa40e8]:before { -webkit-animation: breathe-data-v-7ffa40e8 1s infinite .35s; animation: breathe-data-v-7ffa40e8 1s infinite .35s; } @-webkit-keyframes breathe-data-v-7ffa40e8 { 0% { opacity: .9; -webkit-transform: scale(1.1); transform: scale(1.1); } 25% { opacity: 1; -webkit-transform: scale(.9); transform: scale(.9); } 100% { opacity: .9; -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes breathe-data-v-7ffa40e8 { 0% { opacity: .9; -webkit-transform: scale(1.1); transform: scale(1.1); } 25% { opacity: 1; -webkit-transform: scale(.9); transform: scale(.9); } 100% { opacity: .9; -webkit-transform: scale(1.1); transform: scale(1.1); } } /* ::-webkit-scrollbar {display:none;} */ [data-v-7ffa40e8]::-webkit-scrollbar-track-piece { background-color:#f8f8f8; } [data-v-7ffa40e8]::-webkit-scrollbar { width:6px;height:6px; } [data-v-7ffa40e8]::-webkit-scrollbar-thumb {background-color:#dddddd;background-clip:padding-box;min-height:28px; } [data-v-7ffa40e8]::-webkit-scrollbar-thumb:hover { background-color:#bbb; } /*字符图标整合 start*/ @font-face { font-family: "iconfont"; src: url(/static/fonts/iconfont.8210a96.woff2) format('woff2'), url(/static/fonts/iconfont.27ac9c0.woff) format('woff'), url(/static/fonts/iconfont.f1418ce.ttf) format('truetype'); } [class^="icon-"][data-v-7ffa40e8], [class*="icon-"][data-v-7ffa40e8], .reg .reg-bot a[data-v-7ffa40e8]:after, .reglist form span[data-v-7ffa40e8]:before, .login-code dl dd[data-v-7ffa40e8]:before, .mods-cont .mc-tit b[data-v-7ffa40e8]:before, .mods-telverify .mc-cont form span[data-v-7ffa40e8]:before, .mods-pwdsus .mods-cont span[data-v-7ffa40e8]:before, .login-account form .lg-bot small[data-v-7ffa40e8]:before, .waring[data-v-7ffa40e8]:before, .serform p[data-v-7ffa40e8]:last-child:before, .adrs-form span[data-v-7ffa40e8]:before, .uinfo .uif-tip span[data-v-7ffa40e8]:before, .click_mct_btn[data-v-7ffa40e8]:before, dl.yyda_top dt.yyda_t_right a[data-v-7ffa40e8]:before, .mct_right .mctr_more span a[data-v-7ffa40e8]:before, .network p:last-child b[data-v-7ffa40e8]:after, .modhelp-box .yytit[data-v-7ffa40e8]:before, .cart-tip span[data-v-7ffa40e8]:before, .ct-send em[data-v-7ffa40e8]:after, .sendiv dl dd p a[data-v-7ffa40e8]:after, .csc-right em[data-v-7ffa40e8]:after, .as-cont h3[data-v-7ffa40e8]:before, .as-cont div span a[data-v-7ffa40e8]:last-child:after, .cart-empty .ce-cont[data-v-7ffa40e8]:before, .order-tip span[data-v-7ffa40e8]:before, .consignee h3 span[data-v-7ffa40e8]:after, .odcb-cont p[data-v-7ffa40e8]:after, .order-addinfo .odt[data-v-7ffa40e8]:before, .form-invoice .fm-tit label[data-v-7ffa40e8]:after, .form-invoice .fmi li[data-v-7ffa40e8]:last-child:before, .cg-cont li[data-v-7ffa40e8]:after, .oda-payul li ul>li[data-v-7ffa40e8]:after, .deletepro .mods-cont span[data-v-7ffa40e8]:before, .addfocus .mods-cont span[data-v-7ffa40e8]:before, .form-invoice .fmi li .fmi-ct-send em[data-v-7ffa40e8]:after, .odcb-cont p[data-v-7ffa40e8]:first-child:before, .paym-wrap>.pw-cont p i[data-v-7ffa40e8]:not(:last-child):after, .payment .paym-option li[data-v-7ffa40e8]:before, .mods-alipay .mods-cont dl[data-v-7ffa40e8]:before, .paysuccess .pays-top[data-v-7ffa40e8]:before, .clearpro .mods-cont span[data-v-7ffa40e8]:before, .user-benefit .swiper-wrapper .swiper-slide[data-v-7ffa40e8]:before, .follow-tip[data-v-7ffa40e8]:before, .sdcplist>a[data-v-7ffa40e8]:after, .pn-levl label[data-v-7ffa40e8]:before, .mmsec dl dt[data-v-7ffa40e8]:before, .mods-getcash .mc-tit b[data-v-7ffa40e8]:before, .mods-getcash .mc-cont form span[data-v-7ffa40e8]:first-child:before, .myol-tit>span a[data-v-7ffa40e8]:nth-child(3):after, .my-orderlist .cartc-tit div span[data-v-7ffa40e8]:after, .my-orderlist>ul .odl-cont>.cdlc-consignee>div label[data-v-7ffa40e8]:after, .my-orderlist>ul .odl-cont .odlc-state .logistics-tracking a[data-v-7ffa40e8]:before, .my-orderlist>ul .odl-cont .odl-operate>em[data-v-7ffa40e8]:before, a.btn-buyagain[data-v-7ffa40e8]:before, .mods-cancel .macncel-top h5[data-v-7ffa40e8]:first-child:before, .mods-cancel form span[data-v-7ffa40e8]:after, .order-detail .ods-left p[data-v-7ffa40e8]:before, .od-state .ods-left a.btn-cancel[data-v-7ffa40e8]:before, .od-state .ods-right .odsr-stepul li .odsr-step>i[data-v-7ffa40e8]:nth-child(2):after, .od-state .ods-right>p>a[data-v-7ffa40e8]:before, .mods-sus .mods-cont span[data-v-7ffa40e8]:before, .od-ecard>h5[data-v-7ffa40e8]:before, .od-receipt dl.odr-refund dd[data-v-7ffa40e8]:before, .od-receipt dl dd>a.pf-more[data-v-7ffa40e8]:after, .channel-goodlist.fscenter>ul li>span a[data-v-7ffa40e8]:before, .fscenter>p[data-v-7ffa40e8]:before, .focusbox-btns>a[data-v-7ffa40e8]:before, .fscard>p[data-v-7ffa40e8]:before, .channel-cardlist.regulargoods>ul li>p a[data-v-7ffa40e8]:before, .ab-top .abt-right span b[data-v-7ffa40e8]:before, .ab-bot p.abb-tit span em[data-v-7ffa40e8]:after, .mods-joinbag form span[data-v-7ffa40e8]:before, .mods-bindcoupon form span[data-v-7ffa40e8]:before, .od-empty[data-v-7ffa40e8]:before, .res-error .mods-cont span[data-v-7ffa40e8]:before, .impressive ul:first-of-type li[data-v-7ffa40e8]:after, .impressive ul:last-of-type li[data-v-7ffa40e8]:after, .impressive .impreOne .selecOne[data-v-7ffa40e8]:after, .activitypnl>em[data-v-7ffa40e8]:after, .actul li[data-v-7ffa40e8]:before, .mods-fk .odt[data-v-7ffa40e8]:before, .advanced-pnl p span[data-v-7ffa40e8]:before, .checkp em[data-v-7ffa40e8]:before, .order-addinfo .odaf-cont>p em[data-v-7ffa40e8]:before, .cart-contbox .cartlist .card-tit label[data-v-7ffa40e8]:before, .mods-login .mlg-tip[data-v-7ffa40e8]:before, .ertic[data-v-7ffa40e8]:before, .sel-yyadrs[data-v-7ffa40e8]:after,.main[data-v-7ffa40e8]::after { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-xz[data-v-7ffa40e8]:before { content: "\E652"; } .icon-wxz[data-v-7ffa40e8]:before { content: "\E653"; } .icon-error[data-v-7ffa40e8]:before { content: "\E6A8"; } .icon-intransit[data-v-7ffa40e8]:before { content: "\E6B1"; } .icon-chuku[data-v-7ffa40e8]:before { content: "\E6B6"; } .icon-dingwei[data-v-7ffa40e8]:before { content: "\E659"; } .icon-md[data-v-7ffa40e8]:before { content: "\E62F"; } .icon-ps[data-v-7ffa40e8]:before { content: "\E610"; } .icon-radio-on[data-v-7ffa40e8]:before { content: "\E65D"; } .icon-radio[data-v-7ffa40e8]:before { content: "\E64D"; } .icon-dd[data-v-7ffa40e8]:before { content: "\E6A2"; } .icon-ts[data-v-7ffa40e8]:before { content: "\E626"; } .icon-check[data-v-7ffa40e8]:before { content: "\E638"; } .icon-xjt[data-v-7ffa40e8]:before { content: "\E6A6"; } .icon-sj[data-v-7ffa40e8]:before { content: "\E72A"; } .icon-buy[data-v-7ffa40e8]:before { content: "\E664"; } .icon-check-off[data-v-7ffa40e8]:before { content: "\E60A"; } .icon-check-on[data-v-7ffa40e8]:before { content: "\E609"; } .icon-oncheck[data-v-7ffa40e8]:before { content: "\E652"; } .icon-gb[data-v-7ffa40e8]:before { content: "\E685"; } .icon-runtop[data-v-7ffa40e8]:before { content: "\E660"; } .icon-sy[data-v-7ffa40e8]:before { content: "\E60F"; } .icon-sjt-copy[data-v-7ffa40e8]:before { content: "\E8E9"; } .icon-xjt2[data-v-7ffa40e8]:before { content: "\E66B"; } .icon-empty[data-v-7ffa40e8]:before { content: "\E632"; } /*字符图标整合 end*/ .icon-left[data-v-7ffa40e8]:before { content: "\E619"; } .icon-order[data-v-7ffa40e8]:before { content: "\E613"; } .icon-pay2[data-v-7ffa40e8]:before { content: "\E675"; } .icon-ck[data-v-7ffa40e8]:before { content: "\E62E"; } .icon-sh[data-v-7ffa40e8]:before { content: "\E62A"; } .icon-ddwc[data-v-7ffa40e8]:before { content: "\E64E"; } .icon-finger[data-v-7ffa40e8]:before { content: "\E631"; } .icon-fx2[data-v-7ffa40e8]:before { content: "\E615"; } .icon-zp[data-v-7ffa40e8]:before { content: "\E62D"; } .icon-search[data-v-7ffa40e8]:before { content: "\E61B"; } /*带有背景色的按钮,鼠标移入透明度为0.8*/ .btnhover[data-v-7ffa40e8]:hover, input[type='button'][data-v-7ffa40e8]:hover, .btn[data-v-7ffa40e8]:hover, .head-right a[data-v-7ffa40e8]:hover, .reg-bot a[data-v-7ffa40e8]:hover, .lg-bot a[data-v-7ffa40e8]:hover, .mcb_ul_tu:hover img[data-v-7ffa40e8], .yyda_t_tu:hover img[data-v-7ffa40e8], .btn_th[data-v-7ffa40e8]:hover, .zbd-part-tit a[data-v-7ffa40e8]:hover, .mc_cont .mcc_top a[data-v-7ffa40e8]:hover, .mc_cont .mcc_top a[data-v-7ffa40e8]:active, .mc_cont .mcc_btn_zw a.mcc_sub[data-v-7ffa40e8]:hover, .mc_cont .mcc_btn_zw a.mcc_sub[data-v-7ffa40e8]:active, .mct_right a.btn_th[data-v-7ffa40e8]:hover, .mct_right a.btn_th[data-v-7ffa40e8]:active, .mct_right a.btn_od[data-v-7ffa40e8]:hover, .mct_right a.btn_od[data-v-7ffa40e8]:active, .card-foot a[data-v-7ffa40e8]:hover, .bdpart-tit a[data-v-7ffa40e8]:hover, .mc_cont .mcc_btn_zw a.mcc_sub[data-v-7ffa40e8]:hover, .mc_cont .mcc_btn_zw a.mcc_sub[data-v-7ffa40e8]:active, .medit_c_ul a[data-v-7ffa40e8]:hover, .serform p:last-child a[data-v-7ffa40e8]:hover, .network .nw-cont p:first-child a[data-v-7ffa40e8]:hover, .lgb-cont p:nth-child(3) a[data-v-7ffa40e8]:hover, .hide-body span[data-v-7ffa40e8]:hover, .cul-cont dl dt a:hover img[data-v-7ffa40e8], .cs-probox .swiper-wrapper .swiper-slide a:hover img[data-v-7ffa40e8], .as-cont div dl dt a:hover img[data-v-7ffa40e8], .as-cont div span a[data-v-7ffa40e8]:hover, .consignee h3 span[data-v-7ffa40e8]:hover, .consignee h3 a[data-v-7ffa40e8]:hover, .order-datail h4 a[data-v-7ffa40e8]:hover, .odc-box dl dt a:hover img[data-v-7ffa40e8], .odcb-cont p[data-v-7ffa40e8]:not(:first-child):hover, .order-paymoney>h5>p:last-child a[data-v-7ffa40e8]:hover, .mods-alipay .mods-cont dl dd>a[data-v-7ffa40e8]:hover, .user-benefit .swiper-wrapper .swiper-slide[data-v-7ffa40e8]:hover:before, .sdcplist ul li:hover>span[data-v-7ffa40e8], .sdcplist>a[data-v-7ffa40e8]:hover, .mmcu-top .mmcut-tu[data-v-7ffa40e8]:hover, .pn-levl label[data-v-7ffa40e8]:hover, .pn-levl a[data-v-7ffa40e8]:hover, .mmsec-left h4 a[data-v-7ffa40e8]:hover, .mmsec-left>ul>li>p>a[data-v-7ffa40e8]:hover, .myorderlist>h4>a[data-v-7ffa40e8]:hover, .advanced-pnl>a[data-v-7ffa40e8]:hover, .mmsec-left>ul>li>div a[data-v-7ffa40e8]:hover, .my-orderlist>ul .odl-cont>ul li a[data-v-7ffa40e8]:hover, .my-orderlist>ul .odl-cont>.cdlc-consignee div:hover label[data-v-7ffa40e8], .my-orderlist>ul .odl-cont>p>a[data-v-7ffa40e8]:hover, .my-orderlist>ul .odl-cont .odlc-state>a[data-v-7ffa40e8]:hover, .logistics-pnl>ul>li:hover>p[data-v-7ffa40e8], .logistics-pnl>ul>li:hover>p a[data-v-7ffa40e8], .odl-cont .odl-operate>a[data-v-7ffa40e8]:hover, .bread-lead a[data-v-7ffa40e8]:hover, .od-state .ods-left a[data-v-7ffa40e8]:hover, .od-state .ods-right>p>a[data-v-7ffa40e8]:hover, .od-ecard h4 span a[data-v-7ffa40e8]:hover, .od-ecard>ul>li>span>a[data-v-7ffa40e8]:hover, .od-receipt dl dd>a[data-v-7ffa40e8]:hover, .order-prodetail>ul>li>span>a[data-v-7ffa40e8]:hover, .myfocus .channel-goodlist ul li:not(.card-unavailable)>div a[data-v-7ffa40e8]:hover, .myfocus .channel-goodlist ul li:hover>div>.btn-adtcart[data-v-7ffa40e8], .icon-search[data-v-7ffa40e8]:hover, .channel-cardlist>ul li .cal-tu>span>a[data-v-7ffa40e8]:hover, .channel-cardlist.regulargoods>ul li>p a[data-v-7ffa40e8]:hover, .account-balance a[data-v-7ffa40e8]:hover, .ab-top .abt-left h3 i[data-v-7ffa40e8], .ab-bot p.abb-tit span [type="button"][data-v-7ffa40e8]:hover, .ab-bot>a[data-v-7ffa40e8]:hover, .myfocus>h4>a[data-v-7ffa40e8]:hover, .channel-goodlist.cardbag>ul li:not(.card-unavailable)>a[data-v-7ffa40e8]:hover, .mmcu-top dl dd>a[data-v-7ffa40e8]:hover { cursor: pointer; opacity: 0.7; filter: Alpha(opacity=70); -webkit-transition: all 0.4s; transition: all 0.4s; } /*end*/ .card-foot .btn[data-v-7ffa40e8], .serform .btn[data-v-7ffa40e8] { -webkit-animation: mybtn-data-v-7ffa40e8 5s ease 0s infinite; animation: mybtn-data-v-7ffa40e8 5s ease 0s infinite; } @-webkit-keyframes mybtn-data-v-7ffa40e8 { 0% { -webkit-transform: rotate(0deg); } 75% { -webkit-transform: rotate(0deg); } 80% { -webkit-transform: rotate(-6deg); } 95% { -webkit-transform: rotate(3deg); } 100% { -webkit-transform: rotate(0deg); } } @keyframes mybtn-data-v-7ffa40e8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 75% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 80% { -webkit-transform: rotate(-6deg); transform: rotate(-6deg); } 95% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @-webkit-keyframes fadeOut-data-v-7ffa40e8 { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut-data-v-7ffa40e8 { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut[data-v-7ffa40e8] { -webkit-animation: fadeOut-data-v-7ffa40e8 1s; animation: fadeOut-data-v-7ffa40e8 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } /*静默呼吸效果*/ @-webkit-keyframes dhpic-data-v-7ffa40e8 { 0% { transform: scale(1); -webkit-transform: scale(1); } 100% { transform: scale(1.1); -webkit-transform: scale(1.1); } } @keyframes dhpic-data-v-7ffa40e8 { 0% { transform: scale(1); -webkit-transform: scale(1); } 100% { transform: scale(1.1); -webkit-transform: scale(1.1); } } /*end*/ /* * 逛商城 * 2018.01.26 * 章珍 * start */ /*图标旋转90°*/ .transf90[data-v-7ffa40e8] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } /*图标旋转-90°*/ .transf-90[data-v-7ffa40e8] { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } /*各种商品列表模块通用居中*/ .channel-goodlist[data-v-7ffa40e8] { width: 1200px; margin-left: auto; margin-right: auto; } /*end*/ /* * 暂无内容的样式 * 2018.04.08 * 章珍 * start */ .no-con[data-v-7ffa40e8] { width: 100%; height: 100%; text-align: center; -webkit-transform: none; transform: none; } .no-con img[data-v-7ffa40e8] { display: inline-block; } .no-con img[data-v-7ffa40e8]:hover { -webkit-transform: none !important; transform: none !important; } .no-con p[data-v-7ffa40e8] { font-size: 14px; color: #999; margin-top: -10px; } .no-goods img[data-v-7ffa40e8] { width: 130px; height: auto; margin-top: -10px; } .no-quan[data-v-7ffa40e8] { border: 1px solid #f0f0f0; height: 222px; } .no-quan img[data-v-7ffa40e8] { width: 130px; height: auto; margin-top: 30px; } .seckillul .no-con img[data-v-7ffa40e8] { width: 165px; height: auto; margin-top: 80px; } .promotionul .no-con img[data-v-7ffa40e8] { width: 130px; height: auto; margin-top: 40px; } .channel-goodlist .no-con[data-v-7ffa40e8] { background-color: #fff; } .channel-goodlist .no-con img[data-v-7ffa40e8] { margin-top: 40px; } .channel-goodlist .no-con p[data-v-7ffa40e8] { margin-top: 20px; padding-bottom: 40px; } .q-item .no-con[data-v-7ffa40e8] { background-color: #fff; padding-bottom: 20px; } .q-item .no-con img[data-v-7ffa40e8] { margin-top: 20px; } /*end*/ /* * 选择配送区域通用样式 * 2018.01.29 * zly * start */ .ct-send[data-v-7ffa40e8] { float: right; position: relative; } .ct-send big[data-v-7ffa40e8] { display: inline-block; font-size: 14px; } .ct-send em[data-v-7ffa40e8] { position: relative; z-index: 2; display: inline-block; border: solid 1px #f0f0f0; background: #fff; padding-left: 5px; } .ct-send em.sdown[data-v-7ffa40e8] { border-bottom-color: #fff; } .ct-send em[data-v-7ffa40e8]:after, .sendiv dl dd p a[data-v-7ffa40e8]:after { display: inline-block; width: 18px; height: 18px; content: "\E6A6"; font-size: 18px; cursor: pointer; vertical-align: middle; } .ct-send em[data-v-7ffa40e8]:after { line-height: 18px; } .ct-send input[data-v-7ffa40e8] { max-width: 300px; height: 25px; line-height: 25px; color: #666; font-size: 14px; } .ct-send .sendiv[data-v-7ffa40e8] { position: absolute; z-index: 1; /*right:0;*/ left: 60px; top: 25px; width: 380px; border: solid 1px #fff; -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0); box-shadow: 1px 1px 6px rgba(0, 0, 0, 0); background: #fff; } .sendiv dl[data-v-7ffa40e8] { line-height: 25px; font-size: 14px; color: #666; margin: 10px; } .sendiv dl.dl-default[data-v-7ffa40e8] { margin-bottom: 10px; padding-bottom: 5px; border-bottom: solid 1px #f0f0f0; } .sendiv dl.dl-new dt[data-v-7ffa40e8] { margin-bottom: 10px; } .sendiv dl dt[data-v-7ffa40e8], .sendiv dl dd[data-v-7ffa40e8] { overflow: hidden; padding-left: 0; } .sendiv dl dt i[data-v-7ffa40e8] { float: right; cursor: pointer; font-size: 20px; } .sendiv[data-v-7ffa40e8], .sendiv dl.dl-new dd[data-v-7ffa40e8] { max-height: 0; overflow: hidden; } .ct-send.sdopen em[data-v-7ffa40e8] { border-bottom: #fff; } .ct-send.sdopen .sendiv[data-v-7ffa40e8] { border-color: #f0f0f0; -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, .05); box-shadow: 1px 1px 6px rgba(0, 0, 0, .05); height: auto !important; max-height: 500px; } .sendiv dl dt.sdopen+dd[data-v-7ffa40e8] { max-height: 500px; } /*逛商城特筛选地址殊定义 start*/ .f-store .ct-send em[data-v-7ffa40e8], .f-store .ct-send.sdopen .sendiv[data-v-7ffa40e8] { border-color: #ccc; } .filter .ct-send big[data-v-7ffa40e8] { font-size: 14px; color: #999; } .filter .ct-send em[data-v-7ffa40e8] { z-index: 4; } .filter .ct-send .sendiv[data-v-7ffa40e8] { position: absolute; z-index: 3; left: 60px; right: 0; top: 27.5px; border: 1px solid #f6f6f6; } .filter .ct-send em.sdown[data-v-7ffa40e8] { border-bottom: none; } .filter .ct-send input[data-v-7ffa40e8] { color: #333; } /*逛商城筛选地址特殊定义 end*/ /*编辑地址特定义 start*/ .mcc-item .ct-send[data-v-7ffa40e8] { float: left !important; } .mcc-item .ct-send input[data-v-7ffa40e8] { border: none !important; } .mcc-item .ct-send .sendiv[data-v-7ffa40e8] { left: 60px; } .mcc-item .ct-send .sendiv dl.dl-new dd[data-v-7ffa40e8] { max-height: 500px !important; } /*编辑地址特定义 end*/ /*送礼优选详情地址特殊定义 start*/ .pro-deliver .ct-send.sdopen>em[data-v-7ffa40e8] { border-color: #e0e0e0; } .giftpro .ct-send.sdopen .sendiv[data-v-7ffa40e8] { border-color: #e0e0e0; } .itemInfo-wrap .pro-deliver .ct-send[data-v-7ffa40e8] { float: left; padding-right: 15px; } .itemInfo-wrap .pro-deliver span[data-v-7ffa40e8] { float: left; /* margin-left: 15px; */ display: block; height: 27px; line-height: 27px; } .pro-deliver .sendiv dl dt[data-v-7ffa40e8] { float: none; padding-left: 0px; } .pro-deliver .sendiv dl.dl-default dd[data-v-7ffa40e8] { padding-left: 0px; } .pro-deliver .ct-send input[data-v-7ffa40e8] { color: #333; background-color: #fff; } .pro-deliver .ct-send em[data-v-7ffa40e8]:after { color: #333; } .pro-deliver .ct-send em[data-v-7ffa40e8] { border-color: #fff; height: 28px; } .pro-deliver .ct-send em.sdown[data-v-7ffa40e8] { border-color: #e0e0e0; border-bottom: none; } .pro-deliver .ct-send .sendiv[data-v-7ffa40e8] { top: 27.5px; left: 60px; } .pro-deliver .ct-send.sdopen .sendiv[data-v-7ffa40e8] { border-color: #e0e0e0; } /*送礼优选详情地址特殊定义 end*/ /*购物车的配送面板特殊定义*/ .carts-tit .ct-send.sdopen .sendiv[data-v-7ffa40e8] { left: auto; right: 0 !important; } .sendiv dl.dl-default dd[data-v-7ffa40e8] { max-height: 25px; overflow: hidden; } .sendiv dl.dl-default dd ul li[data-v-7ffa40e8] { overflow: hidden; cursor: pointer; } .sendiv dl.dl-default dd ul li[data-v-7ffa40e8]:hover { color: #e62226; } .sendiv dl.dl-default dd ul li b[data-v-7ffa40e8], .sendiv dl.dl-default dd ul li small[data-v-7ffa40e8] { display: inline-block; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .sendiv dl.dl-default dd ul li b[data-v-7ffa40e8] { margin-right: 50px; max-width: 65px; } .sendiv dl.dl-default dd ul li small[data-v-7ffa40e8] { max-width: 265px; font-size: 14px; } .sendiv dl.dl-new dd p[data-v-7ffa40e8] { position: relative; height: 23px; } .sendiv dl.dl-new dd p[data-v-7ffa40e8]:after, .sendiv dl.dl-new dd p a.on[data-v-7ffa40e8]:before { content: ""; display: block; position: absolute; z-index: 1; left: 0; bottom: -2px; width: 100%; height: 0; border-bottom: solid 2px #e62226; } .sendiv dl.dl-new dd p a[data-v-7ffa40e8] { position: relative; display: inline-block; padding: 0 20px 0 5px; height: 21px; line-height: 21px; max-width: 67px; margin: 0 5px 0 0 !important; border: solid 1px #f0f0f0; border-bottom: none; overflow: hidden; } .sendiv dl.dl-new dd p a[data-v-7ffa40e8]:after { position: absolute; top: 0px; right: 3px; } .sendiv dl.dl-new dd p a.on[data-v-7ffa40e8] { border: solid 2px #e62226; border-bottom-color: #fff; position: relative; z-index: 2; } .sendiv dl.dl-new dd p a.on[data-v-7ffa40e8]:before { z-index: 3; border-bottom-color: #fff; } .sendiv dl.dl-new dd p a[data-v-7ffa40e8], .sendiv dl.dl-new dd ul li a[data-v-7ffa40e8] { color: #0079b6; font-size: 12px; } .sendiv dl.dl-new dd p a.nosupport[data-v-7ffa40e8], .sendiv dl.dl-new dd ul li a.nosupport[data-v-7ffa40e8] { color:#999; cursor:not-allowed; } .sendiv dl.dl-new dd ul[data-v-7ffa40e8] { padding: 10px 0; display: block; /* overflow: hidden; */ } .sendiv dl.dl-new dd ul li[data-v-7ffa40e8] { display: inline-block; float: left; width: 25%; line-height: 18px; margin-bottom: 5px; } .sendiv dl.dl-new dd ul li.long-area[data-v-7ffa40e8] { width: 50%; } .sendiv dl.dl-new dd ul li a[data-v-7ffa40e8] { display: inline-block; line-height: 18px; padding: 0 5px; max-width: calc(100% - 16px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sendiv dl.dl-new dd ul li a[data-v-7ffa40e8]:not(.nosupport):hover, .sendiv dl.dl-new dd ul li a[data-v-7ffa40e8]:not(.nosupport):active, .sendiv dl.dl-new dd ul li a.adrs-sel[data-v-7ffa40e8] { color: #e62226; } /*选择配送区域通用样式 end*/ /*商品列表+商品推荐+我的足迹公用样式 start*/ /*商品列表*/ .channel-goodlist ul[data-v-7ffa40e8] { margin-top: 20px; margin-right: -28px; } .channel-goodlist ul li[data-v-7ffa40e8] { float: left; display: inline-block; position: relative; background: #fff; width: 285px; /*height: 367px;*/ border: 1px solid #fff; margin: 0 20px 10px 0; padding-top: 40px; } .channel-goodlist .cgl-tu[data-v-7ffa40e8] { display: block; text-align: center; font-size: 0; width: 220px; height: 220px; margin: 0 auto; position: relative; } .channel-goodlist .cgl-tu img[data-v-7ffa40e8] { -webkit-transition: transform .3s; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; width: 100%; height: auto; max-height: 220px; position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; } .channel-goodlist .cgl-hover[data-v-7ffa40e8] { position: absolute; z-index: 2; display: block; left: 0; top: 0; width: 100%; height: 0px; line-height: 30px; background-color: #666; color: #fff; -webkit-transition: height .3s; transition: height .3s } .channel-goodlist .cgl-hover a[data-v-7ffa40e8] { display: inline-block; width: 95px; height: 30px; font-size: 14px; opacity: 0; float: left; text-align: center; color: #fff; } .channel-goodlist .cgl-hover a.click-share[data-v-7ffa40e8] { position: relative; } .channel-goodlist .cgl-hover a[data-v-7ffa40e8]:hover { background-color: #de2124; } .channel-goodlist .cgl-hover a i[data-v-7ffa40e8] { padding-right: 5px; } .channel-goodlist .cgl-hover a.on[data-v-7ffa40e8] { color: #fff; } .channel-goodlist .cgl-hover b[data-v-7ffa40e8] { width: 1px; } .channel-goodlist .cgl-cont[data-v-7ffa40e8] { padding: 25px 10px 15px; font-size: 14px; } .channel-goodlist .cgl-cont a[data-v-7ffa40e8] { display: block; overflow: hidden; width: 100%; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 10px; } .channel-goodlist .cgl-cont b[data-v-7ffa40e8] { display: block; font-size: 20px; color: #de2124; vertical-align: bottom; margin-bottom: 10px; font-family: Arial, Verdana, "\5B8B\4F53"; font-weight: bold; } .channel-goodlist .cgl-cont b i[data-v-7ffa40e8] { font-size: 14px; font-family: "microsoft yahei"; } .channel-goodlist .cgl-cont p[data-v-7ffa40e8] { font-size: 12px; color: #999; margin-bottom: 15px; } .channel-goodlist .cgl-cont p em[data-v-7ffa40e8] { margin-left: 10px; } .channel-goodlist .cgl-cont .cglc-tip[data-v-7ffa40e8] { width: 100%; margin: 0 auto; } .channel-goodlist .cgl-cont .cglc-tip span[data-v-7ffa40e8] { top: 99%; left: -1px; background-color: #fff; } .channel-goodlist .cgl-cont .cglc-tip span strong[data-v-7ffa40e8] { color: #de2124; } .channel-goodlist span.tip-cut[data-v-7ffa40e8] { left: 15px } .channel-goodlist span.tip-ship[data-v-7ffa40e8] { left: 75px } .channel-goodlist .btnborder[data-v-7ffa40e8] { position: absolute; right: 8px; bottom: 10px; width: 98px; height: 23px; line-height: 23px; border: 1px solid #e0e0e0; color: #de2124; font-size: 12px; text-align: center; } .channel-goodlist .btnborder i[data-v-7ffa40e8] { margin-right: 10px; } .channel-goodlist .btnborder[data-v-7ffa40e8]:hover { cursor: pointer; color: #fff; border-color: #de2124; background: #de2124; } .channel-goodlist .gray[data-v-7ffa40e8] { border-color: #ddd; color: #999; background-color: #f7f7f7; } .channel-goodlist .gray[data-v-7ffa40e8]:hover { cursor: none; border-color: #ddd; color: #999; background-color: #f7f7f7; } .channel-goodlist .mod-tip label[data-v-7ffa40e8] { display: inline-block; font-size: 12px; color: #de2124; min-width: 36px; padding: 1px 2px; height: 16px; line-height: 16px; text-align: center; margin-right: 2px; border-radius: 2px; border: solid 1px #de2124; cursor: pointer } .channel-goodlist .mod-tip label:hover+span[data-v-7ffa40e8] { opacity: 1; display: block; z-index: 3 } .channel-goodlist .mod-tip span[data-v-7ffa40e8] { opacity: 0; z-index: 1; border: 1px solid #e0e0e0; font-size: 14px; color: #666; width: 265px; height: 28px; line-height: 28px; position: absolute; top: 100%; padding: 0 10px; -webkit-transition: opacity .3s; transition: opacity .3s; } .channel-goodlist .mod-tip span p[data-v-7ffa40e8] { display: inline-block; font-size: 14px; color: #666; margin: 0; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .channel-goodlist .mod-tip span i[data-v-7ffa40e8] { position: absolute; z-index: 2; top: -4px; border-style: solid; border-width: 5px; border-color: #fff #fff transparent transparent; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-box-shadow: 2px -2px #e0e0e0; box-shadow: 2px -2px #e0e0e0; width: 0; height: 0px; display: inline-block; } .channel-goodlist .tip-cut i[data-v-7ffa40e8] { left: 23px; } .channel-goodlist .tip-ship i[data-v-7ffa40e8] { left: 70px; } .channel-goodlist.shopping li[data-v-7ffa40e8]:hover, .channel-goodlist.recommend li[data-v-7ffa40e8]:hover, .channel-goodlist.viewlist li[data-v-7ffa40e8]:hover { -webkit-box-shadow: 0 0 2px 2px #f8f8f8; box-shadow: 0 0 2px 2px #f8f8f8; border: 1px solid #e9e9e9; } .channel-goodlist li:hover .cgl-hover[data-v-7ffa40e8] { height: 30px; } .channel-goodlist li:hover .cgl-hover a[data-v-7ffa40e8] { opacity: 1; } .channel-goodlist li:hover .cgl-hover b[data-v-7ffa40e8] { opacity: 1; } .channel-goodlist li:hover .cgl-cont a[data-v-7ffa40e8] { color: #de2124; } .channel-goodlist .cgl-tu:hover img[data-v-7ffa40e8] { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0) } .shopping-list-page[data-v-7ffa40e8] { text-align: center; margin-bottom: 20px; } /*商品推荐 start*/ .recommend[data-v-7ffa40e8] { border: 1px solid #F0F0F0; margin-bottom: 20px; background-color: #fff; } .recommend .swiper-wrapper .swiper-slide[data-v-7ffa40e8] { width: 275px !important; padding-top: 0; overflow: hidden; } .channel-tit[data-v-7ffa40e8] { margin-top: 20px; margin-left: 20px; position: relative; margin-bottom: 20px; } .channel-tit p[data-v-7ffa40e8] { font-size: 18px; color: #333; } .channel-tit .channel-tit-bg[data-v-7ffa40e8] { width: 30px; height: 3px; margin-top: 7px; background-color: #FF541F; } .channel-tit a[data-v-7ffa40e8] { position: absolute; top: 0; right: 20px; color: #666; font-size: 14px; } .channel-tit a i[data-v-7ffa40e8] { padding-left: 2px; } .channel-tit a[data-v-7ffa40e8]:hover { color: #de2124; } .recommend .cglc-tip span[data-v-7ffa40e8] { width: 255px !important; } .recommend .swiper-pagination[data-v-7ffa40e8] { position: absolute; top: 0; right: 20px; z-index: 5; } .recommend .swiper-pagination-bullet[data-v-7ffa40e8] { margin-left: 10px; width: 8px; height: 8px; background-color: #fff; border: 3px solid #D6D6D6; opacity: 1; } .recommend .swiper-pagination-bullet-active[data-v-7ffa40e8] { background-color: #de2124; border: 3px solid #f99aa1; } .recommend .swiper-wrapper[data-v-7ffa40e8] { clear: both; margin-bottom: 20px; } .recommend .swiper-container[data-v-7ffa40e8] { width: 1178px; } .recommend ul li[data-v-7ffa40e8] { margin: 0 10px; } /*商品推荐 end*/ /*我的足迹 start*/ .viewlist[data-v-7ffa40e8] { border: 1px solid #F0F0F0; margin-top: 20px; } .viewlist ul li[data-v-7ffa40e8] { width: 176px; margin-bottom: 10px; } .viewlist li[data-v-7ffa40e8]:first-child { margin-left: 20px; } .viewlist .cgl-tu[data-v-7ffa40e8] { width: 160px; height: 160px; } .viewlist .cgl-tu .cgl-tu-box[data-v-7ffa40e8] { width: 160px; height: 160px; display: table-cell; vertical-align: middle; } .viewlist .cgl-tu img[data-v-7ffa40e8] { width: 100%; height: auto; max-height: 160px; } .viewlist .cgl-cont[data-v-7ffa40e8] { padding: 20px 10px 10px; } .viewlist .cgl-cont b[data-v-7ffa40e8] { text-align: center; margin-bottom: 15px; } .viewlist .cgl-cont a[data-v-7ffa40e8] { margin-bottom: 0; } .cardmall-item-l-tips span[data-v-7ffa40e8] { display: inline-block; position: absolute; z-index: 1; top: 0; } .cardmall-item-l-tips .tips-dese[data-v-7ffa40e8] { left: 0; width: 95px; height: 25px; line-height: 25px; text-align: center; color: #fff; font-size: 12px; background: url(https://presale.jhtsoft.com/picms/384e02eb00f588.png) no-repeat; } .cardmall-item-l-tips .tips-code[data-v-7ffa40e8] { width: 20px; height: 20px; line-height: 20px; font-size: 20px; top: 3px; color: #ff7036; left: 105px; } .cardmall-code-big[data-v-7ffa40e8] { text-align: center; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); top: 0px; left: 0px; opacity: 0; z-index: -1; overflow: hidden; } .cardmall-code-big .card-code-con[data-v-7ffa40e8] { text-align: center; width: 225px; height: 250px; background-color: #fff; position: absolute; top: 50%; margin-top: -125px; left: 275px; transition: left .5s; -moz-transition: left .5s; -webkit-transition: left .5s; -o-transition: left .5s; } .cardmall-code-big .card-code-con img[data-v-7ffa40e8] { width: 170px; height: 170px; margin: 20px auto 0; } .cardmall-code-big h2[data-v-7ffa40e8] { margin: 10px auto 0; text-align: center; font-size: 16px; color: #333; } .cardmall-item-l-tips .tips-code[data-v-7ffa40e8]:hover { opacity: 0; z-index: 3; cursor: pointer; } .cardmall-item-l-tips .tips-code:hover+.cardmall-code-big[data-v-7ffa40e8] { z-index: 2; opacity: 1; } .cardmall-item-l-tips .tips-code:hover+.cardmall-code-big .card-code-con[data-v-7ffa40e8] { left: 26px; } /** * 2018-3-9 * dtt * 我的足迹 添加电子券卡实体券卡标识样式 * */ .cardmall-code-big .historyewm[data-v-7ffa40e8] { width: 170px; } .cardmall-code-big .historyewm img[data-v-7ffa40e8] { width: 100px; height: 100px; margin: 30% auto 0; } .cardmall-item-l-tips .tips-code:hover+.cardmall-code-big .historyewm[data-v-7ffa40e8] { left: 3px; } /*我的足迹 end*/ /*商品列表+商品推荐+我的足迹公用样式 end*/ /*商城公用头部和底部 start*/ .header-shortcut[data-v-7ffa40e8] { height: 40px; background-color: #eeeeee; font-size: 14px; } /*头部右侧导航*/ .header-shortcut-loginlist[data-v-7ffa40e8] { float: right; } .header-shortcut-loginlist li[data-v-7ffa40e8] { float: left; height: 40px; color: #666; position: relative; } .header-shortcut-loginlist li .header-nav[data-v-7ffa40e8] { font-size: 14px; color: #666; display: inline-block; height: 39px; line-height: 39px; padding-left: 15px; padding-right: 32px; border: 1px solid #EEEEEE; border-bottom: none; } .header-shortcut-loginlist li .header-nav[data-v-7ffa40e8]:hover { color: #ff0036; } .header-shortcut-loginlist .dropdown>.icon-xjt[data-v-7ffa40e8] { width: 14px; height: 10px; line-height: 10px; right: 10px; top: 16px; } .header-shortcut-loginlist .dropdown>.icon[data-v-7ffa40e8] { -webkit-transition: transform .3s linear; -webkit-transition: -webkit-transform .3s linear; transition: -webkit-transform .3s linear; transition: transform .3s linear; transition: transform .3s linear, -webkit-transform .3s linear; } .header-shortcut-loginlist .dropdown:hover .icon[data-v-7ffa40e8] { transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); } .mobileservice .icon-sj[data-v-7ffa40e8] { left: 15px; top: 12px; } .mobileservice>a[data-v-7ffa40e8] { padding: 0 32px 0 35px !important; } .myorder>a[data-v-7ffa40e8] { padding-right: 15px !important; } .header-shortcut-loginlist .login a[data-v-7ffa40e8], .header-shortcut-loginlist .register a[data-v-7ffa40e8] { font-size: 14px; color: #666; display: inline-block; height: 39px; line-height: 39px; border: 1px solid #EEEEEE; border-bottom: none; } .header-shortcut-loginlist .login a[data-v-7ffa40e8] { color: #e62226; } .header-shortcut-loginlist .login a[data-v-7ffa40e8]:hover { opacity: .8; filter: Alpha(opacity=80); } .header-shortcut-loginlist .register a[data-v-7ffa40e8] { color: #999; padding: 0 10px 0 15px; } .header-shortcut-loginlist .register a[data-v-7ffa40e8]:hover { color: #e62226; } /*头部小导航公共样式*/ .header-shortcut .dropdown>div[data-v-7ffa40e8] { position: absolute; top: 39px; background-color: #fff; border: 1px solid #ccc; z-index: 5; -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .1); box-shadow: 2px 2px 2px rgba(0, 0, 0, .1); display: none; /*line-height: 25px;*/ } .header-shortcut i[data-v-7ffa40e8] { position: absolute; z-index: 7; color: #666; } .header-shortcut .dropdown .dropdownhovered[data-v-7ffa40e8] { position: relative; z-index: 6; border-color: #ccc; background-color: #fff; } /*导航会员中心*/ .header-shortcut-loginlist .dropdown-user[data-v-7ffa40e8] { left: 0; padding: 10px 0px; } .dropdown-user[data-v-7ffa40e8] { width: 268px; font-size: 14px; color: #999; } .dropdown-user p[data-v-7ffa40e8] { font-size: 14px; color: #999; } .dropdown-user p.user-grade[data-v-7ffa40e8] { height: 27px; position: relative; padding-left: 26px; color: #333; } .dropdown-user p.user-grade i[data-v-7ffa40e8] { color: #f18110; font-size: 20px; left: 0; top: 3px; } .dropdown-user p.user-grade span[data-v-7ffa40e8] { display: inline-block; padding-top: 7px; } .dropdown-user p.user-sign[data-v-7ffa40e8] { margin-top: 8px; width: 74px; height: 18px; border: 1px solid #e62226; text-align: center; line-height: 18px; border-radius: 10px; -webkit-border-radius: 10px; color: #e62226; font-size: 12px; } .dropdown-user p.user-sign[data-v-7ffa40e8]:hover { cursor: pointer; background-color: #e62226; color: #fff; -webkit-transition: all .4s; transition: all .4s; } .dropdown-user .user-info[data-v-7ffa40e8] { padding-bottom: 10px; padding-left: 15px; margin-bottom: 10px; border-bottom: 1px solid #F0F0F0; } .dropdown-user .user-info-head[data-v-7ffa40e8] { float: left; width: 60px; height: 60px; } .dropdown-user .user-info-head img[data-v-7ffa40e8] { width: 60px; height: 60px; border-radius: 100%; } .dropdown-user .user-info-des[data-v-7ffa40e8] { float: left; margin-left: 10px; } .dropdown-user .exit[data-v-7ffa40e8] { position: absolute; line-height: 20px; top: 20px; right: 15px; display: block; color: #999; } .dropdown-user .exit[data-v-7ffa40e8]:hover { color: #e62226; } /*会员权限轮播*/ .user-benefit[data-v-7ffa40e8] { width: 208px; height: 72px; padding: 0 30px; overflow: hidden; } .swiper-container.user-benefit[data-v-7ffa40e8] { position: relative; } .user-benefit .swiper-wrapper[data-v-7ffa40e8] { height: auto; margin-right: -14px; } .user-benefit .swiper-wrapper .swiper-slide[data-v-7ffa40e8] { float: left; display: inline-block; text-align: center; } .user-benefit .swiper-wrapper .swiper-slide[data-v-7ffa40e8]:before { display: block; width: 50px; height: 50px; margin: 0 auto; text-align: center; line-height: 50px; font-size: 26px; border-radius: 100%; color: #fff; } .user-benefit .swiper-wrapper .swiper-slide[data-v-7ffa40e8]:first-child:before { font-size: 22px; content: "\E64A"; background: #ffb24d; } .user-benefit .swiper-wrapper .swiper-slide[data-v-7ffa40e8]:nth-child(2):before { content: "\E602"; background: #fc715e; } .user-benefit .swiper-wrapper .swiper-slide[data-v-7ffa40e8]:nth-child(3):before { content: "\E679"; background: #ffd34d; } .user-benefit .swiper-wrapper .swiper-slide[data-v-7ffa40e8]:nth-child(4):before { font-size: 24px; content: "\E65B"; background: #fa9e58; } .user-benefit .swiper-wrapper .swiper-slide[data-v-7ffa40e8]:nth-child(5):before { font-size: 24px; content: "\E661"; background: #28b85c; } .user-benefit .swiper-wrapper .swiper-slide a[data-v-7ffa40e8] { display: block; line-height: 20px; text-align: center; color: #666; font-size: 12px; } .user-benefit .swiper-wrapper .swiper-slide:hover a[data-v-7ffa40e8] { color: #e62226; } .user-benefit .swiper-button-prev[data-v-7ffa40e8], .user-benefit .swiper-button-next[data-v-7ffa40e8] { position: absolute; top: 22px; width: 30px; height: 70px; line-height: 70px; font-size: 18px; z-index: 10; cursor: pointer; background: #fff; text-align: center; } .user-benefit .swiper-button-prev[data-v-7ffa40e8]:hover, .user-benefit .swiper-button-next[data-v-7ffa40e8]:hover { color: #e62226; } .user-benefit .swiper-button-next.swiper-button-disabled[data-v-7ffa40e8], .user-benefit .swiper-button-prev.swiper-button-disabled[data-v-7ffa40e8] { opacity: 1 !important; color: #d6d6d6; } .user-benefit .swiper-button-prev[data-v-7ffa40e8] { left: 0; } .user-benefit .swiper-button-next[data-v-7ffa40e8] { right: 0; -webkit-transform: rotate3d(0, 0, 1, 180deg); transform: rotate3d(0, 0, 1, 180deg); } /*导航我的商城*/ .dropdown-mysc[data-v-7ffa40e8] { left: 0; width: 268px; font-size: 14px; color: #999; padding-top: 10px; padding-bottom: 10px; } .header-shortcut-loginlist .dropdown-mysc .item1[data-v-7ffa40e8], .header-shortcut-loginlist .dropdown-mysc .item2[data-v-7ffa40e8], .header-shortcut-loginlist .dropdown-mysc .item3[data-v-7ffa40e8] { padding-left: 15px; border-bottom: 1px solid #F0F0F0; line-height: 24px; } .header-shortcut-loginlist .dropdown-mysc .item1[data-v-7ffa40e8] { padding-bottom: 5px; } .header-shortcut-loginlist .dropdown-mysc .item2[data-v-7ffa40e8] { padding-top: 5px; padding-bottom: 5px; } .header-shortcut-loginlist .dropdown-mysc .item3[data-v-7ffa40e8] { padding-top: 20px; border-bottom: none; } .header-shortcut-loginlist .dropdown-mysc table[data-v-7ffa40e8] { font-size: 14px; color: #999; width: 100%; } .header-shortcut-loginlist .dropdown-mysc td[data-v-7ffa40e8] { width: 75px; text-align: left; } .header-shortcut-loginlist .dropdown-mysc td a[data-v-7ffa40e8] { color: #999; } .header-shortcut-loginlist .dropdown-mysc td a[data-v-7ffa40e8]:hover { color: #e62226; } .header-shortcut-loginlist .dropdown-mysc td a em[data-v-7ffa40e8] { color: #e62226; padding-left: 5px; } .header-shortcut-loginlist table th[data-v-7ffa40e8] { text-align: left; } .header-shortcut-loginlist .dropdown-mysc .item3 h4[data-v-7ffa40e8] { color: #666; margin-bottom: 15px; font-size: 14px; } .header-shortcut-loginlist .dropdown-mysc .item3 h4 a[data-v-7ffa40e8] { color: #666; float: right; margin-right: 20px; } .header-shortcut-loginlist .dropdown-mysc .item3 h4 a[data-v-7ffa40e8]:hover { color: #e62226; } .header-shortcut-loginlist .dropdown-mysc .item3 ul[data-v-7ffa40e8] { width: 260px; overflow: hidden; } .header-shortcut-loginlist .dropdown-mysc .item3 ul li[data-v-7ffa40e8] { float: left; width: 70px; height: 70px; margin-right: 15px; } .header-shortcut-loginlist .dropdown-mysc .item3 ul li a[data-v-7ffa40e8] { display: block; width: 70px; height: 70px; } .header-shortcut-loginlist .dropdown-mysc .item3 ul li a img[data-v-7ffa40e8] { width: 70px; height: 70px; opacity: 1; -webkit-transition: opacity .4s linear; transition: opacity .4s linear; } .header-shortcut-loginlist .dropdown-mysc .item3 ul li:hover img[data-v-7ffa40e8] { opacity: 0.7; } /*导航手机商城*/ .header-shortcut-loginlist .dropdown-mobile[data-v-7ffa40e8] { left: 0; width: 123px; padding-top: 10px; padding-bottom: 10px; text-align: center; } .header-shortcut-loginlist .dropdown-mobile img[data-v-7ffa40e8] { display: inline-block; width: 80px; height: 80px; margin: 0 auto; } .header-shortcut-loginlist .dropdown-mobile p[data-v-7ffa40e8] { margin-top: 10px; font-size: 14px; color: #666; } /*导航客户服务*/ .header-shortcut-loginlist .dropdown-servce[data-v-7ffa40e8] { left: 0; width: 103px; padding-top: 10px; } .header-shortcut-loginlist .dropdown-servce ul[data-v-7ffa40e8] { color: #999; font-size: 14px; } .header-shortcut-loginlist .dropdown-servce ul li[data-v-7ffa40e8] { padding-left: 15px; padding-bottom: 16px; height: 18px; } .header-shortcut-loginlist .dropdown-servce ul li a[data-v-7ffa40e8] { color: #666; font-size: 14px; } .header-shortcut-loginlist .dropdown-servce ul li a[data-v-7ffa40e8]:hover { color: #e62226; } /*搜索栏*/ .header-searchbar[data-v-7ffa40e8] { background-color: #fff; } .header-fixed[data-v-7ffa40e8] { position: fixed; top: 0; width: 100%; z-index: 11; -webkit-box-shadow: 0 1px 4px #ccc; box-shadow: 0 1px 4px #ccc; -webkit-animation: showhead-data-v-7ffa40e8 .4s forwards; animation: showhead-data-v-7ffa40e8 .4s forwards; } @-webkit-keyframes showhead-data-v-7ffa40e8 { from { opacity: 0; } to { opacity: 1; } } @keyframes showhead-data-v-7ffa40e8 { from { opacity: 0; } to { opacity: 1; } } .header-searchbar-box[data-v-7ffa40e8] { position: relative; height: 140px; } .header-searchbar-logo[data-v-7ffa40e8] { float: left; /* margin: 10px 0; */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .header-searchbar-logo>a[data-v-7ffa40e8] { max-width:280px; max-height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; display: -moz-flex; display: -ms-flex; display: -o-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; overflow: hidden; } .header-searchbar-logo>a img[data-v-7ffa40e8] { /* max-width:100%; max-height: 100%; */ max-width: 280px; max-height: 80px; } .header-searchbar-logo h3[data-v-7ffa40e8], .header-searchbar-logo p[data-v-7ffa40e8] { margin-left: 10px; } .header-searchbar-logo h3[data-v-7ffa40e8] { font-size: 22px; color: #333; } .header-searchbar-logo p[data-v-7ffa40e8] { font-size: 12px; color: #666; margin-top: 5px; width: 73px; text-align: center; height: 23px; line-height: 23px; border: 1px solid #bdbdbd; border-radius: 15px; -webkit-border-radius: 15px; } .header-searchbar-logo p a[data-v-7ffa40e8] { color: #666; } .header-searchbar-logo p a[data-v-7ffa40e8]:hover { color: #e62226; } .header-searchbar-r[data-v-7ffa40e8] { float: right; margin-top: 42px; width: 683px; } .header-searchbox[data-v-7ffa40e8] { width: 472px; float: left; } .header-searchbar-search[data-v-7ffa40e8] { border: 1px solid #e62226; } .header-searchbar-search .search[data-v-7ffa40e8] { color: #333; font-size: 14px; width: 366px; height: 35px; line-height: 35px; padding: 0 12px; border: none; float: left; } .header-searchbar-search .searchbtn[data-v-7ffa40e8] { padding: 0; width: 80px; height: 35px; font-size: 16px; border: none; float: left; cursor: pointer; background: #e62226; color: #fff; text-align: center; /*line-height: 35px;*/ } .header-searchbar-search .searchbtn[data-v-7ffa40e8]:hover { opacity: .7; background: #e62226; border-color: transparent; color: #fff; } /*购物车*/ .header-searchbar-cart[data-v-7ffa40e8] { float: right; width: 178px; height: 34px; position: relative; font-size: 16px; color: #666; background-color: #f7f7f7; } .header-searchbar-cart[data-v-7ffa40e8]:hover { cursor: pointer; } .header-searchbar-cart-box[data-v-7ffa40e8] { border: 1px solid #D8D8D8; text-align: center; line-height: 34px; background-color: #f7f7f7; } .header-searchbar-cart:hover .header-searchbar-cart-box[data-v-7ffa40e8] { position: relative; border-bottom: #fff; z-index: 7; background: #fff; } .header-searchbar-cart-box i[data-v-7ffa40e8] { color: #666; font-size: 20px; padding-right: 20px; } .header-searchbar-cart-box .cartnum[data-v-7ffa40e8] { position: absolute; top: -21px; right: 14px; -webkit-animation: transformY 1s linear alternate infinite; animation: transformY 1s linear alternate infinite; } .header-searchbar-cart-box .cart-bg[data-v-7ffa40e8] { width: 40px; height: 20px; background-color: #ff7d4a; color: #fff; border-radius: 5px; -webkit-border-radius: 5px; height: 21px; } .header-searchbar-cart-box .cart-num[data-v-7ffa40e8] { position: absolute; top: -21px; right: 14px; width: 40px; height: 20px; line-height: 20px; color: #fff; } .header-searchbar-cart-box .triangle-down[data-v-7ffa40e8] { position: absolute; left: 50%; margin-left: -5px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #ff7d4a; } .header-searchbar .carthover[data-v-7ffa40e8] { position: relative; border: 1px solid #CCCCCC; border-bottom: 0 !important; background-color: #fff; z-index: 22; } .header-searchbar .dropdown-cart[data-v-7ffa40e8] { border: 1px solid #CCCCCC; width: 318px; position: absolute; right: 0; top: 35px; z-index: 6; display: none; background-color: #fff; } .header-searchbar .empty-cart[data-v-7ffa40e8] { height: 62px; line-height: 62px; color: #999; font-size: 14px; text-align: center; } .header-searchbar .empty-cart span[data-v-7ffa40e8] { display: inline-block; } .header-searchbar .empty-cart i[data-v-7ffa40e8] { display: inline-block; font-size: 30px; color: #999; padding-right: 5px; vertical-align: top; } .header-searchbar .empty-cart.emptybig span[data-v-7ffa40e8] { display: block; line-height: 20px; } .header-searchbar .empty-cart.emptybig i[data-v-7ffa40e8] { display: block; font-size: 50px; color: #ddd; padding-right: 0; vertical-align: top; margin-top: 50px; } .header-searchbar-cart:hover .dropdown-cart[data-v-7ffa40e8] { display: block; } .header-searchbar .notempty-cart[data-v-7ffa40e8] { height: 396px; font-size: 14px; } .header-searchbar .notempty-cart .cart-nav[data-v-7ffa40e8] { margin-top: 20px; margin-left: 10px; padding-bottom: 10px; border-bottom: 1px solid #eeeeee; cursor: pointer; } .header-searchbar .notempty-cart .cart-nav li[data-v-7ffa40e8] { display: inline; margin-right: 28px; color: #333; } .header-searchbar .notempty-cart .cart-nav li.on[data-v-7ffa40e8] { color: #e62226; } .header-searchbar .notempty-cart .cartlist[data-v-7ffa40e8] { height: 302px; overflow-y: auto; overflow-x: hidden; } .header-searchbar .notempty-cart .cartlist .cartlist-item[data-v-7ffa40e8] { padding-left: 10px; padding-bottom: 30px; } .header-searchbar .notempty-cart .cartlist .cartlist-item>li[data-v-7ffa40e8] { padding: 0 10px; height: auto; } .header-searchbar .notempty-cart .cartlist .cartlist-item li h5[data-v-7ffa40e8] { width: 293px; padding-top: 10px; font-size: 12px; color: #333; } .header-searchbar .notempty-cart .cartlist .cartlist-item li h5 small[data-v-7ffa40e8] { padding: 0 10px; background: #ff9913; margin-right: 10px; color: #fff; border-radius: 6px 0; } .header-searchbar .notempty-cart .cartlist .cartlist-item li h5 span[data-v-7ffa40e8] { max-width: 55%; } .header-searchbar .notempty-cart .cartlist-item li>h5 small[data-v-7ffa40e8], .header-searchbar .notempty-cart .cartlist-item li>h5 span[data-v-7ffa40e8], .header-searchbar .notempty-cart .cartlist-item li>h5 a[data-v-7ffa40e8] { display: inline-block; vertical-align: top } .header-searchbar .cartlist-item ul.cart-pro-item[data-v-7ffa40e8] { display: block; } .header-searchbar .cartlist-item .cart-pro-item li[data-v-7ffa40e8] { position: relative; padding: 10px 0 10px 70px; border-bottom: 1px solid #eee; overflow: hidden; } .header-searchbar .notempty-cart .cart-pro-item li a[data-v-7ffa40e8] { display: block; } .header-searchbar .notempty-cart .cart-pro-item li a img[data-v-7ffa40e8] { width: 60px; height: 60px; border: 1px solid #CCCCCC; position: absolute; top: 10px; left: 0; } .header-searchbar .notempty-cart .cart-pro-item li a p[data-v-7ffa40e8] { width: 118px; line-height: 21px; min-height: 60px; color: #aaa; font-size: 12px; } .cart-pro-item a p em[data-v-7ffa40e8] { color: #e62226; } .header-searchbar .notempty-cart .cart-pro-item li i[data-v-7ffa40e8] { position: absolute; top: 0px; right: 0px; width: 24px; height: 24px; line-height: 24px; text-align: center; border-radius: 12px; background: #999; color: #fff; font-size: 12px; font-weight: 600; display: none; -webkit-transform: scale(.7); transform: scale(.7); } .header-searchbar .notempty-cart .cart-pro-item li i[data-v-7ffa40e8]:hover { background-color: #e62226; } .header-searchbar .notempty-cart .cart-pro-item li b[data-v-7ffa40e8] { position: absolute; bottom: 5px; right: 0; color: #e62226; font-weight: bold; font-family: Arial, Verdana, "\5B8B\4F53"; } .header-searchbar .notempty-cart .cart-pro-item li:hover img[data-v-7ffa40e8] { opacity: 0.8; } .header-searchbar .notempty-cart .cart-pro-item li:hover p[data-v-7ffa40e8] { color: #e62226; } .header-searchbar .notempty-cart .cart-pro-item li:hover i[data-v-7ffa40e8] { display: block; } .header-searchbar .notempty-cart .cartlist-gocart[data-v-7ffa40e8] { width: 308px; padding-left: 10px; height: 50px; line-height: 50px; background-color: #f5f5f5; position: absolute; bottom: 0; color: #666; } .header-searchbar .notempty-cart .cartlist-gocart em[data-v-7ffa40e8] { margin-left: 10px; margin-right: 5px; } .header-searchbar .notempty-cart .cartlist-gocart em.num[data-v-7ffa40e8] { margin: 0 3px; } .header-searchbar .notempty-cart .cartlist-gocart b[data-v-7ffa40e8] { color: #e62226; font-weight: bold; font-family: Arial, Verdana, "\5B8B\4F53"; } .header-searchbar .notempty-cart .cartlist-gocart .btn[data-v-7ffa40e8] { display: block; width: 68px; height: 28px; line-height: 28px; position: absolute; top: 10px; right: 10px; } /*热搜*/ .header-hotword[data-v-7ffa40e8] { width: 472px; margin-top: 5px; margin-left: 10px; } .header-hotword-list[data-v-7ffa40e8] { display: inline-block; margin-top: 3px; } .header-hotword-list li[data-v-7ffa40e8] { float: left; margin-right: 10px; max-width: 80px; text-overflow: ellipsis; word-wrap: break-word; white-space: nowrap; overflow: hidden; } .header-hotword-list li a[data-v-7ffa40e8] { font-size: 12px; color: #999; } .header-hotword-list li:first-child a[data-v-7ffa40e8] { color: #e62226; } .header-hotword-list li a[data-v-7ffa40e8]:hover { color: #e62226; } /*通用底部*/ .footer[data-v-7ffa40e8] { width: 100%; margin-top: 60px; background-color: #eeeeee; } .footer-nav[data-v-7ffa40e8] { padding-top: 40px; padding-left: 40px; } .footer-nav dl[data-v-7ffa40e8] { width: 196px; float: left; } .footer-nav dl.footer-code[data-v-7ffa40e8], .footer-nav dl.footer-custom[data-v-7ffa40e8] { font-size: 0; width: 150px; height: 160px; background-color: #fff; margin-top: -5px; text-align: center; } .footer-nav dl.footer-code img[data-v-7ffa40e8] { width: 104px; height: 104px; margin-top: 13px; } .footer-nav dl.footer-custom img[data-v-7ffa40e8] { width: 87px; height: 109px; margin-top: 10px; } .footer-nav dl.footer-code p[data-v-7ffa40e8], .footer-nav dl.footer-custom p[data-v-7ffa40e8] { margin-top: 12px; font-size: 14px; color: #666; } .footer-nav dl.footer-custom:hover img[data-v-7ffa40e8] { opacity: .8; filter: Alpha(opacity=80); } .footer-nav dl.footer-custom:hover p[data-v-7ffa40e8] { color: #FF7D4B; } .footer-nav dl.footer-code[data-v-7ffa40e8] { margin-left: -15px; margin-right: 20px; } .footer-nav dl dt[data-v-7ffa40e8] { margin-bottom: 18px; font-size: 18px; font-weight: bold; color: #333; } .footer-nav dl dd[data-v-7ffa40e8] { margin-bottom: 14px; font-size: 14px; color: #666; } .footer p[data-v-7ffa40e8] { text-align: center; } .footer p.footer-line[data-v-7ffa40e8] { width: 1100px; height: 1px; background-color: #CCCCCC; margin: 16px auto 0; } .footer p.footer-links[data-v-7ffa40e8] { margin: 30px auto 20px; } .footer p.footer-links a[data-v-7ffa40e8] { color: #666; font-size: 14px; } .footer p.footer-links a[data-v-7ffa40e8]:hover { color: #e62226; } .footer p.footer-links span[data-v-7ffa40e8] { color: #666; font-size: 14px; margin: 0 25px; } .footer p.footer-icp[data-v-7ffa40e8] { color: #999; font-size: 14px; } .footer p.footer-icp span[data-v-7ffa40e8] { margin-right: 15px; position: relative; } .footer p.footer-icp span img[data-v-7ffa40e8] { margin-right: 5px; position: absolute; left: -24px; top: -0.5px; } .footer p.footer-icp span a[data-v-7ffa40e8] { color: #999; } .footer p.footer-icp span a[data-v-7ffa40e8]:hover { color: #e62226; } .footer p.footer-by[data-v-7ffa40e8] { padding-top: 20px; color: #999; font-size: 14px } .footer p.footer-by a[data-v-7ffa40e8] { color: #999; font-size: 14px } .footer p.footer-by a[data-v-7ffa40e8]:hover { color: #e62226; } .footer p.footer-by span[data-v-7ffa40e8] { margin-right: 20px; } .footer p.footer-copyright[data-v-7ffa40e8] { padding-bottom: 20px; padding-top: 18px; } .footer p.footer-copyright a[data-v-7ffa40e8] { display: inline-block; margin: 0 8px; } /*商城公用头部和底部 end*/ /** * 2018-3-9 * dtt * 页面滚动下拉 头部悬浮固定 * start*/ .fixtop[data-v-7ffa40e8] { position: fixed; z-index: 11; top: -80px; width: 100%; border-bottom: 2px solid #e62226; -webkit-box-shadow: 0 6px 6px -3px rgba(51, 51, 51, .2); box-shadow: 0 6px 6px -3px rgba(51, 51, 51, .2); } .searchTop[data-v-7ffa40e8] { position: fixed; top: 0; -webkit-animation: searchTop1-data-v-7ffa40e8 .5s ease-in-out backwards; animation: searchTop1-data-v-7ffa40e8 .5s ease-in-out backwards; } .fixtop .header-searchbar-box[data-v-7ffa40e8] { height: 68px; } .fixtop .header-searchbar-logo[data-v-7ffa40e8] { margin-top: 10px; } .fixtop .header-searchbar-logo img[data-v-7ffa40e8] { position: relative; width: 190px; height: 50px; } .fixtop .header-searchbar-r[data-v-7ffa40e8] { margin-top: 15px; } .fixtop .header-searchbar-cart[data-v-7ffa40e8] { width: 150px; float: left; margin-left: 20px; } .fixtop .header-searchbar-search[data-v-7ffa40e8] { border: none; } .fixtop .header-searchbar-search .search[data-v-7ffa40e8] { background-color: #f3f3f3; } @-webkit-keyframes searchTop1-data-v-7ffa40e8 { from { top: -80px; } to { top: 0; } } @keyframes searchTop1-data-v-7ffa40e8 { from { top: -80px; } to { top: 0; } } .fixtop .header-searchbar-cart-box .cartnum[data-v-7ffa40e8] { top: -15px; } .fixtop .header-searchbar-cart-box .cart-num[data-v-7ffa40e8] { top: -15px; } /* 页面滚动下拉 头部悬浮固定 end*/ /* * 成功页黄条导航 * 2018.02.07 * zly * start */ .odcb-cont h5:nth-child(2)>span[data-v-7ffa40e8], .order-paymoney>p:nth-child(5)>span[data-v-7ffa40e8], .psus-tip .code-wrap[data-v-7ffa40e8], .uinfo .uif-tip em .code-wrap[data-v-7ffa40e8], .cartc-ul li .cul-cont>span>.share-panel[data-v-7ffa40e8], .od-ecard .code-wrap[data-v-7ffa40e8], .mods-sus .mods-cont .mc-cont>p .code-wrap[data-v-7ffa40e8], .order-prodetail .order-paymoney>p:nth-child(4)>span[data-v-7ffa40e8], .channel-goodlist.fscenter>ul li>span>.code-wrap[data-v-7ffa40e8] { display: none; position: absolute; z-index: 2; padding: 10px 15px; font-size: 12px; line-height: 25px; text-align: left; white-space: nowrap; background: #fff; border: solid 1px #f0f0f0; -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, .1); box-shadow: 1px 1px 6px rgba(0, 0, 0, .1); color: #999; } .odcb-cont h5:nth-child(2)>span>i[data-v-7ffa40e8], .form-invoice>i[data-v-7ffa40e8], .order-paymoney>p:nth-child(5)>span>i[data-v-7ffa40e8], .psus-tip .code-wrap>i[data-v-7ffa40e8], .uinfo .uif-tip em .code-wrap>i[data-v-7ffa40e8], .cartc-ul li .cul-cont>span>.share-panel>i[data-v-7ffa40e8], .od-ecard .code-wrap>i[data-v-7ffa40e8], .mods-sus .mods-cont .mc-cont>p .code-wrap>i[data-v-7ffa40e8], .order-prodetail .order-paymoney>p:nth-child(4)>span>i[data-v-7ffa40e8], .channel-goodlist.fscenter>ul li>span>.code-wrap>i[data-v-7ffa40e8] { position: absolute; display: inline-block; width: 0; height: 0; } .odcb-cont h5:nth-child(2)>span>i[data-v-7ffa40e8]:first-child, .form-invoice>i[data-v-7ffa40e8]:first-child, .order-paymoney>p:nth-child(5)>span>i[data-v-7ffa40e8]:first-child, .psus-tip .code-wrap>i[data-v-7ffa40e8]:first-child, .uinfo .uif-tip em .code-wrap>i[data-v-7ffa40e8]:first-child, .cartc-ul li .cul-cont>span>.share-panel>i[data-v-7ffa40e8]:first-child, .od-ecard .code-wrap>i[data-v-7ffa40e8]:first-child, .mods-sus .mods-cont .mc-cont>p .code-wrap>i[data-v-7ffa40e8]:first-child, .order-prodetail .order-paymoney>p:nth-child(4)>span>i[data-v-7ffa40e8]:first-child, .channel-goodlist.fscenter>ul li>span>.code-wrap>i[data-v-7ffa40e8]:first-child { z-index: 3; border-bottom: solid 10px #f0f0f0; border-left: solid 10px transparent; border-right: solid 10px transparent; top: -10px; left: calc(50% - 10px); } .odcb-cont h5:nth-child(2)>span>i[data-v-7ffa40e8]:nth-child(2), .form-invoice>i[data-v-7ffa40e8]:nth-child(2), .order-paymoney>p:nth-child(5)>span>i[data-v-7ffa40e8]:nth-child(2), .psus-tip .code-wrap>i[data-v-7ffa40e8]:nth-child(2), .uinfo .uif-tip em .code-wrap>i[data-v-7ffa40e8]:nth-child(2), .cartc-ul li .cul-cont>span>.share-panel>i[data-v-7ffa40e8]:nth-child(2), .od-ecard .code-wrap>i[data-v-7ffa40e8]:nth-child(2), .mods-sus .mods-cont .mc-cont>p .code-wrap>i[data-v-7ffa40e8]:nth-child(2), .order-prodetail .order-paymoney>p:nth-child(4)>span>i[data-v-7ffa40e8]:nth-child(2), .channel-goodlist.fscenter>ul li>span>.code-wrap>i[data-v-7ffa40e8]:nth-child(2) { z-index: 4; border-bottom: solid 9px #fff; border-left: solid 9px transparent; border-right: solid 9px transparent; top: -8px; left: calc(50% - 9px); } /*带阴影下箭头气泡*/ .oda-payul li .odt-tit .odtt-tip[data-v-7ffa40e8], .csc-right>span p[data-v-7ffa40e8], .focusbox-btns[data-v-7ffa40e8] { position: relative; } .odtt-tip>span[data-v-7ffa40e8], .csc-right>span p>span[data-v-7ffa40e8], .focusbox-btns>.code-wrap[data-v-7ffa40e8] { display: none; position: absolute; padding: 10px 20px; white-space: nowrap; line-height: 20px; background: #fff; border: solid 1px #f0f0f0; -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, .1); box-shadow: 1px 1px 6px rgba(0, 0, 0, .1); color: #999; } .odtt-tip span i[data-v-7ffa40e8], .csc-right>span p>span>i[data-v-7ffa40e8], .focusbox-btns>.code-wrap>i[data-v-7ffa40e8] { position: absolute; display: inline-block; width: 0; height: 0; } .odtt-tip span i[data-v-7ffa40e8]:first-child, .csc-right>span p>span>i[data-v-7ffa40e8]:first-child, .focusbox-btns>.code-wrap>i[data-v-7ffa40e8]:first-child { z-index: 1; border-top: solid 10px #f0f0f0; border-left: solid 10px transparent; border-right: solid 10px transparent; bottom: -10px; left: calc(50% - 10px); } .odtt-tip span i[data-v-7ffa40e8]:nth-child(2), .csc-right>span p>span>i[data-v-7ffa40e8]:nth-child(2), .focusbox-btns>.code-wrap>i[data-v-7ffa40e8]:nth-child(2) { z-index: 2; border-top: solid 8px #fff; border-left: solid 8px transparent; border-right: solid 8px transparent; bottom: -6px; left: calc(50% - 8px); } .psus-tip a.code-focus[data-v-7ffa40e8] { position: relative; } .psus-tip[data-v-7ffa40e8], .uinfo .uif-tip[data-v-7ffa40e8] { height: 30px; margin: 20px auto; line-height: 30px; width: 1158px; padding: 5px 20px; border: solid 1px #f3e7d3; background: #fffdf3; font-size: 14px; } .psus-tip a[data-v-7ffa40e8] { padding: 0 15px; } .psus-tip a[data-v-7ffa40e8]:not(:first-child) { border-left: solid 1px #ccc; } .uinfo .uif-tip em a[data-v-7ffa40e8]:not(:last-child) { border-right: solid 1px #ccc; } .uinfo .uif-tip em a.code-focus[data-v-7ffa40e8] { border-right: none; } .psus-tip a.code-focus:hover+.code-wrap[data-v-7ffa40e8], .uinfo .uif-tip em a.code-focus:hover+.code-wrap[data-v-7ffa40e8] { display: inline-block; } .psus-tip .code-wrap[data-v-7ffa40e8], .uinfo .uif-tip em .code-wrap[data-v-7ffa40e8] { width: 140px; height: 140px; margin-left: -135px; margin-top: 35px; text-align: center; } .psus-tip .code-wrap img[data-v-7ffa40e8], .psus-tip .code-wrap small[data-v-7ffa40e8], .uinfo .uif-tip em .code-wrap img[data-v-7ffa40e8], .psus-tip .code-wrap small[data-v-7ffa40e8] { display: block; } .psus-tip .code-wrap img[data-v-7ffa40e8], .uinfo .uif-tip em .code-wrap img[data-v-7ffa40e8] { margin: 5px auto; } /*提货模块特殊样式*/ .uinfo .uif-tip[data-v-7ffa40e8] { margin: 60px auto; } .uinfo .uif-tip>span[data-v-7ffa40e8]:before { display: inline-block; content: "\E626"; font-size: 18px; color: #ffa641; margin-right: 5px; position: relative; } .uinfo .uif-tip>span i[data-v-7ffa40e8] { color: #e62226; font-weight: bold; margin: 0 5px; } .uinfo .uif-tip em[data-v-7ffa40e8] { color: #666; margin-left: 50px; } .uinfo .uif-tip em a[data-v-7ffa40e8] { padding: 0 8px; } /*成功页黄条导航 end*/ /*滑块验证 start*/ .adrs-form #slider[data-v-7ffa40e8] { display: inline-block; margin: 0 5px; width: 360px; } .ani[data-v-7ffa40e8] { -webkit-transition: all .3s; transition: all .3s; } .movebox[data-v-7ffa40e8] { position: relative; width: 100%; height: 40px; border: solid 1px #ededed; margin-bottom: 30px; background: #ebebeb; line-height: 40px; text-align: center; } .txt[data-v-7ffa40e8] { position: absolute; top: 0; width: 100%; -moz-user-select: none; -webkit-user-select: none; user-select: none; -o-user-select: none; -ms-user-select: none; font-size: 16px; } .movego[data-v-7ffa40e8] { background-color: #7ac23c; height: 40px; width: 0; } .move[data-v-7ffa40e8] { position: absolute; top: 0; left: 0; width: 40px; height: 40px; cursor: pointer; } .moveBefore[data-v-7ffa40e8] { background: #fff url("https://presale.jhtsoft.com/picms/21bfdc8a12108.png") no-repeat center; } .moveSuccess[data-v-7ffa40e8] { background: #fff url("https://presale.jhtsoft.com/picms/21c0176e5782f.png") no-repeat center; } /*end*/ /*高度50px的滑块验证 特殊样式 start*/ .serform .movebox[data-v-7ffa40e8] { height: 50px; line-height: 50px; border: solid 1px #e1e1e1; } .serform .movego[data-v-7ffa40e8] { height: 50px; } .serform .move[data-v-7ffa40e8] { width: 50px; height: 50px; } /*end*/ /* * loading加载动画 * 2018.04.13 * zly * start */ .load-container[data-v-7ffa40e8] { width: 100%; margin: 0 auto; position: relative; text-align: center; } .loading .loader[data-v-7ffa40e8], .loading .loader[data-v-7ffa40e8]:after, .loading .loader[data-v-7ffa40e8]:before { width: 15px; height: 15px; border-radius: 50%; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: loading-data-v-7ffa40e8 1s infinite ease; animation: loading-data-v-7ffa40e8 1s infinite ease; } .loading .loader[data-v-7ffa40e8] { position: relative; margin: 0 auto; margin-bottom: 35px; text-indent: -9999px; -webkit-animation-delay: .13s; animation-delay: .13s } .loading .loader[data-v-7ffa40e8]:before { left: -35px; } .loading .loader[data-v-7ffa40e8]:after { left: 35px; -webkit-animation-delay: .26s; animation-delay: .26s } .loading .loader[data-v-7ffa40e8]:before, .loader[data-v-7ffa40e8]:after { position: absolute; top: 0; content: '' } @-webkit-keyframes loading-data-v-7ffa40e8 { 0%, 100% { -webkit-box-shadow: 0 25px 0 -3px #fc8f8f; box-shadow: 0 25px 0 -3px #fc8f8f; } 25%, 75% { -webkit-box-shadow: 0 25px 0 -1px #fc8f8f; box-shadow: 0 25px 0 -1px #fc8f8f; } 50% { -webkit-box-shadow: 0 25px 0 1px #fc8f8f; box-shadow: 0 25px 0 1px #fc8f8f; } } @keyframes loading-data-v-7ffa40e8 { 0%, 100% { -webkit-box-shadow: 0 25px 0 -3px #fc8f8f; box-shadow: 0 25px 0 -3px #fc8f8f; } 25%, 75% { -webkit-box-shadow: 0 25px 0 -1px #fc8f8f; box-shadow: 0 25px 0 -1px #fc8f8f; } 50% { -webkit-box-shadow: 0 25px 0 1px #fc8f8f; box-shadow: 0 25px 0 1px #fc8f8f; } } /*loading加载动画 end*/ /* * 收件人信息 * 2018.01.31 * zly * start */ .noadrs[data-v-7ffa40e8] { width: 1200px; margin: 20px auto; font-size: 16px; line-height: 25px; } .noadrs a[data-v-7ffa40e8] { border-radius: 4px; padding: 5px 15px; } .consignee[data-v-7ffa40e8] { padding: 20px 0; overflow: hidden; } .consignee h3[data-v-7ffa40e8] { line-height: 25px; font-size: 16px; } .consignee h3 span[data-v-7ffa40e8] { display: inline-block; margin-left: 20px; font-size: 12px; cursor: pointer; } .consignee h3 span[data-v-7ffa40e8]:hover { color: #e62226; } .consignee h3 span[data-v-7ffa40e8]:after { display: inline-block; margin-left: 5px; width: 18px; height: 25px; content: "\E6A6"; font-size: 18px; vertical-align: top; } .consignee h3 a[data-v-7ffa40e8] { float: right; color: #0079b6; font-size: 14px; } .consignee ul.cg-cont[data-v-7ffa40e8] { margin-right: -18px; overflow: hidden; max-height: 179px; } .consignee h3.sdopen+ul[data-v-7ffa40e8] { max-height: 716px; } .cg-cont li[data-v-7ffa40e8] { position: relative; display: inline-block; float: left; width: 344px; height: 125px; margin: 20px 18px 0 0; padding: 15px 20px; border: solid 2px #f0f0f0; line-height: 25px; overflow: hidden; cursor: pointer; } .cg-cont li[data-v-7ffa40e8]:hover, .cg-cont li.selected[data-v-7ffa40e8] { border-color: #e62226; } .cg-cont li [type="radio"][data-v-7ffa40e8] { display: none; } .cg-cont li h4[data-v-7ffa40e8], .cg-cont li p[data-v-7ffa40e8], .cg-cont li small[data-v-7ffa40e8] { font-size: 14px; } .cg-cont li h4[data-v-7ffa40e8] { margin-bottom: 10px; } .cg-cont li h4 em[data-v-7ffa40e8] { font-size: 16px; } .cg-cont li h4 b[data-v-7ffa40e8] { display: none; line-height: 16px; padding: 0 5px; margin-left: 15px; color: #fff; background: #ffa641; font-size: 12px; } .cg-cont li h4.adrs-default b[data-v-7ffa40e8] { display: inline-block; } .cg-cont li h4 span[data-v-7ffa40e8] { float: right; display: none; } .cg-cont li:hover h4 span[data-v-7ffa40e8] { display: block; } .cg-cont li h4 span a[data-v-7ffa40e8] { margin-left: 10px; color: #0079b6; } .cg-cont li h4 span a[data-v-7ffa40e8]:hover { color: #e62226; } .cg-cont li p[data-v-7ffa40e8] { line-height: 20px; max-height: 40px; overflow: hidden; } /*收件人信息 end*/ /**********************************弹窗样式分界线*****************************************/ /* * 公用弹窗界面样式 * 2018.01.10 * zly * start */ .bg-lightgray[data-v-7ffa40e8] { background: #f6f6f6; } .bg-lightgray .footer[data-v-7ffa40e8] { background: none; } .btn-default[data-v-7ffa40e8] { border: solid 1px #e0e0e0; background: #f5f5f5; color: #333; font-size: 14px; text-align: center; } /*公用弹窗 begin*/ .modshade[data-v-7ffa40e8] { position: fixed; z-index: 103; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); } .modshade .mods-cont[data-v-7ffa40e8] { position: absolute; z-index: 104; left: 50%; top: 50%; /*margin:0 auto;*/ border-radius: 4px; background: #fff; border: solid 5px rgba(0, 0, 0, .3); overflow: hidden; text-align: left; } .mc-cont .btn-default[data-v-7ffa40e8], .mc-cont .btn[data-v-7ffa40e8] { padding: 8px 20px; border-radius: 6px; margin-right: 20px; } .mods-cont .mc-tit[data-v-7ffa40e8] { padding-left: 15px; border-radius: 4px 4px 0 0; line-height: 40px; font-size: 14px; overflow: hidden; background: #e8e8e8; } .mods-cont .mc-tit big[data-v-7ffa40e8] { display: inline-block; float: left; font-size: 16px; font-weight: 600; } .mods-cont .mc-tit b[data-v-7ffa40e8] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: #999; margin-left: 15px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* .mods-result .mc-tit b:before,.mods-rcomb .mc-tit b:before, .mods-product .mc-tit b:before {content: "\e626";color: #ffa641;} */ .mods-cont .mc-tit b i[data-v-7ffa40e8] { margin: 0 5px; color: #333; } .mods-cont .mc-tit b[data-v-7ffa40e8]:before { display: inline-block; margin-right: 5px; font-size: 18px; } .mods-cont .mc-tit .icon-gb[data-v-7ffa40e8] { float: right; cursor: pointer; display: inline-block; line-height: 20px; margin: 10px; font-size: 18px; color: #333; } .mods-cont .icon-gb[data-v-7ffa40e8], .adv p .icon-gb[data-v-7ffa40e8] { -webkit-transition: transform .6s; -webkit-transition: -webkit-transform .6s; transition: -webkit-transform .6s; transition: transform .6s; transition: transform .6s, -webkit-transform .6s; } .mods-cont .icon-gb[data-v-7ffa40e8]:hover, .adv p .icon-gb[data-v-7ffa40e8]:hover, .order-tip .icon-gb[data-v-7ffa40e8]:hover { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } .mods-cont>.mc-cont[data-v-7ffa40e8] { padding: 25px 0; } .mods-rcomb .mc-cont[data-v-7ffa40e8], .mods-result .mc-cont[data-v-7ffa40e8], .mods-product .mc-cont[data-v-7ffa40e8], .mods-help .mc-cont[data-v-7ffa40e8], .mods-yywd .mc-cont[data-v-7ffa40e8] { padding: 0; } /*渐现*/ @-webkit-keyframes bounceIn-data-v-7ffa40e8 { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; } } @keyframes bounceIn-data-v-7ffa40e8 { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceIn[data-v-7ffa40e8], .modshade .mods-cont[data-v-7ffa40e8], .hide-body[data-v-7ffa40e8] { -webkit-animation: bounceIn-data-v-7ffa40e8 .8s; animation: bounceIn-data-v-7ffa40e8 .8s; } /*公用弹窗 end*/ /* 购物车模块shoppingCart所有弹窗样式 start*/ /* * 编辑/新增地址弹框 * 2018.02.07 * zly * start */ .mods-editadrs .mods-cont[data-v-7ffa40e8] { width: 720px; height: 570px; margin-left: -365px; margin-top: -290px; overflow: visible; } .mods-editadrs .mc-cont[data-v-7ffa40e8] { padding: 30px 20px 0 20px; margin: 0 auto; line-height: 25px; } .mods-editadrs form .mcc-item[data-v-7ffa40e8] { width: 100%; margin-bottom: 10px; color: #999; font-size: 14px; } .mods-editadrs form .mcc-item h5>i[data-v-7ffa40e8], .star[data-v-7ffa40e8] { color: #e62226; margin-right: 5px; } .mods-editadrs form .mcc-item p[data-v-7ffa40e8] { margin-top: 5px; } .mods-editadrs form .mcc-item [type="text"][data-v-7ffa40e8] { padding: 0 10px; width: 210px; line-height: 28px; border: solid 1px #f0f0f0; background: transparent; color: #333; font-size: 14px; } .mods-editadrs form .mcc-item [type="text"].long-ipt[data-v-7ffa40e8] { width: 480px; } .mods-editadrs form .mcc-item [type="text"].short-ipt[data-v-7ffa40e8] { width: 155px; } .mods-editadrs form .mcc-item p>span[data-v-7ffa40e8] { color: #e62226; margin-left: 10px; } .mods-editadrs form .mcc-item.mi-adrsname p>a[data-v-7ffa40e8] { display: inline-block; line-height: 28px; padding: 0 12px; border: solid 1px #f0f0f0; border-radius: 4px; font-size: 14px; color: #333; margin-right: 10px; margin-bottom: 10px; } .mods-editadrs form .mcc-item.mi-adrsname p>a[data-v-7ffa40e8]:hover, .mods-editadrs form .mcc-item:nth-last-child(3) p>a.on[data-v-7ffa40e8] { color: #e62226; border-color: #e62226; } .sendiv p>a[data-v-7ffa40e8]:after { opacity: .5; } .sendiv p>a[data-v-7ffa40e8]:hover:after, .sendiv p>a.on[data-v-7ffa40e8]:after { opacity: 1; } .mods-editadrs form .mcc-item[data-v-7ffa40e8], .mods-editadrs form .mcc-item>div[data-v-7ffa40e8], .mods-editadrs form>p[data-v-7ffa40e8] { float: left; } .mods-editadrs form .mcc-item .mci-jx[data-v-7ffa40e8] { height: 30px; line-height: 30px; font-size: 12px; } .mods-editadrs form .mcc-item .mci-jx[data-v-7ffa40e8]:nth-child(2) { padding: 25px 10px 0 10px; } .mods-editadrs form .mcc-item .mci-jx[data-v-7ffa40e8]:nth-child(4) { color: #e62226; padding: 25px 0 0 10px; } .mods-editadrs form .mi-btn[data-v-7ffa40e8] { width: 100%; text-align: left; margin-top: 20px; } /*编辑/新增地址弹框 end*/ /*头部购物车面板添加券卡类型区分 zly 2018-05-15 start*/ .cartlist .head-cardtype[data-v-7ffa40e8] { height: 20px; margin: 10px; width: 100%; } .cartlist .head-cardtype>a[data-v-7ffa40e8] { position: relative; display: inline-block; padding: 0 8px; line-height: 20px; background: #fff; } .cartlist .head-cardtype>a.on[data-v-7ffa40e8] { background: #e62226; color: #fff; } .cartlist .head-cardtype>a i[data-v-7ffa40e8] { display: none; position: absolute; left: 50%; margin-left: -5px; bottom: -5px; border-top: solid 5px #e62226; border-left: solid 5px transparent; border-right: solid 5px transparent; } .cartlist .head-cardtype>a.on i[data-v-7ffa40e8] { display: block; } /*头部购物车面板添加券卡类型区分 end*/ /*加载中*/ .el-icon-loader[data-v-7ffa40e8]:before, .el-icon-loader[data-v-7ffa40e8]:after, .el-icon-loader[data-v-7ffa40e8] { width: 15px; height: 15px; border-radius: 50%; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: loading-data-v-7ffa40e8 1s infinite ease; animation: loading-data-v-7ffa40e8 1s infinite ease; } .el-icon-loader[data-v-7ffa40e8] { position: relative; margin: 0 auto; margin-bottom: 35px; text-indent: -9999px; -webkit-animation-delay: .13s; animation-delay: .13s } .el-icon-loader[data-v-7ffa40e8]:before { left: -35px; } .el-icon-loader[data-v-7ffa40e8]:after { left: 35px; -webkit-animation-delay: .26s; animation-delay: .26s } .el-icon-loader[data-v-7ffa40e8]:before, .el-icon-loader[data-v-7ffa40e8]:after { position: absolute; top: 0; content: '' } @-webkit-keyframes loading-data-v-7ffa40e8 { 0%, 100% { -webkit-box-shadow: 0 25px 0 -3px #fc8f8f; box-shadow: 0 25px 0 -3px #fc8f8f; } 25%, 75% { -webkit-box-shadow: 0 25px 0 -1px #fc8f8f; box-shadow: 0 25px 0 -1px #fc8f8f; } 50% { -webkit-box-shadow: 0 25px 0 1px #fc8f8f; box-shadow: 0 25px 0 1px #fc8f8f; } } @keyframes loading-data-v-7ffa40e8 { 0%, 100% { -webkit-box-shadow: 0 25px 0 -3px #fc8f8f; box-shadow: 0 25px 0 -3px #fc8f8f; } 25%, 75% { -webkit-box-shadow: 0 25px 0 -1px #fc8f8f; box-shadow: 0 25px 0 -1px #fc8f8f; } 50% { -webkit-box-shadow: 0 25px 0 1px #fc8f8f; box-shadow: 0 25px 0 1px #fc8f8f; } } /*商品详情页添加配送范围 start zly 2018.05.17*/ .dispatching[data-v-7ffa40e8] { position: relative; margin: 20px auto; padding: 10px 5px 0 0; line-height: 20px; } .dispatching p[data-v-7ffa40e8] { color: #999; font-size: 14px; } .dispatching p span[data-v-7ffa40e8] { color: #333; } .dispatching p i[data-v-7ffa40e8] { float: right; font-size: 16px; } .dispatching div[data-v-7ffa40e8] { display: none; position: absolute; z-index: 3; left: -1px; top: 30px; width: calc(100% - 40px); background: #fff; color: #333; padding: 5px 30px 5px 10px; border: solid 1px #eee; border-top: none; -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, .05); box-shadow: 1px 1px 6px rgba(0, 0, 0, .05); line-height: 25px; } .dispatching[data-v-7ffa40e8]:hover { padding-left: 10px; border: solid 1px #eee; border-bottom: none; -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, .05); box-shadow: 1px 1px 6px rgba(0, 0, 0, .05); } .dispatching:hover div[data-v-7ffa40e8] { display: block; } /*商品详情页添加配送范围 end*/ /*element插件图标样式会被商城的字体图标覆盖，这里重新定义一下插件图标 start*/ [class*=" el-icon-"][data-v-7ffa40e8], [class^=el-icon-][data-v-7ffa40e8] { font-family: element-icons !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; vertical-align: baseline; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .el-picker-panel__icon-btn[data-v-7ffa40e8]:hover, .el-dialog__headerbtn:focus .el-dialog__close[data-v-7ffa40e8], .el-dialog__headerbtn:hover .el-dialog__close[data-v-7ffa40e8] { color: #409eff; background: transparent; } /*element插件图标样式会被商城的字体图标覆盖，这里重新定义一下插件图标 end*/ .yhqbox .mods-cont[data-v-7ffa40e8] { width: 500px !important; height: auto !important; min-height: 400px; } .yhqbox .mods-cont[data-v-7ffa40e8] { margin-left: -250px !important; } .yhqbox .mc_tent .mct_right[data-v-7ffa40e8] { width: 440px !important; } /*element 提示框按钮样式自定义*/ .el-button--primary[data-v-7ffa40e8] { background-color: #e62226 !important; border-color: #e62226 !important; } /*element 日期插件样式自定义 start*/ .el-date-table td.current:not(.disabled) span[data-v-7ffa40e8] { background-color: #e62226 !important; color: #fff!important; } .el-date-table td.today span[data-v-7ffa40e8], .el-date-table td.available[data-v-7ffa40e8]:hover, .el-date-picker__header-label.active[data-v-7ffa40e8], .el-date-picker__header-label[data-v-7ffa40e8]:hover { color: #e62226 !important; } .el-picker-panel__icon-btn[data-v-7ffa40e8]:hover, .el-dialog__headerbtn:focus .el-dialog__close[data-v-7ffa40e8], .el-dialog__headerbtn:hover .el-dialog__close[data-v-7ffa40e8] { color: #e62226 !important; } .el-input__inner[data-v-7ffa40e8]:active { border-color: #e62226 !important; } .el-input.is-active .el-input__inner[data-v-7ffa40e8], .el-input__inner[data-v-7ffa40e8]:focus { border-color: #e62226 !important; } /*element 日期插件样式自定义 end*/ .el-input-number__decrease[data-v-7ffa40e8]:hover, .el-input-number__increase[data-v-7ffa40e8]:hover { color: #e62226 !important; } /*订单结算页公用 start*/ .header-searchbar-logo .cart-tit[data-v-7ffa40e8] { float: left; display: inline-block; padding-left: 204px; font-size: 22px; line-height: 50px; } .icon-vip2[data-v-7ffa40e8]:before { content: "\E604"; } .el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner[data-v-7ffa40e8]:not(.is-disabled), .el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner[data-v-7ffa40e8]:not(.is-disabled) { border-color: #e62226 !important; } .router-link-exact-active[data-v-7ffa40e8] { color: #e62226 !important; } body[data-v-7ffa40e8] { background-color: #f6f6f6; } .header-searchbar[data-v-7ffa40e8] {background-color: #f6f6f6; } .announce + .header-searchbar[data-v-7ffa40e8] {margin-top: 5px; } /*------------------------------------------------------------------- 商品详情样式 ----------------------------------- */ /*商品详情页整合到公共中 start*/ /*商品详情*/ .pro-intro[data-v-7ffa40e8] { margin-top: 20px; font-size: 14px; } #MagnifierWrap2[data-v-7ffa40e8] { position: relative; width: 402px; } .MagnifierMain[data-v-7ffa40e8] { position: relative; width: 400px; height: 400px; border: 1px solid #e0e0e0; background: #fff; } .MagnifierMain img[data-v-7ffa40e8] { position: absolute; width: 100%; margin: auto; top: 0; right: 0; bottom: 0; left: 0; } .MagnifierDrag[data-v-7ffa40e8] { position: absolute; top: 0; left: 0; background-color: #ccc; opacity: 0.4; filter: alpha(opacity=40); cursor: move; } .MagnifierPop[data-v-7ffa40e8] { position: absolute; top: 0; overflow: hidden; z-index: 99; } .MagnifierImg[data-v-7ffa40e8] { position: absolute; top: 0; left: 0; } .pro-intro-des[data-v-7ffa40e8] { margin-bottom: 10px; color: #de2124; line-height: 22px; } .pro-intro .itemInfo-wrap[data-v-7ffa40e8] { margin-left: 30px; width: 562px; } .pro-intro-name[data-v-7ffa40e8] { font-size: 16px; font-weight: bold; color: #666; padding-top: 10px; line-height: 28px; margin-bottom: 5px; } .pro-intro-name em[data-v-7ffa40e8] { color: #ffb019; } .pro-intro-price[data-v-7ffa40e8] { background-color: #f6f6f6; min-height: 110px; position: relative; padding: 10px; background-image: url('https://presale.jhtsoft.com/picms/385176d258c980.png'), url('https://presale.jhtsoft.com/picms/385179c46ae0c6.png'), url('https://presale.jhtsoft.com/picms/38517cf2729a20.png'); background-position: 320px top, 30px 100px, 400px 84px; background-size: 92px 44px, 150px 72px, 150px 72px; background-repeat: no-repeat, no-repeat, no-repeat; } .itemInfo-wrap dt[data-v-7ffa40e8] { float: left; color: #666; min-width: 42px; } .itemInfo-wrap dd[data-v-7ffa40e8] { padding-left: 50px; text-align: left; } .itemInfo-wrap .pro-price[data-v-7ffa40e8] { padding-top: 10px; margin-bottom: 10px; } .itemInfo-wrap .pro-price dt[data-v-7ffa40e8] { margin-top: 10px; margin-right: 10px; } .itemInfo-wrap .pro-price-zx[data-v-7ffa40e8] { margin-bottom: 10px; font-size: 12px; color: #999; } .itemInfo-wrap .pro-price-zx dd[data-v-7ffa40e8] { padding-left: 63px; } .itemInfo-wrap .pro-price-zx span[data-v-7ffa40e8] { font-size: 18px; color: #333; font-family: Arial, Verdana, "\5B8B\4F53"; } .itemInfo-wrap .pro-price-zx em[data-v-7ffa40e8] { font-size: 14px; } .itemInfo-wrap .pro-price-zx i[data-v-7ffa40e8] { display: inline-block; color: #ffa641; margin-left: 10px; margin-right: 5px; } .itemInfo-wrap .pro-price dd[data-v-7ffa40e8] { color: #de2124; font-size: 28px; font-family: Arial, Verdana, "\5B8B\4F53"; font-weight: bold; } .itemInfo-wrap .pro-price dd em[data-v-7ffa40e8] { font-size: 14px; padding-right: 5px; } .itemInfo-wrap .pro-promotion[data-v-7ffa40e8] { padding: 10px 0; position: relative; } .itemInfo-wrap .pro-promotion dd p[data-v-7ffa40e8] { padding-bottom: 10px; font-size: 12px; color: #999; line-height: 18px; } .itemInfo-wrap .pro-promotion dd p em[data-v-7ffa40e8] { display: inline-block; margin-right: 5px; padding: 0 5px; height: 16px; line-height: 16px; text-align: center; border: 1px solid #de2124; color: #de2124; border-radius: 2px; } .itemInfo-wrap .pro-promotion p i[data-v-7ffa40e8] { display: inline-block; color: #fda742; } .itemInfo-wrap .promotion-num[data-v-7ffa40e8] { position: absolute; top: 10px; right: 10px; font-size: 12px; color: #999; line-height: 20px; } .itemInfo-wrap .promotion-num a[data-v-7ffa40e8]:hover { color: #de2124; } .prom-gift em[data-v-7ffa40e8], .prom-gift .prom-gift-list[data-v-7ffa40e8] { float: left; } .prom-gift-list[data-v-7ffa40e8] { display: inline-block; width: 450px; } .prom-gift em[data-v-7ffa40e8] { margin-top: 5px; } .prom-gift-list span[data-v-7ffa40e8] { display: inline-block; padding: 0 5px; height: 30px; } .gift-number[data-v-7ffa40e8] { color: #DE2124; display: inline-block; vertical-align: top; margin-top: 5px; } .prom-gift-list small[data-v-7ffa40e8] { display: inline-block; vertical-align: top; margin-top: 5px; } .txtc-g[data-v-7ffa40e8] { color: #0079b6; } .take-quan[data-v-7ffa40e8] { font-size: 12px; display: inline-block; padding-left: 18px; font-weight: 400; } .itemInfo-wrap .pro-tips[data-v-7ffa40e8] { position: relative; margin-top: 20px; height: 48px; line-height: 48px; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #e0e0e0; display: -webkit-box; display: -ms-flexbox; display: flex; } .itemInfo-wrap .pro-tips>span[data-v-7ffa40e8] { display: inline-block; border-left: 1px solid #e0e0e0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; color: #666; position: relative; } .itemInfo-wrap .pro-tips span[data-v-7ffa40e8]:first-child { border: none; } .pro-tips span i[data-v-7ffa40e8] { width: 16px; height: 16px; font-size: 16px; line-height: 16px; margin-left: 10px; } .pro-tips span i[data-v-7ffa40e8]:hover { cursor: pointer; } .pro-tips .code-box[data-v-7ffa40e8] { position: absolute; z-index: 2; top: 43px; left: 50%; margin-left: -90px; display: none; } .pro-tips .arrow[data-v-7ffa40e8] { position: absolute; left: 50%; top: -3px; margin-left: -2px; border-style: solid; border-width: 5px; border-color: #fff #fff transparent transparent; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-box-shadow: 2px -2px 2px #e0e0e0; box-shadow: 2px -2px 2px #e0e0e0; width: 0; height: 0px; display: inline-block; } .pro-tips .code-con[data-v-7ffa40e8] { width: 178px; height: 198px; border: 1px solid #E0E0E0; background-color: #fff; -webkit-box-shadow: 0 0 5px #ddd; box-shadow: 0 0 5px #ddd; } .pro-tips .code-con img[data-v-7ffa40e8] { display: block; width: 140px; height: 140px; margin: 20px auto 0; } .pro-tips .code-con p[data-v-7ffa40e8] { line-height: 15px; margin-top: 12px; text-align: center; font-size: 14px; } .pro-tips span i:hover+.code-box[data-v-7ffa40e8] { display: block; } .pro-tips span.click-notice[data-v-7ffa40e8]:hover { cursor: pointer; color: #de2124; } .itemInfo-wrap .pro-promotion dd p strong[data-v-7ffa40e8] { padding-left: 30px; } .itemInfo-wrap .pro-promotion dd p strong a[data-v-7ffa40e8] { padding-left: 5px; } .promotionall[data-v-7ffa40e8] { display: block; } .promotionall p[data-v-7ffa40e8] { width: 500px; height: 18px; position: absolute; } .promotionall p em[data-v-7ffa40e8] { display: inline-block; } .promotionall p a[data-v-7ffa40e8] { display: inline-block; float: right; margin-right: 18px; color: #999999; } .promotionall p a i[data-v-7ffa40e8] { color: #999 !important; display: block; position: absolute; right: 0; top: 2px; } .promotioninfo[data-v-7ffa40e8] { display: none; } .showprom[data-v-7ffa40e8] { background-image: url('https://presale.jhtsoft.com/picms/385176d258c980.png'), url('https://presale.jhtsoft.com/picms/385179c46ae0c6.png'), url('https://presale.jhtsoft.com/picms/38517cf2729a20.png'); background-position: 320px top, 30px bottom, 400px bottom; background-size: 92px 44px, 150px 72px, 150px 72px; background-repeat: no-repeat, no-repeat, no-repeat; } .showprom .promotionall[data-v-7ffa40e8] { display: none; } .showprom .promotioninfo[data-v-7ffa40e8] { display: block; } .xsdate[data-v-7ffa40e8] { font-size: 14px; padding-top: 10px; } .xsdate em[data-v-7ffa40e8] { color: #999; } .itemInfo-wrap .pro-deliver[data-v-7ffa40e8] { margin-top: 20px; color: #999; } .itemInfo-wrap .pro-guige[data-v-7ffa40e8] { margin-top: 20px; } .itemInfo-wrap .pro-guige dd[data-v-7ffa40e8] { margin-right: -10px; } .pro-guige .guige-item[data-v-7ffa40e8] { margin-right: 10px; margin-bottom: 10px; float: left; } .pro-guige .guige-item a[data-v-7ffa40e8] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #e0e0e0; } .pro-guige .guige-item img[data-v-7ffa40e8] { width: 40px; height: 40px; margin: 4px 5px 4px 10px; vertical-align: middle; } .pro-guige .guige-item i[data-v-7ffa40e8] { display: inline-block; margin: 0 10px; color: #666; vertical-align: middle; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .pro-guige .guige-item.on a[data-v-7ffa40e8] { border-color: #de2124; } .pro-guige .guige-item:hover a[data-v-7ffa40e8] { border-color: #de2124; } .itemInfo-wrap .pro-buy-num[data-v-7ffa40e8] { margin-top: 10px; height: 30px; line-height: 30px; } .itemInfo-wrap .pro-buy-num em[data-v-7ffa40e8] { width: 138px; border: 1px solid #e0e0e0; height: 28px; line-height: 28px; display: inline-block; float: left; } .itemInfo-wrap .pro-buy-num button[data-v-7ffa40e8] { float: left; display: inline-block; width: 29px; height: 28px; background: #F0F0F0; text-align: center; outline: none; border: none; } .itemInfo-wrap .pro-buy-num input[data-v-7ffa40e8] { float: left; display: inline-block; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; width: 78px; background-color: #fff; height: 28px; line-height: 28px; text-align: center; } .itemInfo-wrap .pro-buy-num small[data-v-7ffa40e8] { display: inline-block; float: left; margin-left: 10px; font-size: 14px; color: #666; } .itemInfo-wrap .pro-buy-num small b[data-v-7ffa40e8] { margin-left: 10px; } .itemInfo-wrap .pro-buy-btn[data-v-7ffa40e8] { margin-top: 20px; } .itemInfo-wrap .pro-buy-btn a[data-v-7ffa40e8] { display: block; float: left; margin-right: 10px; font-size: 18px; width: 180px; height: 50px; line-height: 50px; text-align: center; } .itemInfo-wrap .pro-buy-btn a.buy[data-v-7ffa40e8] { color: #fff; background: url('https://presale.jhtsoft.com/picms/384a4a95f1966e.jpg') no-repeat; } .itemInfo-wrap .pro-buy-btn a.add[data-v-7ffa40e8] { color: #de2124; width: 178px; height: 48px; line-height: 48px; text-align: center; border: 1px solid #de2124; background-color: #fff2f3; } .itemInfo-wrap .pro-buy-btn a.gray[data-v-7ffa40e8] { color: #a0a0a0; background: #e8e8e8; } .itemInfo-wrap .pro-buy-btn a.willdo[data-v-7ffa40e8] { color: #fff; background: #52b848; cursor: context-menu; } /*详情页查看大图 start*/ .pro-intro .preview-wrap[data-v-7ffa40e8] { width: 402px; position: relative; } .pro-intro .preview-wrap .fd[data-v-7ffa40e8] { position: relative; width: 35px; height: 35px; background-color: #ccc; position: absolute; right: 0; top: 366px; z-index: 3; } .pro-intro .preview-wrap .fd i[data-v-7ffa40e8] { display: block; color: #fff; font-size: 25px; width: 25px; height: 29px; position: absolute; left: 50%; margin-left: -12.5px; top: 50%; margin-top: -14.5px; } .pro-intro .preview-wrap .fd[data-v-7ffa40e8]:hover { cursor: pointer; opacity: 0.8; } .spec-items[data-v-7ffa40e8] { position: relative; width: 346px; height: 60px; overflow: hidden; margin: 20px auto 0; } .spec-items ul[data-v-7ffa40e8] { width: 500%; position: absolute; top: 0; left: 0; } .spec-items ul *[data-v-7ffa40e8] { -webkit-transition: all .3s; transition: all .3s; } .spec-items li[data-v-7ffa40e8] { width: 56px; height: 56px; float: left; overflow: hidden; margin-right: 10px; border: 2px solid #fff; cursor: pointer; position: relative; } .spec-items li.on[data-v-7ffa40e8] { border: 2px solid #de2124; } .spec-items li img[data-v-7ffa40e8] { position: absolute; width: 100%; margin: auto; top: 0; right: 0; bottom: 0; left: 0; } span.spe_leftBtn[data-v-7ffa40e8], span.spe_rightBtn[data-v-7ffa40e8] { position: absolute; display: block; width: 20px; height: 27px; bottom: 15px; font-size: 25px; color: #E0E0E0; } span.spe_leftBtn[data-v-7ffa40e8] { left: 0; } span.spe_rightBtn[data-v-7ffa40e8] { right: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); } span.spe_leftBtn[data-v-7ffa40e8]:hover, span.spe_rightBtn[data-v-7ffa40e8]:hover { cursor: pointer; color: #de2124; } .preview-wrap .preview-info[data-v-7ffa40e8] { margin-top: 20px; } .preview-info a[data-v-7ffa40e8] { display: inline-block; left: 0; margin-right: 20px; font-size: 14px; color: #666; } .preview-info a i[data-v-7ffa40e8] { padding-right: 10px; color: #de2124; } .preview-info a.click-share[data-v-7ffa40e8] { position: relative; } .preview-info a.click-share .code-box[data-v-7ffa40e8] { top: 25px; } .preview-info a.bz[data-v-7ffa40e8] { float: right; margin-right: 0; } .preview-info a.bz i[data-v-7ffa40e8] { color: #666; } .preview-info a.on[data-v-7ffa40e8] { color: #de2124; } /*分享二维码*/ .click-share .code-box[data-v-7ffa40e8] { position: absolute; top: 40px; left: 50%; margin-left: -90px; display: none; z-index: 2; } .click-share .arrow[data-v-7ffa40e8] { position: absolute; left: 50%; top: -3px; margin-left: -2px; border-style: solid; border-width: 5px; border-color: #fff #fff transparent transparent; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-box-shadow: 2px -2px 2px #e0e0e0; box-shadow: 2px -2px 2px #e0e0e0; width: 0; height: 0px; display: inline-block; } .click-share .code-con[data-v-7ffa40e8] { width: 178px; height: 198px; border: 1px solid #E0E0E0; background-color: #fff; -webkit-box-shadow: 0 0 5px #ddd; box-shadow: 0 0 5px #ddd; } .click-share .code-con img[data-v-7ffa40e8] { display: block; width: 140px; height: 140px; margin: 20px auto 0; } .click-share .code-con p[data-v-7ffa40e8] { line-height: 15px; margin-top: 12px; text-align: center; font-size: 14px; color: #333; } a.click-share:hover .code-box[data-v-7ffa40e8] { display: block; } /*end*/ /*看了又看*/ .pro-track[data-v-7ffa40e8] { width: 160px; margin-top: 20px; } .pro-track .track-tit[data-v-7ffa40e8] { position: relative; line-height: 50px; color: #333; font-weight: 400; text-align: center; } .pro-track .track-tit h3[data-v-7ffa40e8] { position: relative; font-weight: 600; color: #999; font-size: 14px; z-index: 2; display: inline-block; *display: inline; *zoom: 1; background: #fff; padding: 0 15px; } .pro-track .track-tit span[data-v-7ffa40e8] { position: absolute; z-index: 1; left: 0; right: 0; top: 25px; height: 1px; background: #f0f0f0; } .pro-track .track-con[data-v-7ffa40e8] { width: 160px; height: 510px; overflow: hidden; } .pro-track .track-con .swiper-container[data-v-7ffa40e8] { width: 160px; height: 510px; } .pro-track .track-con li[data-v-7ffa40e8] { position: relative; margin: 10px 0; text-align: center; line-height: 20px; } .pro-track .track-con li a[data-v-7ffa40e8] { display: block; } .pro-track .track-con li a .trackimg[data-v-7ffa40e8] { position: relative; width: 100%; height: 120px; padding-bottom: 3px; } .pro-track .track-con li a .trackimg img[data-v-7ffa40e8] { display: block; width: 120px; max-height: 120px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .pro-track .track-con li p[data-v-7ffa40e8] { font-size: 12px; } .pro-track .track-more[data-v-7ffa40e8] { margin: 0 auto; margin-top: 20px !important; position: relative; width: 80px; } .pro-track .track-more div[data-v-7ffa40e8] { position: absolute; background: none; height: 16px; } .pro-track .track-more div i[data-v-7ffa40e8] { display: inline-block; height: 13px; line-height: 13px; font-size: 24px; color: #dfdfdf; } .pro-track .track-more .swiper-button-next[data-v-7ffa40e8] { margin-top: 0; } .pro-track .track-more .swiper-button-prev[data-v-7ffa40e8] { margin-top: 0; } .pro-track .track-more div:first-child i[data-v-7ffa40e8] { -webkit-transform: rotate(90deg); transform: rotate(90deg); margin-top: 2px; } .pro-track .track-more div:last-child i[data-v-7ffa40e8] { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .pro-track .track-more .swiper-button-disabled[data-v-7ffa40e8] { opacity: 1; cursor: auto; pointer-events: none; } .pro-track .track-more div:hover i[data-v-7ffa40e8] { color: #de2124; } /*商品详情*/ .prodetail[data-v-7ffa40e8] { margin-top: 60px; min-height: 400px; margin-bottom: 80px; } .prodetail .prodetail-tit[data-v-7ffa40e8] { height: 38px; line-height: 38px; border: 1px solid #e0e0e0; background-color: #F6F6F6; position: relative; } .prodetail-tit h3[data-v-7ffa40e8] { display: inline-block; line-height: 38px; font-size: 16px; padding: 0 10px; cursor: pointer; color: #333; } .prodetail-tit h3[data-v-7ffa40e8]:hover { color: #de2124; opacity: 0.8; } .prodetail-tit h3.on[data-v-7ffa40e8] { background-color: #de2124; color: #fff; line-height: 40px; margin-top: -1px; } .tabBg[data-v-7ffa40e8] { background-color: #de2124; color: #fff !important; } .prodetail .promsg img[data-v-7ffa40e8] { max-width: 1200px; display: inherit; } .prodetail .prodetail-tit a[data-v-7ffa40e8] { display: inline-block; ; position: absolute; top: 4px; right: 10px; width: 88px; height: 28px; line-height: 28px; text-align: center; border: 1px solid #de2124; background-color: #FFF2F3; color: #de2124; font-size: 14px; } /* .prodetail .prodetail-tit.header-fixed a {display:inline-block;} */ .prodetail-con>p[data-v-7ffa40e8], .prodetail-con-notempty>p[data-v-7ffa40e8] { margin-top: 20px; line-height: 25px; font-size: 14px; color: #666; } .prodetail .prodetail-con table[data-v-7ffa40e8] { border-collapse: collapse; margin: 20px auto; } .prodetail-con table[data-v-7ffa40e8], .prodetail-con table td[data-v-7ffa40e8] { border: 1px solid #E0E0E0; width: 100%; line-height: 36px; font-size: 14px; color: #666; } .prodetail-con table tr td[data-v-7ffa40e8]:nth-of-type(1) { width: 20%; text-align: center; background-color: #F6F6F6; } .prodetail-con table tr td[data-v-7ffa40e8]:nth-of-type(2) { width: 30%; padding: 0 20px; } .prodetail-con table tr td[data-v-7ffa40e8]:nth-of-type(3) { width: 20%; text-align: center; background-color: #F6F6F6; } .prodetail-con table tr td[data-v-7ffa40e8]:nth-of-type(4) { width: 30%; padding: 0 20px; } /*.prodetail-con p,.prodetail-con img,.prodetail-con-pic img{ max-width: 100%; margin: 0 auto; display: block;}*/ .prodetail .header-fixed[data-v-7ffa40e8] { position: fixed; top: 0; width: 1198px; } .prodetail-con-empty[data-v-7ffa40e8] { width: 400px; margin: 90px auto 106px; position: relative; } .prodetail-con-empty p[data-v-7ffa40e8] { margin-top: 50px; font-size: 14px; color: #999; text-align: center; } .prodetail-con-empty p a[data-v-7ffa40e8] { padding-left: 20px; color: #de2124; } .prodetail-con-empty .sun[data-v-7ffa40e8] { position: absolute; z-index: 2; right: 0; top: -33px; -webkit-animation: sunwy-data-v-7ffa40e8 1s linear, shakeSign 3.5s 1s infinite; animation: sunwy-data-v-7ffa40e8 1s linear, shakeSign 3.5s 1s infinite; } @-webkit-keyframes sunwy-data-v-7ffa40e8 { from { right: 120px; top: -60px; } to { right: 0; top: -33px; } } @keyframes sunwy-data-v-7ffa40e8 { from { right: 120px; top: -60px; } to { right: 0; top: -33px; } } /** * 2018-4-26 * wyc * 商品评论*/ .syinfo-comment-info[data-v-7ffa40e8] { padding: 30px 50px; display: none; } .comment-percent[data-v-7ffa40e8] { padding-bottom: 20px; border-bottom: 1px solid #F0F0F0; } .comment-percent-l[data-v-7ffa40e8] { width: 115px; float: left; } .comment-percent-l .percent-con[data-v-7ffa40e8] { width: 115px; height: 55px; background-color: #ff6900; border-radius: 4px; -webkit-border-radius: 4px; text-align: center; line-height: 55px; color: #fff; font-size: 36px; font-weight: bold; position: relative; } .comment-percent-l .percent-con .arrowdown[data-v-7ffa40e8] { position: absolute; border-top: solid 8px #ff6900; border-right: solid 5px transparent; border-left: solid 5px transparent; left: 50%; top: 55px; margin-left: -5px; } .comment-percent-l p[data-v-7ffa40e8] { text-align: center; font-size: 16px; color: #FF6900; margin-top: 18px; } .comment-percent-r[data-v-7ffa40e8] { padding-left: 200px; } .comment-percent-r a[data-v-7ffa40e8] { display: inline-block; padding: 5px 10px; margin-right: 10px; margin-bottom: 10px; border: 1px solid #e0e0e0; font-size: 14px; color: #999; border-radius: 4px; -webkit-border-radius: 4px; } .comment-list[data-v-7ffa40e8] { margin-top: 24px; } .comment-list .comment-list-tab[data-v-7ffa40e8] { padding-bottom: 10px; border-bottom: 4px solid #f1f1f1; position: relative; } .comment-list .comment-list-tab a.on[data-v-7ffa40e8] { color: #e62226; } .comment-list .comment-list-tab a[data-v-7ffa40e8] { display: inline-block; margin-right: 40px; color: #666; font-size: 14px; } .comment-list .comment-list-tab label[data-v-7ffa40e8] { color: #666; font-size: 14px; position: absolute; padding-left: 17px; right: 0px; cursor: pointer; } .comment-list .comment-list-tab label input[type="checkbox"][data-v-7ffa40e8] { display: none; } .comment-list .comment-list-tab label .showBox[data-v-7ffa40e8] { border: 1px solid #666; display: inline-block; width: 12px; height: 12px; border-radius: 3px; font-size: 13px; line-height: 12px; position: absolute; top: 1px; left: 0px; color: #fff; } .comment-list .comment-list-tab label input[type="checkbox"]:checked+.showBox[data-v-7ffa40e8] { color: #666; } .comment-list .comment-item[data-v-7ffa40e8] { padding-top: 40px; border-bottom: 1px solid #F0F0F0; position: relative; } .comment-list .comment-item-l[data-v-7ffa40e8] { width: 160px; text-align: center; } .comment-list .comment-item-l img[data-v-7ffa40e8] { width: 72px; height: 72px; border-radius: 100%; -webkit-border-radius: 100%; margin-bottom: 20px; } .comment-list .comment-item-l p[data-v-7ffa40e8] { margin-bottom: 8px; color: #666; font-size: 14px; } .comment-list .comment-item-l p[data-v-7ffa40e8] { margin-bottom: 8px; color: #666; font-size: 14px; } .comment-list .comment-item-l p i[data-v-7ffa40e8] { font-size: 18px; color: #F18110; padding-right: 5px; } .comment-list .comment-item-r[data-v-7ffa40e8] { margin-left: 40px; width: 900px; font-size: 14px; position: relative; } .comment-list .comment-item-r .comment-start[data-v-7ffa40e8] { margin-top: 5px; margin-bottom: 15px; } .comment-list .comment-item-r .comment-start i[data-v-7ffa40e8] { font-size: 20px; color: #FFA133; margin-right: 3px; } .comment-list .comment-item-r .comment-start i.gray[data-v-7ffa40e8] { color: #DDDDDD; } .comment-list .comment-item-r>p[data-v-7ffa40e8] { font-size: 14px; color: #666; line-height: 25px; margin-bottom: 15px; word-break: break-word; -webkit-word-break: break-word; } .comment-list .comment-item-r .comment-tip[data-v-7ffa40e8] { padding-bottom: 20px; } .comment-list .comment-item-r .comment-tip span[data-v-7ffa40e8] { display: inline-block; padding: 5px 10px; border: 1px solid #e0e0e0; margin-right: 10px; color: #999; border-radius: 4px; -webkit-border-radius: 4px; } .comment-list .comment-item-r .comment-item-tim[data-v-7ffa40e8] { color: #999; font-size: 14px; padding-bottom: 12px; } .comment-list .comment-img li[data-v-7ffa40e8] { margin-right: 10px; margin-bottom: 10px; float: left; } .comment-list .comment-img li img[data-v-7ffa40e8] { width: 60px; height: 60px; cursor: pointer; border: 1px solid #e2e2e2; padding: 1px; } .sizeCol1[data-v-7ffa40e8] { border-color: #e62226 !important; color: #e62226 !important; } .sizeCol2[data-v-7ffa40e8] { color: #e62226 !important; } .zomIcon[data-v-7ffa40e8] { margin-bottom: 15px; /*width: auto;height: auto;*/ } .zomIcon img[data-v-7ffa40e8] { cursor: -webkit-zoom-out; cursor: zoom-out; max-width: 370px; max-height: 478px; display: block; } .comment-list .comment-item-r .addComment[data-v-7ffa40e8] { border-top: 1px solid #f0f0f0; padding-top: 12px; } .comment-list .comment-item-r .addComment>div[data-v-7ffa40e8] { color: #999; font-size: 12px; } .comment-list .comment-item-r .addComment>p[data-v-7ffa40e8] { color: #666; padding: 10px 0px 20px 0px; word-break: break-word; -webkit-word-break: break-word; font-size: 14px; line-height: 25px; } .comment-list .comment-img li img.on[data-v-7ffa40e8] { border: 2px solid #de2124 !important; } /*E 商品评论*/ /*查看大图弹框 start*/ .mods-bigimg .mods-cont[data-v-7ffa40e8] { width: 1045px; height: 700px; margin-left: -522.5px; margin-top: -350px; } .mods-bigimg .mc-cont[data-v-7ffa40e8] { padding: 25px 10px; } .mods-bigimg .layer-img[data-v-7ffa40e8] { width: 800px; height: 600px; text-align: center; overflow: auto; margin-right: 20px; } .mods-bigimg .layer-img li[data-v-7ffa40e8] { float: left; width: 800px; height: 800px; } .mods-bigimg .layer-img li img[data-v-7ffa40e8] { max-width: 800px; max-height: 800px; min-width: 550px; min-height: 550px; } .mods-bigimg .layer-side[data-v-7ffa40e8] { width: 175px; float: right; padding-top: 20px; color: #666; font-size: 12px; } .layer-side .pro-name[data-v-7ffa40e8] { max-height: 66px; font-size: 14px; font-weight: 400; line-height: 160%; overflow: hidden; } .layer-side .pro-price[data-v-7ffa40e8] { padding: 5px 0 8px; } .layer-side .pro-price span[data-v-7ffa40e8] { font-size: 18px; color: #e4393c; } .layer-side .side-list[data-v-7ffa40e8] { border: 1px solid #e4e4e4; padding: 14px; margin-top: 15px; } .layer-side .side-list img[data-v-7ffa40e8] { width: 56px; height: 56px; } .layer-side .side-list a[data-v-7ffa40e8] { display: block; float: left; width: 56px; height: 56px; position: relative; margin: 6px; padding: 1px; border: 1px solid #e4e4e4; } .side-list a.on[data-v-7ffa40e8], .side-list a[data-v-7ffa40e8]:hover { padding: 0; border: 2px solid #de2124; } /*查看大图弹框end*/ /* 每月可发货日期下拉框 */ .dateSlt .el-select-dropdown__list[data-v-7ffa40e8]{width: 380px!important;padding: 6px 10px; } .flexUI[data-v-7ffa40e8]{display:-o-flex;display:-ms-flex;display:-moz-flex;display:-webkit-box;display:-ms-flexbox;display:flex } .flexUpDownCenter[data-v-7ffa40e8]{display:-o-flex;display:-ms-flex;display:-moz-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-o-align-items:center;-ms-align-items:center;-moz-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center } .flexBet[data-v-7ffa40e8]{display:-o-flex;display:-ms-flex;display:-moz-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-o-align-items:center;-ms-align-items:center;-moz-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-o-justify-content:space-between;-ms-justify-content:space-between;-moz-justify-content:space-between;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between } .flexAro[data-v-7ffa40e8]{display:-o-flex;display:-ms-flex;display:-moz-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-o-justify-content:space-around;-ms-justify-content:space-around;-moz-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around } /*表格通用样式*/ .el-table[data-v-7ffa40e8] {color: #666; } .el-input__inner[data-v-7ffa40e8],.el-textarea__inner[data-v-7ffa40e8] {color: #333 !important; } .el-table--enable-row-hover .el-table__body tr:hover > td[data-v-7ffa40e8] {background-color: #fafafa !important; } .comTable th[data-v-7ffa40e8],.el-table thead.is-group th[data-v-7ffa40e8] {background-color:#f6f6f6!important; color: #333;padding: 8px 0; } .comTable .el-table__fixed-right-patch[data-v-7ffa40e8] {background-color: #f6f6f6 } .comTable td:last-child span.greenColor[data-v-7ffa40e8],.comTable td:last-child a.greenColor[data-v-7ffa40e8] {cursor: pointer;padding:10px 5px; } .comTable td:last-child span.greenColor[data-v-7ffa40e8],.comTable td:last-child a.greenColor[data-v-7ffa40e8] {margin-left:-5px; } .el-table__fixed-right[data-v-7ffa40e8]{z-index: 1; } .comTable small[data-v-7ffa40e8] {display:block; color:#999; } .comTable .el-tag[data-v-7ffa40e8] {height: 16px; padding: 0 2px;line-height: 14px; font-size: 12px; } .el-table__body tr.hover-row>td[data-v-7ffa40e8] {background-color: #fafafa; } .el-table__body tr.current-row>td[data-v-7ffa40e8]{background-color: #f6f6f6; } .el-tag.el-tag--warning[data-v-7ffa40e8] {background:#fff2eb;border-color:#ffe9db;color:#ff7018; } .colorBlue[data-v-7ffa40e8] {color:#0079b6 } .fwBold[data-v-7ffa40e8] {font-weight:bold; } /*操作列图标按钮样式*/ .handle[data-v-7ffa40e8] {font-size: 0; } .handle > span[data-v-7ffa40e8],.handle a[data-v-7ffa40e8] {font-size: 14px; display: inline-block;vertical-align: middle; } .handle > span[data-v-7ffa40e8]:not(:last-child),.handle a[data-v-7ffa40e8]:not(:last-child) {margin-right: 15px; } .handle span i[data-v-7ffa40e8],.handle a i[data-v-7ffa40e8]{font-size: 18px; } .handle span[data-v-7ffa40e8]:hover,.handle a[data-v-7ffa40e8]:hover {cursor: pointer;color: #0079b6; } /* 禁止配送提示 S */ .warnText[data-v-7ffa40e8] { color: #ff5f20; margin-left: 20px; } .warnText i[data-v-7ffa40e8] { margin-right: 5px; } .warnText i[data-v-7ffa40e8]::before { content: "\E626"; } /* 禁止配送提示 E */ /*置灰说明*/ .greytip[data-v-7ffa40e8]{line-height: 30px; display: block; margin-top: -25px; padding-left: 20px; margin-bottom: 5px; font-size: 12px; color: #999; } .formtip[data-v-7ffa40e8] {padding-right:20px; } .greytip i[data-v-7ffa40e8],.formtip i[data-v-7ffa40e8]{display:inline-block;color:#f18110; padding-right:5px; } .txtLineTwo[data-v-7ffa40e8] { font-size: 12px; max-height: 40px;line-height: 20px;display: -webkit-box!important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space:normal;word-break: break-all;overflow: hidden; } .imgre[data-v-7ffa40e8] { position: relative; } .imgab[data-v-7ffa40e8] { position: absolute; display: inline-block; width:228px; height:230px; background:rgba(0,0,0,.85); left: 202px; top:132px; } .imgab big[data-v-7ffa40e8] { width: 229px; height: 50px; color: #ffffff; display: inline-block; text-align: center; margin-top: 54px; } .butts[data-v-7ffa40e8] { background: rgb(230, 34, 38); width: 100px; height: 40px; text-align: center; margin-left: 62px; font-size: 20px; color: #ffffff; border-radius: 5px; } .payment[data-v-7ffa40e8] { color: #666; } .payment p[data-v-7ffa40e8], .payment>dl[data-v-7ffa40e8] { font-size: 14px; } .payment>p[data-v-7ffa40e8] { line-height: 25px; margin: 10px 0; } .payment>p>span[data-v-7ffa40e8] { display: inline-block; } .payment>p>span[data-v-7ffa40e8]:first-child { float: left; } .payment>p>span[data-v-7ffa40e8]:nth-child(2) { float: right; } .payment>p>span b[data-v-7ffa40e8], .payment>p>span i[data-v-7ffa40e8] { color: #e62226; margin: 0 5px; font-weight: 600; } .payment>dl[data-v-7ffa40e8] { margin-bottom: 30px; } .payment>dl dt[data-v-7ffa40e8] { display: block; text-align: right; line-height: 20px; } .payment>dl dt a[data-v-7ffa40e8] { color: #0079b6; } .payment>dl dt a i[data-v-7ffa40e8] { display: inline-block; width: 0; height: 0; margin-left: 10px; border-top: solid 8px #0079b6; border-right: solid 8px transparent; border-left: solid 8px transparent; } .payment>dl dd[data-v-7ffa40e8] { max-height: 0; overflow: hidden; margin-top: 10px; } .payment>dl dd.exopen[data-v-7ffa40e8] { max-height: 500px; } .payment>dl dd>p[data-v-7ffa40e8]:first-child { border-top: solid 1px #f0f0f0; padding-top: 10px; } .payment>dl dd>p[data-v-7ffa40e8], .payment>dl dd ul[data-v-7ffa40e8] { line-height: 25px; overflow: hidden; } .payment>dl dd>p>span[data-v-7ffa40e8], .payment>dl dd>p>em[data-v-7ffa40e8], .payment>dl dd>p>em>b[data-v-7ffa40e8], .payment>dl dd>p>em>i[data-v-7ffa40e8], .payment>dl dd>p>span[data-v-7ffa40e8]:before, .payment>dl dd>p>em[data-v-7ffa40e8]:before { display: inline-block; float: left; } .payment>dl dd>p>span[data-v-7ffa40e8] { margin-right: 20px; width: auto; max-width: 65%; } .payment>dl dd>p>em>b[data-v-7ffa40e8] { margin-right: 15px; width: auto; max-width: 150px; } .payment>dl dd ul[data-v-7ffa40e8] { position: relative; padding-left: 70px; } .payment>dl dd ul li[data-v-7ffa40e8] { width: 100%; } .payment>dl dd ul i[data-v-7ffa40e8] { position: absolute; left: 0; top: 0; } .payment>dl dd ul li em[data-v-7ffa40e8] { display: block; max-width: 50%; color: #666; } .payment .paym-wrap[data-v-7ffa40e8] { position: relative; padding: 20px 50% 70px 140px; background: url(https://presale.jhtsoft.com/picms/38502389a811c4.png) no-repeat 70% center; -webkit-box-shadow: 1px 0 8px rgba(0, 0, 0, .1); box-shadow: 1px 0 8px rgba(0, 0, 0, .1); } .payment .paym-wrap>label[data-v-7ffa40e8] { position: absolute; left: 0; top: 20px; display: inline-block; width: 100px; height: 40px; line-height: 40px; color: #fff; font-size: 18px; text-align: center; background: url(https://presale.jhtsoft.com/picms/384a5b8fb4c986.png) no-repeat; background-position: left -100px; } .payment .paym-wrap>h5[data-v-7ffa40e8] { line-height: 40px; float: none !important; } .payment .paym-wrap>h5 b[data-v-7ffa40e8] { color: #e62226; margin: 0 5px; } .payment .paym-wrap>.pw-cont[data-v-7ffa40e8] { width: 350px; padding-bottom: 0; border: solid 1px #f0f0f0; border-bottom: none; margin-top: 10px; } .payment .paym-wrap>.pw-cont a[data-v-7ffa40e8] { display: block; padding: 30px; width: 290px; height: 290px; } .payment .paym-wrap>.pw-cont a img[data-v-7ffa40e8] { width: 290px; height: 290px; } .payment .paym-wrap>.pw-cont p[data-v-7ffa40e8] { padding: 0 20px; width: 310px; line-height: 50px; background: url(https://presale.jhtsoft.com/picms/38501f99dabdce.jpg) #e62226 repeat-x left top; background-size: 6px auto; color: #fff; font-size: 16px; } .payment .paym-wrap>.pw-cont p i[data-v-7ffa40e8] { display: inline-block; width: 103px; text-align: center; } .payment .paym-wrap>.pw-cont p i[data-v-7ffa40e8]:not(:last-child):after { content: '\E65C'; float: right; } .payment .paym-option[data-v-7ffa40e8] { padding: 20px; margin: 20px 0; -webkit-box-shadow: 1px 0 8px rgba(0, 0, 0, .1); box-shadow: 1px 0 8px rgba(0, 0, 0, .1); } .payment .paym-option li[data-v-7ffa40e8] { display: inline-block; line-height: 30px; font-size: 16px; margin-right: 50px; cursor: pointer; } .payment .paym-option li[data-v-7ffa40e8]:before { display: inline-block; margin-right: 10px; color: #fff; width: 30px; height: 30px; text-align: center; vertical-align: top; } .payment .paym-option li[data-v-7ffa40e8]:first-child:before { content: '\E61A'; color: #02a0ea; font-size: 30px; } .payment .paym-option li[data-v-7ffa40e8]:nth-child(2):before { content: '\E675'; border-radius: 100%; background: #ff8f1e; font-size: 20px; } /* 余额支付 */ .yezf[data-v-7ffa40e8] { height: 60px; line-height: 60px; vertical-align: middle; width: 1200px; margin-bottom: 20px; -webkit-box-shadow: 1px 0 8px rgba(0, 0, 0, .1);box-shadow: 1px 0 8px rgba(0, 0, 0, .1); } .yezf input[data-v-7ffa40e8] { display: none; } .yezf i[data-v-7ffa40e8] { display: inline-block; margin-left: 20px; margin-right: 10px; } .yezf em[data-v-7ffa40e8] {color: #333; } .yezf span[data-v-7ffa40e8] { display: inline-block; color: #666; margin-left: 40px; } .yezf span strong[data-v-7ffa40e8] { font-size: 18px; color: #e62226; padding: 0 5px; } /* 登录提示 */ .cart-tip[data-v-7ffa40e8] { width:1158px; height:30px; margin:0 auto; line-height:30px; padding:5px 20px; border:solid 1px #f3e7d3; background:#fffdf3; font-size: 14px; } .cart-tip span[data-v-7ffa40e8] {margin-right:30px; color:#ff7d4a; } .cart-tip span[data-v-7ffa40e8]:before {display:inline-block; content: "\E670"; font-size:18px; color:#ffa641; margin-right:5px; position:relative; } .cart-tip .btn[data-v-7ffa40e8] {padding:4px 5px; } /*付款弹框大小 start*/ .itemInfo-wrap .pro-buy-btn a[data-v-7ffa40e8]{display: inline-block; float: none; } .mods-fk .mods-cont[data-v-7ffa40e8] {width:740px; height:460px; padding-bottom: 20px; margin-left: -370px;margin-top: -230px; } .itemInfo-wrap .pro-buy-btn[data-v-7ffa40e8]{text-align: center; margin-top: 20px; } .itemInfo-wrap .pro-buy-btn a[data-v-7ffa40e8]{display: inline-block; float: none; } .order-addinfo>label[data-v-7ffa40e8],.mods-fk .mods-cont > h5[data-v-7ffa40e8] {line-height:35px;font-size: 16px;margin-bottom:10px; padding: 10px; } .mods-fk .odt[data-v-7ffa40e8] {display:inline-block; line-height:25px; padding:0 10px; font-size: 12px;color:#999; } .mods-fk .odt[data-v-7ffa40e8]:before {content:"\E626";color:#ffa641;font-size: 14px;margin-right:5px; } .mods-fk .odt.d-shadow[data-v-7ffa40e8] {margin-left:20px; } .fkmsg[data-v-7ffa40e8]{max-height: 350px; overflow-y: auto; -webkit-box-shadow: 0 2px 5px #eee; box-shadow: 0 2px 5px #eee; } .fkmsg > section[data-v-7ffa40e8] {width: 100%; } .fkmsg .order-paymoney>p:first-child>span[data-v-7ffa40e8] {padding-left:50%; } .fkmsg .order-paymoney>h5>p:last-child em[data-v-7ffa40e8] {max-width:45%; } .fkmsg .form-invoice[data-v-7ffa40e8] {width:calc(100% - 40px) } .fkmsg .form-invoice .fmi>li .fmi-ct-send .fmi-comonadrs[data-v-7ffa40e8] {width:680px; } .odtt-pay > span[data-v-7ffa40e8]::before {content: '\FFE5'; } /*订单支付*/ .order-addinfo ul.oda-payul[data-v-7ffa40e8]{max-height:850px; } .order-addinfo ul.sdopen[data-v-7ffa40e8] {max-height:51px; overflow:hidden; } .oda-payul>li[data-v-7ffa40e8] {font-size: 14px; } .oda-payul>li[data-v-7ffa40e8]:not(:first-child){border-top:solid 1px #f0f0f0;color:#666; } .oda-payul li .odt-tit[data-v-7ffa40e8] {background:#f6f6f6;height:50px; line-height:50px;font-size: 14px; } .oda-payul li:last-child .odt-tit[data-v-7ffa40e8] {padding:0 20px; } .mods-fk .mods-cont > h5[data-v-7ffa40e8] { font-weight: bold; background-color: #f6f6f6; } .oda-payul li .odt-tit>a[data-v-7ffa40e8] {display:inline-block;float:left;padding: 0 20px; font-size: 14px;font-weight: bold; } .oda-payul li .odt-tit>a.on[data-v-7ffa40e8] {background:#fff; } .oda-payul li .odt-tit>span[data-v-7ffa40e8] {margin-right:25px;color: #666; font-weight: bold; } .oda-payul li .odtt-pay[data-v-7ffa40e8] {padding-left:20px; height:50px; line-height:50px;font-size: 12px; color:#999; } .oda-payul li .odtt-pay[data-v-7ffa40e8]:nth-child(3){padding-top:10px; } .oda-payul li .odtt-pay[data-v-7ffa40e8]:nth-child(4){padding-bottom:10px; } .checkp em[data-v-7ffa40e8] {display:inline-block;margin-right:5px; cursor: pointer; } .checkp em[data-v-7ffa40e8]:before {content: "\E60A";margin-right:5px; } .checkp em.cselected[data-v-7ffa40e8]:before {content: "\E609"; } .checkp em [type='checkbox'][data-v-7ffa40e8] {display:none; } .oda-payul li .odtt-pay>.icon-radio.selected[data-v-7ffa40e8]:before {content: '\E65D'!important; } .oda-payul li .odtt-pay label[data-v-7ffa40e8] {font-size: 14px; color:#666; } .oda-payul li .odtt-pay b[data-v-7ffa40e8] {color:#333;margin:0 5px; } .odtt-pay>span[data-v-7ffa40e8] {background:#fff; padding:5px;border:solid 1px #f0f0f0; max-width:65px; overflow: hidden;margin:0; } .odtt-pay>span input[data-v-7ffa40e8] {max-width:51px; text-align: center; } .oda-payul li .odt-tit .odtt-tip[data-v-7ffa40e8] { margin-left:200px; color:#ff7d4a; cursor: pointer; font-weight: normal; } .oda-payul li:nth-child(3) .odt-tit .odtt-tip[data-v-7ffa40e8] {margin-left:270px; } .oda-payul li .odt-tit .odtt-tip>.icon-xjt[data-v-7ffa40e8] {display:inline-block; width:16px; height:16px; line-height:16px; } .odtt-tip>span[data-v-7ffa40e8] {top:-70px;left:-180%; } .odtt-tip:nth-child(2) span[data-v-7ffa40e8] {left:-225%; } .odtt-tip .icon-wh:hover+span[data-v-7ffa40e8] {display:inline-block; } /*绑定优惠券/账户余额*/ .oda-payul li div[data-v-7ffa40e8] {/*display:none;*/height:0;padding:0 20px;background:#fffdf3;overflow: hidden; } .odt-tit.sdopen+div[data-v-7ffa40e8] {/*display:block;*/height:auto;padding:15px 20px; } .oda-payul li div>input[data-v-7ffa40e8] {line-height:40px;border:solid 1px #f0f0f0; } .oda-payul li div>[type='text'][data-v-7ffa40e8] {width:280px; padding:0 20px; margin-right:5px; } .oda-payul li div>[type='text'][data-v-7ffa40e8]:nth-child(2) {width:120px; } .oda-payul li div>[type='text'][data-v-7ffa40e8]:hover {border-color:#ffa641; } .oda-payul li div>[type='button'][data-v-7ffa40e8] {padding:0 15px;color:#666; } .oda-payul li:nth-child(3) div>[type='button'][data-v-7ffa40e8] {padding:0 30px; } .oda-payul li div>[type='button'][data-v-7ffa40e8]:hover,.oda-payul li div>[type='button'].btn[data-v-7ffa40e8] {color:#fff; } .oda-payul li div>span[data-v-7ffa40e8] {margin-left:5px;color:#e62226; display: block;padding-top: 10px; } /*可用优惠券列表*/ .oda-payul li ul[data-v-7ffa40e8] {padding:10px;overflow: hidden; } .oda-payul li ul>li[data-v-7ffa40e8] {position:relative;display:inline-block; float:left; width:221px; height:112px; margin:10px 10px 10px 0; border:solid 1px #74d2d4; cursor: pointer; } .oda-payul li ul>li[data-v-7ffa40e8]:hover {opacity: 0.8; } .oda-payul li ul>li [type='radio'][data-v-7ffa40e8] {display:none; } .oda-payul li ul>li.selected[data-v-7ffa40e8] {width:219px;height:110px;border:solid 2px #ff7d4a!important; } .oda-payul li ul>li>em[data-v-7ffa40e8],.oda-payul li ul>li .icon-freight[data-v-7ffa40e8] {position:absolute;left:-1px; top:0; display:inline-block; } .oda-payul li ul>li>em[data-v-7ffa40e8] {z-index:3; width:100%; height:7px;background:url(http://presale.jhtsoft.com/picms/384a63398c6dae.png) repeat-x left top; } .oda-payul li ul>li>i[data-v-7ffa40e8]{position:absolute;z-index:2; left:-1px; top:0;width:0;height:0;border-top:solid 60px #ffea01;border-right:solid 60px transparent; } .oda-payul li ul>li>i[data-v-7ffa40e8]:before {content:"";position:absolute;z-index:1; left:0; top:-60px;width:0;height:0;border-top:solid 30px #74d2d4;border-right:solid 30px transparent; } .oda-payul li ul>li>i>small[data-v-7ffa40e8] {display:inline-block;position:absolute;z-index:2;left:-8px; top:-45px;color:#666; width:65px; text-align: center; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);font-size: 12px; } .oda-payul li ul>li>i.icon-freight[data-v-7ffa40e8] {border-top-color:#ffea01; } .oda-payul li ul>li>i.icon-overdate[data-v-7ffa40e8] {border-top-color:#f6f6f6; } .oda-payul li ul>li>span[data-v-7ffa40e8] {display:block; height:40px; padding:20px 30px 0 30px; margin-bottom:5px; color:#fff; text-align:center; white-space: nowrap; line-height:25px; } .oda-payul li ul>li>span>big[data-v-7ffa40e8],.oda-payul li ul>li>span>b[data-v-7ffa40e8] {display:inline-block;overflow:hidden; vertical-align:bottom; } .oda-payul li ul>li>span>big[data-v-7ffa40e8] {font-size: 28px; max-width:65px; line-height:30px; } .oda-payul li ul>li>span>big[data-v-7ffa40e8]:before {font-size: 14px; } .oda-payul li ul>li>span>b[data-v-7ffa40e8] {font-size: 14px;margin-left:10px;max-width: 85px; } .oda-payul li ul>li>small[data-v-7ffa40e8],.oda-payul li ul>li>p[data-v-7ffa40e8] {padding:0 15px; color: #74d2d4; font-size: 12px;line-height:20px;max-width:100%; white-space: nowrap; overflow: hidden; } .oda-payul li ul>li>small[data-v-7ffa40e8] {display:block; } .oda-payul li ul>li[data-v-7ffa40e8]:after {color:#ffa641; } .oda-payul li ul>li.selected>em[data-v-7ffa40e8] {display:none; } .oda-payul li ul.odap-coupon>li>span[data-v-7ffa40e8] {background: #74d2d4; } .oda-payul li ul.odap-coupon>li[data-v-7ffa40e8] {border-color:#74d2d4;border-top-color:#fff; } .oda-payul li ul.odap-coupon>li>small[data-v-7ffa40e8],.oda-payul li ul.odap-coupon>li>p[data-v-7ffa40e8] {color:#74d2d4; } .oda-payul li ul.odap-coupon>li>i[data-v-7ffa40e8]:before {border-top-color:#74d2d4; } .oda-payul li ul.odap-scoupon>li>span[data-v-7ffa40e8] {background: #7ea7ce; } .oda-payul li ul.odap-scoupon>li[data-v-7ffa40e8] {border-color:#7ea7ce;border-top-color:#fff; } .oda-payul li ul.odap-scoupon>li>small[data-v-7ffa40e8],.oda-payul li ul.odap-scoupon>li>p[data-v-7ffa40e8] {color:#7ea7ce; } .oda-payul li ul.odap-scoupon>li>i[data-v-7ffa40e8]:before {border-top-color:#7ea7ce; } .itemInfo-wrap .pro-buy-btn a[data-v-7ffa40e8]{ padding: 0 20px;line-height: 28px;text-align: center;font-size: 14px; border-radius: 8px; -webkit-border-radius:8px; } .itemInfo-wrap .pro-buy-btn a[data-v-7ffa40e8]:first-child{background-color: #f5f5f5;border: 1px solid #e0e0e0;color: #666; } .itemInfo-wrap .pro-buy-btn a[data-v-7ffa40e8]:last-child {margin-left: 10px;background-color: #e62226;border: 1px solid #e62226;color: #FFFFFF; } /*付款弹框大小 end*/ .modsHide[data-v-7ffa40e8] { display: none !important; } .paysuccess[data-v-64807538] { position: relative; } .paysuccess .marketad-tu[data-v-64807538] { right: 20px; top: 180px; } .paysuccess[data-v-64807538] { -webkit-box-shadow: 1px 0 8px rgba(0, 0, 0, .1); box-shadow: 1px 0 8px rgba(0, 0, 0, .1); margin-bottom: 20px; } .paysuccess p[data-v-64807538] { font-size: 14px; line-height: 25px; color: #666; } .paysuccess .pays-top[data-v-64807538] { position: relative; width: 300px; padding: 60px 450px 30px 450px; border-bottom: solid 1px #f0f0f0; } .paysuccess .pays-top[data-v-64807538]:before { position: absolute; left: 390px; top: 50px; line-height: 50px; color: #09bb07; content: "\E61F"; font-size: 50px; } .paysuccess .pays-top h3[data-v-64807538] { font-size: 16px; color: #333; font-weight: 600; } .paysuccess .pays-top p[data-v-64807538] { color: #999; line-height: 30px; } .paysuccess .pays-bottom[data-v-64807538] { margin: 0 auto; padding: 20px 0; } .paysuccess .pays-bottom p[data-v-64807538] { -webkit-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; padding: 5px 20px; } .paysuccess .pays-bottom p label[data-v-64807538] { color: #999; width: 420px; line-height: 25px; text-align: right; display: block; padding-right: 10px; } .paysuccess .pays-bottom p em[data-v-64807538] { display: block; width: 400px; } .lgb-cont p[data-v-64807538] { text-align: center; margin-bottom: 15px; } .lgb-cont p.tip[data-v-64807538] { color: #fff; font-size: 22px; } .lgb-cont p.zeng[data-v-64807538] {color: #fefffd; font-size: 20px; } .lgb-cont p.zeng small[data-v-64807538] { color: #fdfd00; font-size: 16px; margin-left:5px; } .lgb-cont p.zeng big[data-v-64807538] { color: #fffb02; font-size: 40px; font-weight: bold;margin-right:5px;font-family: Arial,Verdana,"\5B8B\4F53"; } .lgb-cont p.view[data-v-64807538] {color: #fefffd; font-size: 18px; } .lgb-cont p.view a[data-v-64807538] { color:#fdfd00; font-weight: bold; margin:0 5px; } .lgb-cont p.sao[data-v-64807538] {color: #fefffd; font-size: 18px; } .lgb-cont p.sao i[data-v-64807538] {color: #fffb02; display: inline-block; width: 25px; height: 25px; line-height: 25px; font-size: 25px; margin-right: 5px; vertical-align: top; margin-top: -1px; position: relative; } .sao i b[data-v-64807538] { display: block; width: 16px; position: absolute; z-index: 1; left: 50%; top: -30px; margin-left: -8px; opacity: 0; -webkit-animation: updown-data-v-64807538 1.5s 2s ease-in-out infinite; animation: updown-data-v-64807538 1.5s 2s ease-in-out infinite; } .lgb-cont p.sao em[data-v-64807538]{display: inline-block; background-image: -webkit-linear-gradient(left, #fff, #f10215); -webkit-text-fill-color: transparent; text-fill-color: transparent; -webkit-background-clip: text;background-clip: text;background-size: 200% 100%; -webkit-animation: txtcolor-data-v-64807538 2s 2s infinite linear;animation: txtcolor-data-v-64807538 2s 2s infinite linear; } .lgb-cont p.sao i[data-v-64807538]:hover {cursor: pointer; } .lgb-cont p.img img[data-v-64807538]{ width: 100%; height: auto; max-width: 150px; } .lgb-cont .ewm[data-v-64807538] { width: 160px; height: auto; margin: 0 auto; background: rgba(137,19,253,.5); } .lgb-cont .ewm img[data-v-64807538] { width: 130px; height: 130px; padding: 10px;background: #fff; margin-top: 5px; } .lgb-cont p.img img.giftimg[data-v-64807538] { display: inline-block; } .lgb-cont p.img img.codeimg[data-v-64807538] { display: none; } .lgb-cont p.ewm img.giftimg[data-v-64807538] { display: none; } .lgb-cont p.ewm img.codeimg[data-v-64807538] { display: block; width: 130px; height: 130px; margin: 0 auto; } .zoomOutRight[data-v-64807538] { -webkit-animation: zoomOutRight-data-v-64807538 1s; animation: zoomOutRight-data-v-64807538 1s;-webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .hide-body[data-v-64807538] {z-index: 104; position: relative; top: 50%; left: 50%; padding-top:35px; width: 634px; height: 600px; margin: -317px 0 0 -300px; margin-left: -500px; } .hide-body span[data-v-64807538] {display: inline-block;position: absolute;top:0; right: 0; width:35px; height:35px; line-height:35px; text-align:center; border:solid 2px #fff; border-radius:100%; color:#fff; font-size: 20px; } .hide-body[data-v-64807538] {width: 804px; height: 498px; margin-left: -500px; margin-top: -289px; } .game .hide-body[data-v-64807538] {margin-left: -402px; } .login-body[data-v-64807538] {width: 804px; height: 498px; position: relative; } .game .lgb-cont[data-v-64807538] { padding: 0; } .mobmodel[data-v-64807538] {width:246px; height: 454px; border: 2px solid #999; background-color: #eee; border-radius: 20px; position: absolute; z-index: 2; left: 44px; top: 36px;-webkit-animation: toleft-data-v-64807538 1s 1s backwards;animation: toleft-data-v-64807538 1s 1s backwards; } .tankuang[data-v-64807538] {z-index: 103; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background:rgba(0,0,0,.7); } .mobtop[data-v-64807538], .tankuang .zi[data-v-64807538], .tankuang .line1[data-v-64807538], .tankuang .line2[data-v-64807538], .tankuang .qiu[data-v-64807538] { background-image: url(https://presale.jhtsoft.com/picms/4ecf747b652bf.png); background-repeat: no-repeat; } .mobtop[data-v-64807538] { width: 235px; height: 20px; position: absolute; z-index: 1; top: 10px; left: 5.5px; background-position: -43px -305px; } .mobtop[data-v-64807538]:before {display:block;content: "";position: absolute;width: 30px; height: 4px; background-color: #ccc;top: 3px; left: 50%; margin-left: -15px; border-radius: 2px; } .mobmodel img[data-v-64807538] { display: block; width: 235px; height: 435px; margin: 10px auto; border-radius: 20px; } .tankuang .zi[data-v-64807538] { width: 285px; height: 66px; background-position: 0 0; position: absolute; z-index: 4; top: 47px; left: 340px; -webkit-animation: bounceIn .8s 1s backwards;animation: bounceIn .8s 1s backwards; } .round[data-v-64807538] {position: absolute;z-index: 3; top: 40px; left: 257px; width: 455px; height: 455px; background-image: url(https://presale.jhtsoft.com/picms/4ecf496640f45.jpg); background-size: 100% 100%; border-radius: 100%; color: #fff; border: 6px solid #9c77e6;-webkit-animation: bounceIn .8s .3s backwards;animation: bounceIn .8s .3s backwards; } .round .jpcon[data-v-64807538] {width: 325px; max-height: 196px; overflow-y: auto; margin-top: 92px; margin-left: 80px; } .round .jpcon p[data-v-64807538] { font-size:16px; line-height: 28px; text-align: left; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .round .jpcon p strong[data-v-64807538] {-webkit-box-flex: 1;-ms-flex: 1;flex: 1; } .round .jpcon p strong.font13[data-v-64807538] { font-size: 13px; } .round .gamecode[data-v-64807538] {width: 130px; height: 130px; background-color: #fff; margin: 10px auto 0; } .round .gamecode img[data-v-64807538] { width: 110px; height: 110px; display: block; margin: 0 auto; padding-top: 10px; } .succescon[data-v-64807538] { padding-top: 80px; } .tankuang .kuai1[data-v-64807538],.tankuang .kuai2[data-v-64807538],.tankuang .sj1[data-v-64807538],.tankuang .sj2[data-v-64807538],.tankuang .line1[data-v-64807538],.tankuang .line2[data-v-64807538],.tankuang .qiu[data-v-64807538] { display: block; position: absolute; } .tankuang .kuai1[data-v-64807538],.tankuang .kuai2[data-v-64807538] {width: 210px; height: 260px; background-image: url(https://presale.jhtsoft.com/picms/4ecf1b6f14f97.png); background-size: 100% 100%;z-index: 1; } .tankuang .kuai1[data-v-64807538] {top: -27px;left: 127px;-webkit-transform: rotateZ(458deg);transform: rotateZ(458deg); } .tankuang .kuai2[data-v-64807538] {top: 155px; left: 590px; -webkit-animation: pulse-data-v-64807538 1.5s infinite;animation: pulse-data-v-64807538 1.5s infinite; } .sj1ani[data-v-64807538] {-webkit-animation: pulse-data-v-64807538 2.5s infinite;animation: pulse-data-v-64807538 2.5s infinite; } .kuai1ani[data-v-64807538] {-webkit-animation: pulse-data-v-64807538 2s infinite;animation: pulse-data-v-64807538 2s infinite; } .tankuang .sj1[data-v-64807538],.tankuang .sj2[data-v-64807538] {width: 106px; height: 77px; background-image: url(https://presale.jhtsoft.com/picms/4ed0222884c98.png); background-size: 100% 100%; } .sj1ani[data-v-64807538] {position: absolute; width: 106px; height: 77px; z-index: 3; left: -30px;top: 90px; } .tankuang .sj1[data-v-64807538]{ -webkit-transform: rotateZ(-136deg);transform: rotateZ(-136deg); } .tankuang .sj2[data-v-64807538]{ z-index: 2; top: 400px; right: 60px; -webkit-animation: pulse-data-v-64807538 2.5s infinite;animation: pulse-data-v-64807538 2.5s infinite; } .tankuang .line1[data-v-64807538],.tankuang .line2[data-v-64807538] {z-index: 3; } .tankuang .line1[data-v-64807538] {width: 285px; height: 126px; background-position: 0 -167px; top: 0; left: 263px; z-index: 1; } .tankuang .line2[data-v-64807538] {width: 36px; height: 197px; background-position: 0 -303px; top: 192px; right: 53px; } .tankuang .qiu[data-v-64807538] {z-index: 2; width: 87px; height: 87px; background-position: -112px -73px; left: 269px; bottom: -10px; -webkit-animation: pulse-data-v-64807538 2s infinite;animation: pulse-data-v-64807538 2s infinite; } .marketad-tu[data-v-64807538] { position:absolute; right:0; top:0; display:none; width: 152px; height: 120px; -webkit-animation: dhpic-data-v-64807538 1s linear infinite alternate; animation: dhpic-data-v-64807538 1s linear infinite alternate; } .marketad-tu img[data-v-64807538] {width:100%; } @-webkit-keyframes pulse-data-v-64807538 { from {-webkit-transform: translate3d(0, 0, 0); } 50% {-webkit-transform: translate3d(0, -10px, 0); } to {-webkit-transform: translate3d(0, 0, 0); } } @keyframes pulse-data-v-64807538 { from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); } 50% {-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0); } to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); } } @-webkit-keyframes toleft-data-v-64807538{ 0%{ opacity: 0; left: 700px; } 100%{ opacity: 1; left: 44px; } } @keyframes toleft-data-v-64807538{ 0%{ opacity: 0; left: 700px; } 100%{ opacity: 1; left: 44px; } } @-webkit-keyframes dhpic-data-v-64807538 { 0% {transform: scale(1);-webkit-transform: scale(1); } 100% {transform: scale(1.1);-webkit-transform: scale(1.1); } } @keyframes dhpic-data-v-64807538 { 0% {transform: scale(1);-webkit-transform: scale(1); } 100% {transform: scale(1.1);-webkit-transform: scale(1.1); } } @-webkit-keyframes zoomOutRight-data-v-64807538 { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(1000px, 0, 0); } to {opacity: 0;-webkit-transform: scale(.1) translate3d(2000px, 0, 0);-webkit-transform-origin: right center; } } @keyframes zoomOutRight-data-v-64807538 { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(1000px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(1000px, 0, 0); } to {opacity: 0;-webkit-transform: scale(.1) translate3d(2000px, 0, 0);transform: scale(.1) translate3d(2000px, 0, 0);-webkit-transform-origin: right center;transform-origin: right center; } } @keyframes txtcolor-data-v-64807538 { 0%{ background-position: 0 0; } 40% { background-position: -100% 0; } 100%{ background-position: -100% 0; } } @-webkit-keyframes txtcolor-data-v-64807538 { 0%{ background-position: 0 0; } 40% { background-position: -100% 0; } 100%{ background-position: -100% 0; } } @-webkit-keyframes updown-data-v-64807538{ 0%{top: -30px; opacity: 0; } 20%{top: -5px; opacity: 1; } 80% {opacity: 1; } 100%{top: -30px;opacity: 0; } } @keyframes updown-data-v-64807538{ 0%{top: -30px; opacity: 0; } 20%{top: -5px; opacity: 1; } 80% {opacity: 1; } 100%{top: -30px;opacity: 0; } } .uinfo .uif-tip em[data-v-64807538] {margin-left:0!important; } /* * 404+500报错页面 * 2017.12.30 * 章珍 * start */ .errbox[data-v-253ff726] {position:fixed; width: 100%; height: 100vh; overflow: hidden; margin: 0 auto;background: url(https://presale.jhtsoft.com/picms/384aba89e5db24.png) #18223d no-repeat bottom center; background-attachment:fixed; overflow: hidden; } .errbox div[data-v-253ff726] {position: absolute; left: 50%; top: 50%; } /*页面上的斜线*/ .errbox-line[data-v-253ff726] {width: 1px; background-color:#FFFFFF; transform: rotate(45deg);transform-origin:left top; -ms-transform: rotate(45deg);-ms-transform-origin:left top; -moz-transform: rotate(45deg);-moz-transform-origin:left top; -webkit-transform: rotate(45deg);-webkit-transform-origin:left top; -o-transform: rotate(45deg);-o-transform-origin:left top; } .err404-line1[data-v-253ff726] { height: 44px; margin-top: -475px; margin-left: -670px; } .err404-line2[data-v-253ff726]{ height:120px ; margin-top: -222px; margin-left: 543px; } .err404-line3[data-v-253ff726]{ height:70px ;margin-top: 60px; margin-left: -324px; } .err500-line1[data-v-253ff726] { height: 115px; margin-left: -672px; margin-top:-475px; } .err500-line2[data-v-253ff726]{ height:122px ; margin-left:543px; margin-top: -160px; } .err500-line3[data-v-253ff726]{ height:70px ; margin-left:-324px; margin-top:120px; } /*报错信息盒子*/ .errbox-msg[data-v-253ff726] {width: 605px; height: 472px;margin-top:-288px;margin-left: -302.5px; text-align: center; z-index: 2; } .errbox-msg img[data-v-253ff726] {-webkit-animation:scale-data-v-253ff726 1s linear;animation:scale-data-v-253ff726 1s linear; } .errbox-msg p[data-v-253ff726] { margin-top: 82px; font-size: 20px;-webkit-animation:scale-data-v-253ff726 1s linear;animation:scale-data-v-253ff726 1s linear; } .errbox-msg p.err404-dese[data-v-253ff726] {color: #3399ff; } .errbox-msg p.err500-dese[data-v-253ff726] {color: #148aff; } .errbox-msg p em[data-v-253ff726] { font-size: 25px; } .errbox-msg p a[data-v-253ff726]{color: #ffd026; margin-left: 30px; } .errbox-msg p a[data-v-253ff726]:hover{ opacity: 0.8; filter:Alpha(opacity=80); } /*火箭飞入、火箭斜上下位移、宇宙旋转、飞船飞入以及小火箭斜上下位移的样式*/ .fire-enter[data-v-253ff726] {margin-left: -960px; margin-top:475px;-webkit-animation: animationenter-data-v-253ff726 1.5s 0.5s ease-in-out infinite;animation: animationenter-data-v-253ff726 1.5s 0.5s linear backwards; } .fire-updown[data-v-253ff726] { z-index:3; opacity:0;filter:Alpha(opacity=0);margin-left: -96px; margin-top: -380px;-webkit-animation: animationupdown-data-v-253ff726 1s 2s ease-in-out infinite;animation: animationupdown-data-v-253ff726 1s 2s ease-in-out infinite; } .errbox-boll[data-v-253ff726] {z-index:1; margin-left: 498px; margin-top: 204px; } .errbox-boll img[data-v-253ff726] { width: 73px; height: 52px; -webkit-animation:rotate-data-v-253ff726 2s infinite linear;animation:rotate-data-v-253ff726 2s infinite linear; } .ship[data-v-253ff726] {z-index:3; margin-top:-625px; margin-left:336px;-webkit-animation: ship-data-v-253ff726 0.8s 1.5s linear forwards; animation: ship-data-v-253ff726 0.8s 1.5s linear forwards; } .plane[data-v-253ff726] {margin-left: -20px; margin-top: -100px; opacity: 0;filter:Alpha(opacity=0);-webkit-animation: plane-data-v-253ff726 2s 2.8s linear infinite;animation: plane-data-v-253ff726 2s 2.8s linear infinite; } /*end*/ /* 404+500报错页面* start*/ /*放大动画*/ @-webkit-keyframes scale-data-v-253ff726 { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes scale-data-v-253ff726 { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); } } /*大火箭飞入动画*/ @-webkit-keyframes animationenter-data-v-253ff726 { from { margin-left: -960px; margin-top: 475px; } to { margin-left: -96px; margin-top: -380px; } } @keyframes animationenter-data-v-253ff726 { from { margin-left: -960px; margin-top: 475px; } to { margin-left: -96px; margin-top: -380px; } } /*大火箭斜方向上下移动动画*/ @-webkit-keyframes animationupdown-data-v-253ff726 { 0% { opacity: 1; filter: Alpha(opacity=100); margin-left: -96px; margin-top: -380px; } 50% { margin-left: -94px; margin-top: -382px; } 100% { opacity: 1; filter: Alpha(opacity=100); margin-left: -96px; margin-top: -380px; } } @keyframes animationupdown-data-v-253ff726 { 0% { opacity: 1; filter: Alpha(opacity=100); margin-left: -96px; margin-top: -380px; } 50% { margin-left: -94px; margin-top: -382px; } 100% { opacity: 1; filter: Alpha(opacity=100); margin-left: -96px; margin-top: -380px; } } /*飞船飞入动画*/ @-webkit-keyframes ship-data-v-253ff726 { from { margin-top: -625px; margin-left: 336px; } to { margin-top: -352px; margin-left: 80px; } } @keyframes ship-data-v-253ff726 { from { margin-top: -625px; margin-left: 336px; } to { margin-top: -352px; margin-left: 80px; } } /*小火箭斜方向上下移动动画*/ @-webkit-keyframes plane-data-v-253ff726 { 0% { opacity: 1; filter: Alpha(opacity=100); margin-left: -20px; margin-top: -100px; } 50% { margin-left: 10px; margin-top: -137px; } 100% { opacity: 1; filter: Alpha(opacity=100); margin-left: -20px; margin-top: -100px; } } @keyframes plane-data-v-253ff726 { 0% { opacity: 1; filter: Alpha(opacity=100); margin-left: -20px; margin-top: -100px; } 50% { margin-left: 10px; margin-top: -137px; } 100% { opacity: 1; filter: Alpha(opacity=100); margin-left: -20px; margin-top: -100px; } } /*宇宙旋转360°动画*/ @-webkit-keyframes rotate-data-v-253ff726 { 0% { -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } } @keyframes rotate-data-v-253ff726 { 0% { -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } } /*end*/ .browser[data-v-09c0677f] { position: fixed; z-index: 999; width: 100%; height: 100%; background: #ecf1ff; left: 0; top: 0; } .browser p[data-v-09c0677f] { font-size: 18px; } .browser a[data-v-09c0677f]:hover{ color: #005ddb; } .browserbox[data-v-09c0677f] {margin: 0px auto; width: 568px; margin-top:15%; } .browserbox .browserbox-item[data-v-09c0677f] {width:110px;float:left;display:block; margin-left:116px;text-align:center; } .browserbox-item[data-v-09c0677f]:first-child {margin-left: 0; } .browserbox-item img[data-v-09c0677f] {width: 110px; height: 114px; vertical-align: middle;display:inline-block; } .browserbox-item p[data-v-09c0677f]{ text-align: center; color: #999; margin-top: 30px; } .browserbox-item:hover p[data-v-09c0677f]{color: #005ddb; } .browserbox-dese[data-v-09c0677f]{width:568px;float:left;padding: 40px 0px;line-height: 35px;text-align:center; } .browserbox-dese a[data-v-09c0677f] {color: #237df7; padding:0 5px; } .cancel[data-v-09c0677f]{margin: 0px auto; width: 568px;text-align:center; color: #999; } .cancelbtn[data-v-09c0677f] {color: #999; padding-left: 5px; } /* * 404+500报错页面 * 2017.12.30 * 章珍 * start */ .errbox[data-v-cc893180] {position:fixed; width: 100%; height: 100vh; overflow: hidden; margin: 0 auto;background: url(https://presale.jhtsoft.com/picms/384aba89e5db24.png) #18223d no-repeat bottom center; background-attachment:fixed; overflow: hidden; } .errbox div[data-v-cc893180] {position: absolute; left: 50%; top: 50%; } /*页面上的斜线*/ .errbox-line[data-v-cc893180] {width: 1px; background-color:#FFFFFF; transform: rotate(45deg);transform-origin:left top; -ms-transform: rotate(45deg);-ms-transform-origin:left top; -moz-transform: rotate(45deg);-moz-transform-origin:left top; -webkit-transform: rotate(45deg);-webkit-transform-origin:left top; -o-transform: rotate(45deg);-o-transform-origin:left top; } .err404-line1[data-v-cc893180] { height: 44px; margin-top: -475px; margin-left: -670px; } .err404-line2[data-v-cc893180]{ height:120px ; margin-top: -222px; margin-left: 543px; } .err404-line3[data-v-cc893180]{ height:70px ;margin-top: 60px; margin-left: -324px; } .err500-line1[data-v-cc893180] { height: 115px; margin-left: -672px; margin-top:-475px; } .err500-line2[data-v-cc893180]{ height:122px ; margin-left:543px; margin-top: -160px; } .err500-line3[data-v-cc893180]{ height:70px ; margin-left:-324px; margin-top:120px; } /*报错信息盒子*/ .errbox-msg[data-v-cc893180] {width: 605px; height: 472px;margin-top:-288px;margin-left: -302.5px; text-align: center; z-index: 2; } .errbox-msg img[data-v-cc893180] {-webkit-animation:scale-data-v-cc893180 1s linear;animation:scale-data-v-cc893180 1s linear; } .errbox-msg p[data-v-cc893180] { margin-top: 82px; font-size: 20px;-webkit-animation:scale-data-v-cc893180 1s linear;animation:scale-data-v-cc893180 1s linear; } .errbox-msg p.err404-dese[data-v-cc893180] {color: #3399ff; } .errbox-msg p.err500-dese[data-v-cc893180] {color: #148aff; } .errbox-msg p em[data-v-cc893180] { font-size: 25px; } .errbox-msg p a[data-v-cc893180]{color: #ffd026; margin-left: 30px; } .errbox-msg p a[data-v-cc893180]:hover{ opacity: 0.8; filter:Alpha(opacity=80); } /*火箭飞入、火箭斜上下位移、宇宙旋转、飞船飞入以及小火箭斜上下位移的样式*/ .fire-enter[data-v-cc893180] {margin-left: -960px; margin-top:475px;-webkit-animation: animationenter-data-v-cc893180 1.5s 0.5s ease-in-out infinite;animation: animationenter-data-v-cc893180 1.5s 0.5s linear backwards; } .fire-updown[data-v-cc893180] { z-index:3; opacity:0;filter:Alpha(opacity=0);margin-left: -96px; margin-top: -380px;-webkit-animation: animationupdown-data-v-cc893180 1s 2s ease-in-out infinite;animation: animationupdown-data-v-cc893180 1s 2s ease-in-out infinite; } .errbox-boll[data-v-cc893180] {z-index:1; margin-left: 498px; margin-top: 204px; } .errbox-boll img[data-v-cc893180] { width: 73px; height: 52px; -webkit-animation:rotate-data-v-cc893180 2s infinite linear;animation:rotate-data-v-cc893180 2s infinite linear; } .ship[data-v-cc893180] {z-index:3; margin-top:-625px; margin-left:336px;-webkit-animation: ship-data-v-cc893180 0.8s 1.5s linear forwards; animation: ship-data-v-cc893180 0.8s 1.5s linear forwards; } .plane[data-v-cc893180] {margin-left: -20px; margin-top: -100px; opacity: 0;filter:Alpha(opacity=0);-webkit-animation: plane-data-v-cc893180 2s 2.8s linear infinite;animation: plane-data-v-cc893180 2s 2.8s linear infinite; } /*end*/ /* 404+500报错页面* start*/ /*放大动画*/ @-webkit-keyframes scale-data-v-cc893180 { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes scale-data-v-cc893180 { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); } } /*大火箭飞入动画*/ @-webkit-keyframes animationenter-data-v-cc893180 { from { margin-left: -960px; margin-top: 475px; } to { margin-left: -96px; margin-top: -380px; } } @keyframes animationenter-data-v-cc893180 { from { margin-left: -960px; margin-top: 475px; } to { margin-left: -96px; margin-top: -380px; } } /*大火箭斜方向上下移动动画*/ @-webkit-keyframes animationupdown-data-v-cc893180 { 0% { opacity: 1; filter: Alpha(opacity=100); margin-left: -96px; margin-top: -380px; } 50% { margin-left: -94px; margin-top: -382px; } 100% { opacity: 1; filter: Alpha(opacity=100); margin-left: -96px; margin-top: -380px; } } @keyframes animationupdown-data-v-cc893180 { 0% { opacity: 1; filter: Alpha(opacity=100); margin-left: -96px; margin-top: -380px; } 50% { margin-left: -94px; margin-top: -382px; } 100% { opacity: 1; filter: Alpha(opacity=100); margin-left: -96px; margin-top: -380px; } } /*飞船飞入动画*/ @-webkit-keyframes ship-data-v-cc893180 { from { margin-top: -625px; margin-left: 336px; } to { margin-top: -352px; margin-left: 80px; } } @keyframes ship-data-v-cc893180 { from { margin-top: -625px; margin-left: 336px; } to { margin-top: -352px; margin-left: 80px; } } /*小火箭斜方向上下移动动画*/ @-webkit-keyframes plane-data-v-cc893180 { 0% { opacity: 1; filter: Alpha(opacity=100); margin-left: -20px; margin-top: -100px; } 50% { margin-left: 10px; margin-top: -137px; } 100% { opacity: 1; filter: Alpha(opacity=100); margin-left: -20px; margin-top: -100px; } } @keyframes plane-data-v-cc893180 { 0% { opacity: 1; filter: Alpha(opacity=100); margin-left: -20px; margin-top: -100px; } 50% { margin-left: 10px; margin-top: -137px; } 100% { opacity: 1; filter: Alpha(opacity=100); margin-left: -20px; margin-top: -100px; } } /*宇宙旋转360°动画*/ @-webkit-keyframes rotate-data-v-cc893180 { 0% { -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } } @keyframes rotate-data-v-cc893180 { 0% { -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } } /*end*/ body.bg-lightgray[data-v-7267c02b] { background: #f6f6f6; } .mainr[data-v-7267c02b] { background: #ffcfcf; width: 1170px; margin: 1% auto; padding: 15px; border-radius: 10px; } .main[data-v-7267c02b] { padding-top: 20px; background: #fff; width: 1170px !important; border-radius: 10px; position: relative; } .main[data-v-7267c02b]::after { content: "\E643"; font-size: 280px; position: absolute; right: 40px; bottom: 80px; color: #f5f5f5; transform: rotate(-35deg); -webkit-transform: -webkit-rotate(-35deg); } .mainr-tit[data-v-7267c02b] { margin: 40px; font-size: 30px; font-weight: bold; border-bottom: 1px solid #ddd; padding-bottom: 20px; } .inputul[data-v-7267c02b] { padding-left: 80px; padding-top: 40px; padding-bottom: 60px; } .inputul li[data-v-7267c02b] { overflow: hidden; margin-bottom: 18px; } .inputul .lides[data-v-7267c02b], .liinput[data-v-7267c02b], .liwaring[data-v-7267c02b] { float: left; } .lides[data-v-7267c02b] { width: 110px; height: 30px; line-height: 30px; text-align: right; color: #333; font-size: 16px; } .lides em[data-v-7267c02b] { font-size: 16px; color: #e00000; padding-right: 10px; } .liinput[data-v-7267c02b] { margin-left: 10px; margin-right: 12px; } .liinput input[data-v-7267c02b] { width: 308px; height: 22px; line-height: 22px; border: 1px solid #e0e0e0; background-color: #ffffff; padding: 5px 10px; font-size: 14px; color: #333; } .liinput textarea[data-v-7267c02b] { width: 308px; height: 138px; line-height: 20px; border: 1px solid #e0e0e0; background-color: #ffffff; padding: 5px 10px; font-size: 14px; color: #333; resize: none; } .liwaring[data-v-7267c02b] { height: 30px; line-height: 30px; color: #e00000; position: relative; font-size: 14px; } .liwaring i[data-v-7267c02b] { position: absolute; left: 0; } .inputul li .hui[data-v-7267c02b] { color: #999; } .btnli[data-v-7267c02b] { padding-top: 10px; margin-bottom: 0px !important; } .btnli a[data-v-7267c02b] { display: block; float: left; width: 58px; height: 28px; line-height: 28px; text-align: center; font-size: 14px; border-radius: 4px; -webkit-border-radius: 4px; } .btnli a.btnli-pro[data-v-7267c02b] { margin-left: 120px; background-color: #f5f5f5; border: 1px solid #e0e0e0; color: #666; } .btnli a.btnli-next[data-v-7267c02b] { margin-left: 10px; background-color: #e62226; border: 1px solid #e62226; color: #ffffff; } .dese-tit span[data-v-7267c02b] { padding-left: 0 !important; font-weight: 100; color: #666; font-size: 18px; } /* 订单详情* start */ /*面包屑导航*/ .bread-lead[data-v-6f965ff0] { width: 1200px; line-height: 25px; margin: 10px auto; } .bread-lead a[data-v-6f965ff0] { font-size: 14px; color: #666; } .bread-lead a[data-v-6f965ff0]:not(:last-child):after { content: ">"; margin: 0 5px; } .bread-lead a[data-v-6f965ff0]:last-child { font-weight: 600; } .bread-lead a[data-v-6f965ff0]:hover { color: #e62226; } .bread-lead a[data-v-6f965ff0]:hover:after { color: #666; } /* * 订单状态详情* start */ /*订单详情左侧通用*/ .order-detail[data-v-6f965ff0] { width: 1200px; background: #fff; margin: 0 auto 20px auto; border-top: solid 4px #e0e0e0; display: table; } .order-detail .ods-left[data-v-6f965ff0], .order-detail .ods-right[data-v-6f965ff0] { display: table-cell; word-break: break-all; } .order-detail .ods-left[data-v-6f965ff0] { position: relative; width: 300px; height: 100%; text-align: center; color: #999; } .order-detail .ods-left h5[data-v-6f965ff0] { line-height: 30px; font-size: 14px; margin-bottom: 20px; max-width: 100%; overflow: hidden; } .order-detail .ods-left p[data-v-6f965ff0] { line-height: 25px; max-height: 50px; font-size: 14px; color: #666; } .order-detail .ods-left p i[data-v-6f965ff0]:first-child { display: none; } .order-detail .ods-left h1[data-v-6f965ff0] { font-size: 24px; color: #7abc52; margin-bottom: 30px; font-weight: 600; } .order-detail .ods-right[data-v-6f965ff0] { width: calc(75% - 80px); border-left: solid 1px #e0e0e0; padding: 0 40px; } /*订单状态详情右侧*/ .order-detail.od-state[data-v-6f965ff0] { padding: 30px 0; } .od-state .ods-left[data-v-6f965ff0] { max-width: 300px; } .od-state .ods-left p[data-v-6f965ff0] { line-height: 25px; font-size: 12px; color: #999; } .od-state .ods-left p[data-v-6f965ff0]:before, .od-state .ods-left a.btn-cancel[data-v-6f965ff0]:before { content: "\E78B"; margin-right: 3px; vertical-align: top; } .od-state .ods-left a[data-v-6f965ff0] { display: block; width: 100px; height: 30px; margin: 0 auto; line-height: 30px; border: solid 1px #e0e0e0; background: #f0f0f0; border-radius: 4px; font-size: 14px; overflow: hidden; } .od-state .ods-left a[data-v-6f965ff0]:hover, .order-detail.od-state .ods-left a.btn-payfor[data-v-6f965ff0] { border-color: #e62226; color: #e62226; background: #fff; } .od-state .ods-left a.btn-payfor[data-v-6f965ff0] { background: #fff; } .od-state .ods-left a.btn-payfor[data-v-6f965ff0]:hover { background: #e62226; color: #fff; } .od-state .ods-left a.btn-buyagain[data-v-6f965ff0]:before { content: "\E616"; font-size: 18px; } .od-state .ods-left a.btn-cancel[data-v-6f965ff0] { position: absolute; display: block; width: 100%; background: none; border: none; color: #999; bottom: 0; } .od-state .ods-left a.btn-cancel[data-v-6f965ff0]:before { content: "\E6B5"; } .od-state .ods-left a.btn-cancel[data-v-6f965ff0]:hover { color: #e62226; } .od-state .ods-right h5[data-v-6f965ff0] { line-height: 30px; font-size: 14px; color: #999; } .od-state .ods-right h5 b[data-v-6f965ff0], .od-state .ods-right h5 em[data-v-6f965ff0] { font-size: 16px; font-weight: 600; color: #e62226; margin: 0 5px; } .od-state .ods-right h5 b[data-v-6f965ff0]:before { content: "+"; } .od-state .ods-right .odsr-stepul[data-v-6f965ff0] { margin: 50px auto 50px auto; width: 100%; } .od-state .ods-right .odsr-stepul.odstate-4 li[data-v-6f965ff0] { width: 25%; } .od-state .ods-right .odsr-stepul.odstate-3 li[data-v-6f965ff0] { width: 33.33%; } .od-state .ods-right .odsr-stepul.odstate-5 li[data-v-6f965ff0] { width: 20%; } .od-state .ods-right .odsr-stepul li[data-v-6f965ff0] { position: relative; /*width:80px;*/ display: inline-block; float: left; text-align: center; } .od-state .ods-right .odsr-stepul li .odsr-step[data-v-6f965ff0] { position: absolute; z-index: 1; left: 0; top: 0; display: inline-block; height: 20px; } .od-state .ods-right .odsr-stepul li:first-child .odsr-step[data-v-6f965ff0] { display: none; } .od-state .ods-right .odsr-stepul li .odsr-step > i[data-v-6f965ff0] { position: absolute; display: inline-block; float: left; width: 50%; height: 20px; border-bottom: dotted 4px #e0e0e0; top: 0; } .od-state .ods-right .odsr-stepul li .odsr-step > i[data-v-6f965ff0]:first-child { left: 0; z-index: 3; } .od-state .ods-right .odsr-stepul li .odsr-step > i[data-v-6f965ff0]:first-child:after { position: absolute; display: none; z-index: 4; width: 7px; height: 7px; background: rgba(122, 188, 82, 0.7); border-radius: 3.5px; right: -8px; top: 18px; content: " "; } .od-state .ods-right .odsr-stepul li.pay-pending .odsr-step > i[data-v-6f965ff0]:first-child:after { background: #e62226; } .od-state .ods-right .odsr-stepul li .odsr-step > i[data-v-6f965ff0]:nth-child(2) { left: 47%; z-index: 2; } .od-state .ods-right .odsr-stepul li .odsr-step i[data-v-6f965ff0]:nth-child(2):after { position: absolute; z-index: 2; display: inline-block; right: -15px; top: 12px; content: "\E66B"; font-weight: 600; color: #e0e0e0; } .od-state .ods-right .odsr-stepul.odstate-4 li .odsr-step[data-v-6f965ff0] { width: 70%; margin-left: -38%; } .od-state .ods-right .odsr-stepul.odstate-3 li .odsr-step[data-v-6f965ff0] { width: 75%; margin-left: -38%; } .od-state .ods-right .odsr-stepul.odstate-5 li .odsr-step[data-v-6f965ff0] { width: 65%; margin-left: -35%; } .od-state .ods-right .odsr-stepul li div[data-v-6f965ff0] { width: 100%; line-height: 25px; font-size: 14px; color: #333; } .od-state .ods-right .odsr-stepul li div > i[data-v-6f965ff0] { display: block; font-size: 36px; line-height: 40px; margin-bottom: 15px; color: #e0e0e0; } .od-state .ods-right .odsr-stepul li div > i.icon-sh[data-v-6f965ff0] { font-size: 40px; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .od-state .ods-right .odsr-stepul li div > i.icon-order[data-v-6f965ff0], .od-state .ods-right .odsr-stepul li div > i.icon-ddwc[data-v-6f965ff0] { font-size: 32px; } .od-state .ods-right .odsr-stepul li div > i.icon-qx[data-v-6f965ff0] { font-size: 30px; } .od-state .ods-right .odsr-stepul li div em[data-v-6f965ff0] { display: block; } .od-state .ods-right .odsr-stepul li div p[data-v-6f965ff0] { color: #666; } .od-state .ods-right .odsr-stepul li.odsr-done div i[data-v-6f965ff0], .od-state .ods-right .odsr-stepul li.odsr-done .odsr-step > i[data-v-6f965ff0]:nth-child(2):after { color: rgba(122, 188, 82, 0.7); } .od-state .ods-right .odsr-stepul li.nopay-done div i[data-v-6f965ff0] { color: #e62226; } .od-state .ods-right .odsr-stepul li.nopay-done .odsr-step > i[data-v-6f965ff0] { border-color: #e62226 !important; } .od-state .ods-right .odsr-stepul li.nopay-done .odsr-step > i[data-v-6f965ff0]:nth-child(2):after { color: #e62226 !important; } .od-state .ods-right .odsr-stepul li.odsr-done .odsr-step > i[data-v-6f965ff0] { border-color: rgba(122, 188, 82, 0.7); } .od-state .ods-right .odsr-stepul li.odsr-pending .odsr-step > i[data-v-6f965ff0]:first-child { border-color: rgba(122, 188, 82, 0.7); } .od-state .ods-right .odsr-stepul li.pay-pending .odsr-step > i[data-v-6f965ff0]:first-child { border-color: #e62226; } .od-state .ods-right .odsr-stepul li.odsr-pending .odsr-step > i[data-v-6f965ff0]:first-child:after { display: inline-block; } .od-state .ods-right > p[data-v-6f965ff0] { line-height: 20px; color: #999; } .od-state .ods-right > p > a[data-v-6f965ff0] { margin-right: 15px; color: #333; cursor: text; } .od-state .ods-right > p > a[data-v-6f965ff0]:before { margin-right: 3px; } .od-state .ods-right > p > a[data-v-6f965ff0]:first-child:before { content: "\E63F"; } .od-state .ods-right > p > a[data-v-6f965ff0]:nth-child(2):before { content: "\E623"; } .od-state .ods-right > p > a[data-v-6f965ff0]:hover { color: #333; } /*订单状态详情 end*/ /* * 订单物流详情 start */ .od-logistics[data-v-6f965ff0] { width: 1200px; background: #fff; margin: 0 auto 20px auto; border-top: solid 4px #e0e0e0; padding: 20px 0; } .od-logistics .ods-left[data-v-6f965ff0] { -webkit-box-flex:0; -ms-flex:0 0 25%; flex:0 0 25%; max-width: 25%; border-right:solid 1px #e0e0e0; } .od-logistics .ods-left p[data-v-6f965ff0] { text-align: center; line-height: 25px; } .od-logistics .ods-left .expmemo[data-v-6f965ff0] {display:block; padding:0 15px; font-size: 12px; color:#999; padding-top:30px;line-height: 18px; } .od-logistics .ods-left span[data-v-6f965ff0] { display: block; width: 100px; height: 100px; padding: 10px 10px 0 0; margin: 35px auto 20px auto; background: url("https://presale.jhtsoft.com/picms/38501464ee77a6.jpg") no-repeat left bottom; } .od-logistics .ods-left a[data-v-6f965ff0] { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; } .od-logistics .ods-left a img[data-v-6f965ff0] { position: absolute; width: 100%; margin: auto; top: 0; right: 0; bottom: 0; left: 0; } .od-logistics .ods-right[data-v-6f965ff0] { padding: 0 30px 0 20px; margin-right:10px; min-height: 215px; max-height: 280px; overflow-y: auto; -webkit-box-flex:0; -ms-flex:0 0 calc(75% - 60px); flex:0 0 calc(75% - 60px); } .od-logistics .ods-right .odlist-empty[data-v-6f965ff0] {margin: 20px auto; } /*订单物流详情 end*/ /* * 电子券详情* start */ .order-detail.od-ecard[data-v-6f965ff0] { padding: 10px 0; } .od-ecard h4[data-v-6f965ff0], .od-ecard > p[data-v-6f965ff0], .od-ecard > ul[data-v-6f965ff0] { width: 1160px; margin: 0 auto; } .od-ecard h4[data-v-6f965ff0] { line-height: 37px; color: #333; margin-bottom: 10px; } .od-ecard h4 em[data-v-6f965ff0] { font-size: 14px; } .od-ecard h4 em b[data-v-6f965ff0] { margin: 0 5px; color: #e62226; } .od-ecard h4 span[data-v-6f965ff0] { float: right; text-align: right; } .od-ecard h4 span a[data-v-6f965ff0] { display: inline-block; width: 105px; height: 35px; margin-left: 10px; line-height: 35px; border: solid 1px #e0e0e0; background: #f0f0f0; color: #666; text-align: center; font-size: 14px; border-radius: 4px; } .od-ecard h4 span a[data-v-6f965ff0]:hover { background: #e62226; color: #fff; border-color: #e62226; } .od-ecard > p[data-v-6f965ff0] { line-height: 40px; background: #f0f0f0; color: #666; text-align: center; font-size: 14px; } .od-ecard > p span[data-v-6f965ff0], .od-ecard > ul > li > em[data-v-6f965ff0], .od-ecard > ul > li > p[data-v-6f965ff0], .od-ecard > ul > li > b[data-v-6f965ff0], .od-ecard > ul > li > span[data-v-6f965ff0] { display: inline-block; float: left; width: 25%; font-size: 14px; height: 40px; overflow: hidden; } .od-ecard > ul[data-v-6f965ff0] { text-align: center; } .od-ecard > ul > li[data-v-6f965ff0] { line-height: 40px; border-bottom: solid 1px #e0e0e0; } .od-ecard > ul > li > span[data-v-6f965ff0] { overflow: visible; } .od-ecard > ul > li > span > a[data-v-6f965ff0] { font-size: 14px; color: #0079b6; padding: 0 5px; } .od-ecard > ul > li > span > a[data-v-6f965ff0]:first-child { padding-right: 10px; } .od-ecard > ul > li > span > a[data-v-6f965ff0]:nth-child(2) { border-left: solid 1px #0079b6; padding-left: 10px; } .od-ecard > ul > li > span > a[data-v-6f965ff0]:hover { color: #e62226; } .od-ecard > ul > li > span > a:nth-child(2):hover + .code-wrap[data-v-6f965ff0], .od-ecard h4 span a:nth-child(2):hover + .code-wrap[data-v-6f965ff0] { display: inline-block; } .od-ecard .code-wrap[data-v-6f965ff0] { width: 140px; height: 180px; padding: 20px; padding-bottom: 0; text-align: center; } .od-ecard > ul > li > span > .code-wrap[data-v-6f965ff0] { margin-left: -125px; margin-top: 40px; } .od-ecard h4 span .code-wrap[data-v-6f965ff0] { margin-left: -144px; top:50px; } .od-ecard .code-wrap img[data-v-6f965ff0], .psus-tip .code-wrap small[data-v-6f965ff0] { display: block; } .od-ecard .code-wrap img[data-v-6f965ff0] { width: 140px; height: 140px; } .od-ecard .code-wrap small[data-v-6f965ff0] { line-height: 40px; } .od-ecard > h5[data-v-6f965ff0] { margin: 30px 20px 10px; line-height: 20px; color: #999; } .od-ecard > h5[data-v-6f965ff0]:before { display: inline-block; width: 16px; height: 20px; content: "\E626"; color: #f18110; margin-right: 5px; } .od-ecard > h5 b[data-v-6f965ff0] { color: #f18110; } .od-ecard > h5 em[data-v-6f965ff0] { color: #e62226; } /*电子券详情 end*/ /* * 订单收货详情 start */ .order-detail.od-receipt[data-v-6f965ff0] { padding: 20px 0; display: table; } .od-receipt dl[data-v-6f965ff0] { display: table-cell; min-width: 199px; max-width: calc(20% - 41px); height: 100%; border-left: solid 1px #e0e0e0; padding: 0 20px; line-height: 25px; word-break: break-all; } .od-receipt dl[data-v-6f965ff0]:first-child { border-left: none; } .od-receipt dl dt[data-v-6f965ff0] { font-size: 14px; color: #333; margin-bottom: 10px; } .od-receipt dl dd[data-v-6f965ff0] { position: relative; font-size: 12px; color: #666; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 5px 0; line-height: 1.5; } .od-receipt dl dd > i[data-v-6f965ff0] { display: block; width: 65px; text-align: right; } .od-receipt dl dd > em[data-v-6f965ff0] { display: block; width: calc(100% - 70px); margin-left: 5px; } .od-receipt .odr-reserveman dd > i[data-v-6f965ff0] { width: 85px; } .od-receipt .odr-reserveman dd > em[data-v-6f965ff0] { width: calc(100% - 90px); } .od-receipt .odr-consignee dd > i[data-v-6f965ff0], .od-receipt .odr-invoice dd > i[data-v-6f965ff0] { width: 95px; } .od-receipt .odr-consignee dd > em[data-v-6f965ff0], .od-receipt .odr-invoice dd > em[data-v-6f965ff0] { width: calc(100% - 100px); } .od-receipt dl dd.odcg-txt[data-v-6f965ff0] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .od-receipt dl dd.odcg-txt > b[data-v-6f965ff0] { text-align: right; min-width: 95px; width: auto !important; max-width: 125px; margin-right: 3px; } .od-receipt dl.odr-refund dd[data-v-6f965ff0] { color: #999; padding-left: 0; } .od-receipt dl.odr-refund dd[data-v-6f965ff0]:before { margin-right: 5px; content: "\E637"; color: #f18110; font-size: 14px; } .od-receipt dl dd > em[data-v-6f965ff0] { margin-right: 5px; } .od-receipt dl dd > em a[data-v-6f965ff0] { /* display: block; */ display: inline-block; color: #0079b6; } .od-receipt dl dd > a[data-v-6f965ff0]:hover { color: #e62226; } .od-receipt dl.odr-payform dd[data-v-6f965ff0]:last-child { padding-left: 0; } .od-receipt dl dd > .pf-more[data-v-6f965ff0]:after { content: "\E725"; margin-left: 5px; color: #f18110; font-size: 14px; cursor: pointer; } .od-receipt dl dd .pfm-pnl[data-v-6f965ff0] { display: none; position: absolute !important; z-index: 1; left: 75px; top: -2px; line-height: 25px; padding: 15px 10px; font-size: 12px; } .od-receipt dl dd .pf-more:hover + .pfm-pnl[data-v-6f965ff0] { display: inline-block; } .od-receipt dl dd .pfm-pnl p[data-v-6f965ff0] { position: relative; min-width: 120px; max-width: 360px; overflow: hidden; white-space: nowrap; line-height: 25px; font-size: 0; } .od-receipt dl dd .pfm-pnl p > i[data-v-6f965ff0], .od-receipt dl dd .pfm-pnl p > small[data-v-6f965ff0] { display: inline-block; font-size: 12px; } .od-receipt dl dd .pfm-pnl p > i[data-v-6f965ff0] { width: 85px; text-align: right; } /*订单收货详情 end*/ /* * 订单商品详情 start */ .order-prodetail[data-v-6f965ff0] { width: 1198px; background: #fff; margin: 20px auto; border: solid 1px #e0e0e0; } .order-prodetail > p[data-v-6f965ff0] { padding: 0 20px; line-height: 40px; background: #f0f0f0; color: #666; text-align: center; font-size: 14px; } .order-prodetail > p span[data-v-6f965ff0], .order-prodetail > p label[data-v-6f965ff0], .order-prodetail > p em[data-v-6f965ff0], .order-prodetail > p b[data-v-6f965ff0], .order-prodetail > ul > li > div[data-v-6f965ff0], .order-prodetail > ul > li > em[data-v-6f965ff0], .order-prodetail > ul > li > b[data-v-6f965ff0], .order-prodetail > ul > li > span[data-v-6f965ff0] { display: inline-block; float: left; text-align: center; } .order-prodetail > p span[data-v-6f965ff0], .order-prodetail > ul > li > div[data-v-6f965ff0] { width: 33%; } .order-prodetail > p label[data-v-6f965ff0], .order-prodetail > ul > li > em[data-v-6f965ff0] { width: 22%; } .order-prodetail > p em[data-v-6f965ff0], .order-prodetail > ul > li > b[data-v-6f965ff0] { width: 28%; } .order-prodetail > p b[data-v-6f965ff0], .order-prodetail > ul > li > span[data-v-6f965ff0] { width: 17%; } .order-prodetail > ul[data-v-6f965ff0] { width: 1160px; margin: 0 auto; } .order-prodetail > ul > li[data-v-6f965ff0] { padding: 20px 0; border-bottom: solid 1px #e0e0e0; text-align: left; font-size: 14px; } .order-prodetail > ul > li[data-v-6f965ff0]:last-child { border-bottom: none; } .order-prodetail > ul.opr-card > li[data-v-6f965ff0]:last-child { border-bottom: none; } .order-prodetail > ul > li > div > a[data-v-6f965ff0] { display: block; float: left; width: 100px; height: 100px; border: solid 1px #e0e0e0; position: relative; overflow: hidden; margin-right: 20px; } .order-prodetail > ul > li > div > a img[data-v-6f965ff0] { position: absolute; width: 100%; height: auto; margin: auto; top: 0; right: 0; bottom: 0; left: 0; } .order-prodetail > ul > li > div > div[data-v-6f965ff0] { float: left; width: 55%; } .order-prodetail > ul > li > div > div > a[data-v-6f965ff0] { display: block; line-height: 25px; text-align: left; } .order-prodetail > ul > li > div > div > p[data-v-6f965ff0] { font-size: 14px; line-height: 25px; color: #999; } .order-prodetail > ul > li > em[data-v-6f965ff0], .order-prodetail > ul > li > b[data-v-6f965ff0] { line-height: 25px; height: 25px; overflow: hidden; } .order-prodetail > ul > li > span > a[data-v-6f965ff0] { display: inline-block; width: 100px; height: 30px; line-height: 30px; margin: 0 auto; border-radius: 4px; color: #666; font-size: 14px; color: #333; border: solid 1px #e0e0e0; background: #f6f6f6; overflow: hidden; } .order-prodetail > ul > li > span > a[data-v-6f965ff0]:hover { color: #e62226; border-color: #e62226; background: #fff; } .order-prodetail > ul > li > span > a.btn-buyagain[data-v-6f965ff0]:before { content: "\E616"; font-size: 18px; } .order-prodetail > ul > li > span > span[data-v-6f965ff0] { display: block; text-align: center; padding: 5px 0; margin-bottom: 10px; } .order-prodetail > ul > li > span > span > a[data-v-6f965ff0] { display: inline-block; padding: 0 5px; } .order-prodetail > ul > li > span > span > a[data-v-6f965ff0]:first-child { border-right: solid 1px #e0e0e0; } .order-prodetail > ul > li > span > span > a[data-v-6f965ff0]:hover { color: #e62226; } .order-prodetail .order-paymoney[data-v-6f965ff0] { padding-top: 35px; border-top: 1px solid #e0e0e0; } .order-prodetail .order-paymoney > p[data-v-6f965ff0] { line-height: 25px; padding: 0 20px; color: #999; text-align: right; font-size: 14px; } .order-prodetail .order-paymoney > p > em[data-v-6f965ff0] { display: inline-block; color: #666; overflow: hidden; vertical-align: top; } .order-prodetail .order-paymoney > p:not(:last-child) > em[data-v-6f965ff0] { width: 110px; } .order-prodetail .order-paymoney > p .icon-wh[data-v-6f965ff0] { color: #ff7d4a; } .order-prodetail .order-paymoney > p:nth-child(4) > span[data-v-6f965ff0] { top: 30px; right: 142px; } .order-prodetail .order-paymoney > p:nth-child(4) > .icon-wh:hover + span[data-v-6f965ff0] { display: inline-block; } .order-prodetail .order-paymoney > p:nth-child(4) > span > label[data-v-6f965ff0], .order-prodetail .order-paymoney > p:nth-child(4) > span > small[data-v-6f965ff0] { display: block; color: #999; } .order-prodetail .order-paymoney > p:nth-child(4) > span > label[data-v-6f965ff0], .order-prodetail .order-paymoney > p:nth-child(4) > span > small > i[data-v-6f965ff0] { color: #666; } .order-prodetail .order-paymoney > p[data-v-6f965ff0]:last-child { margin: 40px 0; } .order-prodetail .order-paymoney > p:last-child > em[data-v-6f965ff0] { min-width: 140px; max-width: 92%; height: 30px; color: #e62226; font-size: 24px; font-weight: 600; font-family: Arial, Verdana, "\5B8B\4F53"; } .order-prodetail .order-paymoney > p:last-child > em[data-v-6f965ff0]:before { font-size: 14px; margin-right: 5px; } /*订单商品详情 end*/ /* 砍价/拼团订单详情页 start*/ .od-state .ods-left a.ainfo[data-v-6f965ff0] { border-color: #e62226; color: #e62226; background: #fff; margin-top: 10px; } .od-state .ods-left a.ainfo[data-v-6f965ff0]:hover { background: #e62226; color: #fff; } .smewm[data-v-6f965ff0] { border: 1px solid #eee; background: #f9f9f9; display: none; padding: 5px; position: absolute; width: 150px; text-align: center; left: 70px; bottom: -58px; } .smewm i[data-v-6f965ff0] { position: absolute; top: -15px; left: 70px; color: #f9f9f9; font-size: 18px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .smewm img[data-v-6f965ff0] { width: 110px; height: 110px; padding-top: 10px; } .smewm em[data-v-6f965ff0] { text-align: center; color: #999; padding: 10px 0; display: block; } .od-state .ods-left a.hovema[data-v-6f965ff0]:hover { background: #f9f9f9; border-color: #eee; } /* 砍价/拼团订单详情页 end */ /* 砍价详情页 start */ .cart-tit[data-v-6f965ff0] { float: left; display: inline-block; padding-left: 204px; font-size: 22px; line-height: 50px; } .head-right[data-v-6f965ff0] { float: right; padding: 60px 0; line-height: 20px; font-size: 14px; color: #666; } .head-right em[data-v-6f965ff0], .head-right a[data-v-6f965ff0] { float: left; display: inline-block; } .head-right em[data-v-6f965ff0] { max-width: 200px; } .head-right a[data-v-6f965ff0] { padding: 0 20px; color: #666; } .head-right a[data-v-6f965ff0]:nth-child(2) { border-right: solid 1px #bdbdbd; } .head-right a[data-v-6f965ff0]:hover { color: #e62226; } /*砍价帮+邀请好友帮砍价*/ .bargain[data-v-6f965ff0], .bargain .imgtit h1[data-v-6f965ff0] { border: 1px solid #f6f6f6; -webkit-box-shadow: 1px 0 8px rgba(0, 0, 0, 0.1); box-shadow: 1px 0 8px rgba(0, 0, 0, 0.1); } .bargain[data-v-6f965ff0] { width: 1198px; margin: 50px auto 0; min-height: 400px; position: relative; } .bargain .imgtit h1[data-v-6f965ff0] { position: absolute; overflow: hidden; width: 110px; height: 110px; border-radius: 100%; text-align: center; left: 50%; top: -7%; background: #fff; margin-left: -55px; } .bargain .imgtit h1 img[data-v-6f965ff0] { -webkit-animation: imgshow-data-v-6f965ff0 0.8s ease-in-out; animation: imgshow-data-v-6f965ff0 0.8s ease-in-out; width: 110px; height: 110px; border-radius: 100%; } @-webkit-keyframes imgshow-data-v-6f965ff0 { from { margin-top: 110px; opacity: 0; } to { margin-top: 0; opacity: 1; } } @keyframes imgshow-data-v-6f965ff0 { from { margin-top: 110px; opacity: 0; } to { margin-top: 0; opacity: 1; } } .bargain .imgtit[data-v-6f965ff0] { text-align: center; } .bargain .imgtit h2[data-v-6f965ff0] { padding: 70px 0 10px 0; font-weight: 600; font-size: 16px; } .bargain .imgtit p[data-v-6f965ff0] { color: #999; font-size: 14px; } .bargain .imgtit p b[data-v-6f965ff0] { color: #e62226; padding: 0 10px; } .kjb[data-v-6f965ff0], .kjb .qyt[data-v-6f965ff0] { -webkit-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; } .kjb[data-v-6f965ff0] { background: #fff5f5; margin: 20px; padding: 15px; } .kjbleft[data-v-6f965ff0] { width: 780px; } .kjbleft h2[data-v-6f965ff0] { border-bottom: 1px solid #f07679; position: relative; height: 30px; } .kjbleft h2 b[data-v-6f965ff0] { position: absolute; width: 100px; color: #f07679; top: 50%; font-size: 20px; font-weight: 600; text-align: center; background: #fff5f5; left: 50%; margin-left: -50px; } .kjbleft table[data-v-6f965ff0] { width: 100%; line-height: 25px; background: #fff; margin-top: 25px; border-radius: 10px; } .kjbleft table.tab1 tr th[data-v-6f965ff0] { font-size: 16px; font-weight: 600; padding: 10px 0; color: #333; text-align: center; } .kjbleft table.tab2[data-v-6f965ff0] { margin-top: 0; } .kjbleft table.tab2 tr td[data-v-6f965ff0] { border-bottom: 1px solid #eee; padding: 10px 0; } .kjbleft table.tab2 tr[data-v-6f965ff0]:last-child { border-bottom: none; text-align: center; font-size: 14px; color: #999; } .kjbleft table tr th[data-v-6f965ff0]:first-child, .kjbleft table tr td[data-v-6f965ff0]:first-child { padding-left: 20px; } .kjbleft table tr th[data-v-6f965ff0]:nth-child(1), .kjbleft table tr td[data-v-6f965ff0]:nth-child(1) { width: 440px; } .kjbleft table tr th[data-v-6f965ff0]:nth-child(2), .kjbleft table tr td[data-v-6f965ff0]:nth-child(2), .kjbleft table tr th[data-v-6f965ff0]:nth-child(3), .kjbleft table tr td[data-v-6f965ff0]:nth-child(3) { width: 130px; text-align: center; } .kjb .qyt img[data-v-6f965ff0] { width: 60px; height: 60px; border: 1px solid #eee; border-radius: 100%; } .kjb .qyt div[data-v-6f965ff0] { padding-left: 10px; } .kjb .qyt div p[data-v-6f965ff0] { max-width: 300px; color: #333; } .kjb .qyt div span[data-v-6f965ff0] { display: block; color: #999; } .kjbleft .redcolor[data-v-6f965ff0] { color: #e62226; font-size: 16px; } .kjbleft .kjbheight[data-v-6f965ff0] { max-height: 320px; margin-bottom: 10px; overflow-y: auto; } .kjbright[data-v-6f965ff0] { text-align: center; line-height: 25px; padding-top: 60px; width: 400px; } .kjbright p[data-v-6f965ff0] { font-size: 14px; } .kjbright p b[data-v-6f965ff0] { color: #e62226; padding: 0 5px; font-weight: 600; } .kjbright h5[data-v-6f965ff0] { font-size: 16px; font-weight: 600; } .kjbright .fkbtn[data-v-6f965ff0] { color: #fff; font-size: 16px; display: inline-block; margin: 10px 0 20px 0; height: 60px; line-height: 60px; padding: 0 20px; min-width: 200px; filter: progid: DXImageTransform.Microsoft.Gradient(gradientType=1, startColorStr=#ff7737, endColorStr=#ff2727); background: -webkit-gradient(linear, left top, right top, from(#ff7737), to(#ff2727)); background: linear-gradient(90deg, #ff7737, #ff2727); } .kjbright .fkbtn em[data-v-6f965ff0] { font-size: 24px; color: #ffea3d; padding-right: 5px; } .kjbright .ewm[data-v-6f965ff0] { background: #fff; padding: 5px; border: 1px solid #e0e0e0; width: 140px; height: 140px; margin: 0 auto; } .kjbright .ewm img[data-v-6f965ff0] { width: 140px; height: 140px; } .kjbright .fkbtn[data-v-6f965ff0]:hover { opacity: 0.8; } .kjbright .ewm p[data-v-6f965ff0] { display: block; padding: 10px 0; } /*订单信息*/ .bargain .pays-bottom p[data-v-6f965ff0] { -webkit-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; padding: 5px 20px; } .bargain .pays-bottom p label[data-v-6f965ff0] { color: #999; width: 120px; line-height: 25px; text-align: right; display: block; padding-right: 10px; } .bargain .pays-bottom p em[data-v-6f965ff0] { display: block; } /*砍价详情页 end*/ /*订单中心、评价订单列表、评价成功页 公共css start*/ .myOrderlist > ul .odl-cont > ul[data-v-6f965ff0] { width: calc(40% - 1px) !important; } .myOrderlist > ul .odl-cont > .cdlc-consignee[data-v-6f965ff0] { width: calc(16% - 1px) !important; } .myOrderlist > ul .odl-cont > p[data-v-6f965ff0] { width: calc(19% - 1px) !important; } .myOrderlist > ul .odl-cont .odlc-state[data-v-6f965ff0] { width: calc(25% - 1px) !important; border-right: none !important; } .myOrderlist .cartc-tit em[data-v-6f965ff0]:nth-child(1) { width: 40% !important; } .myOrderlist .cartc-tit em[data-v-6f965ff0]:nth-child(2) { width: 16% !important; } .myOrderlist .cartc-tit em[data-v-6f965ff0]:nth-child(3) { width: 19% !important; } .myOrderlist .cartc-tit em[data-v-6f965ff0]:nth-child(4) { width: 25% !important; } .myOrderlist .cartc-tit[data-v-6f965ff0] { margin-bottom: 20px !important; } .myOrderlist > ul .odl-cont > ul li > span em[data-v-6f965ff0] { font-size: 14px !important; color: #999 !important; } .myOrderlist > ul > li > p span:nth-child(1) em[data-v-6f965ff0] { color: #666 !important; } .myOrderlist > ul .odl-cont > p > em[data-v-6f965ff0] { display: inline-block; color: #999; font-weight: normal; font-family: "Microsoft YaHei"; } .myOrderlist > ul .odl-cont > .cdlc-consignee div label[data-v-6f965ff0] { color: #999; } .myOrderlist > ul .odl-cont > p > b[data-v-6f965ff0] { color: #333; } .odl-cont .odlc-state > .btn-estimate[data-v-6f965ff0] { display: inline-block; width: 100px; padding: 7px 0; margin: 0 auto; border-radius: 4px; font-size: 14px; color: #333; border: solid 1px #e0e0e0; background: #f6f6f6; overflow: hidden; line-height: 14px !important; } .odl-cont .odlc-state > .btn-estimate[data-v-6f965ff0]:hover { border: 1px solid #e62226; } .odl-cont .odlc-state > a[data-v-6f965ff0]:nth-child(1) { color: #333 !important; margin-bottom: 5px; } .myorderlist > h4 > div[data-v-6f965ff0] { float: right; font-size: 14px; color: #999; } .myorderlist > h4 > div > a[data-v-6f965ff0] { font-size: 14px; color: #999; } .myorderlist > h4 > div > a[data-v-6f965ff0]:hover { color: #e62226; } .myOrderlist > ul > li[data-v-6f965ff0] { background-color: #fff; border: 1px solid #e8e8e8; } /*订单中心、评价订单列表、评价成功页 公共css end*/ /*砍价商品信息 */ .proinfos[data-v-6f965ff0] { -webkit-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px; line-height: 25px; } .proinfos a img[data-v-6f965ff0] { width: 110px; height: 110px; border: 1px solid #eee; padding: 2px; margin-right: 10px; } .proinfos div a[data-v-6f965ff0] { font-size: 16px; } .proinfos div p[data-v-6f965ff0] { color: #999; font-size: 14px; } /*加入卡包转赠弹框 end*/ /* 发送手机短信弹窗 * start */ .mods-telverify .mods-cont[data-v-6f965ff0] { width: 710px; height: 430px; margin-left: -355px; margin-top: -215px; } .mods-telverify .mc-tit b[data-v-6f965ff0]:before { content: "\E626"; color: #ffa641; } .mods-telverify .mc-cont[data-v-6f965ff0] { padding-top: 40px; width: 392px; margin: 0 auto; } .mods-telverify form span[data-v-6f965ff0] { display: block; padding: 10px 0 10px 70px; line-height: 20px; color: #e62226; font-size: 14px; } .mods-telverify form span[data-v-6f965ff0]:before { display: inline-block; line-height: 20px; content: "\E637"; vertical-align: middle; margin: 0 5px 2px 0; } .mods-telverify form p[data-v-6f965ff0] { height: 50px; line-height: 50px; margin-bottom: 20px; } .mods-telverify form p label[data-v-6f965ff0], .mods-telverify form p input[data-v-6f965ff0], .mods-telverify form p em[data-v-6f965ff0] { display: inline-block; float: left; font-size: 14px; } .mods-telverify form p label[data-v-6f965ff0] { width: 70px; height: 50px; line-height: 50px; } .mods-telverify form p:not(:last-child) input[data-v-6f965ff0] { height: 48px; line-height: 48px; } .mods-telverify form p .yz-tel[data-v-6f965ff0], .mods-telverify form p .yzm[data-v-6f965ff0] { padding: 0 10px; } .mods-telverify form p .yz-tel[data-v-6f965ff0] { width: 300px; } .mods-telverify form p .yz-tel[data-v-6f965ff0], .mods-telverify form p em[data-v-6f965ff0] { border: solid 1px #ccc; } .mods-telverify form p em[data-v-6f965ff0] { width: 320px; height: 48px; } .mods-telverify form p em .yzm[data-v-6f965ff0] { width: 200px; } .mods-telverify form p em .yzm-btn[data-v-6f965ff0] { width: 100px; background: #ebebeb; color: #999; border: 0; text-align: center; } .mods-telverify form p[data-v-6f965ff0]:last-child { padding-left: 70px; line-height: 36px; color: #999; } .mods-telverify form p:last-child a[data-v-6f965ff0] { margin: 0 5px; } /*手机号验证弹窗 end*/ .ods-right > h5[data-v-6f965ff0] {float:none !important; } .ods-left > h5[data-v-6f965ff0] {float:none !important; } .mcc-item h5[data-v-6f965ff0] {float:none !important; } .orderButton[data-v-6f965ff0] { margin: 15px auto 0; width: 100%; text-align: center; position: absolute; bottom: 30px; left: 0; } .l20[data-v-6f965ff0] {margin-left: 20px !important; } .dateMod[data-v-6f965ff0] .mc-cont {padding-top: 20px !important; } /* S 按周周期发货新加 xjt 2020-11-02 */ .flexUI[data-v-6f965ff0] {display:-o-flex;display:-ms-flex;display:-moz-flex;display:-webkit-box;display:-ms-flexbox;display:flex; } .weekConfirm[data-v-6f965ff0] {padding-top:50px; } .weekConfirm .icon-th1[data-v-6f965ff0]{margin-right: 10px;font-size: 18px!important; } .confirmTxt[data-v-6f965ff0]{font-size: 15px; } .confirmTxt span[data-v-6f965ff0]{display:block;margin-bottom: 5px;/*font-size: 13px;color: #999; */ } .confirmTxt span i[data-v-6f965ff0]{margin: 0 3px; } .confirmTxt small[data-v-6f965ff0]{color: #999;font-size: 13px; } .confirmTxt small i[data-v-6f965ff0]{margin-left: 3px; } /*选择类型修改订单 */ .confirmTxt .ptypeSelect[data-v-6f965ff0] {padding:30px 0 50px;font-size: 15px; } .ptypeSelect em[data-v-6f965ff0] {font-size: 15px;padding:0 15px; } .ptypeSelect em[data-v-6f965ff0]:before {font-size: 16px;padding-right:5px; } .ptypeSelect .icon-radio-on[data-v-6f965ff0] {color:#e62226; } /* S 周期发货表 */ .flexUpDownCenter[data-v-6f965ff0]{display:-o-flex;display:-ms-flex;display:-moz-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-o-align-items:center;-ms-align-items:center;-moz-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center } .deliPopem[data-v-6f965ff0]{ color: #0079b6; cursor: pointer; font-size: 14px; } .deliPopem[data-v-6f965ff0]:hover{opacity: .8; } .deliPop[data-v-6f965ff0]{ padding: 12px 15px; } .deliPopem+span[data-v-6f965ff0]{width:0; } .deliPopem+span[data-v-6f965ff0]::before{content: ''!important; } .tsTxt[data-v-6f965ff0]{margin-bottom: 10px; } .tsTxt i[data-v-6f965ff0]{ color: #ff5f20; margin-right: 5px; font-size: 18px; display: inline-block; } .tsTxt strong[data-v-6f965ff0]{ font-weight: bold; margin: 0 2px; } .deliLi i[data-v-6f965ff0]{ margin-right: 15px; } .deliLi i[data-v-6f965ff0]::before{font-size: 18px; } .deliLi p[data-v-6f965ff0]{color: #ff5f20;margin-right: 3px;border-bottom: 1px solid #eee;padding-bottom: 10px;padding-top: 10px;width: calc(100% - 40px); } .deliLi p strong[data-v-6f965ff0]{color: #333;font-weight: bold;font-size: 16px;display: block;line-height: 1.5; } .deliLi p strong em[data-v-6f965ff0]{font-size: 14px;font-weight: normal; } .deliLi p small[data-v-6f965ff0]{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;max-width: 100%; } .deliUl[data-v-6f965ff0]{max-height: 300px;overflow-y: auto; } /* E 周期发货表 */ .tsTxt a[data-v-6f965ff0]{margin-left: 2px;color: #0079b6; } .deliLi p .logistics[data-v-6f965ff0]{font-weight: normal;font-size:14px; } .deliLi p .logistics em[data-v-6f965ff0]{margin-right: 5px; } .autoCop[data-v-6f965ff0],.btnPay[data-v-6f965ff0]{cursor: pointer;color: #0079b6;font-size: 13px;margin-left: 10px; } .od-receipt .odr-consignee dd > em[data-v-6f965ff0]{width: auto!important;max-width: calc(100% - 100px); } .mr5[data-v-6f965ff0]{margin-right: 5px!important; } .l90[data-v-6f965ff0]{margin-left: 90px; } .l50[data-v-6f965ff0]{margin-left: 50px; } .w300[data-v-6f965ff0]{width: 300px; } .mods-editadrs form .mcc-item>div h5[data-v-6f965ff0]{max-width: 150px; } .mods-editadrs .l90 form .mcc-item>div h5[data-v-6f965ff0]{max-width: 150px;line-height: 20px; padding: 7.5px 0; } .odr-distribution .deliPopem[data-v-6f965ff0]{font-size: 12px; } .od-receipt .odr-distribution[data-v-6f965ff0]{max-width: 360px!important; } .textFl[data-v-6f965ff0]{white-space: nowrap;overflow: hidden;text-overflow: ellipsis; } .od-receipt dl dd > em a[data-v-6f965ff0]:hover{opacity: .8; } /* E 按周周期发货新加 xjt 2020-11-02 */ /* S 周期性发货 xjt 2021-01-08 */ .firstDate[data-v-6f965ff0] .el-date-editor--date .el-input__inner{width:100%!important;padding:0 30px!important; } .firstDate h5[data-v-6f965ff0]{width:138px;text-align: right;margin-right: 10px; } .firstP em[data-v-6f965ff0]{margin-right: 10px;display: inline-block;width: 138px;text-align: right; } .firstP[data-v-6f965ff0] .el-input-group{width: 220px; } .firstP[data-v-6f965ff0] .el-input-group>.el-input__inner{border-color: #f0f0f0; } .firstP[data-v-6f965ff0] .el-input-group__append{border-color: #f0f0f0; } .tips[data-v-6f965ff0] {padding-left: 0 !important;color: #999;font-size: 12px;margin-bottom: 10px; } .tips i[data-v-6f965ff0] {display: inline-block; margin-right:3px; color:#ff5f20; } .shopMsg[data-v-6f965ff0]{color: #999;line-height: 24px;font-size: 12px;margin-bottom: 20px;width: 100%; } .tsgBtn[data-v-6f965ff0]{position: static!important;margin-top: 30px; } .color-black[data-v-6f965ff0]{color: #333; } .monthDiv[data-v-6f965ff0]{width: auto!important;line-height: 40px; } /* E 周期性发货 xjt 2021-01-08 */ /*快递服务 start*/ .sendTab[data-v-6f965ff0] {width: 1160px;margin:0 auto; } .sendTab .fwBold[data-v-6f965ff0] {color:#333; } .sendTab small[data-v-6f965ff0] {font-size: 12px; } .sendTab .txtLineFive[data-v-6f965ff0] { font-size: 14px; max-height: 100px;line-height: 20px;display: -webkit-box!important;-webkit-line-clamp: 5;-webkit-box-orient: vertical;white-space:normal;word-break: break-all;overflow: hidden;padding-right:50px; } .logisticDlg[data-v-6f965ff0] .mc-cont{padding:25px!important;margin-bottom:60px;max-height: 490px; overflow-y: auto; } .logisticDlg[data-v-6f965ff0] .btnCenter {position:absolute; left: 0; bottom:20px; width:100%; text-align: center; } /*快递服务 end*/ /*同步修改后续日期 start zly 2022.3.29 */ .centerItem.pdl145[data-v-6f965ff0] {padding-left:145px; } .centerItem[data-v-6f965ff0] {display:block;margin:20px auto 0; line-height: 30px; } .cascadeModify[data-v-6f965ff0] {color:#666; cursor: pointer; font-size: 14px; } .cascadeModify[data-v-6f965ff0]:before {padding-right:.5rem;font-size: 18px;vertical-align: top; } .cascadeModify.icon-xz[data-v-6f965ff0] {color: #f53033; } /*同步修改后续日期 end */ /*横幅广告位*/ .adv[data-v-616f64e8] { width: 1200px; text-align: center; height: 200px; overflow: hidden; -webkit-transition: height .3s; transition: height .3s; } .adv a[data-v-616f64e8] { display: block; margin: 0 auto; position: relative; } .adv img[data-v-616f64e8] { float: left; width: 100%; height: 100%; } .adv .clicktoclose[data-v-616f64e8] { display: block; width: 24px; height: 24px; text-align: center; line-height: 24px; background-color: rgba(0, 0, 0, 0.4); color: #fff; position: absolute; right: 0px; top: 0px; } .adv .clicktoclose[data-v-616f64e8]:hover { color: #de2124; } .adv.none[data-v-616f64e8] { height: 0; border: none; padding: 0; } .bordermain[data-v-616f64e8] { width: 1186px; padding: 5px; border: 1px solid #e0e0e0; } /*商品检索*/ .proinfo[data-v-616f64e8] { border: 1px solid #E0E0E0; margin-top: 10px; } .proinfo .open[data-v-616f64e8] { padding-bottom: 10px; } .proinfo li[data-v-616f64e8] { width: 1198px; } .proinfo li.proinfo-num[data-v-616f64e8] { border-bottom: 1px solid #E0E0E0; } .proinfo .num-con[data-v-616f64e8], .proinfo .kind-con[data-v-616f64e8] { line-height: 25px; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; } .proinfo .num-con .num-con-tit[data-v-616f64e8], .proinfo .kind-con .kind-con-tit[data-v-616f64e8] { float: left; color: #999; width: 100px; background-color: #F6F6F6; text-align: center; padding: 10px 0; } .proinfo .num-con .num-con-box[data-v-616f64e8] { padding-top: 10px; padding-right: 10px; width: 1000px; padding-bottom: 5px; } .proinfo .num-con .num-con-box div[data-v-616f64e8] { margin: 0 0 5px 10px; float: left; color: #333; } .proinfo .num-con .num-con-box .item[data-v-616f64e8] { border: 1px solid #E0E0E0; position: relative; background-color: #f6f6f6; } .proinfo .num-con .num-con-box .item a[data-v-616f64e8] { padding: 8px 24px 8px 6px; color: #de2124; } .proinfo .num-con .num-con-box .item i[data-v-616f64e8] { position: absolute; font-size: 12px; top: 9px; right: 6px; width: 9px; height: 9px; line-height: 9px; color: #de2124; } .proinfo .num-con .num-con-box .item:hover i[data-v-616f64e8] { font-weight: bold; } .proinfo .num-con .num-con-box .delall a[data-v-616f64e8] { color: #999; } .proinfo .num-con .num-con-box .delall a[data-v-616f64e8]:hover { color: #de2124; } .proinfo-kind[data-v-616f64e8] { position: relative; height: 45px; overflow: hidden; } .proinfo .kind-con .kind-con-box[data-v-616f64e8] { width: 1000px; padding: 10px; } .openkind[data-v-616f64e8] { height: auto !important; -webkit-transition: all .3s; transition: all .3s; } .proinfo-kind .kind-con-box div[data-v-616f64e8] { margin-bottom: 20px; border-radius: 2px; -webkit-border-radius: 2px; float: left; margin-right: 10px; width: 130px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .proinfo-kind .kind-con-box div[data-v-616f64e8]:hover { cursor: pointer; color: #de2124; } .proinfo-kind .kind-con-box div.on[data-v-616f64e8] { color: #de2124; } .proinfo-kind .showmore[data-v-616f64e8] { position: absolute; right: 10px; top: 10px; color: #333; font-size: 14px; padding-right: 25px; line-height: 25px; } .proinfo-kind .showmore i[data-v-616f64e8] { position: absolute; font-size: 22px; height: 23px; line-height: 23px; top: 2px; right: 0; } .proinfo-kind .showmore i.rotate[data-v-616f64e8] { top: 0; } .proinfo-kind .showmore[data-v-616f64e8]:hover { cursor: pointer; color: #de2124; } .filter[data-v-616f64e8] { margin-top: 10px; border: 1px solid #e0e0e0; background-color: #F6F6F6; font-size: 14px; } .filter .f-line[data-v-616f64e8] { padding: 10px; height: 28px; } .filter .f-line.top[data-v-616f64e8] { border-bottom: 1px solid #e0e0e0; } .filter .f-sort a[data-v-616f64e8] { display: inline-block; height: 28px; line-height: 28px; padding: 0px 10px; border: 1px solid #CCCCCC; margin-right: 10px; background-color: #fff; } .filter .f-sort a[data-v-616f64e8]:first-child { width: 48px; text-align: center; } .filter .f-sort a span[data-v-616f64e8] { color: #333; font-size: 14px; } .filter .f-sort .fs-down[data-v-616f64e8], .filter .f-sort .fs-up[data-v-616f64e8] { display: inline-block; width: 11px; margin-left: 10px; margin-top: 6px; vertical-align: top; cursor: pointer; } .filter .f-sort .arrow-bottom[data-v-616f64e8], .filter .f-sort .arrow-top[data-v-616f64e8] { float: left; width: 11px; overflow: hidden; background: url(https://presale.jhtsoft.com/picms/3849dcf5b9d56c.png) no-repeat; } .filter .f-sort .arrow-top[data-v-616f64e8] { height: 6px; background-position: 0px 0px; } .filter .f-sort .arrow-bottom[data-v-616f64e8] { height: 6px; margin-top: 6px; background-position: 0px -16px; } .filter .f-sort a.on .arrow-top[data-v-616f64e8] { background-position: 0px -32px; } .filter .f-sort a.on .arrow-bottom[data-v-616f64e8] { background-position: 0px -48px; } .filter .f-sort a.on .fs-down .arrow-top[data-v-616f64e8], .filter .f-sort a.on .fs-up .arrow-bottom[data-v-616f64e8] { filter: alpha(opacity=50); -moz-opacity: .5; opacity: .5; } .filter .f-sort a.on[data-v-616f64e8] { border: 1px solid #D10011; background-color: #de2124; } .filter .f-sort a.on span[data-v-616f64e8] { color: #fff; } .filter .f-sort a.on i[data-v-616f64e8] { color: #fff; } .filter .f-price .f-price-set[data-v-616f64e8] { width: 100%; height: 100%; height: 30px; line-height: 30px; font-size: 14px; } .f-price-set .fl[data-v-616f64e8], .f-price-set span[data-v-616f64e8], .f-price-set em[data-v-616f64e8] { display: inline; float: left; margin-right: 10px; } .filter .f-price-set .fl[data-v-616f64e8] { padding-left: 3px; padding-right: 3px; height: 28px; line-height: 28px; border: 1px solid #e0e0e0; background-color: #fff; color: #999; } .filter .f-price-set .fl input[data-v-616f64e8] { display: inline; width: 45px; height: 20px; line-height: 20px; text-align: center; color: #333; background-color: #fff; } .filter .f-search[data-v-616f64e8] { margin-left: 10px; border: 1px solid #e0e0e0; font-size: 14px; } .filter .f-search input[data-v-616f64e8] { background-color: #fff; color: #333; width: 188px; height: 14px; line-height: 14px; padding: 8px 10px; border: none; float: left; vertical-align: middle; } .filter .f-search button[data-v-616f64e8] { width: 60px; height: 30px; border: none; float: left; cursor: pointer; background-color: #de2124; color: #fff; text-align: center; line-height: 30px; } .filter .f-store[data-v-616f64e8] { height: 28px; line-height: 28px; color: #333; } .filter .f-feature[data-v-616f64e8] { margin-left: 10px; } .filter .f-feature span[data-v-616f64e8] { height: 28px; line-height: 28px; display: inline-block; position: relative; padding-left: 20px; cursor: pointer; } .filter .f-feature span[data-v-616f64e8]:last-child { margin-left: 20px; } .filter .f-feature span i[data-v-616f64e8] { display: inline-block; width: 16px; height: 16px; border: 1px solid #ccc; background-color: #fff; position: absolute; left: 0; top: 50%; margin-top: -9px; } .filter .f-feature span input[type="checkbox"][data-v-616f64e8] { visibility: hidden; width: 5px; } .filter .f-feature span.cselected i[data-v-616f64e8] { border-color: #de2124; background: url(https://presale.jhtsoft.com/picms/384c1373cc73e4.png) #fff no-repeat; } /*再次搜索*/ .search-again[data-v-616f64e8] { border: 1px solid #F0F0F0; background-color: #f9f9f9; height: 140px; margin-top: 20px; font-size: 14px; color: #333; } .search-again p[data-v-616f64e8] { margin: 35px 20px 20px; } .search-again p a[data-v-616f64e8] { color: #0079b6; } .search-again p a[data-v-616f64e8]:hover { color: #de2124; } .search-again p span[data-v-616f64e8] { padding: 0 18px; color: #ccc; } .search-con[data-v-616f64e8] { margin-left: 47px; height: 40px; line-height: 40px; } .search-con em[data-v-616f64e8] { font-size: 12px; } .search-con input[data-v-616f64e8] { padding: 10px; height: 18px; line-height: 18px; width: 278px; border: 1px solid #ccc; margin: 0 10px; } .search-con .btn[data-v-616f64e8] { display: inline-block; border-radius: 2px; -webkit-border-radius: 2px; font-size: 14px; width: 68px; height: 38px; border: 1px solid #D10011; background-color: #de2124; text-align: center; color: #fff; outline: none; } .promsg[data-v-616f64e8] { min-height: 300px; padding: 10px; line-height: 25px; word-wrap: break-word; word-break: break-all; } .promsg img[data-v-616f64e8]{ max-width: 1200px; } .promsg p[data-v-616f64e8]{word-break: break-all;word-wrap: break-word; } body { background-color: #fff; } #app { background: #fff; } .imgMaxwidth img { width: 100% !important; } .none { display: none !important; } .block { display: block !important; } .bottomBlack { background: rgba(0, 0, 0, 0.7); font-size: 20px; height: 60px; color: #fff; position: fixed; bottom: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; display: -moz-flex; display: -ms-flex; display: -o-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; cursor: pointer; z-index: 2; } .bottomBlack i { font-size: 30px; padding-right: 10px; } .discounts[data-v-616f64e8] { margin-top: 60px; } .discounts .discounts-tit[data-v-616f64e8] { height: 38px; line-height: 38px; border: 1px solid #e0e0e0; background-color: #f6f6f6; position: relative; } .discounts .discounts-tit p[data-v-616f64e8] { position: absolute; right: 10px; color: #666; font-size: 14px; cursor: pointer; } .discounts .discounts-tit p[data-v-616f64e8]:hover { color: #de2124; } .discounts .discounts-tit p i[data-v-616f64e8] { font-size: 16px; vertical-align: middle; margin-right: 5px; } .discounts .discounts-tit h3[data-v-616f64e8]:nth-child(1) { position: absolute; left: -1px; top: -1px; line-height: 40px; width: 100px; font-size: 16px; text-align: center; background-color: #de2124; color: #fff; } .discontent[data-v-616f64e8] { margin: 20px auto auto auto; overflow: hidden; } .discontent .disIcon[data-v-616f64e8] { float: left; } .discontent .disIcon li[data-v-616f64e8] { display: inline-block; min-height: 200px; } .discontent .disIcon li[data-v-616f64e8]:nth-child(1) { border: 1px solid #de2124; } .discontent .disIcon li[data-v-616f64e8]:nth-of-type(odd) { width: 150px; cursor: pointer; } .discontent .disIcon li[data-v-616f64e8]:nth-of-type(even) { position: relative; margin: 0px 45px; } .discontent .disIcon li:nth-of-type(even) span[data-v-616f64e8] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #666; font-size: 20px; } .discontent .disIcon li a[data-v-616f64e8] { display: block; width: 150px; height: 150px; } .discontent .disIcon li a img[data-v-616f64e8] { width: 100%; height: 100%; } .discontent .disIcon li .typeBox[data-v-616f64e8] { color: #666; font-size: 14px; padding: 10px 0px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: auto 10px; } .discontent .disIcon li .price[data-v-616f64e8] { color: #de2124; font-size: 14px; text-align: center; font-family: Arial, Verdana, "\5B8B\4F53"; padding-bottom: 5px; } .discontent .total[data-v-616f64e8] { width: 210px; float: left; } .discontent .total li[data-v-616f64e8]:nth-child(1) { margin-top: 63px; font-size: 14px; color: #666; } .discontent .total li[data-v-616f64e8]:nth-child(2) { padding: 10px 0px; font-size: 14px; color: #666; } .discontent .total li:nth-child(2) span[data-v-616f64e8] { color: #de2124; font-family: Arial, Verdana, "\5B8B\4F53"; } .discontent .total li[data-v-616f64e8]:nth-child(3) { padding-bottom: 25px; font-size: 14px; color: #666; } .discontent .total li:nth-child(3) span[data-v-616f64e8] { font-family: Arial, Verdana, "\5B8B\4F53"; } .discontent .total li:nth-child(4) p[data-v-616f64e8] { width: 100px; height: 40px; background-color: #de2124; text-align: center; line-height: 40px; color: #fff; font-size: 16px; cursor: pointer; } .discontent .total li:nth-child(4) p[data-v-616f64e8]:hover { opacity: 0.8; } .selAlert .mods-cont[data-v-616f64e8] { width: 824px; height: 584px; margin-left: -412px; margin-top: -292px; } .selAlert .shopTab[data-v-616f64e8] { width: 80%; margin: 20px auto; } .selAlert .shopTab li[data-v-616f64e8] { display: inline-block; font-size: 16px; color: #333; width: 110px; height: 25px; margin-left: 48px; text-align: center; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tabBd[data-v-616f64e8] { border-bottom: 3px solid #e62226; } .picBd[data-v-616f64e8] { border: 1px solid #f10215 !important; } .shopContent[data-v-616f64e8] { padding: 45px 0px 27px 42px !important; background-color: #f6f6f6; overflow-y: auto; max-height: 228px; } .shopContent p[data-v-616f64e8]:nth-child(1) { font-size: 16px; color: #333; margin-bottom: 24px; line-height: 25px; } .shopContent p[data-v-616f64e8]:nth-child(2) { font-size: 16px; color: #333; margin-bottom: 26px; } .shopContent p:nth-child(2) span[data-v-616f64e8] { color: #de2124; font-size: 22px; font-family: Arial, Verdana, "\5B8B\4F53"; } .shopContent p:nth-child(2) span i[data-v-616f64e8] { font-size: 14px !important; padding-right: 3px; } .shopContent .picList p[data-v-616f64e8] { margin-top: 15px; color: #666; font-size: 14px; float: left; } .shopContent .picList ul[data-v-616f64e8] { float: left; width: 530px; } .shopContent .picList ul li[data-v-616f64e8] { display: inline-block; width: 250px; height: 50px; border: 1px solid #e0e0e0; position: relative; margin-bottom: 10px; background-color: #fff; cursor: pointer; } .shopContent .picList ul li[data-v-616f64e8]:nth-child(even) { margin-left: 10px; } .shopContent .picList ul li img[data-v-616f64e8] { width: 40px; line-height: 50px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 5px; } .shopContent .picList ul li span[data-v-616f64e8] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 50px; color: #666; font-size: 14px; width: 195px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .footerCon p[data-v-616f64e8] { padding-left: 40px; font-size: 14px; color: #666; margin-top: 20px; } .footerCon p > i[data-v-616f64e8] { color: #de2124; } .footerCon p span[data-v-616f64e8]:first-of-type { font-size: 22px; color: #de2124; font-family: Arial, Verdana, "\5B8B\4F53"; } .footerCon p span:first-of-type i[data-v-616f64e8] { font-size: 14px !important; padding-right: 3px; } .footerCon p span[data-v-616f64e8]:last-of-type { margin-left: 15px; font-size: 14px; color: #666; } .footerCon p span:last-of-type i[data-v-616f64e8] { font-family: Arial, Verdana, "\5B8B\4F53"; font-size: 15px; } .footerCon .setBtn[data-v-616f64e8] { margin-top: 45px; text-align: center; } .footerCon .setBtn a[data-v-616f64e8]:nth-child(1) { display: inline-block; width: 100px; height: 36px; background-color: #f5f5f5; color: #666; font-size: 14px; border-radius: 5px; line-height: 36px; } .footerCon .setBtn a[data-v-616f64e8]:nth-child(1):hover { opacity: 0.8; } .footerCon .setBtn a[data-v-616f64e8]:nth-child(2) { display: inline-block; width: 80px; height: 36px; background-color: #de2124; color: #fff; font-size: 14px; border-radius: 5px; margin-left: 10px; line-height: 36px; } .footerCon .setBtn a[data-v-616f64e8]:nth-child(2):hover { opacity: 0.8; } .magnify[data-v-2870b7d5]{position:relative } .magnify .preview-box[data-v-2870b7d5]{width:400px;height:400px;overflow:hidden;position:relative } .magnify .preview-box:hover .hover-box[data-v-2870b7d5]{display:block } .magnify .preview-box .hover-box[data-v-2870b7d5]{position:absolute;display:none;left:0;top:0;width:100px;height:100px;border:1px solid #545454;background:url(https://img-tmdetail.alicdn.com/tps/i4/T12pdtXaldXXXXXXXX-2-2.png) repeat 0 0;cursor:move;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none } .magnify .zoom-box[data-v-2870b7d5]{width:400px;height:400px;overflow:hidden;position:absolute;left:405px;background:#fff;z-index:99;top:0 } .magnify .zoom-box img[data-v-2870b7d5]{position:absolute;top:0;left:0 } .magnify .bigimg[data-v-2870b7d5]{width:1600px;height:1600px } @charset "utf-8"; html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 100%; } body { color: #333; overflow-x: hidden; } html, body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, fieldset, form, label, input, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, article, aside, audio, canvas, figure, footer, header, mark, menu, nav, section, time, video { margin: 0; padding: 0; word-wrap: break-word; word-break: break-all; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, iframe { display: block; } body, button, input, optgroup, select, textarea { font: 12px/1.15 "Microsoft YaHei", "Arial", "Verdana", "\5B8B\4F53"; } input, button, fieldset, img { border: none; outline: none; -moz-outline: none; } input, button, select, textarea { font-size: 100%; outline: none; } textarea { resize: none; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } .fz12 { font-size: 12px; } .fz14,p, small, h5 { font-size: 14px; } .fz16, h4, big { font-size: 16px; } .fz18, h3 { font-size: 18px; } .fz20, h2 { font-size: 20px; } .fz28, h1 { font-size: 28px; } em, i, b, strong, address, caption, th { font-style: normal; font-weight: normal; } audio, canvas, video { display: inline-block; } li, ol, ul { list-style: none; list-style-type: none; } th { text-align: inherit; } a { color: #333; outline: 0; text-decoration: none; } a img { display: inline-block; } a:hover { color: #e62226; } a, input, button, textarea, select,.cursorHand { cursor: pointer; } [type=button]:hover, [type=button]:active, .mmcu-bot p a:hover { background: #e62226; color: #fff; } .clearfix:after, .clearfix:before, q:after, q:before { display: block; content: " "; clear: both; } [type=reset], [type=submit], button, [type=button] { -webkit-appearance: button; } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0; } [type=checkbox], [type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } input[type=number] { -moz-appearance: textfield; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } [hidden] { display: none; } body, .total { width: 100%; } .break-all { word-break: break-all;} .main, .cart-empty, .add-sus .as-cont, .consignee, .order-datail, .order-addinfo, .order-paymoney, .cart-deleted, .payment, .paysuccess, .mm-cont { width: 1200px; margin: 0 auto; } .clearfloat { display: inline-table; display: block; zoom: 1 } .clearfloat:after, .cul-cont:after, .sdcplist ul li div span:after, .mm-cont:after, .mmcu-top dl:after, .mmsec:after, .mmsec-left>ul>li:after, .mods-editadrs form.mc-cont:after, .myol-tit:after, .myol-tit>span:after, .advanced-pnl p:after, .my-orderlist .cartc-tit:after, .my-orderlist>ul .odl-cont:after, .my-orderlist>ul .odl-cont>ul li:after, .mods-cancel form:after, .order-detail:after, .od-state .ods-right .odsr-stepul:after, .od-state .ods-right .odsr-stepul li .odsr-step:after, .od-logistics .odsr-lgsul>li:after, .od-ecard>p:after, .od-ecard>ul>li:after, .od-receipt:after, .od-receipt dl dd:after, .od-receipt dl dd .pfm-pnl p:after, .order-prodetail>p:after, .order-prodetail>ul>li:after, .order-prodetail>ul>li>div:after, .myfocus .channel-goodlist ul:after, .channel-goodlist.fscenter>ul li>span:after, .channel-goodlist.fscard>ul li>span:after, .focusbox-btns:after, .channel-cardlist>ul li:after, .channel-cardlist>ul li .cal-tu>span:after, .account-balance .ab-top:after, .ab-top .abt-right:after, .ab-bot h2:after, .ab-bot p.abb-tbtit:after, .ab-bot>ul li:after, .myfocus>h4:after, .mycoupon>ul:after, .mods-bindcoupon form p:after, .od-receipt dl dd .pfm-pnl p:after, .ad-baner:after, .channel-cardlist>ul li>span .code-wrap>em:after, .mods-examine .mods-cont:after, .mods-editadrs .mc-cont:after, .csc-right:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .clear { clear: both; } .fl { float: left; } .fr { float: right !important; } img { border: none; } .icon-gb, .icon-oncheck, .icon-wh, .icon-check-on, .icon-check-off, .icon-oncheck, .icon-radio, .icon-radio-on, .icon-xz, .icon-wxz, .icon-xjt, .icon-xjt2, .form-invoice .fm-tit label, .cartc-tit>span>label, .cs-cont>span>label, .checkp label, .advanced-pnl p>span>label, .my-orderlist .cartc-tit div, .my-orderlist>ul>li:hover>p:first-child i, .my-orderlist>ul .odl-cont>ul li>div .odlc-mark>.icon-ewm { cursor: pointer; } .btn { border: solid 1px #d10011; background: #e62226 !important; color: #fff !important; font-size: 14px; text-align: center; } .btn:hover { color: #fff; } .bg-white { background: #fff; } .bg-white .footer { background: none; } .yscroll { overflow-x: hidden; overflow-y: scroll !important; } .color-orange { color: #f18111 !important; } .color-red { color: #e62226 !important; } .color-gray { color: #999 !important; } .color-grey { color: #777 !important; } .color-green { color: #358d2c !important; } .pt100 { padding-top: 100px; } .pt100 .footer { margin-top: 0; } .mb100 { margin-bottom: 130px; } .mt100 { margin-top: 100px !important; } .opa { display: block; opacity: 1 !important; } .open { max-height: inherit !important; -webkit-transition: all .3s; transition: all .3s; } .rotate, .ct-send em.sdown:after, .form-invoice .fmi li .fmi-ct-send em.sdown:after, .payment>dl dt.protate a i, .oda-payul>li:first-child.sdown .icon-xjt, .sendiv dl dt.sdopen i, .my-orderlist .cartc-tit div:hover span:after, .myol-tit>span a.revolve:after, .activitypnl>em.sdown:after, .dispatching:hover i { -webkit-transform: rotate(180deg); transform: rotate(180deg); } /*上下箭头*/ .arrowup { border-right: solid 5px transparent; border-bottom: solid 5px #333; border-left: solid 5px transparent; } .arrowdown { border-top: solid 5px #333; border-right: solid 5px transparent; border-left: solid 5px transparent; } /*自适应*/ .flexUI {display:-o-flex;display:-ms-flex;display:-moz-flex;display:-webkit-box;display:-ms-flexbox;display:flex;} .flexBet{display:-o-flex;display:-ms-flex;display:-moz-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-o-align-items:center;-ms-align-items:center;-moz-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-o-justify-content:space-between;-ms-justify-content:space-between;-moz-justify-content:space-between;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .flexAro{display:-o-flex;display:-ms-flex;display:-moz-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-o-justify-content:space-around;-ms-justify-content:space-around;-moz-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around} .flexUpDownCenter{display:-o-flex;display:-ms-flex;display:-moz-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-o-align-items:center;-ms-align-items:center;-moz-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center} input::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */color: #909399!important;} input:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */color: #909399!important;} input::-moz-placeholder { /* Mozilla Firefox 19+ 适配火狐 */color: #909399!important;} input:-ms-input-placeholder { /* Internet Explorer 10+ 适配ie*/color: #909399!important;} textarea::-webkit-input-placeholder { /* WebKit browsers */ color: #909399!important; } textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #909399!important; } textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #909399!important;} textarea::-ms-input-placeholder { /* Internet Explorer 10+ */ color: #909399!important; } .el-input__icon.el-icon-circle-close {font-size: 20px !important;} .el-message {top:33%!important;} /*文本行内省略*/ .textfl, .cul-cont dl dd a, .cul-cont dl dd p, .as-cont div dl dd a, .as-cont div dl dd p, .odc-box a, .odc-box p, .cart-deleted .cd-list li .cdl-pname, .fmi-comonadrs ul li p, .head-right em, .payment>dl dd>p>span, .payment>dl dd>p>em>b, .payment>dl dd ul li a, .mmcu-top p:nth-child(3) a, .mmsec-left>ul>li>label, .order-prodetail>ul>li>div>div>a, .order-prodetail>ul>li>div>div>p, .myfocus .channel-goodlist ul li>div>a:not(.btn-adtcart), .channel-cardlist.regulargoods>ul li .cal-cont>a, .cardbg-pnl .cgl-cont a:nth-child(2), .actul li { overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; } /*变形属性过渡效果*/ .trans-tf, .ct-send em:after, .sendiv dl dt i, .csc-right em:after, .order-tip .icon-gb, .consignee h3 span:after, .oda-payul li:first-child i, .odt-tit .odtt-tip .icon-xjt, .form-invoice .fmi li .fmi-ct-send em:after, .payment>dl dt a i, .oda-payul>li:first-child .icon-xjt, .my-orderlist .cartc-tit div span:after, .myol-tit>span a:after, .myfocus .channel-goodlist ul li>a img, .channel-cardlist>ul li .cal-tu a img, .channel-goodlist.cardbag>ul li a.cgl-tu img, .activitypnl>em:after, .dispatching i { -webkit-transition: transform .3s; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } /*渐隐渐现效果*/ .trans-opc { opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; } /*非变形属性变化过渡效果*/ .trans-all, .adv, .sendiv, .sendiv dl dd, .order-tip, .consignee ul.cg-cont, .oda-payul li div, .order-addinfo ul.oda-payul, .payment>dl dd, .advanced-pnl, .channel-goodlist.fscenter>ul li>span, .channel-cardlist>ul li .cal-tu>span, .mmcu-bot p a:hover, .rclefollow-tip, .message-tip, .mycoupon>ul li>a, .activitypnl .actdiv { -webkit-transition: all .3s; transition: all .3s; } /*图片向上轻微滑动效果*/ .transf-top, .myfocus .channel-goodlist ul li:hover>a img, .channel-cardlist>ul li:hover .cal-tu>a img, .channel-goodlist.cardbag>ul li:hover a.cgl-tu img { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } /*图片向左轻微滑动效果*/ .transf-left { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } /*图标旋转180效果*/ .transf-rt180, .consignee h3 span.sdown:after, .odt-tit .odtt-tip.sdown .icon-xjt { -webkit-transform: rotate3d(0, 0, 1, 180deg); transform: rotate3d(0, 0, 1, 180deg); } /*微小呼吸式动效*/ .breathe, .mods-cont .mc-tit b:before, .serform p:last-child:before, .uinfo .uif-tip span:before, .uinfo .uif-cont .marketad-tu, .order-tip span:before, .mods-cancel .macncel-top h5:first-child:before, .od-ecard>h5:before { -webkit-animation: breathe 1s infinite .35s; animation: breathe 1s infinite .35s; } @-webkit-keyframes breathe { 0% { opacity: .9; -webkit-transform: scale(1.1); transform: scale(1.1); } 25% { opacity: 1; -webkit-transform: scale(.9); transform: scale(.9); } 100% { opacity: .9; -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes breathe { 0% { opacity: .9; -webkit-transform: scale(1.1); transform: scale(1.1); } 25% { opacity: 1; -webkit-transform: scale(.9); transform: scale(.9); } 100% { opacity: .9; -webkit-transform: scale(1.1); transform: scale(1.1); } } /* ::-webkit-scrollbar {display:none;} */ ::-webkit-scrollbar-track-piece { background-color:#f8f8f8;} ::-webkit-scrollbar { width:6px;height:6px;} ::-webkit-scrollbar-thumb {background-color:#dddddd;background-clip:padding-box;min-height:28px;} ::-webkit-scrollbar-thumb:hover { background-color:#bbb;} /*字符图标整合 start*/ @font-face { font-family: "iconfont"; src: url(/static/fonts/iconfont.8210a96.woff2) format('woff2'), url(/static/fonts/iconfont.27ac9c0.woff) format('woff'), url(/static/fonts/iconfont.f1418ce.ttf) format('truetype'); } [class^="icon-"], [class*="icon-"], .reg .reg-bot a:after, .reglist form span:before, .login-code dl dd:before, .mods-cont .mc-tit b:before, .mods-telverify .mc-cont form span:before, .mods-pwdsus .mods-cont span:before, .login-account form .lg-bot small:before, .waring:before, .serform p:last-child:before, .adrs-form span:before, .uinfo .uif-tip span:before, .click_mct_btn:before, dl.yyda_top dt.yyda_t_right a:before, .mct_right .mctr_more span a:before, .network p:last-child b:after, .modhelp-box .yytit:before, .cart-tip span:before, .ct-send em:after, .sendiv dl dd p a:after, .csc-right em:after, .as-cont h3:before, .as-cont div span a:last-child:after, .cart-empty .ce-cont:before, .order-tip span:before, .consignee h3 span:after, .odcb-cont p:after, .order-addinfo .odt:before, .form-invoice .fm-tit label:after, .form-invoice .fmi li:last-child:before, .cg-cont li:after, .oda-payul li ul>li:after, .deletepro .mods-cont span:before, .addfocus .mods-cont span:before, .form-invoice .fmi li .fmi-ct-send em:after, .odcb-cont p:first-child:before, .paym-wrap>.pw-cont p i:not(:last-child):after, .payment .paym-option li:before, .mods-alipay .mods-cont dl:before, .paysuccess .pays-top:before, .clearpro .mods-cont span:before, .user-benefit .swiper-wrapper .swiper-slide:before, .follow-tip:before, .sdcplist>a:after, .pn-levl label:before, .mmsec dl dt:before, .mods-getcash .mc-tit b:before, .mods-getcash .mc-cont form span:first-child:before, .myol-tit>span a:nth-child(3):after, .my-orderlist .cartc-tit div span:after, .my-orderlist>ul .odl-cont>.cdlc-consignee>div label:after, .my-orderlist>ul .odl-cont .odlc-state .logistics-tracking a:before, .my-orderlist>ul .odl-cont .odl-operate>em:before, a.btn-buyagain:before, .mods-cancel .macncel-top h5:first-child:before, .mods-cancel form span:after, .order-detail .ods-left p:before, .od-state .ods-left a.btn-cancel:before, .od-state .ods-right .odsr-stepul li .odsr-step>i:nth-child(2):after, .od-state .ods-right>p>a:before, .mods-sus .mods-cont span:before, .od-ecard>h5:before, .od-receipt dl.odr-refund dd:before, .od-receipt dl dd>a.pf-more:after, .channel-goodlist.fscenter>ul li>span a:before, .fscenter>p:before, .focusbox-btns>a:before, .fscard>p:before, .channel-cardlist.regulargoods>ul li>p a:before, .ab-top .abt-right span b:before, .ab-bot p.abb-tit span em:after, .mods-joinbag form span:before, .mods-bindcoupon form span:before, .od-empty:before, .res-error .mods-cont span:before, .impressive ul:first-of-type li:after, .impressive ul:last-of-type li:after, .impressive .impreOne .selecOne:after, .activitypnl>em:after, .actul li:before, .mods-fk .odt:before, .advanced-pnl p span:before, .checkp em:before, .order-addinfo .odaf-cont>p em:before, .cart-contbox .cartlist .card-tit label:before, .mods-login .mlg-tip:before, .ertic:before, .sel-yyadrs:after,.main::after { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-xz:before { content: "\E652"; } .icon-wxz:before { content: "\E653"; } .icon-error:before { content: "\E6A8"; } .icon-intransit:before { content: "\E6B1"; } .icon-chuku:before { content: "\E6B6"; } .icon-dingwei:before { content: "\E659"; } .icon-md:before { content: "\E62F"; } .icon-ps:before { content: "\E610"; } .icon-radio-on:before { content: "\E65D"; } .icon-radio:before { content: "\E64D"; } .icon-dd:before { content: "\E6A2"; } .icon-ts:before { content: "\E626"; } .icon-check:before { content: "\E638"; } .icon-xjt:before { content: "\E6A6"; } .icon-sj:before { content: "\E72A"; } .icon-buy:before { content: "\E664"; } .icon-check-off:before { content: "\E60A"; } .icon-check-on:before { content: "\E609"; } .icon-oncheck:before { content: "\E652"; } .icon-gb:before { content: "\E685"; } .icon-runtop:before { content: "\E660"; } .icon-sy:before { content: "\E60F"; } .icon-sjt-copy:before { content: "\E8E9"; } .icon-xjt2:before { content: "\E66B"; } .icon-empty:before { content: "\E632"; } /*字符图标整合 end*/ .icon-left:before { content: "\E619"; } .icon-order:before { content: "\E613"; } .icon-pay2:before { content: "\E675"; } .icon-ck:before { content: "\E62E"; } .icon-sh:before { content: "\E62A"; } .icon-ddwc:before { content: "\E64E"; } .icon-finger:before { content: "\E631"; } .icon-fx2:before { content: "\E615"; } .icon-zp:before { content: "\E62D"; } .icon-search:before { content: "\E61B"; } /*带有背景色的按钮,鼠标移入透明度为0.8*/ .btnhover:hover, input[type='button']:hover, .btn:hover, .head-right a:hover, .reg-bot a:hover, .lg-bot a:hover, .mcb_ul_tu:hover img, .yyda_t_tu:hover img, .btn_th:hover, .zbd-part-tit a:hover, .mc_cont .mcc_top a:hover, .mc_cont .mcc_top a:active, .mc_cont .mcc_btn_zw a.mcc_sub:hover, .mc_cont .mcc_btn_zw a.mcc_sub:active, .mct_right a.btn_th:hover, .mct_right a.btn_th:active, .mct_right a.btn_od:hover, .mct_right a.btn_od:active, .card-foot a:hover, .bdpart-tit a:hover, .mc_cont .mcc_btn_zw a.mcc_sub:hover, .mc_cont .mcc_btn_zw a.mcc_sub:active, .medit_c_ul a:hover, .serform p:last-child a:hover, .network .nw-cont p:first-child a:hover, .lgb-cont p:nth-child(3) a:hover, .hide-body span:hover, .cul-cont dl dt a:hover img, .cs-probox .swiper-wrapper .swiper-slide a:hover img, .as-cont div dl dt a:hover img, .as-cont div span a:hover, .consignee h3 span:hover, .consignee h3 a:hover, .order-datail h4 a:hover, .odc-box dl dt a:hover img, .odcb-cont p:not(:first-child):hover, .order-paymoney>h5>p:last-child a:hover, .mods-alipay .mods-cont dl dd>a:hover, .user-benefit .swiper-wrapper .swiper-slide:hover:before, .sdcplist ul li:hover>span, .sdcplist>a:hover, .mmcu-top .mmcut-tu:hover, .pn-levl label:hover, .pn-levl a:hover, .mmsec-left h4 a:hover, .mmsec-left>ul>li>p>a:hover, .myorderlist>h4>a:hover, .advanced-pnl>a:hover, .mmsec-left>ul>li>div a:hover, .my-orderlist>ul .odl-cont>ul li a:hover, .my-orderlist>ul .odl-cont>.cdlc-consignee div:hover label, .my-orderlist>ul .odl-cont>p>a:hover, .my-orderlist>ul .odl-cont .odlc-state>a:hover, .logistics-pnl>ul>li:hover>p, .logistics-pnl>ul>li:hover>p a, .odl-cont .odl-operate>a:hover, .bread-lead a:hover, .od-state .ods-left a:hover, .od-state .ods-right>p>a:hover, .od-ecard h4 span a:hover, .od-ecard>ul>li>span>a:hover, .od-receipt dl dd>a:hover, .order-prodetail>ul>li>span>a:hover, .myfocus .channel-goodlist ul li:not(.card-unavailable)>div a:hover, .myfocus .channel-goodlist ul li:hover>div>.btn-adtcart, .icon-search:hover, .channel-cardlist>ul li .cal-tu>span>a:hover, .channel-cardlist.regulargoods>ul li>p a:hover, .account-balance a:hover, .ab-top .abt-left h3 i, .ab-bot p.abb-tit span [type="button"]:hover, .ab-bot>a:hover, .myfocus>h4>a:hover, .channel-goodlist.cardbag>ul li:not(.card-unavailable)>a:hover, .mmcu-top dl dd>a:hover { cursor: pointer; opacity: 0.7; filter: Alpha(opacity=70); -webkit-transition: all 0.4s; transition: all 0.4s; } /*end*/ .card-foot .btn, .serform .btn { -webkit-animation: mybtn 5s ease 0s infinite; animation: mybtn 5s ease 0s infinite; } @-webkit-keyframes mybtn { 0% { -webkit-transform: rotate(0deg); } 75% { -webkit-transform: rotate(0deg); } 80% { -webkit-transform: rotate(-6deg); } 95% { -webkit-transform: rotate(3deg); } 100% { -webkit-transform: rotate(0deg); } } @keyframes mybtn { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 75% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 80% { -webkit-transform: rotate(-6deg); transform: rotate(-6deg); } 95% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation: fadeOut 1s; animation: fadeOut 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } /*静默呼吸效果*/ @-webkit-keyframes dhpic { 0% { transform: scale(1); -webkit-transform: scale(1); } 100% { transform: scale(1.1); -webkit-transform: scale(1.1); } } @keyframes dhpic { 0% { transform: scale(1); -webkit-transform: scale(1); } 100% { transform: scale(1.1); -webkit-transform: scale(1.1); } } /*end*/ /* * 逛商城 * 2018.01.26 * 章珍 * start */ /*图标旋转90°*/ .transf90 { -webkit-transform: rotate(90deg); transform: rotate(90deg); } /*图标旋转-90°*/ .transf-90 { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } /*各种商品列表模块通用居中*/ .channel-goodlist { width: 1200px; margin-left: auto; margin-right: auto; } /*end*/ /* * 暂无内容的样式 * 2018.04.08 * 章珍 * start */ .no-con { width: 100%; height: 100%; text-align: center; -webkit-transform: none; transform: none; } .no-con img { display: inline-block; } .no-con img:hover { -webkit-transform: none !important; transform: none !important; } .no-con p { font-size: 14px; color: #999; margin-top: -10px; } .no-goods img { width: 130px; height: auto; margin-top: -10px; } .no-quan { border: 1px solid #f0f0f0; height: 222px; } .no-quan img { width: 130px; height: auto; margin-top: 30px; } .seckillul .no-con img { width: 165px; height: auto; margin-top: 80px; } .promotionul .no-con img { width: 130px; height: auto; margin-top: 40px; } .channel-goodlist .no-con { background-color: #fff; } .channel-goodlist .no-con img { margin-top: 40px; } .channel-goodlist .no-con p { margin-top: 20px; padding-bottom: 40px; } .q-item .no-con { background-color: #fff; padding-bottom: 20px; } .q-item .no-con img { margin-top: 20px; } /*end*/ /* * 选择配送区域通用样式 * 2018.01.29 * zly * start */ .ct-send { float: right; position: relative; } .ct-send big { display: inline-block; font-size: 14px; } .ct-send em { position: relative; z-index: 2; display: inline-block; border: solid 1px #f0f0f0; background: #fff; padding-left: 5px; } .ct-send em.sdown { border-bottom-color: #fff; } .ct-send em:after, .sendiv dl dd p a:after { display: inline-block; width: 18px; height: 18px; content: "\E6A6"; font-size: 18px; cursor: pointer; vertical-align: middle; } .ct-send em:after { line-height: 18px; } .ct-send input { max-width: 300px; height: 25px; line-height: 25px; color: #666; font-size: 14px; } .ct-send .sendiv { position: absolute; z-index: 1; /*right:0;*/ left: 60px; top: 25px; width: 380px; border: solid 1px #fff; -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0); box-shadow: 1px 1px 6px rgba(0, 0, 0, 0); background: #fff; } .sendiv dl { line-height: 25px; font-size: 14px; color: #666; margin: 10px; } .sendiv dl.dl-default { margin-bottom: 10px; padding-bottom: 5px; border-bottom: solid 1px #f0f0f0; } .sendiv dl.dl-new dt { margin-bottom: 10px; } .sendiv dl dt, .sendiv dl dd { overflow: hidden; padding-left: 0; } .sendiv dl dt i { float: right; cursor: pointer; font-size: 20px; } .sendiv, .sendiv dl.dl-new dd { max-height: 0; overflow: hidden; } .ct-send.sdopen em { border-bottom: #fff; } .ct-send.sdopen .sendiv { border-color: #f0f0f0; -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, .05); box-shadow: 1px 1px 6px rgba(0, 0, 0, .05); height: auto !important; max-height: 500px; } .sendiv dl dt.sdopen+dd { max-height: 500px; } /*逛商城特筛选地址殊定义 start*/ .f-store .ct-send em, .f-store .ct-send.sdopen .sendiv { border-color: #ccc; } .filter .ct-send big { font-size: 14px; color: #999; } .filter .ct-send em { z-index: 4; } .filter .ct-send .sendiv { position: absolute; z-index: 3; left: 60px; right: 0; top: 27.5px; border: 1px solid #f6f6f6; } .filter .ct-send em.sdown { border-bottom: none; } .filter .ct-send input { color: #333; } /*逛商城筛选地址特殊定义 end*/ /*编辑地址特定义 start*/ .mcc-item .ct-send { float: left !important; } .mcc-item .ct-send input { border: none !important; } .mcc-item .ct-send .sendiv { left: 60px; } .mcc-item .ct-send .sendiv dl.dl-new dd { max-height: 500px !important; } /*编辑地址特定义 end*/ /*送礼优选详情地址特殊定义 start*/ .pro-deliver .ct-send.sdopen>em { border-color: #e0e0e0; } .giftpro .ct-send.sdopen .sendiv { border-color: #e0e0e0; } .itemInfo-wrap .pro-deliver .ct-send { float: left; padding-right: 15px; } .itemInfo-wrap .pro-deliver span { float: left; /* margin-left: 15px; */ display: block; height: 27px; line-height: 27px; } .pro-deliver .sendiv dl dt { float: none; padding-left: 0px; } .pro-deliver .sendiv dl.dl-default dd { padding-left: 0px; } .pro-deliver .ct-send input { color: #333; background-color: #fff; } .pro-deliver .ct-send em:after { color: #333; } .pro-deliver .ct-send em { border-color: #fff; height: 28px; } .pro-deliver .ct-send em.sdown { border-color: #e0e0e0; border-bottom: none; } .pro-deliver .ct-send .sendiv { top: 27.5px; left: 60px; } .pro-deliver .ct-send.sdopen .sendiv { border-color: #e0e0e0; } /*送礼优选详情地址特殊定义 end*/ /*购物车的配送面板特殊定义*/ .carts-tit .ct-send.sdopen .sendiv { left: auto; right: 0 !important; } .sendiv dl.dl-default dd { max-height: 25px; overflow: hidden; } .sendiv dl.dl-default dd ul li { overflow: hidden; cursor: pointer; } .sendiv dl.dl-default dd ul li:hover { color: #e62226; } .sendiv dl.dl-default dd ul li b, .sendiv dl.dl-default dd ul li small { display: inline-block; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .sendiv dl.dl-default dd ul li b { margin-right: 50px; max-width: 65px; } .sendiv dl.dl-default dd ul li small { max-width: 265px; font-size: 14px; } .sendiv dl.dl-new dd p { position: relative; height: 23px; } .sendiv dl.dl-new dd p:after, .sendiv dl.dl-new dd p a.on:before { content: ""; display: block; position: absolute; z-index: 1; left: 0; bottom: -2px; width: 100%; height: 0; border-bottom: solid 2px #e62226; } .sendiv dl.dl-new dd p a { position: relative; display: inline-block; padding: 0 20px 0 5px; height: 21px; line-height: 21px; max-width: 67px; margin: 0 5px 0 0 !important; border: solid 1px #f0f0f0; border-bottom: none; overflow: hidden; } .sendiv dl.dl-new dd p a:after { position: absolute; top: 0px; right: 3px; } .sendiv dl.dl-new dd p a.on { border: solid 2px #e62226; border-bottom-color: #fff; position: relative; z-index: 2; } .sendiv dl.dl-new dd p a.on:before { z-index: 3; border-bottom-color: #fff; } .sendiv dl.dl-new dd p a, .sendiv dl.dl-new dd ul li a { color: #0079b6; font-size: 12px; } .sendiv dl.dl-new dd p a.nosupport, .sendiv dl.dl-new dd ul li a.nosupport { color:#999; cursor:not-allowed; } .sendiv dl.dl-new dd ul { padding: 10px 0; display: block; /* overflow: hidden; */ } .sendiv dl.dl-new dd ul li { display: inline-block; float: left; width: 25%; line-height: 18px; margin-bottom: 5px; } .sendiv dl.dl-new dd ul li.long-area { width: 50%; } .sendiv dl.dl-new dd ul li a { display: inline-block; line-height: 18px; padding: 0 5px; max-width: calc(100% - 16px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sendiv dl.dl-new dd ul li a:not(.nosupport):hover, .sendiv dl.dl-new dd ul li a:not(.nosupport):active, .sendiv dl.dl-new dd ul li a.adrs-sel { color: #e62226; } /*选择配送区域通用样式 end*/ /*商品列表+商品推荐+我的足迹公用样式 start*/ /*商品列表*/ .channel-goodlist ul { margin-top: 20px; margin-right: -28px; } .channel-goodlist ul li { float: left; display: inline-block; position: relative; background: #fff; width: 285px; /*height: 367px;*/ border: 1px solid #fff; margin: 0 20px 10px 0; padding-top: 40px; } .channel-goodlist .cgl-tu { display: block; text-align: center; font-size: 0; width: 220px; height: 220px; margin: 0 auto; position: relative; } .channel-goodlist .cgl-tu img { -webkit-transition: transform .3s; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; width: 100%; height: auto; max-height: 220px; position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; } .channel-goodlist .cgl-hover { position: absolute; z-index: 2; display: block; left: 0; top: 0; width: 100%; height: 0px; line-height: 30px; background-color: #666; color: #fff; -webkit-transition: height .3s; transition: height .3s } .channel-goodlist .cgl-hover a { display: inline-block; width: 95px; height: 30px; font-size: 14px; opacity: 0; float: left; text-align: center; color: #fff; } .channel-goodlist .cgl-hover a.click-share { position: relative; } .channel-goodlist .cgl-hover a:hover { background-color: #de2124; } .channel-goodlist .cgl-hover a i { padding-right: 5px; } .channel-goodlist .cgl-hover a.on { color: #fff; } .channel-goodlist .cgl-hover b { width: 1px; } .channel-goodlist .cgl-cont { padding: 25px 10px 15px; font-size: 14px; } .channel-goodlist .cgl-cont a { display: block; overflow: hidden; width: 100%; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 10px; } .channel-goodlist .cgl-cont b { display: block; font-size: 20px; color: #de2124; vertical-align: bottom; margin-bottom: 10px; font-family: Arial, Verdana, "\5B8B\4F53"; font-weight: bold; } .channel-goodlist .cgl-cont b i { font-size: 14px; font-family: "microsoft yahei"; } .channel-goodlist .cgl-cont p { font-size: 12px; color: #999; margin-bottom: 15px; } .channel-goodlist .cgl-cont p em { margin-left: 10px; } .channel-goodlist .cgl-cont .cglc-tip { width: 100%; margin: 0 auto; } .channel-goodlist .cgl-cont .cglc-tip span { top: 99%; left: -1px; background-color: #fff; } .channel-goodlist .cgl-cont .cglc-tip span strong { color: #de2124; } .channel-goodlist span.tip-cut { left: 15px } .channel-goodlist span.tip-ship { left: 75px } .channel-goodlist .btnborder { position: absolute; right: 8px; bottom: 10px; width: 98px; height: 23px; line-height: 23px; border: 1px solid #e0e0e0; color: #de2124; font-size: 12px; text-align: center; } .channel-goodlist .btnborder i { margin-right: 10px; } .channel-goodlist .btnborder:hover { cursor: pointer; color: #fff; border-color: #de2124; background: #de2124; } .channel-goodlist .gray { border-color: #ddd; color: #999; background-color: #f7f7f7; } .channel-goodlist .gray:hover { cursor: none; border-color: #ddd; color: #999; background-color: #f7f7f7; } .channel-goodlist .mod-tip label { display: inline-block; font-size: 12px; color: #de2124; min-width: 36px; padding: 1px 2px; height: 16px; line-height: 16px; text-align: center; margin-right: 2px; border-radius: 2px; border: solid 1px #de2124; cursor: pointer } .channel-goodlist .mod-tip label:hover+span { opacity: 1; display: block; z-index: 3 } .channel-goodlist .mod-tip span { opacity: 0; z-index: 1; border: 1px solid #e0e0e0; font-size: 14px; color: #666; width: 265px; height: 28px; line-height: 28px; position: absolute; top: 100%; padding: 0 10px; -webkit-transition: opacity .3s; transition: opacity .3s; } .channel-goodlist .mod-tip span p { display: inline-block; font-size: 14px; color: #666; margin: 0; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .channel-goodlist .mod-tip span i { position: absolute; z-index: 2; top: -4px; border-style: solid; border-width: 5px; border-color: #fff #fff transparent transparent; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-box-shadow: 2px -2px #e0e0e0; box-shadow: 2px -2px #e0e0e0; width: 0; height: 0px; display: inline-block; } .channel-goodlist .tip-cut i { left: 23px; } .channel-goodlist .tip-ship i { left: 70px; } .channel-goodlist.shopping li:hover, .channel-goodlist.recommend li:hover, .channel-goodlist.viewlist li:hover { -webkit-box-shadow: 0 0 2px 2px #f8f8f8; box-shadow: 0 0 2px 2px #f8f8f8; border: 1px solid #e9e9e9; } .channel-goodlist li:hover .cgl-hover { height: 30px; } .channel-goodlist li:hover .cgl-hover a { opacity: 1; } .channel-goodlist li:hover .cgl-hover b { opacity: 1; } .channel-goodlist li:hover .cgl-cont a { color: #de2124; } .channel-goodlist .cgl-tu:hover img { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0) } .shopping-list-page { text-align: center; margin-bottom: 20px; } /*商品推荐 start*/ .recommend { border: 1px solid #F0F0F0; margin-bottom: 20px; background-color: #fff; } .recommend .swiper-wrapper .swiper-slide { width: 275px !important; padding-top: 0; overflow: hidden; } .channel-tit { margin-top: 20px; margin-left: 20px; position: relative; margin-bottom: 20px; } .channel-tit p { font-size: 18px; color: #333; } .channel-tit .channel-tit-bg { width: 30px; height: 3px; margin-top: 7px; background-color: #FF541F; } .channel-tit a { position: absolute; top: 0; right: 20px; color: #666; font-size: 14px; } .channel-tit a i { padding-left: 2px; } .channel-tit a:hover { color: #de2124; } .recommend .cglc-tip span { width: 255px !important; } .recommend .swiper-pagination { position: absolute; top: 0; right: 20px; z-index: 5; } .recommend .swiper-pagination-bullet { margin-left: 10px; width: 8px; height: 8px; background-color: #fff; border: 3px solid #D6D6D6; opacity: 1; } .recommend .swiper-pagination-bullet-active { background-color: #de2124; border: 3px solid #f99aa1; } .recommend .swiper-wrapper { clear: both; margin-bottom: 20px; } .recommend .swiper-container { width: 1178px; } .recommend ul li { margin: 0 10px; } /*商品推荐 end*/ /*我的足迹 start*/ .viewlist { border: 1px solid #F0F0F0; margin-top: 20px; } .viewlist ul li { width: 176px; margin-bottom: 10px; } .viewlist li:first-child { margin-left: 20px; } .viewlist .cgl-tu { width: 160px; height: 160px; } .viewlist .cgl-tu .cgl-tu-box { width: 160px; height: 160px; display: table-cell; vertical-align: middle; } .viewlist .cgl-tu img { width: 100%; height: auto; max-height: 160px; } .viewlist .cgl-cont { padding: 20px 10px 10px; } .viewlist .cgl-cont b { text-align: center; margin-bottom: 15px; } .viewlist .cgl-cont a { margin-bottom: 0; } .cardmall-item-l-tips span { display: inline-block; position: absolute; z-index: 1; top: 0; } .cardmall-item-l-tips .tips-dese { left: 0; width: 95px; height: 25px; line-height: 25px; text-align: center; color: #fff; font-size: 12px; background: url(https://presale.jhtsoft.com/picms/384e02eb00f588.png) no-repeat; } .cardmall-item-l-tips .tips-code { width: 20px; height: 20px; line-height: 20px; font-size: 20px; top: 3px; color: #ff7036; left: 105px; } .cardmall-code-big { text-align: center; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); top: 0px; left: 0px; opacity: 0; z-index: -1; overflow: hidden; } .cardmall-code-big .card-code-con { text-align: center; width: 225px; height: 250px; background-color: #fff; position: absolute; top: 50%; margin-top: -125px; left: 275px; transition: left .5s; -moz-transition: left .5s; -webkit-transition: left .5s; -o-transition: left .5s; } .cardmall-code-big .card-code-con img { width: 170px; height: 170px; margin: 20px auto 0; } .cardmall-code-big h2 { margin: 10px auto 0; text-align: center; font-size: 16px; color: #333; } .cardmall-item-l-tips .tips-code:hover { opacity: 0; z-index: 3; cursor: pointer; } .cardmall-item-l-tips .tips-code:hover+.cardmall-code-big { z-index: 2; opacity: 1; } .cardmall-item-l-tips .tips-code:hover+.cardmall-code-big .card-code-con { left: 26px; } /** * 2018-3-9 * dtt * 我的足迹 添加电子券卡实体券卡标识样式 * */ .cardmall-code-big .historyewm { width: 170px; } .cardmall-code-big .historyewm img { width: 100px; height: 100px; margin: 30% auto 0; } .cardmall-item-l-tips .tips-code:hover+.cardmall-code-big .historyewm { left: 3px; } /*我的足迹 end*/ /*商品列表+商品推荐+我的足迹公用样式 end*/ /*商城公用头部和底部 start*/ .header-shortcut { height: 40px; background-color: #eeeeee; font-size: 14px; } /*头部右侧导航*/ .header-shortcut-loginlist { float: right; } .header-shortcut-loginlist li { float: left; height: 40px; color: #666; position: relative; } .header-shortcut-loginlist li .header-nav { font-size: 14px; color: #666; display: inline-block; height: 39px; line-height: 39px; padding-left: 15px; padding-right: 32px; border: 1px solid #EEEEEE; border-bottom: none; } .header-shortcut-loginlist li .header-nav:hover { color: #ff0036; } .header-shortcut-loginlist .dropdown>.icon-xjt { width: 14px; height: 10px; line-height: 10px; right: 10px; top: 16px; } .header-shortcut-loginlist .dropdown>.icon { -webkit-transition: transform .3s linear; -webkit-transition: -webkit-transform .3s linear; transition: -webkit-transform .3s linear; transition: transform .3s linear; transition: transform .3s linear, -webkit-transform .3s linear; } .header-shortcut-loginlist .dropdown:hover .icon { transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); } .mobileservice .icon-sj { left: 15px; top: 12px; } .mobileservice>a { padding: 0 32px 0 35px !important; } .myorder>a { padding-right: 15px !important; } .header-shortcut-loginlist .login a, .header-shortcut-loginlist .register a { font-size: 14px; color: #666; display: inline-block; height: 39px; line-height: 39px; border: 1px solid #EEEEEE; border-bottom: none; } .header-shortcut-loginlist .login a { color: #e62226; } .header-shortcut-loginlist .login a:hover { opacity: .8; filter: Alpha(opacity=80); } .header-shortcut-loginlist .register a { color: #999; padding: 0 10px 0 15px; } .header-shortcut-loginlist .register a:hover { color: #e62226; } /*头部小导航公共样式*/ .header-shortcut .dropdown>div { position: absolute; top: 39px; background-color: #fff; border: 1px solid #ccc; z-index: 5; -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .1); box-shadow: 2px 2px 2px rgba(0, 0, 0, .1); display: none; /*line-height: 25px;*/ } .header-shortcut i { position: absolute; z-index: 7; color: #666; } .header-shortcut .dropdown .dropdownhovered { position: relative; z-index: 6; border-color: #ccc; background-color: #fff; } /*导航会员中心*/ .header-shortcut-loginlist .dropdown-user { left: 0; padding: 10px 0px; } .dropdown-user { width: 268px; font-size: 14px; color: #999; } .dropdown-user p { font-size: 14px; color: #999; } .dropdown-user p.user-grade { height: 27px; position: relative; padding-left: 26px; color: #333; } .dropdown-user p.user-grade i { color: #f18110; font-size: 20px; left: 0; top: 3px; } .dropdown-user p.user-grade span { display: inline-block; padding-top: 7px; } .dropdown-user p.user-sign { margin-top: 8px; width: 74px; height: 18px; border: 1px solid #e62226; text-align: center; line-height: 18px; border-radius: 10px; -webkit-border-radius: 10px; color: #e62226; font-size: 12px; } .dropdown-user p.user-sign:hover { cursor: pointer; background-color: #e62226; color: #fff; -webkit-transition: all .4s; transition: all .4s; } .dropdown-user .user-info { padding-bottom: 10px; padding-left: 15px; margin-bottom: 10px; border-bottom: 1px solid #F0F0F0; } .dropdown-user .user-info-head { float: left; width: 60px; height: 60px; } .dropdown-user .user-info-head img { width: 60px; height: 60px; border-radius: 100%; } .dropdown-user .user-info-des { float: left; margin-left: 10px; } .dropdown-user .exit { position: absolute; line-height: 20px; top: 20px; right: 15px; display: block; color: #999; } .dropdown-user .exit:hover { color: #e62226; } /*会员权限轮播*/ .user-benefit { width: 208px; height: 72px; padding: 0 30px; overflow: hidden; } .swiper-container.user-benefit { position: relative; } .user-benefit .swiper-wrapper { height: auto; margin-right: -14px; } .user-benefit .swiper-wrapper .swiper-slide { float: left; display: inline-block; text-align: center; } .user-benefit .swiper-wrapper .swiper-slide:before { display: block; width: 50px; height: 50px; margin: 0 auto; text-align: center; line-height: 50px; font-size: 26px; border-radius: 100%; color: #fff; } .user-benefit .swiper-wrapper .swiper-slide:first-child:before { font-size: 22px; content: "\E64A"; background: #ffb24d; } .user-benefit .swiper-wrapper .swiper-slide:nth-child(2):before { content: "\E602"; background: #fc715e; } .user-benefit .swiper-wrapper .swiper-slide:nth-child(3):before { content: "\E679"; background: #ffd34d; } .user-benefit .swiper-wrapper .swiper-slide:nth-child(4):before { font-size: 24px; content: "\E65B"; background: #fa9e58; } .user-benefit .swiper-wrapper .swiper-slide:nth-child(5):before { font-size: 24px; content: "\E661"; background: #28b85c; } .user-benefit .swiper-wrapper .swiper-slide a { display: block; line-height: 20px; text-align: center; color: #666; font-size: 12px; } .user-benefit .swiper-wrapper .swiper-slide:hover a { color: #e62226; } .user-benefit .swiper-button-prev, .user-benefit .swiper-button-next { position: absolute; top: 22px; width: 30px; height: 70px; line-height: 70px; font-size: 18px; z-index: 10; cursor: pointer; background: #fff; text-align: center; } .user-benefit .swiper-button-prev:hover, .user-benefit .swiper-button-next:hover { color: #e62226; } .user-benefit .swiper-button-next.swiper-button-disabled, .user-benefit .swiper-button-prev.swiper-button-disabled { opacity: 1 !important; color: #d6d6d6; } .user-benefit .swiper-button-prev { left: 0; } .user-benefit .swiper-button-next { right: 0; -webkit-transform: rotate3d(0, 0, 1, 180deg); transform: rotate3d(0, 0, 1, 180deg); } /*导航我的商城*/ .dropdown-mysc { left: 0; width: 268px; font-size: 14px; color: #999; padding-top: 10px; padding-bottom: 10px; } .header-shortcut-loginlist .dropdown-mysc .item1, .header-shortcut-loginlist .dropdown-mysc .item2, .header-shortcut-loginlist .dropdown-mysc .item3 { padding-left: 15px; border-bottom: 1px solid #F0F0F0; line-height: 24px; } .header-shortcut-loginlist .dropdown-mysc .item1 { padding-bottom: 5px; } .header-shortcut-loginlist .dropdown-mysc .item2 { padding-top: 5px; padding-bottom: 5px; } .header-shortcut-loginlist .dropdown-mysc .item3 { padding-top: 20px; border-bottom: none; } .header-shortcut-loginlist .dropdown-mysc table { font-size: 14px; color: #999; width: 100%; } .header-shortcut-loginlist .dropdown-mysc td { width: 75px; text-align: left; } .header-shortcut-loginlist .dropdown-mysc td a { color: #999; } .header-shortcut-loginlist .dropdown-mysc td a:hover { color: #e62226; } .header-shortcut-loginlist .dropdown-mysc td a em { color: #e62226; padding-left: 5px; } .header-shortcut-loginlist table th { text-align: left; } .header-shortcut-loginlist .dropdown-mysc .item3 h4 { color: #666; margin-bottom: 15px; font-size: 14px; } .header-shortcut-loginlist .dropdown-mysc .item3 h4 a { color: #666; float: right; margin-right: 20px; } .header-shortcut-loginlist .dropdown-mysc .item3 h4 a:hover { color: #e62226; } .header-shortcut-loginlist .dropdown-mysc .item3 ul { width: 260px; overflow: hidden; } .header-shortcut-loginlist .dropdown-mysc .item3 ul li { float: left; width: 70px; height: 70px; margin-right: 15px; } .header-shortcut-loginlist .dropdown-mysc .item3 ul li a { display: block; width: 70px; height: 70px; } .header-shortcut-loginlist .dropdown-mysc .item3 ul li a img { width: 70px; height: 70px; opacity: 1; -webkit-transition: opacity .4s linear; transition: opacity .4s linear; } .header-shortcut-loginlist .dropdown-mysc .item3 ul li:hover img { opacity: 0.7; } /*导航手机商城*/ .header-shortcut-loginlist .dropdown-mobile { left: 0; width: 123px; padding-top: 10px; padding-bottom: 10px; text-align: center; } .header-shortcut-loginlist .dropdown-mobile img { display: inline-block; width: 80px; height: 80px; margin: 0 auto; } .header-shortcut-loginlist .dropdown-mobile p { margin-top: 10px; font-size: 14px; color: #666; } /*导航客户服务*/ .header-shortcut-loginlist .dropdown-servce { left: 0; width: 103px; padding-top: 10px; } .header-shortcut-loginlist .dropdown-servce ul { color: #999; font-size: 14px; } .header-shortcut-loginlist .dropdown-servce ul li { padding-left: 15px; padding-bottom: 16px; height: 18px; } .header-shortcut-loginlist .dropdown-servce ul li a { color: #666; font-size: 14px; } .header-shortcut-loginlist .dropdown-servce ul li a:hover { color: #e62226; } /*搜索栏*/ .header-searchbar { background-color: #fff; } .header-fixed { position: fixed; top: 0; width: 100%; z-index: 11; -webkit-box-shadow: 0 1px 4px #ccc; box-shadow: 0 1px 4px #ccc; -webkit-animation: showhead .4s forwards; animation: showhead .4s forwards; } @-webkit-keyframes showhead { from { opacity: 0; } to { opacity: 1; } } @keyframes showhead { from { opacity: 0; } to { opacity: 1; } } .header-searchbar-box { position: relative; height: 140px; } .header-searchbar-logo { float: left; /* margin: 10px 0; */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .header-searchbar-logo>a { max-width:280px; max-height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; display: -moz-flex; display: -ms-flex; display: -o-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; overflow: hidden; } .header-searchbar-logo>a img { /* max-width:100%; max-height: 100%; */ max-width: 280px; max-height: 80px; } .header-searchbar-logo h3, .header-searchbar-logo p { margin-left: 10px; } .header-searchbar-logo h3 { font-size: 22px; color: #333; } .header-searchbar-logo p { font-size: 12px; color: #666; margin-top: 5px; width: 73px; text-align: center; height: 23px; line-height: 23px; border: 1px solid #bdbdbd; border-radius: 15px; -webkit-border-radius: 15px; } .header-searchbar-logo p a { color: #666; } .header-searchbar-logo p a:hover { color: #e62226; } .header-searchbar-r { float: right; margin-top: 42px; width: 683px; } .header-searchbox { width: 472px; float: left; } .header-searchbar-search { border: 1px solid #e62226; } .header-searchbar-search .search { color: #333; font-size: 14px; width: 366px; height: 35px; line-height: 35px; padding: 0 12px; border: none; float: left; } .header-searchbar-search .searchbtn { padding: 0; width: 80px; height: 35px; font-size: 16px; border: none; float: left; cursor: pointer; background: #e62226; color: #fff; text-align: center; /*line-height: 35px;*/ } .header-searchbar-search .searchbtn:hover { opacity: .7; background: #e62226; border-color: transparent; color: #fff; } /*购物车*/ .header-searchbar-cart { float: right; width: 178px; height: 34px; position: relative; font-size: 16px; color: #666; background-color: #f7f7f7; } .header-searchbar-cart:hover { cursor: pointer; } .header-searchbar-cart-box { border: 1px solid #D8D8D8; text-align: center; line-height: 34px; background-color: #f7f7f7; } .header-searchbar-cart:hover .header-searchbar-cart-box { position: relative; border-bottom: #fff; z-index: 7; background: #fff; } .header-searchbar-cart-box i { color: #666; font-size: 20px; padding-right: 20px; } .header-searchbar-cart-box .cartnum { position: absolute; top: -21px; right: 14px; -webkit-animation: transformY 1s linear alternate infinite; animation: transformY 1s linear alternate infinite; } .header-searchbar-cart-box .cart-bg { width: 40px; height: 20px; background-color: #ff7d4a; color: #fff; border-radius: 5px; -webkit-border-radius: 5px; height: 21px; } .header-searchbar-cart-box .cart-num { position: absolute; top: -21px; right: 14px; width: 40px; height: 20px; line-height: 20px; color: #fff; } .header-searchbar-cart-box .triangle-down { position: absolute; left: 50%; margin-left: -5px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #ff7d4a; } .header-searchbar .carthover { position: relative; border: 1px solid #CCCCCC; border-bottom: 0 !important; background-color: #fff; z-index: 22; } .header-searchbar .dropdown-cart { border: 1px solid #CCCCCC; width: 318px; position: absolute; right: 0; top: 35px; z-index: 6; display: none; background-color: #fff; } .header-searchbar .empty-cart { height: 62px; line-height: 62px; color: #999; font-size: 14px; text-align: center; } .header-searchbar .empty-cart span { display: inline-block; } .header-searchbar .empty-cart i { display: inline-block; font-size: 30px; color: #999; padding-right: 5px; vertical-align: top; } .header-searchbar .empty-cart.emptybig span { display: block; line-height: 20px; } .header-searchbar .empty-cart.emptybig i { display: block; font-size: 50px; color: #ddd; padding-right: 0; vertical-align: top; margin-top: 50px; } .header-searchbar-cart:hover .dropdown-cart { display: block; } .header-searchbar .notempty-cart { height: 396px; font-size: 14px; } .header-searchbar .notempty-cart .cart-nav { margin-top: 20px; margin-left: 10px; padding-bottom: 10px; border-bottom: 1px solid #eeeeee; cursor: pointer; } .header-searchbar .notempty-cart .cart-nav li { display: inline; margin-right: 28px; color: #333; } .header-searchbar .notempty-cart .cart-nav li.on { color: #e62226; } .header-searchbar .notempty-cart .cartlist { height: 302px; overflow-y: auto; overflow-x: hidden; } .header-searchbar .notempty-cart .cartlist .cartlist-item { padding-left: 10px; padding-bottom: 30px; } .header-searchbar .notempty-cart .cartlist .cartlist-item>li { padding: 0 10px; height: auto; } .header-searchbar .notempty-cart .cartlist .cartlist-item li h5 { width: 293px; padding-top: 10px; font-size: 12px; color: #333; } .header-searchbar .notempty-cart .cartlist .cartlist-item li h5 small { padding: 0 10px; background: #ff9913; margin-right: 10px; color: #fff; border-radius: 6px 0; } .header-searchbar .notempty-cart .cartlist .cartlist-item li h5 span { max-width: 55%; } .header-searchbar .notempty-cart .cartlist-item li>h5 small, .header-searchbar .notempty-cart .cartlist-item li>h5 span, .header-searchbar .notempty-cart .cartlist-item li>h5 a { display: inline-block; vertical-align: top } .header-searchbar .cartlist-item ul.cart-pro-item { display: block; } .header-searchbar .cartlist-item .cart-pro-item li { position: relative; padding: 10px 0 10px 70px; border-bottom: 1px solid #eee; overflow: hidden; } .header-searchbar .notempty-cart .cart-pro-item li a { display: block; } .header-searchbar .notempty-cart .cart-pro-item li a img { width: 60px; height: 60px; border: 1px solid #CCCCCC; position: absolute; top: 10px; left: 0; } .header-searchbar .notempty-cart .cart-pro-item li a p { width: 118px; line-height: 21px; min-height: 60px; color: #aaa; font-size: 12px; } .cart-pro-item a p em { color: #e62226; } .header-searchbar .notempty-cart .cart-pro-item li i { position: absolute; top: 0px; right: 0px; width: 24px; height: 24px; line-height: 24px; text-align: center; border-radius: 12px; background: #999; color: #fff; font-size: 12px; font-weight: 600; display: none; -webkit-transform: scale(.7); transform: scale(.7); } .header-searchbar .notempty-cart .cart-pro-item li i:hover { background-color: #e62226; } .header-searchbar .notempty-cart .cart-pro-item li b { position: absolute; bottom: 5px; right: 0; color: #e62226; font-weight: bold; font-family: Arial, Verdana, "\5B8B\4F53"; } .header-searchbar .notempty-cart .cart-pro-item li:hover img { opacity: 0.8; } .header-searchbar .notempty-cart .cart-pro-item li:hover p { color: #e62226; } .header-searchbar .notempty-cart .cart-pro-item li:hover i { display: block; } .header-searchbar .notempty-cart .cartlist-gocart { width: 308px; padding-left: 10px; height: 50px; line-height: 50px; background-color: #f5f5f5; position: absolute; bottom: 0; color: #666; } .header-searchbar .notempty-cart .cartlist-gocart em { margin-left: 10px; margin-right: 5px; } .header-searchbar .notempty-cart .cartlist-gocart em.num { margin: 0 3px; } .header-searchbar .notempty-cart .cartlist-gocart b { color: #e62226; font-weight: bold; font-family: Arial, Verdana, "\5B8B\4F53"; } .header-searchbar .notempty-cart .cartlist-gocart .btn { display: block; width: 68px; height: 28px; line-height: 28px; position: absolute; top: 10px; right: 10px; } /*热搜*/ .header-hotword { width: 472px; margin-top: 5px; margin-left: 10px; } .header-hotword-list { display: inline-block; margin-top: 3px; } .header-hotword-list li { float: left; margin-right: 10px; max-width: 80px; text-overflow: ellipsis; word-wrap: break-word; white-space: nowrap; overflow: hidden; } .header-hotword-list li a { font-size: 12px; color: #999; } .header-hotword-list li:first-child a { color: #e62226; } .header-hotword-list li a:hover { color: #e62226; } /*通用底部*/ .footer { width: 100%; margin-top: 60px; background-color: #eeeeee; } .footer-nav { padding-top: 40px; padding-left: 40px; } .footer-nav dl { width: 196px; float: left; } .footer-nav dl.footer-code, .footer-nav dl.footer-custom { font-size: 0; width: 150px; height: 160px; background-color: #fff; margin-top: -5px; text-align: center; } .footer-nav dl.footer-code img { width: 104px; height: 104px; margin-top: 13px; } .footer-nav dl.footer-custom img { width: 87px; height: 109px; margin-top: 10px; } .footer-nav dl.footer-code p, .footer-nav dl.footer-custom p { margin-top: 12px; font-size: 14px; color: #666; } .footer-nav dl.footer-custom:hover img { opacity: .8; filter: Alpha(opacity=80); } .footer-nav dl.footer-custom:hover p { color: #FF7D4B; } .footer-nav dl.footer-code { margin-left: -15px; margin-right: 20px; } .footer-nav dl dt { margin-bottom: 18px; font-size: 18px; font-weight: bold; color: #333; } .footer-nav dl dd { margin-bottom: 14px; font-size: 14px; color: #666; } .footer p { text-align: center; } .footer p.footer-line { width: 1100px; height: 1px; background-color: #CCCCCC; margin: 16px auto 0; } .footer p.footer-links { margin: 30px auto 20px; } .footer p.footer-links a { color: #666; font-size: 14px; } .footer p.footer-links a:hover { color: #e62226; } .footer p.footer-links span { color: #666; font-size: 14px; margin: 0 25px; } .footer p.footer-icp { color: #999; font-size: 14px; } .footer p.footer-icp span { margin-right: 15px; position: relative; } .footer p.footer-icp span img { margin-right: 5px; position: absolute; left: -24px; top: -0.5px; } .footer p.footer-icp span a { color: #999; } .footer p.footer-icp span a:hover { color: #e62226; } .footer p.footer-by { padding-top: 20px; color: #999; font-size: 14px } .footer p.footer-by a { color: #999; font-size: 14px } .footer p.footer-by a:hover { color: #e62226; } .footer p.footer-by span { margin-right: 20px; } .footer p.footer-copyright { padding-bottom: 20px; padding-top: 18px; } .footer p.footer-copyright a { display: inline-block; margin: 0 8px; } /*商城公用头部和底部 end*/ /** * 2018-3-9 * dtt * 页面滚动下拉 头部悬浮固定 * start*/ .fixtop { position: fixed; z-index: 11; top: -80px; width: 100%; border-bottom: 2px solid #e62226; -webkit-box-shadow: 0 6px 6px -3px rgba(51, 51, 51, .2); box-shadow: 0 6px 6px -3px rgba(51, 51, 51, .2); } .searchTop { position: fixed; top: 0; -webkit-animation: searchTop1 .5s ease-in-out backwards; animation: searchTop1 .5s ease-in-out backwards; } .fixtop .header-searchbar-box { height: 68px; } .fixtop .header-searchbar-logo { margin-top: 10px; } .fixtop .header-searchbar-logo img { position: relative; width: 190px; height: 50px; } .fixtop .header-searchbar-r { margin-top: 15px; } .fixtop .header-searchbar-cart { width: 150px; float: left; margin-left: 20px; } .fixtop .header-searchbar-search { border: none; } .fixtop .header-searchbar-search .search { background-color: #f3f3f3; } @-webkit-keyframes searchTop1 { from { top: -80px; } to { top: 0; } } @keyframes searchTop1 { from { top: -80px; } to { top: 0; } } .fixtop .header-searchbar-cart-box .cartnum { top: -15px; } .fixtop .header-searchbar-cart-box .cart-num { top: -15px; } /* 页面滚动下拉 头部悬浮固定 end*/ /* * 成功页黄条导航 * 2018.02.07 * zly * start */ .odcb-cont h5:nth-child(2)>span, .order-paymoney>p:nth-child(5)>span, .psus-tip .code-wrap, .uinfo .uif-tip em .code-wrap, .cartc-ul li .cul-cont>span>.share-panel, .od-ecard .code-wrap, .mods-sus .mods-cont .mc-cont>p .code-wrap, .order-prodetail .order-paymoney>p:nth-child(4)>span, .channel-goodlist.fscenter>ul li>span>.code-wrap { display: none; position: absolute; z-index: 2; padding: 10px 15px; font-size: 12px; line-height: 25px; text-align: left; white-space: nowrap; background: #fff; border: solid 1px #f0f0f0; -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, .1); box-shadow: 1px 1px 6px rgba(0, 0, 0, .1); color: #999; } .odcb-cont h5:nth-child(2)>span>i, .form-invoice>i, .order-paymoney>p:nth-child(5)>span>i, .psus-tip .code-wrap>i, .uinfo .uif-tip em .code-wrap>i, .cartc-ul li .cul-cont>span>.share-panel>i, .od-ecard .code-wrap>i, .mods-sus .mods-cont .mc-cont>p .code-wrap>i, .order-prodetail .order-paymoney>p:nth-child(4)>span>i, .channel-goodlist.fscenter>ul li>span>.code-wrap>i { position: absolute; display: inline-block; width: 0; height: 0; } .odcb-cont h5:nth-child(2)>span>i:first-child, .form-invoice>i:first-child, .order-paymoney>p:nth-child(5)>span>i:first-child, .psus-tip .code-wrap>i:first-child, .uinfo .uif-tip em .code-wrap>i:first-child, .cartc-ul li .cul-cont>span>.share-panel>i:first-child, .od-ecard .code-wrap>i:first-child, .mods-sus .mods-cont .mc-cont>p .code-wrap>i:first-child, .order-prodetail .order-paymoney>p:nth-child(4)>span>i:first-child, .channel-goodlist.fscenter>ul li>span>.code-wrap>i:first-child { z-index: 3; border-bottom: solid 10px #f0f0f0; border-left: solid 10px transparent; border-right: solid 10px transparent; top: -10px; left: calc(50% - 10px); } .odcb-cont h5:nth-child(2)>span>i:nth-child(2), .form-invoice>i:nth-child(2), .order-paymoney>p:nth-child(5)>span>i:nth-child(2), .psus-tip .code-wrap>i:nth-child(2), .uinfo .uif-tip em .code-wrap>i:nth-child(2), .cartc-ul li .cul-cont>span>.share-panel>i:nth-child(2), .od-ecard .code-wrap>i:nth-child(2), .mods-sus .mods-cont .mc-cont>p .code-wrap>i:nth-child(2), .order-prodetail .order-paymoney>p:nth-child(4)>span>i:nth-child(2), .channel-goodlist.fscenter>ul li>span>.code-wrap>i:nth-child(2) { z-index: 4; border-bottom: solid 9px #fff; border-left: solid 9px transparent; border-right: solid 9px transparent; top: -8px; left: calc(50% - 9px); } /*带阴影下箭头气泡*/ .oda-payul li .odt-tit .odtt-tip, .csc-right>span p, .focusbox-btns { position: relative; } .odtt-tip>span, .csc-right>span p>span, .focusbox-btns>.code-wrap { display: none; position: absolute; padding: 10px 20px; white-space: nowrap; line-height: 20px; background: #fff; border: solid 1px #f0f0f0; -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, .1); box-shadow: 1px 1px 6px rgba(0, 0, 0, .1); color: #999; } .odtt-tip span i, .csc-right>span p>span>i, .focusbox-btns>.code-wrap>i { position: absolute; display: inline-block; width: 0; height: 0; } .odtt-tip span i:first-child, .csc-right>span p>span>i:first-child, .focusbox-btns>.code-wrap>i:first-child { z-index: 1; border-top: solid 10px #f0f0f0; border-left: solid 10px transparent; border-right: solid 10px transparent; bottom: -10px; left: calc(50% - 10px); } .odtt-tip span i:nth-child(2), .csc-right>span p>span>i:nth-child(2), .focusbox-btns>.code-wrap>i:nth-child(2) { z-index: 2; border-top: solid 8px #fff; border-left: solid 8px transparent; border-right: solid 8px transparent; bottom: -6px; left: calc(50% - 8px); } .psus-tip a.code-focus { position: relative; } .psus-tip, .uinfo .uif-tip { height: 30px; margin: 20px auto; line-height: 30px; width: 1158px; padding: 5px 20px; border: solid 1px #f3e7d3; background: #fffdf3; font-size: 14px; } .psus-tip a { padding: 0 15px; } .psus-tip a:not(:first-child) { border-left: solid 1px #ccc; } .uinfo .uif-tip em a:not(:last-child) { border-right: solid 1px #ccc; } .uinfo .uif-tip em a.code-focus { border-right: none; } .psus-tip a.code-focus:hover+.code-wrap, .uinfo .uif-tip em a.code-focus:hover+.code-wrap { display: inline-block; } .psus-tip .code-wrap, .uinfo .uif-tip em .code-wrap { width: 140px; height: 140px; margin-left: -135px; margin-top: 35px; text-align: center; } .psus-tip .code-wrap img, .psus-tip .code-wrap small, .uinfo .uif-tip em .code-wrap img, .psus-tip .code-wrap small { display: block; } .psus-tip .code-wrap img, .uinfo .uif-tip em .code-wrap img { margin: 5px auto; } /*提货模块特殊样式*/ .uinfo .uif-tip { margin: 60px auto; } .uinfo .uif-tip>span:before { display: inline-block; content: "\E626"; font-size: 18px; color: #ffa641; margin-right: 5px; position: relative; } .uinfo .uif-tip>span i { color: #e62226; font-weight: bold; margin: 0 5px; } .uinfo .uif-tip em { color: #666; margin-left: 50px; } .uinfo .uif-tip em a { padding: 0 8px; } /*成功页黄条导航 end*/ /*滑块验证 start*/ .adrs-form #slider { display: inline-block; margin: 0 5px; width: 360px; } .ani { -webkit-transition: all .3s; transition: all .3s; } .movebox { position: relative; width: 100%; height: 40px; border: solid 1px #ededed; margin-bottom: 30px; background: #ebebeb; line-height: 40px; text-align: center; } .txt { position: absolute; top: 0; width: 100%; -moz-user-select: none; -webkit-user-select: none; user-select: none; -o-user-select: none; -ms-user-select: none; font-size: 16px; } .movego { background-color: #7ac23c; height: 40px; width: 0; } .move { position: absolute; top: 0; left: 0; width: 40px; height: 40px; cursor: pointer; } .moveBefore { background: #fff url("https://presale.jhtsoft.com/picms/21bfdc8a12108.png") no-repeat center; } .moveSuccess { background: #fff url("https://presale.jhtsoft.com/picms/21c0176e5782f.png") no-repeat center; } /*end*/ /*高度50px的滑块验证 特殊样式 start*/ .serform .movebox { height: 50px; line-height: 50px; border: solid 1px #e1e1e1; } .serform .movego { height: 50px; } .serform .move { width: 50px; height: 50px; } /*end*/ /* * loading加载动画 * 2018.04.13 * zly * start */ .load-container { width: 100%; margin: 0 auto; position: relative; text-align: center; } .loading .loader, .loading .loader:after, .loading .loader:before { width: 15px; height: 15px; border-radius: 50%; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: loading 1s infinite ease; animation: loading 1s infinite ease; } .loading .loader { position: relative; margin: 0 auto; margin-bottom: 35px; text-indent: -9999px; -webkit-animation-delay: .13s; animation-delay: .13s } .loading .loader:before { left: -35px; } .loading .loader:after { left: 35px; -webkit-animation-delay: .26s; animation-delay: .26s } .loading .loader:before, .loader:after { position: absolute; top: 0; content: '' } @-webkit-keyframes loading { 0%, 100% { -webkit-box-shadow: 0 25px 0 -3px #fc8f8f; box-shadow: 0 25px 0 -3px #fc8f8f; } 25%, 75% { -webkit-box-shadow: 0 25px 0 -1px #fc8f8f; box-shadow: 0 25px 0 -1px #fc8f8f; } 50% { -webkit-box-shadow: 0 25px 0 1px #fc8f8f; box-shadow: 0 25px 0 1px #fc8f8f; } } @keyframes loading { 0%, 100% { -webkit-box-shadow: 0 25px 0 -3px #fc8f8f; box-shadow: 0 25px 0 -3px #fc8f8f; } 25%, 75% { -webkit-box-shadow: 0 25px 0 -1px #fc8f8f; box-shadow: 0 25px 0 -1px #fc8f8f; } 50% { -webkit-box-shadow: 0 25px 0 1px #fc8f8f; box-shadow: 0 25px 0 1px #fc8f8f; } } /*loading加载动画 end*/ /* * 收件人信息 * 2018.01.31 * zly * start */ .noadrs { width: 1200px; margin: 20px auto; font-size: 16px; line-height: 25px; } .noadrs a { border-radius: 4px; padding: 5px 15px; } .consignee { padding: 20px 0; overflow: hidden; } .consignee h3 { line-height: 25px; font-size: 16px; } .consignee h3 span { display: inline-block; margin-left: 20px; font-size: 12px; cursor: pointer; } .consignee h3 span:hover { color: #e62226; } .consignee h3 span:after { display: inline-block; margin-left: 5px; width: 18px; height: 25px; content: "\E6A6"; font-size: 18px; vertical-align: top; } .consignee h3 a { float: right; color: #0079b6; font-size: 14px; } .consignee ul.cg-cont { margin-right: -18px; overflow: hidden; max-height: 179px; } .consignee h3.sdopen+ul { max-height: 716px; } .cg-cont li { position: relative; display: inline-block; float: left; width: 344px; height: 125px; margin: 20px 18px 0 0; padding: 15px 20px; border: solid 2px #f0f0f0; line-height: 25px; overflow: hidden; cursor: pointer; } .cg-cont li:hover, .cg-cont li.selected { border-color: #e62226; } .cg-cont li [type="radio"] { display: none; } .cg-cont li h4, .cg-cont li p, .cg-cont li small { font-size: 14px; } .cg-cont li h4 { margin-bottom: 10px; } .cg-cont li h4 em { font-size: 16px; } .cg-cont li h4 b { display: none; line-height: 16px; padding: 0 5px; margin-left: 15px; color: #fff; background: #ffa641; font-size: 12px; } .cg-cont li h4.adrs-default b { display: inline-block; } .cg-cont li h4 span { float: right; display: none; } .cg-cont li:hover h4 span { display: block; } .cg-cont li h4 span a { margin-left: 10px; color: #0079b6; } .cg-cont li h4 span a:hover { color: #e62226; } .cg-cont li p { line-height: 20px; max-height: 40px; overflow: hidden; } /*收件人信息 end*/ /**********************************弹窗样式分界线*****************************************/ /* * 公用弹窗界面样式 * 2018.01.10 * zly * start */ .bg-lightgray { background: #f6f6f6; } .bg-lightgray .footer { background: none; } .btn-default { border: solid 1px #e0e0e0; background: #f5f5f5; color: #333; font-size: 14px; text-align: center; } /*公用弹窗 begin*/ .modshade { position: fixed; z-index: 103; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); } .modshade .mods-cont { position: absolute; z-index: 104; left: 50%; top: 50%; /*margin:0 auto;*/ border-radius: 4px; background: #fff; border: solid 5px rgba(0, 0, 0, .3); overflow: hidden; text-align: left; } .mc-cont .btn-default, .mc-cont .btn { padding: 8px 20px; border-radius: 6px; margin-right: 20px; } .mods-cont .mc-tit { padding-left: 15px; border-radius: 4px 4px 0 0; line-height: 40px; font-size: 14px; overflow: hidden; background: #e8e8e8; } .mods-cont .mc-tit big { display: inline-block; float: left; font-size: 16px; font-weight: 600; } .mods-cont .mc-tit b { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: #999; margin-left: 15px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* .mods-result .mc-tit b:before,.mods-rcomb .mc-tit b:before, .mods-product .mc-tit b:before {content: "\e626";color: #ffa641;} */ .mods-cont .mc-tit b i { margin: 0 5px; color: #333; } .mods-cont .mc-tit b:before { display: inline-block; margin-right: 5px; font-size: 18px; } .mods-cont .mc-tit .icon-gb { float: right; cursor: pointer; display: inline-block; line-height: 20px; margin: 10px; font-size: 18px; color: #333; } .mods-cont .icon-gb, .adv p .icon-gb { -webkit-transition: transform .6s; -webkit-transition: -webkit-transform .6s; transition: -webkit-transform .6s; transition: transform .6s; transition: transform .6s, -webkit-transform .6s; } .mods-cont .icon-gb:hover, .adv p .icon-gb:hover, .order-tip .icon-gb:hover { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } .mods-cont>.mc-cont { padding: 25px 0; } .mods-rcomb .mc-cont, .mods-result .mc-cont, .mods-product .mc-cont, .mods-help .mc-cont, .mods-yywd .mc-cont { padding: 0; } /*渐现*/ @-webkit-keyframes bounceIn { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; } } @keyframes bounceIn { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceIn, .modshade .mods-cont, .hide-body { -webkit-animation: bounceIn .8s; animation: bounceIn .8s; } /*公用弹窗 end*/ /* 购物车模块shoppingCart所有弹窗样式 start*/ /* * 编辑/新增地址弹框 * 2018.02.07 * zly * start */ .mods-editadrs .mods-cont { width: 720px; height: 570px; margin-left: -365px; margin-top: -290px; overflow: visible; } .mods-editadrs .mc-cont { padding: 30px 20px 0 20px; margin: 0 auto; line-height: 25px; } .mods-editadrs form .mcc-item { width: 100%; margin-bottom: 10px; color: #999; font-size: 14px; } .mods-editadrs form .mcc-item h5>i, .star { color: #e62226; margin-right: 5px; } .mods-editadrs form .mcc-item p { margin-top: 5px; } .mods-editadrs form .mcc-item [type="text"] { padding: 0 10px; width: 210px; line-height: 28px; border: solid 1px #f0f0f0; background: transparent; color: #333; font-size: 14px; } .mods-editadrs form .mcc-item [type="text"].long-ipt { width: 480px; } .mods-editadrs form .mcc-item [type="text"].short-ipt { width: 155px; } .mods-editadrs form .mcc-item p>span { color: #e62226; margin-left: 10px; } .mods-editadrs form .mcc-item.mi-adrsname p>a { display: inline-block; line-height: 28px; padding: 0 12px; border: solid 1px #f0f0f0; border-radius: 4px; font-size: 14px; color: #333; margin-right: 10px; margin-bottom: 10px; } .mods-editadrs form .mcc-item.mi-adrsname p>a:hover, .mods-editadrs form .mcc-item:nth-last-child(3) p>a.on { color: #e62226; border-color: #e62226; } .sendiv p>a:after { opacity: .5; } .sendiv p>a:hover:after, .sendiv p>a.on:after { opacity: 1; } .mods-editadrs form .mcc-item, .mods-editadrs form .mcc-item>div, .mods-editadrs form>p { float: left; } .mods-editadrs form .mcc-item .mci-jx { height: 30px; line-height: 30px; font-size: 12px; } .mods-editadrs form .mcc-item .mci-jx:nth-child(2) { padding: 25px 10px 0 10px; } .mods-editadrs form .mcc-item .mci-jx:nth-child(4) { color: #e62226; padding: 25px 0 0 10px; } .mods-editadrs form .mi-btn { width: 100%; text-align: left; margin-top: 20px; } /*编辑/新增地址弹框 end*/ /*头部购物车面板添加券卡类型区分 zly 2018-05-15 start*/ .cartlist .head-cardtype { height: 20px; margin: 10px; width: 100%; } .cartlist .head-cardtype>a { position: relative; display: inline-block; padding: 0 8px; line-height: 20px; background: #fff; } .cartlist .head-cardtype>a.on { background: #e62226; color: #fff; } .cartlist .head-cardtype>a i { display: none; position: absolute; left: 50%; margin-left: -5px; bottom: -5px; border-top: solid 5px #e62226; border-left: solid 5px transparent; border-right: solid 5px transparent; } .cartlist .head-cardtype>a.on i { display: block; } /*头部购物车面板添加券卡类型区分 end*/ /*加载中*/ .el-icon-loader:before, .el-icon-loader:after, .el-icon-loader { width: 15px; height: 15px; border-radius: 50%; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: loading 1s infinite ease; animation: loading 1s infinite ease; } .el-icon-loader { position: relative; margin: 0 auto; margin-bottom: 35px; text-indent: -9999px; -webkit-animation-delay: .13s; animation-delay: .13s } .el-icon-loader:before { left: -35px; } .el-icon-loader:after { left: 35px; -webkit-animation-delay: .26s; animation-delay: .26s } .el-icon-loader:before, .el-icon-loader:after { position: absolute; top: 0; content: '' } @-webkit-keyframes loading { 0%, 100% { -webkit-box-shadow: 0 25px 0 -3px #fc8f8f; box-shadow: 0 25px 0 -3px #fc8f8f; } 25%, 75% { -webkit-box-shadow: 0 25px 0 -1px #fc8f8f; box-shadow: 0 25px 0 -1px #fc8f8f; } 50% { -webkit-box-shadow: 0 25px 0 1px #fc8f8f; box-shadow: 0 25px 0 1px #fc8f8f; } } @keyframes loading { 0%, 100% { -webkit-box-shadow: 0 25px 0 -3px #fc8f8f; box-shadow: 0 25px 0 -3px #fc8f8f; } 25%, 75% { -webkit-box-shadow: 0 25px 0 -1px #fc8f8f; box-shadow: 0 25px 0 -1px #fc8f8f; } 50% { -webkit-box-shadow: 0 25px 0 1px #fc8f8f; box-shadow: 0 25px 0 1px #fc8f8f; } } /*商品详情页添加配送范围 start zly 2018.05.17*/ .dispatching { position: relative; margin: 20px auto; padding: 10px 5px 0 0; line-height: 20px; } .dispatching p { color: #999; font-size: 14px; } .dispatching p span { color: #333; } .dispatching p i { float: right; font-size: 16px; } .dispatching div { display: none; position: absolute; z-index: 3; left: -1px; top: 30px; width: calc(100% - 40px); background: #fff; color: #333; padding: 5px 30px 5px 10px; border: solid 1px #eee; border-top: none; -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, .05); box-shadow: 1px 1px 6px rgba(0, 0, 0, .05); line-height: 25px; } .dispatching:hover { padding-left: 10px; border: solid 1px #eee; border-bottom: none; -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, .05); box-shadow: 1px 1px 6px rgba(0, 0, 0, .05); } .dispatching:hover div { display: block; } /*商品详情页添加配送范围 end*/ /*element插件图标样式会被商城的字体图标覆盖，这里重新定义一下插件图标 start*/ [class*=" el-icon-"], [class^=el-icon-] { font-family: element-icons !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; vertical-align: baseline; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .el-picker-panel__icon-btn:hover, .el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close { color: #409eff; background: transparent; } /*element插件图标样式会被商城的字体图标覆盖，这里重新定义一下插件图标 end*/ .yhqbox .mods-cont { width: 500px !important; height: auto !important; min-height: 400px; } .yhqbox .mods-cont { margin-left: -250px !important; } .yhqbox .mc_tent .mct_right { width: 440px !important; } /*element 提示框按钮样式自定义*/ .el-button--primary { background-color: #e62226 !important; border-color: #e62226 !important; } /*element 日期插件样式自定义 start*/ .el-date-table td.current:not(.disabled) span { background-color: #e62226 !important; color: #fff!important; } .el-date-table td.today span, .el-date-table td.available:hover, .el-date-picker__header-label.active, .el-date-picker__header-label:hover { color: #e62226 !important; } .el-picker-panel__icon-btn:hover, .el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close { color: #e62226 !important; } .el-input__inner:active { border-color: #e62226 !important; } .el-input.is-active .el-input__inner, .el-input__inner:focus { border-color: #e62226 !important; } /*element 日期插件样式自定义 end*/ .el-input-number__decrease:hover, .el-input-number__increase:hover { color: #e62226 !important; } /*订单结算页公用 start*/ .header-searchbar-logo .cart-tit { float: left; display: inline-block; padding-left: 204px; font-size: 22px; line-height: 50px; } .icon-vip2:before { content: "\E604"; } .el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled), .el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled) { border-color: #e62226 !important; } .router-link-exact-active { color: #e62226 !important; } body { background-color: #f6f6f6;} .header-searchbar {background-color: #f6f6f6;} .announce + .header-searchbar {margin-top: 5px;} /*------------------------------------------------------------------- 商品详情样式 ----------------------------------- */ /*商品详情页整合到公共中 start*/ /*商品详情*/ .pro-intro { margin-top: 20px; font-size: 14px; } #MagnifierWrap2 { position: relative; width: 402px; } .MagnifierMain { position: relative; width: 400px; height: 400px; border: 1px solid #e0e0e0; background: #fff; } .MagnifierMain img { position: absolute; width: 100%; margin: auto; top: 0; right: 0; bottom: 0; left: 0; } .MagnifierDrag { position: absolute; top: 0; left: 0; background-color: #ccc; opacity: 0.4; filter: alpha(opacity=40); cursor: move; } .MagnifierPop { position: absolute; top: 0; overflow: hidden; z-index: 99; } .MagnifierImg { position: absolute; top: 0; left: 0; } .pro-intro-des { margin-bottom: 10px; color: #de2124; line-height: 22px; } .pro-intro .itemInfo-wrap { margin-left: 30px; width: 562px; } .pro-intro-name { font-size: 16px; font-weight: bold; color: #666; padding-top: 10px; line-height: 28px; margin-bottom: 5px; } .pro-intro-name em { color: #ffb019; } .pro-intro-price { background-color: #f6f6f6; min-height: 110px; position: relative; padding: 10px; background-image: url('https://presale.jhtsoft.com/picms/385176d258c980.png'), url('https://presale.jhtsoft.com/picms/385179c46ae0c6.png'), url('https://presale.jhtsoft.com/picms/38517cf2729a20.png'); background-position: 320px top, 30px 100px, 400px 84px; background-size: 92px 44px, 150px 72px, 150px 72px; background-repeat: no-repeat, no-repeat, no-repeat; } .itemInfo-wrap dt { float: left; color: #666; min-width: 42px; } .itemInfo-wrap dd { padding-left: 50px; text-align: left; } .itemInfo-wrap .pro-price { padding-top: 10px; margin-bottom: 10px; } .itemInfo-wrap .pro-price dt { margin-top: 10px; margin-right: 10px; } .itemInfo-wrap .pro-price-zx { margin-bottom: 10px; font-size: 12px; color: #999; } .itemInfo-wrap .pro-price-zx dd { padding-left: 63px; } .itemInfo-wrap .pro-price-zx span { font-size: 18px; color: #333; font-family: Arial, Verdana, "\5B8B\4F53"; } .itemInfo-wrap .pro-price-zx em { font-size: 14px; } .itemInfo-wrap .pro-price-zx i { display: inline-block; color: #ffa641; margin-left: 10px; margin-right: 5px; } .itemInfo-wrap .pro-price dd { color: #de2124; font-size: 28px; font-family: Arial, Verdana, "\5B8B\4F53"; font-weight: bold; } .itemInfo-wrap .pro-price dd em { font-size: 14px; padding-right: 5px; } .itemInfo-wrap .pro-promotion { padding: 10px 0; position: relative; } .itemInfo-wrap .pro-promotion dd p { padding-bottom: 10px; font-size: 12px; color: #999; line-height: 18px; } .itemInfo-wrap .pro-promotion dd p em { display: inline-block; margin-right: 5px; padding: 0 5px; height: 16px; line-height: 16px; text-align: center; border: 1px solid #de2124; color: #de2124; border-radius: 2px; } .itemInfo-wrap .pro-promotion p i { display: inline-block; color: #fda742; } .itemInfo-wrap .promotion-num { position: absolute; top: 10px; right: 10px; font-size: 12px; color: #999; line-height: 20px; } .itemInfo-wrap .promotion-num a:hover { color: #de2124; } .prom-gift em, .prom-gift .prom-gift-list { float: left; } .prom-gift-list { display: inline-block; width: 450px; } .prom-gift em { margin-top: 5px; } .prom-gift-list span { display: inline-block; padding: 0 5px; height: 30px; } .gift-number { color: #DE2124; display: inline-block; vertical-align: top; margin-top: 5px; } .prom-gift-list small { display: inline-block; vertical-align: top; margin-top: 5px; } .txtc-g { color: #0079b6; } .take-quan { font-size: 12px; display: inline-block; padding-left: 18px; font-weight: 400; } .itemInfo-wrap .pro-tips { position: relative; margin-top: 20px; height: 48px; line-height: 48px; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #e0e0e0; display: -webkit-box; display: -ms-flexbox; display: flex; } .itemInfo-wrap .pro-tips>span { display: inline-block; border-left: 1px solid #e0e0e0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; color: #666; position: relative; } .itemInfo-wrap .pro-tips span:first-child { border: none; } .pro-tips span i { width: 16px; height: 16px; font-size: 16px; line-height: 16px; margin-left: 10px; } .pro-tips span i:hover { cursor: pointer; } .pro-tips .code-box { position: absolute; z-index: 2; top: 43px; left: 50%; margin-left: -90px; display: none; } .pro-tips .arrow { position: absolute; left: 50%; top: -3px; margin-left: -2px; border-style: solid; border-width: 5px; border-color: #fff #fff transparent transparent; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-box-shadow: 2px -2px 2px #e0e0e0; box-shadow: 2px -2px 2px #e0e0e0; width: 0; height: 0px; display: inline-block; } .pro-tips .code-con { width: 178px; height: 198px; border: 1px solid #E0E0E0; background-color: #fff; -webkit-box-shadow: 0 0 5px #ddd; box-shadow: 0 0 5px #ddd; } .pro-tips .code-con img { display: block; width: 140px; height: 140px; margin: 20px auto 0; } .pro-tips .code-con p { line-height: 15px; margin-top: 12px; text-align: center; font-size: 14px; } .pro-tips span i:hover+.code-box { display: block; } .pro-tips span.click-notice:hover { cursor: pointer; color: #de2124; } .itemInfo-wrap .pro-promotion dd p strong { padding-left: 30px; } .itemInfo-wrap .pro-promotion dd p strong a { padding-left: 5px; } .promotionall { display: block; } .promotionall p { width: 500px; height: 18px; position: absolute; } .promotionall p em { display: inline-block; } .promotionall p a { display: inline-block; float: right; margin-right: 18px; color: #999999; } .promotionall p a i { color: #999 !important; display: block; position: absolute; right: 0; top: 2px; } .promotioninfo { display: none; } .showprom { background-image: url('https://presale.jhtsoft.com/picms/385176d258c980.png'), url('https://presale.jhtsoft.com/picms/385179c46ae0c6.png'), url('https://presale.jhtsoft.com/picms/38517cf2729a20.png'); background-position: 320px top, 30px bottom, 400px bottom; background-size: 92px 44px, 150px 72px, 150px 72px; background-repeat: no-repeat, no-repeat, no-repeat; } .showprom .promotionall { display: none; } .showprom .promotioninfo { display: block; } .xsdate { font-size: 14px; padding-top: 10px; } .xsdate em { color: #999; } .itemInfo-wrap .pro-deliver { margin-top: 20px; color: #999; } .itemInfo-wrap .pro-guige { margin-top: 20px; } .itemInfo-wrap .pro-guige dd { margin-right: -10px; } .pro-guige .guige-item { margin-right: 10px; margin-bottom: 10px; float: left; } .pro-guige .guige-item a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #e0e0e0; } .pro-guige .guige-item img { width: 40px; height: 40px; margin: 4px 5px 4px 10px; vertical-align: middle; } .pro-guige .guige-item i { display: inline-block; margin: 0 10px; color: #666; vertical-align: middle; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .pro-guige .guige-item.on a { border-color: #de2124; } .pro-guige .guige-item:hover a { border-color: #de2124; } .itemInfo-wrap .pro-buy-num { margin-top: 10px; height: 30px; line-height: 30px; } .itemInfo-wrap .pro-buy-num em { width: 138px; border: 1px solid #e0e0e0; height: 28px; line-height: 28px; display: inline-block; float: left; } .itemInfo-wrap .pro-buy-num button { float: left; display: inline-block; width: 29px; height: 28px; background: #F0F0F0; text-align: center; outline: none; border: none; } .itemInfo-wrap .pro-buy-num input { float: left; display: inline-block; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; width: 78px; background-color: #fff; height: 28px; line-height: 28px; text-align: center; } .itemInfo-wrap .pro-buy-num small { display: inline-block; float: left; margin-left: 10px; font-size: 14px; color: #666; } .itemInfo-wrap .pro-buy-num small b { margin-left: 10px; } .itemInfo-wrap .pro-buy-btn { margin-top: 20px; } .itemInfo-wrap .pro-buy-btn a { display: block; float: left; margin-right: 10px; font-size: 18px; width: 180px; height: 50px; line-height: 50px; text-align: center; } .itemInfo-wrap .pro-buy-btn a.buy { color: #fff; background: url('https://presale.jhtsoft.com/picms/384a4a95f1966e.jpg') no-repeat; } .itemInfo-wrap .pro-buy-btn a.add { color: #de2124; width: 178px; height: 48px; line-height: 48px; text-align: center; border: 1px solid #de2124; background-color: #fff2f3; } .itemInfo-wrap .pro-buy-btn a.gray { color: #a0a0a0; background: #e8e8e8; } .itemInfo-wrap .pro-buy-btn a.willdo { color: #fff; background: #52b848; cursor: context-menu; } /*详情页查看大图 start*/ .pro-intro .preview-wrap { width: 402px; position: relative; } .pro-intro .preview-wrap .fd { position: relative; width: 35px; height: 35px; background-color: #ccc; position: absolute; right: 0; top: 366px; z-index: 3; } .pro-intro .preview-wrap .fd i { display: block; color: #fff; font-size: 25px; width: 25px; height: 29px; position: absolute; left: 50%; margin-left: -12.5px; top: 50%; margin-top: -14.5px; } .pro-intro .preview-wrap .fd:hover { cursor: pointer; opacity: 0.8; } .spec-items { position: relative; width: 346px; height: 60px; overflow: hidden; margin: 20px auto 0; } .spec-items ul { width: 500%; position: absolute; top: 0; left: 0; } .spec-items ul * { -webkit-transition: all .3s; transition: all .3s; } .spec-items li { width: 56px; height: 56px; float: left; overflow: hidden; margin-right: 10px; border: 2px solid #fff; cursor: pointer; position: relative; } .spec-items li.on { border: 2px solid #de2124; } .spec-items li img { position: absolute; width: 100%; margin: auto; top: 0; right: 0; bottom: 0; left: 0; } span.spe_leftBtn, span.spe_rightBtn { position: absolute; display: block; width: 20px; height: 27px; bottom: 15px; font-size: 25px; color: #E0E0E0; } span.spe_leftBtn { left: 0; } span.spe_rightBtn { right: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); } span.spe_leftBtn:hover, span.spe_rightBtn:hover { cursor: pointer; color: #de2124; } .preview-wrap .preview-info { margin-top: 20px; } .preview-info a { display: inline-block; left: 0; margin-right: 20px; font-size: 14px; color: #666; } .preview-info a i { padding-right: 10px; color: #de2124; } .preview-info a.click-share { position: relative; } .preview-info a.click-share .code-box { top: 25px; } .preview-info a.bz { float: right; margin-right: 0; } .preview-info a.bz i { color: #666; } .preview-info a.on { color: #de2124; } /*分享二维码*/ .click-share .code-box { position: absolute; top: 40px; left: 50%; margin-left: -90px; display: none; z-index: 2; } .click-share .arrow { position: absolute; left: 50%; top: -3px; margin-left: -2px; border-style: solid; border-width: 5px; border-color: #fff #fff transparent transparent; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-box-shadow: 2px -2px 2px #e0e0e0; box-shadow: 2px -2px 2px #e0e0e0; width: 0; height: 0px; display: inline-block; } .click-share .code-con { width: 178px; height: 198px; border: 1px solid #E0E0E0; background-color: #fff; -webkit-box-shadow: 0 0 5px #ddd; box-shadow: 0 0 5px #ddd; } .click-share .code-con img { display: block; width: 140px; height: 140px; margin: 20px auto 0; } .click-share .code-con p { line-height: 15px; margin-top: 12px; text-align: center; font-size: 14px; color: #333; } a.click-share:hover .code-box { display: block; } /*end*/ /*看了又看*/ .pro-track { width: 160px; margin-top: 20px; } .pro-track .track-tit { position: relative; line-height: 50px; color: #333; font-weight: 400; text-align: center; } .pro-track .track-tit h3 { position: relative; font-weight: 600; color: #999; font-size: 14px; z-index: 2; display: inline-block; *display: inline; *zoom: 1; background: #fff; padding: 0 15px; } .pro-track .track-tit span { position: absolute; z-index: 1; left: 0; right: 0; top: 25px; height: 1px; background: #f0f0f0; } .pro-track .track-con { width: 160px; height: 510px; overflow: hidden; } .pro-track .track-con .swiper-container { width: 160px; height: 510px; } .pro-track .track-con li { position: relative; margin: 10px 0; text-align: center; line-height: 20px; } .pro-track .track-con li a { display: block; } .pro-track .track-con li a .trackimg { position: relative; width: 100%; height: 120px; padding-bottom: 3px; } .pro-track .track-con li a .trackimg img { display: block; width: 120px; max-height: 120px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .pro-track .track-con li p { font-size: 12px; } .pro-track .track-more { margin: 0 auto; margin-top: 20px !important; position: relative; width: 80px; } .pro-track .track-more div { position: absolute; background: none; height: 16px; } .pro-track .track-more div i { display: inline-block; height: 13px; line-height: 13px; font-size: 24px; color: #dfdfdf; } .pro-track .track-more .swiper-button-next { margin-top: 0; } .pro-track .track-more .swiper-button-prev { margin-top: 0; } .pro-track .track-more div:first-child i { -webkit-transform: rotate(90deg); transform: rotate(90deg); margin-top: 2px; } .pro-track .track-more div:last-child i { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .pro-track .track-more .swiper-button-disabled { opacity: 1; cursor: auto; pointer-events: none; } .pro-track .track-more div:hover i { color: #de2124; } /*商品详情*/ .prodetail { margin-top: 60px; min-height: 400px; margin-bottom: 80px; } .prodetail .prodetail-tit { height: 38px; line-height: 38px; border: 1px solid #e0e0e0; background-color: #F6F6F6; position: relative; } .prodetail-tit h3 { display: inline-block; line-height: 38px; font-size: 16px; padding: 0 10px; cursor: pointer; color: #333; } .prodetail-tit h3:hover { color: #de2124; opacity: 0.8; } .prodetail-tit h3.on { background-color: #de2124; color: #fff; line-height: 40px; margin-top: -1px; } .tabBg { background-color: #de2124; color: #fff !important; } .prodetail .promsg img { max-width: 1200px; display: inherit; } .prodetail .prodetail-tit a { display: inline-block; ; position: absolute; top: 4px; right: 10px; width: 88px; height: 28px; line-height: 28px; text-align: center; border: 1px solid #de2124; background-color: #FFF2F3; color: #de2124; font-size: 14px; } /* .prodetail .prodetail-tit.header-fixed a {display:inline-block;} */ .prodetail-con>p, .prodetail-con-notempty>p { margin-top: 20px; line-height: 25px; font-size: 14px; color: #666; } .prodetail .prodetail-con table { border-collapse: collapse; margin: 20px auto; } .prodetail-con table, .prodetail-con table td { border: 1px solid #E0E0E0; width: 100%; line-height: 36px; font-size: 14px; color: #666; } .prodetail-con table tr td:nth-of-type(1) { width: 20%; text-align: center; background-color: #F6F6F6; } .prodetail-con table tr td:nth-of-type(2) { width: 30%; padding: 0 20px; } .prodetail-con table tr td:nth-of-type(3) { width: 20%; text-align: center; background-color: #F6F6F6; } .prodetail-con table tr td:nth-of-type(4) { width: 30%; padding: 0 20px; } /*.prodetail-con p,.prodetail-con img,.prodetail-con-pic img{ max-width: 100%; margin: 0 auto; display: block;}*/ .prodetail .header-fixed { position: fixed; top: 0; width: 1198px; } .prodetail-con-empty { width: 400px; margin: 90px auto 106px; position: relative; } .prodetail-con-empty p { margin-top: 50px; font-size: 14px; color: #999; text-align: center; } .prodetail-con-empty p a { padding-left: 20px; color: #de2124; } .prodetail-con-empty .sun { position: absolute; z-index: 2; right: 0; top: -33px; -webkit-animation: sunwy 1s linear, shakeSign 3.5s 1s infinite; animation: sunwy 1s linear, shakeSign 3.5s 1s infinite; } @-webkit-keyframes sunwy { from { right: 120px; top: -60px; } to { right: 0; top: -33px; } } @keyframes sunwy { from { right: 120px; top: -60px; } to { right: 0; top: -33px; } } /** * 2018-4-26 * wyc * 商品评论*/ .syinfo-comment-info { padding: 30px 50px; display: none; } .comment-percent { padding-bottom: 20px; border-bottom: 1px solid #F0F0F0; } .comment-percent-l { width: 115px; float: left; } .comment-percent-l .percent-con { width: 115px; height: 55px; background-color: #ff6900; border-radius: 4px; -webkit-border-radius: 4px; text-align: center; line-height: 55px; color: #fff; font-size: 36px; font-weight: bold; position: relative; } .comment-percent-l .percent-con .arrowdown { position: absolute; border-top: solid 8px #ff6900; border-right: solid 5px transparent; border-left: solid 5px transparent; left: 50%; top: 55px; margin-left: -5px; } .comment-percent-l p { text-align: center; font-size: 16px; color: #FF6900; margin-top: 18px; } .comment-percent-r { padding-left: 200px; } .comment-percent-r a { display: inline-block; padding: 5px 10px; margin-right: 10px; margin-bottom: 10px; border: 1px solid #e0e0e0; font-size: 14px; color: #999; border-radius: 4px; -webkit-border-radius: 4px; } .comment-list { margin-top: 24px; } .comment-list .comment-list-tab { padding-bottom: 10px; border-bottom: 4px solid #f1f1f1; position: relative; } .comment-list .comment-list-tab a.on { color: #e62226; } .comment-list .comment-list-tab a { display: inline-block; margin-right: 40px; color: #666; font-size: 14px; } .comment-list .comment-list-tab label { color: #666; font-size: 14px; position: absolute; padding-left: 17px; right: 0px; cursor: pointer; } .comment-list .comment-list-tab label input[type="checkbox"] { display: none; } .comment-list .comment-list-tab label .showBox { border: 1px solid #666; display: inline-block; width: 12px; height: 12px; border-radius: 3px; font-size: 13px; line-height: 12px; position: absolute; top: 1px; left: 0px; color: #fff; } .comment-list .comment-list-tab label input[type="checkbox"]:checked+.showBox { color: #666; } .comment-list .comment-item { padding-top: 40px; border-bottom: 1px solid #F0F0F0; position: relative; } .comment-list .comment-item-l { width: 160px; text-align: center; } .comment-list .comment-item-l img { width: 72px; height: 72px; border-radius: 100%; -webkit-border-radius: 100%; margin-bottom: 20px; } .comment-list .comment-item-l p { margin-bottom: 8px; color: #666; font-size: 14px; } .comment-list .comment-item-l p { margin-bottom: 8px; color: #666; font-size: 14px; } .comment-list .comment-item-l p i { font-size: 18px; color: #F18110; padding-right: 5px; } .comment-list .comment-item-r { margin-left: 40px; width: 900px; font-size: 14px; position: relative; } .comment-list .comment-item-r .comment-start { margin-top: 5px; margin-bottom: 15px; } .comment-list .comment-item-r .comment-start i { font-size: 20px; color: #FFA133; margin-right: 3px; } .comment-list .comment-item-r .comment-start i.gray { color: #DDDDDD; } .comment-list .comment-item-r>p { font-size: 14px; color: #666; line-height: 25px; margin-bottom: 15px; word-break: break-word; -webkit-word-break: break-word; } .comment-list .comment-item-r .comment-tip { padding-bottom: 20px; } .comment-list .comment-item-r .comment-tip span { display: inline-block; padding: 5px 10px; border: 1px solid #e0e0e0; margin-right: 10px; color: #999; border-radius: 4px; -webkit-border-radius: 4px; } .comment-list .comment-item-r .comment-item-tim { color: #999; font-size: 14px; padding-bottom: 12px; } .comment-list .comment-img li { margin-right: 10px; margin-bottom: 10px; float: left; } .comment-list .comment-img li img { width: 60px; height: 60px; cursor: pointer; border: 1px solid #e2e2e2; padding: 1px; } .sizeCol1 { border-color: #e62226 !important; color: #e62226 !important; } .sizeCol2 { color: #e62226 !important; } .zomIcon { margin-bottom: 15px; /*width: auto;height: auto;*/ } .zomIcon img { cursor: -webkit-zoom-out; cursor: zoom-out; max-width: 370px; max-height: 478px; display: block; } .comment-list .comment-item-r .addComment { border-top: 1px solid #f0f0f0; padding-top: 12px; } .comment-list .comment-item-r .addComment>div { color: #999; font-size: 12px; } .comment-list .comment-item-r .addComment>p { color: #666; padding: 10px 0px 20px 0px; word-break: break-word; -webkit-word-break: break-word; font-size: 14px; line-height: 25px; } .comment-list .comment-img li img.on { border: 2px solid #de2124 !important; } /*E 商品评论*/ /*查看大图弹框 start*/ .mods-bigimg .mods-cont { width: 1045px; height: 700px; margin-left: -522.5px; margin-top: -350px; } .mods-bigimg .mc-cont { padding: 25px 10px; } .mods-bigimg .layer-img { width: 800px; height: 600px; text-align: center; overflow: auto; margin-right: 20px; } .mods-bigimg .layer-img li { float: left; width: 800px; height: 800px; } .mods-bigimg .layer-img li img { max-width: 800px; max-height: 800px; min-width: 550px; min-height: 550px; } .mods-bigimg .layer-side { width: 175px; float: right; padding-top: 20px; color: #666; font-size: 12px; } .layer-side .pro-name { max-height: 66px; font-size: 14px; font-weight: 400; line-height: 160%; overflow: hidden; } .layer-side .pro-price { padding: 5px 0 8px; } .layer-side .pro-price span { font-size: 18px; color: #e4393c; } .layer-side .side-list { border: 1px solid #e4e4e4; padding: 14px; margin-top: 15px; } .layer-side .side-list img { width: 56px; height: 56px; } .layer-side .side-list a { display: block; float: left; width: 56px; height: 56px; position: relative; margin: 6px; padding: 1px; border: 1px solid #e4e4e4; } .side-list a.on, .side-list a:hover { padding: 0; border: 2px solid #de2124; } /*查看大图弹框end*/ /* 每月可发货日期下拉框 */ .dateSlt .el-select-dropdown__list{width: 380px!important;padding: 6px 10px;} .flexUI{display:-o-flex;display:-ms-flex;display:-moz-flex;display:-webkit-box;display:-ms-flexbox;display:flex} .flexUpDownCenter{display:-o-flex;display:-ms-flex;display:-moz-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-o-align-items:center;-ms-align-items:center;-moz-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center} .flexBet{display:-o-flex;display:-ms-flex;display:-moz-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-o-align-items:center;-ms-align-items:center;-moz-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-o-justify-content:space-between;-ms-justify-content:space-between;-moz-justify-content:space-between;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .flexAro{display:-o-flex;display:-ms-flex;display:-moz-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-o-justify-content:space-around;-ms-justify-content:space-around;-moz-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around} /*表格通用样式*/ .el-table {color: #666;} .el-input__inner,.el-textarea__inner {color: #333 !important;} .el-table--enable-row-hover .el-table__body tr:hover > td {background-color: #fafafa !important;} .comTable th,.el-table thead.is-group th {background-color:#f6f6f6!important; color: #333;padding: 8px 0;} .comTable .el-table__fixed-right-patch {background-color: #f6f6f6} .comTable td:last-child span.greenColor,.comTable td:last-child a.greenColor {cursor: pointer;padding:10px 5px;} .comTable td:last-child span.greenColor,.comTable td:last-child a.greenColor {margin-left:-5px;} .el-table__fixed-right{z-index: 1;} .comTable small {display:block; color:#999;} .comTable .el-tag {height: 16px; padding: 0 2px;line-height: 14px; font-size: 12px;} .el-table__body tr.hover-row>td {background-color: #fafafa;} .el-table__body tr.current-row>td{background-color: #f6f6f6;} .el-tag.el-tag--warning {background:#fff2eb;border-color:#ffe9db;color:#ff7018;} .colorBlue {color:#0079b6} .fwBold {font-weight:bold;} /*操作列图标按钮样式*/ .handle {font-size: 0;} .handle > span,.handle a {font-size: 14px; display: inline-block;vertical-align: middle;} .handle > span:not(:last-child),.handle a:not(:last-child) {margin-right: 15px;} .handle span i,.handle a i{font-size: 18px;} .handle span:hover,.handle a:hover {cursor: pointer;color: #0079b6;} /* 禁止配送提示 S */ .warnText { color: #ff5f20; margin-left: 20px; } .warnText i { margin-right: 5px; } .warnText i::before { content: "\E626"; } /* 禁止配送提示 E */ /*置灰说明*/ .greytip{line-height: 30px; display: block; margin-top: -25px; padding-left: 20px; margin-bottom: 5px; font-size: 12px; color: #999;} .formtip {padding-right:20px;} .greytip i,.formtip i{display:inline-block;color:#f18110; padding-right:5px;} .txtLineTwo { font-size: 12px; max-height: 40px;line-height: 20px;display: -webkit-box!important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space:normal;word-break: break-all;overflow: hidden;}/** * Swiper 3.4.2 * Most modern mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/swiper/ * * Copyright 2017, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under MIT * * Released on: March 10, 2017 */ .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: -webkit-transform, height; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } /* a11y */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } /* IE10 Windows Phone 8 Fixes */ .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } /* Arrows */ .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } /* Pagination Styles */ .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-white .swiper-pagination-bullet { background: #fff; } .swiper-pagination-bullet-active { opacity: 1; background: #007aff; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000; } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 5px 0; display: block; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; } /* Progress */ .swiper-pagination-progress { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progress .swiper-pagination-progressbar { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { -webkit-transform-origin: right top; transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progress { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progress { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-progress.swiper-pagination-white { background: rgba(255, 255, 255, 0.5); } .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background: #fff; } .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background: #000; } /* 3D Container */ .swiper-container-3d { -webkit-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { /* Safari 4+, Chrome */ /* Chrome 10+, Safari 5.1+, iOS 5+ */ /* Firefox 3.6-15 */ /* Opera 11.10-12.00 */ background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 16+, IE10, Opera 12.50+ */ } .swiper-container-3d .swiper-slide-shadow-right { /* Safari 4+, Chrome */ /* Chrome 10+, Safari 5.1+, iOS 5+ */ /* Firefox 3.6-15 */ /* Opera 11.10-12.00 */ background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 16+, IE10, Opera 12.50+ */ } .swiper-container-3d .swiper-slide-shadow-top { /* Safari 4+, Chrome */ /* Chrome 10+, Safari 5.1+, iOS 5+ */ /* Firefox 3.6-15 */ /* Opera 11.10-12.00 */ background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 16+, IE10, Opera 12.50+ */ } .swiper-container-3d .swiper-slide-shadow-bottom { /* Safari 4+, Chrome */ /* Chrome 10+, Safari 5.1+, iOS 5+ */ /* Firefox 3.6-15 */ /* Opera 11.10-12.00 */ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 16+, IE10, Opera 12.50+ */ } /* Coverflow */ .swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; } /* Cube + Flip */ .swiper-container-cube, .swiper-container-flip { overflow: visible; } .swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Cube */ .swiper-container-cube .swiper-slide { visibility: hidden; -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } /* Fade */ .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } /* Scrollbar */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } /* Preloader */ .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /*# sourceMappingURL=pc_mall_intact.fcea93a08a42a91cfa14f28aa85b8bed.css.map*/