body { background: #f4f4f7; } .header { max-height: 130px; } .header .top { background: url(../images/top_bg.jpg) no-repeat; height: 58px; padding: 22px 32px 0 32px; } .header .top h1 { float: left; width: 314px; overflow: hidden; } .header .top .lesson { float: left; margin-top: 15px; margin-left: 5px; font-size: 14px; color: #fff; vertical-align: bottom; } .header .top-rig { float: right; } .header .top-rig .link { color: #7ec8ff; line-height: 35px; margin-left: 20px; } .header .top-user { float: left; width: 155px; height: 58px; color: #ffffff; position: relative; background: url(../images/user_ico.png) no-repeat left top; cursor: pointer; } .header .user-name { font-size: 15px; display: block; width: 90px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 20px; margin-left: 45px; margin-top: 10px; background: url(../images/user_line.png) no-repeat right center } .personal { margin-top: 12px; border-radius: 4px; background-color: #344842; padding: 4px 0 } .personal li { height: 30px; cursor: pointer } .personal li a { display: inline-block; height: 24px; margin: 4px 4px; border-left: solid 4px #344842; line-height: 24px; color: #fff } .personal li a:hover { color: #31b389; border-left: solid 4px #31b389 } .personal li i { display: inline-block; text-indent: 30px } .nav { height: 50px; padding: 0 32px; background: #086dc1; } .nav li { float: left; width: 90px; text-align: center; } .nav li a { display: block; line-height: 50px; color: #fff; } .nav li a:hover,.nav li a.active { background: #f4f4f7; color: #086dc1; } .container { padding: 25px 32px; } /* 分页 */ .page { height: 26px; line-height: 26px; overflow: hidden; text-align: right; padding: 15px; } .page a { display: inline-block; text-align: center; padding: 0 5px; min-width: 16px; overflow: hidden; margin: 0 3px; background: #cbcbcb; color: #fff; } .page a:hover,.page a.cur { background: #ff9d11; } /* 分页 end */ /* 首页 ------------------------- */ .home .top { padding: 22px 0 0 0; } .home .nav { padding: 0; } .block-left { width:794px; overflow: hidden; } .block-dlbj li { float: left; width: 258px; height: 108px; overflow: hidden; background: url(../images/dlbj_bg.jpg) no-repeat; font-size: 16px; text-align: right; color: #fff; } .block-dlbj li a { display: block; padding: 10px 18px; overflow: hidden; color: #fff; } .block-dlbj li a:hover {color:#ff9a22;} .block-dlbj li.item1 { background-position: 0 0; } .block-dlbj li.item2 { background-position: 0 -109px; margin: 0 10px; } .block-dlbj li.item3 { background-position: 0 -218px; } .block-dlbj li strong { font-size: 48px; font-weight: normal; color:#ff9d11; } .block-statistics .block-cont { border: 1px solid #d7d7d7; background: #fff; height: 200px; padding:56px 0 56px 40px; overflow: hidden; } .block-statistics .item1 { width: 107px; overflow: hidden; } .block-statistics .chart { width:107px; height:106px; overflow: hidden; margin: 0 auto 15px auto; } .block-statistics .item1 .chart { background: url(../images/statistics_img1.jpg) no-repeat; font-size: 32px; line-height: 106px; font-weight: bold; color:#ffffff; text-align: center; } .block-statistics .item4 .chart { background: url(../images/statistics_img2.jpg) no-repeat; font-size: 25px; line-height: 36px; padding-top:20px; height: 86px; font-weight: bold; color:#ffffff; text-align: center; } .block-statistics h3 { font-size: 22px; text-align: center; margin-bottom: 5px; } .block-statistics p { text-align: center; line-height: 21px; } .block-statistics .item2 { width: 176px; padding-top: 34px; margin: 0 50px; } .block-statistics .item2 li { margin-bottom:3px; } .block-statistics .item2 .text { height:26px; line-height: 26px; padding: 0 6px; background:#cacaca; margin-top: 3px; } .progress { background:#86c8ff; height: 26px; overflow: hidden; } .progress span { display: inline-block; background:#269dff; line-height: 26px; font-size: 18px; text-align: center; color: #ffffff; } .block-statistics .item3 { width: 176px; overflow: hidden; margin-left: 50px; } .block-statistics .item3 li { border: 1px solid #6fcd37; height: 24px; line-height: 24px; overflow: hidden; position: relative; padding-left:32px; margin-bottom: 3px; padding-right: 5px; } .block-statistics .item3 li b { position: absolute; left: 0; top: 0; display: block; width: 28px; height: 24px; overflow: hidden; } .i-leave { background-position: 0 -108px; } .i-slide { background-position: 0 -132px; } .i-pencil { background-position: 0 -156px; } .block-process .block-cont { border: 1px solid #d7d7d7; background: #fff; overflow: hidden; padding: 40px 10px; } .block-right { width: 386px; } .block .title { position: relative; height: 28px; line-height: 28px; overflow: hidden; padding-left: 28px; margin-bottom: 8px; } .block .title h2 { font-size: 18px; font-weight: normal; color: #1b1b1b; } .block .title>b { position: absolute; top: 7px; left: 6px; display: block; width: 16px; height: 16px; overflow: hidden; background: url(../images/sprite.png) no-repeat; } .block .block-dlbj .title>b { background-position: 0 -64px; } .block .block-statistics .title>b { background-position: 0 -16px; } .block .block-process .title>b { background-position: 0 -32px; } .block .block-affiche .title>b,.block .block-affichemanage .title>b { background-position: 0 -48px; } .block .block-hour .title>b { background-position: 0 0; } .block .block-counter .title>b { background-position: 0 -80px; } .block .block-performance-trend .title>b { background-position: 0 -283px; } .block .block-teaching-tempo .title>b { background-position: 0 -299px; } .block-affiche .block-cont { border: 1px solid #d7d7d7; background: #eaeaea; height: 128px; overflow: hidden; padding: 8px 2px; } .block-affiche .block-cont p { height: 126px; overflow: hidden; line-height: 18px; color: #242424; overflow-y:auto; padding:0 8px; } .block-hour .block-cont,.block-teaching-tempo .block-cont { border: 1px solid #d7d7d7; background: #fff; } .block-hour .block-cont li { height: 39px; line-height: 39px; overflow: hidden; border-bottom: 1px dashed #dedede; text-align: center; margin: 0 15px; } .block-hour .block-cont li.title-th { background: #eaeaea; border-bottom: 1px solid #d7d7d7; padding: 0 15px; margin: 0; } .block-hour .block-cont li span { float: left; overflow: hidden; } .block-hour .block-cont li span.text { width: 70%; display: block; height: 39px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; } .block-hour .block-cont li span.time { width: 30%; } .block-counter .block-cont { height: 369px; margin-left: -10px; } .block-counter .item { float: left; width: 188px; height: 112px; overflow: hidden; background: #86c2ee; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0 0 10px 10px; } .block-counter .item a { display: block; padding: 27px 8px; line-height: 58px; text-align: right; font-size: 18px; color: #fff; } .block-counter .item1 a { background: url(../images/icon01.png) no-repeat 8px center; } .block-counter .item2 a { background: url(../images/icon02.png) no-repeat 8px center; } .block-counter .item3 a { background: url(../images/icon05.png) no-repeat 8px center; } .block-counter .item4 a { background: url(../images/icon03.png) no-repeat 8px center; } .block-counter .item5 a { background: url(../images/icon04.png) no-repeat 8px center; } .block-counter .item6 a { background: url(../images/timeValue.png) no-repeat 8px center; } .block-counter .item2,.block-counter .item3,.block-counter .item6 { background: #4dafff; } .block-performance-trend .block-cont { padding: 30px 20px; } .block-performance-trend img { width:565px; height:260px; overflow: hidden; } .block-performance-trend ul { width: 150px; padding-top: 50px; } .block-performance-trend li { height: 16px; line-height: 16px; overflow: hidden; margin-bottom: 10px; } .block-performance-trend li b { display: inline-block; width: 31px; height: 11px; overflow: hidden; margin-right: 12px; } .block-cont .table { margin-top: -1px; } .block-cont .table td,.block-cont .table thead th { border-left:0; border-right:0; height: 29px; line-height:29px; padding:5px; } /* 首页 end ------------------------- */ /*内页*/ .main-button { margin-top: 20px; text-align: center; } .main-button .btn { margin: 0 10px; } /* 左侧菜单 */ .left-menu { float: left; width: 248px; border: 1px solid #d7d7d7; background: #fff; } .left-menu li { min-height: 60px; border-bottom: 1px dashed #dedede; } .left-menu li a { display: block; font-size: 16px; line-height: 36px; color: #383838; padding: 12px 0 12px 60px; } .left-menu li a b { float: left; width: 36px; height: 36px; overflow: hidden; margin-right: 20px; } .menu-icon1 { background-position: 0 0; } .menu-icon2 { background-position: 0 -36px; } .menu-icon3 { background-position: 0 -72px; } .menu-icon4 { background-position: 0 -108px; } .menu-icon5 { background-position: 0 -144px; } .menu-icon6 { background-position: 0 -180px; } .menu-icon7 { background-position: 0 -216px; } .menu-icon8 { background-position: 0 -252px; } .menu-icon9 { background-position: 0 -288px; } .menu-icon10 { background-position: 0 -324px; } .menu-icon11 { background-position: 0 -360px; } .menu-icon12 { background-position: 0 -396px; } .menu-icon13 { background-position: 0 -432px; } .menu-icon14 { background-position: 0 -468px; } .menu-icon15 { background-position: 0 -504px; } .menu-icon16 { background-position: 0 -540px; } .menu-icon17 { background-position: 0 -576px; } .menu-icon18 { background-position: 0 -612px; } .menu-icon19 { background-position: 0 -648px; } .menu-icon20 { background-position: 0 -684px; } .menu-icon21 { background-position: 0 -720px; } .menu-icon22 { background-position: 0 -756px; } .menu-icon23 { background-position: 0 -792px; } .menu-icon24 { background-position: 0 -828px; } .menu-icon25 { background-position: 0 -864px; } .menu-icon26 { background-position: 0 -900px; } .menu-icon27 { background-position: 0 -936px; } .menu-icon28 { background-position: 0 -972px; } .menu-icon29 { background-position: 0 -1008px; } .menu-icon30 { background-position: 0 -1044px; } .menu-icon31 { background-position:-83px -540px; } .left-menu li a:hover,.left-menu li a.active { color: #0e8ae5; background: #d0eaff; } a:hover .menu-icon1,a.active .menu-icon1 { background-position: -36px 0; } a:hover .menu-icon2,a.active .menu-icon2 { background-position: -36px -36px; } a:hover .menu-icon3,a.active .menu-icon3 { background-position: -36px -72px; } a:hover .menu-icon4,a.active .menu-icon4 { background-position: -36px -108px; } a:hover .menu-icon5,a.active .menu-icon5 { background-position: -36px -144px; } a:hover .menu-icon6,a.active .menu-icon6 { background-position: -36px -180px; } a:hover .menu-icon7,a.active .menu-icon7 { background-position: -36px -216px; } a:hover .menu-icon8,a.active .menu-icon8 { background-position: -36px -252px; } a:hover .menu-icon9,a.active .menu-icon9 { background-position: -36px -288px; } a:hover .menu-icon10,a.active .menu-icon10 { background-position: -36px -324px; } a:hover .menu-icon11,a.active .menu-icon11 { background-position: -36px -360px; } a:hover .menu-icon12,a.active .menu-icon12 { background-position: -36px -396px; } a:hover .menu-icon13,a.active .menu-icon13 { background-position: -36px -432px; } a:hover .menu-icon14,a.active .menu-icon14 { background-position: -36px -468px; } a:hover .menu-icon15,a.active .menu-icon15 { background-position: -36px -504px; } a:hover .menu-icon16,a.active .menu-icon16 { background-position: -36px -540px; } a:hover .menu-icon17,a.active .menu-icon17 { background-position: -36px -576px; } a:hover .menu-icon18,a.active .menu-icon18 { background-position: -36px -612px; } a:hover .menu-icon19,a.active .menu-icon19 { background-position: -36px -648px; } a:hover .menu-icon20,a.active .menu-icon20 { background-position: -36px -684px; } a:hover .menu-icon21,a.active .menu-icon21 { background-position: -36px -720px; } a:hover .menu-icon22,a.active .menu-icon22 { background-position: -36px -756px; } a:hover .menu-icon23,a.active .menu-icon23 { background-position: -36px -792px; } a:hover .menu-icon24,a.active .menu-icon24 { background-position: -36px -828px; } a:hover .menu-icon25,a.active .menu-icon25 { background-position: -36px -864px; } a:hover .menu-icon26,a.active .900px-icon26 { background-position: -36px -936px; } a:hover .menu-icon27,a.active .menu-icon27 { background-position: -36px -936px; } a:hover .menu-icon28,a.active .menu-icon28 { background-position: -36px -972px; } a:hover .menu-icon29,a.active .menu-icon29 { background-position: -36px -1008px; } a:hover .menu-icon30,a.active .menu-icon30 { background-position: -36px -1044px; } a:hover .menu-icon31,a.active .menu-icon31 { background-position: -125px -540px; } /* 右边内容区 */ .con-right { margin-left: 260px; border: 1px solid #d7d7d7; background: #fff; } .main-hd { padding: 10px 10px 0 10px; overflow: hidden; line-height: 34px; } .main-hd>.title { font-size: 16px; margin-bottom: 10px; } .main-hd .btn { margin-bottom: 10px; } .main-hd h3 { display: inline-block; font-size: 16px; color: #383838; } .main-bd .title { height: 36px; font-size: 16px; color: #0e8ae5; line-height: 36px; font-weight: normal; padding-left: 10px; text-align: left; } /* fif-con */ .fif-con { overflow: hidden; } .fif-box { display: inline-block; line-height: 34px; margin-bottom: 10px; } .fif-box .tips{ display: block; position: absolute; left: 100px; top: 0; max-width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .fif-text { float: left; text-align: right; padding-right: 5px; } .fif-con .fif-box { float: left; } .fif-con .input { float: left; min-width:50%; } .fif-con select { width: 100%; } .fif-con .ipt-text { width: 85%; } .fif-con span { display: inline-block; margin-left: 10px; } .fif-con .fif-icon { float: right; color: #d7d7d7; padding: 6px 0; line-height: 22px; } .fif-con .fif-icon a { display: inline-block; margin: 0 10px; } .fif-con .fif-icon a b{ float: left; width: 22px; height: 22px; overflow: hidden; margin-right: 10px; } .fif-form .fif-text { width: 115px; } .fif-form .fif-box { position: relative; width: 48%; margin-bottom: 10px; } .fif-form .fif-box.w100 { width: 100%; } .fif-form .input { margin-left: 120px; position: relative; } .fif-form .input span { display: inline-block; } .fif-form select { width: 94%; } .fif-form .ipt-text { width: 92.8%; } .fif-form3 .fif-text { width: 235px; } .fif-form3 .input { margin-left: 240px; } .fif-form3 select,.fif-form3 .ipt-text { width: 200px; } .fif-form3 .w40 { width: 40%; } .ipt-text { border: 1px solid #d9d3cd; padding: 5px 0; line-height: 22px; text-indent: 10px; } select { border: 1px solid #d9d3cd; padding: 5px; height: 34px; line-height: 34px; } textarea { border: 1px solid #d9d3cd; resize: none; width: 99.8%; height: 84px; line-height: 21px; } /* table */ .table table { table-layout:fixed; background: #fff; } .table th { height: 45px; font-size: 16px; border:1px solid #d7d7d7; font-weight: normal; padding: 0 5px; } .table thead th { background: #eaeaea; } .table thead th.bias-line { background: url(../images/bias.png) no-repeat #eaeaea center; } .table thead th .sort-top,.table thead th .sort-bottom { display: inline-block; width: 11px; height: 18px; overflow: hidden; vertical-align: middle; cursor: pointer; margin-left: 2px; } .table thead th .sort-top { background-position: 0 -182px; } .table thead th .sort-bottom { background-position: -12px -182px; } .table td { border:1px solid #d7d7d7; padding: 5px; line-height: 34px; } .table td .ellipsis { } .table .operate { color: #b0b0b0; } .table .operate a { display: inline-block; color:#0e8ae5; margin: 0 5px; vertical-align: middle; } .table .operate a.red{color:#ff5f5f;} .table .operate a:hover {color:#0072c6;} .table .operate a.red:hover{color:#fc2c2c;} .table tfoot td { font-size: 16px; } .table2 table { table-layout:fixed; background: #fff; } .table2 th,.table2 td { line-height: 30px; border:1px solid #d7d7d7; font-weight: normal; padding: 5px; } .line-hei-tr th { height:35px; line-height:35px; } .line-hei-tr td { line-height:21px; } .line-hei-tr .ipt-text { padding:0; } /*增加客户信息*/ .add-info .score-item { border-top: 1px solid #d7d7d7; padding: 12px; } .score-item.add-info .title {margin:0;} .add-info .item-con textarea { height: 162px; background: #eaeaea; } .sib-list .sib-item { margin-top:-1px; /*height: 57px; */ } .sib-list .sib-item .close { margin-top: 20px; } .sib-list .sib-item .fif-form { border: 1px solid #d7d7d7; padding: 10px; height: 35px; margin-right: 33px; } .sib-list .sib-item .fif-box { display: inline-block; width: 24%; line-height: 34px; margin:0; } .sib-list .sib-item .fif-form label { float: left; width: auto; min-width: 60px; margin-right: 5px; } .sib-list .sib-item .fif-form .input { float: left; width: 61%; margin: 0; overflow: hidden; } .sib-list .sib-item .fif-form .ipt-text { width: 79%; } .add-sib { display: block; width: 44px; height: 44px; overflow: hidden; margin: 15px auto; background: url(../images/ico_info.png) no-repeat; cursor: pointer; } .add-sib:hover {background-position:-45px 0;} /* 子系统 ------------------- */ .fixcon { position: fixed; z-index: 999999; } .fixbox { position: fixed; right: 0; top: 180px; z-index:99; } .fixbox a { display:block; width:52px; height: 82px; text-align: center; overflow: hidden; margin-bottom: 10px; background:#00a2e2; border: 1px solid #d7d7d7; border-radius:3px; } .fixbox a b { width: 32px; height: 30px; overflow: hidden; display: block; margin: 6px auto; } .fixbox a span { display: block; height: 40px; line-height: 40px; overflow: hidden; background: #fff; border-bottom-left-radius:2px; border-bottom-right-radius: 2px; } .fix-small { position: fixed; cursor: move; left: 100%; top: 180px; background:#eee; margin-left:-505px; } .fix-item-box { display: none; width: 430px; max-height:410px; line-height: 30px; overflow:hidden; padding: 5px 10px; background: #fff; border: 1px solid #cdcdcd; } .fix-lore { top: 94px; } .fix-item-box .close { position: absolute; top: 0; right: 0; display: block; width: 44px; height: 43px; overflow: hidden; background: url(../images/pop_close.png) no-repeat -88px 0; cursor:pointer; } .fix-case .context { overflow-y:auto; max-height: 320px; } .fix-lore .context { max-height:380px; overflow-y:auto; } .fix-item-box li span { display: inline-block; width: 48%; } .fix-item-box p { margin-bottom: 10px; } .ims-left { width: 259px; float:left; text-align: center; background:#fff; border: 1px solid #dedede; } .ims-left li { min-height: 59px; border-bottom: 1px dashed #dedede; } .left-menu.ims-left li a { padding: 13px 35px 14px 46px; } .ims-left li a { display: block; font-size: 14px; line-height: 32px; padding: 13px 35px 14px 46px; } .ims-left li a b { float: right; width: 32px; height: 32px; overflow: hidden; background-position: 0 -217px; } .ims-left li a.active { color: #0e8ae5; } .ims-left li a.finish b { background-position: -32px -217px; } .ims-left .btn { width: 195px; height: 40px; font-size: 18px; } .ims-left p { margin-bottom: 15px; height: 21px; line-height: 21px; color: #d7d7d7; overflow: hidden; } .ims-left p a { display: inline-block; color: #00a2e2; font-size: 16px; margin: 0 15px; } .ims-left .page,.left-menu .page { text-align: center; padding:15px 0; } .ims-left .page a,.left-menu .page a { background: none; color: #383838; padding: 0; } .ims-left .page a:hover,.ims-left .page a.cur,.left-menu .page a:hover,.left-menu .page a.cur {color:#ff9d11;} /* TAB 切换 ----------------------------- */ .tab-title { position: relative; height: 89px; border-bottom: 1px solid #d7d7d7; background: #eaeaea; } .tab-title ul { position: absolute; left: 0; top:0; width: 100%; height: 90px; overflow: hidden; } .tab-title li { float: left; width: 126px; height: 90px; text-align: center; margin-right: 20px; } .tab-title .tab-arrow { width: 38px; background: url(../images/tab_jt.png) no-repeat center; } .tab-title li a { display: block; height: 86px; border-top: 3px solid #eaeaea; border-bottom: 1px solid #d7d7d7; font-size:16px; color: #626262; margin-left: -1px; padding: 0 1px; } .tab-title li a b{ display: block; width: 57px; height: 48px; overflow: hidden; margin: 5px auto; } .ims-icon1 { background-position: -73px 0; } .ims-icon2 { background-position: -73px -48px; } .ims-icon3 { background-position: -73px -96px; } .ims-icon4 { background-position: -73px -144px; } .ims-icon5 { background-position: -73px -192px; } .ims-icon6 { background-position: -73px -240px; } .ims-icon7 { background-position: -73px -288px; } .ims-icon8 { background-position: -73px -336px; } .ims-icon9 { background-position: -73px -384px; } .ims-icon10 { background-position: -73px -432px; } .ims-icon11 { background-position: -73px -480px; } .tab-title li a.active { color: #0e8ae5; background: #fff; border-top: 3px solid #0e8ae5; border-bottom: 1px solid #fff; border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; padding:0; } a.active .ims-icon1 { background-position: -130px 0; } a.active .ims-icon2 { background-position: -130px -48px; } a.active .ims-icon3 { background-position: -130px -96px; } a.active .ims-icon4 { background-position: -130px -144px; } a.active .ims-icon5 { background-position: -130px -192px; } a.active .ims-icon6 { background-position: -130px -240px; } a.active .ims-icon7 { background-position: -130px -288px; } a.active .ims-icon8 { background-position: -130px -336px; } a.active .ims-icon9 { background-position: -130px -384px; } a.active .ims-icon10 { background-position: -130px -432px; } a.active .ims-icon11 { background-position: -130px -480px; } .tab-title2 { line-height:56px; height: 59px; } .tab-title2 ul { height: 60px; } .tab-title2 li { height: 56px; } /* TAB 切换 end */ .main-bd .explain { border: 1px solid #d7d7d7; background: #fffee9; padding: 5px 20px; line-height: 24px; color: #9d9c87; margin-bottom: 10px; } .test-results .fif-form { width: 76%; } .test-results .fif-form .ipt-text,.test-results .fif-form select { display: inline-block; width: 48%; } .test-results .fif-form table .ipt-text,.test-results .fif-form table select { display: inline-block; width:80%; } .test-results .fif-form .fif-text { width: 150px; } .test-results .fif-form .input { margin-left: 155px; } .distribute { height: 244px; overflow: hidden; } .distribute img { width: 249px; height: 244px; overflow: hidden; } .distribute ul { width: 120px; } .distribute ul li { height: 16px; line-height: 16px; overflow: hidden; margin-bottom: 14px; } .distribute ul li b { float: left; width: 13px; height: 13px; margin: 2px 10px 0 0; } .analyse .item { overflow: hidden; } .analyse .item dl dt { height: 47px; font-size: 16px; line-height: 47px; } .analyse .item dl textarea { width: 95%; height: 113px; } .subsystem {min-height:646px;} .subsystem .fif-con { overflow: inherit; height: auto; clear:none; } .subsystem .fif-con .fif-box { float:none; } .subsystem .fif-con .fif-box.grid-4 { width:33%; } .subsystem h2 { font-size: 24px; line-height: 30px; text-align: center; margin-bottom: 10px; } .subsystem .sib-list{padding:10px;} .subsystem .item { padding: 10px; /*border-top: 1px solid #d7d7d7; margin-top: -1px;*/ line-height: 24px; } .subsystem .item-title { border-top: 1px solid #d7d7d7; padding: 10px; font-size: 16px; } .subsystem .item-title select {width:160px;} .subsystem .item-title .ipt-text {width:158px;} .subsystem .item-title .spr-del {margin-top:5px;} .subsystem .fif-con .fif-box { margin-bottom: 0; } .subsystem .investment .lump { display: inline-block; width: 13px; height: 13px; overflow: hidden; margin-right:10px; } .subsystem .amount { font-size: 16px; font-weight: bold; padding: 20px; } .subsystem .amount p { font-size: 14px; font-weight: normal; color: #9c9c9c; } .subsystem .amount strong { display: inline-block; font-size:24px; color: #ff9d11; padding:0 10px; } .subsystem .btn-add2 { width: 195px; height: 41px; font-size: 18px; overflow: hidden; } /* 考试界面 ---------------------------- */ .exam { padding:0; background:#fff; } .exam .pracTitle { height:36px; line-height:36px; font-size: 20px; font-weight: normal; background: #f7f5f5; padding: 10px; text-align:left; border-bottom:1px solid #d9d9d9; } .exam .pracTitle span{ float:right; color:#6e6e6e; font-size:16px; } .exam .pracTitle span.time { line-height: 50px; font-size: 14px; padding:12px 25px 0 0; } .exam .pracTitle span strong { font-size: 24px; color: #f36d21; } .exam .pracTitle .close { float:right; width: 104px; height: 37px; line-height: 37px; text-align: center; font-size: 18px; font-weight:normal; color: #fff; background: #ff9a39; border: 1px solid #d5833a; border-radius: 2px; padding: 0; margin: 15px 0 0 20px; } .exam .pracTitle .close:hover{ background:#f97f24;} .exam .pracTitle .close:active{ background:#f76d2e;} .exam-begin-main{ width: 100%; background:#fff; overflow-y: auto; } .exam-begin-left { float: left; width: 258px; min-height: 740px; padding: 5px 0; background:#fcfbfa; border-right:1px solid #e9e9e8; } .exam-begin-left .user-info { width: 205px; padding: 18px 5px; margin:0 auto; } .exam-begin-left .user-info .effigy { height: 100px; overflow: hidden; text-align:center; } .exam-begin-left .user-info ul { text-align: left; line-height: 22px; } .exam-begin-left .caption-list-title { height: 20px; line-height: 20px; overflow: hidden; margin: 0 5px; } .exam-begin-left .caption-switch { float: left; position: relative; width: 201px; height: 20px; line-height: 20px; overflow: hidden; } .exam-begin-left .caption-switch-con{ position:absolute; width: 2010px; height: 20px; top:0; left:0; } .exam-begin-left .caption-list-title span { float: left; width: 48px; font-family: "宋体"; color: #838383; background: #e9e9e9; margin-right: 3px; cursor: pointer; text-align:center; font-size:12px; } .exam-begin-left .caption-list-title span.on { background: #e16556; color: #fff; } .exam-begin-left .caption-list-title .prev,.exam-begin-left .caption-list-title .next { position: relative; float: right; width: 20px; z-index: 99; margin:0 0 0 3px; background: #cbcbcb; color: #fff; } .exam-begin-left .caption-list-title .prev:hover,.exam-begin-left .caption-list-title .next:hover{ background:#ff9d11; color:#fff; } .exam-begin-left .caption-list-content ul { border: 1px solid #eeeeee; border-top-color: #bcbcbc; padding: 4px 2px 0 4px; margin: 0 5px; overflow:hidden; } .exam-begin-left .caption-list-content li { position: relative; float: left; width: 22px; height: 21px; border-bottom: 1px solid #c6c6c6; background: #e9e9e9; margin: 0 2px 5px 0; cursor: pointer; font-size:12px; font-weight:normal; } .exam-begin-left .caption-list-content li strong { display: block; border: 1px solid #e9e9e9; font-family: Arial; font-weight: normal; color: #838383; height:20px; line-height:20px; text-align:center; } .exam-begin-left .caption-list-content li.mistake { border-bottom-color: #d9995c; background: #ffb46c; } .exam-begin-left .caption-list-content li.mistake2{ background:#ffcd9e;} .exam-begin-left .caption-list-content li.mistake strong { border-color: #ffb46c; color: #fff2e8; } .exam-begin-left .caption-list-content li.correct { border-bottom-color: #62c3ef; background: #62c3ef; } .exam-begin-left .caption-list-content li.correct strong { border-color: #62c3ef; color: #e7f4fc; } .exam-begin-left .caption-list-content .explain { padding: 5px 3px; border: 0; } .exam-begin-left .caption-list-content .explain li { width: 44px; margin: 0 2px; } .exam-begin-left .caption-list-content .explain .prev,.exam-begin-left .caption-list-content .explain .next { width: 20px; height:20px; line-height:20px; text-align:center; } .exam-begin-left .caption-list-content li i { display: none; } .exam-begin-left .caption-list-content li.ico-sign i { position: absolute; bottom: -1px; right: 0; display: block; width: 5px; height: 5px; overflow: hidden; background: #e16556; } .exam-begin-right { text-align: left; margin-left: 257px; border-left:1px solid #e9e9e8; } .exam-begin-right .crumb { border-bottom: 1px solid #ebebeb; background:#fffee9; padding: 0 10px; height: 35px; line-height: 35px; } .exam-begin-right .crumb strong { color: #db1d1d; } .caption-info { padding: 14px; } .caption-info .item { margin-bottom: 20px; } .caption-info .item strong { width: 105px; float: left; font-size: 16px; font-weight: normal; color: #333; text-align: right; line-height: 34px; } .caption-info .item-info { /*padding: 10px 0 10px 30px;*/ font-size: 14px; line-height: 34px; color: #666; /* overflow: hidden;*/ margin-left:110px; } .caption-info .item-info .close {margin-top: 5px;/* display: inline-block; */position: absolute;right: 4%;top: 0;} .caption-info .item-text { max-height: } .caption-info .Topic{ max-height:140px; overflow-y:auto;} .caption-info .item-info ul {margin-top:-10px;} .caption-info .item-info li { line-height: 34px; margin-top: 10px; /* overflow: hidden; */ position: relative; } .caption-info .item-info li>div{ display: inline-block; } .caption-info .item-info li label { /* float: left; */ text-align: right; padding-right: 10px; display: inline-block; } .caption-info .item-info li label input { margin-right: 10px; } .caption-info .item-info .inputtext { /* float: left; */ width: 85.4%; background:#fff; display: inline-block; } .inputtext { display: inline-block; border: 1px solid #d9d3cd; padding: 5px 10px; max-height: 90px; font-size: 14px; line-height: 24px; color: #666; overflow: hidden; overflow-y:auto; } .caption-info .item-info li.selected label input { display: none; } .caption-page { height: 36px; line-height: 36px; padding-left: 110px; } .caption-page .btn { margin-right: 20px; } .caption-page label { margin: 0 10px; color: #5c5c5c; } .caption-page label input { margin-right: 5px; } .answer { font-size: 14px; line-height: 16px; color: #333; padding-left: 79px; padding-bottom: 20px; } .answer span { display: inline-block; width: 15%; } .answer span strong { font-weight: normal; color: #db1d1d; font-size:16px; } .answer-parsing{ color:#2d9044; border:1px solid #d9d3cd; width:65.1%; height:87px; overflow-y:auto;background:#fff;} .accessory a { display: inline-block; min-width: 92px; text-align: center; margin-right: 20px; border: 1px solid #eee; position: relative; } .accessory a .close { position: absolute; top: -15px; right: -8px; } .accessory a img { width: 40px; height: 40px; overflow: hidden; margin: 0 auto; padding: 10px; } .accessory a span { display: block; line-height:21px; padding: 5px; background:#f4f4f7; } .detail .main-hd { padding: 20px 30px; line-height: 36px; } .detail .main-hd h1 { font-size: 22px; text-align: center; } .detail .main-hd .btn { margin-bottom: 0; } .bank-deposits .table th { height: 30px; } /* 教师端 =================================================== */ #teacher .chapter-menu { width: 238px; border:0; border-right: 1px solid #dedede; padding-right: 20px; } #teacher .chapter-menu ul { max-height: 549px; overflow: hidden; padding:12px 7px 0 7px; } #teacher .con-right .chapter-menu { width: 140px; } #teacher .chapter-menu li { height: 60px; border:0; border-bottom: 1px dashed #dedede; } #teacher .chapter-menu li a { text-align: center; line-height:20px; padding: 20px 5px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; } #teacher .left-menu li a { padding-left: 0; text-align: center; } .resource-list li { float: left; width: 163px; overflow: hidden; margin-left:20px; margin-bottom: 20px; text-align: center; } .resource-list .img { position: relative; width: 80px; height: 80px; overflow: hidden; border: 1px solid #e2e2e2; background:#fdfdfd; margin-bottom:5px; padding: 30px 40px; } .resource-list .img img { width: 80px; height: 80px; overflow: hidden; } .resource-list .img .text { display: none; position: absolute; left: 0; bottom:0; width: 100%; padding: 5px 0; height: 20px; line-height: 20px; overflow: hidden; opacity:; background:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#33000000,endColorStr=#33000000); } .resource-list .img .text a { display: inline-block; background: #f2a83e; width: 40px; color: #fff; font-size: 12px; margin: 0 5px; } .resource-list li p { height:30px; overflow: hidden; line-height: 30px; } .resource-list li:hover .text { display: block; } #teacher .flow { margin: 0 30px; background: url(../images/flow_line.jpg) repeat-y 25px top; } #teacher .flow .item { position: relative; padding-left: 100px; padding-bottom: 30px; line-height: 36px; overflow: hidden; } #teacher .flow .item b { display:block; position: absolute; top: 0; left: 9px; width: 32px; height: 32px; overflow: hidden; background-position: 0 -217px; } #teacher .flow .item.finish b { background-position: -32px -217px; } #teacher .flow .item-con { padding-left: 15px; } #teacher .flow .item-con i.c-red { margin-left: -15px; float: left; width: 15px; } .selected-list.sib-list .fif-form { padding: 0 10px; text-align: center; } .selected-list.sib-list .close { margin-top:8px; } .selected-list.sib-list .fif-form span { display: inline-block; } #teacher .score .add-info .item-box { border-top: 0; } #teacher .score-area { border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; padding: 10px; background:#d0eaff; } #teacher .score-area dt { font-size: 16px; font-weight: bold; } #teacher .score-area dd { padding: 0 5px; line-height:37px; } #teacher .score-area dd span { display: inline-block; width: 220px; } #teacher .score-area .total-score { font-size: 16px; font-weight: bold; } #teacher .score-area .total-score strong { font-size: 28px; } #teacher .score-area .answer-box { height: 90px; overflow-y: auto; line-height: 24px; } #teacher .questionTypes { margin-left:155px; padding: 50px 10px; border-left: 1px solid #dedede; padding-left:20px; } #teacher .questionTypes li { position: relative; float: left; width:116px; height: 70px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 10px; } #teacher .questionTypes li a { display:block; font-size:16px; font-weight: bold; line-height: 70px; text-align: center; color: #fff; background:#85c2ee; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #teacher .questionTypes li b { position: absolute; top: -7px; right: -7px; background: url(../images/ico_info.png) no-repeat -48px -48px; width: 23px; height: 23px; overflow: hidden; cursor:pointer; } #teacher .questionTypes li a:hover{ background:#00a2e2; } #teacher .questionTypes li.add-question span { display: block; width: 112px; height: 66px; border:2px solid #00a2e2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: url(../images/ico_add.png) no-repeat #fff center; cursor: pointer; } #teacher .authentication dl { height:82px; overflow: hidden; margin-bottom: 10px; } #teacher .authentication dt { float: left; width: 170px; height: 80px; font-size: 18px; font-weight: bold; line-height: 80px; text-align: center; color: #ff9d11; overflow: hidden; background: #ffefd8; border:1px solid #ffb241; margin-right: 10px; } #teacher .authentication dd { float: left; width: 204px; height: 60px; font-size:14px; overflow: hidden; padding: 10px; margin-left: 10px; border: 1px solid #d9e4e6; } #teacher .authentication dd p { line-height: 18px; } #teacher .authentication dd b { float: left; width: 20px; height: 18px; overflow: hidden; margin-right: 10px; } #teacher .authentication dd span { color:#999; } #teacher .authentication dd strong { font-size:38px; font-weight: normal; color: #2796e8; display: inline-block; margin-right: 5px; } .spr-radio { background-position: -19px -283px; } .spr-multiple { background-position: -19px -302px; } .spr-judge { background-position: -19px -321px; } /*选题*/ .question-types-con { border-top:0; padding-top:20px; } .question-types { overflow: hidden; margin-top: 10px; height: 28px; z-index: 2; border-bottom: 1px solid #bcbcbc; } .question-types span { float: left; background: #cbcbcb; color:#fff; min-width: 50px; height: 28px; line-height: 28px; text-align: center; overflow: hidden; margin-right: 4px; cursor: pointer; border-bottom:0; padding: 0 10px; } .question-types .caption-switch { position: relative; width: 740px; height: 28px; overflow: hidden; float: left; } .question-types .question-types-box { position:absolute; width: 2010px; height: 20px; top:0; left:0; } .question-types span.active { background:#ec6371; } .question-types .prev,.question-types .next { float: left; width:28px; height: 28px; font-size: 14px; line-height:28px; text-align: center; color:#fff; overflow: hidden; background:#00a2e2; } .question-types a:hover{background:#0289c8;} .serial-number { overflow: hidden; } .serial-number .number { overflow: hidden; padding: 8px 5px 5px 8px; border:1px solid #eeeeee; border-top:0; } .serial-number span { float: left; width: 40px; height: 40px; font-size: 14px; line-height: 40px; text-align: center; color:#838383; overflow: hidden; background:#e9e9e9; margin-right:3px; margin-bottom: 3px; cursor: pointer; } .serial-number .finish { background:#ffb46c; color: #fff; } .serial-number .current { background:#ffcd9e; color: #fff; } .question-types-con ul { height: 22px; margin-top:5px; overflow: hidden; } .question-types-con ul li { float: left; width: 46px; height: 22px; font-size:12px; font-weight: normal; line-height:22px; text-align: center; margin-right:3px; background:#e9e9e9; color:#838383; } .selected span { position: relative; display: inline-block; height: 28px; padding: 0 38px 0 10px; line-height: 28px; font-size:14px; color:#999; margin-right:10px; border: 1px solid #ccc; vertical-align:middle; } .selected span i { position: absolute; right: 0; top: 0; display: block; height: 28px; width: 28px; background: #ccc url(../images/pop_close.png) no-repeat -7px -7px; cursor: pointer; } .selected span:hover { color:#ff9d11; border-color:#ff9d11; } .selected span:hover i { background-color:#ff9d11; } /*理财计算器*/ .cont-counter .main-bd { width: 80%; margin:20px auto; } .cont-counter .fif-form .ipt-text { width: 60%; } .cont-counter .fif-form .fif-text { width:200px; } .cont-counter .fif-form .input { margin-left: 205px; } /*工作日程*/ .calendar { width: 400px; height: 400px; } .schedule-list { margin-left: 420px; } /*认证考试*/ .certification-test .list .item { display: inline-block; padding: 20px; background:#f4f4f7; width: 358px; overflow: hidden; margin: 0 20px; } .certification-test .list .item dt { font-size: 18px; line-height: 30px; font-weight: bold; color: #fff; background: url(../images/test_tit_bg.png) no-repeat; height: 103px; overflow: hidden; padding: 25px 25px 22px 0; margin-bottom: 38px; } .certification-test .list .item dd { margin-left: -20px; margin-top: -20px; } .certification-test .list .item dd .btn { width: 169px; height: 50px; font-size: 18px; margin-left: 20px; margin-top: 20px; } .certification-test .exam-login dt { background: url(../images/test_tit_bg2.jpg) no-repeat center; font-size: 24px; color:#fff; line-height: 90px; height: 90px; overflow: hidden; } .certification-test .exam-login dd { padding: 60px 0; } .certification-test .exam-login dd table { width: 340px; margin: 0 auto; } .certification-test .exam-login dd table td { padding: 10px 5px; } .certification-test .exam-login-btn { width: 259px; height: 50px; font-size: 18px; overflow: hidden; } .work-schedule-add .fif-form .ipt-text,.work-schedule-add .fif-form select {width:40%;}