@import url("https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap");.d-inline-block,.inline-block{display:inline-block}.slick-next,.slick-prev{display:none!important}#slider{position:relative}.glide_btn_outer{position:absolute;bottom:30px;left:30px;text-align:center;padding:0;background:#ffffff8c;border-radius:20px}.glide-indicator{vertical-align:middle;color:#000;margin-top:0;text-align:center;width:50px;height:35px;line-height:33.5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:16px;font-weight:300}.glide-indicator,.glide-indicator>*{display:inline-block}.glide-indicator span#glide_now{font-weight:700;font-size:18px}.glide_btn_outer .button,.glide_btn_outer button{background:transparent;border:none;color:#fff;width:25px;height:35px;display:inline-block;vertical-align:middle;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:0 5px}.glide_btn_outer .button svg,.glide_btn_outer button svg{vertical-align:middle;width:10px}.glide_btn_outer button:hover{opacity:.5}.topslider-area{margin-bottom:10px}.topslider-area>div{overflow:hidden}.topslider-area .item-inner a{display:block}.topslider-area .item{display:block!important}.topslider-area .slick-slide>div{display:block;margin:0 10px}.topslider-area .slick-list{margin:0 -10px}.glide_btn_wrap{display:inline-block}.mainmy-wrap{margin-top:10px}.notice-area{padding-left:10px;margin-bottom:10px}.notice-area .mainnotice-area{border-radius:10px;overflow:hidden;border:1px solid #ddd}.mainnotice-info{position:relative;background:#f5f5f5;padding:0 14px}.mt-infowrap{display:block;height:100%}.mt-infowrap .mt-center{width:100%;font-size:16px;padding:15px 0}.mt-infowrap .mt-center p{font-size:15px;text-align:left}.mt-infowrap .mt-center .loginAccount{display:block;width:100%;border-radius:5px;background:#2679bb;font-weight:500;color:#fff;padding:5px 0;margin:5px 0;font-size:18px;position:relative;overflow:hidden;cursor:pointer}.mt-infowrap .mt-center .loginAccount #LogoIconAlone{position:absolute;width:75px;top:15px;margin-left:-400px;transition:all .3s ease}.mt-infowrap .mt-center .loginAccount:hover #LogoIconAlone{margin-left:1px}.mt-infowrap .mt-center .loginAccount svg{display:inline-block;width:100px;vertical-align:sub;position:relative;right:-10px;transition:all .5s ease-in-out}.mt-infowrap .mt-center .loginAccount:hover svg{right:0}.mt-infowrap .mt-center .loginAccount svg.markFFF{width:24px;margin-right:5px;opacity:0;left:-100%;transition:all .5s ease-in-out;position:relative}.mt-infowrap .mt-center .loginAccount:hover svg.markFFF{left:0;opacity:1}.loginAccount .logoFFF path,.loginAccount .logoFFF polygon{fill:#fff!important}.loginAccount .logoFFF path.logoSTFFno,.loginAccount .logoFFF polygon.logoSTFFno{fill:#8dc21f!important}.loginAccount .logoSTFF{position:absolute;margin-left:-20px;top:17px}.mt-infowrap .mt-center .loginAccount span{vertical-align:middle;position:relative;font-weight:700}.mt-infowrap .mt-center .loginAccount span.login_logo{font-size:28px;font-weight:700;margin-right:10px;font-family:Black Han Sans,sans-serif;font-weight:400;font-style:normal}.myInfo-left,.myInfo-right{display:inline-block;vertical-align:top}.myInfo-left{width:calc(100% - 135px)}.myInfo-right{width:135px}.myInfo-up{padding:17px 0}.myInfo-name{font-size:16px;line-height:32px}.myInfo-name span{font-size:20px;font-weight:400;max-width:calc(100% - 80px);display:inline-block;vertical-align:top;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#2679bb}.myInfo-up .myInfo-right>*{display:inline-block;line-height:32px;font-size:14px;font-weight:600}.myInfo-up .myInfo-right .logOut{background:#ccc;color:#fff;border-radius:50px;padding:0 12px;cursor:pointer}.myInfo-up .myInfo-right .logOut:hover{background:#ddd}.rechargeMe{display:inline-block;padding:0 5px;cursor:pointer}.rechargeMe:hover{color:#ef7f49}.myInfo-btn-wrap{position:relative;bottom:0;width:100%;padding:10px 0;border-top:1px solid #000}.myInfo-btn{border-right:1px solid #ddd}.myInfo-btn-inner{line-height:20px;cursor:pointer}.myInfo-btn-wrap ul li:last-child{border-right:none}.myInfo-btn-inner a{display:block}.myInfo-btn-inner h5{display:inline-block;font-size:13px;margin-right:5px;font-weight:400}.myInfo-btn-inner p{display:inline-block;font-size:16px;font-weight:600;color:#2679bb}.myInfo-down{font-size:14px;line-height:27px}.myInfo-down span.jango{font-size:20px;font-weight:500}.mt-bottom{font-size:14px}.mt-bottom a{color:#6666}.mainnotice-tool{padding:0 15px}.mainnotice-tool ul li{border-top:1px solid #ddd;padding:0;cursor:pointer}.mt-toolinner{border-right:1px solid #ddd;padding:7px 0}.mainnotice-tool ul li:nth-child(4) .mt-toolinner,.mainnotice-tool ul li:nth-child(8) .mt-toolinner{border-right:none}.mt-toolicon{height:30px}.mt-toolicon svg{width:35px;height:35px;animation-duration:1s;animation-name:scalein;animation-fill-mode:forwards}.mt-toolinner p{font-weight:400;margin:7px 0 3px;font-size:12px}.mainnotice-webhard{display:block;background:#595757;color:#fff;text-align:center;padding:4px 0;clear:both}.mainnotice-webhard a{display:inline-block}.mt-webhard-idpw,.mt-webhard-title{vertical-align:middle;line-height:40px}.mt-webhard-title h4{font-size:17px;margin-left:5px}.mt-webhard-title p{margin-left:5px;background:#9fa0a0;color:#595757;line-height:normal;font-weight:600;padding:2px 10px;border-radius:30px}.mt-webhard-idpw ul li h5,.mt-webhard-title>*{color:#fff;vertical-align:middle}.mt-webhard-idpw ul li{margin-left:20px}.mt-webhard-idpw ul li:before{content:"";background:#fff;width:3px;height:3px;display:inline-block;margin-right:10px;border-radius:100%;vertical-align:middle}.mt-webhard-idpw ul li h5{font-size:13px;font-weight:300;display:inline-block}.mt-webhard-idpw ul li span{font-size:16px;color:#fff;display:inline-block;vertical-align:text-top;line-height:16px;vertical-align:inherit}.mainnotice-wrap{padding:12px 0}.mainnotice-wrap>div .mt-more{margin-top:20px;font-size:14px}.mt-title h3{padding:20px 0;text-align:center;font-size:14px;font-weight:400}.mt-title h3 span{font-size:23px;font-weight:800}.mt-title span,.mt-title svg{display:inline-block;vertical-align:middle;cursor:pointer}.mt-title svg{margin-right:10px}.mt-tablewrap{padding:8.5px 20px}.mt-tablewrap li{padding:6px 0;font-size:15px;line-height:18px;cursor:pointer;white-space:nowrap}.mt-tablewrap li,.mt-tablewrap li a{text-overflow:ellipsis;overflow:hidden}.mt-tablewrap li a{display:-webkit-box;line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;color:#747474}.mt-kind{color:#29abe2;margin-right:5px}.banner-wrap{margin-bottom:10px;padding:10px 0}.banner-wrap img{border-radius:10px}.cscenter-wrap{margin-bottom:10px}.cscenter-wrap .cstool-wrap{border:1px solid #ddd;padding:20px 10px;border-radius:10px}.cstool-wrap ul li{width:20%;display:inline-block;text-align:center;padding:0 10px}.cstool-wrap ul li div{max-width:80px;margin:0 auto 10px;height:80px}.cstool-wrap ul li p{font-size:16px;line-height:25px}.cscenter-wrap .cs-wrap{padding-left:10px}.cscenter-wrap .cs-inner{position:relative;border:1px solid #ddd;padding:15px;border-radius:10px}.cscenter-wrap .cs-innertop{padding-bottom:26px}.cscenter-wrap .cs-innertop svg{max-width:90px;width:85px;display:inline-block;height:90px}.cscenter-wrap .cs-innertop>div{margin-left:15px}.cscenter-wrap .cs-innertop>*{vertical-align:top}.cscenter-wrap .cs-innertop h3{margin-bottom:15px;font-size:28px}.cscenter-wrap .cs-innertop p{font-size:15px;line-height:20px}.cscenter-wrap .cs-innertop p.red{color:red}.cs-innertopbody .cs-tell{font-size:18px;font-weight:700}.cs-innertopbody .cs-tell span{font-size:30px;font-weight:800;padding:1px 0;display:inline-block}.cs-innertopbody .cs-fax{font-size:16px;color:#4d4d4d;display:inline-block;font-weight:400}.cs-innertopbody .cs-fax span{position:relative;display:inline-block;width:1px;height:12px;margin:0 10px;background:#000}.cscenter-wrap .cs-innerbottom{position:absolute;width:100%;padding:7px 10px;left:0;bottom:0;font-size:15px;background:#f7f8f8;color:#4d4d4d;text-align:center;border-radius:0 0 10px 10px}.cscenter-wrap .cs-innerbottom p{font-size:14px}.cscenter-wrap .cs-innerbottom span{display:inline-block;width:1px;height:12px;margin:0 10px;background:#000;vertical-align:middle}.footer{color:#878787}.footer .logo svg{max-width:100%;width:160px}.footer_tab5{height:30px;margin-bottom:10px}.footer_tab5 li{float:left;padding:0 10px;position:relative}.footer_tab5 li.footer_tab5_first{padding-left:0}.footer_tab5 li a{font-size:13px}.footer-left-email{margin-bottom:20px!important}.copyright_wrap li{font-size:13px;font-weight:400}.copyright_wrap li a{color:#878787}.footer-img{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;min-height:210px}.footer-addtab{border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;padding:5px 10px;margin-bottom:10px}.footer-addtab>*{display:inline-block;vertical-align:middle;margin-right:10px}.footer_notice{width:calc(100% - 760px);font-size:14px}.footer-addtab-bak>*{display:inline-block;vertical-align:middle;margin-right:10px}.footer-addtab-bak{background-color:#f6f6f6;padding:5px 0 5px 20px;border-radius:5px}.footer-addtab .footer_account{color:#898989;font-weight:700;font-size:16px}.footer-addtab .footer_kb>*{display:inline-block;vertical-align:middle}.footer-addtab .footer_kb svg{width:120px;margin-right:10px}.footer-addtab .footer_kb p{color:#a98221;font-size:16px}.footer-addtab .footer_nh{margin-right:30px}.footer-addtab .footer_nh>*{display:inline-block;vertical-align:middle}.footer-addtab .footer_nh svg{width:100px;margin-right:10px}.footer-addtab .footer_nh p{color:#00a84d;font-size:16px}.footer_notice span{color:#4185bd;font-weight:700}.midbanner-bottomf img,.midbanner-bottoms img,.midbanner-top img{width:100%}.midbanner-bottoms img{border-radius:10px}.midbanner-bottoms .noImage{width:357px;height:376px;border-radius:10px;background-color:#ccc;text-align:center;line-height:375px}.csbottom-wrap{margin-top:30px;padding:30px 0;background:#f7f8f8;font-size:15px}.csbottom-wrap .cs-inner{height:100%}.operate-inner{position:relative}.csbottom-wrap .operate-inner:before{content:"";position:absolute;top:3px;width:1px;background-color:#000;height:100%;right:2px}.csbottom-wrap .cs-inner h3{font-size:22px;font-weight:600}.cs-inner .operate-innertext{margin-top:35px}.operate-innertext ul li{margin-top:15px}.cs-text ul li h5{font-size:18px;font-weight:700}.cs-text ul li p{font-size:14px;font-weight:300}.release-innertext button.release-time{width:80%;border:1px solid #ccc;border-radius:5px;padding:6px 0;margin:10px 0;background:#fff}.release-center-title{padding-bottom:5px;position:relative}.release-center-title:before{content:"";bottom:0;height:1px;border:1px solid #ccc;position:absolute;width:170px}.release-center-title h4{display:inline-block;font-size:16px;font-weight:700;margin-right:10px}.release-center-title p{display:inline-block}.release-center ul li{margin-top:8px}.release-center p{font-size:14px;font-weight:700}.cs-text ul li span.red{color:#ef7f49}.popup-outer{width:100%;top:0}.popup-outer,.popup-wrap{position:absolute;z-index:1000}.popup-wrap{-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:5px;overflow:hidden;box-shadow:0 1px 4px 2px rgba(0,0,0,.3)}.popup-top-close{position:absolute;top:5px;right:10px;width:25px;height:25px;border:none;outline:none;border-radius:5px;background:rgba(0,0,0,.3);padding:0 5px;cursor:pointer}.popup-top-close svg{width:100%}.popup-wrap .popup-img{cursor:move;display:block}.popup-close{background:#f3f3f3;width:100%;padding:5px 10px;height:40px}.popup-close>div{height:100%}.popup-close>div>*{display:inline-block;vertical-align:middle}.popup-close input{margin-right:10px;margin-top:0}.popup-close label{font-size:13px;font-weight:400;line-height:30px}.popup-close .mobileBtn{border:1px solid #c3c3c3;padding:3px 15px;font-size:13px;border-radius:3px;background:#fff}.event_btn>div{width:100%;height:250px;display:flex;justify-content:center;align-items:center;flex-direction:column}.coster_event>div{background-color:#eedcce}.coster_event>p{color:#331b15}.coster_event .coster_event_a{display:flex}.coster_event .coster_event_a a{color:#331b15;border:2px solid #331b15;font-size:24px;font-weight:700;padding:10px 60px;margin-bottom:20px}.papercup_event_btn>div{background-color:#f4aa6d}.papercup_event_btn a{color:#6a2526;border:2px solid #6a2526;font-size:24px;font-weight:700;padding:10px 60px}.ncholo_event_btn{position:absolute;bottom:47px;width:347px;height:69px;left:50%;transform:translate(-50%,-50%)}.ppfan_img_wrap .ppfan_img_paperfan,.ppfan_img_wrap .ppfan_img_ppfan{position:relative}.ppfan_img_fan .ppfan_img_btn_wrap{position:absolute;left:50%;transform:translate(-50%)}.ppfan_img_fan .ppfan_img_btn_wrap_paperfan{top:300px}.ppfan_img_fan .ppfan_img_btn_wrap .ppfan_img_btn{margin-bottom:30px}.ppfan_img_fan .ppfan_img_btn_wrap .ppfan_img_btn>div{border-radius:10px;border:2px solid #0071b6}.ppfan_img_fan .ppfan_img_btn_wrap .ppfan_img_btn_text{background-color:#0071b6;overflow:hidden;padding:10px 0;text-align:center;color:#fff}.ppfan_img_btn_wrap .ppfan_img_btn_text .ppfan_img_btn_text_title{font-size:18px}.ppfan_img_btn_wrap .ppfan_img_btn_text .ppfan_img_btn_text_title span{font-weight:700}.ppfan_img_btn_wrap .ppfan_img_btn_text .ppfan_img_btn_text_size{font-size:12px}.ppfan_img_fan .ppfan_img_btn_wrap .ppfan_img_btn_order{text-align:center;color:#0071b6;padding:10px 0;border-top:2px solid #0071b6;cursor:pointer;font-size:14px}.ppfan_img_fan .ppfan_img_btn_wrap .ppfan_img_btn_order:hover{font-weight:700}.ppfan_img_fan .ppfan_img_btn_wrap .ppfan_img_btn>div img{width:80%;display:block;padding:15px 0;margin:0 auto}.ppfan_img_fan .ppfan_img_btn_wrap_ppfan{top:150px}.ppfan_img_fan .ppfan_img_btn_wrap .ppfan_img_btn .hyson_fan_left{display:inline-block;width:40%;vertical-align:top}.ppfan_img_fan .ppfan_img_btn_wrap .ppfan_img_btn .hyson_fan_right{display:inline-block;border-left:2px solid #0071b6;width:60%;vertical-align:top}.ppfan_event_btn>div{background-color:#ffe77d;height:200px}.ppfan_event_btn a{color:#fff;background-color:#0071b6;font-size:20px;font-weight:700;padding:15px 60px;border-radius:10px;margin-right:30px}.ppfan_event_btn a:last-child{margin-right:0}.shooterTop{position:relative;background:url(https://images.dtp21.com/images/event/easyorder_01.png);background-position:50%;background-size:cover;height:2410px;background-repeat:no-repeat}.shooterTop .container{height:100%;position:relative}.shooterDownload{position:absolute;bottom:4%;width:51%;left:50%;transform:translateX(-50%);cursor:pointer}.cal25event_wrap .row{position:relative}.cal25event_wrap .cal25event_btn{position:absolute;width:320px;height:45px;top:1440px;left:75px}.cal25event_wrap .cal25event_btn02{top:1803px}.cal25event_wrap .cal25event_btn03{top:2167px}.cal25event_wrap .cal25event_btn04{top:2533px}.cal25event_wrap .cal25event_downbtn{position:absolute;width:270px;height:45px;top:3026px;right:90px}.cal25event_wrap .cal25event_downbtn02{top:3688px}.cal25event_wrap .cal25event_downbtn03{top:4352px}.cal25event_wrap .cal25event_downbtn04{top:5014px}.self_btn_wrap{position:absolute;right:20px;top:45px;width:140px}.pcnavTrigger{display:block;cursor:pointer;width:20px;height:25px;position:relative;left:0;right:0;top:15px;bottom:0;float:left;margin:0 0 0 20px}.pcnavTrigger i{background-color:#fff;border-radius:2px;content:"";display:block;width:100%;height:2px}.pcnavTrigger i:first-child{animation:outT .8s backwards;animation-direction:reverse}.pcnavTrigger i:nth-child(2){margin:6px 0;animation:outM .8s backwards;animation-direction:reverse}.pcnavTrigger i:nth-child(3){animation:outBtm .8s backwards;animation-direction:reverse}.pcnavTrigger.active i:first-child{animation:inTp .8s forwards}.pcnavTrigger.active i:nth-child(2){animation:inM .8s forwards}.pcnavTrigger.active i:nth-child(3){animation:inBtmp .8s forwards}@keyframes inTp{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(9px) rotate(0deg)}to{transform:translateY(8.5px) rotate(135deg)}}@keyframes inBtmp{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-9px) rotate(0deg)}to{transform:translateY(-8px) rotate(135deg)}}.self_bar_wrap{height:170px}.self_bar_wrap>*{vertical-align:middle}.self_bar_wrap .self_bar_text{display:inline-block;width:20%;height:100%;border:1px solid #ccc;border-top-left-radius:10px;border-bottom-left-radius:10px}.self_bar_wrap .self_bar_text li{cursor:pointer;font-size:14px;padding:10px 0;position:relative;height:42.5px}.self_bar_wrap .self_bar_text li:before{content:"";position:absolute;border-top:1px solid #ccc;border-right:1px solid #ccc;width:calc(100% + 1px);height:100%;right:0;top:0}.self_bar_wrap .self_bar_text li:first-child:before,.self_bar_wrap .self_bar_text li:nth-child(2):before{border-top:none}.self_bar_wrap .self_bar_text li.active,.self_bar_wrap .self_bar_text li:hover{background-color:#2679bb;color:#fff}.self_bar_wrap .self_bar_text li:first-child:hover{border-top-left-radius:10px}.self_bar_wrap .self_bar_text li:nth-child(7):hover{border-bottom-left-radius:10px}.self_bar_wrap .self_bar_text li:first-child.active{border-top-left-radius:10px}.self_bar_wrap .self_bar_text li:nth-child(7).active{border-bottom-left-radius:10px}.self_bar_wrap .self_bar_img{display:inline-block;width:80%;position:relative;background:url(https://images.dtp21.com/images/main/self_bar.jpg) no-repeat;height:100%;border-top-right-radius:10px;border-bottom-right-radius:10px}.self_bar_img .self_bar_img_go{display:inline-block;width:100%;height:100%}.self_bar_img_box{width:100%;height:169px;background-color:#000000ad;position:absolute;top:0;display:none;border-top-right-radius:10px;border-bottom-right-radius:10px}.self_bar_img_box.active{display:flex;align-items:center;justify-content:space-between}.self_bar_img_box>*{display:inline-block;color:#fff;vertical-align:middle}.self_bar_img_box h1{width:40%;font-size:24px}.self_bar_img_box ul{width:60%;display:flex;flex-wrap:wrap;margin:0;list-style:none;gap:10px;padding:20px 0}.self_bar_img_box ul li{display:inline-block;width:calc(33.33% - 10px);text-align:center;border:2px solid transparent;transition:border .3s ease;position:relative;cursor:pointer}.self_bar_img_box ul li a{font-size:14px;padding:10px 0;color:#fff;width:100%;height:100%;display:block}.self_bar_img_box ul li:after{position:absolute;content:"";width:100%;height:100%;border:1px solid #fff;top:0;left:0;transition:border .6s ease}.self_bar_img_box ul li:hover{border:2px solid #fff}.self_bar_img_box ul li:hover:after{display:none}.self_bar_img_box ul li:hover span{border-bottom:1px solid #fff}.midslidebanner-wrap{background-color:#efefef;padding:40px 0;margin:40px 0}.midslidebanner-wrap .midbanner-bottomf img{border-radius:10px}.addwork-wrap{margin:20px 0;padding:20px 0}.addwork-wrap h1{text-align:center;font-weight:700;font-size:35px;margin-bottom:22px}.addwork-wrap h1 span{font-size:25px;color:#9fa0a0;margin-left:10px;font-weight:400}.sub-slide-btns{margin-right:8px;border-radius:5px;text-align:center;margin-top:20px}.sub-slide-btns button{background:none;outline:none;padding:3px 13px 5px}.sub-slide-btns button svg{width:5px}.sub-slide-btn-left{border:1px solid #eee;border-top-left-radius:10px;border-bottom-left-radius:10px}.sub-slide-btn-right{border:1px solid #eee;border-top-right-radius:10px;border-bottom-right-radius:10px}.mid-slider-inner{padding:0 10px;cursor:pointer}.addwork-wrap .slick-slide img{width:100%;border-top-left-radius:10px;border-top-right-radius:10px}.slick-slide img .mid-slider-inner .mid-slider-text div{font-size:16px;font-weight:200;background-color:#f7f8f8;color:#595757;line-height:40px;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.midslider-wrap>div{margin:7px 0}.midslidebanner-wrap .midbanner{padding-left:10px}.allproduct-wrap h1{text-align:center;font-size:35px;margin-bottom:40px}.allproduct-wrap h1 span{font-weight:700}.allproduct_cate{margin-bottom:40px}.allproduct_cate li{display:inline-block;padding:7px 15px;border-radius:50px;background-color:#ebf0f2;color:#3e3a39;font-weight:200;margin-right:15px;cursor:pointer;margin-bottom:10px}.allproduct_cate li.active,.allproduct_cate li:hover{color:#fff;background-color:#2679bb}.allproduct_item{min-height:250px}.allproduct_item_wrap li{margin-bottom:40px;opacity:0;margin-top:-20px;animation:fadeIn 1s ease forwards}@keyframes fadeIn{0%{opacity:0;margin-top:-20px}to{opacity:1;margin-top:0}}.allproduct_item_wrap li img{border-radius:10px;margin-bottom:10px}.allproduct_item_text .left{float:left;font-size:14px}.allproduct_item_text .right{color:red;float:right}.loadMore_btn{text-align:center}.loadMore_btn>div{display:inline-block;text-align:center;border-radius:10px;border:1px solid #ccc;padding:3px 20px;font-size:16px;cursor:pointer}.map-wrap>div{display:inline-block;vertical-align:top}.map-options{width:248px}.map-content{width:100%;height:100%}.map-img img{display:block}.map-btns>div{width:100%;display:inline-block;vertical-align:top;text-align:center;background:#fff;color:#000;line-height:31px;cursor:pointer}.map-btns>div.active,.map-btns>div.active:hover{background:#ef7f49;color:#fff}#printcity-app .map-btns>div.active,#printcity-app .map-btns>div.active:hover{background-color:#3d7b92}.selfWrap{position:relative}.selfdesign_indicator{position:absolute;height:100%;left:-40px}.selfdesign_indicator_inner{position:-webkit-sticky;position:sticky;display:inline-block;height:600px;left:340px;top:20px;z-index:1}.selfdesign_indicator ul{border:1px solid #828282}.selfdesign_indicator ul li{padding:3px;position:relative;cursor:pointer;background:#fff}.selfdesign_indicator ul li img{width:41px}.selfdesign_indicator ul li.selfdesign_indicator1.active,.selfdesign_indicator ul li.selfdesign_indicator1:before,.selfdesign_indicator ul li.selfdesign_indicator1:hover{background:#7dadd1}.selfdesign_indicator ul li.selfdesign_indicator1.active svg .selfd_stroke_white{stroke:#fff!important}.selfdesign_indicator ul li.selfdesign_indicator1.active svg .selfd_fill_white{fill:#fff!important}.selfdesign_indicator ul li.selfdesign_indicator1.active svg .selfd_nc_fill{fill:#7dadd1!important}.selfdesign_indicator ul li.selfdesign_indicator2.active,.selfdesign_indicator ul li.selfdesign_indicator2:before,.selfdesign_indicator ul li.selfdesign_indicator2:hover{background:#f3c669}.selfdesign_indicator ul li.selfdesign_indicator2.active .selfd_stroke_white{stroke:#fff!important}.selfdesign_indicator ul li.selfdesign_indicator2.active .selfd_fill_white{fill:#fff!important}.selfdesign_indicator ul li.selfdesign_indicator2.active .selfd_st_fill{fill:#f3c669!important}.selfdesign_indicator ul li.selfdesign_indicator3.active,.selfdesign_indicator ul li.selfdesign_indicator3:before,.selfdesign_indicator ul li.selfdesign_indicator3:hover{background:#e6a094}.selfdesign_indicator ul li.selfdesign_indicator3.active .selfd_stroke_white{stroke:#fff!important}.selfdesign_indicator ul li.selfdesign_indicator3.active .selfd_fill_white{fill:#fff!important}.selfdesign_indicator ul li.selfdesign_indicator3.active .selfd_in_fill{fill:#e6a094!important}.selfdesign_indicator ul li.selfdesign_indicator5.active,.selfdesign_indicator ul li.selfdesign_indicator5:before,.selfdesign_indicator ul li.selfdesign_indicator5:hover{background:#98d2b5}.selfdesign_indicator ul li.selfdesign_indicator5.active .selfd_stroke_white{stroke:#fff!important}.selfdesign_indicator ul li.selfdesign_indicator5.active .selfd_pc_stroke{stroke:#98d2b5!important}.selfdesign_indicator ul li.selfdesign_indicator5.active .selfd_fill_white{fill:#fff!important}.selfdesign_indicator ul li.selfdesign_indicator5.active .selfd_pc_fill{fill:#98d2b5!important}.selfdesign_indicator ul li.selfdesign_indicator6.active,.selfdesign_indicator ul li.selfdesign_indicator6:before,.selfdesign_indicator ul li.selfdesign_indicator6:hover{background:#dbd0e4}.selfdesign_indicator ul li.selfdesign_indicator6.active .selfd_stroke_white{stroke:#fff!important}.selfdesign_indicator ul li.selfdesign_indicator6.active .selfd_fill_white{fill:#fff!important}.selfdesign_indicator ul li.selfdesign_indicator6.active .selfd_in_fill{fill:#dbd0e4!important}.selfdesign_indicator ul li.selfdesign_indicator7.active,.selfdesign_indicator ul li.selfdesign_indicator7:before,.selfdesign_indicator ul li.selfdesign_indicator7:hover{background:#91d1d9}.selfdesign_indicator ul li.selfdesign_indicator7.active .selfd_stroke_white{stroke:#fff!important}.selfdesign_indicator ul li.selfdesign_indicator7.active .selfd_fill_white{fill:#fff!important}.selfdesign_indicator ul li.selfdesign_indicator7.active .selfd_pc_fill{fill:#91d1d9!important}.selfdesign_indicator ul li.selfdesign_indicator8.active,.selfdesign_indicator ul li.selfdesign_indicator8:before,.selfdesign_indicator ul li.selfdesign_indicator8:hover{background:#f5ab77}.selfdesign_indicator ul li.selfdesign_indicator8.active .selfd_stroke_white{stroke:#fff!important}.selfdesign_indicator ul li.selfdesign_indicator8.active .selfd_fill_white{fill:#fff!important}.selfdesign_indicator ul li.selfdesign_indicator8.active .selfd_dp_fill{fill:#f5ab77!important}.selfdesign_indicator ul li.selfdesign_indicator9.active,.selfdesign_indicator ul li.selfdesign_indicator9:before,.selfdesign_indicator ul li.selfdesign_indicator9:hover{background:#bad695}.selfdesign_indicator ul li.selfdesign_indicator9.active .selfd_stroke_white{stroke:#fff!important}.selfdesign_indicator ul li.selfdesign_indicator9.active .selfd_fill_white{fill:#fff!important}.selfdesign_indicator ul li.selfdesign_indicator9.active .selfd_ba_fill{fill:#bad695!important}.selfdesign_indicator ul li.selfdesign_indicator9.active .selfd_ba_stroke{stroke:#bad695!important}.selfdesign_indicator ul li.selfdesign_indicator4.active,.selfdesign_indicator ul li.selfdesign_indicator4:before,.selfdesign_indicator ul li.selfdesign_indicator4:hover{background:#f7c8d1}.selfdesign_indicator ul li.selfdesign_indicator4.active .selfd_stroke_white{stroke:#fff!important}.selfdesign_indicator ul li.selfdesign_indicator4.active .selfd_fill_white{fill:#fff!important}.selfdesign_indicator ul li.selfdesign_indicator4.active .selfd_ba_fill{fill:#f7c8d1!important}.selfdesign_indicator ul li.selfdesign_indicator4.active .selfd_ba_stroke{stroke:#f7c8d1!important}.selfdesign_indicator ul li:after{content:"";display:block;width:36px;height:1px;background-color:#d5d5d5;position:absolute;left:5px;bottom:0}.selfdesign_indicator ul li:last-child:after{display:none}.selfdesign_indicator ul li:before{content:"";display:block;width:165px;height:48px;background-color:#d5d5d5;border:1px solid #828282;border-left:none;position:absolute;left:46px;bottom:-1px;display:none}.selfdesign_indicator ul li:hover:before{display:block}.selfdesign_indicator ul li p{position:absolute;left:60px;width:max-content;bottom:10px;color:#fff;font-size:18px;display:none}.selfdesign_indicator ul li:hover p{display:block}.selfdesign_indicator svg{width:40px}.Selfdesign_content .submain_left_title{color:#212121;text-align:center;padding:40px 0}.Selfdesign_content .submain_left_title h2{font-weight:700;margin-bottom:1rem}.Selfdesign_content .submain_left_title div{color:#9e9e9e}.selfd_item_wrap .selfd_item{border-top:3px solid #7eb4d1;padding:40px 0}.selfd_item_wrap .selfd_item:first-child{border-top:3px solid #7eb4d1}.selfd_item_wrap .selfd_item:first-child .seldesignList_wrap::-webkit-scrollbar-thumb{background:#7eb4d1}.selfd_item_wrap .selfd_item:nth-child(2){border-top:3px solid #fbcb67}.selfd_left_title{margin-bottom:80px}.selfd_item_wrap .selfd_item:nth-child(2) .selfd_left_title h2{color:#fbcb67}.selfd_item_wrap .selfd_item:nth-child(2) .seldesignList_wrap::-webkit-scrollbar-thumb{background:#fbcb67}.selfd_item_wrap .selfd_item:nth-child(3){border-top:3px solid #e6a094}.selfd_item_wrap .selfd_item:nth-child(3) .selfd_left_title h2{color:#e6a094}.selfd_item_wrap .selfd_item:nth-child(3) .seldesignList_wrap::-webkit-scrollbar-thumb{background:#e6a094}.selfd_item_wrap .selfd_item:nth-child(4){border-top:3px solid #f7c8d1}.selfd_item_wrap .selfd_item:nth-child(4) .selfd_left_title h2{color:#f7c8d1}.selfd_item_wrap .selfd_item:nth-child(4) .seldesignList_wrap::-webkit-scrollbar-thumb{background:#f7c8d1}.selfd_item_wrap .selfd_item:nth-child(5){border-top:3px solid #98d2b5}.selfd_item_wrap .selfd_item:nth-child(5) .selfd_left_title h2{color:#98d2b5}.selfd_item_wrap .selfd_item:nth-child(5) .seldesignList_wrap::-webkit-scrollbar-thumb{background:#98d2b5}.selfd_item_wrap .selfd_item:nth-child(6){border-top:3px solid #dbd0e4}.selfd_item_wrap .selfd_item:nth-child(6) .selfd_left_title h2{color:#dbd0e4}.selfd_item_wrap .selfd_item:nth-child(6) .seldesignList_wrap::-webkit-scrollbar-thumb{background:#dbd0e4}.selfd_item_wrap .selfd_item:nth-child(7){border-top:3px solid #91d1d9}.selfd_item_wrap .selfd_item:nth-child(7) .selfd_left_title h2{color:#91d1d9}.selfd_item_wrap .selfd_item:nth-child(7) .seldesignList_wrap::-webkit-scrollbar-thumb{background:#91d1d9}.selfd_item_wrap .selfd_item:nth-child(8){border-top:3px solid #f5ab77}.selfd_item_wrap .selfd_item:nth-child(8) .selfd_left_title h2{color:#f5ab77}.selfd_item_wrap .selfd_item:nth-child(8) .seldesignList_wrap::-webkit-scrollbar-thumb{background:#f5ab77}.selfd_item_wrap .selfd_item:nth-child(9){border-top:3px solid #bad695}.selfd_item_wrap .selfd_item:nth-child(9) .selfd_left_title h2{color:#bad695}.selfd_item_wrap .selfd_item:nth-child(9) .seldesignList_wrap::-webkit-scrollbar-thumb{background:#bad695}.selfd_item .selfd_left{padding:0 0 0 40px}.selfd_left_title h2{color:#7eb4d1;font-size:32px;margin:0 0 30px}.selfd_left_title h2 span{display:block;font-weight:400;font-size:16px}.selfd_left_title .selfd_add{font-weight:300;cursor:pointer;font-size:14px}.selfd_left_title .selfd_add:hover{text-decoration:underline;font-weight:700;color:#ff4572}.selfd_left_cate ul li{position:relative}.selfd_left_cate ul li img{position:absolute;bottom:25px;left:10px}.selfd_left_cate ul li input{display:none}.selfd_left_cate ul li .selfLabel{color:#8b8b8b;border-radius:50px;border:1px solid #8b8b8b;padding:5px 10px;cursor:pointer;font-size:14px;display:inline-block}.selfd_left_cate ul li .selfLabel:hover{text-decoration:underline;color:#212121}.selfd_left_cate ul li .selfLabel.active{color:#89b929;border:1px solid #89b929}.selfd_left_cate .selfSub{overflow:hidden;max-height:0;transition:max-height .5s ease;margin-top:0}.selfd_left_cate .selfSub.open{max-height:300px;margin-top:5px}.selfSub_item{border-radius:5px;padding:2px 10px;margin:0 5px;cursor:pointer;font-size:14px}.selfSub_item.on{background-color:#ef3c9a;color:#fff}.selfd_right{overflow:hidden}.selfd_right .seldesignList_wrap{height:565px;padding:0 10px;overflow-x:hidden;overflow-y:auto}.seldesignList_wrap{position:relative;height:100%;min-height:400px;padding:0 10px}.SampleDeal-wrap .seldesignList_wrap{max-height:780px;overflow-y:scroll;overflow-x:hidden}.seldesignList_wrap::-webkit-scrollbar{background-color:inherit;width:8px}.seldesignList_wrap::-webkit-scrollbar:hover{background-color:#eee;border-radius:50px}.seldesignList_wrap::-webkit-scrollbar-thumb{background-color:#ddd;border-radius:50px}.noTemplate{position:relative;width:100%;height:100%;min-height:300px;display:contents}.noTemplate-txt{position:absolute;width:100%;text-align:center;top:50%;transform:translateY(-50%)}.noTemplate-txt p{margin-bottom:10px}.noTemplate-txt .login-btn{border:2px solid #89b929;color:#89b929;display:inline-block;width:120px;padding:1px;font-weight:600;border-radius:100px;cursor:pointer}.noTemplate-txt .login-btn:hover{background-color:#89b929;color:#fff}.selfd_inner_wrap{display:none}.selfd_inner_wrap.show{display:block}.selfd_inner_wrap .init_back{width:unset;position:absolute;top:4px;right:20px;background:#2679bb;color:#fff;padding:4px 10px;border-radius:50px;font-size:14px;cursor:pointer}.selfd_inner_wrap .init_back:hover{background:#89b929}.selfd_inner_wrap .init_back span{margin:0 auto}.selfd_inner_wrap .init_back span i{font-size:16px;margin-right:5px}.selfd_inner_top{margin-top:40px;margin-bottom:50px;position:relative}.selfd_inner_top .selfd_inner_top_left h2{font-size:30px;font-weight:700;margin:0 20px 0 0}.selfd_inner_top .selfd_inner_top_left h2,.selfd_inner_top_select{display:inline-block;vertical-align:middle}.selfd_inner_top_select select{height:35px;font-size:18px;font-weight:700;border:none;border-bottom:2px solid #000}.selfd_inner_top_select select:hover{color:#89b929}.selfd_inner_top_select>select{min-width:150px;margin-right:20px}.selfd_inner_top_select>select:last-child{margin-right:0}.selfd_inner_top_select .t_black{color:#000;font-size:14px}.selfd_inner_top_right{text-align:right}.selfd_inner_top_right input{width:80%;text-align:left;text-indent:35px;font-size:14px;height:37px;line-height:38px;border-radius:50px;border:2px solid #e73f8c;background:url(/images/submain/search_icon.png) no-repeat 7px}.selfd_icon_filter_outer{margin-bottom:30px}.selfd_inner_middle{padding:0 10px}.selfd_inner_middle .row{--bs-gutter-x:none}.selfd_inner_middle_center{padding:3px 0}.selfd_inner_middle_center i{color:#89b929;margin-right:5px}.selfd_inner_middle_center .searchConfirm,.selfd_inner_middle_center .searchInput{vertical-align:middle;border-radius:10px;border:1px solid #d5d5d5;font-weight:700;font-size:12px;line-height:27px;padding:0 10px}.selfd_inner_middle_center .searchInput{width:170px}.selfd_inner_middle_center .searchConfirm{margin-left:5px;background:#89b929;border-color:#89b929;color:#fff}.selfd_inner_middle_center .searchConfirm:hover{background:#9bc744;border-color:#9bc744}.selfd_inner_middle_right>div{display:inline-block;vertical-align:middle}.selfd_icon_filter_wrap{width:135px}.selfd_icon_filter{display:inline-block;vertical-align:middle;width:35px;margin-right:10px;cursor:pointer}.selfd_icon_filter svg{width:100%}.selfd_icon_filter.active svg circle{stroke:#89b929!important;fill:#89b929!important}.selfd_icon_filter.active svg path,.selfd_icon_filter.active svg rect{fill:#fff!important}.selfd_icon_filter.active svg path.stroke{stroke:#fff!important}.selfd_open_filter{width:90px;border-radius:50px;border:1px solid #d5d5d5;font-weight:700;font-size:12px;line-height:33px;text-align:center;cursor:pointer}.selfd_open_filter svg{width:12px;margin-top:-2px;margin-left:10px}.selfd_bottom_wrap{border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;padding:0}.selfd_bottom>div{display:inline-block;vertical-align:middle;font-size:12px;line-height:35px;cursor:pointer}.selfd_bottom_left{margin-left:5px}.selfd_bottom_left div{float:left;cursor:pointer;color:#212121;margin-right:25px;line-height:25px;font-size:13px;padding:5px 0}.selfd_bottom_left>div{position:relative;cursor:pointer}.selfd_bottom_left>div:last-child{margin-right:0}.selfd_bottom_left>div:after{content:"";position:absolute;width:3px;height:3px;border-radius:50px;background:#000;top:16px;right:-15px}.selfd_bottom_left div:last-child:after{display:none}.selfd_bottom_left div:hover{text-decoration:underline}.selfd_reload_filter{width:100px;text-align:center}.selfd_reload_filter svg{width:14px;margin-top:-1px}.selfd_done_filter{width:190px;background-color:#89b929;color:#fff;text-align:center}.selfd_inner_list{position:relative;min-height:350px;margin-bottom:50px}.selfd_inner_list ul li .thumb-wrap{background-color:#f3f3f3}.selfd_inner_list ul li img{max-width:100%}.selfd_inner_list>ul li .mytemplate-item-img-wrap img{max-width:calc(100% - 20px)}.selfd_inner_list_text{padding:10px 10px 0;position:relative}.selfd_inner_list_text .like{top:2px;width:40px;position:absolute;right:0;z-index:2;cursor:pointer}.selfd_inner_list_text .like svg circle{display:none}.selfd_inner_list_text .like.active svg path{fill:#ee2a91!important;stroke:#ee2a91!important}.btn-bell svg.logoFFF path,.btn-bell svg.logoFFF polygon{fill:#fff!important}