body {
    background: #eff2f7;
    color: #333;
}

/* 澶撮儴css */
.user-header .ui-header-nav {
	margin-right: 0;
}

/* user-index */
.user-index-box {
	width: 1212px;
	margin: 0 auto;
	padding-top: 112px;
}

.user-wid {
	padding-top: 15px;
	overflow: hidden;
}

.user-wid-shadow {
	background-color: #fff;
	margin: 5px;
	padding:18px 18px 20px;
	border: 1px solid #f0f0f0;
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.1);
	box-shadow: 0 0 3px rgba(0,0,0,0.1);
}
.user-widf7-shadow {
	padding:18px 18px 3px;
	background-color: #fff;
	border:none;
	box-shadow:none;
}

/* 寰呭姙浠诲姟 */
.to-do-task {
	width: 880px;
	height:260px;
}

.user-index-title {
	font-size: 16px;
    color: #000;
    font-weight: bold;
    position: relative;
}

[class^='icon-'] {
    background: url(../images/user-ico.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
}

.icon-user-title {
    width: 22px;
    height: 22px;
    margin-right: 9px;
    vertical-align: -4px;
}

.icon-wait {
	background-position: 0 0;
}

.in-waiting-con {
	margin-top: 38px;
	display: inline-block;
}

.in-waiting-con a{
    display: inline-block;
    width: 83px;
    height: 145px;
    margin: 0 63px;
    text-align: center;
    float: left;
}

.in-waiting-con a i {
    width: 83px;
    height: 83px;
    display: block;
}

.in-waiting-con a h2 {
	padding-top: 15px;
	font-size: 18px;
	font-weight: bold;
	color: #4777fb;
}

.in-waiting-con a h2.chukou-txt {
	color: #4777fb;
}

.in-waiting-con a h2.gyshang-txt {
	color: #ff8023;
}

.in-waiting-con a h2.buy-txt {
	color: #2ace7b;
}

.in-waiting-con a h2.product-txt {
	color: #ff443b;
}

.in-waiting-con a:hover {
	color: #333;
}

.in-waiting-con a p {
	padding-top: 6px;
	font-size: 14px;
}

.in-waiting-con a .icon-chukou {
    background-position: 0 -52px;
}

.in-waiting-con a:hover .icon-chukou {
	background-position: 0 -145px;
}

.in-waiting-con a .icon-gyshang {
    background-position: -113px -52px;
}

.in-waiting-con a:hover .icon-gyshang {
	background-position: -113px -145px;
}

.in-waiting-con a .icon-buy {
    background-position: -226px -52px;
}

.in-waiting-con a:hover .icon-buy {
	background-position: -226px -145px;
}

.in-waiting-con a .icon-product {
    background-position: -340px -52px;
}

.in-waiting-con a:hover .icon-product {
	background-position: -340px -145px;
}

/* 蹇嵎鍏ュ彛 */
.quick-entry {
	width: 300px;
	height: 260px;
}
.icon-quick {
	background-position: -32px 0;
}

.quick-entry-con a {
    display: inline-block;
    width: 50%;
    text-align: center;
    float: left;
    margin: 26px 0 0;
    box-sizing: border-box;
}

.quick-entry-con a i {
    width: 42px;
    height: 42px;
}

.quick-entry-con a p {
	padding-top: 9px;
	font-size: 14px;
	color: #333;
}

.quick-entry-con a .icon-add-chukou {
	background-position: 0 -262px;
}
.quick-entry-con a:hover .icon-add-chukou {
	background-position: 0 -321px;
}

.quick-entry-con a .icon-add-product {
	background-position: -57px -262px;
}

.quick-entry-con a:hover .icon-add-product {
	background-position: -57px -321px;
}

.quick-entry-con a .icon-add-gyshang {
	background-position: -114px -262px;
}

.quick-entry-con a:hover .icon-add-gyshang {
	background-position: -114px -321px;
}

.quick-entry-con a .icon-add-buy {
	background-position: -172px -262px;
}

.quick-entry-con a:hover .icon-add-buy {
	background-position: -172px -321px;
}

/* 娑堟伅涓績 */
.message-box {
	margin-top: 15px;
	height: 325px;
}

.message-check-box {
	height: auto;
}

.message-check-box .pagedown-foot {
	margin: 0 18px 0 18px;
}

.icon-message {
	background-position: -64px 0;
}

.message-more {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 12px;
	line-height: 21px;
	font-weight: normal;
}

.message-more .msg-classify {
	float: right;
}

.message-more .msg-classify span {
	float: left;
	display: inline-block;
}

.message-more .msg-classify .messages-check {
	float: left;
	margin-top: -12px;
}

.message-more a {
	color: #1085e7;
}

.message-more a:hover {
	text-decoration: underline;
}

.message-list, .open-order-list {
	padding: 18px;
}

.message-list li {
	font-size: 14px;
	line-height: 25px;
	padding:12px 15px 10px;
	border-bottom: 1px solid #eeeeee;
	overflow: hidden;
}

.message-list li.check-on {
	background-color: #ebf3fc;
}

.message-list li.check-on .message-content {
	text-decoration: line-through;
}

.message-list li .line-breadth {
	display: inline-block;
	float: left;
	margin-right: 15px;
}

.message-list li .line-breadth i {
	margin-top: -2px;
	margin-right: 3px;
	width: 18px;
	height: 15px;
}

.message-list li .message-content {
	display: inline-block;
	float: left;
	margin-right: 55px;
	width: 700px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.message-list li a {
	font-size: 12px;
}

.message-list li a:hover {
	color: #ff6600;
}

.message-list li .line-time {
	float: right;
}

.icon-message-list {
	background-position: -134px 0;
}

.icon-check-list {
	background-position: -168px 0;
}
.no-messages-box,
.no-orders-box,
.no-handel-box{
	margin: 18px auto;
	width: 86px;
	height: auto;
	text-align: center;
}
.no-orders-box {
    width: 134px;
}
.no-handel-box {
    width: 620px;
}
.no-messages-box img,
.no-orders-box img,
.no-handel-box img{
	display: block;
	margin:0 auto 15px;
}
.no-handel-box .title-text {
	font-size: 22px;
	color: #ff7e00;
	padding-bottom: 9px;
}
.no-messages-box .no-messages-text,
.no-orders-box .no-messages-text,
.no-handel-box .no-messages-text {
	font-size: 16px;
	color: #999;
}

/* 鏈畬缁撹鍗� */
.open-order-box {
	margin-top: 20px;
}

.icon-order {
	background-position: -96px 0;
}

.uncolse-order {
	border-top: 1px solid #eeeeee;
	padding-bottom: 20px;
}

.uncolse-order:hover {
    box-shadow: 0 0 5px rgba(97, 169, 250, 0.2);
}

.uncolse-order .btn-grid {
    font-size: 14px;
    min-width: 60px;
    padding: 3px 9px;
    border-radius: 4px;
}

.open-order-box .order {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.open-order-box .order th {
    height: 48px;
    text-align: center;
    font-size: 12px;
    color: #999;
    font-weight: normal;
    padding: 0;
}

.open-order-box .order td {
    padding: 0 15px;
    border-right: 1px dashed #ebebeb;
    font-size: 14px;
    word-break: break-all;
}

.open-order-box .order td:last-child {
    border: none;
}

.td-con {
    line-height: 21px;
}

.td-con a {
	color: #1085e7;
}

.td-con a {
	color: #1085e7;
}

.td-con a:hover {
	text-decoration: underline;
}

.td-con span, .td-con a {
    display: block;
}

.btn-filter.orange, .btn-pop.orange, .btn-grid.orange {
    background-color: #f77d2c;
    color: #fff;
}
.btn-filter.orange:hover,.btn-pop.orange:hover,.btn-grid.orange:hover {
	background-color: #f78b44;
}

/* 鍒嗛〉 */
.page-down {
	border-top: 1px solid #eeeeee;
	padding-top: 15px;
	font-size: 12px;
	text-align: right;
}

/* 搴曢儴 */
.footer-box {
	margin-top: 58px;
	height: 68px;
	line-height: 68px;
	background-color: #38393e;
	text-align: center;
	font-size: 12px;
	color: #bebebe;
}

/* 鍑哄彛涓嬪崟 */
.export-main {
	position: relative;
    width: 1212px;
    padding-top: 15px;
}

.export-article {
	margin-left: 190px;
	margin-right: 5px;
}

/* 宸︿晶瀵艰埅 */
.export-side {
	position: absolute;
	width: 170px;
	background-color: #354052;
	top: 15px;
    bottom: 0;
    left: 6px;
}

.export-side li {
    cursor: pointer;
}

.export-side .link {
    cursor: pointer;
    display: block;
    padding: 16px 15px 14px 42px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    background: url(../images/muneside-line.png) no-repeat bottom;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.export-side li i {
    display: block;
    position: absolute;
    left: 12px;
    top: 15px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.icon-mune-weit {
	width: 22px;
	height: 22px;
	background-position: 0 -389px;
}

.icon-mune-pingtzl {
	width: 22px;
	height: 22px;
	background-position: -34px -389px;
}

.icon-mune-keshangys {
	width: 22px;
	height: 22px;
	background-position: -66px -389px;
}

.icon-mune-productys {
	width: 22px;
	height: 22px;
	background-position: -100px -389px;
}

.icon-mune-departmentp {
	width: 22px;
	height: 22px;
	background-position: -256px -389px;
}

.export-side li i.icon-chevron-down {
	top: 20px;
    right: 12px;
    left: auto;
    width: 12px;
    height: 9px;
    background-position: -206px -6px;
}

.export-side li.open .link {
    color: #fff;
}

.export-side li.open i {
    color: #fff;
}

.export-side li.open i.icon-chevron-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.submenu {
    display: none;
    background: #354052;
    font-size: 14px;
}

.submenu li {
    background: url(../images/muneside-line.png) no-repeat bottom;
}

.submenu a {
    display: block;
    text-decoration: none;
    color: #fff;
    padding: 12px;
    padding-left: 39px;
    border-left:3px solid #354052;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.submenu a:hover ,.submenu li.current a{
    background: #2b3443;
    border-left: 3px solid #4d9ef9;
    color: #FFF;
}


/* 鍙充晶涓讳綋鍐呭 */
.tab-iframe {
	width: 100%;
	min-height: 2450px;
	display: block;
	overflow: hidden;;
}

.page-container {
    margin: 0px;
    padding: 0px;
    height: 100%;
    position: relative;
}

/* 鍒楄〃鎼滅储鍙婃搷浣� */
.list-search-box,
.list-form-box,
.service-selection-box {
	margin: 0 0 18px 0;
}

.list-search-box .title-top,
.list-form-box .title-top {
	height: 25px;
	line-height: 25px;
}

.list-search-box .title-top h2,
.list-form-box .title-top h2 {
	float: left;
	margin: 0;
	font-size: 16px;
	line-height: 25px;
	color: #333;
	font-weight: 600;
}

.list-search-box .title-top .search-easy {
	float: right;
	padding-right: 15px;
	margin-top: -2px;
	width: 220px;
	position: relative;
}

.list-search-box .title-top .search-easy input {
	padding-left: 22px;
}

.list-search-box .title-top .search-easy .icon-view {
	position: absolute;
	width: 15px;
	height: 15px;
	top: 5px;
	background-position: -267px 0;
}

.list-search-box .title-top .search-mune {
	float: right;
	font-size: 14px;
	cursor: pointer;
}

.list-search-box .title-top .search-mune a{
	color: #1085e7;
}

.list-search-box .title-top .search-mune i.icon-chevron-down {
	display: inline-block;
    margin-left: 2px;
	width: 12px;
    height: 9px;
    background-position: -234px -6px;
}

.list-search-box .search-content {
	margin-top: 12px;
	background-color: #ebf3fc;
	border-radius: 4px;
	padding: 12px 15px 6px;
	position: relative;
}
.list-search-box .search-content-f7 {
	position: relative;
}
.list-search-box .search-content .search-btn-box,
.list-search-box .search-content-f7 .search-btn-box {
	position: absolute;
	top: 12px;
	right: 15px;
}
.list-search-box .search-content-f7 .search-btn-box {
	top:0;
	right:0;
}
.list-search-box .search-content i {
    position: absolute;
    width: 0px;
    height: 0px;
    border: 8px solid transparent;
    display: block;
    top: -16px;
    right: 38px;
    border-bottom-color: #ebf3fc;
}

.search-list li{
	width: 207px;
	margin-bottom: 12px;
	padding:0 15px 0 72px;
	display: inline-block;
	position: relative;
}

.search-list li.middle {
	width: 360px;
}

.search-list li.large {
	width: 418px;
}

.search-list li span {
	padding: 0 4px;
	font-size: 12px;
	color: #333;
	line-height: 25px;
}

.search-list li input,
.search-easy input,
.form-goods-box .form-goods-list .goods-info li input,
.search-list li .select {
	width: 100%;
	height: 25px; 
	font-size: 12px;
	color: #333;
	line-height: 25px;
	padding: 0 3px;
	border: none;
	border-bottom:1px solid #cfd9e7;
	background-color: transparent;
}

.search-list li .mune-name,
.form-goods-box .form-goods-list .goods-info li .mune-name {
	position: absolute;
	left: 0;
	width: 65px;
	font-size: 12px;
	color: #333;
	line-height: 26px;
	text-align: right;
}

.list-search-box .button-group,
.list-search-box .list-tip-txt,
.list-form-box .button-group {
	margin-top: 18px;
}

.icon-list-add {
	background-position: 0 -469px;
}

.icon-list-check {
	background-position: -53px -469px;
}

.icon-list-copy {
	background-position: -77px -469px;
}

.icon-list-refresh {
	background-position: -25px -470px;
}

/* 鍒楄〃 */
.list-group-box,
.list-groupform-box {
	margin: 0;
}

.list-state {
	margin-bottom: 15px;
}

.messages-list-state {
	margin: 25px 18px 0 18px;
}

.list-state .sorting-query,
.messages-list-state .sorting-query {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.list-state .sorting-query span,
.messages-list-state .sorting-query span {
	float: left;
	font-size: 12px;
	color: #333;
	line-height: 25px;
	margin-right: 6px;
	display: inline-block;
}

.list-state .sorting-query li,
.messages-list-state  .sorting-query li {
	float: left;
	margin-right: 9px;
}

.list-state .sorting-query li a,
.messages-list-state .sorting-query li a {
	display: block;
	font-size: 12px;
	color: #333;
	padding: 2px 8px;
	border: 1px solid #ddd;
	line-height: 18px;
	border-radius: 3px;
}

.list-state .sorting-query li a:hover,
.messages-list-state .sorting-query li a:hover {
	color: #1085e7;
	text-decoration: none;
}

.list-state .sorting-query li.selected a,
.messages-list-state .sorting-query li.selected a{
	color: #333;
	background: transparent;
	border: 1px solid #4d9ef9;
}

.list-state .pagedown {
	float: right;
	font-size: 12px;
	line-height: 25px;
}

.tablelist-box {
	position: relative;
}

/* 琛ㄥ崟椤甸潰 */
.list-form-box .title-top h2 {
	font-size: 22px;
}

.list-form-box .title-top em {
	font-size: 18px;
    margin-left: 9px;
}

.list-form-box .title-top span {
	background-color: #ff9d3e;
	padding:  2px 6px;
	font-size: 12px;
	color: #fff;
	border-radius: 2px;
	margin-left: 6px;
}

.list-form-box .button-group i,
.list-groupform-box .body-form .form-title i {
	width: 17px;
    height: 17px;
    margin-right: 4px;
}

.list-form-box .order-information-check {
	margin-top: 20px;
	padding-top: 15px;
	border-top: 1px dashed #ddd;
}

.list-form-box .order-information-check .information-content {
	margin-top: 0;
}

.icon-form-confirm {
	background-position: 0 -434px;
}

.icon-form-save {
	background-position: -30px -434px;
}

.icon-form-refresh {
	background-position: -61px -434px;
}

.icon-form-del {
	background-position: -92px -434px;
}

.list-groupform-box {
	padding: 18px 0 20px;
	overflow: hidden;
}

.list-groupform-box .body-form {
	margin-top: 15px;
}

.list-groupform-box .body-form .form-title {
	height: 34px;
	line-height: 34px;
	font-size: 14px;
	font-weight: 600;
	padding: 0 15px;
	background-color: #e6ebf3;
}

.icon-form-title {
	background-position: -303px 0;
}

.list-groupform-box .body-form .form-basic,
.list-form-box .order-information-check .information-content {
	background-color: #e6ebf3;
	padding: 15px;
	overflow: hidden;
}

.list-groupform-box .body-form .form-basic li,
.list-form-box .order-information-check .information-content li {
	float: left;
	padding-left: 82px;
	width:408px;
	height: 21px;
	line-height: 21px;
	font-size: 12px;
	color: #333;
	position: relative; 
}

.list-groupform-box .body-form .form-basic li.small,
.list-form-box .order-information-check .information-content li.small {
	width: 240px;
}

.list-groupform-box .body-form .form-basic li.middle,
.list-form-box .order-information-check .information-content li.middle {
	width:260px;
}

.list-groupform-box .body-form .form-basic li .title-name,
.list-form-box .order-information-check .information-content li .title-name{
	position: absolute;
	left: 0;
	width: 78px;
	text-align: right;
}

.list-groupform-box .information-check-list {
	padding: 0 18px;
    background-color: #fff;
}

.list-groupform-box .information-check-list .check-top-box {
	padding-bottom: 15px;
}
.list-groupform-box .information-check-list .check-top-box .top-title {
	border-left: 3px solid #ff9d3e;
    padding-left: 9px;
    font-size: 14px;
    font-weight: bold;
    display: inline;
}

/* 椤电 */
.tabbable-custom>.nav-tabs>li.active {
	border-top: 2px solid #ff9d3e;
	margin-top: 0;
	position: relative
}
.tabbable-custom>.nav-tabs>li.active>a {
	color: #ff7e00;
}

/* 鍒嗙被椤电 */
.form-tab-group {
	position: relative;
	border-bottom: 1px solid #eeeeee;
	margin-top: 15px;
	padding:0 150px 6px;
}

.form-tab-nav {
	counter-reset: flag;
}

.form-tab-nav li {
    position: relative;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.form-tab-nav li a:before {
    content: counter(flag);
    counter-increment: flag;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.step-square {
  	margin-top: 65px;
}

.step-square > li:hover a:before,
.step-square > li:active a:before,
.step-square > li.active a:before {
  	background-color: #fff;
  	color: #ff7e00;
  	border-color: #ff9d3e;
}

.step-square > li:hover a:after,
.step-square > li:active a:after,
.step-square > li.active a:after {
  	background-color: #ff9d3e;
}

.step-square > li:first-child a:after {
  	left: 50%;
  	border-right: 1px solid #ffffff;
}

.step-square > li:last-child a:after {
  	right: 50%;
  	border-left: 1px solid #ffffff;
}

.step-square > li > a {
  	color: #333;
}

.step-square > li > a:hover {
  	background-color: #ffffff;
  	color: #ff7e00;
}

.step-square > li > a:before {
  	position: absolute;
  	z-index: 2;
  	top: -45px;
  	left: 0;
  	right: 0;
  	margin: 0 auto;
  	width: 45px;
  	height: 45px;
  	background-color: #ffffff;
  	font-size: 20px;
  	line-height: 45px;
  	border: 2px solid #ccc;
  	border-radius: 50%;
}

.step-square > li > a:after {
  	content: '';
  	position: absolute;
  	left: 0;
  	right: 0;
  	top: -25px;
  	background-color: #ccc;
  	z-index: 1;
  	height: 2px;
  	border: solid #ffffff;
  	border-width: 0 1px;
}

.step-square > li.active > a,
.step-square > li.active > a:focus,
.step-square > li.active > a:hover {
  	color: #ff7e00;
 	background: transparent;
}

/* 琛ㄥ崟鍐呭 */
.form-content {
	margin-top: 20px;
	padding-right: 20px; 
	overflow: hidden;
}

.form-list-box {
	margin: 0;
	box-sizing: border-box;
    display: none;
}

.form-list-box.active {
	display: block;
}

.form-list-group {
	float: left;
	display: inline-block;
	width: 245px;
	padding:  0 30px;
	position: relative;
	overflow: hidden;
}

.form-content-block {
	margin-bottom: 15px;
	overflow: hidden;
}

.form-content-f7block {
	padding:15px;
}

.form-content-f7block .form-list-group {
	width:50%;
}

.form-content-f7block .large {
	width:100%;
}

.form-content .large {
	width: 490px;
}

.form-content .midlarge {
	width: 735px;
}

.form-content .biglarge {
	width: 980px;
}

.form-list {
	margin-top: 20px;
	margin-bottom: 15px;
	position: relative;
}

.form-list .en-name {
	width: 290px;
	display: inline-block;
}

.form-content .form-content-l {
	float: left;
	width: 730px;
	border-right: 1px dashed #eee;
}

.form-content .form-content-r {
	float: right;
	width: 210px;
}

.form-list erroru i, .form-list errorp i,
.form-content .input-group i,
.plan-form-warp .input-panel .input-group i,
.layer-smborder .input-group i {
	position: absolute;
    right: 0;
    width: 14px;
    height: 14px;
    float: right;
}

.icon-ellipsis {
	background-position: -399px 0;
}

.icon-warning {
	background-position: -338px 0;
}

.tip-txt {
	padding-top: 25px;
	font-size: 12px;
	color: #ff6600;
}

.tip-txt i, 
.form-contact-title i,
.changes-application-add i,
.attachment-add-box i,
.list-search-box .button-group i {
	width: 14px;
	height: 14px;
	margin-right: 4px;
}

.icon-tiptxt {
	margin-top: -2px;
	background-position: -371px 0;
}

.form-choice-bg {
	margin: 0 15px 12px;
	padding: 0 15px 15px;
	background-color: #f1f6fd;
	border-radius: 4px;
	overflow: hidden;
	position: relative;
}
.form-choice-bg .small {
	width: 106px;
}

.form-choice-bg .form-list {
	margin: 4px 15px 0 100px;
	position: relative;
}

.form-choice-bg .form-list a {
	font-size: 12px;
	color: #1085e7;
	margin:0 12px;
	display: inline-block;
}

.form-choice-bg .form-list .width-265 {
	width: 265px;
}

.form-choice-bg .form-list .float-label {
	position: absolute;
	width: 85px;
	text-align: right;
	top: 7px;
    left: -100px;
}

.form-choice-bg .form-list .label-15 {
	top: 15px;
}

.form-choice-bg .form-choice-list {
	margin:12px 0 0 100px;
	padding: 4px 9px 15px;
    background: #fff;
    border-radius: 4px;
	position: relative;
}

.form-choice-bg .form-choice-list .form-list-group {
	padding:0 15px;
	width:265px;
}
.form-choice-bg .form-choice-list .form-list-group .form-list {
	margin-right:0;
}

.form-Receipt {
	margin: 6px 15px 0;
}

.form-Receipt .name-title {
	font-size: 12px;
	color: #666;
}

.form-Receipt .form-Receipt-list {
	margin-right: 248px;
	margin-top: 9px;
}

.form-table-box {
	border: 1px solid #cfd9e7;
	border-bottom: none;
}

.form-table-box th,
.form-table-box td {	
	font-size: 12px;
	position: relative;
	border: 0;
    border-bottom: 1px solid #dfe6ec;
}

.form-table-box th {
	color: #666;
	padding: 8px 12px;
	text-align: center;
	font-weight: bold;
	background-color: #eaeef4;
}

.form-table-box td {
	color: #333;
	text-align: left;
	padding: 10px 12px;
}

.form-table-box tr:hover {
	background-color: #eef1f6;
}

.form-table-box tr:hover td {
	background:none;
}

.form-table-box a {
	color: #1085e7;
	margin:0 3px;
}

.form-Receipt .tip-txt {
	padding:18px 0 15px 0;
}

.form-contact-title {
	margin: 6px 0 15px 0; 
	padding: 0 15px;
}

.form-contact-title span {
	font-size: 12px;
	color: #ff6600;
	margin-right: 9px;
}

.icon-add-people {
	background-position: -430px -1px;
}

.icon-choise-customer {
	background-position: -457px -1px;
}

.icon-count-cost {
	background-position: -478px -1px;
}

.form-btn-box {
	padding: 20px 15px;
}

.form-btn-box a{
	margin-right: 20px;
}

.form-goods-box-group {
	margin: 6px 15px 0 15px;
	position: relative;
}

.form-goods-box-group .pop-history-data,
.contact-details {
	position: absolute;
	top: 25px;
    right: -15px;
	padding: 15px;
	width: 450px;
	height: auto;
	border: 1px solid #cfd9e7;
    box-shadow: 0 3px 5px rgba(0,0,0,0.20);
    background: #fff;
    display: none;
    z-index: 10;
}

.form-goods-box-group .pop-history-data dl,
.changes_tmtimeline > li .changes_tmlabel .timeline-form .contact-details dl{
	text-align: left;
	font-size: 12px;
	color: #333;
	margin-bottom: 7px;
	overflow: hidden;
}

.form-goods-box-group .pop-history-data dl dt,
.changes_tmtimeline > li .changes_tmlabel .timeline-form .contact-details dl dt {
	float: left;
	font-weight: normal;
	color: #666;
	height: 21px;
	line-height: 21px;
}

.form-goods-box-group .pop-history-data dl dd,
.changes_tmtimeline > li .changes_tmlabel .timeline-form .contact-details dl dd {
	margin-left: 60px;
	line-height: 21px;
}

.form-goods-box-group .pop-history-data.show_hint {
    display: block;
}

.pop-history-data .icon-triangle,
.changes_tmtimeline > li .changes_tmlabel .timeline-form .contact-details .icon-triangle,
.product-contact-layer .icon-triangle {
    position: absolute;
    width: 18px;
    height: 11px;
    top: -11px;
    right: 32px;
    background-position: -253px -261px;
}

.form-goods-box-group .form-contact-title {
	margin: 0;
	padding: 0;
}

.form-goods-box {
	margin-top: 15px;
}

.form-goods-box:hover,
.attachment-add-box .attachment-add-list dl:hover {
	-webkit-box-shadow:0 0 5px rgba(97, 169, 250, 0.2);
	-moz-box-shadow:0 0 5px rgba(97, 169, 250, 0.2);
	box-shadow:0 0 5px rgba(97, 169, 250, 0.2);
}

.form-goods-box .sequence-number {
	position: absolute;
	width: 25px;
	height: 25px;
	background-color: #ff7e00;
	font-size: 14px;
	color: #fff;
	text-align: center;
    line-height: 25px;
    z-index: 10;
}

.form-goods-box .form-goods-list {
	border: 1px solid #dfe6ec;
	border-bottom: none;
	background-color: #fffce4;
	padding: 6px 12px;
	overflow: hidden;
	position: relative;
}

.form-goods-box-group .modify-name {
	position: absolute;
	top: 55px;
	right: 20px;
	padding-bottom: 12px;
	font-size: 12px;
	z-index: 10;
}

.form-goods-box .form-goods-list .goods-info {
	padding-right: 20px;
	overflow: hidden;
}

.form-goods-box .form-goods-list .goods-info li {
	float: left;
	display: inline-block;
	width: 183px;
	margin:0 0 6px 110px;
	position: relative;
}

.form-goods-box .form-goods-list .goods-info li .mune-name {
	left: -110px;
	width: 100px;
}

.form-goods-box .form-table-list {
	border: 1px solid #dfe6ec;
	border-bottom: none;
}

.form-table-list .form-control, .form-table-list .select, .form-table-list .textarea {
	height: 28px;
	border: 1px solid #cfd9e7;
	padding: 0 16px;
}

.form-goods-box-group .goods-total {
	margin: 15px 0;
	height: 40px;
	line-height: 40px;
	background-color: #f1f6fd;
	border: 1px solid #cfd9e7;
	padding: 0 15px;
	font-size: 12px;
	text-align: right;
}

.form-goods-box-group .goods-total .total-num{
	font-size: 14px;
    font-weight: bold;
    color: #ff6600;
    padding-right: 6px;
}

/* 鍙樻洿鐢宠 */
.changes-application-add {
	padding: 15px 0 0  205px;
}

.icon-add-application {
	background-position: 0 -470px;
}

.changes-application-box {
	padding-right: 100px;
}

.changes_tmtimeline {
    margin: 15px 0 0 0;
    padding: 0;
    list-style: none;
    position: relative;
}

.changes_tmtimeline:before {
	content: '';
	position: absolute;
	top: -15px;
	bottom: 0;
	width: 3px;
	background: #b4d7ff;
	left: 164px;
}

.changes_tmtimeline > li {
	position: relative;
}

.changes_tmtimeline > li .changes_tmtime {
	display: block;
	width: 230px;
	padding-right: 100px;
	position: absolute;
}

.changes_tmtimeline > li .changes_tmtime span {
	display: block;
	text-align: right;
}

.changes_tmtimeline > li .changes_tmtime span:first-child {
	font-size: 14px;
	color: #999;
}

.changes_tmtimeline > li .changes_tmtime span:last-child {
	font-size: 24px;
	color: #3594cb;
}

.changes_tmtimeline > li:nth-child(odd) .changes_tmtime span:last-child {
	color: #1085e7;
}

.changes_tmtimeline > li .changes_tmlabel {
	margin: 0 0 15px 205px;
	background: #ecf2fa;
	color: #333;
	padding: 25px 50px;
	font-size: 12px;
	position: relative;
	border-radius: 5px;
}

.changes_tmtimeline > li:hover .changes_tmlabel {
	box-shadow: 0 0 5px rgba(0, 35, 74, 0.2);
}

.changes_tmtimeline > li:nth-child(odd) .changes_tmlabel {
	background: #f1f6fd;
}

.changes_tmtimeline > li .changes_tmlabel:after {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-right-color: #f1f6fd;
	border-width: 8px;
	top: 10px;
}

.changes_tmtimeline > li:nth-child(odd) .changes_tmlabel:after {
	border-right-color: #f1f6fd;
}

.changes_tmtimeline > li .changes_tmicon {
	width: 20px;
	height: 20px;
	font-family: 'ecoico';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size: 1.4em;
	line-height: 20px;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	color: #fff;
	background: #4d9ef9;
	border-radius: 50%;
	box-shadow: 0 0 0 4px #b4d7ff;
	text-align: center;
	left: 155px;
	top: 9px;
}

.changes_tmtimeline > li .changes_tmlabel .f-tip,
.list-tip-txt .f-tip,
.attachment-box .f-tip {
	color: #333;
	font-size: 12px;
    border: 1px dashed #4d9ef9;
    background-color: #fff;
    margin:0 15px;
	padding: 7px 15px;
	line-height: 21px;
    box-sizing: border-box;
}

.changes_tmtimeline > li .changes_tmlabel .f-tip i,
.list-tip-txt .f-tip i,
.fixed-table-box .table-cell span i,
.service-selection-box .teamwork .teamwork-list li .symbiosis i,
.service-selection-box .teamwork .teamwor-all-list li .btn-warp i,
.attachment-box .f-tip i,
.registered-box .teamwork .teamwor-all-list li .btn-warp i{
	width: 18px;
    height: 18px;
    margin-right: 4px;
}

.icon-timeline-tip {
	margin-top: -3px;
	background-position: -138px -390px;
}

.changes_tmtimeline > li .changes_tmlabel .timeline-form {
	margin-top: 15px;
	position: relative;
}

.changes_tmtimeline > li .changes_tmlabel .timeline-form .prompt-words {
	position: absolute;
	top: 25px;
	padding-bottom: 12px;
	left: 250px;
}

.changes_tmtimeline > li .changes_tmlabel .timeline-form .contact-details {
	top: 28px;
	left: 0;
	width: 220px;
}

.changes_tmlabel .timeline-form .contact-details .icon-triangle {
	left: 33px;
	right: auto;
}

.attachment-add-box {
	padding: 0 15px;
}

.attachment-add-box .tip-txt {
	padding-top: 12px;
}

.attachment-add-box .attachment-add-list {
	margin-top: 15px;
	padding: 12px 12px 15px 12px;
	border: 1px dashed #cfd9e7;
	background-color: #fff;
	overflow: hidden;
}

.attachment-add-box .attachment-add-list dl {
	font-size: 12px;
	color: #333;
	padding: 12px 12px 12px 45px;
	margin:0 15px 0 15px;
	border-bottom: 1px solid #eee;
    position: relative;
}

.attachment-add-box .attachment-add-list dl a{
	position: absolute;
	top: 12px;
	right: 15px;
}

.attachment-add-box .attachment-add-list dl i,
.document-center-box .document-main .document-list .file-name i{
	position: absolute;
	top: 15px;
	left: 6px;
	width: 25px;
	height: 25px;
}

.icon-attachment-xls {
	background-position: 0 -524px;
}

.icon-attachment-xls-sm {
	background-position: 0 -500px;
}

.icon-attachment-doc {
	background-position: -26px -524px;
}

.icon-attachment-doc-sm {
	background-position: -17px -500px;
}

.icon-attachment-ppt {
	background-position: -52px -524px;
}

.icon-attachment-ppt-sm {
	background-position: -34px -500px;
}

.icon-attachment-swf {
	background-position: -78px -524px;
}

.icon-attachment-swf-sm {
	background-position: -51px -500px;
}

.icon-attachment-pdf {
	background-position: -104px -524px;
}

.icon-attachment-pdf-sm {
	background-position: -68px -500px;
}

.icon-attachment-rar {
	background-position: -130px -524px;
}

.icon-attachment-rar-sm {
	background-position: -85px -500px;
}

.icon-attachment-txt {
	background-position: -156px -524px;
}

.icon-attachment-txt-sm {
	background-position: -100px -500px;
}

.icon-attachment-konws {
	background-position: -182px -524px;
}

.icon-attachment-konws-sm {
	background-position: -118px -500px;
}

.icon-attachment-vido {
	background-position: -204px -524px;
}

.icon-attachment-vido-sm {
	background-position: -135px -500px;
}

.icon-attachment-jpg {
	background-position: -233px -524px;
}

.icon-attachment-jpg-sm {
	background-position: -152px -500px;
}

.icon-attachment-gif {
	background-position: -249px -524px;
}

.icon-attachment-gif-sm {
	background-position: -169px -500px;
}

.icon-attachment-png {
	background-position: -286px -524px;
}

.icon-attachment-png-sm {
	background-position: -186px -500px;
}

.icon-attachment-bmp {
	background-position: -312px -524px;
}

.icon-attachment-bmp {
	background-position: -203px -500px;
}

.attachment-add-box .attachment-add-list dl dt {
	font-weight: normal;
}

.attachment-add-box .attachment-add-list dl dd {
	color: #999;
}

/* 涓氬姟杩涘害 */
.plan-step .step-txttip {
	margin-bottom: 12px;
	overflow: hidden;
}

.plan-step .step-txttip .txttip {
	display: inline-block;
	margin-right: 15px;
	font-size: 12px;
}

.plan-step .step-txttip .txttip i {
	width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #ddd;
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle;
}

.plan-step .step-txttip .txttip .done-color {
	background-color: #4d9ef9;
    border-color: #4d9ef9;
}

.plan-step .step-txttip .txttip .donow-color {
	background-color: #ff9d3e;
    border-color: #ff9d3e;
}

.plan-step .step-txttip .txttip .future-color {
	background-color: #dddddd;
    border-color: #dddddd;
}

.plan-step .step-line {
	margin-left: -15px;
	overflow: hidden;
}

.plan-step .step-line .p-step-col {
	float: left;
    display: table-cell;
    width: 150px;
    line-height: 21px;
    text-align: center;
    position: relative;
}

.plan-step .step-line .p-step-number {
    border-radius: 50%!important;
    display: inline-block;
    margin: 6px auto 6px;
    padding: 6px 2px;
    background-color: #dddddd;
    position: relative;
    z-index: 5;
    height: 28px;
    width: 28px;
    text-align: center;
}

.plan-step .step-line .p-step-number i {
	width: 15px;
	height: 14px;
}

.icon-step-done {
	background-position: -306px -261px;
}

.icon-step-donow {
	background-position: -352px -261px;
}

.icon-step-future {
	background-position: -398px -261px;
}

.plan-step .step-line .p-step-title {
    font-size: 14px;
}

.plan-step .step-line .p-step-time {
	font-size: 12px;
}

.plan-step .step-line .p-step-title:after,
.plan-step .step-line .p-step-title:before {
    content: '';
    height: 1px;
    width: 50%;
    position: absolute;
    background-color: #e5e5e5;
    top: 42px;
    z-index: 4;
}

.plan-step .step-line .p-step-title:after {
    left: 50%
}
.plan-step .step-line .p-step-title:before {
    right: 50%
}
.plan-step .step-line .first .p-step-title:before,
.plan-step .step-line .last .p-step-title:after {
    content: none
}

.plan-step .step-line .done .p-step-number {
    color: #fff!important;
    background-color: #4d9ef9!important;
}

.plan-step .step-line .do-now .p-step-number {
    color: #fff!important;
    background-color: #ff9d3e!important;
}

.plan-form-warp {
    padding-top: 35px;
    box-sizing: border-box;
}

.plan-form-warp .input-panel{
	display: inline-block;
	width: 467px;
	padding: 15px;
	margin: 0 10px 25px 10px;
	background-color: #f1f6fd;
}

.plan-form-warp .input-panel .mune-title {
	font-size: 14px;
	font-weight: 600;
	padding-bottom: 15px;
}

.plan-form-warp .input-panel .mune-title i {
	width: 18px;
	height: 18px;
	margin-right: 6px;
}

.icon-plan-title {
	background-position: -178px -391px;
}

.plan-form-warp .input-panel .input-panel-list .form-list-group{
	width: 232px;
}

.plan-form-warp .input-panel .input-panel-list .large {
	width: 464px;
}

.plan-form-box .form-Receipt-list {
	margin-right: 0;
}

/* 鏂囨。涓績 */
.document-center-box {
	overflow: hidden;
}

.document-center-box .document-aside {
	width: 190px;
	position: relative;
}

.document-center-box .document-aside .btn-uploaddoc {
	display: block;
	padding: 0 18px;
    height: 59px;
	line-height: 59px;
    background-color: #77b6fe;
    color: #fff;
    border-radius: 4px;
}

.document-center-box .document-aside .btn-uploaddoc:hover {
	background-color: #4d9ef9;
}

.btn-uploaddoc .white-bg {
    width: 36px;
    height: 36px;
	padding-top:7px;
    background-color: #fff;
    border-radius: 50%;
    margin-right: 10px;
    text-align: center;
}

.btn-uploaddoc i,
.audit-log-box .timeline-item.first .timeline-icon i {
	width: 20px;
	height: 19px;
}

.btn-uploaddoc span {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    line-height: 1;
}

.icon-handle-upload {
	background-position: -252px -300px;
}

.btn-uploaddoc em {
    font-size: 16px;
    line-height: 21px;
}

.btn-uploaddoc b {
    font-size: 12px;
    line-height: 18px;
    font-weight: normal;
}

.document-center-box .doc-tree {
	margin-top: 15px;
	border: 1px solid #e6ebf3;
	overflow: hidden;
}

.document-center-box .doc-tree .tree-title {
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	padding: 0 15px;
	background-color: #e6ebf3;
}

.document-center-box .doc-tree .tree-title i,
.document-center-box .document-main .search-pane i,
.document-center-box .document-main .toolbar-panel-box i,
.attachment-box .toolbar-panel-box i,
.information-check-list i {
	width: 16px;
	height: 16px;
	margin-right: 6px;
}

.document-center-box .doc-tree .tree-list-box {
	margin: 6px 0 12px;
}

.icon-tree-home {
	background-position: -441px -261px;
}

.document-center-box .document-main {
    width: 770px;
    position: relative;
}

.document-center-box .document-main .search-pane {
	position: relative;
	margin-top: 12px;
}

.document-center-box .document-main .search-pane .search-btn {
	display: inline-block;
	margin:4px 0 0 15px;
}

.icon-document-search {
	background-position: -306px -303px;
}

.document-center-box .document-main .toolbar-panel-box,
.attachment-box .toolbar-panel-box {
	position: relative;
	margin-top: 18px;
	height: auto;
}
.attachment-box .toolbar-panel-box input[type=file],
.m-bank-box .add-card input[type=file]{
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.icon-document-down {
	background-position: -351px -303px;
}

.icon-history-down {
	background-position: -351px -343px;
}

.document-center-box .document-main .document-list,
.attachment-box .document-list {
	margin-top: 12px;
	height: auto;
}

.document-center-box .document-main .document-list .file-name,
.attachment-box .document-list .file-name {
	color: #333;
	padding-left: 35px;
	position: relative;
}

.document-center-box .document-main .document-list .file-name i,
.attachment-box .document-list .file-name i {
	top: 7px;
	left: 0;
}

/* 瀹℃牳鏃ュ織 */
.audit-log-box {
    margin: 30px auto;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.audit-log-box:before {
    content: "";
    width: 2px;
    height: 100%;
    background: #cccccc;
    left: 50%;
    top: 0;
    position: absolute;
}

.audit-log-box:after {
    content: "";
    clear: both;
    display: table;
    width: 100%;
}

.audit-log-box .timeline-item {
    margin-bottom: 20px;
    position: relative;
    overflow:hidden;
}

.audit-log-box .timeline-item .timeline-icon {
    position: absolute;
    top: 0;
    left: 50%;
    background: #ff9d3e;
    width: 18px;
    height: 18px;
    border: 3px solid #fff;
    overflow: hidden;
    margin-left: -8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

.audit-log-box .timeline-item.first .timeline-icon {
	width: 28px;
    height: 28px;
    margin-left: -14px;
}

.audit-log-box .timeline-item .timeline-content {
    width: 48%;
    background: #fff;
    padding: 0 15px;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.audit-log-box .timeline-item .timeline-content.right {
	float: right;
}

.audit-log-box .timeline-item .timeline-content.turn-down h2 {
	background: #f96868;
} 

.audit-log-box .timeline-item .timeline-content .state-box {
	height: 55px;
}

.audit-log-box .timeline-item .timeline-content h2 {
	position: absolute;
	top: 0;
	right: 15px;
	min-width: 60px;
	height: 26px;
	line-height: 26px;
    padding: 0 15px;
    background: #4d9ef9;
    color: #fff;
    font-size: 14px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.audit-log-box .timeline-item .timeline-content.right h2 {
	left: 15px;
	right: auto;
}

.audit-log-box .timeline-item .timeline-content .time {
    display: block;
    float: right;
    font-size: 12px;
    margin-top: 30px;
}
.audit-log-box .timeline-item .timeline-content.right .time {
	float: left;
}

.audit-log-box .timeline-item .timeline-content:before {
    content: '';
    position: absolute;
    right: 11px;
    top: 9px;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #4d9ef9;
}

.audit-log-box .timeline-item .timeline-content.right:before {
    content: '';
    position: absolute;
    left: 11px;
    top: 9px;
    border-left: 0;
    border-right: 4px solid #4d9ef9;
}

.audit-log-box .timeline-item .timeline-content.turn-down:before {
	border-right: 4px solid #f96868;
}

.audit-log-box .timeline-item .timeline-content .postscript{
    min-height: 46px;
    padding: 12px 16px;
    background: #f1f6fd;
    border-radius: 6px;
    font-size: 14px;
}

.audit-log-box .timeline-item .timeline-content.turn-down .postscript {
	background:#fffce4;
}

.audit-log-box .timeline-item .timeline-content .postscript p {
	margin-top: 6px;
	border-top:1px dashed #bbc4d3;
	padding-top: 9px;
}

.audit-log-box .timeline-item .timeline-content.turn-down .postscript p {
	border-top:1px dashed #d3d0b9;
}

.icon-audit-log {
	background-position: -394px -299px;
}

/* 閫�绋庤祫鏂欒ˉ鍏� */
.list-tip-txt .f-tip {
	margin: 0;
	font-size: 12px;
}

.fixed-table-box .table-cell span i {
	margin:0;
}

.icon-done-right {
	background-position: -220px -393px;
}

.refund-layer-box {
	position: absolute;
	width: 700px;
	height: 255px;
	padding: 3px;
	top: 408px;
	left: 74px;
	background-color: #ebf3fc;
	border: 1px solid #cfd9e7;
	z-index: 10;
}

.refund-layer-box .customeracc {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #fff;
    box-sizing: border-box;
    padding: 9px 15px;
}

.refund-layer-box .icol-yellow-arrow {
    display: block;
    position: absolute;
    left: 30px;
    top: -4px;
    width: 8px;
    height: 8px;
    border: 1px solid #cfd9e7;
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    background: #ebf3fc;
    border-left: 0;
    border-bottom: 0;
}

.refund-layer-box .icon-refuund-close {
	position: absolute;
	width: 18px;
	height: 18px;
    top: 9px;
    right: 9px;
    background-position: -400px -432px;
    cursor: pointer;
    z-index: 10;
}

.refund-layer-box .top-btn-box .attach_tips_text{
	color: #333;
    font-size: 12px;
    letter-spacing: 1px;
    vertical-align: middle;
}

button.ui_btn {
    margin-right: 8px;
    padding: 0 10px 0 10px;
    font-size: 12px;
    color: #666;
    background: transparent;
    height: 28px;
    outline: none;
    border: none;
    vertical-align: middle;
    text-align: left;
}

button.ui_btn i {
    display: inline-block;
    height: 18px;
    width: 16px;
}

button.ui_btn span {
    display: inline-block;
    color: #3e4956;
    vertical-align: middle;
}

.icon-btn-attachment {
    background-position: -438px -301px;
}

.icon-btn-download {
	background-position: -351px -301px;
}

.refund-layer-box .refund-layer-list {
	margin-top: 6px;
	overflow: auto;
	width: 100%;
	height: 190px;
}


/*鏈嶅姟鍟嗛�夋嫨*/
.service-selection-box {
	padding-bottom: 0;
}

.service-selection-box .teamwork{
	margin-bottom: 15px;
    display: block;
}

.service-selection-box .teamwork .mune-title,
.registered-box .teamwork .mune-title {
	color: #1085e7;
	font-size: 16px;
	font-weight: 600;
}

.service-selection-box .teamwork .mune-title i,
.registered-box .teamwork .mune-title i {
	width: 22px;
	height: 22px;
	margin-right: 6px;
}

.icon-teamwork-part {
	background-position: -165px -430px;
}

.icon-teamwork-all {
	background-position: -209px -430px;
}

.service-selection-box .teamwork .teamwork-list,
.service-selection-box .teamwork .teamwor-all-list,
.registered-box .teamwork .teamwor-all-list {
	margin-top: 15px;
	overflow:hidden;
}

.service-selection-box .teamwork .teamwork-list li {
    position: relative;
    height: 152px;
    padding: 12px 15px;
    margin-bottom: 18px;
    border: 1px solid #eee;
    border-radius: 2px;
}

.service-selection-box .teamwork .teamwork-list li i {
	position: absolute;
	top: -1px;
	left: -1px;
	width: 79px;
	height: 79px;
	z-index: 10;
}

.icon-status-pass {
	background-position: 0 -571px;
}

.icon-status-staypass {
	background-position: -84px -571px;
}

.icon-status-blockup {
	background-position: -168px -571px;
}

.icon-status-reject {
	background-position: -252px -571px;
}

.service-selection-box .teamwork .teamwork-list li .service-logo {
    width: 219px;
    height: 124px;
    line-height: 124px;
    text-align: center;
}
.service-selection-box .teamwork .teamwork-list li .service-datail {
	width: 460px;
	margin-left: 20px;
	padding:12px 20px;
	border-left: 1px dashed #eee;
	border-right: 1px dashed #eee;
}

.service-selection-box .teamwork .teamwork-list li .service-datail h2,
.service-selection-box .teamwork .teamwor-all-list li .provider-info h2,
.registered-box .teamwork .teamwor-all-list li .provider-info h2 {
    font-size: 16px;
    color: #333;
    margin-bottom: 12px;
}

.service-selection-box .teamwork .teamwork-list li .service-datail span,
.service-selection-box .teamwork .teamwor-all-list li .provider-info span,
.registered-box .teamwork .teamwor-all-list li .provider-info span {
    display: block;
    font-size: 14px;
    color: #666;
    margin-bottom: 4px;
}

.service-selection-box .teamwork .teamwork-list li .symbiosis {
    text-align: center;
    line-height: 124px;
}

.service-selection-box .teamwork .teamwork-list li .symbiosis i,
.service-selection-box .teamwork .teamwor-all-list li .btn-warp i,
.registered-box .teamwork .teamwor-all-list li .btn-warp i {
	position: relative;
}

.icon-handle-abolish {
	background-position: -291px -432px;
}

.icon-handle-ok {
	background-position: -253px -432px;
}

.service-selection-box .teamwork .teamwor-all-list li,
.registered-box .teamwork .teamwor-all-list li {
	position: relative;
	float: left;
	width: 299px;
	border: 1px solid #eee;
	padding: 12px 12px 25px 12px;
	margin: 0 40px 25px 0;
}

.service-selection-box .teamwork .teamwor-all-list li:nth-child(3n) {
	margin-right: 0;
}

.service-selection-box .teamwork .teamwor-all-list li .provider-logo,
.registered-box .teamwork .teamwor-all-list li .provider-logo {
    height: 154px;
    line-height: 154px;
    margin-bottom: 15px;
    overflow: hidden;
}

.service-selection-box .teamwork .teamwor-all-list li .provider-info h2,
.registered-box .teamwork .teamwor-all-list li .provider-info h2 {
    text-align: center;
}

.service-selection-box .teamwork .teamwor-all-list li .btn-warp,
.registered-box .teamwork .teamwor-all-list li .btn-warp {
	margin-top:15px;
	text-align: center;
}

.service-selection-box .teamwork .teamwor-all-list li i
.registered-box .teamwork .teamwor-all-list li i {
	position: absolute;
	top: -1px;
	right: 12px;
	width: 52px;
	height: 65px;
}

.icon-approved-drawing {
	background-position: 0 -675px;
}

.icon-approved-blockup {
	background-position: -65px -675px;
}

.icon-approved-reject {
	background-position: -130px -675px;
}

.service-selection-box .teamwork .teamwor-all-list li .btn-warp i,
.registered-box .teamwork .teamwor-all-list li .btn-warp i{
	right: 2px;
}

/* 澧冨璐告槗鍟� */
.m-bank-box {
	margin:15px 0;
	padding-left: 15px;
	overflow: hidden;
}

.m-bank-box .add-card {
	position: relative;
    width: 188px;
    height: 188px;
    border: 1px dashed #dbe5f3;
    float: left;
    -moz-border-radius: 6px;
    -webkit-border-radius: 16px;
    border-radius: 6px;
    margin-top: 15px;
    cursor: pointer;
    background: url(../images/add-card.png) no-repeat 52px 40px;
    background-color: #f1f6fd;
}

.m-bank-box .add-card span {
    font-size: 18px;
    color: #666;
    margin-top: 100px;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.m-bank-box .bank-card {
    margin-right: 36px;
    float: left;
    background: url(../images/bank-card.png) no-repeat;
    width: 358px;
    height: 222px;
    position: relative;
    cursor: pointer;
}

.m-bank-box .bank-card .m-card {
    margin: 25px 0 0 24px;
    color: #000;
    font-size: 12px;
}

.m-bank-box .bank-card .m-card li {
    line-height: 20px;
}

.m-bank-box .bank-card .m-card h3 {
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

.m-bank-box .bank-card .m-card p {
    line-height: 24px;
}

.m-bank-box .bank-card .m-card h1 {
    font-size: 24px;
    font-weight: bold;
    color: #35373d;
    height:56px;
    line-height: 56px;
}

.m-bank-box .bank-card:hover .m-float {
	display: block;
}

.m-bank-box .bank-card .card-defa,
.m-bank-box .add-product li .product-pic .card-defa {
    width: 34px;
    height: 34px;
    background: url(../images/opt-card.png) no-repeat;
    position: absolute;
    display: block;
    bottom: 5px;
    right: 3px;
}

.m-bank-box .bank-card .m-float {
    width: 353px;
    height: 45px;
    background-color: rgba(0,0,0,0.5);
    margin-left: 3px;
    -moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
    position: absolute;
    top: 172px;
    display: none;
}

.m-bank-box .bank-card .m-float .m-fl-option,
.m-bank-box .bank-card .m-float .m-rl-option{
    width: 174px;
    height: 45px;
    text-align: center;
    border-right: 1px solid #999;
    cursor: pointer;
    float: left;
}

.m-bank-box .bank-card .m-float .m-rl-option {
	border-right: none;
}

.m-bank-box .bank-card .m-float .m-fl-option em, 
.m-bank-box .bank-card .m-float .m-rl-option em {
    color: #fff;
    line-height: 45px;
}

/* 闄勪欢 */
.attachment-box .f-tip {
	margin: 0;
}

.icon-attachment-up {
	background-position: -438px -302px;
}

.attachment-box .document-list .file-name {
	padding-left: 25px;
}

.attachment-box .document-list .file-name i {
	position: absolute;
	top: 2px;
    left: 0;
    width: 16px;
    height: 16px;
}

.attachment-box .toolbar-panel-box .tip-txt,
.list-groupform-box .information-check-list .tip-txt{
	display: inline-block;
	padding: 0 0 0 12px;
}

/* 鍑哄彛浜у搧 */
.product-contact-layer {
	position: absolute;
	top: 56px;
	left: 15px;
    border: 1px solid #cbd7e7;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    background: #fff;
    min-width: 170px;
    padding: 10px 15px;
    line-height: 24px;
    display: none;
    text-align: left;
    z-index: 10;
}

.product-contact-layer .icon-triangle {
	left: 15px;
    right: auto;
}

.m-bank-box .add-product li{
	position: relative;
    width: 186px;
    margin: 15px 28px 0 0;
    cursor: pointer;
    float: left;
}

.m-bank-box .add-product li i {
	position: absolute;
    right: -8px;
    top: -8px;
    width: 18px;
    height: 18px;
    z-index: 2;
}

.icon-del-product {
	background-position: -329px -432px;
}

.icon-del-product:hover {
	background-position: -364px -432px;
}

.m-bank-box .add-product li .product-pic {
    width: 100%;
    height: 186px;
    line-height: 186px;
    text-align: center;
    background: #fff;
    border: 1px solid #dbe5f3;
    border-radius: 9px;
    cursor: pointer;
}

.m-bank-box .add-product li .product-pic img {
	max-width: 100%;
	border-radius: 9px;
}

.m-bank-box .add-product li .product-pic .card-defa {
	right: -1px;
	bottom: 0;
}

.m-bank-box .add-product li.cur .product-pic {
    border: 1px solid #ff9d3e;
    position: relative;
}

.m-bank-box .add-product li .product-pic .edit_image_info {
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity = 50);
    color: #fff;
    position: relative;
    text-align: center;
    width: 100%;
    bottom: 28px;
    height: 28px;
    line-height: 28px;
    display: none;
}

.m-bank-box .add-product li .product-pic:hover .edit_image_info {
	display: block;
}

/* 甯愭埛绠＄悊 */
.personal-tip {
	margin: 0 15px;
}

.form-content .divide-line {
    border-bottom: 1px dashed #eee;
    height: 3px;
    margin: 6px 15px 15px 15px;
}

.change-message-box {
	margin: 0 18px;
	overflow: hidden;
}

.change-message-box .messages-title {
	height: 32px;
	border-bottom: 1px solid #eee;
}

.change-message-box .messages-title .title-name {
	width: 70px;
	line-height: 30px;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	border-bottom: 2px solid #f77d2c;
}

/* 寮瑰嚭妗� */
.layer-smborder {
	border: 1px solid #eee;
    background: #fff;
    padding: 15px;
}

.layer-smborder .form-list-group {
	width: 256px;
}

.layer-smborder .input-group {
	top: 10px;
	right: 15px;
}

/* 娑堟伅鎻愮ず */
.index-msg {
	position: fixed;
	right: 9px;
	bottom: 9px;
	width: 518px;
	height: 245px;
	padding: 20px;
	background-color: #fff;
	border: 1px solid #f0f0f0;
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.1);
	box-shadow: 0 0 3px rgba(0,0,0,0.1);
	z-index: 10;
	display: block;
}

.index-msg .title-txt {
	font-size: 16px;
	font-weight: bold;
	position: relative;
}

.index-msg .title-txt i {
    position: absolute;
    right: 0;
    top: 3px;
    width: 14px;
    height: 14px;
	cursor: pointer;
}

.icon-close-window {
	background-position: -436px -435px;
}

.index-msg .mes-content-box {
	margin-top: 25px;
	padding-bottom: 15px;
	border-bottom: 1px solid #eeeeee;
}

.index-msg .mes-content-box .mes-name {
	padding-left: 35px;
	height: 22px;
	position: relative;
}

.index-msg .mes-content-box .mes-name i{
	position: absolute;
	top: 0;
	left: 2px;
	width: 22px;
    height: 22px;
}

.icon-msg-tip {
	background-position: -467px -430px;
}

.index-msg .mes-content-box .mes-name h2 {
	float: left;
	font-size: 14px;
	color: #ff7e00;
	line-height: 22px;
	font-weight: bold;
}

.index-msg .mes-content-box .mes-content {
	padding: 12px 80px 0 35px;
    font-size: 14px;
    line-height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.index-msg .mes-content-box .mes-other,
.index-msg .mes-handle {
	padding: 12px 0 0 35px;
	font-size: 12px;
	line-height: 21px;
	color: #999;
	overflow: hidden;
}

.index-msg .mes-handle {
	padding: 15px 0 0 0;
}