﻿/*以下部分sp、spm项目通用，spm中仅需将#0-0-5-2-d-9全部替换为#3-3-3，其他部分完全一致*/
/*spm中主链接色需保持#0-0-5-2-d-9*/

body {
    margin: 0px;
    text-align: left;
    /*-moz-user-select:none;*/ /*Firefox禁止文本选定*/
}

body, header, footer, article {
    margin: 0px;
    padding: 0px;
    text-align: left;
    font: 16px 微软雅黑, Verdana, Arial, Helvetica, sans-serif;
    line-height: 30px;
    color: #333;
}

ul {
    margin: 0px;
    padding: 0px;
}

li {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

table, tr, th, td {
    font: 16px 微软雅黑, Verdana, Arial, Helvetica, sans-serif;
    line-height: 30px;
    margin: 0px;
    padding: 0px;
    border-collapse: collapse;
    border-spacing: 0px;
}

tr, th, td {
    min-height: 30px;
}

img {
    margin: 0px;
    padding: 0px;
    border-width: 0px;
    vertical-align: middle;
}

#regAgree {
    overflow: auto;
}
/*spm中主链接色需保持#0-0-5-2-d-9*/
a {
    color: #0000cd;
    text-decoration: none;
}
    /*spm中主链接色需保持#0-0-5-2-d-9*/
    a:hover {
        color: #0000cd;
        text-decoration: underline;
    }

form {
    margin: 0px;
    padding: 0px;
}

select {
    margin: 5px 0px;
    padding: 0px 5px;
    border: 1px solid #ddd;
    font: 16px 微软雅黑, Verdana, Arial, Helvetica, sans-serif;
    height: 48px;
    line-height: 48px;
    border-radius: 5px;
}

input[type=text], [type=number], [type=tel], [type=date], [type=password] {
    margin: 5px 0px;
    padding: 0px 5px;
    border: 1px solid #ddd;
    font: 16px 微软雅黑, Verdana, Arial, Helvetica, sans-serif;
    height: 48px;
    line-height: 48px;
    border-radius: 5px;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: none;
}

input[type=button], [type=submit] {
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: none;
}

input[type=text]:focus {
    border-color: #999;
}

input[type=number]:focus {
    border-color: #999;
}

input[type=tel]:focus {
    border-color: #999;
}

input[type=date]:focus {
    border-color: #999;
}

input[type=password]:focus {
    border-color: #999;
}
/*去掉当type=number时的上下箭头*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}

input[type=file] {
    margin: 5px 0px;
    padding: 2px;
    border: 1px solid #ddd;
    font: 16px 微软雅黑, Verdana, Arial, Helvetica, sans-serif;
    height: 48px;
    line-height: 48px;
    border-radius: 5px;
}

textarea {
    margin: 5px 0px;
    padding: 0px 5px;
    border: 1px solid #ddd;
    font: 16px 微软雅黑, Verdana, Arial, Helvetica, sans-serif;
    line-height: 30px;
    border-radius: 5px;
}

.btn {
    float: left;
    background-color: #0052d9;
    border-width: 0px;
    padding: 0px 30px;
    color: #fff;
    font: 16px 微软雅黑, Verdana, Arial, Helvetica, sans-serif;
    height: 50px;
    line-height: 50px;
    margin-right: 10px;
    cursor: pointer;
    border-radius: 5px;
}

    .btn a {
        color: #fff;
        line-height: 50px;
    }

        .btn a:hover {
            color: #fff;
            line-height: 50px;
            text-decoration: none;
        }

/*反向按钮*/
.btnBorder {
    float: left;
    background-color: #fff;
    border: 1px solid #0052d9;
    padding: 0px 30px;
    color: #0052d9;
    font: 16px 微软雅黑, Verdana, Arial, Helvetica, sans-serif;
    height: 48px;
    line-height: 48px;
    margin-right: 10px;
    cursor: pointer;
    border-radius: 5px;
}

    .btnBorder a {
        color: #0052d9;
        line-height: 48px;
    }

        .btnBorder a:hover {
            color: #0052d9;
            line-height: 48px;
            text-decoration: none;
        }

/*全尺寸按钮*/
.btnFull {
    width: 100%;
    background-color: #0052d9;
    border-width: 0px;
    padding: 0px 30px;
    color: #fff;
    font: 16px 微软雅黑, Verdana, Arial, Helvetica, sans-serif;
    height: 50px;
    line-height: 50px;
    cursor: pointer;
    border-radius: 5px;
}

    .btnFull a {
        color: #fff;
        line-height: 50px;
    }

        .btnFull a:hover {
            color: #fff;
            line-height: 50px;
            text-decoration: none;
        }

/*灰色按钮*/
.btnGray {
    float: left;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    padding: 0px 30px;
    color: #999;
    font: 16px 微软雅黑, Verdana, Arial, Helvetica, sans-serif;
    height: 48px;
    line-height: 48px;
    margin-right: 10px;
    border-radius: 5px;
}
/*灰色反向小按钮*/
.btnGrayBorder {
    float: left;
    background-color: #fff;
    border: 1px solid #bbb;
    padding: 0px 15px;
    color: #777;
    font: 14px 微软雅黑, Verdana, Arial, Helvetica, sans-serif;
    height: 28px;
    line-height: 28px;
    border-radius: 3px;
    cursor: pointer;
}

/*小尺寸反向按钮*/
.btnBorderSmall {
    position: relative;
    float: left;
    background-color: #fff;
    border: 1px solid #333;
    padding: 0px 25px;
    color: #333;
    font: 16px 微软雅黑, Verdana, Arial, Helvetica, sans-serif;
    height: 32px;
    line-height: 32px;
    margin: 10px 20px 10px 0px;
    cursor: pointer;
    border-radius: 5px;
    overflow: hidden;
}

    .btnBorderSmall a {
        color: #333;
        line-height: 32px;
        display: block;
    }

        .btnBorderSmall a:hover {
            color: #333;
            line-height: 32px;
            text-decoration: none;
        }

/*小尺寸反向按钮不可用状态*/
.btnBorderSmallUnable {
    position: relative;
    float: left;
    background-color: #fff;
    border: 1px solid #999;
    padding: 0px 25px;
    color: #999;
    font: 16px 微软雅黑, Verdana, Arial, Helvetica, sans-serif;
    height: 32px;
    line-height: 32px;
    margin: 10px 20px 10px 0px;
    border-radius: 5px;
}

/*浅灰色分割符线段*/
.separatorLine {
    float: left;
    background-color: #fff;
    border: 1px solid #fff;
    padding: 0px;
    color: #999;
    font: 20px 微软雅黑, Verdana, Arial, Helvetica, sans-serif;
    height: 32px;
    line-height: 32px;
    margin: 10px 20px 10px 0px;
}

/*小尺寸红色按钮*/
.btnRedSmall {
    position: relative;
    float: left;
    background-color: #f30;
    border: 1px solid #f30;
    padding: 0px 25px;
    color: #f30;
    font: 16px 微软雅黑, Verdana, Arial, Helvetica, sans-serif;
    height: 32px;
    line-height: 32px;
    margin: 10px 20px 10px 0px;
    cursor: pointer;
    border-radius: 5px;
    overflow: hidden;
}

    .btnRedSmall a {
        color: #fff;
        line-height: 32px;
    }

        .btnRedSmall a:hover {
            color: #fff;
            line-height: 32px;
            text-decoration: none;
        }

/*金色按钮*/
.goldBtn {
    background-color: #d2bb99;
    border-width: 0px;
    padding: 0px 15px;
    color: #333;
    font: 16px 微软雅黑, Verdana, Arial, Helvetica, sans-serif;
    height: 50px;
    line-height: 50px;
    cursor: pointer;
    border-radius: 25px;
    text-align: center;
}

    .goldBtn a {
        color: #333;
        line-height: 50px;
    }

        .goldBtn a:hover {
            color: #333;
            line-height: 50px;
            text-decoration: none;
        }

/*（sys.new未选中时使用li样式，新版全部更新后此处可删）TAB栏切换按钮，未选中*/
.switchBtn {
    position: relative; /*设置相对定位属性，用于显示右上角计数小红点*/
    border: 1px solid #ddd;
    padding: 0px 20px;
    height: 38px;
    line-height: 38px;
    cursor: pointer;
}

/*（sys.new未选中时使用li样式，新版全部更新后此处可删）TAB栏切换按钮，未选中*/
.switchCenterBtn {
    border: 1px solid #ddd;
    cursor: pointer;
}

/*tab形式的switchBar*/
/*资产详情、用户详情等页面TAB栏，默认宽度通栏*/
.tabdiv {
    border-bottom: 1px solid #ddd;
    min-height: 40px;
    margin-bottom: 20px;
    overflow: hidden;
}
/*左侧TAB区*/
#tabdivLeft {
    float: left;
}
/*右侧子菜单区，用于显示左侧当前TAB的子菜单*/
#tabdivRight {
    float: right;
}

#tabdivLeft li {
    float: left;
    margin-right: 20px;
}

/*未选中的TAB*/
.tabLink {
    font-size: 20px;
    cursor: pointer;
    height: 38px;
    line-height: 38px;
}

/*红色字体*/
.red {
    color: #f00;
    font-size: 14px;
    line-height: 24px;
}

/*.red a {
        color: #0000cd;
        font-size: 14px;
        line-height: 24px;
        text-decoration: none;
    }

        .red a:hover {
            color: #0000cd;
            font-size: 14px;
            line-height: 24px;
            text-decoration: underline;
        }*/
/*在客户、净值等数据批量导入引导页使用*/
.redBold {
    color: #f00;
    font-weight: bold;
}

/*灰色字体*/
.gray {
    color: #999;
    font-size: 14px;
    line-height: 24px;
}

/*.gray a {
        color: #0000cd;
        font-size: 14px;
        line-height: 24px;
        text-decoration: none;
    }

        .gray a:hover {
            color: #0000cd;
            font-size: 14px;
            line-height: 24px;
            text-decoration: underline;
        }*/

/*字体加粗*/
.fontBold {
    font-weight: bold;
}

/*客户性别、机构*/
.gender {
    color: #fff;
    font-size: 8px;
    padding: 0px 10px;
    border-radius: 2px;
}

/*常见标签列表，显示结果类似于APP搜索框下方的历史搜索记录*/
.grayTag {
    float: left;
    border: 1px solid #ddd;
    padding: 2px 5px;
    margin-right: 10px;
    border-radius: 5px;
    color: #999;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
}

/*提醒，警告*/
.warn {
    padding: 5px 10px;
    background-color: #ff0;
    font-size: 14px;
    color: #f00;
    line-height: 24px;
}

/*选择要登录的公司页面，选中项的样式，用于切换点击时更换样式*/
.CoNo {
    cursor: pointer;
    padding: 0px 3px;
}

/*官网配色方案选择器*/
.WebColorSel {
    float: left;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

/*列表页面的数据百分比比例条，如：申赎列表页的份额比例*/
.DataPerLine {
    height: 8px;
    border: 1px solid #0052d9;
    border-radius: 2px;
    background-color: #0052d9;
}

/*列表页面的数据背景色：正数、负数、零*/
/*正数*/
.positive {
    background-color: #ff3300;
    color: #fff;
    font-size: 16px;
    padding: 0px 10px;
    border-radius: 2px;
}
/*负数*/
.negative {
    background-color: #25b431;
    color: #fff;
    font-size: 16px;
    padding: 0px 10px;
    border-radius: 2px;
}
/*零*/
.zero {
    background-color: #999;
    color: #fff;
    font-size: 16px;
    padding: 0px 10px;
    border-radius: 2px;
}
/*td内容对齐*/
.td_top {
    vertical-align: top;
}

.text_left {
    text-align: left;
    white-space: nowrap;
}

.text_center {
    text-align: center;
    white-space: nowrap;
}

.text_right {
    text-align: right;
    white-space: nowrap;
}

.bold {
    font-weight: bold;
}

/*Index页顶部中间BANNER*/
#homeCenterBanner {
    height: 199px;
    border-bottom: 1px solid #ddd;
    color: #666;
    font-weight: bold;
}

/*首页或频道首页图片BOX*/
.PicBlock {
    /*border: 1px solid #ddd;*/
    border-radius: 5px;
    margin-bottom: 30px;
}

/*首页或频道首页文字内容BOX*/
.ConBlock {
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 15px 30px;
    margin-bottom: 30px;
}

    .ConBlock a {
        /*display: block;*/
        text-decoration: none;
    }

        .ConBlock a:hover {
            text-decoration: none;
        }

/*列表页顶部提示区，不常用，使用场景如：计提列表页提示是否需要合并客户计提订单*/
#listTopTips {
    margin-bottom: 15px;
    line-height: 20px;
}

/*数据list中的蓝色色块，常用于员工列表标注基金经理、数据列表标注数值百分比*/
.dataBlueLine {
    background-color: #0052d9;
    color: #fff;
    font-size: 12px;
    padding: 2px 5px;
    border-radius: 2px;
}

    .dataBlueLine a {
        color: #fff;
        text-decoration: none;
    }

        .dataBlueLine a:hover {
            color: #fff;
            text-decoration: none;
        }
/*数据list中的橙色色块，区别于以上蓝色*/
.dataOrangeLine {
    background-color: #f90;
    color: #fff;
    font-size: 12px;
    padding: 2px 5px;
    border-radius: 2px;
}

    .dataOrangeLine a {
        color: #fff;
        text-decoration: none;
    }

        .dataOrangeLine a:hover {
            color: #fff;
            text-decoration: none;
        }

/*数据list中的红色色块，区别于以上蓝色橙色*/
.dataRedLine {
    background-color: #f00;
    color: #fff;
    font-size: 10px;
    padding: 2px 5px;
    border-radius: 2px;
}

    .dataRedLine a {
        color: #fff;
        text-decoration: none;
    }

        .dataRedLine a:hover {
            color: #fff;
            text-decoration: none;
        }

.ContentLong {
    max-width: 500px;
}

/*公告预览*/
#noticePreviewBg {
    width: 430px;
    height: 604px;
    background: #fff url('/Content/imgs/a4page.png?v=102') no-repeat top left;
}

#noticePreview {
    padding: 30px 40px 40px 40px;
    height: 534px;
}

    #noticePreview img {
        width: 100%;
    }

/*loginBg*/
.loginBg {
    background: #fff url('/Content/imgs/bg_login.jpg?v=112') top center no-repeat;
    background-size:100% auto;
}

.mgLoginBg {
    background: #fff url('/Content/imgs/bg_login_manage.jpg?v=112') top center no-repeat;
    background-size: 100% auto;
}

#loginTop {
    overflow: hidden;
    color: #fff;
    width: 1200px;
    margin: 30px auto;
    text-align: center;
    font-size: 24px;
    line-height: 60px;
    overflow: hidden;
}

    #loginTop a {
        color: #fff;
        text-decoration: none;
    }

        #loginTop a:hover {
            color: #fff;
            text-decoration: none;
        }

/*top*/
#top {
    overflow: hidden;
    padding: 10px 20px;
    background-color: #333;
}

#toplogo {
    float: left;
    color: #fff;
    font-size: 28px;
}

    #toplogo a {
        color: #fff;
        text-decoration: none;
    }

        #toplogo a:hover {
            color: #fff;
            text-decoration: none;
        }

#topmenu {
    margin-top: 10px;
    float: right;
    color: #fff;
}

    #topmenu a {
        color: #fff;
    }

        #topmenu a:hover {
            color: #fff;
            text-decoration: none;
        }

/*bottom*/
#bottom {
    clear: both;
    text-align: center;
    color: #ccc;
    height: 30px;
    line-height: 30px;
}

/*占位符PlaceHolder*/
.pher {
    background-color: #eee;
}
