@charset "utf-8";
.pop_node { width:375px; line-height:1.4em; padding:1px 0 20px; position:relative; z-index:1; background:#107ae5 url(../images/popbg1.jpg) no-repeat 0 0/100% auto;}
.pop_node2 { background-color:#0cbb75;}
.pop_node .pop_user { position:absolute; top:22px; right:0; height:52px; border-radius: 26px 0 0 26px; background-color:rgba(0,0,0,0.3); padding: 7px 10px 0 52px; color: #fff; font-size: 14px; box-sizing: border-box; line-height:20px;}
.pop_node .pop_user .pop_user_img { border:2px solid #fff; height: 32px; width: 32px; border-radius: 18px; position: absolute; left: 8px; top: 8px;}
.pop_node .pop_logo { height:52px; margin:20px 20px 10px;}
.pop_node .pop_logo img { height:52px; vertical-align:top;}
.pop_node .pop_title_big { text-align:center; color:#fff; font-size:32px; line-height:1.5em; font-weight:bold; letter-spacing:4px; word-break:break-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 20px;}
.pop_node .pop_title_big2 { background-color: rgba(0,0,0,.4); color: #ffe896; font-style: italic; margin: 10px 60px; font-size: 22px; text-align: center; font-weight: bold; line-height: 40px; border-radius: 5px; white-space: nowrap; word-break: break-all; overflow: hidden; text-overflow: ellipsis; padding: 0 12px;}
.pop_node .pop_content { margin:10px 20px 0; background-color:#fff; border-radius:10px; position:relative; z-index:1;}
.pop_node .pop_content .pop_inner { padding:15px 20px 10px; position:relative;z-index: 1;}
.pop_node .pop_content .pop_inner .pop_inner_poimg { line-height:50px; margin-bottom:8px;}
.pop_node .pop_content .pop_inner .pop_inner_poimg img { float:left; width:50px; height:50px; margin-right: 10px;}
.pop_node .pop_content .pop_cate { color:#fff; background-color:#ff775c; border-radius: 0 12px 12px 0; position: absolute; left: 0; top: 8px; font-size: 14px; padding: 0 10px; line-height: 24px;z-index: 2;}
.pop_node .pop_content .pop_cate2 { background-color:#5c9bff;}
.pop_node .pop_content .pop_cate3 { color:#FF6440; background-color:#FFECE8; left:auto; right:10px; top:28px; border-radius:3px;}
.pop_node .pop_content .pop_cate:before { display:none; content:''; position:absolute; left:0; bottom:-10px; width:0; height:0; border-style:solid; border-color:#c52100 transparent transparent transparent; border-width:5px;}
.pop_node .pop_content .pop_cate2:before { border-color:#0245b0 transparent transparent transparent;}
.pop_node .pop_content .pop_cate3:before { display:none;}

.pop_node .pop_content .pop_tit { color:#333; font-size:16px; margin:22px 0 6px; overflow:hidden;}
.pop_node .pop_content .pop_img { max-width:100%; max-height:200px; vertical-align:top; margin: 0 auto 6px; display: block;}
.pop_node .pop_content .pop_img2 { margin:0 -5px 5px; height:90px;}
.pop_node .pop_content .pop_img2 .fll { float:left; width:50%; box-sizing:border-box;padding: 5px 5px 0; height: 90px; overflow: hidden;}
.pop_node .pop_content .pop_img2 img { width:100%;}
.pop_node .pop_content .pop_p { margin-top: 3px; font-size:12px; color:#666;}
.pop_node .pop_content .pop_p img { height:17px; margin-right:6px; vertical-align:-4px;}
.pop_node .pop_p2 { margin-top: 6px; font-size: 12px; color: #666;}
.pop_node .pop_p2 em { display:inline-block; margin-right:10px; font-weight:normal; color:#aaa; font-size:12px;}

.pop_node .pop_line { border-bottom:1px dashed #eee; position:relative; z-index:1;}
.pop_node .pop_line:before,.pop_node .pop_line:after { content:''; display:block; width:18px; height:18px; border-radius:9px; position:absolute; right:-9px; top:-9px; background-color:#107be5;}
.pop_node2 .pop_line:before,.pop_node2  .pop_line:after { background-color:#0cbb75;}
.pop_node .pop_line:before { left:-9px; right:auto;}
.pop_node .pop_line2:before,.pop_node .pop_line2:after { background-color:#0bbc74;}
.pop_node .pop_qr_img {width: 96px; position: absolute; right: 15px; top: 10px;}
.pop_node .pop_qr_txt { padding-top:5px; color:#999; line-height:26px;}
.pop_node .pop_qr_txt em { display:block; margin-bottom:8px;}
.pop_node .pop_qr_txt em img { width:23px; vertical-align:top;}

.pop_node .tab_flex { margin:25px 0 10px;}
.pop_node .tab_flex ul { display:flex; width:100%; padding:0; margin:0;}
.pop_node .tab_flex ul li { flex:1; width:25%; color:#999; font-size:12px; margin:0; list-style:none; text-align:center; position:relative; z-index:1;}
.pop_node .tab_flex ul li.display10 { display:block;}
.pop_node .tab_flex ul li:after { content:''; display:block; position:absolute; right:0; top:3px; width:1px; background-color:#F0F0F0; height:44px;}
.pop_node .tab_flex ul li:last-child:after { display:none;}
.pop_node .tab_flex ul li em { margin-bottom:5px; color:#FF6142;font-size: 16px; font-style: normal; display: block; word-break: break-all; overflow: hidden; height: 22px;}
.pop_tag { margin-bottom:15px;}

.pop_node .tab_flex_bigfont ul li em { font-size:20px; font-weight:bold;}
.pop_node .tab_flex_bigfont ul li em s { text-decoration:none; font-size:12px; color:#666;}

.pop_node .pop_light { color:#999; font-size:14px; white-space: nowrap; word-break: break-all; overflow: hidden; text-overflow: ellipsis; margin-top: 8px;}
.pop_node .pop_light img { width:14px; vertical-align: -2px; margin-right: 3px;}
.pop_node .pop_light s { text-decoration:none; font-weight:bold;}
.pop_node .pop_light s:after { display:inline-block; margin:0 6px; width:1px; height:14px; background-color:#ddd; vertical-align:-2px; content:'';}

.pop_tag span { margin-right:8px; font-size:12px; color:#0CBB73; border:1px solid #0CBB73; display:inline-block; vertical-align:middle; padding:0 5px; border-radius:3px; line-height:20px;}
.pop_tag .s2,.pop_tag .s1 { float:left; background-color:rgba(12,187,115,0.1); color:#0CBB73; border:0 none; padding:1px 6px; margin-top:8px;}
.pop_tag  .s1 { background-color:rgba(147,155,173,0.1); color:#939BAD; border:0 none;}
.pop_tag span

.pop_node .pop_card { border:1px solid #f0f0f0; border-radius: 5px;}
.pop_node .pop_card_inner { position: relative; z-index: 1; padding:12px 0 0 70px;}
.pop_node .pop_card_inner img { display:block; position:absolute; left: 10px; top: 10px; height: 50px; width: 50px; border-radius:25px; box-shadow:0 0 6px rgba(0,0,0,.2);}
.pop_node .pop_card_inner .na1 { white-space: nowrap; word-break: break-all; overflow: hidden; text-overflow: ellipsis;}
.pop_node .pop_card_inner .na2 { font-size: 12px; color: #aaa; margin-top: 6px; white-space: nowrap; word-break: break-all; overflow: hidden; text-overflow: ellipsis;}
.pop_node .pop_card .pop_p { border-top: 1px solid #f0f0f0; margin-top: 14px; padding: 8px 10px; white-space: nowrap; word-break: break-all; overflow: hidden; text-overflow: ellipsis;}

.pop_hdT { text-align:center; margin: 20px 0 10px;}
.pop_hdT:before,.pop_hdT:after {display: inline-block; content: ''; height: 1px; width: 28px; background-color: #ddd; vertical-align: 6px; margin: 0 10px;}

