* {word-break:break-all;word-wrap:break-word;font-family:'Microsoft Yahei',Verdana,Arial,Helvetica,sans-serif;}
body {margin:0;font-size:12px;color:#333333;background:#F5F5F5;}
input,select,textarea {font-size:12px;}
img {border:none;}
li {list-style-type:none;}
ul,form {margin:0px;padding:0px;}
a,button,input{outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
input,textarea,select {outline:none;}

a:link,a:visited,a:active {color:#333333;text-decoration:none;}
a:hover {color:#FF6600;}
a.b:link,a.b:visited,a.b:active {color:#007AFF;text-decoration:none;}
a.b:hover {color:#FF6600;text-decoration:none;}
a.g:link,a.g:visited,a.g:active {color:#333333;text-decoration:none;}
a.g:hover {color:#FF6600;}
a.w:link,a.w:visited,a.w:active,a.w:hover {color:#FFFFFF;text-decoration:none;}

.m {margin:auto;width:1200px;clear:both;background:#FFFFFF;}
.head-fix {height:128px;clear:both;}
.top {width:100%;background:#2F3438;color:#CDCBCD;height:32px;line-height:32px;position:fixed;z-index:10;left:0;top:0;}
.top .contact {float:left;margin-top:4px;}
.top .contact li {height:24px;padding:0 24px;float:left;line-height:24px;font-weight:bold;}
.top .contact .tel {background:url('contact-tel.png') no-repeat 0 center;}
.top .contact .qq {background:url('contact-qq.png') no-repeat 0 center;}
.top .contact .wx {background:url('contact-wx.png') no-repeat 0 center;}
.top .quick {float:right;}
.top a:link,.top a:visited,.top a:active,.top a:hover {color:#CDCBCD;}

.head {width:100%;background:#FFFFFF;height:80px;position:fixed;z-index:9;left:0;top:32px;border-bottom:#EEEEEE 1px solid;box-shadow:0 0 10px #DDDDDD;}
.head .logo {width:280px;float:left;}
.head .logo h1 {margin:0;}
.head .logo a {width:200px;height:80px;background:url('logo1.jpg') no-repeat 0 center;text-indent:-9999px;display:block;}
.head .menu {width:760px;float:left;line-height:80px;font-size:18px;letter-spacing:2px;}
.head .user {width:160px;float:left;font-size:14px;padding-top:24px;text-align:center;letter-spacing:1px;}
a.n:link,a.n:visited,a.n:active {color:#333333;text-decoration:none;padding-right:30px;}
a.n:hover {color:#007AFF;}
a.s:link,a.s:visited,a.s:active,a.s:hover {color:#007AFF;text-decoration:none;padding-right:30px;}

a.u1:link,a.u1:visited,a.u1:active  {display:block;width:70px;height:30px;line-height:30px;float:left;border:#A7A7AA 1px solid;border-radius:6px;background:#FFFFFF;color:#333333;text-decoration:none;}
a.u1:hover  {border:#007AFF 1px solid;color:#007AFF;}
a.u2:link,a.u2:visited,a.u2:active  {display:block;width:140px;height:30px;line-height:30px;float:right;border:#007AFF 1px solid;border-radius:6px;background:#1D89FE;color:#FFFFFF;text-decoration:none;}
a.u2:hover  {background:#007AFF;}

.pos {margin:auto;width:1200px;clear:both;margin-bottom:16px;font-size:14px;color:#333333;}
.pos div {height:24px;line-height:24px;padding-left:24px;background:url('icon-pos.png') no-repeat 0 4px;}
.pos em {font-style:normal;font-size:18px;color:#444444;padding:0 6px;}
.pos a {color:#333333;}
.pos p {text-align:right;float:right;margin:0;font-size:12px;}
.pos input {width:220px;border:#E2E5E7 1px solid;padding:3px;font-size:14px;background:#FFFFFF url('icon-search16.png') no-repeat 200px center;outline:none;}
.pos input:hover {border:#007AFF 1px solid;}

.title {margin:0;padding:16px 0;font-size:22px;text-align:center;background:#FAFAFA;}
.info {padding:4px 10px 4px 10px;border-top:#D0D0D0 1px solid;border-bottom:#D0D0D0 1px solid;margin:0 0 10px 0;}
.content,.zhuyi {font-size:16px;line-height:200%;width:800px;margin:0 auto;padding:32px 0;word-break:break-all;}
.content a {color:#007AFF;}
.content p {text-indent:2em;}

.foot {width:100%;padding:16px 0;height:22px;line-height:22px;background:#2F3438;color:#CDCBCD;margin-top:16px;}
.foot2022 {width:100%;height:22px;padding-bottom:16px;line-height:22px;background:#2F3438;color:#CDCBCD;text-align:center;}
.foot a:link,.foot a:visited,.foot a:active,.foot a:hover {color:#CDCBCD;}
.foot2022 a:link,.foot2022 a:visited,.foot2022 a:active,.foot2022 a:hover {color:#CDCBCD;}
.foot li {float:left;}
.foot .gx {padding:0 16px;}
.foot .ga {background:url('beian.png') no-repeat 0 center;padding-left:24px;}

.pages {padding:20px 0 20px 0;text-align:center;font-size:12px;color:#666666;}
.pages a:link,.pages a:visited,.pages a:active {background:#FFFFFF;border:#DDDDDD 1px solid;padding:3px;text-decoration:none;}
.pages a:hover {background:#258CFF;border:#258CFF 1px solid;color:#FFFFFF;padding:3px;text-decoration:none;}
.pages strong {background:#258CFF;padding:3px;border:#258CFF 1px solid;color:#FFFFFF;}
.pages_inp {width:30px;border:#DDDDDD 1px solid;color:#666666;padding:2px;text-align:center;}
.pages_btn {width:26px;border:#FF6600 1px solid;color:#FFFFFF;padding:1px;background:#FF6600;font-weight:bold;font-size:11px;}
.pages label {background:#FFFFFF;border:#DDDDDD 1px solid;color:#666666;padding:3px 5px 3px 5px;}
.pages label em {color:red;font-weight:bold;font-style:normal;}
.pages label span {font-weight:bold;}
.pages cite {font-style:normal;}

.f_l {float:left;}
.f_r {float:right;}
.t_r {text-align:right;}
.t_c {text-align:center;}
.f_b {font-weight:bold;}
.f_n {font-weight:normal;}
.f_white {color:white;}
.f_gray {color:#666666;}
.f_orange {color:#FF6600;}
.f_red {color:red;}
.f_green {color:green;}
.f_blue {color:blue;}
.f_db {color:#004B94;}
.f_p {color:#C40000;}
.px10 {font-size:10px;}
.px11 {font-size:11px;}
.px12 {font-size:12px;}
.px13 {font-size:13px;}
.px14 {font-size:14px;}
.px16 {font-size:16px;}
.px18 {font-size:18px;}
.px20 {font-size:20px;}
.b5 {height:5px;font-size:1px;}
.b6 {height:6px;font-size:1px;}
.b8 {height:8px;font-size:1px;}
.b10 {height:10px;line-height:10px;font-size:1px;}
.b15 {height:15px;font-size:1px;}
.b16 {height:16px;line-height:16px;font-size:1px;}
.pd8 {padding:8px;}
.ls1 {letter-spacing:1px;}
.c_b {clear:both;}
.c_p {cursor:pointer;}
.dsn {display:none;}
.absm {vertical-align:middle;}
.inp {border:#AACCEE 1px solid;height:14px;}
.btn{background:url('btn.gif') no-repeat;height:20px;line-height:20px;width:65px;border:none;cursor:pointer;}
.bd {border:#CAD9EA 1px solid;}
.highlight {color:red;}
.jt {color:#006699;cursor:pointer;}
.date{float:right;font-size:11px;color:#666666;}

.t1 {text-align:center;padding:32px 0;background:url('t1.png') repeat-x 0 center;}
.t1 strong {font-size:24px;padding:0 20px;color:#666666;letter-spacing:1px;background:#FFFFFF;}

a.b1:link,a.b1:visited,a.b1:active {display:block;width:200px;height:36px;line-height:36px;text-align:center;font-size:18px;letter-spacing:1px;border:#007AFF 1px solid;border-radius:6px;background:#FFFFFF;color:#007AFF;text-decoration:none;margin:32px auto;}
a.b1:hover {background:#007AFF;color:#FFFFFF;}

a.b2:link,a.b2:visited,a.b2:active {display:block;width:120px;height:32px;line-height:32px;padding-left:24px;font-size:16px;letter-spacing:1px;background:#C40000 url('icon-qq.png') no-repeat 16px center;color:#FFFFFF;border-radius:6px;}
a.b2:hover {background:#DF3033 url('icon-qq.png') no-repeat 16px center;}

a.b3:link,a.b3:visited,a.b3:active {display:block;margin:6px 0;width:70px;height:32px;line-height:32px;font-size:13px;background:#FFFFFF;color:#007AFF;border:#007AFF 1px solid;border-radius:6px;text-align:center;}
a.b3:hover {background:#1D89FE;color:#FFFFFF;}

.s1 {width:160px;height:48px;line-height:48px;margin:32px auto;padding:0;font-size:16px;letter-spacing:1px;cursor:pointer;border:#007AFF 1px solid;background:#FFFFFF;color:#007AFF;border-radius:6px;}
.s1:hover {border:#0090FF 1px solid;background:#007AFF;color:#FFFFFF;}

.s2 {width:280px;height:40px;line-height:40px;padding:0;font-size:16px;letter-spacing:1px;cursor:pointer;border:#04B102 1px solid;background:#04BE02;color:#FFFFFF;border-radius:6px;}
.s2:hover {background:#04B102;}

/* home */
.home-main {height:400px;background:url('home-main.png') no-repeat center center;}
.home-main h2 {font-size:36px;color:#FFFFFF;padding:120px 0 30px 250px;margin:0;}
.home-main p {font-size:18px;text-align:center;color:#FFFFFF;margin:0;display:none;}
a.home-down:link,a.home-down:visited,a.home-down:active 
{font-size:24px;color:#FFFFFF;text-align:center;}

#home-down {width:200px;height:60px;line-height:60px;margin:32px auto;background:#007AFF;font-size:24px;letter-spacing:2px;color:#FFFFFF;text-align:center;border-radius:8px;display:none;}
#home-down a{font-size:24px;color:#FFFFFF;text-align:center;}
.home-main #home-down:hover{background:#0090FF;}

.home-intro {height:270px;}
.home-intro ul {width:980px;margin:0 auto;}
.home-intro li {width:50%;height:130px;float:left;}
.home-intro strong {display:block;padding-top:36px;font-size:20px;color:#666666;}
.home-intro p {margin:6px 0;font-size:16px;}
.home-intro div {width:330px;height:130px;transition:all .5s ease-in-out;}
.home-intro .intro0 {margin-right:40px;padding-right:120px;background:url('icon-intro0.png') no-repeat 358px center;text-align:right;}
.home-intro .intro2 {margin-right:40px;padding-right:120px;background:url('icon-intro2.png') no-repeat 358px center;text-align:right;}
.home-intro .intro0:hover,.home-intro .intro2:hover {width:300px;padding-right:150px;background-position:328px center;cursor:pointer;color:#000000;}
.home-intro .intro1 {margin-left:40px;padding-left:120px;background:url('icon-intro1.png') no-repeat 0 center;}
.home-intro .intro3 {margin-left:40px;padding-left:120px;background:url('icon-intro3.png') no-repeat 0 center;}
.home-intro .intro1:hover,.home-intro .intro3:hover {width:300px;padding-left:150px;background-position:30px center;cursor:pointer;color:#000000;}

.home-biz {width:800px;height:266px;margin:0 auto;}
.home-biz li {width:200px;text-align:center;float:left;font-size:14px;}
.home-biz img {margin:20px 0;width:48px;height:48px;transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;}
.home-biz li:hover {cursor:pointer;color:#000000;}
.home-biz li:hover img {transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-moz-transform: rotate(360deg);}

.home-tpl {width:960px;height:560px;margin:0 auto;}
.home-tpl li {width:240px;height:280px;text-align:center;float:left;}
.home-tpl img {cursor:pointer;background:#FFFFFF;border:#E2E5E7 1px solid;padding:6px;transition:all .3s ease-in-out;}
.home-tpl img:hover {width:210px;height:250px;}

.home-tplyx {width:960px;height:560px;margin:0 auto;}
.home-tplyx li {width:240px;height:280px;text-align:center;float:left;}
.home-tplyx img {cursor:pointer;background:#FFFFFF;border:#E2E5E7 1px solid;padding:6px;transition:all .3s ease-in-out;}
.home-tplyx img:hover {width:210px;height:250px;}


.home-store {width:880px;margin:0 auto;overflow:hidden;}
.home-store li {width:176px;height:130px;float:left;text-align:center;font-size:14px;padding:10px 0;overflow:hidden;}
.home-store img {border:#EEEEEE 1px solid;border-radius:16px;width:72px;height:72px;margin-bottom:10px;}
.home-store p {margin:6px 0 0 0;font-size:12px;}

.home-news div {width:384px;float:left;border:#EEEEEE 1px solid;background:#FFFFFF;}
.home-news .news0 {}
.home-news .news1 {margin:0 21px;}
.home-news .news2 {}
.home-news strong {color:#91989E;}
.home-news p {margin:0 24px;border-bottom:#EEEEEE 1px solid;text-align:center;font-size:20px;line-height:64px;}
.home-news li {height:32px;line-height:32px;overflow:hidden;padding:0 32px 0 42px;font-size:14px;background:url('icon-dot.png') no-repeat 32px center;}
.home-news ul {margin:16px 0;}
.home-news em {float:right;font-style:normal;font-size:12px;color:#999999;padding-left:10px;}

.home-link {text-align:center;line-height:32px;}

.info-list {width:600px;margin:0 auto;padding-bottom:32px;}
.info-list a {font-size:16px;}
.info-list li {line-height:40px;height:40px;overflow:hidden;}
.info-list em {float:right;font-style:normal;font-size:12px;color:#999999;}

.pt-box {height:380px;}
.pt-box p {text-indent:2em;margin:0 0 6px 0;}
.pt-tb {border-left:#EEEEEE 1px solid;border-top:#EEEEEE 1px solid;}
.pt-tb td {padding:0 10px;height:48px;border-bottom:#EEEEEE 1px solid;border-right:#EEEEEE 1px solid;font-size:14px;}
.pt-tb em {padding-left:16px;}
.pt-tb .f_b td {font-size:16px;font-weight:bold;}
#pt-canvas {position:absolute;z-index:1;top:200px;}

.down-box {padding:32px 0;font-size:16px;line-height:36px;text-align:center;background:#2D6D9B url('banner-down.png') no-repeat;color:#FFFFFF;}
.down-box strong {font-size:20px;}
.down-box span {font-size:14px;color:#FFFFFF;}
.down-info {width:300px;margin:0 auto;padding:6px 0 32px 0;}
.down-info li {height:32px;line-height:32px;font-size:14px;padding-left:76px;}
.down-install {width:240px;margin:0 auto;}
.down-install li {height:48px;line-height:48px;font-size:16px;background:url('icon-download.png') no-repeat 6px center;padding-left:42px;}
.down-upgrade {width:360px;margin:0 auto;padding-bottom:32px;}
.down-upgrade li {height:48px;line-height:48px;border:#FFFFFF 1px solid;border-bottom:#EEEEEE 1px solid;font-size:16px;background:url('icon-upgrade.png') no-repeat 6px center;padding-left:48px;}
.down-upgrade li:hover {border:#EEEEEE 1px solid;}
.down-upgrade a {padding-left:16px;}
.down-server {padding-bottom:32px;font-size:16px;line-height:32px;text-align:center;}
.down-link {padding-bottom:32px;font-size:14px;text-align:center;}

.buy-tb-top {width:100%;position:fixed;z-index:9;top:113px;left:0;border-top:#F5F5F5 16px solid;}
.buy-tb-fix {height:176px;clear:both;}
.buy-ev {padding:16px;font-size:14px;border-left:#007AFF 3px solid;}
.buy-ev:hover {background:#007AFF;color:#FFFFFF;}

.buy-tb {border-left:#EEEEEE 1px solid;border-top:#EEEEEE 1px solid;}
.buy-tb td {padding:0 10px;width:20%;height:52px;border-bottom:#EEEEEE 1px solid;border-right:#EEEEEE 1px solid;font-size:14px;}
.buy-tb em {padding-left:16px;}
.buy-tb .f_b {font-size:18px;font-weight:bold;}
.buy-tb .yes {background:url('icon-yes.gif') no-repeat center center;}
.buy-tb .notice {line-height:180%;padding:0 0 0 10px;}
.buy-tb .tips {position:absolute;z-index:8;width:300px;background:url('tips-bg.gif') no-repeat 0 bottom;overflow:hidden;margin-left:-800px;display:none;}
.buy-tb .tips div {background:url('tips-top.gif') no-repeat;line-height:22px;padding:8px 10px 8px 36px;text-align:left;font-size:12px;}
.buy-tb .f_k {display:block;}
.buy-say {width:600px;margin:0 auto;}
.buy-say li {width:260px;height:32px;line-height:32px;padding-left:32px;float:left;overflow:hidden;background:url('icon-say.png') no-repeat 0 center;}
.buy-tip {padding:0 32px;line-height:32px;}
.buy-tip em {padding:0 20px;}

.demo-box {padding-bottom:32px;font-size:14px;}
.demo-img {width:200px;height:140px;border:#EEEEEE 2px solid;border-radius:10px;padding:10px;background:#FFFFFF;transition:all .3s ease-in-out;}
.demo-img:hover {width:300px;height:210px;}
.demo-txt {width:560px;margin:0 auto;padding-bottom:32px;line-height:32px;font-size:14px;}

.case-box {padding:24px 0 24px 24px;width:1176px;overflow:hidden;}
.case-box div {width:230px;height:196px;float:left;text-align:center;font-size:14px;padding:10px 0;overflow:hidden;}
.case-box img {border:#CCCCCC 2px solid;padding:2px;margin:0 0 10px 2px;width:200px;height:150px;;}
.case-box img:hover {border:#FF6600 2px solid;}

.case-img {width:880px;margin:0 auto;}
.case-img li {width:220px;height:120px;float:left;text-align:center;font-size:14px;padding:10px 0;overflow:hidden;}
.case-img img {border:#CCCCCC 1px solid;padding:6px;width:160px;height:60px;margin-bottom:10px;}
.case-img img:hover {border:#FF6600 1px solid;}

.case-dot {height:4px;line-height:4px;font-size:0;overflow:hidden;z-index:2;position:relative;left:50%;top:16px;}
.case-dot li {width:16px;height:4px;margin-right:6px;float:left;background:#EEEEEE;cursor:pointer;}

.store-img {width:880px;margin:0 auto;overflow:hidden;padding-bottom:20px;}
.store-list {float:left;width:800px;height:112px;overflow:hidden;border-bottom:#E2E5E7 1px solid;padding:0 20px;}
.store-list:hover {background:#FAFAFA;}
.store-list img {float:left;width:72px;height:72px;border-radius:10px;margin:20px 20px 0 0;}
.store-list ul {margin:24px 0 0 0;}
.store-list li {height:32px;line-height:32px;overflow:hidden;}
.store-list strong {font-size:16px;}
.store-txt {width:800px;margin:0 auto;padding:32px 0;line-height:32px;font-size:14px;}
.store-ico {position:absolute;z-index:8;width:120px;height:120px;margin-left:-120px;}
.store-ico img {border:#EEEEEE 1px solid;border-radius:16px;width:72px;height:72px;}

.host-ev {padding:16px;font-size:14px;border-left:#007AFF 3px solid;}
.host-ev:hover {background:#007AFF;color:#FFFFFF;}
.host-tip {padding:32px;line-height:200%;font-size:14px;text-align:center;}
.host-tb {border-left:#EEEEEE 1px solid;border-top:#EEEEEE 1px solid;background:#FFFFFF;}
.host-tb td {padding:0 10px;width:25%;height:52px;border-bottom:#EEEEEE 1px solid;border-right:#EEEEEE 1px solid;font-size:14px;}
.host-tb em {padding-left:16px;}
.host-tb .f_b {font-size:18px;font-weight:bold;}

.doc-search {padding:48px 0;text-align:center;background:#FFFFFF url('icon-doc.png') no-repeat 80px center;color:#999999;}
.doc-search input {width:600px;border:#E2E5E7 1px solid;padding:10px;font-size:14px;background:#FFFFFF url('icon-search.png') no-repeat 590px center;outline:none;}
.doc-search input:hover {border:#007AFF 1px solid;}
.doc-search p {margin:16px;font-size:14px;}
.doc-search div {line-height:40px;font-size:16px;}

.fb-box {width:620px;height:360px;margin:0 auto;}
.fb-txt {width:600px;height:26px;border:#E2E5E7 1px solid;padding:10px;font-size:14px;}

.qy-box {width:600px;background:#F5F5F5;margin:16px auto;}
.qy-box input {width:522px;border:#E2E5E7 1px solid;padding:6px;font-size:14px;background:#FFFFFF url('icon-search.png') no-repeat 506px center;outline:none;}
.qy-box input:hover {border:#007AFF 1px solid;}
.qy-box select {border:#E2E5E7 1px solid;padding:5px;font-size:14px;margin:0;}
.qy-box div {padding:32px;}
.qy-box p {margin:15px 0 0 0;color:#666666;}
.qy-authorization {margin:0 auto 15px auto;width:600px;height:400px;background:url('authorization.gif') no-repeat;}
.qy-authorization div {padding:160px 0 0 160px;}
.qy-authorization li {font-size:14px;line-height:28px;color:#111111;}
.qy-found {margin:16px auto;width:600px;background:#55B05A;color:#FFFFFF;font-size:16px;font-weight:bold;}
.qy-found div {padding:16px 0;text-align:center;}
.qy-notfound {background:#D23D24;}

.lg-box {width:300px;margin:0 auto;}
.lg-box div {padding:10px 0;text-align:center;}
.lg-inp {width:260px;height:36px;line-height:36px;padding:0 10px;border:#A7A7AA 1px solid;font-size:14px;border-radius:6px;}

.rg-box {width:630px;margin:0 auto;font-size:14px;}
.rg-inp {width:260px;height:36px;line-height:36px;padding:0 10px;border:#A7A7AA 1px solid;font-size:14px;border-radius:6px;}
.rg-box .captcha {width:86px;height:36px;line-height:36px;padding:0 10px;border:#A7A7AA 1px solid;font-size:14px;border-radius:6px;}
.rg-box .tb {background:#FFFFFF;width:100%;}
.rg-box .tl {width:130px;text-align:right;padding-right:20px;letter-spacing:1px;}

.tab-head {width:900px;height:40px;padding-top:32px;margin:0 auto;border-bottom:#007AFF 1px solid;text-align:center;font-size:16px;}
.tab-head ul {width:400px;margin:0 auto;}
.tab-head li {float:left;width:120px;height:39px;line-height:36px;cursor:pointer;}
.tab-li {}
.tab-on {border:#007AFF 1px solid;border-top:#007AFF 2px solid;border-bottom:#FFFFFF;color:#007AFF;background:#FFFFFF;}
.tab-body {width:900px;margin:0 auto;padding:32px 0;font-size:14px;line-height:180%;}

#box-tips {width:100%;background:#FFFFDD;height:32px;line-height:32px;position:fixed;z-index:100;top:110px;text-align:center;font-size:14px;display:none;}
#box-tel {display:none;}
#box-wx {display:none;}
#box-side {width:58px;height:360px;position:fixed;_position:absolute;left:50%;margin-left:610px;top:180px;z-index:99;display:none;}
#box-side a {display:block;width:58px;height:60px;}
a.side-qq:link,a.side-qq:visited,a.side-qq:active {background:url('side.png') no-repeat 0 0;}
a.side-qq:hover {background-position:-58px 0;}
a.side-tel:link,a.side-tel:visited,a.side-tel:active {background:url('side.png') no-repeat 0 -60px;}
a.side-tel:hover {background-position:-58px -60px;}
a.side-wx:link,a.side-wx:visited,a.side-wx:active {background:url('side.png') no-repeat 0 -120px;}
a.side-wx:hover {background-position:-58px -120px;}
a.side-mob:link,a.side-mob:visited,a.side-mob:active {background:url('side.png') no-repeat 0 -180px;}
a.side-mob:hover {background-position:-58px -180px;}
a.side-fb:link,a.side-fb:visited,a.side-fb:active {background:url('side.png') no-repeat 0 -240px;}
a.side-fb:hover {background-position:-58px -240px;}
a.side-top:link,a.side-top:visited,a.side-top:active {background:url('side.png') no-repeat 0 -300px;}
a.side-top:hover {background-position:-58px -300px;}
/* show */
.htmcode {font-family:Fixedsys;font-size:12px;color:blue;}
.phpcode {font-family:Fixedsys;font-size:12px;color:#800000;}
.dstcode {font-family:Fixedsys;font-size:12px;color:green;}