@charset "utf-8";
@media screen and (min-width: 1182px) {
/*大屏浏览器*/
#help-box{height:auto;min-width:993px;background-color:#fff;width:100%;box-sizing:border-box;padding-top:50px;padding-bottom:50px;padding-right:10px;padding-left:10px}
#help-box .box{max-width:1652px;margin-right:auto;margin-left:auto;box-sizing:border-box;padding-top:40px;padding-bottom:80px}
#help-box .box .tab{padding-bottom:20px}
#help-box .box .tab a{font-size:14px;line-height:36px;color:#666;background-color:#F0F0F0;display:inline-block;height:36px;padding-right:15px;padding-left:15px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;white-space:nowrap;margin-right:2px;text-decoration:none;margin-top:5px}
#help-box .box .tab a.cur{color:#FFF;background-color:#728ddc}
#help-box .list{clear:both;float:none;overflow:hidden}
#help-box .list ul{width:120%}
#help-box .list ul li{float:left;width:19.34%;margin-right:2%;margin-top:36px}
#help-box .list ul li .pic{width:100%;overflow:hidden;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
#help-box .list ul li .text{height:30px;font-size:14px;padding-top:10px}
#help-box .list ul li .pic img{width:100%;float:left}
.helpshow{background-color:#f5f5f5}
#helpshowbox{background-color:#FFF;width:1200px;margin-top:30px;margin-right:auto;margin-bottom:30px;margin-left:auto;border:1px solid #F1F1F1;padding:20px;-moz-box-shadow:0 2px 5px rgba(0,0,0,.1);-webkit-box-shadow:0 2px 5px rgba(0,0,0,.1);box-shadow:0 2px 5px rgba(0,0,0,.1);filter:progid:DXImageTransform.Microsoft.Shadow(strength=2, direction=180, color='#000000');-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(strength = 2, Direction = 180, Color = '#000000')"}
#helpshowbox .box .title{text-align:center;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#F5F5F5}
#helpshowbox .box .title h1{font-size:20px}
#helpshowbox .box .content{font-size:14px;line-height:24px;padding-top:15px;padding-bottom:15px}
.video{margin-left:auto;margin-right:auto;width:100%;margin-top:20px;margin-bottom:20px}
}
@media screen and (min-width: 992px) and (max-width: 1181px) {
/*小屏浏览器*/
#help-box{height:auto;min-width:993px;background-color:#fff;width:100%;box-sizing:border-box;padding-top:50px;padding-bottom:50px;padding-right:10px;padding-left:10px}
#help-box .box{max-width:1652px;margin-right:auto;margin-left:auto;box-sizing:border-box;padding-top:40px;padding-bottom:80px}
#help-box .box .tab{padding-bottom:20px}
#help-box .box .tab a{font-size:14px;line-height:36px;color:#666;background-color:#F0F0F0;display:inline-block;height:36px;padding-right:15px;padding-left:15px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;white-space:nowrap;margin-right:2px;text-decoration:none;margin-top:5px}
#help-box .box .tab a.cur{color:#FFF;background-color:#728ddc}
#help-box .list{clear:both;float:none;overflow:hidden}
#help-box .list ul{width:120%}
#help-box .list ul li{float:left;width:19.34%;margin-right:2%;margin-top:36px}
#help-box .list ul li .pic{width:100%;overflow:hidden;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
#help-box .list ul li .text{height:30px;font-size:14px;padding-top:10px}
#help-box .list ul li .pic img{width:100%;float:left}
.helpshow{background-color:#f5f5f5}
#helpshowbox{background-color:#FFF;width:1200px;margin-top:30px;margin-right:auto;margin-bottom:30px;margin-left:auto;border:1px solid #F1F1F1;padding:20px;-moz-box-shadow:0 2px 5px rgba(0,0,0,.1);-webkit-box-shadow:0 2px 5px rgba(0,0,0,.1);box-shadow:0 2px 5px rgba(0,0,0,.1);filter:progid:DXImageTransform.Microsoft.Shadow(strength=2, direction=180, color='#000000');-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(strength = 2, Direction = 180, Color = '#000000')"}
#helpshowbox .box .title{text-align:center;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#F5F5F5}
#helpshowbox .box .title h1{font-size:20px}
#helpshowbox .box .content{font-size:14px;line-height:24px;padding-top:15px;padding-bottom:15px}
.video{margin-left:auto;margin-right:auto;width:100%;margin-top:20px;margin-bottom:20px}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
/*IPAD、移动端大屏、平板*/
#help-box{height:auto;background-color:#fff;width:100%;box-sizing:border-box;padding-bottom:.5rem;padding-right:.1rem;padding-left:.1rem}
#help-box .box{margin-right:auto;margin-left:auto;box-sizing:border-box;padding-top:.4rem;padding-bottom:.8rem}
#help-box .box .tab{padding-bottom:.2rem}
#help-box .box .tab a{line-height:.36rem;color:#666;background-color:#F0F0F0;display:inline-block;height:.36rem;padding-right:.15rem;padding-left:.15rem;-moz-border-radius:.04rem;-webkit-border-radius:.04rem;border-radius:.04rem;white-space:nowrap;margin-right:.04rem;text-decoration:none;margin-top:.06rem}
#help-box .box .tab a.cur{color:#FFF;background-color:#728ddc}
#help-box .list{clear:both;float:none;overflow:hidden}
#help-box .list ul{width:120%}
#help-box .list ul li{float:left;width:27%;margin-right:2%;margin-top:.36rem}
#help-box .list ul li .pic{width:100%;overflow:hidden;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
#help-box .list ul li .text{height:.3rem;padding-top:.1rem}
#help-box .list ul li .pic img{width:100%;float:left}
.helpshow{background-color:#f5f5f5}
#helpshowbox{background-color:#FFF;width:100%;margin-right:auto;margin-left:auto;padding:.2rem;box-sizing:border-box;}
#helpshowbox .box .title{text-align:center;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#F5F5F5}
#helpshowbox .box .title h1{font-size:.26rem}
#helpshowbox .box .content{font-size:.18rem;line-height:.36rem;padding-top:.15rem;padding-bottom:.15rem;box-sizing:border-box;}
.video{margin-left:auto;margin-right:auto;width:100%;margin-top:.2rem;margin-bottom:.2rem}
}

@media screen and (max-width: 767px) {
/*手机端*/
.mainbody #header{background-color: rgba(35,47,62,.85)!important;}
#help-box{padding-top:.7rem;height:auto;background-color:#fff;width:100%;box-sizing:border-box;padding-bottom:.5rem;padding-right:.2rem;padding-left:.2rem}
#help-box .box{margin-right:auto;margin-left:auto;box-sizing:border-box;padding-top:.4rem;padding-bottom:.8rem}
#help-box .box .tab{padding-bottom:.2rem}
#help-box .box .tab a{line-height:.46rem;color:#666;background-color:#F0F0F0;display:inline-block;height:.46rem;padding-right:.15rem;padding-left:.15rem;-moz-border-radius:.04rem;-webkit-border-radius:.04rem;border-radius:.04rem;white-space:nowrap;margin-right:.04rem;text-decoration:none;margin-top:.06rem}
#help-box .box .tab a.cur{color:#FFF;background-color:#728ddc}
#help-box .list{clear:both;float:none;overflow:hidden}
#help-box .list ul li{width:100%;margin-right:2%;margin-top:.4rem}
#help-box .list ul li .pic{width:100%;overflow:hidden;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
#help-box .list ul li .text{padding-top:.1rem}
#help-box .list ul li .pic img{width:100%;float:left}
.helpshow{background-color:#f5f5f5}

#helpshowbox{background-color:#FFF;width:100%;box-sizing:border-box;margin-right:auto;margin-left:auto;padding:.2rem;}
#helpshowbox .box .title{text-align:center;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#F5F5F5}
#helpshowbox .box .title h1{font-size:.3rem;font-weight: normal;
}
#helpshowbox .box .content{font-size:.24rem;line-height:.42rem;padding-top:.15rem;padding-bottom:.15rem}
#helpshowbox .box .content img{ width:100%; height:auto;}
.video{margin-left:auto;margin-right:auto;width:100%;margin-top:.2rem;margin-bottom:.2rem}
.video video{width:100%;}

}