body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,div{margin:0;padding:0}
body,button,input,select,textarea{font:14px "Microsoft yahei",Arial,Helvetica,sans-serif,"宋体"}
body{min-width: 1200px}
h1,h2,h3,h4,h5,h6{font-size:14px; font-weight:normal}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
ul,ol,li{list-style:none}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
fieldset,img{border:0}
button,input,select,textarea{font-size:100%;outline-style:none}
button,input{*overflow:visible;vertical-align:middle;outline:none;border:none}
table{border-collapse:collapse;border-spacing:0}
img{vertical-align:top;display:inline-block;background-color:#fff}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{display:block;margin:0;padding:0}
object,embed{outline:0}
p{line-height:1.8}
i{font-style: normal}
button::-moz-focus-inner{border:0;padding:0;margin:0}
a{text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur())}
a:hover{text-decoration:none}
.fl{float:left;display:inline}
.fr{float:right;display:inline}
.fn{float: none!important}
.pr{position:relative}
.pa{position:absolute}
.clr{clear:both}
.clear_in{overflow:hidden;zoom:1}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0;line-height:0;overflow:hidden}
.clearfix{*zoom:1}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.inb{display:inline-block!important;*display:inline!important;*zoom:1;vertical-align:middle}
.z1{_zoom:1}
.disn{display:none}
.disb{display:block}
.fb{font-weight:bold}
.fyah{font-family:"Microsoft yahei","Microsoft JhengHei","SimHei"}
.velm{vertical-align:middle}
.tl{text-align:left!important}
.tc{text-align:center}
.tr{text-align: right!important}
.ind2{text-indent:2em}
.ht1{overflow: hidden; text-indent: -999em}
.ofh{white-space:nowrap;word-wrap:normal;word-break:normal;text-overflow:ellipsis;overflow:hidden}
.backToTop{width:18px;line-height:1.2;padding:5px 0;background-color:#000;color:#fff;font-size:12px;text-align:center;position:fixed;margin-left:960px;_margin-left:200px;bottom:100px;cursor:pointer;opacity:.6;filter:Alpha(opacity=60);z-index:9;_position:absolute;_bottom:"auto"}
.none{display: none}
.txtLimit{white-space: nowrap;width: 100%;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;}

/* 公共样式 */
.header .con,
.main .con{width:1000px;margin:0 auto}
.icon{background: url(../image/icon-sprite.png) no-repeat 0 0;display: block;}
	.i-game,
	.i-set,
	.i-search{width: 120px;height: 120px}
	.i-game{background-position: 0 -380px}
	.i-set{background-position: -120px -380px}
	.i-search{background-position: 0 -500px}
	.i-bigSwitch{width:104px;height:40px;background-position: -128px -505px;line-height: 40px;color:#666;font-size:16px;text-align: right;padding-right: 10px;font-weight:bold}
	.i-bigSwitch-on{background-position: -128px -545px;text-align: left;padding-left: 10px;padding-right: 0;color:#fff}
	.i-smallSwitch{width:58px;height:25px;background-position:-140px -225px}
	.i-smallSwitch-on{background-position:-140px -250px}
	.i-msgRemind,
	.i-gameRemind,
	.i-payRemind,
	.i-timeRemind{width:72px;height:36px;}
	.i-msgRemind{background-position:-144px -305px }
	.i-gameRemind{background-position:-215px -305px }
	.i-payRemind{background-position:-144px -341px }
	.i-timeRemind{background-position:-215px -341px }
	.on .i-msgRemind{background-position:-0 -305px }
	.on .i-gameRemind{background-position:-72px -305px }
	.on .i-payRemind{background-position:-0 -341px }
	.on .i-timeRemind{background-position:-72px -341px }
	.i-rmb {width:77px;height:77px;background-position: -205px -225px;}
	.i-del {width:12px;height:12px;background-position: -230px 0;}

.icon-logo{background: url(../image/icon-logo.png) no-repeat 0 0;display: block;}
	.i-SVG027,
	.i-SVG037,
	.i-SVG036,
	.i-SVG013,
	.i-SVG012,
	.i-SVG030,
	.i-SVG039,
	.i-SVG032{width:98px;height:98px}
	.i-SVG037{background-position: -98px 0}
	.i-SVG036{background-position: -196px 0}
	.i-SVG013{background-position: -294px 0}
	.i-SVG012{background-position: -392px 0}
	.i-SVG030{background-position: -490px 0}
	.i-SVG032{background-position: -588px 0}
	.i-SVG039{background-position: -686px 0}
.main{width:100%}
	
/* 绑定首页 */
.bind{background: #BA68C8; no-repeat 50% 0;height:800px}
	.bind .title{padding-top:0px;height:70px;line-height:70px;text-align: center;color:#fff;font-size: 30px;font-weight: bold}
		.bind .title .line{height:34px;border-bottom: 1px solid #fff;width:340px}
	.bind .btn-app{width:120px;height: 29px;float: right;display: block;margin:0 0 35px 880px}
	.bind .bind-list{}
		.bind .bind-list > li{width:240px;height:320px;float:left;position: relative;box-shadow: 0 0 10px #666;border-radius: 20px;background:#fff}
		.bind .bind-list >li+li{margin-left: 13px}
			.bind .bind-list > li .child-pic{width:179px;height:179px;background: url(../image/bind_child_pic.png) no-repeat 0 0;margin:30px;position: relative}
			.bind .bind-list > li .child-pic i{position:absolute;bottom:0;right:5px;width:42px;height:42px;background:url(../image/icon-sprite.png) no-repeat -140px -160px}
			.bind .bind-list > li .btn-bind{width:202px;height:48px;line-height:50px;border:2px solid #21c25b;border-radius: 25px;color:#21c25b;font-size: 18px;font-weight: bold;display: block;margin:0 auto;text-align: center;transition: all .3s}
			.bind .bind-list > li .btn-bind:hover,.bind .bind-list > li .btn-bind-on{background:#21c25b;color: #fff }
			.bind .bind-list .info{margin:0 auto;padding:15px 0;width:210px;height:70px;color:#666;border-bottom: 1px solid #21c25b}
				.bind .bind-list .info .pic{width:68px;height:68px;border-radius: 50%;border:1px solid #21c25b;margin:0 10px 0 20px}
				.bind .bind-list .info .pic-boy {background: url(../image/pic-boy.jpg) no-repeat 50% 50%;background-size: contain}
				.bind .bind-list .info .pic-girl {background: url(../image/pic-girl.jpg) no-repeat 50% 50%;background-size: contain}
				.bind .bind-list .info .name{font-size: 16px;line-height: 25px;height:25px;padding-top: 10px;width:79px;white-space: nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;}
				.bind .bind-list .info .eye {width:26px;height:16px;margin:15px 0 0 5px;background-position:-256px  -16px;}
				.bind .bind-list .info .eye-on {background-position: -256px 0 }
				.bind .bind-list .info .account{line-height: 25px;height:25px;padding-bottom: 10px;width:110px;white-space: nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;}
			.bind .bind-list .setting{margin:0 auto;width:210px;height:220px;position: relative}
				.bind .bind-list .setting .tit{position: absolute;top:-10px;left:65px;width:80px;height:20px;line-height: 20px;background: #fff;text-align: center}
				.bind .bind-list .setting .sets{width: 210px;height:160px}
					.bind .bind-list .setting .sets .set{width: 105px;height:70px;line-height: 20px;font-size: 12px;color:#a3a3a3;float:left;text-align: center}
					.bind .bind-list .setting .sets .on{color:#21c25b}
						.bind .bind-list .setting .sets .set i{margin:19px auto 0;}
					.bind .bind-list .setting .btn-bind{height:40px;line-height: 40px}

/* 绑定流程 */
.header {width:100%;height:98px;border-bottom: 2px solid #3dd05c}
	.header .logo {color:#1bb847;height:98px;line-height:98px;font-size: 36px;}
	.header .logo span {font-size: 24px;margin-left: 15px;padding-left: 20px;border-left: 1px solid #3aae01;height:31px;line-height: 98px;}
	.header .usr {height:34px;line-height:34px;padding:0 10px;color:#108637;border: 1px solid #cdcdcd;border-radius: 20px;margin:31px 0;}
	.header .usr a {color:#108637;margin-left: 10px;border-left: 1px solid #108637;display:inline-block;height:15px;line-height:15px;padding:0 5px;}
	.header .usr .btn-no-login {border:0 none;margin:0;}
	
.steps{height:700px}
	.steps .con{padding:65px 140px;width:720px}
		.steps .con .progress{position:relative;width:720px;height:130px;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default}
			.steps .con .progress .p-line{height:1px;width:600px;position: absolute;top:81px;left:60px;background: #666}
			.steps .con .progress .p-line p{height:1px;width:600px;background:#1bb847}
			.steps .con .progress .p-item{position:absolute;width:120px;height:130px;float:left}
			.steps .con .progress .p-item-1{top:0;left:0}
			.steps .con .progress .p-item-2{top:0;left:200px}
			.steps .con .progress .p-item-3{top:0;left:400px}
			.steps .con .progress .p-item-4{top:0;left:600px}
			.steps .con .progress .p-item .p-icon{width:64px;height:64px;margin:0 auto;display: block}
			.steps .con .progress .p-item-1 .p-icon{background-position: 0 -30px}
			.steps .con .progress .p-item-1.p-item-on .p-icon{background-position: 0 -94px}
			.steps .con .progress .p-item-2 .p-icon{background-position: -64px -30px}
			.steps .con .progress .p-item-2.p-item-on .p-icon{background-position: -64px -94px}
			.steps .con .progress .p-item-3 .p-icon{background-position: -128px -30px}
			.steps .con .progress .p-item-3.p-item-on .p-icon{background-position: -128px -94px}
			.steps .con .progress .p-item-4 .p-icon{background-position: -192px -30px}
			.steps .con .progress .p-item-4.p-item-on .p-icon{background-position: -192px -94px}
			.steps .con .progress .p-item .p-dot{width:15px;height:15px;background-position:-130px 0;display: block;margin:10px auto 5px}
			.steps .con .progress .p-item-on .p-dot{width:15px;height:15px;background-position:-145px 0}
			.steps .con .progress .p-item p{color: #666;font-size: 16px;font-weight: bold;width:120px;height: 30px;line-height: 30px;text-align: center}
			.steps .con .progress .p-item-on p{color:#1bb847}
		.steps .con .form{width:720px;padding-top: 45px;display: none}
			.steps .con .form .notice{color:#666;background:#ebebeb;height:50px;line-height: 50px;border-radius: 25px;text-align: center;width:460px;margin:0 auto 25px}
			.steps .con .form .form-info{padding-left: 65px;width:395px;margin:0 auto}
				.steps .con .form .form-info li{height:60px;line-height: 60px}
				.steps .con .form .form-info .li-btn{height:100px;line-height:100px}
				.steps .con .form .form-info .li-tips{height:35px;line-height: 35px}		
					.steps .con .form .form-info .li-tips span{color: #fc7133}						
				.steps .con .form .form-info li .ipt-sms{width: 80px}
				.steps .con .form .form-info li .btn-sms{background:#21c2ad;color:#fff;height:50px;line-height: 50px;width: 140px;margin-left: 5px;text-align: center;border-radius: 10px}
				.steps .con .form .form-info li .btn-gray{}

				.steps .con .form .form-info li .btn-next{width:165px;height:45px;line-height:45px;background:#21c25b;color:#fff;font-size: 18px;font-weight: bold;border-radius: 10px;text-align: center;margin-left:90px}
				.steps .con .form .form-info li .btn-protocol{color:#1bb847;text-decoration: underline}
			.steps .con .form .confirm{margin-top: 65px;padding-left:100px;line-height: 136px;height:136px;color:#999;font-size: 24px;font-weight: bold}
				.steps .con .form .confirm i{width: 136px;height:136px;background-position:0 -158px;margin-right: 25px;float:left}
				.steps .con .form .confirm p{float: left;height:136px;line-height: 136px;width:459px}
				.steps .con .form .btn-save{width:165px;height:45px;line-height:45px;background:#21c25b;color:#fff;font-size: 18px;font-weight: bold;border-radius: 10px;text-align: center;margin-left:90px;display: block;margin:65px auto 0}

.setting{}
	.setting .current-child{background: #e1f5e6;height:100px;width:100%}
		.setting .current-child .info{padding:15px 0;width:800px;height:70px;float: left}
			.setting .current-child .info .pic{width:68px;height:68px;border-radius: 50%;border:1px solid #21c25b;margin:0 10px 0 20px}
			.setting .current-child .info .pic-boy {background: url(../image/pic-boy.jpg) no-repeat 50% 50%;background-size: contain}
			.setting .current-child .info .pic-girl {background: url(../image/pic-girl.jpg) no-repeat 50% 50%;background-size: contain}
			.setting .current-child .info .name{width:700px;font-size: 16px;line-height: 25px;padding-top: 10px;white-space: nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;}
			.setting .current-child .info .name .eye {width:26px;height:16px;margin-left: 10px;background-position:-256px  -16px;vertical-align: -2px;*vertical-align:2px;}
			.setting .current-child .info .name .eye-on {background-position: -256px 0 }
			.setting .current-child .info .account{width:700px;line-height: 25px;padding-bottom: 10px;white-space: nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;}
		.setting .current-child .btn-change{width:185px;float: right;margin-top:30px}
	.setting .title{position: relative;height:70px;width: 100%;border-bottom: 1px solid #1bb847;margin-bottom: 50px}
		.setting .title p{position:absolute;bottom:-25px;left:340px;width:320px;height:50px;line-height: 50px;text-align: center;color:#1bb847;font-size: 30px;font-weight: bold;background: #fff}
	.setting .set-list{height:480px;width:1000px}
		.setting .set-list > li{width:304px;height:308px;float:left;position: relative;border-radius: 20px;border:1px solid #1bb847;padding:30px 7px 0}
		.setting .set-list >li+li{margin-left: 20px}
			.setting .set-list li .set-title{width: 304px;height:205px;color:#999;font-size: 14px;font-weight: bold;text-align: center;border-bottom: 1px solid #6ce38d;padding-bottom: 20px}
				.setting .set-list li .set-title i{margin:0 auto 20px;}
				.setting .set-list li .set-title span{color:#1bb847;font-size: 18px}
			.setting .set-list li .set-verify{width: 279px;height:205px;color:#999;font-size: 14px;font-weight: bold;text-align: center;border-bottom: 1px solid #6ce38d;padding:0 0 20px 25px}
				.setting .set-list li .set-verify p{text-align: left;height:40px;line-height: 40px}
				.setting .set-list li .set-verify .ipt{width:75px;height:33px;line-height: 33px;padding:0 15px;margin-right: 5px}
				.setting .set-list li .set-verify .btn-verify{width:87px;height:34px;line-height:34px;background: #1bb847;color:#fff;font-size: 14px;font-weight:normal;text-align: center;border-radius: 17px;vertical-align: middle}
			.setting .set-list .set-btns{width:100%;padding-top: 20px;text-align: center}
				.setting .set-list .set-btns a+a{margin-left: 24px}
				.setting .set-list .set-btns .btn,
				.setting .set-list .set-btns .btn-s{width:114px}
				.setting .set-list .set-btns .btn-s{width:93px}
				.setting .set-list .set-btns .btn-s+a{margin-left: 5px}
				.setting .set-list .set-btns .btn-gary+a{margin-left: 24px}

	.setting .record{min-height: 600px;padding-bottom: 30px} 
		.setting .record h3{margin:20px 0px;height:25px;line-height:25px;border-left: 3px solid #1bb847; font-size: 18px; font-weight: bold; color: #1bb847; padding-left: 10px}	
		.setting .record h3 .ctrl-all{width:250px;height:25px;line-height:25px;float: right;color:#666;font-size: 14px;text-align: right}
			.setting .record h3 .ctrl-all .i-smallSwitch {margin:0 10px;float:right}
		.setting .record p{font-size: 16px; color: #666}
		.setting .record .tips {font-size: 14px;height:40px;line-height:40px;border-top:1px solid #8ddba3}
			.setting .record p span{color:#1bb847}
		.setting .record .play{width: 670px}
		.setting .record .pay{width: 830px}
		.setting .record .btn-back{display: block; width: 180px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; font-weight: bold; color: #1bb847; border: 2px solid #1bb847; margin: 50px auto 0; border-radius: 20px;}
		.setting .record .game-set-list {width:100%;border-top:1px solid #8ddba3;}
			.setting .record .game-set-list li{width:100%;color:#666;height:115px;border-bottom:1px solid #dcdcdc;}
				.setting .record .game-set-list li > *{float:left;}
				.setting .record .game-set-list li i {margin-top: 8px}
				.setting .record .game-set-list li > p{height:115px;line-height: 115px}
				.setting .record .game-set-list li .gName{width:260px;padding-left: 15px}
				.setting .record .game-set-list li .gDes{width:560px;}
				.setting .record .game-set-list li .ctrl{width:67px;}
					.setting .record .game-set-list li .ctrl a {margin:38px 0 0;}
					.setting .record .game-set-list li .ctrl p {height:25px;line-height: 25px;}
		.setting .record .pay-set-list {height:280px;}
			.setting .record .pay-set-list li {width:475px;height:230px;border:2px solid #21c25b;border-radius: 20px;position: relative;float: left;margin:25px 0;}
			.setting .record .pay-set-list .line {height:280px;width:20px;margin:0 20px 0 0;border: 0 none;border-right: 1px dotted #21c25b;border-radius: 0}
				.setting .record .pay-set-list li i {margin:35px auto 20px;}
				.setting .record .pay-set-list li p {height:30px;line-height: 30px;text-align: center;color:#21c25b;font-size: 20px;font-weight: bold;}
					.setting .record .pay-set-list li p .btn {width: 87px;height:24px;line-height: 24px;}
				.setting .record .pay-set-list li .amount {position:absolute;bottom:7px;left:7px;width:453px;height:50px;background:#e0f6e7;color:#21c25b;border-radius: 10px;padding:0 0 0 8px;display: none}
				.setting .record .pay-set-list li .amount:before {content: '';position: absolute;top:-10px;right:120px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #e0f6e7;}
					.setting .record .pay-set-list li .amount a {float:left;width:auto;padding: 0 5px;height: 50px;line-height: 50px;}
						.setting .record .pay-set-list li .amount a i {margin:16px 5px 0 0;}
			
			.setting .record .set-time {border-top:1px solid #8ddba3;color:666;}
				.setting .record .set-time li {height:40px;line-height: 40px;}
				.setting .record .set-time .set-time-title {font-size: 16px;font-weight: bold}
				.setting .record .set-time-tips {font-size: 14px;line-height: 40px;height:40px;}
				.setting .record .set-time li .btn-radio {width:80px;}
				.setting .record .set-time li .btn-radio i{margin:11px 10px 0 0;}

			.setting .record .con-time {width:1000px;height:320px;position: relative;}
				.setting .record .con-time .tb-time {width:1000px;color:#666;text-align: center;}
					.setting .record .con-time .tb-time tr {height:40px;line-height: 40px;}
						.setting .record .con-time .tb-time tr th {color:#1bb847;}
						.setting .record .con-time .tb-time tr td .i-del{margin-left: 10px}
						.setting .record .con-time .tb-time tr td .btn-set {width:180px;height:24px;line-height:24px;background: #f1f1f1;color: #26bb50;font-size: 14px;}
						.setting .record .con-time .tb-time tr td .btn-set-all {width:115px;height:30px;line-height: 30px;color:#666;background:#f1f1f1;border-radius: 5px;font-size: 14px}			
				.setting .record .con-time .edit-time {width:160px;height:65px;border: 1px solid #8ddba3;position: absolute;border-radius: 5px;padding:10px;background:#fff;display: none}
				.setting .record .con-time .edit-time .con-edit {width:100%;text-align: center;height: 24px;line-height: 24px;}
				.setting .record .con-time .edit-time:before{content: '';position: absolute;z-index:3;top:-10px;right:76px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff;}
				.setting .record .con-time .edit-time:after{content: '';position: absolute;z-index:2;top:-11px;right:75px;width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-bottom:11px solid #8ddba3;}
					.setting .record .con-time .edit-time .cdrop{width:65px;height:22px;background: #f1f1f1;border-color: #bdbdbd;border-radius:11px;}
						.setting .record .con-time .edit-time .cdrop .ctxt{width:100%;height:22px;line-height: 22px;padding:0;text-align: center;color: #666;border-radius:10px;}
						.setting .record .con-time .edit-time .cdrop .clist {width:63px;top:22px;border-color:#bdbdbd;}
						.setting .record .con-time .edit-time .cdrop ul {width:50px;}
						.setting .record .con-time .edit-time .cdrop ul li {padding:0;width: 50px;text-align: center;}
						.setting .record .con-time .edit-time .btn {width:87px;height:24px;margin:10px auto 0;line-height:24px;font-size:14px;}