@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
/*basic*/
body, div, h1, h2, h3, h4, h5, h6, p, blockquote, dl, dt, dd, ul, ol, li, fieldset, form, tr, th, td, center, input, button, textarea { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
button, input, select, textarea { font: 14px/1.8 "Roboto", sans-serif; }
li { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
body { background: #fff; color: #f0ecec; font: 14px/1.8 "Roboto", sans-serif; /*font: 14px/1.8 "Roboto", sans-serif;*/ }

 /* @font-face {
      font-family: 'BMW';
      src: url('../fonts/BMWLTBD_1.eot');
      src: url('../fonts/BMWLTBD_1.eot?#iefix') format('embedded-opentype'),
           url('../BMWLTBD_1.woff') format('woff'),
	   url('../fonts/BMWLTBD_1.ttf') format('truetype'),
	   url('../fonts/BMWLTBD_1.svg') format('svg');
      font-weight: normal;
      font-style: normal;
   }*/
   
   
.fl { float: left; }
.fr { float: right; }
.t_hide { height: 0; overflow: hidden; }
.mt10 { margin-top: 10px; }
.t_center { text-align: center; }
.t_left { text-align: left; }
.t_right { text-align: right; }
.p_relative { position: relative; }
.clearfix:after { content: ""; height: 0; visibility: hidden; display: block; clear: both; }
.clearfix { zoom: 1; }
.clear { clear: both; }
a { color: #fff; text-decoration: none; }
a, a:active { outline: none; }
.hidden { visibility: hidden; }
.pd-common1 { padding: 30px 0; }
.pd-common2 { padding: 40px 0; }
.pd-common3 { padding-bottom: 20px; }
.mt-common1 { margin-top: 30px; }

/*share*/
.sharethis { width: 100%; height: 30px; padding: 0; padding-bottom: 3px; line-height: 30px; text-align: center; background: #fefced; overflow: hidden; }
.sharethis a { color: #88878c; line-height: 30px; }
.sharethis img { vertical-align: middle; }

/*nav*/
.nav { position: relative; z-index: 2; width: 990px; height: 60px; margin: 0 auto; }
.nav li { position: relative; float: left; width: 90px; text-align: center; }
.nav li a { display: block; width: 88px; height: 60px; margin: 0 auto; line-height: 60px; color: #fcf8f3;  font-weight: bold; }
.nav li a:hover, .nav li.on a { text-decoration: none; background: #099FC1; opacity: 0.8; filter: alpha(opacity=80); }
.subnav { display: none; position: absolute; left: 0px; top: 60px; background: #234b8f; background: rgba(22,0,29,.9); filter:alpha(opacity=90); white-space: nowrap; }
.subnav li { float: none; width: auto; padding: 0 5px; transition: all 0.2s ease-in-out 0s; }
.subnav li a { width: auto; height: 34px; line-height: 34px; border: none; font-weight: normal; font-family: "Roboto", sans-serif; overflow: visible; }
.subnav li a:hover, .subnav li.on a, .nav li.on li a { background: none; color: #fff;}
.nav li.on li a:hover{ color: #fff; }
.subnav li:hover { background: #099FC1; background: rgba(9,159,193,.8); filter:alpha(opacity=80);}

/*main*/
.fullbg { position: relative; z-index: 1; width: 100%; max-width: 1920px; min-width: 1002px; margin: 0 auto; overflow: hidden; background: #125da0 url(../images/fullbg.jpg) no-repeat center top; }
.wrapper { position: relative; width: 1002px; margin: 0 auto; }
/*header*/
.logo { position: absolute; top: 100px; left: 10px; width: 200px; }
.logo img { width: 200px; }

.navbar { position: relative; z-index: 22; width: 100%; height: 60px; margin: 0 auto;  }

.header { position: relative; height: 250px; }
.title { font-family: "Roboto", sans-serif; font-size: 50px; }

/*content*/

.tabs { margin: 0 auto;  width: 800px;}
.tabs span, .tabs a { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }

.tabs a { position: relative; z-index: 1; width: 193px; height: 49px; background: url(../images/btn.png) no-repeat 0 -51px; line-height: 48px; text-align: center; font-size: 18px; color:#303373; font-weight:bold;}
.tabs a:hover, .tabs a.on { z-index: 2; background-position: 0 -1px; color:#774d02;}
.tabs a.tab2 {line-height: 22px; }
.tab2 span { font-size: 14px;}

#container, #waterfall{
	position:relative;
	width:1000px;
	margin:0 auto 25px;
	padding-bottom: 10px;
	text-align:center;
	
}
.grid, .cell{
	/*width:235px; float:left;box-shadow: 0 1px 3px rgba(34,25,25,0.2);overflow:hidden;padding:5px; text-align:center; border:1px solid #DEDCDC; border-radius:3px; overflow:hidden;*/
    overflow:hidden;
	border:2px solid #1280c3;
	width:235px;
	min-height:100px;
	padding: 15px 15px 0 15px;
	background:#fff;
	margin:8px;
	font-size:12px;
	float:left;
	box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	
	-webkit-transition: top 1s ease, left 1s ease;
	-moz-transition: top 1s ease, left 1s ease;
	-o-transition: top 1s ease, left 1s ease;
	-ms-transition: top 1s ease, left 1s ease;}
.grid:hover{box-shadow: 0 1px 3px rgba(34,25,25,0.5); border:2px solid #AFAFAF}
#grid01 {background: none; border: none; box-shadow:none; padding:0;}
a.updatebtn { display:block; background: url(../images/update.png) no-repeat 0 0; width:225px; height:23px; margin:0 5px 5px}
a.updatebtn:hover { background-position: 0 -23px; }
a.randombtn { display:block; background: url(../images/random.png) no-repeat 0 0; width:225px; height:23px; margin:0 5px 5px}
a.randombtn:hover { background-position: 0 -23px; }
/*.grid strong {
	border-bottom:1px solid #ccc;
	margin:10px 0;
	display:block;
	padding:0 0 5px;
	font-size:17px;
}*/
.follow_cont { width: 234px; height: 260px; margin: 0 auto; margin-top:5px;}
.grid .note {border: #b2d0f6 2px solid; font-size:12px; padding: 5px; line-height: 14px; text-align:left;}
.grid .note .str{ font-size:16px; font-weight:bold; text-align:center; line-height: 18px;}
.grid .meta{
	
	text-align:center;
	color:#2d2f6a;
	font-size:16px;
	margin:10px 0;
}
.grid img, .cell img{
	margin-bottom:5px;
	max-width:100%;
	background:#ccc;
	display:block;
	margin:0 auto;
}
#waterfall .cell{ padding:10px 0px 5px 0px; width:223px;border:1px solid #E3E3E3; background:#fff; margin-top:20px;box-shadow: 0px 2px 3px 1px #ccc; }
#waterfall .cell:hover{box-shadow: 0px 2px 3px 1px #999;}


.cont {margin-top: 30px;}


.name {height: 50px;
    line-height: 28px;}
	
.rankcont li img {
    width: 180px;}

.polltips{ width:725px; height:78px; background-color: #1272b5; border-radius: 4px; border: 1px solid #0b5595; margin: 0 auto;}
.polltips li {float:left; width: 27%; /*color: #fff;*/ font-size:10px; line-height:18px; padding: 14px 0;}
.polltips li:hover, .l2 {color: #d2ff00;}
.tips .l1, .tips .l1:hover { font-size:24px; line-height: 50px; text-align:center; width: 16%;  color: #fff;}
/*.l2 span{ display:block; float:left; background: url(../images/tips.png) no-repeat 0 0; width:53px; height:54px; margin-right:5px;}*/
.l2 span { color: #d2ff00; display:block; float:left; background: url(../images/tips.png) no-repeat 0 -56px; width:53px; height:54px; margin-right:5px;}
.l3 span{ display:block; float:left; background: url(../images/tips.png) no-repeat -53px 0; width:54px; height:54px; margin-right:5px;}
.l3 span:hover { background-position: -53px -54px}
.l4 span{ display:block; float:left; background: url(../images/tips.png) no-repeat -110px 0; width:54px; height:54px; margin-right:5px;}
.l4 span:hover { background-position: -110px -54px}


.rankcont { width:1000px; margin: 0 auto; margin-top:30px; position:relative;}
.rankcont li { float:left; color:#FFF; font-size: 16px; text-align:center; margin:0 0 30px 12px;  position: relative;}
.rankcont a {display:block;}
.listcont { margin-top:30px;}
.listcont h2 { text-indent:-999em; width:400px;}
#tt1{ background:  url(../images/titles.png) no-repeat 0 0; height:18px;}
#tt2{ background:  url(../images/titles.png) no-repeat 0 -18px; height:18px;}
#tt3{ background:  url(../images/titles.png) no-repeat 0 -36px; height:18px;}
#tt4{ background:  url(../images/titles.png) no-repeat 0 -69px; height:18px;}
#tt5{ background:  url(../images/titles.png) no-repeat 0 -102px; height:18px;}
#tt6{ background:  url(../images/titles.png) no-repeat 0 -136px; height:18px;}
#tt7{ background:  url(../images/titles.png) no-repeat 0 -170px; height:18px;}

.r3{ display:block; width:44px; height:57px; background: url(../images/ranking.png) no-repeat -95px 0; position:absolute; right:15px;top: 0;}
.r2{ display:block; width:44px; height:57px; background: url(../images/ranking.png) no-repeat -48px 0; float:right; position:absolute; right:15px; top: 0;}
.r1{ display:block; width:44px; height:57px; background: url(../images/ranking.png) no-repeat 0 0; float:right; position:absolute; right:15px; top: 0;}
.r4{ display:block; width:59px; height:59px; background: url(../images/ranking.png) no-repeat -145px 0; position:absolute; right:10px;top: 0;}
.r5{ display:block; width:59px; height:59px; background: url(../images/ranking.png) no-repeat -212px 0; position:absolute; right:10px;top: 0;}
.r6{ display:block; width:62px; height:59px; background: url(../images/ranking.png) no-repeat -270px 0; position:absolute; right:10px;top: 0;}

.cont2  { position: relative;}
.pollnav {width:160px; position: fixed; top: 220px; left:10px;}
.pollnav li { display:block; width:116px; height:40px; float:left; margin: 0 auto; background: url(../images/btn01.png) no-repeat 0 -49px; margin-bottom: 15px; color: #1272b5; text-align:center; line-height:40px; font-weight:bold; cursor: pointer;  font-size: 13px;}
.pollnav li:hover, .pollnav li.on {background-position: 0 0; width:142px; height:49px; color: #04406a; line-height:50px; margin-bottom: 6px; font-size:16px;}


.mask{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.4; filter: alpha(opacity=40); z-index: 1112;}
.pophead { position: relative; }
.pophead p { height: 55px; line-height: 45px; text-align: center; font-size: 28px; font-family: Impact, "Roboto", sans-serif; }
.pophead a.close { position: absolute; right: 5px; top: 5px; display: block; width: 45px; height: 45px; background: url(../images/btns.png) no-repeat -44px -352px; }
.pophead a.close:hover { background-position: 0 -352px; }
.popcont { width: 90%; margin: 0 auto; padding: 10px 0; }
.popcont table { width: 100%; margin: 3px 0; }
.popcont td, .popcont th { border: 1px solid #999; text-align: center; }
.popcont span { color: red; }



.c1 { color: #d10e62; }
.c2 { color: #f6c51c; }
.c3 { color: #47f005; }
.c4 { color: #05f0dd; }
.c5 { color: #02c4fc; }
.c6 { color: #ff0024; }



.pages { text-align: center; padding-top: 6px; }
.pages a { display: inline-block; *display: inline; *zoom: 1; height: 40px; width: 38px; padding-left: 6px; margin: 0 5px; text-align: center; line-height: 40px; color: #f6d745; background: url(../images/btns.png) no-repeat 0 bottom; font-size: 16px; }
.pages a:hover, .pages a.on { background-position: -44px bottom }


#showhint1 { position: absolute; left: 295px; top: 180px; width: 193px; text-align: center; height: 56px; background: #000; color: #fff;opacity: 0.9; filter: alpha(opacity=90);   padding: 5px 10px; border-radius: 8px;}
#showhint1 { line-height: 18px;  }



/*footer*/
.footer{ width: 100%; padding: 40px 0 30px 0; position: relative; }
.footer table{ width: 100%; color: #fff;  margin: 0 auto;}
.footer table a{ margin: 0 5px; color: #fff; }
.footer table a:hover{text-decoration: underline; }

#tip_con_flow{  overflow-y: scroll;
    overflow-x: hidden;
    height: 420px;}

/*pop box*/
.msg_form_class, .bugs_form_class, .suggest_form_class { display:none; /*FF IE7 该值为本身高的一半*/ margin-top:0px; position:fixed!important; position:absolute;/*IE6*/ _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/ document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/}

.mask{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.6; filter: alpha(opacity=60); z-index: 1112;}

.tipbox{position: relative; z-index: 1113; color: #fff; background: #13a5e9; border: 5px solid #61cdff; border-radius: 10px;     overflow: hidden;
    height: 650px;}
.box1{width: 440px;}
.box2{width: 858px;}
.box3{width: 590px;}
.box4{width: 1400px; margin: 0 auto; }

.tip_t{ position: relative; z-index: 2; height: 65px; text-align: center; border-radius: 10px 10px 0 0; border-bottom: 1px dashed #056592; }
.tip_t a.close{ position: absolute; top: 8px; right: 8px; width: 34px; height: 34px; line-height: 30px; color: #d2ff00; font-size: 40px; border-radius:20px; border: 2px solid #d2ff00; background: none; }
.tip_t a.close:hover{ color: #fff; border: 2px solid #fff;}
.tip_t h2{ color: #d2ff00; line-height: 56px; font-size: 30px; text-align: center; }
.tip_c{ position: relative; z-index: 1; font-family: "Roboto", sans-serif;}
.tip_con{width: 88%; margin: 0 auto; padding: 20px 0 5px 0; position: relative;}
.tip_con h3 { color: #d2ff00; line-height: 22px; font-size: 20px; }
.tip_con h2 {color: #d2ff00; line-height: 56px; font-size: 30px; text-align: center;}
.tip_con.sp{width: 96%;}
.tip_con span{color: red;}
.tip_con p{ padding: 7px 0; line-height: 18px;}
.tip_con img {width:99%}
.tip_con table{width: 90%; margin: 10px auto; background: #146e98;}
.tip_con table td, .tip_con table th{text-align: center; border: 1px solid #13a5e9; /* line-height: 16px;*/}
.tip_con form ul{padding: 0 20px;}
.tip_con form ul li{padding: 3px;}
.tip_con form label{font-size: 16px; text-transform: capitalize; width: 100px; display: inline-block; text-align: right; padding-right: 3px;}
.tip_con form input.ipt, .tip_con form select.slt { width: 200px; padding-left: 2px; color: #000; border: 1px solid #fecf9b; border-right-color: #fff6ed; border-bottom-color: #fff6ed; height: 24px; line-height: 24px; }
.tip_con form input.ipt{  }
.tip_con form input.code{width: 120px;}
.tip_con form select.slt{  }
.tip_con textarea{ font-family: "Roboto", sans-serif; font-size: 14px; width: 100%; height:160px; border: 1px solid #fecf9b; border-right-color: #fff6ed; border-bottom-color: #fff6ed; }
.tip_db{padding-bottom: 10px; text-align: center;}
.tip_db ul{margin: 0 auto; width: 380px;}
.tip_db li{float: left; width: 170px; margin: 0 10px;}
.tip_db p{padding-bottom: 5px; }
.tip_db p a{color: #d2914d; font-family: "Roboto", sans-serif;}
.tip_db p a:hover{text-decoration: underline;}
.tip_db a.btn_tip{ display: block; width: 100px; height: 32px; line-height: 32px; font-weight: bold; border-radius: 10px; margin: 10px auto; background: #0173b1; text-transform: uppercase; }
.tip_db a.btn_tip:hover{ background: #D2FF00; color: #04406a;}
.stage1, .stage2 { display:block; border:#28295a 1px solid; width: 74px; height:42px; line-height:20px; color: #d2ff00; float: left;
    margin-right: 10px; border-radius: 6px; text-align:center;}
.stage1:hover, .stage1.on, .stage2:hover, .stage2.on { background: #146e98;}
.stages { position:absolute; right:0; width:180px;}
.stgcont.stgcont2 { overflow-y: scroll; overflow-x: hidden; height:420px;}
.stgcont.stgcont2 li {padding-right: 10px;}
.stgcont {margin-top: 60px; /*overflow-y: auto; overflow-x: hidden*/}
.stgcont li {height: 78px;}
.stgcont li span { float:left; width: 39px; height:39px; line-height:38px; border-radius: 20px; background: #146e98; color: #d2ff00; text-align:center; font-size:28px; margin-right: 12px; font-weight:bold;}
.stgcont li strong, .stgcont li strong a {  color: #d2ff00;}
.stgcont li.numb { height:500px;}
.stgcont li.numb span{ margin: 0 12px 450px 0;}
.stgcont li.numb01 { height:180px;}
.stgcont li.numb02 { height:120px;}
.stgcont li.numb01 span, .stgcont li.numb02 span { margin: 0 12px 80px 0;}
 

.prizebox { display:none; z-index:1112; left:50%; top:20%; margin-left:-420px!important;/*FF IE7 该值为本身宽的一半 */ margin-top:-60px!important;/*FF IE7 该值为本身高的一半*/ margin-top:0px; position: fixed!important; position:absolute;/*IE6*/ _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/ document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/ }

.rulebox { display:none; z-index:1112; left:50%; top:20%; margin-left:-300px!important;/*FF IE7 该值为本身宽的一半 */ margin-top:-60px!important;/*FF IE7 该值为本身高的一半*/ margin-top:0px; position: fixed!important; position:absolute;/*IE6*/ _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/ document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/ }