/*全局样式*/
a,li,i{ list-style: none; font-style: normal; text-decoration: none; color:#555;}
// #KFLOGO,#mini-btn{ display: none !important;}
img {image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode:nearest-neighbor;}
body,ul,input,button,p,textarea,select{ color:#333; padding:0px; border:0px; outline: none; margin:0px; background: none;}
body{ background: #f7f8f9;}
*{font-family:"Microsoft Yahei", "SimSun", sans-serif;;}
.fl{ float: left;}.fr{float: right;}.tx_l{ text-align: left;}.tx_r{text-align: right;}
.clrfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }
.c0{ color: #999;}.c1{ color:#3ED5C2;}.c2{ color:#7CC4FF;}.c3{ color:#e32;}
.p_box{ background: #FFF; margin: 10px 15px; box-shadow: 0px 0px 3px #CCC; border-radius: 5px; padding: 10px; position: relative; z-index: 5; display: block;}
.p_limit{ width: 1200px;}
[v-cloak],.p_hide{ display:none !important;}
.mui-bar{height:44px; background:#FFF;box-shadow:0px 0px 5px #EEE}
.mui-bar .fr{ line-height:40px; color:#666;}
.mui-bar .iconfont{ font-size:20px;}
.mui-bar .mui-icon{ color: #666;}
.mui-bar-nav~.mui-content{max-width: 650px; padding-top:0px; margin-top:44px;}
.no-row{ white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.mui-btn{ border-radius: 100px;}
.exp{ color:#BBB; font-size: 12px; margin-left: 5px; font-weight: normal;}
.no_deed,.no_deed *{color: #CCC !important;}

.mui-i-check{ line-height:16px; font-size:16px; border:1px solid #CCC; color:#DDD; font-weight:bold; border-radius:16px; margin-top:2px; margin-right:5px;}
.mui-i-check.true{ border: 1px solid #2596FE; color:#2596FE;}
.rideo{ border:1px solid #DDD; border-radius:20px; width:16px; height:16px; display:inline-block;}
.rideo.true{ border: 1px solid #2596FE; background:#2295FF;}

.switch_box{ border:1px solid #DDD; display: inline-block; height:26px; width: 50px; border-radius:30px;}
.switch_box .switch{ width:22px; height: 22px; box-shadow:0px 0px 2px #CCC; border-radius: 28px; position: relative; left:1px; margin-top: 1px; transition:left 0.2s; background: #DDD;}
.switch_box.active .switch{transition:left 0.2s; left:24px; background:#2396FF;}



/*---------------导航--------------*/
.head{ padding-top:30px; background: #fff;position: relative;
    .org-join-me {
        display: inline-block;font-size: 15px;position: absolute;right: 2%;top: 40px;width: 150px;height: 36px;line-height: 36px;background-color: rgba(255, 244, 244, 1);text-align: center;border: 1px dashed rgba(231, 54, 36, 1);color: #E73624;cursor: pointer;
        i{
            font-size: 17px;color: #E73624;
        }
    }
    .top{width: 1200px; margin-bottom:30px; height: 54px;
        .logo{ float: left; margin-right:150px;}
        .search{width: 509px; float: left; border:1px solid #e32; text-align: left; line-height:48px; display: flex;position: relative;
            .slt{ display:inline-block; padding:0px 15px; width:55px; cursor: pointer;
                span:before{ color: #999; float: right; height:48px;}
            }
            ul{ width:85px;position: absolute;border:1px solid #e32; left:-1px;top:48px;  z-index: 1; background:#fff;
                li{ text-align: center;}
                li:hover{ background: #ddd;}
            }
            input{border:0px; line-height: 48px; flex:1; font-size: 16px;}
            button{width:48px; font-size: 20px; background: #e32; color: #fff;}
        }

        .load{ display: flex; float: right; font-size:14px;
            .img{ width:54px; height: 54px; overflow: hidden; border-radius:54px; float: left; margin-right:20px; img{ width: 100%; height:100%;}}
            .info{ display: flex; justify-content: center; flex-flow: column;}
            p{ margin-bottom:5px;}
            button{ padding:2px 20px; background: #e32; color: #fff; border-radius:20px; line-height:20px;}
        }

    }
    .nav{ background: #e32; height:50px;
        ul{ width: 1100px; text-align: left; padding:0px 50px;overflow: hidden;
         li{ display: inline-block;padding:10px 20px 20px; font-weight: bold; position: relative; top:8px; cursor: pointer;a{ color: #fff;}}
         .slt{ background: #fff; border-radius:10px; a{ color:#e32;}}
        }
    }
}
/*---------------综合--------------*/
.body{ width: 1200px;
    .lab{ margin:20px 0px; text-align: left;
        a{ margin-right:10px; color:#333;}
        span{ color:#999;}
        a:after{ content:'＞'; margin-left:10px;}
    }
    .boxl{ box-sizing: border-box;}
    .navs{ background: #fff; box-shadow:0px 0px 5px #ddd; margin:20px 0px; padding:40px 20px 30px; text-align: left;
        .li{display: flex;border-bottom:1px solid #ddd; margin-bottom:20px; padding-bottom:20px;}
        .li:last-child{border:0px; margin-bottom:0px; padding-bottom:0px;}
        span{ width:110px;  padding:0px 0px 0px 10px; margin-right:20px; line-height:30px;
            .txt{border-right:1px solid #999; padding-right:10px; font-size:14px;}
        }
        .list{ flex:1;}
        .cert-categories{
            flex: 1;
            position: relative;
            .list {
                height: 60px;
                overflow-y: hidden;
            }
            .expand{
                height: auto !important;
            }
            .more{
                position: absolute;right: 0;bottom: 0;text-align: right;margin: 0;font-size: 14px;color: #145ae7;cursor: pointer;
            }
        }
        span:before{ margin-right:10px; color: #e32; font-weight: bold; font-size:18px; float: left;}
        a{ color: #333; font-size:14px; white-space: nowrap; display: inline-block; margin:0px 35px 10px 0px;  }a:hover,.slt{ color: #e32; }
    }
    .title_1{ font-size:24px; padding:20px; text-align: left;}
    .list_1{overflow: hidden; margin:0px 0px;
        li{ width:45%; float: left; line-height:40px; text-align: left; span{ color: #999; float: right;}
            a:hover{ color:#e32;}
        }
        li:nth-child(even){ float: right;}
    }
    .new_be{ background: #fff; margin:20px 0px; padding:0px 20px; overflow: hidden;
        .title_1{ padding:20px 0px;}
    }

    //翻页
    .next{  text-align: left; margin:10px 0px; background: #fff; padding:20px 0px; display: flex;
        a{ display: inline-block; flex:1;  color:#333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;i{ color: #e32;}}
        a:last-child{ margin-left:50px;}
    }

}
.download{ background: #fff;
    div:nth-child(1) img{ width:100%;}
}

/*——————————————————————————首页——————————————————————————*/
.home{
    .ti_1{ font-size:20px; width:100%; font-weight: bold; line-height: 40px;text-align: left; margin-bottom:30px; position: relative; i{ font-weight:normal; color: #ddd;}}

    .box1{ display: flex; padding:15px 0px;
        .l{width: 352px; height: 472px; margin-right: 25px;  text-align: left; position: relative; overflow: hidden;
            p{ font-size:18px; font-weight: bold; line-height: 30px; .ift{ color: #999; font-weight: normal; float: right;} .ift:before{ float:right;} }
            a:hover{ color: #000; font-weight: bold;}
            .link{ margin-bottom:5px; a{ color: #333; line-height: 30px; margin-right:15px; white-space: nowrap;}
                .c1{ color: #e32;}
                .c1:hover{ font-weight: bold;}
            }
            .more_list{ opacity:0.98; background: #fefefe; position: absolute; left:352px; top:-1px; width:850px; height:472px; z-index: 2; border:1px solid #fcc; padding:5px 10px; box-sizing:border-box;
                display: none;
                .c1{ color: #666;}
            }
        }
        // .l:hover{ .more_list{ display: block; }}
        .r{ flex:1; overflow: hidden;
            .move_box{ width: 100%; overflow: hidden; height:332px;
                .item_box{ white-space: nowrap; font-size:0px;}
                .li{ width:823px; height:332px; display:inline-block;
                    img{width:100%; height:100%;}
                }
            }
            .ad{ display: flex; width:100%; padding:10px 0px 0px; height: 118px;
                a:hover img{ position: relative; top: -2px; left:-2px;}
                a{ flex:1; margin-right:10px;}
                a:nth-child(4){margin:0px;}
                img{ width:100%; height:100%;}
            }
        }
    }
    .msg_s{ border:1px solid #e32; background: #fff6f6; line-height: 60px;padding:0px 20px;text-align: left; font-size:18px; margin:0px 0px 30px; display: flex;
        span{font-weight: bold;color: #e32; margin-right:10px; width:100px;}
        .box{ flex:1; padding:0px 10px; height:60px; overflow: hidden;}
    }
    .box2{ margin-bottom:50px;
        .ti{ display: flex; border-bottom:2px solid #ddd; margin-bottom:22px;
           p{ width:240px; text-align: left; font-size:20px;
            i{ display: block; border-right:1px solid #ccc; color: #111;}
           }
           a{ float: right; position: relative; bottom: -3px; color: #999;}
           a:hover{ color:#000; font-weight: bold;}
            .ift:before{float: right;margin-top:2.5px;}
           ul{width: 710px; text-align:left; position: relative; bottom:-3px; padding-left:150px; white-space: nowrap; overflow: hidden; margin-right:40px;
            li{ display:inline-block; margin-right:20px; cursor: pointer;}
            .select{ color:#e32; border-bottom:5px solid #e32; padding-bottom:20px;}
           }
        }
        .flex_s{ display: flex;}
        .item{ display: none; flex:1;
            .flex{ display: flex; height: 100%;}
            .d1{ width:350px; border-radius:10px; background: #f9f9f9; overflow: hidden;
                a:hover img{position: relative; top:-2px; left:-2px;}
                .t1,.t2,.t3{ text-align: left; padding:0px 20px; margin-bottom:15px;}
                img{ width: 100%; height:220px; margin-bottom:20px;}
                .t1{ b{font-size:18px;color:#333; float: left; font-weight: bold;} text-align: right; color: #999; font-size: 14px; overflow: hidden;}
                .t2{ i{ border:1px solid #e32; color:#e32; padding:2px 8px; border-radius:20px; font-size:14px; margin-right:10px;} }
                .t3{ i{ color: #999;} }
            }
            .d2{flex:1; margin:0px 20px 0px 40px;
                a{ display: block; color: #333; text-align: left; margin-bottom:23px; overflow: hidden; line-height:16px;p{ white-space: nowrap; float: left; width: 450px; overflow:hidden; text-overflow: ellipsis;}  span{ float: right; color: #888;}}
                a:last-child{ margin-bottom:0px;}
                a:hover p{ color: #e32; i{  color: #e32;}}
                .hot{ color: #e32;}

            }
        }
        .d3{ width:210px; height: 365px;
            .p1{ font-size: 26px; font-weight: bold; margin:40px 0px 15px;}
            .p2{ color: #666; font-size:14px;}
            .p3{ color: #46f; font-size:16px; margin:15px 0px 15px; display: block;}
            .p3.ift:before{ font-size:20px; margin-right:5px; position: relative; top:2px;}
            .p4{ background: #fff; border-radius:10px; padding:30px 10px; margin:0px 10px;
                .limit{ height: 40px; overflow: hidden;}
                .p{ display: flex; justify-content: center; align-items: center;}
                img{width: 40px; height: 40px; margin-right:5px; border-radius:40px;}
                .info{ width:129px; overflow: hidden;}
                p{ font-size:12px; text-align: left; white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}
            }
            .p5{ background: #46f; border-radius:30px; display: inline-block; padding:7px 35px; color: #fff; margin:30px 0px 0px;}
            .p5:hover{ position: relative; top:-2px; left:-2px;}
        }
        .d3.bg1{background: url('/static/img/gobg1.jpg');
            .p3{ color: #47e;}.p5{ background: #47e;}
        }
        .d3.bg2{background: url('/static/img/gobg2.jpg');
            .p3{ color: #f63;}.p5{ background: #f63;}
        }
        .d3.bg3{background: url('/static/img/gobg3.jpg');
            .p3{ color: #5a6;}.p5{ background: #5a6;}
        }
        .d3.bg4{background: url('/static/img/gobg4.jpg');
            .p3{ color: #e32;}.p5{ background: #f11;}
        }
        .ul1{ float: left; width: 407px;padding:20px 10px 0px; box-shadow:0px 0px 5px #ddd; border-radius:10px; margin-right:20px;
            li{ margin-bottom:10px; text-align: left; padding:5px 0px 5px 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
                .lab{ border:1px solid #e32; color: #e32; border-radius:5px; padding:2px 5px; margin-right:10px;}
                .ift{ color:#e32; float: left; line-height:18px; margin-right:10px;}
            }
            li a:hover{ color: #e32; font-weight: bold;}
        }
        .num{ width:300px; float: right;
            img{ width:100%; height:180px; border-radius:10px; margin-bottom:10px;}
            .bg{ background: #fee; border-radius:10px; height: 175px; overflow: hidden;
                p{ margin:20px 0px;}
                span{ background: #fff; border:1px solid #e32; width: 200px; line-height: 48px; display: inline-block; font-size:28px; font-weight: bold; color: #e32;}
                button{  background: #f40; color: #fff; border-radius: 30px; width:80px; line-height:30px; margin:10px 0px;}
            }
        }
    }
    .play{ text-align: left;
        .item{overflow: hidden;}
        .li{ display: flex; flex-flow: column;width: 222px; float: left; margin-right:22px;
            a:hover img{position: relative; top:-2px; left:-2px;}
            p,img{ margin-bottom:10px;}
            img{ height: 124px; width:100%;}
            .p1{ font-size: 18px;}.p2{ font-size:14px; color:#666;}
            .p3{ text-align: right; color:#888; font-size:12px; i{ color: #e32; float: left; font-size: 16px;} }
        }
        .li:nth-child(5n){ margin-right:0px;}
    }
    .bklc img{ margin-bottom:50px;}
    .ti_1 .nav{ position: absolute;  left: 0px; top:0px; width:50%; text-align: center; margin-left:27.5%;
        li{ display: inline-block; background: #fff; border:1px solid #ddd; padding:5px 20px; border-radius:50px; margin-left:10px; cursor: pointer;}
        .select{ border:1px solid #e32; color: #e32;}
    }
    .box3{ display: flex; margin-bottom:40px;
        .dd{ margin-left:40px ;}
        .d1{ border:1px solid #e32; border-radius:10px; padding:15px; margin:0px; flex:1;
            .move_box_1{ width:365px; overflow: hidden;
                ul{ white-space: nowrap; font-size:0px;}
                .li{ width:365px; height:auto; display: inline-block; font-size:14px;
                    a:hover img{ position: relative; top:-1px; left:-1px;}
                    img{width:100%; height:250px; border-radius:10px;}
                }
            }
            .ti{ text-align: right; color:#999; span{font-size:24px; line-height: 24px; float: left; color: #111;} margin:40px 0px 20px;}
            .txt{ text-align: left; color:#666;}
        }
        .d2{ border:1px solid #e32; border-radius:10px; padding:15px; flex:1;
            .item{ display: none;}
            p{ text-align: left; line-height:40px;}
            p a:hover{ color: #e32;}
            .hot{ font-weight: bold; line-height:20px; padding:10px 0px;
                i{ display: inline-block; padding:2px 10px; background: #e32; font-weight: normal; font-size:14px; color: #fff; margin-right:10px; border-radius:30px;}
            }
        }
        .d3{ width:314px;
            img{ border-radius:10px; height:190px; width:100%; margin-bottom:20px;}
            a{ background:url('/static/img/about.jpg'); display: block; width:100%; height: 190px; box-sizing: border-box; border-radius:10px; color: #fff;
             text-align: left; line-height:30px; margin-bottom:25px;
             p{ color:#fff; font-size:24px; font-weight: bold; margin:10px 0px;}
            }
            a:last-child{ padding:20px; margin:0px;}
        }
    }
    .link{  text-align: left; margin-bottom:30px;
        .ti{ border-bottom:1px solid #ddd; font-size:24px; padding:0px 0px 20px; color: #111; margin-bottom:10px;}
        a{ margin-right:30px; color: #666;}
    }
    .win_1{ text-align: left;
        .boxs{ width:360px; padding:20px 0px 50px;}
        i{ display: inline-block; width: 130px; text-align: right;}
        input[type=radio]{margin:0px 10px; width: 16px; height:16px; position: relative; top:3px;}
        input[type=text]{border:1px solid #ddd; border-radius:5px; line-height:30px; padding:0px 10px;}
        .p1{ margin:20px 0px 10px; i{ color: #999;}}
        .p3{ text-align: center; margin:50px 0px 0px;}
        .err{ color: #e32; text-align: center;}
        button{ background: #e32; border-radius:5px; padding:10px 50px; color: #fff; font-size:16px;}
    }
}

/*—————————————————————————— 关于我们 ——————————————————————————*/
.about{
    .box_max{ width: 1200px;}
    .md1{ background: #fff; overflow: hidden;}
    .ti{ font-size:48px; margin:50px 0px 40px; font-weight: bold;
        i{ color: #e32;}
        p{ font-size:16px;}
    }
    .t2{  font-size:30px; margin-bottom:40px;}
    .txt{ line-height: 30px; color: #666; text-align: left; margin-bottom:50px;}
    .data{ background: url('/static/img/about_1.png'); height:167px; width:100%;
        .box_max{ display: flex;
            .li{ flex:1; color: #fff; font-weight: bold;
                p{ font-size:36px;margin:40px 0px 20px; color: #fff; font-weight: normal;}
            }
        }
    }
    .brand{display: flex;
        .li{ flex:1; margin:0px 50px 0px 0px; }p{ font-size:20px; margin:10px 0px;}
        .li:last-child{ margin:0px;}
        img{ width:220px; background:#fff; padding:20px;}
    }
    .content{ display: flex;
        .li{flex:1; box-shadow:0px 0px 10px #ddd;background: #fff; margin-right:40px; border-radius:10px; padding-bottom:40px;
            .tis{ font-weight: bold; font-size:22px; border-bottom:10px solid #b96; width:140px; margin:30px 0px;
                i{ position:relative; top:8px;}
            }
            .dd{ margin:20px 0px 20px 20px; text-align: left; }
            .dd::before{ content:'●'; font-size:10px; margin-right:10px; color: #e32;}
        }
        .li:last-child{ margin:0px;}
    }
    .choose{ background: #fff; padding:50px; overflow: hidden; margin-bottom:50px;
        .li{ width:420px; float: left; text-align:left;}
        h4{ font-size:28px; font-weight: normal; color:#333; margin:20px 0px;}
        .ift:before{ color: #e32; margin-right:20px; font-size:35px; float: left;}
        p{ color:#666; line-height:40px; font-size:18px;}
        .li:nth-child(1),.li:nth-child(3){padding-right:100px; border-right:1px dotted #ddd;}
        .li:nth-child(1),.li:nth-child(2){ border-bottom:1px dotted #ddd; padding-bottom:40px;}
        .li:nth-child(2),.li:nth-child(4){ padding-left:100px ;}
        .li:nth-child(3),.li:nth-child(4){ padding-top:20px ;}
    }

}



/*——————————————————————————试题——————————————————————————*/
.question{
    .title_2{ font-size:20px; margin:0px 0px 10px; font-weight: bold; text-align:left;}
    .search{ text-align: left; background: #fff; margin:20px 0px; padding:20px 20px 20px;
        .title{ font-size:18px; margin-bottom:10px;}
        .box{ display: flex;
            input{ flex:1; border:1px solid #ddd; padding:0px 5px;}
            button{ width: 140px; line-height:50px; font-size: 20px; margin-left:20px; background: #e32; color: #fff;}
        }
        .list{ background: #fff; padding:15px 0px; text-align: left; font-size: 14px;
            p{padding:0px 0px 10px; font-size:20px; color: #888; text-align: center;}
            .ift{ position: absolute; right:10px; top:10px; cursor: pointer;}
            .span{display: inline-block; background: #efefef; white-space: nowrap; margin:0px 20px 20px 0px; padding:5px 20px; border-radius:5px; cursor: pointer;}
        }
    }
    .boxl{ width: 930px;float: left; position: relative;}
    // 默认
    .def{
        .li{ background: #fff; margin-bottom:20px; padding:20px;}
        .d1{ display: flex;
            img{width: 340px; height: 218px; margin-right:20px;}
            .info{ flex:1;text-align: left;
                p{ font-weight: bold; i{ color:#e32;} line-height:30px;}
            }
            dl{ text-align: left;  margin:30px 0px 0px 0px;
                dd{ display:inline-block; width:110px; border:1px solid #ddd; margin:0px; text-align: center; padding:10px 0px; color: #666; font-size: 14px;}
            }
            dl:last-child{ margin:0px; dd{ border-top:0px;}}
        }
        .ti_1{ font-size:20px; font-weight: bold; text-align:left; margin:20px 0px; }
        .link{ background:#eaf1ff; text-align: left; padding:0px 10px 40px; max-height:230px; overflow: hidden; position: relative;
             td{ line-height:30px; padding:5px 10px 0px;}.d1{ font-weight: bold; white-space: nowrap;}
            a{ color: #333; margin-right:20px; white-space: nowrap; font-size:14px;}
            a:hover{ color: #000; font-weight: bold;}
            .more{ position:absolute; bottom:0px; left:0px; text-align: center; width:100%; background: #eaf1ff; line-height:50px; cursor: pointer; color: #05e;}
        }
        .box{ border:1px solid #ddd; padding:5px 10px; text-align: left; i{ line-height:30px; margin-left:10px; white-space: nowrap;} }
    }
    // 结果
    .result{  background: #fff; text-align: left; padding:20px; line-height: 35px; margin-bottom:20px;
        .title{ font-size:20px; font-weight: bold;}
        .ti{ font-weight: bold; color:#333;}
        .li{ color: #666;}
        .answer{background: #F6F7F9; border-radius:5px; padding:8px 10px; color:#666; i{ color: #0c5; font-weight: bold;}}
        button{ border-radius:5px; margin:10px 20px 10px 0px;}
        .bt1{ background: #f90; color: #fff; padding:10px 20px;}
        .bt2{ background: #38f; color: #fff; padding:10px 20px;}
        .bt3{ border:1px solid #f00; color: #f00; padding:10px 20px;}
        .bt4{ background: #f00; color: #fff; padding:10px 20px;}
    }
    .ul li{ padding:20px; display: flex; box-shadow:0px 0px 10px #ddd; border-radius:5px; justify-content: center; align-items: center; margin-bottom:30px;
        .info{ flex-flow: column; flex:1; text-align:left; line-height: 50px;
            p{ font-weight: bold;}i{ font-size:14px; color: #888; margin-right:30px;}
        }
        a{ width:146px; height:40px; line-height: 40px; background: #e32; color: #fff; border-radius:5px;}
        a:hover{ position: relative; left:-2px; top: -2px;}
    }
    .ul li:before{ font-size:30px; color:#e32; margin-right:40px;}
//练题详情
    .det{
        .box_1{ height: 190px; box-shadow:0px 0px 10px #ddd; border-radius:5px; margin-bottom:30px; text-align: left; overflow: hidden; background: #fff;
            .p1{ font-weight: bold; font-size:18px; color:#111; margin:20px 0px 20px;.ift{ float: right;margin-right:10px; color: #e32; line-height: 40px;}
                .ift::before{ float: right; font-size:30px; margin-left:5px;}
            }
            .p2{ color: #666;margin:10px 0px 40px; }.p3{ color:#999; font-size:14px;}
            .p2 i,.p3 i{ margin-right:40px;}
        }
        .box_1:before{ font-size:35px; line-height: 190px; color:#e32; margin:0px 30px; float: left;}
        .ds{box-shadow:0px 0px 10px #ddd; padding:20px 0px 20px 0px; border-radius:5px; margin-bottom:30px; text-align: left; overflow: hidden; background: #fff;
            .title{ border-left:5px solid #e32; padding-left:20px; font-weight: bold;
                a{ float: right; color:#555; margin-right:30px;}
            }
        }
        .search .box{ padding:20px;}
        .ul_1{ display: flex; padding:20px;
            a{ flex:1; display: flex; justify-content: center; align-items: center; background: #f8f8f8; margin:0px 20px; padding:20px 0px; color:#555; position: relative;
                img{ margin-right:20px;}
                i{ position: absolute; left:0px; top:0px; display: block; width:80px; height:80px; background: url('/static/img/zxlx_v.png') no-repeat; background-size: cover;}
            }
            a:hover{ position: relative; top:-2px; left:-2px;}
        }
        .ul_2{ padding:20px 0px 20px 30px;
            a{ margin-right:26px; display:inline-block;}
            a:hover img{ position: relative; left:-2px; top:-2px;}
            a:nth-child(4){ margin-right:0px;}
            img{ width: 260px; height: 180px;}
            p{ line-height: 30px;}
        }
        .ul_3{ padding:20px 30px; overflow: hidden;
            a{ display:block; float: left; color: #555; width:50%; line-height: 30px; margin-bottom:20px;}
            a::before{ color: #e32; margin-right:10px; font-size:20px; float: left;}
            b{ float: right; border:1px solid #e32; color:#e32; border-radius:5px; padding:0px 10px; margin-right:20px;}
            a:nth-child(2n) b{ margin-right:0px}
            a:hover b{ background: #e32; color: #fff; transition: all 0.5s;}
            i{float: right; line-height: 30px; margin-right:20px;}
        }
        .ul_4{ padding:20px 30px;
            a{ display: block; white-space: nowrap; overflow: hidden; margin-bottom:20px; color:#555; border-bottom:1px solid #ddd; line-height: 30px; padding-bottom:10px;}
            a::before{ color: #e32; margin-right:10px; font-size:20px; float: left;}
            a:hover b{ background: #e32; color: #fff; transition: all 0.5s;}
            b{ float: right; border:1px solid #e32; color:#e32; border-radius:5px; padding:0px 10px;}

        }
    }

    //题库确认
    .confirm{ background: #fff; margin:20px 0px; padding:20px;
        .ti{ font-size:20px; font-weight: bold;text-align: left; margin:0px 0px 20px;}
        .box_1{ height: 190px; margin-bottom:30px; text-align: left; overflow: hidden; border:1px solid #ddd; position: relative;
            .p1{ font-weight: bold; font-size:18px; color:#111; margin:20px 0px 20px;}
            .p2{ width:880px; line-height: 30px; color: #666;margin:10px 0px 40px; }.p3{ color:#999; font-size:14px;}
            .p2 i,.p3 i{ margin-right:40px; white-space: nowrap;}
            .bt{ display: inline-block; position: absolute; right:40px; top: 60px; border:1px solid #e32; color: #e32; border-radius:5px; padding:15px 20px;}
        }
        .box_1:before{ font-size:35px; line-height: 190px; color:#e32; margin:0px 30px; float: left;}

        .slt_box{ text-align: left; margin-bottom:30px;
            span{ float: left; margin-right:20px; line-height: 60px;}
            .bd{ border:1px solid #ddd; display: flex; padding:20px 10px; position: relative;
                i{ width:100px;}input{ margin-right:5px;}
                .in{ width:90%;}
            }
            .area{ background: #fff; position: absolute; top:55px; left:-1px; border:1px solid #ddd; overflow: hidden; padding:10px 0px; i{ margin:10px; line-height:30px; cursor: pointer; }}
         }
         .bts{ margin:100px 0px; button{ border-radius:5px; font-size: 20px; padding:10px 50px;} .bt1{ margin-right: 200px ; border:1px solid #e32; color: #e32;} .bt2{ color: #fff; background: #e32;}   }
    }
}
/*—————————————————————————— 试卷 ——————————————————————————*/
.papers{
    .left{  float: left; width: 930px;}
    .title{ font-size:18px; margin-bottom:10px;}
    .ul_3{ padding:20px 30px; overflow: hidden; text-align: left; background: #fff;
        a{ display:block; color: #555; width:100%; line-height: 30px; margin-bottom:20px;}
        a::before{ color: #e32; margin-right:10px; font-size:20px; float: left;}
        span{ float: right; border:1px solid #e32; color:#e32; border-radius:5px; padding:0px 10px; margin-right:20px;}
        i{float: right; line-height: 30px; margin-right:20px; font-size: 14px; color: #888;}
    }
}


/*-----------------详情-------------------*/
.det_top{ background: #fff;
    .lab{ padding:20px 0px; text-align: left;
        a{ margin-right:10px; color:#333;}
        span{ color: #999;}
        a::after{ content:'＞'; margin-left:10px;}
    }
}
.det{
    .new_be{ padding:0px; margin:0px;}
    .box1{ display: flex; margin-bottom: 25px; background:#fff; padding-bottom:20px;
        .img{ width:590px; margin-right:40px;}
        .right{flex:1; text-align: left;
            .dd{ margin:5px 0px 10px;}
            .dd::before{ margin-right:10px;}
            .dd:nth-child(1){ font-size:22px; line-height:22px; margin:0px 0px 20px; span{ font-size:14px; color: #999; float: right;} }
            .dd:nth-child(3){ color: #666;}.dd:nth-child(3):before{ color:#26b; font-size:20px;}
            .dd:nth-child(4){ color:#666;}.dd:nth-child(4):before{color:#f40;}
            .dd:nth-child(5){ i{font-size:14px; background: #eee; color: #666; border-radius:10px; margin-right:10px; padding:2px 13px;}  }
            .dd:nth-child(7){ font-size:22px; background: #fff3f3; color: #e32; padding:5px 10px; margin:20px 0px 30px;}
            .dd:nth-child(8){
                button{ font-size:16px; padding:15px 35px; background: #e32; color: #fff; border-radius:5px; margin-right:20px;}
                button:nth-child(2){ background: #fff; color: #e32; border:1px solid #e32;}
                button:nth-child(3){ background: #fff; color: #37f; border:1px solid #37f;position: relative;
                    img{ position: absolute;left:100px; bottom:60px; width:150px; height:150px; display:none; padding:10px; background: #fff; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.2); border-radius:10px;}
                }
                button:hover{ position: relative; top:-1px; left:-1px;}
                button:hover img{display: block;}
            }

        }
    }
    //去报名
    .gobm{ padding:30px;
        .img{ width:440px; border-radius: 10px;}
        .dd:last-child{ color: #e32; margin:30px 0px 0px;}
    }
    .box2{ background: #fff;
        .title{ font-size:24px; padding:20px; text-align: left; font-weight: bold;}
    .form{ display: flex;  line-height: 50px; margin-left:50px;
        p,.p{ margin:10px 0px; height:50px; display: block; position: relative;}i{ margin:0px 10px;}
        .l{width:90px; text-align:right; font-weight: bold;}
        .r{ flex:1;text-align: left; padding-left:10px; padding:0px 0px 50px;
            .in{ border:1px solid #ddd; border-radius:5px; height:46px; padding:0px 5px; width:400px; box-sizing: border-box;}
        }
        .ul{ position: absolute; left:0px; top:50px; background: #fff; z-index:1; width:400px; border:1px solid #ddd; border-radius:5px; box-shadow:0px 0px 5px rgba(0,0,0,0.3);
            li{ line-height:30px; padding:5px; cursor: pointer;}
            li:hover{ background:#f8f8f8;}
        }
        .price{ flex:1; display:flex; flex-direction:column; justify-content: flex-end; padding:0px 50px 50px 0px; text-align: left;
            i{ color:#e32; font-size:20px;}
            button{ background: #e32; padding:10px 80px; color: #fff; font-size:20px; border-radius:10px;}
        }

    }
    }
    //左边
    .boxl{width: 930px; background: #FFF; padding:100px 30px 30px; float: left; box-sizing:border-box; text-align: left;position:relative; margin-bottom:20px;
        .tab{ border-bottom: 1px solid #ddd; position: absolute; left:0px; width:100%; top:30px;
            .li{font-size:24px; display: inline-block; margin-right:80px; padding-bottom:10px; cursor: pointer; margin-left:20px;}
            .select{ font-weight: bold; border-bottom:4px solid #e32;}        }
        .lch{ width:100%;
            .title_1{ padding:10px 0px; margin-bottom:10px;}
            img{ display:block; margin:0px auto;}
            img[src$='icon_txt.gif']{ display: none;}
        }

        .downlogin{
            a{ border-bottom:1px solid #444; margin-left: 20px;}
        }

        .kzdt{width:100%; height:143px;position: relative;overflow: hidden;}
        .kzdt .item_box{width:2000%; overflow: hidden;position:absolute;}
        .kzdt .item_box .li{float: left;width: 209px; height:100%; padding-right:20px;
            img{width:100%; height:100%;}
        }
    .comments{
        .title{ font-size:24px;}
        .in{ width:95%; border:1px solid #ddd; margin:10px 0px; padding:10px; height:100px; font-size: 16px;}
        .sub{ background:#e32; color: #fff; padding:8px 40px; border-radius:5px; font-size:20px; margin-bottom:30px;}
        .get{ border-radius:5px; border:1px solid #e32; color: #e32; padding:10px 0px; width:150px; display: block; margin:0 auto; cursor: pointer;}
        .get:active{background: #eee;}
        .dd{ display: flex; overflow:hidden; margin:10px 0px 20px;
            .l{width:44px; height:44px; margin-right:25px; border-radius:44px;}
            .r{flex:1; border-bottom:1px solid #ddd; padding-bottom:20px;
                .star{ color: #f60; margin-bottom:10px; .ift{ margin-right:10px; color:#f60;} }
                .txt{ font-size: 14px; letter-spacing:1px; line-height:20px; margin-bottom:10px;}
                .time{ color: #999; font-size:14px;}
            }
        }
    }

    }
}
   //详情右边
.det_boxr{width: 250px; float: right; box-sizing:border-box;
    .call{ background: #fff; padding:20px 10px; margin-bottom:20px;
        .link{ display: flex; margin:0px 0px 20px;
            .ift{ border:1px solid #e32; color: #e32; width:54px; height:54px; border-radius:54px; font-size:30px; line-height:50px;}
            .ift:hover{ background: #e32; color: #fff; transition: all 0.5s;}
            >div{ text-align:left;margin-left:20px;
                span{ color: #999; font-size:14px;line-height:26px;}
                p{ font-size:18px;}
            }
        }
        .bt_kf{ border:1px solid #e32; font-size: 20px; width:80%; border-radius:40px; color: #e32;background: #fff; line-height:40px;}
        .bt_kf:hover{ background: #E32; color:#fff; transition:all 0.5s ;}
    }
    .zsbm{ margin:0px; padding:0px 10px 20px; background: #fff; margin-bottom:20px;
        .top{ width:100%; margin:20px 0px;}
        .in{ width:100%; font-size:16px; border:1px solid #ddd; border-radius:5px; line-height:40px; margin-bottom:20px; padding:0px 10px; box-sizing: border-box;}
        .sub{width:100%; background: #e32; color: #fff; line-height:40px; border-radius:5px;}
        .sub:hover{ position: relative; top: -2px; left:-2px;}
    }
    .rmkz{  padding:20px 10px; background: #fff; margin-bottom:20px;
        .title{ font-size:20px;text-align: left; font-weight: bold; margin-bottom:20px;}
        img{ width:100%;}
        img:hover{ position: relative; left:-2px; top:-2px;}
        .txt{ margin:10px 0px 20px; text-align: left;}
    }
    .ads{
        a{ display: block;font-size:0px; margin-bottom:20px;}
        img{ width:100%;}
    }
    .label{ background: #fff; padding:20px 10px; margin-bottom:20px;
        .title_1{ padding:0px;}
        .list{ text-align: left; overflow: hidden;
            a{ background: #e32; color: #fff; padding:2px 5px; font-size:13px; border-radius:3px; float: left; margin:5px 5px 0px 0px; white-space: nowrap;}
        }

    }

}

//新闻
.news{
    .boxl{ width: 930px; float: left;
        .det{ background: #fff;padding: 20px;}
        .title{ font-size:20px;font-weight: bold;}
        .info{ font-size:14px; color:#999; margin:20px 0px; display: flex; span{ flex:1;}}
        .link{ color: #999; a{ margin:0px 10px; color: #999; text-decoration:underline;}}
        .detail{ text-align: left; text-indent: 2em; margin:40px 0px;
            p {
                line-height: 30px;
                letter-spacing: 1px;
            }
            img{ padding: 20px 0}
        }
    .dd{ display: flex; margin-bottom:20px;background: #FFF; padding:20px;
        .img{ width: 315px; max-height: 200px; border-radius:10px; overflow: hidden; margin-right:30px;  img{ width:100%; height:100%;}}
        .r{ flex:1; text-align: left;
            .d1{ font-size:18px; font-weight:bold;}
            .d2{ font-size:14px; color: #666; line-height:30px; max-height:125px; overflow: hidden; margin-bottom:25px;}
            .d3{ font-size:14px; position: relative;
                span{ margin-right:30px; color: #888;}
                button{ float: right; cursor:pointer; color: #e32; font-size:16px; border:1px solid #e32; padding:8px 20px; border-radius:10px; position: absolute; right:0px; top:-15px;}
            }
        }
    }
    .dd:hover{ button{ background: #e32; color: #fff !important; transition: all 0.5s; }}
    .boxl{ overflow: hidden; margin:20px 0px; padding:0px;}
    }

}

//证书报考列表
.cert_list{
    .boxl{ width: 930px; float: left;padding:0px 0px 50px;
        .list{ overflow: hidden;}
        .list li{ width:220px; float: left; margin:0px 15px 20px 0px; border-radius:8px; overflow: hidden; background: #fff; text-align: left;
            img{ height:140px; width:100%;}
            .d1{ font-size:16px; font-weight: bold; padding:10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

            .d2{ margin:5px 10px; white-space: nowrap;  overflow: hidden; i{font-size:12px; background: #eee; color: #666; border-radius:10px; margin-right:5px; padding:2px 10px;}}
            .d3{ padding:10px; font-size:14px; i{ color: #e32; margin-right:20px;} color: #999;}
            .d4{ font-size:14px;}
        }
        li:hover{ position: relative; top:-2px; left:-2px;}
        .list li:nth-child(4n){ margin-right:0px;}
        // .page_nav{ li{ display: inline-block;background: #fff; color:#666; padding:5px 10px; margin-right:10px; border-radius:5px; cursor: pointer;}
        //     li:hover,.slt{background: #e32; color: #fff;}
        // }
    }
    .screen{text-align: left; margin:30px 0px 35px;
        span{ margin-right:40px; cursor: pointer;}
        .ift{ overflow: hidden; display:inline-block;}
        .ift:before{ float: right; font-size:20px; margin-left:2px;}
        .select{ color: #e32;}
    }
}


//考试系统
.exam{ width: 100%; height: 100%;
    .ti{ width: 100%; background: #FFF; overflow: hidden; padding:10px 0px;
        .p_limit{ display: flex;}
        .xl{ flex: 1;
            img{float: left; margin-right:20px; width: 100px; height: 80px;}
            span{ line-height:80px; font-size:20px; border-left:2px solid #DDD; padding-left:20px;}
        }
        .xr{ flex:1; font-size: 16px;
            .ift{ border-radius:40px; width: 40px; background: #08f; display: inline-block; line-height: 40px; text-align: center; font-size:20px; color: #FFF; margin-right:10px;}
            .out{ border-bottom:1px solid #333; font-size:16px; margin-right: 20px;}
        }
    }
    .box{ display: flex; margin-top: 10px; margin-bottom:20px;
        .left{ background: #FFF; flex: 1; margin-right: 20px; text-align: left; padding: 10px 20px; position: relative;
            .iftsc2{ position: absolute; right:10px; top:10px; font-size:20px; color: #999; cursor: pointer;}
            .iftsc2.select{color: #E32;}
            .type{ font-size: 20px; font-weight: bold; line-height:40px;}
            .box_s{ display:block; position: relative; height: 490px; overflow-y: auto;}
            .ti{ font-size: 15px; line-height:30px;}
            img,video{ max-width:100%; margin:10px 0px; display: block; max-height: 400px;}
            .ul{ background: none; width:400px; padding:10px 0px 0px 10px; min-height:350px;
                .li{ line-height:30px; font-size:15px; margin-bottom:10px; cursor: pointer;
                    .opt{ width:20px; height:20px; display:block; border:1px solid #999; border-radius:20px; float: left; margin:6px 10px 0px 0px;}
                    .select{ background:#0c5; border:1px solid #0c5;}
                    .iftcw{ color:#e32;}.ift:before{ font-size:28px; position: relative; top:-5px; left:-5px;}
                    .iftzq{ color:#0c5;}
                    .fang{ border-radius:3px;}
                }
            }
            .xr{ width:100%; position: absolute; left:0px; bottom:10px; box-sizing: border-box; padding:20px;
                .bt{ border:none; padding: 8px 30px; margin-right:10px; border:1px solid #e32; color: #e32; cursor: pointer; border-radius:5px;}
                .b2{  background: #e32; color: #FFF;}
                .b3{  background: #17f; border:1px solid #17f; color: #FFF;}
            }
        }
        .right{  width:300px;
            .outtime{ padding:10px;background: #FFF; margin-bottom:20px;
                .ift{ font-size:16px; width:100px; padding:10px 0px;}
                .ift:before{ font-size:20px; color:#666; float: left;}
                .time{ font-size: 24px; color: #f90; font-weight: bold; letter-spacing:3px; padding:20px 0px; display: block;}
                .submit{ background: #0bf; line-height: 30px; width:100px; border-radius: 5px; color: #fff;}
            }
            .answer_sheet{background: #FFF; padding:10px 15px;
                .tis{ border-bottom:1px solid #ddd; font-size:16px; font-weight: bold; text-align: left; margin-bottom:20px; font-family:'微软雅黑'; padding:15px 0px 20px;}
                .li{display: inline-block; width:24px; height:24px; line-height:24px; border:1px solid #ddd; border-radius:5px; cursor: pointer; box-sizing: border-box;}
                .b1{ border:1px solid #f90; color:#f90;}
                .b2{ background: #0c5; border:none; color: #FFF;}
                .b3{ background: #e32; border:none; color: #FFF;}
                .b4{ background: #49f; border:none; color: #FFF;}
                .select{ border:1px solid #17f;}
                .meaning{text-align: left; margin-bottom:20px;
                    .tx{ display: inline-block; height: 24px; overflow: hidden; line-height: 24px; margin-left:5px; margin-right:20px; color: #666;font-size:16px;}
                }
                .list{height: 300px; overflow: auto; text-align: left;
                    .li{ margin:10px 10px 10px 0px; width:40px; height:40px; line-height:40px; text-align: center;}
                }
            }

        }
    }
    //解析
    .box_2{ width:880px; padding:20px; box-sizing: border-box; float: left; background: #fff; text-align: left; margin-bottom:10px;
        .answer{background:#f6f7f9; padding:20px 20px; font-size:20px; b{ color: #0c5;} }
        .ti{ font-size:24px; border-left:5px solid #e32; padding:0px 0px 0px 10px ; margin:30px 0px;}
        .txt{ line-height: 30px;}
    }
    //学员分析
    .box_3{ width:880px; background: #fff; text-align: left; overflow: hidden; float: left; margin-bottom:40px;
        .comments{  padding:20px;
            .title{ font-size:18px; margin:0px 0px 10px;}
            .in{ width:100%; border:1px solid #ddd; margin:10px 0px; padding:10px; height:100px; border-radius:5px; box-sizing: border-box; }
            .sub{ background:#e32; color: #fff; padding:8px 40px; border-radius:5px; font-size:20px; margin-bottom:30px; cursor: pointer;}
            .get{ border-radius:5px; border:1px solid #ddd; padding:10px 0px; width:150px; display: block; margin:0 auto; cursor: pointer;}
            .get:active{background: #eee;}
            .dd{ display: flex; overflow:hidden; margin:10px 0px 30px;
                .l{width:44px; height:44px; margin-right:25px; border-radius:44px;}
                .r{flex:1; border-bottom:1px solid #ccc; padding-bottom:20px;
                    .ift{ float: right; cursor: pointer;} .iftdz2{ color: #f90;}
                    .txt{ font-size: 14px; letter-spacing:1px; line-height: 30px;}
                    .time{ color: #999; font-size:14px;}
                }
            }
        }
    }
    //收藏
    .sc{ position: fixed;left:0px; top:0px; width: 100%; height: 100%; background:rgba(0,0,0,0.6); display: flex; justify-content: center; align-items: center;
        .box{display: inline-block; padding:20px 50px; background: #fff; border-radius:10px; max-width:380px;
            .ti{ font-size: 24px; margin:10px 0px; font-weight: bold;}
            .txt{ line-height:30px; text-align: left; color: #666; margin:30px 0px;}
            button{ border-radius:8px; padding:15px 0px; width: 150px; margin-right:30px; font-size:18px;}
            .b1{ background: #e32; color: #fff;}.b2{ border:1px solid #e32; color: #e32;}
        }
    }
    .win_1.jj{
        .boxs{ width: 600px;}
        .d0{ font-size:30px; font-weight: bold; margin:10px 0px 50px;}
        .d1{ font-size:20px; text-align: left; line-height: 40px; i{ font-weight: bold; color: #e32;}}
        .d2{ font-size:20px; text-align: left; line-height: 40px;}
        .bt{ font-size:20px; line-height: 30px; padding:10px 0px;a{ color: #fff;} }
        .bt:nth-child(1){color: #f66; background:none; border:1px solid #f66; margin-right:50px;}
    }
}


// 质监局考试系统
.exam_zjj{ width:1000px;
    .top{ position: relative;
        img{ width:100%;}
        .cont{ position: absolute; bottom:17px; left:443px; font-size:12px;}
        .time{ position: absolute; bottom:17px; left:543px; font-size:12px;}
    }
    .main{ border:1px solid #ddd; text-align: left; border-radius:5px; overflow: hidden;margin:10px 0px;}
    .type{ background:linear-gradient(#fff, #eee); line-height:26px; padding:0px 15px; font-weight: bold;}
    .box_s{
        .li{ overflow: hidden; padding:10px 15px; cursor: pointer;}
        .li:hover{ background: #aef;}
        .ti{ background:url('/static/img/ks_xiewen.jpg') repeat; padding:15px; font-weight: bold;}
        .opt{ width:20px; height:20px; display:block; border:1px solid #999; border-radius:20px; float: left; margin:0px 10px 0px 0px;}
        .select{ background:#19f; border:1px solid #19f;}
        .fang{ border-radius:3px;}

        .xr{ box-sizing: border-box; padding:20px; text-align: center; border-top:1px solid #ddd; border-bottom: 1px dashed #999; margin-top:30px;
            .bt{ padding: 8px 30px; margin-right:10px; border:1px solid #666; background: #efefef;  cursor: pointer; border-radius:5px; font-weight: bold;}
            .bt:hover{  background: #39f; border:1px solid #17f; color: #FFF;}
        }
        .answer_sheet{
            .list{ padding:10px 15px;}
            .dd{display: inline-block; width:40px; height:20px; font-size:12px; line-height:20px; margin:0px 5px 5px 0px; border:1px solid #999; color: #f55; border-radius:3px; cursor: pointer; text-align: center;}
            .dd:hover{ border:1px solid #f55;}
            .b1{ border:1px solid #f90;}
            .c1{ color: #f55;}.c2{ color:#17f;}
            .select{ border:1px solid #17f; color: #fff;}
            .meaning{text-align: left; margin-bottom:20px;
                .tx{ display: inline-block; height: 24px; overflow: hidden; line-height: 24px; margin-left:5px; margin-right:20px; color: #666;font-size:16px;}
            }
            .tips{ background: #efefef; padding:5px 15px;}
        }
    }
    .submit{ display: block; margin:30px auto; cursor: pointer; font-size:20px; font-weight: bold; border:1px solid #999; background: linear-gradient(#fff,#eee); padding:10px 80px; border-radius:50px;}
    .submit:hover{ background: linear-gradient(#2bf,#29f); color: #fff; border:1px solid #29f;}

    .win_1.jj{
        .boxs{ width: 600px;}
        .d0{ font-size:30px; font-weight: bold; margin:10px 0px 50px;}
        .d1{ font-size:20px; text-align: left; line-height: 40px; i{ font-weight: bold; color: #e32;}}
        .d2{ font-size:20px; text-align: left; line-height: 40px;}
        .bt{ font-size:20px; line-height: 30px; padding:10px 0px;a{ color: #fff;} }
        .bt:nth-child(1){color: #f66; background:none; border:1px solid #f66; margin-right:50px;}
    }
}




 //去支付
.pay{ background: #fff; padding:40px 110px 500px;
    .dd{ text-align: left; margin:20px 0px;
        b{ font-size:20px;}
        .c1{ color: #999;}.c2{ font-size:30px; color: #e32;}
    }
    .dd:nth-child(2){ border-bottom:1px solid #ccc; padding-bottom:40px;}
    .bt { text-align: left;
        button{border:1px solid #ddd; width: 135px; height: 44px;  margin-right:50px; position: relative;
            .tag{ position: absolute; right:0px; bottom:0px; width:30px; display: none;}
            .code{position: absolute; left:0px; top:60px; width:237px; height:237px; display: none;}
            .lab{ width: 237px; background: #e32; color: #fff; line-height:40px; position: absolute; top:305px; display: none; text-align: center;}
        }
        .slt{ border:1px solid #e32;.tag,.code,.lab{ display: block;}}
        .ift::before{ font-size:20px; margin-right:5px; position: relative; top:2px; color: #0c0;}
        .iftzfb::before{ color:#09d;}
    }

}


/*—————————————————————————————footer———————————————————————————*/
.footer{ width: 100%;background: #013; overflow: hidden; padding-top:40px;  vertical-align: top; *{color: #fff;}
    .dd{ display: inline-block; vertical-align: top; margin-right:20px;  padding-right:20px;
        .ti{ font-size:16px; margin-bottom:15px;}
    }
    .dd.list{border-right:1px solid #999; height:120px; text-align: left;
        .ti{ font-size: 18px; margin-bottom:20px;}
        .li{ display: block; font-size: 14px; color:#fff; opacity:0.7; font-weight: bold; line-height:24px;}
    }
    .dd:nth-child(9){ text-align: left; padding-top:30px; .ift{ margin-top:20px; font-size:18px;}}
    .dd .ift::before{margin-right:10px; font-size: 22px; line-height:24px;}
    .list:nth-child(4){border:0px;}

    .info{ font-size: 14px; margin:30px; color:#fff; opacity:0.7;}
}



/*---------------我的/个人中心--------------*/
.mycenter {overflow: hidden; display: flex; margin:20px 0px;
    .boxl{ background: #fff; border-radius:10px; padding:10px 0px; width:267px; margin-right:20px;
        .head{ width:90px; height:90px; border-radius:90px; overflow: hidden; padding:0px; img{ width: 100%; height:100%;}}
        .name{ font-weight: bold; margin-top: 10px;}
        .cap{ margin-bottom:60px;}
        a{ color:#666; line-height:40px; font-size:16px; display:block;}
        a.slt{ background: #fee;}
        .ift{ margin-right:10px; font-size:20px;}

    }
    .boxr{ background: #fff; border-radius:10px; padding:20px 0px; flex:1; text-align: left;
        .title{ border-bottom:1px solid #ddd; padding:0px 0px 10px 20px;
            span{ font-size:20px; border-bottom:5px solid #e32;font-weight: bold; padding-bottom:5px;}

        }
        .ti,.li{ padding-left:20px; margin:30px 0px; width:400px;}
        .li{ color:#888;
            p{ display:inline-block; width:260px; text-align: left; float: right;}
            input{ border:1px solid #ddd; border-radius:5px; line-height:30px; width:90%; padding:0px 5px;}
            .ift{ color: #888;}
            .ift::before{color:#0c0; font-size:30px; float: left; margin-right:10px;}
            button{background: #0c5; color: #fff; width:100px; line-height:35px; border-radius:5px; font-size:16px;}
        }
        .order{
            li{ box-shadow:0px 0px 10px #ddd; margin:20px 20px 0px; padding:10px; border-radius:10px; display: flex;
                img{ width:245; height: 150px; margin-right:10px;}
                .info{flex:1; line-height: 40px;
                    .t1{ font-size:20px; font-weight: bold;}
                    .t2{ color:#e32;}
                    .t3{line-height:30px;}
                }
                .time{ width:180px; margin:10px 10px 0px 0px; color: #999; text-align: right;}
            }
        }

    }
    //复卷
    .ul1{ background: #fff; box-shadow:0px 0px 10px #ddd; margin:10px 30px; border-radius:10px; display: flex; overflow: hidden;
        .l{ flex:1; padding:30px 20px;
            h4{ margin:0px 0px 10px;}
            p{ color: #888;}
        }
        .r{ width: 175px; background: #fdd; text-align: center;
            p{ margin:30px 0px 10px; color: #e32; font-size:18px;}
            a{ background: #e32;border-radius:40px; padding:5px 20px; color: #fff; margin:0px 0px 20px; display:inline-block;}
        }
    }
}

//*---------------证书查询--------------*/
.cert_search{ background: url('/static/img/cert_search.png') no-repeat;
    .t1{ font-size:50px; padding:60px 0px 25px; color: #fff; font-weight: bold;}
    .t2{ font-size:22px; padding:10px 0px 30px; color: #fff;}
    .box{ width:1200px; background: #fff; padding:40px 0px 30px; box-sizing: border-box; margin:0px 0px 40px; box-shadow:0px 0px 20px rgba(0, 0, 0, 0.2);
        a{ border-radius:10px; box-shadow:0px 0px 10px #ddd; padding:30px 30px;text-align:left; overflow: hidden; display: block; margin:30px 40px; font-size:20px; color: #111;
            i{ display: inline-block; float: right; background: #e32; color: #fff; padding:10px 40px; border-radius:30px; font-size:16px;}
        }
        img{ width:100%; padding:0px 30px; box-sizing: border-box;}
    }
}
//*---------------意见建议--------------*/
.idea{ width:1200px; background:url('/static/img/idea.png') no-repeat #fff; border-radius:10px; box-shadow:0px 0px 10px #eee;  padding:215px 50px 20px; margin:20px auto; box-sizing: border-box;
    text-align:left;
    .opt{ display: flex; width:400px;
        p{ flex:1; text-align: left;}
        input{ float: left; margin:0px 10px 0px 0px;width:20px; height:20px;}
    }
    .ti{ margin:20px 0px; font-size:18px; color:#000;}
    textarea{ border:1px solid #ddd; width:1000px; height: 220px; padding:20px;}
    .bt{ text-align: center; margin:20px;}
    button{ background: #e32; border-radius:5px; padding:12px 50px; color: #fff; font-size:20px; cursor: pointer;}
}

/*---------------登录--------------*/
.login{ display: flex; width: 1000px; margin:150px; justify-content: center; align-items: center;
    .l{ width: 480px; height: 550px; margin-right:60px;}
    .r{text-align:center; flex:1;
        .logo{ height: 24px;}
        .ti{ margin:20px 0px 0px; font-size: 20px; color: #111;}
        .li{ margin:30px 0px 0px; text-align: left;}
        .phone{ border-bottom:1px solid#ddd; line-height: 40px;}
        .msg{ color: #e32;}
        .code{ border-bottom:1px solid#ddd; line-height: 40px;
            .get{ border:1px solid #e32; float: right; color: #e32; width: 100px; border-radius:30px; padding:8px 0px;}
            .wait{ border:1px solid #ccc; color: #ddd;}
        }
        .tag{ color: #999;}
        .sub{ border-radius:40px; padding:15px 200px; background: #e32; color: #fff; font-size: 18px; cursor: pointer; display: block;}
        .wx{ width: 100%; text-align: center;
            .ift{ font-size:50px; color: #0c5;}
        }
    }
}
.win_1 .login{margin:10px 50px; width:auto;
    .wxcode{ width:300px; height: 300px; margin-left:12px;}
}
//浮动咨询
.float{ position:fixed; bottom:75px; right:50px; background: #fff; box-shadow:0px 0px 10px rgba(0,0,0,0.2); cursor: pointer;
    a{display: block; width:68px; box-sizing: border-box; padding:10px 0px; border-bottom:1px dotted #ddd; position: relative;}
    a:hover{ background: #e32; transition: all 0.5s;  color: #fff; .ift{ color: #fff;}}
    .ift:before{ font-size:30px;}
    .ifttop{ line-height:12px;}
    .iftly:before{ font-size:26px;}
    img{ position: absolute; top:0px; right:70px; padding:10px; box-shadow:0px 0px 10px rgba(0,0,0,0.2); background: #fff; display: none;}
    a:hover img{ display:block;}
}


/*底部弹出窗口*/
.bottom_win{ position:fixed; width: 100%; height: 100%; z-index:989; left: 0px; top: 0px; display:none;}
.bottom_win .close_win{ font-size:30px; position:absolute; right:8px; top:8px;}
.bottom_win .bg{ width: 100%; height: 100%; background:rgba(0,0,0,0.6); display: block;}
.bottom_win .body{ position:absolute; bottom:-200px; width: 100%; max-height: 80%; background: #FFF; text-align: center;  transition:bottom 0.2s; z-index: 2; border-top-left-radius:3px; border-top-right-radius: 3px;padding:5px 15px;}
.bottom_win .bx{ width:100%; height:500px; overflow: auto;}
.bottom_win .body.show{ bottom: 0px; transition: bottom 0.2s;}

/*----------------模拟窗口----------------------*/
.win_1{ width:100%; height:100%; position:fixed; left:0px; top:0px; z-index:999;display: flex; align-items: center; justify-content:center; background:rgba(0,0,0,0.6);
    .close,.iftclose{ position: absolute; right:20px; top:24px; cursor: pointer; color: #999;}
    .boxs{ min-width:280px; min-height:160px; display:flex;flex-flow: column;justify-content: center; padding:20px; border-radius:10px; background: #fff; position: relative;}
    .bt_box{ text-align: center;}
    .bt{background: #e32; color: #fff; border-radius:5px; line-height:45px; margin:40px 5px 0px; width:180px; cursor: pointer;}
    .clear{ background: #999;}
}


/*---------------------日历-----------------------------*/
.date_selector, .date_selector *{width: auto;height: auto;border: none;background: none;margin: 0;padding: 0;}
.date_selector{padding:0px;margin:0px auto 0px;display:none; width:90%;}
.date_selector .nav{ width: 100%; text-align: center;}
.date_selector .nav p{clear: none; padding: 0px; color:#111; font-size:16px; margin-bottom:10px;}
.date_selector .month_nav, .date_selector .year_nav{margin: 0 0 3px 0;padding: 0;display: block;position: relative;text-align: center;}
.date_selector .selectable_day.active{ background:#BEE1FF; position: relative;}
.date_selector .selectable_day.active i{ position: absolute;top:0px; left:0px; background:#007AFF; border-radius: 100%; color: #FFF; width: 100%; height: 100%;}
.date_selector .selectable_day.fix i{ background: #CCC;}
.date_selector .month_nav{width:40%; margin: 0 auto;}
.date_selector .year_nav{float: right;width: 42%;margin-right: -8px; display: none;}
.date_selector .month_name, .date_selector .year_name{line-height: 20px;}
.date_selector .button{display: block; position: absolute; top: 0;width:18px;height:18px;line-height:16px; font-weight:bold;color:#5985c7;text-align: center;font-size:12px;overflow:hidden;border: 1px solid #ccc;border-radius:2px; display: none;}
.date_selector .prev{left: 0;}
.date_selector .next{right: 0;}
.date_selector table{border-spacing: 0;border-collapse: collapse;clear: both;margin: 0 auto;width:260px; height: 210px;}
.date_selector tr{ display: flex;}
.date_selector th, .date_selector td{padding: 0 !important;text-align: center !important;color: #666;font-weight: normal; flex: 1;}
.date_selector th{font-size: 12px;}
.date_selector td{text-align: center;white-space: nowrap;color:#333; border-radius: 100%; line-height:36px; font-size:12px;}
.date_selector td.today{ color:#5A84FC; border: 1px solid #99CCFF;}
.date_selector td.unselected_month{color: #ccc;}
.date_selector td.selected{background:#2b579a;color: #fff;font-weight: bold;}

/**/
.mar-btm{ margin-bottom: 60px !important;}


/* 分页 */
.lc-pagination{
    text-align: center;
}

.lc-pagination ul{
    display: inline-block;list-style: none;overflow: hidden;margin: 20px 0;
}

.lc-pagination ul li {
    display: inline-block;float: left; margin: 0 10px;
}

.lc-pagination ul li a{
    text-decoration: none;display: inline-block;padding: 4px 12px;border: 1px solid #e32;border-radius: 4px;color: #e32;background-color: white;
}

.lc-pagination ul li i{
    padding-top: 8px;display: inline-block;
}

.lc-pagination ul li a:hover ,.lc-pagination ul li.current a
{
    background-color: #e32;color: white;
}


/*---------------------图片放大-----------------------------*/
.mui-preview-image.mui-fullscreen{position:fixed;z-index:50;background-color:#000}
.mui-preview-header,.mui-preview-footer{position:absolute;width:100%;left:0;z-index:10}
.mui-preview-header{height:44px;top:0;}
.mui-preview-footer{height:50px;bottom:0}
.mui-preview-header .mui-preview-indicator{display:block;line-height:25px;color:#fff;text-align:center;margin:15px 0px 4px;background-color:rgba(0,0,0,0.4);border-radius:12px;font-size:16px}
.mui-preview-image{display:none;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.mui-preview-image.mui-preview-in{-webkit-animation-name:fadeIn;animation-name:fadeIn}
.mui-preview-image.mui-preview-out{background:0;-webkit-animation-name:fadeOut;animation-name:fadeOut}
.mui-preview-image.mui-preview-out .mui-preview-header,.mui-preview-image.mui-preview-out .mui-preview-footer{display:none}
.mui-zoom-scroller{position:absolute;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;left:0;right:0;bottom:0;top:0;width:100%;height:100%;margin:0;-webkit-backface-visibility:hidden}
.mui-zoom{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.mui-slider .mui-slider-group .mui-slider-item img{width:100%;max-height:100%}
.mui-android-4-1 .mui-slider .mui-slider-group .mui-slider-item img{width:100%}
.mui-android-4-1 .mui-slider.mui-preview-image .mui-slider-group .mui-slider-item{display:inline-table}
.mui-android-4-1 .mui-slider.mui-preview-image .mui-zoom-scroller img{display:table-cell;vertical-align:middle}
.mui-preview-logining{position:absolute;width:100%;height:100%;top:0;left:0;display:none}
.mui-preview-logining.mui-active{display:block}
.mui-preview-logining .mui-spinner-white{position:absolute;top:50%;left:50%;margin-left:-25px;margin-top:-25px;height:50px;width:50px}
.mui-preview-image img.mui-transitioning{-webkit-transition:-webkit-transform .5s ease,opacity .5s ease;transition:transform .5s ease,opacity .5s ease}
@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}


//——————————————————————————————————————————— 广告 —————————————————————————————————————
.ad_box{position:fixed; left:0px; top:0px; z-index:10; width:100%; height: 100%; overflow: auto; background: #DA3232; padding:10px 0px;
    img{ width:750px; display: block; margin:0 auto;}
}

//——————————————————————————————————————————— 找培训 —————————————————————————————————————
.train_list .filters{
    box-shadow: 0 0 6px 0 rgba(215, 215, 215, 100);background: white;margin-top: 18px;text-align: left;padding: 10px 0;
}
.train_list .filters .f-item {
    overflow: hidden;padding: 10px;border-bottom: 1px solid #e6e6e6;
}
.train_list .filters .f-item:last-child{
    border-bottom: none;
}
.train_list .filters .f-item label {
    color: rgba(16, 16, 16, 1);font-size: 14px;text-align: left;line-height: 28px;float: left;
}
.train_list .filters .f-item label:after {
    content: "";display: inline-block;margin-left: 30px;width: 2px;height: 20px;background: #cfcfcf;margin-bottom: -4px;
}
.train_list .filters .f-item .categories-wrapper,.train_list .filters .f-item>.p-categories {
    float: left;margin-left: 22px !important;
}
.train_list .filters .f-item ul {
    width: 1070px;
}
.train_list .filters .f-item .p-categories,.train_list .filters .f-item .child-categories {
    list-style: none;padding:0;margin: 0;overflow: hidden;
}
.train_list .filters .f-item .p-categories li, .train_list .filters .f-item .child-categories li{
    display: inline-block;width: 80px;line-height: 28px;text-align: left;float: left;font-size: 14px;cursor: pointer;
}
.train_list .filters .f-item .child-categories {
    background-color: #F2F4F7;
}
.train_list .filters .f-item .child-categories li {
    text-align: center;line-height: 38px;
}
.train_list .filters .f-item .p-categories li.active, .train_list .filters .f-item .child-categories li:hover {
    color: #e73624;
}
.trains {
    overflow: hidden;margin-top: 20px;
}
.trains > ul {
    list-style: none;padding: 0;margin: 0;display: inline-block;width: 920px;text-align: left;float: left;
}
.trains > ul li {
    height: 160px;background: white;padding: 20px;overflow: hidden;margin-bottom: 10px;
}
.trains > ul li .left {
    float: left;
}
.trains > ul li img{
    width: 228px;height: 160px;
}
.trains > ul li .center {
    display: inline-block;width: 460px;margin-left: 10px;float: left;
}
.trains > ul li .center h2 {
    height: 27px;color: rgba(16, 16, 16, 1);font-size: 18px;text-align: left;padding: 0;margin: 0;margin-bottom: 10px;
}
.trains > ul li .center .info-row {
    overflow: hidden;
}
.trains > ul li .center .info-row span {
    font-size: 14px;color: #666666;line-height: 25px;
}
.margin-left-30 {
    margin-left: 30px;
}
.trains > ul li .center .info-row .float-right {
    float: right;width: 140px;
}
.trains > ul li .right {
    display: inline-block;width: 180px;float:right;text-align: center;
}
.trains > ul li .right span {
    width: 110px;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 1);
    color: rgba(231, 54, 36, 1);
    font-size: 16px;
    text-align: center;
    border: 1px solid rgba(231, 54, 36, 1);
    margin-top: 40px;
}
.trains > ul li .right p {
    color: rgba(231, 54, 36, 1);font-size: 16px;margin-top: 20px;
}
// ---------------------------机构入驻----------------------------
.org-body {
    width: 1440px;
}
.org-login-content {
    background: white;text-align: left;
}
.org-login-content .s-title {
    color: #101010;font-size: 28px;margin-top: 30px;margin-bottom: 60px;text-align: center;
}
.org-login-content .s-title i {
    color: rgba(231, 54, 36, 1);
}
.org-login-content .ipt {
    border: 1px solid #dcdcdc;padding: 2px 5px;height: 36px;line-height: 36px;text-align: left;overflow: hidden;border-radius: 2px;
}
.org-login-content .ipt img {
    float: left;margin-top: 6px;
}
.org-login-content .ipt input {
    float: left;width: 310px;height: 36px;line-height: 36px;display: inline-block;margin-left: 5px;letter-spacing: 2px;font-size: 14px;
}
.org-login-content .ipts {
    overflow: hidden;margin: 0 auto;width: 360px;margin-top: 15px;
}

.org-login-content .ipts .ipt {
    display: inline-block;width: 344px;
}
.org-login-content .ipts .email {
    width: 180px;float: left;order-radius: 2px;
}
.org-login-content .ipts .email input {
    width: 130px;margin-left: 10px;
}
.org-login-content .ipts .email img {
    margin-top: 10px;
}
.org-login-content .account-login .ipts .email {
    width: 344px;
}
.org-login-content .ipts .code {
    float: left;display: inline-block;margin-left: 20px;width: 132px;height: 36px;line-height: 36px;font-size: 14px;border: 1px solid #dcdcdc;padding: 2px 5px;text-align: center;border-radius: 2px;
}
.org-login-content .ipts .ag {
    font-size: 14px;display: inline-block;margin-left: 10px;letter-spacing: 2px;color: #333333;
}
.org-login-content .login {
    width: 100%;
    margin: 0;
    margin-top: 20px;
    height: 44px;
    line-height: 20px;
    border-radius: 3px;
    background-color: rgba(231, 54, 36, 1);
    color: white;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
}
.org-login-content .login:hover {
    box-shadow: 0 0 5px rgba(231, 54, 36, 1);
}
.org-login-content .anther-operate {
    overflow: hidden;margin-top: 10px;
}
.org-login-content .anther-operate .no-account.switch-login-way {
    float: left;
}
.org-login-content .anther-operate .no-account {
    font-size: 13px;float: right;
}
.org-login-content .no-account i{
    color:rgba(231, 54, 36, 1);
}
// 机构注册
.org-register-page {
    box-shadow: 0 0 5px #dcdcdc;margin-top: 20px;padding-bottom: 40px;margin-bottom: 50px;background: white;
}
.org-register-head {
    overflow: hidden;padding: 20px;border-bottom: 1px solid #bbbbbb;margin-bottom: 40px;
}
.org-register-head h1 {
    display: inline-block;float: left;width: 40%;color: #E73624;font-size: 28px;text-align: left;padding: 0;line-height: 36px;margin: 0;
}
.org-register-head span {
    line-height: 36px;color:#757575;font-size: 16px;float: right;
}
.org-register-head span i {
    color:#E73624;display: inline-block;
}
.org-register-infos .ois-item {
    line-height: 50px;height: 50px;color: #101010;
}
.org-register-infos .ois-item.clear {
    overflow: hidden;
}
.org-register-infos .ois-item label {
    display: inline-block;width: 400px;text-align: right;float: left;letter-spacing: 1px;margin-right: 10px;
}
.org-register-infos .ois-item label i {
    color:#E73624;
}
.org-register-infos .ois-item >input {
    display: inline-block;float: left;width: 240px;box-sizing: border-box;text-align:left;font-size: 16px;height: 30px;border-radius:4px;border:1px solid #c8cccf;;-web-kit-appearance:none;-moz-appearance: none;outline:0;padding:0 1em;text-decoration:none;margin-top: 5px;
}
.org-register-infos .ois-item #shl_log,.org-register-infos .ois-item #shl_cert {
    visibility: hidden;width: 1px;height: 1px;padding: 0;
}
.org-register-infos .ois-item textarea {
    display: inline-block;float: left;width: 480px;box-sizing: border-box;text-align:left;font-size: 16px;height: 140px;border-radius:4px;border:1px solid #c8cccf;;-web-kit-appearance:none;-moz-appearance: none;outline:0;padding:0 1em;text-decoration:none;margin-top: 5px;
}
.org-register-infos .ois-item .submit {
    float: left;display: inline-block;width: 120px;border-radius: 4px;background: #E73624 ;height: 40px;line-height: 40px;color:white;font-size: 16px;text-align: center;
}
.org-register-infos .ois-item >select {
    display: inline-block;float: left;margin-right: 20px;width: 140px;box-sizing: border-box;text-align:center;font-size: 16px;height: 30px;border-radius:4px;border:1px solid #c8cccf;color:#6a6f77;-web-kit-appearance:none;-moz-appearance: none;outline:0;padding:0 1em;text-decoration:none;margin-top: 5px;
}
.org-register-infos .ois-item .desc {
    text-align: left;font-size: 14px;color: #666666;display: inline-block;float: left;margin-left: 20px;
}
.org-register-infos .ois-item .code {
    width: 80px;text-align: center;line-height: 30px;margin-top: 5px;font-size: 14px;color: #101010;display: inline-block;float: left;margin-left: 20px;background: #e2e2e2;cursor: pointer;
}
.org-register-infos .ois-item .uploader-img {
    display: inline-block;float: left;width: 120px;height: 120px;background: #DCDCDC;position: relative;
}
.org-register-infos .ois-item .uploader-img img {
    position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 666;width:120px;height: 120px;
}
.org-register-infos .ois-item .uploader-img i {
    display: block;margin-top: 40px;line-height: 30px;height: 30px;font-size: 26px;color:rgba(0,0,0,.4);
}
.org-register-infos .ois-item .uploader-img p {
    padding: 0;margin: 0;line-height: 20px;font-size: 12px;color:rgba(0,0,0,.4);
}
.org-register-infos .ois-item .mselect {
    display: inline-block;float: left;width: 480px;overflow: unset;text-align: left;line-height: 30px;position: relative;
    .selectedItems {
        border:1px solid #c8cccf;border-radius:4px;padding: 0 10px;font-size: 14px;position: relative;
        .sitems {
            padding: 0;margin: 0;list-style: none;overflow: hidden;font-size: 14px;
            li {
                line-height: 20px;float: left;padding: 0 10px;border-radius: 5px;border: 1px solid #DCDCDC;margin: 5px 5px 5px 0;
                i {
                    font-size: 12px;display: inline-block;margin-left: 5px;
                }
            }
        }
        .empty {
            color: #666666;
        }
        .iftjt-down {
            position: absolute;right: 10px;top: 2px;z-index: 100;
        }
    }
    .selection {
        position: absolute;top: 40px;left: 0;z-index: 100000;background: white;border: 1px solid #c8cccf;box-shadow: 0 0 5px #dcdcdc;font-size: 14px;overflow: hidden;
        .left {
            display: inline-block;width: 139px;height:160px;border-right: 1px solid #DCDCDC;padding: 10px;float: left;overflow-y: auto;
            li {
                line-height: 30px;height: 30px;padding: 0 5px;overflow: hidden;cursor: pointer;
                i{
                    float: left;
                }
                span {
                    width: 108px;display: inline-block;padding-left: 5px;overflow: hidden; line-height: 30px;
                    .iftbtr {
                        font-size: 14px;float: right;
                    }
                }
                span.selected {
                    color: #0F55E3;
                    i {
                        color: #0F55E3;
                    }
                }
            }
        }
        .center {
            display: inline-block;width: 139px;border-right: 1px solid #DCDCDC;padding: 10px;height:160px;float: left;overflow-y: auto;
            li {
                line-height: 30px;height: 30px;padding: 0 5px;overflow: hidden;cursor: pointer;
                i{
                    float: left;
                }
                span {
                    width: 108px;display: inline-block;padding-left: 5px;overflow: hidden;
                    .iftbtr {
                        font-size: 14px;float: right;
                    }
                }
                span.selected {
                    color: #0F55E3;
                    i {
                        color: #0F55E3;
                    }
                }
            }
        }
        .right {
            display: inline-block;width: 138px;height:140px;float: left;overflow-y: auto;padding: 10px;
            li {
                line-height: 30px;padding: 0 5px;cursor: pointer;
                span {
                    width: 88px;display: inline-block;padding-left: 5px;
                }
                .iftbtr {
                    font-size: 14px;
                }
            }
        }
        .iftcheckbox-checked {
            color: #0F55E3;
        }
    }
    .selection:focus {
        outline: none;
    }
}

.org-menus.boxl{ background: #fff; border-radius:10px; padding:10px 0px; width:210px; margin-right:20px;
    .head{ width:90px; height:90px; border-radius:90px; overflow: hidden; padding:0px; img{ width: 100%; height:100%;}}
    .name{ font-weight: bold; margin-top: 10px;}
    .cap{ margin-bottom:60px;}
    a{ color:#333333; line-height:40px; font-size:16px; display:block;}
    a:hover {
        background: #ececec;
    }
    a.slt{ background: #fee;}
    .ift{ margin-right:10px; font-size:20px;}
    a>span {
        display: inline-block;width: 100px;text-align: left;
    }
    a >.nav-icon {
        font-size: 12px;
    }
    .sub-menu {
        a {
            text-align: left;display: block;line-height: 30px;padding-left: 30%;
        }
        a.active {
            background: #FFEEEC;color: #E73624;
        }
    }

}
    /*---------------机构招学员--------------*/
.find_std {overflow: hidden; display: flex; margin:20px 0px;

    .boxr{ background: #fff; border-radius:10px; padding:20px 0px; flex:1; text-align: left;
        .title{ border-bottom:1px solid #ddd; padding:0px 0px 10px 20px;
            span{ font-size:20px; border-bottom:5px solid #e32;font-weight: bold; padding-bottom:5px;}

        }
        .ti,.li{ padding-left:20px; margin:30px 0px; width:400px;}
        .li{ color:#888;
            p{ display:inline-block; width:260px; text-align: left; float: right;}
            input{ border:1px solid #ddd; border-radius:5px; line-height:30px; width:90%; padding:0px 5px;}
            .ift{ color: #888;}
            .ift::before{color:#0c0; font-size:30px; float: left; margin-right:10px;}
            button{background: #0c5; color: #fff; width:100px; line-height:35px; border-radius:5px; font-size:16px;}
        }
        .types{
            margin-top: 40px;padding-left: 20px;
            a {
                display: inline-block;width: 96px;height: 36px;line-height: 36px;background:  white;border-radius: 6px;color: #333333;text-align: center;margin-right: 60px;border: 1px solid #bbbbbb;
            }
            a:hover,
            a.active {
                border: 1px solid #e32;background:  #e32;color: white;
            }
        }
        .filters {
            padding-left: 20px;margin-top: 30px;overflow: hidden;
            select,.choice-category,.keyword {
                display: inline-block;float: left;width: 180px;box-sizing: border-box;text-align:left;font-size: 14px;height: 30px;border-radius:4px;border:1px solid #bbbbbb;color:#6a6f77;-web-kit-appearance:none;-moz-appearance: none;outline:0;padding:0 .5em;text-decoration:none;margin-right: 20px;
            }
            .choice-category {
                display: flex;flex-direction: row;justify-content: space-between;align-content: center;
                span {
                    line-height: 30px;
                    i {
                        color: #666666;
                    }
                }
            }
            input[type=submit] {
                width: 70px;height: 30px;line-height: 30px;border: 1px solid #e32;background:  #e32;color: white;text-align: center;cursor: pointer;
            }

            table,table tr th, table tr td { border:1px solid #bbbbbb; }
            table { width: 480px; min-height: 25px; line-height: 25px; text-align: center; border-collapse:collapse; padding:2px;}
            table a.current {
                color: #e32;
            }
        }
        .sum {
            text-align: left;font-size: 14px;color: #333333;padding-left: 20px;margin-top: 20px;
        }
        .table {
            padding-left: 20px;margin-top: 30px;overflow: hidden;
            table,table tr th, table tr td { border:1px solid #bbbbbb; }
            table tr td {
                padding: 5px 0;
            }
            table { width: 875px; min-height: 25px; line-height: 25px; text-align: center; border-collapse:collapse; padding:2px;font-size: 14px;
                thead {
                    background: #FFF1ED;height: 47px;
                }
                thead td:first-child,tr td:first-child{
                    width: 135px;
                }
                thead td:nth-child(2),tr td:nth-child(2) {
                    width: 580px;
                }
            }
            .getInfo{
               width: 80px;background: #4781FF;color: white;margin: 0 auto;text-align: center;font-size: 14px;border-radius: 2px;cursor: pointer;
            }
            .hasTake {
                background: #bbbbbb;color: #FFFCFC;
            }
        }
    }

    #deductScore {
        .modal-header {
            overflow: hidden;color: #333333;line-height: 40px;height: 40px;padding: 0 20px;
            span{float: left}
            i{float: right;line-height: 40px;padding: 0}
        }
        .modal-body {
            padding: 20px;
            .score {
                color: #101010;font-size: 18px;text-align: left;
                i{
                    color: #E73624;font-size: 24px;
                }
            }
            .prompt {
                text-align: left;font-size: 16px; color: #525252;margin-top: 40px;
            }
        }
        .modal-footer {
            span ,.exchangeScore{
                display: inline-block;padding: 6px 16px;border: 1px solid #d9d9d9;border-radius: 2px;color: #333333;font-size: 14px;cursor: pointer;margin-left: 10px;
            }
            span:last-child,.exchangeScore {
                background: #E73624;color:white;border: 1px solid #E73624;
            }
        }
    }
}

/*---------------筛选分类--------------*/
#filterCategories {
    .modal-header {
        overflow: hidden;color: #333333;line-height: 40px;height: 40px;padding: 0 20px;
        span{float: left}
        i{float: right;line-height: 40px;padding: 0}
    }
    .modal-body {
        padding: 0;
        .categories {
            overflow: hidden;height: 460px;
        }
        .categories .left {
            display: inline-block;width: 179px;height:100%;text-align: left;float: left;font-size: 14px;color: #333333;overflow: hidden;border-right: 1px solid #DCDCDC;
            ul {
                li {line-height: 50px;height: 50px;border-bottom: 1px solid #DCDCDC;padding: 0 10px;cursor: pointer}
                li:hover,li.current {
                    background: #E73624;color:white;
                    i {
                        color: white;
                    }
                }
            }
            i{
                float: right;font-size: 12px;
            }
        }
        .categories .right {
            display: inline-block;width: 500px;text-align: left;float: left;padding: 10px 0;
            .top-categories {
                padding: 0 20px;
                .sub-categories {
                    overflow: hidden;padding: 10px 0;position: relative;
                    .sub-title {
                        cursor: pointer;font-size: 14px;color: #E73624;display: inline-block;width: 100px;float: left;overflow: hidden;
                        label {
                            display: inline-block;width: 70px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;
                        }
                        i {
                            font-size: 10px;color: #E73624;display: inline-block;margin-right: 15px;float: right;margin-top: 4px;
                        }
                    }
                    .child-categories {
                        display: inline-block;width: 360px;float: left;list-style: none;padding: 0;margin: 0;
                        li {
                            cursor: pointer;display: inline-block;float: left;padding-right:10px;font-size: 14px;color: #E73624;
                        }
                        li:after {
                            content: '';
                            display: inline-block;
                            width: 1px;height: 12px;background: #DCDCDC;margin-left: 10px;
                        }
                        li:last-child:after { display: none;}
                    }
                    .divider {
                        border-bottom: 1px dashed #DCDCDC;position: absolute;bottom: 0;left: 100px;right: 0;
                    }
                }
            }
        }
    }

}
/*---------------机构积分--------------*/
.org-score-home {overflow: hidden; display: flex; margin:20px 0px;
    .boxr{ background: #fff; border-radius:10px; padding:20px 0px; flex:1; text-align: left;
        .title{ border-bottom:1px solid #ddd; padding:0px 0px 10px 20px;
            span{ font-size:20px; border-bottom:5px solid #e32;font-weight: bold; padding-bottom:5px;}
        }
        .base-info {
            font-size: 16px;color: #101010;padding-left: 20px;margin-top: 40px;
            i:first-child{
                color: #e32;display: inline-block;margin-right: 40px;
            }
        }
        .tc-title{ margin-top: 40px;padding-left: 20px; }
        .tc {
            margin-top: 40px;
            ul {
                list-style: none;overflow: hidden;width: 500px;margin: 0 auto;text-align: justify;
                li{
                    display: inline-block;width: 140px;
                }
                .tc-item {
                    display: inline-block;width: 136px;height: 68px;border: 2px solid #bbbbbb;text-align: center;font-size: 16px;color: #101010;cursor: pointer;
                    span {
                        font-size: 14px;display: block;line-height: 22px;
                    }
                    span:first-child {
                        margin-top: 15px;
                    }

                }
                .current {
                    background: #FFEEED;border: 2px solid #E73624;
                    span:first-child {
                        color: #101010;font-weight: bold;
                    }
                }
            }
        }
        .custom-price{
            text-align: center;margin-top: 40px;
            label {

            }
            input {
                display: inline-block;width: 180px;box-sizing: border-box;text-align:left;font-size: 16px;height: 30px;border-bottom:1px solid #bbbbbb;color:#6a6f77;-web-kit-appearance:none;-moz-appearance: none;outline:0;padding:0 .5em;text-decoration:none;
            }
            span {
                display: inline-block;width: 70px;height: 26px;line-height: 26px;border: 1px solid #e32;background:  #e32;color: white;text-align: center;cursor: pointer;border-radius: 4px;margin-left: 20px;
            }
        }
        .dash{
            border-bottom: 1px dashed #bbbbbb;margin: 0 20px;margin-top: 40px;
        }
        .pay-money{
            text-align: center;font-size: 14px;color:#101010;margin-top: 40px;
            span>i{
                font-size: 24px;color: #e32;
            }
        }
        .pay-way{
            width: 600px;margin: 40px auto 0px;border: 1px solid #E6E6E6;text-align: center;padding: 30px 0;font-size: 0;
            li {
                display: inline-block;width: 178px;
                .pw-item{
                    .img-wrapper {
                        border: 1px solid #09AD00;
                        img{
                            width: 144px;height: 144px;margin: 17px;background: #0ea432;
                        }
                    }
                    p{
                        font-size: 16px;margin-top: 10px;
                        i {
                            font-size: 22px;display: inline-block;margin-right: 8px;
                        }
                        .iftwxzf {
                            color: #09AD00;
                        }
                        .iftzfb {
                            color: #02AAEF;
                        }
                    }
                }
            }
            .placeholder{
                width: 70px;
            }
        }
        .agree {
            width: 600px;margin: 20px auto 0px;text-align: left;font-size: 14px;color: #9d9d9d;
        }
        .rules {
            margin-top: 40px;
            p{
                padding-left: 20px;font-size: 16px;color:#101010;
            }
            table,table thead td, table tr td { border:1px solid #bbbbbb; }
            table { margin: 20px; min-height: 25px; line-height: 25px; text-align: center; border-collapse:collapse;font-size: 14px;
                thead {
                    background: #FFF1ED;height: 47px;
                }
                thead td:first-child,tr td:first-child{
                    width: 162px;
                }
                thead td:nth-child(2),tr td:nth-child(2) {
                    width: 680px;
                }
                tr {
                    height: 47px;
                }
            }
        }
    }

    #paySuccessDialog {
        .p-content {
            text-align: center;
            i {
                font-size: 48px;color: #E73624;padding-top: 40px;display: block;
            }
            h2 {
                font-size: 18px;color: #666666;padding-bottom: 40px;padding-top: 10px;
            }
        }
    }
}
/*---------------机构积分明细--------------*/
.org-score-details {overflow: hidden; display: flex; margin:20px 0px;
    .boxr{ background: #fff; border-radius:10px; padding:20px 0px; flex:1; text-align: left;
        .title{ border-bottom:1px solid #ddd; padding:0px 0px 10px 20px;
            span{ font-size:20px; border-bottom:5px solid #e32;font-weight: bold; padding-bottom:5px;}
        }
        .rules {
            margin-top: 40px;
            p{
                padding-left: 20px;font-size: 16px;color:#101010;
            }
            table,table thead td, table tr td { border:1px solid #bbbbbb; }
            table { margin: 20px; min-height: 25px; line-height: 25px; text-align: center; border-collapse:collapse;font-size: 14px;
                thead {
                    background: #FFF1ED;height: 47px;
                }
                thead td:first-child,tr td:first-child{
                    width: 162px;
                }
                thead td:nth-child(2),tr td:nth-child(2) {
                    width: 680px;
                }
                thead td:last-child,tr td:last-child{
                    width: 182px;
                }
                tr {
                    height: 47px;
                }
            }
        }
    }
}
/*---------------机构积分--------------*/
.org-verify {overflow: hidden; display: flex; margin:20px 0px;
    .boxr{ background: #fff; border-radius:10px; padding:20px 0px; flex:1; text-align: left;
        .title{ border-bottom:1px solid #ddd; padding:0px 0px 10px 20px;
            span{ font-size:20px; border-bottom:5px solid #e32;font-weight: bold; padding-bottom:5px;}
        }
        .verify {
            text-align: center;padding: 160px 0 200px;
        }
    }
}
/*---------------机构积分--------------*/
.org-register-header .status-bar-parent{
    background: #F2F2F2;overflow:hidden;
    .status-bar {
        width: 1200px;margin: 0 auto;
        ul{
            float: left;height: 50px;line-height: 50px;list-style: none;
            li {
                float: left;font-size: 14px;display: inline-block;margin-right: 21px;
                i {
                    color: #c0c0c0;display: inline-block;margin-right: 10px;
                }
            }
        }
        .left-menu li a:after {
            content: '';display: inline-block;width: 1px;height: 10px;margin-top: 5px;margin-left: 20px;background: #666666;
        }
        .left-menu li:last-child a:after {
            display: none;
        }
        .right-menu {
            float: right;
        }
    }
}
.org-register-header .nav-bar {
    background: white;
    .nav-bar-content {
        width: 1200px;margin: 0 auto;overflow:hidden;padding: 20px 0;
        a{
            float: left;overflow: hidden;
            img {
                float: left;width: 185px;height: auto;
            }
            span {
                display: inline-block;margin-left: 10px;font-size: 20px;margin-top: 20px;
            }
        }
        .contact {
            float: right;overflow: hidden;
            .iftdh1 {
                 float: left;font-size: 26px;color: #E73624;display: inline-block;width: 54px;line-height: 54px;text-align: center;background: #FFF0F0;border-radius: 10px;
            }
            ul {
                display: inline-block;float: left;margin-left: 20px;
                li {
                    text-align: left;line-height: 26px;color: black;
                }
                li:last-child {
                    font-size: 14px;color: #666666;
                }
            }
        }
    }
}
.org-backend-header .nav-bar {
    background: white;
    .nav-bar-content {
        width: 1440px;margin: 0 auto;padding: 20px 0;height: 60px;
        a{
            float: left;overflow: hidden;
            img {
                float: left;width: 185px;height: auto;
            }

            span {
                display: inline-block;font-size: 28px;margin-top: 14px;color: black;
            }
            span:before {
                content: '';display: inline-block;width: 1px;height: 20px;margin-top: 5px;background: #bbbbbb;margin-left: 25px;margin-right: 25px;
            }
        }
        ul {
            list-style: none;float: right;height: 62px;
            li {
                float: left;font-size: 16px;color: #333333;display: inline-block;margin-left: 60px;position: relative;
                img {
                    width: 62px;height: 62px;border-radius: 40px;
                }
                span {
                    line-height: 62px;
                }
                .ift {
                    line-height: 62px;font-size: 24px;color: #c0c0c0;cursor: pointer;
                }
            }
            li.org {
                overflow: hidden;
                img {
                    float: left;
                }
                span {
                    float: left;display: inline-block;margin-left: 10px;
                }
            }
            li.wh-teacher {
                cursor: pointer;
                .hover-show {
                    position: absolute;top: 56px;left: 10px;width: 120px;height: 120px;border: 2px solid #4ed621;border-radius: 5px;
                    display: none;
                    img {
                        width: 120px;height: 120px;border-radius: 0;
                    }
                }
                .hover-show:before {
                    position: absolute;
                    content: "";
                    top: -10px;
                    left: 50px;
                    border-left: 10px solid transparent;
                    border-right: 10px solid transparent;
                    border-bottom: 10px solid #4ed621;
                }
                /* 白色覆盖*/
                .hover-show:after {
                    position: absolute;
                    content: "";
                    /*减少两像素*/
                    top: -8px;
                    left: 50px;
                    border-left: 10px solid transparent;
                    border-right: 10px solid transparent;
                    border-bottom: 10px solid #fff;
                }
            }
            li.wh-teacher:hover {
                .hover-show {
                    display: block !important;
                }
            }
        }
    }
}


/*---------------课程管理--------------*/
.org-course-manager {overflow: hidden; display: flex; margin:20px 0px;
    .boxr{ background: #fff; border-radius:10px; padding:20px 0px; flex:1; text-align: left;
        .title{ border-bottom:1px solid #ddd; padding:0px 0px 10px 20px;
            span{ font-size:20px; border-bottom:5px solid #e32;font-weight: bold; padding-bottom:5px;}
        }
        .content-container { padding: 20px;
            form {
                border-bottom: 1px solid #bbbbbb;padding-bottom: 20px;
            }
            .filters {
                overflow: hidden;
                .item {
                    float: left;display: inline-block;width: 310px;line-height: 40px;margin-bottom: 5px;
                    label {
                        display: inline-block;width: 80px;text-align: left;
                    }
                    input {
                        display: inline-block;width: 200px;border-radius: 4px;border: 1px solid #bbbbbb;line-height: 28px;
                    }
                }
            }
            .operate {
                margin-top: 15px;
                .submit {
                    width: 96px;height: 36px;line-height: 23px;border-radius: 6px;background-color: rgba(231, 54, 36, 1);color: rgba(255, 255, 255, 1);font-size: 16px;text-align: center;
                }
                .reset {
                    width: 96px;height: 36px;line-height: 20px;border-radius: 6px;background-color: rgba(255, 255, 255, 1);color: rgba(16, 16, 16, 1);font-size: 14px;border: 1px solid rgba(187, 187, 187, 1);margin-left: 40px;
                }
            }
            .menus {
                margin-top: 30px;height: 40px;
                .send-course {
                    float: left;
                    display: inline-block;
                    width: 170px;
                    line-height: 36px;
                    border-radius: 6px;
                    background-color: white;
                    color: rgba(231, 54, 36, 1);
                    font-size: 16px;
                    text-align: center;
                    font-family: Roboto;
                    border: 1px solid rgba(231, 54, 36, 1);
                    .ift {
                        color: rgba(231, 54, 36, 1);
                    }
                }
                table.filters-table tr td { border:1px solid #bbbbbb; width: 80px;height: 36px}
                table.filters-table { float: left;text-align: center; border-collapse:collapse;font-size: 14px;margin-left: 60px}
                .tag-manager-menu {
                    float: right;font-size: 16px;color: #101010;
                    .tg-manager {
                        float: left;line-height: 36px;border: 1px solid #999999;border-radius: 6px;padding: 0 20px;
                    }
                    .filter-tag {
                        float: left;margin-left: 20px;display: inline-block;position: relative;
                        span {
                            width: 138px;display: inline-block;height: 36px;line-height: 36px;border: 1px solid #999999;border-radius: 6px;padding: 0 10px;
                        }
                        ul {
                            list-style: none;padding: 0;margin: 0;height: 180px;position: absolute;left: 0;top:30px;width: 138px;overflow-y: auto;
                        }
                    }

                }
            }
            #courseTable {
                margin-top: 30px;
                .opt-btn {
                    display: inline-block;margin-right: 10px;font-size: 14px;border-radius: 2px;padding: 0 4px;cursor: pointer;
                }
                .edit-tag {
                    color: #0F55E3;
                }
                .del-tag {
                    color: #e32;
                }
            }

        }

    }
}
#tagManager .tag-manager {
    height: 280px;text-align: left;
    .list {
        .operate {
            span {
                display: inline-block;font-size: 14px;border:1px solid #e32;color: #e32;background: white;line-height: 28px;padding: 0 20px;border-radius: 4px;cursor: pointer;
            }
        }
        table {
            width: 100%;font-size: 14px;color: #333333;border-top: 1px solid #dcdcdc;margin-top: 15px;
            tbody,thead {
                width: 100%;
            }
            tr{
                display: flex;flex-direction: row;align-content: center;line-height: 28px;border-bottom: 1px solid #dcdcdc;
                td,th{
                    flex: 1;
                }
            }
            .row-operate {
                span {
                    display: inline-block;margin-right: 20px;cursor: pointer;
                }
                span:nth-child(1) {
                    color: #4884f7;
                }
                span:nth-child(2) {
                    color: #e32;
                }
            }
            .opt-btn {
                display: inline-block;margin-right: 10px;font-size: 14px;border-radius: 2px;padding: 0 4px;cursor: pointer;
            }
            .edit-tag {
                color: #0F55E3;
            }
            .del-tag {
                color: #e32;
            }
        }

    }

    .add-tag {
        .tag-container {
            padding-top: 20px;
            input {
                display: block;width: 390px;border: 1px solid #dcdcdc;height: 32px;font-size: 14px;padding: 0 10px;
            }
        }
        .operate-footer{
            line-height: 55px;text-align: right;font-size: 14px;color: #333333;margin-top: 30px;
            span{
                display: inline-block;margin-left: 20px;border: 1px solid #dcdcdc;line-height: 28px;padding: 0 8px;cursor: pointer;line-height: 32px;padding: 0 28px;border-radius: 4px;
            }
            .sure {
                background: #4d85f5;color: white;line-height: 32px;padding: 0 28px;border-radius: 4px;
            }
        }
    }
}
.org-course-send { overflow: hidden; display: flex; margin:20px 0px;
    .boxr{ background: #fff; border-radius:10px; padding:20px 0px; flex:1; text-align: left;
        .title{ border-bottom:1px solid #ddd; padding:0px 0px 10px 20px;
            span{ font-size:20px; border-bottom:5px solid #e32;font-weight: bold; padding-bottom:5px;}
        }
        .content-container { padding: 20px;
            form { border-bottom: 1px solid #bbbbbb;padding-bottom: 20px;

                .section {
                    overflow: hidden;
                    h2 {
                        height: 26px;color: rgba(153, 153, 153, 1);font-size: 18px;text-align: left;font-weight: normal;
                    }
                    .covers {
                        overflow: hidden;  margin-bottom: 10px;
                        .previews {
                            float: left;list-style: none;
                            li {
                                float: left;position: relative;display: inline-block;margin-right: 20px;
                                img {
                                    width: 104px;height: 104px;border-radius: 4px;
                                }
                                i {
                                    position: absolute;top: 10px;right: 10px;font-size: 12px;
                                }
                            }
                        }
                        .uploader {
                            .upload-img {
                                display: inline-block;float: left;width: 104px;height: 104px;text-align: center;border-radius: 4px 4px 4px 4px;background-color: rgba(0, 0, 0, 0.2);border:1px solid rgba(0, 0, 0, 0.15);cursor: pointer;
                                i {
                                    font-size: 24px;display: block;margin-top: 30px;
                                }
                                p {
                                    text-align: center;color: #333333;font-size: 14px;
                                }
                            }
                            #shl_log {
                                display: inline-block;width: 1px;height: 1px;visibility: hidden;
                            }
                            .desc {
                                display: inline-block;float: left;width: 320px;font-size: 14px;color: #7B7B7B;margin-left: 15px;
                                .info{
                                    margin-top: 10px;
                                }
                            }
                        }
                    }
                    .item {
                        float: left;display: inline-block;width: 290px;line-height: 40px;margin-bottom: 5px;font-size: 14px;
                        label {
                            display: inline-block;width: 80px;text-align: left;
                        }
                        .input,input {
                            display: inline-block;width: 170px;border-radius: 4px;border: 1px solid #bbbbbb;line-height: 28px;padding: 0 10px;
                        }
                        .input {
                            height: 28px;
                        }
                        i{
                            color: #e32;
                        }
                        .price-container {
                            float: left;width: 200px;overflow: hidden;font-size: 12px;list-style: none;
                            li {
                                float: left;display: inline-block;margin-right: 8px;
                            }
                            span {
                                float: left;display: inline-block;color: #101010;font-size: 14px;
                            }
                            input {
                                float: left;width: 15px;display: inline-block;margin-top: 14px;
                            }
                        }
                    }
                    .prices {
                        label {
                            display: inline-block;width: 50px;text-align: left;
                        }
                        input {
                            width: 55px;
                        }
                        .sub-item {
                            float: left;display: inline-block;width: 145px;
                        }
                    }
                    .cnt-content {
                        width: 100%;overflow: hidden;margin-top: 10px;
                        label {
                            float: left;display: inline-block;width: 80px;text-align: left;
                        }
                        .editor {
                            float: left;
                            .desc {
                                font-size: 14px;color: #999999;text-align: left;line-height: 40px;
                            }
                        }
                    }
                }
                .operate {
                    line-height: 80px;
                    button{
                        cursor: pointer;display: inline-block;margin-left: 80px;width: 122px;height: 36px;text-align: center;line-height: 36px;border-radius: 6px;
                    }
                    .submit {
                        color: white;background: #E73624;border: 1px solid #E73624;cursor: pointer;display: inline-block;margin-left: 80px;width: 122px;height: 36px;text-align: center;line-height: 36px;border-radius: 6px;
                    }
                    .reset {
                        border: 1px solid #E73624;color: #E73624;background: white;
                    }
                }
            }
        }
    }
    .choice-area {
        height: 180px;
        ul {
            list-style: none;padding: 0;margin: 0;
            li {
                display: inline-block;width: 105px;margin-right: 6px;line-height: 29px;border: 1px solid #999999;border-radius: 4px;padding: 0 10px;text-align: left;font-size: 14px;position: relative;
                .regions {
                    position: absolute;left: 0;width: 125px;top: 32px;height: 150px;border: 1px solid #999999;border-radius: 4px;overflow-y: auto;
                    p {
                        padding: 1px 10px;cursor: pointer;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;
                    }
                    p:hover{
                        background: #E73624;color:white;
                    }
                }
            }
        }
    }
}