You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2232 lines
40 KiB
CSS
2232 lines
40 KiB
CSS
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%;}
|