BODY {
	FONT-SIZE: 12px; MARGIN: 0px; COLOR: #000000; FONT-FAMILY: "??"
}
#toptable {
	BORDER-TOP: #ff9900 5px solid
}
.bgcolor_orange {
	BACKGROUND-COLOR: #ff9900
}
.tcolor_orange2 {
	FONT-SIZE: 8px; COLOR: #ed6a02
}
A {
	COLOR: #41478a
}
A.area {
	COLOR: #8a8a8a; TEXT-DECORATION: underline
}
A.area:link {
	COLOR: #8a8a8a; TEXT-DECORATION: underline
}
A.area:visited {
	COLOR: #8a8a8a; TEXT-DECORATION: underline
}
A.area:hover {
	COLOR: #ff0000; TEXT-DECORATION: underline
}

A.blacktext {
	FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION: underline
}
A.blacktext:link {
	FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION: underline
}
A.blacktext:visited {
	FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION: underline
}
A.blacktext:hover {
	FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION: underline
}
A.gtext {
	FONT-SIZE: 12px; COLOR: #41478a; TEXT-DECORATION: underline
}
A.gtext:link {
	FONT-SIZE: 12px; COLOR: #41478a; TEXT-DECORATION: underline
}
A.gtext:visited {
	FONT-SIZE: 12px; COLOR: #41478a; TEXT-DECORATION: underline
}
A.gtext:hover {
	FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION: underline
}
.lt0 {
	PADDING-LEFT: 45px; FONT-SIZE: 14px; BACKGROUND-IMAGE: url(../bobo/images/leftmenu2_r5_c1.jpg); COLOR: #000000; TEXT-ALIGN: left
}
.lt1 {
	PADDING-LEFT: 45px; FONT-SIZE: 14px; BACKGROUND-IMAGE: url(../bobo/images/leftmenu_r5_c1.jpg); COLOR: #ff0000; TEXT-ALIGN: left
}
.lt00 {
	PADDING-LEFT: 45px; FONT-WEIGHT: bold; FONT-SIZE: 14px; BACKGROUND-IMAGE: url(../bobo/images/leftmenu2_r5_c1.jpg); COLOR: #000000; TEXT-ALIGN: left
}
.lt11 {
	PADDING-LEFT: 45px; FONT-WEIGHT: bold; FONT-SIZE: 14px; BACKGROUND-IMAGE: url(../bobo/images/leftmenu_r5_c1.jpg); COLOR: #ff0000; TEXT-ALIGN: left
}
.num2font {
	FONT-WEIGHT: bold; FONT-SIZE: 14px
}
.num3 {
	FONT-SIZE: 14px; COLOR: #ff0000
}
.inputstyle {
	WIDTH: 104px; HEIGHT: 20px
}
.inputstyle3 {
	HEIGHT: 16px
}
.inputstyle2 {
	WIDTH: 50px; HEIGHT: 20px
}
.inputstyle4 {
	FONT-SIZE: 12px; WIDTH: 132px; HEIGHT: 14px
}
.hborder {
	BORDER-RIGHT: #e2e4df 6px solid; BORDER-TOP: #e2e4df 6px solid; MARGIN: 0px 10px 10px 0px; BORDER-LEFT: #e2e4df 6px solid; BORDER-BOTTOM: #e2e4df 6px solid
}
.title {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; MARGIN: 10px 0px 0px; COLOR: #41478a; TEXT-DECORATION: underline
}
.title1 {
	FONT-SIZE: 14px; MARGIN: 10px 0px 0px; COLOR: #41478a; TEXT-DECORATION: underline
}
.contant {
	MARGIN: 5px 0px 0px
}
.url {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 5px 0px 0px; COLOR: #41478a; PADDING-TOP: 0px
}
.rborder {
	BORDER-BOTTOM: #fe9900 1px solid
}
.fontred {
	FONT-SIZE: 12px; COLOR: #ff0000
}
.fontred1 {
	FONT-SIZE: 12px; COLOR: black
}
.boldfont {
	FONT-WEIGHT: bold
}
.xiangguan {
	BORDER-RIGHT: #c8c8c8 3px solid; BORDER-TOP: #c8c8c8 3px solid; MARGIN-TOP: 15px; DISPLAY: block; BORDER-LEFT: #c8c8c8 3px solid; BORDER-BOTTOM: #c8c8c8 3px solid
}
.fontb {
	COLOR: #0b83b8
}
.cztitle:link {
	FONT-SIZE: 14px; COLOR: #cc0000; TEXT-DECORATION: none
}
.cztitle:visited {
	FONT-SIZE: 14px; COLOR: #cc0000; TEXT-DECORATION: none
}
.cztitle:hover {
	FONT-SIZE: 14px; COLOR: #cc0000; TEXT-DECORATION: underline
}
.cztitle:active {
	FONT-SIZE: 14px; COLOR: #cc0000; TEXT-DECORATION: none
}
TD {
	FONT-FAMILY: Microsoft Sans Serif
}
BODY {
	MARGIN: 0px; WORD-BREAK: break-all
}
.yinhangtd {
	PADDING-LEFT: 13px; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; BACKGROUND-COLOR: #ffffff
}
.yinhangtd1 {
	HEIGHT: 25px; BACKGROUND-COLOR: #ffffff
}
.smartbutton {
	BORDER-RIGHT: #7b9ebd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7b9ebd 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde); BORDER-LEFT: #7b9ebd 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7b9ebd 1px solid
}
.chaxun {
	BACKGROUND-IMAGE: url(cha.jpg); WIDTH: 39px; CURSOR: pointer; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 23px; BORDER-BOTTOM-STYLE: none
}
.liebiao {
	height: 110px;
	width: 180px;
	border: 1px solid #FF9900;
	font-size: 9pt;
	color: #333333;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}
.liebiao1 {
	font-size: 9pt;
	color: #000000;
	text-decoration: none;
	background-color: #DFDFDF;
	padding: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

H1 {
	DISPLAY: inline; FONT-WEIGHT: bold; FONT-SIZE: 16px
}
/* H2 {
	DISPLAY: inline; FONT-WEIGHT: bold; FONT-SIZE: 14px
} */
*, *:before, *:after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    background: #ededed;
}

input, button {
    border: none;
    outline: none;
    background: none;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

.tip {
    font-size: 20px;
    margin: 40px auto 50px;
    text-align: center;
}

.content {
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 900px;
    height: 550px;
    margin: -250px 0 0 -450px;
    background: #fff;
}


.content2 {
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -410px 0 0 -460px;
	width: 1200px;
}

.content3 {
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 420px 0 0 -100px;
	width: 300px;
}

.content4 {
    overflow: hidden;
    position: absolute;
    left: 40%;
    top: 1%;
}

.form {
    position: relative;
    width: 640px;
    height: 100%;
    transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
    padding: 50px 30px 0;
}

.sub-cont {
    overflow: hidden;
    position: absolute;
    left: 640px;
    top: 0;
    width: 900px;
    height: 100%;
    padding-left: 260px;
    background: #fff;
    transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}

.content.s--signup .sub-cont {
    -webkit-transform: translate3d(-640px, 0, 0);
    transform: translate3d(-640px, 0, 0);
}

button {
    display: block;
    margin: 0 auto;
    width: 260px;
    height: 36px;
    border-radius: 30px;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
}

.img {
    overflow: hidden;
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    width: 260px;
    height: 100%;
    padding-top: 360px;
}

.img:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 900px;
    height: 100%;
    background-image: url(../images/beijing2.jpg);
    background-size: cover;
    transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}

.img:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

.content.s--signup .img:before {
    -webkit-transform: translate3d(640px, 0, 0);
    transform: translate3d(640px, 0, 0);
}

.img__text {
    z-index: 2;
    position: absolute;
    left: 0;
    top: 50px;
    width: 100%;
    padding: 0 20px;
    text-align: center;
    color: #fff;
    transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}

.img__text h2 {
    margin-bottom: 10px;
    font-weight: normal;
}

.img__text p {
    font-size: 14px;
    line-height: 1.5;
}

.content.s--signup .img__text.m--up {
    -webkit-transform: translateX(520px);
    transform: translateX(520px);
}
.img__text.m--in {
    -webkit-transform: translateX(-520px);
    transform: translateX(-520px);
}

.content.s--signup .img__text.m--in {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.img__btn {
    overflow: hidden;
    z-index: 2;
    position: relative;
    width: 100px;
    height: 36px;
    margin: 0 auto;
    background: transparent;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    cursor: pointer;
}
.img__btn:after {
    content: '';
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #fff;
    border-radius: 30px;
}

.img__btn span {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    transition: transform 0.6s, -webkit-transform 0.6s;
}

.img__btn span.m--in {
    -webkit-transform: translateY(-72px);
    transform: translateY(-72px);
}

.content.s--signup .img__btn span.m--in {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.content.s--signup .img__btn span.m--up {
    -webkit-transform: translateY(72px);
    transform: translateY(72px);
}

h2 {
    width: 100%;
    font-size: 26px;
    text-align: center;
}

label {
    display: block;
    width: 260px;
    margin: 25px auto 0;
    text-align: center;
}

label span {
    font-size: 12px;
    color: #909399;
    text-transform: uppercase;
}

input {
    display: block;
    width: 100%;
    margin-top: 5px;
    padding-bottom: 5px;
    font-size: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
    text-align: center;
}

.forgot-pass {
    margin-top: 15px;
    text-align: center;
    font-size: 12px;
    color: #cfcfcf;
}

.forgot-pass a {
    color: #cfcfcf;
}

.submit {
    margin-top: 40px;
    margin-bottom: 20px;
    background: #0072E3;
    text-transform: uppercase;
}

.submit2 {
    margin-top: -30px;
	margin-right: 0px;
    margin-bottom: 20px;
    background: #0072E3;
    text-transform: uppercase;
	width: 80px;
	font-size: 12px;
}

.fb-btn {
    border: 2px solid #d3dae9;
    color: #8fa1c7;
}
.fb-btn span {
    font-weight: bold;
    color: #455a81;
}

.sign-in {
    transition-timing-function: ease-out;
}
.content.s--signup .sign-in {
    transition-timing-function: ease-in-out;
    transition-duration: 0.6s;
    -webkit-transform: translate3d(640px, 0, 0);
    transform: translate3d(640px, 0, 0);
}

.sign-up {
    -webkit-transform: translate3d(-900px, 0, 0);
    transform: translate3d(-900px, 0, 0);
}
.content.s--signup .sign-up {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}