body {margin: 0;padding: 0;background-color: #fff;overflow: hidden;}
*:focus {outline: none;}
ul,p{padding: 0;margin: 0;}
li{padding: 0;margin: 0;list-style:none;}
a{color: #397EFF;text-decoration:none;}
/**{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}*/
.Box{height: 100%;overflow: hidden;}
.headerBox{background: #333333;height: 45px;color: #fff;line-height: 45px;width: 100%;text-align: center;}
.logoImg{display: inline-block;width: 60px;height: 25px;margin-top: 9px; background-image: url('http://cdn.hpplay.com.cn/h5/pcHelp/img/logo.png');background-repeat: no-repeat;background-position: center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background:none\9;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cdn.hpplay.com.cn/h5/pcHelp/img/logo.png',sizingMethod='scale');
    /*filter: progid: DXImageTransform.Microsoft.AlphaImageLoader( src='http://localhost:8080/Web-Pro/pcHelp/img/logo.png', sizingMethod='image');*/
    /*-ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader( src='http://localhost:8080/Web-Pro/pcHelp/img/logo.png', sizingMethod='image');*/
}
.headerContent{max-width: 1200px;min-width: 768px;width: 80%;margin: 0 auto;text-align: left;height:45px;}
.content{max-width: 1200px;min-width: 768px;width: 80%;margin: 0 auto;}
.contentBox{/*position: relative;width: 100%;padding-left: 100px;*/position: absolute;top:45px;bottom:0;/*width: 100%;*/padding-left: 100px;}
.leftMenu{width: 210px;/*height:100%;*/background: #F8F9FA;font-family: PingFangSC-Regular;font-size: 14px;color: #999999;position:absolute;top:0;bottom:0;}
.leftMenu ul{padding-top: 50px;}
.leftMenu li{line-height: 24px;margin-bottom: 25px;padding-left: 20px;cursor: pointer;}
.leftMenu .active{color: #333333;}
.rightContent{position: absolute;width: 1000px;/*bottom: 45px;*/bottom:0; top: 0;left: 300;padding-top: 45px;overflow:auto;}
.contentText{padding-right: 40px;display: none;}
.content1{display: block;}
.textList{padding-left: 40px;}
.textList p{margin-bottom: 20px;font-family: PingFangSC-Regular;font-size: 14px;color: #333333;letter-spacing: 0;line-height: 28px;}
.textList .titleText{font-family: PingFangSC-Medium;font-size: 24px;color: #333333;margin-bottom: 20px;line-height:1.6;}
.textList .titleText18px{font-size: 18px;}
.textList img{margin-bottom: 35px;}
.contentMenu{font-size: 0;padding-bottom: 15px; border-bottom: 1px solid #DEE0E3; width: 80%; margin-left: -40px;padding-left: 60px;margin-top: 30px;}
.contentMenu .contentMenuList{display: inline;padding: 6px 15px;font-family: PingFangSC-Regular;font-size: 15px;color: #333333;letter-spacing: 0;/*line-height: 28px;*/cursor: pointer;margin-left: 20px;position: relative;}
.contentMenu .active{background: #ECF6FF;/*border-radius: 4px;*/color: #397EFF;}
.contentMenu .active em{display: inline-block;width: 80%;height: 1px;background: #397EFF;position: absolute;bottom: -15px;left: 10%;}
.tvContentBox{margin-top: 30px;padding-left: 40px;margin-bottom: 35px;}
.tvImgBox{display: none;}
.tvImgBox img{margin-bottom: 0;}
.tvContentList0{display: block;}
.tipBox{width: 600px;margin-bottom: 35px;font-size: 0;}
.tipBox p{margin:0;line-height: 20px;}
.tipBoxList{border-bottom:1px solid #fff;}
.tipBoxLeftTitle{width: 166px;display: inline-block;vertical-align: middle;text-align: center;font-family: PingFangSC-Regular;font-size: 12px;color: #333333;letter-spacing: 0;}
.tipBoxRightContent{width: 433px;display: inline-block;vertical-align: middle;padding: 8px;box-sizing: border-box;border-left: 1px solid #fff;margin:0; font-family: PingFangSC-Regular;font-size: 12px;color: #333333;letter-spacing: 0;line-height: 20px;}
.tipBoxTitle{background: #5A9CD5;border-bottom: 1px solid #fff;}
.tipBoxTitle .tipBoxLeftTitle, .tipBoxTitle .tipBoxRightContent{font-size: 14px;color: #FFFFFF;text-align: center;}
.tipBoxMain{background: #D3DEEF;}
.tipBoxfooterText{background: #EAF0F7;width: 599px;}
.tipBoxfooterText .tipBoxLeftTitle{width: 161px;}
.tipBoxfooterText p{margin: 0;line-height: 20px;font-size: 12px;}
.textList p{text-indent: 2em}
.textList img {margin-left: 2em}
.textList .titleText18px{margin-left: -2em}
@media (max-width: 767px) {
    .headerBox{padding-left: 20px;box-sizing: border-box;}
    .headerContent{width: 100%;min-width: initial;}
    .leftMenu{display: none;}
    .contentBox{right: 0;width: 100%;padding: 0;}
    .rightContent{left: 0;width: 100%;}
    .contentText{padding-right: 10px;overflow: hidden;}
    .textList{padding-left: 10px;}
    img{width: 100%;}
    .contentMenu{width: 100%;margin-left: -10px;padding-left:0;}
    .tvContentBox{padding-left: 0;}
    .contentMenuList span:active{background: #ECF6FF;}
    .phoneContentText{padding: 0;}
    .phoneContentText .textList{padding: 0;}
    .phoneContentText .titleText{padding-left: 10px;}
    .phoneContentText .contentMenu{margin: 0;}
    .phoneContentText .contentMenu .contentMenuList{padding: 6px 8px;margin-left:7px;}
    .phoneContentText .tvContentBox{padding: 0 10px;}
    .phoneContentText .tipBoxfooterText{width: 100%;}
    .phoneContentText .tipBoxfooterText .tipBoxLeftTitle{width: 26%;}
    .phoneContentText .tipBoxRightContent{width: 70%;}
    .phoneContentText .tipBoxfooterText p{word-break: break-all;}
    .phnoeStyle .textList .textList .titleText{font-size: 14px;}
}