@charset "utf-8";

a{
	display:block;
}
/* CSS Document */

/* GENERIC
================================================== */
.backgroundColor01{
	background-color: #000000;
}
.backgroundColor02{
	background-color: #ec1c4d;
}
.backgroundColor03{
	background-color: #FFFFFF;
}
.backgroundColor04{
	background-color: #fff9e3;
}

.textColor01{
	color: #FFFFFF;
}
.textColor02{
	color: #e8e8e8;
}
.textColor03{
	color: #ec1c4d;
}
.textColor04{
	color: #1a1a1a;
}

.genericSection{
	width: 100%;
	padding: 40px 0px;
}
.genericBackground{
	width: 100%;
	height: 100%;
	opacity:0.55;
	filter:alpha(opacity=55); /* For IE8 and earlier */	
	position: absolute;
	left: 0px;
	top:0px;		
}
.genericBackground77{
	width: 100%;
	height: 100%;
	opacity:0.77;
	filter:alpha(opacity=77); /* For IE8 and earlier */	
	position: absolute;
	left: 0px;
	top:0px;		
}
.brand{
	margin-bottom: 35px;
	float: right;
	max-width:250px;
}
.h2square{
	width: 20px;
	height: 30px;
	float: left;
	font-size: 1.43em;
	font-family:"Microsoft YaHei";
	color: #FFFFFF;
	padding-left: 4px;
	padding-top: 5px;
	overflow: hidden;	
}
.horizontalLine{
	width: 100%;
	height: 1px;
	float: left;
}
.horizontalDottedLine{
	width: 100%;
	height: 1px;
	background: url('../images/dashed_line.png');
	margin: 4px 0px;
}
.fullWidth{
	max-width: 960px;
	width: 100%;
}
body{
	background-color: #7e7e7d;
	overflow-x: hidden;
}
/* PAGES CONTAINER
================================================== */
.pagesBackground{
	width: 960px;
	height: 100%;
	opacity:0.85;
	filter:alpha(opacity=85); /* For IE8 and earlier */	
	position: fixed;
	left: 0px;
	top:0px;	
}
#pagesContainer{
	position: relative;
	z-index: 50;
}
.pagesContent{
	position: relative;
}

.topBottomBase{
	position: fixed;
	width: 960px;
	height: 8px;	
}
.top{
	top: 0px;
	z-index: 51;
}
.bottom{
	bottom: 0px;
	z-index: 52;	
}
#fullScreenButtons{
	position: fixed;
	z-index: 65;
	width: 20px;
	height: 20px;
}
#fs_on, #fs_off, #a_off, #a_on{
	position: absolute;
	cursor: pointer;
	top: 0px;
}
#audioButtons{
	position: fixed;
	z-index: 66;
	width: 20px;
	height: 20px;
	top:8px;
}
#a_on{
	color:#fff;
	line-height:20px;
	font-size:20px;
	cursor: pointer;
	text-align:center;
	position: absolute;
	display:block;
	width: 20px;
	height: 20px;
	
}
.mask_bg{width:100%; height:100%; position:absolute; left:0; top:0; z-index:998; display:none;background-color:#000;
-webkit-opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5;
  
    /* IE9 + etc...modern browsers */  
    opacity: .5;  
    /* IE 4-9 */  
    filter:alpha(opacity=50);  
    /*This works in IE 8 & 9 too*/  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";  
    /*IE4-IE9*/  
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);}
/* BUSY container
================================================== */
#busyContainer{
	width: 100%;
	height: 100%;
	position: fixed;
	visibility: hidden;
	z-index: 150;
}
.busyContainerOpaque{
/*	background-color: #000000;*/
}
#busyContainer div{
	width: 50px;
	height: 50px;
	position: relative;
	margin: auto;
}
/* END BUSY container
================================================== */
/* content wraper
================================================== */
#contentWrapper{
	width: 100%;
	height: 100%;
	min-width: 200px;
	min-height: 200px;
	margin: 0px;
	padding: 0px;
	left: 0px;
	top: 0px;
	overflow: visible;
	position: absolute;
	z-index: 1;
}

/* background container
================================================== */
#backgroundContainer{
	width: 100%;
	height: 100%;
	position: fixed;
	margin: 0px;
	top: 0px;
	left: 0px;
	background-color: #CCCCCC;
}
#backgroundContainer div{ position:absolute;overflow: hidden; width: 100%; height: 100%; display:block;opacity: 1;}
#backgroundContainer div img{ position:absolute;width: 100%; height: auto; display:block;}
#backgroundContainer div.new{ }
/* background grid pattern
================================================== */	
#overlayGridPatern{
	width: 100%;
	height: 100%;
	position: fixed;
	background: url(../images/background_pattern.png);
	background-repeat: repeat;	
}

/* MAIN MENU
================================================== */
#mainMenu{
	position: fixed;
	z-index: 100;
	left: 0px;
	top: 0px;
	height: 100%;
	width:184px;
}

#menuContainer{
	height: 806px;
	position: relative;
	background:url(../images/game_menu.png) no-repeat;
	top:5%;
	left:2%;
}

#menuItems{
	position: relative;
}
/* .logo_ufo{display:block; text-align:center; margin-bottom:160px; height:160px; padding-top:30px;}
.logo_ufo img{width:150px;} */
.user{/* display:block; */text-align:center; margin-bottom:120px; width:100%; height:160px;font-family:微软雅黑;}
#menuItems .user .userimg{width:60px; height:60px; clear:both; float:left;margin:0 0 0 15px;}
#menuItems .user .userinfo{color:#ddd; width:95px; float:right; margin:0 4% 0 0; color:#fff;}
#menuItems .userinfo li{float:left;width:100px;text-align:left;}
.userinfo li{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#menuItems .useroper{clear:both; float:right; margin:4px 0 0 0;}
#menuItems .useroper a{color:#ddd; border:1.5px solid #ddd; border-radius:3px; text-decoration:none; width:40%;float:right; margin:5% 5% 0 2%;cursor: pointer;}
#menuItems .useroper a:hover{background:green;}

#menuItems ul{
	width: 100%;
	list-style: none;	
}
#menuItems ul li{
	margin: 0px 0px;	
}
#menuItems ul li a{
	font-family:"Microsoft YaHei";
	font-weight: 300;
	font-size: 15px;
	color: #FFFFFF;
	line-height: 40px;
	text-decoration: none;
	outline: none;
	display:block;
	text-align:center;
}
#menuItems ul li a:hover,.activeMenuLink{
	/*background-color: #ec1c4d;*/
	color:gold;
}
#menuItems ul li a tt{display:none;}
#menuItems ul li a:hover tt{display:inline;}
#menuOpenCloseBTN{
	position: relative;
	float: left;	
}
#menuOpenCloseBTN img{
	margin-left: 10px;
	margin-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;	
	position: relative;	
}
/* END MAIN MENU
================================================== */
#pageIndex{ position:fixed; width:100%; bottom:5%; height:200px; text-align:center;}
.buttonline{ width:850px; margin:0 auto;}
a.bt{ background:url(../images/start2.png) no-repeat; width:113px; height:113px; float:left; display:block; margin:46px 24px 0; position:relative; opacity:.8;filter:alpha(opacity=80);}
.bt.b1{ background-position:0 0;}
.bt.b2{ background-position:-114px 0;}
.bt.b3{background-position:-229px 0;}
.bt.b4{background-position:-344px 0;}
.btt{background:url(../images/start2.png) no-repeat -304px -115px; width:155px; height:155px; float:left; margin:26px 9px 0; position:relative; opacity:.8;filter:alpha(opacity=80);}
a.btt i{background:url(../images/start2.png) no-repeat -304px -115px; width:155px; height:155px; display:block;position:absolute; left:0; top:0;opacity:0;filter:alpha(opacity=0);}
a.bt:hover{ opacity:1;filter:alpha(opacity=100);}
a.bt i{position:absolute; left:0; top:0;display:block; width:113px; height:113px; background:url(../images/start2.png) no-repeat 0 -115px; opacity:.8;filter:alpha(opacity=80);}
a.bt:hover i{animation:roll infinite linear .8s;-moz-animation:roll infinite linear .8s;-webkit-animation:roll infinite linear .8s;-o-animation:roll infinite linear .8s}
@keyframes roll{0%{transform:scale(0,0) rotate(0);opacity:.2}
50%{transform:scale(1,1) rotate(90deg);opacity:.8}
100%{transform:scale(1,1) rotate(90deg);opacity:.2}
}
@-moz-keyframes roll{0%{-moz-transform:scale(0,0) rotate(0);opacity:.2}
50%{-moz-transform:scale(1,1) rotate(90deg);opacity:.8}
100%{-moz-transform:scale(1,1) rotate(90deg);opacity:.2}
}
@-webkit-keyframes roll{0%{-webkit-transform:scale(0,0) rotate(0);opacity:.2}
50%{-webkit-transform:scale(1,1) rotate(90deg);opacity:.8}
100%{-webkit-transform:scale(1,1) rotate(90deg);opacity:.2}
}
@-o-keyframes roll{0%{-o-transform:scale(0,0) rotate(0);opacity:.2}
50%{-o-transform:scale(1,1) rotate(90deg);opacity:.8}
100%{-o-transform:scale(1,1) rotate(90deg);opacity:.2}
}
a.btt:hover i{animation:cirZoom infinite linear .8s;-moz-animation:cirZoom infinite linear .8s;-webkit-animation:cirZoom infinite linear .8s;-o-animation:cirZoom infinite linear .8s}
@keyframes cirZoom{0%{opacity:1;transform:scale(1,1)}
70%{opacity:0;transform:scale(1.2,1.2)}
100%{opacity:0}
}
@-moz-keyframes cirZoom{0%{opacity:1;-moz-transform:scale(1,1)}
70%{opacity:0;-moz-transform:scale(1.2,1.2)}
100%{opacity:0}
}
@-webkit-keyframes cirZoom{0%{opacity:1;-webkit-transform:scale(1,1)}
70%{opacity:0;-webkit-transform:scale(1.2,1.2)}
100%{opacity:0}
}
@-o-keyframes cirZoom{0%{opacity:1;-o-transform:scale(1,1)}
70%{opacity:0;-o-transform:scale(1.2,1.2)}
100%{opacity:0}
}

@keyframes logoZoom{0%{opacity:1;transform:scale(1,1)}
70%{opacity:0;transform:scale(1.4,1.4)}
100%{opacity:0}
}
@-moz-keyframes logoZoom{0%{opacity:1;-moz-transform:scale(1,1)}
70%{opacity:0;-moz-transform:scale(1.4,1.4)}
100%{opacity:0}
}
@-webkit-keyframes logoZoom{0%{opacity:1;-webkit-transform:scale(1,1)}
70%{opacity:0;-webkit-transform:scale(1.4,1.4)}
100%{opacity:0}
}
@-o-keyframes logoZoom{0%{opacity:1;-o-transform:scale(1,1)}
70%{opacity:0;-o-transform:scale(1.4,1.4)}
100%{opacity:0}
}

.gamelogo{height:120px; clear:both; padding:20px 10px 0 0;}
.gamelogo div{float:right; position:relative;height:120px;}
.gamelogo img{height:120px; opacity:.8;filter:alpha(opacity=80);}
.gamelogo .imgZoom{position:absolute; right:0px; top:0px; opacity:0;filter:alpha(opacity=0); animation:logoZoom infinite linear 1s;-moz-animation:logoZoom infinite linear 1s;-webkit-animation:logoZoom infinite linear 1s;-o-animation:logoZoom infinite linear 1s}
.mygameserver{padding: 0 10px 20px;color:#eee;}
.mygameserver .head{border-left:20px solid #ec1c4d; border-bottom:1px solid #ec1c4d; padding-left:10px; line-height:30px; clear:both; position:relative; font-size:16px;}
.mygameserver .head em{position:absolute; left:-15px; top:0px;}
.mygameserver ul{padding:30px 0 0 30px; position:relative;}
.mygameserver li{float:left; width:148px; overflow:hidden; height:30px; text-align:center; line-height:30px; border:1px solid #eee; border-radius:3px; margin:0 30px 30px 0; cursor:pointer;position:relative;}
.mygameserver li:hover{background-color:#ec1c4d;}
.mygameserver li.selected{background:#ec1c4d url(../images/selected.png) no-repeat right bottom;}
.mygameserver li.tag{border:0; padding:1px; text-align:left; margin-bottom:10px;}
.mygameserver ul .server_status2:hover{background: #ff6f00;}
.mygameserver ul .server_status0:hover,
.mygameserver ul .server_status3:hover{background: #c3c3c3;}
.mygameserver ul .server_status0:hover a span.server_name,
.mygameserver ul .server_status2:hover a span.server_name,
.mygameserver ul .server_status3:hover a span.server_name{ margin-top:-30px;}
.mygameserver ul .server_status0:hover a span.server_status,
.mygameserver ul .server_status2:hover a span.server_status,
.mygameserver ul .server_status3:hover a span.server_status{margin-top:0px;}
.mygameserver a{color:#eee;}
.rbtn{width:120px; height:22px; line-height:22px; background-color:#777; border:1px solid #fff; border-radius:10px; text-align:center;margin-left:20px; display:inline-block;}
.rbtn.act{box-shadow:0 0 4px #fcff00; cursor:pointer;  background-color:#00d33c;}
.rbtn.act:hover{box-shadow:0 0 8px #fcff00;  background-color:#ff9600;}

.cardno{width:400px; height:30px; line-height:30px; border:1px solid #eee; border-radius:3px; }
.cardno span{float:left; width:320px; text-align:center;}
.cardno a{float:left; color:#eee; width:79px;border-top-right-radius:3px;border-bottom-right-radius:3px; background-color:#ff9600;border-left:1px solid #eee; text-align:center;}
.mygameserver p{line-height:25px; margin:20px 0;}

.pbtn{width:150px; height:30px; line-height:30px; color:#fff; background-color:#ec1c4d; text-align:center; border:1px solid #eee; border-radius:3px;cursor:pointer;}
.pbtn:hover{box-shadow:0 0 8px #fcff00;}

.methods li{background: no-repeat 0 0;}
.methods li.mcurrency{background-image:url(../images/currency.png); background-position:0,0;}
.methods li.mticket{background-image:url(../images/ticket.png); background-position:0,0;}
.methods li.malipay{background-image:url(../images/alipay.png); background-position:0,0;}
.methods li.mweixin3{background-image:url(../images/weixin.png); background-position:0,0;}
.methods li.mweixinh5_native{background-image:url(../images/weixin.png); background-position:0,0;}
.methods li.munionpay{background-image:url(../images/unionpay.png); background-position:0,0;}
.methods li.mbank2{background-image:url(../images/bank.png); background-position:0,0;}
.methods li.mcard{background-image:url(../images/card.png); background-position:0,0;}

.methods tt{float:right; margin-right:5px;}
.methods ol{width:910px;padding:30px 0 0 30px;position:absolute;left:940px; top:0px; background-color:#000;opacity:0;}

#methodlist{height:400px;}

.paybox{width:950px; overflow:hidden;}
.paybox .mygameserver{width:930px;}

/* weixin */
.payment {
    border-top: 4px solid #4b5b78;
    padding: 12px 30px 0;
}
.order {
    position: relative;
    /* background-color:#fff5c8;*/
}
.order .o-left {
    float: left;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 10px;
    width: 600px;
}
.order .o-right {
    float: right;
    overflow: hidden;
    padding-bottom: 10px;
    padding-right: 125px;
    padding-top: 10px;
    width: 190px;
}
.order .o-title {
    font-size: 14px;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    color:#fff;
}
.order .o-tips {
    height: 20px;
    line-height: 20px;
}
.order .o-price {
    line-height: 26px;
    margin-bottom: 4px;
    text-align: right;
}
.order .o-price em {
    vertical-align: bottom;
}
.order .o-price strong {
    color: #ff5d5b;
    font-size: 18px;
    margin: 0 3px;
    vertical-align: bottom;
}
.order .o-qrcode {
    height: 80px;
    position: absolute;
    right: 24px;
    top: -22px;
    width: 80px;
}
.order .o-qrcode .oq-img {
    background: url(../images/preloader.gif) no-repeat center center;
    border: 1px solid #ddd;
    cursor: default;
    display: block;
    height: 77px;
    left: 0;
    padding: 1px;
    position: absolute;
    top: 0;
    width: 77px;
    z-index: 16;
}
.order .o-qrcode .oq-img img {
    height: 77px;
    width: 77px;
}
.p-w-bd, .pay-weixin {
}
.p-w-bd::after, .pay-weixin::after {
    clear: both;
    content: "";
    display: table;
}
.p-w-hd {
    font-family: "Microsoft Yahei";
    font-size: 18px;
    margin-bottom: 20px;
}
.p-w-bd {
    margin-bottom: 30px;
    padding-left: 50px;
}
.p-w-box {
    float: left;
    width: 300px;
}
.p-w-sidebar {
    background:url(../images/phone-bg.png) no-repeat scroll 50px 0;
    float: left;
    height: 421px;
    margin-top: -20px;
    padding-left: 50px;
    width: 379px;
}
.pw-box-hd {
    margin-bottom: 20px;
    background: url(../images/preloader.gif) no-repeat center center;
}
.pw-box-hd img {
    border: 1px solid #ddd;
}
.pw-box-ft {
    background: #ff7674 url(../images/icon-red.png) no-repeat scroll 10px 8px;
    height: 44px;
    padding: 8px 0 8px 65px;
}

.ggr{float:right; width:280px; padding-right:20px; color:#eee;}
.ggr .head{height:20px; margin:10px 0; background-color:#ec1c4d;}
.ggr p{height:120px; font-size:12px; line-height:18px;}
.ggr p img{float:left;width:80px; height:80px; margin:0 10px 10px 0;}

.ggl{float:left; width:600px; padding-left:20px; color:#eee;}
.ggl .head{height:24px;padding-top:5px; border-bottom:1px solid #ec1c4d; margin-bottom:10px;}
.ggl .head label,.ggl .head a{height:20px; border-radius:5px; width:80px; line-height:20px; text-align:center; color:#111;float:left; margin-right:10px;}
.gonggao{ background-color:#ec1c4d;}
.huodong{ background-color:#00BFFF;}
.kaifu{ background-color:orange;}
.ggl .head span{float:right;}
.ggl .head h4{display:inline-block;height:20px;text-overflow:ellipsis; white-space:nowrap;width:304px; font:bold 16px/20px "微软雅黑"; color:#eee;overflow: hidden;}
.ggl p{line-height:25px;margin-bottom:10px; font-size:12px;color:#eee;max-width:660px;}
.ggl>p img{float:left;width:150px; height:90px; margin:0 10px 10px 0 ;}
.ggl table p img {float: none;margin: 10px;vertical-align: middle;display: block;}
.ggl .more{color:cyan;display:block; height:30px; margin-bottom:30px; position: absolute; left: 473px; margin-top: -34px;}
.ggl .more_h{color:cyan;display:block; height:30px; margin-bottom:30px;}
a.duanluo{display:block; color:#eee;}
a.duanluo:hover {background-color:#929700; color:#000;}
.ggl a.duanluo:hover .gonggao,.ggl a.duanluo:hover .huodong,.ggl a.duanluo:hover .kaifu{background-color:#000; color:#eee;}
.ggl a.duanluo:hover .head{border-color:#000;}

.ggt{height:40px; clear:both;}
.ggt a{float:left; width:60px; height:28px; border:1px solid #eee; color:#eee; border-radius:3px; line-height:28px; margin:0 0 10px 10px; text-align:center;}
.ggt a.on{background-color:rgb(236,28,77);}
.kaifubtn{height:60px; clear:both; padding-left:220px;}
.kaifubtn a{float:left; width:100px; height:38px; border:1px solid #eee; color:#eee; border-radius:3px; line-height:38px; margin:10px; text-align:center;background-color:#ec1c4d;}

.gongluelist a{ float:left; width:141px; height:16px; margin:20px 7px 0 0; line-height:16px; overflow:hidden; border-left:1px solid #fff; padding-left:7px;}
.gongluelist a:hover{background-color:#eee; color:#333;}
.gonglue {border-bottom:1px dotted #666; margin-bottom:30px; height:30px;}

/*login*/
.loginframe{position:fixed; width:760px; height:500px; left:50%; margin-left:-400px; top:190px; z-index:9999; text-align:center; display:none;}
.loginbg{position:absolute; left:0; top:0; z-index:0;width:760px; height:500px; background-color:#000;  -webkit-opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8;
  
    /* IE9 + etc...modern browsers */  
    opacity: .8;  
    /* IE 4-9 */  
    filter:alpha(opacity=80);  
    /*This works in IE 8 & 9 too*/  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  
    /*IE4-IE9*/  
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	border-radius:25px;}
.close{ position:absolute; right:-20px; top:-20px; border-radius:18px; width:40px; height:40px; background: rgba(0,0,0,0.7) url(../images/close.png) no-repeat 10px 10px;z-index:4;}
.close:hover{background-color:#fe9500;}
.loginpos{width:100%; top:0; left:0; position:absolute;}

.login_{position:relative; z-index:10001; text-align:left; }

.login_ h1{padding: 0px; margin-bottom:22px; height:56px; display:block; border-bottom:28px solid #fe9500; position:relative; color:#eee;}
.login_ b{position:absolute; left:0; top:56px; height:28px; font:normal normal 14px/28px '微软雅黑'; width:750px; padding-left:10px;}
.login_ h1 tt{display:block; position:relative; float:left; height:36px; padding:10px; font:bold 20px/36px '微软雅黑'; cursor:pointer;font-size: 18px; }
.login_ h1 tt.zc1{width:233px;border-top-left-radius:20px;}
.login_ h1 tt.zc2{background-position:10px -36px;width:234px;}
.login_	#reg_info_error b{position:relative; left:0;top:0; padding:0;}
.login_ h1 tt.zc3{background-position:10px -72px;width:233px; border-top-right-radius:20px;}
.login_ h1 tt:hover,.login_ h1 tt.on{background-color:#fe9500;}
.login_ h1 tt i{float:left; width:36px; height:36px; margin-right:5px; background:url(../images/zhuce.png) no-repeat 0 0;}
.login_ h1 tt.zc2 i{background-position:0 -36px;}
.login_ h1 tt.zc3 i{background-position:0 -72px;}
/*
.login_ h1 tt.zc2:hover,.login_ h1 tt.zc2.on{background-position:0 -144px;}
.login_ h1 tt.zc3:hover,.login_ h1 tt.zc3.on{background-position:0 -180px;}
.login_ h1 tt.on{border-bottom:1px solid #fe9500;}*/
.login_ span{display:inline-block; padding:10px 0; font-size:14px; }
.login_r{padding-left:50px;}

.login_r .game_login_icon{
  width: 1em; height: 1em;
  font-size:80px;
  vertical-align: -0.3em;
  fill: currentColor;
  overflow: hidden;
}
.login_r .qq_login,.login_r .wx_login{width:80px;text-align:center;padding:20px 50px;}
.login_r .qq_login{color:#2E8EFC;}
.login_r .wx_login{color:#81D842;}
.other_login_con{
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-align: center;
	-webkit-box-pack: justify;
	-webkit-align-items: center;
	align-items: center;
	justify-content: center;
}
.ot{display:none;}
#loginbox .login_r span{color:#fff;}
/*.close{ position:absolute; right:14px; top:14px; width:21px; height:21px; background: url(../images/close.png) no-repeat;}*/
.facebook_google{ width:259px; height:108px; overflow:hidden;}
.facebook_google a{ float:left; height:38px; width:38px; text-decoration:none; background:url(../images/topBarIcon.png) no-repeat; margin:5px;}
.facebook_google a.facebook{background-position:0 -104px;}
.facebook_google a.google{background-position:0 -143px;}
.facebook_google a.twitter{background-position:0 -221px;}
.facebook_google a.yahoo{background-position:0 -182px;}
.facebook_google a.window{background-position:0 -260px;}
.facebook_google a.qq{background-position:0 -435px;}
.or{position:absolute; top:200px; left:340px; font-size:16px;}
.login_r form{margin:0;padding:0;}
.login_r form div{padding:0 0 10px 0; position:relative; height:48px;}
.login_r form div input{ display:block; height:38px; width:298px; padding: 0 0 0 10px; border:1px solid #bdbdbd; line-height:40px; font-weight:bold; font-size:14px; margin:0;}
.login_r form div label{position:absolute; left:0; top:0; width:320px; padding: 0 0 0 10px; height:40px;font-size:14px;line-height:40px; color:#000;}
.login_r form div span{position:absolute; padding:0; left:180px; top:4px; width:125px; height:32px; border-radius:14px; background-color:#74bb15; color:#fff; cursor:pointer; line-height:32px; text-align:center;}
.login_r form div span:hover{background-color:#60a900;}
.login_r form div span.gray{background:#aaa;}
.login_r form .submit{height:38px; width:308px; border:0; font-weight:bold; text-align:center; font-size:14px; color:#fff; background:#fe6c00;}
.login_r form .submit:hover{background:#fe9500;}

.login_r a{color:orange; font-size:12px; text-decoration:none; }
.login_r a:hover{text-decoration:underline;}
.login_foot{position:absolute; z-index:10001;  width:100%; bottom:0; left:0; border-top:1px solid #fe9500; height:26px; font-size:12px; text-align:center; color:#888; line-height:25px;}

input.log_type::-ms-clear {display:none;}
input.log_type {height:38px;padding-left:10px;font-size:13px;line-height:38px;color:#222;border:1px solid #bdbdbd;background:#fff;box-shadow: inset 1px 2px 3px #e6e6e6;}
input.log_type:focus {height:38px;padding-left:10px;font-size:15px;line-height:38px;color:#222;font-weight:bold;border:1px solid #888;box-shadow:inset 0 0 0 #fff;}
.input_div_wrp {position:relative;display:inline-block;width:100%;padding-bottom:10px;}
.input_label {position:absolute;left:10px;top:12px;color:#222;}
.login_r form div input.Input_has_focus {border:1px solid #f00;}
.login_r form em{position:absolute; top:10px; left:320px;background:url(../images/cha.png) no-repeat; width:16px; height:16px; display:block;}
.login_r form em.gou{background:url(../images/gou.png) no-repeat;}
.input_info_message {display:none;position:absolute;left:315px;top:0;width:315px;height:230px;}
.input_info_message .thum_arrow {float:left;position:relative;width:7px;height:20px;background:url(../images/message_info_arrow.png) no-repeat 0 6px;}
.input_info_message .bx_wrp {float:left;width:273px;padding:15px;margin-left:-1px;font-size:11px;border:1px solid #a5c9f4;background:#edf4fd; color:#f62b2b;}
.input_info_message .bx_wrp p {padding-bottom:20px;line-height:1.5;}
.input_info_message .bx_wrp ul {color:#138d13;}
.input_info_message .bx_wrp ul li {padding:0 0 11px 17px;background:url('/member/ob/common/v1/contents/message_info_icon.png') no-repeat;}
.input_info_message .bx_wrp ul li.check {background-position:0 1px;}
.input_info_message .bx_wrp ul li.line {background-position:0 -92px;color:#f62b2b;}

.pfkefu{position:fixed; width:72px; height:292px; right:0; top:50%; z-index:100000;}
.pfkefu a {display:block; width:72px; height:72px; float:right; border-bottom:1px solid #444; color:#fff; background:rgba(0,0,0,0.8) url(../images/phone.png) no-repeat top left; font: 18px/3.6 'trebuchet ms', geneva, Arial, "微软雅黑"; text-indent:1000px; white-space:nowrap;}
.pfkefu a.qq{background-image:url(../images/r_qq.png);}

.pfkefu a.weixin{background-image:url(../images/r_wx.png);}

.pfkefu a.phone{background-image:url(../images/r_phone.png);}

.pfkefu a.totop{background-image:url(../images/r_top.png);}

.pfkefu a:hover{background-color:#ae1c1c;text-indent:80px;}

.copyright{text-align:center;font-size:10px;color:#eee;line-height:16px;margin-top:20px}
.jin18{text-align:center;font-size:10px;color:#f00;}