body {

	margin: 0px; padding: 0px;

}

form {

	margin: 0px; padding: 0px;

}

ul {

	margin: 0px; padding: 0px;

}

ol {

	margin: 0px; padding: 0px;

}

li {

	margin: 0px; padding: 0px;

}

dl {

	margin: 0px; padding: 0px;

}

dt {

	margin: 0px; padding: 0px;

}

dd {

	margin: 0px; padding: 0px;

}

h1 {

	margin: 0px; padding: 0px;

}

h2 {

	margin: 0px; padding: 0px;

}

h3 {

	margin: 0px; padding: 0px;

}

h4 {

	margin: 0px; padding: 0px;

}

h5 {

	margin: 0px; padding: 0px;

}

h6 {

	margin: 0px; padding: 0px;

}

p {

	margin: 0px; padding: 0px;

}

header {

	margin: 0px; padding: 0px;

}

menu {

	margin: 0px; padding: 0px;

}

footer {

	margin: 0px; padding: 0px;

}

section {

	margin: 0px; padding: 0px;

}

video {

	margin: 0px; padding: 0px;

}

article {

	margin: 0px; padding: 0px;

}

button {

	margin: 0px; padding: 0px;

}

li {

	list-style: none;

}

body {

	background: rgb(255, 255, 255); color: rgb(127, 127, 127); font-family: "΢ÈíÑźÚ","Microsoft YaHei","ËÎÌå"; font-size: 14px;

}

a {

	outline: 0px; color: rgb(127, 127, 127); text-decoration: none; cursor: pointer;

}

a:active {

	border: currentColor; border-image: none;

}

a::after {

	border: currentColor; border-image: none;

}

a:hover {

	color: rgb(0, 179, 105);

}

img {

	border: 0px currentColor; border-image: none;

}

html {

	height: 100%; -ms-overflow-y: scroll;

}

i {

	font-style: normal;

}

b {

	font-weight: normal;

}

.fl {

	float: left;

}

.fr {

	float: right;

}

.clear {

	clear: both;

}

.clearfix::after {

	height: 0px; clear: both; display: block; content: "";

}

.clearfix {

	-ms-zoom: 1;

}

.w1200 {

	margin: 0px auto; width: 100%;

}

.trans {

	transition:0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s;

}

#wrapper {

	width: 100%;

}

body {

	background: url("bg-img.jpg") no-repeat 0px 0px / cover; width: 100%;

}

#hearder {

	height: 80px; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); background-color: rgb(255, 255, 255);

}

#hearder .logo {

	width: 107px; height: 27px; margin-top: 27px;

}

#hearder .logo a {

	background: url("web-logo.png") no-repeat; width: 140px; height: 36px; display: inline-block;

}

#hearder .notice-span {

	color: rgb(127, 127, 127); line-height: 80px;

}

#hearder .notice-span a {

	color: rgb(0, 179, 105);

}

#hearder .notice-span a:hover {

	text-decoration: underline;

}

.CopyRight-p {

	left: 0px; width: 100%; height: 20px; text-align: center; bottom: 20px; color: rgb(40, 40, 40); line-height: 20px; font-size: 12px; position: absolute;

}

.CopyRight-p span {

	padding: 0px 12px;

}

#public-box {

	border-radius: 2px; width: 360px; height: 580px; box-shadow: 0px 0px 20px rgba(0,0,0,0.2); background-color: rgb(255, 255, 255);

}

#no-verify {

	border-radius: 2px; width: 360px; height: 580px; box-shadow: 0px 0px 20px rgba(0,0,0,0.2); background-color: rgb(255, 255, 255);

}

.margin-top-105 {

	margin: 65px auto 0px;

}

.bg-box {

	background: url("bg-img-box.png") no-repeat; width: 100%; height: 226px;

}

#public-box .ZC-trans {

	padding: 35px 65px; height: 20px; text-align: right; color: rgb(127, 127, 127); line-height: 20px; font-size: 14px;

}

.circle-login {

	margin: 0px auto; width: 320px; padding-top: 145px;

}

.circle-login .login-way {

	margin: 0px auto; width: 320px;

}

.circle-login .login-way .qq-way .link-box {

	background: url("public-icon.png") 0px -264px; border-radius: 50%; width: 144px; height: 144px; box-shadow: 0px 5px 20px rgba(100,180,250,0.3);

}

.circle-login .login-way .ZH-way .link-box {

	background: url("public-icon.png") -149px -264px; border-radius: 50%; width: 144px; height: 144px; box-shadow: 0px 5px 20px rgba(101,228,155,0.3);

}

.circle-login .login-way p {

	width: 144px; text-align: center; color: rgb(93, 93, 93); font-size: 16px; margin-top: 25px;

}

.circle-login .login-way .link-box:hover {

	opacity: 0.8;

}

.circle-login .login-way .qq-way:hover p {

	color: rgb(0, 179, 105);

}

.circle-login .login-way .ZH-way:hover p {

	color: rgb(0, 179, 105);

}

.circle-login .other-way {

	margin: 108px auto 0px; width: 338px;

}

.circle-login .other-way-tilte {

	width: 100%; text-align: center; color: rgb(127, 127, 127); font-size: 14px; margin-bottom: 30px; position: relative;

}

.circle-login .other-way-tilte::before {

	background: rgb(226, 226, 226); top: 50%; width: 110px; height: 1px; position: absolute; content: "";

}

.circle-login .other-way-tilte::after {

	background: rgb(226, 226, 226); top: 50%; width: 110px; height: 1px; position: absolute; content: "";

}

.circle-login .other-way-tilte::before {

	left: 0px;

}

.circle-login .other-way-tilte::after {

	right: 0px;

}

.all-kinds-of a {

	width: 50px; height: 50px; display: inline-block;

}

.all-kinds-of .margin-left {

	margin-left: 96px;

}

.all-kinds-of a {

	opacity: 0.6;

}

.qq-login {

	background: url("public-icon.png") 0px -57px;

}

.wx-login {

	background: url("public-icon.png") -53px -57px;

}

.wb-login {

	background: url("public-icon.png") -106px -57px;

}

.phone-login {

	background: url("public-icon.png") -159px -57px;

}

.all-kinds-of a:hover {

	opacity: 1;

}

.w-400 {

	margin: 0px auto; left: 0px; top: 0px; width: 320px; overflow: hidden; padding-top: 50px; position: relative;

}

.login-state {

	color: rgb(51, 51, 51); font-size: 18px;

}

.login-state a {

	width: 181px; height: 60px; text-align: center; line-height: 60px; display: inline-block; cursor: pointer;

}

.login-state a:hover {

	color: rgb(0, 179, 105);

}

.login-state .on {

	color: rgb(0, 179, 105);

}

.title-actline {

	background: rgb(204, 204, 204); width: 100%; height: 2px; margin-bottom: 22px; position: relative; -ms-zoom: 1;

}

.title-actline span {

	background: rgb(0, 179, 105); top: 0px; width: 50%; height: 2px; display: block; position: absolute;

}

.change {

	width: 765px; overflow: hidden;

}

.change .opacity {

	opacity: 0;

}

.fill-box {

	width: 380px; overflow: hidden; padding-right: 0px;

}

.fill-list {

width:78%;

	border-radius: 2px;

	border: 1px solid rgb(226, 226, 226);

	border-image: none;

	height: 48px;

	margin-bottom: 12px;

	position: relative;

	padding-top: 0px;

	padding-right: 10px;

	padding-bottom: 0px;

	padding-left: 10px;

}

.fill-list input {

	padding: 11px 0px; border: 0px currentColor; border-image: none; width: 230px; height: 24px; color: rgb(27, 27, 27); line-height: 24px; font-family: "Microsoft YaHei"; font-size: 14px; margin-top: 1px; background-color: rgb(255, 255, 255); -webkit-box-shadow: 0 0 0px 30px white inset;

}

.fill-box input:-ms-input-placeholder {

	color: rgb(178, 178, 178);

}

.fill-list .type-password {

	font-size: 15px;

}

.fill-list :-ms-input-placeholder.type-password {

	font-size: 14px;

}

.fill-list i {

	background: url("public-icon.png") no-repeat -218px 0px; width: 20px; height: 22px; margin-top: 12px; margin-right: 14px; display: inline-block;

}

.fill-list .pasword-icon {

	background-position: -243px 0px;

}

.fill-list .phone-icon {

	background-position: -284px 0px; height: 25px;

}

.fill-list .mail-icon {

	background-position: -308px 0px; width: 23px;

}

.fill-list-none {

	margin-bottom: 12px; position: relative;

}

.fill-list-none input {

	padding: 0px 20px; border-radius: 2px; border: 1px solid rgb(226, 226, 226); border-image: none; width: 147px; height: 48px; line-height: 48px; font-family: "Microsoft YaHei"; font-size: 14px;

}

.fill-list-none .but-yzm {

	border: currentColor; border-image: none; width: 125px; height: 44px; color: rgb(255, 255, 255); line-height: 44px; cursor: pointer;

}

.fill-list-none .but-yzm-click {

	background-color: rgb(0, 179, 105);

}

.fill-list-none .but-yzm-click:hover {

	background-color: rgb(26, 187, 120);

}

.fill-list-none .yzm-HQ .yzm-HQ-span {

	border-radius: 2px; width: 165px; height: 50px; text-align: center; color: rgb(255, 255, 255); line-height: 50px; display: inline-block; cursor: pointer; background-color: rgb(178, 178, 178);

}

.fill-list-none .w220 {

	width: 180px;

}

.fill-list-none .JYM-div {

	width: 130px; height: 50px; position: relative;

}

.fill-list-none .JYM-div .Refresh {

	background: rgb(0, 0, 0); left: 0px; top: 0px; width: 130px; height: 50px; display: none; position: absolute; cursor: pointer; opacity: 0.1;

}

.fill-list-none .JYM-div .Refresh i {

	background: url("public-icon.png") no-repeat -279px -30px; margin: 10px auto; transition:0.6s; width: 34px; height: 29px; text-align: center; line-height: 50px; display: block; cursor: pointer; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease;

}

.fill-list-none .JYM-div .Refresh .rorate360 {

	transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg);

}

.fill-list-none .JYM-div:hover .Refresh {

	display: block;

}

.fill-list-none .JYM-div img {

	width: 130px; height: 50px;

}

.fill-list-none #phone_code_yzm {

	width: 140px; height: 50px; cursor: pointer;

}

.notice-box {

	padding: 0px 12px; border: 1px solid rgb(246, 192, 144); border-image: none; left: 25px; top: 35px; height: 28px; color: rgb(220, 135, 59); line-height: 28px; font-size: 12px; display: none; position: absolute; z-index: 2; background-color: rgb(254, 244, 229);

}

.notice-box i {

	background: url("public-icon.png") -269px 0px; left: 20px; top: -18px; width: 12px; height: 6px; display: inline-block; position: absolute;

}

.posi-box {

	padding: 0px 10px; border-radius: 2px; top: 10px; height: 30px; right: 10px; color: rgb(255, 255, 255); line-height: 30px; font-size: 12px; display: none; position: absolute; background-color: rgb(255, 102, 51);

}

.error-border {

	border: 1px solid rgb(255, 102, 51); border-image: none;

}

.fill-list-none .yzm-HQ .gre-btn {

	background-color: rgb(0, 179, 105);

}

.positive {

	position: relative;

}

.Keep-Password {

	height: 40px; color: rgb(51, 51, 51); line-height: 30px; position: relative; cursor: pointer;

}

.Keep-Password .notice-box {

	width: 216px;

}

.Keep-Password:hover .notice-box {

	display: block;

}

.Keep-Password .jizhu {

	background: url("public-icon.png") -241px -26px; margin: 0px 10px 0px 0px; width: 19px; height: 19px; vertical-align: -4px; display: inline-block;

}

.Keep-Password-no .jizhu {

	background: url("public-icon.png") -219px -26px;

}

.now-login input {

	border-radius: 2px; border: currentColor; border-image: none; width: 320px; height: 60px; color: rgb(255, 255, 255); line-height: 60px; font-family: "Arial","Microsoft YaHei"; font-size: 18px; cursor: pointer; background-color: rgb(0, 179, 105);

}

.now-login input:hover {

	background-color: rgb(26, 187, 120);

}

.posi-r {

	position: relative;

}

.fixed-way {

	left: 82px; width: 320px; height: 110px; bottom: -10px; position: absolute;

}

.fixed-way a {

	width: 50px; height: 50px; margin-right: 54px; display: inline-block; opacity: 0.6;

}

.fixed-way a:hover {

	opacity: 1;

}

.fixed-way .center-m {

	margin: 28px auto 0px; width: 320px;

}

.fixed-way .center-m .last-margin {

	margin-right: 0px;

}

.wotu-logo {

	background: url("public-icon.png") -351px 0px; margin: 0px auto 30px; width: 140px; height: 74px;

}

.padding-top {

	padding-top: 95px;

}

.padding-top .other-way {

	margin-top: 55px;

}

.padding-top .login-way {

	margin-bottom: 90px;

}

.member-change {

	height: 580px; position: relative;

}

#public-mask {

	left: 0px; top: 0px; width: 100%; height: 100%; position: fixed; z-index: 99;

}

#public-mask .mask {

	background: rgb(0, 0, 0); height: 100%; opacity: 0.4;

}

.public-mask-box {

	border-radius: 2px; animation:login-win 0.4s forwards; left: 50%; top: 50%; width: 455px; height: 326px; overflow: hidden; margin-top: -163px; margin-left: -227px; position: fixed; box-shadow: inset 0px 0px 15px rgba(44,153,255,0.15), 0px 0px 15px rgba(0,0,0,0.2); background-color: rgb(255, 255, 255); -webkit-box-shadow: 0px 0px 15px rgba(44, 153, 255, 0.15) inset, 0 0 15px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 15px rgba(44, 153, 255, 0.15) inset, 0 0 15px rgba(0, 0, 0, 0.2); -webkit-animation: login-win .4s forwards; -moz-animation: login-win .4s forwards;

}

.icon-off {

	background: url("public-icon.png") no-repeat -220px -88px; top: 20px; width: 20px; height: 20px; right: 20px; display: inline-block; position: absolute; cursor: pointer;

}

.icon-off:hover {

	transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);

}

.contact-p {

	text-align: center; color: rgb(0, 0, 0); padding-top: 110px; padding-bottom: 45px; font-size: 16px;

}

.icon-qq-i {

	background: url("public-icon.png") no-repeat -253px -59px; width: 22px; height: 24px; margin-right: 10px; vertical-align: -5px; display: inline-block;

}

.contact-a {

	margin: 0px auto; border-radius: 2px; width: 226px; height: 64px; text-align: center; color: rgb(255, 255, 255); line-height: 64px; font-size: 18px; display: block; background-color: rgb(0, 179, 105);

}

.contact-a:hover {

	color: rgb(255, 255, 255); background-color: rgb(26, 187, 120);

}

.mail-p {

	text-align: center; color: rgb(0, 0, 0); padding-top: 110px; padding-bottom: 45px; font-size: 16px;

}

.mail-p span {

	color: rgb(0, 183, 238);

}

.icon-success {

	margin: 110px auto 40px; width: 65px;

}

.icon-fail {

	margin: 110px auto 40px; width: 65px;

}

.icon-success i {

	background: url("public-icon.png") no-repeat 0px -430px; width: 65px; height: 65px; display: inline-block;

}

.icon-fail i {

	background: url("public-icon.png") no-repeat -72px -430px; width: 65px; height: 65px; display: inline-block;

}

.success-box p {

	text-align: center; color: rgb(0, 0, 0); font-size: 20px;

}

.notice-box-div p {

	text-align: center; color: rgb(31, 31, 31); font-size: 16px;

}

.mail-box-none p {

	text-align: center; color: rgb(31, 31, 31); font-size: 16px;

}

.close-style {

	animation:login-win 0.4s forwards; -webkit-animation: login-win .4s forwards; -moz-animation: login-win .4s forwards;

}

.YZM-box-big {

	left: 0px; top: 0px; width: 100%; height: 100%; position: fixed; z-index: 99;

}

.YZM-box-big .mask {

	background: rgb(0, 0, 0); height: 100%; opacity: 0.4;

}

.YZM-box {

	background: url("//js.wotucdn.com/2016/user/images/box-bg.png") no-repeat left top rgb(255, 255, 255); margin: -140px 0px 0px -228px; left: 50%; top: 50%; width: 455px; height: 280px; position: absolute; z-index: 5; box-shadow: 0px 0px 5px rgba(0,0,0,0.35);

}

.YZM-box h4 {

	text-align: center; color: rgb(0, 0, 0); padding-top: 40px; padding-bottom: 30px; font-size: 26px; font-weight: normal;

}

.YZM-box .close {

	background: url("//js.wotucdn.com/2016/user/images/close-but-icon.png") 0px 0px; top: 12px; width: 21px; height: 20px; right: 12px; display: inline-block; position: absolute;

}

.YZM-box .close:hover {

	background-position: 0px -31px;

}

.YZM-box .fill-list-none {

	margin: 0px auto; width: 330px;

}

.YZM-box .input-list-but {

	margin-top: 30px;

}

.YZM-box .input-list-but input {

	margin: 10px auto 0px; border: currentColor; border-image: none; width: 332px; height: 50px; text-align: center; color: rgb(255, 255, 255); line-height: 50px; font-family: "Microsoft YaHei"; font-size: 18px; display: block; cursor: pointer; background-color: rgb(6, 175, 108);

}

.YZM-box .input-list-but input:hover {

	background-color: rgb(26, 187, 120);

}

.about-web {

	padding: 5px 0px; border: 1px solid rgb(226, 226, 226); border-image: none; top: 54px; width: 368px; right: -1px; position: absolute; z-index: 6; background-color: rgb(255, 255, 255);

}

.about-web li {

	height: 26px; line-height: 26px; text-indent: 20px;

}

.about-web li:hover {

	cursor: default; background-color: rgb(244, 244, 244);

}

@media screen and (max-height:770px)

{

.margin-top-105 {

	margin-top: 30px;

}

.CopyRight-p {

	margin: 50px 0px 20px; position: static;

}

}

#no-verify {

	height: 520px;

}

.no-bind p {

	text-align: center; color: rgb(51, 51, 51); line-height: 34px; font-size: 16px;

}

.no-bind p span {

	padding: 0px 5px; color: rgb(0, 183, 238);

}

.no-bind {

	padding-top: 70px;

}

.no-bind .fill-box {

	margin: 60px auto 140px; padding: 0px; width: 320px;

}

.no-bind .fill-list {

	margin-bottom: 30px;

}

.no-bind .now-login input {

	width: 320px;

}

.no-bind .new-login {

	text-align: center; color: rgb(51, 51, 51); font-size: 13px;

}

.no-bind .new-login a {

	padding: 0px 3px; color: rgb(255, 102, 51);

}

.no-bind .new-login a:hover {

	text-decoration: underline;

}