@import 'common.scss';

.content {
    width: 1210px;
    margin-top: 20px;   
    background-color: #fff;
    box-sizing: border-box;
    padding-bottom: 192px;
    .scoremall-wrapper {
        padding-left: 25px;
        .scoremall-header {
            // margin-left: 25px;
            height: 128px;
            border-bottom: 1px solid rgba(0,0,0,0.11);
            line-height: 128px;
            // vertical-align: text-bottom;
            .pic-wrapper {
                width: 74px;
                height: 74px;
                margin-right: 33px;
                display: inline-block;
                vertical-align: top;
                img {
                    width: 100%;
                    height: 100%;
                }
            }
            .scoremall-content {
                display: inline-block;
                vertical-align: top;
                .title {
                    width:64px;
                    height:21px;
                    font-size:16px;
                    font-weight: bold;
                    font-family:MicrosoftYaHei-Bold;
                    color:rgba(51,51,51,1);
                    line-height:21px;
                    padding-top: 30px;
                }
                .context {
                    width:639px;
                    height:32px;
                    font-size:12px;
                    font-family:MicrosoftYaHei;
                    color:rgba(153,153,153,1);
                    line-height:16px;
                }
            }
            
        }
        .scoremall-row {
            padding-left: 10px;
            width:1160px;
            height:90px;
            background:rgba(255,255,255,1);
            border-bottom: 1px solid rgba(0,0,0,0.11);
            box-sizing: border-box;
            .label {
                width:80px;
                height:100%;
                font-size:14px;
                font-family:MicrosoftYaHei;
                color:rgba(153,153,153,1);
                line-height:90px;
                display: inline-block;
            }
            .item {
                // height:;
                // line-height: 90px;
                margin-right: 10px;
                display: inline-block;
                height: 30px;
                line-height: 30px;
                padding: 0 5px;
                background:rgba(246,246,246,1);
                border-radius:2px;
                .icon {
                    display: inline-block;
                    width: 20px;
                    height: 20px;
                    margin-right: 5px;
                    margin-top: 5px;
                    vertical-align: top;
                }
                .icon.user {
                    width: 17px;
                    height: 20px;
                    background: url(i/man-employee.png) 100% 100% no-repeat;
                    background-size: contain;
                }
                .icon.dep {
                    
                    background: url(i/man-section.png) 100% 100% no-repeat;
                    background-size: contain;
                }
            }
            
            .edit {
                color: #0066CC;
            }
            
            button {
                width:108px;
                height:36px;
                background:rgba(237,50,42,1);
                border-radius:2px;
                border:1px solid rgba(237,50,42,1);
                color: #fff;
            }
        }
    }
    
}



.wrapper {
    height: 100%;
    margin: 0 auto;
}
body {
    background-color: #FAFAFA;
}