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


/*
字体大小
12px= font-size: 0.375rem;
14px= font-size: 0.4375rem;
15px= font-size: 0.46875rem;
16px= font-size: 0.5rem;
*/


/***  全局  ***/
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
:after,:before{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}


html { -webkit-text-size-adjust:none; /*解决chrome浏览器下字体不能小于12px*/}
body,input { letter-spacing: 0.1em;}/*字符间距*/
body{ position: relative; width: 100%; max-width: 10rem; line-height: 1.4; margin: 0 auto; color: #333333; font-size: 0.4375rem; font-family: "Microsoft Yahei","微软雅黑","SimHei","黑体",sans-serif; overflow-x: hidden;}
/*font-family: "Arial","Helvetica","Microsoft Yahei","微软雅黑","SimHei","黑体",sans-serif; overflow-x: hidden;*/

ul,li,dl,dd,dt{ list-style-type:none;} h1,h2,h3,h4,h5,h6{ font-size: 0.4375rem; font-weight:normal;}

img { display: block; width: 100%; vertical-align: middle; border: none; -ms-interpolation-mode:bicubic;}
b,em,i{ font-weight: normal; font-style:normal;}
a{ display: inline-block; outline:none; text-decoration:none; color: #333333;} a:hover{ /*text-decoration:underline;*/}
a:active,a:hover{ outline:none;}
a{-webkit-appearance: none;-webkit-tap-highlight-color:rgba(255,0,0,0);}

/** 清除默认样式 **/
input { line-height: normal !important; outline: none;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important;}/*纯色的阴影覆盖谷歌表单自动填充默认样式底色*/
input[type="submit"], input[type="reset"], input[type="button"], input[type="text"], input[type="file"], input[type="password"], textarea, button { appearance:none; -moz-appearance:none; -webkit-appearance: none !important; /*去掉苹果的默认UI来渲染按钮*/}
/*input[type="checkbox"]::-ms-check, input[type="radio"]::-ms-check{ display: none;}*//*清除IE浏览器选择icon*/

textarea { resize: none;}
input, button, select, option, textarea { outline: none;}
input[type="number"] { -moz-appearance:textfield;}/**数字选择控件样式**/
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0;}
video { display: block; width: 100%; height: auto; object-fit: fill;}

/*表单placeholder属性*/
/*
input:-moz-placeholder { color: #ffffff; opacity: 1;}
input::-moz-placeholder { color: #ffffff; opacity: 1;}
input:-ms-input-placeholder { color: #ffffff; opacity: 1;}
input::-webkit-input-placeholder { color: #ffffff; opacity: 1;}
*/

/*滚动条修改样式*/
/*
::-webkit-scrollbar-button { display: none;}
::-webkit-scrollbar { width: 6px; border-radius: 10px; background-color: rgba(0,0,0,0.1);}
::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #0c4685;}
*/

/*背景渐变*/
/*
background-color: #fdb3bd;
background-image: -webkit-gradient(linear, left top, left bottom, from( #fdb3bd ), to( #feeaeb ));
background-image: -webkit-linear-gradient(top,#fdb3bd,#feeaeb);
background-image: -moz-linear-gradient(top,#fdb3bd,#feeaeb);
background-image: -ms-linear-gradient(top,#fdb3bd,#feeaeb);
background-image: -o-linear-gradient(90deg,#fdb3bd,#feeaeb);
background-image: linear-gradient(0deg,#fdb3bd,#feeaeb);
*/
/*字体渐变*/
/*
background: linear-gradient(to bottom, red, blue);
-webkit-background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
*/


/*清除浮动*/
.zoom:after{ content:'.'; display:block; clear:both; height:0; visibility:hidden; overflow:hidden;}

.table { display: table; width: 100%;}
.table_cell { display: table-cell;}
.table_row { display: table-row;}
.word_no { word-break: keep-all; word-wrap: normal; white-space: nowrap;}
.word { word-break: break-all; word-wrap: break-word; white-space: normal;}
.table.child_top .table_cell, table.child_top tr td { vertical-align: top;}
.table.child_bottom .table_cell, table.child_bottom tr td { vertical-align: bottom;}
.table.child_midd .table_cell, table.child_midd tr td { vertical-align: middle;}

/*子级宽度*/
.suit_child:after,
.row_child:after,
.row_child1:after,
.row_child2:after,
.row_child3:after,
.row_child4:after,
.row_child5:after { content:'.'; display:block; clear:both; height:0; visibility:hidden; overflow:hidden;}

ul.row_child  li, .row_child .item_child { display: inline-block; float: left; width: auto;}
ul.row_child1 li, .row_child1 .item_child { display: inline-block; float: left; width: 100%;}
ul.row_child2 li, .row_child2 .item_child { display: inline-block; float: left; width: 50%;}
ul.row_child3 li, .row_child3 .item_child { display: inline-block; float: left; width: 33.3333%;}
ul.row_child4 li, .row_child4 .item_child { display: inline-block; float: left; width: 25%;}
ul.row_child5 li, .row_child5 .item_child { display: inline-block; float: left; width: 20%;}

.row_child.word_no,
.row_child2.word_no,
.row_child3.word_no,
.row_child4.word_no,
.row_child5.word_no { width: 100%; overflow-x: auto; overflow-y: hidden;}

ul.row_child.word_no  li, .row_child.word_no .item_child,
ul.row_child2.word_no li, .row_child2.word_no .item_child,
ul.row_child3.word_no li, .row_child3.word_no .item_child,
ul.row_child4.word_no li, .row_child4.word_no .item_child,
ul.row_child5.word_no li, .row_child5.word_no .item_child { float: none;}

ul.row_child2.word_no li, .row_child2.word_no .item_child { width: auto; min-width: 50% !important;}
ul.row_child3.word_no li, .row_child3.word_no .item_child { width: auto; min-width: 33.3333% !important;}
ul.row_child4.word_no li, .row_child4.word_no .item_child { width: auto; min-width: 25% !important;}
ul.row_child5.word_no li, .row_child5.word_no .item_child { width: auto; min-width: 20% !important;}

.suit_child li { float: left;}
.suit_child li:first-child:nth-last-child(1),
.suit_child li:first-child:nth-last-child(1) ~ li {
	width: 100%;
}
.suit_child li:first-child:nth-last-child(2),
.suit_child li:first-child:nth-last-child(2) ~ li {
	width: 50%;
}
.suit_child li:first-child:nth-last-child(3),
.suit_child li:first-child:nth-last-child(3) ~ li {
	width: 33.3%;
}
.suit_child li:first-child:nth-last-child(4),
.suit_child li:first-child:nth-last-child(4) ~ li {
	width: 25%;
}
.suit_child li:first-child:nth-last-child(5),
.suit_child li:first-child:nth-last-child(5) ~ li {
	width: 20%;
}


/*大写字母*/
.capital { text-transform: uppercase !important;}
/*隐藏*/
.hide { opacity: 0; visibility: hidden; display: none;}

/*文字超出隐藏*/
.w_break{
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
/* 文字溢出虚点显示*/
.text_vert {
	text-overflow: ellipsis;
	display: -webkit-box !important;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 1;
}
.lc2 { -webkit-line-clamp: 2;}
.lc3 { -webkit-line-clamp: 3;}
.lc4 { -webkit-line-clamp: 4;}

/* 定位居中 */
.cente_c {/*居中*/
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.cente_l {/*水平居中*/
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	transform: translate(-50%,0);
}
.cente_v {/*垂直居中*/
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
}

/* width */
.wa{ width:auto;}
/* percent width value */
.pct10 { width: 10%; }
.pct15 { width: 15%; }
.pct16 { width: 16.66666667%; }
.pct20 { width: 20%; }
.pct25 { width: 25%; }
.pct30 { width: 30%; }
.pct33 { width: 33.33333333%; }
.pct40 { width: 40%; }
.pct48 { width: 48%; }
.pct50 { width: 50%; }
.pct60 { width: 60%; }
.pct66 { width: 66.66666667%; }
.pct70 { width: 70%; }
.pct75 { width: 75%; }
.pct80 { width: 80%; }
.pct90 { width: 90%; }
.pct100 { width: 100% !important; }

.tall10 { height: 10%;}
.tall15 { height: 15%;}
.tall20 { height: 20%;}
.tall25 { height: 25%;}
.tall30 { height: 30%;}
.tall33 { height: 33.33333333%;}
.tall35 { height: 35%;}
.tall40 { height: 40%;}
.tall50 { height: 50%;}
.tall60 { height: 60%;}
.tall65 { height: 65%;}
.tall66 { height: 66.66666667%;}
.tall70 { height: 70%;}
.tall75 { height: 75%;}
.tall80 { height: 80%;}
.tall90 { height: 90%;}
.tall100 { height: 100%;}


.pre2 { padding-right: 2.5em !important;}
.pre3 { padding-right: 3.5em !important;}
.pre4 { padding-right: 4.5em !important;}
.pre5 { padding-right: 5.5em !important;}
.pre6 { padding-right: 6.5em !important;}

/* 块状元素水平居中 */
.ma{ margin-left:auto; margin-right:auto;}

.mle1 { margin-left: 1em !important;}
.mle2 { margin-left: 2em !important;}
.mle3 { margin-left: 3em !important;}
.mre1 { margin-right: 1em !important;}
.mre2 { margin-right: 2em !important;}
.mre3 { margin-right: 3em !important;}

/* border-color */
.bdc { border: 1px solid #ccc; }
.blc { border-left: 1px solid #ccc; }
.brc { border-right: 1px solid #ccc; }
.btc { border-top: 1px solid #ccc; }
.bbc { border-bottom: 1px solid #ccc; }
.bdd { border: 1px solid #ddd; }
.bld { border-left: 1px solid #ddd; }
.brd { border-right: 1px solid #ddd; }
.btd { border-top: 1px solid #ddd; }
.bbd { border-bottom: 1px solid #ddd; }
.bde { border: 1px solid #eee; }
.ble { border-left: 1px solid #eee; }
.bre { border-right: 1px solid #eee; }
.bte { border-top: 1px solid #eee; }
.bbe { border-bottom: 1px solid #eee; }
/* border-radius */
.br0{ border-radius:0;}
.br2{ border-radius:2px;}
.br4{ border-radius:4px;}
.br6{ border-radius:6px;}
.br10{ border-radius:10px;}
.br12{ border-radius:12px;}
.br14{ border-radius:14px;}
.br15{ border-radius:15px;}
.brpct50{ border-radius:50%;}
.brpct100{ border-radius:100%;}

/* none */
.bd0{ border:none !important;}
.bs0{ box-shadow:none;}
.bg0{ background:none !important;}
.bgt{ background:transparent !important;}
/* float */
.float_l { float: left !important;}
.float_r { float: right !important;}
.float_n { clear: both !important; float: none !important;}
/* position */
.rel { position: relative; }
.abs { position: absolute; }
/*z-index*/
.zx1 { z-index: 1; }
.zx2 { z-index: 2; }
/* cursor 鼠标光标 */
.def { cursor: default; }/* 默认鼠标光标 */
.poi { cursor: pointer; }/* 指示链接的指针（一只手） */


/* display */
.dn { display: none !important; }
.di { display: inline; }
.db { display: block !important; }
.dib { display: inline-block; }

.dflex {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -moz-flex;
	display: -ms-flexbox;
}
.wrap{ flex-wrap: wrap; -webkit-flex-wrap: wrap;}/*在必要的时候拆行或拆列*/

.jc_fs{ justify-content: flex-start; -webkit-justify-content: flex-start;}/*子元素左对齐*/
.jc_c { justify-content: center; -webkit-justify-content: center;}/*子元素水平居中*/
.jc_fe{ justify-content: flex-end; -webkit-justify-content: flex-end;}/*子元素右对齐*/
.jc_sb{ justify-content: space-between; -webkit-justify-content: space-between;}/*子元素两端对齐*/
.jc_sa{ justify-content: space-around; -webkit-justify-content: space-around;}/*子元素分散对齐*/

.ac_s { align-content: stretch; -webkit-align-content: stretch;}/*子元素顶部对齐-拉伸空余位置*/
.ac_fs { align-content: flex-start; -webkit-align-content: flex-start;}/*子元素顶部对齐*/
.ac_c { align-content: center; -webkit-align-content: center;}/*子元素垂直居中*/
.ac_fe { align-content: flex-end; -webkit-align-content: flex-end;}/*子元素底部对齐*/
.ac_sb { align-content: space-between; -webkit-align-content: space-between;}/*子元素上下对齐*/
.ac_sa { align-content: space-around; -webkit-align-content: space-around;}/*子元素分散对齐*/

.ai_s { align-items: stretch; -webkit-align-items: stretch;}/*元素被拉伸以适应容器-默认值*/
.ai_fs { align-items: flex-start; -webkit-align-items: flex-start;}/*子元素顶部对齐*/
.ai_c { align-items: center; -webkit-align-items: center;}/*子元素垂直居中*/
.ai_fe { align-items: flex-end; -webkit-align-items: flex-end;}/*子元素底部对齐*/
.ai_b { align-items: baseline; -webkit-align-items: baseline;}/*子元素位于容器的基线上*/

/* overflow */
.ovh { overflow: hidden !important;}
.ova { overflow: auto !important;}
.ova_x { overflow-x: auto !important;}
.ova_y { overflow-y: auto !important;}
.ovh_x { overflow-x: hidden !important;}
.ovh_y { overflow-y: hidden !important;}
/* visibility */
.vh { visibility: hidden; }/* 元素不可见 */
.vv { visibility: visible; }/* 默认，元素可见 */
/* vertical-align属性设置元素的垂直对齐方式。 */
.va_m { vertical-align: middle; }
.va_tb { vertical-align: text-bottom; }
.va_b { vertical-align: bottom; }
.va_t { vertical-align: top; }
.vt-1{ vertical-align:-1px;}
.vt-2{ vertical-align:-2px;}
.vt-3{ vertical-align:-3px;}
.vt-4{ vertical-align:-4px;}


/* font-style */
.weight_n { font-weight: normal; font-style: normal;}
.weight_b { font-weight: 700; }
.style_i { font-style: italic; }
/* safe color */
.color_0 { color: #000000 !important;}
.color_3 { color: #333333 !important;}
.color_6 { color: #666666 !important;}
.color_9 { color: #999999 !important;}
.color_c { color: #cccccc !important;}
.color_f { color: #ffffff !important;}
/* font-size */
.f0 { font-size: 0 !important;}

/* text-align */
.text_c { text-align: center !important;}
.text_r { text-align: right !important;}
.text_l { text-align: left !important;}
.text_j { text-align: justify !important;}
/* text-decoration */
.tdu { text-decoration: underline;}/* 文本下的一条线 */
.tdl { text-decoration: line-through;}/* 删除线 */
.tdn,.tdn:hover,.tdn a:hover,a.tdl:hover{ text-decoration: none;}

/* css3过渡动画效果 */
.trans { -webkit-transition: all 0.3s; transition: all 0.3s;}