@charset "utf-8";.colorgreen{color:#06b190}.colorred{color:#fe5269}.color2d{color:#2d2d2d}.fsb{font-family:OpenSans-Semibold}.fb{font-family:OpenSans-Bold}.box-sizing{-moz-box-sizing:border-box;box-sizing:border-box}.addbag-success-panel{width:540px;background:#fff;-moz-box-sizing:border-box;box-sizing:border-box;padding:32px 56px;text-align:center;display:none}.addbag-success-panel .addbag-panel-close{background-image:url(../images/styleimg/common.png?v=66b39a5b97);background-position:-211px -272px;width:16px;height:16px;position:absolute;top:20px;right:20px}.addbag-success-panel .addbag-success-head{text-align:center;font-size:24px;font-family:OpenSans-Semibold;margin-bottom:24px}.addbag-success-panel .addbag-success-head:after{content:'';display:inline-block;vertical-align:middle;width:32px;height:32px;background:url(../images/styleimg/utils/collocation/bag.png);background-size:cover}.addbag-success-panel .outfit-img{max-height:55vh;width:auto}.addbag-success-panel .addbag-success-footer{margin-top:24px;font-size:18px;white-space:nowrap}.addbag-success-panel .addbag-success-footer a{text-decoration:none;display:inline-block;vertical-align:middle;color:#2d2d2d;height:40px;line-height:40px;width:208px;text-align:center;border:1px solid #2d2d2d;font-family:OpenSans-Semibold;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:3px;text-transform:uppercase}.addbag-success-panel .addbag-success-footer .addbag-success-viewbag{background-color:#2d2d2d;color:#fff;margin-left:12px}.addbag-success-panel .addbag-success-footer .icon-point{display:inline-block;vertical-align:middle;width:18px;height:18px;background:url(../images/styleimg/utils/collocation/z-points.png);background-size:cover}.outfit-form-section{width:640px;background:#fff;-moz-box-sizing:border-box;box-sizing:border-box;padding:32px;padding-top:56px;display:none}.outfit-form-section .share_outfit_img{margin:auto;display:block}.outfit-form-section .section-panel-close{background-image:url(../images/styleimg/common.png?v=66b39a5b97);background-position:-211px -272px;width:16px;height:16px;position:absolute;top:20px;right:20px}.outfit-form-section .post-text{height:200px;border:1px solid #ddd;padding:10px 12px;margin-top:20px;-moz-box-sizing:border-box;box-sizing:border-box}.outfit-form-section .post-text textarea{height:80%;width:100%;border:0;background:0 0;outline:0;resize:none;font-size:14px;-webkit-overflow-scrolling:touch}.outfit-form-section .post-text textarea::-webkit-input-placeholder{color:#2d2d2d}.outfit-form-section .post-text textarea::-moz-placeholder{color:#2d2d2d}.outfit-form-section .post-text textarea::-webkit-scrollbar{width:6px;height:6px}.outfit-form-section .post-text textarea::-webkit-scrollbar-track{background-color:#ddd}.outfit-form-section .post-text textarea::-webkit-scrollbar-thumb{background-color:#999}.outfit-form-section .post-text p{right:12px;bottom:12px;color:#999}.outfit-form-section .post-text .red{color:red}.outfit-form-section .text-notice{font-size:14px;color:#ffa800;text-align:right;margin-top:5px;display:none}.outfit-form-section .post-btns{margin-top:20px}.outfit-form-section .post-btns a{display:inline-block;width:240px;height:40px;line-height:40px;border-radius:2px;font-size:16px;font-family:OpenSans-Semibold;background-color:#2d2d2d;color:#fff}.outfit-form-section .post-btns a:hover{opacity:.9}.outfit-form-section .post-btns a.disabled{background-color:#ccc}.outfit-form-section .post-btns .share-msg{margin-top:12px}@media screen and (max-height:768px){.outfit-form-section .post-text{height:140px}.outfit-form-section .share_outfit_img{width:auto;height:250px}}body{min-width:1340px;height:100%}.main-content{padding:30px 0;width:1250px;margin:auto;position:relative}.main-content h3{font-family:OpenSans-Semibold;font-size:24px;color:#030303;margin-bottom:18px}.main-content .nav-prev{display:block;width:30px;height:30px;background:url(../images/styleimg/utils/arrow_left.png);position:absolute;left:0;top:50%;margin-top:-15px}.main-content .nav-prev.disabled{background:url(../images/styleimg/utils/arrow_left_gray.png);cursor:default}.main-content .nav-next{display:block;width:30px;height:30px;background:url(../images/styleimg/utils/arrow_right.png);position:absolute;right:-50px;top:50%;margin-top:-15px}.main-content .nav-next.disabled{background:url(../images/styleimg/utils/arrow_right_gray.png);cursor:default}.main-content .goods-list-wrapper{position:relative}.main-content .goods-list-wrapper ul{display:-moz-box;display:-ms-flexbox;display:flex}.main-content .goods-list-wrapper ul:not(.no-transition){-moz-transition:transform .5s ease,-moz-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-moz-transform .5s ease}.main-content .goods-list-wrapper ul:after{content:'';display:table;clear:both}.main-content .goods-list-wrapper li{float:left}.main-content .slide-wrapper{width:760px;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.collocation-area .collocation-drop{height:470px;position:relative;overflow:hidden}.collocation-area .collocation-drop.empty-goods{background:url(../images/styleimg/utils/collocation/bg3.png) center center/auto 50% no-repeat,url(../images/styleimg/utils/collocation/bg2.png) center center/100% 100% no-repeat #fff;height:100%}.collocation-area .collocation-drop.empty-goods+button{display:none}.collocation-area .drop-action-hint{-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;margin-bottom:20px}.collocation-area .drop-desc{font-size:16px;color:#999}.collocation-area .drop-desc:after{content:'';display:inline-block;background:url(../images/styleimg/utils/collocation/arrow_right.png);width:16px;height:15px;vertical-align:middle;-moz-box-flex:0;-ms-flex:none;flex:none}.collocation-area .drag{position:absolute;width:120px;height:160px;-moz-box-sizing:border-box;box-sizing:border-box;left:134px;top:155px}.collocation-area .drag[data-goodtype=top]{top:75px}.collocation-area .drag[data-goodtype=bottom]{top:auto;bottom:75px}.collocation-area .drag img{width:100%;height:100%;object-fit:contain}.collocation-area .drag.active{z-index:1;border:1px solid #ddd}.collocation-area .drag.active .dragDot,.collocation-area .drag.active .rotate{display:block}.collocation-area .drag.disabled .outof-stock-hint{display:-moz-box;display:-ms-flexbox;display:flex;-moz-box-align:center;-ms-flex-align:center;align-items:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.collocation-area .drag .dragDot{width:8px;height:8px;background:#fff;position:absolute;-moz-box-sizing:border-box;box-sizing:border-box;display:none;outline:1px solid #ddd;z-index:1}.collocation-area .drag .outof-stock-hint{position:absolute;top:0;left:0;color:#fff;font-size:28px;width:100%;height:100%;background-color:rgba(0,0,0,.4);text-transform:capitalize;display:none;line-height:normal}.collocation-area .drag .cRightUp{top:-4px;right:-4px}.collocation-area .drag .cRightDown{bottom:-4px;right:-4px}.collocation-area .drag .cLeftDown{bottom:-4px;left:-4px}.collocation-area .drag .rotate{width:1px;height:14px;background:#ddd;left:50%;top:-14px;position:absolute;display:none}.collocation-area .drag .rotate .circle{width:9px;height:9px;border:1px solid #ddd;border-radius:50%;left:-4px;top:-8px;position:absolute;cursor:url(http://uidesign.zafcdn.com/Z/images/others/rotate_arrow.cur) 13 4,crosshair;-moz-box-sizing:border-box;box-sizing:border-box}.collocation-area .drag .nw-resize{cursor:nw-resize}.collocation-area .drag .se-resize{cursor:se-resize}.collocation-area .drag .ne-resize{cursor:ne-resize}.collocation-area .drag .sw-resize{cursor:sw-resize}.collocation-area .drag .ns-resize{cursor:ns-resize}.collocation-area .drag .ew-resize{cursor:ew-resize}.collocation-area .collocation-area-left{float:left;width:428px;height:610px}.collocation-area .collocation-area-left .addto-bag-container{background-color:#fff;display:none;width:356px;margin:auto;border-radius:3px;padding:10px;-moz-box-sizing:border-box;box-sizing:border-box;box-shadow:0 0 10px 0 rgba(0,0,0,.06);position:absolute;bottom:36px;left:36px}.collocation-area .collocation-area-left .addto-bag-container.is-visible{display:-moz-box;display:-ms-flexbox;display:flex;-moz-box-align:center;-ms-flex-align:center;align-items:center}.collocation-area .collocation-area-left .total-cur-nums{color:#999}.collocation-area .collocation-area-left .addto-bag-price{-moz-box-flex:1;-ms-flex:1 1;flex:1 1;white-space:nowrap;text-align:center}.collocation-area .collocation-area-left .addto-bag-price.with-mark-price .total-cur-price{font-family:OpenSans-Semibold;font-size:16px;margin-left:2px}.collocation-area .collocation-area-left .addto-bag-price.with-mark-price .total-yuan-price{color:#999;font-size:14px;font-family:inherit;text-decoration:line-through}.collocation-area .collocation-area-left .addto-bag-price:not(.with-mark-price) .total-cur-nums:lang(en){display:inline-block;vertical-align:top;margin-right:.25em}.collocation-area .collocation-area-left .addto-bag-price .total-yuan-price{font-family:OpenSans-Semibold;font-size:16px}.collocation-area .collocation-area-left button{height:48px;line-height:48px;display:block;text-align:center;margin:auto;background:-moz- oldlinear-gradient(bottom,#ff547c 0,#ffb57e 100%) #fc9297;background:linear-gradient(360deg,#ff547c 0,#ffb57e 100%) #fc9297;color:#fff;border-radius:3px;text-transform:capitalize;font-family:OpenSans-Semibold;font-size:18px;overflow:hidden;text-overflow:ellipsis;width:210px;white-space:nowrap;padding:0 2px}.collocation-area .collocation-area-left button.disabled{color:#ccc;background:#eee!important}.collocation-area .collocation-area-left button:not(.disabled):hover{background-color:#676767}.collocation-area .collocation-drop-area{position:relative;background-color:#f7f7f7;height:570px;background-image:url(../images/styleimg/utils/collocation/bg2.png);background-size:100% 100%}.collocation-area .collocation-area-right{margin-left:42px;float:left;width:780px}.collocation-area .collocation-area-right li{position:relative}.collocation-area .collocation-area-right li+li{margin-left:30px}.collocation-area .collocation-area-right h3{font-size:20px;position:relative}.collocation-area .collocation-area-right h3 .btn-refresh-goods{color:#666;border:1px solid #979797;display:none;height:27px;line-height:27px;padding:0 6px 0 28px;-moz-box-sizing:border-box;box-sizing:border-box;float:right;border-radius:16px;font-size:14px;background:url(../images/styleimg/utils/collocation/refresh.png) 6px center no-repeat}.collocation-area .collocation-area-right h3 .btn-refresh-goods:hover{color:#2d2d2d;border-color:#2d2d2d}.collocation-area .collocation-area-right .recommend-bottoms h3{margin-top:20px}.collocation-area .collocation-area-right .slide-wrapper .outof-stock-hint{position:absolute;top:0;left:0;color:#fff;font-size:20px;width:100%;height:100%;background-color:rgba(0,0,0,.4);text-transform:capitalize;z-index:1;line-height:normal;text-align:center;display:none;pointer-events:none}.collocation-area .collocation-area-right .slide-wrapper .match-good-link{position:relative;width:160px;height:210px}.collocation-area .collocation-area-right .slide-wrapper .match-good-link [data-type].disabled+.outof-stock-hint{display:-moz-box;display:-ms-flexbox;display:flex;-moz-box-align:center;-ms-flex-align:center;align-items:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.collocation-area .collocation-area-right .slide-wrapper a{display:block}.collocation-area .collocation-area-right .slide-wrapper a img{border:1px solid transparent}.collocation-area .collocation-area-right .slide-wrapper li.active .goods-price,.collocation-area .collocation-area-right .slide-wrapper li:hover .goods-price{display:block}.collocation-area .collocation-area-right .slide-wrapper li.active img,.collocation-area .collocation-area-right .slide-wrapper li:hover img{border-color:#ddd!important}.collocation-area .collocation-area-right .slide-wrapper .goods-price{position:absolute;top:175px;left:2px;right:2px;margin:auto;background-color:rgba(255,255,255,.8);text-align:center;font-family:OpenSans-Semibold;color:#2d2d2d;font-size:16px;height:34px;line-height:34px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:none}.collocation-area .collocation-area-right .slide-wrapper li.active .multiple-color-container{display:-moz-box;display:-ms-flexbox;display:flex;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.collocation-area .multiple-color-container{margin-top:10px;padding:0 16px;overflow:hidden;display:none;width:160px;height:20px;-moz-box-sizing:border-box;box-sizing:border-box;position:relative}.collocation-area .multiple-color-container a,.collocation-area .multiple-color-container span{float:left;width:100%;height:100%}.collocation-area .multiple-color-container a{padding:1px;border:1px solid #ccc;-moz-box-sizing:border-box;box-sizing:border-box;width:20px;height:20px;margin:0 6px}.collocation-area .multiple-color-container a.good-attr-item-selected{border-color:#2d2d2d}.collocation-area .multiple-color-container a.good-attr-item-unshelve{border:1px dashed #ddd;cursor:default}.collocation-area .multiple-color-container .nav-next,.collocation-area .multiple-color-container .nav-prev{width:16px;height:16px;background-size:16px 16px;margin-top:-8px;display:none;top:50%;left:0}.collocation-area .multiple-color-container .nav-next{right:0;left:auto}.collocation-area .recommend-bottoms+.recommend-tops,.collocation-area .recommend-tops+.recommend-bottoms{margin-top:24px}.cloth-men-collocation-body .collocation-area .collocation-drop.empty-goods{background:url(../images/styleimg/utils/collocation/bg_men.png) center center/auto 50% no-repeat,url(../images/styleimg/utils/collocation/bg2.png) center center/100% 100% no-repeat #fff}.collocation-area-right img{display:block;width:160px;height:210px;object-fit:cover;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.collocation-area-right .nav-prev{left:-40px;top:105px;display:none}.collocation-area-right .nav-next{right:-40px;top:105px;display:none}.collocation-area-right .goods-list-wrapper{width:730px}.bestsellers-container{clear:both}.bestsellers-container li+li{margin-left:40px}.bestsellers-container img{display:block;width:210px;height:278px;object-fit:cover}.bestsellers-container .goods-list-wrapper .slide-wrapper{width:100%;padding:0;height:322px}.bestsellers-container .goods-list-wrapper .goods-price{margin-top:16px;font-family:OpenSans-Semibold;color:#030303;font-size:16px;text-align:center}.bestsellers-container .nav-prev{left:-50px}.bestsellers-container .nav-next{right:-10px}.tops-bestsellers{margin:60px 0 40px}.collocation-panel{width:670px;background:#fff;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px;padding-right:18px;padding-bottom:20px;display:none}.collocation-panel::after{position:absolute;left:0;width:100%;height:1px;background-color:#ddd;bottom:80px;content:''}.collocation-panel button{height:40px;line-height:40px;display:block;text-align:center;margin:auto;background:#2d2d2d;color:#fff;border-radius:3px;text-transform:uppercase;font-family:OpenSans-Semibold;font-size:18px;overflow:hidden;text-overflow:ellipsis;width:300px;margin-top:40px}.collocation-panel button.disabled{color:#ccc;background-color:#eee;height:100%}.collocation-panel .collocation-list-wrapper{max-height:370px;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:none}.collocation-panel .collocation-list-wrapper::-webkit-scrollbar{width:4px;height:4px}.collocation-panel .collocation-list-wrapper::-webkit-scrollbar-track{background-color:#d8d8d8}.collocation-panel .collocation-list-wrapper::-webkit-scrollbar-thumb{background-color:#999}.collocation-panel .panel-close{background-image:url(../images/styleimg/common.png?v=66b39a5b97);background-position:-211px -272px;width:16px;height:16px;position:absolute;top:16px;right:16px}.collocation-panel .good-item-container{display:-moz-box;display:-ms-flexbox;display:flex}.collocation-panel .good-item-container+.good-item-container{margin-top:20px}.collocation-panel .good-img-link{width:100px;height:133px;float:left;border:1px solid #ddd;-moz-box-sizing:border-box;box-sizing:border-box;position:relative}.collocation-panel .good-img-link img{width:100%;height:100%;display:block}.collocation-panel .good-img-link .link-remove-item{position:absolute;right:4px;bottom:4px;width:20px;height:20px;border-radius:50%;background:url(../images/styleimg/utils/collocation/delete.png) center no-repeat rgba(0,0,0,.25);cursor:pointer;display:none}.collocation-panel .good-attr-list{float:left;margin-left:12px;width:480px}.collocation-panel .good-attr-list.good-attr-color-only{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.collocation-panel .good-price{font-family:OpenSans-Semibold;color:#2d2d2d;font-size:20px;margin-bottom:8px}.collocation-panel .good-attr-item-name{color:#2d2d2d;margin-bottom:8px;font-size:14px;font-family:OpenSans-Semibold;text-transform:uppercase}.collocation-panel [data-key]{height:28px;line-height:28px}.collocation-panel .good-attr-item a{min-width:60px;display:inline-block;text-align:center;margin-bottom:8px;border:1px solid #ddd;text-decoration:none;color:#2d2d2d;-moz-box-sizing:border-box;box-sizing:border-box;color:#666;margin-right:12px;font-size:16px;padding:0 5px}.collocation-panel .good-attr-item a.good-attr-item-selected{border:1px solid #2d2d2d}.collocation-panel .good-attr-item a.good-attr-item-unshelve{border:1px dashed #ddd;color:#ccc;background-color:#f2f2f2;background-image:linear-gradient(to top right,transparent 0,transparent -moz-calc(49%),#ccc 50%,transparent -moz-calc(51%),transparent 100%);background-image:-moz- oldlinear-gradient(bottom left,transparent 0,transparent calc(49%),#ccc 50%,transparent calc(51%),transparent 100%);background-image:linear-gradient(to top right,transparent 0,transparent calc(49%),#ccc 50%,transparent calc(51%),transparent 100%)}.collocation-panel .good-outof-stock{color:#fe5269;font-size:12px;margin-bottom:10px;text-transform:capitalize;display:none}.collocation-panel .layer-size-tip{background-color:#f7f7f7;padding:10px 15px;font-size:13px;line-height:20px;color:#666;width:100%;-moz-box-sizing:border-box;box-sizing:border-box}.category-nav-list{padding-bottom:10px;margin-bottom:10px;white-space:nowrap;overflow-x:auto;clear:both;overflow-y:hidden}.category-nav-list::-webkit-scrollbar{width:4px;height:4px}.category-nav-list::-webkit-scrollbar-track{background-color:#d8d8d8}.category-nav-list::-webkit-scrollbar-thumb{background-color:#999}.category-nav-list a{display:inline-block;height:32px;line-height:32px;background-color:#f2f2f2;color:#666;font-size:14px;padding:0 12px;text-decoration:none;border-radius:2px;border:1px solid #f2f2f2}.category-nav-list a+a{margin-left:12px}.category-nav-list a.active{border-color:#2d2d2d;background:#fff}.collocation-women-body .collocation-drop .drag:not([data-firstpaint="1"])[data-cattype^=cat_]{left:auto;right:30px;top:50%;-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}.isplan-version-body .collocation-area .collocation-area-right .goods-list-wrapper>.nav-next,.isplan-version-body .collocation-area .collocation-area-right .goods-list-wrapper>.nav-prev,.isplan-version-body .collocation-area .collocation-area-right .slide-wrapper .goods-price{display:block}.isplan-version-body .collocation-panel .good-img-link .link-remove-item{display:block}.notplan-version-body .collocation-area .collocation-area-right h3 .btn-refresh-goods{display:inline-block}