/* CSS Document */

body {
    margin: 0;
    padding: 0;
    line-height: 30px;
    font-family: SourceHanSansSC-Medium, 'Microsoft YaHei', Arial;
    font-size: 14px;
    background: #fff;
    color: #3d3d3d;
}

div,
ul,
li,
dt,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
h7,
img,
p,
span {
    border-style: none;
    border-color: inherit;
    border-width: 0px;
    padding: 0;
    list-style-type: none;
    margin-left: auto;
    margin-top: 0;
    margin-bottom: 0;
}

img {
    display: block;
}
.w100{
    width: 100%;
}
.d-flex {
	display: flex;
}
.d-fs {
	flex-shrink: 0;
}

.flex-wrap {
	flex-wrap: wrap;
}

.text-align-left {
	text-align: left;
}

.text-align-center {
	text-align: center;
}

.text-align-right {
	text-align: right;
}

.al-c {
	align-items: center;
}

.al-b {
	align-items: baseline;
}

.al-fs {
	align-items: flex-start;
}

.al-fe {
	align-items: flex-end;
}

.al-s {
	align-items: stretch;
}

.jc-c {
	justify-content: center;
}

.jc-s {
	justify-content: space-between;
}

.jc-sa {
	justify-content: space-around;
}

.jc-se {
	justify-content: space-evenly;
}

.jc-fs {
	justify-content: flex-start;
}

.jc-fe {
	justify-content: flex-end;
}

.al-fs {
	align-items: flex-start;
}

.ac-c {
	align-content: center;
}

.p-r {
	position: relative;
}
.p-s {
	position: sticky;
}
.p-a {
	position: absolute;
}

.p-f {
	position: fixed;
}

.p-u {
	position: unset !important;
}
.d-grid {
	display: grid;
}
.grid1 {
	grid-template-columns: repeat(1, 1fr);
}
.grid2 {
	grid-template-columns: repeat(2, 1fr);
}
.grid3 {
	grid-template-columns: repeat(3, 1fr);
}
.grid4 {
	grid-template-columns: repeat(4, 1fr);
}
.grid5 {
	grid-template-columns: repeat(5, 1fr);
}
.grid6 {
	grid-template-columns: repeat(6, 1fr);
}
.grid7 {
	grid-template-columns: repeat(7, 1fr);
}
.grid8 {
	grid-template-columns: repeat(8, 1fr);
}
.grid9 {
	grid-template-columns: repeat(9, 1fr);
}
.grid10 {
	grid-template-columns: repeat(10, 1fr);
}


/* Link */
a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    border: 0px;
    background-color: Transparent;
}

a {
    blr: expression(this.onFocus=this.blur());
    outline: none;
}

.blank5 {
    width: 100%;
    height: 5px;
    clear: both;
}

.blank10 {
    width: 100%;
    height: 10px;
    clear: both;
}

.blank15 {
    width: 100%;
    height: 15px;
    clear: both;
}

.blank20 {
    width: 100%;
    height: 20px;
    clear: both;
}

.blank30 {
    width: 100%;
    height: 30px;
    clear: both;
}

.blank40 {
    width: 100%;
    height: 40px;
    clear: both;
}

.blank50 {
    width: 100%;
    height: 50px;
    clear: both;
}

.blank60 {
    width: 100%;
    height: 60px;
    clear: both;
}

.blank70 {
    width: 100%;
    height: 70px;
    clear: both;
}

.blank80 {
    width: 100%;
    height: 80px;
    clear: both;
}


/*Clear*/
.clear {
    clear: both;
    font-size: 1px;
    height: 0px;
    line-height: 0px;
    overflow: hidden;
}

/*可用height:1px; overflow:hidden;来控制IE6默认的div的高为12~14px,用BR来做吧，用DIV不太好用*/




@font-face {
    font-family: SourceHanSansSC-Normal;
    src: url(../font/SourceHanSansSC-Normal.ttf);
}

@font-face {
    font-family: SourceHanSansSC-Medium;
    src: url(../font/SourceHanSansSC-Medium.ttf);
}


.flex-column {
	flex-direction: column;
}


input{outline:none;}
input:focus{outline:none;}

.flex-center {
	display: flex;
	align-items: center;
	justify-content: center;
}

.flex-column-center {
	display: flex;
    flex-direction: column;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.max {
    width: 100%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}


.s_bgc {
    width: 1920px;
    max-width: 100%;
    float: none;
    position: relative;
    left: 0%;
    top: 0;
    margin: 0 auto;
    right: 0;
}

.s_shadow {
    width: 100%;
    float: left;
    margin: 0;
   
}


.m_center {
    width: 80%;
    width: 1522px;
    max-width: 1600px;
    float: none;
    display: block;
    margin: 0 auto 0 auto;
    background: rgba(222, 55, 44, 0);
}

.m_headimg {
    width: 100%;
    float: left;
}

.m_headimg img {
    width: 100%
}


.m_logo {
    width: 180px;
    float: left;
    margin: 30px 0 0 0;
}

.m_logo img {
    width: 100%
}


.m_hseach {
    width: 56%;
    max-width: 580px;
    float: left;
    margin: 30px 0 0 20%;
}

.m_seabox {
    width: 100%;
    height: 50px;
    float: left;
    background: #fff;
    border: 1px solid #F75855;
    border-radius: 30px;
}

.m_sea1 {
    width: 71%;
    height: 50px;
    float: left;
    padding-left: 4%;
    background: none;
    font-size: 16px;
    color: #333;
    text-align: left;
    line-height: 54px;
    font-weight: normal;
    border: none;
    border-radius: 0px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

.m_sea2 {
    width: 24%;
    height: 50px;
    float: right;
    cursor: pointer;
    background: #F75855;
    font-family: SourceHanSansSC-Medium;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    font-weight: normal;
    border: none;
    border-radius: 0;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}


.m_hseach ul {
    width: 100%;
    float: left;
    margin: 0 0 0 3%;
}

.m_hseach ul li {
    width: auto;
    float: left;
    margin: 1% 1% 1% 0;
}


.m_hseach ul li a {
    float: left;
    width: 50px;
    height: 20px;
    background: #F75855;
    border-radius: 2px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-weight: normal;
}


.m_hwxin {
    width: 38%;
    max-width: 240px;
    float: right;
    margin: 10px 0 0 10%;
}

.m_hwxin ul {
    float: right;
}

.m_hwxin ul li {
    width: 100px;
    float: left;
    margin: 0px 10px 10px 10px;
}


.m_hwxin ul li img {
    width: 100%
}


.m_hwxin ul li font {
    float: left;
    width: 100%;
    height: 20px;
    font-size: 14px;
    color: #2E282C;
    text-align: center;
    line-height: 20px;
    font-weight: normal;
}


.m_navbox {
    width: 73%;
    float: left;
    position: relative;
    z-index: 20;
}


.m_navi {
    width: 100%;
    float: left;
    margin: -5px 0 0 0;
}

.m_navi ul {
    width: 98%;
    float: left;
    margin: 0px 0 0 0px;
}

.m_navi ul li {
    width: 15%;
    max-width: 120px;
    height: 40px;
    float: left;
    margin: 0 10px 0 0;
    position: relative;
}


.m_navi ul li a {
    width: 100%;
    height: 40px;
    float: left;
    font-family: SourceHanSansSC-Medium;
    font-size: 18px;
    color: #303030;
    text-align: center;
    line-height: 40px;
    position: relative;
    z-index: 10;
}

.m_navi ul li a:hover,
.m_navi ul li a.ahov {
    background: linear-gradient(322deg,#fb5a3a 6%,#fd575d);
    color: #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}


.m_navi ul li:nth-child(2)>a {
    width: 100%;
    height: 40px;
    float: left;
    background: url(../images/jot1.png) no-repeat 100% 65% transparent;
    font-family: SourceHanSansSC-Medium;
    font-size: 18px;
    color: #303030;
    text-align: center;
    line-height: 40px;
    position: relative;
    z-index: 10;
}


.m_navi ul li:nth-child(2)>a:hover,
.m_navi ul li:nth-child(2)>a.ahov {
    background: linear-gradient(322deg,#fb5a3a 6%,#fd575d);
    color: #fff url(../images/jot11.png) no-repeat 100% 65%;
    color: #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}



.m_navi ul li:nth-child(3)>a {
    width: 100%;
    height: 40px;
    float: left;
    background: url(../images/jot1.png) no-repeat 100% 65%  transparent;
    font-family: SourceHanSansSC-Medium;
    font-size: 18px;
    color: #303030;
    text-align: center;
    line-height: 40px;
    position: relative;
    z-index: 10;
}


.m_navi ul li:nth-child(3)>a:hover,
.m_navi ul li:nth-child(3)>a.ahov {
    background: #F75855 url(../images/jot11.png) no-repeat 100% 65% ;
    color: #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}



.m_navi ul li:nth-child(8)>a {
    width: 100%;
    height: 40px;
    float: left;
    background: url(../images/jot1.png) no-repeat 100% 65%  transparent;
    font-family: SourceHanSansSC-Medium;
    font-size: 18px;
    color: #303030;
    text-align: center;
    line-height: 40px;
    position: relative;
    z-index: 10;
}


.m_navi ul li:nth-child(8)>a:hover,
.m_navi ul li:nth-child(8)>a.ahov {
    background: #F75855 url(../images/jot11.png) no-repeat 100% 65% ;
    color: #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}


.m_navi ul li .m_nuap {
    width: 120px;
    height: auto;
    min-height: 120px;
    float: left;
    position: absolute;
    z-index: 25;
    left: 0px;
    top: 40px;
    background: #fff;
	border-radius: 0px 0px 8px 8px;
    display: none;
	box-shadow: 1px 2px 4px #857f83;
}


.m_navi ul li:hover .m_nuap {
    display: block;
}


.m_nuap dl {
    width: 100%;
    height: auto;
    float: left;
}

.m_nuap dl dd {
    width: 100%;
    height: 45px;
    float: left;
}

.m_nuap dl dd a {
    width: 100%;
    height: 45px;
    float: left;
    font-family: SourceHanSansSC-Medium;
    font-size: 16px;
    color: #303030;
    text-align: center;
    line-height: 45px;
    font-weight: normal;
    background: none;
    border-radius: 0px;
}

.m_nuap dl dd a:hover {
    background: #fb5a3a;
    color: #fff;
    border-radius: 0px;
}

.m_nuap dl dd:first-child a:hover {

}

/*.m_nuap dl dd:last-child a:hover{ border-bottom-left-radius:8px; border-bottom-right-radius:8px; }*/


.m_htrop {
    float: right;
    max-width: 22%;
}

.m_htrop ul {
    float: left;
    margin: -15px 0 0 0;
    display: flex;
    align-items: flex-end;
}

.m_htrop ul li {
    float: left;
    margin: 0px 10px 0px 0;
}

.m_htrop ul li .loginin {
    width: 100px;
    height: 35px;
    float: left;
    margin: 15px 10px 0px 0;
    background: #F75855;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 35px;
    font-weight: normal;
}

.m_htrop ul li .regist {
    width: 72px;
    height: 35px;
    float: left;
    margin: 15px 10px 0px 0;
    background: #2E282C;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 35px;
    font-weight: normal;
}


.m_htrop ul li .tma {
    width: 100px;
    height: 35px;
    float: left;
}




.m_banner {
    width: 100%;
    height:auto;
    background: rgba(0, 0, 0, 0);
    float: left;
    position: relative;
    z-index: 18;
}


.m_banlist {
    width: 100%;
    height: 340px;
    float: left;
    position: relative;
    z-index: 12;
    margin: -60px 0 0 0;
    background: rgba(1, 45, 39, 0);
}


.m_banlist ul {
    width: 101%;
    float: left;
}

.m_banlist ul li {
    width: 24%;
    max-width: 368px;
    height: 360px;
    float: left;
    margin: 0 1% 2% 0;
    background: #fff;
    border: none;
    border-radius: 10px;
    box-shadow:   0 4px 10px 0 rgba(238,242,245,.9);
}


.m_banlist ul li h3 {
    width: 100%;
    height: 60px;
    float: left;
    background: #555250;
    border-radius: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 60px;
    font-weight: normal;
}


.m_banlist ul li dl {
    width: 100%;
    float: left;
    margin: 10px 0 10px 0;
}

.m_banlist ul li dl dt {
    width: 100%;
    height: 36px;
    float: left;
    font-size: 18px;
    color: #2E282C;
    text-align: center;
    line-height: 36px;
    font-weight: bold;
}

.m_banlist ul li dl dt a {
    font-size: 18px;
    color: #2E282C;
    text-align: center;
    line-height: 36px;
    font-weight: bold;
}



.m_banlist ul li:nth-child(2) dl {
    width: 48%;
    float: left;
    margin: 10px 1% 10px 1%;
}

.m_banlist ul li:nth-child(2) dl dt {
    width: 100%;
    height: 36px;
    float: left;
    position: relative;
    font-size: 18px;
    color: #2E282C;
    text-align: center;
    line-height: 36px;
    font-weight: bold;
}

.m_banlist ul li:nth-child(2) dl dt a {
    font-size: 18px;
    color: #2E282C;
    text-align: center;
    line-height: 36px;
    font-weight: bold;
}

.m_banlist ul li:nth-child(2) dl dd {
    width: 100%;
    height: 36px;
    float: left;
    position: relative;
    z-index: 4;
    font-size: 18px;
    color: #2E282C;
    text-align: center;
    line-height: 36px;
    font-weight: normal;
}

.m_banlist ul li:nth-child(2) dl dd a {
    font-size: 18px;
    color: #2E282C;
    text-align: center;
    line-height: 36px;
    font-weight: normal;
    position: relative;
    z-index: 3;
}

.simg1 {
    float: right;
    width: 31px;
    position: absolute;
    z-index: 5;
    right: 0;
    top: -5px;
}


.m_banlist ul li dl font,
.m_banlist ul li dl font a {
    width: 100%;
    height: 40px;
    float: left;
    position: relative;
    z-index: 4;
    font-size: 18px;
    color: #F1462C;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
}



.m_banlist ul li:nth-child(3) dl {
    width: 48%;
    float: left;
    margin: 12px 1% 10px 1%;
}


.m_banlist ul li:nth-child(3) dl dd {
    width: 100%;
    float: left;
    position: relative;
    z-index: 4;
    font-size: 18px;
    color: #2E282C;
    text-align: center;
    font-weight: normal;
}

.m_banlist ul li:nth-child(3) dl dd a {
    font-size: 18px;
    color: #2E282C;
    text-align: center;
    line-height: 36px;
    font-weight: normal;
    position: relative;
    z-index: 3;
}



.m_banlist ul li:nth-child(4) dl {
    width: 100%;
    float: left;
    margin: 12px 0% 10px 0%;
}


.m_banlist ul li:nth-child(4) dl dd {
    width: 48%;
    height: 36px;
    float: left;
    maargin: 0 1%;
    position: relative;
    z-index: 4;
    font-size: 18px;
    color: #2E282C;
    text-align: center;
    line-height: 36px;
    font-weight: normal;
}

.m_banlist ul li:nth-child(4) dl dd a {
    font-size: 18px;
    color: #2E282C;
    text-align: center;
    line-height: 36px;
    font-weight: normal;
    position: relative;
    z-index: 3;
}


.m_casebox {
    width: 100%;
    float: left;
    margin: 20px auto;
}

.m_ctitle {
    width: 100%;
    float: left;
    height: 60px;
    margin: 0 0 20px 0;
    text-align: center;
}


.m_ctitle ul {
    width: 100%;
    float: left;
    padding: 10px 0;
    text-align: center;

}

.m_ctitle ul li {
    display: inline-block;
    margin: 0 10px;
    font-size: 40px;
    color: #272A30;
    text-align: center;
    line-height: 60px;
    font-weight: bold;
}


.m_ctitle ul li.cff {
    display: inline-block;
    margin: 0 10px;
    font-size: 40px;
    color: #fff;
    text-align: center;
    line-height: 60px;
    font-weight: bold;
}

.m_ctitle ul li img {
    float: left;
    margin: 25px auto 5px auto;
    vertical-align: middle;
}


.m_climgs {
    width: 100%;
    float: left;
}

.m_climgs ul {
    width: 100%;
    float: left;
}

.m_climgs ul li {
    width: 24%;
    max-width: 368px;
    height: 200px;
    float: left;
    margin: 14px 14px 0 0;
    border-radius: 10px;
    position: relative;
    z-index: 20;
    overflow: hidden;
}


.m_climgs ul li .limg1 {
    width: 100%;
    height: 200px;
    float: left;
    border-radius: 10px;
    position: relative;
    z-index: 10;
}


.m_climgs ul li .cgbox {
    width: 100%;
    height: 200px;
    float: left;
    background: rgba(0, 0, 0, .2);
    border-radius: :10px;
    position: absolute;
    z-index: 15;
    left: 0;
    top: 0;
    opacity: 0;
}


.m_climgs ul li:hover .cgbox {
    width: 100%;
    height: 200px;
    float: left;
    background: rgba(0, 0, 0, .2);
    border-radius: :10px;
    position: absolute;
    z-index: 15;
    left: 0;
    top: 0;
    opacity: 1;
}

.m_climgs ul li .gimg {
    width: 40px;
    height: 40px;
    float: left;
    position: absolute;
    z-index: 18;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.m_box1 {
    width: 100%;
    float: left;
    margin: 1% 0 0 0;
    padding: 1% 0 0 0;
    background: #fafafa;
}

.none {
    display: none;
}

.m_faxian {
    width: 100%;
    float: none;
    display: block;
    margin: 20px auto;
}

.boutline {
    width: 99.1%;
    float: left;
    margin: 0% 0 1% 0;
}

.boutlineTitle {
    width: 100%;
    float: left;
    margin: 0 0 1% 0;
    height: 60px!important;
}

.boutline .boutlineTitle li {
    float: left;
    cursor: pointer;
    height: 56px;
    line-height: 56px;
    padding: 0 10px;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    width: 150px;
    border: none;
    border-radius: 30px;
}

.boutline .boutlineTitle li a {
    text-decoration: none;
}

.boutline .boutlineTitle .active {
    background: #F75855;
    color: #fff;
    margin: 0 50px 0 0;
}

.boutline .boutlineTitle .normal {
    background: transparent;
    color: #272A30;
    margin: 0 50px 0 0;
}

.boutline .boutlineContent {
    clear: both; 
    margin: 0!important;
    padding: 0px!important;
    min-height: 420px!important;
    display: block; 
}


.boutline .boutlineTitle.active  .boutline .boutlineContent {
    clear: both;
    overflow: hidden;
    margin: 0!important;
    padding: 0px!important;
    height: 480px!important;
    display: block;
    margin:0;
    padding:0;
}




.casess { 
    height:375px!important; 
    overflow: hidden; 
}

.casetify_swiper_box {
    width: 100%;
    float: left;
    height: 420px!important;
    margin: 20px auto 0px auto!important;
    padding-bottom:30px;
    position: relative; 
}
.casetify_swiper_box  .swiper-wrapper {
   
    margin:0px;
    height:380px!important;
    clear: both;
   /* transform: translate3d(0px, 0px, 0px);
    transform: translateX(-10px);*/
}


 .casetify_swiper_box  .swiper-slide  {
     
    /*width:calc((100vw * 0.8 - 80px) / 4) !important;
    max-width:calc((100vw - 20% ) / 4 ) ;
    width:363px!important;*/
    padding:.5% 0% 0% 0%!important;
    height:100px!important;
    float: left;
    width:365.2px!important;
    margin: 0 12px 12px 0 !important;
    background: #fff;
    border-radius: 10px;
}

     #casetify2  .swiper-slide  {
     
    /*width:calc((100vw * 0.8 - 80px) / 4) !important;
    max-width:calc((100vw - 20% ) / 4 ) ;
    width:363px!important;*/
    /* padding:.5% 0% 0% 0%!important;
    height:102px!important;
    float: left;
    width:24%!important;
    max-width: 366px!important;
    margin: 0 14px 14px 0 !important;
    background: #fff;
    border-radius: 10px; */
}


.casetify_swiper_box  .swiper-pagination {
    width: 100% !important;
    bottom: -9px !important;
}

.casetify_swiper_box  .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
    border: 1px solid #F75855;
    background-color: #fff;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    opacity: 1;
}

 

.casetify_swiper_box  .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border: 1px solid #F75855;
    background-color: #F75855;
    border-radius: 50%;
    -webkit-tap-highlight-color: transparent;
    outline: none;
}


 
 
.cvbox {
    width: 80px;
    height: 80px;
    float: left;
    margin:0 0 0 10px;
    background: #F75855;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}

.cvbox img {
    float: left;
    position: absolute;
    z-index: 18;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.cvbox font {
    width: 40px;
    height: 20px;
    float: right;
    right: 2px;
    bottom: 2px;
    position: absolute;
    z-index: 19;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-weight: normal;
}

.cbgox {
    width: 80px;
    height: 80px;
    float: left;
    background: rgba(0, 0, 0, 0);
    border-radius: 10px;
    position: absolute;
    z-index: 22;
    left: 0;
    top: 0;
    overflow: hidden;
}

.cbgox img {
    float: left;
    position: absolute;
    z-index: 18;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.casetify_swiper_box .swiper-slide:hover .cbgox {
    background: rgba(0, 0, 0, .2);
}

.cvtxt {
    width: 68%;
    height: 80px;
    float: left;
    background: rgba(0, 0, 0, 0);
    margin: 0 0 0 3%;
    overflow: hidden;
}

.cvtxt h3 {
    width: 100%;
    height: 30px;
    float: left;
    overflow: hidden;
}

.cvtxt h3 font {
    width: 86%;
    height: 30px;
    float: left;
    font-size: 14px;
    color: #272A30;
    text-align: left;
    line-height: 30px;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
}


.cvtxt h3 .cfuz {
    width: 20px;
    height: 20px;
    float: right;
    margin: 8px 0 0 5px;
    background: url(../images/r130.png) no-repeat left bottom transparent;
    border: none;
    text-indent: -9999px;
}

.cvtxt h4 {
    width: 100%;
    height: 20px;
    float: left;
    margin: 5px 0 0px 0;
    overflow: hidden;
}

.cvtxt h4 img {
    width: 134px;
    float: left;
}


.cvtxt h5 {
    width: 100%;
    height: 24px;
    float: left;
    margin: 2px 0 0px 0;
    overflow: hidden;
}

.cvtxt h5 font {
    width: 82px;
    height: 22px;
    float: left;
    background: #272A30;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 22px;
    font-weight: normal;
}

.cvtxt h5 dl {
    float: right;
}

.cvtxt h5 dl dd {
    float: left;
    margin: 0 0 0 5px;
    font-size: 10px;
    color: #666;
    text-align: center;
    line-height: 22px;
    font-weight: normal;
}

.cvtxt h5 dl dd b {
    font-style: normal;
    font-size: 17px;
    color: #F75855;
}




[data-btn="copy"]{
    cursor: pointer;
}
.download_a{
    cursor: pointer;
}
.s_ztpx dd>div,
.s_gcux .item{

    display: flex;
    align-items: center;
}
.s_ztpx dd >div button,
.s_gcux .item button{
    margin-top: 0 ;
}
.caseindex_box .swiper-pagination{
position: unset;  
margin: 20px auto;
}
.caseindex_box .swiper-pagination-bullet{
    margin: 0 5px;
    border: 1px solid #F75855;
    background-color: #fff;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    opacity: 1;
}
.caseindex_box .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border: 1px solid #F75855;
    background-color: #F75855;
    border-radius: 50%;
    -webkit-tap-highlight-color: transparent;
    outline: none;
}
/* #casetify5 .swiper-pagination {
    width: 100% !important;
    bottom: 10px !important;
}

#casetify5 .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
    border: 1px solid #F75855;
    background-color: #fff;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    opacity: 1;
}

#casetify5 .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border: 1px solid #F75855;
    background-color: #F75855;
    border-radius: 50%;
    -webkit-tap-highlight-color: transparent;
    outline: none;
} */


.m_pylc {
    width: 100%;
    float: left;
    padding: 0% 0 1% 0;
}



.m_pylc ol {
    width: 99.5%;
    float: left;
    margin: 0px 0 10px 0;
}

.m_pylc ol li {
    width: 100%;
    background: none;
    /* border: 1px solid rgba(255, 238, 238, 1); */
    border-radius: 10px;
    float: left;
    margin: 1% 3% 0% 0;
}
.m_pylc ol li img{
    max-width: 100%;
}
.index_case {
    overflow: hidden;
}
.index_case  .item{
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    display: flex;
}
.index_case .swiper-slide{
    margin-left: 0;
}
.m_pylc ol li:nth-child(4) {
    margin: 1% 0% 0% 0;
}

.m_pylc ol li img {
    margin: 40px 0 10px 0;
    float: left;
}



.m_pylc ol li font {
    width: 160px;
    height: 80px;
    margin: 20px 0 0 0;
    float: left;
    font-size: 26px;
    color: #272a30;
    text-align: center;
    line-height: 80px;
    font-weight: bold;
}


.m_pylc ol li:first-child font {
    line-height: 40px;
}



.m_box2 {
    width: 100%;
    float: left;
    padding: 1% 0;
    background: #FAFAFA;
}

.m_lslist {
    width: 100%;
    float: left;
}


.m_lslist ul {
    width: 101%;
    float: left;
    margin: 0% 0 0% 0.2%;
}


.m_lslist ul li {
    width: 23%;
    max-width: 357px;
    height: 320px;
    float: left;
    margin:0% 2% 1% 0;
    position: relative;
    z-index: 22;
    overflow: hidden;

}



.m_lslist ul li .zsox {
    width: 99%;
    height: 310px;
    float: left;
    margin:1% .6% 0% .4%;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 1px 10px 1px rgb(217 210 210 / 20%);
    position: relative;
    z-index: 22;
    overflow: hidden;
	transition:all 0.4s e;
-ms-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
-webkit-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
}
.m_lslist ul li:hover  .zsox {

}


.s_lsyin ul li:hover {
        float: left;
    margin:1% .6% 3% .4%;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 1px 10px 1px rgba(247, 88, 85, .6);
	transition:all 0.4s e;
-ms-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
-webkit-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
}
.mt_pic {
    width: 49px;
    height: 41px;
    float: left;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
}

.mt_title {
    width: 100%;
    height: 100px;
    float: left;
    background: #F75855;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: relative;
    z-index: 4;
	margin:0% 0 0 0;
}




.mt_title .eimg1 {
    width: 70px;
    float: left;
    margin: 20px 10px 0 10px;
    border-radius: 50%;
}

.mt_title .eimg1 img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    object-fit: cover;
    aspect-ratio: 1 / 1;
}

.etxt1 {
    width: 68%;
    height: 70px;
    background: rgba(0, 0, 0, 0);
    float: left;
    margin: 12px 0px 0 0px;
}

.etxt1 h3 {
    width: 100%;
    height: 50px;
    float: left;
    overflow: hidden;
}

.etxt1 h3 font {
    width: 76%;
    height: 30px;
    float: left;
    font-size: 20px;
    color: #fff;
    text-align: left;
    line-height: 30px;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
}


.etxt1 h3 .efuz {
    width: 20px;
    height: 20px;
    float: right;
    margin: 8px 0 0 5px;
    background: url(../images/r13.png) no-repeat left bottom transparent;
    border: none;
    text-indent: -9999px;
}

.etxt1 h3 .efsc {
    width: 20px;
    height: 20px;
    float: right;
    margin: 8px 0 0 5px;
    background: url(../images/sc12.png) no-repeat left bottom transparent;
    border: none;
    text-indent: -9999px;
    opacity: .5;
}

.etxt1 h4 {
    width: 100%;
    height: 30px;
    float: left;
    margin: 2px 0 0 0;
    overflow: hidden;
}


.etxt1 h4 img {
    float: left;
    margin: 0 20px 0 0;
}


.etxt1 h4 img:last-child {
    float: right;
    margin: 0px 0px 0 0;
}

.etxt1 h5 {
    width: 100%;
    height: 20px;
    float: left;
    margin: 0px 0 0 0;
    font-family: SourceHanSansSC-Regular;
    font-size: 14px;
    color: rgba(255, 201, 200, 1);
    text-align: left;
    line-height: 20px;
    font-weight: normal;
    overflow: hidden;
}

.etxt1 .ewen {
    width: 100%;
    height: 20px;
    float: left;
    margin: 0px 0 0 0;
    font-size: 14px;
    color: rgba(255, 201, 200, 1);
    text-align: left;
    line-height: 20px;
    font-weight: normal;
    overflow: hidden;
}

.etxt1 h6 {
    width: 100%;
    height: auto;
    float: left;
    margin: 0px 0 0 0;
    overflow: hidden;
}

.etxt1 h6 img {
    float: right;
    margin: 0 0px 0 0;
}
.etxt1 .level {font-size: 14px; padding: 4PX; background: #ffb777; border-radius: 2px; color: #7f3c13;}
.etxt1 .to-collection img {padding-right: 10px; padding-top: 5px;}

.m_lslist ul li dl {
    width: 94%;
    max-width: 320px;
    float: left;
    margin: 20px 0 0px 12px;
}

.m_lslist ul li dl dd {
    width: 100%;
    height: 32px;
    float: left;
    margin: 5px 0 10px 0;
    background: #fff;
    border: 1px solid rgb(184 189 197 / 50%);
    border-radius: 4px;
}


.m_lslist ul li dl dd font {
    width: 80%;
    padding: 0 0 0 4%;
    height: 30px;
    float: left;
    font-size: 16px;
    color: #323231;
    text-align: left;
    line-height: 30px;
    
    text-overflow: ellipsis;
    overflow: hidden;
}

.m_lslist ul li dl dd .ebof {
    width: 20px;
    height: 20px;
    float: right;
    margin: 8px 10px 0 5px;
    background: url(../images/z015.png) no-repeat left bottom transparent;
    background-size: 100%;
    border: none;
    text-indent: -9999px;
}


.m_lslist ul li ol {
    float: left;
    width: 75%;
}

.m_lslist ul li ol dt {
    float: left;
    margin: 10px 0 0 10px;
    font-size: 16px;
    color: #666;
    text-align: center;
    line-height: 22px;
    font-weight: bold;
}

.m_lslist ul li ol dt b {
    font-style: normal;
    font-size: 25px;
    color: #F75855;
}


.m_lslist ul li .lmore {
    width: 80px;
    height: 30px;
    float: right;
    margin: 5px -6px 10px 0;
    background: #2CCABB;
    border: none;
    border-radius: 4px;
    font-family: 思源黑体SC-Medium;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-weight: normal;
}

/*配音排行榜  ·LEADERBOARD*/
.m_box3 {
    width: 100%;
    float: left;
    padding: 2% 0 0% 0;
}

.m_box3_bt {
    width: 100%;
    float: left;
    margin: 0 0 0% 0;
}


.m_box3_bt h3 {
    width: 70%;
    height: 50px;
    float: left;
    font-family: SourceHanSansSC-Medium;
    font-size: 40px;
    color: #F75855;
    text-align: left;
    line-height: 50px;
    font-weight: bold;
}

.m_box3_bt h3 font {
    float: left;
    color: #272A30;
}


.m_box3_bt h4 {
    max-width: 20%;
    height: 50px;
    float: right;
}

.m_box3_bt h4 a {
    float: right;
    font-family: SourceHanSansSC-Medium;
    font-size: 20px;
    color: rgba(39, 42, 48, .6);
    text-align: left;
    line-height: 50px;
    font-weight: bold;
}



.m_bianji {
    position: relative;
}

.m_bianji .biaoge {
    position: relative;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    display: none;
    visibility: hidden;
}

.m_bianji .biaoge.on {
    opacity: 1;
    display: block;
    visibility: visible;
}

.m_bianji .biaoge:nth-child(1) {
    position: relative;
}


.sybg {
    width: 100%;
    float: left;
}


.sy {
    width: 100%;
    float: left;
    margin: 2% 0 5% 0;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 10px;
    box-shadow: 1px 2px 5px 5px rgba(241, 70, 44, 0.10);
}

.syTitle {
    width: 34%;
    max-width: 346px;
    height: 544px;
    float: left;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background: rgba(39, 42, 48, 1) url(../images/z074.png) no-repeat left bottom;
    background-size: 100%;
}

.syTitle ul {
    width: 210px;
    height: auto;
    float: right;
    margin: 70px 0 0 0;
}

.syTitle ul li {
    width: 100%;
    height: 50px;
    margin: 5px 0;
    float: left;
    font-family: SourceHanSansSC-Medium;
    font-size: 20px;
    color: rgba(255, 255, 255, 1);
    line-height: 50px;
    text-align: left;
    font-weight: bold;
}

.syTitle ul li .img1 {
    width: 30px;
    float: left;
    margin: 10px 20px 0 20px;
    display: block;
}

.syTitle ul li .img2 {
    width: 30px;
    float: left;
    margin: 10px 20px 0 20px;
    display: none;
}


.syTitle ul li.active .img1 {
    width: 30px;
    float: left;
    margin: 10px 20px 0 20px;
    display: none;
}

.syTitle ul li.active .img2 {
    width: 30px;
    float: left;
    margin: 10px 20px 0 20px;
    display: block;
}


.syTitle ul li.active {
    height: 50px;
    background: #fff;
    border: 0;
    border-radius: 0px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    color: rgba(39, 42, 48, 1);
}



.syContent {
    width: 74%;
    float: left;
    margin: 0 0 0 1%;
    height: 544px;
    background: rgba(247, 88, 85, 0);
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.sytable {
    width: 100%;
    float: left;
}

table.table1 {
    width: 97%;
    float: left;
    border-collapse: collapse;
}

table.table1 th {
    height: 68px;
    padding: 0 2%;
    font-family: SourceHanSansSC-Regular;
    font-size: 18px;
    color: rgba(39, 42, 48, .6);
    line-height: 20px;
    text-align: center;
    font-weight: normal;
}

table.table1 td {
    padding: .4% 2%;
    height: auto;
    line-height: 60px;
}


table.table1 td h3 {
    width: 40px;
    float: left;
    font-size: 22px;
    color: rgba(241, 70, 44, 1);
    text-align: center;
    font-weight: bold;
}


table.table1 td .zimg {
    width: 16px;
    display: block;
    margin: 20px auto;
}

.imgt1 {
    width: 70px;
    height: 70px;
    float: left;
    position: relative;
    z-index: 10;
    border-radius: 10px;
    overflow: hidden;
}


.imgt1 img {
    float: left;
    border-radius: 10px;
}

.imgtb {
    width: 70px;
    height: 70px;
    float: left;
    position: absolute;
    z-index: 18;
    left: 0;
    top: 0;
    background: rgba(39, 42, 48, .4);
    border-radius: 10px;
    overflow: hidden;
}

.imgtb img {
    float: left;
    position: absolute;
    z-index: 18;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}



.ttxt1 {
    width: 76%;
    height: 30px;
    background: rgba(0, 0, 0, 0);
    float: left;
    margin: 0px 0px 0 10px;
    font-family: SourceHanSansSC-Medium;
    font-size: 18px;
    color: rgba(39, 42, 48, .8);
    line-height: 30px;
    text-align: left;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ttxt2 {
    width: 76%;
    height: 30px;
    background: rgba(0, 0, 0, 0);
    float: left;
    margin: 0px 0px 0 10px;
    font-size: 16px;
    color: rgba(39, 42, 48, 1);
    line-height: 30px;
    text-align: left;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}


.laos {
    width: 96%;
    height: 26px;
    display: block;
    margin: 22px auto;
    background: rgba(39, 42, 48, 1);
    border-radius: 4px;
    font-size: 18px;
    color: rgba(255, 183, 119, 1);
    line-height: 26px;
    padding: 2%;
    text-align: center;
    font-weight: normal;
}


table.table1 td .scang {
    width: 32px;
    display: block;
    margin: 26px auto;
}

table.table1 td .scang img {
    border-radius: 4px;
    padding: 5px;
    border: 1px solid rgba(39, 42, 48, 0.10);
}


table.table1 td .zxlx {
    width: 108px;
    display: block;
    margin: 26px auto;
}

table.table1 td .zxlx img {
    border-radius: 0;
}


/* 首页  客户案例  优势对比 */

.m_box4 {
    width: 100%;
    float: left;
    padding: 1% 0;
    background: #FAFAFA;
}


.m_anli {
    width: 100%;
    float: left;
}


.m_anli ul {
    width: 103%;
    float: left;
    margin: 0% 0 1% 0;
}


.m_anli ul li {
    width: 23%;
    max-width: 352px;
    height: 340px;
    float: left;
    margin: 2% 2% 1% 0;
    background: #fff;
    border-radius: 10px;
    position: relative;
    bottom: 0;
	box-shadow: 0 0 50px 0 rgba(0,0,0,.06);
}


.alimg {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    z-index: 10;
    background: rgba(255, 122, 23, 0);
    border-radius: 0px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
}


.alimg img {
    float: left;
    border-radius: 0px;
}

.alimgbg {
    width: 100%;
    height: 100%;
    float: left;
    position: absolute;
    z-index: 18;
    left: 0;
    top: 0;
    background: rgba(39, 42, 48, .2);
    border-radius: 0px;
    overflow: hidden;
}

.alimgbg img {
    float: left;
    position: absolute;
    z-index: 18;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.al_title {
    width: 100%;
    height:75px;
    float: left;
}

.al_title .aimg1 {
    width: 70px;
    float: left;
    margin: 10px 10px 0 10px;
    border-radius: 50%;
}

.al_title .aimg1 img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.altxt1 {
    width: 73%;
    height: 60px;
    background: rgba(0, 0, 0, 0);
    float: left;
    margin: 5px 0px 0 0px;
}

.altxt1 h3 {
    width: 100%;
    height: 30px;
    float: left;
    overflow: hidden;
}

.altxt1 h3 font {
    width: 54%;
    height: 30px;
    float: left;
    font-family: SourceHanSansSC-Medium;
    font-size: 20px;
    color: #272A30;
    text-align: left;
    line-height: 30px;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
}


.altxt1 h3 .eyang {
    width: 86px;
    height: 30px;
    float: right;
    margin:0px 0 0 5px;
    background: rgba(39, 42, 48, 1);
    border-radius: 4px;
    font-family: SourceHanSansSC-Medium;
    font-size: 14px;
    color: rgba(255, 183, 119, 1);
    line-height: 30px;
    padding: 0px 5px;
    text-align: center;
    font-weight: normal;
}

.altxt1 h4 {
    width: 100%;
    height: 30px;
    float: left;
    margin: 10px 0 0 0;
    font-family: SourceHanSansSC-Medium;
    font-size: 14px;
    color: rgba(39, 42, 48, .6);
    line-height: 22px;
    text-align: left;
    font-weight: normal;
    overflow: hidden;
}

.shanchang {
    width: 94%;
    height: 22px;
    float: left;
    margin: 5px 6px 5px 5px;
    font-family: SourceHanSansSC-Medium;
    padding: 0px 5px;
    background: rgba(255, 248, 247, 1);
    font-size: 15px;
    border-radius: 4px;
    color: rgba(39, 42, 48, .80);
    line-height: 22px;
    text-align: left;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}




.m_anli ul li ol {
    float: left;
    width: 240px;
}

.m_anli ul li ol dt {
    float: left;
    margin: 10px 0 0 10px;
    font-size: 18px;
    color: #666;
    text-align: center;
    line-height: 22px;
    font-weight: normal;
}

.m_anli ul li ol dt b {
    font-style: normal;
    font-size: 25px;
    color: #F75855;
}


.m_anli ul li .lxta {
    width: 76px;
    height: 30px;
    float: right;
    margin: 6px 10px 10px 0;
    background: rgba(247, 88, 85, 1);
    border: none;
    border-radius: 4px;
    font-family: SourceHanSansSC-Medium;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-weight: normal;
}

.m_youshi {
    width: 100%;
    display: block;
    margin: 0 auto;
}

.m_youshi ul {
    width: 103%;
    float: left;
    margin: 0 0 0 0%;
}

.m_youshi ul li {
    width: 48%;
    max-width: 753px;
    height: 440px;
    float: left;
    margin: 2% 1% 2% 0;
    background: #fff;
    border-radius: 10px;
}

.m_youshi ul li:nth-child(2) {
    margin: 2% 0% 2% 0;
}

.yo_title1 {
    width: 100%;
    height: 80px;
    float: left;
    background: #F35A54 url(../images/meng1.png) no-repeat bottom right;
    font-size: 30px;
    color: #fff;
    text-align: center;
    line-height: 80px;
    font-weight: bold;
    border-radius: 0px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}


.yo_title2 {
    width: 100%;
    height: 80px;
    float: left;
    background: #29ccbb url(../images/meng1.png) no-repeat bottom right;
    font-size: 30px;
    color: #fff;
    text-align: center;
    line-height: 80px;
    font-weight: bold;
    border-radius: 0px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}


.m_youshi ul li dl {
    width: 100%;
    float: left;
    margin: 20px 0;
}

.m_youshi ul li dl dd {
    width: 100%;
    height: 50px;
    float: left;
    margin: 10px 0;
}


.m_youshi ul li dl dd img {
    float: left;
    margin: 0% 4% 0 20%;
}


.m_youshi ul li dl dd b {
    float: left;
    margin: 0 2%;
    font-size: 24px;
    color: #333;
    text-align: center;
    font-weight: bold;
    font-style: normal;
    line-height: 50px;
}

.m_youshi ul li dl dd font {
    float: left;
    margin: 0 2%;
    font-size: 20px;
    color: #666;
    text-align: center;
    font-weight: normal;
    font-style: normal;
    line-height: 50px;
}



/* 首页  客户评价  */
.m_box5 {
    width: 100%;
    float: left;
    padding: 1% 0;
}

/* 
#casetify6 {
    width: 100%;
    margin: 10px auto;
    padding-bottom: 40px;
    position: relative;
    overflow: hidden;
}

#casetify6 .swiper-wrapper {
    padding: 0 0 20px 0px;
    height: 340px;
}

#casetify6 .swiper-slide {
    width: 32% !important;
    max-width: 430px;
    padding: 1.5%;
    height: 280px;
    background-image: url(../images/y_01.png), url(../images/y_01.png);
    background-position: 20px 20px, 98% 98%;
    background-repeat: no-repeat, no-repeat;
    margin: 2% 0 0 1%;
    border-radius: 10px;
    box-shadow: 0px 1px 5px 1px #FFEEEE;
} */

.casimg1 {
    width: 90px;
    float: left;
    margin: 20px 10px 0 10px;
    border-radius: 50%;
}

.casimg1 img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
}


.castxt {
    width: 210px;
    float: left;
    margin: 20px 10px 0 10px;
    font-family: SourceHanSansSC-Medium;
    font-size: 24px;
    color: rgba(39, 42, 48, 1);
    text-align: left;
    font-weight: bold;
    font-style: normal;
    line-height: 35px;
}

.castxt font {
    width: 100%;
    float: left;
    margin: 5px 0px 0 0px;
    font-family: SourceHanSansSC-Medium;
    font-size: 18px;
    color: rgba(39, 42, 48, .5);
    text-align: left;
    font-weight: bold;
    font-style: normal;
    line-height: 26px;
}


.cashow {
    width: 94%;
    float: left;
    margin: 10px 0px 0 10px;
    height: 120px;
    font-family: SourceHanSansSC-Medium;
    font-size: 18px;
    color: rgba(61, 61, 61, .5);
    text-align: left;
    font-weight: bold;
    font-style: normal;
    line-height: 38px;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* 

#casetify6 .swiper-pagination {
    width: 100% !important;
    bottom: 0px !important;
}

#casetify6 .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
    border: 1px solid rgba(243, 90, 84, 1);
    background-color: #fff;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    opacity: 1;
}

#casetify6 .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border: 1px solid rgba(243, 90, 84, 1);
    background-color: rgba(243, 90, 84, 1);
    border-radius: 50%;
    -webkit-tap-highlight-color: transparent;
    outline: none;
} */




/* 首页  常见问题  */
.m_box6 {
    width: 100%;
    float: left;
    padding: 1% 0 2% 0;
    background: #F75855;
    border-bottom: 1px solid #fff;
}

.m_quest {
    width: 100%;
    float: none;
    display: block;
    margin: 0 auto;
}

.m_quest ul {
    /*width: 100.6%;*/
    /*float: left;*/
    display: grid;
    grid-template-columns: repeat(4,1fr);
    /*margin: 0 0 0 0%;*/
    gap: 20px 30px;
}

.m_quest ul li {
    /*width: 23%;*/
    /*max-width: 364px;*/
    min-height: 160px;
    /*float: left;*/
    /*margin: 1% 2% 0% 0%;*/
    background: #fff;
    border-radius: 10px;
}

.que1 {
    width: 96%;
    height: 30px;
    float: left;
    margin: 3% 0 0 3%;
}

/* F35A54  29ccbb    */
.que1_q {
    width: 20px;
    height: 20px;
    margin: 3% 2% 0 0;
    float: left;
    background: #29ccbb;
    border-radius: 4px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    line-height: 20px;
}

.que1 font {
    width: 88%;
    height: 40px;
    float: left;
    font-size: 18px;
    color: #3D3D3D;
    text-align: left;
    line-height: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.que1_txt {
    width: 94%;
    height: auto;
    float: left;
    margin: 3% 0 0 3%;
}

.que1_a {
    width: 20px;
    height: 20px;
    margin: 1% 2% 0 0;
    float: left;
    background: #F35A54;
    border-radius: 4px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    line-height: 20px;
}

.que1_txt font {
    width: 90%;
    height: 120px;
    float: left;
    font-size: 14px;
    color: rgba(61, 61, 61, .6);
    text-align: left;
    font-weight: normal;
    line-height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
}



/* 首页  音乐素材  */
.m_box7 {
    width: 100%;
    float: left;
    padding: 1% 0 1% 0;
}

.m_scai {
    width: 100%;
    float: left;
}

.m_scai ul {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 40px;
}


.m_scai ul li {
    width: 100%;
    height: auto;

  
    border-radius: 10px;
    position: relative;
    z-index: 20;
    overflow: hidden;
}




.m_scai ul li .sucai1 {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.sucai1 img {
    width: 100%;
    border-radius: 10px;
    position: relative;
    z-index: 5;
}

.suca_wen {
    width: 100%;
    height: 100%;
    float: left;
    border-radius: 10px;
    float: left;
    background: rgba(61, 61, 61, .4);
    position: absolute;
    z-index: 15;
    left: 0;
    top: 0;
}

.suca_wen font {
    width: 100%;
    float: left;
    margin: 42% 0 2% 0;
    font-size: 40px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    line-height: 50px;
    position: relative;
}


.suca_wen font:after {
    width: 120px;
    height: 6px;
    float: left;
    background: #fff;
    border-radius: 20px;
    position: absolute;
    left: 50%;
    margin-left: -60px;
    bottom: -20px;
    content: '';
}


/* 首页  配音资讯 、合作伙伴 */
.m_box8 {
    width: 100%;
    float: left;
    padding: 1% 0 2% 0;
    background: #FAFAFA;
}

.m_xnew {
    /*width: 100%;*/
    /*float: left;*/
}

.m_xnew ul {
    /*width: 103%;*/
    /*float: left;*/
    display: grid;
    gap: 20px;
    grid-template-columns:repeat(3,1fr)
}

.m_xnew ul li {
    /*width: 31%;*/
    /*max-width: 467px;*/
    height: 480px;
    float: left;
    background: #fff;
    padding: 10px;
    /*margin: 1% 2% 1% 0%;*/
}

/*.m_xnew ul li:nth-child(3) {*/
/*    margin: 1% 0 1% 0;*/
/*}*/


.m_xwen_bt {
    width: 100%;
    float: left;
    margin: 0 0 2% 0;
}


.m_xwen_bt h3 {
    width: 70%;
    height: 50px;
    float: left;
    font-family: SourceHanSansSC-bold;
    font-size: 30px;
    color: #F75855;
    text-align: left;
    line-height: 50px;
    font-weight: bold;
}

.m_xwen_bt h3 font {
    float: left;
    color: #272A30;
}


.m_xwen_bt h4 {
    max-width: 20%;
    height: 50px;
    float: right;
}

.m_xwen_bt h4 a {
    float: right;
    font-size: 14px;
    color: rgba(39, 42, 48, .6);
    text-align: left;
    line-height: 50px;
    font-weight: normal;
}

.m_xwimg {
    width: 100%;
    float: left;
    margin: 0 0% 2% 0;
}

.m_xwimg img {
    width: 150px;
    height: 100px;
    float: left;
    margin: 0 2% 0 0;
}


.m_xwimg h3 {
    width: 60%;
    float: left;
    height: 40px;
    font-size: 20px;
    color: #3d3d3d;
    text-align: left;
    line-height: 40px;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
}

.m_xwimg h4 {
    width: 60%;
    float: left;
    height: 40px;
    font-size: 14px;
    color: rgba(39, 42, 48, .6);
    text-align: left;
    line-height: 20px;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}



.m_xnew ul li dl {
    width: 94%;
    float: left;
    margin: 1% 0 0 2%;
}


.m_xnew ul li dl dt {
    width: 100%;
    float: left;
    height: 40px;
    border-bottom: 1px solid #EAEAEB;
}

.m_xnew ul li dl dt h6 {
    width: 60%;
    height: 40px;
    float: left;
    font-size: 18px;
    color: rgba(39, 42, 48, .8);
    text-align: left;
    line-height: 40px;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}

.m_xnew ul li dl dt font {
    height: 50px;
    float: right;
    font-size: 14px;
    color: rgba(39, 42, 48, .6);
    text-align: right;
    line-height: 40px;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}

.m_xnew ul li dl dt:hover h6 {
    color: #F35A54;
}

/* 首页  合作伙伴  */

.m_box9 {
    width: 100%;
    float: left;
    padding: 1% 0 1% 0;
    background: #f5f5f5;
}

.m_cooper {
    width: 100%;
    float: left;
    margin: 0% 0 0 0;
}

.m_cooper ul {
    width: 120%;
    float: left;
    margin: 0 0 0 0%;
    overflow: hidden;
}

.m_cooper ul li {
    width: 10%;
    max-width: 139px;
    height: 80px;
    background: #fff;
    border-radius: 10px;
    float: left;
    margin: 1% 3% 1% 0%;
}


.m_cooper ul li:nth-child(8) {
    margin: 1% 3% 1% 0%;
}

.m_cooper ul li:nth-child(9) {
    margin: 1% 3% 1% 6%;
}

.m_cooper ul li:nth-child(16) {
    margin: 1% 3% 1% 10%;
}

.m_cooper ul li img {
    display: block;
    margin: 5px auto;
    width: auto; 
    max-width: 100%;
    height: 68px;
}

/* 首页 友情链接  */

.m_box10 {
    width: 100%;
    float: left;
    padding: 1% 0 1% 0;
}

.m_box10_bt {
    width: 100%;
    float: left;
    font-family: SourceHanSansSC-Medium;
    font-size: 26px;
    color: #3d3d3d;
    text-align: left;
    line-height: 40px;
    font-weight: bold;
}


.m_clink {
    width: 99%;
    float: left;
    margin: 0% 0 0 0;
}

.m_clink ul {
    width: 103%;
    float: left;
    margin: 0 0 0 0%;
}

.m_clink ul li {
    
    max-width: 120px;
    /*height: 40px;*/
    float: left;
    margin: 1% 1% 0 0%;
}

.m_clink ul li a { 
    font-family: SourceHanSansSC-Medium;
    font-size:14px;
    color: #383D41;
    text-align: left;
    line-height: 20px;
    font-weight: normal;
    word-break: keep-all;
}

.m_clie {
    width: 100%;
    height: auto;
    float: left;
    padding: 0px 0;
    background: #F75855;
    overflow: hidden;
}

.m_clie ul {
    width: 100%;
    float: left;
    padding: 0 0%;
}


.m_clie ul li {
    width: 12%;
    float: left;
    margin: 1% 1%;
}

.m_clie ul li img {
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto;
}

.m_clie ul li font {
    width: 100%;
    height: 30px;
    float: left;
    margin: 10px 0 0 0;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-weight: normal;
}


/* foot  */
.m_footer {
    width: 100%;
    float: left;
    overflow: hidden;
}

.m_foot1 {
    width: 100%;
    float: left;
    padding: 20px 0;
    min-height: 210px;
    background: #383d41;
    overflow: hidden;
}


.m_foot1_logo {
    width: 350px;
    float: left;
    font-size: 14px;
    color: #fff;
    text-align: left;
    line-height: 30px;
    font-weight: normal;
}

.m_foot1_logo img {
    width: 155px;
    display: block;
    margin: 0 auto 10px 0;
}


.m_foot1_logo font {
    width: 100%;
    float: left;
    font-size: 14px;
    color: rgba(255, 255, 255, .8);
    text-align: left;
    line-height: 25px;
    font-weight: normal;
}


.m_foot1_navi {
    width: 650px;
    float: left;
    margin: 0 0 0 10%;
}

.m_foot1_navi ul {
    width: 100%;
    float: left;
}


.m_foot1_navi ul li {
    width: 100px;
    float: left;
    margin: 0 40px 0 10px;
}

.m_foot1_navi ul li h3 {
    width: 100px;
    height: 40px;
    float: left;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    font-weight: normal;
}

.m_foot1_navi ul li dl dd {
    width: 100px;
    height: 30px;
    float: left;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-weight: normal;
}


.m_foot1_navi ul li dl dd a {
    width: 100px;
    height: 30px;
    float: left;
    font-size: 14px;
    color: rgba(255, 255, 255, .5);
    text-align: center;
    line-height: 30px;
    font-weight: normal;
}


.m_foot1_wei {
    max-width: 340px;
    height: 210px;
    background: rgba(255, 210, 12, 0);
    float: right;
    margin: 0px;
}



.m_foot2_xin ul {
    width: 100%;
    float: left;
}

.m_foot2_xin ul li {
    width: 46%;
    max-width: 140px;
    float: left;
    margin: 1% 4% 1% 0%;
}

.m_foot2_xin ul li img {
    border-radius: 10px;
}


.m_foot2_xin ul li font {
    width: 100%;
    height: 20px;
    float: left;
    font-size: 14px;
    color: rgba(255, 255, 255, .5);
    text-align: center;
    line-height: 20px;
    font-weight: normal;
}



.m_foot2 {
    width: 100%;
    height: 20px;
    float: left;
    padding: 10px 0;
    background: #2f3336;
    font-size: 14px;
    color: rgba(255, 255, 255, .2);
    text-align: center;
    line-height: 20px;
    font-weight: normal;
    overflow: hidden;
}

.m_foot2 a {
    color: rgba(255, 255, 255, .2);
}

.m_foot2_dibu {
    width: 100%;
    height: 30px;
    float: left;
    margin: 2% 0 1% 0;
    position: relative;
}

.m_foot2_dibu .dbu {
    width: 49px;
    float: left;
    margin: 4px 10px 0 20px;
}


.m_foot2_dibu font {
    width: 80px;
    height: 30px;
    margin: 0 20px 0 0px;
    float: left;
    font-size: 16px;
    color: rgba(255, 255, 255, 1);
    text-align: left;
    line-height: 30px;
    font-weight: bold;
}



.m_foot2_dibu ul {
    width: 110px;
    float: left;
    position: relative;
}


.m_foot2_dibu ul li {
    width: 30px;
    float: left;
    margin: 0 1%;
    position: relative;
}

.m_foot2_dibu ul li .fxin {
    width: 26px;
    height: 26px;
    float: left;
    margin: 2px;
    position: relative;
    z-index: 4;
}


.m_foot2_dibu ul li .fbig {
    width: 140px;
    height: 140px;
    float: left;
    position: absolute;
    z-index: 9;
    left: 0px;
    bottom: 30px;
    margin: -140px 0 0 -60px;
    background: #F75855;
    border-radius: 10px;
    display: none;
}


.m_foot2_dibu ul li:hover .fbig {
    display: block;
}

.m_foot2_dibu ul li .fqicq {
    width: 140px;
    height: 40px;
    float: left;
    position: absolute;
    z-index: 9;
    left: 0px;
    bottom: 30px;
    margin: -40px 0 0 -60px;
    font-size: 14px;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    line-height: 40px;
    font-weight: normal;
    background: #F75855;
    border-radius: 10px;
    display: none;
}


.m_foot2_dibu ul li:hover .fqicq {
    display: block;
}

.m_foot2_dibu ul li .fpho {
    width: 140px;
    height: 40px;
    float: left;
    position: absolute;
    z-index: 9;
    left: 0px;
    bottom: 30px;
    margin: -40px 0 0 -60px;
    font-size: 14px;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    line-height: 40px;
    font-weight: normal;
    background: #F75855;
    border-radius: 10px;
    display: none;
}


.m_foot2_dibu ul li:hover .fpho {
    display: block;
}


/* left*/

.m_navleft {
    width: 90px;
    height: auto;
    min-height: 100px;
    padding: 10px 0;
    float: left;
    background: #F75855;
    border-radius: 10px;
    position: fixed;
    z-index: 123;
    left: 2%;
    top: 12%;
    box-shadow: 1px 6px 8px -2px rgba(255, 255, 255, .3);
}

.m_navleft ul li {
    width: 100%;
    float: left;
    margin: 1% 0% 1% 0%;
}

.m_navleft ul li img {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: block;
    margin: 10px auto;
}


.m_navleft ul li font {
    width: 100%;
    height: 20px;
    float: left;
    font-family: SourceHanSansSC-Medium;
    font-size: 16px;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    line-height: 20px;
    font-weight: normal;
}



.m_nRight {
    width: 70px;
    height: auto;
    float: left;
    position: fixed;
    z-index: 123;
    right: 10px;
    bottom: 38%;

}

.m_nRight ul {
    width: 100%;
    float: left;
}

.m_nRight ul li {
    width: 70px;
    height: 70px;
    float: left;
    position: relative;
    z-index: 12;
    margin: 6px 0 0 0;
}


.m_nRight ul li .nepic {
    width: 70px;
    height: 70px;
    float: left;
    position: relative;
    z-index: 5;
}


.m_nRight ul li .npho {
    width: 140px;
    height: 68px;
    float: left;
    position: absolute;
    z-index: 9;
    right: 0px;
    bottom: 1px;
    margin: 0px -200px 0 0;
    padding: 0 1%;
    font-size: 16px;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    line-height: 68px;
    font-weight: normal;
    background: #F75855;
    border-radius: 0px;
    border: 1px solid #fff;
    display: block;
    transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
}



.m_nRight ul li:hover .npho {
    right: 0px;
    margin: 0 70px 0 0;
    display: block;
    transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
}


.m_nRight ul li .bign {
    width: 140px;
    height: 140px;
    float: left;
    position: absolute;
    z-index: 9;
    right: 0px;
    bottom: auto;
    top: -40px;
    margin: 0px 80px 0 0;
    border-radius: 6px;
    background: #F75855;
    border: 1px solid #fff;
    display: none\9;
    transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transform: scale(0.0, 0.0);
    -webkit-transform: scale(0.0, 0.0);
}


.m_nRight ul li:hover .bign {
    display: block;
    margin: 0 80px 0 0;
    transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    border-radius: 6px;
    -o-transition: all 0.4s linear;
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
}


.m_nRight ul li .bign img {
    border-radius: 4px;
}


.ebox {
    width: 100%;
    height: 100%;
    float: left;
    background: rgba(39, 42, 48, 0.5);
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    display: none;

}


.ebox1 {
    width: 100%;
    height: 100%;
    float: left;
    background: rgba(39, 42, 48, 0.5);
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    display: none;
}



.ebox2 {
    width: 100%;
    height: 100%;
    float: left;
    background: rgba(39, 42, 48, 0.5);
    position: fixed;
    z-index: 333;
    left: 0;
    top: 0;
    display: none;
}


.ebox3 {
    width: 100%;
    height: 100%;
    float: left;
    background: rgba(39, 42, 48, 0.5);
    position: fixed;
    z-index: 333;
    left: 0;
    top: 0;
    display: none;
}





.dlbox {
    width: 64%;
    max-width: 660px;
    min-height: 540px;
    float: left;
    background: #fff;
    border: none;
    border-radius: 0px;
    position: absolute;
    left: 30%;
    top: 8%;
}

.dlbox .guan {
    float: right;
    margin: 10px;
    font-size: 20px;
    font-family: Arial;
    font-weight: normal;
    color: #F75855;
}

.dlbox_logo {
    width: 100%;
    float: left;
    margin: 10px 0;
}

.dlbox_logo img {
    display: block;
    margin: 0 auto;
}

.dltab {
    width: 80%;
    height: 60px;
    float: left;
    margin: 2% 0 1% 8%;
    border: 1px solid #ccc;
    border-radius: 10px;
}


select.select1 {
    border: solid 1px transparent;
    border-radius: 6px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    height: 60px;
    width: 60px;
    padding: 0 6px 0 6px;
    float: left;
    margin: 0px 0px 0 10px;
    background: url(../images/dd1.jpg) no-repeat scroll 96% 28px transparent;
    font-size: 16px;
    color: #333;
    line-height: 60px;
    text-align: left;
    font-weight: normal;
}


option {
    color: #333;
}



.dtab1 {
    width: 64%;
    height: 60px;
    float: left;
    padding-left: 10px;
    background: transparent;
    border: 1px solid transparent;
    font-size: 18px;
    color: #4f4242;
    line-height: 58px\9;
    line-height: 60px;
    text-align: left;
    font-weight: normal;
    cursor: pointer;
    overflow: hidden;
}

.dltab2 {
    width: 80%;
    height: 60px;
    float: left;
    margin: 2% 0 1% 8%;
    border: 1px solid transparent;
    border-radius: 10px;
}


.dtab2 {
    width: 64%;
    height: 60px;
    float: left;
    padding-left: 10px;
    background: transparent;
    border-radius: 10px;
    border: 1px solid #ccc;
    font-size: 18px;
    color: #4f4242;
    line-height: 58px\9;
    line-height: 60px;
    text-align: left;
    font-weight: normal;
    cursor: pointer;
    overflow: hidden;
}



.dtab3 {
    width: 30%;
    height: 60px;
    float: right;
    margin: 0 0 0 1%;
    border-radius: 10px;
    background: #333;
    text-transform: uppercase;
    border: 1px solid #333;
    font-size: 24px;
    color: #fff;
    line-height: 58px\9;
    line-height: 60px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 4px;
    cursor: pointer;
    overflow: hidden;
}


.dtab4 {
    width: 30%;
    height: 60px;
    float: right;
    margin: 0 0 0 1%;
    border-radius: 10px;
    background: #333;
    text-transform: uppercase;
    border: 1px solid #333;
    font-size: 18px;
    color: #fff;
    line-height: 58px\9;
    line-height: 60px;
    text-align: center;
    font-weight: normal;
    letter-spacing: 0px;
    cursor: pointer;
    overflow: hidden;
}

.dltab3 {
    width: 80%;
    height: 60px;
    float: left;
    margin: 2% 0 1% 8%;
    background: #F75855;
    border: 1px solid transparent;
    border-radius: 10px;
    font-size: 20px;
    color: #fff;
    line-height: 60px;
    text-align: center;
    font-weight: normal;
}


.dtab5 {
    width: 98%;
    height: 60px;
    float: left;
    padding-left: 10px;
    background: transparent;
    border-radius: 10px;
    border: 1px solid #ccc;
    font-size: 18px;
    color: #4f4242;
    line-height: 58px\9;
    line-height: 60px;
    text-align: left;
    font-weight: normal;
    cursor: pointer;
    overflow: hidden;
}




.dltj {
    width: 100%;
    height: 60px;
    float: left;
    margin: 0% 0 1% 0;
    background: #F75855;
    border: 1px solid transparent;
    border-radius: 10px;
    font-size: 20px;
    color: #fff;
    line-height: 60px;
    text-align: center;
    font-weight: normal;
}

.dbgc {
    width: 100%;
    float: left;
    position: relative;
}

.radio1 {
    position: relative;
    margin: 0 1% 0 0;
    width: 68%;
    float: left;

}


.radio1 font {
    line-height: 35px;
    font-size: 14px;
    color: #999;
    text-align: left;
    font-weight: normal;
}


.radio1 font a {
    color: #999;
}

.radio1 font a:hover {
    color: #333;
}

.dbgc .dzc,
.dbgc .qdlu {
    float: right;
    max-width: 36%;
    margin: 3% 0 0 0;
    line-height: 35px;
    font-size: 14px;
    color: #333;
    text-align: left;
    font-weight: normal;
    cursor: pointer;
}

.s_menubox {
    width: 100%;
    float: left;
    min-height: 200px;
    margin: 20px 0;
    background: rgba(122, 233, 222, 0);
}

.s_menubox dl {
    width: 100%;
    float: left;
    margin: 10px 0;
}

.s_menubox dl dd {
    width: 82px;
    height: 30px;
    float: left;
    margin: 0 10px 0 0;
    background: #F75855;
    border-radius: 4px;
    font-family: SourceHanSansSC-Medium;
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    text-align: center;
}


.s_menubox dl dt {
    width: 90%;
    max-width: 1300px;
    min-height: 30px;
    float: left;
    background: rgba(0, 0, 0, 0);
}


.s_menubox dl dt ul {
    width: 100%;
    float: left;
    margin: 0 0 0 0px;
}


.s_menubox dl dt ul li {
    width: auto;
    float: left;
    margin: 0 22px 10px 6px;
}

.s_menubox dl dt ul li a {
    float: left;
    padding: 0 10px;
    font-family: SourceHanSansSC-Medium;
    font-size: 17px;
    color: #3D3D3D;
    line-height: 30px;
    text-align: center;
    
}

.s_menubox dl dt ul li a:hover, .s_menubox dl dt ul li .active {
    color: #fff;
    background: #F75855;
    border-radius: 4px;
}

.s_menubox dl dt ul li img {
    float: left;
    margin: 0px 2px 2px -9px;
}

/*F75855*/
.s_menubox dl dt ul .qilu {
    font-family: SourceHanSansSC-Medium;
    color: #F75855;
    font-size: 16px;
    line-height: 30px;
    font-weight: normal;
}

.s_menubox dl dt ul .active  {
    color: #fff;
    background: #F75855;
    border-radius: 4px;
    /*padding: 4px 10px;*/
}

.s_menubox dl .mmore1 {
    width: 60px;
    height: 30px;
    padding: 0 5px;
    float: right;
    margin: 0 0px 0 10px;
}

.s_menubox dl .mmore2 {
    width: 60px;
    height: 30px;
    padding: 0 5px;
    float: right;
    margin: 0 0px 0 10px;
}

.s_menubox dl .mmore3 {
    width: 60px;
    height: 30px;
    padding: 0 5px;
    float: right;
    margin: 0 0px 0 10px;
}


.imgo1 {
    float: left;
    margin: 4px 0 0 0;
    display: block;
}

.imgo2 {
    float: left;
    margin: 4px 0 0 0;
    display: block;
}

.s_menubox dl dt .quan1 {
    width: 100%;
    float: left;
}

.s_menubox dl dt .quan2 {
    width: 100%;
    float: left;
}

.s_menubox dl dt .quan3 {
    width: 100%;
    float: left;
}

.s_ybgc1 {
    width: 100%;
    float: left;
    padding: 20px 0 20px 0;
    margin: 0 0 0px 0;
    box-shadow: 0px 0px 10px rgb(153 147 147 / 20%) inset;
}

.s_yyst_bt {
    width: 100%;
    float: left;
}

.yyTitle {
    width: 100%;
    float: left;
    margin: 10px;
}

.yyTitle font {
    float: left;
    color: #666;
    font-size: 16px;
    line-height: 40px;
    font-weight: normal;
}

.yyTitle ul {
    float: right;
}


.yyTitle ul li {
    float: left;
    cursor: pointer;
    padding: 0 5px;
    margin: 0 10px;
    color: rgba(158, 158, 158, 1);
    font-size: 16px;
    line-height: 40px;
    font-weight: bold;
}


.yyTitle ul li img {
    float: left;
    margin: 5px 0;
}


/*.yyTitle  ul li.active{color: #f30;}*/

.yyContent {
    width: 96%;
    float: left;
    min-height: 600px;
    padding: 2%;
    margin: 0 0 30px 0;
    box-shadow: 0px 0px 4px rgb(153 147 147 / 20%) inset;
}



table.table2 {
    width: 100%;
    float: left;
    border-collapse: collapse;
}

table.table2 tr {
    width: 100%;
}


table.table2 tr th {
    height: 60px;
    padding: 0 2%;
    font-family: SourceHanSansSC-Medium;
    font-size: 20px;
    color: rgba(61, 61, 61, 1);
    line-height: 60px;
    text-align: center;
    font-weight: bold;
    border-bottom: 1px solid #f7f7f7;
}

table.table2 tr th:nth-child(2) {
    text-align: left;
}

table.table2 tr td {
    padding: 1% 1%;
    height: 40px;
    font-family: SourceHanSansSC-Medium;
    font-size: 17px;
    color: rgba(61, 61, 61, 1);
    text-align: center;
    line-height: 40px;
    font-weight: normal;
    border-bottom: 1px solid #f7f7f7;
}

table.table2 tr td:nth-child(2) {
    
}

table.table2 td .tdimg {
    float: left;
    margin: 10px;
}

table.table2 tr td:nth-child(2) {
    text-align: left;
}


table.table2 tr td a{color:#333;}

.tdown {
    width: 30px;
    height: 30px;
    float: left;
    margin: 0 12px 0 12px;
    background: url(../images/yx1.jpg) no-repeat;
    center center transparent;
    border: none;
    text-indent: -999px;
    background-position: center;
    cursor: pointer;
}




.s_fanye {
    width: 100%;
    height: auto;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
}

DIV.quotes {
    PADDING: 3px;
    MARGIN: 3px;
    PADDING-TOP: 3px;
    TEXT-ALIGN: center;
}

DIV.quotes A {
    padding: 8px 12px 8px 12px;
    font-family: Arial;
    font-size: 14px;
    COLOR: #333;
    MARGIN-RIGHT: 8px;
    TEXT-DECORATION: none;
    border: #b0b0b0 1px solid;
    border-radius: 4px;
}

DIV.quotes A:hover {
    padding: 8px 12px 8px 12px;
    MARGIN-RIGHT: 8px;
    font-family: Arial;
    font-size: 14px;
    color: #fff;
    border: #009a44 1px rgba(247, 88, 85, 1);
    BACKGROUND-COLOR: rgba(247, 88, 85, 1);
    border-radius: 4px;
}

DIV.quotes A:active {
    padding: 8px 12px 8px 12px;
    MARGIN-RIGHT: 8px;
    font-family: Arial;
    font-size: 14px;
    color: #fff;
    border-radius: 4px;
}

DIV.quotes SPAN.current {
    padding: 8px 12px 8px 12px;
    FONT-WEIGHT: bold;
    font-family: Arial;
    font-size: 14px;
    COLOR: #fff;
    MARGIN-RIGHT: 8px;
    BORDER: rgba(247, 88, 85, 1) 1px solid;
    BACKGROUND-COLOR: rgba(247, 88, 85, 1);
    border-radius: 4px;
}

DIV.quotes SPAN.disabled {
    padding: 8px 12px 8px 12px;
    font-family: Arial;
    font-size: 14px;
    COLOR: rgba(247, 88, 85, 1);
    MARGIN-RIGHT: 8px;
    BORDER: rgba(247, 88, 85, 1) 1px solid;
    border-radius: 4px;
}

.page{
    width:100%;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
.page .active{
    padding: 8px 12px 8px 12px;
    FONT-WEIGHT: bold;
    font-family: Arial;
    font-size: 14px;
    COLOR: #fff;
    MARGIN-RIGHT: 8px;
    BORDER: rgba(247, 88, 85, 1) 1px solid;
    BACKGROUND-COLOR: rgba(247, 88, 85, 1);
    border-radius: 4px;
}

.page .total{
    padding: 8px 12px 8px 12px;
    font-family: Arial;
    font-size: 14px;
    COLOR: #333;
    MARGIN-RIGHT: 8px;
    TEXT-DECORATION: none;
    border: #b0b0b0 1px solid;
    border-radius: 4px;
}


/* 优选合集  */

.s_yxhj {
    width: 100%;
    float: left;
    padding: 1% 0 2% 0;
    background: #f6f6f6;
}

.s_yxlist {
    width: 100%;
    float: left;
}


.s_yxlist ul {
    width: 104%;
    float: left;
}


.s_yxlist ul li {
    width: 16%;
    max-width: 222px;
    float: left;
    margin: 1% 2% 1% 0%;
    border-radius: 10px;
    position: relative;
    z-index: 15;
    overflow: hidden;
}

.s_yxlist ul li:nth-child(6n) {
    margin: 1% 0% 1% 0%;
}

.s_yxlist ul li img {
    width: 100%;
    border-radius: 10px;
    position: relative;
    z-index: 5
}

.s_yxlist ul li font {
    width: 100%;
    height: 140px;
    float: left;
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: 0;
    background: linear-gradient(360deg, #F75855 0%, rgba(247, 88, 85, 0) 78%);
    border-radius: 8px 8px 8px 8px;
    font-family: SourceHanSansSC-bold;
    font-size: 30px;
    color: #fff;
    text-align: center;
    line-height: 180px;
    font-weight: bold;
}



.yxej {
    width: 200px;
    display: block;
    margin: 0 auto;
}

.yxej a {
    width: 100%;
    height: 57px;
    float: left;
    margin: 20px 0;
    background: rgba(247, 88, 85, 1);
    border: none;
    border-radius: 40px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 57px;
    font-weight: bold;
}



/*rgba(246, 246, 246, 1)*/


.cjwt {
    width: 200px;
    display: block;
    margin: 0 auto;
}

.cjwt a {
    width: 100%;
    height: 57px;
    float: left;
    margin: 30px 0 20px 0;
    background: #fff;
    border: none;
    border-radius: 40px;
    font-family: SourceHanSansSC-Medium;
    font-size: 20px;
    color: #333;
    text-align: center;
    line-height: 57px;
    font-weight: bold;
}

/*优选合集  列表*/

.s_youx_bt {
    width: 100%;
    float: left;
    padding: 10px 0;
    font-size: 14px;
    color: #514848;
    text-align: left;
    line-height: 40px;
    font-weight: normal;
    border-bottom: 1px solid #ddd;
}

.s_youx_bt a {
    color: #514848;
}

.s_youx_bt a:hover {
    color: #FF7585;
}

.s_youx_bt font {
    color: #514848;
    padding: 0 5px
}

.s_youx_bt em {
    color: #333;
    font-style: normal;
}



.s_hlist {
    width: 100%;
    float: left;
    margin: 20px 0;
}



.yxh_bt {
    width: 100%;
    height: 40px;
    float: left;
    margin: 10px 0;
}

.yxh_bt h3 {
    width: auto;
    float: left;
    font-family: SourceHanSansSC-bold;
    font-size: 40px;
    color: rgba(39, 42, 48, 1);
    text-align: left;
    line-height: 40px;
    font-weight: bold;
}


.yxh_bt h4 {
    width: auto;
    float: right;
    border-radius: 4px;
    border: 1px solid rgba(147, 148, 151, 1);
}

.yxh_bt h4 a {
    float: left;
    height: 30px;
    padding: 0px 5px;
    font-size: 20px;
    color: rgba(147, 148, 151, 1);
    text-align: left;
    line-height: 30px;
    font-weight: normal;
}

.yxh_bt h4 a font {
    padding: 0 5px;
    float: right;
    font-size: 16px;
    color: rgba(147, 148, 151, 1);
    text-align: left;
    line-height: 30px;
    font-weight: normal;
}




.s_hjshow {
    width: 100%;
    float: left;
    padding: 1% 0;
    background: #f6f6f6;
    overflow: hidden;
}

.s_hjshow ol {
    width: 100%;
    float: left;
    margin: 10px 0;
}

.s_hjshow ol li {
    width: 97%;
    max-width: initial;
    float: left;
    margin: 10px 0;
}


.s_hjshow ol li h3 {
    width: 100%;
    float: left;
    margin: 5px 0;
    background: url(../images/y51.png) no-repeat 10px 15px;
    padding: 0 0 0 30px;
    font-family: SourceHanSansSC-Medium;
    font-size: 32px;
    color: #333;
    text-align: left;
    line-height: 40px;
    font-weight: bold;
}


.s_hjshow ol li font {
    width: 100%;
    float: left;
    padding: 5px 0 5px 30px;
    font-family: SourceHanSansSC-Medium;
    font-size: 24px;
    color: #333;
    text-align: left;
    line-height: 40px;
    font-weight: normal;
}


/* 配音老师相关  */

.s_lsxguan {
    width: 100%;
    float: left;
    margin: 1% 0
}


.s_lsxguan ol {
    width: 100%;
    float: left;
    margin: 10px 0
}



.s_lsxguan ol li {
    width: 23%;
    float: left;
    margin: 1% 2% 1% 0;
    overflow: hidden;
}



.s_lsxguan ol li img {
    width: 100%;
    height: 200px;
    border-radius: 6px;
}


.s_lsxguan ol li h3 {
    width: 100%;
    height: 40px;
    float: left;
    font-family: SourceHanSansSC-Medium;
    font-size: 24px;
    color: #272A30;
    text-align: left;
    line-height: 40px;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
}


.s_lsxguan ol li:hover  h3{color: #F75855;}


.s_lsxguan ol li font {
    width: 100%;
    float: left;
    height: 75px;
    font-family: SourceHanSansSC-Medium;
    font-size: 16px;
    color: rgba(61, 61, 61, 1);
    text-align: left;
    line-height: 25px;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}


/* 配音老师 男生排行榜 */

.s_pbg1 {
    width: 100%;
    float: left;
    padding: 10px 0 10px 0;
    margin: 10px 0 5px 0;
    box-shadow: 0px 1px 10px rgba(247, 88, 85, .2);
    border-radius: 10px;
}

.s_pbg1_bt {
    width: 100%;
    float: left;
    padding: 10px 0;
    border-bottom: 1px solid #f1f1f1;
    font-family: SourceHanSansSC-Medium;
    font-size: 30px;
    color: #29262D;
    text-align: left;
    line-height: 40px;
    font-weight: bold;
}

.s_pbg1_bt img {
    float: left;
    margin: 5px 10px 0 20px;
}



.s_pbg1 dl {
    width: 100%;
    float: left;
}


.s_pbg1 dl dt {
    width: 23%;
    max-width: 285px;
    height: auto;
    padding: 1% 0;
    float: left;
    background: rgba(0, 0, 0, 0);
    margin: 0% 1% 0% 5%;
}


.s_pbg1 dl dt:nth-child(4) {
    margin: 0% 0% 0% 0%;
}

.s_pbg1 dl dt h3 {
    width: 100%;
    float: left;
    height: 40px;
    font-family: SourceHanSansSC-Medium;
    font-size: 20px;
    color: #29262D;
}


.s_pbg1 dl dt h3 font {
    width: 4px;
    height: 18px;
    float: left;
    margin: 4px 10px 0 10px;
    background: #F75855;
    border-radius: 4px;
}


.s_pbg1 dl dt ul {
    width: 100%;
    float: left;
}

.s_pbg1 dl dt ul li {
    width: 100%;
    float: left;
    margin: 10px 0;
    height: 32px;
    text-overflow: ellipsis;
    overflow: hidden;
}


.s_pbg1 dl dt ul li h4 {
    width: 16px;
    height: 17px;
    float: left;
    margin: 6px 10px 0 4px;
    background: transparent;
    font-size: 10px;
    color: #666;
    text-align: center;
    line-height: 16px;
    font-weight: normal;
}

.s_pbg1 dl dt ul li:first-child h4 {
    width: 16px;
    height: 17px;
    float: left;
    margin: 6px 10px 0 4px;
    background: url(../images/z68.png) no-repeat left top;
    font-size: 10px;
    color: #fff;
    text-align: center;
    line-height: 16px;
    font-weight: normal;
}

.s_pbg1 dl dt ul li:nth-child(2) h4 {
    width: 16px;
    height: 17px;
    float: left;
    margin: 6px 10px 0 4px;
    background: url(../images/z68.png) no-repeat left top;
    font-size: 10px;
    color: #fff;
    text-align: center;
    line-height: 16px;
    font-weight: normal;
}

.s_pbg1 dl dt ul li img {
    float: left;
    margin: 0px 5px;
    border-radius: 50px;
}


.s_pbg1 dl dt ul li font {
    width: 60%;
    height: 32px;
    float: left;
    font-family: SourceHanSansSC-Medium;
    font-size: 16px;
    color: #29262D;
    text-align: left;
    line-height: 32px;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
}



.pygd {
    width: 52px;
    display: block;
    margin: 0 auto;
}

.pygd a {
    width: 100%;
    height: 25px;
    float: left;
    margin: 20px 0;
    background: #fff;
    border: 1px solid rgba(39, 42, 48, .5);
    border-radius: 4px;
    font-family: SourceHanSansSC-Medium;
    font-size: 14px;
    color: rgba(39, 42, 48, .5);
    text-align: center;
    line-height: 25px;
    font-weight: bold;
}

.pygd a:hover {
    background: #ff7285;
    color: #fff;
}




.s_pbg2 {
    width: 100%;
    float: left;
    padding: 20px 0 20px 0;
    margin: 10px 0 5px 0;
    box-shadow: 0px 1px 10px rgba(247, 88, 85, .2);
    border-radius: 10px;
}


.s_pbg2_bt {
    justify-content: space-between;
    display: flex;
    align-items: center;
    width: 94%;
    float: left;
    padding: 10px 10px 10px 80px;
    border-bottom: 1px solid #f1f1f1;
    font-family: SourceHanSansSC-bold;
    font-size: 30px;
    color: #29262D;
    text-align: left;
    line-height: 40px;
    font-weight: bold;
}
.s_pbg2_bt .new_tab{
    flex: 1;
    margin: 10px;
}

.s_plxia {
    width: 140px;
    height: 40px;
    float: right;
    padding: 0 0 0 30px;
    background: url(../images/plxz.png) no-repeat left 8px;
    border: none;
    font-size: 22px;
    color: #29262D;
    text-align: left;
    line-height: 40px;
    font-weight: bold;
}




.s_pbg2 ul {
    width: 100%;
    float: left;
    margin: 1% 0%;
}

.s_pbg2 ul li {
    width: 23%;
    max-width: 268px;
    height: 32px;
    padding: 0% 0;
    float: left;
    background: rgba(0, 0, 0, 0);
    margin: 1% 0% 0% 6%;
}



.s_pbg2 ul li img {
    float: left;
    margin: 0px 5px;
    border-radius: 50px;
}


.s_pbg2 ul li font {
    max-width: 60%;
    height: 32px;
    float: left;
    font-size: 16px;
    color: #29262D;
    text-align: left;
    line-height: 32px;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
}

.s_pbg2 ul li img:nth-child(2) {
    float: left;
    margin: 5px;
    border-radius: 0px;
}



.s_pyl_middle {
    width: 100%;
    float: left;
}



.s_pbg3 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px 0 20px -15px;
    border-radius: 10px;
}

.s_pbg3 img {
    width: 102%;
    float: left;
}


.s_pyls_bgc {
    width: 100%;
    float: left;
    padding: 0% 0 1% 0;
    background: #f6f6f6;
}

.s_pyleft {
    width: 70%;
    max-width: 1300px;
    margin: 1% 0 2% 0;
    float: left;
}

.s_bgfff {
    width: 100%;
    float: left;
    padding: 2% 3% 1% 3%;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 1px 10px rgba(247, 88, 85, .2);
}

.s_scbox {
    width: 96%;
    float: left;
    height: auto;
    min-height: 120px;
    padding: 0% 2%;
    background: url(../images/bgc12.jpg) no-repeat center bottom;
    background-size: 100% 100%;
    border-radius: 10px;
}

.s_scimg {
    width: 100px;
    height: 100px;
    float: left;
    margin: 30px 20px 0 20px;
    border-radius: 50%;
    border: 1px solid transparent;
}

.s_scimg img {
    width: 100%;
    border-radius: 50%;
    
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.s_sctxt {
    width: 580px;
    height: auto;
    float: left;
    margin: 10px 20px 0 0px;
}

.s_sctxt h4 {
    width: 100%;
    height: 40px;
    float: left;
    font-family: SourceHanSansSC-Medium;
    font-size: 18px;
    color: #fff;
    text-align: left;
    line-height: 40px;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
}


.s_sctxt h5 {
    width: 100%;
    height: 30px;
    float: left;
    margin: 0 0 10px 0;
    font-family: SourceHanSansSC-Medium;
    font-size: 16px;
    color: #fff;
    text-align: left;
    line-height: 30px;
    font-weight: normal;
}


.s_sctxt h5 font {
    float: left;
    font-family: SourceHanSansSC-Medium;
    font-size: 16px;
    color: #fff;
    text-align: left;
    line-height: 30px;
    font-weight: bold;
}


.s_sctxt h5 em {
    float: left;
    margin: 4px 0 0 10px;
    width: auto;
    padding: 0 5px;
    height: 20px;
    font-family: SourceHanSansSC-Medium;
    font-size: 14px;
    color: #6A3200;
    text-align: center;
    line-height: 20px;
    font-weight: normal;
    font-style: normal;
    border-radius: 4px;
    background: #FFB777;
}


.s_sctxt h6 {
    float: left;
    width: 100%;
    margin: 0px 0;
    font-family: SourceHanSansSC-Medium;
    font-size: 14px;
    color: rgba(255, 255, 255, .7);
    text-align: left;
    line-height: 30px;
    font-weight: normal;
}



.s_sctxt .xiangxi1 {
    width: 100%;
    float: left;
    margin: 0px 0 10px 0;
    font-family: SourceHanSansSC-Medium;
    font-size: 14px;
    color: rgba(255, 255, 255, .5);
    text-align: left;
    line-height: 25px;
    font-weight: normal;
}

.xiangxi1 a {
    color: rgba(255, 255, 255, .5);
}

.sxmore {
    width: 120px;
    height: 40px;
    float: right;
    margin: 60px 20px 0 0;
    background: #F75855;
    border-radius: 4px;
    font-family: SourceHanSansSC-Medium;
    font-size: 18px;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    line-height: 40px;
    font-weight: normal;
}



.s_scbox2 {
    width: 99%;
    float: left;
    height: auto;
    padding: 1% 0;
    border-bottom: 1px solid #ccc;
}

.s_scbox2_jia {
    float: left;
    width: 100%;
}

.s_scbox2_jia font {
    float: left;
    margin: 0 0 0 5px;
    font-family: SourceHanSansSC-Medium;
    font-size: 18px;
    color: #666;
    text-align: center;
    line-height: 22px;
    font-weight: bold;
    font-style: normal;
}

.s_scbox2_jia b {
    font-style: normal;
    font-family: SourceHanSansSC-Medium;
    font-size: 25px;
    color: #F75855;
    font-weight: bold;
}


.s_scbox2_jieshao {
    width: 100%;
    float: left;
    margin: 20px 0 10px 0px;
    font-family: SourceHanSansSC-Medium;
    font-size: 16px;
    color: #29262D;
    text-align: left;
    line-height: 25px;
    font-weight: bold;
}


.s_scbox3 {
    width: 99%;
    float: left;
    height: auto;
    padding: 1% 0;
}

.s_scbox3 h3 {
    float: left;
    margin: 0 0 0 0px;
    font-family: SourceHanSansSC-Medium;
    font-size: 26px;
    color: #333;
    text-align: left;
    line-height: 40px;
    font-weight: bold;
}


.s_scbox_table {
    width: 99%;
    float: left;
    height: auto;
    padding: 0% 0;
}

.ctab1 {
    width: 36%;
    height: 40px;
    float: left;
    background: none;
    border: none;
    font-family: SourceHanSansSC-Medium;
    font-size: 16px;
    color: rgba(41, 38, 45, 1);
    text-align: left;
    line-height: 40px;
    font-weight: bold;
}

input.ctab1::-webkit-input-placeholder {
    /* WebKit browsers */
    color: rgba(41, 38, 45, 1);
}

input.ctab1:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: rgba(41, 38, 45, 1);
}

input.ctab1::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: rgba(41, 38, 45, 1);
}

input.ctab1:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: rgba(41, 38, 45, 1);
}


.s_ctable {
    width: 56%;
    float: left;
    height: auto;
    padding: 0% 0;
}

.s_ctable font {
    float: left;
    padding: 0 10px;
    font-size: 16px;
    color: #333;
    text-align: left;
    line-height: 40px;
    font-weight: bold;
}


.s_ctable font img {
    float: right;
    margin: 12px 4px;
}

.cabox {
    width: 162px;
    float: left;
}

.cjian {
    width: 40px;
    height: 40px;
    float: left;
    background: #f6f7fb;
    border: 1px solid #ddd;
    font-size: 26px;
    color: #333;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.cshuzi {
    width: 80px;
    height: 40px;
    float: left;
    background: #fff;
    border: 1px solid #ddd;
    font-size: 26px;
    color: #333;
    text-align: center;
    line-height: 40px;
    /*font-weight: bold;*/
}


.cjia {
    width: 40px;
    height: 40px;
    float: left;
    background: #f6f7fb;
    border: 1px solid #ddd;
    font-size: 26px;
    color: #333;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}


.s_scbox_table h4 {
    float: right;
    padding: 0 10px;
    font-size: 16px;
    color: #333;
    text-align: left;
    line-height: 40px;
    font-weight: bold;
}



.s_scbox4 {
    width: 99%;
    float: left;
    height: auto;
    padding: 2% 0;
}

.s_scbox4 font {
    float: left;
    margin: 10px 0 0 0;
    font-size: 14px;
    color: rgba(148, 146, 150, 1);
    text-align: left;
    line-height: 30px;
    font-weight: normal;
}


.s_scbox4 .s_ljxd {
    width: 150px;
    height: 40px;
    float: right;
    margin: 0;
    background: #F75855;
    border: 1px solid #F75855;
    border-radius: none;
    font-family: SourceHanSansSC-Medium;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-weight: normal;
}


.yinTitle {
    width: 100%;
    float: left;
    height: 40px;
    padding: 1% 0;
    border-bottom: 1px solid #f1f1f1;
}

.yinTitle font {
    float: left;
    margin: 0 10px 0 0;
    font-size: 30px;
    color: #29262D;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
}

.yinTitle ul {
    float: left;
}

.yinTitle ul li {
    width: auto;
    min-width: 100px;
    height: 38px;
    float: left;
    margin: 0 10px;
    padding: 0 20px;
    background: #f6f7fc;
    border-radius: 20px;
    font-size: 20px;
    color: #29262D;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
}

.yinTitle ul li.active {
    background: #29262D;
    color: #fff;
}


.yinContent {
    width: 100%;
    float: left;
    margin: 1% 0;
}

.yanglist {
    width: 100%;
    float: left;
}

.yanglist dl {
    width: 102%;
    float: left;
}


.yanglist dl dd {
    width: 46%;
    max-width: 460px;
    height: 120px;
    float: left;
    margin: 1% 2% 0 0;
    padding: 1%;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 1px 10px rgba(247, 88, 85, .2);
}


.plbox {
    width: 120px;
    height: 120px;
    float: left;
    background: #F75855;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.plbox img {
    float: left;
    position: absolute;
    z-index: 18;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.plbox font {
    width: 40px;
    height: 20px;
    float: right;
    right: 2px;
    bottom: 2px;
    position: absolute;
    z-index: 19;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-weight: normal;
}

.plgox {
    width: 120px;
    height: 120px;
    float: left;
    background: rgba(0, 0, 0, 0);
    border-radius: 10px;
    position: absolute;
    z-index: 22;
    left: 0;
    top: 0;
    overflow: hidden;
}

.cbgox img {
    float: left;
    position: absolute;
    z-index: 18;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}



.s_pltxt {
    width: 68%;
    height: auto;
    float: left;
    margin: 0px 1% 0 2%;
}

.s_pltxt h4 {
    width: 100%;
    height: 30px;
    float: left;
    font-family: SourceHanSansSC-bold;
    font-size: 14px;
    color: #333;
    text-align: left;
    line-height: 30px;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
}


.s_pltxt h5 {
    width: 100%;
    height: 30px;
    float: left;
    margin: 10px 0 10px 0;
    font-family: SourceHanSansSC-bold;
    font-size: 14px;
    color: #444;
    text-align: left;
    line-height: 30px;
    font-weight: normal;
}


.s_pltxt h5 font {
    float: left;
    font-family: SourceHanSansSC-bold;
    font-size: 14px;
    color: #333;
    text-align: left;
    line-height: 30px;
    font-weight: normal;
}


.s_pltxt h5 em {
    float: left;
    margin: 4px 0 0 10px;
    width: auto;
    height: 20px;
    font-family: SourceHanSansSC-Medium;
    font-size: 14px;
    color: #6A3200;
    text-align: center;
    line-height: 20px;
    font-weight: normal;
    border-radius: 4px;
    background: #FFB777;
    padding: 0 5px;
    font-style: normal;
}


.s_plxsy {
    width: 100%;
    height: auto;
    float: left;
    margin: 2% 0px;
}

.s_plxsy img {
    float: left;
}

.lxshi {
    width: 86px;
    height: 30px;
    float: right;
    margin: 0;
    background: #F75855;
    border: 1px solid #F75855;
    border-radius: none;
    font-family: SourceHanSansSC-bold;
    font-size: 15px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-weight: normal;
}




.s_wenanpy {
    width: 106%;
    height: auto;
    float: left;
    margin: 2% 0px 3% 0;
}

.s_wenanpy img {
    width: 100%;
    border-radius: 10px;
}



.s_pyright {
    width: 46%;
    max-width: 360px;
    padding: 0%;
    min-height: 100px;
    background: transparent;
    float: right;
    margin: 1% 0;
}


.scr_con {
    position: relative;
    height: 518px;
    float: left;
    width: 100%;
    margin: 0px auto;
    overflow: hidden;
}

#dv_scroll {
    position: absolute;
    height: 518px;
    overflow: hidden;
    width: 96%;
}

#dv_scroll .Scroller-Container {
    width: 100%;
}

#dv_scroll_bar {
    position: absolute;
    right: 0;
    top: 10px;
    width: 6px;
    height: 480px;
    border-left: 1px solid #fff;
}

#dv_scroll_bar .Scrollbar-Track {
    position: absolute;
    left: 0;
    top: 20px;
    width: 6px;
    height: 270px;
}

#dv_scroll_bar .Scrollbar-Handle {
    position: absolute;
    left: 0px;
    top: 0;
    width: 5px;
    height: 80px;
    overflow: hidden;
    background: rgba(235, 235, 235, 1);
    cursor: pointer;
}

#dv_scroll_text {
    position: absolute;
}


.s_pyr1 {
    width: 96%;
    height: 518px;
    float: left;
    border-radius: 10px;
    padding: 2% 1%;
    position: relative;
    overflow: hidden;
    background: #fff;
    box-shadow: 0px 1px 10px rgba(247, 88, 85, .2);
}


.s_pyr1_list {
    width: 98%;
    float: left;
    margin: 0 0 0 2%;
    position: relative;
    overflow: hidden;
}

.s_pyr1_list ul {
    width: 100%;
    float: left;
    position: relative;
}

.s_pyr1_list ul li {
    width: 100%;
    height: auto;
    float: left;
    margin: 1% 0 2.1% 0;
    border-radius: 10px;
    position: relative;
    z-index: 13;
    overflow: hidden;
}


.s_pyr1_list ul li img {
    width: 100%;
    height: auto;
    float: left;
    border-radius: 10px;
    position: relative;
    z-index: 3;
}


.pyr_txt {
    width: 100%;
    height: 30px;
    float: left;
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: 0;
    background: linear-gradient(10deg, transparent 0%, rgba(72, 26, 25, 1) 14%);
    font-family: SourceHanSansSC-Medium;
    text-indent: 20px;
    font-size: 14px;
    color: #fff;
    text-align: left;
    line-height: 30px;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}






.s_pyr2 {
    width: 100%;
    height: auto;
    float: left;
    margin: 5% 0 3% 0;
}


.s_pyr2_bt {
    width: 100%;
    height: 40px;
    float: left;
    margin: 1% 0;
    font-family: SourceHanSansSC-Medium;
    font-size: 30px;
    color: rgba(41, 38, 45, 1);
    text-align: left;
    line-height: 40px;
    font-weight: bold;
}


.s_lsyin {
    width: 100%;
    float: left;
}


.s_lsyin ul {
    width: 100%;
    float: left;
    margin: 2% 0 1% 0;
}


.s_lsyin ul li {
    width: 100%;
    max-width: 350px;
    height: auto;
    float: left;
    margin: 1% 0 3% 0;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 1px 10px rgba(247, 88, 85, .2);
    position: relative;
    z-index: 22;
    overflow: hidden;
}


.s_lsyin ul li dl {
    width: 94%;
    max-width: 320px;
    float: left;
    margin: 20px 0 0 12px;
}

.s_lsyin ul li dl dd {
    width: 100%;
    height: 32px;
    float: left;
    margin: 5px 0 10px 0;
    background: #fff;
    border: 1px solid rgba(39, 42, 48, 0.5);
    border-radius: 4px;
}


.s_lsyin ul li dl dd font {
    width: 80%;
    padding: 0 0 0 4%;
    height: 30px;
    float: left;
    font-family: SourceHanSansSC-Medium;
    font-size: 14px;
    color: #272A30;
    text-align: left;
    line-height: 30px;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
}

.s_lsyin ul li dl dd .ebof {
    width: 20px;
    height: 20px;
    float: right;
    margin: 8px 10px 0 5px;
    background: url(../images/z015.png) no-repeat left bottom transparent;
    background-size: 100%;
    border: none;
    text-indent: -9999px;
}


.s_lsyin ul li ol {
    float: left;
    width: 236px;
}

.s_lsyin ul li ol dt {
    float: left;
    margin: 10px 8px 0 0px;
    font-family: SourceHanSansSC-Medium;
    font-size: 18px;
    color: #666;
    text-align: center;
    line-height: 22px;
    font-weight: bold;
}

.s_lsyin ul li ol dt b {
    font-style: normal;
    font-family: SourceHanSansSC-Medium;
    font-size: 23px;
    color: #F75855;
}


.s_lsyin ul li .lmore {
    width: 90px;
    height: auto;
    float: right;
    margin: 5px -8px 10px 0;
}


.lsy_pic {
    width: 49px;
    height: 41px;
    float: left;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
}

.lsy_title {
    width: 100%;
    height: auto;
    padding: 5px 0 10px 0;
    float: left;
    background: #F75855;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: relative;
    z-index: 4;
}

.lsy_title .eimg1 {
    width: 70px;
    float: left;
    margin: 20px 10px 0 20px;
    border-radius: 50%;
}

.lsy_title .eimg1 img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    object-fit: cover;
}
.layui-layer{
    background-color: #fff !important;
}
.user_center .upload_file{
    margin-left: initial !important;
}
.lsy_bt {
    width: 68%;
    float: left;
    margin: 2% 0 1% 0;
}

.lsy_bt h5 {
    width: 100%;
    height: 30px;
    float: left;
    margin: 10px 0 10px 0;
    font-size: 14px;
    color: #fff;
    text-align: left;
    line-height: 30px;
    font-weight: normal;
    white-space: nowrap;
}


.lsy_bt h5 font {
    float: left;
    font-size: 18px;
    max-width: 100px;
    color: #fff;
        text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
    line-height: 30px;
    font-weight: normal;
}


.lsy_bt h5 em {
    float: left;
    margin: 4px 0 0 10px;
    width: auto;
    height: 20px;
    font-size: 14px;
    color: #6A3200;
    text-align: center;
    padding: 0 5px;
    line-height: 20px;
    font-weight: normal;
    border-radius: 4px;
    background: #FFB777;
    font-style: normal;
}

.lsy_bt h6 {
    width: 100%;
    height: 30px;
    float: left;
    margin: 0px 0 10px 0;
    font-size: 14px;
    color: rgba(255, 255, 255, .5) !important;
    text-align: left;
    line-height: 30px;
    font-weight: normal;
}

.lsy1 {
    width: 20px;
    height: 19px;
    float: right;
    margin: 5px 0 0 0;
}

.lsy2 {
    width: 20px;
    height: 19px;
    float: right;
    margin: 5px 0 0 0;
}


.lsy_font {
    width: 80%;
    height: 30px;
    float: left;
    margin: 0 0 0 8%;
    font-size: 14px;
    color: rgba(255, 255, 255, .5) !important;
    text-align: left;
    line-height: 30px;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}


/* 个人弹窗  */


.ebox3 {
    width: 100%;
    height: 100%;
    float: left;
    background: rgba(39, 42, 48, 0.5);
    position: fixed;
    z-index: 333;
    left: 0;
    top: 0;
    display: none;
}

.pylbox {
    width: 64%;
    max-width: 660px;
    height: 680px;
    float: left;
    background: #fff;
    border: none;
    border-radius: 0px;
    position: absolute;
    left: 30%;
    top: 10%;
}

.pylt .guan {
    float: right;
    margin: 0px;
    width: 25px;
    position: absolute;
    z-index: 15;
    top: 10px;
    right: 10px;
}

.pylt .guan img {
    border: none;
}

.pylt {
    width: 100%;
    height: 160px;
    float: left;
    background: url(../images/bgyc.jpg) no-repeat center bottom;
    background-size: 100% 100%;
    position: relative;
    z-index: 10;
}


.pylt img {
    display: block;
    margin: 2% auto 1% auto;
    border: 1px solid #fff;
    border-radius: 50%;
}

.pylt h3 {
    width: 80%;
    margin: 0 0 0 10%;
    height: 30px;
    float: left;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
}

.pylt font {
    width: 80%;
    margin: 0 0 0 10%;
    height: 20px;
    float: left;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
    text-align: center;
    line-height: 20px;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}

.pxiang {
    width: 90%;
    height: 440px;
    background: rgba(0, 0, 0, 0);
    float: left;
    margin: 3%;
    padding: 2%;
    font-size: 16px;
    color: #000;
    text-align: left;
    line-height: 30px;
    font-weight: normal;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
}


.pxiang h4 {
    width: 100%;
    height: auto;
    float: left;
    margin: 10px 0;
    font-size: 18px;
    color: #000;
    text-align: left;
    line-height: 30px;
    font-weight: bold;
}


.pxiang h4 font {
    width: 4px;
    height: 18px;
    float: left;
    background: rgba(255, 61, 51, 1);
    border-radius: 4px;
    margin: 7px 5px 0 4px;
}



/*广告促销*/


.s_banner {
    width: 100%;
    height: 320px;
    float: left;
    position: relative;
    z-index: 15;
    overflow: hidden;
}


.s_bann_txt {
    width: 100%;
    height: 320px;
    float: left;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    background: rgba(39, 13, 13, .9);
    overflow: hidden;
}

.ban_wenzi {
    width: 780px;
    display: block;
    margin: 0 auto;
    padding: 30px 0 20px 0;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
    text-align: center;
    line-height: 28px;
    font-weight: normal;
}

.ban_wenzi h4 {
    width: 100%;
    float: left;
    margin: 10px 0 30px 0;
    font-size: 60px;
    color: #fff;
    text-align: center;
    line-height: 80px;
    font-weight: bold;
}


.s_banner img {
    width: 100%;
    height: 320px;
    position: relative;
    z-index: 4;
}


.s_hyin {
    width: 100%;
    float: left;
    margin: 20px 0 0 0;
    background: rgba(0, 0, 0, 0);
}

.s_hyin h4 {
    width: 100%;
    height: auto;
    float: left;
    margin: 10px 0;
    font-size: 24px;
    color: #000;
    text-align: left;
    line-height: 50px;
    font-weight: bold;
}



.s_gtxbox {
    width: 98%;
    float: left;
    margin: 10px 0;
    background: rgba(122, 233, 222, 0);
}

.s_gtxbox dl {
    width: 100%;
    float: left;
    margin: 10px 0;
}

.s_gtxbox dl dt {
    width: 90%;
    min-height: 40px;
    float: left;
    background: rgba(0, 0, 0, 0);
}


.s_gtxbox dl dt ul {
    width: 100%;
    float: left;
    margin: 0 0 0 -15px;
}


.s_gtxbox dl dt ul li {
    width: auto;
    float: left;
    margin: 0 16px 10px 16px;
}

.s_gtxbox dl dt ul li a {
    float: left;
    padding: 0 20px;
    font-size: 18px;
    color: #272a30;
    line-height: 40px;
    text-align: center;
    font-weight: bold;
    background: #f6f7fc;
    border-radius: 30px;
}

.s_gtxbox dl dt ul li a:hover,
.s_gtxbox dl dt ul li a.xhov {
    color: #fff;
    background: #272a30;
    border-radius: 30px;
}


.s_gtxbox dl .mmore1 {
    width: 80px;
    height: 40px;
    background: #f6f7fc;
    border-radius: 30px;
    padding: 0 20px;
    float: right;
    margin: 0 0px 0 10px;
}


.img11 {
    float: left;
    margin: 4px 0 0 0;
    display: block;
    opacity: .8;
}

.img12 {
    float: left;
    margin: 4px 0 0 0;
    display: block;
    opacity: .8;
}

.s_gtxbox dl dt .gquan1 {
    width: 100%;
    float: left;
}



.s_guangx {
    width: 100%;
    min-height: 110px;
    float: left;
    margin: 1% 0% 1% 0;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0px 1px 10px rgba(247, 88, 85, .2);
    position: relative;
    z-index: 12;
    overflow: hidden;
}


.s_guangx_bt {
    width: 100%;
    height: 90px;
    float: left;
    background: url(../images/z427.jpg) no-repeat center top;
    background-size: cover;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.s_guangx_bt h5 {
    float: left;
    width: auto;
    padding: 0 30px;
    font-size: 30px;
    color: #fff;
    line-height: 90px;
    text-align: left;
    font-weight: bold;
}

.s_guangx_bt h6 {
    float: right;
    width: auto;
    padding: 0 30px;
    font-size: 25px;
    color: #fff;
    line-height: 90px;
    text-align: left;
    font-weight: bold;
}



.s_gcux {
    width: 98%;
    min-height: 200px;
    float: left;
    margin: 3% 0% 4% 1%;
    position: relative;
    z-index: 22;
    overflow: hidden;
}

.s_gcux ol {
    width: 100%;
    float: left;
}

.s_gcux ol li {
    width: 100%;
    height: 70px;
    float: left;
    background: #fff;
    overflow: hidden;
}


.s_gcux ol li:nth-child(odd) {
    width: 100%;
    height: 70px;
    float: left;
    background: #f6f7fc;
}

.s_gcux ol li:nth-child(even) {
    width: 100%;
    height: 70px;
    float: left;
    background: #fff;
}

.s_gcux ol li dl {
    width: 100%;
    height: 70px;
    float: left;
}

.s_gcux ol li dl dd {
    width: 40%;
    height: 70px;
    float: left;
    margin: 0 3% 0 5%;
    font-size: 18px;
    line-height: 70px;
    font-family: SourceHanSansSC-Medium;
    color: #333;
    text-align: left;
    overflow: hidden;
}

.s_gcux ol li dl dd .cximg {
    float: left;
    margin: 26px 10px;
}

.s_gcux ol li dl dd .gcxz {
    float: right;
    font-size: 16px;
    color: rgba(61, 61, 61, .6);
    text-align: center;
    line-height: 70px;
    font-weight: bold;
    text-decoration: underline;
}

.s_gcux ol li dl dd .name{width:72%; overflow:hidden; height: 70px;}


.s_gcux ol li dl dd  .gcxz:hover{color:#F75855;}

.s_cuxiao {
    width: 100%;
    float: left;
    margin: 1% 0;
}


.s_cuxiao ul {
    width: 98%;
    float: left;
    margin: 1% 0% 0 1%;
}


.s_cuxiao ul li {
    width: 16%;
    float: left;
    margin: 1% 3% 1% 1%;
}

.s_cuxiao ul li img {
    width: 80px;
    height: 80px;
    display: block;
    margin: 0 auto;
}


.s_cuxiao ul li font {
    float: right;
    width: 100%;
    height: 40px;
    margin: 5% 0 0 0;
    font-family: SourceHanSansSC-Medium;
    font-size: 26px;
    color: rgba(39, 42, 48, 1);
    text-align: center;
    line-height: 40px;
    font-weight: bold;
}




.s_cxguang {
    width: 100%;
    float: left;
    margin: 0% 0% 1% -1%;
    position: relative;
    z-index: 22;
    border-radius: 10px;
}

.s_cxguang img {
    width: 102%;
    border-radius: 10px;
}


/* 人工翻译 */



.s_ren_txt {
    width: 100%;
    height: 320px;
    float: left;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    background: rgba(39, 13, 13, 0);
    overflow: hidden;
}

.ren_wenzi {
    width: 780px;
    display: block;
    margin: 0 auto;
    padding: 80px 0 10px 0;
    font-size: 22px;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    line-height: 28px;
    font-weight: normal;
}

.ren_wenzi h4 {
    width: 100%;
    float: left;
    margin: 10px 0 30px 0;
    font-family: 'CKTAlibabaPuHuiTi-Heavy';
    font-size: 60px;
    color: #fff;
    text-align: center;
    line-height: 80px;
    font-weight: bold;
}

.s_rfbox {
    width: 100%;
    float: left;
    padding: 3% 0;
    background: #f6f6f6;
    overflow: hidden;
}

.s_fybg1 {
    width: 100%;
    height: auto;
    min-height: 120px;
    float: left;
    background: #fff;
    border: none;
    border-radius: 20px;
    margin: 1% 0 3% 0;
    box-shadow: 0px 1px 10px rgba(247, 88, 85, .2);
    overflow: hidden;
}


.s_fybg1_bt {
    width: 100%;
    height: 80px;
    float: left;
    border-bottom: 1px solid #f1f1f1;
    font-size: 30px;
    color: rgba(41, 38, 45, 1);
    text-align: left;
    line-height: 80px;
    font-weight: bold;
}

.s_fybg1_bt img {
    width: 26px;
    float: left;
    margin: 28px 10px 0 30px;
}

.s_rgfanyi {
    width: 96%;
    float: left;
    margin: .5% 0 .5% 2%;
}

.s_rgfanyi ul {
    width: 100%;
    float: left;
}

.s_rgfanyi ul li {
    width: auto;
    float: left;
    height: 40px;
    margin: 0.5% 1%;
}

.s_rgfanyi ul li a {
    width: auto;
    float: left;
    padding: 0 10px;
    height: 40px;
    font-size: 16px;
    color: rgba(61, 61, 61, .8);
    text-align: center;
    line-height: 40px;
    font-weight: bold;
}

.s_rgfanyi ul li a:hover {
    color: rgba(247, 88, 85, 1);
}



.s_fylx {
    width: 94%;
    float: left;
    margin: 2% 0 1% 2%;
}

.s_fylx ul {
    width: 100%;
    float: left;
}

.s_fylx ul li {
    width: auto;
    float: left;
    height: 40px;
    margin: 1% 2%;
}

.s_fylx ul li a {
    width: auto;
    float: left;
    padding: 0 10px;
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    height: 40px;
    font-family: SourceHanSansSC-Medium;
    font-size: 16px;
    color: rgba(61, 61, 61, .8);
    text-align: center;
    line-height: 40px;
    font-weight: bold;
}

.s_fylx ul li a:hover {
    color: rgba(247, 88, 85, 1);
}



.s_fylx font {
    width: 100%;
    float: left;
    margin: 1% 0 1% 0%;
    font-size: 14px;
    color: rgba(61, 61, 61, .6);
    text-align: center;
    line-height: 30px;
    font-weight: bold;
}


.s_fylc {
    width: 94%;
    float: left;
    margin: 1% 0 1% 3%;
}

.s_fylc img {
    width: 100%;
    display: block;
    margin: 0 auto;
}


.s_fyhj {
    width: 94%;
    float: left;
    margin: 1% 0 1% 2%;
}

.s_fyhj img {
    width: 100%;
    display: block;
    margin: 0 auto;
}



.s_fyys {
    width: 94%;
    float: left;
    margin: 1% 0 1% 3%;
}

.s_fyys img {
    width: 300px;
    float: left;
    margin: 10px 10px 0 10px;
}


.s_fyys_txt {
    width: 70%;
    float: left;
    margin: 2% 0 3% 0;
    font-size: 16px;
    color: rgba(61, 61, 61, 1);
    text-align: left;
    line-height: 40px;
    font-weight: bold;
}

.s_fyys_txt font {
    width: 14px;
    height: 14px;
    float: left;
    margin: 12px 10px 0 0;
    background: #333;
    border-radius: 50%;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 14px;
    font-weight: normal;
}



.s_fybao {
    width: 90%;
    float: left;
    margin: 2% 0 3% 3%;
    font-size: 18px;
    color: rgba(61, 61, 61, .5);
    text-align: left;
    line-height: 40px;
    font-weight: bold;
}

.s_fybao h4 {
    width: 100%;
    float: left;
    font-size: 20px;
    color: rgba(61, 61, 61, 1);
    text-align: left;
    line-height: 38px;
    font-weight: bold;
}

/* 视频后期  */

.s_houbann {
    width: 100%;
    height: 450px;
    float: left;
    position: relative;
    z-index: 12;
    overflow: hidden;
}


.s_hban_txt {
    width: 100%;
    height: 450px;
    float: left;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    background: rgba(39, 13, 13, .9);
    overflow: hidden;
}


.houqi_wenzi {
    width: 900px;
    display: block;
    margin: 0 auto;
    padding: 30px 0 20px 0;
    font-size: 22px;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    line-height: 30px;
    font-weight: normal;
}

.houqi_wenzi h4 {
    width: 100%;
    float: left;
    margin: 20px 0 30px 0;
    font-size: 54px;
    color: #fff;
    text-align: center;
    line-height: 60px;
    font-weight: bold;
}



.s_hqlx {
    width: 680px;
    height: 184px;
    float: left;
    background: transparent;
    border: 4px solid #fff;
    margin: 3% 0 2% 0;
}


.s_hqlx h3 {
    width: 100%;
    float: left;
    margin: 20px 0 0px 0;
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 35px;
    font-weight: normal;
}

.s_hqlx h5 {
    width: 100%;
    float: left;
    margin: 10px 0 20px 0;
    font-size: 28px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
}


.s_hqlx h6 {
    width: 420px;
    float: none;
    margin: 10px auto;
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    font-weight: normal;
}

.s_hqlx h6 img {
    float: left;
    display: inline-block;
    margin: 5px 10px;
}

.s_hqlx h6 font {
    float: left;
    font-size: 24px;
    color: #fff;
    display: inline-block;
    margin: 5px auto;
    text-align: center;
    line-height: 40px;
    font-weight: normal;
}

.s_hwxin {
    width: 180px;
    height: 180px;
    float: right;
    margin: 3% 0 0 0;
    background: #fff;
    padding: 6px;
}

.s_hwxin img {
    width: 100%;
}


.s_ywja_bg {
    width: 100%;
    float: left;
    padding: 3% 0;
}


.s_ywja {
    width: 100%;
    float: left;
}


.s_ywja ul {
    width: 100%;
    float: left;
}


.s_ywja ul li {
    width: 26%;
    height: 80px;
    float: left;
    margin: 1% 2% 1% 0;
    background: #fff;
    padding: 4% 2%;
    border-radius: 10px;
    box-shadow: 0px 1px 10px rgba(247, 88, 85, .2);
}


.s_ywja ul li img {
    float: left;
    margin: 20px 20px 0 0;
}


.s_ywja ul li font {
    width: auto;
    float: right;
    margin: 0 1% 0 2%;
    font-size: 24px;
    color: #333;
    text-align: left;
    line-height: 40px;
    font-weight: bold;
    position: relative;
}


.s_ywja ul li font:after {
    width: 150px;
    height: 6px;
    float: left;
    background: #f75855;
    border-radius: 4px;
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
}

.s_ywja_img {
    width: 94%;
    float: left;
    margin: .5% 0 1% 3%;
}


.s_ywja_img img {
    width: 100%;
    display: block;
    margin: 0 auto;
}

/* 视频后期 案例展示  */

.s_albg {
    width: 100%;
    float: left;
    padding: 1% 0;
    background: #fff;
}

.s_spalbg {
    width: 100%;
    float: left;
    padding: 1% 0;
    background: #f6f6f6;
}

.s_spal {
    width: 100%;
    max-width: 1400px;
    float: none;
    display: block;
    margin: 0 auto;
}


.s_spal ol {
    width: 100%;
    float: left;
}

.s_spal ol li {
    width: 24%;
    max-width: 340px;
    height: 320px;
    float: left;
    margin: 1% 1% 1% 0;
   /* background: #fff;
    border-radius: 10px;
    box-shadow: 0px 1px 10px rgba(247, 88, 85, .2);*/
    overflow: hidden;
}




.s_spal ol li .soxh {
    width: 99%; 
    height: 310px;
    float: left;
    margin:1% .6% 0% .4%;
    background: #fff;
    border-radius: 10px; 
    box-shadow: 0px 1px 10px 1px rgba(247, 88, 85, .2);
    position: relative;
    z-index: 22;
    overflow: hidden;
	transition:all 0.4s e;
-ms-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
-webkit-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
}

 
.s_spal ol li:hover  .soxh { 
    float: left;
    margin:0% .6% 0% .4%;
    background: #fff;
    border-radius: 10px; 
    box-shadow: 0px 1px 10px 1px rgba(247, 88, 85, .6); 
	transition:all 0.4s e;
-ms-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
-webkit-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
}
 


.s_spimg {
    width: 100%;
    float: left;
    height: 200px;
    position: relative;
    z-index: 12;
    overflow: hidden;
}



.s_spimg .limg1 {
    width: 100%;
    height: 200px;
    float: left;
    border-radius: 10px;
    position: relative;
    z-index: 3;
}


.s_spimg .cgbox1 {
    width: 100%;
    height: 200px;
    float: left;
    background: rgba(0, 0, 0, 0);
    border-radius: 0px;
    position: absolute;
    z-index: 15;
    left: 0;
    top: 0;
    opacity: 1;
}


.s_spal ul li:hover .s_spimg .cgbox1 {
    width: 100%;
    height: 200px;
    float: left;
    background: rgba(0, 0, 0, .2);
    border-radius: :0px;
    position: absolute;
    z-index: 15;
    left: 0;
    top: 0;
    opacity: 1;
}

.s_spimg .cgbox1 .gimg {
    width: 40px;
    height: 40px;
    float: left;
    position: absolute;
    z-index: 18;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}



.s_spal ol li h4 {
    width: 90%;
    float: left;
    margin: 3% 1% 0 4%;
    font-size: 20px;
    color: rgba(61, 61, 61, 1);
    text-align: left;
    line-height: 40px;
    font-weight: bold;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
}



.s_spal ol li font {
    width: 90%;
    float: left;
    height: 48px;
    margin: 0% 1% 0 4%;
    font-size: 20px;
    color: rgba(61, 61, 61, 1);
    text-align: left;
    line-height:24px;
    font-weight: normal;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
}


.s_spxm {
    width: 100%;
    float: left;
    min-height: 600px;
    background: url(../images/z379.jpg) no-repeat center top;
    margin: 0 0 2% 0;
}

.s_xiangmu {
    width: 100%;
    max-width: 1400px;
    float: none;
    display: block;
    margin: 18px auto;
}


.s_xiangmu ol {
    width: 100%;
    float: left;
}


.s_xiangmu ol li {
    width: 33.33%;
    height: 260px;
    float: left;
    background: #fff;
}


.s_xiangmu ol li h3 {
    width: 92%;
    float: left;
    margin: 3% 0 1% 4%;
    height: 40px;
    background: transparent;
    font-size: 24px;
    color: #333;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
}


.s_xiangmu ol li h4 {
    width: 94%;
    float: left;
    margin: 1% 0 1% 3%;
    height: 120px;
    font-size: 18px;
    color: #333;
    text-align: left;
    line-height: 30px;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}


.s_xiangmu ol li:nth-child(2n) {
    width: 33.33%;
    height: 260px;
    float: left;
    background: #F75855;
}


.s_xiangmu ol li:nth-child(2n) h3 {
    width: 92%;
    float: left;
    margin: 3% 0 1% 4%;
    height: 40px;
    background: transparent;
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
}


.s_xiangmu ol li:nth-child(2n) h4 {
    width: 94%;
    float: left;
    margin: 1% 0 1% 3%;
    height: 120px;
    font-size: 18px;
    color: #fff;
    text-align: left;
    line-height: 30px;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}



/* 音乐素材  */

.suc_wenzi {
    width: 780px;
    display: block;
    margin: 0 auto;
    padding: 30px 0 20px 0;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
    text-align: center;
    line-height: 28px;
    font-weight: normal;
}

.suc_wenzi h4 {
    width: 100%;
    float: left;
    margin: 40px 0 20px 0;
    font-size: 40px;
    color: #fff;
    text-align: center;
    line-height: 60px;
    font-weight: bold;
}

.sucai_bg {
    width: 100%;
    float: left;
    padding: 1% 0;
}


.su_jxgq {
    width: 100%;
    float: left;
    padding: 1% 0;
}


.jxgq_bt {
    width: 100%;
    float: left;
    height: 60px;
}

.jxgq_bt h3 {
    float: left;
    font-size: 40px;
    color: #272A30;
    text-align: left;
    font-family: SourceHanSansSC-Medium;
    line-height: 40px;
    font-weight: bold;
}

.jxgq_bt font {
    float: left;
    height: 30px;
    margin: 10px 0px 0 10px;
    padding: 0 20px;
    background: #F6F7FC;
    border-radius: 20px;
    font-family: SourceHanSansSC-Medium;
    font-size: 18px;
    color: #5D5F64;
    text-align: center;
    line-height: 30px;
    font-weight: bold;
}

.jxgq_bt h4 {
    float: right;
    margin: 10px 0px 0 10px;
}

.jxgq_bt h4 a {
    width: 80px;
    height: 30px;
    float: left;
    background: #fff;
    font-family: SourceHanSansSC-Regular;
    font-size: 16px;
    color: rgba(147, 148, 151, 1);
    text-align: center;
    line-height: 30px;
    font-weight: normal;
}


.jxgqimg {
    width: 100%;
    float: left;
    padding: 0% 0;
}


.jxgqimg ol {
    width: 100%;
    /*float: left;*/
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 40px;
}


.jxgqimg ol li {
    width: 100%
    /*max-width: 270px;*/
    height:290px;
    float: left;
    margin: 0% 3% 2% 0;
    /*background: #fff;
    border-radius: 10px;
    box-shadow: 0px 1px 10px rgba(247, 88, 85, .2);*/
}

.jxgqimg ol li:nth-child(5n) {
    margin: 0% 0% 2% 0;
}


.jxgqimg ol li .zsoxs {
    width: 99%; 
    height: 280px;
    float: left;
    margin:1% .6% 0% .4%;
    background: #fff;
    border-radius: 10px; 
    box-shadow: 0px 1px 10px 1px rgba(247, 88, 85, .2);
    position: relative;
    z-index: 22;
    overflow: hidden;
	transition:all 0.4s e;
-ms-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
-webkit-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
}

 
 .jxgqimg ol  li:hover  .zsoxs { 
    float: left;
    margin:0% .6% 0% .4%;
    background: #fff;
    border-radius: 10px; 
    box-shadow: 0px 1px 10px 1px rgba(247, 88, 85, .6); 
	transition:all 0.4s e;
-ms-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
-webkit-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
}
 



.jxgqimg ol li img {
    width: 100%;
    float: left;
    border-radius: 10px;
}

.jxgqimg ol li font {
    width: 100%;
    height: 40px;
    float: left;
    font-family: SourceHanSansSC-Medium;
    font-size: 20px;
    color: rgba(39, 42, 48, 1);
    text-align: center;
    line-height: 40px;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
}

.su_jxqx {
    width: 100%;
    float: left;
    padding: 1% 0;
}

.qxu_list {
 width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
}


.qxu_list dl {
    width: 108%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.qxu_list dl dt {
    width: 14%;
    max-width: 180px;
    float: left;
    height: 90px;
    margin: 10px 1.3% 10px 0;
    position: relative;
    overflow: hidden;
}


.qxu_list dl dt .ximgc {
    width: 100%;
    height: 90px;
    float: left;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    overflow: hidden;
}

.qxu_list dl dt .ximgc font {
    width: auto;
    padding: 0 20px;
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 90px;
    font-weight: normal;
}

.qxu_list dl dt img {
    width: 100%;
    height: 90px;
    float: left;
    position: relative;
    z-index: 3;
}


.s_rmxz {
    width: 100%;
    float: left;
}

.s_rmxz dl {
    width: 100%;
    float: left;
}

.s_rmxz dl dt {
    width: 32%;
    max-width: 492px;
    height: 140px;
    float: left;
    margin: 1% 2% 1% 0;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 1px 10px rgba(247, 88, 85, .2);
}

.s_rmxz dl dt:nth-child(3n) {
    margin: 1% 0;
}


.xzbox {
    width: 80px;
    height: 80px;
    float: left;
    margin: 10px 0 0 10px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}

.xzbox img {
    float: left;
    position: absolute;
    z-index: 18;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.xzgox {
    width: 80px;
    height: 80px;
    float: left;
    background: rgba(0, 0, 0, 0);
    border-radius: 10px;
    position: absolute;
    z-index: 22;
    left: 0;
    top: 0;
    overflow: hidden;
}


.xztxt {
    width: 76%;
    height: 88px;
    float: left;
    background: rgba(0, 0, 0, 0);
    margin: 0 0 0 3%;
    overflow: hidden;
}

.xztxt h3 {
    width: 100%;
    height: 30px;
    float: left;
    margin: 12px 0 0 0px;
    overflow: hidden;
}

.xztxt h3 font {
    width: 86%;
    height: 30px;
    float: left;
    font-family: SourceHanSansSC-Medium;
    font-size: 16px;
    color: #272A30;
    text-align: left;
    line-height: 30px;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
}


.xztxt h3 .xcz {
    width: 20px;
    height: 20px;
    float: right;
    margin: 2px 0 0 5px;
}


.xztxt h3 .xcz img {
    width: 20px;
}

.xztxt h4 {
    width: 100%;
    height: 44px;
    float: left;
    margin: 5px 0 0px 0;
}

.xztxt h4 img {
    width: 170px;
    float: left;
    margin:6px 5px
}

.xztxt h4 font {
    float: left;
	height:34px;
    font-family: SourceHanSansSC-Medium;
    font-size: 14px;
    color: rgba(39, 42, 48, 1);
    text-align: left;
    line-height: 34px;
    font-weight: normal;
}

.xztxt h4 .xiaz {
    width: 76px;
    height: 34px;
    float: right;
    background: #F75855;
    border-radius: 4px;
    font-family: SourceHanSansSC-Medium;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 34px;
    font-weight: normal;
}

.xzqw {
    float: left;
    height: 34px;
    margin: 10px 10px 10px 10px;
    background: #F5F7FC;
    border-radius: 20px;
    padding: 0 20px;
    font-family: SourceHanSansSC-Medium;
    font-size: 16px;
    color: rgba(39, 42, 48, 1);
    text-align: center;
    line-height: 34px;
    font-weight: normal;
}




/* 配音案例--配音方案  */

.fa_wenzi {
    width: 780px;
    display: block;
    margin: 0 auto;
    padding: 20px 0 20px 0;
    font-size: 22px;
    color: rgba(255, 255, 255, 0.5);
    text-align: center;
    line-height: 40px;
    font-weight: normal;
}

.fa_wenzi h4 {
    width: 100%;
    float: left;
    margin: 80px 0 20px 0;
    font-size: 54px;
    color: #fff;
    text-align: center;
    line-height: 70px;
    font-weight: bold;
}


.s_cases {
    width: 100%;
    float: left;
    padding: 1% 0;
}


.pyca_bt {
    width: 100%;
    float: left;
    height: 50px;
}

.pyca_bt h3 {
    float: left;
    font-family: SourceHanSansSC-Medium;
    font-size: 40px;
    color: #272A30;
    text-align: left;
    line-height: 40px;
    font-weight: bold;
}

.pyca_bt ol {
    float: left;
    margin: 0 0 0 20px
}

.pyca_bt ol li {
    float: left;
    height: 38px;
    margin: 4px 10px 10px 10px;
}

.pyca_bt ol li a {
    float: left;
    height: 38px;
    background: #F5F7FC;
    border-radius: 20px;
    padding: 0 20px;
    font-family: SourceHanSansSC-Medium;
    font-size: 16px;
    color: #333;
    text-align: center;
    line-height: 38px;
    font-weight: bold;
}


.pyca_bt ol li a:hover,
.pyca_bt ol li a.chov {
    background: #272A30;
    color: #fff;
}


.s_cpic {
    width: 100%;
    float: left;
    padding: 1% 0;
}

.s_cpic ol {
    width: 102%;
    float: left;
}

.s_cpic ol li {
    width: 18%;
    max-width: 280px;
    height:300px;
    float: left;
    margin: 0% 2% 2% 0;
    /*background: #fff;
    border-radius: 10px;
    box-shadow: 0px 1px 10px rgba(247, 88, 85, .2);*/
}

.s_cpic ol li:nth-child(5n) {
    margin: 0% 0% 2% 0;
}


.s_cpic ol li .soxc {
    width: 99%; 
    height: 290px;
    float: left;
    margin:1% .6% 0% .4%;
    background: #fff;
    border-radius: 10px; 
    box-shadow: 0px 1px 10px 1px rgba(247, 88, 85, .2);
    position: relative;
    z-index: 22;
    overflow: hidden;
	transition:all 0.4s e;
-ms-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
-webkit-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
}

 
.s_cpic ol  li:hover  .soxc { 
    float: left;
    margin:0% .6% 0% .4%;
    background: #fff;
    border-radius: 10px; 
    box-shadow: 0px 1px 10px 1px rgba(247, 88, 85, .6); 
	transition:all 0.4s e;
-ms-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
-webkit-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
}
 


.s_cpic ol li img {
    width: 100%;
    height: 170px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.s_cpic ol li h3 {
    width: 94%;
    height: 30px;
    float: left;
    margin: 12px 0 0 3%;
    font-family: SourceHanSansSC-bold;
    font-size: 20px;
    color: rgba(39, 42, 48, 1);
    text-align: left;
    line-height: 32px;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
}

.s_cpic ol li font {
    width: 94%;
    height: 46px;
    float: left;
    margin: 5px 0 20px 3%;
    font-family: SourceHanSansSC-Medium;
    font-size: 16px;
    color: rgba(61, 61, 61, .5);
    text-align: left;
    line-height: 23px;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
}



.cz_wenzi {
    width: 780px;
    display: block;
    margin: 0 auto;
    padding: 20px 0 20px 0;
    font-family: SourceHanSansSC-Medium;
    font-size: 22px;
    color: rgba(255, 255, 255, 0.5);
    text-align: center;
    line-height: 40px;
    font-weight: bold;
}

.cz_wenzi h4 {
    width: 100%;
    float: left;
    margin: 120px 0 20px 0;
    font-family: SourceHanSansSC-Medium;
    font-size: 54px;
    color: #fff;
    text-align: center;
    line-height: 70px;
    font-weight: bold;
}




.s_news {
    width: 100%;
    float: left;
    padding: 1% 0;
}

.s_news ol {
    float: left;
    width: 100%;
    margin: 0 0 0 0px
}

.s_news ol li {
    width: 100%;
    float: left;
    padding: 10px 0;
    border-bottom: 1px solid #E3E3E3;
}


.s_news ol li .imgos {
    width: 260px;
    height: 170px;
    float: left;
    margin:  10px;
    border-radius: 10px;
    overflow:hidden;
}


 	.s_news ol li  .imgos img {
			    width: 100%; display:block; margin:0; border:none;
			 transition:all 0.4s linear;
			-ms-transition:all 0.4s linear;
			-moz-transition:all 0.4s linear;
			-webkit-transition:all 0.4s linear;
			-o-transition:all 0.4s linear; }
			
			.s_news ol li:hover  .imgos img {transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); 
			transition:all 0.4s linear;-ms-transition:all 0.4s linear;
			-moz-transition:all 0.4s linear;-webkit-transition:all 0.4s linear;
			-o-transition:all 0.4s linear;}




.snew_txt {
    width: 80%;
    float: right;
}

.snew_txt h3 {
    width: 100%;
    height: 40px;
    float: left;
    margin: 5px 0 5px 0;
    font-size: 24px;
    color: #333;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
}

.snew_txt h4 {
    width: 100%;
    height: 60px;
    float: left;
    margin: 10px 0;
    font-size: 18px;
    color: #828183;
    text-align: left;
    line-height: 30px;
	font-weight: 200;
    text-overflow: ellipsis;
    overflow: hidden;
}

.snew_txt h5 {
    width: 100%;
    height: 30px;
    float: left;
    margin: 10px 0;
    font-size: 16px;
    color: #ccc;
    text-align: left;
    line-height: 30px;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}


.snew_txt h5 font {
    float: right;
    color: rgba(247, 88, 85, 1);
   
}



.show1 {
    width: 100%;
    max-width: 1180px;
    float: none;
    display: block;
    margin: 0 auto;
    padding: 0% 0;
    font-family: SourceHanSansSC-Medium;
    font-size: 16px;
    color: rgba(61, 61, 61, 1);
    text-align: left;
    line-height: 38px;
    font-weight: bold;
}


.show1 h3 {
    width: 100%;
    height: 40px;
    float: left;
    margin: 10px 0;
    font-family: SourceHanSansSC-Medium;
    font-size: 30px;
    color: rgba(61, 61, 61, 1);
    text-align: center;
    line-height: 40px;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
}

.show1 h4 {
    width: 100%;
    height: 30px;
    float: left;
    margin: 10px 0;
    font-family: SourceHanSansSC-Medium;
    font-size: 16px;
    color: rgba(61, 61, 61, 0.5);
    text-align: left;
    line-height: 30px;
    font-weight: normal;
    border-bottom: 1px solid rgba(247, 247, 247, 1);
    text-overflow: ellipsis;
    overflow: hidden;
}

.show1 h4 font {
    float: right;
}


.show1 img {
    display: block;
    margin: 0 auto;
}


.z_fenyefu {
    width: 100%;
    float: left;
    margin: 1% 0;
}

.z_fenyefu a {
    width: 100%;
    float: left;
    font-family: SourceHanSansSC-Medium;
    font-size: 18px;
    color: #3D3D3D;
    text-align: left;
    line-height: 40px;
    font-weight: normal;
    opacity: .8;
}


.z_fenyefu a:hover {
    color: #F75855;
}


/* 充值页面 */

.s_czbox1 {
    width: 100%;
    float: left;
    padding: 1% 0;
    background: #f6f6f6;
    0
}

.s_czbox1_bt {
    width: 100%;
    float: left;
    font-family: SourceHanSansSC-Medium;
    font-size: 40px;
    color: #3D3D3D;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
}


.s_czbox1_list {
    width: 100%;
    float: left;
    margin: 2% 0
}

.s_czbox1_list dl {
    width: 102%;
    float: left;
}


.s_czbox1_list dl dd {
    width: 30.8%;
    height: 200px;
    float: left;
    background: #fff;
    border: 4px solid #F75855;
    margin: 2% 2% 1% 0;
    border-radius: 10px;
    position: relative;
    z-index: 20;
}

.s_czbox1_list dl dd:nth-child(3n) {
    margin: 2% 0% 1% 0;
}


.s_czbox1_list dl dd .biaozhi {
    width: 160px;
    height: 40px;
    float: left;
    position: relative;
    z-index: 25;
    left: 0;
    top: -18px;
    background: #F75855;
    border-radius: 4px;
    font-size: 28px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    font-weight: normal;
}


.s_czbox1_list dl dd h4 {
    width: 100%;
    float: left;
    margin: 10px 0 0px 0;
    font-size: 24px;
    color: #272A30;
    text-align: center;
    line-height: 40px;
    font-weight: normal;
}

.s_czbox1_list dl dd h5 {
    width: 100%;
    float: left;
    margin: 20px 0 10px 0;
    font-size: 50px;
    color: #272A30;
    text-align: center;
    line-height: 60px;
    font-weight: bold;
}


.s_czbox1_list dl dd h5 font {
    padding: 20px 0 0 0;
    font-size: 30px;
    color: #272A30;
    text-align: center;
    line-height: 20px;
    font-weight: normal;
}


.s_czbox1_txt {
    width: 94%;
    float: left;
    margin: 20px 0px;
    background: #fff;
    padding: 3%;
}


.s_czbox1_txt ol {
    float: none;
    width: 80%;
    display: flex;
    margin: 0 auto;
}


.s_czbox1_txt ol li {
    width: 150px;
    height: 200px;
    float: none;
    display: inline-flex;
    margin: 1% 3%;
}

.s_czbox1_txt ol li a {
    width: 100%;
    float: left;
}


.s_czbox1_txt ol li a h5 {
    width: 100%;
    height: 150px;
    background: #F75855;
    border-radius: 10px;
    float: left;
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 150px;
    font-weight: normal;
}

.s_czbox1_txt ol li a font {
    width: 100%;
    float: left;
    font-size: 20px;
    color: #272A30;
    text-align: center;
    line-height: 30px;
    font-weight: normal;
}


.s_czbox1_txt ol li:nth-child(2) {
    width: 600px;
    height: 200px;
    float: none;
    display: inline-grid;
    margin: 1% 3%;
}


.s_czbox1_txt ol li:nth-child(2) h4 {
    width: 100%;
    float: left;
    margin: 30px auto 10px 0;
    font-size: 30px;
    color: #272A30;
    text-align: center;
    line-height: 50px;
    font-weight: bold;
}


.s_czbox1_txt ol li:nth-child(2) h5 {
    width: 100%;
    float: left;
    margin: 0px auto;
    font-size: 50px;
    color: #F75855;
    text-align: center;
    line-height: 50px;
    font-weight: bold;
}

.s_czbox1_txt ol li:nth-child(2) h5 font {
    padding: 10px 0 0 0;
    font-size: 30px;
}

.s_czbox2 {
    width: 100%;
    float: left;
    padding: 1% 0;
    background: #fff;
}


.s_czbox2_list {
    width: 100%;
    float: left;
    margin: 1% 0 3% 0;
}


.s_czbox2_list ol {
    width: 100%;
    float: left;
}


.s_czbox2_list ol li {
    width: 48%;
    float: left;
    margin: 1%;
}


.s_czbox2_list ol li img {
    width: 70px;
    height: 71px;
    float: left;
}

.s_czbox2_list ol li .s_ztxt {
    width: 82%;
    height: 80px;
    background: transparent;
    float: left;
    margin: 5px 0 5px 4%;
}

.s_ztxt h5 {
    width: 100%;
    height: 40px;
    float: left;
    font-size: 20px;
    color: #272A30;
    text-align: left;
    line-height: 40px;
    font-weight: bold;
}


.s_ztxt h6 {
    width: 100%;
    height: 40px;
    float: left;
    font-size: 18px;
    color: #272A30;
    text-align: left;
    line-height: 20px;
    font-weight: normal;
}


.s_czbox3 {
    width: 100%;
    float: left;
    padding: 3% 0;
    background: #f6f6f6;
}


.s_czbox3_bt {
    width: 100%;
    float: left;
    padding: 2% 0 0 0;
}


.s_czbox3_bt h5 {
    width: 100%;
    height: 40px;
    float: left;
    font-size: 40px;
    color: #272A30;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
}


.s_czbox3_bt h6 {
    width: 100%;
    height: 40px;
    float: left;
    font-size: 20px;
    color: #272A30;
    text-align: center;
    line-height: 30px;
    font-weight: normal;
}



.s_czbox4 {
    width: 100%;
    float: left;
    padding: 0% 0 5% 0;
    background: #fff;
}


.s_czbox4_img {
    width: 100%;
    float: left;
    margin: 3% 0;
}

.s_czbox4_img img {
    width: 100%;
    border-radius: 10px;
}

/* 专题片配音  */

.s_ztpbg {
    width: 100%;
    float: left;
    padding: 3% 0;
    background: #f6f6f6;
}

.s_zbg1 {
    width: 92%;
    float: left;
    padding: 3%;
    margin: 1% 0 2% 0;
    background: #fff;
    border-radius: 10px;
    font-size: 20px;
    color: #272A30;
    text-align: left;
    line-height: 40px;
    font-weight: bold;
}


.s_zbg2 {
    width: 98%;
    float: left;
    padding: 0 0 1% 0%;
    margin: 1% 0 2% 0;
    background: #fff;
    border-radius: 10px;
    font-size: 20px;
    color: #272A30;
    text-align: left;
    line-height: 40px;
    font-weight: bold;
}


.nApply {
    width: 100%;
    float: left;
    margin: 0;
    overflow: hidden overflow:hidden
}

.nApply .ApplyTitle {
    width: 100%;
    height: 80px;
    ;
    float: left;
    border-bottom: 1px solid #f6f6f6;
}

.nApply .ApplyTitle .atitle {
    float: left;
    padding: 0 30px;
    font-size: 30px;
    color: #272A30;
    text-align: left;
    line-height: 80px;
    font-weight: bold;
}

.nApply .ApplyTitle ol {
    float: right;
}

.nApply .ApplyTitle ol li {
    float: left;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    width: 80px;
    margin: 30px 20px 0 0;
    border: none;
    border-radius: 30px;
}

.nApply .ApplyTitle olli a {
    text-decoration: none;
}
.nApply .ApplyTitle .item {
    background: #f6f6f6;
    color: #272A30;
	font-weight:bold;
}

.nApply .ApplyTitle .active {
    background: #F75855;
    color: #fff;
	font-weight:bold;
}

.layui-tab-item{
    display: none;
}

.layui-tab-item.show{
    display: block;
}
.nApply .ApplyContent {
    clear: both;
    overflow: hidden;
    padding: 0px;
    min-height: 220px;
    width: 100%;
    float: left;
    margin: 0;
    display: block
}




.s_ztpx {
    width: 94%;
    min-height: 290px;
    float: left;
    margin: 0% 0% 2% 3%;
    position: relative;
    z-index: 22;
    overflow: hidden;
}

.s_ztpx dl {
    width: 100%;
    float: left;
}

.s_ztpx dl dd {
    width: 40%;
    height: 70px;
    float: left;
    padding: 0 5%;
    font-size: 16px;
    line-height: 70px;
    color: #333;
    text-align: left;
    font-weight: bold;
    border-bottom: 1px solid #f6f6f6;
    overflow: hidden;
}

.s_ztpx dl dd a {
    color: #333;
    float：right；
}

.s_ztpx dl dd a:hover {
    color: #F75855;
}
.layui-hide{
    display: none;
}
.video_dialog{
    background: #000 !important;
}
.video_dialog video{
    max-height: 600px;
}
.s_ztpx dl dd .name{width:80%;
    
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-right: 10px;
}

.s_ztpx dl dd .cximg {
    float: left;
    margin: 26px 10px;
}

.s_ztpx dl dd .gdcw {
    white-space: nowrap;
    float: right;
    font-size: 16px;
    color: rgba(61, 61, 61, .6);
    text-align: center;
    line-height: 70px;
    font-weight: normal;
}



.s_tjls {
    width: 96%;
    min-height: 140px;
    float: left;
    margin: 0% 0% 2% 3%;
    position: relative;
    z-index: 22;
    overflow: hidden;
}

.s_tjls dl {
    width: 100%;
    float: left;
}

.s_tjls dl dd {
    width: 23%;
    height: 320px;
    float: left;
    margin: 2% 1.6% 1% 0.2%;
    box-shadow: 1px 2px 5px 1px rgba(241, 70, 44, 0.10);
    overflow: hidden;
}
.s_tjls dl dd .ltsp {
    width: 100%;
    height: 170px;
    float: left; 
}

.s_tjls dl dd .ltxt {
    width: 100%;
    height: 30px;
    float: left;
    padding: 2% 0 1% 4%;
    font-size: 16px;
    color: #272A30;
    text-align: left;
    line-height: 30px;
    font-weight: bold;
	border-bottom:1px solid #f6f6f6;
}




.s_tjls dl dd .ltxt2 {
    width: 90%;
    height: 30px;
    float: left;
    margin: 2% 0 5% 4%;
}

.s_tjls dl dd .ltxt2 font {
    width: 80%;
    height: 30px;
    float: left;
    font-size: 16px;
    color: #272A30;
    text-align: left;
    line-height: 30px;
    font-weight: bold;
}


.s_tjls dl dd .ltxt2 img {
    width: 16px;
    float: right;
    margin: 8px 0 0 10px;
}


.zztk {
    width: 100px;
    display: block;
    margin: 0 auto;
}

.zztk a {
    width: 100%;
    height: 30px;
    float: left;
    background: #F75855;
    border-radius: 4px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-weight: normal;
}

.s_wntj {
    width: 100%;
    float: left;
}


.s_wntj ul {
    width: 100%;
    float: left;
    margin:1% 0 1% 0;
}


.s_wntj ul li {
    width: 23%;
    max-width: 350px;
    height: auto;
    float: left;
    margin: 1% 1% 3% 1%;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 1px 10px rgba(247, 88, 85, .2);
    position: relative;
    z-index: 22;
    overflow: hidden;
	 transition:all 0.4s ease;
-ms-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
-webkit-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
}


.s_wntj ul li dl {
    width: 94%;
    max-width: 320px;
    float: left;
    margin: 20px 0 0 12px;
}

.s_wntj ul li dl dd {
    width: 100%;
    height: 32px;
    float: left;
    margin: 5px 0 10px 0;
    background: #fff;
    border: 1px solid rgba(39, 42, 48, 0.5);
    border-radius: 4px;
}


.s_wntj ul li dl dd font {
    width: 80%;
    padding: 0 0 0 4%;
    height: 30px;
    float: left;
    font-size: 14px;
    color: #272A30;
    text-align: left;
    line-height: 30px;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
}

.s_wntj ul li dl dd .ebof {
    width: 20px;
    height: 20px;
    float: right;
    margin: 8px 10px 0 5px;
    background: url(../images/bfang.png) no-repeat left bottom transparent;
    background-size: 100%;
    border: none;
    text-indent: -9999px;
}


.s_wntj ul li ol {
    float: left;
    width: 180px;
}

.s_wntj ul li ol dt {
    float: left;
    margin: 10px 0 0 5px;
    font-size: 14px;
    color: #666;
    text-align: center;
    line-height: 22px;
    font-weight: normal;
}

.s_wntj ul li ol dt b {
    font-style: normal;
    font-size: 20px;
    color: #F75855;
}


.s_wntj ul li .lmore {
    width: 80px;
    height: auto;
    float: right;
    margin: 10px 0px 10px 0;
}

/* 视频案例 */

.shi_wenzi {
    width: 820px;
    display: block;
    margin: 0 auto;
    padding: 40px 0 10px 0;
    font-size: 16px;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    line-height: 28px;
    font-weight: normal;
}

.shi_wenzi h4 {
    width: 100%;
    float: left;
    margin: 80px 0 20px 0;
    font-size: 48px;
    color: #fff;
    text-align: center;
    line-height: 60px;
    font-weight: bold;
}

.shi_seach {
    width: 820px;
    height: 60px;
    float: left;
    margin: 10px 0;
    background: #fff;
    border-radius: 50px;
}

.s_sea1 {
    width: 80px;
    height: 34px;
    float: left;
    margin: 14px 20px 0 20px;
    background: #2E282C;
    border-radius: 40px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 34px;
    font-weight: normal;
}


.s_sea2 {
    width: 540px;
    height: 60px;
    float: left;
    margin: 0px;
    background: transparent;
    border-radius: 0px;
    border: none;
    curpor: pointer;
    font-size: 18px;
    color: #333;
    text-align: left;
    line-height: 60px;
    font-weight: normal;
}


.s_sea3 {
    width: 120px;
    height: 60px;
    float: right;
    margin: 0px;
    background: #F6F7FC url(../images/zs1.png) no-repeat 18px 22px;
    padding: 0 0 0 50px;
    border: none;
    border-radius: 0px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    curpor: pointer;
    font-size: 18px;
    color: #333;
    text-align: left;
    line-height: 60px;
    font-weight: normal;
}


.hot_sou {
    width: 100%;
    height: auto;
    float: left;
    margin: 0 0 10px 0;
}

.hot_sou h3 {
    float: left;
    font-size: 16px;
    color: #fff;
    text-align: left;
    line-height: 30px;
    font-weight: normal;
}


.hot_sou ol {
    float: left;
}


.hot_sou ol li {
    float: left;
    margin: 0 10px;
}

.hot_sou ol li a {
    float: left;
    font-size: 16px;
    color: #fff;
    text-align: left;
    line-height: 30px;
    font-weight: normal;
}


.s_spaxlbg {
    width: 100%;
    float: left;
    padding: 1% 0;
    background: #fff;
}

.s_spal_bt {
    width: 100%;
    float: left;
}



select::-ms-expand {
    display: none;
}

option {
    color: #333;
}

/*F6F7FC*/
select.select1 {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    height: 50px;
    width: 120px;
    border: none;
    border-radius: 30px;
    padding: 0px 30px 0 30px;
    float: left;
    margin: 10px 20px 10px 0px;
    background: url(../images/jot1.png) no-repeat scroll 80% 16px #F6F7FC;
    font-size: 18px;
    color: #333;
    line-height: 20px;
    text-align: left;
    font-weight: normal;
}



select.select2 {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    height: 50px;
    width: 180px;
    border: none;
    border-radius: 30px;
    padding: 0px 30px 0 30px;
    float: right;
    margin: 10px 0px 10px 0px;
    background: url(../images/jot1.png) no-repeat scroll 80% 16px #F6F7FC;
    font-size: 18px;
    color: #333;
    line-height: 20px;
    text-align: left;
    font-weight: normal;
}

.s_anlimg {
    width: 100%;
    float: left;
}

.s_anlimg ol {
    width: 100%;
    float: left;
}

.s_anlimg ol li {
    width: 23%;
    max-wdith: 320px;
    height: 350px;
    float: left;
    margin: 1% 1% 1% 0%;
}




.s_anlimg dl {
    width: 102%;
    float: left;
    margin: 1% 0 1% 0;
}


.s_anlimg dl dt {
    width: 23%;
    max-width: 357px;
    height: 370px;
    float: left;
    margin: 1% 2% 1% 0%;
   /* background: #fff;
    border-radius: 10px;
    box-shadow: 0px 1px 10px rgba(247, 88, 85, .2);*/
    position: relative;
    z-index: 22;
    overflow: hidden;
}




.s_anlimg dl dt:nth-child(4n) {
    margin: 1% 0 1% 0%;
}



.s_anlimg dl dt  .soxa {
    width: 99%; 
    height: 350px;
    float: left;
    margin:1% .6% 0% .4%;
    background: #fff;
    border-radius: 10px; 
    box-shadow: 0px 1px 10px 1px rgba(247, 88, 85, .2);
    position: relative;
    z-index: 22;
    overflow: hidden;
	transition:all 0.4s e;
-ms-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
-webkit-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
}

 
.s_anlimg dl dt:hover  .soxa { 
    float: left;
    margin:0% .6% 0% .4%;
    background: #fff;
    border-radius: 10px; 
    box-shadow: 0px 1px 10px 1px rgba(247, 88, 85, .6); 
	transition:all 0.4s e;
-ms-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
-webkit-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
}
 


.s_anlimg dl dt ol {
    float: left;
    margin: 0 0 0 10px;
    width: 70%;
    max-width: 240px;
}

.s_anlimg dl dt ol dd {
    float: left;
    margin: 10px 0 0 5px;
    font-size: 18px;
    color: rgba(39, 42, 48, 0.5);
    text-align: center;
    line-height: 22px;
    font-weight: bold;
}

.s_anlimg dl dt ol dd b {
    font-style: bold;
    font-size: 24px;
    color: #F75855;
}


.s_anlimg dl dt .lmore {
    width: 88px;
    height: auto;
    float: right;
    margin: 5px 10px 10px 0;
}

.lxta {
    width: 90px;
    height: 30px;
    float: right;
    background: rgba(44, 202, 187, 1);
    border-radius: 4px;
    margin: 8px 4px 10px 0;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-weight: normal;
}
.alsimg {
    width: 100%;
    height: 170px;
    float: left;
    position: relative;
    z-index: 16;
    overflow: hidden;
}


.alsimg .imgsn1 {
    width: 100%;
    height: 180px;
    float: left;
    position: relative;
    z-index: 6;
    overflow: hidden;
}

.alimg {
    width: 100%;
    height: 180px;
    float: left;
    position: relative;
    z-index: 16;
    overflow: hidden;
}


.alimg .imgn1 {
    width: 100%;
    height: 180px;
    float: left;
    position: relative;
    z-index: 6;
    overflow: hidden;
}

.bfimg {
    width: 40px;
    height: 40px;
    float: left;
    position: absolute;
    z-index: 18;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.albot {
    width: 92%;
    height: 30px;
    float: left;
    position: absolute;
    z-index: 10;
    background: url(../images/fadbg.png) no-repeat center bottom;
    left: 0;
    bottom: 0;
    padding: 0 4%;
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    text-align: left;
    font-weight: normal;
    overflow: hidden;
}

.albot font {
    float: right;
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    text-align: left;
    font-weight: normal;
    overflow: hidden;
}

.s_czbf_bt {
    width: 94%;
    float: left;
    padding: 2% 0 0 3%;
}


.s_czbf_bt h5 {
    width: 100%;
    height: 40px;
    float: left;
    font-size: 18px;
    color: #272A30;
    text-align: left;
    line-height: 40px;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
}


.s_czbf_bt h6 {
    width: 100%;
    height: 40px;
    float: left;
    font-size: 16px;
    color: #272A30;
    text-align: left;
    line-height: 30px;
    font-weight: normal;
}



.bfan_title {
    width: 100%;
    height: auto;
    float: left;
    background: transparent;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: relative;
    z-index: 4;
}

.bfan_title .eimg1 {
    width: 50px;
    float: left;
    margin: 10px 10px 0 10px;
    border-radius: 50%;
}

.bfan_title .eimg1 img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
        aspect-ratio: 1 / 1;
    object-fit: cover;
}

.bfan_bt {
    width: 78%;
    float: left;
    margin: 1% 0 1% 0;
}

.bfan_bt h5 {
    width: 100%;
    height: 20px;
    float: left;
    margin: 5px 0 5px 0;
    font-size: 14px;
    color: #333;
    text-align: left;
    line-height: 20px;
    font-weight: normal;
}


.bfan_bt h5 font {
    float: left;
    font-family: SourceHanSansSC-Medium;
    font-size: 14px;
    color: #333;
    text-align: left;
    line-height: 20px;
    font-weight: bold;
}


.bfan_bt h5 em {
    float: left;
    margin: 0px 0 0 5px;
    width: auto;
    height: 20px;
    font-size: 14px;
    color: #6A3200;
    text-align: center;
    line-height: 20px;
    font-weight: normal;
    border-radius: 4px;
    background: #FFB777;
    padding: 0 5px;
    font-style: normal;
}

.bfan_bt h6 {
    width: 100%;
    height: 20px;
    float: left;
    margin: 0px 0 10px 0;
    font-size: 14px;
    color: rgba(147, 148, 151, .8) !important;
    text-align: left;
    line-height: 20px;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}

.spbf1 {
    width: 20px;
    height: 19px;
    float: right;
    margin: 0px 0 0 0;
}

.spbf2 {
    width: 20px;
    height: 19px;
    float: right;
    margin: 5px 0 0 0;
}


.bfan_font {
    width: 90%;
    height: 30px;
    float: left;
    margin: 0 0 0 4%;
    font-size: 14px;
    color: rgba(147, 148, 151, 1) !important;
    text-align: left;
    line-height: 30px;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}


/* 外语配音 */


.wyu_wenzi {
    width: 780px;
    display: block;
    margin: 0 auto;
    padding: 80px 0 10px 0;
    font-size: 40px;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    line-height: 50px;
    font-weight: bold;
}

.wyu_wenzi h4 {
    width: 100%;
    float: left;
    margin: 20px 0 10px 0;
    font-size: 70px;
    color: #fff;
    text-align: center;
    line-height: 80px;
    font-weight: bold;
}

.s_wybox1 {
    width: 100%;
    float: left;
    padding: 1% 0 1% 0;
}


.s_wymenu {
    width: 100%;
    float: left;
    margin: 0px 0;
}

.s_wymenu ol {
    width: 101%;
    float: left;
    margin: 10px 0;
}

.s_wymenu ol li {
    width: 23%;
    height: 90px;
    float: left;
    margin: 1% 2% 1% 0;
    background: url(../images/z227.png) no-repeat left bottom;
    background-size: 100%;
    border-radius: 10px;
}

.s_wymenu ol li:nth-child(2) {
    width: 23%;
    height: 90px;
    float: left;
    margin: 1% 2% 1% 0;
    background: url(../images/z228.png) no-repeat left bottom;
    background-size: 100%;
    border-radius: 10px;
}

.s_wymenu ol li:nth-child(3) {
    width: 23%;
    height: 90px;
    float: left;
    margin: 1% 2% 1% 0;
    background: url(../images/z229.png) no-repeat left bottom;
    background-size: 100%;
    border-radius: 10px;
}

.s_wymenu ol li:nth-child(4) {
    width: 23%;
    height: 90px;
    float: left;
    margin: 1% 2% 1% 0;
    background: url(../images/z230.png) no-repeat left bottom;
    background-size: 100%;
    border-radius: 10px;
}


.s_wymenu ol li a {
    width: 100%;
    height: 90px;
    float: left;
    font-size: 34px;
    color: #fff;
    text-align: center;
    line-height: 90px;
    font-weight: normal;
    overflow: hidden;
}


.s_wyin {
    width: 99%;
    float: left;
    margin: 0px 0;
    background: rgba(0, 0, 0, 0);
}

.s_wyin h4 {
    width: 100px;
    height: 40px;
    float: left;
    margin: 10px 0;
    padding: 0 20px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
    background: #272A30;
    border-radius: 30px;
}


.s_wypbox {
    width: 78%;
    float: left;
    margin: 0px 0;
    background: rgba(122, 233, 222, 0);
}

.s_wypbox dl {
    width: 100%;
    float: left;
    margin: 10px 0;
}

.s_wypbox dl dt {
    width: 88%;
    min-height: 40px;
    float: left;
    background: rgba(0, 0, 0, 0);
}


.s_wypbox dl dt ul {
    width: 100%;
    float: left;
    margin: 0 0 0 -5px;
}


.s_wypbox dl dt ul li {
    width: auto;
    float: left;
    margin: 0 16px 10px 16px;
}

.s_wypbox dl dt ul li a {
    float: left;
    padding: 0 20px;
    font-size: 18px;
    color: #272a30;
    line-height: 40px;
    text-align: center;
    font-weight: normal;
    background: #f6f7fc;
    border-radius: 30px;
}

.s_wypbox dl dt ul li a:hover,
.s_wypbox dl dt ul li a.xhov {
    color: #fff;
    background: #272a30;
    border-radius: 30px;
}


.s_wypbox dl .ymore1 {
    width: 70px;
    height: 40px;
    background: #f6f7fc;
    border-radius: 30px;
    padding: 0 20px;
    float: right;
    margin: 0 0px 0 10px;
    cursor: pointer;
}


.imgy1 {
    float: left;
    margin: 4px 0 0 0;
    display: block;
    opacity: .8;
}

.imgy2 {
    float: left;
    margin: 4px 0 0 0;
    display: block;
    opacity: .8;
}

.s_wypbox dl dt .yquan1 {
    width: 100%;
    float: left;
}

.yjia {
    width: 80px;
    height: 38px;
    float: right;
    margin: 10px 0 0 0;
    background: #fff;
    border: 1px solid #f6f7fc;
    border-radius: 30px;
    font-size: 18px;
    color: #272a30;
    line-height: 38px;
    text-align: left;
    font-weight: normal;
}

.yjia .imga1 {
    float: left;
    margin: 10px 10px 0 10px;
}

.s_wybox2 {
    width: 100%;
    min-height: 1200px;
    float: left;
    padding: 1% 0 1% 0;
    background: url(../images/bgc01.jpg) no-repeat center center;
    background-size: 100%;
}


.s_wytxt {
    width: 82%;
    max-width: 1300px;
    float: left;
    margin: 3% 0 3% 2%;
    padding: 1% 0 3% 0;
    font-size: 24px;
    color: #272a30;
    line-height: 44px;
    text-align: left;
    font-weight: normal;
}

.s_wytxt h3 {
    width: 100%;
    float: left;
    position: relative;
    font-size: 26px;
    color: #272a30;
    line-height: 44px;
    text-align: left;
    font-weight: bold;
}

.s_wytxt h3:after {
    width: 14px;
    height: 14px;
    float: left;
    background: #F75855;
    border: none;
    border-radius: 50%;
    position: absolute;
    z-index: 4;
    left: -30px;
    top: 12px;
    content: '';
}

.s_wylc {
    width: 100%;
    float: left;
    margin: 10px 0;
}

.s_wylc ol {
    width: 102%;
    float: left;
    margin: 10px 0;
}

.s_wylc ol li {
    width: 19%;
    height: 150px;
    padding: 1% 2%;
    float: left;
    margin: 1% 2% 1% 0;
    background: #fff;
    box-shadow: 0px 1px 10px rgba(247, 88, 85, .2);
}


.s_wylc ol li h4 {
    width: 100%;
    height: 40px;
    float: left;
    margin: 10px 0 0 0;
    font-size: 26px;
    color: #272a30;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    position: relative;
}

.s_wylc ol li h4:after {
    width: 70px;
    height: 4px;
    float: left;
    position: absolute;
    z-index: 6;
    left: 50%;
    margin-left: -35px;
    bottom: -8px;
    content: '';
    background: #F75855;
    border: none;
    border-radius: 10px;
}



.s_wylc ol li h5 {
    width: 100%;
    height: 60px;
    margin: 16px 0 0 0;
    float: left;
    font-size: 18px;
    color: #000;
    line-height: 30px;
    text-align: center;
    font-weight: normal;
    overflow: hidden;
}


.s_wylc ol li:nth-child(1) h5 {
    text-align: left;
}

.s_wylc ol li:nth-child(2) h5 {
    text-align: left;
}

.s_wylc ol li:nth-child(7) h5 {
    text-align: left;
}

.s_wylc ol li:nth-child(8) h5 {
    text-align: left;
}



.s_wybox3 {
    width: 100%;
    float: left;
    padding: 1% 0 1% 0;
    background: #fff;
}

.s_wyhj {
    width: 100%;
    float: left;
}


.s_wyhj ol {
    width: 100%;
    float: left;
}


.s_wyhj ol li {
    width: 16%;
    height: 70px;
    float: left;
    margin: 1% 2% 1% 0;
    padding: 1%;
    background: #fff;
    border-radius: 10px;
    border: 1px solid rgba(247, 247, 247, 1);
}

.s_wyhj ol li:nth-child(5n) {
    margin: 1% 0% 1% 0;
}

.s_wyhj ol li .wbox {
    width: 70px;
    height: 78px;
    float: left;
    background: #F9B890;
    border-radius: 10px;
}


.s_wyhj ol li .wbox font {
    width: 100%;
    float: left;
    margin: 30px 0 0 0;
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    font-weight: normal;
}

.s_wyhj ol li:nth-child(2) .wbox {
    width: 70px;
    height: 70px;
    float: left;
    background: #E1574C;
    border-radius: 10px;
}

.s_wyhj ol li:nth-child(3) .wbox {
    width: 70px;
    height: 70px;
    float: left;
    background: #FF942A;
    border-radius: 10px;
}

.s_wyhj ol li:nth-child(4) .wbox {
    width: 70px;
    height: 70px;
    float: left;
    background: #C088E8;
    border-radius: 10px;
}

.s_wyhj ol li:nth-child(5) .wbox {
    width: 70px;
    height: 70px;
    float: left;
    background: #B41F3F;
    border-radius: 10px;
}

.s_wyhj ol li:nth-child(6) .wbox {
    width: 70px;
    height: 70px;
    float: left;
    background: #E66A5D;
    border-radius: 10px;
}

.s_wyhj ol li:nth-child(7) .wbox {
    width: 70px;
    height: 70px;
    float: left;
    background: #F58771;
    border-radius: 10px;
}

.s_wyhj ol li:nth-child(8) .wbox {
    width: 70px;
    height: 70px;
    float: left;
    background: #ECBF71;
    border-radius: 10px;
}

.s_wyhj ol li:nth-child(9) .wbox {
    width: 70px;
    height: 70px;
    float: left;
    background: #DDAB7F;
    border-radius: 10px;
}

.s_wyhj ol li:nth-child(10) .wbox {
    width: 70px;
    height: 70px;
    float: left;
    background: #D3B1E7;
    border-radius: 10px;
}

.s_wyhj ol li:nth-child(11) .wbox {
    width: 70px;
    height: 70px;
    float: left;
    background: #EECA3E;
    border-radius: 10px;
}

.s_wyhj ol li:nth-child(12) .wbox {
    width: 70px;
    height: 70px;
    float: left;
    background: #7FA7DD;
    border-radius: 10px;
}

.s_wyhj ol li:nth-child(13) .wbox {
    width: 70px;
    height: 70px;
    float: left;
    background: #87D696;
    border-radius: 10px;
}


.s_wyhj ol li .wbtxt {
    width: 140px;
    ;
    float: right;
    margin: 0px 0 0 10px;
}

.s_wyhj ol li .wbtxt h4 {
    width: 100%;
    ;
    float: left;
    height: 30px;
    font-size: 16px;
    color: #272a30;
    line-height: 30px;
    text-align: left;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
}

.s_wyhj ol li .wbtxt h5 {
    width: 100%;
    float: left;
    height: 20px;
    font-size: 14px;
    color: rgba(39, 42, 48, .5);
    line-height: 20px;
    text-align: left;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}

.s_wyhj ol li .wbtxt h6 {
    width: 100%;
    float: left;
    height: 20px;
    font-size: 14px;
    color: rgba(39, 42, 48, .5);
    line-height: 20px;
    text-align: left;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}



.s_wybox4 {
    width: 100%;
    float: left;
    padding: 1% 0 1% 0;
    background: #fbfbfb;
}


.s_wywen {
    width: 100%;
    float: left;
}

.s_wywen ol {
    width: 100%;
    float: left;
}


.s_wywen ol li {
    width: 18%;
    height: 60px;
    float: left;
    margin: 0;
    padding: 10px 2% 10px 0;
    background: transparent;
    border-bottom: 1px solid #f2f2f2;
}


.s_wywen ol li a {
    width: 100%;
    height: 60px;
    float: left;
    font-family: Impact;
    font-size: 18px;
    color: #272a30;
    line-height: 60px;
    text-align: left;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
}


/*帮助中心*/

/* 关于我们   */
.s_bangzhuzx {
    width: 100%;
    float: left;
    padding: 10px 0 30px 0;
    background: #F6F6F6;
}


.s_aboleft {
    width: 16%;
    height: auto;
    min-height: 1000px;
    float: left;
    background: #fff;
    border: none;
    border-radius: 10px;
}

.s_aboleft_bt {
    width: 100%;
    height: 50px;
    float: left;
    border-bottom: 1px solid #f6f6f6;
    text-indent: 40px;
    font-size: 20px;
    color: #272a30;
    line-height: 50px;
    text-align: left;
    font-weight: bold;
}

.s_aboleft ol {
    width: 100%;
    float: left;
}

.s_aboleft ol li {
    width: 100%;
    float: left;
    height: 44px;
}

.s_aboleft ol li a {
    width: 100%;
    float: left;
    height: 44px;
    text-indent: 40px;
    font-size: 16px;
    color: #272a30;
    line-height: 44px;
    text-align: left;
    font-weight: normal;
}

.s_aboleft ol li a:hover,
.s_aboleft ol li .ohov {
    background: #F75855;
    color: #fff;
}


.s_aboright {
    width: 82%;
    height: auto;
    float: right;
    margin: 0 0 30px 0;
    background: #fff;
    border: none;
    border-radius: 10px;
    padding: 0 0 30px 0;
}


.s_aboright_bt {
    width: 100%;
    height: 50px;
    float: left;
    border-bottom: 1px solid #f1f1f1;
    font-size: 20px;
    color: #272a30;
    line-height: 50px;
    text-align: left;
    font-weight: bold;
}

.s_aboright_bt ol {
    float: left;
    margin: 0px 0 0 20px;
}

.s_aboright_bt ol li {
    float: left;
    margin: 10px;
}


.s_aboright_bt ol li a {
    width: auto;
    float: left;
    height: 32px;
    padding: 0 16px;
    font-size: 16px;
    color: #272a30;
    line-height: 32px;
    text-align: center;
    font-weight: normal;
    background: #fff;
    border-radius: 10px;
}

.s_aboright_bt ol li a:hover,
.s_aboright_bt ol li .hhov {
    background: #F75855;
    color: #fff;
}


.s_company {
    width: 94%;
    height: auto;
    float: left;
    margin: 10px 0 40px 0;
    padding: 3%;
    font-size: 18px;
    color: #272a30;
    line-height: 32px;
    text-align: left;
    font-weight: normal;
}

.s_company h5 {
    width: 100%;
    float: left;
    margin: 10px 0 20px 0;
    font-size: 30px;
    color: #272a30;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
}

.s_company h4 {
    width: 100%;
    float: left;
    margin: 10px 0 0px 0;
    font-size: 20px;
    color: #272a30;
    line-height: 50px;
    text-align: left;
    font-weight: bold;
}

.s_company img {
    display: block;
    margin: 0 auto;
}


.s_company h6 {
    width: 100%;
    float: left;
    margin: 10px 0 10px 0;
    font-size: 20px;
    color: #272a30;
    line-height: 50px;
    text-align: center;
    font-weight: normal;
}



.s_comp_max {
    width: 100%;
    height: auto;
    min-height: 100px;
    float: left;
    margin: 0px 0 30px 0%;
    background: #f6f6f6;
    padding: 0%;
    font-size: 18px;
    color: #272a30;
    line-height: 32px;
    text-align: left;
    font-weight: normal;
}

.s_comp_txt {
    width: 46%;
    float: left;
    margin: 0 1% 1% 2%;
    font-size: 14px;
    color: #3d3d3d;
    line-height: 20px;
    text-align: left;
    font-weight: normal;
}

.s_comp_txt h4 {
    width: 100%;
    height: 30px;
    float: left;
    margin: 10px 0 10px 0;
    font-size: 26px;
    color: #272a30;
    line-height: 30px;
    text-align: left;
    font-weight: bold;
    position: relative;
}

.s_comp_txt h4:after {
    width: 70px;
    height: 4px;
    float: left;
    position: absolute;
    z-index: 6;
    left: 0%;
    bottom: -6px;
    content: '';
    background: #F75855;
    border: none;
    border-radius: 10px;
}


.s_comp_txt h5 {
    width: 100%;
    height: 30px;
    float: left;
    margin: 10px 0 0px 0;
    font-size: 20px;
    color: #272a30;
    line-height: 30px;
    text-align: left;
    font-weight: bold;
    position: relative;
}




.s_comp_pic {
    width: 50%;
    float: right;
    margin: 0%;
}

.s_comp_pic img {
    width: 100%;
}

.s_comp_zhu {
    width: 98%;
    height: auto;
    min-height: 100px;
    float: left;
    margin: 10px 0 30px 0%;
    background: #f6f6f6;
    padding: 10px;
    font-size: 18px;
    color: #272a30;
    line-height: 32px;
    text-align: left;
    font-weight: normal;
}

.s_rztxt {
    width: 96%;
    float: left;
    margin: 1% 0 1% 1%;
    padding: 0 0 0 1%;
    font-size: 16px;
    color: #272a30;
    line-height: 34px;
    text-align: left;
    font-weight: normal;
}

.s_rztxt h3 {
    width: 100%;
    float: left;
    position: relative;
    font-size: 18px;
    color: #272a30;
    line-height: 34px;
    text-align: left;
    font-weight: bold;
}

.s_rztxt h3:after {
    width: 4px;
    height: 14px;
    float: left;
    background: #F75855;
    border: none;
    border-radius: 10px;
    position: absolute;
    z-index: 4;
    left: -20px;
    top: 12px;
    content: '';
}

.s_rztxt h4 {
    width: 100%;
    float: left;
    position: relative;
    font-size: 18px;
    color: #272a30;
    line-height: 34px;
    text-align: left;
    font-weight: bold;
}


.s_shouhou {
    width: 98%;
    float: left;
    margin: 1% 0 1% 1%;
    padding: 0 0 0 0;
    font-size: 18px;
    color: #272a30;
    line-height: 34px;
    text-align: left;
    font-weight: bold;
}

.s_shouhou h4 {
    width: 100%;
    font-size: 20px;
    color: #272a30;
    line-height: 34px;
    text-align: left;
    font-weight: bold;
}



.s_changjian {
    width: 98%;
    float: left;
    margin: 1% 0 1% 1%;
    padding: 0 0 0 0;
    font-size: 18px;
    color: #272a30;
    line-height: 34px;
    text-align: left;
    font-weight: bold;
}

.s_changjian h4 {
    width: 100%;
    font-size: 20px;
    color: #272a30;
    line-height: 34px;
    text-align: left;
    font-weight: bold;
}



.s_yinsi {
    width: 98%;
    float: left;
    margin: 1% 0 1% 1%;
    padding: 0 0 0 0;
    font-size: 18px;
    color: #272a30;
    line-height: 34px;
    text-align: left;
    font-weight: normal;
}

.s_yinsi h4 {
    width: 100%;
    float: left;
    margin: 0 0 2% 0;
    font-size: 20px;
    color: #272a30;
    line-height: 34px;
    text-align: left;
    font-weight: bold;
}

.s_yslx {
    width: 110px;
    display: block;
    margin: 0 auto;
}


.lianxi01 {
    width: 100%;
    height: 30px;
    float: right;
    margin: 0;
    background: #F75855;
    border: 1px solid #F75855;
    border-radius: 10px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-weight: normal;
}




.s_mianze {
    width: 98%;
    float: left;
    margin: 1% 0 1% 1%;
    padding: 0 0 0 0;
    font-size: 18px;
    color: #272a30;
    line-height: 34px;
    text-align: left;
    font-weight: normal;
}

.s_mianze h4 {
    width: 100%;
    font-size: 20px;
    color: #272a30;
    line-height: 34px;
    text-align: left;
    font-weight: bold;
}
.new_tab{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;

}
.new_tab .item{
    font-size: 14px;
    color: #5D5F64;
    padding: 1px 15px;
    line-height: 1.8em;
    background: #F6F7FC;
    border-radius: 10px 10px 10px 10px;
    display: inline-block;
    margin: 0;
}
.new_tab .item:hover,
.new_tab .item.active{
    color: #fff;
    background: #272A30;
}
.item-content{
    display: none;
}
.show{
    display: block;
}
.left_not_left *,
.left_box *,
.user_center .item{
    margin-left: initial;
}
.p24{
    padding: 24px 38px;
}
.user_box .s_fanye{
    padding: 20px 0;
}
.user_center *:not(.m_center){
    /* margin-left: initial; */
}
.user_img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.user_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.user_box{
    position: relative;
    width: 100%;
    z-index: 9999;
}
.user_nav{
    top: 40px;
    font-size: 18px;
    position: absolute;
    height: 0;
    overflow: hidden;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    border-radius: 6px;
    min-width: 116px;
}
.user_nav .item{
    color:#3D3D3D ;
}
.user_nav .item.active,
.user_nav .item:hover{color: #F75855;}
.user_box:hover .user_nav{
    background-color: #fff;
    height: 220px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.user_box:hover .user_nav{

    padding: 20px 24px;
}
.user_box:hover .user_nav dd{
    margin-left: 0;
}
.user_s_banner {
    position: relative;
}
.user_s_banner .b1{
    position: absolute;
    left: 0;
    right: 0;
bottom: -30px;
color: #fff;
z-index: 1;
}
.user_s_banner .img_user{ width: 160px; height: 160px; object-fit: cover; border-radius: 50%; margin-right: 20px; margin-left: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;
}
.user_center .m_center{
    display: flex;
    align-items: center;
}
.user_s_banner .text1{
    margin-left: 0;
    font-size: 20px;
}
.user_s_banner .img1{
    position: relative;
}
.user_s_banner .img1 img{
    min-height: 3rem;

}
.user_s_banner .img1::before{
display: block;
content: '';
position: absolute;width: 100%;
height: 100%;
    background: rgba(39, 13, 13, .9);
}
.user_center{
    background-color: #F6F6F6;
    padding: 60px 0 40px;
}
.user_box{
    display: flex;align-items: flex-start;

    gap: 20px;
}
.user_box .left_box{
    background: #FFFFFF;
    box-shadow: 0px 1px 5px 1px rgba(247,88,85,0.1);
    border-radius: 7px 7px 7px 7px;
    padding: 24px;
    width: 225px;
    display: flex;
    flex-direction: column;
    gap:37px;
    font-size: 22px;
}
.user_box .left_box .img1{
    margin-right: 10px;
    width: 30px;
}
.user_box .left_box .img2{
    display: none;
    margin-right: 10px;
    width: 30px;
}

.user_box .left_box .item{
    display: flex;
    font-weight: bold;
    align-items: center;
    color: #3d3d3d;
}

.user_box .left_box .item:hover .img1,
.user_box .left_box .item.active .img1{
    display: none;
}
.user_box .left_box .item:hover .img2,
.user_box .left_box .item.active .img2{
    display: block;
}
.user_box .left_box .item.active,
.user_box .left_box .item:hover {
    color: #F75855;
}

.user_box .right_box{
flex: 1;
background-color: #fff;
}
.user_center_title{
    font-size: 20px;
    color: #272a30;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0;
}
.user_center_title .t1{
    margin: 30px 30px;
    font-size: 40px;
}
.user_center_text_ul{
    padding: 38px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap:40px;
}
.user_center_text_ul .item{
    display: flex;
    align-items: flex-start;
}
.user_center_text_ul .item .img1{
    width: 70px;
    margin-right: 20px;
    flex-shrink: 0;
}
.user_center_text_ul .item  .t1{
    font-size: 24px;
}
.user_center_text_ul .item  .t2{
    margin-top: 10px;
    font-size: 16px;
}
.user_center_pay_box{
    padding: 22px;
    margin-top: 24px;
    margin-left: 24px !important;
    margin-right: 24px !important;
    box-shadow: 0px 2px 3px 1px rgba(247,88,85,0.1);
    border-radius: 5px 5px 5px 5px;
    display: flex;
    justify-content:space-evenly;
    align-items: center;
    text-align: center;
    font-size: 22px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -ms-border-radius: 5px 5px 5px 5px;
    -o-border-radius: 5px 5px 5px 5px;
}
:root{
    --color:#F75855;

}
.ftc{
    color: var(--color);
}
.user_center_pay_box .pay_box{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #272A30;
    text-align: center;
}
.user_center_pay_box .pay_box .t1{
    font-size: 30px;
    margin-bottom: 28px;
}
.user_center_pay_box .pay_box .t2{
    font-size: 50px;
    color: #f75855;
}
.user_s_banner .m_center{
    display: flex;
    align-items: center;
}
.user_s_banner .m_center,
.user_center .m_center{
    /* width: 60%; */
}
.user_center_pay_box .qrocode_box .b1{
    aspect-ratio: 1/1;
    width: 160px;
 display: flex;
 align-items: center;
 justify-content: center;
 color: #fff;
 font-size: 26px;
 background: #F75855;
 border-radius: 5px ;
 margin-bottom: 10px;
 -webkit-border-radius: 5px ;
 -moz-border-radius: 5px ;
 color: #fff;
 -ms-border-radius: 5px ;
 -o-border-radius: 5px ;
}
.user_center_money_box{
    padding: 60px 50px;

}
.user_center_money_box h1{
    text-align: center;
    font-size: 40px;
    margin-bottom: 50px;
}
.user_center_money_box ul{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 30px;
}
.user_center_money_box ul .item{
position: relative;
}
.user_center_money_box ul .item .b1{
    margin-top: 10px;
    border-radius: 5px 5px 5px 5px;
    border: 2px solid #F75855;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 40px 10px;
}
.user_center_money_box ul .item .t1{
    color: #7d7e82;
    font-size: 24px;
}
.user_center_money_box ul .item .t2{
    margin-top: 25px;
    font-size: 30px;color: #272A30;
}
.user_center_money_box ul .item .t3{
font-size: 50px;
}
.user_center_money_box ul .item .label{
    background: #F75855;
    font-size: 24px;
    border-radius: 5px 5px 5px 0px;
    position: absolute;
    left: 0;
    top: -10px;
    color: #fff;
    z-index: 1;
    color: #fff;
    padding:3px  20px ;
    -webkit-border-radius: 5px 5px 5px 0px;
    -moz-border-radius: 5px 5px 5px 0px;
    -ms-border-radius: 5px 5px 5px 0px;
    -o-border-radius: 5px 5px 5px 0px;
}
.user_center_info_box{
    box-shadow: 0px 1px 5px 1px rgba(247,88,85,0.1);
border-radius: 0px 0px 0px 0px;
display: flex;
}
.user_center_info_box .user_box{
    width:338px ;
    height: 290px;
    background-color: var(--color);
    color: #Fff;
    font-size: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.user_center_info_box .user_box img{ width: 135px; aspect-ratio: 1/1; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;margin-bottom: 20px;
    font-size: 24px;
}
.user_center_info_box .info_box{
    flex: 1;
display: flex;
flex-direction: column;
}
.user_center_info_box .info_box .h1{
    font-size: 24px;
    padding: 24px 20px 14px;    border-bottom: 1px solid rgba(112, 112, 112, 0.11);
}
.user_center_info_box .info_box ul{
    display: flex;
    gap: 30px;
    align-items: center;
    flex: 1;
    width: 100%;
}
.user_center_info_box .info_box ul .item{
padding: 20px;
font-size: 24px;
display: flex;
align-items: center;
gap: 24px;
justify-content: center;
flex-direction: column;
flex: 1;
}

.user_center_info_box .info_box ul .item .t1{font-weight:bold;}

.card_box{
    background: #FFFFFF;
box-shadow: 0px 1px 5px 1px rgba(247,88,85,0.1);
border-radius: 7px 7px 7px 7px;
}
.user_title{
    border-bottom: 1px solid rgba(112, 112, 112, 0.11);
    padding: 24px 47px 14px;
    color: #3D3D3D;
    font-size: 24px;
}
.table_list {
    border: 0px solid #999;
}
.table_list thead{
    border-color: red;
    background-color: #FAEEEE;
}
.table_list thead th{
    padding: 10px 30px;
text-align: left;
font-size: 18px;
}
.table_list  td{
    padding: 10px 30px;
    font-size: 18px;

}
.user_center_order_table{
    margin-top: 10px;
    margin-bottom: 10px;
}
.user_info_form{
padding: 36px 60px;
display: grid;
gap: 37px;
}
.user_info_form .item{
    display: flex;
    align-items: center;
}
.user_info_form .item .label{
    font-size: 24px;
    width: 3em;
    padding:0 2% 0 0;
    margin:0;
}


.user_info_form .item .b1{
     
    margin:0;
}
.img_box {
	max-width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.img_box img {
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
}

.input_box,
.input{
    height: 44px;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #edeef2;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -ms-border-radius: 4px 4px 4px 4px;
    -o-border-radius: 4px 4px 4px 4px;
    padding: 2px 10px;
    font-size: 16px;
}
.date{
    height: 44px;
    font-size: 16px;
	color:#333;
}
input.date::-webkit-input-placeholder {  	/* WebKit browsers */
    color: #ddd !important;
}
input.date:-moz-placeholder {            	/* Mozilla Firefox 4 to 18 */
    color: #ddd !important;
}
input.date::-moz-placeholder {           	/* Mozilla Firefox 19+ */
    color: #ddd !important;
}
input.date:-ms-input-placeholder {       	/* Internet Explorer 10+ */
    color: #ddd !important;
}

input.input::-webkit-input-placeholder {  	/* WebKit browsers */
    color: #ddd;
}
input.input:-moz-placeholder {            	/* Mozilla Firefox 4 to 18 */
    color: #ddd;
}
input.input::-moz-placeholder {           	/* Mozilla Firefox 19+ */
    color: #ddd;
}
input.input:-ms-input-placeholder {       	/* Internet Explorer 10+ */
    color: #ddd;
}


.secect{
font-size: 16px;
    min-width: 120px;
    padding: 6px 8px;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #edeef2;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -ms-border-radius: 4px 4px 4px 4px;
    -o-border-radius: 4px 4px 4px 4px;
	  color: #ddd;
}

select::-ms-expand { display: none; }

option { color:#666666;}


.user_info_form .item .input{

    width: 730px;
}
.user_info_form label{
    font-size: 18px;
}
.user_info_form label+label{
    margin-left: 20px;
}
.user_info_form .item .secect{
    min-width: 120px;
    height: 50px;
    font-size: 16px;
}
.btn{
    width: 80px;
height: 44px;
color: #Fff;
border: none;
background: #E93536;
border-radius: 4px 4px 4px 4px;
cursor: pointer;
line-height: 44px;
display: inline-block;
text-align: center;
font-size: 24px;
}
.btn+.btn{
    margin-left: 8px;
}
.btn1{
    background-color: #fff;
    color: #3D3D3D;
border: 1px solid #DCDFE6;
}
.upload_file{

    position: relative;
}
.upload_file img{
    width: 115px;
    height: 115px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.upload_file input{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0;
    bottom: 0;
    z-index: 1;
}
.user_collet_ul{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    border-bottom: 1px solid rgba(112, 112, 112, 0.11);
    padding: 15px 47px 0;
}
.user_collet_ul .item{
 font-size: 24px;
 cursor: pointer;
 padding: 8px 0;
 border-bottom: 1px solid rgba(0, 0, 0, 0);
}
.user_collet_ul .item:hover,
.user_collet_ul .item.active{
    border-bottom: 1px solid var(--color);
}
.user_collet_ul2,
.user_collet_ul1{
   padding: 0 38px 20px;
}

.user_collet_ul2{
    padding-top: 24px;
}
.user_collet_ul2 ul,
.user_collet_ul1 dl {
    max-width:calc( 100% - 48px);
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 30px;
}
.user_collet_ul2 ul li,
.user_collet_ul1 dl dt{
width: 100%;
max-width: 100%;
box-shadow: 0px 1px 10px 1px rgba(247, 88, 85, .2);

}
.gary_c9{
    color: #999;
}
.table_list tbody  tr:hover{
    background-color: #F6F6F6;
}
.search_box {
    display: flex;
    gap: 10px;
    padding: 24px;
}
.date{
    border: none;
}
.orer_no_box{
    font-size: 24px;
    padding: 60px 24px;
}
.orer_no_box img{
    margin-bottom: 20px;
}
.coupon_box ul{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 15px;
}
.coupon_box .item{
    background-color: #F6F6F6;
}
.coupon_box .item .b2{
padding: 8px 18px;
    font-size: 14px;
    line-height: 1.8em;
}
.coupon_box .item .btn_radio{
    border-radius: 9px 9px 9px 9px;
    border: 1px solid #F75855;
    width: 63px;
    margin: 20px auto;
    cursor: pointer;
    padding: 0 10px;
    text-align: center;
    color: #F75855;
    -webkit-border-radius: 9px 9px 9px 9px;
    -moz-border-radius: 9px 9px 9px 9px;
    -ms-border-radius: 9px 9px 9px 9px;
    -o-border-radius: 9px 9px 9px 9px;
}
.coupon_box .item .b1{
    background-image: url(../images/coupon.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #fff;
    padding: 30px 10px 10px;
}
.coupon_box .item.expire .b1 {
    background-image: url(../images/coupon_qukit.png);

}

.coupon_box .item .b1_t1{
    color: #fff;
    font-size: 24px;
    margin-top: 10px;
}
.coupon_box .item .money{
font-size: 40px;
}
.coupon_box .item .b1_t2{
    font-size: 14px;
    color: #F6F6F6;
}
.coupon_box .item .b1_t3{
    margin-top: 5px;
    font-size: 14px;
    color: #F6F6F6;
}
.coupon_box .item.guoqi .b1 {
    background-image: url(../images/coupon_used.png);

}

.coupon_box .item .img1{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin:10px  20px 20px;
}
.coupon_box .item .img1 img{
    width: 50px;
}


/*2027.07.19*/
.s_yxiang{width:100%;  float:left; padding:2% 0;}


.s_yxbgc{width:98%; float:left; margin:2% 0;  padding:2% ;   box-shadow: 2px 6px 6px  rgba(247, 88, 85, 0.04);}


.s_yxbgc img{width:286px; float:left; margin:0 2%;}


 .s_ytext{width:70%; max-width:984px; float:left;  font-family:'Microsoft YaHei'; font-size:20px; color:rgba(61, 61, 61, 1); text-align:left; line-height:40px; font-weight:normal;  }

.s_yxtab{width:100%;  float:left; padding:2% 0;}



table.table3 {
    width: 100%;
    float: left;
    border-collapse: collapse;
}

table.table3 tr {
    width: 100%;
}


table.table3 tr th {
    height: 60px;
    padding: 0 2%;
    font-family: SourceHanSansSC-Medium;
    font-size: 20px;
    color: rgba(61, 61, 61, 1);
    line-height: 60px;
    text-align: center;
    font-weight: bold;
    border-bottom: 1px solid #f7f7f7;
}

table.table3 tr th:nth-child(2) {
    text-align: left;
}

table.table3 tr td {
    padding: 0.8% 2%;
    height: auto;
    font-family: SourceHanSansSC-Medium;
    font-size: 16px;
    color: rgba(61, 61, 61, 1);
    text-align: center;
    line-height: 40px;
    font-weight: normal;
    border-bottom: 1px solid #f7f7f7;
}

table.table3 tr td:nth-child(2) {
    font-weight: normal;
}

table.table3 td .tdimg {
    float: left;
    margin: 10px;
}

table.table3 tr td:nth-child(2) {
    text-align: left;
}



table.table3 tr:nth-child(odd) {
  background-color:#f7f8f9;
}
table.table3 tr:nth-child(even) {
  background-color:#fff;
}




.s_yxshow {
    width: 100%;
    float: left;
    padding:3% 0;
    background: #f6f6f6;
    overflow: hidden;
}

.s_yxshow ol {
    width: 100%;
    float: left;
    margin: 10px 0;
}

.s_yxshow ol li {
    width: 97%;
    max-width: initial;
    float: left;
    margin: 10px 0;
}


.s_yxshow ol li h3 {
    width: 100%;
    float: left;
    margin: 5px 0;
    background: url(../images/y51.png) no-repeat 10px 15px;
    padding: 0 0 0 30px;
    font-family: SourceHanSansSC-Medium;
    font-size: 32px;
    color: #333;
    text-align: left;
    line-height: 40px;
    font-weight: bold;
}


.s_yxshow ol li font {
    width: 100%;
    float: left;
    padding: 5px 0 5px 30px;
    font-family: SourceHanSansSC-Medium;
    font-size: 24px;
    color: #333;
    text-align: left;
    line-height: 40px;
    font-weight: normal;
}




.xdown {
    width: 30px;
    height: 30px;
    float: left;
    margin: 0 12px 0 12px;
    background: url(../images/z91.png) no-repeat center center transparent;
    border: none;
    text-indent: -999px;
}



 .zxun{width:80px; height:30px;  float:left;  border-radius: 4px 4px 4px 4px;
border: 1px solid rgba(112, 112, 112, .6); font-family:'Microsoft YaHei'; font-size:14px; color:rgba(61, 61, 61,.6); text-align:center; line-height:30px; font-weight:normal;  }



.z_yin{width:100%; float:left; padding:1% 0;   }


.z_yin ol{width:103%; float:left; padding:1% 0; margin:0 0 0 -1%;}


.z_yin ol li {width:16%;  float:left; margin:1% 3% 2% 1%; border:1px solid  rgba(112, 112, 112, .6); border-radius:10px;  position:relative; z-index:20; overflow:hidden;  }

.z_yin ol li:nth-child(5n){margin:1% 0 2% 0;}




.z_yin  ol li .soxz {
    width: 99%; 
    height: auto;
    min-height: 280px;
    float: left;
    margin:0% .6% 0% .4%;
    background: #fff;
    border-radius: 10px; 
    border: 1px solid  rgba(112, 112, 112, .6); 
    position: relative;
    z-index: 22;
    overflow: hidden;
	transition:all 0.4s e;
-ms-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
-webkit-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
}

 
.z_yin ol li:hover  .soxz { 
    float: left;
    margin:0% .6% 0% .4%;
    background: #fff;
    border-radius: 10px; 
    border: 1px solid  rgba(112, 112, 112, .6); 
	transition:all 0.4s e;
-ms-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
-webkit-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
}
 


.z_yin ol li img{width:100%;  border-radius:10px; float:left;   }



.z_yin ol li font {
    width: 100%;
    height: 90px;
    float: left;
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: 0;
	background: linear-gradient( 90deg, rgba(15,30,54,0) 0%, #0F1E36 100%);
	border-radius: 0px 10px 10px 0px;
    font-family: SourceHanSansSC-bold;
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 90px;
    font-weight: bold;
    	transition:all 0.4s e;
-ms-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
-webkit-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
}

.z_yin ol li:hover font {
    width: 100%;
    height: 120px;
    float: left;
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: 0;
	background: linear-gradient( 90deg, rgba(15,30,54,0) 0%, #0F1E36 100%);
	border-radius: 0px 10px 10px 0px;
    font-family: SourceHanSansSC-bold;
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 120px;
    font-weight: bold;
    	transition:all 0.4s e;
-ms-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
-webkit-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
}


 
/*1920*/
@media  screen and  (min-width:1921px)   {
    
    .m_climgs ul {
    width: 100%;
    float: left;
}
    
    
 .casetify_swiper_box  .swiper-slide  {
     
    /*width:calc((100vw * 0.8 - 80px) / 4) !important;
    max-width:calc((100vw - 20% ) / 4 ) ;
    width:363px!important;*/
    padding:.5% 0% 0% 0%!important;
    height:100px!important;
    float: left;
    width:365.4px!important;
    margin: 0 15px 14px 0 !important;
    background: #fff;
    border-radius: 10px;
}

     /* #casetify2  .swiper-slide  {
     
   
    padding:.5% 0% 0% 0%!important;
    height:102px!important;
    float: left;
    width:24%!important;
    max-width: 366px!important;
    margin: 0 14px 14px 0 !important;
    background: #fff;
    border-radius: 10px;
} */

    
}
 
/*1580*/
@media screen and (max-width:1680px) {
    /*
    box-shadow: 0px 1px 5px 1px #FFEEEE;
 .m_center{width: 82%; max-width: 1400px; display: block; margin: 0 auto;}
*/

    .syTitle {
        width: 30%;
        max-width: 317px;
        height: 544px;
        float: left;
        background: rgba(39, 42, 48, 1) url(../images/z074.png) no-repeat left bottom;
        background-size: 100%;
    }

    /*.m_scai ul li {*/
    /*    width: 31%;*/
    /*    max-width: 306px;*/
    /*    height: auto;*/
    /*    float: left;*/
    /*    margin: 2% 1% 0 0;*/
    /*    border-radius: 10px;*/
    /*    position: relative;*/
    /*    z-index: 20;*/
    /*    overflow: hidden;*/
    /*}*/

    .m_xwimg img {
        width: 145px;
        height: 100px;
        float: left;
        margin: 0 2% 0 0;
    }

    .m_xnew ul li {
        /*width: 29%;*/
        max-width: initial;
        height: 480px;
        float: left;
        background: #fff;
        padding: 10px;
        margin: 1% 2% 1% 0;
    }

    .m_cooper ul {
        width: 100%;
        float: none;
        display: block;
        margin: 0 auto;
        text-align: center;
    }

    .m_foot1_navi {
        width: 600px;
        float: left;
        margin: 0 0 0 2%;
    }

    m_foot1_navi ul li {
        width: 100px;
        float: left;
        margin: 0 10px 0 10px;
    }

    .m_foot1_wei {
        width: 321px;
        height: 210px;
        background: rgba(255, 210, 12, 0);
        float: right;
        margin: 0px;
    }

    m_foot2_dibu .dbu {
        width: 42px;
        float: left;
        margin: 0 10px 0 0px;
    }

    .m_foot2_dibu font {
        width: 92px;
        height: 30px;
        margin: 0 20px 0 0px;
        float: left;
        font-size: 14px;
        color: rgba(255, 255, 255, 1);
        text-align: left;
        line-height: 30px;
        font-weight: bold;
    }


    .m_hseach {
        width: 56%;
        max-width: 580px;
        float: left;
        margin: 30px 0 0 15%;
    }

    .s_menubox dl dt {
        width: 83%;
        max-width: initial;
        min-height: 30px;
        float: left;
        background: rgba(0, 0, 0, 0);
    }

    .s_menubox dl dt ul li a {
        font-size: 14px;
    }

    .m_lslist ul li ol {
        float: left;
        width: 75%;
    }

    .s_gtxbox dl dt {
        width: 89%;
        min-height: 40px;
        float: left;
        background: rgba(0, 0, 0, 0);
    }

    .s_gtxbox dl dt ul li a {
        float: left;
        padding: 0 13px;
        font-size: 18px;
        color: #272a30;
        line-height: 40px;
        text-align: center;
        font-weight: normal;
        background: #f6f7fc;
        border-radius: 30px;
    }

    .qxu_list dl dt {
        width: 12%;
        max-width: initial;
        float: left;
        height: 70px;
        margin: 10px 2% 10px 0;
        position: relative;
        overflow: hidden;
    }

    .qxu_list dl dt img {
        width: 100%;
        height: 70px;
        float: left;
        position: relative;
        z-index: 3;
    }

    .qxu_list dl dt .ximgc {
        width: 100%;
        height: 70px;
        float: left;
        position: absolute;
        z-index: 10;
        left: 0;
        top: 0;
        overflow: hidden;
    }

    .qxu_list dl dt .ximgc font {
        width: auto;
        padding: 0 20px;
        font-size: 20px;
        color: #fff;
        text-align: center;
        line-height: 70px;
        font-weight: normal;
    }

    .snew_txt {
        width: 80%;
        float: right;
    }

}

@media screen and (max-width:1440px) {}


/*2024.08.30*/

 .PlayEy {
    width: 80px;
    height: 80px;
    float: left;
    background:rgba(244,0,0,.4);
}

  .Btn {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 55px;
	height: 55px;
	background-color: yellow;
	background: url(../images/ryin.png) no-repeat  center center;
	background-size:100% 100%;
	animation: Btn-bg 3s linear infinite;
}
  .Play {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 29px;
	height: 36px; 
	background: url(../images/pause.png) no-repeat  center center transparent;
	transition: .5s;
	margin:6% 0 0 3%;
}

.btns-bg {
	display: flex;
	justify-content: center;
	align-items: center;
	margin:0px auto;
    width: 80px;
    height: 80px;
}

@keyframes Btn-bg {
	from {}
	to {
		transform: rotate(0deg);
	}
}



 .PlayEy1 {
    width: 80px;
    height: 80px;
    float: left;
	background: url(../images/ppic1.jpg) no-repeat  center center;
}

  .Btn1 {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 55px;
	height: 55px;
	background: transparent;
	backfround-size:100% 100%;
	animation: Btn-bg1 3s linear infinite;
}
.counp_a{
    gap: 10px;
}
  .Play1 {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 29px;
	height: 36px;
	background: transparent;
	background: url(../images/pause.png) no-repeat;
	transition: .5s;
}

.btns-bg1 {
	display: flex;
	justify-content: center;
	align-items: center;
	margin:0px auto;
    width: 80px;
    height: 80px;
}

@keyframes Btn-bg1 {
	from {}
	to {
		transform: rotate(0deg);
	}
}




.btnpic1{
    width: 20px;
    height: 20px;
    float: left;
    margin:8px 10px 0 5px; background: url(../images/z015.png) no-repeat center center transparent; background-size: 100%;
	border:1px solid transparent;}



.btnat1{
    width: 20px;
    height: 20px;
    float: left;
    margin:30px 10px 0 30px; background: url(../images/pause.png) no-repeat center center transparent; background-size: 100%;
	border:1px solid transparent;}


.btnaudio,.btnaudio1{
    width: 40px;
    height: 40px;
    float: left;
    margin:0 10px 0 5px; background: url(../images/bfang.png) no-repeat center center transparent; background-size: 100%;
	border:1px solid transparent;}

.margin1{margin:24px 10px 0 5px;}


.bleft{width:45%; float:left;}

.btnpic{
    width: 20px;
    height: 20px;
    float: right;
    margin:5px 10px 0 5px; background: url(../images/z015.png) no-repeat center center transparent; background-size: 100%;
	border:1px solid transparent;
}
.hide{
    display: none;
}
[lay-on="mp4"],
.cursor{
    cursor: pointer;
}

/*sousuo 20240911*/


.centerBox { width:100%; display:block; margin:0 auto; }


.survey_r {
    width: 100%;
    float: left;
    padding: 10px 0;
    font-size: 16px;
    color: rgba(41, 38, 45, 0.80);
    text-align: left;
    line-height: 40px;
    font-weight: normal;
    border-bottom: 1px solid #ddd;
}

.indexes{width: 100%; float:left; }

.indexes  img{width: 20px; float: left; margin: 4px 10px 0 0;}

.indexes a {
    color: rgba(41, 38, 45, 0.80);
}


.indexes a:hover {
    color: #FF7585;
}


.survey_nr{width: 100%; float:left; margin:2% 0;}


.survey_nr_tt {width: 100%; float: left;  font-size: 18px;
    color:#333;
    text-align: left;
    line-height: 40px;
    font-weight: normal;
    font-style: normal;}


.survey_nr_tt font {
    color: #F75855;
    padding: 0 5px
}


.seach_wu{
    width: 100%; float: left; padding:20px 0;  font-size: 16px;
    color: rgba(41, 38, 45, 0.60);
    text-align: left;
    line-height: 40px;
    font-weight: normal;
    font-style: normal;
}

.m_anli  ul li:hover {
        float: left;
position: relative;
bottom: 4px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 1px 10px 1px rgba(247, 88, 85, .6);
    transition: all 0.4s e;
    -ms-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease
}
.quan1_ul,
.quan2_ul,
.quan3_ul{
    height: 45px;
    overflow: hidden;
}
.quan1_ul.show,
.quan2_ul.show,
.quan3_ul.show{
    height: auto;
}


/*左侧悬浮开始*/
.right-float-bar {
    position: fixed;
    left: 0px;
    z-index: 11100;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    top: 0px;
    min-height: 730px;
    height: 100%;
    width: 40px;
    background: rgba(0, 0, 0, 0.6);
    box-shadow: 0 3px 7px 0 rgba(0,0,0,0.1);
    margin-top: 0px;
    background: #555 \0;
}

.right-float-bar .sb-top li.sv-allVip {
    height: 112px;
    box-sizing: border-box;
    background: #555;
    border-color: #008aff;
}
.right-float-bar li {
    position: relative;
}
.right-float-bar li {
    text-align: center;
    cursor: pointer;
    width: 40px;
    background: transparent;
    border: none;
}

.right-float-bar li > a {
    position: relative;
}
.right-float-bar li > a {
    color: #fff;
    line-height: 20px;
    padding: 15px 5px 9px;
    background: transparent;
}
.right-float-bar li a {
    display: block;
    color: rgba(0, 0, 0, 0.8);
    color: #333 \9;
    font-size: 12px;
}
.right-float-bar li.cur {
    background: #ff6b0c;
    border-color: #ff6b0c;
}