* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; outline: 0; -webkit-tap-highlight-color: transparent; margin: 0; padding: 0; }
/*文字两侧对齐*/
.justify { text-align: justify; text-justify: distribute-all-lines;/*ie6-8*/ text-align-last: justify;/* ie9*/ -moz-text-align-last: justify;/*ff*/ -webkit-text-align-last: justify;/*chrome 20+*/ }
html { font-size: 10px; background-color: #e5e5e5; /*对字体进行抗锯齿渲染可以使字体看起来会更清晰舒服*/
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
a { color: #333; text-decoration: none; }
a:hover{ color:#FE2370;}
input[type="text"], select { display: block; box-sizing: border-box; font-size: 1.6rem; background-color: #f9f9f9; border: 1px solid #e5e5e5;  border-radius: .5rem;
padding-left: 1rem; color: #333; height: 4rem; line-height: 4rem; outline: 0; }
textarea { display: block; border: 0; background: #eee;  border-radius: .5rem;
height: 8rem; padding: 3%; margin-bottom: 1rem; font-family: PingFangSC-Regular; outline: 0; font-size: 1.6rem; }
img {
 border-radius:.5rem; height: auto; vertical-align: middle; max-width: 100%; }
h1, h2, h3, h4, h5, h6, p, button { padding: 0; margin: 0; border: 0 }
li { list-style: none; }
.inline_block { display: inline-block!important; }
.inline_flex { display: inline-flex!important; }
.cf { content: ''; display: table; clear: both; }
.none { display: none!important; }
.clear { clear: both; }
/*外边距*/
.m_0 { margin: 0rem!important; }
.m_5 { margin:.5rem!important;
}
.m_10 { margin: 1rem!important; }
.m_15 { margin: 1.5rem!important; }
.m_20 { margin: 2rem!important; }
.m_t5 { margin-top: 0.5rem!important; }
.m_t10 { margin-top: 1rem!important; }
.m_t15 { margin-top: 1.5rem!important; }
.m_t20 { margin-top: 2rem!important; }
.m_t25 { margin-top: 2.5rem!important; }
.m_t30 { margin-top: 3rem!important; }
.m_t35 { margin-top: 3.5rem!important; }
.m_t40 { margin-top: 4rem!important; }
.m_r5 { margin-right:.5rem!important;
}
.m_r10 { margin-right: 1rem!important; }
.m_r15 { margin-right: 1.5rem!important; }
.m_r20 { margin-right: 2rem!important; }
.m_r25 { margin-right: 2.5rem!important; }
.m_r30 { margin-right: 3rem!important; }
.m_r35 { margin-right: 3.5rem!important; }
.m_b5 { margin-bottom:.5rem!important;
}
.m_b10 { margin-bottom: 1rem!important; }
.m_b15 { margin-bottom: 1.5rem!important; }
.m_b18 { margin-bottom: 1.8rem!important; }
.m_b20 { margin-bottom: 2rem!important; }
.m_b25 { margin-bottom: 2.5rem!important; }
.m_b30 { margin-bottom: 3rem!important; }
.m_b35 { margin-bottom: 3.5rem!important; }
.m_l5 { margin-left:.5rem!important;
}
.m_l10 { margin-left: 1rem!important; }
.m_l15 { margin-left: 1.5rem!important; }
.m_l20 { margin-left: 2rem!important; }
.m_l25 { margin-left: 2.5rem!important; }
.m_l30 { margin-left: 3rem!important; }
.m_l35 { margin-left: 3.5rem!important; }
/*内边距*/
.p_0 { padding: 0rem!important; }
.p_5 { padding:.5rem!important;
}
.p_10 { padding: 1rem!important; }
.p_15 { padding: 1.5rem!important; }
.p_20 { padding: 2rem!important; }
.p_t5 { padding-top:.5rem!important;
}
.p_t10 { padding-top: 1rem!important; }
.p_t15 { padding-top: 1.5rem!important; }
.p_t20 { padding-top: 2.0rem!important; }
.p_t25 { padding-top: 2.5rem!important; }
.p_r5 { padding-right:.5rem!important;
}
.p_r10 { padding-right: 1rem!important; }
.p_r15 { padding-right: 1.5rem!important; }
.p_r20 { padding-right: 2.0rem!important; }
.p_r25 { padding-right: 2.5rem!important; }
.p_b5 { padding-bottom:.5rem!important;
}
.p_b10 { padding-bottom: 1rem!important; }
.p_b15 { padding-bottom: 1.5rem!important; }
.p_b20 { padding-bottom: 2.0rem!important; }
.p_b25 { padding-bottom: 2.5rem!important; }
.p_l5 { padding-left:.5rem!important;
}
.p_l10 { padding-left: 1rem!important; }
.p_l15 { padding-left: 1.5rem!important; }
.p_l20 { padding-left: 2.0rem!important; }
.p_l25 { padding-left: 2.5rem!important; }
/*百分比宽度*/
.width_100 { width: 100% }
.width_98 { width: 98% }
.width_90 { width: 90% }
.width_88 { width: 88% }
.width_80 { width: 80% }
.width_78 { width: 78% }
.width_70 { width: 70% }
.width_68 { width: 68% }
.width_60 { width: 60% }
.width_58 { width: 58% }
.width_49 { width: 49% }
.width_48 { width: 48% }
.width_47 { width: 47% }
.width_40 { width: 40% }
.width_38 { width: 38%; }
.width_32 { width: 32% }
.width_30 { width: 30%; }
.width_28 { width: 28% }
.width_24 { width: 24% }
.width_23 { width: 23% }
.width_20 { width: 20% }
.width_18 { width: 18% }
.width_12 { width: 12% }
.width_10 { width: 10% }
.width_9 { width: 9% }
.width_8 { width: 8% }
.width_auto_2 { width: 49% }
.width_auto_3 { width: 32% }
.width_auto_4 { width: 23.5% }
.width_auto_5 { width: 18.4% }
.width_auto_6 { width: 14.8% }
.width_auto_7 { width: 12.57% }
.width_auto_8 { width: 11.8% }
.width_auto_9 { width: 9.33% }
/*文字大小*/
.f_s0, .text_0 { font-size: 0; }
.f_s10, .text_10 { font-size: 1rem !important; }
.f_s12, .text_12 { font-size: 1.2rem!important; }
.f_s13, .text_13 { font-size: 1.3rem!important; }
.f_s14, .text_14 { font-size: 1.4rem!important; }
.f_s15, .text_15 { font-size: 1.5rem!important; }
.f_s16, .text_16 { font-size: 1.6rem!important; }
.f_s17, .text_17 { font-size: 1.7rem!important; }
.f_s18, .text_18 { font-size: 1.8rem!important; }
.f_s19, .text_19 { font-size: 1.9rem!important; }
.f_s20, .text_20 { font-size: 2.0rem!important; }
.f_s22, .text_22 { font-size: 2.2rem!important; }
.f_s24, .text_24 { font-size: 2.4rem!important; }
.f_s26, .text_26 { font-size: 2.6rem!important; }
.f_s28, .text_28 { font-size: 2.8rem!important; }
.f_s30, .text_30 { font-size: 3.0rem!important; }
.f_s32, .text_32 { font-size: 3.2rem!important; }
/*文字颜色*/
.co_m { color: #4d5847; }
.co_3 { color: #93b7ff; }
.co_000 { color: #000; }
.co_333 { color: #333; }
.co_444 { color: #444; }
.co_666 { color: #666; }
.co_999 { color: #999; }
.co_ccc { color: #ccc; }
.co_fff { color: #fff; }
.co_caa { color: #caa456; }
.co_ca6 { color: #ccaa66; }
/*文字粗细*/
.text_lighter, .f_w100 { font-weight: lighter !important; }
.text_light { font-weight: 300 !important; }
.text_normal, .f_w400 { font-weight: 400 !important; }
.text_bold, .f_w700 { font-weight: 700 !important; }
.text_bolder { font-weight: 900 !important; }
.text_Abc { text-transform: Capitalize; }
.text_ABC { text-transform: Uppercase; }
.text_del { text-decoration: line-through; }
.text_bottomline { text-decoration: underline; }
.text_italic { font-style: italic; }
.text_style_none { text-decoration: none; }
.text_price:before { content: "\a5"; font-size: 80%; margin-right: 2px }
.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 }
/*文字对齐*/
.text_a_l { text-align: left; }
.text_a_c { text-align: center; margin: 0 auto; }
.text_a_r { text-align: right; }
/*文字行高*/
.line_h10 { line-height: 1; }
.line_h11 { line-height: 1.1; }
.line_h12 { line-height: 1.2; }
.line_h13 { line-height: 1.3; }
.line_h14 { line-height: 1.4; }
.line_h15 { line-height: 1.5; }
.line_h16 { line-height: 1.6; }
.line_h17 { line-height: 1.7; }
.line_h18 { line-height: 1.8; }
.line_h19 { line-height: 1.9; }
.line_h20 { line-height: 2; }
.line_h10_rem { line-height: 1rem; }
.line_h15_rem { line-height: 1.5rem; }
.line_h20_rem { line-height: 2rem; }
.line_h25_rem { line-height: 2.5rem; }
.line_h30_rem { line-height: 3rem; }
.line_h35_rem { line-height: 3.5rem; }
.line_h40_rem { line-height: 4rem; }
.line_h45_rem { line-height: 4.5rem; }
.line_h50_rem { line-height: 5rem; }
/*背景色*/
.bg_gray { background-color: gray }
.bg_whitesmoke { background-color: whitesmoke }
.bg_bisque { background-color: bisque }
.bg_aliceblue { background-color: aliceblue }
.bg_lavender { background-color: Lavender!important; }
.bg_white { background-color: white }
.bg_black { background-color: black }
.bg_yellow { background: #fbbd08!important; }
.bg_orange { background: #f37b1d!important; }
.bg_red { background: #e54d42!important; }
.bg_pink { background: #e03997!important; }
.bg_mauve { background: #b745cb!important; }
.bg_purple { background: #905ddf!important; }
.bg_blue { background: #0081ff!important; }
.bg_cyan { background: #1cbbb4!important; }
.bg_green { background: #3eb93b!important; }
.bg_olive { background: #8dc63f!important; }
.bg_grey { background: #8799a3!important; }
.bg_brown { background: #a5673f!important; }
.bg_c1 { background: #5A72A3; }
.bg_c2 { background: #2ea7e0; }
.bg_c3 { background: #FE2370; }
.bg_c4 { background: #ED3713; }
.bg_c5 { background: #FF6B57; }
.bg_c6 { background: #FF268B; }
.bg_c7 { background: #FF5757; }
.bg_c8 { background: #ff9900; }
.bg_c9 { background: #F37b1d; }
.bg_c10 { background: #19be6b; }
.bg_c11 { background: #8dc63f; }
.bg_c12 { background: #6bc30d; }
.bg_c13 { background: #3eb93b; }
.bg_c14 { background: #000; }
.bg_c15 { background: #137083; }
.bg_c16 { background: #a5673f }
.bg_c17 { background: #8799a3 }
.bg_c18 { background: #666; }
.bg_yellow_grad { background-image: linear-gradient(45deg, #f5fe00, #f60)!important; }
.bg_orange_grad { background-image: linear-gradient(45deg, #ff9700, #ed1c24)!important; }
.bg_red_grad { background-image: linear-gradient(45deg, #f33a41, #ed0586)!important; }
.bg_pink_grad { background-image: linear-gradient(45deg, #fea894, #ff1047)!important }
.bg_mauve_grad { background-image: linear-gradient(45deg, #c01f95, #7115cc) !important; }
.bg_purple_grad { background-image: linear-gradient(45deg, #9829ea, #5908fb)!important }
.bg_blue_grad { background-image: linear-gradient(45deg, #00b8f9, #0166eb) !important; }
.bg_cyan_grad { background-image: linear-gradient(45deg, #06edfe, #48b2fe)!important }
.bg_green_grad { background-image: linear-gradient(45deg, #3ab54a, #8cc63f) !important; }
.bg_olive_grad { background-image: linear-gradient(45deg, #90e630, #39d266)!important }
.bg_grey_grad { background-image: linear-gradient(45deg, #9aadb9, #354855) !important; }
.bg_brown_grad { background-image: linear-gradient(45deg, #ca6f2e, #cb1413)!important }
.bg_yellow_thin { background-color: rgba(251,189,8,.1) !important; }
.bg_orange_thin { background-color: rgba(243,123,29,.1) !important; }
.bg_red_thin { background-color: rgba(229,77,66,.1) !important; }
.bg_pink_thin { background-color: rgba(224,57,151,.1) !important; }
.bg_mauve_thin { background-color: rgba(183,69,203,.1) !important; }
.bg_purple_thin { background-color: rgba(128,68,222,.1) !important; }
.bg_blue_thin { background-color: rgba(0,129,255,.1) !important; }
.bg_cyan_thin { background-color: rgba(55,192,254,.1) !important; }
.bg_green_thin { background-color: rgba(62,185,59,.1) !important; }
.bg_olive_thin { background-color: rgba(141,198,63,.1) !important; }
.bg_grey_thin { background-color: rgba(135,153,163,.1) !important; }
.bg_brown_thin { background-color: rgba(165,103,63,.1) !important; }
.bg_yellow_light { background-image: linear-gradient(45deg, #fff, #fef5da) !important; }
.bg_orange_light { background-image: linear-gradient(45deg, #fff, #fdebdd) !important; }
.bg_red_light { background-image: linear-gradient(45deg, #fff, #fbe4e3) !important; }
.bg_pink_light { background-image: linear-gradient(45deg, #fff, #fae1ef) !important; }
.bg_mauve_light { background-image: linear-gradient(45deg, #fff, #f4e3f7) !important; }
.bg_purple_light { background-image: linear-gradient(45deg, #fff, #ece3fa) !important; }
.bg_blue_light { background-image: linear-gradient(45deg, #fff, #d9ecff) !important; }
.bg_cyan_light { background-image: linear-gradient(45deg, #fff, #e1f6ff) !important; }
.bg_green_light { background-image: linear-gradient(45deg, #fff, #e2f5e2) !important; }
.bg_olive_light { background-image: linear-gradient(45deg, #fff, #eef6e2) !important; }
.bg_grey_light { background-image: linear-gradient(45deg, #fff, #edf0f1) !important; }
.bg_brown_light { background-image: linear-gradient(45deg, #fff, #f2e8e2) !important; }
.bg_dark_9 { background-color: #999!important; }
.bg_dark_8 { background-color: #888!important; }
.bg_dark_7 { background-color: #777!important; }
.bg_dark_6 { background-color: #666!important; }
.bg_dark_5 { background-color: #555!important; }
.bg_dark_4 { background-color: #444!important; }
.bg_dark_3 { background-color: #333!important; }
.bg_dark_2 { background-color: #222!important; }
.bg_dark_1 { background-color: #111!important; }
.bg_gray_f { background-color: #f8f9fa!important; }
.bg_gray_e { background-color: #eee!important; }
.bg_gray_d { background-color: #ddd!important; }
.bg_gray_c { background-color: #ccc!important; }
.bg_gray_b { background-color: #bbb!important; }
.bg_gray_a { background-color: #aaa!important; }
/*文本颜色*/
.text_yellow { color: #fbbd08!important }
.text_orange { color: #f37b1d!important }
.text_red { color: #e54d42!important }
.text_pink { color: #e03997!important }
.text_mauve { color: #b745cb!important }
.text_purple { color: #8044de!important }
.text_blue { color: #0081ff!important }
.text_cyan { color: #37c0fe!important }
.text_green { color: #3eb93b!important }
.text_olive { color: #8dc63f!important }
.text_grey { color: #8799a3!important }
.text_brown { color: #a5673f!important }
.text_white { color: #fff !important; }
.text_gray_f { color: #f8f9fa !important; }
.text_gray_e { color: #eee !important; }
.text_gray_d { color: #ddd !important; }
.text_gray_c { color: #ccc !important; }
.text_gray_b { color: #bbb !important; }
.text_gray_a { color: #aaa !important; }
.text_dark_9 { color: #999 !important; }
.text_dark_8 { color: #888 !important; }
.text_dark_7 { color: #777 !important; }
.text_dark_6 { color: #666 !important; }
.text_dark_5 { color: #555 !important; }
.text_dark_4 { color: #444 !important; }
.text_dark_3 { color: #333 !important; }
.text_dark_2 { color: #222 !important; }
.text_dark_1 { color: #111 !important; }
.text_black { color: #000 !important; }
/*文本对齐*/
.text_left { text-align: left !important; }
.text_center { text-align: center !important; }
.text_right { text-align: right !important; }
/* 文字截断*/
.text_cut { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
[class*=text-linecut] {
 display:-webkit-box;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:2;
 overflow:hidden;
 word-break:break-all
}
.text_linecut_2 { -webkit-line-clamp: 2 }
.text_linecut_3 { -webkit-line-clamp: 3 }
.text_linecut_4 { -webkit-line-clamp: 4 }
.text_linecut_5 { -webkit-line-clamp: 5 }
.text_linecut_6 { -webkit-line-clamp: 6 }
.text_linecut_7 { -webkit-line-clamp: 7 }
.text_linecut_8 { -webkit-line-clamp: 8 }
.text_linecut_9 { -webkit-line-clamp: 9 }
.text_linecut_10 { -webkit-line-clamp: 10 }
/*圆角*/
.radius { border-radius: 5px!important; }
.radius_50 { border-radius: 50%!important }
.radius_sm { border-radius: 3px!important }
.radius_lg { border-radius: 20px!important }
.radius_0 { border-radius: 0!important }
.round { border-radius: 500px!important }
.round_circle { border-radius: 50%!important }
.radius_top { border-top-left-radius: 5px!important; border-top-right-radius: 5px!important }
.radius_right { border-bottom-right-radius: 5px!important; border-top-right-radius: 5px!important }
.radius_bottom { border-bottom-left-radius: 5px!important; border-bottom-right-radius: 5px!important }
.radius_left { border-bottom-left-radius: 5px!important; border-top-left-radius: 5px!important }
.radius_rl { border-bottom-left-radius: 5px !important; border-top-right-radius: 5px !important; }
.radius_lr { border-bottom-right-radius: 5px !important; border-top-left-radius: 5px !important; }
.btn { height: 4rem; line-height: 4rem; text-align: center; font-size: 1.5rem; color: #333;  border-radius: .5rem;
margin-bottom: 1rem; background: #e2eafe; background-color: rgb(226, 234, 254); border: none; }
.btn_no_c { height: 4rem; line-height: 4rem; text-align: center; font-size: 1.5rem;  border-radius: .5rem;
margin-bottom: 1rem; border: none; }
.app-vip { background: url(/images/vip.png) no-repeat; background-color: rgba(0, 0, 0, 0); background-size: auto; background-size: 4rem auto; }
.form-test { height: 4rem; line-height: 4rem; margin-left: 1rem; }
.flex-wrap { display: flex; flex-wrap: wrap; overflow: hidden; }
.flex-row { display: flex; flex-wrap: nowrap; flex-direction: row; overflow: hidden }
.justify-space-between { justify-content: space-between; }
.dis_inblock { display: inline-block; vertical-align: top; }
.dis_block { display: block; }
.public-box { background-color: #fff;  margin: 0 .2rem 1rem .2rem;
padding: 1rem 1rem 1rem 1rem; }
/*面包屑
.bread-wrap {
  padding: 1rem 0 1rem 1rem;
  font-size: 1.3rem;
  color: #999;
  background-color: #f8f8f8;
}
.bread-wrap a {
 color:#444;
 opacity:.8
}
*/

/*面包屑*/
.bread-wrap { max-width: 1170px; width: 100%; margin: 0 auto; margin-top: 1rem; font-size: 1.2rem; position: relative; z-index: 2; color: #666; }
.bread-wrap.noshow { display: none; }
.bread-wrap a { font-size: 1.2rem; color: #666; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.bread-wrap a:hover { color: #448EF6; }
.bread-wrap i { font-size: 1.4rem; color: #aaa; }
/*带标题说明框*/
.public-tip-panel { position: relative; font-size: 1.4rem; color: #666; padding: 2.5rem 1.7rem 1.2rem; background-color: #f4f9ff;  border-radius:.5rem;
margin: 2rem 0 1.5rem }
.tip-panel-title { position: absolute; left: 0; top: 0; font-size: 1.6rem; text-align: center; background-color: #dde8f7; color: #333;  padding:.4rem 1.5rem;
line-height: 2.2rem;  border-top-left-radius:.5rem;
 border-bottom-right-radius:.5rem;
font-weight: 600 }
.tip-panel-des { margin-top: 1.5rem }
.border_left { padding-left: 1.2rem; border-left: 5px solid #FE2370; height: 2rem }
.box-title { height: 2.5rem; line-height: 2.5rem; margin-top: 1rem }
.text-title { font-size: 1.8rem; font-weight: 600; }
.text-label { font-size: 1.3rem; color: #999; background-color: #eee; padding: 0 1rem; border-radius: 3rem }
/*带图片文章列表*/
.box-img-menu-list { overflow: hidden; margin-top: 1rem; }
.box-img-menu-list>a { text-align: left; overflow: hidden; width: 100%; border-bottom: 1px solid #e2e2e2; }
.box-img-menu-list>a:last-child { border-bottom: 0px solid #666; }
.box-img-menu-list>a img { width: 15rem; height: 10rem;  margin:.5rem 0 .5rem .5rem;
}
.box-img-menu-list>a span { font-size: 1.4rem; line-height: 1.8rem; color: #999; overflow: hidden;  margin-bottom:.5rem;
text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.box-img-menu-list>a h4 { font-size: 1.8rem;  margin-bottom:.5rem;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 400; }
/* 文章列表 */
.box-article-list { overflow: hidden; margin-top: 1rem }
.box-article-list a { overflow: hidden; height: 4rem; line-height: 4rem; display: block;  padding:0 .5rem;
font-size: 1.5rem; border-bottom: 1px solid #e2e2e2; }
.box-article-list>a:last-child { border-bottom: 0px solid #666; }
/*白色背景说明框*/
.box-text-label { font-size: 1.3rem; color: #888; margin-top: 0; background: #fff;  padding:0 .5rem 1rem .5rem;
height: 100%; }
.box-text-label p {
 margin:.6rem 0; line-height: 2 }
.box-text-label li { list-style-type: none; }
.box-text-label img { max-width: 35rem; }
/* 带序号文章列表 */
.box-iarticle-list { padding: 1rem; box-shadow: 0 0 2rem rgba(0,0,0,0.01);  border-radius:.3rem;
}
.box-iarticle-list ul { font-size: 0; display: block; }
.box-iarticle-list li { padding-left: 2rem;  margin:.7rem 0;
position: relative; list-style-type: none; height: 2.8rem; line-height: 2.8rem; overflow: hidden; font-size: 1.5rem; text-overflow: ellipsis; white-space: nowrap; }
.box-iarticle-list li .li-icon { /*样式一*/ width: 1rem; height: 1rem; line-height: 1rem; text-align: center; display: block; position: absolute; left: 0;  top: 1rem;
background: #edefee; border-radius: 5rem; font-size: 1.5rem; font-family: Roboto-Light; color: #666; }
.box-iarticle-list li .li-icon2 {  /*样式二*/ width: 2rem; height: 2rem; line-height: 2rem; text-align: center; display: block; position: absolute; left: 0;  top: .4rem;
background: #f3f4f9; border-radius: 5rem; font-size: 1.5rem; color: #50555a; border-top-right-radius: 0; }
.box-iarticle-list li .icon-1, .box-iarticle-list li .icon-2, .box-iarticle-list li .icon-3 { color: #fff; }
.box-iarticle-list li .icon-1 { background-color: #FF6B57; }
.box-iarticle-list li .icon-2 { background-color: #2ea7e0; }
.box-iarticle-list li .icon-3 { background-color: #6bc30d; }
/*时间轴*/
.widget { font-size: 1.5rem; }
.widget li { height: auto; line-height: 2.4rem; padding-left: 1.8rem; margin:.8rem 0 0;
position: relative; white-space: inherit; overflow: inherit; list-style: none; }
.widget li.nolist { padding-left: 1.4rem; color: #9ca0ad; }
.widget li h4 span { cursor: pointer }
.widget .time { font-size: 1.2rem; color: #9ca0ad }
.widget .dot {
width: .2rem; position: absolute; top: 1rem; bottom: -1.5rem; left:.1rem;
background: #f5f5f7 }
.widget li:last-child .dot { background: none }
.widget .dot:before, .widget .dot:after { content: ''; width: 100%; height: 100%; position: absolute; display: block; border-radius: 3rem; left:-.3rem;
top:-.2rem;
background: rgba(255,255,255,0.85); }
.widget .dot:before {
width:.8rem;
height:.8rem;
border: .1rem solid #448EF6; z-index: 2; background: rgba(255,255,255,1); opacity: .68; }
.widget .dot:after { width: 1.2rem; height: 1.2rem; z-index: 1; left: -.5rem;
top: -.4rem;
}
.widget .info { font-size: 1.3rem; line-height: 1.6; color: #9ca0ad; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; text-align: justify; text-justify: distribute-all-lines; -webkit-text-align-last: justify; }
.widget .info a { color: #9ca0ad; }
.widget .info a:hover { color: #448EF6; }
/*搜索*/
.search { position: relative; }
.search input { width: 100%; border-radius: 5rem; font-size: 1.4rem; padding:.8rem 3rem .8rem 1rem;
border: .1rem solid #f1f1f1;
}
.search button { position: absolute; border: medium none; background: none; padding: 8px; top:-.1rem;
right: .2rem;
cursor: pointer }
.search button i { font-size: 1.8rem; color: #448EF6; font-style: normal; }
/*无分隔符列表*/
.kd-list { margin-top: 1rem; overflow: hidden; }
.kd-list a { width: 100%;  padding:.8rem.5rem;
color: #333; font-size: 1.5rem; }
/* Tags列表*/
.box-menu-list { margin-top: 1.5rem; }
.box-menu-list>a { height: 4rem; line-height: 4rem; text-align: center; overflow: hidden; font-size: 1.5rem; margin-bottom: 1.4rem; background-color: #f2f2f2; padding: 0 1%;  border-radius: .5rem
}
.box-no-menu-list { margin-top: 1.5rem; }
.box-no-menu-list>a { height: 4rem; line-height: 4rem; text-align: center; overflow: hidden; margin-bottom: 1.4rem; padding: 0 1%;  border-radius: .5rem
}
/*说明框*/
.box-text-des { line-height: 2; background-color: #f8f8f8; padding: 1.5rem;  border-radius: .5rem;
color: #555; margin-top: 2rem; font-size: 1.5rem }
.box-words-wrap { height: 10rem; overflow: auto;  padding: .5rem 1rem;
border-radius: 5px; background: #f4f9ff; }
.box-words-wrap span { font-family: PingFangSC-Regular; font-size: 1.6rem; color: #333; }
/*pc带图片列表*/
.box-art { min-height: 30rem; }
.box-art .post { padding: 2rem; background: rgba(255,255,255,1); box-shadow: 0 0 2rem rgba(0,0,0,0.01); border-radius:.3rem;
margin-bottom: 1rem; overflow: hidden; position: relative; }
.post .post-media { width: 21rem; height: auto; position: relative; float: left; font-size: 0; border-radius:.3rem;
overflow: hidden; margin-right: 1rem; }
.post .post-media img { width: 100%; height: 15rem; object-fit: cover; object-position: center; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.post .post-media img:hover { transform: scale(1.1); }
.post .post-content { font-size: 1.4rem; line-height: 1.6; color: #666; overflow: hidden; }
.post .post-content .umInfo { text-align: justify; display: block; max-height: 4.4rem; overflow: hidden; }
.post .post-content p.info { margin: 1rem 0 0 0; text-align: left; font-size: 0; }
.post .post-content p.info i { vertical-align: -1px; padding-right: 3px; }
.post .post-content p em { font-size: 1.2rem; color: #9ca0ad; letter-spacing: 0rem; margin-right: 1rem; }
.post .post-content p em.ceta a {/*border-bottom: 1px solid currentColor;*/ color: #9ca0ad; }
.post .post-title { margin: 1.3rem 0 1rem; font-size: 2rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.post .post-title a { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.post .post-title em { color: #f66 }
.post .post-title b { color: #50c692; font-weight: normal; }
.post .post-title { margin: 0px 0 1rem; }
/*相关推荐*/
.relevant { width: 100%; box-shadow: 0 0 2rem rgba(42,42,46,.02); background: #fff; margin: 0px 0 2.5rem 0; padding: 2rem; margin-top: 1rem }
.relevant .title h4 { padding: 0 0 1rem 0; font-size: 1.8rem; margin-bottom: 0rem; position: relative; }
.relevant .title h4:before { position: absolute; width: 3rem; height:.2rem;
display: block; content: " "; border-radius: 5rem; background: #FE2370; left: 0; bottom: 0rem; opacity: .8; }
.relevant .post { padding: 1rem 0; border-bottom: 1px solid #f2f4f9; margin: 0; box-shadow: none }
.relevant .post.last {
padding:3rem 0 .5rem; border-bottom: none }
.relevant .post .post-title { margin: 0rem 0 1rem; font-size: 2rem; font-weight: 400 }
.relevant .post.big .post-title { margin-top: 1.2rem; }
.relevant .post { box-shadow: 0 0 2rem rgba(0,0,0,0.01);  border-radius: .3rem;
margin-bottom: 1rem; overflow: hidden; position: relative; }
/*列表子分类*/
.subcate {
padding:1.5rem .6rem; background: rgba(255,255,255,1); box-shadow: 0 0 2rem rgba(0,0,0,0.01); margin-bottom: 1rem; }
.subcate ul { font-size: 0; }
.subcate li { display: inline-block; font-size: 1.4rem; padding: 0 1.6rem; position: relative; }
.subcate li a { line-height: 3.6rem; }
.subcate li:after { content: '/'; position: absolute; top: .8rem;
right: -.4rem;
color: #9ca0ad; opacity: .28 }
.subcate li:last-child { padding: 0 0 0 1.6rem; }
.subcate li:last-child:after { display: none }
.subcate li.active a { color: #448EF6 }
/*分页样式*/
.page { margin: 0 auto; text-align: center; list-style: none; font-size: 1.4rem; width: 100%; }
.page a, .page p { padding: 5px 10px; cursor: pointer; }
.page .cur { margin: 5px; background-color: #FE2370; color: white; border: solid thin #fff; }
.page a, .page p { border: solid thin #DDDDDD; margin: 5px; }
.page a:hover { border: solid thin #FE2370; background-color: #FE2370; color: white; }
.page p { border: solid thin #DDDDDD; margin: 5px; background-color: #DDDDDD; }
.isTop {
padding:.1rem .6rem .2rem; border: 0rem solid currentColor; font-size: 1.2rem; font-weight: normal; vertical-align: .3rem;
margin-right: .5rem;
display: inline-block; color: #fff }