@charset "utf-8";
/* @font-face{
    font-family: PingFang;
    src: url('/fonts/PingFang_sc.ttf')
} */
/* CSS Document 公用样式 zyq v7.0 */

/*初始化====================================*/
html,body{ height: 100%; background-color: #F4F4F4; }
html {
    font-size: calc(100vw/19.24);
}
[v-cloak] { display: none }
body,td,th,input,button {color:#000;
/* font-family: PingFang !important; */
font-size:0.14rem;
line-height: 1.5; font-weight: 400; }

@media screen and (min-width : 1921px){
	body,td,th,input,button{
		font-size:.14rem;
	}
	
}

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}

img , button { border:0; }
a { color:#000; text-decoration:none; }
a:hover{ color:#237C85; text-decoration:none;}
/*html a:active { text-decoration:underline; color:#666; text-decoration:none; }*/
a:focus { outline: none; }
ul, li {
	list-style: none;
}
table{border-collapse:collapse;border-spacing:0}
/*em,i{font-style:normal}
strong,b{font-weight:normal}*/
img{border:0;-ms-interpolation-mode:bicubic}
input,img{vertical-align:middle}
/*input,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;border:0;border-radius:0}*/
textarea:focus{outline:0}

/*清除浮动=============================================================*/
.clearfix:before, .clearfix:after { content: "."; display: block; height: 0; clear: both;}
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/*左右浮动======================*/
.fl { float:left; display:inline;}
.fr { float:right; display:inline;}


/*常用宽度并居中框架=====================*/
.k320{width:320px; margin-left:auto;margin-right:auto;}
.k640{width:640px; margin-left:auto;margin-right:auto;}
.k960{ width:980px; margin-left:auto;margin-right:auto;}
.k980{ width:980px; margin-left:auto;margin-right:auto;}
.k1000{ width:1000px; margin-left:auto;margin-right:auto;}
.k1150{width:1150px; margin-left:auto;margin-right:auto;}
.k1190{ width:1190px; margin-left:auto;margin-right:auto;}
.k1200{ width:1200px; margin-left:auto;margin-right:auto;}

/*常用对齐方式=====================*/
.ta-c{ text-align:center;}
.ta-r{ text-align:right;}
.ta-l{ text-align:left;}

/*常用行距=====================*/
.lh18{ line-height:18px;}
.lh19{ line-height:19px;}
.lh20{ line-height:20px;}
.lh22{ line-height:22px;}
.lh24{ line-height:24px;}
.lh30{ line-height:24px;}

/*常用字体大小=====================*/
.f12{ font-size:.24rem;}
.f13{ font-size:.26rem;}
.f14{ font-size:.28rem;}
.f15{ font-size:.30rem;}
.f16{ font-size:.32rem;}
.f17{ font-size:.34rem;}
.f18{ font-size:.36rem;}
.f19{ font-size:.38rem;}
.f20{ font-size:.40rem;}
.f22{ font-size:.44rem;}
.f24{font-size:.48rem;}
.f25{font-size:.50rem;}
.f30{ font-size:.60rem;}




/*常用边距============================*/
.ml5{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.ml25{ margin-left:25px;}
.ml30{ margin-left:30px;}

.mt-1{ margin-top:-1px;}
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}

.mr5{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.mr25{ margin-right:25px;}
.mr30{ margin-right:30px;}

.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}

.mg5{ margin:5px;}
.mg10{ margin:10px;}
.mg15{ margin:15px;}
.mg20{ margin:20px;}
.mg25{ margin:25px;}
.mg30{ margin:30px;}


/*常用边框类型============================*/
.bd{ border:1px solid #eee}
.bd_b{ border-bottom:1px solid #eee}
.bds_b{ border-bottom:1px dashed #eee}
.bd_t{ border-top:1px solid #eee}
.bd_l{ border-left:1px solid #eee}
.bd_r{ border-right:1px solid #eee}
.bd_yoyo{ border:1px #F1F1F1 solid;}
.bd_t_yoyo{ border-top:1px solid #F1F1F1;}
.bd_l_yoyo{ border-left:1px solid #F1F1F1;}
.bd_r_yoyo{ border-right:1px solid #F1F1F1;}
.bd_b_yoyo{ border-bottom:1px solid #F1F1F1;}
.bd_e0{ border:1px #E0E0E0 solid;}
.bd_t_e0{ border-top:1px solid #E0E0E0;}
.bd_l_e0{ border-left:1px solid #E0E0E0;}
.bd_r_e0{ border-right:1px solid #E0E0E0;}
.bd_b_e0{ border-bottom:1px solid #E0E0E0;}
.bd_b_ea{border:1px solid #eaeaea}
.bd_b_ea{ border-bottom:1px solid #eaeaea}
.bds_b_ea{ border-bottom:1px dashed #eaeaea}
.bd_t_ea{ border-top:1px solid #eaeaea}
.bd_l_ea{ border-left:1px solid #eaeaea}
.bd_r_ea{ border-right:1px solid #eaeaea}
.bd-d1{ border:1px solid #D1D1D1;}
.bd-d1-l{ border-left:1px solid #D1D1D1;}
.bd-d1-r{ border-right:1px solid #D1D1D1;}
.bd-d1-t{ border-top:1px solid #D1D1D1;}
.bd-d1-b{ border-bottom:1px solid #D1D1D1;}

/*常用填充==========================*/
.pt5{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px;}
.pt25{ padding-top:25px;}
.pt30{ padding-top:30px;}

.pl5{ padding-left:5px;}
.pl10{ padding-left:10px;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px;}
.pl25{ padding-left:25px;}
.pl30{ padding-left:30px;}

.pr5{ padding-right:5px;}
.pr10{ padding-right:10px;}
.pr15{ padding-right:15px;}
.pr20{ padding-right:20px;}
.pr25{ padding-right:25px;}
.pr30{ padding-right:30px;}

.pb5{ padding-bottom:5px;}
.pb10{ padding-bottom:10px;}
.pb15{ padding-bottom:15px;}
.pb20{ padding-bottom:20px;}
.pb25{ padding-bottom:25px;}
.pb30{ padding-bottom:30px;}

.pd5{ padding:5px;}
.pd10{ padding:10px;}
.pd15{ padding:15px;}
.pd20{ padding:20px;}
.pd25{ padding:25px;}
.pd30{ padding:30px;}

/*字体颜色============================*/
.fc00{ color:#000;}
.fc33{color:#333}
.fc66{ color:#666;}
.fc99{ color:#999;}
.fccc{ color:#ccc;}
.fcff{ color:#fff;}
.fcd8{ color:#d83a3a;}
.fc2a{ color:#2A50A2;}
.fc2a51{ color:#2a51a5}
.fcfe{ color:#FE820A}

/*字体类型============================*/
.f-st{ font-family:'宋体';}
.f-wryh{font-family:"微软雅黑"}
.f-hwxh{font-family:"华文细黑"}


/*字体颜色============================*/
.fc3336{ color:#3366CC;}
.fcff3{ color:#FF3300;}
.fcf33{ color:#F33100;}
.fcff00{color:#ff0000;}
.fcF00{ color:#F00000;}
.fceb{color:#EB055B;}
.fcf63{ color:#F63100;}
.fccc{ color:#ccc;}
.fc0b{color:#0B8E8B;}
.fcf86{ color:#f86d4a}
.fcc00{ color:#c00;}

/*圆角============================*/
.radius1{border-radius: 1px;}
.radius2{border-radius: 2px;}
.radius3{border-radius: 3px;}
.radius4{border-radius: 4px;}
.radius5{border-radius: 5px;}
.radius6{border-radius: 6px;}
.radius7{border-radius: 7px;}
.radius8{border-radius: 8px;}
.radius9{border-radius: 9px;}
.radius10{border-radius: 10px;}
.radius50{border-radius: 50px;}

/*弹性拉伸*/
.wbox{display: -webkit-box;}/*横向排列*/
.wbox-y{display: -webkit-box;-webkit-box-orient:vertical;}/*纵向排列*/
.wbox-1{-webkit-box-flex: 1;}/*间隔1比1*/

/*弹性拉伸*/

/*控制字数两行显示 超出部分...*/
.line-clamp2{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}


/*背景渐变*/
.wg-fd{background: -webkit-gradient(linear,left top,left bottom,from(#fefefe),to(#dddddd));}/*上下*/

/*透明效果*/
.op01{opacity: 0.1;filter:alpha(Opacity=10);-moz-opacity:10;}
.op02{opacity: 0.2;filter:alpha(Opacity=20);-moz-opacity:20;}
.op03{opacity: 0.3;filter:alpha(Opacity=30);-moz-opacity:30;}
.op04{opacity: 0.4;filter:alpha(Opacity=40);-moz-opacity:40;}
.op05{opacity: 0.5;filter:alpha(Opacity=50);-moz-opacity:50;}
.op06{opacity: 0.6;filter:alpha(Opacity=60);-moz-opacity:60;}
.op07{opacity: 0.7;filter:alpha(Opacity=70);-moz-opacity:70;}
.op08{opacity: 0.8;filter:alpha(Opacity=80);-moz-opacity:80;}
.op09{opacity: 0.9;filter:alpha(Opacity=90);-moz-opacity:90;}
.op10{opacity: 1;filter:alpha(Opacity=100);-moz-opacity:100;}


/*发光阴影效果*/
.shadow-d{box-shadow: 0 0 8px #ddd;}

/*字体阴影*/
.text-shadow{ text-shadow: 1px 1px 2px #ccc;}

/*内阴影*/
.shadow-d-inset{-webkit-box-shadow: inset 0 1px 1px #ddd;}

/*背景缩放*/
.wbgs30{-webkit-background-size: 30px 30px;}

/*动画过程*/
.anim{-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}

/*============弹出框效果===============*/
/*效果执行时间*/
.transition-0.5{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
/*弹出框隐藏效果-右上缩小并消失*/
.dlghide-sc{
	-webkit-transform: scale(0, 0);
	opacity: 0;
	-webkit-transform-origin:top right;
}
/*弹出框显示效果-左下显示*/
.dlgshow-sc{opacity: 1;
    -webkit-transform: scale(1, 1);
    -webkit-transform-origin: bottom left;
}

/*=================================================================*/

/*页面切换效果*/
.trn-pg3d-000{
transition: -webkit-transform 350ms cubic-bezier(0, 0, 0.25, 1); -webkit-transition: -webkit-transform 350ms cubic-bezier(0, 0, 0.25, 1); -webkit-transform: translate3d(0px, 0px, 0px);
}
.trn-pg3d-000{
transition: -webkit-transform 350ms cubic-bezier(0, 0, 0.25, 1); -webkit-transition: -webkit-transform 350ms cubic-bezier(0, 0, 0.25, 1); -webkit-transform: translate3d(-360px, 0px, 0px);
}
.trn-pg3d-000{
transition: -webkit-transform 350ms cubic-bezier(0, 0, 0.25, 1); -webkit-transition: -webkit-transform 350ms cubic-bezier(0, 0, 0.25, 1); -webkit-transform: translate3d(-720px, 0px, 0px);
}
/*=============================*/

/*其它====================*/
.none{ display:none;}
.cur{ cursor:pointer;}
.dth{ text-decoration:line-through}
.pr{ position:relative;}
.pa{ position:absolute;}
.pf{ position:fixed;}
.dsb{ display:block;}
.tdu{ text-decoration:underline;}
.mid{ vertical-align:middle;}
.zoom{ overflow:hidden; zoom:1;}
.ovh{ overflow:hidden;}
.dsi{ display:inline}
.bold { font-weight:bold;}
.nobold {font-weight:normal;}
.gray {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}/*将背景、图片转换为黑白色调*/


 /*箭头向上*/
.arrow-up {width:0; height:0; border-left:6px solid transparent;border-right:6px solid transparent; border-bottom:6px solid #fff;display: inline-block;margin-left: 6px; vertical-align: 2px;}
     
 /*箭头向下*/
.arrow-down {width:0; height:0;  border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff;display: inline-block;margin-left: 6px;vertical-align: 2px; -webkit-transition: all 0.3s ease-in-out; }

/*箭头向左*/
.arrow-left { width:0; height:0; border-top:6px solid transparent;border-bottom:6px solid transparent; border-right:6px solid #fff; display: inline-block;margin-left: 6px; vertical-align: 2px;}
    
/*箭头向右*/
.arrow-right {width:0;height:0;border-top:6px solid transparent;border-bottom: 6px solid transparent;border-left: 6px solid #fff;display: inline-block;margin-left: 6px;vertical-align: 2px;}

/*图片最大边裁剪 保持比例*/
.cover {object-fit: cover;}
.fill {object-fit: fill;}
.contain {object-fit: contain;}
/* 省略号 */
.ellipsis{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.hideLine3{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;  overflow: hidden;}
.hideLine2{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;  overflow: hidden;}
.hideLine1{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;  overflow: hidden;}
/* 强制不换行 */
.nowrap{white-space:nowrap;}
/* 强制换行 */
.break-all{word-break:break-all;word-break:break-word; }

.between{display: flex;flex-wrap: wrap;justify-content: space-between;}
.between-nowrap{display: flex;justify-content: space-between;}
.flexjustify{display: flex;justify-content: center; /*垂直居中*/flex-direction: column;}
.vcenter{display: flex;align-items: center; /*垂直居中*/justify-content: center; /*水平居中*/flex-direction: column;line-height:normal;}
.ccenter{display: flex;align-items: center; /*垂直居中*/ /*水平居中*/flex-direction: column;line-height:normal;}
.flexright{display: flex;justify-content: flex-end}
/* 中线对齐 */
.align-c{display:flex;align-items:center; line-height: normal;}
.justify{text-align: justify; /* 或者 text-align: justify-all */}