body
{
    padding: 0px;
    margin: 0px;
    text-align: center;
    border-style: none;
    background-color: White;
    font-family: 微软雅黑;
}
a:link
{
    text-decoration: none;
}
a:hover
{
}
a
{
    white-space: normal;
    text-decoration: none;
}
.pageheaderline
{
    background-color: #424242;
    text-align: center;
    min-width: 1200px;
    font-family: 微软雅黑;
    font-size: 14px;
    line-height: 130%;
}
.pageheaderline .content
{
    width: 1200px;
    text-align: right;
    margin-left: auto;
    margin-right: auto;
    line-height: 250%;
    color: White;
}
.pageheaderline .content a
{
    color: White;
    margin-left: 5px;
    margin-right: 5px;
}
.pageheaderlogo
{
    text-align: center;
    min-width: 1200px;
}
.pageheaderlogo .content
{
    width: 1200px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    background-image: url('../Web/Images/logo.jpg');
    text-align: right;
}
.userlogin
{
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
    height:30px;
}
.userlogin .form, .userlogin .userinfo
{
    color: #ffffff;
    padding-left:5px;
    padding-right:5px;
    padding-top:0px;
    padding-bottom:5px;
    font-family: 微软雅黑;
    font-size: 14px;
    text-align: right;
    vertical-align:middle;
}
.tableline
{
    margin-left:auto;
}
.tableline td
{
    padding-left:5px;
    padding-right:5px;
    color:White;
    vertical-align:middle;
}
.tableline .aqitext
{
    cursor:pointer;
}
.tableline .aqiinfo
{
    display:inline-block;
    text-align:center;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding:2px 8px 2px 8px;
    cursor:pointer;
}
.tableline .aqilist
{
    background-color: #424242;
    margin-top:5px;
    width:280px;
    text-align:left;
    padding:5px;
    font-size:14px;
}
.tableline .aqilist .aqiitem
{
    padding-bottom:3px;
}
.tableline .aqilist .aqiitem .aqiparameter
{
    display:inline-block;
    width:60px;
    text-align:center;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.tableline .aqilist .aqiitem .aqivalue
{
    display:inline-block;
    width:130px;
    padding-left:5px;
    padding-right:5px;
}
.tableline .aqilist .aqiitem .aqi
{
    display:inline-block;
    text-align:left;
    width:70px;
}
.tableline .aqilist .aqiitem .aqicolor
{
    display:inline-block;
    width:40px;
    height:16px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.pageheadernavi
{
    text-align: center;
    background-color: #55b3fa;
    min-width: 1200px;
    padding-top:15px;
    padding-bottom:15px;
    overflow: auto;
}
.pageheadernavi .content
{
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    vertical-align: top;
}

.pageheadernavi .content .navilist
{
    width:100%;
    margin-left:auto;
    margin-right:auto;
}
.pageheadernavi .content .link, .pageheadernavi .content .activelink, .pageheadernavi .content .split
{
    font-size: 20px;
    height: 40px;
    text-align: center;
}
.pageheadernavi .content .link
{
    min-width:100px;
    text-align:center;
}
.pageheadernavi .content .link a
{
    color:#ffffff;
}
.pageheadernavi .content .active a
{
    color:#55b3fa;
}
.pageheadernavi .content .active div
{
    background-color:#ffffff;
    border-radius:12px;
    padding:3px 5px 5px 5px;
    width:85%;
    margin-left:auto;
    margin-right:auto;
}
.pageheadernavi .content .split
{
    width: 15px;
    color: White;
}

.pagebody
{
    text-align: center;
    clear: both;
    min-width:1200px;
}
.pagelink
{
    text-align: center;
    background-color: #55b3fa;
    padding: 20px 0px 20px 0px;
    min-width: 1200px;
}
.pagelink .content
{
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.pagelink .content .wechatqr
{
    width: 600px;
    float: left;
}
.pagelink .content .wechatqr img
{
    margin: 0px 20px 0px 20px;
}
.pagelink .content .links
{
    width: 600px;
    float: left;
}
.pagelink .content .links .group
{
    height: 180px;
    overflow: hidden;
    text-align:center;
}
.pagelink .content .links .grouptitle
{
    font-size: 22px;
    height: 40px;
    text-align: left;
    padding-left: 30px;
}
.pagelink .content .links .group .groupitem
{
    font-size: 16px;
    float: left;
    width: 260px;
    overflow:hidden;
    line-height:250%;
    text-align:center;
    margin:10px 20px 5px 10px;
}
.pagelink .content .links a, .pagelink .content
{
    color: #ffffff;
}
.pagefooter
{
    text-align: center;
    background-color: #424242;
    padding: 20px 0px 20px 0px;
    overflow: auto;
    min-width: 1200px;
    font-family: 微软雅黑;
    font-size: 14px;
    line-height: 130%;
}
.pagefooter, .pagefooter a
{
    color: #ffffff;
}
.pagefooter .content
{
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
#logindialog
{
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    padding-left: 0px;
    width: 500px;
    text-align: right;
    text-align: left;
}
#logindialog .title
{
    padding-bottom:10px;
    font-size:30px;
}
#logindialog .formbg
{
    position: absolute;
    width: 500px;
    height: 350px;
    background-color: #111111;
    filter: alpha(Opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}
#logindialog .forminput
{
    position: absolute;
    width: 320px;
    padding: 20px 0px 0px 90px;
    font-family: 微软雅黑;
    font-size: 24px;
    color: White;
    text-align: left;
}
#logindialog .forminput .username, #logindialog .forminput .userpwd, #logindialog .forminput .checkcode
{
    padding-left: 59px;
    height: 47px;
    border: 0px;
    font-size: 30px;
    background-color: Gray;
}
#logindialog .forminput .username
{
    background-image: url(../Web/Images/userlogin_01.png);
    width: 260px;
}
#logindialog .forminput .userpwd
{
    background-image: url(../Web/Images/userlogin_03.png);
    width: 260px;
}
#logindialog .forminput .checkcode
{
    background-image: url(../Web/Images/userlogin_06.png);
    width: 127px;
    vertical-align: middle;
}
#logindialog .forminput .checkcodeimg
{
    vertical-align: middle;
}
#logindialog .forminput .loginbtn,#logindialog .forminput .closedialog
{
    width: 155px;
    height: 47px;
    background-color: #f57d1c;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 0px;
    color: White;
    font-size: 24px;
    cursor:pointer;
}
#logindialog .forminput .input
{
    padding-top: 10px;
}
#logindialog .forminput .usertype
{
    font-size: 18px;
    text-align: right;
}