/* xmarketplace */ .filter-tags-bar{padding: 20px 0 10px;} .xmarketplace-page .text-div-wrap{white-space:nowrap;text-overflow:ellipsis;word-break:break-all;overflow:hidden} .xmarketplace-page.list-index {position: relative;background-color: white;margin: 0px auto;padding: 0 30px 10px 30px;} .marketplace-list-index .xmarketplace-page.list-index{background-color: transparent;padding: 0 0 10px 0;} /*xbusiness-shop.css*/ .navigation{position: relative;margin-bottom: 14px;padding: 0 20px 20px; border: 1px solid #e5e5e5; background: #fff; border-radius: 6px;} .nv-category{display: flex;padding: 10px 0 0 0;} .nv-category:nth-of-type(1){padding-top: 15px;} .nv-category:nth-of-type(3),.nv-category:nth-of-type(4){display:none;} .active.nv-category:nth-of-type(3),.active.nv-category:nth-of-type(4){display:flex;} .nv-category-more{width: 100%;left:0;height: 20px;position: absolute;text-align: center;cursor: pointer;} #nv-category-more-button:hover{background-color:#eee;color: #f04d4e;opacity: 0.8;} #nv-category-more-button{height: 100%;width: auto;margin:0 auto;color: #999;} #nv-category-more-button .open-txt{display:none;} #nv-category-more-button.active .open-txt{display: block;} #nv-category-more-button.active .close-txt{display: none;} #nv-category-more-button span:after{content: "";position: absolute;width: 15px;height: 10px;margin-top: 5px;background-image: url(../images/icon/business.png);background-repeat: no-repeat;background-size: 25px 400px;background-position: -4px -49px;} #nv-category-more-button.active span:after{background-position: -4px -61px;} .category{float:left;width: 90px;} .category h4{color: black;font-weight: normal;line-height: 22px;font-size: 14px;} .all{float: left;margin:0 30px 0 0;width: 54px;text-align: center;} .all span{display: block;float: left;width: 54px;height: 21px;color: #666;line-height: 21px;} .nv-category .activeItem span{padding:0;background: linear-gradient(#07beb6,#0cbcb7);border-radius: 100px;color: #fff;pointer-events: none;} .nc-contain .activeItem span{padding:0px 20px;height: 21px;} .nc-contain{position: relative;margin-right: 40px;padding-bottom:0px;flex: 1;border-bottom: 1px solid #e5e5e5;} .nc-contain .items{height: 50px;overflow:hidden;margin-bottom: 10px;} .nc-contain.active .items{height: 100px;overflow-y: auto;} .nc-contain .open-txt{display: none;} .nc-contain.active .open-txt{display: block;} .nc-contain.active .close-txt{display: none;} .nc-contain .ext{position: absolute;top: -10px;right: -60px;width: 50px;height: auto;line-height: 22px;overflow: hidden;display: block;width: auto;min-width: auto;margin-right: 15px;} .nc-contain .ext span{width: auto;height: auto;color: #666;line-height: normal;} .nv-category span:hover{color: #f04d4e;} .activeItem span:hover{color: #FFF} .nc-contain .ext:after{content:"";float:right;width:15px;height:10px;margin-top:5px;background-image: url(../images/icon/business.png);background-repeat: no-repeat;background-size: 25px 400px;background-position: -4px -49px;} .nc-contain.active .ext:after{background-position: -4px -61px;} .nv-category:last-child .nc-contain{border: none;} .nc-contain a{display: inline-block;text-align: center;min-width: 114px;} html[lang=it] .nc-contain a{line-height: 25px;} .nc-contain span{display: block;float: left;width: 100%;color: #666;box-sizing: border-box;} .xmarketplace-page.list-index .add-item{float:right;} .xmarketplace-page .add-item button{margin-left: 15px;color:white;border: 1px solid #f25246;background-color: #f25246;cursor: pointer;white-space: nowrap;padding: 7px 25px;border-radius: 6px;font-weight: bold;} .xmarketplace-page.list-index #filter-addition{float:left;} .xmarketplace-page.list-index #filter-addition div{display: inline-block;} .xmarketplace-page.list-index #order-lists{float:left;line-height: 30px;padding: 0 40px 0 10px; border:1px solid #bbb;position: relative;background-color: white;cursor: pointer;border-radius: 6px;} .xmarketplace-page.list-index #order-lists .order-active{font-size: 14px;} .xmarketplace-page.list-index #order-lists .order-active i{position: absolute;right: 6px;top:13px;border-top: 4px solid #000;border-right: 4px solid transparent;border-bottom: 4px solid transparent;border-left: 4px solid transparent;} .xmarketplace-page.list-index #order-lists:hover .order-active i{top:9px;border-top: 4px solid transparent;border-right: 4px solid transparent;border-bottom: 4px solid #000;border-left: 4px solid transparent;} .xmarketplace-page.list-index #order-lists .order-lists-select{display:none;position: absolute;left: -1px;width: 100%;border:1px solid #bbb;z-index: 1;} .xmarketplace-page.list-index #order-lists .order-lists-select li{height: 36px;line-height: 36px;font-size: 14px;background-color: white;text-align: left;} .xmarketplace-page.list-index #order-lists .order-lists-select li a{padding-left: 10px;color: #666;} .xmarketplace-page.list-index #order-lists:hover .order-lists-select{display:block;} .xmarketplace-page.list-index .filter-merge{padding: 10px 15px; text-align: right; background-color: #f5f5f5; margin-top: 15px;} .xmarketplace-page.list-index .filter-merge .filter-link{position: relative;} .xmarketplace-page.list-index .filter-merge .filter-link span{padding: 10px 25px 10px 15px; border: 1px solid #DDD; margin: 5px;color: #666; background-color: white;} .xmarketplace-page.list-index .filter-merge .filter-link i{border: transparent 4px solid;position: absolute;} .xmarketplace-page.list-index .filter-merge .filter-link .top {border-bottom-color: #ccc;top: 0px;right: 14px; } .xmarketplace-page.list-index .filter-merge .filter-link .down {border-bottom-color: #ccc;top: 15px; right: 14px; transform:rotateX(180deg)} .xmarketplace-page.list-index .filter-input-box .price-filter input{border-radius: 6px;width: 88px;height: 30px;line-height: 30px;background-color: transparent;border: 1px solid #DDD;padding: 0px 8px;text-align: center} .xmarketplace-page.list-index .filter-input-box .price-filter .min, .xmarketplace-page.list-index .filter-input-box .price-filter .max, .xmarketplace-page.list-index .filter-input-box .price-filter .keywords{background-color: white; margin: 0 10px;border-radius: 6px;} .xmarketplace-page.list-index .filter-input-box .price-filter .btn{padding: 0 10px;height: 30px;line-height: 30px;cursor: pointer;white-space: nowrap;border: 1px solid #ccc;background-color: #fff;border-radius: 6px;} .xmarketplace-page.list-index .filter-input-box .type-filter > span {padding-left:12px;} .xmarketplace-page.list-index .filter-input-box .type-filter > span > div{font-size: 15px;vertical-align: -2px;} .filter-input-box .type-filter{margin-right: 20px;} /* show item pop out page */ .item-detail-mask>div{display:inline-block;} #item-detail{display:none;} .marketplace-list-index #item-detail{width:100%;height:100%;position: fixed;top:0;right:0;bottom:0;left:0;background-color:hsla(0,0%,90%,.8);z-index:1999;} .marketplace-list-mylikes #item-detail{width:100%;height:100%;position: fixed;top:0;right:0;bottom:0;left:0;background-color:hsla(0,0%,90%,.8);z-index:1999;} .marketplace-list-myitems #item-detail{width:100%;height:100%;position: fixed;top:0;right:0;bottom:0;left:0;background-color:hsla(0,0%,90%,.8);z-index:1999;} .item-detail-transparent{display:block;} .item-detail-mask{display:none;width: 900px;background: #fff;padding: 40px 20px 20px 20px;text-align: left;position: fixed;z-index: 2046;align-items: center;min-height: 300px;} #item-detail .show-content-left{margin:0 auto;text-align: center;background: #fff;width:400px; position: relative;} #item-detail .show-content-right{width:480px;vertical-align: top;position: relative;float: right;} #item-detail>div{display:flex;justify-content: center;align-items: center;height:100%;} #item-detail>div>.item-detail-mask{display:inline-block;} #item-detail .show-content-left>img{display: block;} #item-detail .show-content-right>p{margin: 10px 0; color:#878787;} #item-detail .show-content-right>h4#pd-category{width: auto;min-width: 90px;} #item-detail .show-content-right>p#pd-location,#item-detail .show-content-right>h4#pd-category{margin:0 0 10px;float: left;} #item-detail .show-content-right #bookmark-btn{cursor:pointer;position: absolute;right: 0;color:white;font-weight: bold;border:0;height: 40px;width: 40px;background-size: 40px 40px;background-color: white;} #item-detail .show-content-right .like-btn{background:url(../images/icon/star.png)} #item-detail .show-content-right .unlike-btn{background:url(../images/icon/star-fill.png)} #item-detail .subject{margin-bottom: 10px;font-size: 18px;color: #333;font-weight: bold;width:90%;word-break: break-all;} #item-detail .category{font-size: 16px;font-weight: lighter;} #item-detail .dscrp-ctnr > label{display: inline-block;vertical-align: top;margin-top: 2px;} #item-detail .dscrp{border: 1px solid #DDD;padding: 7px 4%;width:90%; display:inline-block; font-size: 15px;letter-spacing: 1px;height: 130px;line-height:1.5; resize:none;word-break: break-all;word-wrap: break-word;} #item-detail .dscrp:read-only{background-color: white;cursor: default;} #item-detail .price{text-align: left;color: #f15a24;font-size: 24px;font-weight: bold;margin: 10px 0;} #item-detail .contact>div{display: inline-block;color:#666;font-weight: lighter;background-size: 20px 20px;background-repeat: no-repeat;background-position: 0 0px;padding-left: 25px;} #item-detail .contact #pd-wechat{padding-right: 10px;background-image: url(../images/icon/wechat.png);background-size: 22px 18px;background-position: 0 3px;} #item-detail .contact #pd-mobile{background-image: url(../images/icon/phone.png);background-size: 18px 18px;background-position: 3px 3px;} #item-detail .time{margin-top:9px; font-size: 15px;background-position: 0px -2px;color:#878787;background-size: 25px 25px; background-repeat: no-repeat; padding-left: 28px; background-image: url(../images/icon/time.png)} #pd-location {height:21px;background-image: url(../images/icon/local.png);background-size: 11px 16px;background-repeat: no-repeat;background-position: 6px 2px;padding-left: 20px;} #item-detail .close i, .xmarketplace-page #add-item-form .close i {display: block;margin-top: 5px;margin-left: 15px;width: 20px;height: 20px;background: url(../images/icon/close333.png) no-repeat left center;background-size: 20px 20px;} #item-detail .close, .xmarketplace-page #add-item-form .close {background: transparent;color: #333;width: 40px;text-align: center;height: 40px;line-height: 43px;font-size: 22px;cursor: pointer;position: absolute;top: 1%;right: 1%;} #item-detail .hidden-data{display:none;} #item-detail .show-content-left > div {text-align: left;} #item-detail .contact {display:none; margin-top:10px;font-size: 15px;} #item-detail .contact-pop {margin-top:10px;font-size: 15px;} #item-detail .contact-pop > a{cursor: pointer; color: #1e7ec8;} #item-detail #pd-user-image{height: 100%;width: 100%;object-fit: fill;} #item-detail .user-info .user-icon {border: 1px solid #f5f5f5;height: 40px;width: 40px;} #item-detail .user-info .user-name {font-size: 14px;height: 21px;padding-top: 8px;padding-left: 5px;} #item-detail .user-info > div{display: inline-block; vertical-align: top;} #item-detail #pd-image{max-width: 100%!important;max-height: 100%!important;width: auto;} #item-detail #item-detail-loading,#item-detail #item-detail-error{display:none;position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);font-size: 30px;color: red;} #item-detail #item-detail-loading img{width: 50%;margin:0 auto;display: block;} /*item-detail image slider*/ #item-detail .slider-wraper{width: 300px; height: 300px;position: relative;overflow: hidden; border: 1px solid #DDD;margin: 0 auto;} #item-detail #slider{text-align: center;width:100%;height: 100%;line-height: 300px;} #item-detail #next{right: 19px;border-radius: 0px 7px 7px 0px;width: 30px;height: 70px;top: 140px;} #item-detail #previous{left:19px;border-radius:7px 0px 0px 7px;width: 30px;height: 70px;top: 140px;} #item-detail .btns{position:absolute;width:50px;height:60px;top:50%;margin-top:-25px;line-height:57px;text-align:center;cursor:pointer;background:rgba(0,0,0,0.1);z-index:100;} #item-detail .fa{width: 30px;height: 70px;display: block} #item-detail .fa-arrow-right{background: url(../images/icon/arrow.png);background-position: 0 0;background-size: 30px 70px;} #item-detail .fa-arrow-left{transform:rotate(180deg);-ms-transform:rotate(180deg); /* IE 9 */-moz-transform:rotate(180deg); /* Firefox */-webkit-transform:rotate(180deg); /* Safari and Chrome */-o-transform:rotate(180deg); /* Opera */background: url(../images/icon/arrow.png);background-position: 0 0;background-size: 30px 70px;} #item-detail #pc-selector{display:flex;width: 350px;margin:0 auto;} #item-detail #pc-selector img{cursor:pointer;height: 50px;flex:1;display: inline-block;margin: 15px 5px 0;object-fit: contain;box-sizing: border-box;max-width: 20%;} #item-detail .active-image{border: 2px solid #07beb6;} .scroll-style::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;} .scroll-style::-webkit-scrollbar {width: 6px;background-color: #F5F5F5;} .scroll-style::-webkit-scrollbar-thumb {background-color: #464646;} /* add item pop out page */ #add-item-form {width: 700px; margin: 0 auto;display: none;max-width: 100%} #add-item-form .hidden-data{display:none;} #add-item-form .form-inputs > h1{text-align: center; font-weight: bold; font-size: 26px;} #add-item-form .form-inputs .loc-container{display: inline-block;} #add-item-form{padding-top: 30px;} #add-item-form .form-inputs>div{padding: 10px 40px;} #add-item-form .type-selector > input{margin-left: 5px; margin-right: 15px;} #add-item-form .form-inputs > div > div{padding: 10px 0px;} #add-item-form .form-inputs .category-input > select, #add-item-form .form-inputs .loc-selector{width: 180px;height: 32px;font-size: 16px;margin-top: 13px;margin-left: 1px;} #add-item-form .form-inputs .loc-selector{display: block} #add-item-form .form-inputs .city-input {min-height: 41px; height: auto;} #add-item-form .form-inputs .city-input > label{ display: inline-block;vertical-align: top;margin-top: 12px;} #add-item-form .form-inputs .category-input > label{vertical-align: -8px;} #add-item-form .form-inputs .category-selector{width:192px!important;} #add-item-form .undecide-price-input > label{vertical-align: -20px;} #add-item-form .undecide-price-input > input{vertical-align: -22px;} #add-item-form input[type="text"]{color:#333; padding: 2px 5px;border:none; line-height: 30px; vertical-align:middle; border-bottom: 1px solid #ccc;border-bottom: 1px solid #ccc;max-width: 190px;font-size: 16px;} #add-item-form div >label{font-size:14px;line-height: 30px;vertical-align: text-top;color:#666;} #add-item-form .price-input input{width: 160px;} #add-item-form .price-input input:read-only{background-color: #eee;} #add-item-form input{margin-top: 10px;} #add-item-form .dsrp-input label{vertical-align: top;} #add-item-form .dsrp-input textarea{max-width: 94%;font-size: 16px;word-break: break-all;word-wrap: break-word;width: 500px; height: 100px;resize:none;padding: 10px;letter-spacing: 1px;} #add-item-form .submit-btn{border: none;border-radius: 6px;color:white;border:1px solid #009E96;cursor: pointer;width: 140px; height:42px; font-size: 18px; font-weight: bold; background-color: #009E96;} #add-item-form .form-btn{text-align: center; padding: 20px ;} #add-item-form .photo-input .photo-box{display:none;vertical-align:top;margin: 10px 10px;border: 1px solid #ccc;height:82px;width: 82px; padding:0;font-size: 96px;} #add-item-form .photo-input .photo-prev{position: relative;} #add-item-form .photo-input .photo-prev > div{cursor:pointer;font-size: 14px;display: inline;line-height: 82px;text-align: center;background: #009E96;color:white;background-color: rgb(0,158,150,0.5);width: 82px;position: absolute;height: 82px;border: 0;opacity: 0;} #add-item-form .photo-input .photo-prev > div:hover{opacity: 1;} #add-item-form .photo-input .photo-prev > img{top: 0;bottom: 0;position: absolute;left: 0;right: 0;margin: auto;max-height: 80px;max-width: 80px;} #add-item-form .photo-input .photo-uploader{ display:inline-block;background-color:white;overflow: hidden;line-height: 82px;text-align: center;font-weight: lighter;cursor: pointer;color: #ccc; position: relative;} #add-item-form .photo-input-tips{font-size: 14px;color: red;} #add-item-form .photo-file {display: none!important;} #add-item-form #img-close{width: 0;height: 0;top: -10px;right: 10px;} #add-item-form #img-close > i{margin: 0; background: url(../images/icon/close_icon.png)} #add-item-form #picture-validation{padding: 0 0 16px 16px!important;display: none;} #add-item-form #image-preview{padding-top: 10px;} #add-item-form #item-form em{font-style: normal;color: red;margin-left: 2px;} #add-item-form .dsrp-input em{vertical-align: top;} #add-item-form .photo-input .photo-prev #cover{font-size: 15px;position: absolute;background: #009E96;width: 100%;color: white!important;bottom: 0;text-align: center;background-color: rgb(0,158,150,0.5);} .xmarketplace-page.list-index .products-container{padding:20px 30px;background-color: white;position: relative;} .xmarketplace-page.list-index .products-container #loading-tips{display: none;position: absolute;bottom: -40px;left: 0;padding-bottom: 20px;width: 100%;text-align: center;background: white;} .xmarketplace-page.list-index .products-container #loading-tips h2{color: #06beb6;} .xmarketplace-page.list-index .products-container .image-container{padding:0!important; width: 100%;text-align: center;position: relative;} .xmarketplace-page.list-index .products-container .content-detail-container>div{padding: 0px 5px;color: #737373;font-weight: normal;padding-top: 5px;overflow: hidden;font-size: 24px;} .xmarketplace-page.list-index .products-container .content-detail-container .subject{font-weight: bold;font-size:18px;padding-top: 18px;color:black; max-height: 1.5em;} .xmarketplace-page.list-index .products-container .content-detail-container .location{font-size:13px;color:#1b1b1b;float: right;height: 40px;line-height: 46px;} .xmarketplace-page.list-index .products-container #price{color: #d80000;text-align: left;} .xmarketplace-page.list-index .products-container #price .regular-price{color: #f15a24;} .xmarketplace-page.list-index .products-container .box>div{padding-left: 6px;padding-right: 6px;} .xmarketplace-page.list-index .products-container .content-footer{padding:6px;} .xmarketplace-page.list-index .products-container .content-footer:after{clear:both;content:"";display:block;} .xmarketplace-page.list-index .products-container .content{background: #fff;text-align: left;font-size: 18px;} .xmarketplace-page.list-index .products-container .content-container{display: grid;grid-template-columns: repeat(4, 1fr);grid-auto-rows: 10px;grid-column-gap: 3%;height: auto;} .xmarketplace-page.list-index .products-container .content .prdct-img{width: 100%;max-height: 500px;object-fit: contain;box-sizing: border-box;height: 100%;} .xmarketplace-page.list-index .products-container .content-footer .user-info>div{display: inline-block; vertical-align: top;} .xmarketplace-page.list-index .products-container .content-footer .user-icon{height:40px;width:40px;} .xmarketplace-page.list-index .products-container .content-footer .user-info .name-time-wrap > div{width:90px; display: inline-block;vertical-align: top;margin-top: 10px;} .xmarketplace-page.list-index .products-container .content-footer .user-info .name-time-wrap .user-name{font-size:14px;height: 21px;} .xmarketplace-page.list-index .products-container .content-footer .user-info .name-time-wrap .post-time{font-size:14px;color:#ccc;text-align: right;} .xmarketplace-page.list-index .products-container .box{border:1px solid #f5f5f5;padding: 0;margin: 0 auto;width: 100%;cursor: pointer;position:relative;box-sizing: border-box;transition: 0.5s;} .xmarketplace-page.list-index .products-container .box:hover{box-shadow: 2px 2px 5px 2px #e5e5e5;} .xmarketplace-page.list-index .products-container .user-icon img{height: 100%;width: 100%;object-fit: contain;border-radius: 50%;} .xmarketplace-page.list-index .products-container .type-label{border-radius: 6px;padding: 0px 10px !important;position: absolute;top: 10px;left: 10px;color: white;font-size: 18px;} .xmarketplace-page.list-index .products-container .sell-label{background-color: #06beb6;border: 1px solid #06beb6;} .xmarketplace-page.list-index .products-container .buy-label{background-color: #f25246;border: 1px solid #f25246;} .xmarketplace-page.list-index .products-container .message-container{text-align: center; width: 100%;} .mp-dcorner-square {position: absolute;top: -7px;left: -29px;width: 0;height: 0;border-left: 45px solid transparent;border-right: 45px solid transparent;border-bottom: 45px solid #0aa59d;transform: rotate(-45deg);} .mp-dcorner-txt {position: absolute;top: 14px;left: 4px;font-size: 13px;font-weight: bold;color: #fff;transform: rotate(-45deg);line-height: normal;} .mp-dcorner-ico .sell-bg{border-bottom:45px solid #ffda05} .mp-dcorner-ico .sell-txt{color:black;} .mp-dcorner-ico .buy-bg{border-bottom:45px solid #FFA908} .mp-dcorner-ico .buy-txt{color:black;} #item-table .prdct-img{height: 100px; width: auto;object-fit: contain;} .marketplace-list-myitems .col-main{background-color: #f0f2f5!important;} .list-myitems .add-item{margin: 15px 0px; text-align: right;} .list-myitems .page-title{margin:0;} #item-table tr{background-color: white; height: 20px;border-bottom: 20px solid #f0f2f5;} #item-table td{padding: 15px 0px 15px 15px;} #item-table{width: 100%;} #item-table .img-data{width: 100px;text-align: center;} #item-table .info-data>div{padding-top:7px;width: 120px;} #item-table .subject{font-size:16px;font-weight: bold;} #item-table .category{font-size: 14px;color:#737373;} #item-table .time{font-size: 11px;color:#878787;} #item-table .info-data{width: 120px;} #item-table .des-data{width: 290px;padding-left: 50px;} #item-table .price-data{max-width: 140px;padding-left: 0;} #item-table .price-data > p{text-align: center;} #item-table .price-data .label{font-size:15px;font-weight: bold;padding-top: 20px;} #item-table .price-data .price{font-size:16px;font-weight: bold;color:#d80000;padding-top:5px;} #item-table .dsrpt{word-break: break-all;word-wrap: break-word;color:#737373;letter-spacing:1px;width: 100%;height:74px;font-size:14px;margin: 0!important;overflow:hidden;resize:none;border: none;padding-top: 10px;} #item-table .edit-links{text-align: right;padding-left: 0; padding-right: 15px;vertical-align: middle;} #item-table .edit-links > div{padding: 2px 0;} #item-table .edit-links a{cursor:pointer;} #item-table{border-collapse: collapse;} #item-table thead th{text-align: center;} .pager .amount,.pager .limiter{display: none;} .pager{margin: 0; padding: 0;} .pager .pages .current {display: inline-block;padding: 6px 0 9px;box-sizing: border-box;width: 36px;height: 36px;background: #06beb6;border: 1px #06beb6 solid;border-radius: 0;} .pager .pages li a {display: inline-block;padding: 6px 0 9px;box-sizing: border-box;width: 36px;height: 36px;color: #999;background: #fafafa;border: 1px #f2f2f2 solid;border-radius: 0; margin: 40px 0 15px 0;} .pager .pages {margin: 40px 0 15px 0;} span.active {color: #06beb6;} input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #ccc; } input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ccc; } input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ccc; } input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #ccc; } @media (min-width: 992px) and (max-width: 1200px) { .des-data{display: none;} #item-detail{width: 700px;} #item-detail #previous{left: -11px;top: 130px;} #item-detail #next{right: -11px;top: 130px;} #item-detail #pc-selector{width:270px;} #item-detail .slider-wraper{width: 260px;height: 260px;} #item-detail .show-content-left{width: 300px;} #item-detail .show-content-right{width:380px;} } @media (min-width: 769px) and (max-width: 991px){ .des-data{display: none;} #item-detail{width: 600px;} #item-detail #previous{left: -15px;top: 100px;} #item-detail #next{right: -15px;top: 100px;} #item-detail #pc-selector{width: 240px;} #item-detail #pc-selector img{height: 40px;} #item-detail .slider-wraper{width: 230px;height: 230px;} #item-detail .show-content-left{width:260px;} #item-detail .show-content-right{width:320px;} } @media(max-width: 550px) { #ai-subject, #ai-mobile, #ai-wechat{width: 70%!important;} } @media (max-width: 769px){ /*xbusiness-shop.css*/ body.model-open{overflow:auto;} .breadcrumb a.activeItem,.breadcrumb a:hover{color: #333;border-bottom: 2px solid #27b7bb;} .breadcrumb a{padding: 10px 12px;display: inline-block;color: #808080;border-bottom: 1px solid #f7f7f7;} .breadcrumb span{display:none;} .breadcrumb li,.m-navigation-filter {flex: 1;text-align: center;} .breadcrumb,.m-navigation-title{display: flex;position: relative;background-color: #f7f7f7;border-bottom: 1px solid #ddd;align-items: center;width: 100%;z-index: 99;} .m-navigation-filter h1{padding: 10px 2px;font-size: 14px;color: #808080;position: relative;max-width: 6em;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .m-navigation-filter h1 span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .m-navigation-filter.active h1 i{background-image:url(../images/icon/packup.png);} .m-navigation-filter h1 i{float: right;display: inline-block;width: 15px;height:13px;margin-top: 4px;background-image:url(../images/icon/unfold.png);background-repeat: no-repeat;background-size: 15px 15px;background-position:0 -2px;} .m-navigation-select{margin-top:36px;display:none;position: absolute;padding:0 15px;width: 100%;box-sizing: border-box;text-align: left;background-color: white;z-index: 98;border-top: 1px solid #ccc;} .m-navigation-filter.active .m-navigation-select{display:block;height: 250px;overflow: auto;margin-top: 35px;} .m-navigation-select a{display:block;padding:10px 0;color: #999;} .m-navigation-mask.active{background-color: #000000;height: 100%;left: 0;opacity: .4;-moz-opacity: .4;-webkit-opacity: .4;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30) ! important;position: fixed;top: 0;z-index: 1;width: 100%;} .breadcrumb li.min,.breadcrumb li.max{flex:7;} .breadcrumb li.submit-btn{flex: 3;} .breadcrumb li input,.breadcrumb li button{width: 90%;box-sizing: border-box;height: 25px;display: block;margin: 5px auto;border-radius: 6px;background-color: #fff;} .breadcrumb li input{border: 1px solid #DDD;} .breadcrumb li button{border: 1px solid #ccc;} .m-navigation-issue a{display: block;height: 28px;line-height: 28px;background-color: #e14f44;border-radius: 50px;margin:0 5%;color: white;} .m-navigation-filter.m-navigation-city.active .m-navigation-select{margin-left: -25%;} .xmarketplace-page .m-navigation-filter.m-navigation-sort.active .m-navigation-select{margin-left: -50%;height: 210px;} .xmarketplace-page.list-index{padding: 0 0px 10px 0px;} .xmarketplace-page.list-index .products-container{padding:15px 0 0 0;} .xmarketplace-page.list-index .products-container .content-container{grid-template-columns: repeat(2, 1fr);grid-column-gap:4%;} .xmarketplace-page.list-index .products-container .box{width: 94%;box-sizing: border-box;margin:0 auto;} .xmarketplace-page.list-index .products-container .box>div{padding: 0;} .xmarketplace-page.list-index .products-container .box:hover{box-shadow: none;} .xmarketplace-page.list-index .products-container .content-detail-container .subject{padding-top: 10px;} .xmarketplace-page.list-index .products-container .user-info{float: none;display: flex;margin:5px 0 0 5px;} .xmarketplace-page.list-index .products-container .content-footer .user-icon{width: 30px;min-width: 30px;padding:5px 0;box-sizing: border-box;} .xmarketplace-page.list-index .products-container .content-footer .name-time-wrap{width: 100%;} .xmarketplace-page.list-index .products-container .content-footer .user-info .name-time-wrap > div{width: 100%;} .xmarketplace-page.list-index .products-container .content-footer .user-info .name-time-wrap .user-name{padding-left: 5px;box-sizing: border-box;width: auto;} .xmarketplace-page.list-index .products-container .content-footer .user-info .name-time-wrap .post-time{padding-right: 5px;box-sizing: border-box;width: auto;float: right} #add-item-form .form-inputs>div{padding: 10px 20px;} .marketplace-list-index #item-detail{position: fixed;padding:0;top:0;right:0;bottom:0;left:0;width:100%;height:auto;transform:none;overflow: auto;z-index:2045;background-color: hsla(0,0%,90%,.8);-webkit-overflow-scrolling: touch;} .marketplace-list-mylikes #item-detail{position: fixed;padding:0;top:0;right:0;bottom:0;left:0;width:100%;height:auto;transform:none;overflow: auto;z-index:2045;background-color: hsla(0,0%,90%,.8);-webkit-overflow-scrolling: touch;} .marketplace-list-myitems #item-detail{position: fixed;padding:0;top:0;right:0;bottom:0;left:0;width:100%;height:auto;transform:none;overflow: auto;z-index:2045;background-color: hsla(0,0%,90%,.8);-webkit-overflow-scrolling: touch;} .item-detail-transparent{min-height:calc(100% - 1px);background-color:rgba(255,255,255,0);} .item-detail-mask{position:absolute;width: 80%;margin-bottom:30px;top: 10%;right: 10%;left: 10%;transform: none;padding: 30px 0;background-color:#fff;z-index:2046;} #item-detail .show-content-left{width: 100%;box-sizing: border-box;} #item-detail .show-content-right{width: 100%;box-sizing: border-box;padding:0 3%;float: none;} #item-detail #pd-subject{margin:0;width: 90%;} #item-detail .show-content-right>h4#pd-category{margin-left: 5px;} #item-detail .show-content-right>p#pd-location{float: right;} #item-detail .dscrp-ctnr{width:100%;box-sizing: border-box;} #item-detail .dscrp{width: 100%;box-sizing: border-box;padding: 4px 2%;font-size: 16px;} #item-detail .price{font-size: 18px;margin:5px auto 10px;} #item-detail .contact>div{display: block;margin:3px auto;} #item-detail .show-content-right #bookmark-btn{right: 5px;top: -5px;width: 30px;height: 30px;background-size: 30px;} #item-detail .close,#item-detail .close i{width: 20px;height: 20px;margin:0;} .show-content-left .btns{display: none!important;} .show-content-left .slider-wraper{display: none!important;} #item-detail #pc-selector{height: auto;width: 94%;display:block;padding:0;;} #item-detail #pc-selector img{max-width: 100%;width: auto;height: auto;vertical-align: middle;margin:0;object-fit: contain;} #item-detail #pc-selector .active-image{border:none;} #item-detail #pc-selector .slick-dots{bottom: 5px;} #item-detail #pc-selector .slick-dots li{display: inline-block;width: 10px;height: 10px;border-radius: 50%;background-color: #FFF;margin: 0 0.5rem;border: 1px solid #CCC;box-sizing: border-box;} #item-detail #pc-selector .slick-dots li.slick-active{background-color: #06beb6;border: none;} #item-detail #pc-selector .slick-dots li button{display: none;} .des-data{display: none;} #item-table .img-data{display: none;} html[lang=it] .it-postItem{display: none;} }