/* CSS Document */

/* 
	 =================
	 common layout
	 ====================
*/


.container:after,
.header-main:after,
.header-main .nav ul:after,
.header-top:after,
.guide ul:after,
.form-group:after,
.tab-hd:after,
.widget-head:after,
.invest-detail:after,
.invest-info-hd:after,
.invest-group:after,
.cart-top:after,
.cart-cash:after,
.cart-increase:after,
.cart-begintime:after,
.cart-begincash:after,
.cart-maxcash:after,
.usercenter:after,
.account-info:after,
.uci-invest-income:after,
.project-name:after,
.footer:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;overflow:hidden;visibility:hidden}

/* == module:project ==  */
/* project info */
/*  project name */
.project-name{ position:relative; padding-bottom: 20px; zoom:1}
.project-name .project-type{ position:relative; display:inline-block; width:16px; height:18px; background-image:url(../images/guarantee.png); background-repeat:no-repeat;margin-left: 10px;margin-top: 3px;vertical-align: bottom;}
.project-name .guarantee{ background-position: 0 0; padding-top:0;}
.project-name .other{ display:none}
.project-name a{ float:left; font-size:16px; padding:0; text-decoration:none; vertical-align:middle;}
.project-name a:hover{ color:#4487d3}

/*  project way */
.project-way{width:220px;}
.project-way-t{ font-size:14px;color:#999;}
.project-way-n{ font-size:14px;}

/*  project sched */
.project-progress{position: relative; width:205px;}
.project-progress .project-progress-n{width:100%;}
.progress-all{ position: relative; width: 100%;height: 6px;background-color: #ebebeb;border-radius:3px; overflow:hidden;}
.progress-finish{ position: absolute;left: 0;top: 0;height: 6px;background:#ff772d;font-weight:normal;}
.progress-finish.all{background:#61B24E;}
.progress-num{ position: relative; color:#9e9e9e}

/*  project sched */
.project-rate{ width:200px;text-align:left;}
.project-rate-t{font-size:13px;color:#999;}
.project-rate-n{margin-top:12px;}
.project-rate .project-rate-n strong{ font-size:24px; color:#ff772d;font-family: Arial,"Hiragino Sans GB","Microsoft YaHei","Apple LiGothic Medium",SimHei,"ST Heiti";font-weight:normal;}
.project-rate .project-rate-n span{ color:#ff772d;}

/*  project begintot */
.project-begintot{ width:220px; white-space:nowrap; overflow:hidden;}
.project-begintot-t{font-size:13px;color:#999;}
.project-begintot .project-begintot-n strong{ font-size:12px; font-weight:normal; font-family:Arial,"Hiragino Sans GB","Microsoft YaHei","Apple LiGothic Medium",SimHei,"ST Heiti";}
.project-begintot .project-begintot-n span{ font-size:12px; font-weight:normal;}

/*  project total */
.project-total{ width:220px; white-space:nowrap; overflow:hidden;}
.project-total-t{font-size:13px;color:#999;}
.project-total .project-total-n strong{ font-size:13px;font-weight:normal; font-family:Arial,"Hiragino Sans GB","Microsoft YaHei","Apple LiGothic Medium",SimHei,"ST Heiti";}
.project-total .project-total-n span{ padding: 0 0 0 0; font-weight:normal;}

/* project transfer */
.project-transfer{ width:220px; white-space:nowrap; overflow:hidden;}
.project-transfer-t{font-size:13px;color:#999;}
.project-transfer .project-transfer-n strong{ font-size:13px;font-weight:normal; font-family:Arial,"Hiragino Sans GB","Microsoft YaHei","Apple LiGothic Medium",SimHei,"ST Heiti";}
.project-transfer .project-transfer-n span{ padding: 0 0 0 0; font-weight:normal;}

/*  project term */
.project-term{ width:200px; white-space:nowrap; overflow:hidden;}
.project-term-t{font-size:13px;color:#999;}
.project-term .project-term-n{margin-top:12px;}
.project-term .project-term-n strong{ font-size:24px; font-weight:normal; font-family:Arial,"Hiragino Sans GB","Microsoft YaHei","Apple LiGothic Medium",SimHei,"ST Heiti";font-weight:normal;}
.project-term .project-term-n span{ }

/*  project attorn */
.project-attorn { width:180px; padding-left:40px;}
.project-attorn-n{ color:#f06464}

/*  project operate */
.project-operate{ width:205px;}
.project-operate .btn{ width:205px; padding:0; height:40px;line-height:40px; text-align:center; font-size:16px; text-decoration:none;}
.project-operate-status{ position:relative; display:block; height:21px;text-align:center; font-size:16px; border-bottom:1px dashed #e3e3e3;}
.project-operate-txt{ position:absolute;left: 29%;line-height: 35px;padding: 0 20px;background-color: #fff;}
.project-operate-link{ padding-top:15px;display:block; text-align:center; color:#90cfc7;font-size:16px;}

/*.project-rate-t,
.project-rate-n, */
.project-way-t,
.project-way-n,
.project-begintot-t,
.project-begintot-n,
.project-total-t,
.project-total-n,
.project-transfer-t,
.project-transfer-n,
.project-sched-t,
.project-sched-n {display: inline-block;zoom: 1; *display:inline}

/* investlist */
.investlist li{ padding-bottom:15px;border-bottom: 1px solid #ddd; margin-bottom:15px;zoom:1;}
.investlist li:after{ clear:both;content:".";display:block;font-size:0;height:0;line-height:0;overflow:hidden;visibility:hidden}


/* 
	 =================
	 function layout
	 ====================
*/


/* == module:header ==  */
.header{background-color: #fff;}
.header-top{background-color: #fff;}
.header-top .hotline{ float:left;}
.header-top .share{float:left;}
.header-top .app{float:left;}
.header-top .profile-info{float:right;}
.header-top .top-nav{}
.header-top .after-landing{}
.header-main{background-color: #fff; zoom:1; }
.header-main .logo{ float:left;}
.header-main .logo a{ display:block;}
.header-main .nav{ float:right;}
.header-main .nav ul{zoom:1}
.header-main .nav li{ float:left;}

.navbar-toggle {position: relative;float: right;padding: 9px 10px;margin-top: 23px;margin-right: 10px;margin-bottom: 8px;background-color: transparent; background-image: none;    border: 1px solid #f95c53;border-radius: 4px}
.navbar-toggle:focus {outline: 0}
.navbar-toggle .icon-bar {display: block;width: 22px;height: 2px;border-radius: 1px;background-color: #f95c53;}
.navbar-toggle .icon-bar+.icon-bar {margin-top: 4px}

/* == module:banner ==  */
.banner-box{ position:relative;height: 380px;}
.banner-box .slider,
.banner-box .slider .slider-list{height:380px;overflow: hidden;}
.banner-box .slider .slider-list .banner-bg,
.banner-box .slider .slider-list .banner-bg a{ display:block;height:380px;}
.banner-box .banner-bar{ position:absolute;overflow: hidden;}
/* == module:guide ==  */
.guide{}
.guide ul{ zoom:1;}
.guide li{ float:left;}

/* == module:partner ==  */
.partner{ margin-top:20px;}
.partner ul li{float: left;}
/* == module:footer ==  */
.footer{}

/* == module:index ==  */
/*.index .header-top .after-landing{ display:none;}
.index .header-top .top-nav{ display:block;} */
/*  */
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {position: relative;padding: 0;	*zoom: 1;}
.bx-wrapper img {max-width: 100%;display: block;}
/** THEME
===================================*/
.bx-wrapper .bx-viewport {	-moz-box-shadow: 0 0 5px #ccc;	-webkit-box-shadow: 0 0 5px #ccc;	box-shadow: 0 0 5px #ccc;	background: #fff;	/*fix other elements on the page moving (on Chrome)*/	-webkit-transform: translatez(0);	-moz-transform: translatez(0);	-ms-transform: translatez(0);   	-o-transform: translatez(0);transform: translatez(0);}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {	position: relative;	bottom:0px;	display: inline-block;	*zoom: 1;	*display: inline;}
/* LOADER */
.bx-wrapper .bx-loading {	min-height: 50px;	background: url(../images/bx_loader.gif) center center no-repeat #fff;	height: 100%;	width: 100%;	position: absolute;	top: 0;	left: 0;	z-index: 2000;}
/* .bx-wrapper .bx-controls */
.bx-wrapper .bx-controls{ position:absolute; bottom:0; width:100%; text-align: center; z-index:98;}
/* PAGER */
.bx-wrapper .bx-pager {	font-size: .85em;font-family: Arial; font-weight: bold;	color: #666;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {	display: inline-block;	*zoom: 1;	*display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a {	background: #fff; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;	text-indent: -9999px;	display: block;	width: 12px;height: 12px;	margin: 0 5px;	outline: 0;	-moz-border-radius: 10px;	-webkit-border-radius: 10px;	border-radius: 10px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #fff;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {	left: 20px;	background: url(../images/controls.png) no-repeat 0 -83px;}
.bx-wrapper .bx-next {	right: 20px;	background: url(../images/controls.png) no-repeat -52px -83px;}
.bx-wrapper .bx-prev:hover {background-position:0 0;}
.bx-wrapper .bx-next:hover {background-position:-52px 0;}
.bx-wrapper .bx-controls-direction a{ opacity:0; filter:Alpha(Opacity=0);-moz-opacity:0; -khtml-opacity: 0; position: absolute; top:-200px; margin-top: -16px; outline: 0; width: 34px; height: 76px; -webkit-transition:opacity .2s ease-out; -moz-transition:opacity .2s ease-out; -o-transition:opacity .2s ease-out; -ms-transition:opacity .2s ease-out; transition:opacity .2s ease-out;  text-indent: -9999px; z-index: 9999;}
.bx-wrapper:hover .bx-controls-direction a{ opacity:1; filter:Alpha(Opacity=100);-moz-opacity:1; -khtml-opacity: 1;}
.bx-wrapper .bx-controls-direction a.disabled {	display: none;}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {	text-align: center;}
.bx-wrapper .bx-controls-auto .bx-start {	display: block;	text-indent: -9999px;	width: 10px;	height: 11px;	outline: 0;	background: url(../images/controls.png) -86px -11px no-repeat;	margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {background-position: -86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop {display: block;	text-indent: -9999px;	width: 9px;	height: 11px;	outline: 0;	background: url(../images/controls.png) -86px -44px no-repeat;	margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {	background-position: -86px -33px;}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {	text-align: left;	width: 80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {	right: 0;	width: 35px;}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {position: absolute;bottom: 0;left: 0;background: #666\9;background: rgba(80, 80, 80, 0.75);width: 100%;}
.bx-wrapper .bx-caption span {color: #fff;font-family: Arial;display: block;font-size: .85em;padding: 10px;}

/* main */
.main{}

/* side */
.side{}