body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td{margin:0;padding:0}
body{background:url(/public/images/hbg.png) repeat-x scroll center top rgba(0, 0, 0, 0);color:#555}
body, button, input, select, textarea{font:14px/22px tahoma, arial, \5b8b\4f53, sans-serif}
h1, h2, h3, h4, h5, h6{font-size:100%}
address, cite, dfn, em, var{font-style:normal}
code, kbd, pre, samp{font-family:courier new, courier, monospace}
small{font-size:12px}
ul, ol{list-style:none}
a{color:#07c;text-decoration:none}
a:hover{color:#000}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
fieldset, img{border:0}
table{border-collapse:collapse;border-spacing:0}
/* clear float */
.clearfix:after{clear:both;content:'.';display:block;font-size:0;height:1;visibility:hidden}
*html .clearfix{zoom:1}
*:first-child+html .clearfix{zoom:1}
/* custom */
.blank10{display:block;height:10px;width:100%}
.ipt{background:url(/public/images/ipt.png) no-repeat;border:solid 1px #80d7ce;padding:5px;vertical-align:middle;border-radius:3px}
.btn{background:#e36140;border:0;color:#fff;height:28px;padding:0 10px;border-radius:3px;display:inline-block;line-height:28px;cursor:pointer}
.tips{color:#999;padding-left:10px}
/* clearfix */
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;*zoom:1}
/* wrapper */
#wrapper,.wrap{clear:both;margin:0 auto;width:1080px;}
/* header */
#topbg{width:100%;left:0;top:0;background-color:#f8f8f8;z-index:900}#topbar{position:relative}#topbar .logo{width:218px;height:68px;background:url(/public/images/logo.jpg) no-repeat 0 0;text-indent:-999px;cursor:pointer;}#topbar .inuser{display:inline-block;color:#ccc;margin-left:auto;border-left:#ddd 1px solid;}.inuser > li{float:left;border-left:#ddd 1px solid;margin-left:-1px;}.inuser li:hover{background:#eee;}.tiwen,.message,.userc{display:flex;align-items:center;width:48px;height:68px;background:url(/public/images/bgpic.png) no-repeat;padding:0 10px;}.tiwen{background-position:-165px -148px;padding:0 5px 0 40px;}.message{background-position:-158px -21px;text-indent:-999px;overflow:hidden;}.userc{background-position:-138px 58px;cursor:pointer;}.userc img{border-radius:50%;}.usernav{position:relative;}.usernav ul{background:#fff;position:absolute;right:0;border:#ddd 1px solid;border-top:0;text-align:center;z-index:1000;overflow:hidden;}.usernav li a{display:block;padding:0 12px 0 40px;line-height:30px;background:url(/public/images/bgpic.png) no-repeat;white-space:nowrap;}.usernav .reg{background-position:-170px -389px;}.usernav .hlpc{background-position:-170px -464px;}.usernav .login,.usernav .home{background-position:-170px -351px;}.usernav .profile{background-position:-170px -426px;}.usernav .logout{background-position:-170px -501px;}
.top{position:relative;background:#b77684}.top .nav{height:50px;line-height:50px;display:inline-block;white-space:nowrap}.nav>li{display:inline-block}.nav li a:hover{background:#f90}.nav li a{display:block;padding:0 10px;color:#fff}
/* sobox */
#sobox{margin:10px 0 0 auto;color:#aaa}
.sofrm{display:block;margin:0px auto;position:relative}
.sipt{background:url(/public/images/ipt.png) no-repeat top left;border:solid 1px #dadada;display:block;font:normal 13px/30px normal;float:left;height:30px;padding:0 10px;width:150px}
.sbtn{float:left;background:#e29700;border:0;color:#fff;cursor:pointer;font-size:14px;height:32px;padding:0 15px}
/* layout */
.flex{display:flex;}
/* selopt */
#selopt{background:url(/public/images/select.gif) no-repeat;position:absolute;left:2px;top:13px;width:88px}
#cursel{cursor:pointer;display:block;height:26px;line-height:26px;overflow:hidden;text-indent:5px;width:85px}
#options{border:solid 1px #dadada;border-top:0;display:none;list-style:none;position:absolute;left:-2px;width:80px;z-index:1000}
#options li{background:#fff;clear:both;cursor:pointer}
#options li a{color:#555;display:block;height:25px;line-height:25px;text-decoration:none;text-align:center}
#options li a:hover{background:#fff;color:#e36140;display:block;text-decoration:none}
.current{background:#fff;color:#e36140;display:block;text-decoration:none;font-weight:bold}
/* login */
#login{color:#fff;float:right;padding:8px;text-align:right}
#login a{color:#fff}
/* txtbox */
#txtbox{background:url(/public/images/blue.png) repeat-x 0 -55px;border-left:solid 1px #e2ecf1;border-right:solid 1px #e2ecf1;height:40px}
.count{float:left;padding:10px}
.count b{color:#f60;font:bold 16px Arial;padding-right:3px}
.link{color:#999;float:right;padding:10px}
.link a{color:#07c}
/* sitepath */
.sitepath{clear:both;height:35px;line-height:35px;border-bottom:1px dashed #80d7ce;padding-left:10px}
/* mainbox */
#mainbox{font-size:14px;margin:20px auto}
#mainbox-left{float:left;width:170px}
#mainbox-right{margin-left:175px;padding-left:5px}
#sidebar{background:#f1f8fe;border:solid 5px #e8e8e8;overflow-y:auto;border-radius:3px}
#content{background:#f1f8fe;border:solid 1px #e8e8e8;_zoom:1}
#main_frame{height:100%;width:100%}
/* sidebar */
.sidebar{border:solid 1px #dfdfdf;padding-bottom:10px}
.sidebar h3{background:url(/public/images/blue.png) repeat-x 0 -54px;padding:10px;text-align:center}
.sidebar li{border-bottom:dashed 1px #ccc;margin:0 10px;padding:10px 20px}
/* content */
.content{border:solid 6px #e8e8e8;padding:12px;min-height:500px}
.title{background:url(/public/images/blue.png) repeat-x 0 -95px;padding:7px}
.body{padding:10px}
/* remind */
.remind{width:80%;font-size:14px;padding:20px;line-height:35px;}
.rmbox{background:#f8f8f8;border-radius:5px;padding:10px;text-align:center;}.rmtit{margin-top:20px;font-size:20px}
.remind ul{margin-top:10px;}.remind li{display:flex}.remind li a{width:41px;height:21px;margin:8px 0 0 auto;display:inline-block;}.rmstatus{background:url(/public/images/bgpic.png)-102px -232px;}.rmopen{background-position:-159px -232px;}
/* icon */
#icon1,#icon2,#icon3,#icon4,#icon5,#icon6,#icon7,#icon8,#icon9,#icon10{padding-left:25px}
#icon1{background:url(/public/images/icon.gif) 0px 3px no-repeat}
#icon2{background:url(/public/images/icon.gif) 0px -16px no-repeat}
#icon3{background:url(/public/images/icon.gif) 0px -48px no-repeat}
#icon4{background:url(/public/images/icon.gif) 0px -31px no-repeat}
#icon5{background:url(/public/images/icon.gif) 0px -34px no-repeat}
#icon6{background:url(/public/images/icon.gif) 0px -63px no-repeat}
#icon7{background:url(/public/images/icon.gif) 0px -84px no-repeat}
#icon8{background:url(/public/images/icon.gif) 0px -106px no-repeat}
#icon9{background:url(/public/images/icon.gif) 0px -124px no-repeat}
#icon10{background:url(/public/images/icon.gif) 0px -142px no-repeat}
/* notice */
.notice{background:rgba(4,174,165,0.1);box-shadow:0 0 1px #e36140;font-size:14px;padding:15px;text-align:center}
.userinfo{margin-bottom:15px}
.userinfo h3{font-size:16px;padding-bottom:10px}
.userinfo li{padding:6px 0}
.userinfo li strong{color:#f30;font:normal 20px Arial}
#homebox{padding:10px}
#homebox h2{font:bold 14px normal}
#homebox ol{padding:10px 0}
#homebox ol li{font-size:13px;padding:5px 0}
#homebox ol li strong{color:#f00}
/* listbox */
#listbox{margin-bottom:20px}
#listbox table{}
#listbox table tr th{background:#f9f9f9;height:30px}
#listbox table tr td{background:#fff;border-bottom:solid 1px #ececec;height:30px;text-align:center}
#listbox table tr .ltext{text-align:left}
#listbox table tr .data{font-size:10px}
.fans li,.follow li {display: inline-block;margin: 10px 18px;}.follow li a{display:block;}.fans li img,.follow li img{border-radius:5px;box-shadow:0 1px 2px #333;}.favbtn {display: block;text-align: center;border: #ddd 1px solid;border-radius: 3px;padding: 3px;background: #eee;color: #555;}.favbtn:hover{background:#ffd;}
.bstr{font-weight:bold;}
.red{color:#f00}
.gre{color:#080}
.org{color:#f60}
/* formbox */
#formbox{width:100%}
#formbox ul{padding-bottom:10px}
#formbox li{padding:10px}
#formbox li strong{display:block;float:left;font-weight:normal;text-align:right;width:100px;padding:5px}
#formbox li p{color:#ccc;float:left;padding:8px 0 0 90px}
/* claimbox */
#claimbox{}
#claimbox table{border:solid 1px #e8e8e8}
#claimbox table tr th{background:#eff9ff;font-weight:normal;padding:8px;text-align:left}
#claimbox table tr td{background:#fefefe;line-height:23px;padding:8px}
/* step */
.step{}
.step dt{border-bottom:solid 1px #e1e1e1;font:normal 20px normal;padding:10px}
.step dd{padding:10px}
/* footer */
#footer{clear:both;background:url(/public/images/fbg.gif) no-repeat center 0;color:#555;height:80px;padding:10px;margin-top:20px;text-align:center}
/* pagebox */
.pagebox{overflow:hidden}
.pagebox p{float:right}
.pagebox p a{width:50px;height:24px;display:block;border:1px solid #e36140;border-radius:3px;color:#8a8a8a;font-family:Verdana, Geneva, sans-serif;float:left;text-align:center;
line-height:24px;margin:0 6px 0 0}
.pagebox p a:hover,.pagebox p a.hover{color:#fff;background:#e36140}
.pagebox p a.clumb{font-size:14px}
#toplink{color:#ccc;float:right;margin:30px 30px 0 200px}
#toplink a{color:#2b7ab8}
/* loginform */
#loginform{clear:both;background:#f9f9f9;padding-bottom:20px;}
#loginform h2,#regform h2{background-color:#ddd;font:bold 14px normal;border-bottom:#ccc 1px solid;padding:10px;text-align:center;}
#loginform ul{margin:30px auto;padding:20px 30px;width:350px;border:#80d7ce 1px solid;border-radius:3px}
#loginform li{padding:12px 0}
#loginform .user,#loginform .pass{padding-left:50px;width:293px;height:27px;line-height:27px}
#loginform .user{background:url(/public/images/login.jpg) no-repeat}
#loginform .pass{background:url(/public/images/login.jpg) no-repeat 0 -40px}
#loginform .lgbtn{width:350px;height:39px}
#loginform .lgbtn:hover{background:#e36140}
#loginform li p{color:#ccc;float:left;font-size:12px;padding:8px 0 0 70px}
.tipinfo{border-left:solid 1px #dadada;padding:20px}
a.nowlink{background:#f60;border:solid 1px #f30;color:#fff;font-size:14px;padding:5px 10px;width:80px}
/* combox */
#combox{clear:both;background:#fff}
/* regform */
#regform{clear:both;background:#f9f9f9;padding-bottom:20px;}
#regform ul{font:14px normal;margin:0 auto;padding:20px 0;width:750px}
#regform li{padding:10px 0}
#regform li label{display:block;float:left;padding-top:8px;text-align:right;width:100px}
#regform li p{color:#999;font-size:12px;padding:6px 0 0 100px}
#regform li span{color:#666;font:12px normal;padding-left:5px}
.textinfo{background:#f1f1f1;border:dashed 1px #ddd;line-height:30px;width:60%;margin:10px auto;padding:10px;border-radius:10px}
/* tipbox */
#tipbox{clear:both}
#tipbox h2{background-color:#e36140;color:#fff;font:bold 14px normal;padding:10px}
#tipbox p{font-size:14px;padding:100px 0;text-align:center}
@media screen and (max-width:496px) {
#wrapper,.wrap{100%;}
}