/* 基本 */
body {background:#fff;}

    /* 图标 */
    .ico-check {background-image:url('/images/ico/ok.png');}
    .ico-clue {background-image:url('/images/ico/takecare.png');}
    .ico-close-white {background-image:url('/images/ico/close-white.png');}
    .ico-set-top {background-image:url('/images/ico/set-top.png');}
    .ico-set-bottom {background-image:url('/images/ico/set-bottom.png');}

    /* 复制文本容器 */
    .copyTextBox {position:absolute; top:-1000px; left:-1000px;} 

    /* 头像 */
    .headpic {background-color: #eceef2;}

    /* 模板隐藏 */
    template {display:none;}

/* 顶栏 */
.topbar {width: 100%; height:50px; background:#fff; margin:auto; display: none;
    position: fixed; top:0; left:0; right: 0; z-index: 1; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);}

    /* 主体 */
    .t-main {width: 980px; height:100%; margin:auto;}

        /* logo */
        .t-logo {padding-top:10px;}
        .t-logo img {width:30px}

        /* 账号 */
        .t-acc {display:none; text-align:right; font-size: 14px; color:#ddd; height:34px; line-height:34px; margin-top:8px; }
        .t-acc a {margin:0 10px 0 10px;}
        .t-acc .headpic {width:26px; height:26px; margin-right: 7px;}
    

/* 页首 */
.header {width:100%; background: #fff;}
.hea-wrap {width:980px; margin: auto; padding:20px 0 45px 0;}

    /* 账号 */
    .hea-acc {text-align:right; font-size: 14px; color:#ddd; margin-bottom: 15px;}
        .hea-acc a {margin:0 10px 0 10px;}

    /* 主体 */
    .hea-main {display:flex; justify-content:space-between; }

        /* logo */
        .logo {height:65px;}
        .logo img {height:100%;}

        /* 账号 */
        .hea-acc {display:none; text-align:right; font-size: 14px; color:#ddd; height:34px; line-height:34px;}
        .hea-acc a {margin:0 10px 0 10px;}
        .hea-acc .headpic {width:26px; height:26px; margin-right: 7px;}
        
        /* 搜索框 */
        .search2 {width:450px; height:44px; display:flex; background:#fff; border:1px solid #ccc; margin-top:15px;}
        
            /* 表单体 */
            .search2 form {flex:1; position:relative;}
        
            /* 文本框 */
            .sea2-input {width:100%; height:44px; border:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
                padding:15px 45px 15px 15px; background:none; font-size:16px;}
                
            /* 清除按钮 */
            .sea2-clear {display:none; cursor:pointer; box-sizing:border-box; border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px;
                            width:20px; height:20px; background-color:#C8CEE1; position:absolute; top:12px; right:12px; background-size:8px auto;}
        
            /* 搜索按钮 */
            .sea2-bt {width:100px; height:100%; background:#1f7872; text-align:center; color:#fff;
                font:16px 'Microsoft Yahei'; line-height:42px; cursor:pointer;
                border-top-left-radius:0; -moz-border-top-left-radius:0; -webkit-border-top-left-radius:0;
                border-bottom-left-radius:0; -moz-border-bottom-left-radius:0; -webkit-border-bottom-left-radius:0;
            }
        
/* 导航 */
.nav {width:100%; background-color: #fff;}
.nav-wrap {width:980px; margin:auto; display:flex;}

    /* 单元 */
    .nav-u {border-top-left-radius:7px; -moz-border-top-left-radius:7px; -webkit-border-top-left-radius:7px;
        border-top-right-radius:7px; -moz-border-top-right-radius:7px; -webkit-border-top-right-radius:7px;
        width:130px; height:44px; background:#fff; text-align:center; color:#33bab3; border:1px solid #33bab3;
        font-size:18px; font-weight:bold; line-height:42px; cursor:pointer; margin-right:1px;}
        
        /* 视觉 */
        .nav-u.hover {background:#f2f3f4;}
        .nav-u.pre {background:#33bab3; color:#fff;}
        
        
/* 主体 */
.main {min-height:100px; margin-bottom:120px;}

    .main-bg {background: -webkit-linear-gradient(top, #f1f2f3, #fff 100px); background: linear-gradient(to bottom, #f1f2f3, #fff 100px);}
    .main-main {width:980px; margin:auto;}
   
   
   
/* 反馈窗 */
.feedbackwindow {width:400px; display:none; background:#fff; position:fixed; left:0; right:0; top:100px; margin:auto; z-index:200;
    box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:30px 40px 45px 40px;}

    /* 标题 */
    .fbw-title {font-size:22px; font-weight:bold; color:#222; font-weight:bold; text-align:center; margin-bottom:40px;}
    
    /* 选项列表 */
    .fbw-list {margin-bottom:40px;}
    
        /* 单元 */
        .fbw-u {margin-bottom:15px; display:flex;}
        
            /* 选项 */
            .fbw-u-opt {width:22px; height:22px; margin-right:10px; border:1px solid #c9c9c9;
                box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; cursor:pointer;}
                
                /* 选中 */
                .fbw-u-opt.pre {background:#33bab3; border:0;
                    background-image:url('/images/ico/ok-white.png'); background-position:center; background-repeat:no-repeat; background-size:12px auto;}
            
            /* 文本 */
            .fbw-u-text {font-size:16px; color:#333;}
            
            /* 文本域 */
            .fbw-u-textarea {width:100%; height:60px; border:0; font:14px 'Microsoft Yahei'; color:#333; border-bottom:1px solid #e3e3e3;
                box-sizing: border-box; padding:5px; }

                /* 文本框占位符 */
                .fbw-u-textarea::-moz-placeholder {color:#33bab3;}
                .fbw-u-textarea:-ms-input-placeholder {color:#33bab3;}
                .fbw-u-textarea::-webkit-input-placeholder {color:#33bab3;}
                
    /* 按钮 */
    .fbw-bt {flex:1; text-align:center; font-size:18px; height:40px; line-height:38px; margin-right:10px;}
    .fbw-cancel {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
        border:1px solid #33bab3; background:#fff; color:#33bab3;}
        
        
/* 显示更多 */
.showmore {border:1px solid #d9d9d9; color:#666; background:#fff; width:200px; height:46px; margin:auto; text-align:center; display:block;
    font-size:16px; line-height:44px;}
    .showmore.hover {background:#f2f3f4;}
    
    
/* 表单 */

    /* 表单项 */
    .fom-u {display:flex; margin-bottom:20px}
    
        /* 标题 */
        .fom-title {width:90px; font-size:14px; color:#555; padding-top:14px;}
    
        /* 文本框 */
        .fom-input {font-size:14px; border:1px solid #e3e3e3; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
            padding:15px; width:450px;}
        
        /* 文本域 */
        .fom-textarea {width:450px; height:100px; font:14px 'Microsoft Yahei'; border:1px solid #e3e3e3; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
            padding:15px;}
            
        /* 名称 */
        .fom-name {font-size:22px; font-weight:bold; color:#333;}
        
        /* 占位符 */
        .fom-input::-moz-placeholder,.fom-textarea::-moz-placeholder {color:#33bab3;}
        .fom-input:-ms-input-placeholder,.fom-textarea:-ms-input-placeholder {color:#33bab3;}
        .fom-input::-webkit-input-placeholder,.fom-textarea::-webkit-input-placeholder {color:#33bab3;}
        
        /* 按钮 */
        .fom-bt {width:120px; height:46px; text-align:center; font-size:18px; line-height:44px;}
    
    
/* 弹窗 */
.popwindow {width:380px; display:none; background:#fff; position:fixed; left:0; right:0; top:250px; margin:auto; z-index:200;
    box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:45px}
    
    /* 文本 */
    .ppw-text {font-size:18px; text-align:center; color:#333; margin-bottom:30px;
        line-height:150%;}
    
    /* 按钮区 */
    .ppw-btbox {text-align:center;}
    .ppw-bt {width:110px; text-align:center; height:44px; font-size:16px; line-height:42px;}
    .ppw-bt-red {background:#df0000;}
    .ppw-bt-gray {background:#C1C6D2;}
    
    
/* 二维码窗 */
.qcwindow {width:650px; display:none; background:#fff; position:fixed; left:0; right:0; top:100px; margin:auto; z-index:200;
    box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:45px 40px 45px 40px;}
    
    /* 单个二维码 */
    .qcw-one {width:400px;}

    /* 标题 */
    .qcw-title {font-size:26px; font-weight:bold; color:#222; font-weight:bold; text-align:center; margin-bottom:40px;}
    .qcw-title .headpic {width:50px; height:50px; margin:-3px 15px 0 0;}
    
    /* 单元 */
    .qcw-u {flex:1; text-align:center;}
    .qcw-u img {width:220px; height:220px;}
    .qcw-u-note {text-align:center; font-size:18px; margin-top:15px; color:#333;}

    /* 关闭按钮 */
    .qcw-close {width:30px; height:30px; position:absolute; right:-50px; top:0; cursor:pointer;}
    
    
/* 图片盒 */
.imgbox {width:100%; background:#fff; padding:22px; box-sizing:border-box; overflow:hidden;}

    /* 内盒 */
    .igb-wrap {width:110%;}
    
    /* 单元 */
    .igb-u {width:80px; height:80px; float:left; margin:0 10px 10px 0; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;}
    
        /* 图片 */
        .igb-img {background-color:#eceef2; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}
        
            /* 删除按钮 */
            .igb-del {width:22px; height:22px; background-color:#f90; position:absolute; top:6px; right:6px; font-size:0; cursor:pointer;
                    border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px; background-size:8px auto; display:none;}
        
        /* 添加按钮 */
        .igb-add {display:none; box-sizing:border-box; border:1px solid #e3e3e3; background-color:#fff; background-size:30% auto;}


/* 图片反馈器 */
.imgResBox {width:100%; display:flex; flex-wrap:wrap;}

    /* 单元 */
    .irb-u {width:100px; height:100px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; 
        margin: 0 10px 10px 0; background-color:#eceef2; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}

        /* 删除按钮 */
        .irb-del {width:22px; height:22px; background-color:#f90; position:absolute; top:6px; right:6px; font-size:0; cursor:pointer;
                border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px; 
                background-repeat: no-repeat; background-position: center center;
            background-image: url("/images/ico/close-white.png"); background-size:10px auto;}

        /* 添加按钮 */
        .irb-add {box-sizing:border-box; border:1px solid #e3e3e3; background-color:#fff; 
            background-position:center; background-repeat:no-repeat; background-image: url("/images/ico/add-green.png");
            background-size:30% auto; cursor: pointer; display:none;}

/* 空状态 */
.empty {padding-bottom: 120px;}


/* 锁定按钮 */
.lockbt {background-color: #ABB3C9 !important; cursor:default !important;}


/* 表格 */
.table {margin-bottom:30px;}
.tab-u {flex:0 1 auto;}
.tab-note {width:500px;}
.tab-updater {width:100px;}
.tab-c-op {flex:1;}

    /* 项目行 */
    .table,.tab-line-project {border-top-left-radius:8px; -moz-border-top-left-radius:8px; -webkit-border-top-left-radius:8px;
        border-top-right-radius:8px; -moz-border-top-right-radius:8px; -webkit-border-top-right-radius:8px;}

    /* 内容行 */
    .tab-contline {height:86px;}
    .tab-contline .tab-u {height:86px; line-height:86px;}
    
        /* 描述 */
        .tab-contline .tab-note {padding-top:20px; display:flex; line-height:normal !important;}
        .tab-contline .headpic {margin-right:15px;}
        
            /* 标题 */
            .ult-title {font-size:18px; font-weight:bold; color:#222; margin-bottom:6px;}
                .hover .ult-title {color:#f00;}
                
                /* 属性 */
                .ult-title-attr {font-weight:normal; font-size:14px; color:#777; margin-left:8px;}
                    .hover .ult-title-attr {color:#f00;}
                
                .ult-title-attr span {color:#bbb;}
            
            /* 标签 */
            .ult-tag {font-size:13px; color:#888;}
            .ult-tag-u {margin-right:10px;}
            .ult-tag-u span {color:#33bab3;}


/* 置位按钮 */
.setpostion {width:60px; display:none; background:#fff; position:fixed; right:0; bottom:100px;
    box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #d9d9d9;}
    
    /* 按钮 */
    .spt-bt {padding:10px 0 10px 0; border-bottom:1px solid #d9d9d9; text-align:center; cursor:pointer;}
    .spt-bt .icon {width:20px; height:8px; background-size:auto 8px;}
    .spt-text {text-align:center; font-size:12px; color:#666;}
    .spt-bt:last-of-type {border-bottom:0}

/* 分页导航 */
.pagination {justify-content: end;}
.pgn-u.pre {background-color: #33bab3;}
.pgn-u.hover {background-color: #33bab3;}


/* 页脚 */
.footer {width:980px; margin:auto; padding-bottom:40px; color:#999}
.footer a:link {color:#999;}
.footer a:visited {color:#999;}
.footer a:hover {color:#33bab3;}