body,p,ul {margin: 0;padding: 0;font-family: "PingFangSC-Medium"}
* {padding: 0;margin: 0;list-style: none;}
img {border: 0;vertical-align: top;}
body {background-color: #F4F6FA;}
header {position: relative; height: 44px; padding-top: 20px; background-color: #F2F4F6;}
header i {display: block;width: 40px;height: 40px;position: absolute;left: 10px;top: 22px;}
header i.return_btn:before {content: " ";border-left: 2px solid #666;border-top: 2px solid #666;width: 13px;height: 13px;transform: rotate(-45deg);position: absolute;left: 3px;top: 13px;}
header h1 { height: 44px; line-height: 44px; text-align: center; font-size: 18px; color: #333; font-family: "PingFangSC-Medium"; font-weight: normal; background-color: #F2F4F6}
.wrap {}
.scroll_wrap { position: relative;}
.scroll_img { width: 100%; overflow: hidden;position: relative;}
.scroll_img img { width:calc(100vw); height: auto;}
.scroll_nav { position:absolute; left:0px; right:0px; bottom:42%; text-align: center; line-height: 0px; font-size: 0px;}
.scroll_nav i { display: inline-block; width: 4px; height: 4px; background-color: #FFF; border-radius: 4px; margin: 0 2px}
.scroll_nav i.curr { width: 8px; background-color: #2387FD;}
.con1 { margin: 0 15px 15px; border-radius: 8px; background-color: #FFF; height: 45px; line-height: 45px; text-align: center; display: flex;box-shadow: 0 4px 15px 1px rgba(0,0,0,0.06); margin-top: -23%; position: relative;}
.con1 span { flex:1; font-size: 16px; color: #333;}
.con1 span i { display: inline-block; width: 16px; height: 16px; background: url(images/icon2.png) left center no-repeat; background-size: 100% auto; vertical-align: middle; margin-right: 4px; margin-top: -3px;}
.con1 span i.icon_02 { background-image: url(images/icon1.png)}
.con2,.con3 { background-color: #FFF;border-radius: 8px; margin: 0 15px 15px;box-shadow: 0 4px 15px 1px rgba(0,0,0,0.06); position: relative; padding: 10px 12px; }
.con2 h2,.con3 h2 { font-size: 18px; color: #333; font-weight: normal; padding-bottom: 5px;}
.con2 li {position: relative; margin-bottom: 20px;}
.con2 li::after { content: " "; height: 0; width: 0px; clear: both; display: block}
.con2 .side { width: 45%; float: left; position: relative; border-radius: 8px; overflow: hidden; margin-right: 8px;}
.con2 .side img { width: 100%; height: auto;}
.con2 .side span { position: absolute; left: 0; top: 0px; border-radius: 8px 0 8px 0; background-color: #FF8C13; font-size: 10px; color: #FFF; padding: 0 5px; height: 18px; line-height: 18px;}
.con2 h3 { font-size: 14px; color: #333; font-weight: normal}
.con2 h3 img { width: 20px; height: auto; max-height: 20px; vertical-align: middle; margin-right: 5px;}
.m_tip { height: 19px; line-height: 19px; border-radius: 10px; background-color: #FEF0E1; color: #FF8C13; font-size: 11px; padding: 0 5px;}
.btn_c01 { position: absolute; bottom: 0px; right: 0;background-image: linear-gradient(90deg, #1C83FD 0%, #5AAAFE 78%, #84C5FF 100%);
    border-radius: 18px; height: 25px; line-height: 25px; font-size: 14px; color: #FFF; padding: 0 10px;}
.list_scroll_wrap { position: relative; padding-bottom: 20px;}
.list_scroll_wrap .scroll_nav { bottom: 5px;}
.list_scroll_wrap .scroll_nav i {background-color:#C2E0FF}
.list_scroll_wrap .scroll_nav i.curr { background-color: #2387FD;}
.list_scroll_wrap .list_scroll { width: 100%; overflow: hidden;}
.list_scroll_wrap .list_scroll .list_item { width:calc(100vw - 54px); float: left; margin-bottom: 0; position: relative;}
.ad_wrap { border-radius: 8px; overflow: hidden; box-shadow: 0 4px 15px 1px rgba(0,0,0,0.06); margin: 0 15px 15px;}
.ad_wrap img {width: 100%; height: auto;}
.con3 ul { display: flex; flex-wrap: wrap; align-content: flex-start; margin-left: -12px; margin-right: -12px;}
.con3 li { width:calc(100vw/2 - 67px); padding: 12px 0 5px 52px;}
.con3 li img { float: left; width: 27px; height: auto; vertical-align: middle; margin-right: 12px; margin-left: -39px;}
.con3 li h3 { font-size: 16px; font-weight: normal}
i.share_btn {
    position: absolute;
    right: 10px;
    width: 40px;
    height: 40px;
    top: 10px;
    z-index: 100;
}
i.share_btn:before {
    content: " ";
    position: absolute;
    right: 0px;
    top: 12px;
    width: 18px;
    height: 18px;
    background: url(images/share_btn.png) left top no-repeat;
    background-size: 100% 100%;
}