/*风 格*/ * { margin:0; padding:0px; font:12px/150% Verdana,'宋体'; list-style: none;} body { color:#585858; text-align:center; background:#fff;} img { border:0;} /*连 接*/ a:link,a:visited,a:active { text-decoration:none; color:#585858;} a:hover { text-decoration:none; color:#F9824A;} /*位 置*/ .L{float:left;} .R{float:Right;} /*文本-样式*/ .tL{ text-align:left; } .tR{ text-align:right;} .tC { text-align:center;} .tC1{ color:#fff;} /* 白 */ .tC2{ color:#ccc;} /* 灰 */ .tC3{ color:#999999;}/* 标题灰 */ .tC4{ color:#4a4d41;}/* 深灰 */ .tC5{ color:#d4342b;}/* 朱红 */ .tC6{ color:#000;}/* 黑 */ .tC7{ color:#fa9259;}/* 黄 */ .tC8{ font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif; font-size:15px; color:#38B774;}/*绿色*/ .tC9{ color:red;}/*红*/ .tC10{ color:#2B2B2B} /*客服颜色*/ .font13px{font-size:13px;} .font14px{font-size:14px;} .font16px{font-size:16px;} .bold{font-weight:bold;} .line20px {line-height:20px;} .line23px {line-height:23px;} .line25px {line-height:25px;} .line30px {line-height:30px;} .line40px {line-height:40px;} .family{font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif;} .underline{text-decoration: underline;} .img img{width:110px; height:92px; margin-bottom:6px; border:1px #0C76CC solid;} .img2 img{width:95px; height:70px; margin-right:6px;} .img3 img{width:650px; height:460px;} .w200{width:200px;} .w300{width:300px;} .w400{width:400px;} /*清除浮动*/ .clear{ clear:both; font-size:0; height:0; line-height:0;} /*A样式*/ #cor a{color:#38B774; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif; font-size:15px; text-decoration:underline;} #cor a:hover{color:#38B774; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif; font-size:15px; text-decoration:none;} /*整 局*/ #allmain{ width:1200px; height:auto; margin:0 auto 0 auto;} /*首页背景颜色定位*/ #top_home{float:left; top:0; right:0; height:76px; width:100%; border-bottom:1px #E0E0E0 solid; background:#fff; z-index:9999;} #top_home2{float:left; top:0; right:0; height:499px; width:100%; margin-top:75px; background:url(bg.png)/*tpa=https://www.54nb.com/images/bg.png*/ center no-repeat; z-index:-1; } /* 顶部 */ .header{position:relative; margin:0 auto 0 auto; width:1200px; height:76px;} .header li{ height:76px; } .header li.logo{position:absolute; top:0; left:0; width:197px;} .header li.logo a{display:block; width:197px; height:58px; padding-top:18px; overflow:hidden;} .header li.meun{position:absolute; top:0; right:0; width:auto; height:76px; padding-left:50px;} .header li.meun a{position:relative; float:left; padding:0; height:45px; padding-top:28px; margin-bottom:-1px; margin-left:20px; color:#3F3F3F; font-size:14px; font-weight:bold; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif; } .header li.meun a:before{ content: ""; position: absolute; left: 50%; bottom: -3px; width: 0; height: 3px; background:#FC822D; transition: all .3s;} .header li.meun a:hover:before{ width: 100%; left: 0; right: 0; } .header li.meun a:hover{color:#FC822D; } .header li.meun a.current{color:#FC822D; border-bottom:3px #FC822D solid; } /* banner */ @-webkit-keyframes sport{ /* for Chrome || Safari */ 0% {transform: translateY(30px);opacity: 0.1;} 100% {transform: translateY(0px);opacity: 1} } @-moz-keyframes sport{ /* for Firefox */ 0% {transform: translateY(30px);opacity: 0.1;} 100% {transform: translateY(0px);opacity: 1} } @-o-keyframes sport{ /* for Opera */ 0% {transform: translateY(30px);opacity: 0.1;} 100% {transform: translateY(0px);opacity: 1} } @keyframes sport { 0% {transform: translateY(30px);opacity: 0.1;} 100% {transform: translateY(0px);opacity: 1} } .banner{ margin:0 auto 0 auto; width:1200px; height:auto; padding-top:50px; } .banner li{float:left; width:100%;} .banner li h1{text-align:left; font-size:50px; color:#222222; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif; letter-spacing:2px; animation: sport 1s;} .banner li h1 b{ color:#FC822D; font-size:60px; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif; } .banner li h1 b.on{ color:#FC822D; font-size:50px; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif; } .banner li.text{margin-top:14px;} .banner li.text h2{text-align:left; font-size:23px; color:#222222; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif; letter-spacing:0px; animation: sport 1s;} .banner li.Sub{ margin-top:33px; } .banner li.Sub a.w{float:left; display:block; border:0; width:140px; height:42px; padding-left:30px; line-height:42px; color:#fff; font-size:14px; letter-spacing:1px; margin-right:22px; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif; border-radius:50px; cursor:pointer; background:url(windows.png)/*tpa=https://www.54nb.com/images/windows.png*/ #FC822D no-repeat; background-position:20px 11px; } .banner li.Sub a.w:hover{background:url(windows.png)/*tpa=https://www.54nb.com/images/windows.png*/ #FC6703 no-repeat; background-position:20px 11px;} .banner li.Sub a.a{float:left; display:block; border:0; width:140px; height:42px; padding-left:30px; line-height:42px; color:#fff; font-size:14px; letter-spacing:1px; margin-right:22px; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif; border-radius:50px; cursor:pointer; background:url(android.png)/*tpa=https://www.54nb.com/images/android.png*/ #FC822D no-repeat; background-position:23px 10px; } .banner li.Sub a.a:hover{background:url(android.png)/*tpa=https://www.54nb.com/images/android.png*/ #FC6703 no-repeat; background-position:23px 10px;} .banner li.Sub a.i{float:left; display:block; border:0; width:100px; height:42px; padding-left:30px; line-height:42px; color:#fff; font-size:14px; letter-spacing:1px; margin-right:22px; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif; border-radius:50px; cursor:pointer; background:url(ios.png)/*tpa=https://www.54nb.com/images/ios.png*/ #FC822D no-repeat; background-position:21px 9px; } .banner li.Sub a.i:hover{background:url(ios.png)/*tpa=https://www.54nb.com/images/ios.png*/ #FC6703 no-repeat; background-position:21px 9px;} .banner li.Sub a.y{float:left; display:block; border:0; width:100px; height:42px; padding-left:30px; line-height:42px; color:#fff; font-size:14px; letter-spacing:1px; margin-right:22px; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif; border-radius:50px; cursor:pointer; background:url(yanshi.png)/*tpa=https://www.54nb.com/images/yanshi.png*/ #FC822D no-repeat; background-position:21px 9px; } .banner li.Sub a.y:hover{background:url(yanshi.png)/*tpa=https://www.54nb.com/images/yanshi.png*/ #FC6703 no-repeat; background-position:21px 9px;} .banner li.terrace{ margin-top:15px; text-align:left; color:#8E8E8E; font-size:20px; letter-spacing:2px; font-family: "Helvetica Neue",Arial,sans-serif;} /* 产品介绍 */ .Ititle{float:left; height:67px; width:100%; margin-top:-60px; color:#343434; font-size:35px; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif; background:url(title_bg.png)/*tpa=https://www.54nb.com/images/title_bg.png*/ bottom no-repeat; z-index:-1; } .Icon{ float:left; height:auto; width:100%; margin-top:51px; } .Icon ul{ display:inline-block; width:266px; height:32px; padding-top:75px; font-size:18px; color:#343434; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif; } .Icon ul.A1{ background:url(A1.png)/*tpa=https://www.54nb.com/images/A1.png*/ center top no-repeat; } .Icon ul.A2{ background:url(A2.png)/*tpa=https://www.54nb.com/images/A2.png*/ center top no-repeat; } .Icon ul.A3{ background:url(A3.png)/*tpa=https://www.54nb.com/images/A3.png*/ center top no-repeat; } .Icon ul.A4{ background:url(A4.png)/*tpa=https://www.54nb.com/images/A4.png*/ center top no-repeat; } .software{ float:left; height:500px; width:100%; background:url(software.png)/*tpa=https://www.54nb.com/images/software.png*/ bottom no-repeat;} /* 地图 */ .map{ float:left; height:800px; width:100%; background:#F7F7F7; } .map_div{ margin:0 auto 0 auto; width:1260px; height:800px; background:url(map.png)/*tpa=https://www.54nb.com/images/map.png*/ right no-repeat; position:relative;} .map_div li{ float:left; } .map_div li.title{ width:100%; margin-top:85px; margin-bottom:15px; line-height:90px; text-align:left; color:#343434; font-size:35px; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif;} .map_div li.title p{ font-size:18px; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif; } .map_div li.Cf{ width:100%; margin-top:50px; text-align:left; color:#343434; font-size:25px; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif; } .map_div li.Cf p{color:#616161; font-size:17px; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif; } .map_div li.Cf i.M1{float:left; width:55px; height:63px; background:url(M1.png)/*tpa=https://www.54nb.com/images/M1.png*/ left no-repeat; } .map_div li.Cf i.M2{float:left; width:55px; height:63px; background:url(M2.png)/*tpa=https://www.54nb.com/images/M2.png*/ left no-repeat; } .map_div li.Cf i.M3{float:left; width:55px; height:63px; background:url(M3.png)/*tpa=https://www.54nb.com/images/M3.png*/ left no-repeat; } .map_div li.Cf i.M4{float:left; width:55px; height:63px; background:url(M4.png)/*tpa=https://www.54nb.com/images/M4.png*/ left no-repeat; } /* 点亮地图 -------------------------------------------------------------- */ .china-map{width:500px;height:515px; background:url(map.png)/*tpa=https://www.54nb.com/images/map.png*/ center no-repeat; position:relative;} .region-list{position:absolute;left:0;top:0} @-webkit-keyframes warn{ /* for Chrome || Safari */ 0%{-webkit-transform:scale(0);transform:scale(0);opacity:1} 100%{-webkit-transform:scale(1);transform:scale(1);opacity:0} } @-moz-keyframes warn{ /* for Firefox */ 0%{-moz-transform:scale(0);transform:scale(0);opacity:1} 100%{-moz-transform:scale(1);transform:scale(1);opacity:0} } @-o-keyframes warn{ /* for Opera */ 0%{-o-transform:scale(0);transform:scale(0);opacity:1} 100%{-o-transform:scale(1);transform:scale(1);opacity:0} } @keyframes warn{ 0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1} 100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0} } .area-box .dot{position:absolute;left:2px; top:2px; width:10px;height:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#a2a9b4;opacity:1;filter:alpha(opacity=100)} .area-box .pulse{position:absolute;top:-28px;left:-28px;height:66px;width:66px;border:2px solid #b7b7b7;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;-moz-box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;opacity:.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0} .area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0} .area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s} .area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s} .area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s} .area-box .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s} .area-box .delay-06{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s} .area-box .delay-07{-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;-o-animation-delay:2.4s;animation-delay:2.4s} .area-box .delay-08{-webkit-animation-delay:-.4s;-moz-animation-delay:-.4s;-o-animation-delay:-.4s;animation-delay:-.4s} .area-box .delay-09{-webkit-animation-delay:-.8s;-moz-animation-delay:-.8s;-o-animation-delay:-.8s;animation-delay:-.8s} .area-box .delay-10{-webkit-animation-delay:-1.2s;-moz-animation-delay:-1.2s;-o-animation-delay:-1.2s;animation-delay:-1.2s} .area-box .delay-11{-webkit-animation-delay:4s;-moz-animation-delay:4s;-o-animation-delay:4s;animation-delay:4s} /*蓝色*/ .region-list.active .area-box .dot{background:#009fd9;} .region-list.active .area-box .pulse{border-color:#009fd9;top:-39px;left:-39px;height:88px;width:88px;-webkit-box-shadow:0 0 12px #0080d9,0 0 20px #0080d9 inset;-moz-box-shadow:0 0 12px #0080d9,0 0 20px #0080d9 inset;box-shadow:0 0 12px #0080d9,0 0 20px #0080d9 inset} /*黄色*/ .region-list.waite .area-box .dot{background:#f90} .region-list.waite .area-box .pulse{border-color:#f90} /*灰色*/ .region-list.hui .area-box .dot{background:#009fd9;}/*background:#a2a9b4;*/ .region-list.hui .area-box .pulse{border-color:#009fd9;}/*background:#a2a9b4;*/ .show-regin{position:absolute;left:2px;height:0;top:0;width:11px;opacity:0;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out} .online-node .show-regin,.region-list:hover .show-regin,.underline-node .show-regin,.waite-node .show-regin{height:27px;opacity:1} .show-regin span{width:80px;position:absolute;left:8px;top:-11px;padding:6px 10px;font-size:14px;color:#ccc;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;text-align:center;white-space:nowrap;} .area-box{z-index:77} .show-regin{}/*z-index:66*/ .region-list.active .show-regin span{position:relative;color:#666} .region-list.waite .show-regin span{position:relative;color:#666} .region-list.hui .show-regin span{position:relative;color:#666} .postition-1{left:880px;top:708px} .postition-2{left:1014px;top:432px} .postition-3{left:992px;top:512px} .postition-4{left:1082px;top:330px} .postition-5{left:934px;top:523px} .postition-6{left:862px;top:473px} .postition-7{left:964px;top:580px} .postition-8{left:775px;top:531px} .postition-9{left:1035px;top:554px} .postition-10{left:964px;top:388px} .postition-11{left:850px;top:348px} .postition-13{left:1030px;top:485px} .postition-14{left:1005px;top:604px} .postition-15{left:933px;top:643px} .postition-16{left:762px;top:626px} .postition-17{left:1136px;top:294px} .postition-18{left:1180px;top:224px} /*产品优势*/ .Icp{float:left; height:auto; width:100%; line-height:80px; margin-top:60px; margin-bottom:60px; color:#343434; font-size:35px; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif; z-index:-1; } .Icp p{ color:#343434; font-size:18px; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif; } .Icpjs{display:inline-block; width:338px; height:322px; background:url(line.png)/*tpa=https://www.54nb.com/images/line.png*/ right no-repeat;} .Icpjs li{float:left;} .Icpjs li.im{width:100%; height:165px;} .Icpjs li.im.C1{ background:url(C1.png)/*tpa=https://www.54nb.com/images/C1.png*/ center no-repeat;} .Icpjs li.im.C2{ background:url(C2.png)/*tpa=https://www.54nb.com/images/C2.png*/ center no-repeat;} .Icpjs li.im.C3{ background:url(C3.png)/*tpa=https://www.54nb.com/images/C3.png*/ center no-repeat;} .Icpjs li.text{width:100%; color:#343434; font-size:18px; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif;} .Icpjs li.text p{margin-top:18px; line-height:30px; color:#343434; font-size:14px; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif;} .Icpjson{display:inline-block; width:338px; height:322px; } .Icpjson li{float:left;} .Icpjson li.im{width:100%; height:165px;} .Icpjson li.im.C4{ background:url(C4.png)/*tpa=https://www.54nb.com/images/C4.png*/ center no-repeat;} .Icpjson li.text{width:100%; color:#343434; font-size:18px; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif;} .Icpjson li.text p{margin-top:18px; line-height:30px; color:#343434; font-size:14px; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif;} /*应用场景*/ .Icj{ float:left; height:486px; width:100%; margin-top:60px; background:#EAEAEA; } .Icj ul{ margin:0 auto 0 auto; width:1200px; height:486px; background:url(cj.png)/*tpa=https://www.54nb.com/images/cj.png*/ right 55px no-repeat; } .Icj ul li{ float:left; text-align:left; width:1200px; height:auto; margin-top:125px; line-height:60px; color:#343434; font-size:35px; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif; } .Icj ul li p{text-align:left; line-height:40px; color:#343434; font-size:18px; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif; } .Icj ul li p.martop{ margin-top:30px; } /*软件下载*/ #top_download{float:left; width:100%;height:409px; overflow:hidden; z-index:1; background:url(down_bg.png)/*tpa=https://www.54nb.com/images/down_bg.png*/ #F3F2F3; background-repeat: no-repeat; background-position: center 0;} #top_download ul{ margin:0 auto 0 auto; width:1200px; height:auto; line-height:72px; margin-top:140px; font-size:26px; color:#363636; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif;} #top_download ul p{ font-size:18px; color:#5B5B5B; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif; } .dowm{ float:left; width:100%; height:auto; margin-top:15px; } .Alldowm{ margin:0 auto 0 auto; width:1200px; height:auto; } .dowm_div{ float:left; width:288px; height:390px; border:1px solid #DDDDDD; } .dowm_div li{position:relative; float:left; width:100%;} .dowm_div li i.F_windows{ float:left; width:100%; height:97px; background:url("F_windows.png")/*tpa=https://www.54nb.com/images/F_windows.png*/ center no-repeat; } .dowm_div li i.F_ios{ float:left; width:100%; height:97px; background:url("F_ios.png")/*tpa=https://www.54nb.com/images/F_ios.png*/ center no-repeat; } .dowm_div li i.I_ios{position:absolute; display:block; width:96px; height:98px; right:-9px; top:-7px; background:url("i_ios.png")/*tpa=https://www.54nb.com/images/i_ios.png*/ center no-repeat; } .dowm_div li i.F_android{ float:left; width:100%; height:97px; background:url("F_android.png")/*tpa=https://www.54nb.com/images/F_android.png*/ center no-repeat; } .dowm_div li i.I_android{position:absolute; display:block; width:96px; height:98px; right:-9px; top:-7px; background:url("i_android.png")/*tpa=https://www.54nb.com/images/i_android.png*/ center no-repeat; } .dowm_div li i.F_qk{ float:left; width:100%; height:97px; background:url("F_qk.png")/*tpa=https://www.54nb.com/images/F_qk.png*/ center no-repeat; } .dowm_div li i.I_qk{position:absolute; display:block; width:96px; height:98px; right:-9px; top:-7px; background:url("i_qk.png")/*tpa=https://www.54nb.com/images/i_qk.png*/ center no-repeat; } .dowm_div li.text{line-height:45px; height:216px; border-bottom:1px solid #DDDDDD; font-size:23px; color:#5B5B5B; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif; } .dowm_div li.text p{line-height:25px; padding: 0 5px; font-size:14px; color:#5B5B5B; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif; } .dowm_div li.Inw{ margin-top:20px; position:relative; } .dowm_div li a{ display:inline-block; height:32px; line-height:32px; color:#fff; font-size:14px; letter-spacing:0px; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif; border-radius:5px; cursor:pointer; background:#FC822D;} .dowm_div li a.small{ width:85px; } .dowm_div li a.long{ width:295px; } .dowm_div li a.play{ width:85px; background:url(play.png)/*tpa=https://www.54nb.com/images/play.png*/ #606060 5px 9px no-repeat; } .dowm_div li a.play:hover{ background:url(play.png)/*tpa=https://www.54nb.com/images/play.png*/ #525252 5px 9px no-repeat; } .dowm_div li a:hover{background:#FC6703;} .sm_ios{ position:absolute; left:-16px; width:135px; height:142px; background:url(sm_ios.png)/*tpa=https://www.54nb.com/images/sm_ios.png*/ center no-repeat; display:none; } .more{ float:left; width:100%; height:auto; margin-top:33px; } .more_ul{ margin:0 auto 0 auto; width:1200px; height:auto; } .more_ul li{float:left;} .more_ul li.title{ width:100%; height:16px; line-height:16px; font-size:14px; color:#414141; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif; background:url(left_line.png)/*tpa=https://www.54nb.com/images/left_line.png*/ left no-repeat; } .more_ul li.con{ width:270px; height:56px; padding:55px 0 0 20px; margin-top:12px; margin-bottom:30px; } .more_ul li.con.bjb{ background:url(K_bjb.png)/*tpa=https://www.54nb.com/images/K_bjb.png*/ center no-repeat; } .more_ul li.con.qk{ background:url(K_qk.png)/*tpa=https://www.54nb.com/images/K_qk.png*/ center no-repeat; } .more_ul li.con.ds{ background:url(K_ds.png)/*tpa=https://www.54nb.com/images/K_ds.png*/ center no-repeat; } .more_ul li.con.yq{ background:url(K_yq.png)/*tpa=https://www.54nb.com/images/K_yq.png*/ center no-repeat; } .more_ul li.con.ld{ background:url(K_ld.png)/*tpa=https://www.54nb.com/images/K_ld.png*/ center no-repeat; } .more_ul li.con a{ color:#FB822F; } .more_ul li.con a:hover{color:#E35E04; } /*套餐购买*/ #top_pay{float:left; width:100%;height:409px; overflow:hidden; z-index:1; background:url(down_bg.png)/*tpa=https://www.54nb.com/images/down_bg.png*/ #F3F2F3; background-repeat: no-repeat; background-position: center 0;} #top_pay ul{ margin:0 auto 0 auto; width:1200px; height:auto; line-height:72px; margin-top:140px; font-size:26px; color:#363636; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif;} #top_pay ul p{ font-size:18px; color:#5B5B5B; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif; } .push{ float:left; width:100%; height:auto; margin-top:40px; } .push ul{ margin:0 auto 0 auto; width:286px; height:50px;} .push ul a{float:left; display:block;} .push ul a.ILS{ width:141px; height:48px; line-height:48px; color:#E35E04; font-size:14px; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif; background:none; border:1px solid #FC822D; border-radius:50px 0 0 50px; cursor: pointer;} .push ul a.IRS{ width:141px; height:48px; line-height:48px; color:#E35E04; font-size:14px; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif; background:none; border:1px solid #FC822D; border-radius:0 50px 50px 0; cursor: pointer;} .push ul a.ILS.on,.push ul a.IRS.on{font-weight:bold; background:#FC822D; color:#fff;} .Push_text{ float:left; width:100%; height:30px; margin-top:20px; color:#FF7F26; font-weight:bold; line-height:16px; font-size:14px; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif; } .jiage{ float:left; width:100%; height:auto; margin-top:25px; margin-bottom:77px;} .jiagediv{position:relative; margin:0 auto 0 auto; width:1200px; height:789px; background:url(pay.png)/*tpa=https://www.54nb.com/images/pay.png*/ center no-repeat;} .jiagediv a.paybus{ position:absolute; display:block; width:217px; height:47px; left:50%; margin-left:-108px; top:704px; line-height:47px; color:#fff; font-size:14px; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif; background:url(pay_bus.png)/*tpa=https://www.54nb.com/images/pay_bus.png*/ top no-repeat; cursor: pointer; } .jiagediv a.paybus:hover{ background-position: 0 -47px; } .jiagediv li{position:relative; float:left; font-size:14px; font-weight:bold; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif;} .jiagediv li span{color:#8C8C8C; font-size:14px; font-weight:bold; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif; } .jiagediv li i{ position:absolute; display:block; width:75px; height:55px; left:0; top:63px; background:url(pay_windows.png)/*tpa=https://www.54nb.com/images/pay_windows.png*/ center no-repeat; } .jiagediv li i.phone{ position:absolute; display:block; width:75px; height:55px; left:0; top:5px; background:url(pay_phone.png)/*tpa=https://www.54nb.com/images/pay_phone.png*/ center no-repeat; } .jiagediv li p{color:#FF7F26; font-size:12px; font-weight:bold; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif; } .jiagediv li.title{ width:1112px; height:70px; padding:60px 0 0 82px; border-bottom:1px solid #E4E4E4;} .jiagediv li.list{ width:1112px; height:41px; padding:22px 0 0 82px; border-bottom:1px solid #E4E4E4; } .jiagediv li.on{ border:none; } .jiagejgdiv{ position:absolute; right:0; top:0; width:auto; height:762px;} .jiagejgdiv ul{float:right; width:217px; height:762px; padding-left:6px; background:url(pay_jg_bg.png)/*tpa=https://www.54nb.com/images/pay_jg_bg.png*/ center top no-repeat; } .jiagejgdiv ul.in5{float:right; width:217px; height:762px; padding-left:6px; background:url(pay_jg_low.png)/*tpa=https://www.54nb.com/images/pay_jg_low.png*/ center top no-repeat; } .jiagejgdiv ul li{float:left; font-size:14px; font-weight:bold; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif;} .jiagejgdiv ul li.top{ width:211px; height:47px; padding-top:20px; font-size:20px; } .jiagejgdiv ul li.onimg150{width:211px; height:63px; border-bottom:1px solid #E4E4E4; background:url(Jg_150.png)/*tpa=https://www.54nb.com/images/Jg_150.png*/ center no-repeat; } .jiagejgdiv ul li.onimg80{width:211px; height:63px; border-bottom:1px solid #E4E4E4; background:url(Jg_80.png)/*tpa=https://www.54nb.com/images/Jg_80.png*/ center no-repeat; } .jiagejgdiv ul li.onimg60{width:211px; height:63px; border-bottom:1px solid #E4E4E4; background:url(Jg_60.png)/*tpa=https://www.54nb.com/images/Jg_60.png*/ center no-repeat; } .jiagejgdiv ul li.onimg20{width:211px; height:63px; border-bottom:1px solid #E4E4E4; background:url(Jg_20.png)/*tpa=https://www.54nb.com/images/Jg_20.png*/ center no-repeat; } .jiagejgdiv ul li.onimg15{width:211px; height:63px; border-bottom:1px solid #E4E4E4; background:url(Jg_15.png)/*tpa=https://www.54nb.com/images/Jg_15.png*/ center no-repeat; } .jiagejgdiv ul li.text{ width:211px; height:41px; padding-top:22px; border-bottom:1px solid #E4E4E4; } .jiagejgdiv ul li.texts{ width:211px; height:41px; padding-top:22px; } .jiagejgdiv ul li.yes{width:211px; height:63px; border-bottom:1px solid #E4E4E4; background:url(yes.png)/*tpa=https://www.54nb.com/images/yes.png*/ center no-repeat; } .jiagejgdiv ul li.no{width:211px; height:63px; border-bottom:1px solid #E4E4E4; background:url(no.png)/*tpa=https://www.54nb.com/images/no.png*/ center no-repeat; } .jiagejgdiv ul li.bus{ width:186px; height:60px; padding:25px 0 0 25px; } .jiagejgdiv ul li.bus a{ display:block; width:160px; height:47px; line-height:48px; color:#FFF; font-size:16px; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif; background:#FC822D; border-radius:5px; cursor: pointer; } .jiagejgdiv ul li.bus a:hover{ color:#fff; background:#EE6D14; } /*.jiageul{position:relative; float:left; width:381px; height:603px; border:1px solid #DDDDDD; border-radius:3px; box-shadow:1px 3px 5px #E3E3E3; } .jiageul li{ float:left; } .jiageul li.title{ width:381px; height:195px; } .jiageul li.title.pc1{ background:url(../images/pc1.png) center no-repeat;} .jiageul li.title.pc2{ background:url(../images/pc2.png) center no-repeat;} .jiageul li.title.pc3{ background:url(../images/pc3.png) center no-repeat;} .jiageul li.title.phone1{ background:url(../images/phone1.png) center no-repeat;} .jiageul li.title.phone2{ background:url(../images/phone2.png) center no-repeat;} .jiageul li.title.phone3{ background:url(../images/phone3.png) center no-repeat;} .jiageul li.bukong{width:100%; height:16px; margin-top:25px; } .jiageul li.text{width:301px; height:16px; line-height:16px; padding-left:80px; margin-top:25px; color:#535353; font-size:14px; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif; background:url(../images/pay_line.png) no-repeat; background-position: 56px 0; } .jiageul li.text.on{color:#FF7F26; line-height:16px; font-weight:bold; } .jiageul li.text b.hei{color:#535353; font-weight:bold; line-height:16px; font-size:14px; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif;} .jiageul li.text b.huang{color:#FF7F26; font-weight:bold; line-height:16px; font-size:14px; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif;} .jiageul a{position:absolute; display:block; left:75px; bottom:40px; width:225px; height:46px; line-height:48px; color:#FC822D; font-size:16px; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif; border:1px solid #FC822D; border-radius:3px; cursor: pointer;} .jiageul a:hover{ color:#fff; background:#FC822D; }*/ /*关于我们*/ .about{float:left; width:100%; height:auto; background:#3B3E43;} .about ul{ margin:0 auto 0 auto; width:1200px; height:auto; margin-top:30px; } .about ul li{float:left;} .about ul li.er{float:left; width:163px; height:172px; background:url(wx_er.png)/*tpa=https://www.54nb.com/images/wx_er.png*/ left no-repeat; } .about ul li.top{ width:1037px; height:auto; } .about ul li.top2{ width:877px; height:auto; margin-top:30px; padding-left:160px; background:url(logo2.png)/*tpa=https://www.54nb.com/images/logo2.png*/ left 0px no-repeat; } .about ul li.top3{ width:1037px; height:auto; } .about ul li.top3 dt{ float:left; width:242px; height:54px; margin-top:42px; line-height:25px; font-size:14px; color:#858786; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif;} .about ul li.top3 dt.on{width:262px;} .about ul li.top3 dt i.B1{ float:left; width:68px; height:54px; background:url(B1.png)/*tpa=https://www.54nb.com/images/B1.png*/ left no-repeat; } .about ul li.top3 dt i.B2{ float:left; width:68px; height:54px; background:url(B2.png)/*tpa=https://www.54nb.com/images/B2.png*/ left no-repeat; } .about ul li.top3 dt i.B3{ float:left; width:68px; height:54px; background:url(B3.png)/*tpa=https://www.54nb.com/images/B3.png*/ left no-repeat; } .about ul li.top3 dt i.B4{ float:left; width:68px; height:54px; background:url(B4.png)/*tpa=https://www.54nb.com/images/B4.png*/ left no-repeat; } .about ul li a{font-size:14px; color:#858786; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif;} .about ul li a:hover{ color:#FB812C;} /*版 权*/ #copyright{float:left; bottom:0; width:100%; height:60px; padding-top:20px; background:#3B3E43; color:#858786; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif;} #copyright p{margin:0 auto 0 auto; width:1200px; height:25px; padding-top:5px;} #copyright a{color:#858786; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif;} #copyright a:hover{color:#FB812C;} /*个人客服/微信/微博*/ .ke{ position:fixed; right:0; top:230px; width:42px; height:174px; cursor: pointer; background:url("ke_1.png")/*tpa=https://www.54nb.com/images/qq/ke_1.png*/ #FC822D center no-repeat; z-index:1000; } .kf{position:fixed; right:-181px; top:205px; width:175px; height:auto; text-align:center; background:#fff; border:3px solid #FC822D; z-index:1001; display:none; } .kf li{float:left; } .kf li.title{ width:40px; height:312px; background:url("kf_top.png")/*tpa=https://www.54nb.com/images/qq/kf_top.png*/ top #FC822D no-repeat; cursor: pointer;} .kf li.con{ width:135px; height:auto; padding:5px 0 5px 0; border-bottom:1px solid #E4E4E4; } .kf li.con img{margin-top:10px;} .kf li.cons{ width:135px; height:auto; color:#2B2B2B; font-size:14px; padding:10px 0 20px 0; } .kf li.reg{ width:175px; height:61px; cursor: pointer; border-top:3px solid #F3811C;} .kf li.reg a{display:block; width:175px; height:61px; background:url("reg_bus.png")/*tpa=https://www.54nb.com/images/reg_bus.png*/ no-repeat; background-position:0 0;} .kf li.reg a:hover{background-position:0 -61px;} .wx{ position:fixed; right:0; top:403px; width:42px; height:42px; cursor: pointer; background:url("I_wx.png")/*tpa=https://www.54nb.com/images/qq/I_wx.png*/ center no-repeat; z-index:1000; } .wx a{position:absolute; display:block; left:-170px; top:-125px; width:160px; height:204px; background:url("code_wx.png")/*tpa=https://www.54nb.com/images/qq/code_wx.png*/ center no-repeat; display:none;} .wb{ position:fixed; right:0; top:444px; width:42px; height:42px; cursor: pointer; background:url("I_wb.png")/*tpa=https://www.54nb.com/images/qq/I_wb.png*/ center no-repeat; z-index:1000;} .wb a.IR{ display:block; width:42px; height:42px; cursor: pointer;} .wb a.IL{position:absolute; display:block; left:-170px; top:-125px; width:160px; height:204px; background:url("code_wb.png")/*tpa=https://www.54nb.com/images/qq/code_wb.png*/ center no-repeat; display:none;} /*返回顶部*/ #rocket-to-top div { left: 0; margin: 0;overflow: hidden; padding: 0; position: absolute; top: 0; width:28px;} #rocket-to-top .level-2 { background: url("rocket_button_up.png")/*tpa=https://www.54nb.com/images/rocket_button_up.png*/ no-repeat scroll -300px 0 transparent; display: none; height:46px; opacity: 0; z-index: 1;} #rocket-to-top .level-3 { background: none repeat scroll 0 0 transparent; cursor: pointer;display: block; height:46px; z-index: 2;} #rocket-to-top { background: url("rocket_button_up.png")/*tpa=https://www.54nb.com/images/rocket_button_up.png*/ no-repeat scroll 0 0 transparent; cursor: default; display: block; height: 46px; width:28px; overflow: hidden; padding: 0; position: fixed; right:50px; top:90%; z-index: 11;} /*节日活动*/ .footer_kf { height:100px; width:100%; position:fixed; bottom:0; left:0; z-index:8888; display:none;} .fd_box { height:117px; position:fixed; width:100%; bottom:0; left:0; z-index:666;} .fd_box01 { width:100%; height:117px; position:fixed; bottom:0; background:url("db_img09.png")/*tpa=https://www.54nb.com/images/activity/db_img09.png*/;} .fd_box02 { margin:0 auto; width:1000px; height:117px; position:relative; bottom:0; z-index:888;} .fd_gb { width:20px; height:20px; margin:10px 0 0 0; position:absolute; right:0; top:0;} .fd_tu { width:936px; height:117px; position:absolute; bottom:0; left:0;} .fd_left { display:block; width:141px; height:120px; position:fixed; left:0; bottom:25%; background:url("db_img08.png")/*tpa=https://www.54nb.com/images/activity/db_img08.png*/ no-repeat left top;} .yqlj_box a { display:block; float:left; padding:0 10px; height:26px; line-height:26px; color:#666; margin:0 10px 5px 5px} .yqlj_box a:hover { color:#f31c1c;} /*注册页面*/ .reg_all{position: fixed; top: 0; right: 0; bottom: 0; left: 0; visibility: inherit; background: rgba(0,0,0,0.4); display:none; } .reg_box{position:fixed; margin:auto; top:0; left:0; right:0; bottom:0; text-align:center; width:440px; height:718px; } .reg_info{float:left; width:440px; height:520px; padding:140px 0 0 0; background:url("reg_bg.png")/*tpa=https://www.54nb.com/images/reg_bg.png*/ top no-repeat;} .reg_info li{float:left;} .reg_info li.text{position:relative; width:440px; height:auto; margin-top:18px; } .reg_info li.bus{position:relative; width:440px; height:auto; margin-top:28px; } .reg_info li.bus a{ display:inline-block; width:304px; height:42px; line-height:42px; color:#fff; font-size:16px; letter-spacing:2px; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif; background:#FF7200; border-radius:5px; cursor:pointer;} .reg_info li.bus a:hover{background:#FFAE00} .reg_info li.point{position:relative; width:346px; height:36px; padding-left:94px; margin-top:18px; color:#FF2F2F; font-size:14px; background:url("reg_point.png")/*tpa=https://www.54nb.com/images/reg_point.png*/ no-repeat; background-position:66px 0; display:none;} .reg_info input.control{ width:270px; height:36px; color:#666; font-size:14px; padding-left:32px; border:1px solid #D0D0D0; border-radius:5px; } .reg_info input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #ccc;font-size: 16px;} .reg_info input:-moz-placeholder, textarea:-moz-placeholder {color: #ccc; font-size: 16px;} .reg_info input::-moz-placeholder, textarea::-moz-placeholder {color: #ccc; font-size: 16px;} .reg_info input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #ccc; font-size: 16px;} .reg_info i.A01{position:absolute; display:block; top:2px; left:70px; width:32px; height:32px; background:url("reg_01.png")/*tpa=https://www.54nb.com/images/reg_01.png*/ center no-repeat; z-index:555;} .reg_info i.A02{position:absolute; display:block; top:2px; left:70px; width:32px; height:32px; background:url("reg_02.png")/*tpa=https://www.54nb.com/images/reg_02.png*/ center no-repeat; z-index:555;} .reg_info i.A03{position:absolute; display:block; top:2px; left:70px; width:32px; height:32px; background:url("reg_03.png")/*tpa=https://www.54nb.com/images/reg_03.png*/ center no-repeat; z-index:555;} .reg_info i.A04{position:absolute; display:block; top:2px; left:70px; width:32px; height:32px; background:url("reg_04.png")/*tpa=https://www.54nb.com/images/reg_04.png*/ center no-repeat; z-index:555;} .reg_info i.A05{position:absolute; display:block; top:2px; left:70px; width:32px; height:32px; background:url("reg_05.png")/*tpa=https://www.54nb.com/images/reg_05.png*/ center no-repeat; z-index:555;} .reg_info i.A06{position:absolute; display:block; top:2px; left:70px; width:32px; height:32px; background:url("reg_06.png")/*tpa=https://www.54nb.com/images/reg_06.png*/ center no-repeat; z-index:555;} .reg_info i.A07{position:absolute; display:block; top:2px; left:70px; width:32px; height:32px; background:url("reg_07.png")/*tpa=https://www.54nb.com/images/reg_07.png*/ center no-repeat; z-index:555;} .getcode{ position:absolute; right:74px; top:8px; width:89px; height:36px; } .getcode a{ display:block; width:89px; height:23px; background:url("reg_code.png")/*tpa=https://www.54nb.com/images/reg_code.png*/ top no-repeat;} .getcode a:hover{ background-position:0 -23px; } .getcode b{ padding:4px; line-height:23px; border:1px solid #ccc; color:#999; background:#E6E6E6; display:none; } .reg_yes{float:left; width:440px; height:520px; padding:140px 0 0 0; background:url("reg_y_bg.png")/*tpa=https://www.54nb.com/images/reg_y_bg.png*/ top no-repeat; } .reg_yes li{float:left;} .reg_yes li.text{position:relative; width:340px; height:30px; padding-left:100px; font-size:14px; color:#666; } .reg_yes li.bot{position:relative; width:440px; height:30px; color:#333; } .reg_yes li.bot a{color:#234FF7;} .reg_exit{float:left; width:440px; height:58px;} .reg_exit a{display:inline-block; width:49px; height:49px; background:url("reg_exit.png")/*tpa=https://www.54nb.com/images/reg_exit.png*/ top no-repeat; cursor:pointer; } .reg_exit a:hover{ background-position:0 -49px; } /*下拉框样式*/ .select-head,.select-head2{ margin:auto; width: 270px; height: 36px; color:#666; font-size:14px; padding-left:32px; border:1px solid #D0D0D0; border-radius:5px; cursor:pointer; z-index:999; } .select-head-cont,.select-head-cont2{ float: left; height:36px; line-height:36px; color:#666; font-size:14px; z-index:998;} .select-icon,.select-icon2{float: right; width:35px; height:33px; background:url("reg_icon.png")/*tpa=https://www.54nb.com/images/reg_icon.png*/ top no-repeat; background-position:0 2px; z-index:998;} .option,.option2{position:absolute; text-indent: 10px; left:68px; width:302px; color: black; background:#fff; line-height: 25px; border-left:1px #D0D0D0 solid; border-right:1px #D0D0D0 solid; border-bottom:1px #D0D0D0 solid; border-radius:0 0 5px 5px; z-index:998; display:none; } .option-item,.option-item2{text-align:center; height:36px; width:100%; line-height:36px; color:#666; font-size:14px; cursor:pointer;} .option-item:hover{ background:#E6E6E6;} .option-item2:hover{ background:#E6E6E6;}