/* 2015.09.21 zl */
.notice-event th {
    padding: 14px 0;
    border-top: 2px solid #ddd;
    border-bottom: 1px solid #efefef;
}
.notice-event td {;
    padding: 14px 0;
    color: #101010;
    border-bottom: 1px solid #efefef;
}
.notice-event tr:hover td,
.notice-event tr:hover th { background-color: #fafafa; }
.notice-event th span,
.notice-event td span {
    font-size: 14px;
    vertical-align: middle;
}
.notice-event tr td.edit-box a,
.notice-event tr th.edit-box a { display: none; }
.notice-event tr:hover td.edit-box a,
.notice-event tr:hover th.edit-box a { display: inline-block; }

/* 2015.09.24 zl top-page-nav */
.top-page-nav span.ps-r .nav-drop-down {
    top: 66px;
    right: -40px;
    z-index: 3;
}
.top-page-nav .nav-drop-down a {
    width: 130px;
    padding-left: 20px;
    color: #9d9d9d;
}
.top-page-nav span.ps-r:hover .nav-drop-down { display: block; }
.tab-warp-box { width: 96%; }

/*20150928 yy information for accounts*/
.warp-center-box{
    width: 100%;
    margin: 0 auto;
}
.icon-key{
    display: inline-block;
    width: 42px;
    height: 39px;
    padding-right: 24px;
    margin-top: -5px;
    vertical-align: middle;
    background: url(../img/project-img/icon-key.png) no-repeat;
}
.input-edit{
    width: 75%;
    height: 46px;
    line-height: 46px;
    padding-left: 10px;
    margin-right: 10px;
    color: #666;
    background-color: #f4f4f4;
    border: 1px solid #dfe1e8;
    border-radius: 3px;
}
.btn-reload{
    display: inline-block;
    width: 98px;
    height: 46px;
    line-height: 46px;
    color: #696c74;
    text-align: center;
    background-color: #fff;
    border: 1px solid #bdc3d1;
    cursor: pointer;
    border-radius: 4px;
}
.input-edit.disable{ cursor: not-allowed; }
.left-nav li a .icon-drop{
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: -3px 10px -1px 20px;
    vertical-align: middle;
    background-image: url("../img/project-img/nav-drop-down.png");
}
.icon-drop.icon-drop-down{ background-position: 0 -14px; }
.icon-drop.icon-drop-down2{ background-position: 0 -28px; }
.icon-drop.icon-drop-down3{ background-position: 0 0;}
.deal-way-cont{
    width: 820px;
    margin: 0 auto;
}
.deal-way-cont .deal-way-title{
    margin-top: 95px;
    font-size: 17px;
    color: #333;
    text-align: center;
}
.deal-way{
    position: relative;
    float: left;
    width: 380px;
    height: 104px;
    padding: 38px 0;
    margin-top: 50px;
    text-align: center;
    border: 1px solid #dfe1e8;
    border-radius: 4px;
    cursor: pointer;
}
.deal-way:hover{ border-color: #68a8f9; }
.deal-way:hover h6{ color: #666;}
.deal-way:hover p{ color: #9d9d9d;}
.deal-way h6{
    padding-bottom: 5px;
    font-size:16px;
    color: #b3b3b3;
}
.deal-way p{
    margin-top: 15px;
    font-size: 14px;
    color: #cecece;
}
.deal-way.active{ border-color: #68a8f9; }
.deal-way.active h6{ color: #666;}
.deal-way.active p{ color: #9d9d9d;}
.deal-way.active .icon-set-notice{ display: inline-block}
/*20150929 yy product new api key*/
.icon-new-api{
    display: inline-block;
    width: 42px;
    height: 39px;
    margin-top: -7px;
    margin-right: 20px;
    vertical-align: middle;
    background: url(../img/project-img/icon-new-api.png) no-repeat;
    background-position: left top;
}
.icon-new-api.old{ background-position: 0 -39px;}
.new-api-tips{
    width: 525px;
    margin: 10px auto 0;
    font-size: 14px;
    color: #d6d6d6;
    text-align: left;
}
.change-api-input{
    position: relative;
    width: 290px;
    margin: 50px auto 0;
    text-align: center;
}
.change-api-input input{
    width: 270px;
    height: 46px;
    color: #666;
    line-height: 46px;
    border-color: #dfe1e8;
}
/*2015.9.30 yy safe page*/
.safe-cont{ min-width: 700px; }
.safe-cont li{ padding: 0px 0 50px; }
.safe-cont-list{ height: 25px; }
.safe-cont-list li{
    display: inline-block;
    width: 200px;
    font-size:14px;
    color: #9d9d9d;
}
.safe-cont-list li a:hover{ color: #4c89fb; }
.change-password-input{
    position: relative;
    width: 430px;
    margin: 40px auto 0;
    text-align: center;
}
.change-password-input input{
    width: 270px;
    height: 46px;
    color: #666;
    line-height: 46px;
    border: 1px solid #dfe1e8;
}
.change-password-input span{
    display: inline-block;
    width: 125px;
    font-size: 17px;
    color: #333;
    text-align: left;
}
.icon-succ{
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: -4px;
    vertical-align: middle;
    background: url(../img/project-img/icon-succ.png);
}
.change-password-succ{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    display: none;
    width: 100%;
    height: 85px;
    background-color: #37c393;
    font-size: 18px;
    line-height: 85px;
    color: #fff;
    text-align: center;
}
/*2015.9.30 yy account information*/
.info-divide{
    width: 100%;
    height: 1px;
    margin-bottom: 35px;
    background-color: #f2f2f2;
}
.account-info-list{ position: relative; }
.account-info-list li{
    width: 100%;
    margin-bottom: 30px;
    color: #666;
}
.account-info-list li img{
    width: 280px;
    height: 210px;
    background: #f5f5f5;
    vertical-align: text-top;
    cursor: pointer;
}
.account-info-list li .account-info-img{
    display: inline-block;
    float: left;
    width: 280px;
    height: 210px;
    line-height: 210px;
    color: #5f5f5f;
    text-align: center;
    background: #f5f5f5;
    cursor: pointer;
    border: 1px solid #f1f1f1;
}
.account-info-list li span{
    display: inline-block;
    float: left;
    width: 145px;
    height:45px;
    color: #9d9d9d;
}
/*2015.10.8*/
.account-info-auth{
    display: inline-block;
    height: 18px;
    padding: 0 6px;
    margin-left: 10px;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    background-color: #4c89fb;
    border-radius: 4px;
}
.account-info-list .account-btn-change{
    position: absolute;
    bottom: -20px;
    right: 0;
    width: 100px;
    height: 48px;
    font-size: 14px;
    line-height: 48px;
    color: #696c74;
    text-align: center;
    border: 1px solid #bdc3d1;
    cursor: pointer;
    border-radius: 4px;
}
.account-info-auth.grey{ background-color: #cfcfcf;}
.examine-tips{
    width: 100%;
    height: 50px;
    margin-bottom: 50px;
    font-size: 16px;
    line-height: 50px;
    color: #ff6161;
    text-align: center;
    background-color: #fafafa;
    border-left: 2px solid #ff6161;
}
.account-info-pop{
    width: 570px;
    margin: 0 auto;
}
.account-info-pop p{
    width: 100%;
    height: 54px;
    font-size: 17px;
    color: #333;
    line-height: 54px;
}
.account-info-pop .account-pop-input{
    font-size: 16px;
    color: #666;
    border-color: #dfe1e8;
}
/*right adapt layout*/
.right-adapt{ margin-left: 145px; }
.right-adapt-437{ margin-left: 437px; }
.account-info-list .account-disexam-input{
    width: 500px;
    height: 45px;
    padding-left: 10px;
    font-size: 16px;
    line-height: 45px;
    color: #666;
    border: 1px solid #dfe1e8;
    border-radius: 4px;
}
.account-info-list .account-disexam-input:focus{ border: 1px solid #b8b8b8; }
.account-info-list li em.w-47per{
    padding-top: 86px;
    padding-left: 10px;
    color: #d6d6d6;
    vertical-align: middle;
}

.left-nav li.active a .icon-drop{
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: -3px 10px -1px 20px;
    vertical-align: middle;
    background-image: url("../img/project-img/nav-drop-down1.png");
}
.left-nav li.active a .icon-drop.icon-drop-down{ background-position: 0 0px; }
.left-nav li.active a .icon-drop.icon-drop-down2{ background-position: 0 -14px; }
.left-nav li.active a .icon-drop.icon-drop-down3{ background-position: 0 -28px;}

/*2015.10.10 yy finance page*/
.left-nav li a .icon-finance-date,
.left-nav li a .icon-finance-month{
	width: 14px;
	height: 14px;
	background: url(../img/project-img/icon-finance-nav.png) no-repeat;
}
.change-nav li:not(:first-child){
	margin-top:20px;
}
.application-nav li a{
	padding-left: 5px !important;
}
.left-nav li a{
	line-height:40px;
	border-bottom:none;
	padding-left: 20px;
    box-sizing: border-box;
    font-size: 14px;
}
.left-nav li a .nav_icon{
	vertical-align: middle;
    width: 30px;
}
.left-nav li a .icon-finance-date{ background-position: 0 -28px;}
.left-nav li a .icon-finance-month{ background-position: 0 -42px; }
.left-nav li.active a .icon-finance-date{ background-position: 0 0;}
.left-nav li.active a .icon-finance-month{ background-position: 0 -14px; }

/*2015.10.12 yy finance page*/
.finance-top{
	width: 100%;
	padding-bottom: 30px;
	border-bottom: 1px solid #f2f2f2;
}
.finance-type-check{
	width: 480px;
}
.finance-type-check ul li{
	display: inline-block;
	width: 73px;
	height: 28px;
	margin-left: 20px;
	font-size: 12px;
	line-height: 28px;
	color: #666;
	text-align: center;
	cursor: pointer;
}
.finance-type-check ul li span,
.finance-type-check ul li.active span{
	/*margin-left: -20px;*/
	display: inline-block;
	width:90px;
	font-size: 14px;
	color: #9d9d9d;
	text-align: left;
	background-color: #fff;
	cursor:auto;
}
.finance-type-check ul li:hover,
.finance-type-check ul li.active{
	color: #fff;
	background-color: #4c89fb;
}
.finance-calendar-date{
	height: 28px;
	border-radius: 4px;
	margin-top: 10px;
}
.calendar-pre,
.calendar-next{
	display: inline-block;
	width: 28px;
	height: 29px;
	margin-top: -1px;
	line-height: 25px;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #dfe1e8;
	cursor: pointer;
}
.calendar-pre:hover,
.calendar-next:hover{
	background-color: #eaeaea;
}
.calendar-next{
	float: right;
	height: 29px;
	line-height: 27px;
	border-right: none;
	border-left: 1px solid #dfe1e8;
}
.finance-calendar-date input{
	width: 100px;
	height: 25px;
	padding-top: 1px;
	font-size: 14px;
	line-height: 25px;
	color: #666;
	text-align: center;
	cursor: pointer;
	border: 1px solid #dfe1e8;
	border-radius: 4px;
}
.finance-calendar-date input:focus{ border: none!important; }
.finance-pie-chart{
	margin-top: 30px;
}

.icon-seller-wechat,
.icon-seller-alipay,
.icon-seller-bank{
	display: inline-block;
	width: 15px;
	height: 12px;
	margin-top: -2px;
	margin-right: 2px;
	vertical-align: middle;
	background: url(../img/project-img/icon-seller-small.png) no-repeat left top;
}
.icon-seller-alipay{
	width: 13px;
	background-position: 0 -12px;
}
.icon-seller-bank{
	width: 20px;
	background-position: 0 -24px;
}
.finance-chart-left,
.finance-chart-right{
	position: relative;
	width: 50%;
	text-align: center;
}
.finance-chart-left img,
.finance-chart-right img{ display: inline-block;}
.finance-chart-title{
	position: absolute;
	top: 46px;
	left: 39px;
	display: inline-block;
	font-size: 12px;
	color: #666;
}
.chart-ball{
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
}
.finance-chart-table{
	display: inline-block;
	/*width: 200px;*/
	vertical-align: top;
	margin: 22px 0 0 15px;
	font-size: 12px;
	color: #888;
	text-align: left;
}
.finance-list-table{
	width: 100%;
	margin-top: 10px;
	font-size: 13px;
	color: #9b9b9b;
	text-align: center;
}
.finance-list-table tr th{
	padding-bottom: 15px;
	color: #666;
	text-align: center;
	border-top: none;
	border-bottom: 1px solid #ddd;
}
.finance-list-table tr td{
	padding: 20px 0;
	border-bottom: 1px solid #efefef;
}
.finance-list-table tr td a{
	color: #666;
	text-decoration: underline;
}
.finance-list-table tr td a:hover{ color: #4c89fb; }

/*2015.10.13 yy deal detail page*/
.deal-detail-top{
	border-bottom: 1px solid #f2f2f2;
}
.deal-detail-body{
	display: block;
	min-width: 980px;
	min-height: 800px;
}
.deal-detail-body2{
	display: block;
	min-width: 980px;
	padding: 30px;
}
.deal-detail-body2{
	min-width: 950px;
	padding:20px 45px;
}
.deal-detail-check{
	padding:10px 30px;
}
.deal-detail-check li{
	height: 30px;
	margin-bottom: 10px;
}
.deal-detail-check .deal-detail-title{
	display: inline-block;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	color: #606266;
	text-align: left;
	vertical-align: middle;
}
.deal-detail-check li ul{ display: inline-block; }
.deal-detail-first li{
	display: inline-block;
	width: 70px;
	height: 30px;
	margin-left: 8px;
	font-size: 12px;
	line-height: 30px;
	color: #666;
	text-align: center;
	cursor: pointer;
}
.deal-detail-first li:hover,
.deal-detail-first li.active{
	color: #fff;
	background-color:#4c89fb;
}
.deal-detail-time{ display: inline-block; }
.deal-detail-time div input:focus{ border: none!important; }
.deal-detail-time div{ margin-left: 7px; }

.deal-detail-second li{ display: inline-block; }
.deal-money-range{
	display: inline-block;
	width: 166px;
	height: 28px;
	padding-left: 10px;
	font-size: 12px;
	line-height: 25px;
	color: #666;
	border: 1px solid #dfe1e8;
	border-radius: 4px;
}

.deal-detail-second li .nav-drop-down{
	top: 32px;
	width: 125px;
}
.deal-detail-second li .nav-drop-down a{
	display: inline-block;
	width: 115px;
	padding-left: 10px;
	font-size: 14px;
	border-bottom: 1px solid #f2f2f2;
}

/*2015.10.14 yy deal detail 2*/
.seal-done,
.seal-doing,
.refund-doing,
.seal-fail{
	float: right;
	display: inline-block;
	width: 92px;
	height: 92px;
	background: url(../img/project-img/seal-done.png);
}
.seal-doing{ background: url(../img/project-img/seal-doing.png); }
.refund-doing{ background: url(../img/project-img/refund-doing.png); }
.seal-fail{ background: url(../img/project-img/seal-fail.png); }
.deal-detail-top .fl{
	margin-top: 30px;
}
.deal-repay-record{
	padding: 50px 0;
	border-bottom: 1px solid #f2f2f2;
}
.icon-judge-correct,
.icon-judge-wrong{
	display: inline-block;
	width: 12px;
	height: 8px;
	vertical-align: middle;
	background: url(../img/project-img/icon-judge.png) no-repeat left top;
}
.icon-judge-wrong{
	width: 8px;
	background-position: 0 -8px;
}
.deal-repay-record table{
	font-size: 14px;
	color: #666;
}
.deal-repay-record table .txt-del{ color: #b3b3b3;}
.deal-detail-goods{
	width: 100%;
	margin-top: 30px;
	color: #666;
}
.deal-detail-goods tr{ height: 40px; }
.deal-detail-top .fl img{ vertical-align: text-bottom; }
.deal-detail-top .fl span{ font-size: 14px; }
.icon-money{
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-top: -3px;
	margin-right: 5px;
	vertical-align: middle;
	background: url(../img/project-img/icon-left-nav.png);
	background-position: -13px -16px;
}
.deal-repay-record p{
	color: #9d9d9d;
	margin-bottom: 25px;
}
.deal-repay-record p a{
	font-size: 14px;
	color:#4c89fb;
}
.input-txt-yuan{
	position: absolute;
	top: 12px;
	right: 21px;
}

/*2015.10.14 yy login page change*/
.icon-sign-err,
.icon-sign-warn{
	display: inline-block;
	width: 18px;
	height:18px;
	margin-top: -2px;
	vertical-align: middle;
	background: url(../img/project-img/icon-sign-warn.png) left top;
}
.icon-sign-warn{ background-position: 0 -18px; }
/*20151020 yy modify for error page*/
.err-page{
	display: table;
	width: 100%;
	min-width: 1060px;
	margin: 0;
	background-color: #f1f4f5;
}
.err-404,
.err-500{
	display: table-cell;
	position: relative;
	width: 650px;
	margin: 0 auto;
	text-align: center;
	vertical-align: middle;
}
.err-404>div,
.err-500>div{
	position: relative;
	width: 650px;
	margin: 0 auto;
	height: 375px;
}
.err-404 a,
.err-500 a{
	position: absolute;
	top: 285px;
	right: 197px;
	font-size: 18px;
	color: #7a97c2;
}
.err-500 a{ right: 245px; }
.err-500 a.left{ margin-right: 65px; }
.err-404 a:hover,
.err-500 a:hover{ text-decoration: underline; }

/* 2015-11-03 zl application-box */
.application-box .left-box h4 .span-text {
    width: 160px;
    overflow: hidden;
}
.text-length a {
    overflow: hidden;
    max-width: 150px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.top-page-nav .nav-drop-down a {
    width: 150px;
    padding-right: 10px;
}

/*2015.11.9 yy download sdk*/
.download-body{
	display: block;
	min-width: 1060px;
	height: 550px;
	margin-top: 20px;
	margin-bottom: 20px;
	background: #fff;
}
.download-container{
	position: relative;
	width: 816px;
	height: 550px;
	margin: 0 auto;
}

@media only screen and (min-width: 1661px) {
	.download-body{
		padding-bottom: 200px;
		background: #fff;
	}
	.download-container{
		margin-bottom: 50px;
		border-bottom: 1px solid #f4f4f4;
	}
}

.download-circle{
	position: absolute;
	bottom: 0;
	left: 124px;
	z-index: 1000;
	width: 547px;
	height: 347px;
	background: url(../img/project-img/download-circle.png);
}
.download-java{
	position: absolute;
	bottom: 132px;
	left: 344px;
	z-index: 10000;
	width: 130px;
	height: 129px;
	background: url(../img/project-img/icon-java-download.png);
}
.download-java-txt{
	position: absolute;
	bottom: 78px;
	left: 325px;
	z-index: 10000;
	width: 170px;
	height: 20px;
	background: url(../img/project-img/donwload-java-txt.png);
}
.download-icon{
	position: absolute;
	z-index: 10;
	width: 86px;
	height: 86px;
	background: url(../img/project-img/icon-download.png) no-repeat;
}
@keyframes androidimg{
	0%{
		left: 100px;
		transform: rotate(-1080deg);
		-webkit-transform: rotate(-1080deg);
	}
	20%{
		left: 0px;
		transform: rotate(0);
		-webkit-transform: rotate(0);
	}
}
@-webkit-keyframes androidimg{
	0%{
		left: 100px;
		transform: rotate(-1080deg);
		-webkit-transform: rotate(-1080deg);
	}
	20%{
		left: 0px;
		transform: rotate(0);
		-webkit-transform: rotate(0);
	}
}
.icon-androidimg{
	left: 0;
	bottom: 40px;
	background-position: 0 0;
	-webkit-animation: androidimg 2s linear;
	   -moz-animation: androidimg 2s linear;
	    -ms-animation: androidimg 2s linear;
	        animation: androidimg 2s linear;
}
@keyframes android{
	0%{
		left: 205px;
		bottom: 205px;
		transform: rotate(-720deg);
		-webkit-transform: rotate(-720deg);
	}
	15%{
		left: 205px;
		bottom: 205px;
		transform: rotate(-720deg);
		-webkit-transform: rotate(-720deg);
	}
	35%{
		left: 55px;
		bottom: 230px;
		transform: rotate(0);
		-webkit-transform: rotate(0);
	}
}
@-webkit-keyframes android{
	0%{
		left: 205px;
		bottom: 205px;
		transform: rotate(-720deg);
		-webkit-transform: rotate(-720deg);
	}
	15%{
		left: 205px;
		bottom: 205px;
		transform: rotate(-720deg);
		-webkit-transform: rotate(-720deg);
	}
	35%{
		left: 55px;
		bottom: 230px;
		transform: rotate(0);
		-webkit-transform: rotate(0);
	}
}
.icon-android{
	left: 55px;
	bottom: 230px;
	background-position: -86px 0;
	-webkit-animation: android 2s linear;
	   -moz-animation: android 2s linear;
	    -ms-animation: android 2s linear;
	        animation: android 2s linear;
}
@keyframes iosimg{
	0%{
		left: 297px;
		bottom: 249px;
		transform: rotate(-720deg);
		-webkit-transform: rotate(-720deg);
	}
	30%{
		left: 297px;
		bottom: 249px;
		transform: rotate(-720deg);
		-webkit-transform: rotate(-720deg);
	}
	50%{
		left: 222px;
	    bottom: 372px;
		transform: rotate(0);
		-webkit-transform: rotate(0);
	}
}
@-webkit-keyframes iosimg{
	0%{
		left: 297px;
		bottom: 249px;
		transform: rotate(-720deg);
		-webkit-transform: rotate(-720deg);
	}
	30%{
		left: 297px;
		bottom: 249px;
		transform: rotate(-720deg);
		-webkit-transform: rotate(-720deg);
	}
	50%{
		left: 222px;
		bottom: 372px;
		transform: rotate(0);
		-webkit-transform: rotate(0);
	}
}
.icon-iosimg{
	left: 222px;
	bottom: 372px;
	background-position: 0 -86px;
	-webkit-animation: iosimg 2s linear;
	   -moz-animation: iosimg 2s linear;
	    -ms-animation: iosimg 2s linear;
	        animation: iosimg 2s linear;
}
@keyframes ios{
	0%{
		left: 450px;
		bottom: 200px;
		transform: rotate(-720deg);
		-webkit-transform: rotate(-720deg);
	}
	45%{
		left: 450px;
		bottom: 200px;
		transform: rotate(-720deg);
		-webkit-transform: rotate(-720deg);
	}
	65%{
		left: 477px;
		bottom: 375px;
		transform: rotate(0);
		-webkit-transform: rotate(0);
	}
}
@-webkit-keyframes ios{
	0%{
		left: 450px;
		bottom: 200px;
		transform: rotate(-720deg);
		-webkit-transform: rotate(-720deg);
	}
	45%{
		left: 450px;
		bottom: 200px;
		transform: rotate(-720deg);
		-webkit-transform: rotate(-720deg);
	}
	65%{
		left: 477px;
		bottom: 375px;
		transform: rotate(0);
		-webkit-transform: rotate(0);
	}
}
.icon-ios{
	left: 477px;
	bottom: 375px;
	background-position: -86px -86px;
	-webkit-animation: ios 2s linear;
	   -moz-animation: ios 2s linear;
	    -ms-animation: ios 2s linear;
	        animation: ios 2s linear;
}
@keyframes phpimg{
	0%{
		left: 500px;
		bottom: 180px;
		transform: rotate(-720deg);
		-webkit-transform: rotate(-720deg);
	}
	60%{
		left: 500px;
		bottom: 180px;
		transform: rotate(-720deg);
		-webkit-transform: rotate(-720deg);
	}
	80%{
		left: 665px;
		bottom: 223px;
		transform: rotate(0);
		-webkit-transform: rotate(0);
	}
}
@-webkit-keyframes phpimg{
	0%{
		left: 500px;
		bottom: 180px;
		transform: rotate(-720deg);
		-webkit-transform: rotate(-720deg);
	}
	60%{
		left: 500px;
		bottom: 180px;
		transform: rotate(-720deg);
		-webkit-transform: rotate(-720deg);
	}
	80%{
		left: 665px;
		bottom: 223px;
		transform: rotate(0);
		-webkit-transform: rotate(0);
	}
}
.icon-phpimg{
	left: 665px;
	bottom: 223px;
	background-position: 0 -172px;
	-webkit-animation: phpimg 2s linear;
	   -moz-animation: phpimg 2s linear;
	    -ms-animation: phpimg 2s linear;
	        animation: phpimg 2s linear;
}
@keyframes php{
	0%{
		left: 545px;
		bottom: 100px;
		transform: rotate(-720deg);
		-webkit-transform: rotate(-720deg);
	}
	75%{
		left: 545px;
		bottom: 100px;
		transform: rotate(-720deg);
		-webkit-transform: rotate(-720deg);
	}
	95%{
		left: 728px;
		bottom: 44px;
		transform: rotate(0);
		-webkit-transform: rotate(0);
	}
}
@-webkit-keyframes php{
	0%{
		left: 545px;
		bottom: 100px;
		transform: rotate(-720deg);
		-webkit-transform: rotate(-720deg);
	}
	75%{
		left: 545px;
		bottom: 100px;
		transform: rotate(-720deg);
		-webkit-transform: rotate(-720deg);
	}
	95%{
		left: 728px;
		bottom: 44px;
		transform: rotate(0);
		-webkit-transform: rotate(0);
	}
}
.icon-php{
	left: 728px;
	bottom: 44px;
	background-position: -86px -172px;
	-webkit-animation: php 2s linear;
	   -moz-animation: php 2s linear;
	    -ms-animation: php 2s linear;
	        animation: php 2s linear;
}

/* 2015-11-09 zl finance-detail */
.finance-detail {
    padding: 0;
}
.left-nav li a .icon-day-count {
    width: 14px;
    height: 15px;
    margin-top: 0;
    margin-right: 10px;
    background-position: -45px 0;
}
.left-nav li.active a .icon-day-count,
.left-nav li:hover a .icon-day-count { background-position: -45px -16px; }
.left-nav li a .icon-month-count {
    width: 14px;
    height: 14px;
    margin-top: -1px;
    margin-right: 10px;
    background-position: -60px 0;
}
.left-nav li.active a .icon-month-count,
.left-nav li:hover a .icon-month-count { background-position: -60px -16px; }
.left-nav li a .icon-contrast-count {
    width: 14px;
    height: 14px;
    margin-top: -1px;
    margin-right: 10px;
    background-position: -74px 0;
}
.left-nav li.active a .icon-contrast-count,
.left-nav li:hover a .icon-contrast-count { background-position: -74px -16px; }

/* 2015-11-09 zl download-info */
.download-info {
    height: 50px;
    padding: 0 10px;
    margin-top: 10px;
    font-size: 13px;
    background-color: #fffefe;
    box-shadow: 0 1px 8px #e7eaf1;
}
.download-info span {
    line-height: 50px;
    color: #9d9d9d;
}
.download-info .fr a{ line-height: 50px; }
.download-info a {
    color: #4c89fb;
	border: 1px solid #4c89fb;
    border-radius: 4px;
    padding: 5px 10px 5px 10px;
}
.download-info .c-68abf7 { margin: 0 8px; }
.download-info .down-arrow {
    margin-bottom: 2px;
    background-position: 0 0;
}
.tab-warp-scroll {
    width: 100%;
    height: 100%;
    overflow-x: auto;
}

/* 2015-11-10 zl download-set */
.download-set {
    top: 52px;
    display: block;
    width: 126px;
}
.set-down { cursor: pointer; }
.nav-drop-down.download-set a {
    width: auto;
    text-decoration: inherit;
    color: #666;
    border-bottom: 1px solid #f2f2f2;
    cursor: pointer;
}
.nav-drop-down.download-set a.last { border: 0; }

.nav-drop-down.download-set a .check-box,
.nav-drop-down.download-set a .check-box-ed {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: -2px;
    margin-left: 10px;
    margin-right: 10px;
    vertical-align: middle;
    background-image: url("../img/project-img/icon-check-box.png");
}

/*2015.11.10 yy*/
.icon-warn-red{
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-top: -3px;
	margin-left: 3px;
	vertical-align: middle;
	background: url(../img/project-img/icon-warn-red.png);
}

.w-scroll-table{ width: 110%; }
@media only screen and (min-width: 1661px) {
	.w-scroll-table{ width: 100%; }
}

/* 2015-11-11 zl help */
.help { margin-top: 20px; }
.help .left-nav { padding-top: 32px; }
.help .left-nav,
.help .left-nav li a {
    width: 220px;
    font-size: 16px;
    color: #666;
}
.help .left-nav li a {
    width: 170px;
    height: 54px;
    line-height: 54px;
    padding-left: 50px;
    border: 0;
}
/*.help .left-nav li a em:hover { transform: scale(1.1); }*/
.help .left-nav li a em:hover {
    font-size: 18px;
    margin: 0 0 -1px -2px;
}
.help .left-nav li.active a em:hover {
    font-size: 17px;
    margin: 0;
}
.help .left-nav li.active a {
    font-size: 17px;
    color: #333;
}
.help .left-nav li a span {
    float: left;
    display: none;
    width: 2px;
    height: 16px;
    margin: 20px 0 0 -2px;
    vertical-align: middle;
    background-color: #4c89fb;
}
.help .left-nav li a em {
    padding-left: 10px;
}
.help .left-nav li.active a span,
.help .left-nav li:hover a span { display: inline-block; }

.help .cont-right-box h3.title {
    padding-bottom: 15px;
    padding-left: 25px;
    font-size: 16px;
    color: #666;
    line-height: 16px;
    cursor: pointer;
}
.help .cont-right-box h3.title span {
    float: left;
    width: 6px;
    height: 6px;
    margin-top: 5px;
    margin-left: -25px;
    vertical-align: middle;
    background-color: #4c89fb;
}
.help .cont-right-box .input-group {
	display: none;
    line-height: 30px;
    margin-bottom: 25px;
}
.help .cont-right-box .input-group img { display: block; }
.help .cont-right-box .input-group p a {
    color: inherit;
    text-decoration: underline;
}
.help-info-tab tr td {
    height: 40px;
    color: #0e2014;
    text-align: center;
    border: 1px solid #f0f0f0;
}
.help .left-nav li.active a,
.help .left-nav li:hover a { background-color: inherit; }

/* 2015-11-11 zl left-nav */
.left-nav li:hover a .icon-drop.icon-drop-down{
    background-image: url("../img/project-img/nav-drop-down1.png");
    background-position: 0 0px;
}
.left-nav li:hover a .icon-drop.icon-drop-down2{
    background-image: url("../img/project-img/nav-drop-down1.png");
    background-position: 0 -14px; }
.left-nav li:hover a .icon-drop.icon-drop-down3{
    background-image: url("../img/project-img/nav-drop-down1.png");
    background-position: 0 -28px;
}

/*2015.11.12 yy validate*/
.validate{
	display: block;
	height: 100%;
	padding: 0;
	margin: 0;
	background-color: #fff;
}
.validate-body{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -210px;
	margin-left: -420px;
	display: block;
	width: 840px;
}
.validate-body h2{
	padding-bottom: 20px;
	font-size: 26px;
	color: #333;
}
.validate-body p{
	padding-top: 10px;
	font-size: 16px;
	color: #666;
}
.validate-body p span.validate-tips{
	font-size: 14px;
	color: #b5b5b5;
}
.validate-body div.btn-blue{ margin: 30px 0 20px; }
.validate-body a{
	display: inline-block;
	margin-bottom: 20px;
	color: #4c89fb;
	text-decoration: underline;
}
.validate-body h5{ margin-top: 30px; }
.validate-body h5 a{
	font-size: 18px;
	color: #ff6161;
}

/*2015.11.16 yy safety page*/
.pop div.modify-tel{ width: 574px; }
.pop input.input-tel1{
	width: 245px;
	margin-right: 7px;
}

.pop input.input-tel2 {
    width: 156px;
}

/*2015.11.17 yy*/
.set-notice.mail-chose{ padding-left: 130px;}
.set-notice.mail-chose a{
	width: 339px;
	height: 159px;
	margin: 150px 20px 0;
}
.set-notice.mail-chose a span{ padding-top: 70px; }
.register-finish .modify-title{
	padding: 70px 0;
	margin: 0 50px;
	font-size: 22px;
	color: #333;
	text-align: center;
	border-bottom: 1px solid #f4f4f4;
}
.input-edit-short{
	width: 278px;
    height: 46px;
    line-height: 46px;
    padding-left: 10px;
    margin-top: 30px;
    color: #666;
	border: 1px solid #dfe1e8;
    border-radius: 3px;
}
/*2015.11.18 yy*/
.validate-tel-body{
	width: 290px;
	margin: 0 auto;
}
.validate-tel-body h3{
	padding: 50px 0;
	font-size: 17px;
	color: #333;
	text-align: center;
}
.validate-tel-body input{
	width: 268px;
	color: #ddd;
}
.validate-tel-body input.disable{
	background-color: #f4f4f4;
	color: #9e9e9e;
	cursor: no-drop;
}
.validate-tel-body .validate-tel-input input{ width: 158px; }
.validate-tel-body .btn-box{ margin-top: 50px; }
.validate-tel-body a{
	width: 100%;
	display: inline-block;
	margin: 0;
}

.right-adapt .input-tel1,
.right-adapt .input-tel2{
	width: 40%;
	height: 45px;
    padding-left: 10px;
    margin-right: 10px;
    font-size: 16px;
    line-height: 45px;
    color: #666;
    border: 1px solid #dfe1e8;
    border-radius: 4px;
}
.right-adapt .input-tel2{
	width: 200px;
	margin-right:0;
	color: #ddd;
}
.right-adapt .btn-blue{
	float: none;
	width: 100px;
	color: #fff;
}
/*2015.11.19 yy*/
.modify-tel.found-tel{
	width: 574px;
	margin: 80px auto 0;
}
.modify-tel.found-tel input{
	height: 45px;
    padding-left: 10px;
    margin-right: 10px;
    font-size: 16px;
    line-height: 45px;
    color: #ddd;
    border: 1px solid #dfe1e8;
    border-radius: 4px;
}
.modify-tel.found-tel .input-tel2{ width: 158px; }
.modify-tel.found-tel .btn-grey{
	width: 100px;
}
.change-password-input input{
	padding: 0 10px;
	border-radius: 4px;
}
.examine-tips.person-info{
	height: auto;
	padding: 15px 0;
	line-height: 30px;
	text-align: left;
}

/*2015.11.20 yy*/
.index-scanqr.jpay-scanqr{
	width: 141px;
	height: 48px;
	margin: 50px auto;
	background-image: url(../img/project-img/index/index-scanqr.png);
	background-position: left top;
	cursor: pointer;
}
.index-scanqr.close{ background-position: 0 -48px; }
.qrcode.op-qr{
	display: none;
	width: 126px;
	height: 126px;
	border: 1px solid #eaeceb;
}
.qrcode img{
	width: 126px;
	height: 126px;
}
.index-website.jpay-website{
	width: 141px;
	height: 48px;
	margin: -10px auto 0;
	background: url(../img/project-img/index/index-website.png);
}
.op-txt{
	width: 179px;
	height: 24px;
	margin: 190px auto 50px;
	background: url(../img/project-img/oppay-txt.png) no-repeat;
}
.btn-uj.btn-cancel{
	display: block;
	width: 180px;
	height: 48px;
	margin: 0 auto 100px;
	font-size: 16px;
	color: #b6b6b6;
	text-align: center;
	line-height: 48px;
	border: 1px solid #d9d9d9;
	cursor: pointer;
}
/*2015.11.23 yy */
.op-qr-div{
	position: relative;
	float: left;
	width: 126px;
	height: 126px;
	left: 50%;
	margin-left: 110px;
	margin-top: -96px;
}
.op-qr.qrcode{
	position: absolute;
	top: 0;
	left: 0;
}

/*2015.11.24 zl agent-pay-box*/
.agent-pay-box {
    height: auto;
    padding: 14px 0 20px 0;
    margin: 0 0 32px 0;
    line-height: 26px;
    text-align: left;
}
.agent-pay-box p { margin-left: 20px; }
.agent-pay-box .pt14 { padding-top: 14px; }
.agent-pay-box .btn-blue {
    width: auto;
    height: 40px;
    padding: 0 15px;
    margin: 0;
    font-size: 14px;
    line-height: 40px;

}
.agent-pay-box a {
    margin-left: 20px;
    font-size: 14px;
    line-height: 40px;
    color: #68aef5;
    text-decoration: underline;
}
.bd-b0 { border-bottom: 0 !important; }
/*2015.11.24 zl logo*/
/*.header .left-box .logo { width: 250px; }*/

/*2015.11.24 zl channel-apply*/
.channel-apply .register .step-bar-box .step-text span { width: 140px; }
.register .step-bar-box .step-text span.text1 { left: -56px; }
.register .step-bar-box .step-text span.text2 { left: 174px; }
.register .step-bar-box .step-text span.text3 { left: 404px; }
.channel-apply h3.title {
    padding-bottom: 30px;
    font-size: 16px;
    line-height: 16px;
    color: #333;
}
.channel-apply .register .step-bar-box .step-text {
    width: 490px;
    height: 18px;
}
.channel-apply .set-notice a {
    width: 208px;
    height: 48px;
}
.apply-select-box{
    padding: 0;
}
.channel-apply .set-notice a {
    width: 204px;
    margin-right: 20px;
    margin-bottom: 20px;
}
.apply-radio-warp .box {
    float: left;
    width: 50%;
    padding: 10px 0 35px 0;
}
.apply-radio-warp .box h3 {
    position: relative;
    padding-left: 30px;
    color: #666;
}
.apply-radio-warp .box h3 em {
    position: absolute;
    top: 7px;
    left: 0;
}
.apply-radio-warp .box p {
    padding-left: 30px;
    font-size: 14px;
    color: #b5b5b5;
}

/*2015.11.24 zl submit-data*/
.deal-detail-top.submit-data { padding-bottom: 40px; }
.submit-data h4 {
    line-height: 16px;
    color: #666;
}
.submit-data p.inp-warp { margin: 20px 0; }
.submit-data p.inp-warp input {
    width: 98.6%;
    height: 46px;
    line-height: 46px;
    padding: 0 10px;
    border: 1px solid #dfe1e8;
    border-radius: 4px;
}
.submit-data h4 span {
    font-size: 14px;
    color: #b5b5b5;
}
.five-credentials li {
    float: left;
    margin-right: 38px;
}
.five-credentials li p {
    padding: 15px 0;
    font-size: 14px;
    line-height: 14px;
    color: #9d9d9d;
    text-align: center;
}
.five-credentials li span {
    float: left;
    width: 162px;
    height: 122px;
    line-height: 122px;
    text-align: center;
    background-color: #f5f5f5;
    border: 1px solid #f1f1f1;
}
.five-credentials li span img {
    display: block;
    width: 162px;
    height: 122px;
    vertical-align: middle;
}
.five-credentials li a {
    display: block;
    width: 162px;
    height: 122px;
    font-size: 14px;
    color: #5f5f5f;
}
.five-credentials li.legal-person {
    width: 86px;
    margin-right: 0;
}
.five-credentials li.legal-person span {
    width: 86px;
    height: 52px;
    line-height: 52px;
}
.five-credentials li.legal-person a {
    display: block;
    width: 86px;
    height: 52px;
    line-height: 52px;
}
.five-credentials li.legal-person span img {
    display: block;
    width: 86px;
    height: 52px;
    vertical-align: middle;
}
.five-credentials li.legal-person span.sty-2 { margin-top: 16px; }
.five-credentials.view-pic li p {
    position: relative;
    text-align: center;
    color: #9d9d9d;
}
.five-credentials.view-pic li p a {
    display: inline-block;
    position: absolute;
    right: 0;
    width: auto;
    height: auto;
    text-decoration: underline;
}
.five-credentials.view-pic li p a:hover {
    color: #4c89fb;
    text-decoration: underline;
}

/*2015.11.24 zl channel-material*/
.channel-material {}
.channel-material .deal-detail-goods { margin-top: 0; }
.channel-material .deal-detail-goods th,
.channel-material .deal-detail-goods td {
    padding: 0 15px;
    height: 50px;
    font-size: 14px;
    text-align: center;
}
.channel-material .deal-detail-goods th {
    font-size: 13px;
    color: #666;
    background-color: #f7f7f7;
}
.channel-material .deal-detail-goods td {
    overflow: hidden;
    max-width: 100px;
    color: #5d5b5b;
    border-bottom: 1px solid #efefef;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.icon-circle-blue,
.icon-circle-grey {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-bottom: 2px;
    vertical-align: middle;
    background-image: url("../img/project-img/icon-circle.png");

}
.icon-circle-grey { background-position: -14px 0; }
.flow-path { padding: 10px 0 40px; }
.flow-path h4 {
    padding: 10px 0 6px 0;
    font-size: 16px;
    color: #666;
    line-height: 16px;
}
.flow-path p {
    font-size: 14px;
    color: #b5b5b5;
    line-height: 30px;
}
.agreement-check {
    font-size: 16px;
    line-height: 16px;
    color: #9d9d9d;
    text-decoration: underline;
    cursor: pointer;
}
.agreement-check .check-box,
.agreement-check .check-box-ed { margin-top: -3px; }

/*2015.11.25 zl agent-pay-box*/
.channel-apply .agent-pay-box { padding: 18px 0 20px 0; }
.channel-apply .agent-pay-box h4 {
    padding-bottom: 4px;
    font-size: 16px;
    line-height: 16px;
    color: #ff6161;
    text-align: center;
}
.channel-apply .agent-pay-box p {
    padding-top: 14px;
    font-size: 14px;
    line-height: 14px;
    color: #b5b5b5;
}
.channel-apply .agent-pay-box p em {
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-top: -3px;
    margin-right: 10px;
    vertical-align: middle;
    background-color: #b5b5b5;
}

/*2015.11.25 zl channel-application*/
.channel-application { padding-bottom: 35px; }
.channel-application span {
    margin-right: 35px;
    font-size: 16px;
    color: #666;
}
.channel-application span em {
    margin-left: 10px;
    font-size: 14px;
    color: #b5b5b5;
}
.btn-char-blue {
    position: absolute;
    left: 0;
    font-size: 16px;
    line-height: 46px;
    color: #4c89fb;
    text-decoration: underline;
}
/*2015.11.25 zl channel-account*/
.channel-account li {
    padding-top: 20px;
}
.channel-account li span {
    width: 104px;
    margin-right: 20px;
    font-size: 16px;
    color: #333;
    text-align: right;
}
.channel-account li input {
    width: 288px;
    height: 46px;
    padding: 0 10px;
    margin-right: 20px;
    line-height: 46px;
    border: 1px solid #dfe1e8;
    border-radius: 4px;
}

/*2016.01.12 zl landing-page*/
.landing-page { margin-top: 0; }
.landing-page .banner {
    width: 100%;
    height: 500px;
    background: url("../img/project-img/banner-bg.png") repeat-x;
}
.landing-page .banner img {
    display: block;
    margin: 0 auto;
}
.landing-page .warp-box h3 {
    padding-top: 96px;
    font-size: 22px;
    color: #484848;
    text-align: center;
}
.landing-page .warp-box h4 {
    padding-top: 25px;
    font-size: 16px;
    color: #747474;
    text-align: center;
}
.landing-page .warp-box {
    width: 1000px;
    margin: 0 auto;
}
.landing-page .warp-box img {
    display: block;
    margin: 60px auto 0;
}
.landing-page .warp-box2 { margin-bottom: 90px; }

/*2016.01.12 zl news-release*/
.news-release {
    position: absolute;
    top: 18px;
    right: 16%;
    width: 210px;
    font-size: 12px;
    line-height: 28px;
    background-color: #fffeee;
    border: 1px solid #f4e0d0;
    border-radius: 18px;
}
.news-release div{
	position: relative;
	display: inline-block;
	width: 168px;
	height: 20px;
	overflow: hidden;
}
@keyframes wwwTxt{
	0%{ left: 200px; }
	100%{ left: -300px; }
}
@-webkit-keyframes wwwTxt{
	0%{ left: 200px; }
	100%{ left: -300px; }
}
.news-release a {
	position: absolute;
	top: 0;
	display: inline-block;
	color: #da9e78;
	-webkit-animation: wwwTxt 8s linear infinite;
	-moz-animation: wwwTxt 8s linear infinite;
	animation: wwwTxt 8s linear infinite;
}
.news-release a:hover { text-decoration: underline; }
.horn {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: -4px 4px 0 10px;
    *margin-top: -2px;
    vertical-align: middle;
    background-image: url("../img/project-img/horn.png");
}


/*2016.1.27 yy card & coupon*/
.icon-pen{
	display: inline-block;
	width: 19px;
	height: 20px;
	vertical-align: middle;
	background: url(../img/project-img/icon-pen.png);
}
.card-detail-title{ margin: 40px 0 20px; }
.card-detail-title h5{
	font-size: 16px;
	color: #333;
}
.card-detail-title h5 span{
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-top: -4px;
	margin-right: 5px;
	vertical-align: middle;
	background: url(../img/project-img/icon-notice-event.png) left top;
}
.card-detail-table.finance-list-table tr td{ padding: 10px 0; }

/*2016.1.28 yy card edit*/
.card-edit-side{
	float: left;
	width: 230px;
	padding: 10px 40px 200px 10px;
}
.card-edit-main{ float: left; }
.card-edit-demot{
	width: 175px;
	padding: 25px;
	color: #fff;
	text-align: center;
	background-color: #5587c9;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.card-edit-demot h4{ font-size: 18px; }
.card-edit-demot h5{
	margin-top: 10px;
	font-size: 14px;
}

.card-edit-demot p{
	font-size: 36px;
	line-height: 36px;
}
.card-edit-demot p.small{
	margin-top: 10px;
	font-size: 12px;
	line-height: 12px;
}
.card-edit-demot p em{
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: text-top;
	font-size: 24px;
}
.card-edit-demob{
	width: 185px;
	padding: 5px 20px 15px 20px;
	font-size: 14px;
	background-color: #f6f6f6;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.card-edit-demob ul li{
	padding: 10px 0;
	border-bottom: 1px solid #ebebeb;
}
.card-edit-demob ul li span{
	display: inline-block;
	width: 70px;
}
.card-edit-btn{
	width: 120px;
	height: 40px;
	line-height: 40px;
	margin: 5px auto;
	font-size: 16px;
	color: #fff;
	text-align: center;
	background-color: #5587c9;
	border-radius: 4px;
	cursor: pointer;
}
.card-edit-name{
	display: inline-block;
	width: 95px;
	vertical-align: top;
}
.card-edit-item{ display: inline-block; }
.card-edit-type{ display: inline-block; }
.card-edit-type li{
	display: inline-block;
	margin-left: 20px;
	cursor: pointer;
}
.card-edit-main ul li{ margin-top: 35px; }
.card-edit-main ul li .card-edit-item li{ margin-top: 0; }

/*2016.1.29 yy*/
.control-txtend-box.card-edit-short{ width: 80px; }
.control-txtend-box.card-edit-short input{
	width: 53px;
	height: 28px;
	line-height: 28px;
	cursor: text;
}
.control-txtend-box.card-edit-long{
	width: 400px;
	height: 48px;
}
.control-txtend-box.card-edit-long input{
	width: 353px;
	height: 48px;
	font-size: 16px;
	line-height: 48px;
	cursor: text;
}
.control-txtend-box.card-edit-txtarea{
	width: 400px;
	height: 90px;
}
.control-txtend-box.card-edit-txtarea textarea{
	width: 395px;
	height: 70px;
	padding: 0;
	padding-top: 5px;
	color: #666;
	overflow-y: hidden;
	border: none;
}
.control-txtend-box.card-edit-txtarea em{
	position: absolute;
	bottom: 5px;
	right: 15px;
	font-size: 12px;
}
.set-notice.card-edit-plat{ margin-top: 20px; }
.set-notice.card-edit-plat a{
	width: 150px;
	height: 50px;
	margin-right: 20px;
}
.set-notice.card-edit-plat a span{
	line-height: 50px;
	padding: 0;
}
.card-edit-range li{
	margin-bottom: 5px;
}
.card-edit-range li input{
	width: 380px;
	height: 48px;
	padding: 0 10px;
	margin-left: 10px;
	color: #666;
	line-height: 48px;
	border: 1px solid #dfe1e8;
	border-radius: 4px;
}
.card-edit-range li input.disable{
	background-color: #e6e6e6;
	cursor: no-drop;
}
.card-edit-tips{
	margin: 5px 0 0 105px;
	font-size: 14px;
	color: #d6d6d6;
}
.card-edit-time li{
	margin-bottom: 30px;
	color: #666;
}
.card-edit-time li div.disable,
.card-edit-time li input.disable{
	color: #b5b5b5;
	background-color: #e6e6e6;
	cursor: no-drop;
}
.card-edit-week{
	margin-top: 13px;
	margin-left: 12px;
	font-size: 14px;
	color: #666;
}
.card-edit-week em{
	margin-left: 15px;
	margin-right: 8px;
	cursor: pointer;
}
.card-edit-input{
	width: 380px;
	height: 45px;
	padding: 0 10px;
	font-size: 16px;
	color: #666;
	line-height: 45px;
	border: 1px solid #dfe1e8;
	border-radius: 4px;
}
.card-edit-line{
	width: 90%;
	height: 1px;
	margin: 40px auto 20px;
	background-color: #dfe1e8;
}

.left-nav li a span.icon-card-activity{
	width: 14px;
	height: 14px;
	background: url(../img/project-img/icon-card.png);
}
.left-nav li:hover a span.icon-card-activity,
.left-nav li.active a span.icon-card-activity{ background-position: 0 -14px; }
.left-nav li a span.icon-card-number{
	width: 15px;
	height: 14px;
	background: url(../img/project-img/icon-card.png);
	background-position:-14px 0 ;
}
.left-nav li:hover a span.icon-card-number,
.left-nav li.active a span.icon-card-number{ background-position: -14px -14px; }
.activity-title{
	padding-bottom: 25px;
	font-size: 16px;
	color: #4c89fb;
	border-bottom: 1px solid #dfe1e8;
	cursor: pointer;
}
.activity-search{
	margin-top: 20px;
	margin-bottom: 25px;
	font-size: 14px;
}
/*2016.2.1 yy*/
.icon-edit.ps-r{
	top: 2px;
	right:0;
	margin-left: 10px;
}
.card-setting-td h4 div.ps-r {
    width: 80px;
    height: 30px;
    padding-right: 50px;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid #dfe1e8;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.card-setting-td h4 input {
    width: 70px;
    height: 29px;
    padding: 0 0 0 10px;
    color: #9b9b9b;
    border: none!important;
}
.card-setting-td .inp-btn-true,
.card-setting-td .inp-btn-wrong{ top: 10px; }
.register .step-bar-box.activity-creat-step{
	padding-top: 20px;
	border: none;
}
.register .step-bar-box.activity-creat-step .step-bar{ width: 260px; }
.register .step-bar-box.activity-creat-step .step-text{ width: 218px; }
.account-info-list.activity-creat-list{
	width: 505px;
	margin: 40px auto 0;
}
.account-info-list.activity-creat-list li span{ width: 95px; }
.account-info-list.activity-creat-list li .right-adapt{ margin-left: 100px; }
.cont-box.activity-give-pop{ width: 700px; }
.cont-box.activity-give-pop input.disable{
	color: #666;
	background-color: #f4f4f4;
	cursor: no-drop;
}
.cont-box.card-pop h4{
	padding: 200px 0 55px 0;
	font-size: 17px;
	color: #333;
	text-align: center;
}
.card-edit-name{ position: relative; }
.card-edit-name em.f12{
	position: absolute;
	bottom: -15px;
	left: 7px;
	display: inline-block;
	line-height: 20px;
	font-size: 12px;
	color: #d6d6d6;
}
.card-edit-name.lh-45 em.f12{
	left: 0;
	bottom: -5px;
}
.card-edit-color{
	position: absolute;
	z-index: 20;
	width: 125px;
	height: 60px;
	padding-top: 5px;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0 0 5px #ddd;
}
.card-edit-main ul li .card-edit-item .card-edit-color ul li{
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-top: 6px;
	margin-left: 5px;
	background-color: #5bb264;
	cursor: pointer;
}
/*2016.2.16 yy*/
.card-edit-demot{
	position: relative;
	width: 180px; }
.card-edit-demob{ width: 190px; }
.card-edit-demot label.f20{
	position: absolute;
	margin-top: 10px;
	margin-left: 5px;
	display: inline-block;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
}
/*2016.3.1 yy*/
.card-edit-range li input.short{
	display: inline-block;
	width: 172px;
	color: #d6d6d6;
}
/*2017.4.7 yangd*/
.top_notice{
    width: 100%;
    padding: 0 5%;
    height: 30px;
    background: #343434;
    line-height: 30px;
    color: #fff;
    box-sizing: border-box;
    font-size: 14px;
}
.top_notice .top_help li{
    float: left;
    text-align: center;
    margin: 0 5px;
    color: #919191;
}
.top_notice .top_help li a{
    color: #919191;
}
.top_notice .top_help li a:hover{
    color: #4c89fb;
}
.top_notice .theme{
	background: url(../img/financialStatistic/financial_icon_Shape.png) no-repeat;
	background-position: left center;
	background-size: 18px;
	padding-left: 25px;
}
.top-page-nav .appCon{
	max-height: 500px;
    width :180px;
    overflow-y: auto;
}
/**
招行报表
**/
.cmb-report-div{
    display: table-cell;
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 1140px;
    min-height: 100%;
    margin-left: 180px;
    padding: 20px 0 145px 20px;
  }
.cmb-report-div .finance-list-table{
	width: 99%;
}
.cmb-report-div .finance-list-table thead tr{
    background-color: #eee;
}
.cmb-report-div .finance-list-table tr th{
	border: 1px solid #999;
	padding: 8px;
	font-size: 1.1em;
	color: #000;
}

.cmb-report-div .finance-list-table tbody tr td{
	padding: 8px;
    border: 1px solid #999;
    position: relative;
}
.cmb-report-div .finance-list-table tbody tr:nth-child(even){background: #efefef;}

.report-digest-table{
	width: 67%;
    color: #0c0101;
    margin: 30px 0 30px 0;
}
.report-digest-table thead tr{
	background: #eeeeee;
}
.report-digest-table thead tr th{
	width: 25%;
	border-bottom: 1px solid #999;
	padding: 7px;
}
.report-digest-table tbody tr td{
	width: 25%;
	border-bottom: 1px solid #999;
	padding: 7px;
}
.digest-div .digest-title{
	font-size: 19px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    color: #525252;
}
.btn-blue.mini {
    display: inline-block;
    width: 80px;
    height: 30px;
    vertical-align: middle;
    line-height: 30px;
}
.cmb-report-div  .tip-pop{
    right: 0px;
    width: auto;
    min-width: 145px;
    position: absolute;
    font-size: 12px;
    line-height: 18px;
    color: #da9e78;
    background-color: #fffeee;
    border: 1px solid #f4e0d0;
    border-radius: 4px;
    padding: 6px 10px;
    z-index: 10;
    top: 34px;
    text-align: left;
	display: none;
}
.cmb-report-div .week-day{
    color: #fff;
    background: #4CAF50;
    border-radius: 50%;
    width: 24px;
    margin-right: 3px;
}
.cmb-report-div .weekend{
    color: #fff;
    background: #ff9800;
    border-radius: 50%;
    width: 24px;
    margin-right: 3px;
}
.child-nav .child-nav-wrap{
	width: 100%;
}
.op-refund-table{
	width: 90%;
    color: #0c0101;
    margin: 20px auto;
}
.op-refund-table thead tr {
    background-color: #ebeceb;
}
.op-refund-table thead tr th {
    border: 1px solid #999;
    padding: 7px;
    text-align: center;
    font-size: 16px;
}
.op-refund-table tbody tr td {
    border: 1px solid #999;
    padding: 7px;
    text-align: center;
    font-size: 14px;
}
.pop-title{
	padding: 10px;
	border-bottom: 1px solid #e6e6e6;
	color: #000000;
}
.pop-title h2{
	font-weight: bold;
}
.pop-table{
	width : 97%;
    margin: 15px;
    font-size: 14px;
    color: #000000;
}
.pop-table th{
	text-align: center !important;
	padding: 5px 0;
}
.pop-table td{
	text-align: center !important;
}
.pop-table tr{
	border-bottom: 1px solid #efefef;
}
.pop-table tr td{
	padding: 5px 0;
}
.pop-close:AFTER {
	content: "\2715";
}
.finance-trans-type ul li{
	display: inline-block;
	margin-right: 5px;
	font-size: 12px;
	color: #666;
	padding: 0 5px 0 5px;
	text-align: center;
	border-radius: 5px;
	cursor: pointer;
}
.finance-trans-type ul li:hover,
.finance-trans-type ul li.active{
	color: #fff;
	background-color: #4daf7a;
}
footer {
    height: 20px;
    width: 100%;
    padding: 15px 0;
    background: #ffffff;
}
footer p {
	font-size:14px;
    text-align: center;
    color: rgb(119,125,140);
}
.pop-footer {
    padding-top: 10px;
    border-top: 1px solid #edecec;
    padding-bottom: 10px;
}
.stamp-fail{
	float: right;
    display: inline-block;
    width: 92px;
    height: 92px;
	color: #FF5722;
}
.stamp-fail > span{
	border-color: #FF5722;
	color: #FF5722;
}
.stamp-done{
	float: right;
    display: inline-block;
    width: 92px;
    height: 92px;
	color: #8BC34A;
}
.stamp-done > span{
	border-color: #8BC34A;
	color: #8BC34A;
}
.stamp-doing{
	float: right;
    display: inline-block;
    width: 92px;
    height: 92px;
	color: #4c89fb;
}
.stamp-doing > span{
	border-color: #4c89fb;
	color: #4c89fb;
}
.stamp-outer{
    border: 2px solid;
    border-radius: 48px;
}
.stamp-mid{
	border: 1px dashed;
    border-radius: 40px;
    width: 70px;
    height: 70px;
    margin: 10px;
}
.stamp-inner{
    border: 1px dotted;
    border-radius: 33px;
    width: 60px;
    height: 60px;
    margin: 4px;
}
.stamp-font{
	font-weight: lighter;
    font-size: 18px;
    width: 60px;
    display: inline-block;
    padding-top: 16px;
    text-align: center;
}