.detail-view{width: 100%;}
.detail-contant{padding: 0; min-width: 1200px; background: #fff; font-family: "微软雅黑", Verdana, Geneva, sans-serif; position: relative;z-index: 28;left: 0;top: 0;width: 100%;}

.visi-hidden{visibility: hidden;height: 0;}


/*内容区*/
.detail-content{ padding-right: 300px;background: #EFF3F5; min-height: 100%;}
.detail-close{display: none; cursor: pointer; width: 48px;height: 48px;position: absolute;z-index: 30;top: 0;right: 312px;background: url(/skin/images/detail-close.jpg) no-repeat center;background-size: cover;}
.detail-close:hover{background: url(/skin/images/detail-close-hv.jpg) no-repeat center;background-size: cover;}
.is-f5 .detail-close{display: none;}
.not-f5 .detail-close{display: block;}

/* 新版收藏、分享区域 */
.detail-collect-share{width: 48px;background: #FFFFFF;box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.06);border-radius: 6px;border: 1px solid #DDDDDD;position: absolute;right: 312px;top: 56px;z-index: 99999999;box-sizing: border-box;}
.detail-collect-share .collect-box{padding: 12px 0;display: flex;flex-direction: column;align-items: center;justify-content: center;cursor: pointer;}
.detail-collect-share .collect-box>i{background: url(/skin/images/pattern_icon.svg) no-repeat -99px -15px;width: 19px;height: 18px;margin-bottom: 4px;}
.detail-collect-share .collect-box .icon-btn{text-align: center;}
.detail-collect-share .collect-box .icon-btn>i{background: url(/skin/images/pattern_icon.svg) no-repeat -99px -15px;width: 20px;height: 19px;margin-bottom: 4px;display: block;}
/* 已收藏样式（实心图标） */
.detail-collect-share .collect-box .icon-btn.has-collected>i {  background-position: -132px -15px; /* 切换为实心红心 */}
.detail-collect-share .collect-box>span{font-size: 12px;color: #333333;line-height: 12px;}
.detail-collect-share .collect-box.is-collected>i{background-position: -132px -15px;width: 20px;}
.detail-collect-share .collect-box:hover{background: #EEEEEE;border-radius: 6px 6px 0 0;}

.detail-collect-share .share-box{padding: 12px 0;display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;cursor: pointer;}
.detail-collect-share .share-box::before{content:'';position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 17px;height: 1px;background: #eee;}
.detail-collect-share .share-box>i{background: url(/skin/images/pattern_icon.svg) no-repeat -61px -12px;width: 24px;height: 24px;margin-bottom: 4px;}
.detail-collect-share .share-box .download-d {text-align: center;}
.detail-collect-share .share-box .download-d>i{background: url(/skin/images/pattern_icon.svg) no-repeat -61px -12px;width: 24px;height: 24px;margin-bottom: 4px;display: block;}
.detail-collect-share .share-box>span{font-size: 12px;color: #333333;line-height: 12px;}
.detail-collect-share .share-box .share-disc{padding: 0;display: none;position: absolute;z-index: 44; width: 229px;height: 72px;top:50%;right: 62px;transform: translateY(-50%);border: 1px solid #EEEEEE;background: #FFFFFF;border-radius: 5px;}
.detail-collect-share .share-box .share-disc::before{content: '';background: url(/skin/images/arrow.png) no-repeat;width: 11px;height: 17px;position: absolute;top: 50%;transform: translateY(-50%);right: -11px;}
.detail-collect-share .share-box .share-disc::after{content: '';width: 15px;height: 100%;position: absolute;top: 0;right: -15px;}
.detail-collect-share .share-box .share-disc>.bdsharebuttonbox{display: flex;align-items: center;height: 100%;justify-content: space-around;}
.detail-collect-share .share-box .share-disc>.bdsharebuttonbox>a{float: left;padding: 0; width: 30px;height: 30px;line-height: 28px;text-align: center;}
.detail-collect-share .share-box .share-disc>.bdsharebuttonbox>.bds-sqq{background: url(/skin/images/fx1.png) no-repeat center;}
.detail-collect-share .share-box .share-disc>.bdsharebuttonbox>.bds-sqq:hover{opacity:1;filter:alpha(opacity=100);background: url(/skin/images/fx-hv1.png) no-repeat top;}
.detail-collect-share .share-box .share-disc>.bdsharebuttonbox>.bds-weixin{background: url(/skin/images/fx2.png) no-repeat center;}
.detail-collect-share .share-box .share-disc>.bdsharebuttonbox>.bds-weixin .sharecode_weixin{position: absolute;width: 180px;height: 180px;background: #fff;top: 96px;padding: 10px;border: 1px solid #ddd;left: 10px;display: none;}
.detail-collect-share .share-box .share-disc>.bdsharebuttonbox>.bds-weixin:hover .sharecode_weixin{display: block;}
.detail-collect-share .share-box .share-disc>.bdsharebuttonbox>.bds-weixin:hover{opacity:1;filter:alpha(opacity=100);background: url(/skin/images/fx-hv2.png) no-repeat center;}
.detail-collect-share .share-box .share-disc>.bdsharebuttonbox>.bds-qzone{background: url(/skin/images/fx3.png) no-repeat center;}
.detail-collect-share .share-box .share-disc>.bdsharebuttonbox>.bds-qzone:hover{opacity:1;filter:alpha(opacity=100);background: url(/skin/images/fx-hv3.png) no-repeat center;}
.detail-collect-share .share-box .share-disc>.bdsharebuttonbox>.bds-tsina{background: url(/skin/images/fx4.png) no-repeat center;}
.detail-collect-share .share-box .share-disc>.bdsharebuttonbox>.bds-tsina:hover{opacity:1;filter:alpha(opacity=100);background: url(/skin/images/fx-hv4.png) no-repeat center;}
.detail-collect-share .share-box:hover .share-disc{display: block;}
.detail-collect-share .share-box:hover{background: #EEEEEE;border-radius: 0 0 6px 6px;}

.is-f5 .detail-collect-share{top: 68px;}


/* .is-f5>.detail-head-box>.detail-head{display: none;} */
/*大图展示区*/
.big-contain{text-align: center;width: 1200px;height: auto;margin:0 auto}

.img-contain{text-align: center;min-height: 800px;}
.news-contain{text-align: left!important;}
.is-f5 .img-contain .bp-load{margin-top: -50px;}
.bigbox-content{display: inline-block;margin-top: 100px;position: relative; max-width: calc(100% - 140px); overflow: hidden;}
.bigbox-content>img{max-width: 5000px;}
/* 原创角标 */
.original-pattern-bigimg{background: url(/skin/images/original-72.png) no-repeat;width: 60px;height: 60px;position: absolute;left: 3px;top: 0px;display: none;z-index: 1;background-size: cover;}


/*大图左右翻页*/
.pics-item-control{/*display: none;*/ position: absolute;z-index: 99999;background: transparent; height: 100%;width: 160px;bottom: 0px;}
.pics-item-control>div{cursor: pointer; font-size: 14px;color: #999;text-align: center;line-height: 20px; width: 100%; height: 100px;padding-top:20px;position: absolute;left: 0; top: 50%;margin-top: -60px;}
/*.pics-item-control>div>span{display: none;}*/
.pics-item-control>div>p{margin: 0 auto;height: 59px;width: 31px;margin-bottom: 9px;}
.item-control-set{bottom: 158px;}
.item-control-set>div{margin-top: 4px;}
.item-this-set{background: #e5e5e5;z-index: 40;}
.item-this-set>div>span{display: block;}

.big-contain .no-bott-set{bottom: 0px;}
.big-contain .no-bott-set>div{margin-top: -62px;}

.pics-prev{left: 0px;}
.pics-next{right: 300px;}
.pics-prev>div>p{background: url(/skin/images/patter-prev.png) no-repeat center;}
.pics-next>div>p{background: url(/skin/images/patter-next.png) no-repeat center;}



/*vip无权限提示*/
.new-vip-null{display: none; position: absolute;z-index: 36;left: 0;top: 0;width: 100%;height: 100%;}
.big-contain>.null-bg{position: absolute;z-index: 20;left: 0;top: 0;width: 100%;height: 100%;background: url(/skin/images/content-null.png) repeat;}
.big-contain>img{display: block;width: 870px;margin: 30px auto 0;}
.is-f5 .big-contain>img{margin: 140px auto 0;}
.big-contain>.null-disc{background: url(/skin/images/permit-vip.png) center 100px no-repeat;z-index: 22;width: 1000px;height: 640px;}
.big-contain>.null-disc>.null-title{font-size: 22px;font-weight: bold;text-align: center;color: #333;line-height: 44px;}
.big-contain>.null-disc>p{padding: 18px 0 28px; font-size: 16px;text-align: center;line-height: 20px;color: #333;}
.big-contain>.null-disc>.vip-null-msg2{display: none;}
.big-contain>.null-disc>p>span{color: #f4523b;font-weight: bold;}

.big-contain>.null-disc>.set-vip-link{display: inline-block;margin-right: 10px; width: 286px;height: 42px;line-height: 42px;font-size: 16px;color: #fff;text-align: center;font-weight: bold;background: #333;border-radius: 24px;}
.big-contain>.null-disc>.set-vip-link>i{display: inline-block;width: 20px;height: 20px;*zoom:1;*display: inline;background: url(https://imgh3.pop-fashion.com/global/images/common/qq-consult-icon.png) 0 0 no-repeat;vertical-align: -4px;margin-right: 3px;}
.big-contain>.null-disc>.set-trial-link{display: block;margin: 0 auto;width: 290px; background: #333; height: 42px;line-height: 42px; font-size: 16px;color: #fff;text-align: center;font-weight: bold;border-radius: 27px;}
.big-contain>.null-disc>.set-vip-link:hover,.big-contain>.null-disc>.set-trial-link:hover{background: #DE7228;color: #fff;}

.big-contain>.null-disc>.is-login{text-align: center;}
.big-contain>.null-disc>.is-login>p{padding: 28px 0 28px; font-size: 16px;text-align: center;line-height: 20px;color: #333;}
.big-contain>.null-disc>.is-login>p>span{font-weight: bold;}

.big-contain>.null-disc>.is-login>.btn-l{display: inline-block;height: 42px;width: 86px;text-align: center;font-size: 16px;font-weight: bold;line-height: 42px;border-radius: 24px;color: #fff;margin: 0 5px;background: #333;}
.big-contain>.null-disc>.is-login>.btn-r{display: inline-block;height: 38px;width: 82px;text-align: center;font-size: 16px;font-weight: bold;line-height: 38px;border-radius: 24px;color: #FF9300;margin: 0 5px;background: #fff;border: 2px solid #FF9300;}
.big-contain>.null-disc>.is-login>.btn-l:hover,.big-contain>.null-disc>.is-login>.btn-r:hover{color: #fff;background: #FF9300;}

.already-login .big-contain>.null-disc{height: 262px;margin-top: -120px;}
.already-login .big-contain>.null-disc>.vip-null-msg1{display: none;}
.already-login .big-contain>.null-disc>.vip-null-msg2{display: block;}
.already-login .big-contain>.null-disc>.is-login{display: none;}


.big-contain>.null-disc>.null-title-10009,/*床上用品文案*/
.big-contain>.null-disc>.null-title-10013,/*软装布艺文案*/
.big-contain>.null-disc>.null-title-10016,/*家居生活文案*/
.big-contain>.null-disc>.null-title-10039,/*室内设计文案*/
.big-contain>.null-disc>.null-title-10003,/*展会跟踪文案*/
.big-contain>.null-disc>.null-title-10028{font-size: 22px;font-weight: bold;text-align: center;color: #333;line-height: 44px;display: none;}/*图案花型文案*/


/*部分无权限*/
.detail-null{display: none;position: absolute;z-index: 36;left: 0;top: 0;width: 100%;height: 100%;}
.detail-content-null{text-align: center; overflow: hidden; padding-right: 300px;max-height: 90%;}
.detail-content-null>img{display: block;width: 870px;margin: 30px auto 0;}
.is-f5 .detail-content-null>img{margin: 70px auto 0;}
.detail-content-null>.null-bg{position: absolute;z-index: 20;left: 0;top: 0;width: 100%;height: 100%;background: url(/skin/images/content-null.png) repeat;}
.detail-null .null-disc{position: absolute;z-index: 22;width: 700px;margin-left: -500px; left: 50%;top: 50%;height: 340px;margin-top: -170px;}
.detail-null .null-disc>p{display: inline-block; border-bottom:1px dotted #9ea0a3 ; font-size: 18px;color:#333;line-height: 32px;padding: 23px 0 34px;}
.detail-null .null-disc>p>span{font-weight: bold;}
.detail-null .null-disc>div{text-align: center;padding-top: 20px;}
.detail-null .null-disc>div>.fefu-link{border-radius: 3px; display: inline-block;*display: inline;*zoom: 1;color: #fff;width: 180px;height: 44px;line-height: 44px;font-size: 16px;font-weight: bold;background: #DE7228;}
.detail-null .null-disc>div>.fefu-link>i{vertical-align: -5px;margin-right: 6px; display: inline-block;*display: inline;*zoom: 1;width: 24px;height: 24px;background: url(/skin/images/qq1.png) no-repeat center;}
.detail-null .null-disc>div>.fefu-link:hover{background: #EA9860;}
.detail-null .null-disc>div>div{margin-left: 20px; color: #333;font-size: 16px; display: inline-block;*display: inline;*zoom: 1;height: 44px;line-height: 44px;}
.detail-null .null-disc>div>div>i{vertical-align: -6px;margin-right: 4px; display: inline-block;*display: inline;*zoom: 1;width: 24px;height: 24px;background: url(/skin/images/call1.png) no-repeat center;}
.detail-null .null-disc>div>div>.call-num{font-size: 16px;color: #DE7228;font-weight: bold;}



/*F5 空页面*/
/* .is-f5 .detail-null{padding:100px 0px 20px 0;position: relative;left: 0;margin: 0;}
.is-f5 .detail-content-null{margin: 0 auto;}
.is-f5 .detail-content-null>.null-disc{height: 340px;margin-top: -170px;} */


/*侧边导航*/
.nav-right{position: absolute; z-index: 40;top: 0;right: 0;background: #fbfbfb;width: 299px;height: 100%;border-left:1px solid #eee;overflow: hidden;}
.is-f5 .nav-right{background: #fff;}
.nav-right .mCSB_container{min-height: 100%;}
.nav-right .right-cont{height: 100%; overflow: hidden;position: relative;background: #EFF3F5; border-left: 1px solid #d1d5d7;}
.right-top{padding:0 0 6px 19px;}
.is-f5 .right-top{padding:60px 0 6px 19px;}
.right-top>p{line-height: 20px;font-size: 16px;font-weight: bold; color: #333;padding: 40px 19px 9px 0;}
.right-top .report-msg{display: none; cursor: pointer;word-break:break-all; padding-bottom: 9px; position: relative;left: 0;top: 0; font-size: 14px;line-height: 18px;color: #666;padding-right: 19px;}
.right-top .report-msg>div{max-height: 36px;overflow: hidden;}
.right-top .report-msg>div>span{color: #DE7228;}
.right-top .report-msg>.report-messages{display: none; position: absolute;z-index: 100;font-size: 14px;color: #666;background: #eee;border-radius: 3px;left: -10px;top: -8px;width: 258px;padding: 8px 10px;line-height: 18px;}

.right-top>.cursor-words{cursor: text;}


.right-top .msg-i{font-size: 14px;color: #333;height: 20px;line-height: 20px;padding: 9px 1px 0 0;}
.right-top .msg-i a{color: #333;}
.right-top .msg-i>i{float: left;width: 20px;height: 20px;margin:0 4px 0 -4px;}
.right-top .msg-i>p{float: left;width:236px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.right-top .msg-i0{display: none;}
.right-top .msg-i0>i{background: url(/skin/images/report-icons.png) no-repeat -180px -140px;}
.right-top .msg-i1>i{background: url(/skin/images/report-icons.png) no-repeat -83px -10px;}
.right-top .msg-i2>i{background: url(/skin/images/report-icons.png) no-repeat -84px -35px;}
.right-top .msg-i3>i{background: url(/skin/images/report-icons.png) no-repeat -81px -204px;}
.right-top .msg-i4>i{background: url(/skin/images/report-icons.png) no-repeat -80px -99px;}
.right-top .msg-i4>ul{width: 242px;}
.right-top .msg-i4{display: none; height: auto;padding: 12px 0 0 0;*padding: 12px 0 9px 0; width: 280px;}
.right-top .msg-i4 li{float: left;height: 24px;line-height: 24px;margin: 0 10px 9px 0; text-align: center;}
.right-top .msg-i4 li>a{font-size: 12px; white-space: nowrap;display: block;height: 100%; padding: 0 10px;border-radius: 12px;color: #333;background: #e5e5e5;}
.right-top .msg-i4 li>a:hover{background: #DE7228;color: #fff;}
.right-top .msg-i5, .right-top .msg-i6,.right-top .msg-i7, .right-top .msg-i8{height:auto;display: none;}
.right-top .msg-i5 a{color: #333;}
.right-top .msg-i5>p, .right-top .msg-i6>p{white-space:normal;}
.right-top .msg-i5>i{background: url(/skin/images/report-icons.png) no-repeat -155px -213px;}
.right-top .msg-i5 em{background: url(/skin/images/report-icons.png) no-repeat -185px -215px;width:15px;height:15px;display:inline-block;margin-left:9px;vertical-align:middle;margin-top:-3px;}
.right-top .msg-i5:hover a, .right-top .msg-i6:hover a{color:#de7228;}

.right-top .msg-i6>i{background: url(/skin/images/report-icons.png) no-repeat -219px -223px;}
.right-top .msg-i7>i{background: url(/skin/images/p_laiyuan.svg) no-repeat 3px 4px;}

.is-f5 .nav-right .right-cont>div{background: #fff;}

/* 猜你喜欢 */
.guess-you-like{border-top:1px solid #eee;padding-left: 19px;display: none;}
.guess-you-like>p{font-size: 14px;color: #333;line-height: 20px;padding: 15px 0;font-weight: bold;}
.guess-you-like>p>i{background: url(/skin/images/report-icons.png) no-repeat -223px -262px;width: 15px;height: 15px;display: inline-block;vertical-align: middle;margin-right: 7px;margin-top: -3px;}
.guess-you-like>div{overflow-y: auto;height: auto;}
.guess-you-like>div>ul>li{width: 123px;border:1px solid #eee;overflow: hidden;float: left;margin-right: 10px;margin-bottom: 10px;position: relative;font-size: 0;height: 123px;}
.guess-you-like>div>ul>li:hover{border-color: #de7228;}
.guess-you-like>div>ul>li>a{display: inline-block;width: 100%;height: 100%;}
.guess-you-like>div>ul>li>a>img{max-width: 123px;}
.guess-you-like>div>ul>li>span{position: absolute;right:6px;top:6px;background: rgba(0,0,0,0.6);display: inline-block;border-radius: 4px;height: 24px;width:24px;display: none;cursor: pointer;}
.guess-you-like>div>ul>li>span>i{background: url(/skin/images/dislike.svg) no-repeat;width: 15px;height: 14px;display: inline-block;margin: 5px 0 0 5px;}
.guess-you-like>div>ul>li:hover span{display: block;}
.guess-you-like>div>p{margin:20px 0;text-align: center;display: none;}
.guess-you-like>div>p>span{display: inline-block;padding:10px 20px;color: #333;font-size: 14px;border:1px solid #eee;border-radius: 4px;}
/* 猜你喜欢原创角标 */
.guess-you-like>div>ul>li>a .original-guess-like{position: absolute;left: 0px;top: 0px;background: url(/skin/images/original-72.png) no-repeat;width: 30px;height: 30px;background-size: cover;}

/* 不喜欢弹框 */
.unlike-layer-box{position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,0.59);z-index: 200;display: none;}
.unlike-layer-box .unlike-content{width: 500px;height: 250px;background-color: #fff;border-radius: 5px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);text-align: center;}
.unlike-layer-box .unlike-content>p{color: #333333;font-size: 16px;margin-top: 70px;}
.unlike-layer-box .unlike-content .unlike-btn-box{font-size: 0;margin-top: 70px;}
.unlike-layer-box .unlike-btn-box>a{width: 100px;height: 40px;font-size: 16px;line-height: 40px;display: inline-block;border-radius: 3px;}
.unlike-layer-box .unlike-btn-box>a.unlike-cancel{background-color: #ccc;color: #333;}
.unlike-layer-box .unlike-btn-box>a.unlike-cancel:hover{background-color:#FF9300;color: #fff;}
.unlike-layer-box .unlike-btn-box>a.unlike-confirm{background-color: #FF9300;color: #fff;margin-left: 10px;}
.unlike-layer-box .unlike-btn-box>a.unlike-confirm:hover{background-color:#FFC263;}


/*图案细节*/
.img-detail{display: none;overflow: hidden; padding:1px 0 20px;border-top:1px solid #eee;font-size: 14px;color: #333;line-height: 30px;}
.img-detail>.img-title{font-weight: bold;padding: 9px 19px;}
.img-detail>.img-title>i{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 20px;height: 20px; margin: 0 4px 0 -4px;background: url(/skin/images/report-icons.png) no-repeat -114px -142px;}
.img-detail>ul{padding-left: 10px; *padding:0 0 9px 10px;width: 280px;}

.img-detail>ul>li{ position: relative; text-align: center; cursor: pointer; font-size: 0; float: left;overflow: hidden; margin: 0 0 9px 9px;width: 78px;height: 78px;line-height: 78px;padding: 1px; background: #eee;}
.img-detail>ul>li>img{vertical-align: middle;width: 78px;border: 0 none;}
.img-detail>ul>li>span{cursor: pointer; display: none; position: absolute;z-index: 2;width: 76px;height: 76px;border: 2px solid #DE7228;left: 0;top: 0;}
.img-detail>ul>li.img-sec>span{display: block;}
.img-detail>ul>li:hover span{display: block;}
.img-detail>ul>li.imgs-no-hv:hover span{display: none;}


/*底部*/
.detail-footer{display: none; position: absolute;z-index: 28; left: 0;bottom: 0;width: 100%;background: #f5f5f5;}
.detail-footer>div{height: 100%;padding-right: 300px;border-top: 1px solid #eee;}

/*大图控制器*/
.pic-control-box{position: absolute;right: 12px;top: -243px; height: 225px;width: 40px;padding-left: 10px;}
.pic-control{border-radius: 4px; position: relative; color: #333;font-size: 14px; text-align: center; height: 205px;padding-top: 20px; width: 40px;background: #eee;}
.pic-control>.control-l{border-radius: 3px; width: 6px;height: 90px;background: #a6a6a6;position: relative;margin:0 auto 20px;}
.pic-control>.control-l>i{cursor: pointer; position: absolute;width: 19px;height: 19px;left: -5px;top:50px; background: url(/skin/images/report-icons.png) no-repeat -117px -176px;}
.pic-control>p{cursor: pointer;text-align: center;margin: 0 auto;overflow: hidden; height: 20px;line-height: 20px;padding: 12px 0;border-top: 1px solid #ccc;}
.pic-control>p:hover{color: #DE7228;}
.pic-control>.on-reset,.pic-control>.on-reset:hover{color: #ccc;}
.bp-set{display: none; position: absolute;width: 292px;height: 195px;top: -6px;right: 40px;background: url(/skin/images/pic-set.png) no-repeat center;}
.bp-set>div {width: 100%;}
.bp-set .disc-icon {height: auto;float: left;width: 60px;padding: 26px 0 0 14px;text-align: center;}
.bp-set .disc-icon>p {height: 20px;line-height: 20px;}
.bp-set .esc-p {color: #333;font-size: 12px;text-align: center;height: 16px;line-height: 16px;width: 34px;border-radius: 2px;background: #dcdcdc;margin: 14px 0 0 11px;}
.bp-set i{display: inline-block;vertical-align: middle;width: 20px;height: 20px;}
.bp-set .set-icon1{height: 26px;margin: -4px 0 0 -2px; background: url(/skin/images/report-icons.png) no-repeat -115px -36px;}
.bp-set .set-icon2{margin: 0 3px 0 4px;background: url(/skin/images/report-icons.png) no-repeat -117px -176px;}
.bp-set .dic-msg {height: auto;float: left; padding-top: 29px;text-align: left;font-size: 12px;color: #000;line-height: 14px;}
.bp-set .dic-close {height: auto; cursor: pointer;font-size: 14px;width: 56px;color: #DE7228;line-height: 22px;margin: 12px auto 0;}

.bzoom{cursor: url(https://imgh3.pop-fashion.com/global/images/detail/big.cur), auto !important;}
.szoom{cursor: url(https://imgh3.pop-fashion.com/global/images//detail/small.cur), auto !important;}
.dragIcon{cursor: move;}


/*底部导航*/
.footer-cont{text-align: center;margin: 0 auto;position: relative;font-size: 0;}
.footer-cont>ul{ height: 48px;display: inline-block;*display: inline;*zoom: 1;}
.footer-cont>ul>li{position: relative; cursor: pointer; color: #333;font-size: 14px; line-height: 48px; float: left;height: 100%;border-right: 1px solid #eee;}
.footer-cont>ul>li a{color: #333;}
.footer-cont>ul>li span{cursor: pointer;}
.footer-cont>ul>li td>a{color: #fff;}
.footer-cont>ul>li td>a:hover{background: #ea9860;}

.footer-cont>ul>.no-detail span{display: none;}
.footer-cont>ul>.no-detail,.footer-cont>ul>.no-detail a{width: auto;}
.footer-cont>ul>li:hover{background: #e5e5e5;}
.footer-cont>ul>li i{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle; width: 20px;height: 20px;margin-right: 2px;}

.footer-cont .prompt,.footer-cont .detail-search,.footer-cont .detail-share,.footer-cont li>div,.footer-cont .detail-picmatch{padding: 0 14px;} 
.footer-cont>ul>.prompt i{*margin-top: 12px; background: url(/skin/images/report-icons.png) no-repeat -15px -7px;}
.footer-cont>ul>.detail-down i{background: url(/skin/images/report-icons.png) no-repeat -45px -9px;}
/* 详情页底部搜索入口图片未加载成功 */
.footer-cont>ul>.detail-picmatch i{background: url(/skin/images/picmatch.svg) no-repeat -104px -22px;}

/* AI智绘 */
.footer-cont>ul>.detail-changeStyle i{background: url(/skin/images/icon4.svg) no-repeat; width: 16px;height: 16px;vertical-align: -2px; display: inline-block;background-position: -11px -145px;margin-right: 6px;}
.footer-cont>ul>.detail-changeStyle>div{position: relative;}
.footer-cont>ul>.detail-changeStyle>div>.aigc_box{display: none;width: 127px;border-radius: 8px;overflow: hidden;background-color: #fff;box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.12);position: absolute;bottom: 100%;left: 0;}
.footer-cont>ul>.detail-changeStyle>div>.aigc_box::after{content: '';display: block;width: 100%;height: 20px;background-color: transparent;position: absolute;bottom: -20px;left: 0;}
.footer-cont>ul>.detail-changeStyle>div>.aigc_box>li{width: 100%;height: 38px;display: flex;align-items: center;padding-left: 16px;}
.footer-cont>ul>.detail-changeStyle>div>.aigc_box>li:hover{background-color: #f5f5f5;}
.footer-cont>ul>.detail-changeStyle>div>.aigc_box>li.styleHide{display: none;}
.footer-cont>ul>.detail-changeStyle>div>.aigc_box>li>i{width: 20px;height: 20px;}
.footer-cont>ul>.detail-changeStyle>div>.aigc_box>li.styleLine>i{background-position: -162px -142px;}
.footer-cont>ul>.detail-changeStyle>div>.aigc_box>li.ai-flower>i{background-position: -41px -142px;}
.footer-cont>ul>.detail-changeStyle>div>.aigc_box>li.ai-fabric>i{background-position: -101px -142px;} 
.footer-cont>ul>.detail-changeStyle>div>.aigc_box>li.tab10>i{background-position: -71px -142px;}
.footer-cont>ul>.detail-changeStyle>div>.aigc_box>li.tab6>i{background-position: -133px -144px;}
.footer-cont>ul>.detail-changeStyle>div>.aigc_box>li.tab18 >i{background-position: -161px -75px;}
.footer-cont>ul>.detail-changeStyle>div>.aigc_box>li.aiPattern >i{background-position: -251px -6px;}
.footer-cont>ul>.detail-changeStyle>div>.aigc_box>li.tab30 >i{background-position: -250px -41px;}
.footer-cont>ul>.detail-changeStyle>div>.ai-tab29>i{background: url(/skin/images/pattern_icon.svg) no-repeat -200px -16px;width: 16px;height: 16px;margin-right: 6px;}
.footer-cont>ul>.detail-changeStyle>div>.aigc_box>li.tab33 >i{background-position: -321px -6px;}
.footer-cont>ul>.detail-changeStyle>div>.aigc_box>li.tab34 >i{background-position: -286px -6px;}
.footer-cont>ul>.detail-changeStyle>div>.aigc_box>li.tab35 >i{background-position: -252px -76px;}
.footer-cont>ul>.detail-changeStyle>div>.aigc_box>li.tab30 >i{background-position: -251px -41px;}
.footer-cont>ul>.detail-changeStyle>div>.aigc_box>li.tab42 >i{background-position: -220px -141px;}
.footer-cont>ul>.detail-changeStyle>div>.aigc_box>li.tab8 >i{background: url(/skin/images/icon2.svg) no-repeat -42px -7px;}
.footer-cont>ul>.detail-changeStyle>div>.ai-tab18>i{background: url(/skin/images/pattern_icon.svg) no-repeat -230px -11px;width: 20px;height: 20px;margin-right: 6px;}
.footer-cont>ul>.detail-changeStyle>div>.ai-tab30>i{background: url(/skin/images/pattern_icon.svg) no-repeat -167px -16px;width: 17px;height: 17px;margin-right: 6px;vertical-align: -4px;}
.footer-cont>ul>.detail-changeStyle>div:hover .aigc_box{display: block;}


/*分享*/
.footer-cont>ul>.detail-share i{background: url(/skin/images/report-icons.png) no-repeat -44px -36px;}
.footer-cont>ul>.detail-share i {background: url(/skin/images/report-icons.png) no-repeat -44px -36px;}
.footer-cont>ul>.detail-share>.share-disc{padding: 0;display: none;line-height: 20px;position: absolute;z-index: 44; width: 236px;height: 96px;bottom: 41px;left: -7px; background: url(/skin/images/report-bg2.png) no-repeat 0 0;}
.detail-share>.share-disc>.bdsharebuttonbox{height: 32px;padding: 28px 0 0 7px;}
.detail-share>.share-disc>.bdsharebuttonbox>a{float: left;padding: 0; width: 30px;height: 30px;margin:0 0 0 20px; line-height: 28px;text-align: center;}
.detail-share>.share-disc>.bdsharebuttonbox>.bds-sqq{background: url(/skin/images/fx1.png) no-repeat center;}
.detail-share>.share-disc>.bdsharebuttonbox>.bds-sqq:hover{opacity:1;filter:alpha(opacity=100);background: url(/skin/images/fx-hv1.png) no-repeat top;}
.detail-share>.share-disc>.bdsharebuttonbox>.bds-weixin{background: url(/skin/images/fx2.png) no-repeat center;}
.detail-share>.share-disc>.bdsharebuttonbox>.bds-weixin .sharecode_weixin{position: absolute;width: 180px;height: 180px;background: #fff;bottom: 96px;padding: 10px;border: 1px solid #ddd;left: 10px;display: none;}
.detail-share>.share-disc>.bdsharebuttonbox>.bds-weixin:hover .sharecode_weixin{display: block;}
.detail-share>.share-disc>.bdsharebuttonbox>.bds-weixin:hover{opacity:1;filter:alpha(opacity=100);background: url(/skin/images/fx-hv2.png) no-repeat center;}
.detail-share>.share-disc>.bdsharebuttonbox>.bds-qzone{background: url(/skin/images/fx3.png) no-repeat center;}
.detail-share>.share-disc>.bdsharebuttonbox>.bds-qzone:hover{opacity:1;filter:alpha(opacity=100);background: url(/skin/images/fx-hv3.png) no-repeat center;}
.detail-share>.share-disc>.bdsharebuttonbox>.bds-tsina{background: url(/skin/images/fx4.png) no-repeat center;}
.detail-share>.share-disc>.bdsharebuttonbox>.bds-tsina:hover{opacity:1;filter:alpha(opacity=100);background: url(/skin/images/fx-hv4.png) no-repeat center;}
.footer-cont>ul>.detail-share:hover .share-disc{display: block;}

/*搜索列表*/
.detail-search i{background: url(/skin/images/report-icons.png) no-repeat -123px -287px;}
.detail-search .search-t1{display: none;}
.detail-search .search-t2{display: inline;}

.detail-search2 i{background: url(/skin/images/report-icons.png) no-repeat -116px -211px;}
.detail-search2 .search-t2{display: none;}
.detail-search2 .search-t1{display: inline;}


.footer-cont .detail-collect>a{width: 80px;text-align: center; display: block; padding: 0 14px;}
.footer-cont>ul .detail-collect i{background: url(/skin/images/collect_svg.svg) no-repeat -144px -28px;}
.footer-cont>ul .is-collected i{background: url(/skin/images/collect_svg.svg) no-repeat -136px -117px;}
.footer-cont>ul .is-collected{color: #FF9300;}



/*相似图案*/
.footer-cont>ul>.pattern-similar{border: 0 none;padding: 0;}
.footer-cont>ul>.pattern-similar a{display: block;height: 100%;color: #333;padding: 0 14px;}
.footer-cont>ul>.pattern-similar a i{background: url(/skin/images/report-icons.png) no-repeat -15px -259px;}

/*相似面料*/
.footer-cont>ul>.fabric-similar{border: 0 none;padding: 0;}
.footer-cont>ul>.fabric-similar a{display: block;height: 100%;color: #333;padding: 0 14px;}
.footer-cont>ul>.fabric-similar a i{background: url(/skin/images/report-icons.png) no-repeat -50px -259px;}

/*模拟成品*/
.footer-cont>ul>.cloth-similar{border: 0 none;padding: 0;}
.footer-cont>ul>.cloth-similar a{display: block;height: 100%;color: #333;padding: 0 14px;}
.footer-cont>ul>.cloth-similar a i{background: url(/skin/images/report-icons.png) no-repeat -85px -259px;}
.footer-cont>ul>.cloth-similar .close-t-box{position: absolute;background-color: #fff;box-shadow: 0px 0px 10px 0px rgba(167,167,167,0.5);width: 108px;border-radius: 5px;padding: 12px 0;bottom: 57px; display: none;}
.footer-cont>ul>.cloth-similar .close-t-box>a{display: block;text-align: center;font-size: 14px;color: #333;line-height: 28px;}
.footer-cont>ul>.cloth-similar .close-t-box>em{position: absolute;left: 50%;margin-left: -7px;bottom: -7px;border-top: 7px solid #fff;border-left: 7px solid transparent; border-right: 7px solid transparent;}
.footer-cont>ul>.cloth-similar .close-t-box .line-layer{height: 10px;width: 100%;position: absolute;bottom: -10px;left: 0;}
.footer-cont>ul>.cloth-similar .close-t-box>a:hover{color:#DE7228;}
.footer-cont>ul>.cloth-similar:hover .close-t-box{display: block;}

/* AI智绘 */
.footer-cont>ul>.painting-similar{border: 0 none;padding: 0;}
.footer-cont>ul>.painting-similar a{display: block;height: 100%;color: #333;padding: 0 14px;}
.footer-cont>ul>.painting-similar a i{background: url(/skin/images/painting.png) no-repeat -24px -4px;}
.footer-cont>ul>.painting-similar>.prompt-disc {
    display: none;
    left: 0px;
    padding: 0;
    position: absolute;
    bottom: 48px;
    padding-bottom: 8px;
    z-index: 44;
    background-color: transparent;
    /* box-shadow: 0px 4px 4px 0px rgba(102, 102, 102, 0.10); */
    filter: drop-shadow(0px 4px 4px rgba(102, 102, 102, 0.10));
}
.footer-cont>ul>.painting-similar>.prompt-disc .ai_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #fff;
    border-radius: 2px;
    overflow: hidden;
}
.footer-cont>ul>.painting-similar>.prompt-disc .ai_box a {
    padding: 8px 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    white-space: nowrap;
}

.footer-cont>ul>.painting-similar>.prompt-disc .ai_box a + a {
    border-top: 1px solid #EEEEEE;
}
.footer-cont>ul>.painting-similar>.prompt-disc .ai_box a:hover {
    background-color: #EEEEEE;
}
.footer-cont>ul>.painting-similar>.prompt-disc .ai_box a i {
    width: 16px;
    height: 16px;
    background: url(/skin/images/aigc.svg) no-repeat;
    background-position: -591px -393px;
    margin-right: 4px;
}
.footer-cont>ul>.painting-similar>.prompt-disc .ai_box a.ai-pattern i {
    background-position: -307px -522px;
}
.footer-cont>ul>.painting-similar>.prompt-disc .ai_box a.ai-aiVG i {
    background-position: -336px -522px;
}
.footer-cont>ul>.painting-similar:hover>.prompt-disc {
    display: block;
}

/*使用提示*/
.footer-cont>ul .prompt-disc{padding: 0; display: none; line-height: 20px; position: absolute;bottom: 48px; z-index:44;}
.footer-cont>ul>.prompt>.prompt-disc{display: none; cursor: default; width: 226px;height: 208px;left: -90px;bottom: 41px; background: url(/skin/images/disc-bg1.png) no-repeat 0 0;}
.footer-cont>ul>.prompt>.prompt-disc div{height: auto;}
.footer-cont>ul>.prompt>.prompt-disc>div{width: 100%;}
.footer-cont>ul>.prompt>.prompt-disc .disc-icon{height: auto; float: left;width: 60px;padding:26px 0 0 12px; text-align: center;}
.footer-cont>ul>.prompt>.prompt-disc .disc-icon>p{height: 20px;line-height: 20px;}
.footer-cont>ul>.prompt>.prompt-disc .disc-icon span{vertical-align: middle;background: #dcdcdc; display: inline-block;*display: inline;*zoom: 1;vertical-align: middle; width: 20px;height: 20px;}
.footer-cont>ul>.prompt>.prompt-disc .disc-icon .disc-icon1{width: 18px;height: 26px;background: url(/skin/images/report-icons.png) no-repeat -115px -36px;}
.footer-cont>ul>.prompt>.prompt-disc .disc-icon .disc-icon2{background: url(/skin/images/report-icons.png) no-repeat -114px -71px;}
.footer-cont>ul>.prompt>.prompt-disc .disc-icon .disc-icon3{background: url(/skin/images/report-icons.png) no-repeat -114px -102px;}
.footer-cont>ul>.prompt>.prompt-disc .disc-icon .disc-icon4{background: url(/skin/images/report-icons.png) no-repeat -147px -42px;}
.footer-cont>ul>.prompt>.prompt-disc .disc-icon .disc-icon5{background: url(/skin/images/report-icons.png) no-repeat -148px -70px;}

.footer-cont>ul>.prompt>.prompt-disc .dic-msg{height: auto; float: left;padding-top: 29px;text-align: left;font-size: 12px;color: #000;line-height: 14px;}
.footer-cont>ul>.prompt>.prompt-disc .dic-close{height: auto; cursor: pointer; font-size: 14px; width: 56px;color: #DE7228;line-height: 22px;/*cursor: pointer;*/margin: 12px auto 0;}
.footer-cont>ul>.prompt>.prompt-disc .esc-p{color: #333;font-size: 12px;text-align: center;height: 16px;line-height: 16px;width: 34px;border-radius: 2px;background: #dcdcdc;    margin: 20px 0 0 11px;}



/*图案下拉列表*/
.patter-contain{display: none;height: 102px;padding: 8px 54px 0;background: #fbfbfb;position: relative;}
.patter-contain>.list-prev{cursor: pointer; position:absolute;left: 6px;top: 10px; font-size: 0; text-align: center; height: 59px;width: 40px;padding-top: 32px;}
.patter-contain>.list-next{cursor: pointer; position:absolute;right: 6px;top: 10px;font-size: 0;text-align: center; height: 59px;width: 40px;padding-top: 32px;}
.patter-contain>.list-prev>i{display: inline-block;*display: inline;*zoom: 1;width: 16px;height: 32px;background: url(/skin/images/patter-list-prev.png) no-repeat center;}
.patter-contain>.list-next>i{display: inline-block;*display: inline;*zoom: 1;width: 16px;height: 32px;background: url(/skin/images/patter-list-next.png) no-repeat center;}
.patter-contain>.list-cont{width: 100%; overflow: hidden;*position: relative;}
.patter-contain>.list-cont>ul{width: 100000px;padding-top:12px;}
.patter-contain>.list-cont>ul>li{cursor: pointer; background: #eee; float: left;width:68px;line-height:68px;font-size: 0; height: 68px;margin-right: 4px;border: 2px solid #fff;position: relative;}
.patter-contain>.list-cont>ul>li.list-sec,.patter-contain>.list-cont>ul>li.list-sec:hover{border: 2px solid #DE7228;}
.patter-contain>.list-cont>ul>li:hover{border: 2px solid #ea9860;}
.patter-contain>.list-cont>ul>li>img{vertical-align: middle;width: 68px;}

.patter-contain>.list-hv-on:hover{background: #e5e5e5;}

.patter-contain>.kuan-num{display: none; cursor: pointer;background: #f9f9f9; position:absolute;right: 46px;top: 10px;font-size: 14px;color: #333;line-height: 20px; text-align: center; height: 75px;width: 40px;padding-top: 16px;}
.patter-contain>.kuan-num>p{color: #DE7228; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.img-detail .imgs-num{ border-radius: 2px; display: none;margin-left: 19px; background: #DE7228; height: 34px;width: 262px;line-height: 34px;position: relative;color: #fff;font-size: 14px;text-indent: -20px;text-align: center;}
.img-detail .imgs-num:hover{background: #f4cb69;}
.img-detail .imgs-num>i{display: block;position: absolute;right: 46px;top: 7px;height: 20px;width: 20px;background: url(https://imgh3.pop-fashion.com/global/images/detail/icon1.png) no-repeat center;}

.list-load{text-align: center;padding: 110px 0 220px;}
.list-load>img{margin-bottom: 22px;}
.list-load>p{font-size: 14px;color: #999;padding-top: 4px;}

.btn-load{display: none;position: absolute;left: 0;top: 0; width: 100%;height: 100%; background: #fff;}
.btn-load i{display: block;width: 100%;height: 100%;background: url(/skin/images/alertloading.gif) no-repeat center;}
/* 底部列表添加原创角标 */
.patter-contain>.list-cont>ul>li .original-detail-list{position: absolute;left: 0px;top: 0px;background: url(/skin/images/original-72.png) no-repeat;width: 30px;height: 30px;background-size: contain;}


/*下载弹框*/
.footer-cont li>.downimg-layer{display: none; background:#fff;width:550px;min-height: 140px;position:absolute;bottom:56px;left:-16px;z-index:10;padding:0px 10px 10px;box-shadow:1px 1px 10px #ccc;}
.rclick-layer{display: none;border-radius: 3px; background:#fff;width:550px;min-height: 140px;position:absolute;left:50%;margin-left:-275px;top:150px;padding-bottom:10px;z-index:101;}
.down-main-top{height:50px;line-height:50px;position:relative;margin-bottom:10px;border-bottom:1px solid #ededed;}
.down-main-top>p{font-size:14px;color:#333;font-weight:bold;padding-left:20px;}
.down-close{width:22px;height:22px;background:url(/skin/images/report-icons.png) no-repeat -14px -287px;position:absolute;right:26px;top:16px;cursor:pointer;}
.down-close:hover{background-position:-42px -287px;}
.down-table td,.down-table th{color:#333;font-size:14px;font-weight:bold;text-align:center;vertical-align: middle;}
.down-table td{height:45px;font-weight:normal;position: relative;}
.down-table td .eps-txt{line-height: 1;font-family: "Microsoft YaHei";font-size: 12px;letter-spacing: 1px;color: #a6a6a6;position: absolute;width: 100%;left: 54px;bottom: -2px;text-align: left;}
.down-table td a{background:#DE7228;width:95px;height:36px;display:inline-block;border-radius:3px;color:#fff;font-size:14px;line-height:36px;text-align:center;cursor:pointer;}
.down-table td a:hover{background: #EA9860;}
.box-arrow{background:url(/skin/images/report-icons.png) no-repeat -69px -290px;width:19px;height:12px;position:absolute;bottom:-11px;left:70px;}


/*弹框和F5区别*/
.is-f5 .detail-head-box{display: block;position: relative;}
.not-f5 .detail-head-box .detail-head,.is-f5 .detail-search,.is-f5 .prompt, {display: none;}

/*弹层*/
.bg-layer{display: none; background:url(/skin/images/opa50.png) repeat;width:100%;height:100%;position:fixed;top:0;left:0;z-index:100;}

/*加载*/
.loading-box{width: 100%;height: 100%;display: block;position: fixed;top: 0;left: 0;z-index: 228;background: url(/skin/images/opa-fff-80.png) repeat 0 0;}
.loading-box>div{width: 100%; height: 100%; position: fixed;top: 0;left: 0;z-index: 230;background: url(/skin/images/alertloading.gif) no-repeat center;}

/* 图案 */
.graphic-detail-box .down-main-top{height:auto;line-height: normal;border-bottom: none;}
.graphic-detail-box .down-main-top>p {font-size: 14px;color: #3B3A40;font-weight: bold;padding-left: 30px;padding-top: 24px;}
.graphic-detail-box .rclick-layer{background: #fff;width: auto;min-height: 140px;position: absolute;left: 50%; top: 50%;transform: translate(-50%,-50%);padding-bottom: 0;z-index: 101;display: none;box-shadow: 0px 0px 8px 0px rgba(9, 9, 9, 0.18);border-radius: 7px;margin-left: 0;}
.graphic-detail-box .down-close{right:20px;top:20px;background: url(/skin/images/d_icon.svg) no-repeat -95px -87px; width: 18px;height: 18px;}
.graphic-detail-box .down-close:hover{background-position: -189px -439px;}
.graphic-detail-box .down-table-box .down-title-box{white-space: nowrap;font-size: 0;}
.graphic-detail-box .down-table-box .down-title-box>a{color: #333;font-size: 12px;width: 180px;display: inline-block;height: 36px;line-height: 36px;}
.graphic-detail-box .down-table-box .down-title-box>a.img-title{width: 130px;padding-left: 30px;}
.graphic-detail-box .down-table-box .down-title-box>a.vector-title{width: auto;display: none;}
.graphic-detail-box .down-table-box .down-body-content{max-height: 264px;overflow: hidden;position: relative;border-radius: 0 0 7px 7px;max-width: 800px;}
.graphic-detail-box .down-table-box .down-body-content .down-list-box{width: 100%;white-space: nowrap;height: 88px;}
.graphic-detail-box .down-table-box .down-body-content .down-list-box:nth-child(odd){background-color: #F7F7F7;}
.graphic-detail-box .down-table-box .down-body-content .down-list-box:last-child{border-radius: 0 0 7px 7px;}
.graphic-detail-box .down-table-box .download-img{width: 130px;display: inline-block;vertical-align: middle;height: 100%;line-height: 88px;padding-left: 30px;}
.graphic-detail-box .down-table-box .download-img>img{width: 60px;height:60px;border-radius: 5px;vertical-align: middle;}
.graphic-detail-box .down-table-box .download-bitmap-box{display: inline-block;vertical-align: middle;height: 100%;line-height: 88px;}
.graphic-detail-box .down-table-box .download-vector-box{display: inline-block;vertical-align: middle;height: 100%;line-height: 88px;}
.graphic-detail-box .down-table-box .download-vector-box>div{display: inline-block;width: 190px;}
.graphic-detail-box .down-table-box .download-infor-box{width: 180px;display: inline-block;line-height: 20px;}
.graphic-detail-box .down-table-box .download-infor-box .download-txt{display: inline-block;vertical-align: middle;}
.graphic-detail-box .down-table-box .download-infor-box .download-txt>p{font-size: 12px;color: #999999;}
.graphic-detail-box .down-table-box .download-infor-box .download-txt>p.d-name{font-size: 14px;color: #000000;line-height: 19px;}
.graphic-detail-box .down-table-box .download-infor-box .download-txt>p.d-name>span{display: inline-block;max-width: 70px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;}
.graphic-detail-box .down-table-box .download-infor-box>a.download-btn{width: 24px;height: 24px;display: inline-block;border-radius: 50%;vertical-align: middle;margin-left: 20px;background: url(/skin/images/d_icon.svg) no-repeat -92px -121px;}
.graphic-detail-box .down-table-box .download-infor-box>a.download-btn:hover{background-position: -187px -473px;}

.rclick-layer .mCSB_container_wrapper{margin-right: 0;margin-bottom: 0;}
.rclick-layer .mCSB_container_wrapper > .mCSB_container{padding-right: 0;padding-bottom: 0;}

.foot-book-show{display: none;}


/* 图案新增实景模拟模型 */
.pattern-detail-content{padding: 0 300px 0 0;}
.pattern-detail-footer>div{padding: 0 300px 0 0;}
.virtual_tpl_box_warp {
position: absolute;
z-index: 30;
top: 0;
left: 0;
width: 264px;
height: 100%;
background-color: #fff;
border-right: 1px solid #eee;
box-sizing: content-box;
overflow: hidden;
display: none;
/* transition: width 0.2s ease-out; */
}
.is-f5 .virtual_tpl_box_warp{top: 60px;}

.virtual_tpl_box_warp .mCSB_scrollTools{opacity: 0;}
.virtual_tpl_box_warp .mCustomScrollBox:hover > .mCSB_scrollTools{opacity: 0;}
.virtual_tpl_box_warp .mCustomScrollBox:hover > .mCSB_scrollTools{opacity: 0;}
.virtual_tpl_box_warp .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity: 0;}

.virtual_tpl_box_warp .os-scrollbar-handle {
background: none !important;
}

.virtual_tpl_box {
width: 264px;
height: 100%;
display: flex;
flex-direction: column;
}

.virtual_tpl_box .title {
height: 47px;
line-height: 47px;
padding: 0 16px;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 14px;
font-weight: bold;
color: #1d1d1d;
}

.virtual_tpl_box .title a {
font-size: 12px;
font-weight: 400;
color: #999999;
line-height: 14px;
display: flex;
align-items: center;
}

.virtual_tpl_box .title a::after {
content: "";
width: 6px;
height: 10px;
margin-left: 6px;
background: url(/skin/images/pattern_icon.svg) no-repeat -238px -55px;
}

.virtual_tpl_box .title a:hover {
color: #1d1d1d;
text-decoration: underline;

}

.virtual_tpl_box .list-warp {
flex: 1;
height: calc( 100% - 47px ) ;
}

.virtual_tpl_box .list {
display: flex;
flex-wrap: wrap;
padding-left: 16px;
}

.virtual_tpl_box .list .item {
width: 112px;
height: 168px;
margin-right: 8px;
margin-bottom: 8px;
/* background: linear-gradient(90deg, #f4f4f4 0%, #ffffff 100%); */
border-radius: 1px;
overflow: hidden;
position: relative;
cursor: pointer;
}

.virtual_tpl_box .list .item img {
width: 100%;
height: 100%;
object-fit: contain;
}

.virtual_tpl_box .list .item::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 0 0 #000 inset;
pointer-events: none;
transition: box-shadow 0.3s ease-out;
}

.virtual_tpl_box .list .item:hover::before, .virtual_tpl_box .list .item.on::before {
box-shadow: 0 0 0 2px #000 inset;
}

.virtual_tpl_box .list .loading,
.virtual_tpl_box .list .nomore {
margin-top: 12px;
margin-right: 16px;
}

.virtual_tpl_box .list .nomore {
margin-bottom: 20px;
}

.nomore {
width: 100%;
font-size: 14px;
font-weight: 400;
color: #bbb;
line-height: 16px;
text-align: center;
margin-top: 20px;
}

.nomore::after {
content: "";
display: block;
width: 34px;
height: 1px;
margin: 12px auto 0;
background: #eee;
}

.loading {
width: 100%;
font-size: 14px;
font-weight: 400;
color: #666;
line-height: 16px;
text-align: center;
margin-top: 20px;
display: flex;
justify-content: center;
align-items: center;
}

.loading::before {
content: "";
display: inline-block;
width: 24px;
height: 24px;
background: url(/skin/images/alertloading.gif) no-repeat center;
margin-right: 4px;
background-size: contain;
}

.image_virtual_box {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: calc( 100% - 49px);
background: white;
transform: translateZ(0);
}

.image_virtual_box svg {
border: 1px solid #fff;
box-sizing: border-box;
background-color: #fff;
position: absolute;
left: 50%;
top: 0;
}

/*左上角小图*/
.virtual_detail_icon {
display: inline-block;
background: url(/skin/images/pattern_icon.svg) no-repeat;
}

.image_virtual_change {
  position: absolute;
  z-index: 40;
  left: 16px;
  top: 16px;
  width: 80px;
  height: 80px;
  background: #f6f6f6;
  border-radius: 8px;
  border: 3px solid #1D1D1D;
  cursor: pointer;
  box-sizing: border-box;
  overflow: hidden;
}
.is-f5 .image_virtual_change{
  top: 76px;
}

.image_virtual_change img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.image_virtual_change i {
  position: absolute;
  right: -2px;
  bottom: -2px;
  width: 26px;
  height: 26px;
  background-position: -326px -57px;;
}

.image_virtual_change:hover{
  border-color: #444444;
}

.image_virtual_change:hover i {
  background-position: -371px -57px;
}


@media screen and (max-width:1500px) {
    .pattern-detail-footer .footer-cont .prompt,
    .pattern-detail-footer .footer-cont .detail-search,
    .pattern-detail-footer .footer-cont .detail-share,
    .pattern-detail-footer .footer-cont li>div,
    .pattern-detail-footer .footer-cont .detail-picmatch{padding: 0 8px;} 
    .pattern-detail-footer .footer-cont .prompt{display: none;}
}


/* 上一款，下一款自定义样式 */
/* 自定义禁用状态的样式 */
.pics-item-control .btn.disabled,
.pics-item-control .btn:disabled {
    opacity: 0.65;
    cursor: not-allowed;
    pointer-events: all;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

/* 图标与文字间距优化 */
.pics-item-control .btn i {
    transition: transform 0.2s ease;
}

/* 鼠标悬停时图标微动画 */
.pics-item-control .btn:not(.disabled):hover .fa-chevron-left {
    transform: translateX(-2px);
}

.pics-item-control .btn:not(.disabled):hover .fa-chevron-right {
    transform: translateX(2px);
}