@charset "UTF-8";
.clearfix:before, .clearfix:after { display: table; content: " "; }
.clearfix:after { clear: both; }
.ell { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.w20 { width: 20px; }
.fs17 { font-size: 17px; }
.fs20 { font-size: 20px; }
.fwnl { font-weight: normal; }
.bcw { background-color: #fff; }
.posr { position: relative; }
.posa { position: absolute; }
.displayb { display: block; margin: 5px 0; }
.dispinlb { display: inline-block !important; }
.small-chat-box .heading-bg { padding: 10px 15px; background-color: #fff; position: absolute; left: 0; top: 0; width: 100%; }
.small-chat-box .panel-heading a { display: block; }
.form-control:focus, .single-line:focus { border-color: #39aef5 !important; }
.hr-b hr { margin-top: 5px; border-top-color: #dadada; }
.chosen-container { width: 100% !important; }
.cclass { position: absolute; left: 15px; top: 40px; background-color: #fff; z-index: 200; width: 800px; display: none; }
.cclass .table-cont { max-height: 210px; overflow: auto; }
.tab-content iframe { border: 0 none; display: block; width: 100%; }
.tab-content iframe .gray-bg { background-color: transparent; }
.project-list-st { }
.project-list-st table tr td { padding: 8px; }
.project-list-st table tr td.project-status { width: 1%; }
.vertical-timeline-icon { line-height: 34px; }
.vertical-timeline-content .col-sm-3 { padding: 0 10px; }
#content-main { height: calc(100% - 79px); overflow: hidden; }
nav.page-tabs { margin-left: 80px; }
.content-tabs .roll-left { left: 40px; }
a.navbar-minimalize-a { background: #fff; position: absolute; width: 40px; height: 40px; text-align: center; color: #999; z-index: 2; top: 0; left: 0; border-right: solid 1px #eee; }
a.navbar-minimalize-a:hover { color: #777; background: #f2f2f2; }
.row-mb .row { margin-bottom: 10px; }
.row-mb .row:last-child { margin-bottom: 0; }
.ibox-content > button.dim { margin-bottom: 0 !important; }
.td-input { position: relative; min-width: 50px; }
.td-input > input { display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; border: 1px solid transparent; padding: 0 10px; background: none; outline: 0; }
.td-input > input:focus { border-color: #39aef5; }
.tabfixed { position: relative; }
.tabfixed .posf { left: 0; top: 0; right: 0; bottom: 0; position: absolute; background: rgba(240, 240, 240, 0.75); cursor: not-allowed; z-index: 100; display: none; }
.tableft { position: absolute; z-index: 50; top: 0; left: 0; }
.tableft > .table { margin-bottom: 0; }
.tableft > .table th, .tabmain > .table td { white-space: nowrap; }
.tabmain { overflow-x: auto; }
.tabmain > .table { margin-bottom: 0; }
.tabmain > .table th, .tabmain > .table td { white-space: nowrap; }
.powercon .roll-right.J_tabRight { right: 260px; }
.roll-right.btn-group2 { right: 140px; width: 120px; display: none; }
.powercon .roll-right.btn-group2 { display: block; }
.powercon .roll-right.btn-group2 button { width: 120px; padding-right: 16px; background: #39aef5; color: #fff; }
.powercon .roll-right.btn-group2 button .caret { position: absolute; right: 4px; top: 21px; }
.float-left { float: left !important; }
.float-right { float: right !important; }
.article .ibox-content p > img { max-width: 100% !important; display: block; margin: 10px auto; }
.wrapper { min-height: 100%; }

/*首次引导*/
.helpercon { position: relative; display: inherit; }
.helpercon .table { background-color: #fff; }
.helpercon .ol { top: 0; z-index: 999997; bottom: 0; left: 0; right: 0; position: fixed; opacity: 0.8; background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0.9))); background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%); background: radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#e6000000', GradientType=1); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.helpercon .tl { position: relative; z-index: 999998; box-shadow: 0 2px 15px rgba(0, 0, 0, .4); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.helpercon .rl { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 999999; cursor: pointer; }
.helpercon .tp { position: absolute; z-index: 999999; padding: 10px; background-color: white; width: 220px; border-radius: 3px; box-shadow: 0 1px 10px rgba(0, 0, 0, .4); -webkit-transition: opacity 0.1s ease-out; -moz-transition: opacity 0.1s ease-out; -ms-transition: opacity 0.1s ease-out; -o-transition: opacity 0.1s ease-out; transition: opacity 0.1s ease-out; }
.helpercon .tp.tp-t { bottom: 100%; left: 50%; margin-bottom: 10px; margin-left: -110px; }
.helpercon .tp.tp-b { top: 100%; left: 50%; margin-top: 10px; margin-left: -110px; }
.helpercon .tp.tp-l { top: 0; right: 100%; margin-right: 10px; }
.helpercon .tp.tp-r { top: 0; left: 100%; margin-left: 10px; }
.helpercon .tp .tp-arrow { border: 5px solid white; content: ''; position: absolute; }
.helpercon .tp.tp-t .tp-arrow { bottom: -10px; border-top-color: white; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; left: 50%; margin-left: -3px; }
.helpercon .tp.tp-b .tp-arrow { top: -10px; border-top-color: transparent; border-right-color: transparent; border-bottom-color: white; border-left-color: transparent; left: 50%; margin-left: -3px; }
.helpercon .tp.tp-l .tp-arrow { right: -10px; top: 10px; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: white; }
.helpercon .tp.tp-r .tp-arrow { left: -10px; top: 10px; border-top-color: transparent; border-right-color: white; border-bottom-color: transparent; border-left-color: transparent; }

/*注册登录*/
.logincon { background: url(../img/login-background.jpg) no-repeat center fixed; background-size: cover; }
.logincon .send-c, .logincon .send-c-dis { position: absolute; background-color: #f8ac59; border-color: #f8ac59; color: #FFFFFF; padding: 6px 12px; font-size: 14px; border-radius: 3px; right: 1px; top: 1px; cursor: pointer; }
.logincon .send-c-dis { background-color: #c2c2c2; border-color: #c2c2c2; }

/*二维码*/
.codecon { width: 280px; height: 560px; padding-top: 200px; margin: 5% auto 0; background-image: url(../img/xs.png); }
.codecon > img { width: 160px; height: 160px; margin: 0 auto; display: block; }
.codecon .txt { background: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, .3); box-shadow: 0 3px 0 rgba(12, 12, 12, 0.03); border-radius: 20px; text-align: center; padding: 5px 10px; font-size: 12px; margin: 40px auto 0; width: 210px; }

/*导入*/
.jdtcon { background-color: transparent !important; box-shadow: none !important; color: #fff; }
.jdtcon .jbox { background-color: #2f96b4; padding: 20px 15px 15px 50px; width: 300px; margin-right: 18px; margin-bottom: 18px; opacity: 0.8; border-radius: 3px; -moz-box-shadow: 0 0 12px #999; -webkit-box-shadow: 0 0 12px #999; box-shadow: 0 0 12px #999; position: relative; overflow: hidden; }
.jdtcon .jbox .jline { position: absolute; left: 0; height: 4px; bottom: 0; background-color: #000; opacity: 0.4; }
.jdtcon .jbox > span { vertical-align: top; }
.jdtcon .jbox .sk-spinner-three-bounce.sk-spinner { display: inline-block; }
.jdtcon .jbox .sk-spinner-three-bounce.sk-spinner > div { opacity: 0.9; background-color: #fff; }
.drwccon { }
.drwccon h2 { text-align: center; line-height: 24px; margin-top: 20px; margin-bottom: 10px; }
.drwccon i { color: #1ab394; font-size: 24px; margin-right: 8px; vertical-align: top; margin-top: -1px; }
.drwccon .r-txt { text-align: center; padding-bottom: 10px; }
.drwccon .r-txt b { background-color: #c6ffc6; font-weight: normal; }
.drwccon .r-box { margin: 0 10px 10px; background-color: #FFEEEE; padding: 10px; }
.drwccon .r-box ul { max-height: 180px; overflow: auto; margin-bottom: 0; }
.drwccon .r-box h4 { margin-left: 10px; }

/*上传组图编辑*/
.picgcon { position: relative; display: block; float: left; width: 24%; margin-right: 1%; margin-bottom: 5px; }
.picgcon img { margin-bottom: 0; width: 100%; }
.picgcon .picgpsa { position: absolute; left: 0; top: 0; height: 100%; right: 0; background-color: rgba(0, 0, 0, .6); display: none; }
.picgcon:hover .picgpsa { display: block; }
.picgcon .picgpsa span.fa { color: #fff; font-size: 22px; position: absolute; line-height: 30px; height30px; width: 30px; top: 50%; margin-top: -15px; left: 50%; margin-left: -45px; text-align: center; }
.picgcon .picgpsa span.fa-search-plus { margin-left: 15px; }

/*上传组图编辑2*/
.qflcon { position: relative; display: block; float: left; width: 23.5%; margin-right: 1.5%; margin-bottom: 5px; padding-top: 23.5%; background-position: center; background-size: cover; background-repeat: no-repeat; }
.qflcon label { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: transparent; }
.qflcon .picgpsa { position: absolute; left: 50%; top: 50%; border-radius: 50%; margin-top: -25px; margin-left: -25px; cursor: pointer; height: 50px; width: 50px; background-color: rgba(0, 0, 0, .6); display: none; }
.qflcon:hover .picgpsa { display: block; }
.qflcon .picgpsa span.fa-trash-o { color: #fff; font-size: 22px; position: absolute; line-height: 30px; height30px; width: 30px; top: 50%; margin-top: -15px; left: 50%; margin-left: -15px; text-align: center; }

/*搜索框*/
.seacon { position: relative; z-index: 99; }
.seacon > a { font-size: 16px; color: #676a6c; }
.seacon > a.collapsed { }
.seacon .panel-body { background-color: #fff; padding: 0; border-bottom: 1px solid #e7eaec; }
.seacon .collapse { }
.seacon .collapse > a { display: block; min-height: 500px; cursor: default; }
.seacon.sea-bar { background-color: #fff; }
.seacon.sea-bar > a { display: block; padding: 10px 15px; }
.seacon.sea-bar .collapse > a { }

/*表单引导*/
.stepscon { }
.stepscon ul { list-style: none !important; padding: 0; margin: 0; }
.stepscon .tab-list li { padding: 0 6px; margin-bottom: 6px; width: 20%; float: left; }
.stepscon .tab-list li a { background: #eee; color: #aaa; cursor: default; padding: 8px; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: block; }
.stepscon .tab-list li.done a { background: #9dc8e2; color: #fff; }
.stepscon .tab-list li.active a { color: #fff; background-color: #1c84c6; }
.stepscon > .tab-content { min-height: 300px; background: #eee; margin: 5px 5px 10px 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 2.5%; }
.stepscon > .tab-content .nav-tabs { height: 40px; overflow: auto; border-bottom: 0; }
.stepscon > .tab-content .nav-tabs > li { margin-bottom: 0; }
.stepscon > .tab-content .nav-tabs > li > a { padding: 10px 15px; }
.stepscon > .tab-content .nav-tabs > li > a .badge { padding: 2px 5px; margin-top: -2px; margin-left: 2px; color: #fff; }
.stepscon > .tab-content .nav-tabs > li > a:hover .badge { color: inherit; }
.stepscon > .tab-content .nav-tabs > li.active > a .badge { background-color: #1c84c6; color: #fff; }
.stepscon > .tab-content .tab-content { margin-top: -1px; }
.stepscon .i-checks-fl { float: left; width: 25%; }
.stepscon .td-input { position: relative; min-width: 50px; }
.stepscon .td-input > input { display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; border: 1px solid transparent; padding: 0 10px; background: none; outline: 0; }
.stepscon .td-input > input:focus { border-color: #39aef5; }
.stepscon .tab-action { text-align: right; }
.stepscon .tab-action ul { display: inline-block; text-align: right; }
.stepscon .tab-action ul li { float: left; margin: 0 6px; display: block; }
.stepscon .tab-action ul li a { background: #1c84c6; color: #fff; display: block; padding: 8px 16px; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.stepscon .tab-action ul li.disabled a { background: #eee; color: #aaa; }

/*在读学生*/
.stucon { }
.stucon .li-fl { display: block; background-color: #fff; padding: 20px; color: inherit; transition: all 0.4s ease-out; }
.stucon .li-fl:hover { transform: scale(1.05); background-color: #222; color: #fff; }
.stucon .li-fl .t-vv1 { }
.stucon .li-fl .t-vv2 { display: none; }
.stucon .li-fl:hover .t-vv1 { display: none; }
.stucon .li-fl:hover .t-vv2 { display: block; }

/*学生信息*/
.stpcon { }
.stpcon .tab-pane .table-responsive .table { border: 1px solid #ddd; border-top: 0; }
.stpcon .tab-pane .table-responsive .table th { border-top: 0; }
.stpcon .tab-btn { padding: 10px 15px; border: 1px solid #ddd; border-top: 0; }
.stpcon .tab-btn .btn-group { list-style: none !important; padding: 0; margin: 0; }
.stpcon .tab-btn .btn-group li { padding: 0; }
.stpcon .tab-btn .btn-group li a { display: block; padding: 5px 10px; font-size: 12px; line-height: 1.5; color: inherit; }

/*课程表*/
.kcbcon { background-color: #fff; }
.kcbcon th { text-align: center; }
.kcbcon td { width: 13.29%; }
.kcbcon .panel { margin: 8px 0; }
.kcbcon .panel .panel-heading { padding: 8px; }
.kcbcon .panel .panel-heading a { color: inherit; font-weight: bold; }
.kcbcon .panel .panel-body { padding: 8px; }
.kcbcon .panel .panel-footer { padding: 8px; }

/*新闻*/
.newscon { display: block; background-color: #fff; margin: 8px 0; border: 1px solid #e5e5e5; position: relative; border-radius: 2px; }
.newscon:hover { color: #337ab7; border-color: #aaa; }
.newscon .face { width: 100%; height: 0; padding-top: 66.66%; background-size: cover; background-position: center; }
.newscon .pd { padding: 10px; height: 67px; visibility: visible; }
.newscon .des { color: #999; font-size: 12px; }
.newscon .time { position: absolute; top: 8%; right: 0; background-color: #1ab394; line-height: 22px; padding: 0 8px; border-radius: 11px 0 0 11px; color: #fff; }
.newscon .time .fa { font-size: 18px; vertical-align: middle; margin-top: -3px; }
.newscon .add { position: absolute; height: 102px; margin-top: -51px; z-index: 10; text-align: center; color: #ccc; top: 50%; left: 0; width: 100%; font-size: 16px; }
.newscon:hover .add { color: #777; }
.newscon .add .fa-plus-square-o { font-size: 80px; }

/*产品列表*/
.glistcon { background-color: #fff; border: 1px solid #e7eaec; margin-bottom: 15px; border-radius: 5px; }
.glistcon a { color: inherit; padding: 10px; display: block; }
.glistcon a:hover { background-color: #f5f5f5; }
.glistcon .face { width: 80px; height: 80px; margin: 10px auto; }
.glistcon .face img { height: 100%; height: 100%; border-radius: 15px; }
.glistcon .prz { color: #ed5565; font-weight: bold; line-height: 22px; font-size: 14px; }
.glistcon h4.ell { text-align: center; }
.gpiccon { display: block; padding: 8px 0; }
.gpiccon img { width: 100%; }

/*产品购买*/
.gbuycon { padding: 20px 80px; }
.gbuycon .face { width: 120px; height: 120px; float: left; }
.gbuycon .face img { height: 100%; height: 100%; border-radius: 24px; }
.gbuycon .frcon { height: 120px; margin-left: 150px; margin-bottom: 50px; }
.gbuycon .frcon hr { margin: 10px 0; }
.gbuycon .cl9 { color: #999; height: 36px; visibility: visible; }
.gbuycon .prz { color: #ed5565; line-height: 30px; font-size: 18px; }
.gbuycon .show { }
.gbuycon .show img { display: block; max-width: 80%; margin: 15px auto; }

/*名片*/
.cardcon { width: 100%; height: 0; padding-top: 141.66%; background-color: #fff; position: relative; border-radius: 2px; overflow: hidden; }
.cardcon .cardin { position: absolute; left: 0; top: 0; bottom: 0; right: 0; }
.cardcon .card-fl { background-color: #39aef5; color: #fff; font-size: 0.8em; position: absolute; left: -20px; bottom: 0; top: 0; padding: 8% 10px; -webkit-writing-mode: vertical-rl; -moz-writing-mode: vertical-rl; writing-mode: vertical-rl; }
.cardcon .card-fr { position: absolute; left: auto; right: 0; top: 0; bottom: 0; }
.cardcon .face { margin: 8% auto 0; width: 40%; }
.cardcon .face img { width: 100%; border-radius: 50%; }
.cardcon .name { }
.cardcon .code { }

/*扫码关注弹出层*/
.smgzcon { }
.smgzcon .bd { padding: 40px; }
.smgzcon .hbd { float: left; width: 50%; }
.smgzcon .hbd img { display: block; margin: 0 auto; width: 160px; }
.smgzcon .hbd .txt { text-align: center; margin-top: 10px; color: #333; }

/**/
.cdcon { }
.cdcon .tit { border: 1px solid #ddd; background-color: #fff; padding: 5px 30px 0; line-height: 30px; display: inline-block; font-size: 16px; font-weight: bold; border-radius: 5px 5px 0 0; border-bottom-color: #fff; position: relative; z-index: 1; color: #555; }
.cdcon .cont { padding: 25px 20px 5px; border: 1px solid #ddd; background-color: #fff; border-radius: 0 5px 5px 5px; margin-top: -1px; margin-bottom: 15px; }
.cdcon .cont .qua { width: 25%; padding: 0 10px; float: left; margin-bottom: 20px; }
.cdcon .cont .sha { border-radius: 5px; box-shadow: 0 0 2px 1px #ddd; padding: 10px 0; }
.cdcon .cont .sha img { display: block; margin: 0 auto 5px; width: 50%; }
.cdcon .cont .sha .name { text-align: center; font-weight: bold; }

/*体侧*/
.TCBOX { background: #fff; width: 895px; height: 1285px; margin: 10px auto; border-radius: 2px; font-size: 18px; padding: 0 25px; }
.TCBOX .TCTOP { text-align: center; color: #009EE8; padding: 25px 0 0px; }
.TCBOX .TCTOP h1 { font-size: 38px; }
.TCBOX .TCTXT { margin-bottom: 10px; font-size: 20px; padding: 0 0 0 220px; height: 135px; border: 1px solid #e5e5e5; border-radius: 8px; background: #FFF url(../img/tc.png) 58px center no-repeat; }
.TCBOX .TCTXT .afont { color: #FE1603; text-decoration: underline; font-size: 36px; vertical-align: bottom; }
.TCBOX .TCTXT .D1 { margin: 18px 0 3px; line-height: 36px; }
.TCBOX .TCTXT .D2 { border-bottom: 8px solid #F7B33C; margin-right: 145px; }
.TCBOX .TCTXT .D2 .red { color: #FE1603; font-size: 34px; }
.TCBOX .TCTAB { margin-bottom: 10px; border-radius: 8px; overflow: hidden; border: 1px solid #CCE9FE; border-top: 3px solid #63B6F5; background: #FFF; }
.TCBOX .TCTAB .lh50 { line-height: 50px; padding-left: 23px; border-bottom: 1px solid #E7F5FD; }
.TCBOX .TCTAB .pl40 { padding-left: 40px; }
.TCBOX .TCTAB .brb { border-right: 1px solid #E7F5FD; }
.TCBOX .TCTAB .brw { border-right: 1px solid #fff; }
.TCBOX .TCTAB .hfbox { width: 50%; float: left; }
.TCBOX .TCTAB .hftr { line-height: 40px; font-size: 14px; }
.TCBOX .TCTAB .hftr.hftr_bg { background: #E7F5FD; }
.TCDIV1 { height: 140px; font-size: 14px; margin-bottom: 15px; }
.TCDIV1 .w195 { width: 195px; float: left; }
.TCDIV1 > div { height: 100%; overflow: hidden; border-radius: 3px; width: 421px; }
.TCDIV1 > .float-left { background: #E7F5FD; padding: 4px 4px 0; }
.TCDIV1 .fl1 { height: 42px; line-height: 42px; background: #FFF; margin-bottom: 3px; border-radius: 10px; }
.TCDIV1 .fr1 { height: 20%; line-height: 28px; background: #F1F2F1; }
.TCDIV1 .fr2 { background: #EBECEB; color: #aaa; }
.TCDIV1 .fr3 { background: #EFFFE0; color: #aaa; }
.TCDIV1 .fr4 { background: #F4F1D6; color: #aaa; }
.TCDIV1 .fr5 { background: #F3EACC; color: #aaa; }
.TCDIV1 .fr2.active { background: #cccccc; color: #333; }
.TCDIV1 .fr3.active { background: #66CC00; color: #333; }
.TCDIV1 .fr4.active { background: #FFFF00; color: #333; }
.TCDIV1 .fr5.active { background: #FF9900; color: #333; }
.TCDIV2 { height: 115px; font-size: 16px; margin-bottom: 15px; }
.TCDIV2 .ftl { float: left; padding-right: 6px; height: 115px; }
.TCDIV2 .ftl .d0 { background: #EBF8F6; width: 100%; height: 115px; border-radius: 3px; line-height: 26px; }
.TCDIV2 .ftl .d0 .ii { width: 75px; height: 95px; text-align: center; color: #8BC349; font-weight: bold; line-height: 1; padding-top: 76px; background-position: center center; background-repeat: no-repeat; float: left; }
.TCDIV2 .ftl .d0 .ii.ii1 { background-image: url(../img/ii1.png); }
.TCDIV2 .ftl .d0 .ii.ii2 { background-image: url(../img/ii2.png); }
.TCDIV2 .ftl .d0 .ii.ii3 { background-image: url(../img/ii3.png); }
.TCDIV2 .ftl .d0 .ii.ii4 { background-image: url(../img/ii4.png); }
.TCDIV2 .ftl .d0 .ii.ii5 { background-image: url(../img/ii5.png); }
.TCDIV2 .ftl .d0 .ii.ii6 { background-image: url(../img/ii6.png); }
.TCDIV2 .ftl .d0 .oo { padding-top: 18px; }
.TCDIV3 { font-size: 16px; margin-bottom: 15px; }
.TCDIV3 .dd1 { line-height: 38px; margin-bottom: 2px; background: #EDF3F6; margin-top: 8px; position: relative; }
.TCDIV3 .dd1 .tt { position: absolute; left: 18px; }
.TCDIV3 .dd1 .ft { margin-left: 104px; }
.TCDIV3 .dd1 .ft > div { text-align: center; float: left; width: 10%; }
.TCDIV3 .dd2 { background: #E1F6FE; }
.TCDIV3 .dd2 .ft { margin-left: 104px; position: relative; }
.TCDIV3 .dd2 .ft .scorebox { position: absolute; bottom: 0; width: 0; margin-left: -9px; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 16px solid #FF9C00; }
.TCDIV3 .dd2 .ft > div { float: left; width: 10%; height: 34px; border-left: 2px solid #FFF; }
.TCDIV3 .dd2 .ft .ff1 { background: #B3E6FC; }
.TCDIV3 .dd2 .ft .ff2 { background: #81D6FA; }
.TCDIV3 .dd2 .ft .ff3 { background: #4FC3F7; }
.TCDIV3 .dd2 .ft .ff4 { background: #28B7F6; }
.TCDIV3 .dd2 .ft .ff5 { background: #03AAF5; }
.TCDIV3 .dd2 .ft .ff6 { background: #039CE5; }
.TCDIV3 .dd2 .ft .ff7 { background: #0289D0; }
.TCDIV3 .dd2 .ft .ff8 { background: #0278BD; }
.TCDIV3 .dd2 .ft .ff9 { background: #00589A; }
.TCDIV3 .dd2 .ft .ff10 { background: #014E89; }
.histogram-container { position: relative; margin-left: 50px; color: #00589A; }
.histogram-container ul, .histogram-container li { margin: 0; padding: 0; list-style: none; }
.histogram-bg-line { overflow: hidden; width: 99%; border-bottom: 1px dashed #16A994; }
.histogram-bg-line ul { overflow: hidden; border-top: 1px dashed #16A994; }
.histogram-bg-line li { float: left; width: 100%; /*根据.histogram-bg-line下的ul里面li标签的个数来控制比例*/ overflow: hidden; }
.histogram-bg-line li div { }
.histogram-content { position: absolute; left: 0px; top: 0; width: 99%; height: 100%; }
.histogram-content ul { height: 100%; }
.histogram-content li { float: left; height: 100%; width: 100%; /*根据直方图的个数来控制这个width比例*/ text-align: center; position: relative; }
.histogram-box { position: relative; display: inline-block; height: 100%; }
.histogram-content li a { position: absolute; bottom: 0; right: 0; display: block; width: 100%; color: inherit; }
.histogram-y { position: absolute; left: -60px; top: -10px; }
.histogram-y li { text-align: right; width: 55px; padding-right: 5px; }
.histogram-bg-line li div, .histogram-y li { height: 35px; /*控制单元格的高度及百分比的高度，使百分数与线条对齐*/ }
.TCDIV4 { float: left; font-size: 16px; }
.TCDIV4 .His { height: 320px; background: #EDF3F6; border-radius: 5px; margin-top: 10px; }