@CHARSET "UTF-8"; .wst-filters{width:1200px;margin-left: auto;margin-right: auto;margin-top:10px;color:#999;font-size:12px;} .wst-filters div.item{float:left;margin-right:6px;position:relative;} .wst-filters .arrow{float: left; position: relative; top: 6px; font-style: normal; background-image: url(./../img/goods_detail_arrow_r.png); background-repeat: no-repeat; display: block; width: 10px; height: 10px;; } .wst-filters div.dorpdown .arrow{top:7px; } .wst-filters .item .link{color:#666;float:left;border:0px;margin-right:5px;height:22px;line-height: 22px;padding:0px 5px 0px 5px;} .wst-filters .item .drop-down{float:left;border: 1px solid transparent;display: inline-block;height: 23px;line-height: 23px; vertical-align: top; position: relative; background-color: #fff; padding: 0 2px; } .wst-filters .item .drop-down.hover{border-color:#df2003;border-bottom:0;z-index: 200} .wst-filters .item .dorp-down-layer{border: 1px solid #ddd;border-top:0;display:none;left:0px;top:23px;position:absolute;z-index: 100;background:#fff;min-width: 320px;border: 1px solid #df2003;} .wst-filters .item .dorp-down-layer div{float:left;width:140px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 4px 8px;} .wst-filters .item .dorp-down-layer div:hover, .wst-filters .item .dorp-down-layer a:hover{color:#df2003;} .wst-filters .item .v-item{color:#666;border: 1px solid #ddd;cursor: pointer;display: inline-block;font-size: 12px;height: 22px;line-height: 22px;margin: 0 5px 5px 0;padding: 0 30px 0 4px;position: relative;vertical-align: top;} .wst-filters .item .v-item:hover{border-color: #000;} .wst-filters .item .v-item i{ display: block;position: absolute; width: 25px;height: 22px;right: 0;text-align:center;font-style: normal;top: 0;} .wst-filters .item .v-item:hover i{background-color: #000;color: #fff;} .wst-filters .gitem{line-height: 25px;margin-left: 5px;width: 300px;height: 25px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} /**商品移动效果**/ .goods-pics{width: 350px;margin:10px 0px 0px 0px;} .goods-pics .items{float: left;height: 66px;float: left;-top:3px;overflow: hidden;position: relative;width: 322px;} .goods-pics .items ul{height: 56px;position: absolute;width: 999999px;cursor:pointer} .goods-pics .items ul li{float: left;text-align: center;width: 60px;border: 1px solid #f5f5f5;} .goods-pics .items ul li.hover{width: 60px;height: 60px;border: 2px solid #000;} .goods-pics .items ul li img{position: relative;max-width: 60px;max-height: 60aapx;} .goods-pics .prev, .goods-pics .next {cursor: pointer;display: block;font-family: "宋体";height: 54px;line-height: 54px;text-align: center;text-decoration: none;width: 10px;border:0;font-size: 22px;} .goods-pics .prev {float: left;margin-top: 5px;margin-right: 4px;} .goods-pics .next {float: right;margin-top: 5px;} /**放大镜**/ .goods-img-box{float: left;height: 430px;margin:5px;width: 350px;} .spec-preview{float: left;height: 350px;width: 345px;margin-bottom:5px;} .wst-video-btn{position: absolute; width: 30px; height: 30px; top: 13px; left: 13px; z-index: 100000; cursor: pointer; color: red; text-align: center; border-radius: 1000px; background: #fff;} .wst-video-btn i{font-size: 30px;opacity: 0.65;} .wst-video-box{height: 350px;width: 350px;position: absolute;z-index: 20;background: #333;} .wst-video-box .video-close{position: absolute;right: 5px;top:0;font-size:20px;z-index: 100001;color: #fff;cursor:pointer;} /*Cloud Zoom 放大镜 */ .cloudzoom-lens{width:30px;height:30px;border:1px solid #eee;box-shadow:0px 0px 6px rgba(0,0,0,0.20);cursor:crosshair;z-index:10;} .cloudzoom-zoom{background:#fff;border:1px solid #EEE;width:360px;height:360px;z-index:200;box-shadow:3px 3px 0 rgba(0,0,0,0.1);} .cloudzoom-zoom-inside{border:none;box-shadow:none;} .cloudzoom-blank{opacity:0.3;} /**商品内容**/ .intro{ display: inline;float: left;width: 628px;min-height: 430px;border-left:1px solid #eee;border-right: 1px solid #e6e6e6;padding-bottom:10px;} .intro h2{color:#000;font:700 16px/28px Arial,"microsoft yahei";color: #000; font: 700 20px / 28px Arial, "microsoft yahei"; line-height: 50px;} .intro .intro-name{padding:10px 20px;} .intro .tips{color:#df2003;font-size:14px;} .intro .summary{margin: 0 20px; margin-bottom: 10px; background: #efefef; line-height: 30px; padding:5px 0px 5px 0px; } .summary .dt{display: inline;color:#999;float: left;font-family: simsun;text-align: right;width: 75px;padding-left:10px;} .summary .dd{width: 470px; color:#585858; } .summary .dd img{margin-top:6px;} .summary .market-price{font-weight: 400; text-decoration: line-through;} .summary .price{color: #e40000;display: inline-block;font-size: 14px;vertical-align: middle;} .summary .price span{font-size: 26px;} .summary .appraise{float:right;} .summary .appraise-num{color:#FF4400;} .summary .infol{float:left;width: 100%;} .summary .infor{width:168px;position:absolute;top:-61px;right:-12px;} .summary .goods-intro-bg{position:relative;} .ginfo_b{width: 100%; } .ginfo_b li{float: left; width: 25%; height:30px; overflow: hidden; } .ginfo_b li:nth-child(3){width: 50%; } .sale_box{margin:0px 20px; padding-bottom:10px; border:none; box-sizing: border-box; } .sale_box .dt{display: inline;color:#999;float: left;font-family: simsun;text-align: right;width: 75px;padding-left:10px;} .sale_box .dd{color:#585858; } .c14_005{font-size: 14px;color:#005aa0;} .login{font-size: 14px;color:#00b1ed;} .shop-member{background-color:#f47a86;color:#fff;width:60px;height:20px;line-height: 20px;text-align: center;margin-left:5px;cursor: pointer;} /**商品规格**/ .intro .spec{padding:5px 5px 5px 10px;} .spec img{vertical-align: middle;} .intro .spec .item{width:590px;} .spec .dt{padding-left: 20px;line-height:35px;color:#999;height:30px;display: inline;float: left;font-family: simsun;text-align: right;width: 75px;} .spec .dd{width:425px;color:#585858;float: left;} .spec .j-option{float:left;margin: 2px 8px 2px 0px; background: #fff;border: 1px solid #f1f1f1;padding: 4px 6px;cursor:pointer;position:relative;} .spec .j-selected i{font-size: 0;line-height: 0;background: url(../img/img_gd_sel.png) no-repeat 0 0;display: block; width: 11px;height: 11px;position: absolute;z-index: 1;right: -1px;bottom: -1px;} .spec .j-selected{border: 1px solid #000;} /**购买商品**/ .intro .buy{padding:5px 5px 5px 10px;} .intro .buy .item{width:590px;clear:both;} .buy .dt{padding-left: 20px;line-height:35px;color:#999;height:30px;display: inline;float: left;font-family: simsun;text-align: right;width: 75px;} .buy .dd{width:525px;line-height:35px;height:30px;color:#999;} .buy .btn{} .buy .addBtn{cursor:pointer;display:block;font-size: 16px;height: 38px;line-height:38px;text-align:center;background: #5a3995; border-radius: 30px; color: #fff; padding: 10px;color:#fff;width:150px;float:left;margin-right:20px;} .buy .addBtn:hover{background:#f52000;color:#fff;} .buy .buyBtn{cursor:pointer;display:block;font-size: 16px;height: 38px;line-height:38px;text-align:center;background: #a3ca0d; border-radius: 30px; padding: 10px;color:#fff;width:150px;float:left;} .buy .buyBtn:hover{background:#c91a00;color:#fff;} /**右侧看了又看**/ .seeing{float:left;width:200px;height:420px;} .seeing .head{font-size: 13px;color:#666;height:25px;line-height:25px;background:#f7f7f7;text-align:left;padding:5px 10px;width:94%;} .seeing .body{width:210px;padding:5px;} .see-item{padding-top:7px;width: 100px;float:left;} .see-item .see-img{width:200px;height:120px;margin:0 auto;text-align:center;vertical-align:middle;display:block;position:relative; display:table-cell;} .see-price{display: block;width: 100px;height:20px;color:#000;font-weight: bold;} .see-item .see-img img{max-width:90px;max-height:90px;} /**猜你喜欢**/ .wst-side{float:left;width:210px;margin-right:12px;} .goods-side{width:212px;} .shop-intro{padding-bottom: 13px;width:210px;;border:1px solid #e6e6e6;height:auto;margin-bottom:10px;} .shop_imgbox{text-align: center; background-color: #f7f7f7;padding: 5px 0;} .shop-intro .title{height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; box-sizing: border-box; padding: 5px; padding-left:15px; } .shop-name{font-size: 14px;color: #333;font-weight: bold;} .shop-intro .body{padding:10px 0; border-top:1px dashed #eee; margin:0 15px; } .shop-intro .itemScore:nth-child(2){border-left:1px solid #eee; border-right:1px solid #eee; } .shop-intro .itemScore{width:33%; box-sizing: border-box; text-align: center; padding: 5px; float:left; } .c12_e40{font-size: 12px;color: #e40000;} .shop-intro .footer{padding:5px 15px; text-align:center; box-sizing: border-box; } .footer a:nth-child(1){margin-right:6px; } .footer a {background:#fafafa; border:1px solid #ededed; border-radius:2px; color:#666; float:left; height:28px; line-height:28px; text-align:center; width:40%; padding-left:13px; } .footer a:hover {background: #f5f5f5 none repeat scroll 0 0;border-color: #e0e0e0;color: #666;} .footer .home i{font-size: 15px;vertical-align: middle;line-height: 21px;} .footer .home:hover{color:#000;} .footer .j-fav:hover,.footer .j-fav2:hover{color:#000;} .footer .j-fav2{} .footer .j-fav2:hover i{color:#000;} .goods-side .title{line-height:35px;background-color: #f7f7f7;text-align: left;color:#666;padding-left:5px;} .goods-side .guess-like{min-height:300px;border:1px solid #e6e6e6;padding-bottom:10px;} .goods-side .item{padding-top:10px;} .goods-side .item .img{width:200px;margin:0 auto;text-align:center;vertical-align:middle;display:block;position:relative; display:table-cell; padding:5px;} .goods-side .item .img a{display:table-cell;vertical-align:middle;width:200px; height:200px;} .goods-side .item .img a img{max-width:200px;max-height:200px;} .goods-side .item .p-price{padding:5px;font-weight: bold;color:#C00;font-size:14px;} .goods-side .item .v-price{text-decoration: line-through;color:#999;margin-left: 10px;font-weight: normal;font-size:12px;} .goods-side .hot-goods{min-height:300px;border:1px solid #eee;margin-top: 15px;padding-bottom:10px;} /**商品详情***/ .wx_qrcode_fixed{position: fixed!important;left: inherit!important; right: 80px; } #wx_qrcode{width: 89px; position: relative; float: right; margin-right: 23px; z-index: 99; left: 0; } #wx_qrcode:hover{background-color: #fff; } #wx_qrcode:hover .wx_qrcode_box{display: block; } .wx_qrcode_box .qrcode{padding-top:10px;} .wx_qrcode_box img{width:100px;height: 100px;display: inline!important;} .wx_qrcode_box{border:1px solid #eee;display: none; left: 0; background-color:#fff; position: absolute; min-height: 135px; width: 115px; } .goods-desc{width:978px;float: right;} .wst-tab-box {width: 100%; height: auto; margin: 0px auto; background: #ffffff; } .wst-tab-nav {margin: 0; padding: 0; height: 36px; top: 0px; z-index: 30; background: #f7f7f7; width:100%; border: 1px solid #e6e6e6; } .wst-tab-nav li {cursor: pointer; float: left; margin: 0 0px; list-style: none; border: 1px solid #f7f7f7; border-bottom: none; border-left: none; height: 36px; line-height: 36px; text-align: center; color: #000000; padding:0 15px; } .wst-tab-nav .on .appraise-num{color:#fff; } .wst-tab-nav .on {border-top: none; color: #fff; font-weight:bold; background: #000; } .wst-tab-nav #addCart2{display:none; position:fixed; top:0px; right:20px;z-index:31; background:#df2003; padding:5px 15px; margin-top:5px; color:#ffffff; } .brand_name span{color: #005aa0;} .brand_name{margin-left: 5px; margin-bottom: 20px; } .wst-tab-content {word-wrap: break-word;word-break:break-all;padding: 5px;width: 99%;height: auto;border: 1px solid #e6e6e6;border-top:none;background: #FFF;} .wst-tab-item img{width:100%;} .goods-desc .appraise-num{color:#000;font-weight: bold;} .wst-attrs-list{box-sizing: border-box;border-bottom: 1px solid #eee; margin-bottom: 10px; padding: 20px; width:100%; border-collapse:collapse;border-spacing:0;empty-cells: show;} .wst-attrs-list li {color:#666;padding:5px;width:233px;height:16px;float:left;text-overflow:ellipsis;white-space: nowrap;overflow:hidden} .buy-btn{color:#666;background:#eeeeee;cursor: pointer;float:left;;display:block;height:27px;line-height:27px;padding:0px 10px;border:1px solid #ddd;} input[type="text"].buy-num{text-align:center;width:50px;float:left;border-left:0px;border-right:0px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;height:23px;} .goods-term-box{padding:0px 5px;color:#999999;} .goods-term-box a:hover,.wst-contrast:hover{color:#df2003;} .wst-favorite{float: left;height:38px;position: relative;top: -7px;left: -7px;} .wst-favorite .favorite{height:38px;line-height:38px;padding:5px 5px 5px 25px;color:#999999;} .wst-favorite .j-fav i{color:#000;font-size: 15px;vertical-align: middle;line-height: 21px;} .wst-favorite .j-fav2 i{font-size: 15px;vertical-align: middle;line-height: 21px;} .wst-favorite .j-fav2:hover{color:#000;} .wst-contrast{float: left;padding-left:20px;height: 23px;line-height: 23px;position: relative;cursor:pointer;} .wst-contrast i{position: absolute;top:4px;left:0;width:15px;height:15px;background:url(../img/contrast.png) 0 0 no-repeat;background-size: 100%;} .wst-contrast:hover i{background:url(../img/contrast2.png) 0 0 no-repeat;background-size: 100%;} .wst-cont-frame{position: fixed;bottom: -200px;right: 50%;margin-right: -602px;z-index: 100;width: 986px;height: 139px;background: #fff;-moz-box-shadow: 0 0 15px rgba(221,221,221,0.8);-webkit-box-shadow: 0 0 15px rgba(221,221,221,0.8);box-shadow: 0 0 15px rgba(221,221,221,0.8);-webkit-transition: all .2s linear;transition: all .2s linear;} .wst-cont-frame.show{bottom: 0;} .wst-cont-frame .head{height: 32px;border: 1px solid #ddd;border-bottom: 2px solid #e23c3d;position: relative;} .wst-cont-frame .head span{float: left;width: 80px;height: 36px;line-height: 30px;text-align: center;font: 14px/30px 'microsoft yahei';position: relative;left: -1px;margin-top: -4px;background: #fff;border: 2px solid #e23c3d;border-bottom: 0;color: #e23c3d} .wst-cont-frame .head .close{text-align: right;position: absolute;right: 0;top: 0;padding-right: 22px;height: 30px;line-height: 30px;color: #005aa0;} .wst-cont-frame .list{border: 2px solid #e23c3d;border-top: none;position: relative;} .wst-cont-frame .goods{padding: 6px;color: #f1f1f1;height: 90px;overflow: hidden;} .wst-cont-frame .term{float: left;overflow: hidden;margin-right: 10px;padding: 17px 10px 12px 0;border-right: 1px dotted #e23c3d;} .wst-cont-frame .term:hover .info .price a{opacity: 1;} .wst-cont-frame .term .img{float: left;margin-right: 5px;width: 48px;height: 48px;text-align: center;border: 1px solid #fff;overflow: hidden;} .wst-cont-frame .term .info,.wst-cont-frame .list .term-empty .info{float: left;width: 140px;} .wst-cont-frame .term .info .name{height:36px;line-height: 18px;overflow: hidden;display: block;color: #333;} .wst-cont-frame .term .info .price span{color: #000;font-size: 14px;font-family: Verdana;font-weight: bold;} .wst-cont-frame .term .info .price a{padding-left: 10px;color: #005aa0;opacity: 0;} .wst-cont-frame .term-empty{float: left;overflow: hidden;margin-right: 10px;padding: 17px 10px 12px 0;border-right: 1px dotted #e23c3d;} .wst-cont-frame .term-empty .img{float: left;margin-right: 5px;width: 48px;height: 48px;text-align: center;color: #f1f1f1;border: 1px solid #fff;font: 36px/48px arial;overflow: hidden;background: #f5f5f5;} .wst-cont-frame .term-contrast{position: absolute;right: 22px;top: 22px;width: 85px;text-align: center;} .wst-cont-frame .term-contrast .contrast{display: block;margin: 0 auto;margin-bottom: 10px;font: bold 14px/30px verdana;width: 60px;height: 30px;line-height: 30px;text-align: center;background: #000;color: #fff;} .wst-cont-frame .term-contrast .contrast:hover{background: #e75153;} .wst-cont-frame .term-contrast .empty{color: #005aa0;} /*商品评价*/ .apprtime{color: #999;display: inline-block;margin:5px 0;} .appraise-head{width:100%; height:80px; display:flex; margin: 10px auto; } .appraise-head .text{font-size: 12px; color: #666; font-weight: 400; } .percent{line-height: 110%; font-size: 45px; color: #000; font-family: arial; } .percent span {font-size: 23px; } .app-head-l{flex:1; height:80px;} .app-head-lbox{padding: 4px 10px 0 50px; } .app-head-r{flex:5; height:80px;} .app-head-rbox{display: flex; height: 100%; justify-content: center; align-items: center; padding-left: 20px; } .app-hr-item{flex:1; } .percentbox{border:1px solid #000; float:left; width:60%; height: 13px; margin-top: 2px; margin-left: 10px; } .percentbg{height:100%;background:#000; } .app-hr-text{float:left} .appr-filter{width:100%; height:30px; border: 1px solid #f5f5f5; background-color: #fafafa; } .appr-filterbox{width: 100%; height: 100%; background: #f5f5f5;} .appr-filterbox li{float: left; padding:5px 10px; } .appr-filterbox li .curr{background: #fafafa; color: #000; font-weight: bold;} i{font-style: normal; } .apprimg{width:25px !important; height:25px; border-radius:50%; float:left } .appr-star,.appr-star-off{background-image:url(./../img/star.png); background-repeat: no-repeat; width: 15px; height: 15px; margin-right: 2px; float: left; } .appr-star-off{background-position: -80px 0px; } .userinfo{width: 100%;height: 26px;} .appraises-box{width:960px; border-bottom:1px solid #eee; margin:5px 0; padding:0 5px; } .wst-appraises-left{width:84%;height:100%;float:left; } .app-content{margin:10px 0; } .wst-appraises-right{width:150px;height:100%;float:left; } .goods-spec-box{width: 100%; height: 100%; } .appraiser{height:100%;float:left;padding-left: 5px; } .reply-content{line-height:15px; width:100%; border-top:1px solid #eee; padding-top:10px; color:orange; float:left; margin-bottom: 10px; } .reply-time{float:left; color: #999; padding-bottom:10px; } .reply-content>a{color:orange; } .reply-box{width:100%; max-height:110px; position:relative; margin-bottom:5px; } .goods-desc-box img{display: block;} /* 商品咨询 */ .c999{color:#f1f1f1; } .consult-searchbox{padding:17px 0 0 43px; } .search-tips{color: #999; padding-bottom: 10px; } .search-text {float: left; width: 449px; height: 28px !important; border: 1px solid #f1f1f1 !important; border-right: none; font: 12px/34px simsun; color: #999; padding: 0 10px; } .csbtn{float: left; width: 82px; height: 34px; background: #000; border: none; line-height: 1; color: #fff; font-family: "Microsoft YaHei"; font-size: 16px; cursor: pointer; } .consult-list{padding: 0 15px 0 43px; } .cs-content{width: 75%; } .ask{padding:15px 0 7px; } .answer{color:#ff6500;padding-bottom: 15px;} .consult-item{font: 12px/18px simsun;border-bottom: 1px dotted #eee;} .consult-publish{height:300px;border:1px solid red;margin-top:20px;border-width: 2px 1px 1px;border-color: #999 #dedede #dedede;border-style: solid;} .consult-publish h5{height: 30px;line-height: 30px;font-size: 14px;font-family: '\5fae\8f6f\96c5\9ed1';padding-left: 10px;} .explain,.consult-publish ul{padding: 10px 20px;} .consult-publish ul li{margin-bottom: 5px;line-height: 25px;} .fbold{font-weight: bold;vertical-align: top;} #consultContent{ width: 500px;height: 100px;padding:5px;} #consultCommit{display: inline-block;width: 72px;height: 29px;margin-left: 62px;vertical-align: middle;background:#e54043;border:none;color:#fff;cursor: pointer;} button:focus {outline: none;} .intro{min-height: 445px;} .j-inform{float: right;color:#999999;} .com-car-qr-panel { border: 1px solid #ececef; border-radius: 4px; padding: 16px 22px 22px 22px; } .com-car-qr-panel .amount { display: -ms-flexbox; display: flex; -ms-flex-align: baseline; align-items: baseline; font-size: 12px; color: #ff5c5c; margin: 15px 0; } .com-car-qr-panel .amount strong { font-size: 24px; } .com-car-qr-panel .name { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-bottom: 16px; } .com-car-qr-panel .name h5 { display: block; font-size: 20px; font-weight: bold; margin-right: 6px; line-height: 32px; } .com-car-qr-panel .name .gb-type { display: block; font-size: 10px; line-height: 1; padding: 2px; border: 1px solid rgba(60,60,90,0.3); border-radius: 4px; } .com-car-qr-panel .look-calendar { display: block; border: 1px solid #ececef; border-radius: 4px; width: 100%; text-align: left; padding: 0 20px; height: 48px; font-size: 15px; color: rgba(60,60,90,0.6); margin-bottom: 16px; } .com-car-qr-panel .scan-qr { background: -webkit-gradient(linear, left top, right top, from(#f68317), to(#f68317)); background: linear-gradient(to right, #f68317, #f68317); font-size: 15px; color: #fff; height: 48px; display: block; border-radius: 4px; width: 100%; line-height: 48px; margin-bottom: 25px; text-align: center; } .com-car-qr-panel .qr { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .com-car-qr-panel .qr .alipay, .com-car-qr-panel .qr .wx { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; } .com-car-qr-panel .qr .alipay i, .com-car-qr-panel .qr .wx i { display: block; width: 30px; height: 30px; margin-bottom: 8px; } .com-car-qr-panel .qr .alipay p, .com-car-qr-panel .qr .wx p { font-size: 12px; margin-bottom: 5px; } .com-car-qr-panel .qr .alipay span, .com-car-qr-panel .qr .wx span { font-size: 12px; opacity: 0.6; display: block; } .com-car-qr-panel .qr .alipay i { background: url("https://auto-static-pro.oss-cn-hangzhou.aliyuncs.com/miniprogram/cardetail-zfb-icon.png"); background-size: 100%; } .com-car-qr-panel .qr .wx i { background: url("https://auto-static-pro.oss-cn-hangzhou.aliyuncs.com/miniprogram/cardetail-weixin-icon.png"); background-size: 100%; } .com-car-qr-panel .qr .img { width: 150px; height: 150px; border: 1px solid #ececef; border-radius: 4px; padding: 16px; margin: 0 20px; position: relative; } .com-car-qr-panel .qr .img img { display: block; background: #333; width: 100%; height: 100%; } .com-car-qr-panel .qr .img::after { content: ''; display: block; width: 20px; height: 20px; background: #fff; border-top: 1px solid #ececef; border-left: 1px solid #ececef; border-top-left-radius: 4px; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); position: absolute; left: 50%; top: 0; } .com-rent-nav-panel { margin-bottom: 20px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .com-rent-nav-panel .panel { height: 160px; border-radius: 10px; cursor: pointer; display: block; } .com-rent-nav-panel .panel-1 { height: 130px; margin-bottom: 12px; background: url(/attachment/bg1.31cab0d8.jpg) center center no-repeat; background-size: contain; width: 100%; } .com-rent-nav-panel .panel-2 { background: url(/attachment/bg2.356c917a.jpg) center center no-repeat; background-size: contain; width: 48%; margin-right: 2%; } .com-rent-nav-panel .panel-3 { background: url(/attachment/bg3.7bdecb2e.jpg) center center no-repeat; background-size: contain; width: 48%; margin-left: 2%; } .com-rent-nav-panel .panel-4 { height: 130px; margin-bottom: 12px; background: url(/attachment/bg4.f9fdb60e.jpg) center center no-repeat; background-size: contain; width: 100%; } .com-rent-nav-panel .panel-5 { height: 130px; background: url(/attachment/bg5.e2563263.jpg) center center no-repeat; background-size: contain; width: 100%; } .main { width: 1024px; margin: 0 auto; } .page-long-rent-car-detail { display: block; padding-top: 100px; } .page-long-rent-car-detail .breadcrumb { margin-bottom: 20px; } .page-long-rent-car-detail .sub-title { display: block; font-size: 20px; margin-bottom: 30px; font-weight: bold; } .page-long-rent-car-detail>.inner .bd { display: block; width: 440px; float: left; } .page-long-rent-car-detail>.inner .bd .cover { width: 440px; height: 426px; /*background: #333;*/ margin-bottom: 20px; position: relative; border-radius: 6px; overflow: hidden; } .page-long-rent-car-detail>.inner .bd .cover .swiper-images { width: 100%; height: 100%; } .page-long-rent-car-detail>.inner .bd .cover .swiper-images img { display: block; width: 100%; height: 100%; object-fit: contain; } .page-long-rent-car-detail>.inner .bd .cover .prev, .page-long-rent-car-detail>.inner .bd .cover .next { display: block; width: 32px; height: 32px; background: #f68317 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABzSURBVHgB7dJRCYAwFIXhqwmMsAjaxAg2MYJNtIFRNIIRrmcwcPi2we59OR8cBGH8MCZCRGRFVVfswIJYQWzWz20WR2jEnix+Me4RP0vO91IBkfjpfr8HaSlGscn0ql2iKRxcHhUii8tLTvEN202jRES5FyRK2SPyOIRtAAAAAElFTkSuQmCC) center no-repeat; background-size: 20px; border-radius: 50%; position: absolute; left: 24px; top: 50%; margin-top: -16px; } .page-long-rent-car-detail>.inner .bd .cover .prev.disabled, .page-long-rent-car-detail>.inner .bd .cover .next.disabled { pointer-events: none; background: rgba(255,255,255,0.8) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADpSURBVHgB7ZQxCsIwFIZf0nT3BrY3cCwdewMHwdkjeAJP4BEcBIvgIF6gIimlo56gvUGdTUlMIYOKgi8Wp3zbC+R95H+8ADgcDoclBH4giqYhY2RJCK0438wxd63FWhr4Pj0qBYEuFSFszPn68O19Cha8SDuuQtwuiBZ48RtpIyUkZbmtAQEq6k/SokjPgAT1Ysa8/WO8tlK0GEA2z7UAW1DitlUzQqAy5YBSP4vjyQgsQK+TmXOmIw/NkZ6z0JHvUJFb7XEfcqs97lZHCJno2GtzNPA8f4ho0cuXudJtTnmeLsDhcDj+wR3lrF4P8OJiOQAAAABJRU5ErkJggg==) center no-repeat; background-size: 20px; } .page-long-rent-car-detail>.inner .bd .cover .next { left: auto; right: 24px; } .page-long-rent-car-detail>.inner .bd .cover .next.disabled { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .page-long-rent-car-detail>.inner .bd .cover .prev { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .page-long-rent-car-detail>.inner .bd .cover .prev.disabled { -webkit-transform: rotate(0); transform: rotate(0); } .page-long-rent-car-detail>.inner .bd .bd-nav { border-bottom: 1px solid rgba(60,60,90,0.1); margin-bottom: 30px; height: 56px; background: #fff; } .page-long-rent-car-detail>.inner .bd .bd-nav .list { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .page-long-rent-car-detail>.inner .bd .bd-nav button { display: block; width: 100%; -ms-flex: 1 1; flex: 1 1; font-size: 14px; color: rgba(60,60,90,0.6); } .page-long-rent-car-detail>.inner .bd .bd-nav .active { color: #3c3c5a; font-weight: bold; font-size: 18px; } .page-long-rent-car-detail>.inner .bd .bd-nav.sticky { position: fixed; left: 0; top: 80px; z-index: 99; width: 100%; } .page-long-rent-car-detail>.inner .bd .bd-nav.sticky .list { width: 1024px; padding-right: 384px; margin: 0 auto; height: 100%; } .page-long-rent-car-detail>.inner .bd .rent-amount { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid rgba(60,60,90,0.1); } .page-long-rent-car-detail>.inner .bd .rent-amount .list .item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; border: 1px solid #ffeab8; background: #fffbf3; height: 40px; border-radius: 20px; margin-bottom: 8px; font-size: 12px; padding: 0 18px; } .page-long-rent-car-detail>.inner .bd .rent-amount .list .item .amount { color: #ff5c5c; } .page-long-rent-car-detail>.inner .bd .rent-amount .list .item .amount strong { font-size: 14px; } .page-long-rent-car-detail>.inner .bd .calendar { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid rgba(60,60,90,0.1); } .page-long-rent-car-detail>.inner .bd .car-restriction { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid rgba(60,60,90,0.1); } .page-long-rent-car-detail>.inner .bd .car-restriction .base { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px; } .page-long-rent-car-detail>.inner .bd .car-restriction .base li { display: -ms-flexbox; display: flex; width: 50%; font-size: 14px; margin-bottom: 10px; } .page-long-rent-car-detail>.inner .bd .car-restriction .base li p { display: block; margin-right: 20px; opacity: 0.8; } .page-long-rent-car-detail>.inner .bd .car-restriction .base li span { font-weight: bold; } .page-long-rent-car-detail>.inner .bd .car-property { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid rgba(60,60,90,0.1); } .page-long-rent-car-detail>.inner .bd .car-property .base { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px; } .page-long-rent-car-detail>.inner .bd .car-property .base li { display: -ms-flexbox; display: flex; width: 33.33%; font-size: 14px; margin-bottom: 10px; } .page-long-rent-car-detail>.inner .bd .car-property .base li p { display: block; margin-right: 20px; opacity: 0.8; } .page-long-rent-car-detail>.inner .bd .car-property .base li span { font-weight: bold; } .page-long-rent-car-detail>.inner .bd .car-property .others { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .page-long-rent-car-detail>.inner .bd .car-property .others li { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; font-size: 14px; min-width: 100px; } .page-long-rent-car-detail>.inner .bd .car-property .others li img { display: block; width: 30px; height: 30px; margin-bottom: 10px; } .page-long-rent-car-detail>.inner .bd .car-property .others li p { display: block; } .page-long-rent-car-detail>.inner .bd .car-platform { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid rgba(60,60,90,0.1); } .page-long-rent-car-detail>.inner .bd .car-platform .sub-title { margin-bottom: 5px; } .page-long-rent-car-detail>.inner .bd .car-platform .desc { font-size: 14px; opacity: 0.6; margin-bottom: 30px; } .page-long-rent-car-detail>.inner .bd .car-platform .list { display: -ms-flexbox; display: flex; } .page-long-rent-car-detail>.inner .bd .car-platform .list .item { width: 100%; -ms-flex: 1 1; flex: 1 1; } .page-long-rent-car-detail>.inner .bd .car-platform .list .item i { display: block; width: 30px; height: 30px; margin-bottom: 10px; } .page-long-rent-car-detail>.inner .bd .car-platform .list .item i.icon1 { background: url(data:image/png;base64,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); background-size: 100% 100%; } .page-long-rent-car-detail>.inner .bd .car-platform .list .item i.icon2 { background: url(data:image/png;base64,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); background-size: 100% 100%; } .page-long-rent-car-detail>.inner .bd .car-platform .list .item i.icon3 { background: url(data:image/png;base64,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); background-size: 100% 100%; } .page-long-rent-car-detail>.inner .bd .car-platform .list .item i.icon4 { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAM0SURBVHgB7ZpPUuJAFMa/bkL5p2aBN4gnGNhZFFUTTyCzmCrLjbqclXoCxxuMq1kqK90pJzBjsWCnNzA3kJU6mqTn9aijmAjd0gEC/asCQrpT0N97/fWDNGCxWCyW6YVhTKjVVj3A+QzEC/TwW61jH0NgpAJ4Xr0Uhp/WgahOX8XrbhWnjnO76funHWSIgxHwGG1WD0NOg49L6XGQ7XPUhmVkyFAz4Gngu8lo9yJeznI6ZJ4Bj2k+v0WD3qa0LmleDiFYmV58ZERmAjxHOwyfoy1ULpPzvUskxpi2aDoYFaC3qb0LDVo0pOkBXF6ziyFiRAA1U3uL8KkfOf1N49npa7U1D0NmIAGSpqaS5nLgYm9Y63w/tAX4oKnJCO9TtH9mva7roiVAtbpWjiKc0KGbx2inoSzA0tKqyzk7E6Jv1P+bWlYDl9+lUOC7nMMTAh16XEZRvNduHwfQRFkAx2EHvVM+aWqmeZl++PHvE5+SkDGUHYfXyZO+6oquJEC1+q38/rI2nDSXhhtFnIIgp18qFBx+QiIt6gRASQDGHO/tOZoKQRSJ5Y+knR6iRMuj9J266G87pfv7eapBcAhFFAVIVmN0rtFuHwXIHLal05t8wdXqj/wi0/wSA5JTAYQfhnGFDpoYkLwJ0OFcbLRaR8a8J0cCCFlJLp6fHzVgkJH8I6QJzfN4J6tlNg8Z0MyyxsjzKmAE81Pg4oBqhpt1xFhIbee4pqcmKt8DjAFmBbj45QJ3ZzRAt09ubZNQFVQ2R/7T2OwUiIUsQ12Fni7i2w2MAVPvAWYF4H8O6TlQ6BmAs1OMAWY9oLLTIR+gOzlsBXH0jgkWyARnGuMw/yXmV4FHd99HTrAegCnHVoIwja0EbSXoKvS0leC4YCtBmMRWgrCVYN6wAmDKsaUwJhC6m/zqHUcYhqA7Sal9E9u5Xra6xa+WMfElZS+vT+d+wyi6n6PSn3dIgObs7N2V7ydLjy4B5NaTYpGf0X14FxMEjScoFm8qaRsnujygUGD1SRu8hDG4Dw9zG2ltdhV4/aZYnDkktQJMFoK4iiKR+tsjYYLSBxyHr9DhAiaD6yx3rlksFovFkmP+AnxmWDEtPwGgAAAAAElFTkSuQmCC); background-size: 100% 100%; } .page-long-rent-car-detail>.inner .bd .car-platform .list .item p { font-weight: bold; font-size: 20px; } .page-long-rent-car-detail>.inner .bd .car-platform .list .item span { display: block; font-size: 14px; opacity: 0.7; } .page-long-rent-car-detail>.inner .bd .good-car { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid rgba(60,60,90,0.1); } .page-long-rent-car-detail>.inner .bd .good-car .list { display: -ms-flexbox; display: flex; gap: 10px; } .page-long-rent-car-detail>.inner .bd .good-car .list .item { width: 100%; -ms-flex: 1 1; flex: 1 1; } .page-long-rent-car-detail>.inner .bd .good-car .list .item img { display: block; width: 100%; height: 107px; -o-object-fit: cover; object-fit: cover; margin-bottom: 8px; border-radius: 4px; } .page-long-rent-car-detail>.inner .bd .good-car .list .item .title p { font-size: 14px; display: inline; margin-right: 4px; } .page-long-rent-car-detail>.inner .bd .good-car .list .item .title span { display: inline-block; font-size: 10px; line-height: 1; padding: 2px; border: 1px solid rgba(60,60,90,0.3); border-radius: 4px; } .page-long-rent-car-detail>.inner .bd .good-car .list .item .info { display: -ms-flexbox; display: flex; } .page-long-rent-car-detail>.inner .bd .good-car .list .item .info span { display: block; font-size: 12px; opacity: 0.6; } .page-long-rent-car-detail>.inner .bd .good-car .list .item .info span.score { opacity: 1; color: #ff5c5c; margin-left: 5px; } .page-long-rent-car-detail>.inner .bd .good-car .list .item .price { display: -ms-flexbox; display: flex; color: #ff5c5c; font-size: 12px; -ms-flex-align: baseline; align-items: baseline; } .page-long-rent-car-detail>.inner .bd .good-car .list .item .price strong { font-size: 16px; } .page-long-rent-car-detail>.inner .aside { display: block; float: right; width: 563px; } .page-long-rent-car-detail .recommend-car-list { display: block; width: 100%; } .page-long-rent-car-detail .recommend-car-list .list { overflow: hidden; margin-right: -15px; } .page-long-rent-car-detail .recommend-car-list .list .item { float: left; margin-right: 15px; } .page-long-rent-car-detail>.inner .bd .car-platform .sub-title { margin-bottom: 5px; }.com-car-card { width: 244px; height: 300px; display: block; position: relative; } .com-car-card .thumbnail { display: block; overflow: hidden; height: 172px; border-radius: 5px; background-color: #fafafa; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; margin-bottom: 10px; } .com-car-card .thumbnail img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .com-car-card .thumbnail:hover { -webkit-transform: scale(1.02); transform: scale(1.02); } .com-car-card .content { padding: 0 6px; height: 110px; overflow: hidden; } .com-car-card .title { font-size: 15px; margin-bottom: 5px; overflow: hidden; } .com-car-card .title a { width: inherit; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333; } .com-car-card .title a:hover { color: #00bb93; } .com-car-card .desc { font-size: 12px; color: #666; margin-bottom: 13px; } .com-car-card .desc span { color: #f63; } .com-car-card .price { color: #ff4d3b; font-size: 12px; } .com-car-card .price span { font-size: 18px; font-weight: bold; } .com-car-card-hover { position: absolute; width: 100%; height: 172px; top: 0; left: 0; text-align: center; padding-top: 30px; background-color: rgba(0,0,0,0.7); display: none; border-radius: 5px; } .com-car-card-hover img { width: 90px; } .com-car-card-hover p { margin-top: 4px; font-size: 12px; color: #fff; } .car-restriction img{width:100% !important;} @charset "UTF-8";.iconfont-detail,.site-selector .content .vm-close { font-style: normal; -webkit-font-smoothing: antialiased } .iconfont,.iconfont-detail { -moz-osx-font-smoothing: grayscale } @font-face { font-family: iconfont-detail; src: url(../font/iconfont-f828e9b6e5.eot); src: url(../font/iconfont-f828e9b6e5.eot#iefix) format('embedded-opentype'),url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),url(../font/iconfont-85e5dafb51.ttf) format('truetype'),url(../font/iconfont-bc4ce41cc0.svg#iconfont) format('svg') } .iconfont-detail { font-family: iconfont-detail!important; font-size: 16px } .icon-wenhao:before { content: "\E67F" } .icon-question:before { content: "\E60E" } .icon-suda:before { content: "\E64B" } .icon-pre-sale:before { content: "\E673" } .icon-delivery:before { content: "\E64D" } .icon-kefu:before { content: "\E662" } /*! * detail-info.scss * use for detail * @date 2015.12.10 * @author chenjinghui@meizu.com * @version 0.0.1 */ .clearfix,.fast-nav .-ulist { *zoom:1} .clearfix:after,.clearfix:before,.fast-nav .-ulist:after,.fast-nav .-ulist:before { display: table; content: "" } .clearfix:after,.fast-nav .-ulist:after { clear: both } @keyframes slideInDown { 0% { transform: translateY(-100%); visibility: visible } 100% { transform: translateY(0) } } .fast-nav { position: -webkit-sticky; position: sticky; left: 0; top: 0; width: 100%; z-index: 998; background: #000; transition: background-color .3s } .fast-nav .-products li a,.fast-nav .-ulist .-item .-link { line-height: 20px; text-decoration: none; transition: color .3s; font-size: 16px } .fast-nav.fixed { background-color: #fff } .fast-nav.fast-nav-fixed-btn { background: rgba(0,0,0,.8) } .fast-nav.fast-nav-fixed-btn .-buy { display: block } .fast-nav.\--fixed { position: fixed!important; top: 0; left: 0; z-index: 10001; border-bottom: 1px solid #dedede; opacity: .9; display: block } .fast-nav .-container { position: relative; width: 1240px; height: 80px; margin: 0 auto } .fast-nav .-ulist { float: left; margin-top: 26px; margin-right: 0; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: auto; max-width: 650px; padding-bottom: 25px } .fast-nav .-ulist .-item { float: left; position: relative; z-index: 1; border-width: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; white-space: nowrap } .fast-nav .-ulist .-item .-link { display: block; padding: 0 20px; color: rgba(255,255,255,.65); cursor: pointer } .fast-nav .-ulist .-item .-link:hover { color: #fff } .fast-nav .-ulist .-item.\--current .-link { color: #FF4132 } .fast-nav .-ulist .-item:last-child { border: none } .fast-nav .-products { float: left; margin-top: 25px; margin-left: 10px; overflow: hidden } .fast-nav .-products li { float: left } .fast-nav .-products li:first-child { display: none } .fast-nav .-products li a { display: block; padding: 0 10px } .fast-nav .-products li:last-child { border: none } .fast-nav .-buy { float: right; padding-top: 20px; margin-left: 40px; display: block } .fast-nav .-buy .btn { padding: 6px 28px; font-size: 16px; border-radius: 18px; opacity: 1 } .fast-nav .-buy .btn.btn-add-cart { background: linear-gradient(90deg,#FFB83D 0,#F93 100%) } .fast-nav .-buy .new-btn { background: linear-gradient(270deg,#FF6047 0,#FA3C3C 100%); opacity: 1 } .fast-nav .-buy .btn-primary:focus,.fast-nav .-buy .btn-primary:hover { color: #fff } .fast-nav .-buy .disabled:focus,.fast-nav .-buy .disabled:hover { background: #acacac } .fast-nav .-name { float: right; display: -ms-flexbox; display: flex } .fast-nav .-name img { width: 52px; height: 52px; border-radius: 4px; margin-right: 10px } .fast-nav .-name .-box { color: #fff; font-size: 12px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center } .fast-nav .-name .-box .buy-num { color: rgba(255,255,255,.5) } .page-detail,.page-sku { position: relative; line-height: 1.5; color: #333 } @media (min-width: 1441px) { .fast-nav .-container { position:relative; width: 1440px; height: 80px; margin: 0 auto } .fast-nav .-ulist { width: 740px } } /*! * property.scss * use for detail * @date 2015.12.10 * @author chenjinghui@meizu.com * @version 0.0.1 */ /*! * site-selector.scss * @date 2015.12.10 * @author chenjinghui@meizu.com * @version 0.0.1 */ .site-label { float: left; line-height: 24px; margin-right: 10px } .site-selector { position: relative; padding: 0 30px; text-align: center } .site-selector .text { display: inline-block; padding-right: 10px; height: 18px; min-width: 96px; line-height: 18px; font-size: 14px; color: #333; cursor: pointer; font-weight: 400 } .site-selector .text i { font-size: 12px; margin-left: -4px } .site-selector .text i:before { transform: scale(.5) } .site-status { display: -ms-flexbox; display: flex; width: 100%; padding-left: 0; margin-top: 10px } .site-status .vm-sale,.site-status .vm-sale span { border-radius: 2px; color: #FF4132; display: block; font-size: 14px } .site-status span { line-height: 1.2; float: left; padding: 1px 4px } .site-status .vm-sale { text-align: left; line-height: 28px; width: 72px; position: relative; float: left; margin-right: 2px } .site-status .vm-sale span { text-align: center; line-height: 1; padding: 4px 0 } .site-status .vm-sale i { display: none } .site-status .vm-today,.site-status .vm-tomorrow { position: relative; display: block; line-height: 1.2; float: left; font-style: normal; color: #4D3D25; overflow: hidden; text-align: left; padding: 1px 4px; background: #FFC96B; font-weight: 500 } .site-status .vm-today:after,.site-status .vm-today:before,.site-status .vm-tomorrow:after,.site-status .vm-tomorrow:before { display: none; position: absolute; top: 0 } .site-status .vm-today:after,.site-status .vm-tomorrow:after { left: -6px; content: "\3010" } .site-status .vm-today:before,.site-status .vm-tomorrow:before { right: -6px; content: "\3011" } .site-status .vm-today i,.site-status .vm-tomorrow i { display: none; position: absolute; top: -1px; left: 0; width: 16px; height: 20px } .site-status .vm-today i:before,.site-status .vm-tomorrow i:before { font-size: 16px } .site-status .vm-msg { line-height: 28px; float: left } .site-selector .area-list li { padding: 2px 0; clear: none } .site-selector .content { position: absolute; z-index: 1000; padding: 30px; width: 525px; border: 1px solid #dedede; display: none; height: auto; background: #fff; left: 50%; top: 45%; margin-left: 36px; border-radius: 12px } .site-selector .content .vm-close { position: absolute; right: 12px; top: 12px; width: 20px; height: 20px; line-height: 20px; color: #ccc; text-indent: -999em; font-family: iconfont!important; font-size: 12px; cursor: pointer } .site-selector .content .vm-close:before { content: "\E607"; position: absolute; left: 0; text-indent: initial } .site-selector.hover .content-fixed { display: block } .site-selector .content-fixed { position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.4); display: none; top: 0; left: 0; z-index: 1111 } .site-selector.hover .content { display: block } .site-selector .tab li { float: left; clear: none; padding: 0 } .JD-stock .tab,.site-selector .common-area { padding-bottom: 10px } .site-selector .common-area a { color: #005aa0 } .area-list a:hover { color: #fff } .JD-stock .tab .current,.JD-stock .tab .current a,.JD-stock .tab a i { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAoCAYAAAAyqOAwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjY3NTc5RDZGNENDMTFFNUE2MjlDRjc5MjNFMkRBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjY3NTc5RDdGNENDMTFFNUE2MjlDRjc5MjNFMkRBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2Njc1NzlENEY0Q0MxMUU1QTYyOUNGNzkyM0UyREE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2Njc1NzlENUY0Q0MxMUU1QTYyOUNGNzkyM0UyREE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpG+u7oAAACgSURBVHjaYvz//z8DLsA4KjkqOSpJlCQL4+EfC4F0MVDdGyRxPwaG/ypMQMFbQM5+IBaHiP8PBRJTgHgPC5BoBSr4BRQ8AGTPAuJCIHYD4huMDIe+w4zKBioqBSpyAbLvgB3EcOgHklX/uYHEV5AwkE2JV2bNmgX1CgOaVxhAXmFA8wpDCJpXGIBeYcDwCgtUdTcQfwNioFcYnGBeAQgwAO9KhEooYI5QAAAAAElFTkSuQmCC); background-repeat: no-repeat } .JD-stock { position: relative } .JD-stock .tab { display: -ms-flexbox; display: flex; width: 509px; height: 25px; margin-bottom: 10px; -ms-flex-pack: center; justify-content: center; border-bottom: 1px solid #d6d6d6; overflow: visible; *overflow: hidden } .JD-stock .tab .current a { color: #005ea7 } .JD-stock .tab .current a.hover,.JD-stock .tab a { position: relative; font-size: 18px; float: left; height: 23px; line-height: 23px; padding: 0 21px 1px 11px; margin-right: 3px; border-bottom: 0; color: #000; text-align: center; cursor: pointer } .JD-stock .tab .curr a { color: #FF4132 } .JD-stock .tab .curr a,.JD-stock .tab .curr a:hover { cursor: default } .JD-stock .tab .curr a i { background-position: 0 -28px } .JD-stock .tab a i { position: absolute; right: 4px; top: 8px; display: none; width: 0; height: 0; border: 5px solid transparent; border-top-color: #FF4132; overflow: hidden; background: 0 0 } .JD-stock .tab .curr a i,.clicked .JD-stock-con { display: block } .area-list { padding-top: 5px } .area-list li { float: left; min-width: 50px; padding: 2px 0; margin-right: 20px; clear: none } .JD-stock-con,.clear,.clearfix:after,.property-set-package::after,.property-set-sale::after,.property-sibling-item::after,.row:after { clear: both } .area-list li a { float: left; padding: 2px 4px; color: #666; font-size: 16px } .area-list li a.clicked,.area-list li a:hover { background: #FF4132; color: #fff } .area-list .longer-area { width: 370px } .area-list .long-area { width: 170px } .JD-stock-con .area-list { padding-top: 0 } #site-town-item .area-list li { width: auto } @media (min-width: 1441px) { .site-selector .content { margin-left:40px; width: 620px } } /*! * discount.scss * use for detail * @date 2016.10.13 * @author chenjinghui@meizu.com * @version 0.0.1 */ .discount-coupon-item { float: left; margin-bottom: 12px; overflow: hidden; position: relative; -webkit-mask-image: radial-gradient(circle at 156px 10px,transparent 10px,red 10.5px); -webkit-mask-position: 0 -10px; background: #FFF3F2; border-radius: 24px; height: 165px; width: 100% } .discount-coupon-item.multiple .mod-bd .mod-bd-info .vm-range { display: block; white-space: nowrap } .discount-coupon-item .mod-btn { position: absolute; right: 16px; top: 102px } .discount-coupon-item .mod-btn .vm-btn { text-align: center; color: #fff; cursor: pointer; background: linear-gradient(308deg,#FF351F 0,#FF691F 100%); border-radius: 18px; font-size: 14px; padding: 7px 16px } .discount-coupon-item .mod-btn .vm-btn.disabled { cursor: default; background: #acacac } .discount-coupon-item .mod-bd { overflow: hidden; color: #000; width: 100%; height: 100%; box-sizing: border-box; display: -ms-flexbox; display: flex } .discount-coupon-item .mod-bd .mod-bd-value { position: relative; color: #FF4132; overflow: hidden; text-align: center; width: 156px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; font-weight: 700; border-right: 1px dashed #FA6A5F } .discount-coupon-item .mod-bd .mod-bd-info span,.discount-coupon-item .mod-bd .mod-bd-value span { display: block } .discount-coupon-item .mod-bd .mod-bd-value .vm-amount { font-size: 46px } .discount-coupon-item .mod-bd .mod-bd-value .vm-amount sub { font-size: 26px; margin-right: 5px; bottom: 1px } .discount-coupon-item .mod-bd .mod-bd-value .vm-claim { width: 100%; font-size: 16px; font-weight: 400 } .discount-coupon-item .mod-bd .mod-bd-box { margin-left: 16px; margin-top: 55px } .discount-coupon-item .mod-bd .mod-bd-name { font-size: 14px; color: #000 } .discount-coupon-item .mod-bd .mod-bd-name em { font-weight: 500; color: #FF4133; padding: 2px 1px 2px 6px; margin-right: 8px; border: 1px solid #FF4133; border-radius: 3px } .discount-coupon-item .mod-bd .mod-bd-name>div { text-align: center; padding-top: 3px; font-size: 12px; line-height: 16px } .discount-coupon-item .mod-bd .mod-bd-name .vm-claim { margin-left: 3px; color: #999 } .discount-coupon-item .mod-bd .mod-bd-info { position: relative; width: auto; font-size: 12px; color: #333; margin-top: 14px } .discount-coupon-item .mod-bd .mod-bd-info .vm-range { height: auto; max-width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .discount-coupon-item .mod-bd .mod-bd-info .vm-more { position: absolute; right: 0; bottom: 0; color: #FF4132 } .discount-coupon-item .mod-bd .mod-bd-info .vm-more:hover { text-decoration: underline } .discount-coupon-item .mod-bd .mod-bd-date { font-size: 12px; color: rgba(0,0,0,.35); margin-top: 4px } .discount-coupon-item.multiple .vm-range { width: 150px } .coupon-alert { position: absolute; top: 160px; left: 170px; height: auto; width: 230px; background: #000; border-radius: 5px; opacity: 0; color: #fff; display: none } .coupon-alert.open { transition: all .3s; display: block; opacity: .7 } .coupon-alert-bd { margin: 0 20px; padding: 25px 0; text-align: center; color: #fff } #J_redPacketList { margin-bottom: -10px } .red-packet-list { overflow-x: scroll } .red-packet-list .red-packet-box { display: -ms-inline-flexbox; display: inline-flex; margin-bottom: 10px } .red-packet-list .red-packet { margin-right: 12px; width: 174px; height: 210px; background: url(../img/red-packet-947f237333.png); background-size: cover; text-align: center; color: #FFEAC7; font-size: 22px; cursor: pointer } .red-packet-list .red-packet .red-packet-name { margin-top: 14px; padding: 0 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .red-packet-list .red-packet .red-packet-btn { font-weight: 500; margin-top: 14px; width: 62px; height: 37px } .red-packet-list .red-packet .red-packet-price { white-space: nowrap; margin-top: 12px; font-size: 25px } .red-packet-list .red-packet .red-packet-price .price { font-weight: 700; font-size: 52px; color: #FFEAC7 } .gift-list { background: #FFE5B8; margin-top: 33px; padding: 8px; border-radius: 0 8px 8px; position: relative; font-size: 14px } .gift-list .gift-tip { border-radius: 24px 13px 13px 0; background: #FFE5B8; color: #A8631E; padding: 2px 12px; left: 0; position: absolute; top: -25px } .gift-list .gift-bg { position: absolute; width: 100%; height: 100%; background: #FFF8ED; top: 0; left: 0; z-index: 0; border-radius: 8px } .gift-list .gift-list-box { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 8px 0 } .gift-list .gift-list-box img { width: 60px; height: 60px; margin-right: 8px; border-radius: 4px } .gift-list .gift-list-box .gift-text-box { width: 80% } .gift-list .gift-list-box .gift-text-box .gift-list-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .gift-list .gift-list-box .gift-text-box .gift-list-text { color: #A6A6A6; margin-top: 4px } .gift-list .gift-list-box .gift-list-price { color: rgba(0,0,0,.35); position: absolute; right: 12px; top: 15px } .installments-name { margin-top: 8px } .hd-dialog .redpacket-bg { border-radius: 12px; position: fixed; top: 50%; left: 50%; z-index: 1000; transform: translate(-50%,-50%) } .hd-dialog .redpacket-bg img.close { width: 24px; height: 24px; position: absolute; right: 22px; top: 22px; cursor: pointer } .hd-dialog .redpacket-bg .flex-center { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center } .hd-dialog .redpacket-bg .flex-center h2 { margin-top: 48px; font-size: 20px; font-weight: 500; color: #FF4133 } .hd-dialog .redpacket-bg .flex-center .redpacket-box { position: relative; background-image: url(../img/success-red-packet-eb3712b760.png); background-size: cover; width: 300px; height: 360px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; margin: 32px 0 } .hd-dialog .redpacket-bg .flex-center .redpacket-box .title { margin-top: 20px; font-size: 18px; line-height: 54px; color: #ff4132 } .hd-dialog .redpacket-bg .flex-center .redpacket-box .amount { font-weight: 700; font-size: 54px; line-height: 66px; color: #ff4132; margin-bottom: 90px } .hd-dialog .redpacket-bg .flex-center .redpacket-box .amount em { font-size: 32px } .hd-dialog .redpacket-bg .flex-center .redpacket-box .date { font-size: 14px; color: #FFDEBD; line-height: 21px } .hd-dialog .redpacket-bg .flex-center .redpacket-box .tip { margin-top: 12px; font-size: 14px; color: rgba(255,255,255,.85) } .hd-dialog .redpacket-bg .flex-center .btn { border-radius: 22px; width: 138px; padding: 10px 0; font-size: 16px; margin-bottom: 44px; cursor: pointer; text-align: center; background: #ff4133; color: #fff; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center } .hd-dialog .redpacket-bg .flex-center .btn.no-login { border: 2px solid rgba(0,0,0,.35); color: rgba(0,0,0,.5); background: #fff } .hd-dialog .redpacket-bg .flex-center .btn.btn-link { margin-left: 32px } .hd-dialog .redpacket-bg .fail-text { margin-top: 76px; margin-bottom: 56px; color: rgba(0,0,0,.5); font-size: 16px } .hd-dialog .redpacket-bg .nologin { font-size: 20px; font-weight: 700; color: rgba(0,0,0,.9) } .hd-dialog .redpacket-bg .close { top: 16px; right: 16px } .hd-dialog .success { background: #FFF8F0; width: 488px; height: 590px } .hd-dialog .fail { background: #FFF; width: 488px; height: 244px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center } .discount-coupon { margin-top: -32px } .discount-coupon .title { color: #A6A6A6; font-size: 18px; margin-top: 32px; margin-bottom: 12px } .discount-coupon .full-deduction img { width: 20px; height: 20px; cursor: pointer } .discount-coupon .price { color: #FF4132 } @media (min-width: 1441px) { .discount-coupon-item { height:168px; -webkit-mask-image: radial-gradient(circle at 190px 10px,transparent 10px,red 10.5px); -webkit-mask-position: 0 -10px } .discount-coupon-item .mod-btn { right: 32px; top: 105px } .discount-coupon-item .mod-bd .mod-bd-value { width: 190px } .discount-coupon-item .mod-bd .vm-amount { font-size: 54px } .discount-coupon-item .mod-bd .vm-amount sub { font-size: 32px } .discount-coupon-item .mod-bd .mod-bd-box { margin-top: 55px; margin-left: 24px } .discount-coupon-item .mod-bd .mod-bd-info { margin-top: 16px } .discount-coupon-item .mod-bd .mod-bd-info .vm-range { max-width: 232px } } /*! * bi-dialog.scss * @date 2015.12.10 * @author chenjinghui@meizu.com * @version 0.0.1 */ .bi-dialog { position: relative; height: 100%; background: #fff; border-radius: 4px } .bi-dialog .bi-close { position: absolute; width: 30px; height: 30px; color: #000; font-size: 20px; text-align: center; line-height: 30px; right: 10px; top: 10px; text-decoration: none; cursor: pointer } .bi-dialog .bi-close:hover { opacity: .8; filter: alpha(opacity=80) } .bi-dialog-inner { padding: 15px 0 20px; font-size: 12px; color: #666 } .bi-dialog-hd { text-align: center; color: #ff7800; font-size: 24px; font-weight: 700; font-family: "Hiragino Sans GB","Microsoft Yahei" } .bi-dialog-hd .vm-tips { font: 12px/1.8 "\5B8B\4F53"; color: #666 } .iconfont,.layer-promo .vm-close { font-style: normal; -webkit-font-smoothing: antialiased } .bi-dialog-bd { margin: 0 40px } .bi-dialog-ft { margin: 30px 40px; color: #666 } .bi-dialog .dialog-cont-pic { margin: 120px auto 0; width: 260px; height: 171px; background: url(../img/lineup-b786692449.gif) no-repeat } .bi-alert { position: relative; padding: 48px 0; border-radius: 12px; text-align: center; color: #333; background: #fff } .bi-alert .bi-alert-close { position: absolute; right: 16px; top: 16px; line-height: 1 } .bi-alert .bi-alert-close i { color: #b5b5b5; font-size: 24px } .bi-alert .mod-message { line-height: 30px; font-size: 16px } .bi-alert .mod-message i { font-size: 24px; vertical-align: middle; margin-right: 10px } .bi-alert .mod-message span { font-size: 20px; font-weight: 500; color: rgba(0,0,0,.9) } .bi-alert .mod-tips { line-height: 2; font-size: 16px; color: #999; margin-top: 18px } .bi-alert .mod-link { display: inline-block; margin-top: 12px; font-size: 12px; color: #000 } .bi-alert.confirm { box-shadow: 0 0 20px 0 #636363 } .bi-alert.confirm .mod-message { line-height: 20px } .bi-alert.confirm .mod-tips { line-height: 1.5; font-size: 14px; margin-top: 12px } .bi-alert .mod-action { margin-top: 36px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center } .bi-alert .mod-action a { display: inline-block; padding: 11px 22px; margin: 0 5px; vertical-align: middle; font-size: 14px; line-height: 1; border-radius: 3px } .bi-alert .mod-action a.vm-cart { color: #fff; background: #FF4132; border-radius: 22px; padding: 10px 96px } .bi-alert .mod-action a.vm-know { color: #999; background: #efefef } .bi-alert.success .mod-message { font-size: 32px } .bi-alert.success .mod-message i { display: none; color: #000 } .bi-alert.success .mod-link { font-size: 18px; color: #fff; margin-top: 36px; padding: 10px 96px; background: #FF4132; border-radius: 22px } .bi-alert.warning .mod-message i { color: #f8bd1c } .bi-alert.error { padding: 110px 0 } .bi-alert.error .mod-message { font-size: 32px } .bi-alert.error .mod-message i { font-size: 34px; color: #e02b41 } .bi-alert .icon-error:before { content: "\E65F" } .ui-dialog-content { width: 400px!important; font-size: 18px } .ui-popup-backdrop { opacity: .4!important } .bi-remind { position: relative; padding: 45px 0 60px; color: #333; background: #fff; border-radius: 12px } .bi-remind .bi-remind-bd .mod-text { font-size: 28px; text-align: center } .bi-remind .bi-remind-success { margin: 50px 0; text-align: center } .bi-remind .bi-remind-success .mod-title { margin-bottom: 15px } .bi-remind .bi-remind-success .btn { padding-left: 32px; padding-right: 32px; margin-top: 20px } .bi-remind .bi-remind-close { position: absolute; right: 12px; top: 10px; line-height: 1 } .bi-remind .bi-remind-close i { color: #b5b5b5; font-size: 12px } .bi-remind .mod-title { line-height: 1; font-size: 15px; text-align: center; color: #666; font-weight: 400; padding-top: 14px; padding-bottom: 27px } .bi-remind .mod-group { margin-top: 15px; font-size: 18px; text-align: center } .bi-remind .mod-group .vm-control,.bi-remind .mod-group a,.bi-remind .mod-group img { vertical-align: middle } .bi-remind .mod-group .vm-control { line-height: 20px; padding: 6px; width: 250px; height: 30px; font-size: 18px; border-radius: 4px; border: 1px solid #D6D6D6; color: #333 } .bi-remind .mod-group .vm-verifiy { display: inline-block } .bi-remind .mod-group .vm-verifiy img { margin-right: 8px } .bi-remind .mod-group .vm-verifiy .reload { font-size: 12px; color: #000 } .bi-remind .mod-group .vm-error { color: #f0415f } .bi-remind .mod-group .validcode { width: 122px } .bi-remind .mod-action { margin-top: 42px; text-align: center } .bi-remind .mod-action .btn { padding-left: 32px; padding-right: 32px; width: 266px; height: 46px; border-radius: 30px } .text-333 { color: #333 } .text-18 { font-size: 18px } .text-16 { font-size: 16px } .leading-44 { line-height: 44px } .leading-56 { line-height: 56px; height: 56px } .flex-center { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; text-align: center } .text-666 { color: #666 } .mt-20 { margin-top: 20px } .border-ff4132 { border: 1px solid #ff4132 } .radius-8 { border-radius: 8px } .cursor-pointer { cursor: pointer } .w-280 { width: 280px } .bg-fafafc { background: #fafafc } .p-12 { padding: 12px } .mb-14 { margin-bottom: 14px } .text-black { color: #000 } .opacity-35 { opacity: .35 } .leading-16 { line-height: 1.6 } .mb-4 { margin-bottom: 4px } .rounded-4 { border-radius: 4px } .text-black-35 { color: rgba(0,0,0,.35) } body { transition: background .2s linear .2s; background: #F2F2F2 } .preview { float: left; width: 580px } .preview .preview-booth { margin: 8px 0; width: 560px; height: 560px } .preview .preview-thumb { overflow: hidden; margin-top: 10px; margin-left: 24px } .preview .preview-thumb li { position: relative; display: inline-block; *zoom:1;margin: 0 24px; overflow: hidden; height: 102px } .preview .preview-thumb a { display: block; position: relative; overflow: hidden; text-align: center } .preview .preview-thumb a:focus { outline: 0 } .preview .preview-thumb img { position: relative; max-width: 80px; max-height: 80px } .preview .preview-thumb .current::after { content: " "; position: absolute; bottom: 0; left: 0; width: 100%; height: 20px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABQCAYAAADvCdDvAAAAAXNSR0IArs4c6QAADLJJREFUeAHtmtF2GzkORJPZ/f8/3sn2bfnK1TDIZkuW4wfzHKmAqgJIoiU7M8nvX993/X7x0f68uP9D7f95qOqn6GUTePWncOXg3+EMec6/+s356mE8s98ztQz8mUE/U5sP+zT++ZF1OqKvNTz7qTs77dX+V/1n+6/qV78BV/2r5/j12QNY7TfzzbTli10wzoY709xixaP3FH9+ZJ2O6GsNn/FpXO0x8l3lmdCopk5v9ukdaVf5K3tW74d89WIfCt+IWX2ndVzXG1/11ryrm3F10OSVG9V3vo6zfqbpafG/Lft1ZDfkjqsnWvFQMxsMPXh1no6j38vX6sXyIGc1Vc88Y3smlzF6za0509BnQ61a5hm7X3IZd7qc2PnVPuDswtW86sU38o7+EKFfzL1Xuawx7oYx4zqNXv/asKB+sciHdMUzHNyh01vSDSZ9qV+J9YrZ07jTOk4/2A2g46xRq1h7qc94eyZmXfKH+OxSmke+ymduLNKrxpmrJ5fx2VnUK3aDSI44c+orl7pxxdxXLTn7Vu6QP/pLvRuUjatWc3zJ1Tjz9Fbe/c7QOocEynW1+vBkrHfG6bG/XvlTPHsgNp41mnmqRi5XkT0ql7nx7CwzjeHwoo+DMq91ekT9+OSsIc+V3uSJ9Q49GmphFlcta2pc864PHn65g+nXKyfCu+BGQ9STqLcbgBxobK0cv8w7DZ98xdRqTO6yznzH7tIaqlZzfHKJxlWHV6sxXpZ/CkvfTXl/z9p3to+4dHdxOTH/FCUH1jhzd6w+eH16Oq7z/Dr7kZUNM3ZgIy6Hplcuc+rrQ7Cn/syNQfsklzEXzh51AOrU/Gd7qefDoV4en7mYPaoPf3Lkp4vGdZ1xqRObZ0xP89Rz+PLuT+6PsqxP3VisPeS7QSRHbA6OfjTpSd1atQ7lOM8oRmOl/vA3hEajYVSevOOyRz6o5IlZsx43x/Ed/+Gib3JyekD399uBT51SYnN7kLvkzPWaL2M2teiMUwdnsboeP/3mosOofvWKnhNUS464Dig5tURi83wo1qElr9+aUW49yNJ/y27vB65eaJargV1MezWHD+fAQTbHQyxvzUYd+mauNzlilme5ZR8vnRfOoeJXSzTGy4ucPawV4dWt2ajdbw5mjM6Su2WRP/pL3UaiQ6mIDifvYM1TTw4er5wIf3VlrfszEIapBjokEc4XHLVqW3ivzTh1+Mtr9YF48LpB8h5eDnQA1JmnL2M9cF38Rh8GITfDHJIx6D7E5okZ+01gH/5EZu5Dsgc6fcnrGvEHnw/Ew6XYcejwqZmLeHwQ+kA489Tl1UQ99HOhqcudYR2WfobKcnj65Nnnf9sL5CzyW7hz6uYgiz55Rvvv4tsbevL6//hA0jyLLcRD7Mt8hPoS8bLgXMQ+IDnRB5R+tRl68Rwofv/bA16PvUX2rBo5umhsvkn7yjpjtSGePRAPlg3gfMmb68/cAcN1MT26YdsDPftmTjxbDgn0AeAnd0g5dB4OM0EjVqvxJu2Lc+H1rPb0vJjkiOWTg7+v7oFYdDe9BW6avFyil4AjBlnEruQZFMse6UvePuJetPDm5UFf2cNvCBpnyR9TxCzOlLw1+I2zp3tSK5/ckO8eCOa6aGrjqnV5DtxaUb959q2xuQ/J3B4rSA3DABmeuQMyB1nshWaNeuXN1akdLXu758i3fz01D01FSD9xfWFPjoObj2J1sfYgd+G5shwsNf7YcuBw6nIOGo294HmQ8uQu4zw3WvLG1szw9+wbUi+euQeYocP3AFmP5qo9UtOTXPZRn2EOhMGy3JNYjpilnz39kYU/eWK/bVu4rzyXMb6M36z3B21+x9kDuZsioLmvoO+bunlqGVsrppaxfcTUnond1+GK2TM97t/5soYYb/qsRUuefLhWHogHHDbZBDb0QHyyPIy1cL628O7XC7KsMzavuJuLXw7MAVCbuT459jbmU08sUuveW3j/NuFJjdwe+Lpln6lv5YF0zSvnZg44D5teeXDkTQ+xS958hlmnzyGai8lb5wcErRugPlA9Y3tfxkcfSB6I2DwPIJ+DT73G9qiIz15Zoy+5jB0UnF45cmJ5PGrEdeHjxV38nVP9eqi1b/WgTdeVB5Ibdk09BFqNM1eXEytPzkL3tRPlLeuRHELlLev05IjdT57a2s+887pX1mWv1A/xlQdyKHwg8QJnpenzsrUmPTOtDsE6h05t9dR+5NSt+LraS5w/Ky3ywOZ/EznLK87zqr6Pzupwx/pAHm36U/dJE6gP5Eu+lotn5yyvOM+r+i5e64PtcMev/B3Cxoev54ej3QgPiDfjtMvD1Z6pZQ0xmrpYPV1+xdvVL3NXHoiHqgNwM3VyYn3y5up6RHmQpd/6G/v+fqbXOvLkjEU6G4PG8KzKqVf+5n5/P9PfnVt05YFkYR4GntwB6dPDn9v50WiuXjF1emVPtdxDrvbpcrzpN658Vwunz/+Ctz79esTUluNHH0jdgEMwrDr8HCA1Hlbe32HwLHjjnXh7m/HpM649zBOJM6dWjns4fPi69FmPnnH1L+crD8SNHGLXXM3BUWOMn8u54H0Q8PrA1NzXOtC+cp1HTUyPsYjHwcP5gucsaqCxtXrNvQe13dLfaXdu5YHczVvg5nAcwAXvgZJXF633cHg7f/pGHnteQfed1aQn41kNmmfWZ23l1VucPRAa5bBsDGcs0rzGfKLw+le06PZD81uSdRt9/zbhTT8aS+6Wnb/X/lTAyRuLduSMLr3k+U2xZoT4s5ac1XG74LDykl0MV/nMaWYu7hvEm3w9DLwX0p4eYmtFfatov9Ew5elnDBpTnzG5Pbfwfv6OR19dy/8MyM1XB8Lh+QbksI3t4eHNZzr9qr58yTej+3kX681F9nJZQ175PJP+EWafkWfnu2+IBQzAYcmB8lUzZ3Pj9I9i/SCLixqTG3cIN3vZS8wecJUnZ+EzJjeWt4/1eOB8kbs6Ds0e+nY8eyCaHbCYvBzoJnL6wOT0ciFjveR6vQyYvuRnMT3RWQ7P/Ma+8w6dv0fXkzUZ5570MbenuX2SN25x9ku9K2CDHJYehyXC6/VQifbQb47HwfhL3z38d1F65c+Qnu6dXvdJzVhMD5x8ojG99VQu953GfkM01cuai/rEjk8uY2rIK2eveglzEZ8xeOWVe1BXP+01tzd11S8H79IvV1GfqP4hX/2G0KAbZPJuAvKgQT7VPnRyP3H+wt+o+y9/+tsjeeJub3hW1bLHzfH+rpZnUYVLvsb6/KdB5D5INZC6bo34g3f1gRyKmiQ3c7AOCo0XD4ELdPpG7x5rQL1o+eNLD/zKyrP5gZAbIX3RfHme3M9avak9HHeXO+PUwVmsrsdvhbnosKtfvWJeVi054hyWmlyHcPLdQ0NLXr81o5y99dSYnJX6faA36fbeXTI54w7h5OlG7IMwB/MhdLk9Eo3xs2p+Y9/fDxfdaIeGQ61iDh1fzfHDWYeH2Jd5h8kRu7LX/ee7IthdNLkam4PG9jF3U3N1kJW6HtB4N5U3awq9p51WOXOQITt8+6mTE2cul0jsql75U5xduGqZZ8wm5HLGmaen8vXbgpdln1v23n+Uy4t1KJkTZ06NuQ/GXG/m+pPTh+ZSJ8+4y/ca/wS0J+XNwUnXHF4u0dgDiPapOTwcL2tFNJce8k7Xl2gNmMtc9MeQfrxdrF+sPvdIXW4JZxcbacnXuOYcIjlzf690mpyYF4Hjsp2WPmO93YDkQOOsg/NByYN6R5ieGpO7rDff8exiIz35jGmaOfEolxezVi7RGN8jiwE4hBHSt9Pk1DOXA1mpZXxTb+8j/um/U++G5GZq5hwFzhzUg+bqPNbg6Wqs7TBr0bs8OeLMu5oRB8+q9Td24X32OyTLR0OofObGYvYjhh9pes90fTPshpMcceb26ji0ytfc+g5PvVcufOZN/UqsV+wu0mkdl7Xd5TvOGrWK6HKrsT0Ts0fyh3j1G0LR2QBsjG/k7XgPKtpH7Go6Tn9i13PGdRr9Rrx7nen6TvHKA7HZ2TCqXnP7iDN9pK0MYOapWuYZe8bEMz29xJf8owvXpqN8Vt9plas5+3Rc5Ueees4cRsbp6/jK1Zz6jrPvTNPT4mf93962+QLZHRyOgc+G3tUtbHew0OMz+hyaPpvMLr3ae7XHyHeV51yjmnrm2cBH2lX+yp7V+yFfvdiHwgGx2m/mm2mDbZ+iRw+ApjPNTVc8ek/R/7F3avwxfM0EXv1pvNr/qv+zpnT1U37Vv3zOrx7AM/s9U8tAnhniM7XLDwPjz4+sS+N6vfnZT91nnPA7nCHv8WXfhtzU+LsNw3OBrz7bXx18XjTjnx9ZOY1vEP8fqEr33BWl2lEAAAAASUVORK5CYII=) 50% bottom no-repeat } .preview .preview-action { padding: 38px 162px 0 } .preview .preview-action a { font-size: 12px; display: inline-block; text-align: center; color: #bfbfbf; line-height: 1 } .preview .preview-action a .iconfont { color: #bfbfbf; font-size: 18px; margin-bottom: 5px } .preview .preview-action .vm-kefu { margin-left: 38px } .preview .preview-action .icon-duibi:before,.preview .preview-action .icon-favorite:before,.preview .preview-action .icon-kefu:before { content: ""; display: inline-block; width: 18px; height: 20px; position: relative; top: 5px } .preview .preview-action .icon-duibi:before { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAoCAYAAACWwljjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0JCNjExOENEMDRGMTFFOUFFQUJGOEY5MTQ2MzMwNUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0JCNjExOEREMDRGMTFFOUFFQUJGOEY5MTQ2MzMwNUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQkI2MTE4QUQwNEYxMUU5QUVBQkY4RjkxNDYzMzA1RSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQkI2MTE4QkQwNEYxMUU5QUVBQkY4RjkxNDYzMzA1RSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pu5G98oAAAEZSURBVHjaYvz//z/DYAJMDIMMsJCiOD09XQhIrQBiZzI88xqIZwBx48yZM/9SxUFA4A/EakD8mER9IkAsCsS1QMwHxAW4FDLSIw0BQxbk8U4gLgLiH8AQ4qTIQUADuYGUMonR9AuIb8KiB2gGF5D6CmIDxRjJdhDQIE8gtRKIeckInLtA7Ap0wH2oWf8JOYgYH88m0zEM0FBtpnYuk4bSmkCf3SAh3WQAqekgfbQqh36QGDow9cxDumAcddCog0YdNOqgUQeNOmjUQaMOGnXQqIMGn4NuDCYHbQTiaGoNNugDuzYCJPbJYD1YBmgHMYAa/bJrQKwFxBvIDJUz1E5DMYTiHQ/YCcQ1pGhgHB1BG3XQqINoDAACDABAGkW9R5BatAAAAABJRU5ErkJggg==) center no-repeat; background-size: 100% } .preview .preview-action .icon-favorite:before { margin-right: 6px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAoCAYAAACWwljjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0JCNjExODhEMDRGMTFFOUFFQUJGOEY5MTQ2MzMwNUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0JCNjExODlEMDRGMTFFOUFFQUJGOEY5MTQ2MzMwNUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQkI2MTE4NkQwNEYxMUU5QUVBQkY4RjkxNDYzMzA1RSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQkI2MTE4N0QwNEYxMUU5QUVBQkY4RjkxNDYzMzA1RSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pmdo4q0AAAM2SURBVHja7JhdaM1hHMfPOWbJkERRWpLFZhsborxcuFFKUisvsUY654oW2oUxDSsuyI0LC1FyoZEdJMmNMrvA1N5EZHPBhZfykvJ2fH71/dffcf7nZee/nZP869tv/5fn93ye3/P7Pc9zFozFYoF8ukKBPLvyDihgU5bttIXD4SNosh8cBdkOCJBizC40BtXnw5TtRaNRRHC5AxLANt1ahJpyHaEmReeJ7uuALMkJEB3PMgDdbkXtaBQ6lKsI7RPA9dbW1k5soxULWg9s1YgCKTqbXdMWAKoXc0HPDo90hJoUnXZAulzPm9F3tBroZSMCREdlrug0u98B9xxzWrctQwEKOqt0MBhMVd5l0ga0CF0GoCbBt9MwL7QM3EQPUTfqQU9p88Nrpf4DKBKJWLRmoHI0G82VSlFRfHv7Dud9HgM4imlI8Mqms09wPQ4ofgYcDvfWcdEqJEk0B+TM1pwOLxhdB9E9Dc5RqdaseZJ7AFYMW+KBatFYtEb3HegU6jcB8DndPODbL5io5HRqMHMEd0CzEFBl1iXMIRoV8meboCy8NTiP+nm6oI9m1xZzEu2gj9hfOeQk9XBB4dc6OIF2OmsVfvd7JrW7yvyGwp+tWWeVFnbtxt/xpFUWX/Z+QcnPJbQW/bJH+DmTsuwTrUPZQtG+SIm9Uu030b4t2ToUSlEt3wwCXVPJtmV4vKgXzFcblBdMRluHoDbq1qDeZwDUL9uFn1t+7mUzZd/g+F0GQI9kK4lsyE+gCtkej1wJeUT3JeYDGodK/AQql+1OAGPvHmCvoKkJ2j6WrRpWIDovQI3aza2zdaiXZ7Ue0+YrUKV7yhSVTp0MbWm4YzBoEjrP+xtoupPQstW+nIdwPB7zUUeOibb3aC8ykE+26upQVqjnDdq0nXcdGshbcmpKsl+u6QItwdwX1DO0QK9uo+10Mhj3/XzMOdcR4y5abl2gYr5/NeSFMa7CJgjGRh5Gq+JhVFmWxAv1q8TWsBWCSSuPCjJIaM+oJICyY2oL0bqKtX1rsQsomm1SV6SKShIwS/SlaI+2j2o/IvRa5+fBwBAu2v3EHCNaUZ0U06uy//9B+w/0rwD9FmAAZghd/aNIZrEAAAAASUVORK5CYII=) center no-repeat; background-size: 100% } .preview .preview-action .icon-kefu:before { margin-right: 6px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAoCAYAAACWwljjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTBDNDI4RTdEMDUxMTFFOUFFQUJGOEY5MTQ2MzMwNUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTBDNDI4RThEMDUxMTFFOUFFQUJGOEY5MTQ2MzMwNUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQkI2MTE4RUQwNEYxMUU5QUVBQkY4RjkxNDYzMzA1RSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxMEM0MjhFNkQwNTExMUU5QUVBQkY4RjkxNDYzMzA1RSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pt9c/IgAAAO4SURBVHja7FhbSFRRFHV0tPzxr8eHPcigspQEo1SCjCiI3qn9WD/CDH0UlZZKD62MIsu0IHTqKzJIoZqKqCCTQCsysrAHpIEaRNJPmBSJ2tqx7rS7zh1HHUcFD6zZ957H3uvuc/Y5+4ytr68vZCyV0JAxViYIjTtCdvmx2Ww+OzkcjvkQ24AVQCww1U/9HcA7oBa47nK5PvjqLAFm+/tjQQhEEiBOAmsC5IAHQD6IvRoUIRAJgzgK5AFhrH4OuIEXwGfg1wDGJwPRwBJgI7CU9T3AKaAAxHoGJAQykeJeYD2raoAcq6/yt9DbZ4CVrLojywB6f1oSomeqgc1AL7APOI9BAdk9oV8M7QZKGFA3gXTDU8LFbhqTr8hIxxuBjCB+WBmItasPF5tFRh+PhxhJb4Bw8QwGnxvJ8Ia9vfRUNxAvEShc9D50nGSeAKVB2HJKaSuctv95yOl0zsBzq7wDSWD7LBibILy0DOKpLB9gVkVFRbvhoXSSaQgWGa4psdVA2+n66DBC0T0Kp4VbczCiLI6yzod750Ck0IvvTW2pENOBe2j7ruoXQCSKXtR/slBdpzkYHoqmbLMgMw+iCbgikYj3FNWWx83zGlCP9wjWpzBqZUwTdXgrbZpDqOnU77QYtAWIVAdyhmrbrp7l4E3gc4aaARm71UJ3p+ZgEOmljLIYZHZ3s3r+qJ5/qy9uNo1psdAdpc44zxeIktlAjBdFUqqARcBqhmm5atvFzU3WUBnWyhfWl1NfEvCQOryVGD11BqFGEkpmiuBtyz9MmNvajZA11QvJPX5EWTLlaz1ljyjTRiHs0zQHg1A13R6LaFgVLCa0FUvbVR5CcO9XiEr2K0ZHexDIiI1ivlaCQ4c5yS8AJFlarNOBESxFtCU2j/S7dYChrPJsvubiC3aOoHdEdy5fsxkY/+dDqvNliCxj+oCDjJhAEJFU4wSwn1WXoNuhU1hva8VJmcWBa6HoEORtDO4dIhGZiQ2cpoUGGaDfLFheg+jWs+rIkHzpLm8dbcxh5KD94WWsRM40YCZvHesk32FzF3AA4y4O5V4mCguBTGZ25pIIxS9V/0nM/nKY44SYjhU5gAsxpnVIF0VlaArEJnVzjeN9LRXKa9knHuKqSmUkjOUYeQs8Bm6h77dh3Vx9EJQDda4QYl6cQ89EcErkkuAa7FqzWtT+lC5KOXCPAcv5Xg/sAJeWYf3ZMIxygbKbG+tp8/U4WIR0ZMkayQSRxtH8f+g+vVLCSGsM1C5um/jTc7wR+iPAALeEb61SQSenAAAAAElFTkSuQmCC) center no-repeat; background-size: 100% } .preview-nav { position: fixed; right: 0; top: 50%; transform: translateY(-50%); z-index: 999; background: #FFF; box-shadow: 0 0 8px 1px rgba(0,0,0,.08); border-radius: 16px 0 0 16px; padding: 24px 8px 0 } .preview-nav a { font-size: 12px; color: rgba(0,0,0,.5); display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; margin-bottom: 24px } .preview-nav a span { margin-top: 8px } .preview-nav a:hover { color: #FF4133 } .preview-nav a:hover .icon-serve { background-image: url(data:image/png;base64,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) } .preview-nav a:hover .icon-server { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAABB9JREFUaEPtmUtoXGUUx3//ZIymtWmVqq0bNRQKMaYzN4v6aO2dhVCVWl9oxdCVqCAuXAhVK00wpd256qIiYqFIu1Caahd24dw+EJF2MklrUKhUxKKCNg+QxmRmjtyZvCYzE2amd5yMZpbzfd85///5n3Pu9xB1/lOd42eJQK0VLKqAbbrvFppCLaSttio1yEjbqLzESKFg5YCzBztup6nxDaSdoDtrHd0c/2ZXMA4hvS/v/B/TYzMELBp5BvQx6OZFBTwfzBikdiqW6POHMgTMjewAfYJU23QpPXIpUumndbr/uMxtW4OafwSWza63K8CXGD+XbrOKM8VdmLYi1s7xMsr4eKss6uwFvT0zYHaMq8kuDQ7+VUVIZZu2h9av4IblR5EencXKWz6BAVBH5k+zYUi3Fqv4sr0GvMA2R24jpMug5VnT9rXM7RxDrJgicERe/IWA/QZqzlznONK2KaN/yqKdNid9DsqLvxqox4CNWdQ5CHp5po3mEMA+UCz+SsA+AzX3/yNg0Q33Yo3tcLVP3k/jgYaziDFz774Jbt2OUhcVG/hu7rSyFDDXuR90BhHC+A3YD+cPyCNZDSLmEoLO14BdiDWY78c2y4t/M+2vXAJ7kLpzwJpdgnSvvMShoEhkgYdfhIbdSOvm+euWF++pkEBHOwqdAa3KA2skUKp7ek9SKRmLhrdjjd2IcL4NG8EmH5B34fuKCGQ+Ff5Wg+Y9iJfAj9S8n+GhdLdi/afKIWHRyBZMvUibCqxLYnwI13rkDfmpO9vpK22j5jq+tH5KdRUEavYFst2K9Q8sRMSikQ2Y9iNtLWLnMNAjL36p0HhZNVDQgBsOQ8O+BQEo2avY4A+5ketYj4X8HC8eANLvykskFg5AQB8yc8MuNLxXJAXAOAtcnALTjiiUKv48D1I98hJeKSl43QrklYAbfhIa/RopUIQLQPKbQBb4sVKAV1zEpRjPtkHHT4138tpgHmO/DbMX4ocr+Z4ErkBOnmeJ7ACez6bMdPv122EmpY5C/EglwKuqQDGVssrA9QDOE7DSNlpKKv0bc6qaQksESojAkgIlBKmqU5YUqGp4SzD+H1fArB6vVZwR0MqMemafyos/W4KSNZtirvMZ0lNTeEdkrnMOqXMK0SiTE/fo7IXhmiFcaAPrdq4Gu4xmngC+lbmRXahh38y6tH3FcPKJRXe5u3FdC80tJ3LOH8abMn9g2Ur/en31HPK/gJ1cNNfrplbEI/Ou13/Hrq3LPnBscbYh+urrgSP5mE4PnJx9YnrYeY5GPpq9ul6MVZDBNEbaunQq/nlmq55zINnYfgfNTa+DHke0F7xGqQUvYxLMP+yfAB0o+MiXd3Boa2ti1Y1raarxM+uEjJG/f9XQ0ESh2NXLo15R3ZcI1KIk5vqsewX+AcA4FetkTwe1AAAAAElFTkSuQmCC) } .preview-nav a:hover .icon-go-top { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAB71JREFUaEPNWn+MFGcZfp7ZXTgUrnitSLVYMEdLwRy3s7EKR29nIY3xB5piae6AGprGVsVYsNGa1tbEtDWtv2gpjU2rbQNqa6EtqBWNdoc7rtTGnYVKD4ioiL9aWk6ucMfesjuvmdm5nZm93b395cH3383O97zP837v+833ve8RDRiitU8HlaUwpQPkFQBaQbZA0GzDE29DZADknyHmQQj7cPrki0z8dbBe86wVQLTIRRCzG+R1IBcBCFSJlYWgF5CnMDy8ja8cOlHlfMc3Vc6Szg/OAid9HeQNIKZUOb3U68MwzceQwX3sS/67GsyKV0AikRCmmbcCyl3jED8Bkb8BeBPkSZuMyHQAM0DOAdBSmqAMAbgTceNBAtlKhFQkQDrb50IJPA0iPBZU0gB2IGs+DxmJs/fgf8oZlo7wexHiUhDXQLgcRGjM+yIvIy1dfCn59/FEjCtAYuHPQJTHQUwrABuEKZtxNvMAX3r1+HiGiv0u2vyZkKYNIL4IcqrvHZH/AlhF3dhVDrusANHCt4LKdwsAMhD5ITJn7+KeP1lG6h72hkC5F8CNABUPYAZifp568keljJQUUJS84DAoqxk3EnWzLgIgne2LoQS2grByxR2S/Rz1fY8Vs1lUgETD3VCUn/onyE6kjndx7z/P/D/Ij2LKh1ubMeWCHSA0/0rI8mLhNEaAaJF5AAzfTiPyNN5trOYzle0M9QoUbXYT0PIsyI/lsaycMNML2XPgH158nwBpbZ2MWc2vAGzzTHwOurGy0m2tXvL5lciJeAFkzMNlD3QjSsAcfeYXEFXvgcLbPRP243jqSvb3W1vlhA+JRC7ANNkHcnbeuGnewt3JB8cIkCULL0MweMCzL6eQMSPsTfZPOHNv/lqJHQj0eTJ6CJJqpd7/uvUsvwISizwJ4LMe73+DunHPuSTvhpP6EMh1HhHfYdz4Wl6ALFnwfgSbjrjel2N4IzX3XIVOodPsUGqWowCtIwkgOIVTmMVEYtBeAYmptwN0vV0QZ+fFKkTV+6DQ9npORO7bkBOgRQ6BuNz5ZQjpoYvZd/jU+UA8z9eKklCTezYSxKknltJO3lDwsCf2t1I3rj+fyLu5EIl7PnBZDA+2UKLhL0BRHnYJm9cyntzeCAGybN6FdqL9vrbLyphciIW/DCgP5J9nzU+zYPfJ4m1caCVHvQJEU9cB3OiE5Xrqxua6MTsWLsCk4IE8jin3WgL+AODKXGLIEerG3LoNaZFbQDjkR5MO66knXO/VYESsbT+mngE42eG73RJg3UVztySRX1M3Pl4DtptCxcjng7gBImLqawDnO3z3U7TIGRBNuQfmk9STa2sVIOXIN0iEaOoukB91QvNflJiadS8R8ijjxk21CChKXrDNxiKu9WFK7SshmroF5Jqcw3HGEjACcJKzJE9QN26oVkBp8onuHFbkZ40SIZr6OEgnSmSkIAewjXpiZTUCypGnjoztKA3BRomQmLod4AqH4wlLwF8AfMCJqR7GjWilAkRTV4PcWhAe24BE9yj5fOiXFCFrqBs/qdhmLLIHQIcTMUesJP4tiKsdgDcYT8ysGExTfwHyk+4WZMX8WPJlRYj8krqxvGKb/l1zF0VTN4H8Uh4gbb6v0uqYL3xEngKM6ws9X0gsF052InY5iVjx90GWhi+FKEddh8lGS8AakFs8XlxLPWHdDSoaokWWANkg9X16RROcl0Rr14BAhnrCComKhkTVm6DwEY+ALspVV1yM4DvceqTI89SNaypCnOCXRFOtO3Luoi8iyMp7Ru8DfwQYcRI5jbNnZzaqaNUojXYVj1OsikTQEbCXurHYuQ+o60H+wDUmtzFu3N8o443AkVj4W4ByZx7LxDruTjycE7C4bQYmB4+5hyS8DpyYQ/1oqhHG68UQbf5UcIqVvPbxHMAwUqlZ3PvagHupj6qPQKF7jBDcTT3hKq6XRR3zJaZ+H+AGT/JupG7Yf7sCOtvmIBA8mF8FSBoZfIi9xqt12K57qmjqR0BaO5XTAZIhpOWy0a3eX9jS1DtA3u3JhX7IQORchZJ0XD4Noan7fcXegoOgX4DVhWmWlwGqbrLITuw2Vkx4adEqc17S/CuQy9zQQR/0RGfJ0qKd0FY3JqAkAb7TsxLP4CKj+5wXdzNs557EMW9cliivt6+EEvi5L4BN2Yn0BJTXc/XQHSC9h8osstlPsWffC4VJVbrBEQ1/BYryPd8EkUMws6vYsz9Zd3YWAZBo21VQglsAXur7OWveyJ7kj4vZLN9iKirCOuPLZgT5Tf6u/upF/jsUCn4bCtaOaTFlzZtLkfdto6U8Kp3qCih8YkyTT+QkyE3ImJvYm3yzlhURre0SSGgDFLnZn3M22gAysoq9xm/KYY/bpcwnduk26wgEzwGyA+nsi+N1LO1GeSAUgygrQHwif7bxshT0wRzpLuzGVB1CPkxri50qX4VC6+ucq2IUGyJvAbAa3W/ZjW4Ry0nTQcyAYA7Id5WZexrkHYgnHvJulXWvgE+I1j4bCNwGWvFaRkhVMSWnYeJRMHX/aOOi0ukVhVBRR9sHwFAXBNeBsqgg+Sqxb/WbdfufPTKZZ2s9vtcswLcqixa0YFLTMlAWA5gHYq7djBj9dxtgEMQARA4D7IdIHzJDeiNK+P8DpvRIGnzDbVUAAAAASUVORK5CYII=) } .preview-nav .icon { width: 24px; height: 24px; background: center center no-repeat; background-size: cover } .preview-nav .icon.icon-serve { background-image: url(data:image/png;base64,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) } .preview-nav .icon.icon-server { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAwBJREFUaEPtmcvrTVEUxz8/j7zyTEheSR4Dj4gQAwZkglL4AxQDhTCWMpAUEiOGpKRkopSURAlJIb8oIjEg+vUjefb9tXbt9j2/45x77rln3zqr9uDevffa3+9a6+zHWl10uHR1OH5qAlV7MM0DI4BhULmX/gLfrDXYKyQwCtgArAbGVW3dYP3PwG3gOtDj+nwCy4BdwNDIgIdwvgNngYfqcARWALsjCJestvsDnBAJERgNnASGeLPlrifAp6waSx43HlgAjPXW0XexVwS2AZu8jgfAGeBHyaDyqldo7wEWehMvicBRYJr92WuDxC5G0SZzyouWbhE4b9ulAN8DTseI3MN0AFhsv3tE4KLXedMIxcxhB7DW30ZrAm12V24PTAHUdHD8bBPYwcAS4J01f9lcBGYBh4CBwBfgGnAD0EFShgwA1gEbgTHAb+Aw8NJbLBeBLYCaLx+Aq3YvaRUJAV8FbAYmBUqvAGpOchFQ6MgDupmG8toU991JCohCRUaakaBD55LWf98sAc3TVUMLrLFQCtd5ZkSe5yQxD9gKzEmYp9C5ZXq/Bv25PODPnWhE5OokeQRcBt78h8h0YHtwJfCn3DHgH/vR0zQBpy8LAH0jvts1d7LFeFEDFCbgiKSFgMa8AN7a4Kn9hIq684Zgywg4ImkfYVo0NbsJtJyAQKZtgyEJtw0r1ps5T0oh4ECKiF53K4HZ3var7bAbuGs33maAuzVKJRBaW4QkRQCHOttKIOfRkGl4TSCTmUocVHugRONmUl17IJOZShxUe6BE42ZS3eCBc8Bwm3rf8qSZNFU0aB+w1NbuVWLrCDDT/lBKUflH3V1ilJGWWnQlgFcioAyAXkhOngLHI0zuqlp0EJjrYb0gAupQel3snMSWXp8AzLdUi8Oot3Jfel2iZOn+DitwHFMNwy8xLQd2BoWOGL8DlZhUv1ASoaECqRTKemARoHesMnIxiNIseoI+tsxgYpEvBDrIYq7qYrjKrEpr/kqyZNXgCnu3JlDYhAUVdLwH/gGhYrikJEaApgAAAABJRU5ErkJggg==) } .preview-nav .icon.icon-go-top { background-image: url(data:image/png;base64,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) } .property { position: relative; float: right; width: 521px; padding: 32px; background: #fff; font-size: 14px; border-radius: 24px } .property .vm-metatit { font-size: 14px; font-weight: 500; line-height: 44px!important; color: #333 } .property .max-buy { color: rgba(0,0,0,.5); font-size: 12px } .property .s-space { padding: 0 6px } .engrave,.property-control,.property-service-suda,.property-set-package,.property-set-sale,.property-sibling-item { margin-top: 24px; margin-bottom: -10px } .property-hd,.property-out .mod-hd { position: relative; margin-bottom: 24px } .property-hd h1,.property-out .mod-hd h1 { max-width: 100%; font-size: 28px; line-height: 1.2; font-weight: 500; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .property-hd .funding_logo,.property-out .mod-hd .funding_logo { display: inline-block; padding: 4px 20px; width: 52px; height: 30px; border-radius: 10px; background: #ff4132; color: #fff; font-size: 26px; line-height: 30px } .property-hd .flex-title,.property-out .mod-hd .flex-title { margin-bottom: 14px; display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between } .property-hd .sub-title,.property-out .mod-hd .sub-title { display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end } .property-hd .sub-title .icon-point,.property-out .mod-hd .sub-title .icon-point { transition: transform .3s ease; width: 14px; height: 14px; cursor: pointer; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAKFJREFUKFNjZCARMJKonoFOGhoaGpjU1NQy1q9fP3P16tV/0Z25fPnypOfPny8vKir6DnMS49KlS9czMDB82bBhQzyypmXLlrUzMDA4vnjxwhFZA0NDQwObmpra6v///3+GaYIp/vz5s3t6evpHkM0onkbWxMDA8ISRkdEBWTGGBpAATBMDA4M4umKsGkCCoaGhzLa2tix5eXk/0QOA9vEAAMBUTg20ayQBAAAAAElFTkSuQmCC); background-size: cover; background-repeat: no-repeat; background-position: center center; position: absolute; right: 0; bottom: 7px } .property-hd .sub-title .rotate,.property-out .mod-hd .sub-title .rotate { transform: rotate(180deg); transition: transform .3s ease } .property-hd .mod-info,.property-out .mod-hd .mod-info { font-size: 16px; color: #333; line-height: 26px; width: calc(100% - 12px) } .property-hd .mod-info em,.property-out .mod-hd .mod-info em { color: #e03d3d; display: inline-block; white-space: nowrap } .property-hd .mod-info em.lg,.property-out .mod-hd .mod-info em.lg { width: 352px; white-space: nowrap } .property-hd .mod-info.active,.property-out .mod-hd .mod-info.active { color: #e22841 } .property-hd .mod-price,.property-out .mod-hd .mod-price { margin-top: 10px; color: #e02b41; font-size: 16px; line-height: 18px } .property-hd .mod-price .vm-installment,.property-out .mod-hd .mod-price .vm-installment { display: inline-block; height: 18px; padding: 0 5px; line-height: 18px; font-size: 14px; font-style: normal; vertical-align: top; border-radius: 3px; color: #fff; background: #e4393c } .property-hd .mod-party,.property-out .mod-hd .mod-party { position: absolute; top: 20px; right: 0; max-width: 150px; font-size: 12px; line-height: 1.4 } .property-hd .mod-party span,.property-out .mod-hd .mod-party span { float: right; color: #e02b41 } .property-hd .mod-party .vm-more,.property-out .mod-hd .mod-party .vm-more { float: right } .property-hd .mod-party .vm-pic,.property-out .mod-hd .mod-party .vm-pic { float: right; width: 46px; height: 42px; padding-top: 4px; font-size: 14px; color: #fff; text-align: center; margin-left: 5px; background: #f2676a; border-radius: 5px; overflow: hidden } .property-out .mod-hd { border-bottom: none } .property-out .mod-bd { height: 680px; border: 1px solid #dedede } .property-out .mod-bd .mod-message { width: 210px; margin: 120px auto } .property-out .mod-bd .mod-message .vm-meng { font-size: 30px; color: #000 } .property-sell { position: relative; padding: 0; margin-bottom: 24px } .property-sell .vm-entry { position: relative; float: left; padding-left: 0; line-height: 22px; width: 72px; margin-right: 32px; font-size: 12px; color: #ff4132 } .property-sell .vm-entry span { border-radius: 2px; color: #e03d3d; display: block; text-align: center; font-size: 12px; line-height: 1; padding: 4px 0; background: rgba(224,61,61,.1) } .property-sell dl { margin-top: 10px; line-height: 22px; font-size: 14px } .property-sell dd { display: -ms-flexbox; display: flex; color: #595959; -ms-flex-pack: justify; justify-content: space-between } .property-sell .vm-more { color: #ff4132; margin-left: 10px } #J_currentTabHuabei { display: block; font-size: 20px; margin-top: 8px } #J_currentHuabei { float: left; color: #e03d3d; font-size: 14px } #J_currentHuabei em { font-size: 12px; margin-right: 2px } .property-activity { background: #e03d3d; padding: 0 30px; height: 36px; line-height: 36px; font-size: 16px; margin-bottom: 26px } .property-activity .mod-name { font-size: 16px; color: #fff; float: left } .property-activity .mod-countdown { float: right; color: #fff; display: -ms-flexbox; display: flex } .prod-info-price-box .property-sell-price .mod-activity,.prod-info-price-box .property-sell-price .mod-countdown,.prod-info-price-box .property-sell-price .mod-original,.prod-info-price-box .property-sell-price .mod-price,.property-buy .btn,.property-buy-quantity .vm-count .vm-c-list span { float: left } .property-activity .mod-countdown span { display: inline-block; height: 36px; line-height: 36px; font-size: 16px } .property-activity .mod-countdown .vm-label { margin-right: 5px } .property-activity .mod-countdown .vm-day { margin-right: 5px; font-size: 16px } .property-activity .mod-countdown .vm-num { margin: 0 1px; color: #fff; border-radius: 1px; text-align: center } .property-activity .mod-countdown .vm-separator { padding: 0 2px; color: #fff } .prod-info-price-box .property-sell-price .mod-activity,.prod-info-price-box .property-sell-price dd { padding-top: 10px } .prod-info-price-box .property-sell-price { overflow: hidden; padding-bottom: 16px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center } .prod-info-price-box .property-sell-price .vm-metatit { line-height: 62px } .prod-info-price-box .property-sell-price .mod-original,.prod-info-price-box .property-sell-price .mod-price { color: #e03d3d } .prod-info-price-box .property-sell-price .mod-original small,.prod-info-price-box .property-sell-price .mod-price small { font-family: arial; font-style: normal } .prod-info-price-box .property-sell-price .mod-left { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center } .prod-info-price-box .property-sell-price .mod-price { margin-right: 8px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center } .prod-info-price-box .property-sell-price .mod-price .tip { font-weight: 500; font-size: 16px } .prod-info-price-box .property-sell-price .mod-price small { font-size: 16px; margin-top: 8px } .prod-info-price-box .property-sell-price .mod-price .vm-money { line-height: 46px; font-size: 28px; font-weight: 700 } .prod-info-price-box .property-sell-price .mod-original { color: #666; font-size: 16px; margin-right: 8px; position: relative } .prod-info-price-box .property-sell-price .mod-original:after { content: ""; display: block; position: absolute; width: 100%; top: 51%; height: 1px; background-color: #666 } .prod-info-price-box .property-sell-price .mod-original span { font-size: 12px; display: inline-block } .prod-info-price-box .property-sell-price .mod-activity .vm-activity { margin-right: 6px; padding: 1px 2px; border: 1px solid #000; border-radius: 2px } .prod-info-price-box .property-sell-price .mod-activity .vm-activity em { line-height: 18px; color: #000 } .prod-info-price-box .property-sell-price .mod-activity .vm-meiyoujie { display: inline-block; width: 55px; height: 25px; margin-top: -2px; background: url(data:image/png;base64,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) no-repeat; background-size: contain } .prod-info-price-box .property-sell-price .mod-countdown { padding-top: 10px; margin-left: 5px; font-size: 12px; color: #999 } .prod-info-price-box .title-box { display: none } .prod-info-price-box.other-act .mod-price { background: #FF4132; border-radius: 40px; margin-right: 10px; padding: 0 18px; color: #fff } .prod-info-price-box.other-act .mod-original { color: #FF4133 } .prod-info-price-box.other-act .mod-original:after { background-color: #FF4133 } .prod-info-price-box.coupon { background: linear-gradient(90deg,#FAF7F7 0,#FAF5F2 100%); border-radius: 12px } .prod-info-price-box.coupon .property-sell-price { background: linear-gradient(90deg,#F33 0,#FF6524 100%); border-radius: 12px; padding: 18px 24px!important } .prod-info-price-box.coupon .property-sell-price .mod-left .mod-price { margin-right: 8px; padding: 0; color: #fff } .prod-info-price-box.coupon .property-sell-price #J_currentHuabei { color: #fff } .prod-info-price-box.coupon .sale { background: #FAF5F2; border-radius: 0 0 12px 12px } .prod-info-price-box.coupon .sale .coupon-box { background: 0 0; padding: 21px 24px 14px; position: relative } .prod-info-price-box.coupon .sale .coupon-box .coupon-list { color: #FF2643; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden } .prod-info-price-box.coupon .sale .coupon-box .coupon-list .coupon { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; position: relative; border-radius: 3px; font-size: 12px; padding: 2px 7px; margin-right: 10px; margin-bottom: 6px; -o-border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAAASCAYAAADxEzisAAAAAXNSR0IArs4c6QAAAaRJREFUWEft2M0rBGEcB/DvM0KM2GWKcNiSyEtq7SKbQtpykFyR6yau4m/ggKWNIiUiLopE2qwYeVdbS3kpyu5lMIpdRebR7tyYtpnzPs9t6vs7zKdvT78ZQt3uVKTlDiNf6EZySjbY+S/w/fWKkDSPIDdI6OzqJJpr+iCYGVU8AekV8B6NEbrle4PDmsW0dAjsnz8T6hUpaip1pFkEJ34wMCM9iIEtrd+hyV4EPt3IaOJlw5/A7sk9oZ5FMwTTMZyOYiRxiQeh541/FGBHvIX0VkuieTq13A5H1RosBXrGEy/zEAQOLzuIq3NNBZteT0eJ8IHq8tgzO38EzgLAjZ8nLldEBYsurxW2T9grGJhWW84DwOltBhnoCatgnoVWNNg2Ycln5dISeAwB+2dtpLd7g9DRORMKc0U468vAsUtfszGKAmyLV5Cf6gld3rhGo70UfBprVzyBjwiwd3rNFlcjNWGbvhEtQP002vLJcFhNBkcTM35wIRM6szKBlrp+5DCzuC14lgHv8Tih7s1U8O8jKMjrAsexH4haasrPC56keWTSoV80+ZDwCtxUxwAAAABJRU5ErkJggg==) 0 70 0 70 fill/1px 70px stretch; border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAAASCAYAAADxEzisAAAAAXNSR0IArs4c6QAAAaRJREFUWEft2M0rBGEcB/DvM0KM2GWKcNiSyEtq7SKbQtpykFyR6yau4m/ggKWNIiUiLopE2qwYeVdbS3kpyu5lMIpdRebR7tyYtpnzPs9t6vs7zKdvT78ZQt3uVKTlDiNf6EZySjbY+S/w/fWKkDSPIDdI6OzqJJpr+iCYGVU8AekV8B6NEbrle4PDmsW0dAjsnz8T6hUpaip1pFkEJ34wMCM9iIEtrd+hyV4EPt3IaOJlw5/A7sk9oZ5FMwTTMZyOYiRxiQeh541/FGBHvIX0VkuieTq13A5H1RosBXrGEy/zEAQOLzuIq3NNBZteT0eJ8IHq8tgzO38EzgLAjZ8nLldEBYsurxW2T9grGJhWW84DwOltBhnoCatgnoVWNNg2Ycln5dISeAwB+2dtpLd7g9DRORMKc0U468vAsUtfszGKAmyLV5Cf6gld3rhGo70UfBprVzyBjwiwd3rNFlcjNWGbvhEtQP002vLJcFhNBkcTM35wIRM6szKBlrp+5DCzuC14lgHv8Tih7s1U8O8jKMjrAsexH4haasrPC56keWTSoV80+ZDwCtxUxwAAAABJRU5ErkJggg==) 0 70 0 70 fill/1px 70px stretch; cursor: pointer } .prod-info-price-box.coupon .sale .coupon-box .coupon-list .coupon.other { border: 1px solid #FF99A7; background: #FFF3F2 } .prod-info-price-box.coupon .sale .coupon-box .coupon-list .coupon .left { color: #E6001F; border-right: 1px dashed #FFA399; padding-right: 4px; margin-right: 4px; font-weight: 700 } .prod-info-price-box.coupon .sale .coupon-box .coupon-list .coupon .red-packet-icon { width: 14px; height: 14px; margin-right: 4px } .prod-info-price-box.coupon .sale .coupon-box .important-sale { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center } .prod-info-price-box.coupon .sale .coupon-box .important-sale a { width: calc(100% - 12px); color: #FF5A1F; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .prod-info-price-box.coupon .sale .coupon-box .coupon-btn { position: absolute; cursor: pointer; right: 24px; top: 15px; padding: 3px 5px 3px 10px; color: #FF4133; border-radius: 14px; border: 2px solid #FF4133; font-size: 14px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center } .prod-info-price-box.coupon .sale .coupon-box .icon-right { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAAXNSR0IArs4c6QAAANhJREFUSEvl1C0OwkAQhuFvGg7AUWh7gSXBIFFIQoIHxxVw4DG1OA6AWIFtg2o4AhJBUkMYQqloCDA7bWpgD/Ds7rs/hIYGNeTix2A2nTbgDYHbhuzhrMn2NQUbfw3yJmAcgaxLNj254gIcjkCIckyJi4fHJpyCsNLiIpwvtgLuBFfBneE3+JZsPPh0mEo4WIJo9uzNEdlkXBtmU0axB7I+2fRSC9aij8nEFFVQEWbjz0HeorjD4vbLWYSXV3RluelrawFGCwh6QLIji6vrPyGm0ECqFf8XfAc/cGgX1L7LTwAAAABJRU5ErkJggg==) center center no-repeat; background-size: cover; width: 11px; height: 11px } .prod-info-price-box.discount { background-size: 100% 100%; border-radius: 12px } .prod-info-price-box.discount .property-sell-price { background: 0 0; padding: 18px 24px!important; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start;ß align-items: flex-start } .prod-info-price-box.discount .property-sell-price .mod-left { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center } .prod-info-price-box.discount .property-sell-price .mod-left .mod-price { background: rgba(255,255,255,.94); border-radius: 30px; font-size: 28px; color: #F2482F; padding: 0 18px; font-weight: 700 } .prod-info-price-box.discount .property-sell-price .mod-left .mod-price small { font-size: 16px } .prod-info-price-box.discount .property-sell-price .mod-left .mod-price.price-discount { color: #F2482F } .prod-info-price-box.discount .property-sell-price .mod-left .mod-price.price-buying { color: #FF4132 } .prod-info-price-box.discount .property-sell-price .mod-left .mod-price.price-sale { color: #5F31CC } .prod-info-price-box.discount .property-sell-price .mod-left .mod-price.end-crowd-funding { color: rgba(0,0,0,.65) } .prod-info-price-box.discount .property-sell-price .mod-left .mod-original { font-size: 14px; font-weight: 500; color: rgba(255,255,255,.95) } .prod-info-price-box.discount .property-sell-price .mod-left .mod-original::after { background-color: #fff } .prod-info-price-box.discount .property-sell-price #J_currentHuabei { font-size: 14px; font-weight: 400; color: rgba(255,255,255,.95); line-height: 1; margin-top: 8px } .prod-info-price-box.discount .title-box { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: end; align-items: flex-end; position: absolute; right: 0; top: 0; color: #fff } .prod-info-price-box.discount .title-box .discount-count-down { color: #fff; font-size: 14px; background: rgba(255,255,255,.25); padding: 6px 10px; border-radius: 0 12px } .prod-info-price-box.discount .title-box .title { position: absolute; top: 41px; white-space: nowrap; font-size: 28px; font-weight: 700; margin-right: 24px; right: 0 } .prod-info-price-box.discount .sale { background: 0 0 } .prod-info-price-box.discount .sale .coupon-box { background: 0 0; padding: 0 24px 14px; position: relative } .prod-info-price-box.discount .sale .coupon-box .coupon-list { color: #fff; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden } .prod-info-price-box.discount .sale .coupon-box .coupon-list .coupon { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; position: relative; border-radius: 3px; font-size: 12px; padding: 2px 7px; margin-right: 10px; margin-bottom: 6px; -o-border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAAASCAYAAADxEzisAAAAAXNSR0IArs4c6QAAAR9JREFUWEft2E8rRFEYB+DnKKTBWhbKRpZSSknIfA82fAUlO/JnvgWfgyjFWjZsZMmWBaUcnWlmITczs573bO97Fvfpfc/9nZtyzoPYxDQGxKoS+MYTTlPOeRtveAmrfwUmMVLA9nERWF0JrBewA5x3VR5F9QDrrQmaYA1c4723vX1XPYblAjaK3dZYlq9BrL8CJT3UcZjKs5zzIubwEFqVArO4SyndtsGGW112GWCVAqs4Til9tsFKeN1DgFV3zAoaKaWPNtgC5vEYHVYpMIP75kjmnGvYwRXi0K/umHLor+GkgB3hJmJFx9kax1IE145Ovwoi6ffmpQkWl+/u1ZqX763W753X7vf1ZeUEagWsZLANTGGoLyk6v/QXnnH2A2K2YPraaIIlAAAAAElFTkSuQmCC) 0 70 0 70 fill/1px 70px stretch; border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAAASCAYAAADxEzisAAAAAXNSR0IArs4c6QAAAR9JREFUWEft2E8rRFEYB+DnKKTBWhbKRpZSSknIfA82fAUlO/JnvgWfgyjFWjZsZMmWBaUcnWlmITczs573bO97Fvfpfc/9nZtyzoPYxDQGxKoS+MYTTlPOeRtveAmrfwUmMVLA9nERWF0JrBewA5x3VR5F9QDrrQmaYA1c4723vX1XPYblAjaK3dZYlq9BrL8CJT3UcZjKs5zzIubwEFqVArO4SyndtsGGW112GWCVAqs4Til9tsFKeN1DgFV3zAoaKaWPNtgC5vEYHVYpMIP75kjmnGvYwRXi0K/umHLor+GkgB3hJmJFx9kax1IE145Ovwoi6ffmpQkWl+/u1ZqX763W753X7vf1ZeUEagWsZLANTGGoLyk6v/QXnnH2A2K2YPraaIIlAAAAAElFTkSuQmCC) 0 70 0 70 fill/1px 70px stretch } .prod-info-price-box.discount .sale .coupon-box .coupon-list .coupon.other { border: 1px solid rgba(255,255,255,.6); background: rgba(255,255,255,.25) } .prod-info-price-box.discount .sale .coupon-box .coupon-list .coupon .left { color: #FFF; border-right: 1px dashed #FFF; padding-right: 4px; margin-right: 4px; font-weight: 700 } .prod-info-price-box.discount .sale .coupon-box .coupon-list .coupon .red-packet-icon { width: 14px; height: 14px; margin-right: 4px } .prod-info-price-box.discount .sale .coupon-box .important-sale { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center } .prod-info-price-box.discount .sale .coupon-box .important-sale a { color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .prod-info-price-box.discount .sale .coupon-box .coupon-btn { position: absolute; cursor: pointer; right: 24px; top: -5px; padding: 3px 5px 3px 10px; color: #fff; border-radius: 14px; border: 2px solid #fff; font-size: 14px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center } .prod-info-price-box.discount .sale .coupon-box .icon-right { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAM5JREFUOE+9lDEKAkEQBKvRN/gEwdDcF4ggaOjDDAUfYS4I/sDAxMzAyEAzYWRBYZG7m9njcB9Q2z3dM6Ljp455/BdoZkPgIekadVKr0Mz6wAXoAUtJxwi00bKZrYFVUhmFesCkcgPMo1A3lI/1MNQFprmVQEPADLoFZsAdGEl6/gZVAhwAOyBV6QRMJL1aAc0sh52BqaRbVY1chSWw9IFXm7Cyr1oPuAfGQKPN3Lq3egcgDX5RN7OiUFL/qpJs2mk3lMhBCFkuBYVCaQN9AzBkUBX2XioHAAAAAElFTkSuQmCC) center no-repeat } .property-sell-list { padding-top: 8px; padding-bottom: 26px } .property-sell-app .mod-app-tip { color: #595959; line-height: 22px; display: block } .property-sell-coupon dd { line-height: 16px; padding-top: 3px } .property-sell-coupon p { overflow: hidden; cursor: pointer; vertical-align: middle; display: -ms-flexbox; display: flex } .property-sell-coupon .vm-tag { display: inline-block; margin-right: 10px } .property-sell-coupon .vm-tag:last-child { border: none; margin-right: 0; padding-right: 5px } .property-sell-coupon .vm-more { vertical-align: middle } .property-sibling { margin-top: 24px; margin-bottom: -10px } .property-sibling .vm-metatit { line-height: 18px } .property-sibling .clearfix { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start } .property-sibling .clearfix a { display: -ms-flexbox; display: flex; font-size: 14px; font-weight: 500; color: rgba(0,0,0,.5); -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; margin-right: 24px; width: 72px; -ms-flex: 0 0 calc(16.666% - 24px); flex: 0 0 calc(16.666% - 24px); text-align: center } .property-sibling .clearfix a img { margin-bottom: 8px; border-radius: 8px; border: 2px solid #fff; width: 68px; height: 68px } .property-sibling .clearfix a div { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden } .property-sibling .clearfix a:first-child { color: #000 } .property-sibling .clearfix a:first-child img,.property-sibling .clearfix a:hover img { border: 2px solid #FF4133 } .package-tab a:hover,.property-huabei-bd a:hover,.property-set-sale a:hover,.property-sibling-item a:hover { border-color: #FF4133 } .package-tab a,.property-huabei-bd a,.property-set-sale a,.property-sibling-item a { position: relative; width: 49.2%; height: 38px; line-height: 1; margin: 0 0 10px; background-color: rgba(0,0,0,.04); white-space: nowrap; border: 2px solid #f5f5f5; color: #333; text-align: center; text-decoration: none; font-size: 14px; box-sizing: border-box; border-radius: 19px; padding: 9px 0 } .package-tab a.single,.property-huabei-bd a.single,.property-set-sale a.single,.property-sibling-item a.single { -ms-flex: 1; flex: 1 } .package-tab a.selected,.property-huabei-bd a.selected,.property-set-sale a.selected,.property-sibling-item a.selected { border-color: #FF4133; color: #FF4133; background-color: #fff; font-weight: 500 } .package-tab a.selected .icon-save-money,.property-huabei-bd a.selected .icon-save-money,.property-set-sale a.selected .icon-save-money,.property-sibling-item a.selected .icon-save-money { width: 12px; height: 12px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAZxJREFUSEutlUGIT1EUh78vKzYmG1lYKtKsxEKxmFBEmpqaMllodra2aDLZsrIQWVhRZGOmRlnYmI2SaZKUjSwmTaNEBnH09EZ/b+773/t/3N275/x+37ndc+6TlhUR48DOtjjwSr3bJ/47ZCohIjYAH4FNfQyW1G1dAXuAZxnxjHq8K+AscC0jPq9e7gq4DZzOiA+pj7sCXgM7+oh/AEPqp4EBEbEFWG5rgNpwUR3OmSe7KCKOArMZ8VfgHvA9kXdDfbq2v65NI+IScKGkukTOCrBPfdMPMAcc6QD4VunUJ73av04QEdV3VcVQB8CkequpawJ2AS87mF9Rz6V0TcAZYF0VGeBD4KT6swRwArgKVG/R2toIbG2BLAD71c9tRSQfu97kiNgOvE0YvAf2qqnYn/QSwDFgpgFYBUbU+dx9lQCacxHAKfVOzjw5yU1RRDwCDvfsT6sXS8yzgHouPgCba8P76lipeQlgN7BYG1Y/oIPql/8JmARuAu/qjlkaxLzkBNeBCeCA+nxQ8xLAC2BKfdDFvAQw+i/mFeAX066EGS8piN4AAAAASUVORK5CYII=); background-size: cover; background-repeat: no-repeat; background-position: center center } .package-tab a.selected .vm-text-profits,.property-huabei-bd a.selected .vm-text-profits,.property-set-sale a.selected .vm-text-profits,.property-sibling-item a.selected .vm-text-profits { background: #FF4133; color: #FFF } .package-tab a.disabled,.property-huabei-bd a.disabled,.property-set-sale a.disabled,.property-sibling-item a.disabled { cursor: no-drop; border: 2px solid #fff; color: #d6d6d6; background-color: rgba(0,0,0,.04)!important } .property-set-sale .vm-sale-img { position: relative; height: 38px; min-width: inherit; line-height: 36px; width: 49.2%; text-align: center; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center } .property-set-sale .vm-sale-img img,.property-set-sale .vm-sale-img span { display: inline-block; vertical-align: middle } .property-set-sale .vm-sale-img img { width: 17px; height: 17px; margin-right: 13px; border-radius: 50% } .property-set-sale .vm-sale-img.disabled img { opacity: .5; filter: alpha(opacity=50) } .property-set-sale.s-large a { padding: 0 30px } .property-set-package,.property-set-sale,.property-sibling-item { *zoom:1} .property-set-package::after,.property-set-package::before,.property-set-sale::after,.property-set-sale::before,.property-sibling-item::after,.property-sibling-item::before { display: table; content: "" } .property-set-package dd,.property-set-sale dd,.property-sibling-item dd { display: -ms-flexbox; display: flex; margin-right: 0; overflow: hidden; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between } .property-set-package dd::after,.property-set-package dd::before,.property-set-sale dd::after,.property-set-sale dd::before,.property-sibling-item dd::after,.property-sibling-item dd::before { display: none } .package-tab { position: relative; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden } .package-tab .vm-text { display: block } .package-tab .vm-text-price { font-size: 12px } .package-tab .vm-text-profits,.package-tab .vm-text-standard { font-size: 14px; margin-left: 5px } .package-tab .vm-text-profits { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #FF4133; position: absolute; right: 5px; top: 5px; border-radius: 20px 20px 20px 2px; padding: 3px 8px 2px 6px; line-height: 18px; background: #FFECEB } .package-tab .vm-text-profits em:before { content: " \A5"; font-size: 10px; margin-right: 2px; text-indent: initial } .package-tab .vm-text-standard { color: #999 } .package-tab.selected a { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; height: 57px; background: #fff } .package-tab.disabled .vm-text-profits,.package-tab.disabled .vm-text-standard { color: #e0e0e0 } .package-tab::after,.package-tab::before { display: none!important } .main,.package-content { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; position: relative; width: 100%; background: rgba(0,0,0,.04); border-radius: 12px; box-sizing: border-box } .main .swiper-container-package,.package-content .swiper-container-package { overflow-x: scroll } .main .swiper-container-package .swiper-wrapper,.package-content .swiper-container-package .swiper-wrapper { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center } .main .mod-bd ul li,.package-content .mod-bd ul li { width: auto } .main .vm-center,.package-content .vm-center { margin: 0 auto; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center } .main .vm-wrap,.package-content .vm-wrap { padding: 24px 0; margin: 0 12px; position: relative; display: -ms-flexbox; display: flex } .main .s-triangle,.package-content .s-triangle { position: absolute; left: 10px; top: -8px; width: 0; height: 0; border-left: 6px solid transparent; border-bottom: 8px solid #000; border-right: 6px solid transparent; display: none!important } .main .s-triangle:after,.package-content .s-triangle:after { position: absolute; left: -6px; top: 2px; content: ""; width: 0; height: 0; border-left: 6px solid transparent; border-bottom: 8px solid #fff; border-right: 6px solid transparent } .main .more-ctrl-wp,.package-content .more-ctrl-wp { display: none } .main .length-much .more-ctrl-wp,.package-content .length-much .more-ctrl-wp { display: block } .main .vm-pkg,.package-content .vm-pkg { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; text-align: center } .main .vm-pic,.package-content .vm-pic { text-align: center; margin-bottom: 5px } .main .vm-pic img,.package-content .vm-pic img { width: 68px; height: 68px } .main .vm-tit,.package-content .vm-tit { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; color: rgba(0,0,0,.35); margin-bottom: 6px; font-size: 12px; max-width: 94px } .main .vm-price,.package-content .vm-price { line-height: 16px; color: #000; height: 18px; font-weight: 500; font-size: 14px } .main .vm-price em:before,.package-content .vm-price em:before { content: " \A5"; color: #000; font-size: 12px; margin-right: 2px; text-indent: initial } .main .vm-prop,.package-content .vm-prop { position: absolute; left: 50%; bottom: -4px; transform: translate(-50%); width: 100% } .main .vm-prop p,.package-content .vm-prop p { line-height: 24px; margin-bottom: 5px; text-align: center; overflow: hidden } .main .vm-prop a,.package-content .vm-prop a { display: inline-block } .main .vm-prop a.selected,.package-content .vm-prop a.selected { border-color: #1c8ffc } .main .vm-prop .vm-prop-text,.package-content .vm-prop .vm-prop-text { display: none; cursor: default } .main .vm-prop .vm-prop-img,.package-content .vm-prop .vm-prop-img { width: 16px; height: 16px; padding: 1px; border: 1px solid #dedede; border-radius: 50% } .main .vm-prop .vm-prop-img img,.package-content .vm-prop .vm-prop-img img { width: 16px!important; height: 16px!important } .main .vm-prop .vm-prop-img.hide,.package-content .vm-prop .vm-prop-img.hide { display: none } .main .more-ctrl-wp,.package-content .more-ctrl-wp { position: absolute; width: 100px; left: 50%; bottom: 2px; margin-left: -50px; text-align: center; z-index: 6 } .main .more-ctrl-wp span,.package-content .more-ctrl-wp span { display: inline-block; margin: 0 1px; width: 16px; height: 2px; background: #8c8c8c; cursor: pointer } .main .more-ctrl-wp span.active,.package-content .more-ctrl-wp span.active { background: #ff4132 } .main { width: auto; padding-left: 32px; background: 0 0 } .icon-add { min-width: 16px; height: 16px; margin: 0 24px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAL9JREFUWEftlz0KwkAQhb+AUYweQSy0kRDSeP9LWGlj5RFU/CmUCVHCEoRZxLV4U8/Me3y7DDMZcVEAC2DUll+BPXD2tsu8BW3+CpgEtUdg5+0Xa6AG8kDsDmxkQAREQAREIIbAGJj3jNZPvYZAOMYfwM1hwEb3wZqUgJlIERczsE6h/NL8CwNVZ7H4NYzmCabADBg41L/6CR2671QtJCIgAiIgAskJ9B2nJ2Drneuxx6ldxsvOFmWbkJ3nZsIVTywJQPOR5CmFAAAAAElFTkSuQmCC); background-size: cover; background-repeat: no-repeat; background-position: center center } .property-set-morebuy { margin-top: 28px } .property-set-morebuy .more-btn { text-align: center; margin-top: 14px; color: rgba(0,0,0,.35); cursor: pointer } .property-set-morebuy .more-buy { height: 264px; overflow-y: hidden } .property-set-morebuy .more-buy-box { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-bottom: 12px; padding: 8px 12px; background: rgba(0,0,0,.04); border-radius: 8px; border: 2px solid transparent } .property-set-morebuy .more-buy-box:hover { border: 2px solid #FF4132 } .property-set-morebuy .more-buy-box .mz-checkbox { position: relative; display: inline-block; vertical-align: middle; margin-right: 12px; width: 18px; height: 18px; border: 1px solid #d6d6d6; text-align: center; font-size: 10px; line-height: 17px; background: #fff; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: 50% } .property-set-morebuy .more-buy-box .mz-checkbox.checked { border-color: #FF4132!important; background-color: #FF4132!important } .property-set-morebuy .more-buy-box .mz-checkbox.checked:before { content: ''; color: #fff; width: 20px; height: 20px; position: absolute; right: -1px; bottom: -1px; background-position: center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJBAMAAAAbVLtZAAAAJFBMVEUAAAD6+fn6+fn6+fn6+fn6+fn6+fn6+fn6+fn6+fn6+fn6+fl911MYAAAAC3RSTlMAcmL5TYuwloNhPwGhwdUAAAA1SURBVAjXYwADZQcwxbRbgIELSGtvZGCQDgBzGZy3grkMLNZBIC5QYPdGsGLO3QUQzW0gAgBJ7gno+zgkXwAAAABJRU5ErkJggg==) } .property-set-morebuy .more-buy-box img { width: 60px; height: 60px; margin-right: 8px; border-radius: 4px } .property-set-morebuy .more-buy-box .more-buy-title { font-size: 14px; width: 320px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .property-set-morebuy .more-buy-box .more-buy-text { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-size: 14px; margin-top: 4px } .property-set-morebuy .more-buy-box .more-buy-text .more-buy-price { display: -ms-flexbox; display: flex; -ms-flex-align: baseline; align-items: baseline; margin-right: 8px } .property-set-morebuy .more-buy-box .more-buy-text .more-buy-price .more-buy-discount-price { font-size: 12px; color: #A6A6A6; margin-left: 2px } .property-set-morebuy .more-buy-box .more-buy-text .more-buy-save-money { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; background: #fff; border-radius: 11px; color: #333; font-size: 12px; padding: 2px 10px 2px 8px } .property-set-morebuy .more-buy-box .more-buy-text .more-buy-save-money .icon-save-money { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAfFJREFUOE+llE9IVFEUxr8zJczGopVv3r6VoKAiIYmUEUK6EGzRRgShmkUEsxBqo7iINiIUhpC0kYJwIboZwQZSFxIRSO2iRUS9NyL+IcE/M/fcE+/FjO/Nu47z8MKFy7v3/e53znfOJRiGPLcaIYkBKABFABrw1948Ppqklzt/Tf9538gIfGbPQGEYDPjTA5XWwk00ufktHnDc3oBCcxlyAj2E69TTnL9jHBGFMoYkdGofTBdDyjyVGus05XScBjOGLGNWOwqJT5FwPaDgBU07j+MBn1hpcOKVMX9K7tMb93U84EhqBkzD5XCDhjD2oGQvdJlGhhbc+dIl0Rxm7A0wmiP5Mzmu8AVJp4PmUDACZQhJXDIYEiydE8U7KOpWWsr/DKYgpFAeWe1ggyGVtciioaSXsvlsZT7DwIdWGjpgiFmZV+TjlHVGTeaEgQ9SbWC6U24zRisU+ipMWEbW6aH/DRkZxtYrnZK7qQwUTZSBGr9QoBbK/dmuuVOCB6XffgfGPV+xRgFFfZ1y+c+x6jAE7LO/g3HVV6glTcvudDXYqa+NtyG3rlxGXXIXTAQts/TBHTwLVh14u+EmcCEHxlccJK7R+u/D8wG77REInkIX2+jj1o9aYNUV3rDfg/ktrW4u1gqrDuy0umgtvxIH5p39B+cS9hXKBrwkAAAAAElFTkSuQmCC); background-size: cover; background-repeat: no-repeat; background-position: center center; width: 12px; height: 12px } .property-set-morebuy .more-buy-box .more-buy-btn { position: absolute; z-index: 999; right: 12px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 14px } .property-set-morebuy .more-buy-box .more-buy-btn a { display: block; width: 23px; text-align: center; background: rgba(0,0,0,.04) } .property-set-morebuy .more-buy-box .more-buy-btn a.more-buy-minus { border-radius: 13px 0 0 13px } .property-set-morebuy .more-buy-box .more-buy-btn a.more-buy-plus { border-radius: 0 13px 13px 0 } .property-set-morebuy .more-buy-box .more-buy-btn a.disabled { color: #CCC } .property-set-morebuy .more-buy-box .more-buy-btn span { border: none; width: 38px; text-align: center; background: rgba(0,0,0,.04); margin: 0 2px } .property-set-morebuy .more-buy-box.checked { border: 2px solid #FF4132; background: #fff } .property-set-morebuy .more-buy-box.checked .more-buy-save-money { background: rgba(0,0,0,.04) } .property-buy .vm-metatit,.property-huabei .vm-metatit,.property-service .vm-metatit,.property-set .vm-metatit,.property-sibling .vm-metatit { display: inline-block; padding-right: 40px } .property-service .vm-metatit { line-height: 18px } .property-service .property-service-item { display: none } .property-service .property-service-item .mod-bd { display: -ms-flexbox; display: flex } .property-service .property-service-item .mod-bd span { display: -ms-flexbox; display: flex; margin-right: 20px; color: #8c8c8c; line-height: 20px } .property-service .property-service-item .mod-bd span a { display: -ms-flexbox; display: flex; color: #8c8c8c } .property-service .property-service-item .mod-bd span i { margin-right: 8px; line-height: 18px; color: #595959 } .property-service .property-service-suda { position: relative } .property-service .property-service-suda .vm-metatit { line-height: 42px } .property-service .property-service-suda .site-status { display: -ms-flexbox; display: flex; font-size: 12px; color: #4D3D25; border-radius: 4px; border: 1px solid #DBA64B; position: absolute; right: 0; top: 0; width: auto } .property-service .property-service-suda .mod-site { position: relative; padding: 9px 0; background: rgba(0,0,0,.04); border-radius: 19px } .property-service .property-service-suda .mod-site .site-selector { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center } .property-service .property-service-suda .mod-site .site-selector .text { height: auto; line-height: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center } .property-service .property-service-suda .mod-site .site-selector .icon-location { margin-right: 4px; width: 14px; height: 14px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAzZJREFUSEudll+ojlkUxn8nF0QRRU25GOWCUkSNKKIo4kLIhGaUhiii/CtThBKiyAUhSo0iikYNEWVCFKERSlGUMjUaRSlKv9PaX/vb533P952z69Tp/fbaz/r3PGt10PMzPDN5B3zryRMdbVweCCwCZgHjgX6FzT/AVeAs8LbVe90B9gHWAKuAQfHQK+Al8AHoD4wERsVvX4EzwG7gYx1wHeBQ4DQwFvgfOAWcA15XPDQkMqBjw4A3wHLgaRVoFaBgF4ERwE1gPfBvq1QBA4DNwArgE/Az8LC0KwH7An8CY4DjwPY2gMorAu4A3gMzS2dLQD00oiuRliq8H4EfIooXwJeKSxsA/7q8kwOaynvAZ2ByReGnATujURKGqTMThwpgG+5y9MAC4G4yyAGTVz56tPA6pcnPfwOPI8oZ0cH3gaURdTL1NxtP4JVVgLcA0zUO+C8D/CmayJrYfXkjyNGDwVEpsbFw9AEwGBidMpAi1PB5eD67MPoDmA78ClyvqJfdeSMinlA0yX5gCTA3OZoAVRBDl2s2TX4kuxJmXevOOmALsBq4lF36Lerum75NApwEXIj07MsMUuR3gIXdACp9pnYbcCK71+V7Akx1qqqDEVq/ib2IcDFwILLWFKG8ssDXgGXFw3aaHWfDyKvyWEMbTlqVNTRiJa9hm9PiWYwaVSY/1lepU5ClR4NTgCk/BkwNvf29sHWCTAlH7INGDf1fQ7tpHiCv8pPz0HqqMEbkY06SKh4q6o9iZDUaLo/QeXeyJGqG6uNbQz3SZ/nqJLFhykGchGRvKFGnTQ6oHFkLp4TgT2qaxHorEKZY7lZNfKO7HcPahmxMm1K854Q2OsUVgB6tD5mDqTxN0ZURpvuKscAqzKZuqFD3UyK70TuempyuGsB23l+R2iPArh6A6qg2jiwz5DrSdOpWDHeV87EytDuI1cw9AebkKDu9S9OUzuSgCsLamuXIZpPgabWQ5I6wytNqTcyXKZcjRTgnvk4dDqpIbMGclbWnFaCG7jnuKI4njyLvhJ8fsuWe6tjSmXyO9irC3EjiWyN5mo4AbgidwtzOaSfC/B2j/SXqpZA7CWqX3ioHvgMIGbUdrpHVNwAAAABJRU5ErkJggg==); background-size: cover; background-repeat: no-repeat; background-position: center center } .property-service .property-service-suda .mod-site .icon-bottom { width: 18px; height: 18px; display: -ms-inline-flexbox; display: inline-flex; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAANhJREFUWEftkjEKwkAQRV+8h6WghYVgo/dHG8HCQsHSe4iMZCHEmJ/JGLCY7bKzO3n75lf82ar+jIcEUhNJQ2lIGVD1zFAaUgZUPTM0haEZ8FSN67rn7PuKd2QrYA0cgYeAmgM74AJcBz7ADbQAtrWhQw+UwewBM3QC7lMBWd8NsOyBasLcgPNQmDEjK72/QYVgIkBdpmyvjMltprzUG+q2/aYpq1lmRsNEDbXHZ98hmF8BWR8LeQHyZPjjbHRkoZ93XU4gpTQNpSFlQNUzQ2lIGVD1zJAy9ALOCh8l+Sc/bAAAAABJRU5ErkJggg==); background-size: cover; background-repeat: no-repeat; background-position: center center } .property-service .property-service-provider { margin-top: 5px; margin-left: 30px; color: #8c8c8c; display: -ms-flexbox; display: flex; line-height: 20px } .property-service .property-service-provider .vm-kefu { margin-left: 10px; color: #ff4132; display: -ms-flexbox; display: flex } .property-service .property-service-provider .vm-kefu i { margin-right: 3px } .property-installment { position: relative; margin-top: 20px } .property-installment .vm-metatit { position: relative; line-height: 44px } .property-installment .vm-metatit span { font-size: 12px; color: rgba(0,0,0,.5) } .property-installment .vm-desc { position: absolute; left: 80px; top: 0; color: #8c8c8c } .property-installment .vm-desc i { color: #8c8c8c } .property-installment .installment-swiper-btn { width: 18px; height: 18px; border-radius: 50%; position: absolute; top: 20px; background: 0 0; cursor: pointer; transform: translateY(-10px) } .property-installment .installment-swiper-btn:hover { background-color: #1a1a1a } .property-installment .installment-swiper-button-next,.property-installment .installment-swiper-button-prev { background-color: #ccc; background-size: cover; background-repeat: no-repeat; background-position: center center; z-index: 1 } .property-installment .installment-swiper-button-prev { right: 30px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAATJJREFUOE+tlM1KhUAcxc+1pDtii6QPgqBnGUTwMW5bV76GKx/jLs2F7ly4qjeJG9EmisKKOBcHJpmZFJrNgJ7/b87/Y2YF8zoCEADgfjhKPgF8AHgb91+RqwmHQScAhOUA9fkdwDMAwvdLB/H0UwAHf0DU7y8AT8qdAtHJxQKIDtvRmQKdA1jbnEgpRRAEXtM0rwYN03wkiCnRjXFlWRaVZbkdhuEhDMONRbYjiMU9NgkUxPf9667rNkmS3FtALwRdAvCnAh3S9/2NlPLO0YSBoCsAni5K01TUdX1LJzMgDP02guI4XrdtWy8FGVPL8zwqimI7E7ZPzVpsHTan2M72K9ic9rNYzoFk8YUQXlVVzoEk6N+uCGFM8Ww6Co7ZMV5apaezyHXvRqHzGdEPX/yw/QBM2G6t9FUpPgAAAABJRU5ErkJggg==) } .property-installment .installment-swiper-button-next { right: 0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAASpJREFUOE+tlM1Kw0AUhU+rpkpxo9QWwffQbSCQrOK6L5FN3iSbrNTXSAgkr+KuregmSJRokTN0YBpnMi3kbgZm7nz3Z86dEfQ2ATAFwPV05/ID4BvA527duznqcHjpCsCFIYDcbgB8ACBcmApi9BmAEwtEHv8CeJPZSRAzWRwBUWErZiZBcwDn3UyCIJg2TbOtqoqlmOwLwJogAgj6Z3VdvziOs4iiaJmmKXtiMgFicy91HlmW3Xue99y27asFVhN0C+DMFKooigfXdZ8ssJagOwDjvpdSYb7vP5Zlyb6oth0UdHBpcRwvkyTRNV2UdlCzeyAsUTTb+vwWCEErKcgb3XyFYSgEmed5nyB5thl8RJjeIEMrNcHhvdbNXUc31NG76RtRfY/+2P4ABO2OtNRBKmcAAAAASUVORK5CYII=) } .property-installment .swiper-container-bank { padding-top: 8px; margin-top: -8px; overflow: hidden; position: relative } .property-installment .swiper-container-bank .swiper-wrapper { padding-bottom: 10px } .property-installment .swiper-container-bank .swiper-slide:nth-child(n) { cursor: pointer; min-height: 56px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: auto; min-width: 144px; margin-right: 6px; border-radius: 8px } .property-installment .swiper-container-bank .swiper-slide:nth-child(n):hover { border: 2px solid #FF4133 } .property-installment .swiper-container-bank .bank-box { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; padding: 8px 12px; background: rgba(0,0,0,.04); border-radius: 1px; border: 2px solid #fff; position: relative } .property-installment .swiper-container-bank .bank-selected { border: 2px solid #FF4133; background: #fff } .property-installment .swiper-container-bank .bank-icon { width: 88px; height: 28px; background-size: contain; background-repeat: no-repeat; background-position: center center; border-color: #fff } .property-installment .swiper-container-bank .tag-list { display: -ms-flexbox; display: flex; margin-top: 4px } .property-installment .swiper-container-bank .tag { background: linear-gradient(180deg,#47433B 0,#2E2A26 100%); border-radius: 6px; opacity: 1; border: 1px solid #F2D9BB; padding: 1px 4px; margin-right: 6px; font-size: 12px; line-height: 18px; color: #F2DCCE; white-space: nowrap } .property-installment .swiper-container-bank .tag-list .tag:last-child { margin-right: 0 } .installment-box-list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 569px } .installment-box-list .installment-box { cursor: pointer; min-width: 102px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding: 8px 10px; background: #fafafc; border-radius: 8px; border: 2px solid #fff; margin-right: 8px; margin-top: 8px; -ms-flex-direction: column; flex-direction: column; font-size: 14px; color: #333 } .installment-box-list .installment-box:hover { border: 2px solid #ff4132 } .installment-box-list .cost { font-size: 12px; color: rgba(0,0,0,.35) } .installment-box-list .installment-selected { border: 2px solid #ff4132; background: #fff; color: #FF4133 } .installment-box-list .installment-selected .cost { color: #333 } .property-huabei { position: relative; margin-top: 20px } .property-huabei .vm-metatit { position: relative; line-height: 44px } .property-huabei .vm-desc { position: absolute; right: 25px; top: 0; color: #8c8c8c } .property-huabei .vm-desc i { color: #8c8c8c } .property-huabei .property-huabei-bd { display: -ms-flexbox; display: flex; overflow: hidden } .property-huabei .property-huabei-bd a { padding: 26px 0; height: auto; cursor: pointer; margin-right: 8px; margin-bottom: 0 } .property-huabei .property-huabei-bd a:last-child { margin-right: 0 } .property-huabei .property-huabei-bd a>span { display: block; line-height: 18px; font-size: 16px; color: #333 } .property-huabei .property-huabei-bd a>span.vm-rate { color: #8c8c8c; font-size: 14px; padding-top: 3px; font-weight: 400 } .property-huabei .property-huabei-bd a>span.vm-rate em { font-size: 10px; margin-right: 2px } .property-huabei .property-huabei-bd a>span.vm-active { color: #e03d3d } .property-huabei .property-huabei-bd a.selected,.property-huabei .property-huabei-bd a.selected .vm-rate { color: #000 } .property-huabei .property-huabei-bd a.selected .vm-active { color: #e03d3d } .property-huabei .property-huabei-bd .vm-periods { display: block; line-height: 18px; font-size: 16px; color: #333 } .property-huabei .property-huabei-bd .vm-periods:before { content: " \A5"; color: #333; font-size: 12px; margin-right: 2px; text-indent: initial } .property-control .mod-control { line-height: 36px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 18px } .property-control .mod-control a { display: block; width: 37px; text-align: center; background: rgba(0,0,0,.04) } .property-control .mod-control a.vm-minus { border-radius: 19px 0 0 19px } .property-control .mod-control a.vm-plus { border-radius: 0 19px 19px 0 } .property-control .mod-control a.disabled { color: #CCC } .property-control .mod-control input { border: none; width: 50px; text-align: center; background: rgba(0,0,0,.04); margin: 0 2px } .property-buy .property-buy-action { display: -ms-flexbox; display: flex; margin-bottom: 22px; position: relative } .property-buy .property-panic-buy,.property-buy .property-pre-sale { display: none; text-align: center; font-size: 14px; color: #C2803E; margin-top: -8px; margin-bottom: 20px } .property-buy .vm-message { position: relative; font-size: 16px; margin-left: 10px; color: #e02b41 } .property-buy .vm-message.error { padding-left: 25px } .property-buy .vm-message.error:after { content: ""; position: absolute; left: 0; top: 5px; width: 16px; height: 16px; background: url(../img/icons-2c4d460064.png) left -40px no-repeat } .property-buy .mod-control { position: relative; z-index: 1; height: 35px; width: 102px; margin-right: 30px; overflow: hidden; float: left; border: 1px solid #d6d6d6 } .property-buy .mod-control a,.property-buy .mod-control input { position: absolute; top: 0; height: 35px; line-height: 35px; font-size: 16px; text-align: center } .property-buy .mod-control a { right: 0; width: 30px; text-decoration: none; color: #ff4132 } .property-buy .mod-control a.disabled { cursor: default; color: #333 } .property-buy .mod-control input { left: 21px; width: 60px; padding: 0; border: none; color: #595959; background: 0 0 } .property-buy .mod-control .vm-minus { right: auto; left: 0 } .property-buy .vm-service { padding-top: 20px } .property-buy .vm-service a { color: #000 } .property-buy .vm-tips { position: relative; margin-left: 15px; padding: 0 5px; line-height: 20px; border: 1px solid #dedede } .property-buy .vm-tips .s-triangle { position: absolute; top: 2px; left: -6px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #c9c9c9 } .property-buy .vm-tips .s-triangle:after { position: absolute; top: -5px; left: 1px; content: ""; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 6px solid #fff } .property-buy .vm-tips em { cursor: pointer } .property-buy .btn-discount-count-down { display: none; position: absolute; right: 4px; top: -17px; background: #FFECEB; border-radius: 13px 24px 0 13px; font-size: 14px; color: #FF4133; padding: 2px 12px 2px 10px } .property-buy .btn { padding: 15px 0; width: 208px; font-size: 18px; line-height: 24px; border: none } .property-buy .btn.btn-add-cart,.property-buy .btn.btn-buy { border-radius: 24px; color: #fff; padding: 12px 0; line-height: 24px } .property-buy .btn.btn-empty { font-size: 18px } .property-buy .btn.btn-buy { background: linear-gradient(270deg,#FF6047 0,#FA3C3C 100%); width: auto; -ms-flex: 2; flex: 2 } .property-buy .btn.btn-add-cart { min-width: 40%; -ms-flex: 1; flex: 1; margin-right: 18px; background: linear-gradient(90deg,#FFB83D 0,#F93 100%); font-size: 16px; font-weight: 500; height: 24px } .property-buy .btn.notlogin { background: #ff4132 } .property-buy .btn.disabled { background: #acacac } .property-buy .btn.new-btn { background: linear-gradient(270deg,#FF6047 0,#FA3C3C 100%); opacity: 1 } .property-buy .prod-service span { position: relative; min-width: 25%; padding-bottom: 15px } .property-buy .prod-service span i { color: #e03d3d; margin-right: 8px } .property-buy .prod-service span b { position: absolute; padding: 16px; opacity: 0; color: #666; font-size: 12px; background: #fff; left: -50%; top: 30px; box-shadow: 0 4px 6px rgba(0,0,0,.1); font-weight: 400; width: 254px; border-radius: 8px } .property-buy .prod-service span b::before { z-index: 0; content: ""; position: absolute; left: 50%; top: -6px; transform: translateX(-50%) rotate(45deg); width: 10px; height: 10px; border-style: solid; border-width: 0; background-color: #fff; box-shadow: 0 -10px 12px 1px rgba(0,0,0,.08) } .property-buy .prod-service span.show-desc:hover b { opacity: 1 } #J_property_buy_package,#J_property_buy_price,.property-buy-quantity .vm-metatit { display: none } #J_property_buy_info { position: relative; line-height: 26px } .property-buy-quantity .vm-count { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding: 30px 0; -ms-flex-align: start; align-items: flex-start } .property-buy-quantity .vm-count .more-buy-box { margin-top: 10px; font-size: 14px; font-weight: 500; color: rgba(0,0,0,.2) } .property-buy-quantity .vm-count .more-buy-box .more-buy-text { font-size: 14px; font-weight: 400; color: rgba(0,0,0,.5); display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center } .property-buy-quantity .vm-count .more-buy-box .more-buy-text .more-buy-icon { width: 14px; height: 14px; background: rgba(0,0,0,.08); border-radius: 50%; color: #fff; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin-right: 4px } .property-buy-quantity .vm-count .vm-c-list { -ms-flex: 1; flex: 1; overflow: hidden; font-size: 14px; color: rgba(0,0,0,.5) } .property-buy-quantity .vm-count .vm-c-list em { float: right } .property-buy-quantity .vm-count .vm-c-list:nth-child(3) { display: none } .alert-message i,.icon { display: inline-block } .property-buy-quantity .vm-c-wp { margin-right: 25px; overflow: hidden } .property-buy-quantity .vm-c-wp strong { float: left; color: #e03d3d; font-size: 28px; font-weight: 500 } .property-buy-quantity .vm-c-wp strong i { font-style: normal; font-size: 16px } .property-buy-quantity .vm-c-wp .mod-control { float: right; margin-right: 0 } .property-related { margin-top: 50px } .property-related li { float: left; margin-right: 30px } .alert-message i,.property-related li img { margin-right: 10px; vertical-align: middle } .property-related li a:hover { color: #000 } .layer-promo-mask-bg { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.4); z-index: 999 } .layer-promo { position: fixed; top: 80px; left: 50%; width: 585px; height: 82vh; padding-bottom: 10px; background: #fafafa; z-index: 1000; margin-left: 35px; border-radius: 12px } .layer-promo .layer-promo-hd { line-height: 1; font-size: 18px; text-align: center; color: #333; margin-bottom: -20px; margin-top: 28px; min-height: 60px } .layer-promo .layer-promo-bd { padding: 32px; height: calc(82vh - 150px); overflow: auto } .layer-promo .vm-close { position: absolute; right: 12px; top: 28px; width: 20px; height: 20px; line-height: 20px; color: #ccc; text-indent: -999em; font-family: iconfont!important; font-size: 12px } .layer-promo .vm-close:before { content: "\E607"; position: absolute; left: 0; text-indent: initial } .icon { width: 16px; height: 16px; background: url(../img/icons-2c4d460064.png) -999em -999em no-repeat } .icon.icon-service { background-position: 0 -100px } .icon.icon-shandian { background-position: -48px -38px } .icon.icon-favorite { background-position: -20px -100px; height: 18px; width: 18px } .icon.icon-success { background-position: 0 -120px; height: 60px; width: 60px } .icon.icon-warning { background-position: 0 -180px; height: 60px; width: 60px } .alert-message { margin-top: 30px } .alert-message .alert-message-bd { display: inline-block; overflow: hidden; text-align: left; font-size: 18px; margin-left: 10px; vertical-align: middle } .alert-message .alert-message-bd a { display: block; line-height: 1.8; font-size: 12px; color: #000 } .compare-btn-list { cursor: pointer; color: #000; margin-left: 40px; font-size: 12px } .compare-btn-list .compare-duibi { font-size: 13px; margin-right: 4px; color: #000 } .compare-btn-list:hover { color: #000 } .swiper-pagination-package { position: absolute; text-align: center } .swiper-pagination-package .swiper-pagination-bullet { width: 14px; height: 2px; border-radius: 0; margin: 0 4px } .swiper-pagination-package .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #333 } .detail-tab { position: relative; width: 100%; background: #f7f7f7 } .detail-tab .fixed-container { position: relative; width: 1240px; display: -ms-flexbox; display: flex; margin: 0 auto } .detail-tab.fixed .fixed-container { border-bottom: none } .detail-tab.fixed .shortcut { opacity: 1; filter: alpha(opacity=100); transform: none; -webkit-transform: none } .detail-tab li { float: left; position: relative; z-index: 1; margin-right: 95px } .detail-tab li a { display: block; padding: 0 5px; line-height: 58px; font-size: 16px; color: #333; text-decoration: none; transition: color .3s } .detail-tab li a.current,.detail-tab li a:hover { color: #000 } .detail-tab li.current a { color: #000; border-bottom: 2px solid #000 } .detail-fast-float { position: fixed!important; top: 0; left: 0; z-index: 10001; height: 120px; display: none; background: #fff!important; box-shadow: 0 1px 15px 2px #ccc; opacity: 1 } .detail-fast-float ul { display: none } .detail-fast-float ul li a { line-height: 79px } .detail-fast-float .mod-total { font-size: 16px; color: #333; opacity: 0; margin-right: 20px; line-height: 20px; text-align: right } .detail-fast-float .mod-total .vm-price { margin-left: 10px; font-size: 20px; vertical-align: middle; color: #000 } .detail-fast-float .mod-total .vm-price i { font-size: 16px; font-style: normal } .detail-fast-float .mod-total .vm-title { font-size: 12px; line-height: 20px; color: #999 } .detail-fast-float .shortcut { opacity: 0; filter: alpha(opacity=0); transform: translateY(-100%); -webkit-transform: translateY(-100%); overflow: hidden } .detail-fast-float .shortcut .shortcut-con { padding-top: 33px } .detail-fast-float .shortcut .shortcut-con>div { float: right; *zoom:1} .detail-fast-float.fixed { display: block; animation-name: slideInDown } .detail-fast-float.fixed .shortcut .mod-buy { margin-left: 0 } .detail-fast-float.fixed .shortcut .mod-buy .btn { background: #ff4132; border-radius: 0; font-size: 18px; width: 192px; height: 56px; line-height: 56px; padding: 0; box-sizing: border-box } .detail-fast-float.fixed .mod-total { opacity: 1 } .detail-fast-float.float-button .shortcut-con { right: 0 } .detail-fast-float.float-nav ul { display: block } .detail-desc { -ms-flex: 1; flex: 1; display: -ms-flexbox; display: flex; margin-right: 12px } .detail-desc img { display: block; height: 90px; float: left; margin-top: 15px } .detail-desc .detail-desc-info { display: -ms-flexbox; display: flex; width: 450px; font-size: 18px; padding-top: 15px; padding-left: 10px; -ms-flex-align: center; align-items: center } .detail-desc .detail-desc-info em,.detail-desc .detail-desc-info span { display: block; line-height: 30px } #J_prodService { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .funding_container_bg { height: 128px; width: 100%; margin-bottom: 20px; background: #ff4132 } .funding_container_bg .funding_container_count { padding: 13px 80px; display: -ms-flexbox; display: flex; -ms-flex-pack: space-evenly; justify-content: space-evenly; -ms-flex-align: center; align-items: center } .funding_container_bg .funding_container_count .circle_time { width: 60px; height: 60px; border: 6px solid rgba(255,255,255,.4); border-radius: 45px; font-size: 38px; color: #9e9e9e; font-weight: 500; text-align: center; line-height: 60px } .funding_container_bg .funding_container_count .circle_time .time_tip { color: #fff; font-size: 12px; position: relative; top: -8px } .funding_container_bg .funding_container_count .circle_time .count-font { color: #fff; font-weight: bolder } .funding_container_bg .funding_container_count .quotation { font-size: 55px; position: relative; top: -15px } .funding_container { margin-bottom: 20px } .funding_container .progress_detail { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; position: relative; margin: 0 1% } .funding_container .progress_detail .blue_progress,.funding_container .progress_detail .grey_progress { margin-top: 30px; width: 100% } .funding_container .progress_detail .progress_number { font-size: 12px; position: absolute; left: 0; top: 32px; background: #FF4747; border-radius: 11px; color: #fff; padding: 2px 8px } .funding_container .progress_detail .blue_progress progress::-webkit-progress-bar { border-radius: 20px; background-color: #f0f0f0 } .funding_container .progress_detail .blue_progress progress::-webkit-progress-value { border-radius: 20px; background: linear-gradient(to right,#ff6955,#d32929) } .funding_container .progress_detail .blue_progress progress { height: 6px; width: 100%; background-color: #fff } .funding_container .progress_detail .grey_progress progress::-webkit-progress-bar { border-radius: 20px; background-color: #f0f0f0 } .funding_container .progress_detail .grey_progress progress::-webkit-progress-value { border-radius: 20px; background: #9e9e9e } .funding_container .progress_detail .grey_progress progress { height: 6px; width: 100%; background-color: #fff } .funding_container .fund_info { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-pack: justify; justify-content: space-between; color: #1a1a1a; text-align: center; margin-top: 20px; font-size: 14px } .funding_container .fund_info #_funding_price_color { text-align: center } .funding_container .fund_info .info_title { color: rgba(0,0,0,.5); font-size: 14px; text-align: center } .support_info { margin-top: 20px; padding: 12px 14px; background: rgba(0,0,0,.04); border-radius: 12px; color: #000 } .support_info span { display: block } .support_info span:last-child { color: rgba(0,0,0,.35); margin-top: 6px } .funding_methods { margin-top: 20px; margin-bottom: -10px } .funding_methods .selected { border-color: #ff4132; background-color: #fff; color: #ff4132 } .funding_methods dd { display: -ms-flexbox; display: flex; margin-right: 0; overflow: hidden; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between } .funding_methods a { position: relative; width: 49.2%; height: 38px; line-height: 1; margin: 0 0 10px; background-color: rgba(0,0,0,.04); white-space: nowrap; border: 2px solid #f5f5f5; color: #333; text-align: center; text-decoration: none; font-size: 14px; box-sizing: border-box; border-radius: 19px; padding: 9px 0 } .funding_methods a:hover { border-color: #ff4132 } .property-content img { margin-bottom: 21px } .property-content .line { width: 60%; height: 2px; background: rgba(0,0,0,.15); border-radius: 2px; margin-top: 7px; margin-left: -12%; margin-right: -12% } .text-33333 { color: rgba(0,0,0,.35) } .new_tag,.text-white { color: #fff } .bg-E03D3D { background: #e03d3d } .w-568 { padding: 24px 6px } .flex { display: -ms-flexbox; display: flex } .align-center { -ms-flex-align: center; align-items: center } .justify-center { -ms-flex-pack: center; justify-content: center } .justify-evenly { -ms-flex-pack: space-evenly; justify-content: space-evenly } .justify-between { -ms-flex-pack: justify; justify-content: space-between } .w-168 { width: 168px } .w-full { width: 100% } .text-center { text-align: center } .font-medium { font-weight: 500 } .font-normal { font-weight: 400 } .text-base { font-size: 16px } .recommend_tui,.text-xs { font-size: 12px } .w-16 { width: 16px } .h-16 { height: 16px } .mb-12 { margin-bottom: 12px } .el-center { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column } .mr-4 { margin-right: 4px } .px-5 { padding-left: 5px; padding-right: 5px } .px-28 { padding-left: 28px; padding-right: 28px } .h-36 { height: 36px } .w-568 { width: 568px } .mt-15 { margin-top: 15px } .ml-18 { margin-left: 18px } .mt-8 { margin-top: 8px } .mt-28 { margin-top: 28px } .mt-30 { margin-top: 30px } .mb-15 { margin-bottom: 15px } .border-d6d6d6 { border: 1px solid #d6d6d6 } .box-border { box-sizing: border-box } .ml-42 { margin-left: 42px } .recommend_tui { height: 16px; line-height: 16px; width: 36px; background-color: #ff4132; color: #fff; text-align: center; border-radius: 8px 0; position: absolute; top: -8px; right: 0 } #previewPagination { transition: all .5s } #preview .swiper-pagination-wp { height: 100px; overflow: hidden; -ms-flex-pack: start; justify-content: flex-start } .swiper-pagination-wp .wrap { cursor: pointer; height: 39px; width: 39px; border: 1px solid #ccc; border-radius: 50%; display: -ms-flexbox; display: flex; margin: auto; -ms-flex-negative: 0; flex-shrink: 0 } .swiper-pagination-wp .wrap .inner { margin: auto; height: 11px; width: 11px; border: 1px solid #ccc; border-left-color: transparent; border-top-color: transparent } .wrap_left_fa,.wrap_right_fa { width: 50px; height: 100%; background-color: #fff; position: absolute; z-index: 10; display: -ms-flexbox; display: flex } .swiper-pagination-wp .wrap .inner_left { transform: rotate(135deg) } .swiper-pagination-wp .wrap .inner_right { transform: rotate(-45deg) } .wrap_left_fa { left: 0; -ms-flex-pack: center; justify-content: center } .wrap_right_fa { right: 0; -ms-flex-pack: center; justify-content: center } .new_tag { height: 37px; line-height: 37px; background-color: #e03d3c; margin-bottom: 26px; padding: 0 20px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between } .property-recycle { margin-top: 28px } .property-recycle .exchange-box { background: #FFF9F2; border-radius: 8px; padding: 8px; position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center } .property-recycle .exchange-box img { height: 60px; width: 60px; margin-right: 8px } .property-recycle .exchange-box .exchange-desc { color: #1A1A1A; margin-bottom: 2px; font-size: 14px } .property-recycle .exchange-box .exchange-price { color: #595959; font-size: 12px } .property-recycle .exchange-box a { width: auto; padding: 5px 16px; position: absolute; right: 16px; border-radius: 15px; font-size: 14px; font-weight: 500; color: #FF4132; border: 1px solid #FF4132; background: #FFF } #J_prodGift dd { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: start; cursor: pointer; display: block!important } #J_prodGift { display: -ms-flexbox; display: flex } .mr-10 { margin-right: 10px } .vm-entry { -ms-flex-negative: 0; flex-shrink: 0 } .text-595959 { color: #595959 } .prod-info-mainFeatures { display: -ms-flexbox; display: flex; border-radius: 12px; margin-bottom: 24px; background: rgba(0,0,0,.04) } .prod-info-mainFeatures .icon-list { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; text-align: center; font-size: 14px; padding: 20px 34px; cursor: pointer } .prod-info-mainFeatures .icon-list div { width: 28px } .prod-info-mainFeatures .features-icon { display: block; height: 28px; background-size: contain; background-repeat: no-repeat; background-position: center } .prod-info-mainFeatures .features-icon.icon-PK { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAABBlJREFUWEftV1FoXEUUveftLrxgRAnFGhAMqCCLbt67Y8FKPxW0tj8i2lLEgq00iKi0FkVQsKKIgoJF21o/lNJaigoaqWjBD6MW7cy8NJqCigYaWhrdpdRAluibkbfsht1hNtll/ejHPtife+85c+bc++bNgi7zB5e5PuoL7LVDfQf7DvbqQK/4/gz+rw4y891E9OBypACqxphzAJK5ubkTs7OzC259FEUjQRC84OH5Qil1tDkeRdHVAF4DkHfrrbUTLS1m5v0AHu1i15estU8rpQ40Y5h5C4BDLk+aptuTJDnYiBeLxcEwDI8DWOdZc2JhYeEeV+APANZ0IbBWaox5WGv9QQPHzJkju1weY8warfWpejzPzF8vJ256enq+WWAghJgnooFuBRLRWSnl9URkMywzfwXgTofn33K5fOXMzEyViPJCiCNEdH875zJxWW5JYBzHxSAIfvbMwUUiyn4EYHW7DaRpGidJktQF/glglcP1k5Ty1nr+CIBNK4lzBW4OguCwpy3btNbvZfGRkZFwaGjoGIANno1sVEqNl0ql6wqFwllP/pBS6iFmfgPAk52IaxHIzK8C2L3C3FAURffmcrlxT916rfVxZt4A4DOPgF3GmFVBEDzTqbgWgUKIL4noLgeclsvlwfrc1FLMvBHApx6HRpVSp5n5OQAvefLjPueJqPa2NmbOxS3NIDNfAHBNc4G19oxSqtgci+P4YBAEjzh18wCGpJT/CCGOtRl+77tnrV2rlDrpTTZeEiHEMBGd8+z6Q6XU5ixer9lKRC97yA5LKbfUHf4VwI3tFvSssVcp9fiyAqMoWp/L5T7vlNRxb9FaG2utp7ODd2Bg4O9ueKy1FyuVynDzGDXjay0WQjzbxpkV17LWPqWUejMrHB0dXZfP579ZEeQOeppuTZLkfR+uJpCZjwJ4oFtiItojpXy+gWPmxwDs7ZbHWntSKbV2OYG/ALipC2JtjNmttT7RjBFCvENEO9rwTFhrMyPe8uWbD/qWFpdKpSsKhULts+LM1mki+tgJ/5Wm6XeTk5Patwgz/wjgNk+udpRk8TAMzwMY9NTsk1KOuXFEUXRHLpf71k0YY/ZorZfa14m7Qojs6hU6G/2tWq3GjXNOCPEuEW3zGDJfrVaH3fMQ7ebGWnufUuqTToRlNaVS6ZZCoTDlWbjlGGHm2wF87+O11u5QSu1vaTEzHwCw3QUsLi7eMDU19XunAuM43hQEQXZDaXmMMWNa633NQWY+A+Bmz2ZOKaVarnuZg7474CUp5VWdisvqOrwD1iiFEDuJ6HUfv3NnJMRx/DaAljsggD+klC92I1AI8YS1NnIxlUplzD2Ei8XitWEYvtKmzeNa648auf6/um664KvtO9h3sFcHesX3Z7DvYK8O9Ir/D/rO5Lhd9wRoAAAAAElFTkSuQmCC) } .prod-info-mainFeatures .features-list { position: relative; display: -ms-flexbox; display: flex; height: 80px; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; overflow-x: scroll; width: 660px; padding: 20px 0 14px; margin-left: 34px } .prod-info-mainFeatures .features-list .features-items { position: relative; min-width: 96px; text-align: center; margin-right: 32px } .prod-info-mainFeatures .features-list .features-items em { display: block; font-size: 12px; height: 18px; line-height: 18px; margin-top: 6px; color: grey } .prod-info-mainFeatures .features-list .features-items span { display: block; color: #333; line-height: 1.6; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .prod-info-mainFeatures .features-list .features-items .icon-cpu { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAyNJREFUWEftWL9PFEEU/t6sdFoQLCwtKExUjp0t1OSMmGDif2BxFiAkmogdJDZ2JhTQiYkmKpBg4V+giSRiMFGLfbtAgwmFJhYUEgqpDnafmXWWLGTv9g6PeFGuucns2zff++b9XEKb/ajN8KApQFrrCoAnAK4x86fUGNd135l1EARX071SqVR2HOc1gDvM/LJRw5sFNE1EAyIyyMwz6SGe54lZ+76/q09rPUBE0yIyw8yD/yagUql0Vil1k4hOWQvLRNQtIh8ArKVWG9bM2rCRYaKbiMoiYuSMPIjo+/b29tzy8vKXWozVvDKt9W0imgJwLH1ZRIxSc3Dyn923B+7Zy5MFsBNF0XAYhrN5oHIB9fT0nOvo6AgMGGv1e8uAIyKdSqkNQ0hG4XG73srsURzHXUS0SUSR3b9i2dypVqvnV1ZWVveDygXkuu64Uup+sw7ZiONqrZPAAPDQ9/0HDQFKX9ofTY0cWCRTFH25DLUFIK31DQDX02gCYKJpOAiC51mre3t7Tyul7gI4WcDGDxGZCoLgW1bOdd0hInpmozSJPgBvmPlVEhipsNb6JxGlzplsR1E0FobhZCpjwDiO8xFAmgaKbmg9iqJLYRh+zegYdRxnIvuiiGwx84k9gGyq77aCQwDKAG4x83QG9AQRjYrIPICiclAhon4RmWTmsYwOk7Vf2NyUsB9F0drS0tLvXJVnYi0fasa3ajlvS536/wZkWgilVF96haY8ALjHzKZ8JL8WMTQC4FG29MRxvJC2LtkoWzTF8G8AMsWamS8fObW99rqNW/uGved5FwCcMVaYklGUGIlorl6aFhHT2NVNjLaEGDWrvu9/bu/SYSeKfmu1ibY/Lq5xHD/O1jGju0ZxnU8nk6Z8qKiSNvK8paWjkQOLZA4EyPO8cQDt08Lub/KJaMFYHsexA6CTiDaIaLfJF5GkjyKi3SZfREhEugBsKqWSJl9E+g7U5NsEdmhjkIiMMPPTvOutO0pbpioi0qpBcb1arc7mjT8puKPZvigKm2Uo93OM1npRRHayn2O01hcBvD3UzzFF1rXieVMMteLAIh2/AKIvBlJqZZpNAAAAAElFTkSuQmCC) } .prod-info-mainFeatures .features-list .features-items .icon-inc { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAkVJREFUWEftmD+IE0EUxt83e4EUFiFrIdikuEKDIZOJjZ2gFoKNhZ3FXWVhgqWWV2qlcrGwuivsbA4sT1Crs3Bnl0RiCosUFhZmueIggdzOk5VbyIX82ySQRbLtzpv5vW/eg/keKGEfEsZDU4FyuVzatu1HzPwQwDUiSsdMosfM3wG863Q6b9vtdm9S/EQgKWVGCHEI4HpMiJHLmfmrMeau53nH4/abCKSU+gDgHjP/JKKq7/ufp2U4fFCocDabvU1ELwFsMvOB1vp+bCAppbQsy2Xm416vd7XZbP5eRKV8Pn8pnU7/AJAJgqDkeZ43ar+xCpVKpadCiOfMXNNaVxeBiWKVUrsAKsaYZ67rvogFFAUzc1VrXYuCi8XiZSHERrfbPWm1Wp04oEqpCoDdSUmOVUgptQdgi5m3tdb7UsqcEOITgFwEYYy547rux1mhlFJbAPaYeV9rvR1XoXNAkWJE9IeZT4jo1BjzYFwtjDps2UDnAGdVZXDd/w1ULpefMPNOv9+/0Wg0WitXaB6A4ZilXtkaaIS8C3fV+sri1tW6qKcptlYo8QoVCoUrqVTqCMCO4zivV35lwwBroLCGQnMghHhPRBtEdAHAxejJuhKFpJQ3Lcs6PAMKGVtBEIRerL0o0D+HwMwVrfWbaR00+D80mESUMcac1uv1XwOu4zGA2lyP/MTZoMQZxVDmIStd8X3/yzxW2rbtW8z8KrTSRHTgOE58K33WMcseNnwLvdzcw4YQKlHjmDidtay1UwdWyzpo1n3+AgjUc0N3c+bMAAAAAElFTkSuQmCC) } .prod-info-mainFeatures .features-list .features-items .icon-camera { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAABAJJREFUWEftV01oVFcUPufOhEygCyEbF1mMtIINNnnvXgOWRlBqqQGFLupCVIrUUheVKlhqoWJLhVoUaqkLiwqCEQpuBAUVLQQMqOg97yWW1IXFLFy47KKQGTLvnnKG92TyOj9vHB9k4V0lc88957vfd+455yEss4XLDA+8BtRJka4Z8n3/faXUPmb2AKDYIkANEUPn3JkgCP7oBKJxvytAvu9/qpQ6100A59zeIAjOZz2TGZDnee8VCoUpYYWZvwOAS865WrNASilhbiciip3YjFtr72cBlQnQyMjIUF9f3wMAWMnMJ4noqyzOtdYnEPEQADxfXFwcm52dfdbpXFNAxpg3nXMbEXEIEYWRXYhYZubbRDQR37qTb9kvaq2vI+JmZp5HxElmrjHzM6XUlLX277STNCBx8DMi7muSsFMLCwvb5ubm/s2CJLEZHh5+Y2Bg4CoAbEydE2BniOhg4wWXANJa/4qIXwBAhZmvAMBjceKcmwnD8FoXzKQxFz3P26qUGo031iDiRwBQYubTRLQ/OfACkNb6LUT8S4Iy8yYiutcNE93ajo6OjheLxVuiRBRFq8MwnBcfLwAZYz4BgAvM/DsR7cgSQOTo7+//EBHXiD0zP65WqzezymqMuQwAHzPzbiKaXAJIa31Unqk8aSL6vh2gcrlcGhwcPAoAB4T2lG0FAE5Za490krhZzEbJMgESVkqlkryc8ZiV24hYl5eZ18uLiv+erlQqE+3YeiWAGmieZ+btQRA8bGTI9/11iHg5LhOTRLS7Fds9A4oT8Q4z/wMAY0T0pFkweSAA8AARV9RqtQ0zMzPTLez+p0pXkhljzgLAXgA4FudIy1QzxvwAAN8CwDlr7We5ANJay63XOefG0lKlA2qtJZ/uMvNDIhrLC9BTyY0oilYldaMVRZ7nlQuFwlNpGUS0Ki9Ad+R1MfMEEd1oVxq01lsQ8TozTxPRhlwAJXnBzBeIaE8HQBcRcVe7fOv5lcXt5VE8E20lopstbi7Vu977oih6u5W8PQOS4L7vf62UOi7BnHOHq9Xqb0nxi1vJ5/F+UfaDIPgptzqUODbG/AgAh+P/ZTL4s96HENc2tJLj1tpvOsjaWx1KVeTNSinpZ/UW0rCmoyg6EoahjLtt1yuRLB3B87wViCiVWXrZkzAMpYpnWm0BGWO+lC7NzKfiKS6T016MkoGQmfcT0em67IlD3/dFgltSyCqVyjtZZ5qXBRRPDY/iQrspkbhxhJV5+q60BilmzCx9qD7F5bDKiHgsLrLSWt5NZqclM7UxRiY/GSuHcgDRzKV8Fn1gra3P7kskS36QJFVKST5tke+wnIA9B4Abzrlf0o8g04diTqCaun0NqBPby46h/wDEfptDWJMrNQAAAABJRU5ErkJggg==) } .prod-info-mainFeatures .features-list .features-items .icon-ai { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAABChJREFUWEfVWE9oHGUUf++bXbaBBitJodAWtgdDu5jszPfprYIHhRwiVkzBgx7ESoUqreDB0oKRKgY8qOBFqHjQg2ClgVYQFBT0Ju+b2TWkFQtdqEKLDU1RcMPuzJMXZ2U6mU1mtimsHyx7eX9+/L73/d57gzBkB4cMD/y/ALmuuwMR7xMWoyjqNhqN3wdhtF6v71ZKlcRXKbVCRLf7xclkyHXdJ5VS84i4P+U4T0Qni4DSWr+LiK8lfZj5MjOf9n3/y3SsdYA8z3taKXVODJn5LwC4mXCat9Z+VBDQUQB4PeEzjojbY9Zn06DWAdJaXxJmmHnOWvtmkeR5bbXWbyDinDBlrT2Q9LsDkNSM4zi3hBlr7WjeBIPYaa3/FKbCMLw/CIKVXow0oKrjOFeZuWWt3ZczUcnzvN1i6/u+FH03j5/W+ioiVsMw3BcEQeuuAdVqtV2VSuUMIj7Tqwlhlpk/73Q6pxcXF29sBCwXoKmpqT3lcvnaZgx5nveQUuoCAOyKk/4W/++J/69HUTTt+36jH6geoE6ns7fZbPb81wujPFMAuNLvNcV1dknAMPPXAPCKtfaKJJ6cnNxfLpffQ8RpALgehuGBZH0kwWmtj8qVpWWksFJrrU8h4lsA8D0RPZ5RMyWt9XeIeFC0xlr7dp6ayqyhPI7GmJ8B4EEAeISIfszyMcYcBIAfAGCRiCbzxL0bQH8DwDYiKvd7UdVqddvY2JjYtYlo5J4C0lrfQsQdaf1IJp2YmBgfHR39Q1SeiHbea0DfIOJjURQd8X3/46xknue9oJQ6y8zfWmulznKfwkXted6sUuoLeUWdTufRZrP5SzKbMUYastTPeBRFh33fX+uLeU9hQBJYa30BEWeYeQURPwzDUJ4/OI4zzcwvy5Uy80Vr7RN5gQxc1OJYq9W2j4yMfAIAs1kJRa3b7faLS0tLMi0UOgMx1ANVqVREBI8g/huGmeV3dnV19dVBwEiMQQCVjDHHZDyRq+nDkFzlHBF9UIieAQCJCp+X+okTiTCeC8NwrWc5jlOPr1GEUdhasNYezjsBFGZIa/0pIj4r+tLtdp9vNBoXsxio1+szpVJJamycmT+z1j6Xl6l1V2aMORNFUSutMTJnO46zICMGIj5MRJc3SiLPn5l/ikeTGSL6KmkvzVUadHoqvQPQRuOHMcYHAJeZX8o7VxtjjgPA+wAQEJGXArQ2oG04friu23diNMZck4DLy8sPtFqtdp4riHvar2JLRHuzAA08MYr2SMCiz7mfX66JceiG/LgtDM8aJIBc1z3kOM75WEe2YlE8BgDJzfW/RTEMw6eCIFhI1la/VfqQUuqdLVqlpb2cSCaVBTGKopNpMJsKo9QUAKy1B/nYkNwO8ryyno3ISe9jAwCs9Bv8NwVUJOlW2Q7SXLcqd2acoQP0D5mJI0PqOMv8AAAAAElFTkSuQmCC) } .prod-info-mainFeatures .features-list .features-items .icon-camera2 { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAABA5JREFUWEftl09oXEUcx3/feRuygSJCPHjIYaERS2iT9+ZVrBgwYoMKCgr1ICqKf7AHixbsQVDaYgVFpRV76KEiaAWhHgQFA1XMoaKgM+9lDcsSK/SQQw8KHiS7sPvmJ7/lbdhsN/veNlnMoXOdmd/vM7//A9phCzuMh24CZXlkYAsFQfCAUuowM/tEVNhEQRNA7Jw7F0XRD1kQnfsDAQVB8IJS6vwgCpxzL0ZR9EneO7mBfN+/1/O8RbEKM58goi+cc81eipRSYrmnAMi5ZpIkc3Ec/5QHKhfQ9PT0xMjIyK9EdDszf2CtPZZHuNb6fQCvE9G1RqNxV7lcXs261xMoDMPdzrk5ABMAxCJPAygx8/fW2ofl1VmC0/2C1vo7AAeZ+SqAC8zcZOZVpdSiMebPbjndQCLgNIDDPQJ2sVarPVqpVP7NCdM6NjU1tWtsbOwbIprruidg56y1RzsfuAFIa/0xgFeIqM7MXxNRVYQ455biOP52AMt0Mxd8339EKTWTbuwB8BgRFZn5rLX2SPvCOpDv+yXP8/4Qpc1mc35paenyIJYY9OzMzMxsoVC4JJ5IkuSOOI6viox1IK21xMnnRPSVMeaJPArEHaOjow8C2Juev7K2trZQrVb/znM/DMOLRHSImZ+x1l7oBjouaSopba09mSGwEIbhcSKSDCr2io16vf5GVrxpra/T2WmhXEBilWKxKJkzKyCSeQB+SevTfsmoFHC5VqvNVyqVa5s9bluAtNafAnhOagszP26tFZj15fu+r5S6CGBSYIlo1Tl3NI7jf7rBtgwkyjzPiyQLiSgwxrSysHulhTRi5tsANI0xI73ObRlIa30AwI/OuRNRFL23mSuCIDgIQDKIACwbY/YNBShP5rTPaK0nnXN7lVJ1a+3C/w6UB347XDYJ4M5Go3GlXC5LH+rX06Q6392vy28H0Gkiei2NjVPGmLf6pHSr0zvnnoyi6MuhuEwqKzMfAiD97dkoij7rpSgIgvuUUpLy1Gg0gnK5vDwUIJkEiOgWAM+n7no3SZIP2zWmVCoVx8fHX2bmUwB2EVGWFbdeqeWlYRi+TURvpq+WmlRlZhlL/BREts4bY17qF9xbjqFO4dKtPc+TF7ZbRWubmaVyv2OtlXGl79pWoLYm3/dvZeZWt6/VatWVlZW/skA6atXmLgvD8FUiOsPMZ9IpLq/cGz7XHgiZ+Yi19mwre9vSpNwrpS7J7Fuv1/dljQ43TJFeTKeG32VWT5Lk/jiO5Uez4Sst8/TPAPYz82VmlqBtTXFDWCUAkomzzPybtfaedpHdMFOHYbiHiKQpTgwBopdI+RbNd04N132DJEiVUhJPD8k/bEhgMrQtOOc+6p6Tcn0UhwTVU+xNoCxr7zgL/QcMvoVD85SRmwAAAABJRU5ErkJggg==) } .prod-info-mainFeatures .features-list .features-items .icon-battery { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAsxJREFUWEftmDFoE2EUx9/7LoEEOnTIULFCXEIJTfLdd3YUWrCg4OAiZFCsKDg5OOsiKDoKDg4iCgbqKnTTQVDoUL/LJZEQguBSoWCHDoELXPo9+eQKIY29r0l7KeKt9/Le7/t/j/97OYQT9uAJ44GRgTjn04yx54g4238oItpUSt31PG9nlMOODGTb9jnG2MawokqphWq1+jVWIF1MQxHRVH9hROyMCqPzHEqhUql0OpFIcADIGJ5+u9frebVa7adhvBlQ2C8vELFsmnigryqmfRWpUD6fn0qn058BQCvTJaJPALBlCDaDiIsAkAIAz/f9881ms3PQbyOBhBD3EfERALSCIFiu1+ubhjB/worF4mwymfwAAHNE9MB13cdjATmO0wCAeaXUcrVa/XgYmL1Y27YvMMY01DcpZWFcINIJpJSRah5UyHEcozyRRUwTRSlnmuffB8rlcpl2u709qNhEFOKc32CMZV3XfThRIO1VqVRKD9qy7/tnm83mPp+KTSHbtkuMsYq2BiJ647ruzWENHguQEOIOIj4LnRg0kFLq3rDV49iBOOe3Lct6OagGEe0opVY8z3vf/+7YgXQxzvkVy7Ke6LHQV7zl+/7SYB/FAqQhwuH7S18bEX3vdrt6gE60qcuMsdVwA1iSUrYm1tS6sBBiHRGzAPBXGB0Xy5UVi8X5RCKxvru7e6lWq32Z+HB1HOdpr9dbi4KJTSHO+aLneXqDjHxiubJIir6A/0BRah2lQtr0MkEQnDnsgr8HyTnPWpb1Q3uVlPLUWDu1EOItIl47aJJHqSOEeI2IK0RUcV33+lhAhUJhLplMbiDiFBGtAcA7/UEhCkK/Dz9ElBHxMhF1giBYaDQaQ518L1/kTh268UUAWEXEaROQYRsAEV01+RtlBBQaW0YpdQsROSLOmIAR0RYReYyxV1LKfXv2sBzGQCYARxFz4oB+A2FFqDTrIjTGAAAAAElFTkSuQmCC) } .prod-info-mainFeatures .features-list .features-items .icon-optics { background-image: url(data:image/png;base64,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) } #introduce img { width: 1240px } @media (min-width: 1441px) { .preview-nav { top:50% } .preview { width: 680px } .property { width: 608px; padding: 36px; background: #fff; border-radius: 24px } .property .vm-metatit { font-size: 18px } #preview .swiper-pagination-wp { height: 118px; -ms-flex-pack: start; justify-content: flex-start } .layer-promo { margin-left: 40px; width: 680px } .property-installment .bank-box { padding: 12px 14px } #introduce img { width: 1440px } } .hide-overflow::-webkit-scrollbar { display: none } .hide-overflow { scrollbar-width: none; -ms-overflow-style: none; overflow-x: scroll } .hide-overflow-y { overflow-y: hidden } .hide-overflow-y::-webkit-scrollbar { position: absolute; bottom: 0; z-index: 99; height: 6px; background: 0 0 } .hide-overflow-y:hover::-webkit-scrollbar-thumb { width: 176px; border-radius: 4px; background: rgba(0,0,0,.08) } .red-packet-list.hide-overflow-y:hover::-webkit-scrollbar-thumb { background: #FF4133 } .-ulist.hide-overflow-y:hover::-webkit-scrollbar-thumb { background: #fff } .hide-overflow-y::-webkit-scrollbar-track { background: 0 0 } .scrollbar::-webkit-scrollbar { width: 8px; background: 0 0 } .swiper-slide,.swiper-wrapper { width: 100%; height: 100%; position: relative } .scrollbar::-webkit-scrollbar-thumb { border-radius: 4px; background: #E6E6E6; margin-right: 4px } .scrollbar::-webkit-scrollbar-track { background: 0 0 } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1 } .swiper-container-no-flexbox .swiper-slide { float: left } .swiper-container-vertical>.swiper-wrapper { -ms-flex-direction: column; flex-direction: column } .swiper-wrapper { z-index: 1; display: -ms-flexbox; display: flex; transition-property: transform; box-sizing: content-box } .swiper-container-android .swiper-slide,.swiper-wrapper { transform: translate3d(0,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 { 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 } .swiper-container-autoheight,.swiper-container-autoheight .swiper-slide { height: auto } .swiper-container-autoheight .swiper-wrapper { -ms-flex-align: start; align-items: flex-start; transition-property: transform,height } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y } .swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x } .swiper-button-next,.swiper-button-prev { 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-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled { opacity: .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") } .swiper-pagination { position: absolute; text-align: center; transition: .3s; transform: translate3d(0,0,0); z-index: 10 } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction { bottom: 10px; left: 0; width: 100% } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2 } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; 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%; transform: translate3d(0,-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 } .swiper-pagination-progress { background: rgba(0,0,0,.25); position: absolute } .swiper-pagination-progress .swiper-pagination-progressbar { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top } .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { 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,.5) } .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background: #fff } .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background: #000 } .swiper-container-3d { -o-perspective: 1200px; perspective: 1200px } .swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.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-wrapper { transform-style: preserve-3d } .swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper { -ms-perspective: 1200px } .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-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-container-cube .swiper-slide { visibility: hidden; transform-origin: 0 0; width: 100%; height: 100% } .swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin: 100% 0 } .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0 } .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out } .swiper-container-fade .swiper-slide { pointer-events: none; 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: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; text-align: center } .swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(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,.5); border-radius: 10px; left: 0; top: 0 } .swiper-scrollbar-cursor-drag { cursor: move } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; 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") } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg) } } .compare-btn { cursor: pointer; color: #666; margin-top: 17px; margin-left: 23px } .compare-btn.iconLight i { color: #FF4132 } .compare-bar { width: 100%; z-index: 100; bottom: 0; background: #fff; height: 153px; display: none; border-top: 1px solid #dcdcdc } .compare-clear-hint { font-size: 16px; text-align: center; color: #999; line-height: 100px } .diff-bar { width: 1240px; height: 153px; margin: 0 auto; left: 0; right: 0 } .diff-bar-title { margin: 16px 0 0 18px; font-size: 16px; font-weight: 700; color: #333; position: relative } .diff-bar-title p { margin: 8px 0 0 } .diff-bar-title .hide-me { width: 14px; height: 14px; right: 0; top: 0; padding-right: 15px; position: absolute; text-align: right; color: #B5B5B5 } .btn,.diff-operate,.diff-operate #J_btnCompare,.match-alert-bd,.tcenter { text-align: center } .diff-bd { position: relative } .tab-con .diff-items { padding: 6px; height: 100px; color: #e0e0e0; overflow: hidden; float: left; margin: 0 } .tab-con .diff-items .hasItem { float: left; overflow: hidden; position: relative; height: 100px; margin-top: 18px; width: 260px } .tab-con .diff-items .hasItem dt { float: left; width: 75px; height: 75px; overflow: hidden; margin: 0 0 0 18px } .tab-con .diff-items .hasItem dd { float: left; margin-left: 16px; width: 140px } .tab-con .diff-items .hasItem dd .diff-item-name { color: #333; overflow: hidden; display: block; float: left; font-size: 14px; width: 129px; height: 38px } .tab-con .diff-items .hasItem dd .diff-item-operate { float: left; display: inline; margin-top: 10px; width: 140px; height: 19px; line-height: 19px } .tab-con .diff-items .hasItem dd .diff-item-operate .goods-price { color: #e02b41; font-family: "Microsoft Yahei"; font-size: 14px; float: left; width: 70px } .tab-con .diff-items .hasItem dd .diff-item-operate .diff-goods-delete { color: #666; font-size: 14px; float: right; margin-right: 10px; visibility: hidden } .tab-con .diff-items .hasItem dd:hover .diff-goods-delete { visibility: visible } .diff-operate { position: absolute; top: 18px; right: 14px; margin-right: 30px } .diff-operate #J_btnCompare { padding: 0; display: block; width: 100px; height: 36px; line-height: 36px; background: #FF4132; color: #fff; font-size: 14px; border: none; border-radius: 4px; cursor: pointer; position: relative; margin-bottom: 10px } .diff-operate #J_compareClear { font-size: 14px; color: #666; font-family: "Microsoft Yahei" } @font-face { font-family: iconfont; src: url(../font/iconfont-237bb574aa.eot); src: url(../font/iconfont-237bb574aa.eot#iefix) format('embedded-opentype'),url(../font/iconfont-3bc800ad3f.woff) format('woff'),url(../font/iconfont-f3028ad866.ttf) format('truetype'),url(../font/iconfont-bf1c63dd92.svg#iconfont) format('svg') } .iconfont { font-family: iconfont!important; font-size: 16px } .icon-daijinquan:before { content: "\E625" } .icon-dingdanzhongxin:before { content: "\E600" } .icon-fanyejiantou:before { content: "\E601" } .icon-fuwuzhongxin:before { content: "\E602" } .icon-gerenzhongxin:before { content: "\E603" } .icon-yijianfankuixialajiantou:before { content: "\E604" } .icon-zichanzhongxin:before { content: "\E605" } .icon-fanyejiantou2:before { content: "\E606" } .icon-chahao:before { content: "\E607" } .icon-morendizhigou:before { content: "\E608" } .icon-xiangxiazhankaigengduo:before { content: "\E609" } .icon-daifahuo5050px:before { content: "\E60C" } .icon-daifukuan5050px:before { content: "\E60D" } .icon-dingdanxiangqingdizhidanchuangsanjiaozhixiang:before { content: "\E613" } .icon-meizuxilieshilianghua:before { content: "\E614" } .icon-mxxilieshilianghua:before { content: "\E615" } .icon-proxilieshilianghua:before { content: "\E616" } .icon-yuanjiaojuxingfanyejiantoul:before { content: "\E618" } .icon-yuanjiaojuxingfanyejiantour:before { content: "\E619" } .icon-warning:before { content: "\E61A" } .icon-icon1:before { content: "\E617" } .icon-icon2:before { content: "\E61B" } .icon-icon3:before { content: "\E61C" } .icon-huigoutubiao3:before { content: "\E61D" } .icon-huigoutubiao4:before { content: "\E61E" } .icon-huigoutubiao5:before { content: "\E61F" } .icon-huigoutubiao1:before { content: "\E620" } .icon-huigoutubiao2:before { content: "\E621" } .icon-favorite:before { content: "\E6A0" } .icon-iconfont14052218:before { content: "\E60E" } .icon-talk:before { content: "\E60A" } .icon-jiantou:before { content: "\E627" } .icon-wuliu:before { content: "\E60F" } .icon-jiahao:before { content: "\E610" } .icon-shandian:before { content: "\E611" } .icon-701:before { content: "\E612" } .icon-1501:before { content: "\E622" } .icon-right01:before { content: "\E623" } .icon-shandian1:before { content: "\E624" } .icon-weibiaoti1:before { content: "\E626" } .icon-jiantou-copy:before { content: "\E628" } .icon-61:before { content: "\E632" } .icon-1:before { content: "\E60B" } .icon-3:before { content: "\E629" } .icon-5:before { content: "\E62A" } .icon-4:before { content: "\E62B" } .icon-6:before { content: "\E62C" } .icon-2:before { content: "\E62D" } .icon-icongouwuche:before { content: "\E62E" } .icon-icon:before { content: "\E62F" } .icon-payment-success:before { content: "\E630" } .icon-reflash:before { content: "\E654" } .icon-hebingxingzhuang:before { content: "\E656" } .icon-mail:before { content: "\E657" } .icon-mcode:before { content: "\E658" } .icon-next:before { content: "\E659" } .icon-mcycle:before { content: "\E65A" } .icon-prev:before { content: "\E65B" } .icon-goToTop:before { content: "\E65C" } .icon-queryOrder:before { content: "\E65D" } .icon-insurance:before { content: "\E65E" } .icon-close:before { content: "\E65F" } .icon-prev1:before { content: "\E660" } .icon-next1:before { content: "\E661" } .icon-success:before { content: "\E631" } .icon-duibi:before { content: "\E655" } .icon-dianti_yuandian:before { content: "\E668" } .icon-dianti_yuantou:before { content: "\E66A" } .icon-jiantou-copy-copy:before { content: "\E6A1" } .icon-matach-infor:before { content: "\E66B" } .match-dialog { position: relative; border-radius: 4px; height: 130px; width: 396px; background: #fff; box-shadow: 0 0 20px 0 rgba(0,0,0,.25) } .match-dialog .match-close { position: absolute; width: 10px; height: 10px; color: #B5B5B5; right: 12px; top: 12px; text-decoration: none; cursor: pointer } .match-alert-bd { margin: 0 auto; height: 130px; width: 396px } .match-alert-bd .match-alert-message { vertical-align: middle; display: inline-block; *display: inline; *zoom:1} .match-alert-bd .match-alert-message .match-alert-message-bd { margin: 0 auto } .match-alert-bd .match-alert-message .match-alert-message-bd .sess { width: 24px; height: 24px; border: 1px solid #FF4132 } .match-alert-bd .match-alert-message .match-alert-message-bd .Dia-icon { color: #F8BD1C; font-size: 24px } .match-alert-bd .match-alert-message .match-alert-message-bd .alert-message-bi { font-family: MicrosoftYaHei; font-size: 16px; height: 21px; line-height: 21px; color: #333; margin-left: 6px } .match-alert-bd .match-alert-message .alert-message-little { font-family: MicrosoftYaHei; font-size: 12px; color: #999; margin-top: 8px } .btn,.btn-lg { font-size: 14px } .match-alert-bd .visible { height: 100%; vertical-align: middle; width: 0; display: inline-block } .preview-swiper-container { position: relative } .preview-swiper-container .swiper-container { border-radius: 24px } .preview-swiper-container .swiper-slide { height: 580px; position: relative } .preview-swiper-container .swiper-slide img { display: block; margin: 0 auto; width: 100% } .preview-swiper-container .swiper-btn { position: absolute; width: 40px; height: 40px; top: 50%; box-sizing: border-box; background: 0 0; z-index: 9 } .preview-swiper-container .swiper-button-next { border: 3px solid #efefef; border-left: none; border-bottom: none; transform: rotate(45deg); right: 0 } .preview-swiper-container .swiper-button-prev { border: 3px solid #efefef; border-right: none; border-top: none; transform: rotate(45deg); left: 0; opacity: 1 } .preview-swiper-container .swiper-pagination-wp { position: relative; margin-top: 24px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-left: auto; margin-right: auto; bottom: 0; left: 0; text-align: center; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center } .preview-swiper-container .swiper-pagination-wp .video-icon-play { position: relative; width: 8px; height: 8px; display: inline-block; border-radius: 100%; margin-right: 6px; cursor: pointer } .preview-swiper-container .swiper-pagination-wp .video-icon-play:hover:before { background: #ff4132; opacity: 1 } .preview-swiper-container .swiper-pagination-wp .video-icon-play:before { position: absolute; content: ""; top: 50%; left: 50%; width: 21px; height: 15px; border-radius: 3px; background: #000; transform: translate(-50%,-50%); opacity: .2; z-index: 9 } .preview-swiper-container .swiper-pagination-wp .video-icon-play:after { position: absolute; content: ""; top: 50%; left: 50%; width: 0; height: 0; border: 5px solid transparent; border-left-color: #fff; transform: translate(-20%,-50%); z-index: 10 } .preview-swiper-container .swiper-pagination { position: relative; display: inline-block } .preview-swiper-container .swiper-pagination span { margin-left: 21px } .preview-swiper-container .swiper-pagination span:first-child { margin-left: 0 } .preview-swiper-container .swiper-pagination .swiper-pagination-bullet { display: block; width: 86px; height: 86px; opacity: 1; border-radius: 12px; border: 1px solid #fff; background-color: #fff } .preview-swiper-container .swiper-pagination .swiper-pagination-bullet-active { border: 2px solid #ff4132; background: #fff; opacity: 1 } .page-detail section.container,.page-sku section.container { position: relative; margin-bottom: 100px } .page-detail .preview,.page-sku .preview { position: absolute; top: 0 } .page-detail .preview-bottom,.page-sku .preview-bottom { bottom: 0; top: auto } .page-detail .preview-abs,.page-sku .preview-abs { position: -webkit-sticky; position: sticky; top: 80px } .page-detail .promo-bottom,.page-sku .promo-bottom { bottom: 0 } .page-detail .promo-abs,.page-sku .promo-abs { position: fixed; top: 5px } .no-swiper .swiper-slide { -ms-flex: 1; flex: 1 } #previewPagination { display: -ms-flexbox; display: flex } .preview-swiper-container .video-icon-play { position: absolute; top: 390px; left: 50%; width: 56px; height: 56px; display: inline-block; border-radius: 100%; cursor: pointer; z-index: 9; transform: translateX(-50%) } .small-screen .swiper-pagination-wp { margin-top: 24px!important } @media (min-width: 1441px) { .preview-swiper-container { position:relative } .preview-swiper-container .swiper-pagination-wp { margin-top: 40px } .preview-swiper-container .swiper-slide { height: 680px; position: relative } .preview-swiper-container .video-icon-play { position: absolute; top: 516px; left: 50%; width: 64px; height: 64px; transform: translateX(-50%) } .preview-swiper-container .swiper-pagination .swiper-pagination-bullet { width: 100px; height: 100px } .preview-swiper-container .swiper-pagination span { margin-left: 25px } .preview-swiper-container .swiper-pagination span:first-child { margin-left: 0 } } /*! * main.scss * use for detail * @date 2016.6.13 * @author chenjinghui@meizu.com * @version 0.0.1 */ .btn { display: inline-block; margin-bottom: 0; font-weight: 400; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; line-height: 1.42857; border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .btn.active.focus,.btn.focus,.btn:active.focus { outline: dotted thin; outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px } .btn.focus,.btn:hover { color: #333; text-decoration: none } .btn.active,.btn:active { outline: 0; background-image: none; box-shadow: inset 0 3px 5px rgba(0,0,0,.125) } .btn.disabled,.btn[disabled] { cursor: not-allowed; opacity: .65; filter: alpha(opacity=65); box-shadow: none; background: #acacac } a .btn.disabled { pointer-events: none; background: #acacac } .btn-primary { color: #fff; background-color: #FF4132 } .btn-primary.focus,.btn-primary:hover { color: #fff; background-color: #ff4132 } .btn-primary.disabled.focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:hover { background: #acacac } .btn-danger { color: #fff; background-color: #f66567 } .btn-danger.focus,.btn-danger:hover { color: #fff; background-color: #fe7476 } .btn-danger.disabled.focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:hover { background: #acacac } .btn-empty { color: #ff4132; border: 1px solid #ff4132 } .btn-empty:active,.btn-empty:hover { color: #ff4132; background: #eef8fd } .btn-lg { padding: 10px 30px; line-height: 1.33333; border-radius: 3px } .btn-sm,.btn-xs { font-size: 12px; line-height: 1.5; border-radius: 3px } .btn-sm { padding: 5px 10px } .btn-xs { padding: 1px 5px } .btn-block { display: block; width: 100% } .fl,.fr { _display: inline } .btn-block+.btn-block { margin-top: 5px } .text-primary { color: #FF4132 } .text-success { color: #5cb85c } .text-info { color: #5bc0de } .text-warning { color: #f0ad4e } .text-danger { color: #f66567 } .text-recommon { color: #e02b41 } .posr { position: relative } .posa { position: absolute } .fixed { position: fixed!important; top: 0; z-index: 1000 } .fl { float: left } .fr { float: right } .hide { display: none } .block { display: block } .inblock { display: inline-block; *display: inline; *zoom:1} .center { display: block; margin-left: auto; margin-right: auto } .clearfix:after,.clearfix:before,.row:after { content: ""; display: table } .bfc { overflow: hidden; *zoom:1} .ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .clear { height: 0; line-height: 0; font-size: 0; visibility: hidden } .clearfix { *zoom:1} .m0 { margin: 0!important } .mt5 { margin-top: 5px!important } .mt10 { margin-top: 10px!important } .mt15 { margin-top: 15px!important } .mt20 { margin-top: 20px!important } .mt30 { margin-top: 30px!important } .mr5 { margin-right: 5px!important } .mr10 { margin-right: 10px!important } .mr15 { margin-right: 15px!important } .mr20 { margin-right: 20px!important } .mr30 { margin-right: 30px!important } .mb5 { margin-bottom: 5px!important } .mb10 { margin-bottom: 10px!important } .mb15 { margin-bottom: 15px!important } .mb20 { margin-bottom: 20px!important } .mb30 { margin-bottom: 30px!important } .ml5 { margin-left: 5px!important } .ml10 { margin-left: 10px!important } .ml15 { margin-left: 15px!important } .ml20 { margin-left: 20px!important } .ml30 { margin-left: 30px!important } .p0 { padding: 0!important } .p5 { padding: 5px!important } .p10 { padding: 10px!important } .p15 { padding: 15px!important } .p20 { padding: 20px!important } .p30 { padding: 30px!important } .pt5 { padding-top: 5px!important } .pt10 { padding-top: 10px!important } .pt15 { padding-top: 15px!important } .pt20 { padding-top: 20px!important } .pt30 { padding-top: 30px!important } .pl5 { padding-left: 5px!important } .pl10 { padding-left: 10px!important } .pl15 { padding-left: 15px!important } .pl20 { padding-left: 20px!important } .pl30 { padding-left: 30px!important } .pr5 { padding-right: 5px!important } .pr10 { padding-right: 10px!important } .pr15 { padding-right: 15px!important } .pr20 { padding-right: 20px!important } .pr30 { padding-right: 30px!important } .pb5 { padding-bottom: 5px!important } .pb10 { padding-bottom: 10px!important } .pb15 { padding-bottom: 15px!important } .pb20 { padding-bottom: 20px!important } .pb30 { padding-bottom: 30px!important } .rc3 { border-radius: 3px } .rc5 { border-radius: 5px } .rc10 { border-radius: 10px } .fs12 { font-size: 12px } .fs14 { font-size: 14px } .fs16 { font-size: 16px } .fs18 { font-size: 18px } .fs20 { font-size: 20px } .fs24 { font-size: 24px } .lineh1 { line-height: 1 } .lineh12 { line-height: 1.2 } .lineh2 { line-height: 2 } .yahei { font-family: "Hiragino Sans GB","Microsoft Yahei" } .songti { font-family: "Hiragino Sans GB","\5B8B\4F53" } .bold { font-weight: 700 } .indent { text-indent: 2em } .br { word-wrap: break-word; word-break: break-all } .nobr { white-space: nowrap } .vtop { vertical-align: top } .vmid { vertical-align: middle } .vbot { vertical-align: bottom } .tleft { text-align: left } .tright { text-align: right } .red { color: red } .black { color: #000 } .color3 { color: #333 } .color6 { color: #666 } .color9 { color: #999 } .colorc { color: #ccc } .page-sku,a,mark { color: #000 } .row { *zoom:1} .row .col { float: left; *display: inline; min-height: 1px } .col-main { float: left; width: 100%; min-height: 1px } .col-sub { float: left; margin-left: -100%; overflow: hidden } .togray { -webkit-filter: grayscale(1); filter: url("data:image/svg+xml; utf8,#grayscale") } article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section { display: block } mark { background: #FF0 } input[type=button],input[type=submit] { -webkit-appearance: none } button:focus,input:focus,select:focus,textarea:focus { outline: 0 } .trans { transition: all .3s ease-out } .detail-rs-item,.detail-rs-item-wrap img { transition: all .2s ease } .anim { -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both; animation-duration: 1s; animation-fill-mode: both } .anim.fast { animation-duration: .5s } .anim.slow { animation-duration: 1.5s } .anim.infinite { animation-iteration-count: infinite } .anim.hinge { animation-duration: 2s } .site-gotop { position: fixed; width: 44px; bottom: 50px; left: 50%; margin-left: 640px; display: none } .gotop-arrow,.gotop-suggest { display: inline-block; width: 44px; height: 44px; background: 50% 50% no-repeat #b4b4b4; cursor: pointer } .gotop-suggest { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAYAAABB7B6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEE2NzMwMDg5QkM3MTFFNUJDMTNDMDExM0UxMzJGMjAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEE2NzMwMDc5QkM3MTFFNUJDMTNDMDExM0UxMzJGMjAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MEE2NzMwMDM5QkM3MTFFNUJDMTNDMDExM0UxMzJGMjAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEE2NzMwMDQ5QkM3MTFFNUJDMTNDMDExM0UxMzJGMjAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz701aYOAAAA0ElEQVQ4y2P4////4f+0A4cZ/tMYIFuwDohVoGKUYAEg7sFmAQj8hEoKkGEwExBnAfFrXD7ogVrwH6ooHaqJGMMdgPgckln7sVnAAA2ijUhi56CacRksDw1aGLgHxIHI5qJbAMMeQHwVT/zwAHELEH+Dyn8G4mog5kRSg9cCEGZBC1NQ8HUCcRwQP4OK/QPiRUAsiUU/QQuQU8UkIP6NliCOA7EFHn1EWwDDWkC8E+r6GCBmJKCeZAtgwcZDpFqyLCAFj1owCC2gWXFNywrnCACAAs8Z2HZ2aAAAAABJRU5ErkJggg==) } .gotop-arrow { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAOCAYAAAAxDQxDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkQwNjMzRkQ5QjQ4MTFFNTlEODJENEUzMDkxQzRGMDMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkQwNjMzRkU5QjQ4MTFFNTlEODJENEUzMDkxQzRGMDMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyRDA2MzNGQjlCNDgxMUU1OUQ4MkQ0RTMwOTFDNEYwMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyRDA2MzNGQzlCNDgxMUU1OUQ4MkQ0RTMwOTFDNEYwMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Phx+y6wAAABvSURBVDjLtc3BDYAwCIXhOkxdxK5oYnfUo2eEBBIvVR4iyX8i8BUiKmCzBt2hSONObfkLMsQGwiLIxnUUiyCTBmEI0hWwHYRFkRHWUMiDQNhXxI1lIC4sC3nFMpFHTBY1ERlh1aCDW5OQOyY/dzEuzeSCl3xj5RcAAAAASUVORK5CYII=); margin-top: 5px } .page-sku { position: relative; line-height: 1.5; padding-top: 18px } .container { width: 1240px; margin-left: auto; margin-right: auto } .bs-cartoon { background: url(../img/cartoon-69ad281b2a.png) no-repeat } .bs-bg-status { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAYCAIAAAAH5iiXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjQ2QzIyN0NBMEFGMTFFNUI1MUM4NDA2ODI4MUQ5RUQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjQ2QzIyN0RBMEFGMTFFNUI1MUM4NDA2ODI4MUQ5RUQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyNDZDMjI3QUEwQUYxMUU1QjUxQzg0MDY4MjgxRDlFRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyNDZDMjI3QkEwQUYxMUU1QjUxQzg0MDY4MjgxRDlFRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuKqbPgAAABKSURBVHja7NOxDQAgCAXRv/+yjKAWNia0cs1R0lw0vFTV6ub3Pkj17INUmxeP/XyQ6hMevrIg1RtGREXHOtaxjnWsYx3jjrcAAwBQdR7mAgBfgAAAAABJRU5ErkJggg==) left top } .saleover { padding: 120px 160px } .saleover .mod-pic { float: left; width: 260px; height: 200px } .saleover .mod-message { padding: 60px 0 0 20px; overflow: hidden; *zoom:1} .saleover .mod-message .vm-meng { font-size: 30px; color: #000 } .dialog-cont-title { margin-top: 20px; font-size: 16px } .dialog-cont-pic { margin-top: 120px } .dialog-cont-text { margin-top: 20px; text-align: center; font-size: 14px } #diffOperate #J_btnCompare { background: #FF4132 } #detailPackageInfo { display: none } .small-screen .page-sku { padding-top: 18px!important } @media (min-width: 1441px) { .page-sku { padding-top:54px } .mzcontainer { width: 1440px; margin: 0 auto } .container { width: 1440px; margin-left: auto; margin-right: auto } } /*! * detail-info.scss * use for detail * @date 2015.12.10 * @author chenjinghui@meizu.com * @version 0.0.1 */ .simple { background: #fafafa; padding-bottom: 60px } .simple-hd { font-size: 24px; padding-top: 45px; padding-bottom: 20px } .detail-recommend { background: #f4f4f4; overflow: hidden } .detail-recommend-hd { overflow: hidden; margin-bottom: 14px } .detail-recommend-hd .mod-title { font-size: 24px; color: #333; font-weight: 400; float: left } .detail-recommend-hd .mod-control { float: right } .detail-recommend-hd .mod-control a { display: inline-block; width: 24px; height: 24px; line-height: 24px; text-align: center; border: 1px solid #bfbfbf; cursor: pointer; font-size: 12px; color: #bfbfbf } .detail-recommend-hd .mod-control .vm-next.flex-disabled,.detail-recommend-hd .mod-control .vm-prev.flex-disabled { color: #efefef; border-color: #dedede } .detail-recommend-hd .mod-control a.disabled { opacity: .5; filter: alpha(opacity=50); cursor: default } .detail-recommend-hd .mod-control .vm-prev:before { content: "\E660" } .detail-recommend-hd .mod-control .vm-next:before { content: "\E661" } .detail-recommend-slider { overflow: hidden; height: 338px; margin-bottom: 60px } .detail-recommend-slider-wrap { margin-right: -100px } .detail-rs-item { position: relative; float: left; height: 338px; width: 240px; margin-right: 10px; background: #fff } .detail-rs-item-wrap { display: block; padding: 30px 10px 5px; text-align: center } .detail-rs-item-wrap:hover img { transform-origin: 50% 50%; transform: scale(1.1111) } .detail-rs-item-wrap .mod-desc { margin-top: 26px; text-align: center } .detail-rs-item-wrap .mod-desc .vm-title { font-size: 14px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .detail-rs-item-wrap .mod-desc .vm-subtitle { font-size: 12px; color: #999; margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .detail-rs-item-wrap .mod-desc .vm-subtitle-red { color: #f14361 } .detail-rs-item-wrap .mod-desc .vm-price { margin-top: 8px; font-size: 12px; color: #e02b41 } .detail-rs-item-wrap .mod-desc .vm-price-old { color: #b2b2b2; text-decoration: line-through; padding-right: 2px } .detail-rs-item-wrap .mod-desc .vm-price-flag { font-size: 14px; margin-right: 5px } .detail-rs-item-wrap .mod-desc .vm-price-text { color: #e02b41; padding-right: 2px; font-size: 16px } .detail-rs-item-wrap .mod-sign { position: absolute; top: 28px; left: 168px; height: 40px; width: 40px; border-radius: 50%; color: #fff; font-size: 12px; line-height: 40px; text-align: center }