@charset "utf-8";
/* CSS Document */
/* ************************************
* 文件名称： base.css
* 编 写 者： Judy Wang
* 编写日期： 2014-04-15
* 文件版本： V1.0
* 内容概要： 重设浏览器默认样式
************************************ */
body{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: none;
	color: #333;
	font-size: 0.8em;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	background: url(../img/bg.jpg) repeat;
}
/***** Common Formatting *****/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,img,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	margin: 0;padding: 0;
}
img{
	border: 0;
	border: none;
}


/***** Title *****/
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: 600;
}

/***** Links *****/
a {
	color: #FFF;
	text-decoration: none;
}
.underline,a.underline{
	text-decoration:underline;
}
/***** Forms *****/
label,button,input,select,textarea{
	font: normal 12px/100% Verdana, Helvetica, Arial, sans-serif;
	vertical-align: middle;
}
.btn2{
	border:none;
	font-size:12px;
	color:#333;
	cursor:pointer;
	height:26px;
	line-height:22px;
	vertical-align:middle;
}
.btnSer{
	width:22px;
	background:url(../img/icon_search.gif) no-repeat;
}
.form{
	width: 300px;
	line-height: 20px;
	padding: 3px 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #9A9A9A #CCC #CCC #9A9A9A;
	background: #FFF;
}
.form150{
	width: 201px;
}

.form2150{
	width: 101px;
}

select.form{
	width: 213px;
	height: 28px;
}
select.form150{
	width: 162px;
}
.btn{
	cursor: pointer;
	background: none;
	border: none;
	font: normal 12px/100% Verdana, Helvetica, Arial, sans-serif;
}
.btn-text{
	color: #F36E22;
}
.btn-org{
	background: #C00;
	color: #FFF;
}
.btn-org-big{
	padding: 10px 20px;
	line-height: 16px;
}
.btn-org-small{
	padding: 0 16px;
	line-height: 28px;
}

/***** Tables *****/
table{
	border-collapse: collapse;
	border-spacing:0;
}
th{
	text-align: left;
	font-weight: 500;
}
td{
	vertical-align: middle;
}

/***** Global Classes *****/
.fn-left { float: left; }
.fn-right { float: right; }
.hide { display: none; }
.block { display: block; }

/***** Layout style *****/
.container, .content{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.mb20
{

	margin-bottom: 20px;
}
.mt20{
	margin-top: 20px;
}
.mb10{
	margin-bottom: 10px;
}

/* Header */
.header{
	width: 100%;
	height: 60px;
	background: url(../Images/LOGO.png) no-repeat;
	
}
.header .con{
	height: 65px;
}
.login{
	position: relative;
	margin-top: 15px;
	padding-right: 20px;
	height: 35px;
	width:280PX;
}
.login .user{
	display: inline-block;
	padding: 5px 3px 3px 25px;
	cursor: pointer;
}
.login .user span{
	padding-left: 5px;
}
.login .top-links{
	position: absolute;
	right: 20px;
	top: 35px;
	background: #FFF;
	border: 1px solid #F36E22;
	border-top: none;
	padding: 10px;
}
.login .top-links li{
	padding: 8px 5px;
	border-bottom: 1px solid #EFEFEF;
}
.login .top-links li a{
	display: inline-block;
	width: 100px;
	line-height: 16px;
	color: #999;
	text-align: center;
}
.login .top-links li a:hover,
.login .top-links li a:active{
	color: #F60;
}

.nav{
	width: 160px;
	font-size: 14px;
	margin: 10px 5px 0 10px;
	background: #FFF;
	height: auto;
	overflow: hidden;
}
.nav ul{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 5px 0 20px 0;
}
.nav li{
	width: 100%;
}
.nav li a,
.nav li span{
	display: block;
	margin: 0 20px;
	line-height: 20px;
	padding: 10px 0 10px 5px;	
	color: #999;
	border-bottom: 1px solid #EEE;
	font-size: 14px;
	cursor: pointer;
}
.nav li.current span{
	color: #F60;
	border-bottom: 1px solid #F60;
}
.nav li.hover span,
.nav li.current span{
	color: #F60;
	border-bottom: 1px solid #F60;
}
.nav li  a:hover,
.nav li  a:active,
.nav li  a.active{
	color:White;
	background:#C00;
}
.nav .act a{
	color:White;
	background:#C00;
}
.nav li dl{
	display: none;
}
.nav li.current dl,
.nav li.hover dl{
	display: block;
}
.nav li dd a{
	padding-left: 20px;
	font-size: 13px;
}

/* Main Content */
.right-body{
	margin: 10px;
	padding: 20px;
	background: #FFF;
	height: auto;
	overflow: hidden;
}
.right-body .con{
	height: auto;
	overflow: hidden;
}
.page-title
{
	text-align: left;
	width: 100%;
	line-height: 18px;
	padding-bottom: 5px;
	padding-left:5px;
	padding-top:5px;
	margin-bottom:10px;
	font-size: 20px;
	color: #C00;
	font-family:华文楷体,微软雅黑;
	
	
	
	
	font-weight:900;
	border-bottom: 1px solid #DDD;
	border-left: 1px solid #DDD;
	border-top: 1px solid #DDD;
	border-right: 1px solid #DDD;
	text-transform: uppercase;
}
.main{
	width: 100%;
}

.content table{
	width: 100%;
}

/* Table Form */
.table-form-tit{
	text-align: right;
	padding-right: 1%;
}
.table-form-tit-top{
	vertical-align: top;
}
.table-form tr td{
	line-height: 40px;
}
.table-form tr td textarea{
	resize: none;
	overflow: hidden;
	margin-top: 5px;
}
.table-form tr td.relative{
	position: relative;
}
.table-form tr td .btn-icon{
	position: absolute;
	width: 22px;
	height: 22px;
	top: 10px;
	left: 138px;
}
.btn-calender{
	background: url(../img/calender.png) center right no-repeat;
}
.btn-search{
	background-position: 0 -160px;
}
.table-form2 tr td{
	line-height: 25px;
}
/* Table List */

.table-list{
	width:99%;
	border-left:1px solid #CCC;
	border-top:1px solid #CCC;
}
.table-list tr th{
	background:#999;
	color:#FFF;
	font-size:13px;
	height:28px;
}
.table-list tr td{
	line-height:28px;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding-left:0;
}
.table-list tr td{
	text-align:center;
}

.pager
{
	width: 100%;
	height: 20px;
	line-height: 20px;
} 
.pager span,
.pager a.active{
	padding: 0 5px;
	font-weight: bold;
	color: #F60;
	font-size: 14px;
}
.pager a{
	padding: 0 5px;
	color: #333;
}

/* Contact */
.photo-box{
	width: 160px;
	height: 160px;
	line-height: 160px;
	text-align: center;
	border: 1px solid #CCC;
	background: #F8F8F8;
	font-size: 16px;
	color: #CCC;
}
.photo-box img{
	width: 100%;
	height: auto;
}
.red{
	color: #F00;
}


/****** table style ******/
table.formTab{
	border-style: none;
	border-color: inherit;
	border-width: 0;
	width:100%;
		margin-top:2px;
		border-spacing:0;
	margin-left: 0;
	margin-right: auto;
	margin-bottom: 0px;
}
table.formTab tr td,table.formTab tr th{
	height:28px;
}
table.formTab tr td{
	text-align:center;
	padding-left:0px;
}
table.formTab tr th{
	text-align:center;
/*	text-transform:uppercase;*/
}

/******* display style ********/
.undis{
	display:none;
}
.dis{
	display:block;
}
.indis{
	display:inline;
}

/******* blank style ********/
.blank15{
	width:100%;
	height:15px;
	display:block;
}
.mar8{
	margin-top:8px;
}
.mar35{
	margin-left:35px;
}
.indent{
	text-indent:2em;
}


.tabTit{
	width:50%;
	height:32px;
	margin:0;
}
.tabTit li{
	float:left;
	width:33%;
	line-height:32px;
	color:Black;
	font-weight:bold;
	background:#EFEFEF;
	border-right:2px solid #FFF;
	text-align:center;
	cursor:pointer;
	text-transform:uppercase;
}
.tabTit .curTabTit{
	background:#020202;
	color:#FFF;
	border-bottom:none;
}

.fontRedB{
	color:#C00;
	font-weight:bold;
	padding:0 3px;
	*padding:0px; /* ie6,ie7 */
}
.font12{
	font-size:12px;
	font-weight:normal;
}
.font14{
	font-size:13px;
}
.font15{
	font-size:15px;
	font-family:微软雅黑,宋体,黑体;
}
.font16{
	font-size:12px;
}
.font20{
	font-size:20px;
}
.icon{
	background-image: url(../img/icon.png);
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
}


#productList{margin-top:6px;}
#productList a.row{ position:relative;clear:both;height:151px;margin-top:9px;cursor: pointer;border:1px solid #dcdcdc;background-position:right top;background-repeat:no-repeat; display:block;}
#productList a.row:hover{ border:1px solid #1eb2d5;background-color: #eefcff; text-decoration:none; color:#666;}
#productList .bank{position:relative;float:left;margin:20px 0 0 20px;display:inline;width:185px;height:320px;border:1px solid #eee;background:#f7f7f7;text-align:center}
#productList .bank .product-id{height:30px;padding-top:20px;}
#productList .bank .icon{margin-top:50px}
#productList .bank img{width:100px;height:100px;margin:0 0 20px 40px;*margin-left:0}
#productList .bank .txt{position:absolute;bottom:0;left:0;width:185px;height:44px;line-height:40px;border-top:1px dotted #dcdcdc;background:url(../images/public/home_bank_icon.png) no-repeat 50px 13px}
#productList .pdInfo{float:left;height:250px;width:427px}
#productList .pdInfo h3{margin-top:50px;height:60px;font:20px/60px '微软雅黑';padding-left:10px;width:408px}
#productList .pdInfo h3.loveDay{background:url(../images/home/loveday.png) no-repeat  8px -48px;padding-left:40px;width:368px}


#productList .mIfno{border:1px dotted #dcdcdc;border-width:1px 0;padding:10px;height:52px}
#productList .mIfno li{float:left;border-left:1px solid #dcdcdc;line-height:26px;text-align:center}
#productList .mIfno li span{font-size:20px;font-family:'微软雅黑'}
#productList .mIfno li span.wenhao{color:#ED1C24;font-size:16px;}
#productList .mIfno .w1{width:100px;border-left:0}
#productList .mIfno .w2{width:80px}
#productList .mIfno .w3{width:102px}
#productList .mIfno .w4{width:120px}
#productList .repayment{height:70px;line-height:63px;padding-left:20px}
#productList .repayment .tMode{background:url(../images/public/home_t_1.png) no-repeat;padding-left:25px;margin-left:5px}
#productList .btnBox{float:left;height:250px;width:160px;border-left:1px dotted #dcdcdc;text-align:center;line-height:21px}
#productList .btnBox .color{font-size:22px}
#productList .prevBuy .color{color:#30bf2c}
#productList .waitBuy .color{color:#ed1c24;padding:0 4px}
#productList .goBuy .color{color:#cc9e46}
#productList .rePaymenting .color,
#productList .waitRepayment .color,
#productList .comingInterest .color,
#productList .closeBuy .color{color:#666}
#productList .btnBox a.buyBtn{display:block;margin:122px 0 10px 16px;width:137px;height:54px;font:22px/50px '微软雅黑';color:#fff;background:url(../images/public/home_btn.png) no-repeat 0 -216px;text-decoration:none;*margin-left:0}
#productList .prevBuy a.buyBtn{background-position:0 -55px}
#productList .prevBuy a.buyBtn:hover{background-position:-138px -55px}
#productList .waitBuy a.buyBtn{background-position:0 -110px;cursor:text}
#productList .waitBuy a.buyBtn:hover{background-position:-138px -110px;cursor:text}
#productList .goBuy a.buyBtn{background-position:0 0;cursor:pointer;}
#productList .goBuy a.buyBtn:hover{background-position:-138px 0px;cursor:pointer;}
#productList .rePaymenting a.buyBtn,
#productList .waitRepayment a.buyBtn,
#productList .comingInterest a.buyBtn{background-position:0 -165px;cursor:text}
#productList .rePaymenting a.buyBtn:hover,
#productList .waitRepayment a.buyBtn:hover,
#productList .comingInterest a.buyBtn:hover{background-position:-138px -165px;cursor:text}
#productList .closeBuy a.buyBtn{background-position:0 -220px;cursor:text}
#productList .closeBuy a.buyBtn:hover{background-position:-138px -220px;cursor:text}

#productList .times{position:relative;float:left;padding-left:85px;width:503px;height:87px;font:16px/92px '微软雅黑';border-top:1px dotted #dcdcdc;background:url(../images/public/home_djs.png) no-repeat 20px 20px}
#productList .times .day,
#productList .times .hour,
#productList .times .min,
#productList .times .sec{position:absolute;top:2px;color:#ed1c24;margin-right:10px;left:239px}
#productList .times .hour{left:302px}
#productList .times .min{left:364px}
#productList .times .sec{left:426px}
#productList .done{position:relative;background:none}
#productList .done .doneIcon{position:absolute;top:-40px;right:200px;height:112px;width:112px;background:url(../images/public/stamp.png) no-repeat}
#productList .done .raise_status{padding-left:100px;color:#737373;}

/* 0516 amp list */
#productList .row-top{ height:108px;}
#productLis  .amp0{ width:50%;}
#productList .row-bot{ height:43px; line-height:43px;background: #f1f1f1;color: #333;}
#productList .pro-major,
#productList .repay-blank{ float:left;}
#productList .pro-major{ width:420px; padding:17px 0 0 19px;}
#productList .pro-major h3{font:17px/1 '微软雅黑';width:425px; margin-bottom:13px;}
#productList .pro-progress{ float:right; width:308px;}
#productList .buy-total{ float:right; width:310px;}
#productList .pro-info .expected_yield{ float:left; width:115px; padding:17px 0 0 25px;color: #b1b1b1;}
#productList .pro-info .expected_yield span{ height:28px; line-height:28px; font-size:37px;color: #ff6b00;}
#productList .pro-info .time-info{ float:left; border-left:1px solid #ccc; padding-left:22px;}
#productList .time-info .info{ float:left;color: #999;}
#productList .info span{color: #ff6b00; font-size:14px; margin-right:3px;}
#productList .time-info .cur-day{ float:left; padding:20px 0 0 26px;}
#productList .percentBox{ margin-bottom:14px; padding-top:23px;}
#productList .percentBox span{ float:left; }
#productList .paiding .paid{margin-left:20px}
#productList .percent{ position:relative; width:230px; height:10px;margin-right:4px; border:1px solid #e1e1e1;background: #f5f5f5;}
#productList .percent em{ display:block; margin:-1px 0 -1px 0; height:12px;background: #1eb2d5;}
#productList .text b{ position:relative; top:-2px;font-size:18px; font-weight:normal;color: #333;}
#productList .end_sale_time{ width:268px; height:40px; line-height:40px; text-indent:75px; background:url(../img/clock.png) #effcff 40px center no-repeat;}
#productList .distance-sale{text-indent:58px; background:url(../img/clock.png) #effcff 25px center no-repeat;}
#productList .end_sale_time span{ font-family:'宋体';}
#productList .row-bot{ padding:0 19px;}
#productList .row-bot span{color: #ff6b00;}
#productList .status10{background-image:url(../images/home/status10.png)}
#productList .status20{background-image:url(../images/home/status20.png)}
#productList .status30{background-image:url(../images/home/status30.png)}
#productList .status40{background-image:url(../images/home/status40.png)}
#productList .status50{background-image:url(../images/home/status50.png)}
#productList .pay-com .pro-finish{ padding:25px 0 10px 46px;}
#productList .status60{background-image:url(../images/home/status60.png)}
#productList .status70{background-image:url(../images/home/status70.png)}
#productList .status80{background-image:url(../images/home/status70.png)}
#productList .status90{background-image:url(../images/home/status70.png)}
#productList .pro-finish{ padding:45px 0 0 37px; font-size:14px;color:#333;}
#productList .wait-buy{ padding:23px 0 12px 90px; font-size:14px;color:#333;}
#productList .pay-end{ padding:35px 0 0 37px;}
#productList .repay-buy .end_sale_time{ text-indent:110px;background:url(../img/clock.png) #effcff 80px center no-repeat;}
#productList .repay-buy .wait-buy{padding:23px 0 12px 65px;}
#productList .closeIcon{position:absolute;top:30px;left:355px;width:112px;height:112px; z-index:22;background:url(../images/home/stamp.png) no-repeat}
#productList .yet-buy{text-align: right;}
#productList .yet-buy .color{ position:relative; top:3px;font-size:20px;color: #1eb2d5; margin:0 3px; line-height:23px;}
.ellipsis{ white-space:nowrap; overflow:hidden;  text-overflow:ellipsis ;}

.PhotoTable a{ color:#fff;}
.PhotoTable a:hover{ text-decoration:underline;}

.ChooseUl li
{
    float:left;width:20%;border-bottom:1px dotted #dcdcdc;height:30px;line-height:25px;
    list-style:none; margin-bottom:20px;
}


.ChooseUl2 li
{
    float:left;width:10%;height:30px;line-height:25px;
    list-style:none; margin-bottom:20px;
}

.ChooseUl3 li
{
    float:left;width:10%;min-height:30px;line-height:25px;
    list-style:none; margin-bottom:5px; 
}

.ChooseUl2 a
{
    min-width:30px;
    height:30px;
    display:block;
    text-align:center;
}

.ChooseUl3 a
{
    width:120px;
    height:30px;
    display:block;
    text-align:center;
}