@charset "utf-8";
/** 
 ** @description:首页样式表
 ** @time:2014-03-10
 */

/*公用样式*/
.service, .container, .recommend-fund, .star-manager, .main-l, .main-r, .star-partner, .star-partner ul, .self, .step4, .news, .media, m.links, .title07, .custodian, .custodian ul, .custodian dt, .us, .us li, .process, .process ul, .timer {
    overflow: hidden;
    zoom: 1;
}

.h40 {
    height: 40px;
    line-height: 40px;
}

.border-bottom {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 16px;
}

.container .title {
    padding-bottom: 10px;
}

.container h3 a {
    display: inline-block;
    /*float: right;*/
    line-height: 24px;
    font-size: 12px;
    font-family: "宋体";
}

.step4 {
    float: left; /*width: 710px;margin-right: 20px;*/
}

.container dd a {
    color: #006ba2;
}

.star-manager dd, .star-partner dd {
    color: #9a9a9a;
}

span.hot {
    display: inline-block;
    padding: 0 10px;
    color: #fff;
    background: #ff5a00;
}

.container .title07 {
    padding-bottom: 12px;
    color: #010101;
    font-size: 18px;
}

.container a:hover {
    text-decoration: underline;
}

.container a.btn-blue:hover {
    text-decoration: none;
}

/*banner*/
.flexslider {
    position: relative;
    height: 360px;
    overflow: hidden;
    background: url(../images/banner/loading.gif) 50% no-repeat;
}

.slides {
    position: relative;
    z-index: 1;
}

.slides li {
    height: 400px;
}

.flex-control-nav {
    position: absolute;
    bottom: 10px;
    z-index: 2;
    width: 100%;
    text-align: center;
}

.flex-control-nav li {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 5px;
    *display: inline;
    zoom: 1;
}

.flex-control-nav a {
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 40px;
    overflow: hidden;
    background: url(../images/banner/dot.png) right 0 no-repeat;
    cursor: pointer;
}

.flex-control-nav .flex-active {
    background-position: 0 0;
}

/*优势*/
.service {
    padding: 16px 0;
    background: #ffffff;
    /*border-bottom: 1px solid #e5e5e5;*/
}

.service dl {
    float: left;
    margin-right: 22px;
}

.service dd {
    width: 214px;
}

.service dl.adv-dl3 {
    margin-right: 0;
}

.service .advantage {
    padding-bottom: 0;
}

/* @主体部分 styles
----------------------------------------*/
.container {
    margin: 8px auto;
}

.main-l {
    width: 850px;
    height: 600px;
    margin-right: 20px;
}

/*.main-r {*/
    /*width: 270px;*/
/*}*/

dd.pt0 {
    padding-top: 0;
}

.self {
    padding-left: 20px;
}

.self .percent {
    margin: 2px 10px 0 6px;
}

.new {
    width: 51px;
    height: 51px;
    position: absolute;
    top: 50px;
    left: 20px;
    z-index: 999;
    background: url(../images/sprites.png) no-repeat -112px 0;
}

.timer b {
    display: inline-block;
    float: left;
    margin-right: 6px;
    width: 14px;
    height: 14px;
    background: url(../images/sprites.png) no-repeat -72px -38px;
}

.timer span {
    float: left;
}

/*最新公告*/
.news {
    height: 230px;
    width : 188px;
}

.news li {
    padding-left: 18px;
    height: 28px;
    line-height: 28px;
    vertical-align: top;
    background: url(../images/li_bg04.gif) no-repeat left center;
}

.news li a {
    color: #999;
}

.media {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid #f2f2f2;
}

/*明星合伙人*/
.star-partner {
    height: 226px;
    margin: 20px 0;
}

.star-partner li {
    height: 20px;
    line-height: 20px;
    margin-bottom: 14px;
}

.star-partner span {
    float: left;
    display: inline-block;
    margin-right: 10px;
}

.star-partner .num {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background: url(../images/sprites.png) -221px 0;
}

.star-partner .num1 {
    background-position: -172px 0;
}

.star-partner .num2 {
    background-position: -196px 0;
}

.star-partner li.last {
    margin-bottom: 0;
}

.star-partner .color-orange {
    padding-left: 3px;
}

/*明星资金管理人*/
.custodian { /*height: 202px;*/
    margin-bottom: 20px;
}

.custodian ul {
    border: 1px solid #e5e5e5;
}

.custodian li {
    float: left;
    width: 201px;
    padding: 10px; /*height: 140px;*/
    color: #999;
    line-height: 36px;
    vertical-align: top;
    border-right: 1px dashed #e5e5e5;
}

.custodian li.last {
    border: none;
}

.custodian dt a {
    float: left;
    color: #000;
    margin-right: 6px;
}

.custodian dt img {
    display: inline-block;
    float: left;
    margin-top: 10px;
}

.custodian dl b {
    float: left;
    display: inline-block;
    width: 26px;
    height: 26px;
    margin: 4px 10px 0 0;
    background: url(../images/sprites.png) no-repeat -173px -31px;
}

/*关于大象*/
/*.us{height: 246px;}*/
.us a {
    color: #999;
}

.us p {
    line-height: 26px;
    margin-bottom: 10px;
    color: #999;
    text-indent: 2em;
}

.us p a:hover {
    color: #283a4c;
}

.us li {
    margin-bottom: 10px;
}

.us li a {
    display: inline-block;
    float: left;
    padding: 4px 10px;
    margin-right: 10px;
    color: #fff;
    width: 48px;
}

.us li a.a3, .us li a.a6 {
    margin-right: 0;
}

.us li a.a1 {
    background: #67a2d4;
}

.us li a.a2 {
    background: #7cc67c;
}

.us li a.a3 {
    background: #e07572;
}

.us li a.a4 {
    background: #7797aa;
}

.us li a.a5 {
    background: #c28f5b;
}

.us li a.a6 {
    background: #33bbba;
}

/*理财步骤*/
.process {
    height: 115px;
}

.process li {
    float: left;
}

.process dl a {
    color: #333;
    font-size: 16px;
}

.process dl a:hover {
    color: #ff5a00;
}

.process dt {
    float: left;
    width: 44px;
    height: 44px;
    line-height: 44px;
    margin-right: 10px;
    text-align: center;
    background: url(../images/sprites.png) no-repeat -300px 0;
    color: #c8c8c8;
    font-size: 24px;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif
}

.process .current dt {
    background-position: -250px 0;
    color: #fff;
}

.process ul {
    padding: 18px 0 17px;
}

.process dd {
    color: #999;
}

.process .li1, .process .li3 {
    margin-right: 10px;
    background: url(../images/arrow05.png) no-repeat right center;
}

.process .li2 {
    margin-right: 10px;
    background: url(../images/arrow06.png) no-repeat right center;
}

.process .li1 dd {
    width: 208px;
}

.process .li2 dd {
    width: 152px;
}

.process .li3 dd {
    width: 172px;
}

.process .li4 dd {
    width: 102px;
}