diff --git a/css/common.css b/css/common.css index 5c3a6cc..cfdf3ef 100755 --- a/css/common.css +++ b/css/common.css @@ -59,23 +59,23 @@ table { .posabs{ position: absolute; } -.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden} +.clearfix{clear:both;height:0;overflow:hidden;} /*头部*/ header{ height: 80px; - background:#1e1e1e; } /*底部*/ footer{ width:100%; - height:40px; + height:130px; position:fixed; bottom:0; left:0; - background:#1e1e1e; + /*background:#1e1e1e;*/ cursor: pointer; - color: rgba(255,255,255,0.4); + /*color: rgba(255,255,255,0.4);*/ font-size: 12px; text-align: center; - line-height: 40px; -} \ No newline at end of file + /*line-height: 40px;*/ +} + diff --git a/css/index.css b/css/index.css index 8bcd64c..9b7299f 100755 --- a/css/index.css +++ b/css/index.css @@ -3,27 +3,30 @@ body,html{ height: 100%; overflow: hidden; letter-spacing:1px; + background: url("../img/bodybg.png") no-repeat; + background-size:100% 100% ; } /**/ header{ height: 80px; - background-color: #1a222c; + /*background-color: #1a222c;*/ } .index_topbar{ - width: 1160px; + width: 1200px; height: 80px; margin: 0 auto; + /*overflow: hidden;*/ } .topbar_lmodel{ background: url(../img/logo.png) no-repeat; background-position: 0px 0px; height: 33px; line-height: 33px; - width: 140px; + width: 240px; font-size: 22px; color: #fff; text-indent: 53px; - display: inline-block; + float: left; margin-top: 23.5px; } .topbar_rmodel{ @@ -58,9 +61,10 @@ header{ /*登录后*/ .topbar_userMsg{ display: none; - margin-right: 26px; color: #fff; font-size: 14px; + padding-left: 48px; + background: url("../img/userId-icon.png") no-repeat 0 center; } .topbar_userMsg li{ float: left; @@ -69,10 +73,11 @@ header{ cursor: pointer; } .userId{ - width: 80px; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; + /*width: 80px;*/ + /*overflow: hidden;*/ + /*white-space: nowrap;*/ + /*text-overflow: ellipsis;*/ + } .login_out_btn{ cursor: pointer; @@ -82,11 +87,9 @@ header{ /**/ .main-con{ width: 100%; - height: calc(100% - 120px); - height: -webkit-calc(100% - 120px); - height: -moz-calc(100% - 120px); - background: url("../img/bg.png") no-repeat; - background-size: 100% 100%; + height: calc(100% - 210px); + height: -webkit-calc(100% - 210px); + height: -moz-calc(100% - 210px); position: relative; } .main-wrap{ @@ -1198,4 +1201,125 @@ header{ width: 100%; margin-top: 8px; } +/*new 新欢迎页样式 sta*/ +.silde-wrap{ + width: 1200px; + height: 444px; + overflow: hidden; + position: absolute; + top:50%; + left: 50%; + margin-left: -600px; + margin-top: -222px; + +} +.parking-wrap{ + width: 1200px; + height: 444px; + background:url("../img/silde-wrap1-icon.png") no-repeat ; + cursor: pointer; + position: relative; +} +.platform-wrap{ + width: 1200px; + height: 444px; + background:url("../img/silde-wrap2-icon.png") no-repeat ; + cursor: pointer; + position: relative; +} +.api-wrap{ + width: 1200px; + height: 444px; + background:url("../img/silde-wrap3-icon.png") no-repeat ; + cursor: pointer; + position: relative; +} +.gprmxc-wrap{ + width: 1200px; + height: 444px; + background:url("../img/silde-wrap5-icon.png") no-repeat ; + cursor: pointer; + position: relative; +} +.caruser-wrap{ + width: 1200px; + height: 444px; + background:url("../img/silde-wrap4-icon.png") no-repeat ; + cursor: pointer; + position: relative; +} +/*底部_______________________________________________*/ +.footer-nav{ + max-width: 1270px; + height: 130px; + margin: 0 auto; + background: url("../img/footer-bg-1.png") repeat-x center bottom; + display: inline-flex; + position: relative; +} +.footer-nav:before,.footer-nav:after{ + content: ''; + position: absolute; + top:0; + width: 100px; + height: 130px; +} +.footer-nav:before{ + left: -100px; + background: url("../img/footer-bg-2.png") no-repeat center bottom; +} +.footer-nav:after{ + right: -100px; + background: url("../img/footer-bg-3.png") no-repeat center bottom; +} +.footer-nav li{ + /*flex: 1;*/ + float: left; + min-width: 200px; + max-width: 300px; + height: 130px; + padding-top: 86px; + cursor: pointer; + font-size:24px; + font-weight:600; + color:rgba(255,255,255,1); + background-repeat: no-repeat; + background-position: center 0; +} +.footer-nav .parking-nav{ + background-image:url("../img/footer-nav1-icon.png") ; +} +.footer-nav .platform-nav{ + background-image:url("../img/footer-nav2-icon.png") ; +} +.footer-nav .api-nav{ + background-image:url("../img/footer-nav3-icon.png") ; +} +.footer-nav .gprmxc-nav{ + background-image:url("../img/footer-nav4-icon.png") ; +} +.footer-nav .caruser-nav{ + background-image:url("../img/footer-nav5-icon.png") ; +} +.footer-nav .parking-nav.active{ + color:#369bf5; +} +.footer-nav .platform-nav.active{ + color:#F5BE19; +} +.footer-nav .api-nav.active{ + color:#1FB276; +} +.footer-nav .gprmxc-nav.active{ + color:#e93644; +} +.footer-nav .caruser-nav.active{ + color:#21cabd; +} +.nav-active{ + background-color:rgba(255,255,255,.1) ; + border-radius:31px; + border:1px solid rgba(158,231,255,.3); + +} diff --git a/css/login.css b/css/login.css index c9e67c5..ce47d54 100755 --- a/css/login.css +++ b/css/login.css @@ -8,7 +8,7 @@ html,body{ min-height: 700px; width: 100%; min-width: 814px; - background:url(../img/loginbg-icon.png) no-repeat; + /*background:url(../img/loginbg-icon.png) no-repeat;*/ background-size: 100% 100%; position: relative; } @@ -21,31 +21,56 @@ html,body{ width: 90.5px; } .login-cont{ - height: 380px; - width:678px; + width:372px; + height:360px; position: absolute; top:50%; left: 50%; - margin-top: -190px; - margin-left: -339px; - background-color: rgba(255,255,255,.1); - border-radius: 30px!important; -} - -.login .content { + margin-top: -186px; + margin-left: -180px; - /*background-color:#fff;*/ - /*-webkit-border-radius:7px;*/ - /*-moz-border-radius:7px;*/ - /*-ms-border-radius:7px;*/ - /*-o-border-radius:7px;*/ - /*border-radius:7px;*/ - margin: 0 auto; - width:328px; - /*height: 440px;*/ - /*padding:46px 30px 30px;*/ - overflow:hidden; - /*position:relative*/ +} +.login-title{ + height: 48px; + border-bottom: 2px solid #fff; + line-height: 48px; + padding-left: 40px; + font-size:18px; + font-weight:400; + color:rgba(55,168,247,1); + background:rgba(26,29,41,.6); + position: relative; +} +.login-title:after{ + content: ''; + position: absolute; + left: 0; + bottom: -2px; + width:159px; + height:2px; + background:rgba(55,168,247,1); +} +.login-main{ + width: 372px; + padding:32px 40px; + background:rgba(26,29,41,.6); +} +.login-user-bg{ + display: inline-block; + vertical-align: middle; + width: 40px; + height: 40px; + background:rgba(170,171,171,.8) url("../img/login-user-bg.png") no-repeat center center; +} +.login-pwd-bg{ + display: inline-block; + vertical-align: middle; + width: 40px; + height: 40px; + background:rgba(170,171,171,.8) url("../img/login-pwd-bg.png") no-repeat center center; +} +.form-control{ + border-radius: 0; } .login .content h3 { color:#4db3a5; @@ -66,8 +91,9 @@ html,body{ margin:0 } .login .content .form-control { - height: 36px; - width: 328px; + height: 40px; + width: 251px; + display: inline-block; } .login .content .form-control:active, .login .content .form-control:focus { border:1px solid #c3ccda @@ -96,8 +122,6 @@ html,body{ .login .content .form-actions { clear:both; border:0; - margin-left:-30px; - margin-right:-30px } .login-options { margin-bottom:30px; @@ -133,11 +157,11 @@ html,body{ padding-bottom:0 } .login .content .form-actions .btn { - margin-top:1px; + height: 40px; font-size: 18px; color: #fff; - border:1px solid #c90000; - background-color: #de3a41; + border:1px solid #37A8F7; + background-color: #37A8F7; width: 100%; } @@ -241,7 +265,7 @@ html,body{ top:16px; } .login_error_ifo { - height: 22px; + height: 28px; text-align: center; padding: 5px 0; color: rgb(255, 97, 97); @@ -258,7 +282,7 @@ html,body{ left: 0; } .form-group{ - margin-bottom: 9px; + margin-bottom: 12px; } .form-control{ color:#000; @@ -291,19 +315,19 @@ input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ #slide_box { - height: 36px; + height: 40px; text-align: center; - line-height: 36px; + line-height: 40px; font-size: 14px; background-color: rgba(255,255,255,.75); border: none; } #slide_xbox { - width: 56px; - height: 36px; + width: 40px; + height: 40px; text-align: center; - line-height: 36px; + line-height:40px; font-size: 14px; position: absolute; background: #35b34a; @@ -311,8 +335,8 @@ input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ #btn { cursor: pointer; - width: 56px; - height: 36px; + width: 40px; + height: 40px; background: #fff url(../img/handler_bg.png); float: right; /*-webkit-box-shadow: 0px 0px 15px 0px #ddd;*/ @@ -323,4 +347,42 @@ input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ } .display-hide{ display: none; -} \ No newline at end of file +} + + + + +/* + + Supersized - Fullscreen Slideshow jQuery Plugin + Version : 3.2.7 + Site : www.buildinternet.com/project/supersized + + Author : Sam Dunn + Company : One Mighty Roar (www.onemightyroar.com) + License : MIT License / GPL License + +*/ + +* { margin:0; padding:0; } +body { background:#111; height:100%; } +img { border:none; } + +#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em;} + +#supersized { display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; } +#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; } +#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; } /*Speed*/ +#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; } /*Quality*/ + +#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; } +#supersized a { width:100%; height:100%; display:block; } +#supersized li.prevslide { z-index:-20; } +#supersized li.activeslide { z-index:-10; } +/*#supersized li.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }*/ +/*#supersized li.image-loading img{ visibility:hidden; }*/ +#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; } + + +#supersized img { max-width: none !important } + diff --git a/favicon.ico b/favicon.ico old mode 100755 new mode 100644 index 327e64c..64b1c25 --- a/favicon.ico +++ b/favicon.ico diff --git a/img/bg.png b/img/bg.png deleted file mode 100755 index 475aa82..0000000 --- a/img/bg.png +++ /dev/null diff --git a/img/bg1.jpg b/img/bg1.jpg new file mode 100755 index 0000000..c4f3154 --- /dev/null +++ b/img/bg1.jpg diff --git a/img/bg2.jpg b/img/bg2.jpg new file mode 100755 index 0000000..d37cf5b --- /dev/null +++ b/img/bg2.jpg diff --git a/img/bg3.jpg b/img/bg3.jpg new file mode 100755 index 0000000..af6cc6c --- /dev/null +++ b/img/bg3.jpg diff --git a/img/bodybg.png b/img/bodybg.png new file mode 100755 index 0000000..0bb23ad --- /dev/null +++ b/img/bodybg.png diff --git a/img/footer-bg-1.png b/img/footer-bg-1.png new file mode 100644 index 0000000..0aa59a2 --- /dev/null +++ b/img/footer-bg-1.png diff --git a/img/footer-bg-2.png b/img/footer-bg-2.png new file mode 100644 index 0000000..69b9302 --- /dev/null +++ b/img/footer-bg-2.png diff --git a/img/footer-bg-3.png b/img/footer-bg-3.png new file mode 100644 index 0000000..7ba35c1 --- /dev/null +++ b/img/footer-bg-3.png diff --git a/img/footer-bg.png b/img/footer-bg.png new file mode 100644 index 0000000..c66f68f --- /dev/null +++ b/img/footer-bg.png diff --git a/img/footer-nav1-icon.png b/img/footer-nav1-icon.png new file mode 100644 index 0000000..dfc412c --- /dev/null +++ b/img/footer-nav1-icon.png diff --git a/img/footer-nav2-icon.png b/img/footer-nav2-icon.png new file mode 100644 index 0000000..0ab07e3 --- /dev/null +++ b/img/footer-nav2-icon.png diff --git a/img/footer-nav3-icon.png b/img/footer-nav3-icon.png new file mode 100644 index 0000000..aa953d8 --- /dev/null +++ b/img/footer-nav3-icon.png diff --git a/img/footer-nav4-icon.png b/img/footer-nav4-icon.png new file mode 100644 index 0000000..60f397a --- /dev/null +++ b/img/footer-nav4-icon.png diff --git a/img/footer-nav5-icon.png b/img/footer-nav5-icon.png new file mode 100644 index 0000000..8bbf20e --- /dev/null +++ b/img/footer-nav5-icon.png diff --git a/img/handler_bg.png b/img/handler_bg.png old mode 100755 new mode 100644 index 900f1cb..6aab63e --- a/img/handler_bg.png +++ b/img/handler_bg.png diff --git a/img/login-pwd-bg.png b/img/login-pwd-bg.png new file mode 100644 index 0000000..90ae22a --- /dev/null +++ b/img/login-pwd-bg.png diff --git a/img/login-user-bg.png b/img/login-user-bg.png new file mode 100644 index 0000000..888e30c --- /dev/null +++ b/img/login-user-bg.png diff --git a/img/logo.png b/img/logo.png index 494702b..e1772ae 100644 --- a/img/logo.png +++ b/img/logo.png diff --git a/img/logo_dy.png b/img/logo_dy.png new file mode 100644 index 0000000..494702b --- /dev/null +++ b/img/logo_dy.png diff --git a/img/silde-wrap1-icon.png b/img/silde-wrap1-icon.png new file mode 100755 index 0000000..ec62e77 --- /dev/null +++ b/img/silde-wrap1-icon.png diff --git a/img/silde-wrap2-icon.png b/img/silde-wrap2-icon.png new file mode 100755 index 0000000..79bca6d --- /dev/null +++ b/img/silde-wrap2-icon.png diff --git a/img/silde-wrap3-icon.png b/img/silde-wrap3-icon.png new file mode 100755 index 0000000..9a96d40 --- /dev/null +++ b/img/silde-wrap3-icon.png diff --git a/img/silde-wrap4-icon.png b/img/silde-wrap4-icon.png new file mode 100755 index 0000000..2196d18 --- /dev/null +++ b/img/silde-wrap4-icon.png diff --git a/img/silde-wrap5-icon.png b/img/silde-wrap5-icon.png new file mode 100755 index 0000000..3da28b1 --- /dev/null +++ b/img/silde-wrap5-icon.png diff --git a/img/userId-icon.png b/img/userId-icon.png new file mode 100644 index 0000000..ee42d0a --- /dev/null +++ b/img/userId-icon.png diff --git a/index.html b/index.html index 5fbc136..d529319 100755 --- a/index.html +++ b/index.html @@ -8,90 +8,45 @@ + 平台汇总 - - + + +
-
- 丹阳行 +
+ 平台汇总
    - -
  • - 登入 -
  • -
  • - 赤峰管理员 +
  • -
  • 加盟
-
-