.table-list-item {
    width:100%;
    position: relative;
	background: #fff;
	box-sizing: border-box;
	margin-bottom: 8px;
    .checkbox-container {
		width: .28rem;
		display: inline-block;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
        left: 12px;
        .icon-radio {
            display:inline-block;
			height: .16rem;
			width: .16rem;
			border-radius:.08rem;
			border: 1px solid #007ed9;
			box-sizing: border-box;
            &.icon-radio-disable {
                border: 1px solid #acb7bf;
            }
		    &.icon-radio-active {
                &:after {
                    width: .06rem;
                    height: .06rem;
                    background-color: #007ed9;
                    border-radius:.03rem;
                    content:' ';
                    position: absolute;
                    margin:.04rem;
                }
            }
        }
	}
    .table-item-content-container {
        width: 100%;
        box-sizing: border-box;
    }
    &.standard-item {
        padding: 12px 16px 12px;
        &.isAndroid {
            padding: 16px 16px 10px;
            .standard-main-content {
                .empty-margin-bottom {
                    margin-bottom: 4px;
                }
            }
        }
        &:last-child {
            margin-bottom: 0;
        }
        /*当列表上有异步行按钮时*/
        &.hasAsynRowHandler {
            .table-item-content-container {
                width: calc(100% - 36px);
            }
            /*并且是同步行按钮时*/
            &.isSyncRowHandler {
                padding:0;
                .table-item-content-container {
                    width: 100% ;
                }
                .table-item-content-container {
                    padding: 12px 16px;
                    &.isAndroid {
                        padding: 16px 16px 10px;
                    }
                }
            }
        }
    }
    &.tpl-item {
        &.column-1 {
            &:active {
                background: #e6e7e8;
            }
            &:last-child {
                margin-bottom: 0;
            }
        }
        &.column-2 {
            display: block;
            width: 44%;
            margin: 0 0 12px 4%;
            float: left;
        }

        .checkbox-container {
            height: 16px;
            left: 12px;
        }

        &.extension-tpl-noAsynRowHandler {
            .row-Artboard {
                display: none;
            }
        }
    }

    /*当列表上有checkbox时*/
	&.hasCheck {
        .table-item-content-container {
            padding-left: .28rem;
            background: #fff;
        }
        .row-Artboard,.rowbuttongroup {
            display: none;
        }
	}
}