body{margin:0px;padding:0px;text-align:center}
li{font-size:12px;list-style-type:none}
td{font-size:12px}
div{font-size:12px}
form{margin:0px;padding:0px}
img{border:0px}
a:link {color: #555555; text-decoration:none;}
a:visited {color: #555555;text-decoration:none;}
a:hover {color:#3A77D4; text-decoration:underline;}
a:active {color: #3A77D4;}

.main{float:left;width:100%}
.loginbg{width:330px;position:fixed;right:15%;top:0px}
.loginbg .xinput{margin-top:30px}
.loginbg .xbox{float:left;background:#fff;width:100%;margin-top:20px;border-radius:7px;overflow:hidden}
.loginbg .xbox .xtit{font-size:20px;padding:20px 0px 0px 0px;text-align:center;color:#333}
.loginbg .xbox li{float:left;width:100%}
.loginbg .xbox li label{float:left;margin:5px 0px 0px 10%;line-height:30px;color:#676767}
.loginbg .xbox li label input{width:15px;height:15px;float:left;margin:10px 10px 0px 0px;}
.loginbg .xbox li label font{float:left;margin:3px 0px 0px -5px}
.loginbg .xbox span{float:left;width:80%;border:1px #ddd solid;padding:4px 0px;margin:15px 0px 15px 10%;background:#fff;border-radius:5px}
.loginbg .xbox .xcode{width:150px;margin-top:18px}
.loginbg .xbox  .xinput .xcode input{padding:0px 5px}
.loginbg .xbox .xcodepic{width:150px;float:left;margin-top:5px;margin-left:8px}
.loginbg .xbox i{float:left;width:18%;height:30px;}
.loginbg .xbox  .xinput input{float:left;width:82%;border:0px;margin:0px;padding:0px;height:30px}
.loginbg .xbox .xname i{background:url(login1.png) no-repeat center center}
.loginbg .xbox .xpwd i{background:url(login2.png) no-repeat center center}
.loginbg .xbox .xbtn{float:left;width:80%;background:#b6002a;border-radius:5px;color:#fff;font-size:18px;cursor:pointer;height:40px;margin:10px 0px 0px 10%;border:0px}

@media screen and (max-width: 700px) {
    .loginbg{width:50%;position:fixed;right:25%;top:0px}
    .loginbg .xinput{margin-top:30px}
}
@media screen and (max-width: 500px) {
    .loginbg{width:90%;position:fixed;right:5%;top:0px}
    .loginbg .xinput{margin-top:30px}
}

.wxcont{float:left;width:96%;background:#fff;padding:10px 2%;}
.wxcont .xlist{float:left;width:100%}
.wxcont .xlist .ypic{float:left;width:100%;text-align:center}
.wxcont .xlist .ypic img{max-width:100%}
.wxcont .xlist .ycont{float:left;width:100%;line-height:22px;text-align:left}
.loginbg2{background:url(bg.jpg?rnd=0) no-repeat;background-size:cover}
.tablist{float:left;width:96%;margin:10px 2%;border:1px #ddd solid;}
.tablist td{padding:8px 0px;text-align:center;border-bottom:1px #ddd solid}
.tablist td label{cursor:pointer;color:#0084e4}
.tablist .xtit td{font-weight:bold;font-size:14px;background:#f2f2f2}
.tablist .xbtn{color:#438eb9;cursor:pointer}
.btnMenuDiv{float:left;width:100%;text-align:left;padding:10px 0px;border-bottom:3px #dedede solid;color:#666}
.btnMenuDiv li{float:left;padding:3px 20px 3px 10px;white-space:nowrap;height:26px;line-height:26px}
.btnMenuDiv .xrefresh{float:right;width:25px;height:25px;padding:0px;background:url(refresh.png) no-repeat center;background-size:20px;margin:2px 15px 0px 0px;cursor:pointer;}
.btnMenuDiv .xrefresh:hover{background:#c3dbf2 url(refresh.png) no-repeat center;background-size:20px;border-radius:50%}
.btnMenuDiv .xadd{float:right;margin-right:20px;height:auto;line-height:20px;padding:5px 15px 5px 35px;color:#fff;background:#0084e4 url(icon-add.png) no-repeat 10px center;background-size:22px;border-radius:5px;border:1px #0084e4 solid;cursor:pointer}
.btnMenuDiv .xsave{float:right;margin-right:20px;padding:5px 15px 5px 35px;color:#fff;background:#0084e4 url(icon-save.png) no-repeat 10px center;background-size:22px;border-radius:5px;border:1px #0084e4 solid;cursor:pointer}
.btnMenuDiv .xdel{float:right;margin-right:20px;padding:5px 15px 5px 35px;color:#0084e4;background:url(icon-del.png) no-repeat 10px center;background-size:22px;border-radius:5px;border:1px #0084e4 solid;cursor:pointer}
.btnMenuDiv .xbtn{float:right;margin-right:20px;padding:5px 15px 5px 15px;color:#0084e4;border-radius:5px;border:1px #0084e4 solid;cursor:pointer}