/********************************************
 *
 * 文件注释，说明文件名称和文件所包含内容
 * @file autoIntro.less
 * @author shangwenhe
 * @create time 2015年06月02日12:22
 * @version {版本信息}  v0.0.1
 *
 * ////////////////////////////////////////
 *
 * @require
 * @describe  描述文件
 * @Modification time
 *
************************************************/

.autoIntro {
    border: 1px solid #dedede;
    margin: 30px 0;
    background-color: #fff;
    min-height: 300px;
    &-title {
        margin: 18px 20px;
        h2 {
            border-left: 5px solid #fc3e39;
            height: 24px;
            line-height: 24px;
            font-size: 21px;
            text-indent: 11px;
        }
    }
    &-body {
        margin: 18px 20px;
    }
    &-left {
        float: left;
        border: 1px solid #e8e9eb;
        width: 310px;
        height: 200px;
        img {
            width: 310px;
            height: 200px;
            background: #ccc;
        }
    }
    &-info {
        margin-left: (300px + 30px);
        width: 845px;
        .info {
            &-detail {
                width: 100%;
                padding-top: 3px;
                overflow: hidden;
            }
            &-item {
                width: 25%;
                float: left;
                height: 26px;
                line-height: 26px;
                overflow: hidden;
                &.color {
                    p{ float: left;}
                    a {
                        margin-top: 5px;
                        margin-right: 5px;
                        cursor: pointer;
                        float: left;
                        height: 10px;
                        width: 10px;
                        padding: 1px;
                        border: 2px solid #ccc;
                        &:hover{
                        border: 2px solid #ccc;
                        }
                        span{
                            display:block;
                            height: 10px;
                            width: 10px;
                        }
                    }
                }
            }
        }
        .sell {
            &-car {
                width: 100%;
                overflow: hidden;
                padding-top: 12px;
                dd, 
                dt {
                    height: 24px;
                }
            }
            &-title {
                width: 100%;
            }
            &-item {
                width: 49%;
                float: left;
                i{
                    color: red;
                    font-style: normal;
                }
            }
        }
        .autoIntro-href {
            border-top: 1px dotted #dedede;
            border-bottom: 1px dotted #dedede;
            padding: 8px 0;
            margin-top: 18px;
            a { 
                font-size: 14px;
                margin: 0 5px;
                &:hover {
                    color: #136ec3;
                }
            }
            i {
                border-left: 1px solid #ccc;
                margin: 0 12px 0 14px;
            }
        }
    }
}
.w1024 {
    .autoIntro {
        &-info {
            width: 620px;
        }
    }
}