.clearfix:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; } .clearfix { zoom: 1; } .ellipsis{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .fl { float: left; } .fr { float: right; } .ttf-pop{font-size: 14px;background: rgba(0,0,0,0.4);position: fixed;left: 0;top: 0;right: 0;bottom: 0;} .ttf-pop-con{width: 610px;height: 490px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #EEEEEE;} .ttf-close-btn{cursor: pointer;position: absolute;right: 0;top: 0;width: 38px;height: 38px;font-size: 36px;text-align: center;line-height: 38px;} .ttf-toggle-tab{margin-top: 32px;margin-left: 20px;} .ttf-toggle-tab > div{cursor: pointer;background: #fff;height: 30px;line-height: 30px;width: 160px;text-align: center;} .massive-to-reansfer{border-top-left-radius: 6px;} .single-to-reansfer{border-top-right-radius: 6px;} .ttf-toggle-tab > div.active{background: #2977ff;color: #fff;} .ttf-tab-con{border: 1px solid #E6E6E6;background: #fff;margin: 0 19px;height: 360px;} .ttf-tab-left{border-right: 1px solid #E6E6E6;width: 160px;height: 100%;} .ttl-title,.ttf-warn,.ttf-warn-con{margin: 10px 12px;} .similar-select{margin-left: 12px;margin-bottom: 14px;position: relative;font-size: 12px; background: #EEEEEE;border: 1px solid #D8D8D8;color: #9C9C9C;text-indent: 5px;width: 142px;height: 28px;line-height: 28px;overflow: hidden} .similar-select:after{content: '';border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #A0A0A0;position: absolute;right: 2px;bottom: 10px;} .ttf-warn img,.ttf-warn span{vertical-align: middle;font-size: 12px;} .ttf-warn-con{font-size: 12px;line-height: 25px;} .ttf-radio-con li{display: inline-block;font-size: 14px;margin-right: 16px;cursor: pointer;} .ttf-radio-con li>span {display: inline-block;vertical-align: middle;} .sel-btn {position: relative;width: 16px;height: 16px;margin: 0 5px;border-radius: 50%;border: 1px solid #2977ff;} .sel-btn.select:after {content: '';position: absolute;width: 8px;height: 8px;top: 3px;left: 3px;border-radius: 50%;background: #2977ff;} .ttf-tab-right{width: 406px;height: 100%;overflow-y: auto;padding-top:15px;} .ttf-sel-datas{margin-left: 34px;} .ttf-sel-datas.hide{display: none;} .tsd-lis{list-style: none;margin-bottom: 12px;} .tsd-lis > span{display: inline-block;vertical-align: middle;} .prev-class{width: 136px;height: 30px;} .prev-class select,.current-class select{width: 100%;height: 100%;line-height: 30px;border: 1px solid #D8D8D8;} .tsd-line{width: 62px;border: 1px solid #D8D8D8;} .tsd-line{margin: 0 10px;} .current-class{width: 125px;height: 30px;line-height: 30px;margin-right: 5px;} .prev-class-title,.current-class-title{font-size: 12px;color: #666666;line-height: 30px;border: none !important;} .ttf-tab-con.hide{display: none;} .ttf-warn-opt{color: #FE2121;font-size: 12px;margin-left: 20px;margin-top: 20px;} .ttf-warn-opt > span{margin: 0 6px;display: inline-block;width: 78px;height: 20px;line-height: 20px;text-align: center;border: 1px solid #DCDCDC;background: #fff;} .ttf-bottom-btn{margin-right: 20px;} .ttf-bottom-btn input{width: 130px;height: 30px;margin-left: 10px;margin-top: 14px;border: none;} .ttf-bottom-sure{background: #2977ff;color: #fff;} .ttf-bottom-cancel{background: #fff;color: #14AE68;} .ttf-title{margin-left: 30px;}