em {
    font-style: normal;
    color: red;
}
.margin-left {
	margin-left: 15px;
}
.disabled, .disabled input {
	background-color: #eef1f6;
    border-color: #d1dbe5;
    color: #bbb;
    cursor: not-allowed;
}
.line-feed {
	margin-right: 60px !important;
}
.error-border-style {
	border-color: #ff8888 !important;
}
.error-border-style .common-arrow.arrow-left {
	border-right-color: #ff8888;
}
.error-border-style .common-arrow.arrow-right {
	border-left-color: #ff8888;
}
.error-border-style .common-arrow.arrow-top {
	border-bottom-color: #ff8888;
}
.error-border-style .common-arrow.arrow-bottom {
	border-top-color: #ff8888;
}
.error-border-style .popover-box-body {
	color: #ff4949;
}

.mandatory-style .common-input input {
    padding-left: 20px;
}
.mandatory-style .common-input:before {
	content: "*";
    position: absolute;
    font-size: 24px;
    z-index: 1;
    width: 20px;
    height: 100%;
    padding-top: 6px;
    text-align: center;
    color: #F00;
}
.common-border-style {
	border: 1px solid #e4e4e4;
    border-radius: 4px;
}
.common-input .placeholder{
    position: absolute;
    height: 20px;
    top: 5px;
    line-height: 20px;
    left: 20px;
    color: #999;
}
#activityDatePicker .common-input {
    height: 70%;
    position: relative;
}
#activityDatePicker .common-icon{
    margin-top: 5%;
}
/**================================================【common icon Style】==================================================*/
[class*="common-icon"]{
    font-family: element-icons!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	color: #bfcbd9;
	transition: transform .3s;
}
.common-icon:hover {
	color: #00b0db;
	cursor: pointer;
}
.common-arrow-bottom-icon:before {
    content: "\E600";
}
.common-arrow-left-icon:before {
    content: "\E601";
}
.common-arrow-right-icon:before {
    content: "\E602";
}
.common-arrow-top-icon:before {
    content: "\E603";
}
.common-caret-bottom-icon:before {
	content: "\E604";
}
.common-caret-left-icon:before {
	content: "\E605";
}
.common-caret-right-icon:before {
	content: "\E606";
}
.common-caret-top-icon:before {
	content: "\E607";
}
.common-circle-check-icon:before {
    content: "\E609";
}
.success-common-icon-tips:before {
	content: "\E609";
}
.common-date-icon:before {
	content: "\E611";
}
.common-delete-icon:before {
	content: "\E612";
}
.common-collected-icon:before {
    content: "\E621";
}
.warning-common-icon-tips:before {
	content: "\E615";
}
.common-circle-cross-icon:before {
	content: "\E60B";
}
.common-close-icon:before {
    content: "\E60C";
}
.common-omit-icon:before {
    content: "\E61A";
}
.common-plus-icon:before {
    content: "\E61C";
}


.success-common-icon-tips {
	color: #13ce66;
}
.warning-common-icon-tips {
	color: #f5a623;
}
.common-icon-tips {
    width: 45px;
    height: 45px;
    font-size: 45px;
}

.up-caret-icon {
	transform: translateY(-10%) rotate(-180deg);
}

/**================================================【common box Style】==================================================*/
.common-box {
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,.12), 0 0 6px rgba(0,0,0,.04);
    box-sizing: border-box;
    position: absolute;
    min-height: 80px;
    max-height: 280px;
    overflow-y: auto;
    overflow-x: hidden;
    min-width: 200px;
    z-index: 20;
    display: none;
}
.common-box-row {
    width: 100%;
    height: 36px;
    padding: 8px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #48576a;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.common-box-row:hover {
	background: #e4e8f1;
}


/**================================================【common dialog Style】==================================================*/
.common-dialog {
    position: fixed;
    z-index: 1030;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    margin: 0;
    display: none;
}
.common-dialog .common-dialog-container-body {
    position: fixed;
    z-index: 1;
    top: 30%;
    left: calc(50% - 160px);
    min-width: 320px;
    background: #FFF;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    box-sizing: border-box;
	padding: 15px;
}
.common-dialog .common-dialog-content-body {
    min-height: 100px;
    width: 100%;
}

.common-dialog .common-dialog-head-view {
	display: flex;
    justify-content: space-between;
    height: 35px;
}
.common-dialog .common-dialog-head-view:before {
	height: 16px;
    width: 5px;
    background: #00b4e0;
    position: absolute;
    left: 0px;
    top: 18px;
    content: " ";
}
.common-dialog .common-dialog-head-title {
	font-size: 16px;
	color: #1D1E28;
    position: relative;
	padding: 0px 10px;
	width: calc(100% - 12px);
}
.common-dialog .common-dialog-close-icon {
	
}
.common-dialog .common-dialog-close-icon:hover {
    color: #00b0db;
}
.common-dialog .common-dialog-button-view {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0px;
}
.common-loading-parent {
	position: relative;
}
/* 偏好语言对话框 */
.preferLanguage-dialog .common-dialog-container-body {
	width: calc(60% - 210px);
    height: 60%;
    left: calc(50% - 360px);
    top: 25%;
	padding: 20px;
}

.preferLanguage-dialog .common-dialog-head-title {
    display: flex;
    padding: 0px;
}

.common-dialog.preferLanguage-dialog .common-dialog-head-view:before {
	width: 0px !important;
}
.preferLanguage-dialog .common-dialog-head-title>div {
    font-size: 14px;
	font-weight: 700;
}
.preferLanguage-dialog .common-dialog-head-title .preferLanguage-title-tips {
    color: #999;
	font-weight: 400;
}

.preferLanguage-dialog .common-dialog-content-body {
	height: calc(100% - 85px);
	overflow-y: auto;
}
.preferLanguage-dialog .common-dialog-button-view {
	justify-content: flex-end;
	border-top: 1px solid #cecece;
    margin-top: 10px;
}

.preferLanguage-dialog .preferLanguage-data-list {
    display: flex;
    width: 100%;
	flex-wrap: wrap;
}
.preferLanguage-dialog .preferLanguage-item {
    width: 25%;
    display: flex;
    height: 45px;
    align-items: center;
}
.preferLanguage-dialog .preferLanguage-item input {
    margin-right: 5px;
    margin-top: 2px;
    cursor: pointer;
}
.preferLanguage-dialog .current-language-name {
    color: #9999b2;
}
.preferLanguage-dialog .preferLanguage-item-label {
    cursor: pointer;
}
/* 提醒模式对话框 */
.notice-dialog .common-dialog-container-body {
	max-width: calc(60% - 210px);
    left: calc(50% - 360px);
    top: 35%;
	padding: 20px;
}

.notice-dialog .common-dialog-head-title {
    display: flex;
    padding: 0px;
}

.common-dialog.notice-dialog .common-dialog-head-view:before {
	width: 0px !important;
}
.notice-dialog .common-dialog-head-title>div {
    font-size: 14px;
	font-weight: 700;
}

.notice-dialog .common-dialog-button-view {
	justify-content: flex-end;
	border-top: 1px solid #cecece;
    margin-top: 10px;
}
.notice-dialog .notice-data-list .notice-item .notice-item-input input {
    position: relative;
    top: 2px;
    margin-right: 5px;
}
.notice-dialog .notice-data-list .notice-item .notice-item-icon{
    color: #999;
    margin-left: 5px;
}
.notice-dialog .notice-data-list .notice-item .notice-item-title{
    color: #000;
    font-weight: bold;
}
.notice-dialog .notice-data-list .notice-item  .notice-item-input-label{
    margin-right: 20px;
}
.notice-dialog .notice-data-list .notice-item  .notice-item-input-label label{
    font-weight: unset;
}
.notice-dialog .notice-data-list .notice-item{
    margin-bottom: 20px;
}
.notice-dialog .notice-data-list .notice-item .notice-item-tip::before {
    content: "*";
    color: red;
    font-size: 23px;
    position: relative;
    top: 9px;
    padding-right: 3px;
}


/**================================================【common popover Style】==================================================*/
.common-popover {
	position: absolute;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #96C8DA;
    padding: 10px;
    z-index: 2000;
    font-size: 12px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.12), 0 0 6px 0 rgba(0,0,0,.04);
    display: none;
    min-width: 150px;
}

.common-popover .popover-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
}


/**================================================【common arrow Style】==================================================*/

.common-arrow {
	border-width: 6px;
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.common-arrow:after {
    border-width: 6px;
    content: " ";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.common-arrow.arrow-top {
	border-bottom-color: #96C8DA;
    border-top-width: 0;
    top: -7px;
    left: 10%;
}
.common-arrow.arrow-top:after {
    top: 1px;
    margin-left: -6px;
    border-bottom-color: #fff;
    border-top-width: 0;
}
.common-arrow.arrow-right {
	border-left-color: #96C8DA;
    border-right-width: 0;
	right: -7px;
    top: 10%;
}
.common-arrow.arrow-right:after {
    right: 1px;
    margin-top: -6px;
    border-left-color: #fff;
    border-right-width: 0;
}
.common-arrow.arrow-bottom {
	border-top-color: #96C8DA;
    border-bottom-width: 0;
    bottom: -6px;
    left: 10%;
}
.common-arrow.arrow-bottom:after {
    bottom: 1px;
    margin-left: -6px;
    border-top-color: #fff;
    border-bottom-width: 0;
}
.common-arrow.arrow-left {
	border-right-color: #96C8DA;
    border-left-width: 0;
    left: -6px;
    top: 10%;
}
.common-arrow.arrow-left:after {
    left: 1px;
    margin-top: -6px;
    border-right-color: #fff;
    border-left-width: 0;
}
.common-arrow.popover-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
}


/**================================================【common input Style】==================================================*/
.common-input {
    width: 100%;
    height: 100%;
    position: relative;
}
.common-input input {
    width: 100%;
    height: 100%;
    outline: 0;
    padding: 3px 10px;
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    font-size: 12px;
}
.common-input input:focus {
    border-color: #B5DEED;
}

.common-input input::-webkit-input-placeholder {
    color: #9C9CA2 !important;
}
.common-input input:-ms-input-placeholder {
    color: #9C9CA2 !important;
}
.common-input input::-moz-placeholder {
    color: #9C9CA2 !important;
}
.common-input input:-moz-placeholder {
    color: #9C9CA2 !important;
}
.common-input input::placeholder {
    color: #9C9CA2 !important;
}

.common-input input:focus::-webkit-input-placeholder {
	color: #FFF !important;
}
.common-input input:focus:-ms-input-placeholder {
	color: #FFF !important;
}
.common-input input:focus::-moz-placeholder {
	color: #FFF !important;
}
.common-input input:focus:-moz-placeholder {
	color: #FFF !important;
}
.common-input input:focus::placeholder {
    color: #FFF !important;
}
.common-date-input input{
	position: relative;
}
/**================================================【common date range style】==================================================*/
.common-date-range {
    border: 1px solid #e4e4e4;
    border-radius: 4px;
}
.common-date-range input {
    border-width: 0;
    padding-right: 25px;
}


/**================================================【common textarea Style】==================================================*/
.common-textarea {
    display: inline-block;
    width: 100%;
    vertical-align: bottom;
}
.common-textarea-inner {
	font-size: 12px;
    display: block;
    resize: vertical;
    padding: 5px 7px;
    line-height: 1.5;
    width: 100%;
    color: #1f2d3d;
    background-color: #fff;
    background-image: none;
    border: 1px solid #bfcbd9;
    border-radius: 4px;
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
}
.common-textarea-inner:focus {
    border-color: #B5DEED;
}

/**================================================【common checkbox Style】==================================================*/
.common-checkbox {
	outline: 0;
    line-height: 1;
    vertical-align: middle;
	cursor: pointer;
    display: inline-block;
    position: relative;
    white-space: nowrap;
}
.common-checkbox-inner {
	display: inline-block;
    position: relative;
    border: 1px solid #bfcbd9;
    border-radius: 4px;
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    background-color: #fff;
    z-index: 1;
	cursor: pointer;
	white-space: nowrap;
    transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46);
}
.common-checkbox-inner:hover {
    border-color: #00B4E0;
}

.tree-node-disable .tree-node-checkbox-item .common-checkbox-inner{
    background-color: #e2e2df;
}
.tree-node-disable .tree-node-checkbox-item .common-checkbox-inner:hover{
    border-color: #bfcbd9 !important;
}

.common-checkbox-input {
	opacity: 0;
    outline: 0;
    position: absolute;
    margin: 0;
    width: 0;
    height: 0;
    left: -999px;
}
.common-checkbox .is-checked.common-checkbox-inner {
    background-color: #00B4E0;
    border-color: #00B4E0;
}
.common-checkbox .is-checked.common-checkbox-inner:after {
	box-sizing: content-box;
    content: "";
    border: 2px solid #fff;
    border-left: 0;
    border-top: 0;
    height: 8px;
    left: 5px;
    position: absolute;
    top: 1px;
    transform: rotate(45deg) scaleY(0);
    width: 4px;
    transition: transform .15s cubic-bezier(.71,-.46,.88,.6) .05s;
	transform: rotate(45deg) scaleY(1);
    transform-origin: center;
}
.common-checkbox .is-indeterminate.common-checkbox-inner {
    background-color: #00B4E0;
    border-color: #00B4E0;
}
.common-checkbox .is-indeterminate.common-checkbox-inner:before {
    content: "";
    position: absolute;
    display: block;
    border: 1px solid #fff;
    margin-top: -1px;
    left: 3px;
    right: 3px;
    top: 50%;
}

.common-radio-inner{
    border-radius: 50%;
}


/**================================================【common button Style】==================================================*/
.common-button {
	min-width: 60px;
    height: 30px;
    line-height: 30px;
    color: #1D1E28;
    background-image: linear-gradient(-180deg, #FAFAFA 2%, #F2F2F2 97%);
    border: 1px solid #C2C2C5;
    border-radius: 4px;
}
.common-button.primary-button {
	color: #fff;
    background-image: linear-gradient(-180deg, #0DC4F1 0%, #02B1DB 98%);
    border: 1px solid #009BC1;
    border-radius: 4px;
}
.common-button.primary-button:hover {
    background-image: linear-gradient(-180deg, #0DC4F1 0%, #02B1DB 98%);
    border-color: #009BC1;
	opacity: 0.8;
    color: #fff;
}
.common-button:hover {
	color: #009BC1;
	border-color: #009BC1;
    background-image: linear-gradient(-180deg, #FAFAFA 2%, #F2F2F2 97%);
}
.common-button+.common-button {
	margin-left: 15px;
}

/**================================================【common loading Style】==================================================*/
.common-loading {
	position: absolute;
	top: 0px;
	left: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
	background: #FFF;
    opacity: 0.5;
}
.common-loading .common-loading-icon {
    animation: rotating 1s linear infinite;
}
.common-loading .common-loading-icon img {
    width: 27px;
    height: 29px;
}
.common-loading .common-cover-layer {
	background: #ccc !important;
	opacity: 0.3 !important;
	position: absolute !important;
}

/**================【common Prompt Box Style Start】==================*/
.common-prompt-box {
    position: fixed;
    z-index: 10005;
}
.common-prompt-box .prompt-box-body {
    position: fixed;
    min-width: 340px !important;
    z-index: 10006;
    top: 15%;
    left: calc(50vw - 170px);
    background: #FFF;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
    border-radius: 4px;
    box-sizing: border-box;
    border: 1px solid #eee;
}
.common-prompt-box .prompt-box-head-view {
    display: flex;
    justify-content: space-between;
    padding: 15px 15px 0px 20px;
}
.common-prompt-box .prompt-box-head-title {
    font-size: 16px;
    font-weight: 700;
    height: 18px;
    color: #333;
}
.common-prompt-box .prompt-box-msg-view {
    display: flex;
    padding: 8px 20px 20px 20px;
}
.common-prompt-box.warning-prompt-box .prompt-box-msg-view,
.common-prompt-box.success-prompt-box .prompt-box-msg-view {
    padding: 20px;
}
.common-prompt-box .box-label-view {
    padding-left: 15px;
	width: 100%;
    display: flex;
    flex-direction: column;
}
.common-prompt-box .not-header {
    display: none;
}
.common-prompt-box .not-title {
	padding-top: 0px;
	height: 110px;
    display: flex;
    align-items: center;
}
.common-prompt-box .box-msg-title {
	font-weight: 400;
    font-size: 14px;
    color: #1f2d3d;
}
.common-prompt-box .box-msg-label {
    color: #333;
	display: flex;
    align-items: center;
    height: 100%;
}
.common-prompt-box .prompt-box-btn-view {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0px 20px 0px;
}


/**================================================【common cover Style】==================================================*/
.common-cover-layer {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    background: #000;
}
.common-cover-layer:after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle;
}

/**================================================【user control Style】==================================================*/
.error-user-box {
    border-color: #ff8888 !important;
    color: #ff8888;
}
.error-user-box .arrow-top {
	border-bottom-color: #ff8888;
	left: calc(50% - 6px);
}
.error-user-style {
	border-color: #ff8888 !important;
}

/**================================================【FootBar control Style】==================================================*/
.common-footbar-container {
	width: 100%;
    height: 50px;
    position: fixed;
    bottom: 0px;
    border-top: 1px solid #e2dada;
    background-color: #f5f5f5;
    z-index: 101;
}

.common-footbar-container .common-footbar-view {
	width: 80%;
    margin: auto;
    height: 100%;
	display: flex;
    justify-content: space-between;
}
.common-footbar-container .footbar-left-view, .common-footbar-container .footbar-right-view {
    display: flex;
    align-items: center;
}
.common-footbar-container .score-view-container {
	width: 100%;
	display: flex;
    align-items: center;
	position: relative;
}
.common-footbar-container .score-view-container .common-popover {
	bottom: 45px;
    min-width: 250px;
}
.common-footbar-container .score-view-container .common-popover.trampling-reason-box {
	left: 75px;
}
.common-footbar-container .score-view-container .common-popover.ccpd-score-tips-view .arrow-bottom, .common-footbar-container .score-view-container .common-popover.trampling-reason-box .arrow-bottom {
	left: 25px;
}
.common-footbar-container .score-view {
    display: flex;
    width: 100%;
    height: 38px;
    border-radius: 50px;
    background: #00b0db;
    min-width: 160px;
}
.common-footbar-container .scroe-item {
    width: 50%;
}
.common-footbar-container .show-item {
    display: flex;
    height: 100%;
    align-items: center;
    padding: 0px 10px 0px 15px;
	cursor: pointer;
}
.common-footbar-container .trampling-show-item:before {
    content: " ";
    position: relative;
    left: -16px;
    border-right: 1px solid #FFF;
    width: 0px;
    height: 18px;
    opacity: 0.5;
}
.common-footbar-container .praises-tips-label,
.common-footbar-container .trampling-tips-label,
.common-footbar-container .praises-show-item:hover .praises-label,
.common-footbar-container .trampling-show-item:hover .trampling-label {
	display: none;
}
.common-footbar-container .praises-show-item:hover .praises-tips-label,
.common-footbar-container .trampling-show-item:hover .trampling-tips-label {
	display: block;
}

.common-footbar-container .icon-container {
    height: 18px;
    width: 20px;
    min-width: 20px;
}
.common-footbar-container .praises-icon {
    background: url(/weknow/assets/img/icon-sprite-collect.png) 0 -395px;
}
.common-footbar-container .tra-praises-icon {
    background: url(/weknow/assets/img/icon-sprite-collect.png) 0 -376px;
}
.common-footbar-container .trampling-icon {
    background: url(/weknow/assets/img/icon-sprite-collect.png) 0 -395px;
    transform: rotateX(180deg);
}
.common-footbar-container .tra-trampling-icon {
    background: url(/weknow/assets/img/icon-sprite-collect.png) 0 -376px;
    position: relative;
    top: 1px;
    transform: rotateX(180deg);
}
.common-footbar-container .is-scored {
    background-position: 0 -376px !important;
}
.common-footbar-container .transition-style { 
	position: relative; 
	top: -30px; 
	left: 15px; 
	display: flex; 
	align-items: center; 
	z-index: 1; 
	opacity: 0; 
	pointer-events: none; 
	height: 20px;
}
.common-footbar-container .rateSlideUp {
	animation: rateSlideUp;
	-webkit-animation-duration: .6s;
	animation-duration: .6s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both; 
}
@keyframes rateSlideUp {
    0%  { opacity: .2; top: -36px; animation-timing-function: linear; }
    20% { opacity: .4; top: -40px; animation-timing-function: linear; }
    40% { opacity: .6; top: -44px; animation-timing-function: linear; }
    60% { opacity: .8; top: -48px; animation-timing-function: linear; }
    80% { opacity:  1; top: -52px; animation-timing-function: linear; }
    to  { opacity:  0; top: -56px; animation-timing-function: linear; }
}
.common-footbar-container .label-container {
    min-width: 38px;
    white-space: nowrap;
    text-align: center;
    color: #fff;
    font-size: 14px;
}
.common-footbar-container .tips-box-body {
	display: flex;
    flex-direction: column;
}
.common-footbar-container .tips-remind {
    display: flex;
    padding: 5px 0px;
    align-items: center;
}
.common-footbar-container .tips-remind .remind-checkbox {
	margin-right: 5px;
    cursor: pointer;
}

/**================================================【trampling reason style】==================================================*/
.common-footbar-container .trampling-reason-box {
    left: 55px;
    min-width: 300px !important;
	padding: 20px;
}
.common-footbar-container .reason-options-container {
    max-height: 170px;
    overflow-y: auto;
    margin: 10px 0px 5px 0px;
}
.common-footbar-container .reason-row-item {
    height: 34px;
    display: flex;
	cursor: pointer;
	align-items: center;
    padding: 0px 15px;
}
.common-footbar-container .reason-row-checkbox {
    height: 16px;
    width: 16px;
	margin-right: 10px;
}
.common-footbar-container .reason-row-checkbox .common-checkbox-inner:after {
	left: 4px;
}
.common-footbar-container .reason-options-container .common-checkbox-inner {
    height: 16px !important;
    width: 16px !important;
}
.common-footbar-container .trampling-reason-btns {
    display: flex;
    justify-content: center;
}
.common-footbar-container .trampling-reason-view {
    padding: 0px 15px 10px 15px;
    display: none;
}
.common-footbar-container .trampling-reason-view:before {
    content: "*";
    position: absolute;
    left: 25px;
    font-size: 20px;
    color: red;
}
.common-footbar-container .noe-reason-style {
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.common-footbar-container .trampling-reason-text {
	resize: none !important;
}
.trampling-reason-error-popover-box {
	border-color: #ff8888;
}
.trampling-reason-error-popover-box .common-arrow.arrow-left {
	border-right-color: #ff8888;
}

.trampling-reason-error-popover-box .popover-box-body {
	text-align: center;
    color: #ff8888;
}



/**================================================【common footbar style】==================================================*/
.common-footbar-container .footbar-btn-item {
    font-size: 13px;
    padding: 5px 10px;
    cursor: pointer;
	display: flex;
    align-items: center;
}
.common-footbar-container .footbar-btn-item span {
	color: #666666;
	font-size: 14px;
}
.common-footbar-container .footbar-btn-item:hover span, 
.common-footbar-container .footbar-btn-item:hover .count-view span{
	color: #00b0db;
}
.common-footbar-container .is-collected span {
	color: #00b0db !important;
}
.common-footbar-container .footbar-btn-item .count-view span {
	margin: 0px 2px;
	color: #aaaab3;
}
.common-footbar-container .footbar-btn-item .count-view {
	color: #aaaab3;
	margin-left: 4px;
}
.common-footbar-container .footbar-btn-item .btn-icon {
	background: url(/weknow/assets/img/reoptionicon.png);
	display: inline-block;
	width: 16px;
    height: 16px;
    margin-right: 5px;
}
.common-footbar-container .footbar-btn-item .collect-btn-icon {
    background: url(/weknow/assets/img/icon-sprite-collect.png) 0 -260px !important;
    background-position: 0 0;
}
.common-footbar-container .footbar-btn-item.collect-btn:hover .collect-btn-icon,
.common-footbar-container .collect-btn.is-collected .collect-btn-icon {
    background: url(/weknow/assets/img/icon-sprite-collect.png) 0 -245px !important;
}
.common-footbar-container .footbar-btn-item .collect-label,
.common-footbar-container .footbar-btn-item.collect-btn .count-view,
.common-footbar-container .footbar-btn-item.collect-btn .collect-count  {
	 color: #666666;
}
.common-footbar-container .collect-btn:hover .collect-btn-icon,
.common-footbar-container .collect-btn.is-collected .collect-btn-icon {
}
.common-footbar-container .footbar-btn-item .share-btn-icon {
    background-position: 0 -82px;
}
.common-footbar-container .share-btn:hover .share-btn-icon {
    background-position: 0 -202px !important;
}
.common-footbar-container .footbar-btn-item .feedback-btn-icon {
    background-position: 0 0px;
}
.common-footbar-container .feedback-btn:hover .feedback-btn-icon {
    background-position: 0 -130px !important;
}
.common-footbar-container .footbar-btn-item .edit-btn-icon {
    background-position: 0 -16px;
}
.common-footbar-container .edit-btn:hover .edit-btn-icon {
    background-position: 0 -258px !important;
}


/**================================================【common collect dialog style】==================================================*/
.common-collect-dialog .collect-dialog-container {
	left: calc(50vw - 370px);
}
.common-collect-dialog .collect-tabs-container {
	min-height: 30px;
    display: flex;
    flex-wrap: wrap;
    max-height: 260px;
    overflow-y: auto;
    width: 710px;
    padding: 20px 0px 0px 20px;
}
.tabs-item {
    height: 32px;
    width: 124px;
    margin: 0 10px 15px 0;
    background: #f5f5f5;
    padding: 0px 10px;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
}
.tabs-item:hover {
	border-color: #b5deed;
	cursor: pointer;
	color: #0097bc;
}
.tabs-item.selected-tabs {
	background: #e0f8ff;
    border-color: #b5deed;
	color: #0097bc;
}
.tabs-item .tabs-name-view {
    display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100%;
	cursor: pointer;
}
.tabs-item .tabs-name-view .tabs-name {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 7px;
}
.tabs-item .tabs-name-view .tabs-num,
.tabs-item .tabs-name-view .tabs-name {
	height: 100%;
	line-height: 30px;
}
.new-tabs-item {
	border-width: 0px !important;
	padding: 0px !important;
}
.new-tabs-item .new-tabs-btn { 
	width: 100%; 
	height: 100%; 
	text-align: center;
	line-height: 32px;
	border: 1px solid #e4e4e4;
    border-radius: 4px;
	background: #fff;
}
.new-tabs-item .new-tabs-btn .common-plus-icon {
	color: #00b0db;
}
.new-input-view {
    display: none;
    position: relative;
}
.new-input-view .common-icon {
	position: absolute;
	height: 20px;
	width: 20px;
	border-radius: 15px;
	cursor: pointer;
	top: 5px;
	color: #00b0db;
}
.new-input-view .common-circle-check-icon {
	right: -30px !important;
}
.new-input-view .common-circle-cross-icon {
	right: -60px !important;
}
.new-input-view .common-circle-check-icon:before,
.new-input-view .common-circle-cross-icon:before {
	color: #00b0db;
    font-size: 20px;
}


.cancel-collect-prompt-box {
	display: none;
}
.cancel-collect-prompt-box .prompt-box-body {
	max-width: 450px;
	top: 30%;
}
.cancel-collect-prompt-box .prompt-box-head-view {
	padding-bottom: 20px;
}


/**================【cancel collect dialog Style Start】==================*/
.footbar-cancel-collect-box .prompt-box-body {
    width: 420px;
    left: calc(50vw - 210px);
    top: 30%;
}
.footbar-cancel-collect-box .prompt-box-msg-view {
	height: auto;
}


/**================【common share dialog Style Start】==================*/
.common-share-dialog .share-dialog-container {
    width: 570px;
	left: calc(50% - 285px);
}
.common-share-dialog .change-view-head {
    display: flex;
    justify-content: flex-start;
    border-bottom: 1px solid #e4e4e4;
}
.common-share-dialog .change-view-item {
    padding: 0 30px;
    padding-bottom: 10px;
    margin-bottom: -1px;
    font-size: 13px;
    color: #1d1e28;
    font-weight: bold;
	cursor: pointer
}
.common-share-dialog .change-view-item.selected-style {
    border-bottom: 3px solid #00b4e0;
}
.common-share-dialog .change-view-body {
    padding-top: 15px;
}
.common-share-dialog .body-row-item,
.common-share-dialog .share-note-view {
	height: 36px;
	display: flex;
}
.common-share-dialog .share-note-view {
    margin-top: 20px;
}
.common-share-dialog .attr-name {
    height: 36px;
    line-height: 36px;
    width: 80px;
}
.common-share-dialog .content-view {
    width: calc(100% - 80px);
    height: 36px;
}
.common-share-dialog .footbar-search-user-control-view {
    height: 100%;
}
.common-share-dialog .group-view {
    display: none;
	min-height: 100px;
}
.common-share-dialog .group-view>div {
    height: 100%;
    float: left;
}
.common-share-dialog .group-tree-table {
    border: 1px solid #e4e4e4;
    border-radius: 4px;
}
.common-share-dialog .not-group-style {
	height: 100px;
    background: #f5f5f5;
	display: flex;
    align-items: center;
    justify-content: center;
}
.common-share-dialog .to-create-group {
    font-size: 12px;
    color: #00b0db;
    padding-left: 5px;
    text-decoration: underline;
    cursor: pointer;
}


.common-share-dialog .has-tree-style {
    height: 200px;
}
.common-share-dialog .has-tree-style .attr-name {
    line-height: 1px;
}
.common-share-dialog .has-tree-style .group-tree-table {
    overflow-y: auto;
    height: 200px;
}



/**================common combox input style】==================*/
.common-combox-input {
    width: 100%;
    height: 100%;
	position: relative;
}
.common-combox-input input {
    padding: 3px 30px 3px 10px;
}
.common-input > .common-icon {
    position: absolute;
    right: 0;
    height: 100%;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
}
.common-combox-input .common-caret-bottom-icon:hover {
	color: #bfcbd9;
}
.common-combox-input .common-caret-bottom-icon:before {
    content: "\E604";
}
.common-combox-input .expanded {
    transform: rotate(90deg);
}

.common-combox .is-selected {
	color: #fff;
    background-color: #20a0ff;
}
.common-combox .is-selected:hover {
	color: #fff;
    background-color: #20a0ff !important;
    opacity: 0.8;
}

/**================【common combox style】==================*/
.common-combox {
	padding: 1px 0px;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    position: absolute;
    background: #FFF;
    min-width: 100%;
    max-width: 500px;
    margin-top: 3px;
    max-height: 290px;
    min-height: 40px;
    overflow-y: auto;
	overflow-x: hidden;
    z-index: 10;
	display: none;
}
.common-combox .combox-row-item {
    height: 36px;
    line-height: 36px;
    padding: 0px 10px;
    cursor: pointer;
	display: flex;
}
.common-combox .combox-row-item:hover {
    background: #e4e8f1;
}
.common-combox .combox-row-label {
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.common-combox .combox-row-item.selected-row {
    color: #fff;
    background-color: #20a0ff;
}

/**================【common tree style】==================*/
.common-tree-control-container {
    width: 100%;
    height: 100%;
}
.common-tree-control-container .common-tree-container {
    position: absolute;
    display: none;
}
.common-tree-container {
	width: 100%;
	padding: 1px 0px;
}
.common-tree-container .parent-node {
	display: flex;
	flex-direction: column;
}
.common-tree-container .children-node-container {
	display: none;
}
.common-tree-container .tree-node-item {
    cursor: pointer;
	display: flex;
}
.common-tree-container .tree-node-icon:hover {
    color: #bfcbd9;
}
.common-tree-container .drop-down-node-item .tree-node-container {
	/*padding-left: 0px !important;*/
}
.common-tree-container .tree-node-container {
	display: flex;
	align-items: center;
	min-height: 36px;
	width: 100%;
}
.common-tree-container .tree-node-container.hide-node-style {
    display: none !important;
}
.common-tree-container .tree-node-container .expanded {
    transform: rotate(90deg);
}
.common-tree-container .tree-node-container:hover {
    background: #e4e8f1;
}
.common-tree-container .tree-node-label, .common-tree-container .tree-node-checkbox {
	margin-left: 10px;
}
.common-tree-container .tree-node-label {
	line-height: 36px;
    height: 36px;
	white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
}

.common-tree-container .is-selected {
	color: #fff;
    background-color: #20a0ff;
}
.common-tree-container .is-selected:hover {
	color: #fff;
    background-color: #20a0ff;
    opacity: 0.8;
}
.common-checkbox-inner.is-disabled {
    background-color: #eef1f6;
    border-color: #d1dbe5;
    cursor: not-allowed;
}


/**================================================【common complete control style】==================================================*/
.common-complete-control-container {
	width: 100%;
	height: 100%;
	position: relative;
}

.common-combox-no-data {
    height: 36px;
    display: flex;
    color: #999;
    align-items: center;
    justify-content: center;
}

/**================================================【common date range style】==================================================*/
.common-date-range {
    border: 1px solid #e4e4e4;
    border-radius: 4px;
}
.common-date-range input {
    border-width: 0;
    padding-right: 25px;
}


/**================================================【common dropdownbox control style】==================================================*/
.common-dropdown-control-container {
	width: 100%;
	height: 100%;
    position: relative;
}
.common-dropdown-control-container .dropdown-row-label {
	padding: 0px 0px 0px 10px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 新增组件样式 */
/**================================================【common setDropDown style】==================================================*/
.common-dropdown-control-container .common-combox-text, .common-tree-control-container .common-combox-text{
    position: absolute;
    line-height: normal;
    white-space: normal;
    z-index: 1;
    top: 0;
    cursor: pointer;
    max-height: 90px;
    overflow-y: auto;
}

.common-dropdown-control-container .common-combox-text .common-combox-text-txt, .common-tree-control-container .common-combox-text .common-combox-text-txt{
    height: 24px;
    line-height: 24px;
    box-sizing: border-box;
    margin: 3px 0 3px 6px;
    background-color: rgba(32,160,255,.1);
    border-color: rgba(32,160,255,.2);
    color: #20a0ff;
    padding: 0 5px;
    font-size: 12px;
    border-radius: 4px;
    border: 1px solid transparent;
    display: inline-block;
}

.common-dropdown-control-container .common-combox-text .common-combox-text-txt i, .common-tree-control-container .common-combox-text .common-combox-text-txt i{
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    font-size: 12px;
    transform: scale(.75);
    height: 18px;
    width: 18px;
    line-height: 18px;
    vertical-align: middle;
    top: -1px;
    right: -2px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.is-fixed-height{
    overflow: hidden !important;
    width: calc(100% - 20px);
    height: 30px;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.common-input-box {
    position: relative;
}

.common-input-box .tip-container{
    position: absolute;
    top: 38px;
    z-index: 10;
    border-radius: 4px;
    border: 1px solid #e1e1e1;
    background: #FFFFFF;
    border: 1px solid #96C8DA;
    border-radius: 4px;
    display: none;
    left: 0;
}

.common-input-box .tip-container span{
    max-height: 200px;
    overflow: auto;
    display: block;
    width: 100%;
    padding: 8px 15px;
}

.common-input-box .tip-container i{
    position: absolute;
    top: -5px;
    border: 1px solid #96C8DA;
    width: 10px;
    height: 10px;
    border-left: 1px solid transparent;
    border-bottom: none;
    transform: rotate(-45deg);
    background: #fff;
    left: 50%; 
    margin-left: -5px;
}

.common-tree-control-container .common-tree-container .tree-search-common{
    position: relative;
    font-size: 12px;
    display: inline-block;
    width: 100%;
    padding: 10px 10px;
}

.common-tree-control-container .common-tree-container .tree-search-common input{
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    border: 1px solid #e4e4e4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #1d1e28;
    display: inline-block;
    font-size: inherit;
    height: 30px;
    line-height: 1;
    outline: 0;
    padding: 0 10px;
    -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    width: 100%;
    padding: 0 30px 0 10px;
}

.common-tree-control-container .common-tree-container .tree-search-common i{
    position: absolute;
    top: 50%;
    text-align: center;
    right: 20px;
    color: #aaaab3;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin-top: -6px;
    font-size: 12px;
}


/* 快捷查询和我的关注组件 */
.mainbody-2-bottom {
    height: 30px;
    background: #00b4e0;
    border-radius: 4px;
    padding-top: 8px;
    cursor: pointer;
    font-size: 12px;
    color: #fff;
    line-height: 12px;
    font-weight: 500;
}

.mainbody-2-bottom:hover {
    background: #38d2f7;
}

.mainbody-2-top-1 {
    width: 100%;
    height: 40px;
    background-color: #f8f8f8;
    border-radius: 4px;
}

.mainbody-2-top-1>label {
    font-weight: 500;
    margin: 10px;
}

.mainbody-2-top-2>label {
    width: 100%;
    font-weight: 500;
}

.mainbody-2-top-2 label {
    margin-bottom: 0;
}

.mainbody-2-top-3 {
    width: 100%;
}

.mainbody-2-top-3>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    width: 100%;
    height: 100%;
    margin: auto;
    justify-content: space-around;
    align-items: center;
}

.mainbody-2-top-3>ul>li {
    /*width: 20%;*/
    /*height: 70%;*/
    width: 25%;
    height: 90%;
    margin-right: 5px;
    text-align: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
}

.mainbody-2-top-3>ul>li:nth-child(1) {
    margin-left: 5px;
    opacity: 0.8;
    background: #F5A623;
    border-radius: 2px;
}
.mainbody-2-top-3>ul>li:nth-child(2) {
    opacity: 0.8;
    background: #00B4E0;
    border-radius: 2px;
}
.mainbody-2-top-3>ul>li:nth-child(3) {
    opacity: 0.8;
    background: #8ABA53;
    border-radius: 2px;
}
.mainbody-2-top-3>ul>li:nth-child(4) {
    opacity: 0.8;
    background: #A7B8C0;
    border-radius: 2px;
}

.li-right-vertical-bar {
    border-right: 1px solid #e2e2e2
}

.mainbody-2-top-3>ul>li>.m2t2-label-1 {
   /*  font-family: Arial; */
    font-weight: 600;
    position: relative;
    font-size: 20px;
    color: #FFFFFF;
    text-align: center;
    line-height: 18px;
}

.mainbody-2-top-3>ul>li>.m2t2-label-2 {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 500;
    margin: 6px 0 0;
    color: #FFFFFF;
    text-align: center;
    line-height: 12px;
}

.mainbody-2-bottom2 {
/*      font-family: PingFangSC-Regular; */
    font-size: 12px;
    color: #999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mainbody-2-bottom2>span,
.mainbody-2-bottom2 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mainbody-2-bottom2>img {
    margin-right: 5px;
}

.mainbody-2-top-3>ul>li>.collection-number {
    color: #fff;
    width: 100%;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.mainbody-2-top-3>ul>li>.collection-label {
    width: 100%;
    position: relative;
}

.mainbody-2-top-3>ul>li>.collection-label-color {
    color: #000 !important;
}

.share-number {
    color: #000 !important;
}

.collect-news {
    width: 8px;
    height: 8px;
    background-color: red;
    border-radius: 100px;
}

.no-collect-news {
    display: none;
}




.mainbody-2-top-2 {
    padding: 15px 0 0 20px;
}
.mainbody-2-top-2 .home-fast-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    flex-wrap: wrap;
    overflow: auto;
    height: calc(100% - 35px);
    justify-content: flex-start;
    align-content: flex-start;
}
.mainbody-2-top-2 .home-fast-search li {
    background-image: linear-gradient(180deg, #F5FCFE 5%, #EBFBFF 97%);
    border: 1px solid #009BC1;
    border-radius: 10.5px;
    cursor: pointer;
    color: #009BC1;
    padding: 2px 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mainbody-2-top-2 .home-fast-search li>a {
    color: #009BC1;
}
.mainbody-2-top-2 .home-fast-search li:hover {
    background-image: linear-gradient(180deg, #C2F2FF 5%, #ABEBFC 97%);
    border: 1px solid #008BB3;
}
.mainbody-2-top-2 .home-fast-search li:hover>a {
    text-decoration: none;
}
.trampling-tap-step-img {
  background: url(/weknow/assets/img/icon-sprite-collect.png) 0 -2855px;
  transform: rotateX(180deg);
}

.praises-thump-img {
   background: url(/weknow/assets/img/icon-sprite-collect.png) 0 36px;
}


.share-btn-shared {
   background-position: 0 -200px;
}