@@ -0,0 +1,141 @@ | |||||
html,body{ | |||||
background: #EBF6FF; | |||||
} | |||||
body.active .header { | |||||
background-image: url(../images/headBg2.jpg); | |||||
} | |||||
.header{ | |||||
background-image:url('../images/headBg.jpg'); | |||||
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../images/headBg.jpg', sizingMethod='scale'); | |||||
} | |||||
.headNum{ | |||||
color: #198BE3; | |||||
} | |||||
.headModeTxt { | |||||
background: #50AAF1; | |||||
} | |||||
.headModeList { | |||||
background-color: #0078D7; | |||||
-webkit-box-shadow: 0 5px 6px rgba(64, 172, 255, .4); | |||||
-moz-box-shadow: 0 5px 6px rgba(64, 172, 255, .4); | |||||
box-shadow: 0 5px 6px rgba(64, 172, 255, .4); | |||||
} | |||||
.headModeList li.active { | |||||
background-color: #036AC9; | |||||
} | |||||
.headTab li:after { | |||||
background: #67B7F7; | |||||
} | |||||
.inSec3HeadTab.active:after { | |||||
background-color: #198BE3; | |||||
} | |||||
.inSecLeftCon:hover { | |||||
background-color: #198BE3; | |||||
border-color: #198BE3; | |||||
} | |||||
.inSec1TabBox.active:after { | |||||
background-color: #198BE3; | |||||
} | |||||
.inSec1List1{ | |||||
background: #F3FAFF; | |||||
} | |||||
.inSec1List1 li.active,.inSec1List1 li:hover{ | |||||
background: #D8EEFF; | |||||
border-bottom-color: #D8EEFF; | |||||
} | |||||
.inSec1List1 li.active a,.inSec1List1 li:hover a{ | |||||
color: #198BE3; | |||||
} | |||||
.inSec1List1 li{ | |||||
border-bottom: 1px solid #e0edef; | |||||
} | |||||
.index_sec2 .inSec1T{ | |||||
background: #198BE3; | |||||
} | |||||
.inSec1List2 li.active,.inSec1List2 li:hover{ | |||||
background: #D8EEFF; | |||||
} | |||||
.aLeft:hover { | |||||
background-color: #D8EEFF; | |||||
} | |||||
.inSecT { | |||||
background-color: #198BE3; | |||||
} | |||||
.more { | |||||
background-color: #75B9EE; | |||||
} | |||||
.inSec3L { | |||||
background-color: #F2F9FF; | |||||
} | |||||
.workList li.active { | |||||
background-color: #D6EDFF; | |||||
} | |||||
.workList li { | |||||
border-bottom: 1px solid #E0F1FF; | |||||
} | |||||
.inSec3Num { | |||||
color: #2E96E6; | |||||
} | |||||
.inSec2TabBox.active:after { | |||||
background-color: #198BE3; | |||||
} | |||||
.inSec2L { | |||||
background-color: #F2F9FF; | |||||
} | |||||
.inSec2Llist i { | |||||
color: #2E96E6; | |||||
} | |||||
.inSec3WorkBtn { | |||||
background-color: #EAF5FF; | |||||
color: #198BE3; | |||||
} | |||||
.inSec3WorkBtn2 { | |||||
color: #198BE3; | |||||
} | |||||
.inSec1Drag div:hover { | |||||
background-color: #D8EEFF; | |||||
} | |||||
.inSec2Llist li { | |||||
border-bottom: 1px solid #e0edef; | |||||
} | |||||
.inSec2Llist li.active, | |||||
.inSec2Llist li:hover { | |||||
background: #D8EEFF; | |||||
border-bottom-color: #D8EEFF; | |||||
} | |||||
.aRight:hover { | |||||
background-color: #D8EEFF; | |||||
} | |||||
.inSecShadow { | |||||
-webkit-box-shadow: 0 0 10px rgba(114, 165, 205, 0.25); | |||||
-moz-box-shadow: 0 0 10px rgba(114, 165, 205, 0.25); | |||||
box-shadow: 0 0 10px rgba(114, 165, 205, 0.25); | |||||
} | |||||
/* search */ | |||||
.search { | |||||
background-color: #005190; | |||||
} | |||||
.searchLT { | |||||
color: #82C7FE; | |||||
} | |||||
.searchTop>span { | |||||
color: #63A7DF; | |||||
} | |||||
.searchTopList li.active, | |||||
.searchTopList li:hover { | |||||
background-color: #0F85E2; | |||||
} | |||||
.searchRTop { | |||||
background-color: #003E83; | |||||
color: #81C7FE; | |||||
} | |||||
.headSearchClose { | |||||
border: 1px solid #1973B9; | |||||
} | |||||
.headSearchClose:hover { | |||||
background-color: #5EAEEB; | |||||
} |
@@ -0,0 +1,77 @@ | |||||
@charset "utf-8"; | |||||
/* CSS Document */ | |||||
*{ | |||||
box-sizing: border-box; | |||||
} | |||||
body,html{ | |||||
font-size:14px; | |||||
font-family: "Microsoft YaHei", "微软雅黑" !important; | |||||
color: #424242; | |||||
min-width: 1680px; | |||||
margin: 0; | |||||
padding: 0; | |||||
height: 100%; | |||||
} | |||||
/*body{ overflow:hidden;} */ | |||||
ul{ | |||||
margin:0px; | |||||
padding:0px; | |||||
list-style:none; | |||||
} | |||||
li{ | |||||
list-style:none; | |||||
} | |||||
ul li a{ | |||||
display:block; | |||||
} | |||||
a{ | |||||
text-decoration:none; | |||||
color: #424242; | |||||
outline:none; | |||||
} | |||||
input{ | |||||
border:1px solid #ccc; | |||||
outline:none; | |||||
} | |||||
textarea{ | |||||
border:1px solid #ccc; | |||||
outline:none; | |||||
} | |||||
form{ | |||||
margin:0px; | |||||
padding:0px; | |||||
} | |||||
table{ | |||||
cellspacing:0px; | |||||
cellpadding:0px; | |||||
} | |||||
img{ | |||||
border:none; | |||||
} | |||||
a,img{border:0;} | |||||
.clear{ | |||||
clear:both; | |||||
} | |||||
.clearfix{ | |||||
*zoom:1; | |||||
} | |||||
.clearfix:after{ | |||||
content: ''; | |||||
display: block; | |||||
clear: both; | |||||
} | |||||
a{outline:none !important;} | |||||
img{border:0 none;} | |||||
::selection { | |||||
background: #000; | |||||
color: #fff; | |||||
} | |||||
.warpper *::-webkit-scrollbar-track-piece{width:1px;background-color:#fff;} | |||||
.warpper *::-webkit-scrollbar{width:1px;height:1px} | |||||
.warpper *::-webkit-scrollbar-thumb{height:10px;background-color:#ccc;} | |||||
.warpper *::-webkit-scrollbar-thumb:hover{background:#ccc;} |
@@ -0,0 +1,137 @@ | |||||
html,body{ | |||||
background: #EDFEF7; | |||||
} | |||||
.header{ | |||||
background-image:url('../images/headBg-green.jpg'); | |||||
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../images/headBg-green.jpg', sizingMethod='scale'); | |||||
} | |||||
.headNum{ | |||||
color: #01A566; | |||||
} | |||||
.inSec1List1{ | |||||
background: #F7FFFC; | |||||
} | |||||
.inSec1List1 li.active,.inSec1List1 li:hover{ | |||||
background: #D5F4E9; | |||||
border-bottom-color: #D5F4E9; | |||||
} | |||||
.inSec1List1 li.active a,.inSec1List1 li:hover a{ | |||||
color: #01A566; | |||||
} | |||||
.inSec1List1 li{ | |||||
border-bottom: 1px solid #E7F8F2; | |||||
} | |||||
.headModeTxt { | |||||
background: #03c178; | |||||
} | |||||
.headModeList { | |||||
background-color: #03c178; | |||||
-webkit-box-shadow: 0 5px 6px rgba(114, 165, 205, 0.25); | |||||
-moz-box-shadow: 0 5px 6px rgba(114, 165, 205, 0.25); | |||||
box-shadow: 0 5px 6px rgba(114, 165, 205, 0.25); | |||||
} | |||||
.headModeList li.active { | |||||
background-color: #01A566; | |||||
} | |||||
.headTab li:after { | |||||
background: #67C9A3; | |||||
} | |||||
.inSec3HeadTab.active:after { | |||||
background-color: #01A566; | |||||
} | |||||
.inSecLeftCon:hover { | |||||
background-color: #01A566; | |||||
border-color: #01A566; | |||||
} | |||||
.inSec1TabBox.active:after { | |||||
background-color: #01A566; | |||||
} | |||||
.index_sec2 .inSec1T{ | |||||
background: #01A566; | |||||
} | |||||
.inSec1List2 li.active,.inSec1List2 li:hover{ | |||||
background: #D5F4E9; | |||||
} | |||||
.aLeft:hover { | |||||
background-color: #D5F4E9; | |||||
} | |||||
.inSecT { | |||||
background-color: #01A566; | |||||
} | |||||
.more { | |||||
background-color: #67C9A3; | |||||
} | |||||
.inSec3L { | |||||
background-color: #F7FFFC; | |||||
} | |||||
.workList li.active { | |||||
background-color: #D5F4E9; | |||||
} | |||||
.workList li { | |||||
border-bottom: 1px solid #E7F8F2; | |||||
} | |||||
.inSec3Num { | |||||
color: #01A566; | |||||
} | |||||
.inSec2TabBox.active:after { | |||||
background-color: #01A566; | |||||
} | |||||
.inSec2L { | |||||
background-color: #F7FFFC; | |||||
} | |||||
.inSec2Llist i { | |||||
color: #01A566; | |||||
} | |||||
.inSec3WorkBtn { | |||||
background-color: #F7FFFC; | |||||
color: #01A566; | |||||
} | |||||
.inSec3WorkBtn2 { | |||||
color: #01A566; | |||||
} | |||||
.inSec1Drag div:hover { | |||||
background-color: #D5F4E9; | |||||
} | |||||
.inSec2Llist li { | |||||
border-bottom: 1px solid #E7F8F2; | |||||
} | |||||
.inSec2Llist li.active, | |||||
.inSec2Llist li:hover { | |||||
background: #D5F4E9; | |||||
border-bottom-color: #D5F4E9; | |||||
} | |||||
.aRight:hover { | |||||
background-color: #D5F4E9; | |||||
} | |||||
.inSecShadow{ | |||||
-webkit-box-shadow: 0 0 10px rgba(114, 165, 205, 0.25); | |||||
-moz-box-shadow: 0 0 10px rgba(114, 165, 205, 0.25); | |||||
box-shadow: 0 0 10px rgba(114, 165, 205, 0.25); | |||||
} | |||||
/* search */ | |||||
.search { | |||||
background-color: #00482c; | |||||
} | |||||
.searchLT { | |||||
color: #018e57; | |||||
} | |||||
.searchTop>span { | |||||
color: #018e57; | |||||
} | |||||
.searchTopList li.active, | |||||
.searchTopList li:hover { | |||||
background-color: #01A566; | |||||
} | |||||
.searchRTop { | |||||
background-color: #00331f; | |||||
color: #018e57; | |||||
} | |||||
.headSearchClose { | |||||
border: 1px solid #03c178; | |||||
} | |||||
.headSearchClose:hover { | |||||
background-color: #03c178; | |||||
} |
@@ -0,0 +1,44 @@ | |||||
.inSec2TabBox { | |||||
width: 33.333333%; | |||||
} | |||||
.in2Sec3Row { | |||||
padding: 0 24px 30px; | |||||
overflow: hidden; | |||||
} | |||||
.in2Sec3Col6 { | |||||
width: 50%; | |||||
float: left; | |||||
padding: 0 24px; | |||||
margin-top: 24px; | |||||
} | |||||
.in2Sec3Con, | |||||
.in2Sec3Con span { | |||||
display: block; | |||||
} | |||||
.in2Sec3Con { | |||||
font-size: 14px; | |||||
text-align: center; | |||||
} | |||||
.in2Sec3Img { | |||||
line-height: 0; | |||||
padding: 15px; | |||||
height: 70px; | |||||
width: 70px; | |||||
margin: 0 auto 10px; | |||||
border: 1px solid #EDEDED; | |||||
border-radius: 8px; | |||||
} | |||||
.in2Sec3Img img { | |||||
width: 100%; | |||||
} | |||||
.in2Sec3Txt { | |||||
overflow: hidden; | |||||
white-space: nowrap; | |||||
text-overflow: ellipsis; | |||||
} |
@@ -0,0 +1,435 @@ | |||||
.in3Sec3L { | |||||
float: left; | |||||
/* padding-left: 40px; */ | |||||
width: 55%; | |||||
overflow: hidden; | |||||
margin-top: 12%; | |||||
} | |||||
.in3Sec3LBox { | |||||
overflow: hidden; | |||||
font-size: 14px; | |||||
float: left; | |||||
margin-left: 28px; | |||||
} | |||||
.in3Sec3LBox img { | |||||
float: left; | |||||
width: 35px; | |||||
margin-right: 10px; | |||||
margin-top: 6px; | |||||
} | |||||
.in3Sec3LBox>div { | |||||
float: left; | |||||
font-size: 12px; | |||||
} | |||||
.in3Sec3LT { | |||||
font-size: 23px; | |||||
font-weight: bold; | |||||
margin-top: 0px; | |||||
} | |||||
.in3Sec3ClassTxt { | |||||
position: absolute; | |||||
right: 0; | |||||
top: 0; | |||||
bottom: 0; | |||||
text-align: center; | |||||
margin: auto; | |||||
height: 24px; | |||||
width: 45%; | |||||
line-height: 24px; | |||||
font-size: 14px; | |||||
} | |||||
#class { | |||||
float: right; | |||||
width: 45%; | |||||
} | |||||
.classSort { | |||||
right: inherit; | |||||
left: 28px; | |||||
margin-left: 0; | |||||
} | |||||
.in3Sec3Total { | |||||
color: #424242; | |||||
font-size: 14px; | |||||
margin: 20px 0; | |||||
} | |||||
.in3Sec3Total b { | |||||
font-size: 20px; | |||||
} | |||||
.in3Sec3PerBox { | |||||
margin-top: 15px; | |||||
} | |||||
.in3Sec3Per { | |||||
color: #424242; | |||||
display: inline-block; | |||||
position: relative; | |||||
font-size: 14px; | |||||
} | |||||
.in3Sec3Per b { | |||||
font-size: 16px; | |||||
} | |||||
.in3Sec3Icon { | |||||
position: absolute; | |||||
top: 50%; | |||||
margin-top: -8px; | |||||
left: calc(100% + 10px); | |||||
height: 16px; | |||||
width: 32px; | |||||
line-height: 16px; | |||||
font-size: 12px; | |||||
color: #fff !important; | |||||
border-radius: 8px; | |||||
text-align: center; | |||||
} | |||||
.in3Sec3Icon::before { | |||||
content: ''; | |||||
position: absolute; | |||||
top: 50%; | |||||
left: -8px; | |||||
margin-top: -5px; | |||||
border: 5px solid transparent; | |||||
color: #fff; | |||||
} | |||||
.in3Sec3Icon.in3Sec3Green { | |||||
background-color: #0BB56C; | |||||
} | |||||
.in3Sec3Icon.in3Sec3Green::before { | |||||
border-right-color: #0BB56C; | |||||
} | |||||
.in3Sec3Icon.in3Sec3Red { | |||||
background-color: #EB5858; | |||||
} | |||||
.in3Sec3Icon.in3Sec3Red::before { | |||||
border-right-color: #EB5858; | |||||
} | |||||
.in3Sec3Line { | |||||
margin: 22px -22px; | |||||
height: 2px; | |||||
background-color: #FAFAFA; | |||||
} | |||||
.in3Sec3Echart1Box { | |||||
height: 190px; | |||||
position: relative; | |||||
} | |||||
.in3Sec3Echart1Con { | |||||
height: 24px; | |||||
position: absolute; | |||||
bottom: -10px; | |||||
left: 0; | |||||
margin: auto; | |||||
font-size: 12px; | |||||
right: 0; | |||||
text-align: center; | |||||
} | |||||
.in3Sec3Echart1Con b { | |||||
font-size: 18px; | |||||
color: #EB5858; | |||||
} | |||||
.in3Sec3Echart1 { | |||||
height: 100%; | |||||
margin-left: 100px; | |||||
padding-top: 1px; | |||||
} | |||||
.in3Sec3Echart2 { | |||||
height: 100%; | |||||
padding-top: 1px; | |||||
} | |||||
.in3Sec3Echart1Img { | |||||
position: absolute; | |||||
left: 100px; | |||||
right: 0; | |||||
top: 0; | |||||
bottom: 0; | |||||
margin: auto; | |||||
width: 45px; | |||||
height: 63px; | |||||
} | |||||
.teacherBox>* { | |||||
float: left; | |||||
width: 25%; | |||||
} | |||||
.teacherCon { | |||||
padding-left: 25px; | |||||
} | |||||
.ageTxt { | |||||
position: absolute; | |||||
height: 36px; | |||||
line-height: 18px; | |||||
top: 0; | |||||
bottom: 0; | |||||
left: 9%; | |||||
right: 0; | |||||
margin: auto; | |||||
text-align: center; | |||||
font-size: 12px; | |||||
} | |||||
.organT { | |||||
text-align: center; | |||||
font-size: 14px; | |||||
} | |||||
.organLine { | |||||
height: 150px; | |||||
margin-top: 10px; | |||||
width: 60px; | |||||
margin: 10px auto 0; | |||||
background-color: #F6685E; | |||||
position: relative; | |||||
padding-top: 2px; | |||||
} | |||||
.organLine>div { | |||||
background-color: #fff; | |||||
height: 2px; | |||||
margin-top: 2px; | |||||
position: relative; | |||||
z-index: 3; | |||||
} | |||||
.organLine div:first-child { | |||||
margin-top: 0; | |||||
} | |||||
.organLine .organZ { | |||||
position: absolute; | |||||
left: 0; | |||||
right: 0; | |||||
bottom: 0; | |||||
background-color: #72A7F6; | |||||
z-index: 2; | |||||
} | |||||
.organLine .organCon { | |||||
position: absolute; | |||||
width: 64px; | |||||
height: 54px; | |||||
background-color: transparent; | |||||
font-size: 12px; | |||||
} | |||||
.organCon1 { | |||||
right: 110%; | |||||
top: 10%; | |||||
} | |||||
.organCon2 { | |||||
left: 110%; | |||||
bottom: 10%; | |||||
} | |||||
.organCon1 span { | |||||
color: #F6685E; | |||||
} | |||||
.organCon2 span { | |||||
color: #72A7F6; | |||||
} | |||||
.in3Sec3Echart1 { | |||||
height: 100%; | |||||
margin-left: 100px; | |||||
padding-top: 1px; | |||||
} | |||||
.in3Sec3Echart2 { | |||||
height: 100%; | |||||
padding-top: 1px; | |||||
} | |||||
.in3Sec3Echart1Img { | |||||
position: absolute; | |||||
left: 100px; | |||||
right: 0; | |||||
top: 0; | |||||
bottom: 0; | |||||
margin: auto; | |||||
width: 45px; | |||||
height: 63px; | |||||
} | |||||
.in3Sec3Echart1Img1 { | |||||
position: absolute; | |||||
left: 0; | |||||
right: 0; | |||||
top: 0; | |||||
bottom: 0; | |||||
margin: auto; | |||||
width: 45px; | |||||
height: 63px; | |||||
} | |||||
.in3Sec3Echart1Con1 { | |||||
height: 46px; | |||||
position: absolute; | |||||
bottom: 0; | |||||
left: -30px; | |||||
margin: auto; | |||||
font-size: 12px; | |||||
} | |||||
.in3Sec3Echart1Con2 { | |||||
/* height: 46px; */ | |||||
position: absolute; | |||||
bottom: 42px; | |||||
left: 0; | |||||
right: 0; | |||||
margin: auto; | |||||
font-size: 12px; | |||||
text-align: center; | |||||
} | |||||
.in3Sec3Echart1Con3{ | |||||
position: absolute; | |||||
left: -30px; | |||||
top: 10px; | |||||
margin: auto; | |||||
font-size: 12px; | |||||
} | |||||
.in3Sec3Echart1Con1 b,.in3Sec3Echart1Con2 b,.in3Sec3Echart1Con3 b { | |||||
font-size: 18px; | |||||
color: #EB5858; | |||||
} | |||||
.in3Sec3Echart1Con2 b { | |||||
margin-left: 10px; | |||||
} | |||||
.in3Sec3Echart1 { | |||||
height: 100%; | |||||
margin-left: 100px; | |||||
padding-top: 1px; | |||||
} | |||||
.in3Sec3Echart2 { | |||||
height: 100%; | |||||
padding-top: 1px; | |||||
} | |||||
.in3Sec3Echart1Img { | |||||
position: absolute; | |||||
left: 100px; | |||||
right: 0; | |||||
top: 0; | |||||
bottom: 0; | |||||
margin: auto; | |||||
width: 45px; | |||||
height: 63px; | |||||
} | |||||
.toClass { | |||||
width: 50%; | |||||
height: 40%; | |||||
margin: 17% auto 0; | |||||
position: relative; | |||||
background-color: #F4F4F4; | |||||
border-radius: 8px; | |||||
} | |||||
.toClassImg1 { | |||||
width: 100%; | |||||
position: absolute; | |||||
bottom: 100%; | |||||
left: 0; | |||||
} | |||||
.toClassImg2 { | |||||
height: 36px; | |||||
position: absolute; | |||||
top: 0; | |||||
bottom: 0; | |||||
left: 0; | |||||
right: 0; | |||||
margin: auto; | |||||
line-height: 0; | |||||
text-align: center; | |||||
z-index: 3; | |||||
} | |||||
.toClassImg2 img { | |||||
height: 100%; | |||||
} | |||||
.toClassBl { | |||||
position: absolute; | |||||
z-index: 2; | |||||
left: 0; | |||||
right: 0; | |||||
bottom: 0; | |||||
border-radius: 0 0 8px 8px; | |||||
} | |||||
.toClassBl.red { | |||||
background-color: #E44E4E; | |||||
} | |||||
.toClassBl.blue { | |||||
background-color: #64CDFE; | |||||
} | |||||
.toClassBl.green { | |||||
background-color: #0AB56B; | |||||
} | |||||
.toClassLegend { | |||||
line-height: 0; | |||||
text-align: right; | |||||
position: absolute; | |||||
bottom: 0px; | |||||
right: 0; | |||||
} | |||||
.toClassLegend * { | |||||
display: inline-block; | |||||
vertical-align: middle; | |||||
background-color: transparent; | |||||
} | |||||
.toClassLegend > *{ | |||||
float: left; | |||||
margin-top: 10px; | |||||
} | |||||
.toClassLegend .red i { | |||||
background-color: #E44E4E; | |||||
} | |||||
.toClassLegend .blue i { | |||||
background-color: #64CDFE; | |||||
} | |||||
.toClassLegend .green i { | |||||
background-color: #0AB56B; | |||||
} | |||||
.toClassLegend i { | |||||
width: 10px; | |||||
height: 10px; | |||||
border-radius: 2px; | |||||
margin: 0 5px 0 10px; | |||||
} | |||||
.toClassLegend span { | |||||
font-size: 12px; | |||||
} |
@@ -0,0 +1,231 @@ | |||||
.logins{ | |||||
display: none; | |||||
} | |||||
.loginZhe { | |||||
position: fixed; | |||||
top: 0; | |||||
left: 0; | |||||
bottom: 0; | |||||
right: 0; | |||||
z-index: 99998; | |||||
background-color: rgba(0, 0, 0, .5); | |||||
} | |||||
.loginBox { | |||||
width: 1000px; | |||||
position: fixed; | |||||
z-index: 99999; | |||||
left: 0; | |||||
right: 0; | |||||
top: 50%; | |||||
transform: translateY(-50%); | |||||
margin: auto; | |||||
} | |||||
.loginLogo { | |||||
line-height: 0; | |||||
margin-bottom: 40px; | |||||
} | |||||
.loginLogo * { | |||||
display: inline-block; | |||||
vertical-align: middle; | |||||
} | |||||
.loginLogo img { | |||||
width: 410px; | |||||
} | |||||
.loginEdition { | |||||
color: #4B45C9; | |||||
font-size: 14px; | |||||
margin-left: 20px; | |||||
margin-top: 14px; | |||||
} | |||||
.login { | |||||
height: 585px; | |||||
-webkit-box-shadow: 0 0 10px rgba(177, 175, 211, .2); | |||||
-moz-box-shadow: 0 0 10px rgba(177, 175, 211, .2); | |||||
box-shadow: 0 0 10px rgba(177, 175, 211, .2); | |||||
background: #fff; | |||||
position: relative; | |||||
border-radius: 32px; | |||||
padding: 50px 70px; | |||||
background: url('../images/login5-1.png'); | |||||
background-size: cover; | |||||
-moz-background-size: cover; | |||||
-webkit-background-size: cover; | |||||
-o-background-size: cover; | |||||
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../images/login5-1.png', sizingMethod='scale'); | |||||
} | |||||
.loginTitle { | |||||
font-size: 24px; | |||||
color: #3B3A3A; | |||||
margin-bottom: 30px; | |||||
text-align: center; | |||||
} | |||||
.loginTab { | |||||
position: absolute; | |||||
width: 46px; | |||||
left: -46px; | |||||
top: 65px; | |||||
} | |||||
.loginTab div { | |||||
cursor: pointer; | |||||
border-radius: 8px 0 0 8px; | |||||
height: 46px; | |||||
line-height: 0; | |||||
text-align: center; | |||||
background: #fff; | |||||
margin-top: 5px; | |||||
-webkit-box-shadow: 0 0 10px rgba(208, 206, 236, .2); | |||||
-moz-box-shadow: 0 0 10px rgba(208, 206, 236, .2); | |||||
box-shadow: 0 0 10px rgba(208, 206, 236, .2); | |||||
} | |||||
.loginTab div.active { | |||||
background: #198BE3; | |||||
} | |||||
.loginTab img { | |||||
height: 22px; | |||||
margin-top: 12px; | |||||
} | |||||
.loginTab div.active .loginTabImg1, | |||||
.loginTabImg2 { | |||||
display: none; | |||||
} | |||||
.loginTab div.active .loginTabImg2 { | |||||
display: inline-block; | |||||
} | |||||
.loginCon { | |||||
width: 310px; | |||||
} | |||||
.loginInputTxt { | |||||
font-size: 14px; | |||||
color: #707070; | |||||
margin-bottom: 8px; | |||||
} | |||||
.loginInput { | |||||
margin-bottom: 15px; | |||||
position: relative; | |||||
} | |||||
.loginInput input { | |||||
height: 40px; | |||||
display: block; | |||||
width: 100%; | |||||
line-height: 26px; | |||||
padding: 7px 10px 7px 10px; | |||||
} | |||||
.codeBox { | |||||
position: relative; | |||||
} | |||||
#code { | |||||
width: 170px; | |||||
} | |||||
.variCode { | |||||
position: absolute; | |||||
right: 0; | |||||
top: 0; | |||||
height: 100%; | |||||
width: 110px; | |||||
line-height: 0; | |||||
} | |||||
.variCode img { | |||||
width: 100%; | |||||
height: 100%; | |||||
} | |||||
.loginBtn { | |||||
overflow: hidden; | |||||
margin-top: 25px; | |||||
} | |||||
.loginBtn input { | |||||
height: 48px; | |||||
cursor: pointer; | |||||
width: 100%; | |||||
background: #198BE3; | |||||
border-radius: 24px; | |||||
font-size: 16px; | |||||
color: #fff; | |||||
line-height: 46px; | |||||
border: 1px solid #198BE3; | |||||
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0) inset !important; | |||||
} | |||||
.loginBtn2 { | |||||
margin-top: 10px; | |||||
} | |||||
.loginBtn2 input { | |||||
background: #fff; | |||||
color: #198BE3; | |||||
} | |||||
.qrCodeBox { | |||||
font-size: 14px; | |||||
display: none; | |||||
} | |||||
#qrCode { | |||||
margin: 70px auto 10px; | |||||
width: 200px; | |||||
} | |||||
.loginFooter { | |||||
position: absolute; | |||||
bottom: 0; | |||||
left: 0; | |||||
right: 0; | |||||
text-align: center; | |||||
color: #705EED; | |||||
font-size: 14px; | |||||
line-height: 30px; | |||||
/*background: #E8E9FD;*/ | |||||
padding: 20px 0; | |||||
} | |||||
.tips { | |||||
position: absolute; | |||||
right: 42px; | |||||
bottom: 20px; | |||||
color: #6AB8FE; | |||||
font-size: 13px; | |||||
} | |||||
.tips img{ | |||||
margin-right: 5px; | |||||
position: relative; | |||||
top: -1px; | |||||
} | |||||
.wx{ | |||||
line-height: 0; | |||||
margin-top: 30px; | |||||
cursor: pointer; | |||||
} | |||||
.wx > *{ | |||||
display: inline-block; | |||||
vertical-align: middle; | |||||
} | |||||
.wx img{ | |||||
width: 40px; | |||||
margin-right: 10px; | |||||
} | |||||
.wx span{ | |||||
line-height: 24px; | |||||
color: #65C15D; | |||||
} |
@@ -0,0 +1,141 @@ | |||||
html,body{ | |||||
background: #FFE9E7; | |||||
} | |||||
.header{ | |||||
background-image:url('../images/headBg-red.jpg'); | |||||
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../images/headBg-red.jpg', sizingMethod='scale'); | |||||
} | |||||
body.active .header { | |||||
background-image: url(../images/headBg-red.jpg); | |||||
} | |||||
.headNum{ | |||||
color: #C32015; | |||||
} | |||||
.inSec1List1{ | |||||
background: #FFF2F1; | |||||
} | |||||
.inSec1List1 li.active,.inSec1List1 li:hover{ | |||||
background: #FFD9D6; | |||||
border-bottom-color: #FFD9D6; | |||||
} | |||||
.inSec1List1 li.active a,.inSec1List1 li:hover a{ | |||||
color: #C32015; | |||||
} | |||||
.inSec1List1 li{ | |||||
border-bottom: 1px solid #FDE6E4; | |||||
} | |||||
.headModeTxt { | |||||
background: #ff2a1b; | |||||
} | |||||
.headModeList { | |||||
background-color: #ff2a1b; | |||||
-webkit-box-shadow: 0 5px 6px rgba(114, 165, 205, 0.25); | |||||
-moz-box-shadow: 0 5px 6px rgba(114, 165, 205, 0.25); | |||||
box-shadow: 0 5px 6px rgba(114, 165, 205, 0.25); | |||||
} | |||||
.headModeList li.active { | |||||
background-color: #C32015; | |||||
} | |||||
.headTab li:after { | |||||
background: #DB7973; | |||||
} | |||||
.inSec3HeadTab.active:after { | |||||
background-color: #C32015; | |||||
} | |||||
.inSecLeftCon:hover { | |||||
background-color: #C32015; | |||||
border-color: #C32015; | |||||
} | |||||
.inSec1TabBox.active:after { | |||||
background-color: #C32015; | |||||
} | |||||
.index_sec2 .inSec1T{ | |||||
background: #C32015; | |||||
} | |||||
.inSec1List2 li.active,.inSec1List2 li:hover{ | |||||
background: #FFD9D6; | |||||
} | |||||
.aLeft:hover { | |||||
background-color: #FFD9D6; | |||||
} | |||||
.inSecT { | |||||
background-color: #C32015; | |||||
} | |||||
.more { | |||||
background-color: #DB7973; | |||||
} | |||||
.inSec3L { | |||||
background-color: #FFF2F1; | |||||
} | |||||
.workList li.active { | |||||
background-color: #FFD9D6; | |||||
} | |||||
.workList li { | |||||
border-bottom: 1px solid #FDE6E4; | |||||
} | |||||
.inSec3Num { | |||||
color: #C32015; | |||||
} | |||||
.inSec2TabBox.active:after { | |||||
background-color: #C32015; | |||||
} | |||||
.inSec2L { | |||||
background-color: #FFF2F1; | |||||
} | |||||
.inSec2Llist i { | |||||
color: #C32015; | |||||
} | |||||
.inSec3WorkBtn { | |||||
background-color: #FFF2F1; | |||||
color: #C32015; | |||||
} | |||||
.inSec3WorkBtn2 { | |||||
color: #C32015; | |||||
} | |||||
.inSec1Drag div:hover { | |||||
background-color: #FFD9D6; | |||||
} | |||||
.inSec2Llist li { | |||||
border-bottom: 1px solid #FDE6E4; | |||||
} | |||||
.inSec2Llist li.active, | |||||
.inSec2Llist li:hover { | |||||
background: #FFD9D6; | |||||
border-bottom-color: #FFD9D6; | |||||
} | |||||
.aRight:hover { | |||||
background-color: #FFD9D6; | |||||
} | |||||
.inSecShadow{ | |||||
-webkit-box-shadow: 0 0 10px rgba(114, 165, 205, 0.25); | |||||
-moz-box-shadow: 0 0 10px rgba(114, 165, 205, 0.25); | |||||
box-shadow: 0 0 10px rgba(114, 165, 205, 0.25); | |||||
} | |||||
/* search */ | |||||
.search { | |||||
background-color: #79140d; | |||||
} | |||||
.searchLT { | |||||
color: #ce574e; | |||||
} | |||||
.searchTop>span { | |||||
color: #ce574e; | |||||
} | |||||
.searchTopList li.active, | |||||
.searchTopList li:hover { | |||||
background-color: #C32015; | |||||
} | |||||
.searchRTop { | |||||
background-color: #63100a; | |||||
color: #ce574e; | |||||
} | |||||
.headSearchClose { | |||||
border: 1px solid #ea2d20; | |||||
} | |||||
.headSearchClose:hover { | |||||
background-color: #ea2d20; | |||||
} |