﻿

.dark INPUT[type='text'] {

	BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; PADDING-BOTTOM: 8px; LINE-HEIGHT: 12px; MARGIN: 0px; PADDING-LEFT: 13px; PADDING-RIGHT: 13px; FONT-FAMILY: Arial; COLOR: #a5a5a5; BORDER-TOP: medium none; BORDER-RIGHT: medium none; PADDING-TOP: 8px; border-radius: 6px; box-shadow: inset 0px 1px 8px rgba(0, 0, 0, .25), 0px 1px 0px rgba(255, 255, 255, .15), 0px 0px 3px rgba(255, 255, 255, 0); text-shadow: 0px 1px 2px rgba(0, 0, 0, .3)

}

.dark INPUT[type='password'] {

	BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; PADDING-BOTTOM: 8px; LINE-HEIGHT: 12px; MARGIN: 0px; PADDING-LEFT: 13px; PADDING-RIGHT: 13px; FONT-FAMILY: Arial; COLOR: #a5a5a5; BORDER-TOP: medium none; BORDER-RIGHT: medium none; PADDING-TOP: 8px; border-radius: 6px; box-shadow: inset 0px 1px 8px rgba(0, 0, 0, .25), 0px 1px 0px rgba(255, 255, 255, .15), 0px 0px 3px rgba(255, 255, 255, 0); text-shadow: 0px 1px 2px rgba(0, 0, 0, .3)

}

.dark#login INPUT[type='text'] {

	PADDING-BOTTOM: 5px !important; PADDING-LEFT: 13px !important; PADDING-RIGHT: 13px !important; PADDING-TOP: 5px !important

}

.dark#login INPUT[type='password'] {

	PADDING-BOTTOM: 5px !important; PADDING-LEFT: 13px !important; PADDING-RIGHT: 13px !important; PADDING-TOP: 5px !important

}

.dark#login .button {

	PADDING-BOTTOM: 4px !important; PADDING-LEFT: 10px !important; PADDING-RIGHT: 10px !important; PADDING-TOP: 4px !important

}

.dark INPUT[type='text']:focus {

	box-shadow: inset 0px 1px 8px rgba(0, 0, 0, .25), 0px 1px 0px rgba(255, 255, 255, .05), 0px 0px 3px rgba(255, 255, 255, 0.3)

}

.dark INPUT[type='password']:focus {

	box-shadow: inset 0px 1px 8px rgba(0, 0, 0, .25), 0px 1px 0px rgba(255, 255, 255, .05), 0px 0px 3px rgba(255, 255, 255, 0.3)

}

.animate {

	-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out

}

.button {

	-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out

}

.iconBox {

	-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out

}

#tHeader * {

	-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out

}

.dark A {

	-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out

}

.dark .button {

	BORDER-BOTTOM: black 1px solid; POSITION: relative; FILTER: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a545e', endColorstr='#3a424b',GradientType=0 ); BORDER-LEFT: black 1px solid; PADDING-BOTTOM: 7px; PADDING-LEFT: 13px; PADDING-RIGHT: 13px; DISPLAY: inline-block; FONT-FAMILY: Arial; BACKGROUND: rgb(74,84,94); COLOR: #a5a5a5; BORDER-TOP: black 1px solid; CURSOR: pointer; BORDER-RIGHT: black 1px solid; PADDING-TOP: 7px; border-radius: 6px; box-shadow: 0px 1px 0px rgba(255, 255, 255, .05), inset 0px 1px 0px rgba(255, 255, 255, .15), inset 0px 1px 30px rgba(255, 255, 255, 0); text-shadow: 0px 1px 2px rgba(0, 0, 0, .7); -webkit-transition: all 0.3; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s

}

.dark .button:hover {

	COLOR: #efefef; box-shadow: 0px 1px 0px rgba(255, 255, 255, .05), inset 0px 1px 0px rgba(255, 255, 255, .15), inset 0px 1px 30px rgba(255, 255, 255, .08)

}

.dark {

	COLOR: #90999c; text-shadow: 0px 1px 2px rgba(0, 0, 0, .3)

}

.dark B {

	COLOR: #8491a0; FONT-WEIGHT: bold

}

.dark A {

	COLOR: #90999c; text-shadow: 0px 1px 2px rgba(0, 0, 0, .3)

}

#seccondBar {

	POSITION: relative; WIDTH: 100%

}

.dark H3 {

	MARGIN: 0px 0px 15px; COLOR: #bababa; FONT-SIZE: 15px; FONT-WEIGHT: normal; text-shadow: 0px 1px 0px rgba(0, 0, 0, .8)

}

#seccondBarRight H3 {

	PADDING-LEFT: 30px

}

H3.check {

	LINE-HEIGHT: 19px; TEXT-INDENT: 34px; BACKGROUND: url(img/checkbig.png) no-repeat; HEIGHT: 19px

}

A {

	CURSOR: pointer; TEXT-DECORATION: none

}



.button DIV {

	FLOAT: left

}

.button .spacer {

	POSITION: relative; WIDTH: 3px; DISPLAY: inline-block; FLOAT: left; HEIGHT: 4px; MARGIN-LEFT: 11px; MARGIN-RIGHT: 11px

}

.button .spacer DIV {

	POSITION: absolute; WIDTH: 3px; BACKGROUND: url(img/btngreenspacer.png); HEIGHT: 21px; TOP: -3px; LEFT: 0px

}



.checkbox {

	LINE-HEIGHT: 19px; TEXT-INDENT: 33px; WIDTH: 100%; MARGIN-BOTTOM: 10px; BACKGROUND: url(img/checkboxdark.png) no-repeat; HEIGHT: 21px; CURSOR: pointer

}

.checkbox:hover {

	BACKGROUND: url(img/checkboxdark.png) no-repeat 0px -21px

}

.checked.checkbox {

	BACKGROUND: url(img/checkboxdark.png) no-repeat 0px -42px

}

.checked.checkbox:hover {

	BACKGROUND: url(img/checkboxdark.png) no-repeat 0px -63px

}



.popup {

	Z-INDEX: 120; BORDER-BOTTOM: #252a2e 1px solid; POSITION: fixed; BORDER-LEFT: #252a2e 1px solid; MARGIN-TOP: -140px; WIDTH: 500px; DISPLAY: none; BACKGROUND: #3e454e; HEIGHT: 280px; MARGIN-LEFT: -250px; BORDER-TOP: #252a2e 1px solid; TOP: 50%; BORDER-RIGHT: #252a2e 1px solid; LEFT: 50%;  border-radius: 9px; box-shadow: 0px 2px 7px 0px black

}

.topBar {

	POSITION: absolute; FILTER: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383f47', endColorstr='#31373e',GradientType=0 ); LINE-HEIGHT: 40px; TEXT-INDENT: 20px; WIDTH: 100%; BACKGROUND: rgb(56,63,71); HEIGHT: 40px; TOP: 0px; LEFT: 0px; border-radius: 9px; box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, .2), 0px 1px 0px 0px rgba(0, 0, 0, .58); border-bottom-right-radius: 0px; border-bottom-left-radius: 0px

}

.botBar {

	POSITION: absolute; WIDTH: 100%; BOTTOM: 0px; HEIGHT: 65px; LEFT: 0px; box-shadow: 0px -1px 0px 0px #343a41, inset 0px 1px 0px 0px #555c64

}

.popupClose {

	POSITION: absolute; WIDTH: 16px; BACKGROUND: url(../images/closePopup.png); HEIGHT: 15px; TOP: 14px; CURSOR: pointer; RIGHT: 20px; opacity: .7

}

.posts H2 {

	MARGIN: 0px

}

time {

	COLOR: #aaa; FONT-WEIGHT: normal

}

.popupClose:hover {

	opacity: 1

}

.popupContent {

	POSITION: relative; MARGIN: 60px 20px 20px

}

.popupContent INPUT[type='text'] {

	MARGIN-TOP: 7px; WIDTH: 190px; MARGIN-BOTTOM: 15px

}

.popupContent INPUT[type='password'] {

	MARGIN-TOP: 7px; WIDTH: 190px; MARGIN-BOTTOM: 15px

}

.popupButtons {

	POSITION: absolute; BOTTOM: 16px; RIGHT: 120px

}

.popupBottonText {

	POSITION: absolute; BOTTOM: 22px; LEFT: 20px

}

.white.button {

	BORDER-BOTTOM: medium none; FILTER: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6c6c6', endColorstr='#b2b2b2',GradientType=0 ); BORDER-LEFT: medium none; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; BACKGROUND: rgb(198,198,198); COLOR: #232123; BORDER-TOP: medium none; FONT-WEIGHT: bold; BORDER-RIGHT: medium none; box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, .4), 0px 1px 2px 0px rgba(0, 0, 0, .5); text-shadow: 0px 1px 0px rgba(255, 255, 255, .2)

}

.white.button:hover {

	COLOR: #232123; box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, .4), 0px 1px 2px 0px rgba(0, 0, 0, .5), inset 0px 0px 30px 0px rgba(255, 255, 255, 1); text-shadow: 0px 1px 0px rgba(255, 255, 255, .2)

}

.unselectable {

	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none

}

.iconContainer {

	TEXT-ALIGN: center; DISPLAY: inline-block; FLOAT: left

}

.iconContainer DIV {

	MARGIN: 0px auto

}

.hr {

	TEXT-ALIGN: center; WIDTH: 100%; MARGIN-BOTTOM: 18px; HEIGHT: 20px; box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, .4)

}

.hr DIV {

	MARGIN-TOP: 12px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; DISPLAY: inline-block; BACKGROUND: #3e454e

}

.dark A:hover {

	

}

.inputHolder {

	POSITION: relative

}

.inputHolder IMG {

	POSITION: absolute; DISPLAY: none; TOP: 16px; RIGHT: 7px

}

.tooltip {

	POSITION: absolute; PADDING-BOTTOM: 0px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; DISPLAY: none; BACKGROUND: url(img/tooltipmiddle.png); HEIGHT: 45px; PADDING-TOP: 0px

}

.tooltip .tRight {

	Z-INDEX: 10; POSITION: absolute; WIDTH: 40px; BACKGROUND: url(img/tooltipright.png); HEIGHT: 45px; TOP: 0px; RIGHT: -40px

}

.tooltip .tLeft {

	Z-INDEX: 10; POSITION: absolute; WIDTH: 19px; BACKGROUND: url(img/tooltipleft.png); HEIGHT: 45px; TOP: 0px; LEFT: -19px

}

.tooltip .text {

	Z-INDEX: 20; POSITION: relative; MARGIN-TOP: 10px; MARGIN-LEFT: -16px; MARGIN-RIGHT: -34px

}

UL.iconList LI IMG {

	MARGIN-RIGHT: 8px; opacity: .6

}

UL.iconList LI {

	MARGIN-TOP: 10px

}

UL.iconList LI A:hover IMG {

	opacity: .8

}

.tooltipLeft {

	POSITION: absolute; PADDING-BOTTOM: 0px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; DISPLAY: none; BACKGROUND: url(img/tooltipleftsidemiddle.png); HEIGHT: 45px; PADDING-TOP: 0px

}

.tooltipLeft .tRight {

	Z-INDEX: 10; POSITION: absolute; WIDTH: 19px; BACKGROUND: url(img/tooltipleftsideright.png); HEIGHT: 45px; TOP: 0px; RIGHT: -19px

}

.tooltipLeft .tLeft {

	Z-INDEX: 10; POSITION: absolute; WIDTH: 40px; BACKGROUND: url(img/tooltipleftsideleft.png); HEIGHT: 45px; TOP: 0px; LEFT: -40px

}

.tooltipLeft .text {

	Z-INDEX: 20; POSITION: relative; MARGIN-TOP: 10px; MARGIN-LEFT: -34px; MARGIN-RIGHT: -16px

}

UL.circleList LI {

	TEXT-INDENT: 20px; BACKGROUND: url(img/circle.png) no-repeat 5px 5px

}

BODY {

	OVERFLOW-Y: scroll

}



* {

	OUTLINE-STYLE: none !important; OUTLINE-COLOR: invert !important; OUTLINE-WIDTH: medium !important

}





#j-slideunlock{

		margin:10px 0;

        width: 100%;

        -moz-border-radius: 10px;

        -webkit-border-radius: 10px;

        text-align: left;

    }

#j-slideunlock #slider{

	margin:0 !important;

	width:100% !important;

}

#j-slideunlock #label{

	text-align:center;

}

.dark INPUT[type="text"]{

color:#666 !important;

border:0 none;

box-shadow:none;

text-shadow:none;

}

.dark INPUT[type="text"]:focus {

box-shadow:none;

text-shadow:none;

}

#signUp{

z-index:100001;

}

#signUp div{

text-align:left;

color:#90999C;

}

 /*网上核名-底部浮动S*/

.j-websubmit{

width: 100%;

height: 219px;

position: fixed;

display: none;

bottom:0;

overflow:hidden;

z-index: 8000;

}

.j-websubmit .j-wrap{

width: 100%;

height:80px;

position: absolute;

left: 0;

bottom:0;

background-color: rgba(0,0,0,0.7);

z-index: 8000;

filter:Alpha(opacity=80) \9;

background:#333 \9;

}

.j-websubmit .j-query{

margin:0 auto;

height: 85px;

width: 1200px;

display: table;

position: absolute;

left:50%;

margin-left:-500px;

z-index: 8000;

}

.j-query img{

float:left;

display: inline-block;

margin-right: 120px;

}

.j-query h1{

height:60px;

line-height: 70px;

font-size: 24px;

color: #FF0A0A;

margin-top:120px;

}

.j-query h1 em{

color: #FFFFFF;

font-size:18px;

font-style: normal;

margin-left:20px;

}

.j-query label{

color:#fff;

font-size: 14px;

font-weight: 500;

cursor: pointer;

}

.j-query input[type="text"]{

height:30px;

line-height: 30px;

padding: 0 10px;

width: 290px;

border:1px solid #fff;

margin:0 20px;

color:#666;

border-radius: 3px;

font-size: 12px;

}

.j-query .j-submit{

 padding:5px 10px;

 background: #FF0A0A;

 border: 1px solid #FF0A0A;

 cursor: pointer;

 border-radius: 5px;

 font-size: 14px;

 margin-top:-1px;

 color: #FFF;

}

.j-query .j-close-btn{

display: table;

border-radius: 50px;

width:30px;

text-align: center;

height:30px;

line-height: 30px;

color: #fff;

background-color: #333;

position: absolute;

right:0;

top:140px;

}

.j-query .j-close-btn:hover{

background-color: #fff;

color:#000;

}

.j-float-note{

	display:none;

	width:130px;

	position: fixed;

	left:0;

	bottom:15px;

	border-top-right-radius:50px;

	border-bottom-right-radius:50px;

	background-color:#FFA500;

	overflow:hidden;

}

.j-float-note a{

	text-align:left;

	padding:20px 0;

	display:block;

	color:#fff;

	

}

.j-float-note a p{

	display:inline-block;

	font-size:32px;

	margin-left:25px;

}

.j-float-note a em{

	display:inline-block;

	background-color:#fff;

	color:#000;

	padding:3px 5px;

	margin:0;

	border-radius:5px;

	margin-left:25px;

}

 /*网上核名-底部浮动E*/



#slider {

  margin: 100px auto;

  width: 300px;

  height: 40px;

  position: relative;

  border-radius: 2px;

  background-color: #dae2d0;

  overflow: hidden;

  text-align: center;

  user-select: none;

  -moz-user-select: none;

  -webkit-user-select: none;

}



#slider_bg {

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  background-color: #7AC23C;

  z-index: 1;

}



#label {

  width: 46px;

  position: absolute;

  left: 0;

  top: 0;

  height: 38px;

  line-height: 38px;

  border: 1px solid #cccccc;

  background: #fff;

  z-index: 3;

  cursor: move;

  color: #ff9e77;

  font-size: 16px;

  font-weight: 900;

}



#labelTip {

  position: absolute;

  left: 0;

  width: 100%;

  height: 100%;

  font-size: 13px;

  font-family: 'Microsoft Yahei', serif;

  color: #787878;

  line-height: 38px;

  text-align: center;

  z-index: 2;

}