.footer{position:fixed;left:0px;right:0;bottom:0;height:32px;line-height:32px;padding:0 20px;border: 1px solid #ddd;background-color:#f9f9f9}

.mainbox { width:100%; margin:0px auto;}
.topbar {height:32px;line-height:32px;padding:0 20px;color:#878787;border-bottom: 1px solid #ddd; background-color: #f9f9f9; }
.topbar_l { float:left; font-size: 12px; }
.topbar_r { float:right; }
.topbar_r a{ float:left; height:32px; font-size: 12px; line-height:32px; color:#878787; padding:0px 10px; }
.topbar_r a:hover { color:#0e8ee7; }
.topbar_r i{ float:left; height:14px; width:1px; background:#dfe6e8; overflow:hidden; margin-top:7px; }


body{margin:0;padding:0;background:#fff;font-size:12px; font-family:Arial,宋体; color:#000}
ul,li,h2,h3,img,h4,h1,h5,p{padding:0;margin:0;list-style:none;font-weight:normal;border:0;}
a{ text-decoration:none; color:#285bae}
a:hover{text-decoration: underline;}
.f14,.f14b{font-size:14px;}
.f14b{font-weight:700;}
#main{width:510px; margin:auto}
#logo{margin:30px auto 30px auto; width:135px; height:60px}
#nav{background:url(../img/nav_3.gif) no-repeat center bottom;font-size:14px;color:#989898;margin-bottom:20px}
#nav a{color:#989898}
#nav a:hover{text-decoration:underline}
#navtab span{cursor: pointer;color:#2559a5;width:89px;height:28px;line-height:28px;text-align:center;margin-right:5px;float:left}
#navtab .normal{background:url(../img/nav.gif) no-repeat 0 0;}
#navtab .active{background:url(../img/nav.gif) no-repeat -95px 0;font-weight:bold}
.content{width:450px;margin:0 auto;}
#footer{line-height:48px;height:48px;margin-top:5px;text-align:center;color:#0066aa;}
#footer a{color:#0066aa;}


.inputbg1{background:url(/img/kuang_1.gif) no-repeat 0 0;width:448px;height:28px;padding:1px;margin:10px 0;}
.input1{width:428px;height:24px; padding:3px 10px 0 10px;border:0;font-size:16px}
.input2{background:url(../img/kuang_2.gif) no-repeat;width:60px;height:17px;padding:3px 3px 0 3px;margin:0;border:0;}
.input3{background:#f2f2f2;width:230px;height:17px;padding:5px 3px 0 5px;margin-right:5px;border:0;}
.input6{background:url(../img/kuang_2.gif) no-repeat;width:200px;height:17px;padding:3px 3px 0 3px;margin:0;border:0;}
.input5{background:#f2f2f2;width:370px;height:17px;padding:5px 3px 0 5px;margin-right:5px;border:0;}
.inputbg4{background:url(../img/kuang_3.gif) no-repeat 0 0;width:373px;height:26px; padding:1px;border:0;}
.inputbg0{background:url(../img/kuang_1.gif) no-repeat 0 0;width:373px;height:26px; padding:1px;}
.input4{width:353px;height:23px;padding:2px 10px 0 10px;border:0;font-size:16px;}

.colGray{color:#CCC}
.mar1{margin-top:10px;word-break:break-all;width:450px;}
.line1{margin-top:18px;border-top:1px solid #e7e7e7;height:20px}
.line2{margin-top:18px;border-top:1px solid #e7e7e7;height:20px}

.fx a{width:19px; height:19px; float:left; margin-right:8px}
.fx a:hover{ text-decoration:none}
.fx1,.fx2,.fx3,.fx4,.fx5,.fx6{background:url(../img/fenxiang_1.gif) no-repeat;}
.fx1{background-position:0 0;}
.fx2{background-position:-27px 0;}
.fx3{background-position:-51px 0}
.fx4{background-position:-76px 0}
.fx5{background-position:-100px 0}
.fx6{background-position:-123px 0}
#cp_tinyurl{z-index:999}
.clear { display: none; position: absolute; width: 16px; height: 16px; margin: 6px 0 2px -20px; background: url(../img/clear.png) no-repeat; outline: none; }
.input4::-ms-clear { display: none; }
.input4:valid + .clear { display: inline; }

@media screen and (max-width:450px){
.topbar_r { display:none; }
#diy { display:block; }
}