* {
    padding: 0px;
    margin: 0px;
    border: 0px;
    vertical-align: baseline;
    box-sizing: border-box;
}
input, select, button {
    outline: 0px;
}
button {
    border: 0px;
    background-clip: padding-box;
}
table {
    border-collapse: collapse;
    border-spacing: 0px;
}
img {
    border: none;
    vertical-align: baseline;
}
textarea, input {
    overflow-wrap: break-word;
    word-break: break-all;
}
span, p, div {
    overflow-wrap: break-word;
}
.lf {
    float: left;
}
.rt {
    float: right;
}
html, body, div, p, ul, ol, li {
    list-style: none;
}
a {
    text-decoration: none;
    cursor: pointer;
}
.clearfix::after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}
body .skin_class_exmple .layui-layer-title {
    text-align: center;
    padding: 0px !important;
    background: black !important;
    color: white !important;
    font-size: 22px !important;
    height: 50px !important;
    line-height: 50px !important;
    position: relative !important;
}
body .skin_class_exmple .layui-layer-setwin {
    top: 15px !important;
}
body .skin_class_exmple .layui-layer-ico {
    background: url("../images/close2.png") no-repeat !important;
}
body .skin_class_exmple > .layui-layer-content {
    text-align: center;
    font-size: 20px;
    color: red;
    box-sizing: border-box;
}
body .skin_class_exmple .layui-layer-setwin a {
    width: 24px;
    height: 24px;
    opacity: 1;
}
body .skin_class_exmple .layui-layer-setwin a:hover {
    opacity: 1;
}
body .skin_class_exmple .layui-layer-setwin {
    opacity: 1;
}
body .skin_class_exmple > .layui-layer-btn {
    background: white;
    text-align: center;
}
body .layui-layer-title {
    border-bottom: none;
    background-color: transparent !important;
}
body .layui-layer-content {
    border-bottom: none;
    box-shadow: none;
    background-color: transparent !important;
}
body .layui-layer-setwin a {
    width: 24px;
    height: 24px;
    opacity: 0;
}
body .layui-layer-setwin a:hover {
    opacity: 0;
}
body .layui-layer-setwin {
    opacity: 0;
}
body .layui-layer-setwin .layui-layer-close2 {
    right: -2px;
    top: -2px;
}
body .skin_class_two {
    box-shadow: none;
}
.cu_layer {
    display: none;
}
html {
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0px auto;
}
body {
    max-width: 1920px;
    width: 100%;
    position: relative;
    margin: 0px auto;
}
.hy_webet {
    min-width: 1700px;
    display: block;
    background: url("../images/hy_bg.jpg ") center top no-repeat;
    text-align: center;
    position: relative;
}
.hy_webet .hy_webet_container {
    width: 1700px;
    margin: 0px auto;
    position: relative;
    padding-top: 60px;
}
.w1440 {
    width: 1440px;
    margin: auto;
}
.hy_webet .header {
    width: 100%;
    position: relative;
    margin: 0px auto;
    height: 72px;
}
.hy_webet .header .losome {
    width: 100%;
    height: 72px;
}
.hy_webet .header .nav {
    position: relative;
    margin: 0px auto;
}
.hy_webet .header .nav .heaf {
    display: flex;
    float: left;
    width: 138px;
    height: 72px;
    line-height: 72px;
    font-size: 0px;
    text-align: center;
    font-family: monospace;
    color: rgb(255, 255, 255);
    margin: 0px 30px;
    flex-wrap: wrap;
    place-content: center;
    align-items: center;
}
.hy_webet .header .nav .heaf:hover {
    color: rgb(249, 215, 170);
}
.hy_webet .header .nav .m20 {
    position: relative;
    margin: 0px 20px;
    width: 203px;
}
.hy_webet .header .nav .m20 img {
    position: absolute;
    top: 0px;
}
.hy_webet .header .nav .heaf .hd-icon {
    display: none;
    width: 7px;
    height: 7px;
    background: url("../images/hy_nav_icon.png") no-repeat;
}
.hy_webet .header .nav .heaf:hover .hd-icon {
    display: block;
}
.hy_webet .header .nav .heaf .hd-itext {
    display: inline-block;
    font-size: 24px;
    width: 124px;
    height: 72px;
    line-height: 72px;
}
.hy_webet .header .head_sub {
    display: none;
    position: absolute;
    width: 100%;
    height: 270px;
    left: 0px;
    top: 72px;
    background: url("../images/hy_nav_bg.png") no-repeat;
    z-index: 1000;
}
.hy_webet .header .head_sub .bsest {
    margin: 0px auto;
    width: 1440px;
}
.hy_webet .header .head_sub .bsest li {
    display: inline-block;
    float: left;
    width: 193px;
    text-align: center;
    margin-left: 3px;
}
.hy_webet .header .head_sub .bsest li a {
    display: block;
    text-align: center;
    line-height: 36px;
    color: rgb(255, 255, 255);
    font-size: 16px;
    height: 36px;
}
.hy_webet .header .head_sub .bsest li a:hover {
    color: rgb(249, 215, 170);
}
.hy_webet .header .head_sub .bsest .image {
    width: 245px;
}
.hy_webet .Swdown {
    position: relative;
    height: 400px;
    margin-top: 392px;
    padding-top: 1px;
}
.hy_webet .swbg {
    width: 1440px;
    height: 386px;
    background: url("../images/hy_newSwipebg.png") no-repeat;
    margin-top: 9px;
}
.hy_webet .Swdown .dowld {
    float: left;
    width: 310px;
    height: 382px;
    top: 0px;
}
.hy_webet .Swdown .dowld .download {
    position: absolute;
    left: 39px;
    top: 0px;
    display: inline-block;
    width: 270px;
    height: 168px;
    background: url("../images/hy_NS_dwoln.png") no-repeat;
}
.hy_webet .Swdown .dowld .download:hover{
    background-position-y: -168px;
}
.hy_webet .Swdown .dowld .enroll {
    clear: both;
    width: 100%;
    height: 217px;
    margin-top: 154px;
}
.hy_webet .Swdown .dowld .enroll a {
    float: right;
    display: inline-block;
    width: 271px;
    height: 52px;
    line-height: 52px;
    background: url("../images/hy_NS_ksbg.png") no-repeat;
    margin-top: 12px;
    font-size: 20px;
    color: rgb(245, 224, 213);
}
.hy_webet .Swdown .dowld .enroll a:hover {
    background-position-y: -52px;
}
.hy_webet .Swdown .dowld .enroll a img {
    vertical-align: text-top;
}
.hy_webet .Swdown .swiper {
    position: relative;
    width: 545px;
    height: 320px;
    margin-left: 9px;
    margin-top: 50px;
}
.hy_webet .swiper .swiper-container {
    height: 100%;
}
.hy_webet .swiper .swiper-wrapper {
    width: 545px;
    height: 292px;
}
.hy_webet .swiper .swiper-slide, .hy_webet .swiper .swiper-slide a {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.hy_webet .swiper .swiper-pagination {
    display: inline-block;
    bottom: 0px;
    right: 0px;
    width: auto;
    left: auto;
}
.hy_webet .swiper .swiper-pagination-bullet {
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url("../images/hy_swiper_next.png") no-repeat;
    opacity: 1;
    margin-left: 9px;
}
.hy_webet .swiper .swiper-pagination-bullet-active {
    background: url("../images/hy_swiper_prov.png") no-repeat;
}
.hy_webet .Swdown .news {
    position: relative;
    display: inline-block;
    width: 521px;
    height: 292px;
    background: url("../images/hy_newsbg.png") no-repeat;
    margin-left: 15px;
    margin-top: 51px;
}
.hy_webet .news .new-tab {
    display: inline-block;
    width: 522px;
    height: 57px;
    line-height: 57px;
}
.hy_webet .news .new-tab a {
    float: left;
    display: inline-block;
    width: 105px;
    height: 57px;
    line-height: 57px;
    font-size: 18px;
    color: rgb(255, 255, 255);
    text-align: center;
}
.hy_webet .news .new-tab a.is_act {
    color: rgb(246, 179, 127);
    border-bottom: 2px solid rgb(246, 179, 127);
}
.hy_webet .news .more {
    position: absolute;
    display: inline-block;
    width: 40px;
    height: 13px;
    right: 24px;
    top: 24px;
    background: url("../images/hy_news_more.png") no-repeat;
}
.hy_webet .news .new-bom li {
    display: none;
    height: 230px;
    overflow: hidden;
    margin-top: 7px;
}
.hy_webet .news .new-bom li:nth-child(1) {
    display: block;
}
.hy_webet .news .new-bom .neslist {
    display: flex;
    width: 100%;
    height: 36px;
    font-size: 16px;
    flex-wrap: wrap;
    place-content: center flex-start;
    align-items: center;
    padding-left: 16px;
}
.hy_webet .news .new-bom .neslist .icon {
    margin-right: 2px;
}
.hy_webet .news .new-bom .neslist .text {
    text-align: left;
    width: 396px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: rgb(255, 255, 255);
}
.hy_webet .news .new-bom .neslist .text:hover {
    padding-left: 2px;
}
.hy_webet .news .new-bom .neslist .year {
    width: 95px;
    text-align: center;
    color: rgb(255, 255, 255);
}
.hy_webet .StRank {
    margin-top: 27px;
    height: 310px;
}
.hy_webet .strategy {
    width: 856px;
    height: 310px;
    padding-top: 57px;
    background: url("../images/hy_strategy.png") no-repeat;
}
.hy_webet .strategy .l-image {
    margin-left: 24px;
    margin-top: 24px;
}
.hy_webet .strategy .l-texter {
    width: 379px;
    height: 210px;
    margin-left: 30px;
    margin-top: 24px;
    overflow: hidden;
}
.hy_webet .strategy .l-texter a {
    display: inline-block;
    width: 379px;
    color: rgb(255, 255, 255);
    text-align: left;
    height: 28px;
    line-height: 28px;
    margin-bottom: 8px;
}
.hy_webet .strategy .l-texter a .t-icon {
    vertical-align: super;
}
.hy_webet .strategy .l-texter a:hover .t-editor {
    padding-left: 2px;
}
.hy_webet .strategy .l-texter a .t-editor {
    display: inline-block;
    width: 355px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.hy_webet .rannking {
    width: 565px;
    height: 310px;
    padding-top: 57px;
    background: url("../images/hy_rannking.png") no-repeat;
}
.hy_webet .rannking .tatable{
    padding: 0px 25px;
    display: flex;
    width: 100%;
    height: 39px;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
}
.hy_webet .rannking .tatable li{
    display: inline-block;
    width: 92px;
    height: 28px;
    line-height: 28px;
    background: url(../images/hy_rannking_btn.png)no-repeat;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
}
.hy_webet .rannking .tathead{
    width: 508px;
    margin: 0 auto;
    text-align: left;
   
    height: 190px;
    overflow: hidden;
}
.hy_webet .rannking .tathead li{
    height: 27px;
    line-height: 27px;
    padding-top: 2px;
    font-size: 0;
    display: flex;
}
.hy_webet .rannking .tathead span{
    display: inline-block;
    text-align: center;
    font-size: 14px;
    color: #fff;
}
.hy_webet .rannking .tathead .ta-one{
    width: 79px;
}
.hy_webet .rannking .tathead .ta-two{
    width: 142px;
    white-space: nowrap;
    overflow: hidden; 
    text-overflow: ellipsis; 
}
.hy_webet .rannking .tathead .ta-three{
    width: 80px;
}
.hy_webet .rannking .tathead .ta-four{
    width: 123px;
}
.hy_webet .rannking .tathead .ta-five{
    width: 74px;
}






.hy_webet .referral {
    position: relative;
    width: 1700px;
    height: 760px;
}
.hy_webet .referral .re-avatar {
    width: 547px;
    position: absolute;
    right: 64px;
    top: 126px;
    z-index: 10;
}
.hy_webet .referral .re-avatar a {
    display: inline-block;
    width: 169px;
    height: 169px;
    background: url("../images/hy_introd_toggel.png") no-repeat;
}
.hy_webet .referral .re-avatar .ajl{
    background-position-x: -194px;
}
.hy_webet .referral .re-avatar .sdd{
    background-position-x: -397px;
}
.hy_webet .referral .re-avatar .dsdn{
    background-position-x: -592px;
}
.hy_webet .referral .re-avatar .pzx{
    background-position-x: -775px;
}
.hy_webet .referral .re-avatar .kl{
    background-position-x: -976px;
}
.hy_webet .referral .re-avatar .hzh{
    background-position-x: -1171px;
}
.hy_webet .referral .re-avatar .lnln{
    background-position-x: -1363px;
}
.hy_webet .referral .re-avatar .lbt{
    background-position-x: -1555px;
}
.hy_webet .referral .re-avatar .is_act{
    background-position-y: -190px;
}
.hy_webet .referral .re-recomm {
    width: 1206px;
    position: absolute;
    height: 763px;
    left: 0px;
    top: 0;
}
.hy_webet .referral .re-recomm li{
    display: none;
    width: 100%;
    height: 763px;
}
.hy_webet .referral .re-recomm li:nth-child(1){
    display: block;
}
.hy_webet .Wareg{
    position: relative;
    height: 561px;
    margin-top: 20px;
}
.hy_webet .waller{
    display: inline-block;
    width: 1061px;
    height: 561px;
    background: url(../images/hy_wallpaper.png)no-repeat;
}
.hy_webet .waller .mySwiper {
  width: 100%;
  padding-top: 57px;
  padding-left: 20px;
  padding-right: 20px;
}
.hy_webet .waller .mySwiper .swiper-container {
    width: 100%;
    height: 503px;
    padding-top: 23px;
}
.hy_webet .waller .mySwiper .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 648px;
    height: 450px;
}
.hy_webet .waller .mySwiper .swiper-pagination{
    bottom: 6px;
}
.hy_webet .waller .mySwiper .swiper-pagination-bullet {
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url("../images/hy_swiper_next.png") no-repeat;
    opacity: 1;
    margin-left: 9px;
}
.hy_webet .waller .mySwiper .swiper-pagination-bullet-active {
    background: url("../images/hy_swiper_prov.png") no-repeat;
}
.hy_webet .regard{
    display: inline-block;
    width: 361px;
    height: 561px;
    background: url(../images/hy_about.png)no-repeat;
    padding-top: 140px;
}
.hy_webet .regard a{
    display: inline-block;
    width: 298px;
    height: 113px;
    background: url(../images/hy_about_btn.png)no-repeat;
    margin: 25px auto 0px;
}
.hy_webet .regard .gfqq{
    background-position-x: -295px;
}
.hy_webet .regard a:hover{
    background-position-y: -113px;
}
/* 底部 */
.w1200{
   width: 1200px;
   margin: 0 auto;
   position: relative;
}
.footer{
    height: 150px; 
    background: #262626;
    color: #666666;
}
.footer .fnav a{
    color: #f2f2f2;  
    margin: 0 10px;
}
.footer .flogo{ 
    width: 255px;
    height: 98px; 
    float: left; 
    margin-top: 30px; 
    border-right: 2px solid #595959; 
}
.footer .flogo img{
	 width:240px;
}
.footer .f_bus{ 
    width:124px; 
    height:47px; 
    margin-left:10px; 
    float:left; 
    margin-top:30px;
}
.footer .finfo{
    width: 768px; 
    float:left; 
    margin-top: 25px; 
    line-height: 28px; 
    margin-left:20px; 
}
.footer .finfo p{
    font-size: 12px;
}
.footer .finfo p a{
    color:#666666; 
}
.footer .finfo p a:hover{
    color:#fff;
}
.footer .ccnt{ 
    width: 30px; 
    height: 30px; 
    position: absolute; 
    right: 275px; 
    top: 52px;
}
.footer .ccnt img {
    width: 30px;
    height: 30px;
}


/* 内页 */
.hy_nbg_webet {
    min-height: 1906px;
    height: auto;
    background:#581a18 url(../images/hy_n_bg.jpg)top center no-repeat;
}
.hy_nbg_webet .w1302{
    width: 1302px;
    margin: 0 auto;
}
.hy_nbg_webet .hy_n_conter {
    position: relative;
    width: 1302px;
    margin-top: 530px;
    padding-bottom: 100px;
}
.hy_nbg_webet .hy_n_side {
    position: relative;
    width: 241px;
    height: 765px;
    top: 0;
    left: 0;
}
.hy_nbg_webet .hy_n_side .hy_n_sidebg{
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    z-index: 2;
}
.hy_nbg_webet .hy_n_side .headline{
    display: inline-block;
    width: 234px;
    height: 83px;
    background: url(../images/hy_n_sidebtn.png)no-repeat;
}
.hy_nbg_webet .hy_n_side .headline.is_act{
    background-position-y: -95px;
}
.hy_nbg_webet .hy_n_side .back{
    margin-top: 3px;
}
.hy_nbg_webet .hy_n_side .newsline{
    background-position-x: -237px;
}
.hy_nbg_webet .hy_n_side .profile{
    background-position-x: -474px;
}
.hy_nbg_webet .hy_n_side .resource{
    background-position-x: -711px;
}
.hy_nbg_webet .hy_n_side .service{
    background-position-x: -948px;
}
.hy_nbg_webet .hy_n_side .rannking{
    background-position-x: -1185px;
}
.hy_nbg_webet .hy_n_side .details {
    /* display: none; */
}
.hy_nbg_webet .hy_n_side .show{
    display: block;
}
.hy_nbg_webet .hy_n_side .textual {
    font-size: 0;
}
.hy_nbg_webet .hy_n_side .details a{
    display: inline-block;
    /* display: block; */
    height: 65px;
    font-size: 18px;
    color: #fff;
    line-height: 65px;
    margin: 0 14px;
}










.hy_nbg_webet .hy_n_main{
    width: 1061px;
    min-height: 1080px;
    background: #170504;
    padding-bottom: 50px;
}
.hy_nbg_webet .hy_n_main .title{
    display: flex;
    width: 1061px;
    height:84px;
    line-height: 84px;
    background: url(../images/hy_n_mianbg.png)no-repeat;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    padding: 0 30px 0 0;
    color: #fff;
    font-size: 16px;
}
.hy_nbg_webet .hy_n_main .title a{
    color: #fff;
}
.hy_nbg_webet .hy_n_title {
    width: 969px;
    margin:  0 auto;
    padding-top: 30px;
}
.hy_nbg_webet .hy_n_title .hy_new_top{
    font-size: 0;
    width: 969px;
    height: 80px;
    border-bottom: 1px solid #43201f;
    
}
.hy_nbg_webet .hy_n_title .hy_new_top li{
    display: inline-block;
    width: 242px;
    height: 80px;
    font-size: 24px;

    line-height: 82px;
    letter-spacing: 1px;
    cursor: pointer;
    text-align: center;
}
.hy_nbg_webet .hy_n_title .hy_new_top li a{
    color: #ffffff;
}

.hy_nbg_webet .hy_n_title .hy_new_top li.is_act a{
    color: #ef231c;
    border-bottom: 2px solid #b51b16;
}
.hy_nbg_webet .hy_n_title .hy_new_bom{
    /**margin-top: 30px;**/
}
.hy_nbg_webet .hy_n_title .hy_new_bom a {
    display: flex;
    height: 75px;
    color: #fff;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px dashed #5b2f2e;
}
.hy_nbg_webet .hy_n_title .hy_new_bom a:hover .matter{
    color: #ef231c;
}
.hy_nbg_webet .hy_n_title .hy_new_bom a span{
    display: inline-block;
    text-align: left;
    font-size: 16px;
}
.hy_nbg_webet .hy_n_title .hy_new_bom a .matter{
    /**width: 870px;**/
}
.hy_nbg_webet .hy_n_title .hy_new_bom li{
    /**display: none;**/
}
.hy_nbg_webet .hy_n_title .hy_new_bom li:nth-child(1){
    display: block;
}

.hy_nbg_webet .slideshow {
    position: relative;
    width: 100%;
}
.imagest{
    float: left;
    width: 976px;
    margin-top: 43px;
    margin-left: 10px;
}
.hy_nbg_webet .slideshow .imagest img{
    text-align: left;
    display: none;
    width: 100%;
}
.hy_nbg_webet .slideshow .imagest img.active {
    display: block;
}
.hy_nbg_webet .slideshow .next {
    float: left;
    display: inline-block;
    width: 39px;
    height: 39px;
    background: url(../images/hy_n_zlnext.png)no-repeat;
    margin-left: 14px;
    margin-top: 20px;
}

/* 下载 */
.hy_nbg_webet .software .guides{
    position: relative;
    margin-top: 20px;
    display: inline-block;
    width: 910px;
    height: 548px;
    background: url(../images/hy_n_xzpe.png)no-repeat;
}
.hy_nbg_webet .software .head {
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    display: inline-block;
    text-align: left;
    float: left;
    margin-left: 45px;
    height: 26px;
    line-height: 26px;
}
.hy_nbg_webet .software .table {
    position: relative;
    display: inline-block;
    width: 910px;
    height: 465px;
    margin-top: 35px;
}
.hy_nbg_webet .software .table tbody {
    position: absolute;
    width: 773px;
    height: 346px;
    left: 136px;
    top: 69px;
}
.software .table tbody tr {
    display: flex;
    height: 56px;
    font-size: 14px;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    margin-bottom: 2px;
}
.hy_nbg_webet .software .table tbody td:nth-child(1) {
    width: 493px;
    text-align: left;
    padding: 0px 10px;
}
.hy_nbg_webet .software .table tbody td:nth-child(2) {
    width: 290px;
    padding: 0px 10px;
    text-align: left;
    line-height: 21px;
}
/* 排行 */
.hy_nbg_webet .rannk {
    width: 100%;
    margin: 0 auto;
}
.hy_nbg_webet .rannk .seniority {
    display: inline-block;
    width: 296px;
    height: 113px;
    margin-top: 30px;
    background: url(../images/hy_n_rannbtn.png)no-repeat;
}
.hy_nbg_webet .rannk .rannk-pm{
    text-align: center;
    font-size: 22px;
    color: #cba173;
    height: 30px;
    line-height: 30px;
    font-weight: bold;
}
.hy_nbg_webet .rannk .rann-top {
    width: 1030px;
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
}
.hy_nbg_webet .rannk .rann-top a{
    display: inline-block;
    width: 95px;
    height: 33px;
    background: url(../images/hy_n_ratigger.png)no-repeat;
    margin-top: 20px;
}
.hy_nbg_webet .rannk .rann-top a:nth-child(2){
    background-position-y: -33px;
}
.hy_nbg_webet .rannk .rann-top a:nth-child(3){
    background-position-y: -66px;
}
.hy_nbg_webet .rannk .rann-top a:nth-child(4){
    background-position-y: -99px;
}
.hy_nbg_webet .rannk .rann-top a:nth-child(5){
    background-position-y: -132px;
}
.hy_nbg_webet .rannk .rann-top a:nth-child(6){
    background-position-y: -165px;
}
.hy_nbg_webet .rannk .rann-top a:nth-child(7){
    background-position-y: -198px;
}
.hy_nbg_webet .rannk .rann-top a:nth-child(8){
    background-position-y: -231px;
}
.hy_nbg_webet .rannk .rann-top a:nth-child(9){
    background-position-y: -264px;
}
.hy_nbg_webet .rannk .rann-top a:nth-child(10){
    background-position-y: -297px;
}
.hy_nbg_webet .rannk .rann-bom{
    width: 1030px;
    margin: 0 auto;
}
.hy_nbg_webet .rannk .rann-bom li {
    display: none;
    font-size: 0;
}
.hy_nbg_webet .rannk .rann-bom li:nth-child(1){
    display: block;
}
.hy_nbg_webet .rannk .rann-bom li p{
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #ffffff;
    border: 1px solid #361817;
    border-top: 0;
}
.hy_nbg_webet .rannk .rann-bom li p:first-child {
    background-color: #c45137;
    line-height: 49px;
    height: 50px;
    border: 0;
}
.hy_nbg_webet .rannk .rann-bom li p:first-child span{
    border-right: 1px solid #e2a89b;
}
.hy_nbg_webet .rannk .rann-bom li p span{
    display: inline-block;
    border-right: 1px solid #361817;
}
.hy_nbg_webet .rannk .rann-bom li p span:nth-child(1){
    width: 110px;
}
.hy_nbg_webet .rannk .rann-bom li p span:nth-child(2){
    width: 363px;
}
.hy_nbg_webet .rannk .rann-bom li p span:nth-child(3){
    width: 157px;
}
.hy_nbg_webet .rannk .rann-bom li p span:nth-child(4){
    width: 270px;
}
.hy_nbg_webet .rannk .rann-bom li p span:nth-child(5){
    width: 110px;
}
.hy_nbg_webet .rannk .rann-bom li p span:last-child{
    border-right: none;
}
.layui-tab-title {
    display: flex;
    justify-content: space-around;
    border-bottom-width: none;
    border-bottom: 1px solid #bbbbbb;
}

.layui-tab-title li {
    font-size: 22px;
    color: #fff;
}

.layui-tab-title .layui-this {
    color: #fff;
}

.wall-clearfix {
    color: #fff;
    display: flex;
    flex-wrap: wrap;
}

.wall-clearfix li {
    margin: 20px 0 0 32px;
}

.layui-tab-title {
    padding-bottom: 41px;
}

.layui-tab-title .layui-this:after {
    border-style: none;
    border-radius: 0;
    width: 95px;
    height: 3px;
    background-color: #941816;
    top: 38px;
    left: 50%;
    transform: translate(-50%);
}

.data-title {
    color: #fff;
    text-align: left;
    padding: 0px 0 0 50px;
    margin-top: 40px;
}

.data-title .head {
    font-size: 22px;
}

.data-title_flex {
    margin-top: 50px;
    display: flex;
    /* padding-left: 24px; */
}

.data-title_flex>p {
    width: 130px;
    font-size: 16px;
    padding-left: 20px;
}

.data-title_flex>div {
    display: flex;
    flex-wrap: wrap;
    padding-left: 24px;
    width: 810px;
}

.data-title_flex>div>p {
    width: 2px;
    height: 20px;
    background-color: #fff;
}

.data-title_flex>div>a {
    width: 195px;
    text-align: center;
    margin-bottom: 20px;
    font-size: 16px;
    color: #fff;
}

.layui-tab-item .pic {
    width: 304px;
    overflow: hidden
}

.layui-tab-item .pic img {
    width: 100%;
    display: block
}

.layui-tab-item .pic:hover img {
    transform: scale(1.25);
    transition-duration: 2s
}

.clearfix .pic .v-cover {
    display: block;
    opacity: .8;
    transition: .3s
}

.clearfix li div:hover .v-cover {
    opacity: .6
}

.clearfix .pic {
    position: relative;
}

.v-play {
    display: inline-block;
    position: absolute;
    width: 27px;
    height: 41px;
    top: 82px;
    left: 143px;
    background: url(../images/sqx_vedo.png) no-repeat;
    transition: .3s
}
.novice-box {
    color: #fff;
    font-size: 18px;
    padding: 20px 0 0 20px;
}
.novice-box p {
    margin-bottom: 20px;
}
.novice-box_img {
    width: 1000px;
    height: 550px;
}
.hy_nbg_webet .hy_n_side .hy_n_sidebg {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    z-index: 2;
    height: 1103px;
    width: 242px;
}
.hy_nbg_webet .hy_n_side .details>div {
    border-bottom: 1px solid #877a68;
}
.TlContent-right_card-flex{
	margin: 20px 0;
    display: flex;
    justify-content: center;
}