/*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:hover,a:active{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}


/* @group layout */
html,body{
	background-color:#ffffe0;
	text-align:center;
	font-family:Arial,Helvetica,sans-serif;
	/*max-width:1440px;*/
}
.cb{clear:both;}
.red{color:red;}
.hidden{display:none}
.bold{font-weight:bold;}
a:link{color:#0030B0}
a:hover{color:#C00000}
.placeholder { color: #aaa; }
#wrapper{
	position:relative;
	margin:0 auto;
	width:748px;
}
#container{
	text-align:left;
	border: solid 2px #888;
	border-top:0;
	overflow:hidden;
	clear:both;
	background-color:#ffff80;
	margin-top:0;
	margin-bottom:20px;
}
/* @end */

/* @group header */
#header{
	background-color:#ffffb0;
	border-bottom: solid 1px black;
	height:86px;
	margin-bottom:20px;
}
#logo{
	margin:0 50px 0 30px;
	float:left;
}
h1{
	margin:0;
	font-size:16px;
	line-height:86px;
}
h1 span{color: #B50201;}
/* @end */

/* @group nav */
#navsearch{
	background-color: #FFFFB0;
	border: 1px solid #FFFFFF;
	clear: left;
	float: left;
	margin-top: 8px;
	margin-left: 8px;
	padding: 0;
	width: 160px;
	
}
p.search{
	font-size:13px;
	margin-left: 25px;
	margin-top: 10px;
}
td.search{
	font-size:15px;
	margin-left: 25px;
	margin-top: 10px;
}

#nav{
	background-color: #FFFFB0;
	border: 1px solid #aaa;
	clear: left;
	float: left;
	margin-left: 8px;
	padding: 0;
	width: 160px;
	list-style-image: url("/static/images/blob.gif");
	list-style-type: circle;
}
#nav li a{
	color: #0030B0;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}
#nav li a:hover, #nav li a.hover{
	color:#C00000;
}
#nav h4{
	margin:0 0 0 20px;
}
#categories{
	margin-top:0;
	padding-top:0;
}
p.prev, p.prev1{
	font-size:13px;
	margin-left: 25px;
	margin-top: 30px;
}
p.prev1{
	margin-top: 5px;
}
p.prev a, p.prev1 a{
	color:#C00000;
}
/* @end */

/* @group leftside notice */
#mobilenotice{
	color:#fff;
	background-color: #bd5c5c;
	clear: left;
	float: left;
	margin-top: 8px;
	margin-left: 8px;
	padding: 10px 10px;
	width: 142px;
	font-size:13px;
}
#uzhan, #menuad, #menuadsmall{
	padding: 10px 10px;
	/*width: 160px;*/
	clear: left;
	float: left;
}
#menuadsmall {
  padding-left: 30px;
}
.qr {
  margin-top:8px;
  margin-left:8px;
	clear: left;
	float: left;
  width:160px;
  text-align:center;
  color:#999;
  color:#C00000;
  font-size:13px;
}
.qr p{
  margin-top:5px;
}
.qr img {
  width:160px;
  /*height:160px;*/
}
/* @end */

/* @group main */
#main{
  background-color: #FFFFFF;
  float: right;
  height: auto !important;
  margin-right: 8px;
  min-height: 450px;
  padding-bottom: 20px;
  text-align: center;
  width: 555px;
}
#welcome{
	font-size:12px;
	background-color: #FFFFD0;
	line-height:22px;
	height:22px;
	border-bottom: 1px solid #FFFFB0;
	overflow:hidden;
}
#welcome span.text{
	margin-left:15px;
	float:left;
}
#welcome span.stats{
	float:right;
	margin-right:10px;
}
#welcome img{
	vertical-align: middle;
	margin-left:5px;
}
/* @end */

/* @group home page */
.home h3{
	margin:30px 0;
	color: #B50201;
	text-align:center;
	font-size: 25px;
}
.notice{
	text-align:center;
	margin:0 auto;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	height: 20px;
	line-height: 20px;
	margin-top: 10px;
	padding: 0;
	font-size:12px;
}
.notice p{
	margin:0;
}
.notice .red{
	color: red;
	font-size: 14px;
	font-weight: bold;
}
#countdown{
    color: red;
}
#starsform{
	font-size:13px;
	text-align:center;
	margin-bottom:20px;
}
#starinput{
	display: inline-block;
	width: 160px;
	height: 20px;
	padding: 4px;
	font-size: 14px;
	line-height: 20px;
	border: 1px solid #555;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#starsform .bigbtn{
	width:90px;
	height:28px;
	margin:0;
}
#starSelect{
}
#starsform .notfound{
	text-align:right;
	color: #777;
	margin:5px;
	clear:none;
}
.selection{display:inline;margin-right:5px;}
#top10s{
	overflow:hidden;
	margin-left:6px;
}
.top10 {
	border-top: 1px solid #F4BF20;
	border-bottom: 1px solid #F4BF20;
	font-size:12px;
	width:180px;
	/*margin:5px;*/
	margin-top:15px;
	float:left;
}
.top10 .header, .top10 .footer{
	background-color: #FBF5C6;
	padding:0 5px;
}
.top10 .footer{
	text-align:right;
	height:23px;
	line-height:23px;
}
.top10 h3{
	margin:0;
	height: 24px;
	line-height:24px;
	font-size:14px;
}
.top10 table{
	width:100%;
	border-left: 2px solid #FBF5C6;
	border-right: 2px solid #FBF5C6;
}
.top10 tr{
	height:22px;
	line-height:22px;
	border-top: 1px solid #E4E4E4;
}
.top10 th.name{
	width: 86px;
}
tr.head{
	border-top: 0;
}
.top10 tbody{
	padding:2px;
}
th.count, td.count{
	text-align:right;
	padding-right:4px;
}
.top10 th.rank{
	width:30px;
}
.top10 th.count{
	width:62px;
}
th.rank, td.rank{
	padding-left:4px;
}
/* @end */

/* @group allstars */
#starlists{
	margin-top:20px;
}
.allstars{
	text-align:center;
	font-size:13px;
}
.allstars h2{
	font-size:18px;
	color: #B00000;
}
.allstars p.stars span{
	display: block;
	float: left;
	margin: 1px 7px;
	width: 80px;
}
p.stars a{
	font-size: 12px;
	text-decoration: none;
}
.starlist{
	width:480px;
	margin:20px auto;
	border: 1px solid #ccc;
}
.starlist h3{margin:10px 0}
/* @end */

/* @group links page */
#main .links{
	padding:0 10px;
}
#main .links a{
	margin:0 5px;
}
/* @end */

/* @group rank page */
.rank h2{
	color: #C00000;
	font-size: 16px;
	margin:20px 0;
}
.rank .note{
	font-size:12px;
}
.rank table{
	border: 1px solid #FFFFB0;
	font-size:13px;
	width:90%;
	margin:20px auto;
	font-weight:bold;
	margin-top:0;
}
.ranking tr{
	height:23px;
	line-height:23px;
}
tr.odd{
	background-color:#FFFFD0;
}
.ranking td{
	text-align:right;
}
.ranking td.name{
	text-align:left;
	padding-left:10px;
}
.ranking td.num{
	padding-right:15px;
}
.ranking td.rn{
	width:50px;
	padding-left:10px;
}
.rank .notice{
	border:0;
}
.rank p{font-size:13px;}
#rankmaintop {
  text-align: center;
  margin: 0 auto;
}
/* @end */

/* @group results */
.results h2{
	color: #B00000;
	font-weight: bold;
	font-size: 16.5px;
	margin-bottom: 0;
	margin-top: 20px;
}
#rq{
	margin:20px auto;
	font-size:13px;
}
#prevtable{
	width:100%;
	font-weight:bold;
}
td.cup{
	width:40px;
	text-align:center;
	padding-left:5px;
}
td.name{
	width:100%;
	text-align:left;
}
td.name a{
	text-decoration:none;
	color:#000;
}
td.name a:hover{
	color:#C00000;
}
td.ballot{
	padding-right:10px;
	text-align:right;
}
/* @end */

/* @group data page */
div.data{
	font-weight:bold;
	font-size:14px;
}
.data h2{
	font-size:30px;
	margin:15px 0;
}
.data h2 span{
	font-size:14px;
	margin-left:10px;
	font-weight:normal;
}
.curStat{
	margin-top:40px;
	margin-bottom:20px;
}
.curStat p{
	margin:0;
}
.curStat .rank{
	font-size:30px;
}
.curStat .upto{
	color:#B00000;
}
.goon a{
	margin:0 10px;
	font-weight:normal;
}
.prevStats{
	margin-top:20px;
}
.prevStats h3{
	font-size:16px;
}
.prevStats table{
	font-weight:normal;
	width:100%;
}
.prevStats tr{
	height:23px;
}
.datafooter, .clickfooter{
  float: right;
  font-size: 15px;
  text-align: center;
  width: 555px;
}
#cups{
	padding:0 10px;
}
/* @end */

/* @group main footer */
#mainfooter{
	text-align:center;
	font-size:13px;
	margin:15px 0;
}
#mainfooter p{
	margin:0 0 4px 0;
}
.pageurl{color:#C00000;}
/* @end */

/* @group footer */
#footer{
	font-size:13px;
}
/* @end */


/* @group error page */
div.errorpage{
	text-align:center;
}
/* @end */

/* @group click */
#clickheader {
  border: 0 solid #000000;
  margin-bottom: 10px;
  margin-left: 181px;
  text-align: center;
  width: 555px;
}
#clicktoplink, #clickmaintop{
	margin-top:16px;
}
#clickheader .notice{
	border:0;
	margin-top:0;
	color:#fff;
	background-color:#000;
}
#cse{
    text-align:left;
}

.click h2{
	font-size: 20px;
	margin-bottom:0;
}
.click h3{
	font-size: 40px;
	color: #C00000;
	font-weight: bold;
	margin: 0;
	padding: 5px 0;
	text-align: center;
}
.click span.name{
	text-decoration:underline;
}
.click p{
	margin:0;
}
.datalink{
	font-size:12px;
}
p.myclick{
	font-size: 14px;
	font-weight:bold;
	margin-top:5px;
}
#clickarea{
	margin:20px auto;
}
#status, #clickmainbelow{
	width:90%;
	margin:0 auto;
}
#status{
	height:130px;
	border:1px solid #FFFFB0;
	/*background-image:url('/static/images/rankbg.jpg');*/
	background-color:#ffff2b;
}
.up{
	height:90px;
}
.up .name, .up .rank, .down .clickto, .down .allrank{
	width:50%;
	float:left;
}
.up .rank{
	color: #B50201;
	font-size: 40px;
	font-weight: bold;
	text-align:center;
	float:right;
	width:50%;
	line-height:80px;
	text-decoration:underline;
}
.up, .down{
	overflow:hidden;
}
.name .category{
	font-size: 16px;
}
p.realname{
	font-size:22px;
	font-weight:bold;
	margin-top:8px;
}
.up .name{
	padding-top:20px;
}
.down .clickto{
	height: 25px;
	color: #B50201;
	font-size: 20px;
	font-weight: bold;
}
.allrank{
	font-size:15px;
}
#clickbuttons{
	width:48%;
	float:right;
	height:129px;
	text-align:left;
}
#clickbuttons img{
	cursor:pointer;
}
#levelimg{
    width:88px;
}
#myclick{
	font-size: 40px;
	font-weight: bold;
	margin: 15px 0 0;
}
#clickcount{
	height:100%;
	width:48%;
	float:left;
}
#clickbigimg{
	width:200px;
	height:100px;
}
#autoclickimg{
	width:200px;
	height:20px;
	margin-top:5px;
}
/*#captchaimg{
	width:100px;
	height:40px;
}*/
#saveform{
	margin: 5px auto 0;
	width: 150px;
}
#captcha{
	height: 23px;
	width:50px;
	margin-left:5px;
	padding: 1px 0;
	border: 1px solid #aaa;
}
#imgwrapper{
	/*cursor: pointer;*/
	overflow: hidden;
	position:relative;
	background-color:#ccc;
	width:80px;
	height:28px;
	float:left;
}
#captchaimg{
	cursor:pointer;
	position: relative;
	width:80px;
	height:28px;
	/*height: 40px;*/
	/*width: 120px;*/
	/*left: -20px;*/
	/*top: -9px;*/
}
#savelink{
	clear:both;
	color: #D00000;
	cursor: pointer;
	text-decoration:underline;
	background-color: #FFFF00;
	font-size:14px;
}
p.savep{
	margin-top:5px;
}
#waitingforsave{
	background-color: #CCCCCC;
    font-size: 24px;
    font-weight: bold;
    height: 100px;
    line-height: 100px;
    text-align: center;
    width: 200px;
	display:none;
}
#savingtext{
	display:none;
	font-weight: bold;
	margin-top: 10px;
}
#savingtext span{
	font-size:12px;
	color:#999;
}
#clickmainbelow{
	margin-top:10px;
	/*text-align:left;*/
	position:relative;
}
#clickmainbelowad{
	width:300px;
	height:250px;
	/*background-color:#ccc;*/
}
#sharemyclick{
	/*width:200px;*/
	font-size:13px;
	overflow:hidden;
}
#tmpcapt{
	font-size:20px;
}
.clickfooter{
	font-weight:bold;
}
.rankico{
	margin-left: 5px;
	position: relative;
	top: 2px;
}

#bigsquare {
  text-align: left;
  margin-left: 5%;
  margin-top: 15px;
  float:left;
}
#wxshare{
  width: 150px;
  /* background-color: #eee; */
  float: right;
  margin-right: 5%;
  margin-top: 15px;
}
#wxshare img{
  margin: 10px 0;
  width: 100%;
}
/* @end */

/* @group stats page */
.stats h2{
	color: #C00000;
	font-size:18px;
}
.stats .mystats{
	width:100%;
	text-align:left;
	font-size:15px;
}
.mystats tr{
	height:35px;
}
td.desc{
	width:180px;
	padding-left:10px;
}
td.click{
	font-weight:bold;
}
td.grade{
	font-weight:normal;
	font-size:13px;
}
td.grade img{
	margin-right:10px;
}
#mystarsinfo{
	width:98%;
	text-align:left;
	margin-top:20px;
	margin-left:10px;
}
#mystarsinfo td{
	font-size:13px;
	height:23px;
}
/* @end */

/* @group leftside */
#leftside{
	position: absolute;
	top: 510px;
	height:150px;
	left: 5px;
	width:180px;
	background-color:#ffff80;
	float:left;
}
#downright{
	float: left;
	left: 20px;
	position: relative;
	top: 30px;
	width:336px;
	height:284px;
}
#topcenter{
  background-color: #FFFF80;
  height: 90px;
  margin: -15px auto 8px;
  text-align: center;
  width: 100%;
}
#datatopcenter,#ranktopcenter,#lasttopcenter{
    margin-top:20px;
}


/* @end */

/* @group side ads */
div.sidead{
	width:165px;
	height:605px;
  position:absolute;
  _position:absolute;
	top:10px;
}
#leftoutside{
	left:-165px;
	left:20px;
}
#rightoutside{
	right:-165px;
	right:20px;
}

/* @end */

/* @group maintenance */
div.maintenance{
	padding-top:30px;
}
div.maintenance p{
	font-size:24px;
	font-weight:#000;
}
/* @end */

/* @group request add star */
.request h2{
	font-size:22px;
}
.request p{font-size:15px}
#requestform{
	text-align:left;
	margin:40px;
}
#requestform h4{
	margin:20px 0 8px 0;
	font-size:15px;
}
.errmsg{
	margin: -9px 0 0;
	color:red;
	font-size:13px;
}
.bigbtn{
	background: none repeat scroll 0 0 #65B20A;
	border: 1px solid #337E0E;
	border-radius: 5px 5px 5px 5px;
	color: #FFFFFF;
	cursor: pointer;
	height: 33px;
	width: 100px;
	margin-top:15px;
}
/* @end */

/* @group searchresult */
#main.searchresult{
	text-align:left;
}
/* @end */


#clickmainbelow {
    margin-top: 10px;
    /* text-align: left; */
    position: relative;
    /* overflow: inherit; */
    height: 100px;
}
#invitefans {
	background-color: #FFFFB0;
	overflow: hidden;
}
#invitefans a {
	text-decoration: none;
}
#invitefans .title {
    font-weight: bold;
    font-size: 18px;
    padding-top: 6px;
    margin-bottom: 0;
    float: left;
    text-align: center;
    width: 50%;
    line-height: 80px;
}
#invitefans .shareto {
	font-size: 14px;
	padding-top: 6px;
	margin-top: 0.5em;
}
#invitefans ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: right;
}
#invitefans li, #invitefans em, #invitefans i {
    display: inline-block;
    vertical-align: middle;
}
#invitefans li {
    font-size: 16px;
    width: 5em;
	margin-top: 12px;
}
.sns em {
    border-radius: 50%;
}
.sns em {
    line-height: 3;
    width: 3em;
    height: 3em;
}
li.weixin em {
    background-color: #1bc258;
}
.icon, .icon2, .icon3 {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-image: url(/static/images/icon.new.svg);
    background-size: 100% auto;
}
.i-weixin {
    background-position: 0 -26em;
}
.sns li, .sns em, .sns i {
    display: inline-block;
    vertical-align: middle;
}
.sns i {
    font-size: 30px;
    margin-top: -0.1em;
}
.sns li.weibo em {
    background-color: #ff4142;
}

.tieba em {
    background-color: #2932E1;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-style: normal;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
}
.facebook em {
	background-image: url(/static/images/facebook_C@2x.png);
}
.twitter em {
	background-image: url(/static/images/twitter_C@2x.png);
}
.i-weibo {
    background-position: 0 -12em;
}
.sns li.zone em {
    background-color: #f5be15;
}
.i-zone {
    background-position: 0 -28em;
}
.sns span {
    font-size: 13px;
    display: block;
    line-height: 2;
    height: 2em;
    color: #666;
    letter-spacing: -1px;
    overflow: hidden;
    word-break: keep-all;
}

#share-layer, #wechat-moments-layer {
    display: none;
    z-index: 1002;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background: #000;
    opacity: .5;
}

.float-wechat-qrcode {
    width: 280px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -157px;
    margin-left: -140px;
    z-index: 1003;
    background: #fff;
    display: none;
}
.float-wechat-qrcode .wechat-qrcode-title {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 15px;
    color: #888;
}
.float-wechat-qrcode .wechat-qrcode-img {

    margin: 0 auto;
	text-align: center;
}
.float-wechat-qrcode .wechat-qrcode-txt {
	font-size: 13px;
    margin-top: 10px;
    padding: 0 18px;
    text-align: center;
    line-height: 16px;
    margin-bottom: 20px;
}
.float-wechat-qrcode .wechat-qrcode-txt .left-txt {
    text-align: left;
    padding-left: 6px;
	margin: 0;
}
.float-wechat-qrcode .wechat-qrcode-txt .left-txt .font {
    font-weight: 700;
}
.float-wechat-qrcode .wechat-qrcode-close {
    font-size: 20px;
    color: gray;
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px;
}
#inviteinwechat {
	width: 80%;
    background-color: #1BC258;
    margin: 10px auto;
    text-align: center;
    margin-bottom: 0;
    height: 35px;
    line-height: 35px;
    border-radius: 35px;
    color: #fff;
}
img.moments {
	width: 16px;
	height: 16px;
	opacity: .5;
	vertical-align: text-top;
}
#wechat-moments-layer {
    opacity: .7;
}
#wechat-moments-layer .arrow{
  max-width: 100%;

  position: absolute;
  right: 10px;
  top: 0;

}
#wechat-moments-layer p{
    color: #fff;
    font-size: 28px;
    position: absolute;
    right: 80px;
    top: 110px;
    padding: 0;
    margin: 0;

}