@import url(common.css);
.container{ background-color: #dcdcdc;}
.content{ background-color: #fff;}
.wrap-inner{ max-width: 990px; margin: 0 auto; float: none;}
.logo{background: none;
display: block;
width: 200px;
height: 60px;
margin-left: 1%;
padding: 1px;
color: #fff;
text-align: center;
font-size: 32px;
line-height: 70px;}
.navbar .nav{float: right;}
.container-fluid{ padding: 0;}
.nav-collapse{ top:30px;}
.navbar-inner{ background: none; border:0 none; box-shadow:none;}
.navbar .nav>.active>a, .navbar .nav>.active>a:hover, .navbar .nav>.active>a:focus{ background:none;box-shadow:none; color: #fff;}
.row-fluid [class*="span"]{ margin-left: 0;}
.color-gray{ color: #8d8d8d;}
.carousel{ margin-bottom:0;}
.banner1{margin: auto;}
.header{background: #6BA0FF !important;}
.header >div{position: relative;}
.wrap{max-width: 1366px;margin: auto;background:url(../img/bg.png) no-repeat center;height: 1212px;}
.navbar .nav>li>a{font-size: 17px;
font-weight: bolder;color: #4B4B4B;
text-shadow: none;}
.header .user{position: absolute;top: 10px;right: 20px;}
.header .user a{padding: 0px 20px;color: #333333;background: url(../img/icon.png) 0px 1px no-repeat;}
.header .user a.login{background-position:0px -22px}
.header .user a:hover{color: #0066ff;}
#mask{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 900;background: rgba(0, 0, 0, 0.8) !important;filter:Alpha(opacity=80); background:#000;}
#error,#success{position: fixed;
width: 260px;
height: 110px;
top: 50%;
left: 50%;
background: #fff;
padding: 30px;
border: 1px #ccc solid;
color: #FF4141;text-align: center;margin-left: -161px;
margin-top: -86px;z-index: 990;}
#success{background: #fff url(../img/success.png) center top no-repeat;
width: 300px;
height: 90px;
padding-top: 110px;color: #313131;margin-left: -181px;margin-top: -116px;}
#error button,#success button{width: 90px;
height: 36px;
background: #0065FD;
color: #fff;
border-radius: 0;border: none;margin-top: 46px;}
#success button{margin-top: 26px;}
button.disabled{background:#ccc !important;}
button{text-shadow:none !important;}
.dwn-btn{display: block;
float: left;
margin-top: 68px;
margin-right: 20px;
width: 177px;
height: 52px;
background: url(../img/dwn_btn.png) no-repeat;}
.dwn-btn:hover{
	opacity: 0.9;
	filter:Alpha(opacity=90);
}
img.qrcode{float: right;
width: 120px;
height: 120px;}
div.download{position: absolute;
right: 26%;
bottom: 3%;
width: 330px;
height: 120px;}
/*parts*/
.parts{ height: 410px;}
.parts .parts_txt, .parts .parts_icon{ background-repeat: no-repeat; background-position: top left;}
.parts_bg_w{ background-color: #fff;}
.parts_bg_g{ background-color: #f7f8f9;}
.parts_txt{ background-image:url(../img/img_parts_txt.png); }
.parts_icon{ background-image:url(../img/img_parts_icon.png); }
.part_1 .parts_txt{ width: 405px; height: 138px; margin:10% 0 0 16%;}
.part_1 .parts_icon{ width: 253px; height: 320px; margin:3% 16% 0 0;}
.part_2 .parts_txt{ width: 420px; height: 138px; margin:10% 15% 0 0; background-position: 0 -160px;}
.part_2 .parts_icon{ width: 244px; height: 230px;  margin:3% 0 0 16%; background-position: 0 -350px;}
.part_3 .parts_txt{ width: 422px; height: 138px; margin:10% 0 0 16%; background-position: 0 -270px;}
.part_3 .parts_icon{ width: 253px; height: 320px; margin:3% 16% 0 0; background-position: 46px -624px;}
.part_4 .parts_txt{ width: 405px; height: 138px; margin:10% 15% 0 0; background-position: 0 -410px;}
.part_4 .parts_icon{ width: 253px; height: 300px; margin:3% 0 0 16%; background-position: 0 -946px;}
.part_5 .parts_txt{ width: 405px; height: 138px; margin:10% 0 0 16%; background-position: 0 -690px;}
.part_5 .parts_icon{ width: 253px; height: 320px; margin:3% 16% 0 0; background-position: 26px -1231px;}

.subNav, .content{ height: 500px;}
.nav-list>.active>a, .nav-list>.active>a:hover, .nav-list>.active>a:focus{ background-color: #fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc;  color: #0066ff;
}
.nav-list>li>a{border-top:1px solid #eee; border-bottom:1px solid #eee; height: 43px; line-height: 43px; padding: 0 20px;}
.subNav .nav{ padding-top: 20px;}
.subNav ul li.active{ margin-right: -1px;}
.content-pay{ padding: 20px;}
.content-pay .input-group{ padding: 20px 0 0 0;}
.content-pay input{ width: 290px; height: 40px; border:1px solid #ccc; border-radius: 0; color: #ccc; padding: 0 0 0 5px;}
.content-pay-pd{ float: left; width: 30%; height: 40px; line-height: 40px;}

.btn-submit{ background: #0167ff; border-radius: 0; color: #fff; width:294px; height: 40px; text-align: center; }
/* menu */
.subNav{ background-color: #f8f8f8;}
.footer{ background-color: #333333; padding: 40px 0;}

/*recharge*/
.recharge{height: 600px;background: #EEE;}
.recharge .wrap-inner{height: 100%;}
.recharge .wrap-inner > .span3{height: 100%;background: #f7f8f9;padding-top: 20px;border: 1px #D1D1D1 solid;}
.recharge .wrap-inner > .span9{background: #fff;
height: 100%;}
.recharge .wrap-inner > .span3 .nav-list{padding: 0;}
.recharge .nav-list a{padding:0;margin:0;text-align: center;margin-right: -1px;margin-top:-1px;color: #6D6D6D;border-top: 1px solid #D1D1D1;
border-bottom: 1px solid #D1D1D1;background: url(../img/nav.png) 44px 10px no-repeat;}
.recharge .nav-list>.active>a, .recharge .nav-list>.active>a:hover, .recharge .nav-list>.active>a:focus{border-top: 1px solid #D1D1D1;
border-bottom: 1px solid #D1D1D1;color: #008EFD;background-color:#fff;}
.recharge .nav-list [tab="YYS"] a{background-position-y:-34px; }
.recharge .nav-list [tab="ZFB"] a{background-position-y:-79px; }
.recharge .nav-list [tab="DHK"].active  a{background-position-y:-125px; }
.recharge .nav-list [tab="YYS"].active a{background-position-y:-168px; }
.recharge .nav-list [tab="ZFB"].active a{background-position-y:-207px; }
.recharge .wrap-inner > .span9 .block{padding: 30px 0px;
border-bottom: 1px #ccc dotted;
margin: 0 30px;
height: 130px;}
.recharge .wrap-inner > .span9 input{border-radius: 0;
height: 30px;
width: 276px;}
.recharge .wrap-inner > .span9 label{line-height: 30px;}
.recharge .wrap-inner > .span9 button{width: 290px;
height: 56px;
background: #0065FD;
color: #fff;
border-radius: 0;
margin-top: 30px;
margin-left: 30px;
font-size: 20px;}
.recharge .wrap-inner > .span9 > div{width: 100%;
height: 100%;
background: url(../img/coming.png) center no-repeat;}

/*invite*/
.info{background: url(../img/invite_info.png) center no-repeat;width: 330px;margin: auto;}
.info1{margin-top: 30px;}
.info2{margin: 30px 0 100px;}
.info1 .info{height: 160px;}
.info2 .info{height: 260px;}
.info1 .left{background-position: -19px 0px;}
.info1 .center{background-position: -366px 0px;}
.info1 .right{background-position: -709px 0px;}
.info2 .left{background-position:1px -180px;}
.info2 .center{background-position: -371px -180px;}
.info2 .right{background-position: -743px -180px;}

/*about*/
.about .content .wrap-inner{padding: 40px 0 100px;background: #fff;}
.about .content{background: url(../img/about.png) no-repeat center;
height: 935px;}
.controls.error{background: url(../img/icon_error.png) 300px no-repeat;}
.controls.ok{background: url(../img/icon_ok.png) 300px no-repeat;}
.controls.error span.error{display: inline;
color: #FF4A4A;
padding-left: 30px;}

/*login*/
.user-center{background: #eee;}
.user-center .content{height: 600px;
margin: 170px auto 100px;}
.user-center .content>div{background: url(../img/user.png) no-repeat;height: 500px;}
.user-center .content>div.left{background-position: 60px -200px;}
.user-center .content>div.right{background-position: 30px -760px;padding-top: 53px;}
.user-center .content>div.right .title{font-size: 21px;
font-weight: bold;
color: #929292;
padding-left: 122px;}
.user-center .content>div.right form{padding: 38px 73px;
width: 324px;
margin: 0;}
.user-center .content>div.right .form-horizontal .controls{
	margin-left: 0;
}
.user-center .content>div.right form input[type="text"],.user-center .content>div.right form input[type="password"]{width: 265px;padding-left: 50px;background: url(../img/user.png);
height: 40px;
border-radius: 0;}
.user-center .content>div.right form input.phone{background-position: 15px 12px;}
.user-center .content>div.right form input.pass{background-position: 15px -57px;}
.user-center .content>div.right form input.code{background-position: 15px -127px;width: 100px;}
.user-center .content>div.right form .checkbox{margin-bottom: 25px;}
.user-center .content>div.right form button{width: 160px;
height: 46px;
background: #0065FD;
color: #fff;
border-radius: 0;
font-size: 20px;}
.user-center .content>div.right form img{width: 130px;height: 41px;
margin-left: 28px;}
.user-center .content>div.right form button[type="submit"]{margin-right: 30px;}
.user-center .content>div.right form button.getcode{width: 140px;
border: none;
font-size: 14px;margin-left: 18px;}

/*userinfo*/
.user-info{padding: 20px 70px;}
.user-info li{padding-top: 20px;}

.hide{display: none;}
.row-fluid .user-info li span{color: #FFBB00;}
.licence{
	font-size: 14px;
	line-height: 20px;
	color: #8d8d8d;
	margin-left: 20px;
	text-decoration: none !important;
}
.licence:hover{
	color: #01a781 !important;
}
.licence:visited{
	color: #8d8d8d;
}

.licence-box{
	margin:0 auto;
	text-align: center;
	margin-top: 65px;
}
.licence-box .title {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-bottom: 20px;
	font-size: 22px;
}
.licence-box .licence-ele {
	padding-bottom: 80px;
}
.w-80{
	width:80%;
}