.pattern-detail-wrap{height:100vh;overflow:hidden;padding-top:60px;width:100%}.pattern-detail-wrap,.pattern-detail-wrap .pattern_detail_main{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.pattern-detail-wrap .pattern_detail_main{position:relative;width:calc(100% - 330px)}.pattern-detail-wrap .pattern_detail_main .detail-alert{display:block;height:100%;left:0;position:absolute;top:0;width:100%}.pattern-detail-wrap .pattern_detail_main .detail-alert.detail-alert-mian{bottom:0;display:none;left:0;position:fixed;right:0;top:0}.pattern-detail-wrap .pattern_detail_main .detail-alert .content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;width:100%}.pattern-detail-wrap .pattern_detail_main .detail-alert .content .bg-view{height:206px;margin:0;position:relative}.pattern-detail-wrap .pattern_detail_main .detail-alert .content .bg-view>i{background-position:-647px -369px;cursor:pointer;height:24px;position:absolute;right:14px;top:14px;width:24px}.pattern-detail-wrap .pattern_detail_main .detail-alert .content .bg-view>i:hover{background-position:-681px -369px}.pattern-detail-wrap .pattern_detail_main .yuntu_template_box_warp{background-color:#fff;height:100%;overflow:hidden;padding-left:16px;padding-right:8px}.pattern-detail-wrap .pattern_detail_main .yuntu_template_box_warp .os-scrollbar-handle{background:none!important}.pattern-detail-wrap .pattern_detail_main .yuntu_template_box_warp .yuntu_template_box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-sizing:content-box;box-sizing:content-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;width:232px}.pattern-detail-wrap .pattern_detail_main .yuntu_template_box_warp .yuntu_template_box .title{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:14px;height:42px;-webkit-justify-content:space-between;justify-content:space-between;line-height:42px;width:100%}.pattern-detail-wrap .pattern_detail_main .yuntu_template_box_warp .yuntu_template_box .title>span{color:#1d1d1d;font-weight:700}.pattern-detail-wrap .pattern_detail_main .yuntu_template_box_warp .yuntu_template_box .title>div{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;color:#999;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:12px;font-weight:400;line-height:14px}.pattern-detail-wrap .pattern_detail_main .yuntu_template_box_warp .yuntu_template_box .title>div i{background-position:-145px -306px;height:12px;width:12px}.pattern-detail-wrap .pattern_detail_main .yuntu_template_box_warp .yuntu_template_box .title>div:hover{color:#1d1d1d}.pattern-detail-wrap .pattern_detail_main .yuntu_template_box_warp .yuntu_template_box .title>div:hover i{background-position:-165px -306px}.pattern-detail-wrap .pattern_detail_main .yuntu_template_box_warp .yuntu_template_box .list-warp{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.pattern-detail-wrap .pattern_detail_main .yuntu_template_box_warp .yuntu_template_box .list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.pattern-detail-wrap .pattern_detail_main .yuntu_template_box_warp .yuntu_template_box .list .item{background:-webkit-gradient(linear,left top,right top,from(#f4f4f4),to(#fff));background:-webkit-linear-gradient(left,#f4f4f4,#fff);background:linear-gradient(90deg,#f4f4f4,#fff);border-radius:1px;cursor:pointer;height:168px;margin-bottom:8px;margin-right:8px;overflow:hidden;position:relative;width:112px}.pattern-detail-wrap .pattern_detail_main .yuntu_template_box_warp .yuntu_template_box .list .item:nth-child(2n){margin-right:0}.pattern-detail-wrap .pattern_detail_main .yuntu_template_box_warp .yuntu_template_box .list .item img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.pattern-detail-wrap .pattern_detail_main .yuntu_template_box_warp .yuntu_template_box .list .item:before{-webkit-box-shadow:inset 0 0 0 0 #000;box-shadow:inset 0 0 0 0 #000;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;-webkit-transition:-webkit-box-shadow .3s ease-out;transition:-webkit-box-shadow .3s ease-out;transition:box-shadow .3s ease-out;transition:box-shadow .3s ease-out,-webkit-box-shadow .3s ease-out;width:100%}.pattern-detail-wrap .pattern_detail_main .yuntu_template_box_warp .yuntu_template_box .list .item.on:before,.pattern-detail-wrap .pattern_detail_main .yuntu_template_box_warp .yuntu_template_box .list .item:hover:before{-webkit-box-shadow:inset 0 0 0 2px #000;box-shadow:inset 0 0 0 2px #000}.pattern-detail-wrap .pattern_detail_main .yuntu_template_box_warp .yuntu_template_box .list .loading,.pattern-detail-wrap .pattern_detail_main .yuntu_template_box_warp .yuntu_template_box .list .nomore{margin-top:12px}.pattern-detail-wrap .pattern_detail_main .yuntu_template_box_warp .yuntu_template_box .list .nomore{margin-bottom:20px}.pattern-detail-wrap .pattern_detail_main .detail_content_box{-webkit-box-flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative}.pattern-detail-wrap .pattern_detail_main .detail_content_box .image_container{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;overflow:hidden;position:relative}.pattern-detail-wrap .pattern_detail_main .detail_content_box .image_container .show-pic-section{display:block;height:100%;position:relative;width:100%;z-index:1}.pattern-detail-wrap .pattern_detail_main .detail_content_box .image_container .show-pic-section .section .bigbox-content{background:url(/static/images/loading/pattern.png) no-repeat 50%/cover;height:800px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:800px}@media screen and (max-width:1440px){.pattern-detail-wrap .pattern_detail_main .detail_content_box .image_container .show-pic-section .section .bigbox-content{height:500px;width:500px}}.pattern-detail-wrap .pattern_detail_main .detail_content_box .image_container .show-pic-section .section .bigbox-content>i{background-position:-396px -297px;height:46px;left:8px;position:absolute;top:8px;width:50px}.pattern-detail-wrap .pattern_detail_main .detail_content_box .image_container .show-pic-section .section .switch_btn{background-color:#fff;cursor:pointer;height:80px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:56px;z-index:1}@media screen and (min-width:1900px){.pattern-detail-wrap .pattern_detail_main .detail_content_box .image_container .show-pic-section .section .switch_btn{height:120px}}.pattern-detail-wrap .pattern_detail_main .detail_content_box .image_container .show-pic-section .section .switch_btn>div{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;width:100%}.pattern-detail-wrap .pattern_detail_main .detail_content_box .image_container .show-pic-section .section .switch_btn>div>i{height:72px;width:56px}.pattern-detail-wrap .pattern_detail_main .detail_content_box .image_container .show-pic-section .section .switch_btn>div .btn_img_box{background-color:#fff;height:80px;position:absolute;top:0;width:80px}@media screen and (min-width:1900px){.pattern-detail-wrap .pattern_detail_main .detail_content_box .image_container .show-pic-section .section .switch_btn>div .btn_img_box{height:120px;width:120px}}.pattern-detail-wrap .pattern_detail_main .detail_content_box .image_container .show-pic-section .section .switch_btn>div .btn_img_box>div{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background-color:rgba(0,0,0,.4);color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;-webkit-justify-content:center;justify-content:center;left:0;position:absolute;top:0;width:100%}.pattern-detail-wrap .pattern_detail_main .detail_content_box .image_container .show-pic-section .section .switch_btn>div .btn_img_box{display:none}.pattern-detail-wrap .pattern_detail_main .detail_content_box .image_container .show-pic-section .section .switch_btn>div .btn_img_box img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.pattern-detail-wrap .pattern_detail_main .detail_content_box .image_container .show-pic-section .section .switch_btn.prev_btn{left:24px}.pattern-detail-wrap .pattern_detail_main .detail_content_box .image_container .show-pic-section .section .switch_btn.prev_btn>div>i{background-position:-32px -221px}.pattern-detail-wrap .pattern_detail_main .detail_content_box .image_container .show-pic-section .section .switch_btn.prev_btn>div .btn_img_box{left:64px}.pattern-detail-wrap .pattern_detail_main .detail_content_box .image_container .show-pic-section .section .switch_btn.prev_btn:hover>div>i{background-position:-93px -221px}.pattern-detail-wrap .pattern_detail_main .detail_content_box .image_container .show-pic-section .section .switch_btn.next_btn{right:32px}.pattern-detail-wrap .pattern_detail_main .detail_content_box .image_container .show-pic-section .section .switch_btn.next_btn>div>i{background-position:-154px -221px}.pattern-detail-wrap .pattern_detail_main .detail_content_box .image_container .show-pic-section .section .switch_btn.next_btn>div .btn_img_box{right:64px}.pattern-detail-wrap .pattern_detail_main .detail_content_box .image_container .show-pic-section .section .switch_btn.next_btn:hover>div i{background-position:-215px -221px}.pattern-detail-wrap .pattern_detail_main .detail_content_box .image_container .show-pic-section .section .switch_btn:hover{background-color:#f6f6f6}.pattern-detail-wrap .pattern_detail_main .detail_content_box .image_container .image_virtual_box{background:#f6f6f6;display:none;height:100%;left:0;position:absolute;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%}.pattern-detail-wrap .pattern_detail_main .detail_content_box .image_container .image_virtual_box svg{background-color:#fff;border:1px solid #fff;-webkit-box-sizing:border-box;box-sizing:border-box;left:50%;position:absolute;top:0}.pattern-detail-wrap .pattern_detail_main .detail_content_box .image_container .control-box{background:#fff;border:2px solid #eee;border-radius:16px;bottom:32px;padding:0;position:absolute;right:32px;width:56px;z-index:1}.pattern-detail-wrap .pattern_detail_main .detail_content_box .image_container .control-box .image_size_container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;padding:14px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.pattern-detail-wrap .pattern_detail_main .detail_content_box .image_container .control-box .image_size_container .add{background-position:-527px -179px;cursor:pointer;height:12px;width:12px}.pattern-detail-wrap .pattern_detail_main .detail_content_box .image_container .control-box .image_size_container .reduce{background-position:-556px -179px;cursor:pointer;height:12px;width:12px}.pattern-detail-wrap .pattern_detail_main .detail_content_box .image_container .control-box .image_size_container .bar{background:#ddd;border-radius:4px;height:74px;margin:8px 0;position:relative;width:2px}.pattern-detail-wrap .pattern_detail_main .detail_content_box .image_container .control-box .image_size_container .bar .btn{background-position:-346px -175px;cursor:pointer;height:20px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:20px}.pattern-detail-wrap .pattern_detail_main .detail_content_box .image_container .control-box .original_btn,.pattern-detail-wrap .pattern_detail_main .detail_content_box .image_container .control-box .rest_bnt{color:#999;cursor:pointer;height:36px;line-height:36px;text-align:center}.pattern-detail-wrap .pattern_detail_main .detail_content_box .image_container .control-box .original_btn:hover,.pattern-detail-wrap .pattern_detail_main .detail_content_box .image_container .control-box .rest_bnt:hover{color:#1d1d1d}.pattern-detail-wrap .pattern_detail_main .detail_content_box .image_container .bp-load{height:100%;left:0;position:absolute;top:0;width:100%}.pattern-detail-wrap .pattern_detail_main .detail_content_box .image_virtual_change{background:#f6f6f6;border:2px solid #fff;border-radius:1px;-webkit-box-shadow:0 10px 10px 0 rgba(0,0,0,.02);box-shadow:0 10px 10px 0 rgba(0,0,0,.02);cursor:pointer;height:90px;left:24px;position:absolute;top:16px;width:90px;z-index:2}.pattern-detail-wrap .pattern_detail_main .detail_content_box .image_virtual_change img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.pattern-detail-wrap .pattern_detail_main .detail_content_box .image_virtual_change>div{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background-color:#fff;border-radius:1px;bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:24px;-webkit-justify-content:center;justify-content:center;position:absolute;right:0;width:24px}.pattern-detail-wrap .pattern_detail_main .detail_content_box .image_virtual_change>div i{background-position:-111px -330px;height:12px;width:11px}.pattern-detail-wrap .pattern_detail_main .detail_content_box .image_virtual_change:before{-webkit-box-shadow:inset 0 0 0 0 #000;box-shadow:inset 0 0 0 0 #000;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;-webkit-transition:-webkit-box-shadow .3s ease-out;transition:-webkit-box-shadow .3s ease-out;transition:box-shadow .3s ease-out;transition:box-shadow .3s ease-out,-webkit-box-shadow .3s ease-out;width:100%}.pattern-detail-wrap .pattern_detail_main .detail_content_box .image_virtual_change:hover:before{-webkit-box-shadow:inset 0 0 0 2px #000;box-shadow:inset 0 0 0 2px #000}.pattern-detail-wrap .pattern_detail_main .detail_content_box .image_virtual_change:hover>div{background-color:#000}.pattern-detail-wrap .pattern_detail_main .detail_content_box .image_virtual_change:hover>div i{background-position:-111px -306px}.pattern-detail-wrap .pattern_detail_main .detail_content_box .image_virtual_change:active:after{background-color:rgba(0,0,0,.1);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.pattern-detail-wrap .pattern_detail_main .detail_content_box .swiper_hide_box{background-color:#fff;border:2px solid #eee;border-radius:8px;bottom:32px;cursor:pointer;height:144px;left:24px;min-width:56px;position:absolute;width:56px;z-index:2}.pattern-detail-wrap .pattern_detail_main .detail_content_box .swiper_hide_box>div{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;-webkit-justify-content:center;justify-content:center;width:100%}.pattern-detail-wrap .pattern_detail_main .detail_content_box .swiper_hide_box>div>i{background-position:-281px -172px;height:24px;margin-bottom:8px;width:24px}.pattern-detail-wrap .pattern_detail_main .detail_content_box .swiper_hide_box>div>span{letter-spacing:5px;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}.pattern-detail-wrap .pattern_detail_main .detail_content_box .footer_swiper_box{bottom:32px;height:144px;left:24px;max-width:calc(100% - 134px);position:absolute;z-index:2}.pattern-detail-wrap .pattern_detail_main .detail_content_box .footer_swiper_box .swiper_show_box{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background-color:#fff;border:2px solid #eee;border-radius:8px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;overflow:hidden}.pattern-detail-wrap .pattern_detail_main .detail_content_box .footer_swiper_box .swiper_show_box .swiper_control_box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-right:2px solid #eee;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;-webkit-justify-content:center;justify-content:center;min-width:56px;width:56px}.pattern-detail-wrap .pattern_detail_main .detail_content_box .footer_swiper_box .swiper_show_box .swiper_control_box>i{background-position:-311px -172px;height:24px;margin-bottom:8px;width:24px}.pattern-detail-wrap .pattern_detail_main .detail_content_box .footer_swiper_box .swiper_show_box .swiper_control_box>span{letter-spacing:5px;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}.pattern-detail-wrap .pattern_detail_main .detail_content_box .footer_swiper_box .swiper_show_box .swiper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;height:100%;margin:0 2px;overflow:hidden;padding:4px 0}.pattern-detail-wrap .pattern_detail_main .detail_content_box .footer_swiper_box .swiper_show_box .swiper .swiper-wrapper{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;width:100%}.pattern-detail-wrap .pattern_detail_main .detail_content_box .footer_swiper_box .swiper_show_box .swiper .swiper-wrapper .swiper-slide{-ms-flex-negative:0;cursor:pointer;-webkit-flex-shrink:0;flex-shrink:0;height:100%;margin:0;overflow:hidden;padding:0 2px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.pattern-detail-wrap .pattern_detail_main .detail_content_box .footer_swiper_box .swiper_show_box .swiper .swiper-wrapper .swiper-slide>img{display:block;height:100%;-o-object-fit:contain;object-fit:contain}.pattern-detail-wrap .pattern_detail_main .detail_content_box .footer_swiper_box .swiper_show_box .swiper .swiper-wrapper .swiper-slide:before{-webkit-box-shadow:inset 0 0 0 0 #000;box-shadow:inset 0 0 0 0 #000;content:"";height:100%;left:2px;pointer-events:none;position:absolute;right:2px;top:0;-webkit-transition:-webkit-box-shadow .3s ease-out;transition:-webkit-box-shadow .3s ease-out;transition:box-shadow .3s ease-out;transition:box-shadow .3s ease-out,-webkit-box-shadow .3s ease-out}.pattern-detail-wrap .pattern_detail_main .detail_content_box .footer_swiper_box .swiper_show_box .swiper .swiper-wrapper .swiper-slide.active:before,.pattern-detail-wrap .pattern_detail_main .detail_content_box .footer_swiper_box .swiper_show_box .swiper .swiper-wrapper .swiper-slide:hover:before{-webkit-box-shadow:inset 0 0 0 2px #000;box-shadow:inset 0 0 0 2px #000}.pattern-detail-wrap .pattern_detail_main .detail_content_box .footer_swiper_box .swiper_show_box .btns_box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;width:25px}.pattern-detail-wrap .pattern_detail_main .detail_content_box .footer_swiper_box .swiper_show_box .btns_box>div{height:50%;width:100%}.pattern-detail-wrap .pattern_detail_main .detail_content_box .footer_swiper_box .swiper_show_box .btns_box>div>div{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;-webkit-justify-content:center;justify-content:center;width:100%}.pattern-detail-wrap .pattern_detail_main .detail_content_box .footer_swiper_box .swiper_show_box .btns_box>div>div i{height:20px;width:20px}.pattern-detail-wrap .pattern_detail_main .detail_content_box .footer_swiper_box .swiper_show_box .btns_box>div>div.prev_btn i{background-position:-446px -175px}.pattern-detail-wrap .pattern_detail_main .detail_content_box .footer_swiper_box .swiper_show_box .btns_box>div>div.next_btn i{background-position:-420px -175px}.pattern-detail-wrap .pattern_detail_main .detail_content_box .footer_swiper_box .swiper_show_box .btns_box>div>div:hover{background-color:#eee}.pattern-detail-wrap .pattern_detail_main .operation-box{background-color:#fff;border:2px solid #e5e5e5;border-radius:16px;position:absolute;right:32px;top:32px;width:56px;z-index:2}.pattern-detail-wrap .pattern_detail_main .operation-box>div{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:54px;-webkit-justify-content:center;justify-content:center;width:52px}.pattern-detail-wrap .pattern_detail_main .operation-box>div:first-child{border-top-left-radius:16px;border-top-right-radius:16px}.pattern-detail-wrap .pattern_detail_main .operation-box>div:last-child{border-bottom-left-radius:16px;border-bottom-right-radius:16px}.pattern-detail-wrap .pattern_detail_main .operation-box>div>i{height:24px;width:24px}.pattern-detail-wrap .pattern_detail_main .operation-box>div:hover{background-color:#f8f9fc}.pattern-detail-wrap .pattern_detail_main .operation-box>div.collect-btn>i{background-position:-335px -127px}.pattern-detail-wrap .pattern_detail_main .operation-box>div.collect-btn.cur>i{background-position:-371px -127px}.pattern-detail-wrap .pattern_detail_main .operation-box>div.download-btn>i{background-position:-296px -127px}.pattern-detail-wrap .detail_msg_box_warp{background-color:#fff;border-left:1px solid #e5e5e5;height:100%;padding:15px 15px 0;width:330px}.pattern-detail-wrap .detail_msg_box_warp .detail_msg_box .content_block .title{color:#1d1d1d;font-size:20px;font-weight:700;line-height:23px;margin-bottom:8px}.pattern-detail-wrap .detail_msg_box_warp .detail_msg_box .content_block .info{background:#f6f6f6;border-radius:1px;color:#999;padding:0 12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.pattern-detail-wrap .detail_msg_box_warp .detail_msg_box .content_block .info+.info{margin-top:8px}.pattern-detail-wrap .detail_msg_box_warp .detail_msg_box .content_block .info .time{color:#1d1d1d}.pattern-detail-wrap .detail_msg_box_warp .detail_msg_box .content_block .labels_box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:21px;width:100%}.pattern-detail-wrap .detail_msg_box_warp .detail_msg_box .content_block .labels_box>a{background-color:#fff;border:1px solid #eee;border-radius:100px;color:#1d1d1d;line-height:14px;margin-bottom:4px;margin-right:4px;padding:8px 12px}.pattern-detail-wrap .detail_msg_box_warp .detail_msg_box .content_block .labels_box>a:hover{background-color:#1d1d1d;border-color:#1d1d1d;color:#fff}.pattern-detail-wrap .detail_msg_box_warp .detail_msg_box .detail_original_block{margin-top:32px}.pattern-detail-wrap .detail_msg_box_warp .detail_msg_box .detail_original_block .title_box{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;color:#1d1d1d;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-weight:700;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:9px;width:100%}.pattern-detail-wrap .detail_msg_box_warp .detail_msg_box .detail_original_block .title_box .title{font-size:14px}.pattern-detail-wrap .detail_msg_box_warp .detail_msg_box .detail_original_block .title_box .subtitle{background-image:url(/static/images/detail/copyright_subtitle.png);background-position:50%;background-repeat:no-repeat;background-size:contain;height:17px;width:89px}.pattern-detail-wrap .detail_msg_box_warp .detail_msg_box .detail_original_block .copyright-card{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background-color:#fff6e0;background-image:url(/static/images/detail/copyrightBg.png);background-position:100% 100%;background-repeat:no-repeat;background-size:58px 84px;border:1px solid #fbe6cf;border-radius:4px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:84px;padding:8px;width:100%}.pattern-detail-wrap .detail_msg_box_warp .detail_msg_box .detail_original_block .copyright-card img{height:68px;-o-object-fit:cover;object-fit:cover;width:98px}.pattern-detail-wrap .detail_msg_box_warp .detail_msg_box .detail_original_block .copyright-card>div{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;margin-left:8px;width:110px}.pattern-detail-wrap .detail_msg_box_warp .detail_msg_box .detail_original_block .copyright-card>div .tit{color:#5c3e1c;font-size:14px;font-weight:700;line-height:16px;margin-bottom:8px}.pattern-detail-wrap .detail_msg_box_warp .detail_msg_box .detail_original_block .copyright-card>div>span{color:#967e5b;font-size:12px;line-height:14px}.pattern-detail-wrap .detail_msg_box_warp .detail_msg_box .detail_image_block{border-top:1px solid #e5e5e5;margin-top:36px;padding-top:20px;position:relative}.pattern-detail-wrap .detail_msg_box_warp .detail_msg_box .detail_image_block .title{color:#1d1d1d;font-size:16px;font-weight:700;line-height:19px}.pattern-detail-wrap .detail_msg_box_warp .detail_msg_box .detail_image_block .detail_image_warp{margin-top:16px;overflow:hidden;width:100%}.pattern-detail-wrap .detail_msg_box_warp .detail_msg_box .detail_image_block .detail_image_warp .detail_image{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-4px;margin-right:-4px}.pattern-detail-wrap .detail_msg_box_warp .detail_msg_box .detail_image_block .detail_image_warp .detail_image .item{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:4px 0;overflow:hidden;padding:0 4px;position:relative;width:145px}.pattern-detail-wrap .detail_msg_box_warp .detail_msg_box .detail_image_block .detail_image_warp .detail_image .item img{border-radius:4px;display:block;-o-object-fit:cover;object-fit:cover;width:100%}.pattern-detail-wrap .detail_msg_box_warp .detail_msg_box .detail_image_block .detail_image_warp .detail_image .item:before{border-radius:4px;-webkit-box-shadow:inset 0 0 0 0 #000;box-shadow:inset 0 0 0 0 #000;content:"";height:100%;left:4px;pointer-events:none;position:absolute;right:4px;top:0;-webkit-transition:-webkit-box-shadow .3s ease-out;transition:-webkit-box-shadow .3s ease-out;transition:box-shadow .3s ease-out;transition:box-shadow .3s ease-out,-webkit-box-shadow .3s ease-out}.pattern-detail-wrap .detail_msg_box_warp .detail_msg_box .detail_image_block .detail_image_warp .detail_image .item.img-sec:before,.pattern-detail-wrap .detail_msg_box_warp .detail_msg_box .detail_image_block .detail_image_warp .detail_image .item:hover:before{-webkit-box-shadow:inset 0 0 0 2px #000;box-shadow:inset 0 0 0 2px #000}.pattern-detail-wrap .detail_msg_box_warp .detail_msg_box .detail_image_block .detail_image_warp .detail_image .item.imgs-no-hv{pointer-events:none}.pattern-detail-wrap .detail_msg_box_warp .detail_msg_box .guess_like_block{border-top:1px solid #e5e5e5;margin-top:16px;padding-top:20px;position:relative}.pattern-detail-wrap .detail_msg_box_warp .detail_msg_box .guess_like_block .title{color:#1d1d1d;font-size:16px;font-weight:700;line-height:19px}.pattern-detail-wrap .detail_msg_box_warp .detail_msg_box .guess_like_block .guess_like_warp{margin-top:16px;overflow:hidden;width:100%}.pattern-detail-wrap .detail_msg_box_warp .detail_msg_box .guess_like_block .guess_like_warp .guess_like{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-4px;margin-right:-4px}.pattern-detail-wrap .detail_msg_box_warp .detail_msg_box .guess_like_block .guess_like_warp .guess_like .item{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;height:145px;margin:4px 0;overflow:hidden;padding:0 4px;position:relative;width:145px}.pattern-detail-wrap .detail_msg_box_warp .detail_msg_box .guess_like_block .guess_like_warp .guess_like .item img{border-radius:4px;display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.pattern-detail-wrap .detail_msg_box_warp .detail_msg_box .guess_like_block .guess_like_warp .guess_like .item:before{border-radius:4px;-webkit-box-shadow:inset 0 0 0 0 #000;box-shadow:inset 0 0 0 0 #000;content:"";height:100%;left:4px;pointer-events:none;position:absolute;right:4px;top:0;-webkit-transition:-webkit-box-shadow .3s ease-out;transition:-webkit-box-shadow .3s ease-out;transition:box-shadow .3s ease-out;transition:box-shadow .3s ease-out,-webkit-box-shadow .3s ease-out}.pattern-detail-wrap .detail_msg_box_warp .detail_msg_box .guess_like_block .guess_like_warp .guess_like .item.img-sec:before,.pattern-detail-wrap .detail_msg_box_warp .detail_msg_box .guess_like_block .guess_like_warp .guess_like .item:hover:before{-webkit-box-shadow:inset 0 0 0 2px #000;box-shadow:inset 0 0 0 2px #000}.pattern-detail-wrap .detail_msg_box_warp .detail_msg_box .guess_like_block .guess_like_warp .guess_like .item.imgs-no-hv{pointer-events:none}.pattern-detail-wrap .detail_msg_box_warp .detail_msg_box .guess_like_block .guess_like_warp .guess_like .loading{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;color:#999;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:14px;-webkit-justify-content:center;justify-content:center;padding-top:80px;width:100%}.pattern-detail-wrap .detail_msg_box_warp .detail_msg_box .guess_like_block .guess_like_warp .guess_like .loading>img{margin-right:2px;width:18px}.pattern-detail-wrap .bg-layer{background:rgba(0,0,0,.5);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:49}.pattern-detail-wrap .building_box{background:#fff;border:1px solid #eee;-webkit-box-shadow:0 10px 10px 0 rgba(0,0,0,.02);box-shadow:0 10px 10px 0 rgba(0,0,0,.02);display:none;left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:300px;z-index:69}.pattern-detail-wrap .building_box .title{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-bottom:1px solid #f6f6f6;color:#1d1d1d;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:16px;font-weight:700;height:56px;-webkit-justify-content:space-between;justify-content:space-between;padding:0 16px;white-space:nowrap;width:100%}.pattern-detail-wrap .building_box .title .close{background-position:-166px -72px;cursor:pointer;height:24px;width:24px}.pattern-detail-wrap .building_box .title .close:hover{background-position:-192px -72px}.pattern-detail-wrap .building_box .build_msg{color:#1d1d1d;font-size:12px;font-weight:400;line-height:18px;padding:16px 16px 8px}.pattern-detail-wrap .building_box .build_progress_box{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:22px;margin:0 16px}.pattern-detail-wrap .building_box .build_progress_box .progress_bar{background:#f5f5f5;border-radius:50px;height:8px;width:227px}.pattern-detail-wrap .building_box .build_progress_box .progress_bar i{background:#262626;border-radius:50px;display:block;height:100%;-webkit-transition:.3s ease-out;transition:.3s ease-out;width:0}.pattern-detail-wrap .building_box .build_progress_box .progress_num{color:#1d1d1d;font-size:12px;font-weight:300;line-height:22px;margin-left:8px}.pattern-detail-wrap .building_box .btn{border:1px solid #1d1d1d;color:#1d1d1d;cursor:pointer;font-size:12px;font-weight:400;height:28px;line-height:26px;margin:38px auto 24px;text-align:center;width:76px}.pattern-detail-wrap .building_box .btn:hover{background:#1d1d1d;color:#fff}.pattern-detail-wrap .download_box{background:#fff;border:1px solid #eee;border-radius:16px;border-radius:1px;-webkit-box-shadow:0 10px 10px 0 rgba(0,0,0,.02);box-shadow:0 10px 10px 0 rgba(0,0,0,.02);display:none;left:50%;padding:0 16px 16px;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:60}.pattern-detail-wrap .download_box .title{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-bottom:1px solid #f6f6f6;color:#1d1d1d;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:16px;font-weight:700;height:56px;-webkit-justify-content:space-between;justify-content:space-between;white-space:nowrap;width:100%}.pattern-detail-wrap .download_box .title .close{background-position:-647px -369px;cursor:pointer;height:24px;width:24px}.pattern-detail-wrap .download_box .title .close:hover{background-position:-681px -369px}.pattern-detail-wrap .download_box .table_warp{max-height:377px;max-width:658px}.pattern-detail-wrap .download_box table td,.pattern-detail-wrap .download_box table th{padding:0}.pattern-detail-wrap .download_box table th{color:#666;font-size:14px;font-weight:400;height:39px;line-height:39px;text-align:left}.pattern-detail-wrap .download_box table th+th{padding-left:8px}.pattern-detail-wrap .download_box table td{padding:8px 0}.pattern-detail-wrap .download_box table td img{height:94px;-o-object-fit:cover;object-fit:cover;width:94px}.pattern-detail-wrap .download_box table td .img_msg_item{border:1px solid #f1f1f1;margin-left:8px;min-height:95px;min-width:180px;padding:12px;position:relative}.pattern-detail-wrap .download_box table td .img_msg_item .tit{color:#1d1d1d;font-size:14px;font-weight:500;line-height:18px;margin-bottom:8px}.pattern-detail-wrap .download_box table td .img_msg_item .tit span{display:inline-block;max-width:120px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.pattern-detail-wrap .download_box table td .img_msg_item .size{color:#666;font-size:12px;font-weight:400;line-height:15px;margin-bottom:8px}.pattern-detail-wrap .download_box table td .img_msg_item .info{color:#999;font-size:12px;font-weight:400;line-height:15px;margin-bottom:8px}.pattern-detail-wrap .download_box table td .img_msg_item .kbsize{background:#fff;border:1px solid #ddd;border-radius:1px;color:#999;display:inline-block;font-size:12px;font-weight:400;height:20px;line-height:18px;padding:0 8px}.pattern-detail-wrap .download_box table td .img_msg_item .download{background-color:#fff;background-position:-185px -582px;bottom:12px;height:24px;position:absolute;right:12px;width:24px}.pattern-detail-wrap .download_box table td .img_msg_item .download:hover{background-position:-221px -582px}.pattern-detail-wrap .download_box .btn{background-color:#1d1d1d;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;height:40px;line-height:38px;margin-top:8px;text-align:center;width:100%}.pattern-detail-wrap .download_box .btn:hover{background-color:#333}.pattern-detail-wrap .download_box .btn.disabled{opacity:.2;pointer-events:none}.pattern-detail-wrap .loading-f5{background:url(/static/images/detail/gray_opcity.png) repeat 0 0;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:90}.pattern-detail-wrap .loading-f5 .noPic{background:url(/static/images/common/alertloading.gif) no-repeat center 160px/120px auto;height:100%;left:0;position:fixed;top:0;width:100%;z-index:91}.aside_nav_container{display:none!important}

/*# sourceMappingURL=pattern-detail.css.map*/