.section-inner .section-bd{
    width: 100%;
}
.details-main{
	padding-top:20px;
	padding-bottom:20px;
}
.section-inner .section-bd .details-main{
    width: 100%;
    height: 100%;
    display: flex;
}
*, :after, :before {
    box-sizing: border-box;
}
.section-inner .section-bd .details-main .details-features{
    height: 100%;
    margin-right: 20px;
    flex: 1;
}
.details-container-card {
    border-radius: 12px;
    background: #fff;
    margin-bottom: 14px;
}
.details-container-card .card-inner {
    height: 100%;
    box-sizing: border-box;
    padding: 20px;
}
.details-container-card .card-hd {
    border-bottom: 0px solid #f0f0f0;
    position: relative;
    margin-bottom: 42px;
}
.details-container-card .card-hd .card-message {
    height: 100%;
    margin-right: 150px;
}
.details-container-card .card-hd .card-message .message-title {
    color: #161718;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
	margin-top:0px;
}
.details-container-card .card-hd .card-message .message-subtitle {
    color: #a2a2a3;
    font-size: 14px;
    margin-bottom: 16px;
}
.tag-wrap .ivu-poptip {
    margin-bottom: 6px;
}
.ivu-poptip, .ivu-poptip-rel {
    display: inline-block;
}
.ivu-poptip-rel {
    position: relative;
}
.ivu-poptip, .ivu-poptip-rel {
    display: inline-block;
}
.tag-wrap .tag {
    padding: 3px 8px;
    background: #f1f4f8;
    color: #116df3;
    font-size: 12px;
    margin-right: 6px;
    border-radius: 4px;
}
.tag-wrap .tag span {
    line-height: 18px;
}
.details-container-card .card-hd .card-operate{
    position: absolute;
    height: 86px;
    width: 140px;
    top: 0;
    right: 0;
}
.details-container-card .card-hd .card-operate .operate-pay{
    height: 38px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0392DE;
    border-radius: 8px;
    color: #fff;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 700;
	transition: 0.3s;
}
.details-container-card .card-hd .card-operate .operate-pay:hover{
    background: #004891;
	transition: 0.3s;
}

.details-container-card .card-hd .card-operate .operate-im{
    height: 38px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: #5b5c5d;
    font-size: 14px;
	margin-bottom:5px;
}
.details-container-card .card-hd .card-operate .operate-im img{
	margin-right:10px;
}

.details-container-card .card-bd .card-navs{
    display: flex;
    margin-bottom: 22px;
	margin-top:22px;
	display:none;
}

.details-container-card .card-bd .card-navs>li:first-child .nav-inner{
    margin-left: 0;
}
.details-container-card .card-bd .card-navs .nav-inner{
    min-width: 84px;
    max-width: 200px;
    height: 50px;
    margin: 0 20px;
    position: relative;
}
.details-container-card .card-bd .card-navs .nav-top{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 24px;
    margin-bottom: 4px;
}
.details-container-card .card-bd .card-navs .nav-bottom{
    color: #161718;
    font-size: 14px;
    margin-left: 32px;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
}

.details-container-card .card-bd .card-navs img{
    width: 24px;
    height: 24px;
    margin-right: 8px;
}
.details-container-card .card-bd .card-navs .nav-top-title{
    color: #333;
    font-size: 13px;
    padding-top: 4px;
	font-weight:bold;
}
.details-container-card .card-bd .card-table {
    overflow: auto;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #e3e3e3;
    font-size: 14px;
	height:200px;
}
.details-container-card .card-bd .card-table .th {
    display: flex;
    background: #f1f3f5;
    text-align: center;
    height: 40px;
    line-height: 46px;
    font-size: 14px;
    color: #161718;
    width: 100%;
}
.details-container-card .card-bd .card-table .th .th-item {
    background: #f1f3f5;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    vertical-align: middle;
    flex: 1;
    flex-shrink: 0;
    position: relative;
}
.details-container-card .card-bd .card-table .th .th-item .th-content {
    line-height: 20px;
    padding: 0 12px;
    width: 100%;
	font-size:12px;
}
.details-container-card .card-bd .card-table .th .th-item:after {
    content: "";
    height: 20px;
    width: 1px;
    background: #d8d8d8;
    display: inline-block;
    position: absolute;
    right: 0;
}
.details-container-card .card-bd .tr{
    display: flex;
    background: #f9fafb;
    min-height: 46px;
    text-align: center;
    color: #666;
    width: 100%;
}
.details-container-card .card-bd .tr .tr-item{
    background: #fff;
    vertical-align: middle;
    word-break: break-all;
    padding: 5px 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    flex-shrink: 0;
}
.details-container-card .card-bd .card-table .th .th-item:last-child:after{
	display:none;
}

.details-container .section-inner .section-bd .details-main .details-features{
    height: 100%;
    margin-right: 20px;
    flex: 1;
}
.details-container-tabs{
    width: 100%;
}
.details-container-tabs .tabs-inner .tabs-hd{
    background: #fff;
    border-radius: 12px;
    margin-bottom: 14px;
}
.details-container-tabs .tabs-inner .tabs-hd .tabs-nav{
    display: flex;
    height: 50px;
    position: relative;
    z-index: 7;
}
.details-container-tabs .tabs-inner .tabs-hd .tabs-nav .nav-title.is-nav-active{
    color: #161718;
    font-weight: 700;
    position: relative;
}
.details-container-tabs .tabs-inner .tabs-hd .tabs-nav .nav-title{
    position: relative;
    display: flex;
    justify-content: center;
    height: 50px;
    line-height: 50px;
    min-width: 64px;
    font-size: 16px;
    font-weight: 400;
    color: #5b5c5d;
    margin-left: 40px;
    cursor: pointer;
    z-index: 9;
    transition: all .6s ease-out;
}
.details-container-tabs .tabs-inner .tabs-hd .tabs-nav .nav-title.is-nav-active:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 64px;
    height: 2px;
    background: #161718;
    border-radius: 1px;
}
.details-container-tabs .tabs-inner .tabs-bd{
    background: #fff;
    min-height: 482px;
    border-radius: 12px;
    padding: 20px;
    overflow: auto;
}
.details-container-tabs .tabs-inner .tabs-bd .tabs-title{
    color: #161718;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
    position: relative;
}
.details-container-tabs .tabs-inner .tabs-bd .tabs-title:before {
    content: "";
    position: absolute;
    top: 2px;
    left: -20px;
    background: #ffd121;
    width: 4px;
    height: 18px;
}
.li-content.base-info{
    font-size: 14px;
}
.li-content{
    margin-top: 12px;
    font-size: 14px;
    line-height: 28px;
    overflow: auto;
    color: #161718;
}
.li-content.base-info .item{
    margin-top: 4px;
    align-items: flex-start;
    line-height: 28px;
    margin-bottom: 4px;
}
.li-content.base-info .item label{
    min-width: 160px;
    color: #a2a2a3;
}
.li-content.base-info .item p{
    margin-left: 8px;
}

.details-container-aside-self{
    width: 360px;
	background:#fff;
    position: relative;
	border-radius:10px;
}
.details-container-aside-self .aside-inner{
    box-sizing: border-box;
    padding-bottom: 16px;
}
.details-container-aside-self .aside-inner .aside-hd{
    width: 100%;
    height: 140px;
    background: url(../images/bg_pro_1.png) 50% no-repeat;
    background-size: 100% 100%;
    padding: 24px 20px;
	margin-bottom:20px;
}
.details-container-aside-self .aside-inner .aside-hd .aside-hd-flex{
    display: flex;
    height: 60px;
	margin-top:15px;
}
.details-container-aside-self .aside-inner .aside-hd .aside-hd-flex .aside-hd-msg{
    height: 60px;
}
.details-container-aside-self .aside-inner .aside-hd .aside-hd-flex .msg-title{
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 8px;
    position: relative;
}
.details-container-aside-self .aside-inner .aside-hd .aside-hd-flex .msg-subtitle{
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}
.details-main{
    width: 100%;
    height: 100%;
    display: flex;
}
.details-main .details-features{
    height: 100%;
    margin-right: 20px;
    flex: 1;
}
.details-container-aside-self .aside-inner .aside-bd{
    margin: 0 auto;
    width: 336px;
}
.details-container-aside-self .aside-inner .aside-bd .todo-list .todo-item .todo-label{
    height: 36px;
    background: url(../images/bg_pro_2.png) no-repeat left top;
    display: flex;
    justify-content: left;
    line-height: 36px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
	text-indent:50px;
	margin-bottom:20px;
}
.details-container-aside-self .aside-inner .aside-bd .todo-list .todo-item .todo-section{
    width: 280px;
    margin: 0 auto;
	margin-bottom:20px;
}

.details-container-aside-self .aside-inner .aside-bd .todo-list .todo-item .todo-section .todo-form .section-label{
    color: #333;
    width: 100%;
	font-weight:bold;
}
.details-container-aside-self .aside-inner .aside-bd .todo-list .todo-item .todo-section .todo-form .section-text{
    color: #666;
    width: 100%;
	padding-bottom:10px;
}