@charset "utf-8";
/* CSS Document */

/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:' '}
abbr,acronym{border:0;}
a{ text-decoration:none; outline:none;}
a:hover{ text-decoration:underline;}
body{ color:#333; font-size:12px;font-weight: 400; font-family: "PingFang SC", "microsoft yahei";}

/* 文字排版 */
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f20{font-size:20px;}
.fb{font-weight:bold;}
.fn{font-weight:normal;}
.t2{text-indent:2em;}
.unl{text-decoration:underline;}
.no_unl{text-decoration:none;}

/* 定位 */
.tl{text-align:left !important;}
.tc{text-align:center;}
.tr{text-align:right;}
.bc{margin-left:auto;margin-right:auto;}
.vm{vertical-align:middle;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.cb{clear:both;}
.cl{clear:left;}
.cr{clear:right;}
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
*html .clearfix{height:1%;}
.clearfix{display:block;}
.zoom{zoom:1}
.of_auto{ overflow:auto;}
.hidden{visibility:hidden;}
.none{display:none;}
.db{ display:block;}
.dib{ display:inline-block;}

/* position */
.pr{position:relative;}
.pa{position:absolute;}

/* width height */
.w100{ width:100px;}
.w250{ width:250px;}
.w283{ width: 283px;}
.w877{ width: 877px;}
.min-h530{ min-height: 530px;}

/* padding margin */
.py20{ padding-top: 20px; padding-bottom: 20px;}
.pb20{padding-bottom: 20px;}
.mx5{ margin:0 5px;}
.mx10{ margin:0 10px;}
.mx15{ margin:0 15px;}
.mt-95{ margin-top: -95px;}
.mt8{ margin-top: 8px;}
.mt10{ margin-top:10px;}
.mt17{ margin-top: 17px;}
.mt20{ margin-top: 20px;}
.mt30{ margin-top: 30px;}
.mt48{ margin-top:48px;}
.mr5{ margin-right: 5px;}
.mr10{ margin-right: 10px;}
.mr20{ margin-right:20px;}
.mb5{ margin-bottom:5px;}
.mb20{ margin-bottom:20px;}
.mb40{ margin-bottom:40px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.ml24{ margin-left: 24px;}
.ml30{ margin-left:30px;}
.ml40{ margin-left:40px;}

/* color */
.orange{ color:#fe4b47;}
.red{ color:#ff4a4a;}
.lred{ color:#ef3f3f;}
.grey{ color:#999;}
.blue{ color:#0081ec;}

/* button */
.btn{ display:inline-block; border:none; text-align:center; color:#fff; cursor:pointer;}
.btn:hover{ text-decoration:none;}
.btn01{ width:130px; height:40px; border-radius:4px; background:#dd2727; font:16px/40px "microsoft yahei";}
.btn01:hover{ background:#ef3f3f;}
.btn02{ width:120px; height:35px; border-radius:4px; background:#fd8208; font:14px/35px "microsoft yahei";}
.btn02:hover{ background:#fe962f;}
.btn03{ width:300px; height:35px; border-radius:5px; background:#ff4a4a; font:14px/35px "microsoft yahei";}
.btn03:hover{ background:#ef3f3f;}
.btn04{ width:205px; height:55px; border:2px solid #fff; border-radius:4px; font:24px/55px "microsoft yahei";}
.btn04:hover{ background:#e14747;}
.btn05{ width:64px; height:38px; border-radius: 0 4px 4px 0; background:#ff4a4a; font:14px/38px "microsoft yahei";}
.btn05:hover{ background:#ef3f3f;}
.btn06{ width:100px; height:30px; background:#ff4a4a; border-radius:2px; line-height:30px; font-size:14px;}
.btn06:hover{ background:#df3d40; text-decoration:none;}
.btn07{ width:98px; height:28px; background:#fff; border:1px solid #ff5c3e; border-radius:2px; line-height:28px; font-size:14px; color:#ff5c3e;}
.btn07:hover{ background:#fff0ed; text-decoration:none;}
.btn08{ width:110px; height:40px; border-radius: 4px; background:#ff4a4a; font:16px/40px "microsoft yahei";}
.btn08:hover{ background:#ef3f3f;}
.btn09{ width:108px; height:38px; border: 1px solid #ff4a4a; border-radius: 4px; font:16px/38px "microsoft yahei";color: #ff4a4a;}
.btn09:hover{ border-color:#ef3f3f;color: #ef3f3f;}
.btn10{ width:55px; height:24px; border-radius: 4px; background:#ff4a4a; font:14px/24px "microsoft yahei";}
.btn10:hover{ background:#ef3f3f;}
.btn11{ width:91px; height:34px; border-radius: 4px; background:#ff4a4a; font:14px/34px "microsoft yahei";}
.btn11:hover{ background:#ef3f3f;}
.btn11.disabled{background: #e1e1e1;color: #cbcbcb;cursor: default;}
.btn12{ width:160px; height:50px; border-radius: 4px; background:#ff4a4a; font:18px/50px "microsoft yahei";}
.btn12:hover{ background:#ef3f3f;}
.btn12 img{position:relative;top:3px;margin-right: 10px;}
.btn12 .zan{position: relative;top: 3px;display: inline-block;width: 23px;height: 23px;background: url(../images/img/zan.png?20240726092122) no-repeat 0 0;margin-right: 10px;}
.btn12.current .zan{background-image: url(../images/img/zan2.png?20240726092122);}
.btn12.disabled{background: #e1e1e1;color: #cbcbcb;cursor: default;}

.abtn{display:inline-block;width:90px;height:40px;line-height:40px;padding:0 5px;text-align:center;color:#fff;}
.abtn:hover{color:#fff;text-decoration: none;}
.abtn-red{background:#ff4a4a;}
.abtn-red:hover{background:#ef3f3f;}
.abtn-orange-ring{width:88px;height:38px;line-height:38px;background:#fff;border:1px solid #ff5c3e;color:#ff5c3e;}
.abtn-orange-ring:hover{background:#ff5c3e;}

/* text */
.text01{ height:30px; padding:0 10px; border:1px solid #d1dae1; font:16px/30px "microsoft yahei";}
.text02{ height:36px; padding:0 10px; border:1px solid #ff4a4a; border-radius: 4px 0 0 4px; font:14px/36px "microsoft yahei"; color:#454d55;}

/* textarea */
.textarea01{width:793px;height:66px;padding:11px 15px;border:1px solid #e2e2e2;border-radius:4px;background: #f4f4f4;font-size: 14px;line-height: 22px;font-family:"microsoft yahei";}

/* container */
.container01{ padding:0 40px;}
.container02{ padding:40px 0;}
.container03{ padding:0 100px;}
.container04{ padding:35px 55px;}
.container05{border: 1px solid #e0e0e0; background: #fff;}

/* h5 video 播放器屏蔽页面下载功能 */
video::-webkit-media-controls-enclosure {overflow:hidden;}
video::-webkit-media-controls-panel {width: calc(100% + 30px);}

/*
整站黑白调
html { 
    -webkit-filter: grayscale(100%); 
    -moz-filter: grayscale(100%); 
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%); 
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);  
    _filter:none; 
}*/