You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
10 KiB
1 line
10 KiB
login_boxlogin_boxlogin_boxlogin_boxlogin_boxlogin_boxlogin_boxlogin_boxlogin_boxlogin_boxlogin_boxlogin_boxlogin_boxlogin_boxlogin_boxlogin_boxlogin_boxlogin_boxlogin_boxlogin_box@charset "utf-8";
|
|
|
|
/* CSS Document */
|
|
|
|
body { font: normal 12px/26px "microsoft yahei"; background: #fff; color: #313131; }
|
|
|
|
p, ol, ul, li, form, select, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
|
|
|
|
ol, ul, li { list-style: none; }
|
|
|
|
a { color: #313131; }
|
|
|
|
a:hover, a:focus { color: #ed6b20; text-decoration: none; }
|
|
|
|
.container { width: 1090px; }
|
|
|
|
/*modal-dialog*/
|
|
|
|
.modal-dialog { width: 400px; border-radius: 8px 8px 0 0; overflow: hidden; }
|
|
|
|
.modal-dialog input { margin: 10px 0; padding: 8px 4px; }
|
|
|
|
.modal-dialog .btn-default { background: #ed6b20; border: 0; color: #fff; padding: 6px 25px; }
|
|
|
|
/*topbar*/
|
|
|
|
.topbar { height: 40px; line-height: 1.42857; background: #eee; }
|
|
|
|
.ul-contact { padding-top: 10px; color: #7D7F87 }
|
|
|
|
.ul-contact li img { margin-right: 8px }
|
|
|
|
.topbar-nav > li > a { color: #dcdcdc; padding: 10px 5px; cursor: pointer; }
|
|
|
|
.topbar-nav li { font-size: 12px; background: #efefef; border:1px #dcdcdc solid; border-radius:15px; margin-top: 7px; }
|
|
|
|
.topbar-nav > li > a { color: #333649; padding: 0 15px; line-height: 24px; margin: 0; text-shadow: none; }
|
|
|
|
.topbar-nav > li > a { padding: 0 15px; }
|
|
|
|
.topbar-nav>li>a:hover,.topbar-nav>li>a:focus {
|
|
|
|
background-color: #2B2F31; color: #ed6b20;
|
|
|
|
}
|
|
|
|
.topbar-nav .on > a { background-color: #d2d2d2; color: #282828; }
|
|
|
|
.topbar-nav .on > a:hover, .topbar-nav .on > a:focus { background-color: #ccc8c8; }
|
|
|
|
.nav-pills > li + li{ margin-left:0;}
|
|
|
|
/*nav*/
|
|
|
|
.navbar { /*-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.25); -moz-box-shadow: 0 2px 10px rgba(0,0,0,.25); box-shadow: 0 2px 10px rgba(0,0,0,.25);*/ }
|
|
|
|
.navbar-default { background: #fff; }
|
|
|
|
.navbar > .container .navbar-brand { margin: 0; }
|
|
|
|
.navbar-nav > li > a { color:#414141; font: bold 15px/30px "microsoft yahei"; }
|
|
|
|
.navbar .nav > li > a { color: #414141; }
|
|
|
|
|
|
|
|
.navbar .nav > li { color: #939393; font: normal 14px/64px "microsoft yahei"; }
|
|
|
|
.navbar .nav > li span{ padding:0 5px;}
|
|
|
|
|
|
|
|
|
|
|
|
.navbar-nav>li>a:hover,.navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background: none; border-bottom: 4px #ed6b20 solid; color: #ed6b20; }
|
|
|
|
.navbar .logo { height: 64px; padding: 12px 0 0 0px; text-align: left; margin: 0; color: #4f4f4f; }
|
|
|
|
.navbar .logo img{ display: inline-block; vertical-align: top;}
|
|
|
|
.navbar .logo span { display: inline-block; font: normal 20px/30px "microsoft yahei"; padding: 6px 0 0 25px; }
|
|
|
|
|
|
|
|
.navbar-nav li.dropdown img{ margin-left: 6px;}
|
|
|
|
.navbar-nav .dropdown-menu { min-width: auto; margin: 0; padding: 0; background: rgba(255,255,255,0.6); border-radius:0; }
|
|
|
|
.navbar-nav .dropdown-menu li { display: block; width: 140px; text-align: center; font: normal 14px/38px "microsoft yahei"; color: #666;height: 32px;line-height: 32px; }
|
|
|
|
.navbar-nav .dropdown-menu li:hover, .topbar-nav .dropdown-menu li.active { background: rgba(51,150,251,1); color: #fff; }
|
|
|
|
.navbar-nav .dropdown-menu li:hover a, .topbar-nav .dropdown-menu li.active a { background: rgba(51,150,251,1); color: #fff; }
|
|
|
|
|
|
|
|
|
|
|
|
.banner{ height:240px; background:url(/FengHuang/html/static/images/banner.jpg) center top no-repeat;}
|
|
|
|
.banner_teacher{ height:240px; background:url(/FengHuang/html/static/images/banner_teacher.jpg) center top no-repeat;}
|
|
|
|
.banner_student{ height:240px; background:url(/FengHuang/html/static/images/banner_student.jpg) center top no-repeat;}
|
|
|
|
.banner_login{ height:639px; background:url(/FengHuang/html/static/images/login.jpg) center top no-repeat;}
|
|
|
|
.banner p, .banner_teacher p,.banner_student p { text-align: right; color: #fff; font: bold 30px/50px "microsoft yahei"; padding:100px 100px 0 0; }
|
|
|
|
/*portlet*/
|
|
|
|
|
|
|
|
/*footer*/
|
|
|
|
footer { height:70px; text-align: center; font-size: 12px; margin-top: 50px; }
|
|
|
|
.copy { width:1000px; margin:0 auto; color:#666; position:relative; }
|
|
|
|
.copy span{ padding: 0 3px;}
|
|
|
|
.copy .weixin{ position:absolute; left:50%; top:50%; width:70px; height:80px; margin:-28px 0 0 -35px; text-align:center;}
|
|
|
|
.copy .weixin span{ display:block; color:#fff;}
|
|
|
|
|
|
|
|
.title01 { border:0; text-align:center; padding-bottom: 35px; }
|
|
|
|
.title01 h1{ display:inline-block; background:url(/FengHuang/html/static/images/titbg02.jpg) left bottom repeat-x; font: bold 24px/66px "microsoft yahei"; color: #424242;}
|
|
|
|
.title01 h1 span{ display:block; background:url(/FengHuang/html/static/images/titbg01.png) center bottom no-repeat;}
|
|
|
|
.title01 h1 span b{ color:#4b78dd;}
|
|
|
|
|
|
|
|
/*ptlist01*/
|
|
|
|
.ptlist01 { margin: 0 -21px; text-align: center; border-bottom: 1px #d2d2d2 solid; padding-bottom: 60px;clear: both;overflow: hidden;}
|
|
|
|
.ptlist01 li { /*display:inline-block;*/float: left; text-align: center; margin: 10px 21px; width: 138px; height:188px; color:#000; vertical-align:top; }
|
|
|
|
.ptlist01 li p { display: block; width: 108px; height: 108px; padding: 22px; margin:0 auto; background:#29cba0; border-radius:50%;-moz-box-shadow:0px 0px 10px rgba(172,231,189,0.35); -webkit-box-shadow:0px 0px 10px rgba(172,231,189,0.35); box-shadow:0px 0px 10px rgba(172,231,189,0.35);}
|
|
|
|
.ptlist01 li img { width: 64px; height: 64px; transition:0.2s; -webkit-transition:0.2s;-moz-transition:0.2s; }
|
|
|
|
.ptlist01 li img:hover{
|
|
|
|
-webkit-transform:scale(1.1);
|
|
|
|
-moz-transform:scale(1.1);
|
|
|
|
-ms-transform:scale(1.1);
|
|
|
|
-o-transform:scale(1.1);
|
|
|
|
}
|
|
|
|
.ptlist01 li span{ display:block; font:bold 15px/30px "microsoft yahei"; padding-top:15px;}
|
|
|
|
.ptlist01 li a{ display:block; width:100%; height:100%; color:#000;}
|
|
|
|
.ptlist01 li.c0 p{ background:#29cba0;}
|
|
|
|
.ptlist01 li.c1 p{ background:#f77527;}
|
|
|
|
.ptlist01 li.c2 p{ background:#f7aa27;}
|
|
|
|
.ptlist01 li.c3 p{ background:#2ab7d2;}
|
|
|
|
.ptlist01 li.c4 p{ background:#99cb20;}
|
|
|
|
.ptlist01 li.c5 p{ background:#e13d62;}
|
|
|
|
|
|
|
|
/*ptlist02*/
|
|
|
|
.ptlist02 { margin: 0 -21px; }
|
|
|
|
.ptlist02 li { float: left; text-align: center; margin: 10px 21px; wwidth: 182px; height:250px; color:#6F6F6F; }
|
|
|
|
.ptlist02 li p { display: block; width: 182px; height: 182px; padding: 31px; background:#fff; border-radius:10px;-moz-box-shadow:0px 0px 10px rgba(172,231,189,0.35); -webkit-box-shadow:0px 0px 10px rgba(172,231,189,0.35); box-shadow:0px 0px 10px rgba(172,231,189,0.35);}
|
|
|
|
.ptlist02 li img { width: 120px; height: 120px; transition:0.6s; -webkit-transition:0.6s;-moz-transition:0.6s; }
|
|
|
|
.ptlist02 li:hover{
|
|
|
|
-webkit-animation: flipOutYtest 0.75s linear;
|
|
|
|
animation: flipOutYtest 0.75s linear;
|
|
|
|
/*-webkit-animation-fill-mode: both;
|
|
|
|
animation-fill-mode: both;*/
|
|
|
|
}
|
|
|
|
|
|
|
|
.ptlist02 li span{ display:block; font:normal 18px/50px "microsoft yahei"; padding-top:8px;}
|
|
|
|
.ptlist02 li a{ display:block; width:100%; height:100%; color:#006B43;}
|
|
|
|
@-webkit-keyframes flipOutYtest {
|
|
|
|
from {
|
|
|
|
-webkit-transform: perspective(1400px);
|
|
|
|
transform: perspective(1400px);
|
|
|
|
}
|
|
|
|
|
|
|
|
10% {
|
|
|
|
-webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 36deg);
|
|
|
|
transform: perspective(1400px) rotate3d(0, 1, 0, 36deg);
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
20% {
|
|
|
|
-webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 72deg);
|
|
|
|
transform: perspective(1400px) rotate3d(0, 1, 0, 72deg);
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
30% {
|
|
|
|
-webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 108deg);
|
|
|
|
transform: perspective(1400px) rotate3d(0, 1, 0, 108deg);
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
40% {
|
|
|
|
-webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 144deg);
|
|
|
|
transform: perspective(1400px) rotate3d(0, 1, 0, 144deg);
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
50% {
|
|
|
|
-webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
|
|
|
|
transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
60% {
|
|
|
|
-webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 216deg);
|
|
|
|
transform: perspective(1400px) rotate3d(0, 1, 0, 216deg);
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
70% {
|
|
|
|
-webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 252deg);
|
|
|
|
transform: perspective(1400px) rotate3d(0, 1, 0, 252deg);
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
80% {
|
|
|
|
-webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 288deg);
|
|
|
|
transform: perspective(1400px) rotate3d(0, 1, 0, 288deg);
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
90% {
|
|
|
|
-webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 324deg);
|
|
|
|
transform: perspective(1400px) rotate3d(0, 1, 0, 324deg);
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
to {
|
|
|
|
-webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 360deg);
|
|
|
|
transform: perspective(1400px) rotate3d(0, 1, 0, 360deg);
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.bg-white{ width:100%; padding-top: 20px;}
|
|
|
|
.more{ text-align:center; padding-top:20px;}
|
|
|
|
.more a{ display:block; width:36px; margin:0 auto;}
|
|
|
|
/*end 后加2015.11.27*/
|
|
|
|
/*padding*/
|
|
|
|
.p-15 { padding: 15px; }
|
|
|
|
.pt-10 { padding-top: 10px; }
|
|
|
|
.pt-15 { padding-top: 15px; }
|
|
|
|
.ptb-20{ padding-top:20px; padding-bottom:20px;}
|
|
|
|
.pl-20{ padding-left:20px;}
|
|
|
|
.plr-15 { padding-left: 15px; padding-right: 15px; }
|
|
|
|
.plr-30 { padding-left: 30px; padding-right: 30px; }
|
|
|
|
.pb-50{ padding-bottom:50px;}
|
|
|
|
/*margin*/
|
|
|
|
.mt-5 { margin-top: 5px; }
|
|
|
|
.mt-8 { margin-top: 8px; }
|
|
|
|
.mt-14 { margin-top: 14px; }
|
|
|
|
.mt-40 { margin-top: 40px; }
|
|
|
|
.ml-190 { margin-left: 190px; }
|
|
|
|
.ml-232 { margin-left: 232px; }
|
|
|
|
.ml-460{ margin-left:460px;}
|
|
|
|
/*宽高*/
|
|
|
|
.width-110 { width: 110px }
|
|
|
|
.width-180 { width: 180px }
|
|
|
|
.width-200 { width: 200px }
|
|
|
|
.width-230 { width: 230px }
|
|
|
|
.width-428 { width: 428px }
|
|
|
|
.w98 { width: 98%; }
|
|
|
|
.height-55 { height: 55px; }
|
|
|
|
.height-140 { height: 140px; }
|
|
|
|
.height-160 { height: 160px; }
|
|
|
|
.height-170 { height: 170px; }
|
|
|
|
.height-202 { height: 202px; }
|
|
|
|
.height-260 { height: 259px; }
|
|
|
|
.height-285 { height: 285px; }
|
|
|
|
.height-350 { height: 350px; }
|
|
|
|
.height-355 { height: 355px; }
|
|
|
|
.height-360 { height: 360px; }
|
|
|
|
.height-370 { height: 370px; }
|
|
|
|
.height-420 { height: 420px; }
|
|
|
|
.height-485 { height: 485px; }
|
|
|
|
.height-492 { height: 492px; }
|
|
|
|
.height-530 { height: 530px; }
|
|
|
|
.height-600 { height: 600px; }
|
|
|
|
.height-616 { height: 616px; }
|
|
|
|
.height-673 { height: 673px; }
|
|
|
|
.oh { overflow: hidden; }
|
|
|
|
.fl { float: left; }
|
|
|
|
.pr { position: relative; }
|
|
|
|
/*#ulLis li a {*/
|
|
|
|
/*cursor: move;*/
|
|
|
|
/*}*/
|
|
|
|
/*#ulLis li span {*/
|
|
|
|
/*cursor: pointer;*/
|
|
|
|
/*}*/
|
|
|