@charset "utf-8";
*{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;font-family: PingFang SC, Verdana, Helvetica Neue, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;color: #333;background-repeat: no-repeat;box-sizing: border-box;font-size: 14px;}
body{background: #FFFFFF;}
a{text-decoration: none!important;cursor: pointer;}
.fl{float: left;}
.fr{float: right;}
img{border: none;display: block;}
em,h1,i{font-style: normal;}
.width{width: 1180px;margin: 0 auto;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
ul,li{list-style: none;}
.animation{ transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s;}


.elip{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;word-break:break-all;}

.elips{overflow:hidden;text-overflow:ellipsis;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

.banner{height: 400px;background: url(../../images/arctpl/himall_article/banner.png)center top no-repeat;background-size: cover;box-sizing: border-box;padding-top: 76px;}

.banner h5{display: block;font-weight: 500;font-size: 16px;color: #252627;margin-bottom: 16px;}

.banner h5::before{display: inline-block;content: '';width: 16px;height: 16px;background: url(../../images/arctpl/himall_article/b_hash.png);background-size: 100%;margin-right: 4px;vertical-align: -2px;}
.banner span{display: block;font-weight: bold;font-size: 38px;color: #000000;}
.banner p{font-weight: 400;font-size: 20px;color: #5D5F63;line-height: 28px;margin: 16px 0 40px;}
.banner a{display: block;text-align: center;width: 144px;height: 48px;background: #005EF4;border-radius: 4px;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 48px;}

.nav_himall{height: 106px;background: #F3F5F8;box-sizing: border-box;padding-top: 32px;}

.nav_himall .fl{font-size: 0;}

.nav_himall .fr{font-size: 0;}

.nav_himall .fl a{display: inline-block;width: 120px;height: 42px;background: #FFFFFF;border-radius: 4px;text-align: center;font-weight: 400;font-size: 13px;color: #252627;line-height: 42px;margin-right: 8px;}

.nav_himall .fr a{display: inline-block;text-align: center;width: 112px;height: 42px;background: #005EF4;border-radius: 4px;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 42px;}

.nav_himall .fr a:last-child{background: #16CC9E;margin-left: 16px;}
.fixed_menu{position: fixed;top: 0;left: 0;width: 100%;z-index: 999;}

.main{padding: 64px 0 80px;}

.main .fl{width: 800px;}

.main .fl .position{font-weight: 400;font-size: 16px;color: #5D5F63;}

.main .fl .position a{font-weight: 400;font-size: 16px;color: #5D5F63;}

.main .fl .hr{width: 100%;height: 0px;border-top: 1px solid #BFBFBF;margin: 32px 0 24px;}

.main .fl h5{display: block;font-weight: 500;font-size: 32px;color: #000000;line-height: 48px;margin-bottom: 8px;}

.main .fl .info{display: flex;width: 100%;height: 22px;flex-wrap: wrap;margin-bottom: 24px;}

.main .fl .info em{display: block;font-weight: 400;font-size: 12px;color: #8C8C8C;margin-right: 40px;}

.main .fl .info em:last-child{margin-right: 0;margin-left: auto;}

.main .fl .body{width: 100%;margin-bottom: 24px;}

.main .fl .body p{font-weight: 400;font-size: 14px;color: #5D5F63;line-height: 22px;margin-bottom: 24px;}

.main .fl .body img{display: block;width: 100%;object-fit: cover;max-width:100%;min-width: 100%;margin-bottom: 24px;}

.main .fl .prenext{width: 800px;height: 138px;background: #F4F5F8;box-sizing: border-box;padding: 16px 0 0 16px;}

.main .fl .prenext em{display: block;font-weight: 400;font-size: 14px;color: #5D5F63;margin-bottom: 16px;}

.main .fl .prenext em a{font-weight: 400;font-size: 14px;color: #5D5F63;}

.main .fl .pn{width: 764px;height: 30px;background: rgba(255,255,255,0.6);margin: auto;display: flex;align-items: center;box-sizing: border-box;padding: 0 8px;}

.main .fl .pn a{display: block;font-weight: 400;font-size: 14px;color: #5D5F63;margin-right: 24px;}

.main .fl .pn a:hover{color: #0E6EFF;}

.main .fl .pn a:last-child{margin-right: 0;margin-left: auto;font-weight: 400;font-size: 14px;color: #8C8C8C;}

.main .fl .pn a:last-child::after{display: inline-block;content: '';width: 16px;height: 16px;background: url(../../images/arctpl/himall_article/arrow.png);background-size: 100%;margin-left: 4px;vertical-align: -2px;}

.main .fl ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 48px 0;}

.main .fl ul li{width: 252px;height: 412px;background: #FFFFFF;border-radius: 4px;border: 1px solid #F0F0F0;}

.main .fl ul li .top{width: 100%;height: 104px;background: url(../../images/arctpl/himall_article/fl_ul1.png);background-size: 100%;font-weight: 500;font-size: 20px;color: #FFFFFF;line-height: 104px;text-align: center;margin-bottom: 32px;}

.main .fl ul li:nth-child(2) .top{background: url(../../images/arctpl/himall_article/fl_ul2.png);background-size: 100%;}

.main .fl ul li:nth-child(3) .top{background: url(../../images/arctpl/himall_article/fl_ul3.png);background-size: 100%;}

.main .fl ul li i{display: block;font-weight: 400;font-size: 12px;color: #262626;line-height: 22px;margin-left: 24px;margin-bottom: 4px;}

.main .fl ul li i::before{display: inline-block;content: '';width: 14px;height: 14px;background: url(../../images/arctpl/himall_article/tick.png);background-size: 100%;margin-right: 4px;vertical-align: -3px;}

.main .fl ul li p{width: 204px;height: 88px;font-weight: 400;font-size: 12px;color: #5D5F63;line-height: 22px;margin: 20px 0 20px 24px;}

.main .fl ul li a{display: block;text-align: center;margin: auto;width: 165px;height: 42px;background: #44A4FF;border-radius: 4px;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 42px;}

.main .fl ul li:nth-child(2) a{background: #0374EF;}

.main .fl ul li:nth-child(3) a{background: #546CEF;}

.main .fl ul li a::after{display: inline-block;content: '';width: 17px;height: 16px;background: url(../../images/arctpl/himall_article/arrow1.png);background-size: 100%;margin-left: 5px;vertical-align: -2px;}

.main .fl img.pic{display: block;width: 796px;height: 168px;}

.main .fr{width: 320px;}

.main .fr .title span{display: block;font-weight: bold;font-size: 28px;color: #000000;}

.main .fr .title hr{width: 100%;height: 0px;border-top: 1px solid #BFBFBF;margin: 16px 0 32px;}

.main .fr ul{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}

.main .fr ul li{width: 99px;height: 84px;background: linear-gradient( 180deg, #F3F5F8 0%, #FFFFFF 100%);box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.05);border-radius: 4px;border: 2px solid #FFFFFF;margin-bottom: 12px;font-weight: 400;font-size: 16px;color: #262626;text-align: center;box-sizing: border-box;padding-top: 16px;}

.main .fr ul li::before{display: block;margin:0 auto 4px;content: '';width: 25px;height: 24px;background: url(../../images/arctpl/himall_article/fr1_ico1.png);background-size: 100%;}

.main .fr ul li:nth-child(2)::before{background: url(../../images/arctpl/himall_article/fr1_ico2.png);background-size: 100%;}

.main .fr ul li:nth-child(3)::before{background: url(../../images/arctpl/himall_article/fr1_ico3.png);background-size: 100%;}

.main .fr ul li:nth-child(4)::before{background: url(../../images/arctpl/himall_article/fr1_ico4.png);background-size: 100%;}

.main .fr ul li:nth-child(5)::before{background: url(../../images/arctpl/himall_article/fr1_ico5.png);background-size: 100%;}

.main .fr ul li:nth-child(6)::before{background: url(../../images/arctpl/himall_article/fr1_ico6.png);background-size: 100%;}

.main .fr ul li:nth-child(7)::before{background: url(../../images/arctpl/himall_article/fr1_ico7.png);background-size: 100%;}

.main .fr ul li:nth-child(8)::before{background: url(../../images/arctpl/himall_article/fr1_ico8.png);background-size: 100%;}

.main .fr ul li:nth-child(9)::before{background: url(../../images/arctpl/himall_article/fr1_ico9.png);background-size: 100%;}

.main .fr1{margin-bottom: 64px;}

.main .fr2{margin-bottom: 64px;}

.main .fr1 a{display: block;width: 320px;height: 50px;border-radius: 4px;border: 1px solid #005EF4;margin-top: 20px;text-align: center;font-weight: 400;font-size: 16px;color: #0E6EFF;line-height: 50px;}

.main .fr1 a::after{display: inline-block;content: '';width: 17px;height: 16px;background: url(../../images/arctpl/himall_article/arrow2.png);background-size: 100%;margin-left: 5px;vertical-align: -2px;}

.main .fr2 .s{width: 320px;height: 170px;background: linear-gradient( 180deg, #F3F5F8 0%, #FFFFFF 100%);box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.05);border-radius: 4px;border: 2px solid #FFFFFF;margin-bottom: 16px;box-sizing: border-box;padding: 20px 0 0 20px;position: relative;}

.main .fr2 .s span{display: block;font-weight: bold;font-size: 20px;color: #262626;margin-bottom: 6px;}

.main .fr2 .s p{font-weight: 400;font-size: 16px;color: #5D5F63;line-height: 24px;height: 48px;}

.main .fr2 .s a{display: block;text-align: center;width: 84px;height: 32px;border-radius: 2px;border: 1px solid #0E6EFF;font-weight: 400;font-size: 12px;color: #0E6EFF;line-height: 32px;margin-top: 16px;}

.main .fr2 .s a::after{display: inline-block;content: '';width: 17px;height: 16px;background: url(../../images/arctpl/himall_article/arrow2.png);background-size: 100%;margin-left: 4px;vertical-align: -3px;}

.main .fr2 .s i{display: block;position: absolute;width: 48px;height: 48px;background: url(../../images/arctpl/himall_article/fr2_ico1.png);background-size: 100%;top: 20px;right: 20px;}

.main .fr2 .s:nth-child(3) i{background: url(../../images/arctpl/himall_article/fr2_ico2.png);background-size: 100%;}

.main .fr2 .s:nth-child(4) i{background: url(../../images/arctpl/himall_article/fr2_ico3.png);background-size: 100%;}

.main .fr2 .s:nth-child(5) i{background: url(../../images/arctpl/himall_article/fr2_ico4.png);background-size: 100%;}

.main .fr2 .s:nth-child(6) i{background: url(../../images/arctpl/himall_article/fr2_ico5.png);background-size: 100%;}

.main .fr3 .new_art a span{display: block;font-weight: 400;font-size: 14px;color: #5D5F63;margin-bottom: 16px;}
.main .fr3 .new_art a span::before{display: inline-block;content: '';width: 6px;height: 6px;background: #0E6EFF;border-radius: 50%;margin-right: 8px;vertical-align: 2px;}