@charset 'utf-8';
//首页

//图文导航
.m-investment {
    background: nth($baseColor,1);
    border-bottom: 1px solid nth($gery,2);
    overflow: hidden;

    .investment-list {
        li {
            float: left;
            width: getWidth(3,true);
            padding: 10px 3px;

            a {
                display: block;
                color: nth($black,2);

                span {
                    display: block;
                }
                img{opacity:0.7}
                &:hover{
                    img{opacity:1}
                    color:nth($black,3);
                }
            }                        
        }
    }
}


//公告内容
.m-notice {
    height: 50px;
    line-height: 50px;
    padding: 0 16px;
    overflow: hidden;
    _zoom: 1;

    li {
        display: block;
        width: 100%;

        a {
            color: nth($black,3);
            font-size: 15px;
        }
    }
}

//推荐标的
.m-recommendborrow {
    width: 100%;
    height: 220px;
    position: relative;

    .borrow-type {
        position: absolute;
        right: 50px;
        top: -9px;
        display: block;
        width: 150px;
        height: 45px;
        background: url('../Images/bg/homesite.png') no-repeat;

        .icon-rightarrow {
            position: absolute;
            right: -5px;
            top: 0;
            display: block;
            width: 5px;
            height: 9px;
            background: url('../Images/bg/reight-arrow.png') no-repeat;
        }
    }

    .borrow-title {
        margin: 15px 0;

        a {
            font-size: 20px;
            font-weight: bold;
            color: nth($black,2);

            &:hover {
                color: nth($blue,3);
            }
        }
    }

    .borrow-desc {
        height: 65px;
        padding: 0 15px 5px 0;
        margin-right: 10px;
        border-bottom: 1px solid nth($gery,3);

        .desc-msg {
            color: nth($blueAsh,3);
            font-size: 12px;
            width: getWidth(5);
        }

        .desc-line {
            .line-time {
                font-size: 12px;
                text-align: right;
                margin-bottom: 5px;

                span {
                    color: darken(nth($green,3),15%);
                }
            }
        }
    }

    .borrow-moenys {
        margin-top: 10px;

        li {
            float: left;
            text-align: center;
            width: getWidth(2);

            .moenys-msg {
                font-size: 20px;
                margin-bottom: 5px;
                display: block;
            }

            .moenys-title {
                color: nth($black,1);
            }
        }
    }
}

//常规标集合
.m-homeborrowlist {
    width: 100%;
    position: relative;

    .homeborrowlist-titlebox {
        overflow: hidden;
        border-bottom: 1px solid nth($gery,2);
    }

    .homeborrowlist-list {
        table {
            tr {
                border-bottom: 1px dotted nth($gery,2);

                &:hover {
                    background: lighten(nth($blue,1),30%);
                }

                th {
                    background: lighten(nth($gery,1),2%);
                    font-size: 14px;
                    color: nth($blueAsh,3);
                    font-weight: normal;
                    white-space: nowrap;
                    padding: 10px;
                }

                td {
                    height: 55px;
                    padding: 3px;
                    font-size: 15px;
                    text-align: center;
                }

                .t-bidspeed {
                    .ui-bidspeed {
                        width: 100%;
                        margin:0;
                    }
                }
            }
        }

        .bidhomelist-btn {
            @extend %radius3;
            padding: 5px 8px;
            *padding:3px 8px;
        }
    }
}
//首页投标按钮
.home-bidbtn { 
    border:1px solid nth($blue,2);
    &:hover {       
        color:nth($baseColor,1);
        background:nth($blue,1);
        border:1px solid nth($blue,3);
    }
}
//首页标满按钮
.home-bidfinish {
    background: nth($gery,1);
    color: nth($black,3);
    border:1px solid nth($gery,3);

    &:hover {
        background: nth($gery,2);
        color: nth($black,3);
        border:1px solid nth($gery,3);
    }
}

.m-friendlink{
    dt{
        float:left;
        width:getWidth(1);
        margin:0 10px -2px 10px;
        _margin-bottom:0px;
        a{
            display:block;
            width:100%;
            height:38px;
            line-height:48px;
            text-align:center;
            font-size:18px;
            color:nth($blueAsh,2);
            padding-bottom:10px;
            &:hover{
                color:nth($black,3);
            }
        }
        .on{
            color:nth($black,3);
            background: url('../Images/bg/arrow.png') no-repeat bottom center;
        }
    }
    dd{
        width:100%;
        clear:both;
        border-top:1px solid nth($gery,3);
        margin-top:-2px;
    }
    .friendlink-imgbox a{
        @include inline-block;
        width:getWidth(2);
        margin:10px 15px;
        border:1px solid nth($gery,2);
    }
    .friendlink-textbox a{
        @include inline-block;
        width:getWidth(1);
        margin:10px;
        color:nth($blueAsh,3);
        text-align:center;
        &:hover{
            color:nth($black,2);
        }
    }
}




//首页理财
.m-inxfinancing{
   overflow:hidden;
    li{
        position:relative;
        float:left;
        height:252px;
        margin-top:10px;
    }
    .inxfinancing-box{
        margin-top:10px;
        height:240px;
        margin-bottom:10px;
        border:1px solid nth($gery,2);
        background:#ffffff;
      
        &:hover {
            border: 1px solid nth($Ash,1);
        }
        h4{
            height:50px;
            line-height:50px;
            padding-left:70px;
            border-bottom:1px solid nth($gery,2);
            .inxfinancing-border{
                display:block;
                width:5px;
                height:50px;
                position:absolute;
                top:11px;
                left:1px;
                background:nth($blue,2);
            }
            .inxfinancing-logo{
                position:absolute;
                top:16px;
                left:16px;
                width:40px;
                height:40px;
            }
            .inxfinancing-corner{
                position:absolute;
                top:2px;
                right:20px;
            }
        }

        .inxfinancing-info{
            .inxfinancing-border{
                border-bottom:1px solid nth($blue,2);
            }

            .inxfinancing-right{
                position:relative;
                span{
                    position:absolute;
                    display:block;
                    right:20px;
                }
                .inxfinancing-position1{
                    top:25px;
                }
                .inxfinancing-position2{
                    top:30px;
                    right:60px;
                }
                .inxfinancing-position3{
                    top:46px;
                    
                }
                .inxfinancing-position4{
                    top:91px;
                    right:20px;
                }
            }
        }
    }
}