@charset 'utf-8';

*{margin:0;padding:0;}
body{font-family:Arial, Helvetica, "Microsoft YaHei", "SimSun", sans-serif;font-size:14px;}
a{text-decoration:none;}
a:hover{color:#ffaf00;}
ul, ol, li{list-style-type:none;}
.left{float:left;}
.right{float:right;}
.clr{display:block;height:0;clear:both;}
/*指定上下间距*/
.hr_100, .hr_50, .hr_40, .hr_35, .hr_30, .hr_25, .hr_20, .hr_15, .hr_12, .hr_10, .hr_8, .hr_7, .hr_5, .hr_3, .hr_1{ clear:both;font-size:1px;line-height:1px;overflow:hidden;}
.hr_100 { height:100px;}
.hr_50 { height:50px;}
.hr_40 { height:40px;}
.hr_35 { height:35px;}
.hr_30 { height:30px;}
.hr_25 { height:25px;}
.hr_20 { height:20px;}
.hr_15 { height:15px;}
.hr_12 { height:12px;}
.hr_10 { height:10px;}
.hr_8 { height:8px;}
.hr_7 { height:7px;}
.hr_5 { height:5px;}
.hr_3 { height:3px;}
.hr_1 { height:1px;}

.page{color:#666;background:#f7f7f7;}
.ww{width:100%;/* min-width:1190px; */}
.w{max-width:990px;margin:0 auto;}

.top{margin-bottom:20px;padding:15px 0;line-height:40px;background:#fff;}
.top-logo{float:left;font-size:26px;}
.top-intro{float:right;font-size:16px;}
.tal {
	text-align: left !important;
}
@media only screen and (max-width:520px){
	.top{margin-bottom:0px;border-bottom:1px solid #e5e5e5;}
	.top-logo, .top-intro{float:none;text-align:center;}
	.top-intro{padding:0 15px;line-height:24px;margin-bottom:8px;font-size:14px;}
}

.page-m{background:#fff;}
.app-f{border-bottom:1px solid #e5e5e5;}
.app-fh{padding:10px 20px 0;font-size:20px;font-weight:400;color:#333;}
.app-fh span{padding-bottom:5px;border-bottom:3px solid #ffaf00;}
.app-fd{padding:20px;}

.app-download .app-fd{position:relative;}
.app-icon{position:absolute;left:20px;top:15px;}
.app-icon img{width:148px;}
.app-update-intro{margin:0 280px 0 145px;min-height:150px;padding:0 20px;}
.app-update-intro li{line-height:25px;font-size:14px;color:#333;}

.app-device-intro{text-align:center;color:#ffaf00;}

.app-btns{position:absolute;top:15px;right:20px;}
.app-btns a{display:block;width:280px;height:60px;margin:10px auto;line-height:60px;text-align:center;font-size:20px;color:#fff;background:#76c268;border-radius:30px;display:none;}
.app-btns a img{vertical-align:-10%;}
.app-btns a:hover{-webkit-tap-highlight-color:rgba(255,255,255,0)}

@media only screen and (max-width:840px){
	.app-update-intro{margin-left:120px;margin-right:0;}
	.app-icon img{width:120px;}
	.app-btns{position:relative;right:auto;top:auto;margin-top:20px;}
	.app-btns a{width:260px;height:55px;line-height:55px;font-size:18px;}

	.app-fh span{border-width:2px;}
}

@media only screen and (max-width:500px){
	.app-icon{position:relative;left:auto;top:auto;text-align:center;margin:0 auto 20px;}
	.app-icon img{width:100px;}
	.app-update-intro{margin-left:0;min-height:auto;display:none;}
	.app-btns a{width:220px;height:45px;line-height:45px;font-size:16px;}
	.app-btns a img{width:22px;}
}

.app-history-d{width:90%;max-width:540px;margin:0 auto;border:1px solid #ffaf00;border-radius:5px;overflow:hidden;}
.app-history table{width:100%;border-collapse:collapse;}
.app-history thead tr{text-align:left;text-indent:1em;color:#fff;background:#ffaf00;}
.app-history tbody tr{text-align:center;border-bottom:1px solid #e5e5e5;display:none;}
.app-history tbody tr:nth-child(2n+1){background:#f7f7f7;}
.app-history tbody tr.app-table-more{background:#fffaf0;cursor:pointer;}
.app-history th, .app-history td{padding:10px 0;}

.app-code{text-align:center;}
.app-code dd{line-height:1.5;}
.app-code img{max-width:80%;min-width:30%;}

.app-img-d{width:100%;overflow-x:auto;overflow-y:none;}
.app-img-dd{/* width:5000px; */float:left;white-space:nowrap;}
.app-img-dd img{width:300px;margin-right:10px;}

/* 3658mall */
.app-3658mall .app-icon img{border:1px solid #e5e5e5;border-radius:5px;}
.app-3658mall .app-fh span{border-bottom:3px solid #e63925;}
.app-3658mall .app-device-intro{text-align:center;color:#e63925;}

.app-3658mall .app-btns a{background:#76c268;}
.app-3658mall .app-btns a:hover{-webkit-tap-highlight-color:rgba(255,255,255,0)}

.app-3658mall .app-history-d{border-color:#e63925;}
.app-3658mall .app-history thead tr{background:#e63925;}

/* hzb */
.app-hzb .app-icon img{border:1px solid #e5e5e5;border-radius:5px;}
.app-hzb .app-fh span{border-bottom:3px solid #ff8b00;}
.app-hzb .app-device-intro{text-align:center;color:#ff8b00;}

.app-hzb .app-btns a{background:#76c268;}
.app-hzb .app-btns a:hover{-webkit-tap-highlight-color:rgba(255,255,255,0)}

.app-hzb .app-history-d{border-color:#ff8b00;}
.app-hzb .app-history thead tr{background:#ff8b00;}