.zu-detail .comtit{padding:25px 0 20px;font-size: 14px;color:#9fa0ab;}
.zu-detail .comtit .ftime{margin-right: 40px;}
/* 图集 */
.zu-detail .zu_slide {width: 510px; height: 542px;position: relative;float: left;margin-right: 60px;}
.w1200 .zu-detail .zu_slide {width: 710px;}
.zu-detail .zu_slide .album {position: relative; width: 710px;height: 450px; overflow: hidden;}
.zu-detail .zu_slide .album .slideshow-item {float: left; position: relative; width:100%;height: 450px;text-align: center;background-color: rgb(45, 47, 59);line-height: 450px;}
.zu-detail .zu_slide .album .slideshow-item a {display: block; text-align: center;}
.zu-detail .zu_slide .album .slideshow-item i{display: inline-block;height: 100%;vertical-align: middle;}
.zu-detail .zu_slide .album .slideshow-item img {max-width: 510px; max-height: 450px; display: inline; z-index: 0; vertical-align: middle; -ms-interpolation-mode: bicubic;width: auto;object-fit: cover;}
.w1200 .zu-detail .zu_slide .album .slideshow-item img {max-width: 710px;}
.zu-detail .zu_slide .thumb {width: 710px;margin: 10px auto;position: relative;}
.zu-detail .zu_slide .plist {width:650px; height: 82px; overflow: hidden; margin: 0 auto;}
.zu-detail .zu_slide .plist ul{height: 82px;}
.zu-detail .zu_slide .plist .slideshow-item {float: left; width: 120px; height: 82px; margin:0 0 0 8px;position: relative;text-align: center;background-color: rgb(45, 47, 59);}
.zu-detail .zu_slide .plist i { display: block;position: absolute;top: 0;left: 0;bottom: 0;z-index: 999;background: rgba(0,0,0,.45);width: 100%;height: 100%;}
.zu-detail .zu_slide .plist a {position:relative;width: 120px; height: 82px; overflow: hidden; outline: 0; text-align: center; text-decoration: none; display: block; cursor: pointer;border: 1px solid #fff;box-sizing: border-box;}
.zu-detail .zu_slide .plist .on a {border:1px solid  red;}
.zu-detail .zu_slide .plist .on a i{opacity: 0;}
.zu-detail .zu_slide .plist img {max-width: 100%; max-height: 100%; display: inline; z-index: 0; vertical-align: middle; -ms-interpolation-mode: bicubic;object-fit: cover;}
.zu-detail .zu_slide .plist .siteAdvObj .advTitleMark,.zu-detail .zu_slide .plist .siteAdvObj .advMark{display: none;}
.zu-detail .zu_slide .sprev, .zu-detail .zu_slide .snext {position: absolute; top:0;  height: 82px; width: 30px; line-height: 82px; overflow: hidden;background: rgba(0,0,0,.77);}
.pageState{position: absolute;bottom: 102px;right: 20px;height: 30px;line-height: 30px;text-align: center;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-size: 16px;color:#fff;z-index: 9;}

.zu-detail .zu_slide .sprev {left: 0;}
.zu-detail .zu_slide .snext {right: 0;}
.w1200 .zu-detail .zu_slide .sprev {left: 0;}
.w1200 .zu-detail .zu_slide .snext {right: 0;}
.zu-detail .zu_slide .sprev i, .zu-detail .zu_slide .snext i {width: 11px;height: 11px;position: absolute;top:50%;margin-top: -6px;vertical-align: middle;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865474, M12=-0.7071067811865477, M21=0.7071067811865477, M22=0.7071067811865474, SizingMethod='auto expand')";}

.zu-detail .zu_slide .sprev i {left: 10px;border-bottom: 3px solid #fff;border-left: 3px solid #fff;}
.zu-detail .zu_slide .snext i {right: 10px;border-top: 3px solid #fff;border-right: 3px solid #fff;}
.zu-detail .sprev.prevStop i{border-bottom: 3px solid #f6f6f6;border-left: 3px solid #f6f6f6;cursor: default;}
.zu-detail .snext.nextStop i{border-top: 3px solid #f6f6f6;border-right: 3px solid #f6f6f6;cursor: default;}

.zu-detail .zu_slide .album li video{position: absolute;top:0;left:0;right: 0;bottom: 0;max-width: 100%;max-height: 100%;margin:auto;}
.zu-detail .zu_slide .album li iframe,.zu-detail .zu_slide .album li embed{width: 100%;height: 450px;border:0;}
.zu-detail .zu_slide .plist li s.splay{display: block;width: 30px;height: 30px;position: absolute;top:50%;left:50%;margin-top:-15px;margin-left:-15px;background:url(../images/small_play.png) no-repeat center center;background-size: cover;z-index: 999;}
.zu-detail .zu_slide .plist li s.svr{display: block;width: 36px;height: 36px;position: absolute;top:50%;left:50%;margin-top:-18px;margin-left:-18px;background:url(../images/small_vr.png) no-repeat center center;background-size: cover;z-index: 999;}


/* 说明 */
.param{float: left;width: 430px;}
.param .cprice{padding-bottom: 20px;border-bottom: solid 1px #e8e8e8;}
.param .cprice .sp_pri{font-size: 16px;color:#f1370b;font-weight: bold;display: inline-block;}
.param .cprice .sp_pri b{font-size: 50px;}
.param .cprice .d_pri{font-size: 14px;color:#9fa0ab;font-weight: bold;margin-left: 20px;}
.param .cprice .c_r{padding:10px 0;}
.param .cprice .c_r span{display: block;font-size: 16px;color:#212121;line-height: 27px;}
.param .cprice .c_r span b{font-size: 18px;}
.param .cprice .c_r .c_jsq{font-size: 14px;color:#4884ff;margin-left: 10px;}
.param .cprice .c_r .c_small{font-size: 12px;color:#9fa0ab;}
.param .intro_box{overflow: hidden;padding: 25px 0;border-bottom: solid 1px #e8e8e8;}
.param .intro_box .inbox{float: left;width: 33.33%;}
.param .intro_box .inbox p{font-size: 20px;color:#1a1c21;font-weight: bold;}
.param .intro_box .inbox span{font-size: 14px;color:#2e323b;}
.param .info_txt{padding: 15px 0;font-size: 14px;border-bottom: solid 1px #e8e8e8;}
.param .txt_top dl{overflow: hidden;width: 50%;float: left;padding:5px 0;}
.param .info_txt dt{float: left;color:#9fa0ab;width: 80px;}
.param .info_txt dd{float: left;color:#2e323b;}
.param .txt_other dl{overflow: hidden;padding:5px 0;}
.comAdd dd span{max-width: 310px;  float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.comAdd dd a{color:#4884ff;margin-left: 10px;float: left;}
/*负责人*/
.manager{padding: 28px 0;}
.manager .topbox{overflow: hidden;}
.manager .l,.manager .r{float: left;}
.manager .l{margin-right: 7px;}
.manager .l img{width: 66px;height: 66px;border-radius: 50%;object-fit: cover;}
.manager .r h4{font-size: 18px;color:#1a1c21;font-weight: bold;margin-top: 10px;}
.manager .r .tip{margin-left: 7px;background-color: #f2f3f7;padding: 2px 5px;font-size: 12px;color:#87a3c4;margin-top:5px;font-weight: normal;}
.manager .r p i{margin:0 3px 0 0;}
.manbox{margin-top: 20px;}
.manbox a{display: block;position: relative;width: 98px;height:40px;line-height:40px;text-align:center;color:#f1370b;font-size:16px;border:solid 1px #ff4f57;background-color: #fff7f7;box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.07);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;margin: auto;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;float: left;margin-right: 15px;font-weight: bold;}
.manbox a:last-child{margin-right: 0;}
.manbox a.btnTel{min-width: 200px; max-width: 300px; width: auto; white-space: nowrap; height: 42px;background-color: rgb(241, 55, 11);box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.13);color:#fff;font-size: 18px;border:none;}
.manbox a.btnTel i{width: 16px;height: 16px;display: inline-block;background: url(../images/icon_tell.png) no-repeat center center;vertical-align: middle;margin-right: 3px;}
.mbox{padding:10px 10px 5px;position: absolute;bottom:60px;left:-35px;width: 140px;height: auto;background-color: #fff;-webkit-box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.13);-moz-box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.13);box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.13);border:solid 1px #f7f7f7;z-index: 100;display: none; -webkit-animation: topFadeIn .3s ease-out;-moz-animation: topFadeIn .3s ease-out;animation: topFadeIn .3s ease-out;}
.mbox img{display: block;width: 140px;height: 140px;margin:auto;}
.mbox s{position: absolute;bottom: -20px;left: 50%;margin-left:-10px;display: block;width: 0;height: 0;border: 10px solid transparent;-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=1.2246467991473532e-16, M21=-1.2246467991473532e-16, M22=-1, SizingMethod='auto expand')";border-bottom-color: #fff;
    filter: drop-shadow(0px -4px 3px #00000021)}
.mbox p{font-size: 14px;color:#3b3b3b;font-weight: normal;text-align: left;word-break: break-all;line-height: 24px;}
.mbox p i{display: inline-block;width: 20px;height: 20px;vertical-align: middle;margin-right: 5px;margin-top: -2px;}
.mbox p i.iwx{background:url(../images/icon_wx.png) no-repeat center center;background-size: cover;}
.mbox p i.iqq{background:url(../images/icon_qq.png) no-repeat center center;background-size: cover;}
.manbox a.btnWx:hover .mbox.wechat,.manbox a.btnQq:hover .mbox.qq{display: block;}
.manbox a.btnWx:hover,.manbox a.btnQq:hover{background-color: #fff;}

/* 导航 */
.sub-nav {position: relative; z-index: 100; height: 45px; margin-top: 30px;}
.sub-nav .wrap {position: relative; height: 43px;line-height: 43px; border-top: 2px solid #f1370b;background-color: #f7f7f7;}
.container .fixnav {position: absolute; left: 0; top: 0; right: 0;}
.container .fixed .fixnav {position: fixed;}
.sub-nav li {float: left;}
.sub-nav li a {display: block; padding: 0 28px; font-size: 16px;font-weight: bold;}
.sub-nav li a:hover{color:#f1370b;}
.sub-nav li.curr a {background-color: #f1370b; color: #fff;}


/* 内容 */
.sub-title {margin:50px auto 30px;height: 30px; line-height: 30px;font-size: 22px;font-weight: bold;color:#1a1c21;}
.content {font-size: 16px; line-height: 32px;color:#2e323b;position: relative;}
/*小区简介*/
.content .com_intro{width:240px;height:160px;}
.content .com_intro dl{line-height: 27px;height: 27px;font-size: 14px;overflow: hidden;}
.content .com_intro dl dt{width: 80px;color:#9fa0ab;float: left;}
.content .com_intro dl dd{color:#2e323b;float: left;}
.content .com_intro dl.cpri dd{color:#f1370b;}
.content .com_intro dl.cpri dd b{font-size: 16px;}
.content .com_inf{position: absolute;top:-37px;left:260px;}
.content .com_inf .inf_box{margin-right: 20px;float: left;}
.content .com_inf .inf_box:last-child{margin-right: 0;}
.content .com_inf .inf_box p{font-size: 14px;font-weight: bold;color:#3b3b3b;margin-bottom: 5px;}
.content .com_inf .inf_box p a{float: right;color:#9fa0ab;font-weight: normal;}
.content .com_inf .inf_box p a:hover{color:#4884ff;}
.content .com_inf .imgbox{width: 220px;height: 160px;overflow: hidden;text-align: center;position: relative;}
.content .com_inf .imgbox a{display: block;}
.content .com_inf .imgbox img{position: absolute;top:0;left:0;right: 0;bottom: 0;max-width: 100%;max-height: 100%;margin:auto;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;transition: all .5s ease-in-out;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);}
.content .com_inf .imgbox:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);-moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;}

.empty {display: block; text-align: center; line-height: 200px; font-size: 16px; font-weight: 700;}


/*设施配套*/
.sheshibox{background-color: #f5f5f7;padding:30px 0 60px;margin-top: 50px;}
.sheshibox .sub-title{margin:0 auto;}
.sheshibox .content{width: 1160px;margin-top: 40px;background-color: #fff;padding:20px 20px;}
.sheshibox .content ul li{float: left;width: 10%;text-align: center;margin:12px 0;}
.sheshibox .content ul li i {width:32px;height: 32px;line-height: 32px;text-align: center;display: block;margin:auto;}
.sheshibox .content ul li img {vertical-align: middle;max-width:32px;max-height: 32px;}
/*全景看房&&视频看房*/
.quanjing .qjbox{width: 1200px;height: 680px;}
.quanjing .qjbox iframe,.quanjing .qjbox embed{width: 100%;height: 680px;border:0;}

/*附近房源*/
.salebox  ul li{width: 285px;height: 370px;float:left;margin-right:20px;-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.salebox  ul li:nth-child(4n){margin-right: 0;}
.salebox  ul li:hover{box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.07);}
.salebox  ul li a{display: block;}
.salebox  ul li .imgbox{width: 285px;height: 230px;overflow: hidden;position: relative;}
.salebox  ul li .imgbox img{display:block;width:100%;height:100%;object-fit:cover;-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1);}
.salebox  ul li .imgbox img:hover{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);-moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.salebox .vrIcon{width:60px;height:60px;position: absolute;left:0;bottom:0;}
.salebox .vrIcon img{width:60px!important;height:60px!important;}
.salebox .viIcon{width:50px;height:50px;position: absolute;left:50%;top:50%;margin-top: -25px;margin-left:-25px;}
.salebox .viIcon img{width:50px!important;height:50px!important;}
.salebox  ul li .txtbox{padding:20px 0;}
.salebox  ul li .txtbox h4{font-size: 18px;color:#212121;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;line-height: 32px;}
.salebox  ul li:hover h4{color:#2974ff;}
.salebox  ul li .txtbox p{padding:0;line-height: 32px;}
.salebox  ul li .txtbox .pprice{font-size: 12px;color:#f1370b;font-weight: bold;}
.salebox  ul li .txtbox .pprice span{float: left;margin-right: 10px;}
.salebox  ul li .txtbox .pprice b{font-size: 20px;}
.salebox  ul li .txtbox .parea{font-size: 14px;color:#797a82;}
.salebox  ul li .txtbox .parea em{font-size: 12px;color:#d3d4de;margin:0 10px;}


/*201903*/
.param .txt_other .row dl {float: left;width:50%;}
.param .txt_other .row dl dd {width:120px;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.manager .r .sex {margin-left: 8px;font-weight: normal;font-size: 14px;color:#333;}

/*聊天按钮*/
/*.chat_to-Link{width: 100px; height: 40px; border-radius: 20px; background-color: #fff; display: block; text-align: center; font-size: 14px; color: #565656; float: left; box-shadow: 0 3px 3px rgba(10,9,47,.04); line-height: 40px; border: solid 1px #f5f5f7; margin-left: 14px; margin-top: 10px;}
.chat_to-Link:before{content: ''; display: inline-block; width: 18px; height: 18px; background: url(../images/msg_icon.png) no-repeat; background-size: cover; vertical-align: middle; margin-right: 5px;}
.chat_to-Link:hover{ background-color: #f0f0f2; color: #565656;}*/
.intoShop{width: 90px;height: 36px;background: #FFFFFF;border-radius: 18px;border: 1px solid #E8E8E8;font-weight: 400;font-size: 13px;color: #666666;display: flex;align-items: center;justify-content: center;margin-top: 10px;margin-left: 14px;float: right;}
/*房源已售样式*/
.manager{position: relative;}
.zu_over{display: inline-block;width: 115px;height: 115px;background: url(../images/zu_over.png) no-repeat center center;background-size: 115px auto;position: absolute;right: 0;bottom: 0;z-index: 3}
.btnGroup{display: flex;justify-content: space-between;margin-top: 20px;}
.b-scan{width: 250px;height: 42px;background: #F1370B;border-radius: 6px;display: flex;align-items: center;justify-content: center;cursor: pointer;position: relative;}
.b-scan .bs-icon{filter: invert(87%) sepia(87%) saturate(3702%) hue-rotate(184deg) brightness(124%) contrast(100%);width: 18px;height: 18px;margin-right: 6px;}
.bs-text{font-weight: 400;font-size: 13px;color: #FFFFFF;}
.b-phone{width: 160px;height: 42px;background: #4D87FF;border-radius: 6px;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.b-phone img{width: 18px;height: 18px;margin-right: 4px;}
.bp-text{font-weight: 400;font-size: 13px;color: #FFFFFF;}
.scan-pop{width: 168px;height: 168px;background: #FFFFFF;box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.12);border-radius: 10px;position: absolute;top: 42px;left: 50%;z-index: 999;display: none;align-items: center;justify-content: center;transform: translateX(-50%);}
.scan-pop.flex{display: flex;}
.scan-pop::before{content: '';width: 10px;height: 10px;transform: rotateZ(45deg) translateX(-50%);background-color: white;position: absolute;top: 0;left: 50%;}
.scan-pop img{width: 154px;height: 154px;}
.houseLoan{margin-top: 48px;}
.h-title{font-weight: bold;font-size: 22px;color: #1A1C21;line-height: 1;margin-bottom: 24px;}
.h-table{width: 100%;background: #FFFFFF;border: 1px solid #EEEEEE;box-sizing: border-box;padding: 26px 0px;box-sizing: border-box;display: flex;}
.ht-left{gap: 20px;display: inline-flex;flex-direction: column;padding: 0px 36px;}
.htl-price,.htl-rate{display: flex;align-items: center;}
.htl-price .price,.htl-rate .rate{width: 380px;height: 40px;border: 1px solid #E9E9E9;background: #fff;border-radius: 4px;box-sizing: border-box;font-size: 14px;display: flex;align-items: center;padding-right: 20px;}
.htl-price .price input,.htl-rate .rate input{outline: none;border: 0;width: 300px;padding: 0 20px;height: 100%;flex-grow: 1;}
.htl-price .text,.htl-type .text,.htl-percent .text,.htl-time .text,.htl-rate .text{width: 86px;line-height: 44px;font-size: 14px;color: #333;}
.htl-btn{margin-left: 86px;text-align: center;line-height: 42px;cursor: pointer;width: 380px;height: 40px;border: 1px solid #E9E9E9;background: #fff;border-radius: 4px;margin-top: 18px;box-sizing: border-box;}
.htl-percent,.htl-time,.htl-type{display: inline-flex;position: relative;}
.htl-percent .exhibition,.htl-time .exhibition,.htl-type .exhibition{cursor: pointer;width: 380px;height: 44px;background: #f5f5f5;border-radius: 4px;padding:0px  20px;box-sizing: border-box;display: flex;align-items: center;justify-content: space-between;font-size: 14px;}
.htl-percent .exhibition::after,.htl-time .exhibition::after,.htl-type .exhibition::after{content: '';border-top: 4px solid #AAAAAA;border-right: 4px solid transparent;border-bottom: 4px solid transparent;border-left: 4px solid transparent;}
.htl-percent .list,.htl-time .list{position: absolute;top: 42px;right: 0px;width: 380px;background-color: #F5F5F5;border-radius: 0px 0px 4px 4px;overflow: auto;max-height: 160px;display: none;z-index: 1;}
.htl-percent .list::-webkit-scrollbar,.htl-time .list::-webkit-scrollbar{display: none;}
.htl-percent .list div,.htl-time .list div{cursor: pointer;color: #333;font-size: 14px;padding: 0px 20px;height: 44px;line-height: 44px;}
.htl-percent .list div:hover,.htl-time .list div:hover{color: white;background: #606265;}
.ht-right{flex-grow: 1;}
.htr-tab{display: flex;margin-bottom: 20px;}
.htr-tab div{display: inline-block;background: #FAFAFA;line-height: 34px;padding: 0 16px;font-size: 14px;color: #666666;cursor: pointer;}
.htr-tab .active{background-color: #F54343;color: white;}
.htr-chart .chart{width: 300px;height: 300px;align-items: center;}
.htr-chart{display: flex;}
.htr-chart .explain{padding-top: 60px;}
.htr-chart .explain .title{font-size: 18px;color: #333;margin-bottom: 20px;}
.htr-chart .explain .title span{color: #F54343;}
.htr-chart .explain .series{display: flex;flex-direction: column;}
.htr-chart .explain .series .item{font-size: 14px;line-height: 40px;padding-left: 18px;position: relative;color: #343434;}
.htr-chart .explain .series .item::before{content: '';display: block;width: 8px;height: 8px;position: absolute;left: 0;top: 50%;margin-top: -4px;border-radius: 50%;}
.htr-chart .explain .series .item.pay::before{background-color: #F54343;}
.htr-chart .explain .series .item.loan::before{background-color: #6094FF;}
.htr-chart .explain .series .item.interest::before{background-color: #FBB4B4;}
.t-title{font-size: 10px;color: #333;}
.t-label{display: flex;align-items: center;}
.tl-text{font-size: 12px;color: #333;margin-left: 4px;}
.tl-num{font-weight: bold;font-size: 12px;color: #333;}
/* 对比 */
.comparePop{position: fixed;top: 44%;right: 20px;}
.c-vertical{width: 32px;}
.cv-btn{width: 100%;height: 56px;background: #A2A2A2;font-weight: 400;font-size: 12px;color: #FFFFFF;display: flex;align-items: center;justify-content: center;flex-direction: column;cursor: pointer;line-height: 14px;}
.cv-btn::before{content: '';border-top: 4px solid transparent;border-right: 4px solid white;border-bottom: 4px solid transparent;border-left: 4px solid transparent;margin-right: 5px;}
.cv-tip{width: 32px;height: 86px;background: #DDDDDD;font-weight: 400;font-size: 12px;color: #666666;display: flex;align-items: center;justify-content: center;line-height: 14px;}
.c-level{display: none;}
.cl-title{display: flex;}
.clt-btn{width: 56px;height: 32px;background: #A2A2A2;font-size: 12px;color: #FFFFFF;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.clt-btn::after{content: '';border-top: 4px solid transparent;border-right: 4px solid transparent;border-bottom: 4px solid transparent;border-left: 4px solid white;margin-left: 5px;}
.clt-tip{width: 182px;height: 32px;background: #DDDDDD;font-weight: 400;font-size: 12px;color: #666666;display: flex;align-items: center;justify-content: center;}
.cl-content{width: 238px;background: #FFFFFF;border: 1px solid #EEEEEE;box-sizing: border-box;padding: 15px 4px 20px 14px;}
.clc-title{font-weight: 400;font-size: 12px;color: #666666;line-height: 1;margin-bottom: 14px;}
.clc-btn{display: flex;gap: 10px;}
.clc-btn .start{width: 100px;height: 26px;background: #F1370B;font-weight: 400;font-size: 12px;color: #FFFFFF;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.clc-btn .clear{width: 100px;height: 26px;background: #FFFFFF;border: 1px solid #CCCCCC;box-sizing: border-box;font-weight: 400;
font-size: 12px;color: #666666;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.clc-list{display: flex;flex-direction: column;gap: 14px;margin-bottom: 24px;max-height: 162px;overflow-y: auto;padding: 1px 0px;}
.clc-list::-webkit-scrollbar{width: 6px;}
.clc-list::-webkit-scrollbar-thumb{background-color: rgba(0,0,0,.2);border-radius: 4px;}
.clc-list .item{display: flex;justify-content: space-between;cursor: pointer;line-height: 1;margin-right: 4px;}
.clc-list .item.selected .left img{display: block;}
.clc-list .item.selected .left::before{display: none;}
.clc-list .item .left{display: flex;align-items: center;}
.clc-list .item .left::before{content: '';width: 14px;height: 14px;box-sizing: border-box;border: 1px solid #CCCCCC;}
.clc-list .item .left img{width: 14px;height: 14px;display: none;}
.clc-list .item .left span{font-weight: 400;font-size: 12px;color: #333333;margin-left: 6px;width: 120px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.clc-list .item .right{display: flex;align-items: center;}
.clc-list .item .right .num{font-weight: 400;font-size: 12px;color: #F35936;}
.clc-list .item .right .delete{width: 14px;height: 14px;margin-left: 10px;}
.warnPop{position: fixed;top: 44%;left: 50%;transform: translateX(-50%);background-color: rgba(0,0,0,.8);min-width: 190px;height: 56px;font-weight: 400;font-size: 14px;color: #FFFFFF;display: inline-flex;justify-content: center;align-items: center;border-radius: 6px;padding: 0px 10px;box-sizing: border-box;display: none;z-index: 10001;}