*{margin: 0;padding: 0;border: none;list-style: none;}
.content{padding-bottom: 100px;background-color: #F0F3FA;}
.banner{background: url(/static/v2023/images/help/bg-hyezk.png) no-repeat;text-align: center;font-weight: 400;color: #333;line-height: 48px;font-family: Microsoft YaHei;height: 400px;}
.banner .banner-title{height: 36px;font-size: 36px;font-family: Source Han Sans SC VF;padding-top: 79px;}
.banner .banner-adesc{height: 16px;font-size: 16px;margin-top: 50px;}
.banner .banner-search{height: 60px;width: 900px;margin: 50px auto 0;border: 1px solid #fff;border-radius: 5px;text-align: left;}
.banner .banner-search input{font-size: 14px;color: #999;opacity: 0.9;display: inline-block;width: 793px;background-color: rgba(255, 255, 255, 0.47);height: 100%;padding-left: 25px;}
.banner .banner-search button{width: 100px;height: 48px;background: linear-gradient(90deg,#819acc 0%,#587cbc 100%);border-radius: 5px;font-size: 16px;color: #fff;cursor: pointer;}

.main{width: 1200px;margin: 0 auto;border-radius: 10px;background-color: #fff;margin-top: -300px;}
.main .main-rice{width: 100%;border-bottom: 1px solid #f3f3f3;margin-top: 200px;}
.main .main-rice div{display: flex;font-family: Microsoft YaHei;line-height: 48px;padding-top: 35px;padding-left: 24px;}
.main .main-sort{margin-bottom: 40px;}
.main .main-rice span{font-size: 16px;color: #999;font-weight: 400;}
.main-rice ul{display: flex;font-size: 16px;color: #333;justify-content: start;}
.main-rice ul li{text-align: center;cursor: pointer;padding: 0 20px;}
.main-rice ul .selected{background:linear-gradient(90deg,#819acc 0%,#5b7cbc 100%);border-radius: 5px;color: #fff;}
.main .main-content{width: 100%;display: flex;justify-content: start;flex-wrap: wrap;padding: 0 0 40px;}
.main .main-content .main-model{width:368px;height: 263px;border-radius: 10px;font-family: Microsoft YaHei;font-weight: 400;line-height: 48px; color: #333;margin-left: 24px;margin-top: 23px;}
.main .main-content .main-model:hover{background: #fff;box-shadow: 0 7px 18px 0 rgba(115, 135, 166, 0.15);}
.main-content .main-model span{display: inline-block;width: 90px;background-color: rgba(51, 51, 51, 0.75);border-radius: 3px;font-size: 14px;color: #fff; position:absolute;text-align: center;height: 30px; line-height: 30px;margin-top: 11px;margin-left: 12px;}
.main-content .main-model img{border-radius: 10px;}
.main-content .main-model .main-title{text-align: center;height: 40px;font-size: 18px; overflow: hidden;}
#test1{width: 1200px;height: 70px;background: #FFFFFF;text-align: center;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;border-top: 1px solid #f0f3fa;}

#video-box{margin-bottom: 0px;background-color: #fff;margin-top: 20px;border-top-left-radius: 10px;border-top-right-radius: 10px;width: 1200px;}
.layui-laypage a{
   padding: 5px 15px;
background: #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 5px;
margin: 0 5px;
}
.layui-laypage .layui-laypage-curr{
   padding: 5px 15px;
border-radius: 5px;
margin: 0 5px;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background: linear-gradient(146deg, #FB4F13, #E93535);border-radius: 5px;margin: 0 5px;left: -5px;}
.layui-laypage a:nth-child(1){width: 72px;
height: 36px;
background: #FFFFFF;
border: 1px solid #E5E5E5;
font-size: 14px;
color: #909399;
font-weight: 400;
line-height: 36px;
border-radius: 5px;}
.layui-laypage a,.layui-laypage .layui-laypage-curr{display: inline-block;height: 36px;border-radius: 5px;border: 1px solid #e5e5e5;font-size: 14px;line-height: 36px;font-weight: 400;color: #909399;width: 36px;padding: 0;}
.layui-laypage a:hover{background-color: #feeae3;color: #f5471e;}
.layui-laypage .layui-laypage-next{width: 72px;}
.layui-laypage input{height: 38px;}
.layui-laypage button{height: 38px;border-radius: 5px;line-height: 36px;}
.layui-laypage select{height: 32px;}
.layui-laypage .layui-laypage-count{font-size: 14px;color: #333;line-height: 36px;font-weight: 400;}
.layui-laypage .layui-laypage-skip {
    height: 35px;
    line-height: 42px;
    color: #333;
    font-size: 13px;
    font-weight: 400;
}

/* pdf文件 */
*{margin: 0;padding: 0;border: none;list-style: none;font-family: '微软雅黑';}
.content-pdf{padding-bottom: 79px;}
.w1200{padding-top: 31px; margin-bottom: 30px;}
.pdf-content{width: 1200px;border-radius: 10px;margin: 0 auto;background-color: #fff;}
/* .pdf-label{display: inline-block;width: 90px;height: 30px;background-color: rgba(51, 51, 51, 0.75);border-radius: 3px;font-size: 14px;font-family: Micosoft YaHei;font-weight: 400;color: #fff;line-height: 30px; text-align: center;position:absolute ;margin-top: 29px;margin-left: 36px;} */

.nws{width: 100%;height: 50px;font-size: 16px;font-weight: 400;background-color: #fcfcfc;line-height: 50px;}
.nws p{width: 1200px;margin: 0 auto;}

.pdf-content .pdf-title{font-size: 36px;font-weight: 400;color: #333;line-height: 48px;margin-top: 51px;}
/* .pdf-content .pdf-labels{display: flex;justify-content: start;margin-top: 23px;margin-bottom: 32px;} */
.pdf-content .pdf-labels{margin-top: 23px;margin-bottom: 32px;}
.pdf-content .pdf-label{display: inline-block;width: 100px;height: 36px;background-color: #f3f3f3;border-radius: 3px;font-size: 14px;font-weight: 400;color: #333;line-height: 36px;margin-right: 20px;text-align: center;cursor: default;}
.pdf-content .downPdf{border-radius: 18px;width: 120px;color: #fff;font-size: 14px;background: linear-gradient(90deg,#ff4b4b 0%,#FA2727 100%);float: right;}
.pdf-content .downPdf img{margin-right: 4px;}

/* #canvas{width: 1200px;height: 2800px;overflow: hidden;} */
.pdf-cover{width: 1200px;height: 447px;background: linear-gradient(0deg,rgba(29,29,29,0.6) 0%,rgba(240,243,250,0)100%);border-radius: 10px;position: absolute;margin-top: -367px;}
.pdf-cover .check-pdf{display: block;width: 347px;height: 80px;border-radius: 40px;font-size: 18px;font-weight: 400;color: #fff;line-height: 80px;background: linear-gradient(90deg,#ff623b 0%,#ff0f47 100%);text-align: center;margin: 280px auto 0;}

/* 新增文章banner等2023/5/6 */
.v1200{
   width: 1200px;
   margin: 0 auto;
}
.reg-code {
   margin: 20px;
   text-align: center;
}

.free-code-xcx {
   position: absolute;
   top: 400px;
   right: 10px;
   width: 240px;
   height: 340px;
   background: #FFFFFF;
   border-radius: 10px;
   text-align: center;
   padding-top: 24px;
   font-size: 16px;
   font-family: Alibaba PuHuiTi;
   font-weight: 400;
   color: #333;
}

.free-code-xcx img:nth-child(2) {
   margin: 12px auto 10px;
}

.recommend .recommend-title{
font-size: 36px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #222;
line-height: 48px;
text-align: center;
padding: 80px 0 50px;

}.recommend .recommend-title span {
   color: #FF2525;
}

.recommend .main-content {
   width: 100%;
   display: flex;
   justify-content: start;
   flex-wrap: wrap;
   padding: 0 0 40px;
}

.recommend .main-content .main-model {
   width: 368px;
   height: 263px;
   border-radius: 10px;
   font-family: Microsoft YaHei;
   font-weight: 400;
   line-height: 48px;
   color: #333;
   margin-left: 24px;
   margin-top: 23px;
}

.recommend .main-content .main-model:hover {
   background: #fff;
   box-shadow: 0 7px 18px 0 rgba(115, 135, 166, 0.15);
}