.tags-list ul{ margin-bottom: 8px; display: none}
.tags-list ul li{ display:inline-block; *display:inline;zoom: 1; vertical-align:middle; margin-right: 10px;margin-bottom: 10px; background: #ff7601; line-height: 23px; position: relative; padding-left: 10px;font-size: 12px; color: #fff; padding-right: 25px; cursor: pointer; border-radius: 5px; transition: all linear 0.2s;}
.tags-list ul li::after{ content:''; position: absolute; right: 0; top: 0; border-right: 12px solid #fff; border-top: 0px solid transparent; border-bottom: 10px solid transparent;}
.tags-list ul li::before{ content: 'x'; position: absolute; right: 12px; bottom: 0; line-height: 23px;}
.tags-list ul li:hover{ background: #ff4001}
.add-tags {font-size: 15px; color: #4e4e4e; line-height: 29px;margin-bottom: 15px;}
.add-tags input{background: #f8f8f8; line-height: 29px; border-radius: 10px; margin: 0 20px; padding: 0 10px; width: 360px; height: 29px;transition: all linear 0.2s}
.add-tags input:focus{ background: #eaeaea}
.add-tags label{display:inline-block; *display:inline;zoom: 1; vertical-align:middle}
.add-tags .add-tags-btn{ width: 116px; height: 27px; line-height: 27px; cursor: pointer; border: 1px solid  #ff4001;font-size: 15px; color: #ff4001;border-radius: 5px; transition: all linear 0.1s; display: inline-block; text-align: center}
.add-tags .add-tags-btn:hover{ color: #fff; background: #ff4001}
.normal-tags{ font-size: 15px; color: #cacaca;}
.normal-tags .tags-btn span{ position: relative;cursor: pointer;padding-right: 20px;}
.normal-tags .tags-btn span:after{ content: ''; position: absolute; right: 0px; top: 50%; border-top: 6px solid #ff7601; border-left: 6px solid transparent; border-right: 6px solid transparent; margin-top: -3px; }
.normal-tags .tags-btn .hideTarget:after{ border-top:none; border-bottom: 6px solid #ff7601; }
.normal-tags .normal-tags-list {padding-top: 10px;}
.normal-tags .normal-tags-list ul li{display:inline-block; *display:inline;zoom: 1; vertical-align:middle; margin-right: 10px;margin-bottom: 10px; transition: all linear 0.1s; position: relative;font-size: 15px;color: #cacaca;cursor: pointer; padding-left: 12px; user-select: none;}
.normal-tags .normal-tags-list ul li:hover,.normal-tags .normal-tags-list ul li.active{ color: #333;}
.normal-tags .normal-tags-list ul li::before{ content:'+'; color: #ff7601;}
.tag-select::after{ content: ''; display: block; clear: both; float: none}
.tag-select span.name{ float: left; color: #000 ; font-size: 14px;padding-right: 10px; line-height: 30px}
.tag-select .select-area{ position: relative; width: 380px;  z-index: 2; margin-bottom: 15px; float: left; user-select: none; height: 30px;}
.tag-select .text{ width: 340px; background: #f8f8f8; border-radius: 10px 0 0 10px; text-indent: 20px; font-size: 15px; color: #000; height: 30px; line-height: 30px;padding-right: 40px;cursor: pointer;}
.tag-select .select-area.on p{ border-radius: 10px 0 0 0;}
.tag-select ul{ position: absolute; left: 0; top: 30px; background: #f8f8f8; width: 340px; font-size: 14px; color: #999; border-top: 1px solid #eaeaea; height: 168px; overflow-x: hidden;  border-radius: 0 0 10px 10px; display: none}
.tag-select ul li{ text-indent: 20px;cursor: pointer; line-height: 24px;}
.tag-select ul li:hover{  background: #ebebeb; color: #ff7601;}
.tag-select .text::after{ content: ''; position: absolute; right: 0; top: 0; width: 40px; height: 30px; border-radius: 0 10px 10px 0; background: #ff7601}
.tag-select .text::before{ content: ''; position: absolute; right: 14px; top: 50%; border-top: 10px solid #fff; border-right: 6px solid transparent; border-left: 6px solid transparent; margin-top: -5px; z-index: 1;}
.tag-select .select-area.on .text::before{ border-top: none; border-bottom: 10px solid #fff}


.tag-tag-select::after{ content: ''; display: block; clear: both; float: none}
.tag-tag-select span.name{ float: left; color: #000 ; font-size: 14px;padding-right: 10px; line-height: 30px}
.tag-tag-select .select-area-tag{ position: relative; width: 380px;  z-index: 1; margin-bottom: 15px; float: left; user-select: none; height: 30px;}
.tag-tag-select .text-tag{ width: 340px; background: #f8f8f8; border-radius: 10px; text-indent: 20px; font-size: 15px; color: #000; height: 30px; line-height: 30px;}
.tag-tag-select .select-area-tag.on input{ border-radius: 10px;}
.tag-tag-select ul{ position: absolute; left: 0; top: 30px; background: #f8f8f8; width: 340px; font-size: 14px; color: #999; border-top: 1px solid #eaeaea; height: 168px; overflow-x: hidden;  border-radius: 0 0 10px 10px; display: none}
.tag-tag-select ul li{ text-indent: 20px;cursor: pointer; line-height: 24px;}
.tag-tag-select ul li:hover{  background: #ebebeb; color: #ff7601;}
.tag-tag-select .text-tag::after{ content: ''; position: absolute; right: 0; top: 0; width: 40px; height: 30px; border-radius: 0 10px 10px 0; background: #ff7601}
.tag-tag-select .text-tag::before{ content: ''; position: absolute; right: 14px; top: 50%; border-top: 10px solid #fff; border-right: 6px solid transparent; border-left: 6px solid transparent; margin-top: -5px; z-index: 1;}
.tag-tag-select .select-area-tag.on .text::before{ border-top: none; border-bottom: 10px solid #fff}